您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符
 
 

1 行
6.8 KiB

  1. {"ast":null,"code":"import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nvar _jsxFileName = \"C:\\\\tbg-ecomm-nextjs\\\\components\\\\Pagination\\\\Pagination.js\";\nvar __jsx = React.createElement;\nimport React from \"react\"; // nodejs library to set properties for components\n\nimport PropTypes from \"prop-types\"; // nodejs library that concatenates classes\n\nimport classNames from \"classnames\"; // @material-ui/core components\n\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Button from \"@material-ui/core/Button\";\nimport styles from \"assets/jss/nextjs-material-kit/components/paginationStyle.js\";\nvar useStyles = makeStyles(styles);\nexport default function Pagination(props) {\n var _this = this;\n\n var classes = useStyles();\n var pages = props.pages,\n color = props.color;\n return __jsx(\"ul\", {\n className: classes.pagination,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 19,\n columnNumber: 5\n }\n }, pages.map(function (prop, key) {\n var _classNames;\n\n var paginationLink = classNames((_classNames = {}, _defineProperty(_classNames, classes.paginationLink, true), _defineProperty(_classNames, classes[color], prop.active), _defineProperty(_classNames, classes.disabled, prop.disabled), _classNames));\n return __jsx(\"li\", {\n className: classes.paginationItem,\n key: key,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 27,\n columnNumber: 11\n }\n }, prop.onClick !== undefined ? __jsx(Button, {\n onClick: prop.onClick,\n className: paginationLink,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 29,\n columnNumber: 15\n }\n }, prop.text) : __jsx(Button, {\n onClick: function onClick() {\n return alert(\"you've clicked \" + prop.text);\n },\n className: paginationLink,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 33,\n columnNumber: 15\n }\n }, prop.text));\n }));\n}\nPagination.defaultProps = {\n color: \"primary\"\n};\nPagination.propTypes = {\n pages: PropTypes.arrayOf(PropTypes.shape({\n active: PropTypes.bool,\n disabled: PropTypes.bool,\n text: PropTypes.oneOfType([PropTypes.number, PropTypes.oneOf([\"PREV\", \"NEXT\", \"...\"])]).isRequired,\n onClick: PropTypes.func\n })).isRequired,\n color: PropTypes.oneOf([\"primary\", \"info\", \"success\", \"warning\", \"danger\"])\n};","map":{"version":3,"sources":["C:/tbg-ecomm-nextjs/components/Pagination/Pagination.js"],"names":["React","PropTypes","classNames","makeStyles","Button","styles","useStyles","Pagination","props","classes","pages","color","pagination","map","prop","key","paginationLink","active","disabled","paginationItem","onClick","undefined","text","alert","defaultProps","propTypes","arrayOf","shape","bool","oneOfType","number","oneOf","isRequired","func"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB,C,CACA;;AACA,OAAOC,SAAP,MAAsB,YAAtB,C,CACA;;AACA,OAAOC,UAAP,MAAuB,YAAvB,C,CAEA;;AACA,SAASC,UAAT,QAA2B,0BAA3B;AACA,OAAOC,MAAP,MAAmB,0BAAnB;AAEA,OAAOC,MAAP,MAAmB,8DAAnB;AAEA,IAAMC,SAAS,GAAGH,UAAU,CAACE,MAAD,CAA5B;AAEA,eAAe,SAASE,UAAT,CAAoBC,KAApB,EAA2B;AAAA;;AACxC,MAAMC,OAAO,GAAGH,SAAS,EAAzB;AACA,MAAQI,KAAR,GAAyBF,KAAzB,CAAQE,KAAR;AAAA,MAAeC,KAAf,GAAyBH,KAAzB,CAAeG,KAAf;AACA,SACE;AAAI,IAAA,SAAS,EAAEF,OAAO,CAACG,UAAvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGF,KAAK,CAACG,GAAN,CAAU,UAACC,IAAD,EAAOC,GAAP,EAAe;AAAA;;AACxB,QAAMC,cAAc,GAAGd,UAAU,iDAC9BO,OAAO,CAACO,cADsB,EACL,IADK,gCAE9BP,OAAO,CAACE,KAAD,CAFuB,EAEbG,IAAI,CAACG,MAFQ,gCAG9BR,OAAO,CAACS,QAHsB,EAGXJ,IAAI,CAACI,QAHM,gBAAjC;AAKA,WACE;AAAI,MAAA,SAAS,EAAET,OAAO,CAACU,cAAvB;AAAuC,MAAA,GAAG,EAAEJ,GAA5C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACGD,IAAI,CAACM,OAAL,KAAiBC,SAAjB,GACC,MAAC,MAAD;AAAQ,MAAA,OAAO,EAAEP,IAAI,CAACM,OAAtB;AAA+B,MAAA,SAAS,EAAEJ,cAA1C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACGF,IAAI,CAACQ,IADR,CADD,GAKC,MAAC,MAAD;AACE,MAAA,OAAO,EAAE;AAAA,eAAMC,KAAK,CAAC,oBAAoBT,IAAI,CAACQ,IAA1B,CAAX;AAAA,OADX;AAEE,MAAA,SAAS,EAAEN,cAFb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAIGF,IAAI,CAACQ,IAJR,CANJ,CADF;AAgBD,GAtBA,CADH,CADF;AA2BD;AAEDf,UAAU,CAACiB,YAAX,GAA0B;AACxBb,EAAAA,KAAK,EAAE;AADiB,CAA1B;AAIAJ,UAAU,CAACkB,SAAX,GAAuB;AACrBf,EAAAA,KAAK,EAAET,SAAS,CAACyB,OAAV,CACLzB,SAAS,CAAC0B,KAAV,CAAgB;AACdV,IAAAA,MAAM,EAAEhB,SAAS,CAAC2B,IADJ;AAEdV,IAAAA,QAAQ,EAAEjB,SAAS,CAAC2B,IAFN;AAGdN,IAAAA,IAAI,EAAErB,SAAS,CAAC4B,SAAV,CAAoB,CACxB5B,SAAS,CAAC6B,MADc,EAExB7B,SAAS,CAAC8B,KAAV,CAAgB,CAAC,MAAD,EAAS,MAAT,EAAiB,KAAjB,CAAhB,CAFwB,CAApB,EAGHC,UANW;AAOdZ,IAAAA,OAAO,EAAEnB,SAAS,CAACgC;AAPL,GAAhB,CADK,EAULD,UAXmB;AAYrBrB,EAAAA,KAAK,EAAEV,SAAS,CAAC8B,KAAV,CAAgB,CAAC,SAAD,EAAY,MAAZ,EAAoB,SAApB,EAA+B,SAA/B,EAA0C,QAA1C,CAAhB;AAZc,CAAvB","sourcesContent":["import React from \"react\";\r\n// nodejs library to set properties for components\r\nimport PropTypes from \"prop-types\";\r\n// nodejs library that concatenates classes\r\nimport classNames from \"classnames\";\r\n\r\n// @material-ui/core components\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Button from \"@material-ui/core/Button\";\r\n\r\nimport styles from \"assets/jss/nextjs-material-kit/components/paginationStyle.js\";\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nexport default function Pagination(props) {\r\n const classes = useStyles();\r\n const { pages, color } = props;\r\n return (\r\n <ul className={classes.pagination}>\r\n {pages.map((prop, key) => {\r\n const paginationLink = classNames({\r\n [classes.paginationLink]: true,\r\n [classes[color]]: prop.active,\r\n [classes.disabled]: prop.disabled\r\n });\r\n return (\r\n <li className={classes.paginationItem} key={key}>\r\n {prop.onClick !== undefined ? (\r\n <Button onClick={prop.onClick} className={paginationLink}>\r\n {prop.text}\r\n </Button>\r\n ) : (\r\n <Button\r\n onClick={() => alert(\"you've clicked \" + prop.text)}\r\n className={paginationLink}\r\n >\r\n {prop.text}\r\n </Button>\r\n )}\r\n </li>\r\n );\r\n })}\r\n </ul>\r\n );\r\n}\r\n\r\nPagination.defaultProps = {\r\n color: \"primary\"\r\n};\r\n\r\nPagination.propTypes = {\r\n pages: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n active: PropTypes.bool,\r\n disabled: PropTypes.bool,\r\n text: PropTypes.oneOfType([\r\n PropTypes.number,\r\n PropTypes.oneOf([\"PREV\", \"NEXT\", \"...\"])\r\n ]).isRequired,\r\n onClick: PropTypes.func\r\n })\r\n ).isRequired,\r\n color: PropTypes.oneOf([\"primary\", \"info\", \"success\", \"warning\", \"danger\"])\r\n};\r\n"]},"metadata":{},"sourceType":"module"}