{"version":3,"sources":["webpack://_N_E/./new/home/components/dong-che-fen/stars.tsx"],"names":["Stars","props","starIcon","starVacantIcon","score","maxScore","className","starWidth","starHeight","stars","i","push","intersection","Math","ceil","classNames","map","ele","index"],"mappings":"wNAae,SAASA,EAAMC,GAW5B,IAX2C,IAEzCC,EAOED,EAPFC,SACAC,EAMEF,EANFE,eACAC,EAKEH,EALFG,MACAC,EAIEJ,EAJFI,SACAC,EAGEL,EAHFK,UANyC,EASvCL,EAFFM,iBAPyC,MAO7B,GAP6B,IASvCN,EADFO,kBARyC,MAQ5B,GAR4B,EAUrCC,EAAQ,GACLC,EAAI,EAAGA,GAAKN,EAAOM,IAC1BD,EAAME,KAAK,GAEb,IAAMC,EAAeR,EAAQ,EAK7B,GAJqB,IAAjBQ,GACFH,EAAME,KAAK,GAGTR,GAAkBE,EACpB,IAAK,IAAIK,EAAIG,KAAKC,KAAKV,GAAQM,EAAIL,EAAUK,IAC3CD,EAAME,KAAK,GAGf,OACE,2DA6BiBJ,EACCC,EAGeN,EAGAC,EAGfK,EAESD,EAAeC,EAETN,EAIAC,EAENI,EAAeC,IAjD1C,cA2DiBD,EAAYK,EACLL,GAAa,EAAIK,GAGvBL,GAAa,EAAIK,GAClBL,GAAa,EAAIK,OAhElC,KACaG,IAAWT,EAAW,kBADnC,cAIGG,EAAMO,KAAI,SAACC,EAAKC,GACf,OAAQD,GACN,KAAK,EACH,OAAO,6DAsBEV,EACCC,EAGeN,EAGAC,EAGfK,EAESD,EAAeC,EAETN,EAIAC,EAENI,EAAeC,IA1C3B,cAoDED,EAAYK,EACLL,GAAa,EAAIK,GAGvBL,GAAa,EAAIK,GAClBL,GAAa,EAAIK,OAzDnB,SAA4BM,GACrC,KAAK,EACH,OAAO,6DAoBEX,EACCC,EAGeN,EAGAC,EAGfK,EAESD,EAAeC,EAETN,EAIAC,EAENI,EAAeC,IAxC3B,cAkDED,EAAYK,EACLL,GAAa,EAAIK,GAGvBL,GAAa,EAAIK,GAClBL,GAAa,EAAIK,OAvDnB,qBAAwCM,GACjD,KAAK,EACH,OAAO,6DAkBEX,EACCC,EAGeN,EAGAC,EAGfK,EAESD,EAAeC,EAETN,EAIAC,EAENI,EAAeC,IAtC3B,cAgDED,EAAYK,EACLL,GAAa,EAAIK,GAGvBL,GAAa,EAAIK,GAClBL,GAAa,EAAIK,OArDnB,gBAAmCM,GAC5C,QACE,OAAO,UAbf,6CA6BiBX,EACCC,EAGeN,EAGAC,EAGfK,EAESD,EAAeC,EAETN,EAIAC,EAENI,EAAeC,GAjD1C,kaA6BiBD,EA7BjB,qBA8BkBC,EA9BlB,2EAiCiCN,EAjCjC,kFAoCiCC,EApCjC,wEAuCkBK,EAvClB,uDAyC2BD,EAzC3B,cAyC0CC,EAzC1C,sDA2CiCN,EA3CjC,yGA+CiCC,EA/CjC,wDAiD2BI,EAjD3B,cAiD0CC,EAjD1C,4FA2DiBD,EAAYK,EACLL,GAAa,EAAIK,GAGvBL,GAAa,EAAIK,GAClBL,GAAa,EAAIK,IAhElC,yEA2DiBL,EAAYK,EA3D7B,2BA4DwBL,GAAa,EAAIK,GA5DzC,+EA+DkBL,GAAa,EAAIK,GA/DnC,oBAgEiBL,GAAa,EAAIK,GAhElC,6BAEgBR","file":"static/chunks/6272.2282c94cc33650e75e2a.js","sourcesContent":["import classNames from 'classnames'\nimport React from 'react'\n\ninterface IStars {\n  starIcon: string\n  starVacantIcon?: string\n  maxScore?: number\n  score: number\n  className?: string\n  starWidth?: number\n  starHeight?: number\n}\n\nexport default function Stars(props: IStars) {\n  const {\n    starIcon,\n    starVacantIcon,\n    score,\n    maxScore,\n    className,\n    starWidth = 13,\n    starHeight = 12,\n  } = props\n  const stars = []\n  for (let i = 1; i <= score; i++) {\n    stars.push(0)\n  }\n  const intersection = score % 1\n  if (intersection !== 0) {\n    stars.push(1)\n  }\n\n  if (starVacantIcon && maxScore) {\n    for (let i = Math.ceil(score); i < maxScore; i++) {\n      stars.push(2)\n    }\n  }\n  return (\n    <p\n      className={classNames(className, 'stars-wrapper')}\n      key={`score-${score}`}\n    >\n      {stars.map((ele, index) => {\n        switch (ele) {\n          case 0:\n            return <span className=\"star\" key={index} />\n          case 1:\n            return <span className=\"star-intersected\" key={index} />\n          case 2:\n            return <span className=\"star-vacant\" key={index} />\n          default:\n            return null\n        }\n      })}\n      <style jsx>\n        {`\n          .stars-wrapper {\n            display: flex;\n            align-items: center;\n            width: 100%;\n            height: 100%;\n          }\n          .star,\n          .star-vacant {\n            background-position: center;\n            background-size: cover;\n            background-repeat: no-repeat;\n            width: ${starWidth}px;\n            height: ${starHeight}px;\n          }\n          .star {\n            background-image: url('${starIcon}');\n          }\n          .star-vacant {\n            background-image: url('${starVacantIcon}');\n          }\n          .star-intersected {\n            height: ${starHeight}px;\n            background-position: left;\n            background-size: ${starWidth}px ${starHeight}px;\n            position: relative;\n            background-image: url('${starIcon}');\n          }\n          .star-intersected::after {\n            content: '';\n            background-image: url('${starVacantIcon}');\n            background-position: right;\n            background-size: ${starWidth}px ${starHeight}px;\n            position: absolute;\n            top: 0;\n            height: 100%;\n          }\n        `}\n      </style>\n      <style jsx>\n        {`\n          .star-intersected {\n            width: ${starWidth * intersection}px;\n            margin-right: ${starWidth * (1 - intersection)}px;\n          }\n          .star-intersected::after {\n            right: -${starWidth * (1 - intersection)}px;\n            width: ${starWidth * (1 - intersection)}px;\n          }\n        `}\n      </style>\n    </p>\n  )\n}\n"],"sourceRoot":""}