@lobehub/ui/es/base-ui/Tag/Tag.mjs.map

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

{"version":3,"file":"Tag.mjs","names":[],"sources":["../../../src/base-ui/Tag/Tag.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar, cx } from 'antd-style';\nimport { X } from 'lucide-react';\nimport { memo, useMemo, useState } from 'react';\n\nimport { safeReadableColor } from '@/utils/safeReadableColor';\n\nimport { styles, variants } from './style';\nimport type { TagProps } from './type';\nimport { colorsPreset, colorsPresetSystem, presetColors, presetSystemColors } from './utils';\n\nconst Tag = memo<TagProps>(\n  ({\n    children,\n    className,\n    classNames,\n    closable,\n    closeIcon,\n    color,\n    icon,\n    onClick,\n    onClose,\n    ref,\n    shape = 'normal',\n    size = 'middle',\n    style,\n    styles: customStyles,\n    variant = 'filled',\n    ...rest\n  }) => {\n    const [visible, setVisible] = useState(true);\n\n    const colors = useMemo(() => {\n      let textColor = cssVar.colorTextSecondary;\n      let backgroundColor;\n      let borderColor;\n      const isBorderless = variant === 'borderless';\n      const isFilled = variant === 'filled';\n      const isSolid = variant === 'solid';\n      const isPresetColor = color && presetColors.includes(color);\n      const isPresetSystemColors = color && presetSystemColors.has(color);\n      const isHexColor = color && color.startsWith('#');\n\n      if (isPresetColor) {\n        const solidBgColor = colorsPreset(color);\n        textColor = isSolid ? safeReadableColor(solidBgColor) : colorsPreset(color, 'active');\n        backgroundColor = isSolid\n          ? solidBgColor\n          : isBorderless\n            ? 'transparent'\n            : colorsPreset(color, 'fillTertiary');\n        borderColor = isSolid\n          ? solidBgColor\n          : colorsPreset(color, isFilled ? 'fillQuaternary' : 'fillTertiary');\n      }\n      if (isPresetSystemColors) {\n        const solidBgColor = colorsPresetSystem(color);\n        textColor = isSolid ? safeReadableColor(solidBgColor) : colorsPresetSystem(color);\n        backgroundColor = isSolid\n          ? solidBgColor\n          : isBorderless\n            ? 'transparent'\n            : colorsPresetSystem(color, 'fillTertiary');\n        borderColor = isSolid\n          ? solidBgColor\n          : colorsPresetSystem(color, isFilled ? 'fillQuaternary' : 'fillTertiary');\n      }\n      if (isHexColor) {\n        textColor = isSolid\n          ? safeReadableColor(color)\n          : isBorderless\n            ? color\n            : cssVar.colorBgLayout;\n        backgroundColor = isSolid ? color : isBorderless ? 'transparent' : color;\n        borderColor = isSolid ? color : borderColor;\n      }\n\n      return {\n        backgroundColor,\n        borderColor,\n        textColor,\n      };\n    }, [color, variant]);\n\n    if (!visible) return null;\n\n    return (\n      <span\n        className={cx(variants({ shape, size, variant }), className, classNames?.root)}\n        ref={ref}\n        style={{\n          background: colors.backgroundColor,\n          borderColor: colors.borderColor,\n          color: colors.textColor,\n          cursor: onClick ? 'pointer' : undefined,\n          ...style,\n          ...customStyles?.root,\n        }}\n        onClick={onClick}\n        {...rest}\n      >\n        {icon}\n        {children}\n        {closable && (\n          <button\n            aria-label=\"Close\"\n            className={cx(styles.close, classNames?.closeIcon)}\n            style={customStyles?.closeIcon}\n            type=\"button\"\n            onClick={(e) => {\n              e.stopPropagation();\n              onClose?.(e);\n              setVisible(false);\n            }}\n          >\n            {closeIcon ?? <X size={10} />}\n          </button>\n        )}\n      </span>\n    );\n  },\n);\n\nTag.displayName = 'Tag';\n\nexport default Tag;\n"],"mappings":";;;;;;;;;AAYA,MAAM,MAAM,MACT,EACC,UACA,WACA,YACA,UACA,WACA,OACA,MACA,SACA,SACA,KACA,QAAQ,UACR,OAAO,UACP,OACA,QAAQ,cACR,UAAU,UACV,GAAG,WACC;CACJ,MAAM,CAAC,SAAS,cAAc,SAAS,IAAI;CAE3C,MAAM,SAAS,cAAc;EAC3B,IAAI,YAAY,OAAO;EACvB,IAAI;EACJ,IAAI;EACJ,MAAM,eAAe,YAAY;EACjC,MAAM,WAAW,YAAY;EAC7B,MAAM,UAAU,YAAY;EAC5B,MAAM,gBAAgB,SAAS,aAAa,SAAS,KAAK;EAC1D,MAAM,uBAAuB,SAAS,mBAAmB,IAAI,KAAK;EAClE,MAAM,aAAa,SAAS,MAAM,WAAW,GAAG;EAEhD,IAAI,eAAe;GACjB,MAAM,eAAe,aAAa,KAAK;GACvC,YAAY,UAAU,kBAAkB,YAAY,IAAI,aAAa,OAAO,QAAQ;GACpF,kBAAkB,UACd,eACA,eACE,gBACA,aAAa,OAAO,cAAc;GACxC,cAAc,UACV,eACA,aAAa,OAAO,WAAW,mBAAmB,cAAc;EACtE;EACA,IAAI,sBAAsB;GACxB,MAAM,eAAe,mBAAmB,KAAK;GAC7C,YAAY,UAAU,kBAAkB,YAAY,IAAI,mBAAmB,KAAK;GAChF,kBAAkB,UACd,eACA,eACE,gBACA,mBAAmB,OAAO,cAAc;GAC9C,cAAc,UACV,eACA,mBAAmB,OAAO,WAAW,mBAAmB,cAAc;EAC5E;EACA,IAAI,YAAY;GACd,YAAY,UACR,kBAAkB,KAAK,IACvB,eACE,QACA,OAAO;GACb,kBAAkB,UAAU,QAAQ,eAAe,gBAAgB;GACnE,cAAc,UAAU,QAAQ;EAClC;EAEA,OAAO;GACL;GACA;GACA;EACF;CACF,GAAG,CAAC,OAAO,OAAO,CAAC;CAEnB,IAAI,CAAC,SAAS,OAAO;CAErB,OACE,qBAAC,QAAD;EACE,WAAW,GAAG,SAAS;GAAE;GAAO;GAAM;EAAQ,CAAC,GAAG,WAAW,YAAY,IAAI;EACxE;EACL,OAAO;GACL,YAAY,OAAO;GACnB,aAAa,OAAO;GACpB,OAAO,OAAO;GACd,QAAQ,UAAU,YAAY,KAAA;GAC9B,GAAG;GACH,GAAG,cAAc;EACnB;EACS;EACT,GAAI;EAZN,UAAA;GAcG;GACA;GACA,YACC,oBAAC,UAAD;IACE,cAAW;IACX,WAAW,GAAG,OAAO,OAAO,YAAY,SAAS;IACjD,OAAO,cAAc;IACrB,MAAK;IACL,UAAU,MAAM;KACd,EAAE,gBAAgB;KAClB,UAAU,CAAC;KACX,WAAW,KAAK;IAClB;IAEC,UAAA,aAAa,oBAAC,GAAD,EAAG,MAAM,GAAK,CAAA;GACtB,CAAA;EAEN;;AAEV,CACF;AAEA,IAAI,cAAc"}