@lobehub/ui/es/color/CssVar/VarRow.mjs.map

Lobe UI is an open-source UI component library for building AIGC web apps

{"version":3,"file":"VarRow.mjs","names":["Flexbox"],"sources":["../../../src/color/CssVar/VarRow.tsx"],"sourcesContent":["import { message, Space } from 'antd';\nimport { cssVar } from 'antd-style';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport { copyToClipboard } from '@/utils/copyToClipboard';\n\nimport { styles } from './style';\n\nexport interface IScaleRow {\n  name: string;\n}\n\nconst ScaleRow = memo<IScaleRow>(({ name }) => {\n  return (\n    <Space size={2}>\n      <div className={styles.scaleRowTitle} key={name}>\n        <div className={styles.text}>cssVar</div>\n      </div>\n      {[1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((color) => {\n        return (\n          <div\n            className={styles.scaleBox}\n            key={color}\n            title={(cssVar as any)[`${name}${color}`] as any}\n            onClick={async () => {\n              const content = (cssVar as any)[`${name}${color}`] as any;\n\n              await copyToClipboard(content);\n              message.success(content);\n            }}\n          >\n            <Flexbox\n              horizontal\n              align={'center'}\n              className={styles.scaleItem}\n              justify={'center'}\n              style={{ backgroundColor: (cssVar as any)[`${name}${color}`] as any }}\n            />\n          </div>\n        );\n      })}\n    </Space>\n  );\n});\n\nexport default ScaleRow;\n"],"mappings":";;;;;;;;AAaA,MAAM,WAAW,MAAiB,EAAE,WAAW;CAC7C,OACE,qBAAC,OAAD;EAAO,MAAM;YAAb,CACE,oBAAC,OAAD;GAAK,WAAW,OAAO;aACrB,oBAAC,OAAD;IAAK,WAAW,OAAO;cAAM;GAAW,CAAA;EACrC,GAFsC,IAEtC,GACJ;GAAC;GAAG;GAAG;GAAG;GAAG;GAAG;GAAG;GAAG;GAAG;GAAG;EAAE,CAAC,CAAC,KAAK,UAAU;GAC9C,OACE,oBAAC,OAAD;IACE,WAAW,OAAO;IAElB,OAAQ,OAAe,GAAG,OAAO;IACjC,SAAS,YAAY;KACnB,MAAM,UAAW,OAAe,GAAG,OAAO;KAE1C,MAAM,gBAAgB,OAAO;KAC7B,QAAQ,QAAQ,OAAO;IACzB;cAEA,oBAACA,mBAAD;KACE,YAAA;KACA,OAAO;KACP,WAAW,OAAO;KAClB,SAAS;KACT,OAAO,EAAE,iBAAkB,OAAe,GAAG,OAAO,SAAgB;IACrE,CAAA;GACE,GAhBE,KAgBF;EAET,CAAC,CACI;;AAEX,CAAC"}