@lobehub/ui/es/color/ColorScales/index.mjs.map

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

{"version":3,"file":"index.mjs","names":["Flexbox","ScaleRow"],"sources":["../../../src/color/ColorScales/index.tsx"],"sourcesContent":["'use client';\n\nimport { Space } from 'antd';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { ColorScaleItem } from '../types';\nimport ScaleRow from './ScaleRow';\nimport { styles } from './style';\n\nexport interface ColorScalesProps {\n  /**\n   * @description Index of the mid highlight color in the scale\n   */\n  midHighLight: number;\n  /**\n   * @description Name of the color scale\n   */\n  name: string;\n  /**\n   * @description Color scale item object\n   */\n  scale: ColorScaleItem;\n}\n\nconst ColorScales = memo<ColorScalesProps>(({ name, scale, midHighLight }) => {\n  return (\n    <Flexbox align={'center'} flex={1} horizontal justify={'center'}>\n      <div style={{ padding: '8px 16px 32px 0' }}>\n        <Space direction={'vertical'} size={2}>\n          <Space key=\"scale-title\" size={2}>\n            <Flexbox align={'center'} className={styles.scaleRowTitle} horizontal key=\"scale-num\" />\n            {Array.from({ length: scale.light.length })\n              .fill('')\n              .map((_, index) => {\n                if (index === 0 || index === 12) return false;\n\n                const isMidHighlight = midHighLight === index;\n\n                return (\n                  <div className={styles.scaleBox} key={`num${index}`}>\n                    <div className={styles.scaleBox}>\n                      <Flexbox\n                        align={'center'}\n                        className={styles.scaleItem}\n                        horizontal\n                        justify={'center'}\n                        style={{\n                          fontWeight: isMidHighlight ? 700 : 400,\n                          opacity: 0.5,\n                        }}\n                      >\n                        {index}\n                      </Flexbox>\n                    </div>\n                  </div>\n                );\n              })}\n          </Space>\n          <ScaleRow key=\"light\" name={name} scale={scale.light} title=\"light\" />\n          <ScaleRow key=\"lightA\" name={name} scale={scale.lightA} title=\"lightA\" />\n          <ScaleRow key=\"dark\" name={name} scale={scale.dark} title=\"dark\" />\n          <ScaleRow key=\"darkA\" name={name} scale={scale.darkA} title=\"darkA\" />\n        </Space>\n      </div>\n    </Flexbox>\n  );\n});\n\nexport default ColorScales;\n"],"mappings":";;;;;;;;;;AA0BA,MAAM,cAAc,MAAwB,EAAE,MAAM,OAAO,mBAAmB;AAC5E,QACE,oBAACA;EAAQ,OAAO;EAAU,MAAM;EAAG;EAAW,SAAS;YACrD,oBAAC;GAAI,OAAO,EAAE,SAAS,mBAAmB;aACxC,qBAAC;IAAM,WAAW;IAAY,MAAM;;KAClC,qBAAC;MAAwB,MAAM;iBAC7B,oBAACA;OAAQ,OAAO;OAAU,WAAW,OAAO;OAAe;SAAe,YAAc,EACvF,MAAM,KAAK,EAAE,QAAQ,MAAM,MAAM,QAAQ,CAAC,CACxC,KAAK,GAAG,CACR,KAAK,GAAG,UAAU;AACjB,WAAI,UAAU,KAAK,UAAU,GAAI,QAAO;OAExC,MAAM,iBAAiB,iBAAiB;AAExC,cACE,oBAAC;QAAI,WAAW,OAAO;kBACrB,oBAAC;SAAI,WAAW,OAAO;mBACrB,oBAACA;UACC,OAAO;UACP,WAAW,OAAO;UAClB;UACA,SAAS;UACT,OAAO;WACL,YAAY,iBAAiB,MAAM;WACnC,SAAS;WACV;oBAEA;WACO;UACN;UAd8B,MAAM,QAetC;QAER;QA3BK,cA4BH;KACR,oBAACC;MAA2B;MAAM,OAAO,MAAM;MAAO,OAAM;QAA9C,QAAwD;KACtE,oBAACA;MAA4B;MAAM,OAAO,MAAM;MAAQ,OAAM;QAAhD,SAA2D;KACzE,oBAACA;MAA0B;MAAM,OAAO,MAAM;MAAM,OAAM;QAA5C,OAAqD;KACnE,oBAACA;MAA2B;MAAM,OAAO,MAAM;MAAO,OAAM;QAA9C,QAAwD;;KAChE;IACJ;GACE;EAEZ;AAEF,0BAAe"}