@lobehub/ui/es/Highlighter/LangSelect.mjs.map

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

{"version":3,"file":"LangSelect.mjs","names":["Flexbox","MaterialFileTypeIcon","Text","item"],"sources":["../../src/Highlighter/LangSelect.tsx"],"sourcesContent":["'use client';\n\nimport { Select, type SelectProps } from 'antd';\nimport { memo, useMemo } from 'react';\nimport { bundledLanguagesInfo } from 'shiki';\n\nimport { Flexbox } from '@/Flex';\nimport MaterialFileTypeIcon from '@/MaterialFileTypeIcon';\nimport Text from '@/Text';\nimport { stopPropagation } from '@/utils/dom';\n\nexport const LangSelect = memo<Omit<SelectProps, 'options'>>(({ ...rest }) => {\n  const options = useMemo(\n    () => [\n      {\n        aliases: ['text', 'txt'],\n        label: (\n          <Flexbox align={'center'} gap={4} horizontal>\n            <MaterialFileTypeIcon\n              fallbackUnknownType={false}\n              filename={`*.txt`}\n              size={18}\n              type={'file'}\n              variant={'raw'}\n            />\n            <Text ellipsis fontSize={13}>\n              Plaintext\n            </Text>\n          </Flexbox>\n        ),\n        value: 'plaintext',\n      },\n      ...bundledLanguagesInfo.map((item) => ({\n        aliases: item.aliases,\n        label: (\n          <Flexbox align={'center'} gap={4} horizontal>\n            <MaterialFileTypeIcon\n              fallbackUnknownType={false}\n              filename={`*.${item?.aliases?.[0] || item.id}`}\n              size={18}\n              type={'file'}\n              variant={'raw'}\n            />\n            <Text ellipsis fontSize={13}>\n              {item.name}\n            </Text>\n          </Flexbox>\n        ),\n        title: (item.aliases || [item.id])\n          .filter(Boolean)\n          .map((item) => `*.${item}`)\n          .join(','),\n        value: item.id,\n      })),\n    ],\n    [],\n  );\n\n  return (\n    <Select\n      className={'languageTitle'}\n      onClick={stopPropagation}\n      options={options}\n      showSearch\n      size={'small'}\n      style={{\n        maxWidth: 240,\n        width: '100%',\n      }}\n      suffixIcon={false}\n      variant={'borderless'}\n      {...rest}\n    />\n  );\n});\n\nexport default LangSelect;\n"],"mappings":";;;;;;;;;;;;AAWA,MAAa,aAAa,MAAoC,EAAE,GAAG,WAAW;AA+C5E,QACE,oBAAC;EACC,WAAW;EACX,SAAS;EACT,SAlDY,cACR,CACJ;GACE,SAAS,CAAC,QAAQ,MAAM;GACxB,OACE,qBAACA;IAAQ,OAAO;IAAU,KAAK;IAAG;eAChC,oBAACC;KACC,qBAAqB;KACrB,UAAU;KACV,MAAM;KACN,MAAM;KACN,SAAS;MACT,EACF,oBAACC;KAAK;KAAS,UAAU;eAAI;MAEtB;KACC;GAEZ,OAAO;GACR,EACD,GAAG,qBAAqB,KAAK,UAAU;GACrC,SAAS,KAAK;GACd,OACE,qBAACF;IAAQ,OAAO;IAAU,KAAK;IAAG;eAChC,oBAACC;KACC,qBAAqB;KACrB,UAAU,KAAK,MAAM,UAAU,MAAM,KAAK;KAC1C,MAAM;KACN,MAAM;KACN,SAAS;MACT,EACF,oBAACC;KAAK;KAAS,UAAU;eACtB,KAAK;MACD;KACC;GAEZ,QAAQ,KAAK,WAAW,CAAC,KAAK,GAAG,EAC9B,OAAO,QAAQ,CACf,KAAK,WAAS,KAAKC,SAAO,CAC1B,KAAK,IAAI;GACZ,OAAO,KAAK;GACb,EAAE,CACJ,EACD,EAAE,CACH;EAOG;EACA,MAAM;EACN,OAAO;GACL,UAAU;GACV,OAAO;GACR;EACD,YAAY;EACZ,SAAS;EACT,GAAI;GACJ;EAEJ;AAEF,yBAAe"}