tdesign-react 0.37.1 → 0.37.2-alpha.3

package/es/color-picker/ColorPickerPanel.js

@@ -14,9 +14,9 @@ import 'classnames';
 import 'tinycolor2';
 import '../_util/useCommonClassName.js';
 import '../_util/useConfig.js';
-import '../_chunks/dep-f9a93fd9.js';
+import '../_chunks/dep-ebdb5861.js';
 import '../_chunks/dep-2e8c2cb9.js';
-import '../_chunks/dep-258e1490.js';
+import '../_chunks/dep-98abc0e7.js';
 import '../_chunks/dep-50a7647a.js';
 import '../_chunks/dep-5a256d0b.js';
 import '../_chunks/dep-1823d8f9.js';
@@ -28,7 +28,7 @@ import '../_chunks/dep-da5de26d.js';
 import '../_chunks/dep-0c9da635.js';
 import '../_chunks/dep-43ffe2b6.js';
 import '../_chunks/dep-d8fe7298.js';
-import '../_chunks/dep-b93a5720.js';
+import '../_chunks/dep-44015487.js';
 import '../_chunks/dep-42f0ea3e.js';
 import '../_chunks/dep-3f31c41f.js';
 import '../_chunks/dep-4727f922.js';
@@ -60,7 +60,7 @@ import './components/panel/header.js';
 import 'tdesign-icons-react';
 import './const.js';
 import '../radio/index.js';
-import '../_chunks/dep-03ddae49.js';
+import '../_chunks/dep-63330981.js';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../common/Check.js';
@@ -79,11 +79,11 @@ import '../_common/js/color-picker/cmyk.js';
 import '../_common/js/color-picker/gradient.js';
 import './defaultProps.js';
 import './components/panel/linear-gradient.js';
-import '../_chunks/dep-a4da832f.js';
-import '../_chunks/dep-376d35c4.js';
-import '../_chunks/dep-28221994.js';
+import '../_chunks/dep-78b7d9a5.js';
+import '../_chunks/dep-54fa97bb.js';
+import '../_chunks/dep-d9f938c7.js';
 import '../_chunks/dep-27e1f7e0.js';
-import '../_chunks/dep-aec4f9de.js';
+import '../_chunks/dep-4421a283.js';
 import '../input-number/index.js';
 import '../input-number/InputNumber.js';
 import '../_util/useUpdateEffect.js';

package/es/color-picker/components/panel/format/index.js

@@ -40,11 +40,11 @@ import '../../../../_util/noop.js';
 import '../../../../locale/LocalReceiver.js';
 import '../../../../config-provider/index.js';
 import '../../../../config-provider/ConfigProvider.js';
-import '../../../../_chunks/dep-f9a93fd9.js';
-import '../../../../_chunks/dep-258e1490.js';
+import '../../../../_chunks/dep-ebdb5861.js';
+import '../../../../_chunks/dep-98abc0e7.js';
 import '../../../../_chunks/dep-43ffe2b6.js';
 import '../../../../_chunks/dep-d8fe7298.js';
-import '../../../../_chunks/dep-b93a5720.js';
+import '../../../../_chunks/dep-44015487.js';
 import '../../../../_chunks/dep-42f0ea3e.js';
 import '../../../../_chunks/dep-4727f922.js';
 import '../../../../_chunks/dep-a48a5e3d.js';

package/es/color-picker/components/panel/format/inputs.js

@@ -31,15 +31,15 @@ import '../../../../_chunks/dep-94bbf06a.js';
 import '../../../../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../../../../_util/useConfig.js';
-import '../../../../_chunks/dep-f9a93fd9.js';
-import '../../../../_chunks/dep-258e1490.js';
+import '../../../../_chunks/dep-ebdb5861.js';
+import '../../../../_chunks/dep-98abc0e7.js';
 import '../../../../_chunks/dep-50a7647a.js';
 import '../../../../_chunks/dep-5a256d0b.js';
 import '../../../../_chunks/dep-da5de26d.js';
 import '../../../../_chunks/dep-0c9da635.js';
 import '../../../../_chunks/dep-43ffe2b6.js';
 import '../../../../_chunks/dep-d8fe7298.js';
-import '../../../../_chunks/dep-b93a5720.js';
+import '../../../../_chunks/dep-44015487.js';
 import '../../../../_chunks/dep-42f0ea3e.js';
 import '../../../../_chunks/dep-3f31c41f.js';
 import '../../../../_chunks/dep-4727f922.js';

package/es/color-picker/components/panel/header.js

@@ -9,7 +9,7 @@ import classNames from 'classnames';
 import { CloseIcon } from 'tdesign-icons-react';
 import { COLOR_MODES } from '../../const.js';
 import { Radio } from '../../../radio/index.js';
-import '../../../_chunks/dep-03ddae49.js';
+import '../../../_chunks/dep-63330981.js';
 import '../../../_chunks/dep-6793ea1c.js';
 import '../../../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
@@ -30,8 +30,8 @@ import '../../../_chunks/dep-04502b00.js';
 import '../../../_chunks/dep-995f30fb.js';
 import '../../../_chunks/dep-03939090.js';
 import '../../../_util/useConfig.js';
-import '../../../_chunks/dep-f9a93fd9.js';
-import '../../../_chunks/dep-258e1490.js';
+import '../../../_chunks/dep-ebdb5861.js';
+import '../../../_chunks/dep-98abc0e7.js';
 import '../../../_chunks/dep-50a7647a.js';
 import '../../../_chunks/dep-5a256d0b.js';
 import '../../../_chunks/dep-1823d8f9.js';
@@ -41,7 +41,7 @@ import '../../../_chunks/dep-da5de26d.js';
 import '../../../_chunks/dep-0c9da635.js';
 import '../../../_chunks/dep-43ffe2b6.js';
 import '../../../_chunks/dep-d8fe7298.js';
-import '../../../_chunks/dep-b93a5720.js';
+import '../../../_chunks/dep-44015487.js';
 import '../../../_chunks/dep-42f0ea3e.js';
 import '../../../_chunks/dep-4727f922.js';
 import '../../../_chunks/dep-a48a5e3d.js';

package/es/color-picker/components/panel/index.js

@@ -26,9 +26,9 @@ import FormatPanel from './format/index.js';
 import SwatchesPanel from './swatches.js';
 import '../../../_chunks/dep-3946c311.js';
 import '../../../_util/useConfig.js';
-import '../../../_chunks/dep-f9a93fd9.js';
+import '../../../_chunks/dep-ebdb5861.js';
 import '../../../_chunks/dep-2e8c2cb9.js';
-import '../../../_chunks/dep-258e1490.js';
+import '../../../_chunks/dep-98abc0e7.js';
 import '../../../_chunks/dep-50a7647a.js';
 import '../../../_chunks/dep-5a256d0b.js';
 import '../../../_chunks/dep-1823d8f9.js';
@@ -40,7 +40,7 @@ import '../../../_chunks/dep-da5de26d.js';
 import '../../../_chunks/dep-0c9da635.js';
 import '../../../_chunks/dep-43ffe2b6.js';
 import '../../../_chunks/dep-d8fe7298.js';
-import '../../../_chunks/dep-b93a5720.js';
+import '../../../_chunks/dep-44015487.js';
 import '../../../_chunks/dep-42f0ea3e.js';
 import '../../../_chunks/dep-3f31c41f.js';
 import '../../../_chunks/dep-4727f922.js';
@@ -67,7 +67,7 @@ import '../../../config-provider/index.js';
 import '../../../config-provider/ConfigProvider.js';
 import 'tdesign-icons-react';
 import '../../../radio/index.js';
-import '../../../_chunks/dep-03ddae49.js';
+import '../../../_chunks/dep-63330981.js';
 import '../../../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../../../common/Check.js';
@@ -83,11 +83,11 @@ import '../../../radio/type.js';
 import '../../../_chunks/dep-63f08616.js';
 import '../../../_common/js/color-picker/cmyk.js';
 import '../../../_common/js/color-picker/gradient.js';
-import '../../../_chunks/dep-a4da832f.js';
-import '../../../_chunks/dep-376d35c4.js';
-import '../../../_chunks/dep-28221994.js';
+import '../../../_chunks/dep-78b7d9a5.js';
+import '../../../_chunks/dep-54fa97bb.js';
+import '../../../_chunks/dep-d9f938c7.js';
 import '../../../_chunks/dep-27e1f7e0.js';
-import '../../../_chunks/dep-aec4f9de.js';
+import '../../../_chunks/dep-4421a283.js';
 import '../../../input-number/index.js';
 import '../../../input-number/InputNumber.js';
 import '../../../_util/useUpdateEffect.js';

package/es/color-picker/components/panel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/color-picker/components/panel/index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState, forwardRef, MutableRefObject, useCallback } from 'react';\nimport classNames from 'classnames';\nimport tinyColor from 'tinycolor2';\n\nimport useCommonClassName from '../../../_util/useCommonClassName';\nimport useControlled from '../../../hooks/useControlled';\nimport { useLocaleReceiver } from '../../../locale/LocalReceiver';\nimport useClassname from '../../hooks/useClassname';\nimport PanelHeader from './header';\nimport Color, { getColorObject } from '../../../_common/js/color-picker/color';\nimport { GradientColorPoint } from '../../../_common/js/color-picker/gradient';\nimport {\n  DEFAULT_COLOR,\n  DEFAULT_LINEAR_GRADIENT,\n  TD_COLOR_USED_COLORS_MAX_SIZE,\n  DEFAULT_SYSTEM_SWATCH_COLORS,\n} from '../../const';\nimport { ColorPickerProps, TdColorModes, TdColorSaturationData } from '../../interface';\nimport { ColorPickerChangeTrigger, TdColorPickerProps } from '../../type';\nimport { colorPickerDefaultProps } from '../../defaultProps';\nimport LinearGradient from './linear-gradient';\nimport SaturationPanel from './saturation';\nimport HUESlider from './hue';\nimport AlphaSlider from './alpha';\nimport FormatPanel from './format';\nimport SwatchesPanel from './swatches';\n\nconst mathRound = Math.round;\n\nconst Panel = forwardRef((props: ColorPickerProps, ref: MutableRefObject<HTMLDivElement>) => {\n  const baseClassName = useClassname();\n  const { STATUS } = useCommonClassName();\n  const [local, t] = useLocaleReceiver('colorPicker');\n  const {\n    value,\n    disabled,\n    onChange,\n    enableAlpha = false,\n    format,\n    onPaletteBarChange,\n    swatchColors,\n    className,\n    style = {},\n    togglePopup,\n    closeBtn,\n    colorModes = ['linear-gradient', 'monochrome'],\n  } = props;\n  const [innerValue, setInnerValue] = useControlled(props, 'value', onChange);\n  const colorInstanceRef = useRef<Color>(new Color(innerValue || DEFAULT_COLOR));\n  const getmodeByColor = colorInstanceRef.current.isGradient ? 'linear-gradient' : 'monochrome';\n  const [mode, setMode] = useState<TdColorModes>(colorModes?.length === 1 ? colorModes[0] : getmodeByColor);\n  const [updateId, setUpdateId] = useState(0);\n  const update = useCallback(\n    (value) => {\n      colorInstanceRef.current.update(value);\n      setUpdateId(updateId + 1);\n    },\n    [updateId],\n  );\n\n  const formatValue = useCallback(() => {\n    // 渐变模式下直接输出css样式\n    if (mode === 'linear-gradient') {\n      return colorInstanceRef.current.linearGradient;\n    }\n\n    return colorInstanceRef.current.getFormatsColorMap()[format] || colorInstanceRef.current.css;\n  }, [format, mode]);\n\n  const emitColorChange = useCallback(\n    (trigger?: ColorPickerChangeTrigger) => {\n      setInnerValue(formatValue(), {\n        color: getColorObject(colorInstanceRef.current),\n        trigger: trigger || 'palette-saturation-brightness',\n      });\n    },\n    [formatValue, setInnerValue],\n  );\n\n  useEffect(() => {\n    if (typeof value === 'undefined' || mode === 'linear-gradient') {\n      return;\n    }\n\n    // common Color new 的时候使用 hsv ，一个 rgba 可以对应两个 hsv ，这里先直接用 tinycolor 比较下颜色是否修改了\n    const newUniqColor = tinyColor(value).toRgb();\n    const { r, g, b, a } = newUniqColor;\n    const newUniqRgbaColor = `rgba(${mathRound(r)}, ${mathRound(g)}, ${mathRound(b)}, ${a})`;\n\n    const newColor = new Color(value);\n    const formattedColor = newUniqRgbaColor || DEFAULT_COLOR;\n    const currentColor = colorInstanceRef.current.rgba;\n\n    const isInRightMode = mode === 'monochrome' && !newColor.isGradient;\n\n    if (formattedColor !== currentColor && isInRightMode) {\n      update(value);\n      setMode(newColor.isGradient ? 'linear-gradient' : 'monochrome');\n    }\n  }, [value, formatValue, setInnerValue, mode, update]);\n\n  useEffect(() => {\n    if (colorModes.length === 1) {\n      setMode(colorModes[0]);\n    } else {\n      setMode(getmodeByColor);\n    }\n  }, [colorModes, getmodeByColor]);\n\n  const formatRef = useRef<TdColorPickerProps['format']>(colorInstanceRef.current.isGradient ? 'CSS' : 'RGB');\n\n  const { onRecentColorsChange } = props;\n  const [recentlyUsedColors, setRecentlyUsedColors] = useControlled<TdColorPickerProps['recentColors'], any>(\n    props,\n    'recentColors',\n    onRecentColorsChange,\n    {\n      defaultRecentColors: colorPickerDefaultProps.recentColors,\n    },\n  );\n\n  const baseProps = {\n    color: colorInstanceRef.current,\n    disabled,\n    baseClassName,\n  };\n\n  const handleModeChange = (value: TdColorModes) => {\n    setMode(value);\n    const { rgba, gradientColors, linearGradient } = colorInstanceRef.current;\n    if (value === 'linear-gradient') {\n      colorInstanceRef.current = new Color(gradientColors.length > 0 ? linearGradient : DEFAULT_LINEAR_GRADIENT);\n      return;\n    }\n    colorInstanceRef.current = new Color(rgba);\n  };\n  // 最近使用颜色变更时触发\n  const handleRecentlyUsedColorsChange = (colors: string[]) => {\n    setRecentlyUsedColors(colors);\n  };\n\n  // 添加最近使用颜色\n  const addRecentlyUsedColor = () => {\n    const colors = [...((recentlyUsedColors as string[]) || [])];\n    const { isGradient, linearGradient, rgba } = colorInstanceRef.current;\n    const currentColor = isGradient ? linearGradient : rgba;\n    const index = colors.indexOf(currentColor);\n    if (index > -1) {\n      colors.splice(index, 1);\n    }\n    colors.unshift(currentColor);\n    if (colors.length > TD_COLOR_USED_COLORS_MAX_SIZE) {\n      colors.length = TD_COLOR_USED_COLORS_MAX_SIZE;\n    }\n    handleRecentlyUsedColorsChange(colors);\n  };\n\n  // 饱和度变化\n  const handleSaturationChange = ({ saturation, value }: TdColorSaturationData) => {\n    const { saturation: sat, value: val } = colorInstanceRef.current;\n    let changeTrigger: ColorPickerChangeTrigger = 'palette-saturation-brightness';\n    if (value !== val && saturation !== sat) {\n      changeTrigger = 'palette-saturation-brightness';\n      colorInstanceRef.current.saturation = saturation;\n      colorInstanceRef.current.value = value;\n    } else if (saturation !== sat) {\n      changeTrigger = 'palette-saturation';\n      colorInstanceRef.current.saturation = saturation;\n    } else if (value !== val) {\n      changeTrigger = 'palette-brightness';\n      colorInstanceRef.current.value = value;\n    } else {\n      return;\n    }\n\n    emitColorChange(changeTrigger);\n  };\n\n  // hue色相变化\n  const handleHUEChange = (hue: number) => {\n    colorInstanceRef.current.hue = hue;\n    emitColorChange('palette-hue-bar');\n    onPaletteBarChange?.({\n      color: getColorObject(colorInstanceRef.current),\n    });\n  };\n\n  /**\n   * 透明度变化\n   * @param alpha\n   */\n  const handleAlphaChange = (alpha: number) => {\n    colorInstanceRef.current.alpha = alpha;\n    emitColorChange('palette-alpha-bar');\n    onPaletteBarChange?.({\n      color: getColorObject(colorInstanceRef.current),\n    });\n  };\n\n  /**\n   * 渐变改变\n   * @param param0\n   */\n  const handleGradientChange = ({\n    key,\n    payload,\n  }: {\n    key: 'degree' | 'selectedId' | 'colors';\n    payload: number | string | GradientColorPoint[];\n    addUsedColor?: boolean;\n  }) => {\n    let trigger: ColorPickerChangeTrigger = 'palette-saturation-brightness';\n    switch (key) {\n      case 'degree':\n        colorInstanceRef.current.gradientDegree = payload as number;\n        trigger = 'input';\n        break;\n      case 'selectedId':\n        colorInstanceRef.current.gradientSelectedId = payload as string;\n        setUpdateId((prevId) => prevId + 1);\n        break;\n      case 'colors':\n        colorInstanceRef.current.gradientColors = payload as GradientColorPoint[];\n        break;\n    }\n    emitColorChange(trigger);\n  };\n\n  // format选择格式变化\n  const handleFormatModeChange = (format: TdColorPickerProps['format']) => (formatRef.current = format);\n\n  // format输入变化\n  const handleInputChange = (input: string, alpha?: number) => {\n    update(input);\n    colorInstanceRef.current.alpha = alpha;\n    emitColorChange('input');\n  };\n\n  // 渲染预设颜色区域\n  const SwatchesArea = React.memo(() => {\n    // 最近使用颜色\n    const showUsedColors = recentlyUsedColors !== null && recentlyUsedColors !== false;\n    // 系统颜色\n    let systemColors = swatchColors;\n    if (systemColors === undefined) {\n      systemColors = [...DEFAULT_SYSTEM_SWATCH_COLORS];\n    }\n    const showSystemColors = systemColors?.length > 0;\n\n    if (!showSystemColors && !showUsedColors) {\n      return null;\n    }\n\n    // 色块点击\n    const handleSetColor = (value: string) => {\n      const isGradientValue = Color.isGradientColor(value);\n      const color = colorInstanceRef.current;\n      if (isGradientValue) {\n        if (colorModes.includes('linear-gradient')) {\n          setMode('linear-gradient');\n          color.update(value);\n          color.updateCurrentGradientColor();\n        } else {\n          console.warn('该模式不支持渐变色');\n        }\n      } else if (mode === 'linear-gradient') {\n        color.updateStates(value);\n        color.updateCurrentGradientColor();\n      } else {\n        color.update(value);\n      }\n      emitColorChange();\n    };\n\n    return (\n      <>\n        <div className={`${baseClassName}__swatches-wrap`}>\n          {showUsedColors && (\n            <SwatchesPanel\n              {...baseProps}\n              title={t(local.recentColorTitle)}\n              editable\n              handleAddColor={addRecentlyUsedColor}\n              colors={recentlyUsedColors as string[]}\n              onSetColor={(color: string) => handleSetColor(color)}\n              onChange={handleRecentlyUsedColorsChange}\n            />\n          )}\n          {showSystemColors && (\n            <SwatchesPanel\n              {...baseProps}\n              title={t(local.swatchColorTitle)}\n              colors={systemColors}\n              onSetColor={(color: string) => handleSetColor(color)}\n            />\n          )}\n        </div>\n      </>\n    );\n  });\n\n  return (\n    <div\n      className={classNames(`${baseClassName}__panel`, disabled ? STATUS.disabled : false, className)}\n      onClick={(e) => e.stopPropagation()}\n      style={{ ...style }}\n      ref={ref}\n    >\n      <PanelHeader\n        baseClassName={baseClassName}\n        mode={mode}\n        colorModes={colorModes}\n        closeBtn={closeBtn}\n        togglePopup={togglePopup}\n        onModeChange={handleModeChange}\n      />\n      <div className={`${baseClassName}__body`}>\n        {mode === 'linear-gradient' && <LinearGradient {...baseProps} onChange={handleGradientChange} />}\n        <SaturationPanel {...baseProps} onChange={handleSaturationChange} />\n        <HUESlider {...baseProps} onChange={handleHUEChange} />\n        {enableAlpha && <AlphaSlider {...baseProps} onChange={handleAlphaChange} />}\n        <FormatPanel\n          {...props}\n          {...baseProps}\n          format={formatRef.current}\n          onModeChange={handleFormatModeChange}\n          onInputChange={handleInputChange}\n        />\n        <SwatchesArea />\n      </div>\n    </div>\n  );\n});\n\nexport default React.memo(Panel);\n"],"names":["mathRound","Math","round","Panel","forwardRef","props","ref","baseClassName","useClassname","useCommonClassName","STATUS","useLocaleReceiver","local","t","value","disabled","onChange","enableAlpha","format","onPaletteBarChange","swatchColors","className","style","togglePopup","closeBtn","colorModes","useControlled","innerValue","setInnerValue","colorInstanceRef","useRef","Color","DEFAULT_COLOR","getmodeByColor","current","isGradient","useState","length","mode","setMode","updateId","setUpdateId","update","useCallback","value2","formatValue","linearGradient","getFormatsColorMap","css","emitColorChange","trigger","color","getColorObject","useEffect","newUniqColor","tinyColor","toRgb","r","g","b","a","newUniqRgbaColor","newColor","formattedColor","currentColor","rgba","isInRightMode","formatRef","onRecentColorsChange","defaultRecentColors","colorPickerDefaultProps","recentColors","recentlyUsedColors","setRecentlyUsedColors","baseProps","handleModeChange","gradientColors","DEFAULT_LINEAR_GRADIENT","handleRecentlyUsedColorsChange","colors","addRecentlyUsedColor","index","indexOf","splice","unshift","TD_COLOR_USED_COLORS_MAX_SIZE","handleSaturationChange","saturation","sat","val","changeTrigger","handleHUEChange","hue","handleAlphaChange","alpha","handleGradientChange","key","payload","gradientDegree","gradientSelectedId","prevId","handleFormatModeChange","format2","handleInputChange","input","SwatchesArea","React","memo","showUsedColors","systemColors","DEFAULT_SYSTEM_SWATCH_COLORS","showSystemColors","handleSetColor","isGradientValue","isGradientColor","includes","updateCurrentGradientColor","console","warn","updateStates","createElement","Fragment","SwatchesPanel","title","recentColorTitle","editable","handleAddColor","onSetColor","swatchColorTitle","classNames","onClick","e","stopPropagation","PanelHeader","onModeChange","LinearGradient","SaturationPanel","HUESlider","AlphaSlider","FormatPanel","onInputChange"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/color-picker/components/panel/index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState, forwardRef, MutableRefObject, useCallback } from 'react';\nimport classNames from 'classnames';\nimport tinyColor from 'tinycolor2';\n\nimport useCommonClassName from '../../../_util/useCommonClassName';\nimport useControlled from '../../../hooks/useControlled';\nimport { useLocaleReceiver } from '../../../locale/LocalReceiver';\nimport useClassname from '../../hooks/useClassname';\nimport PanelHeader from './header';\nimport Color, { getColorObject } from '../../../_common/js/color-picker/color';\nimport { GradientColorPoint } from '../../../_common/js/color-picker/gradient';\nimport {\n  DEFAULT_COLOR,\n  DEFAULT_LINEAR_GRADIENT,\n  TD_COLOR_USED_COLORS_MAX_SIZE,\n  DEFAULT_SYSTEM_SWATCH_COLORS,\n} from '../../const';\nimport { ColorPickerProps, TdColorModes, TdColorSaturationData } from '../../interface';\nimport { ColorPickerChangeTrigger, TdColorPickerProps } from '../../type';\nimport { colorPickerDefaultProps } from '../../defaultProps';\nimport LinearGradient from './linear-gradient';\nimport SaturationPanel from './saturation';\nimport HUESlider from './hue';\nimport AlphaSlider from './alpha';\nimport FormatPanel from './format';\nimport SwatchesPanel from './swatches';\n\nconst mathRound = Math.round;\n\nconst Panel = forwardRef((props: ColorPickerProps, ref: MutableRefObject<HTMLDivElement>) => {\n  const baseClassName = useClassname();\n  const { STATUS } = useCommonClassName();\n  const [local, t] = useLocaleReceiver('colorPicker');\n  const {\n    value,\n    disabled,\n    onChange,\n    enableAlpha = false,\n    format,\n    onPaletteBarChange,\n    swatchColors,\n    className,\n    style = {},\n    togglePopup,\n    closeBtn,\n    colorModes = ['linear-gradient', 'monochrome'],\n  } = props;\n  const [innerValue, setInnerValue] = useControlled(props, 'value', onChange);\n  const colorInstanceRef = useRef<Color>(new Color(innerValue || DEFAULT_COLOR));\n  const getmodeByColor = colorInstanceRef.current.isGradient ? 'linear-gradient' : 'monochrome';\n  const [mode, setMode] = useState<TdColorModes>(colorModes?.length === 1 ? colorModes[0] : getmodeByColor);\n  const [updateId, setUpdateId] = useState(0);\n  const update = useCallback(\n    (value) => {\n      colorInstanceRef.current.update(value);\n      setUpdateId(updateId + 1);\n    },\n    [updateId],\n  );\n\n  const formatValue = useCallback(() => {\n    // 渐变模式下直接输出css样式\n    if (mode === 'linear-gradient') {\n      return colorInstanceRef.current.linearGradient;\n    }\n\n    return colorInstanceRef.current.getFormatsColorMap()[format] || colorInstanceRef.current.css;\n  }, [format, mode]);\n\n  const emitColorChange = useCallback(\n    (trigger?: ColorPickerChangeTrigger) => {\n      setInnerValue(formatValue(), {\n        color: getColorObject(colorInstanceRef.current),\n        trigger: trigger || 'palette-saturation-brightness',\n      });\n    },\n    [formatValue, setInnerValue],\n  );\n\n  useEffect(() => {\n    if (typeof value === 'undefined' || mode === 'linear-gradient') {\n      return;\n    }\n\n    // common Color new 的时候使用 hsv ，一个 rgba 可以对应两个 hsv ，这里先直接用 tinycolor 比较下颜色是否修改了\n    const newUniqColor = tinyColor(value).toRgb();\n    const { r, g, b, a } = newUniqColor;\n    const newUniqRgbaColor = `rgba(${mathRound(r)}, ${mathRound(g)}, ${mathRound(b)}, ${a})`;\n\n    const newColor = new Color(value);\n    const formattedColor = newUniqRgbaColor || DEFAULT_COLOR;\n    const currentColor = colorInstanceRef.current.rgba;\n\n    const isInRightMode = mode === 'monochrome' && !newColor.isGradient;\n\n    if (formattedColor !== currentColor && isInRightMode) {\n      update(value);\n      setMode(newColor.isGradient ? 'linear-gradient' : 'monochrome');\n    }\n  }, [value, formatValue, setInnerValue, mode, update]);\n\n  useEffect(() => {\n    if (colorModes.length === 1) {\n      setMode(colorModes[0]);\n    } else {\n      setMode(getmodeByColor);\n    }\n  }, [colorModes, getmodeByColor]);\n\n  const formatRef = useRef<TdColorPickerProps['format']>(colorInstanceRef.current.isGradient ? 'CSS' : 'RGB');\n\n  const { onRecentColorsChange } = props;\n  const [recentlyUsedColors, setRecentlyUsedColors] = useControlled(props, 'recentColors', onRecentColorsChange, {\n    defaultRecentColors: colorPickerDefaultProps.recentColors,\n  });\n\n  const baseProps = {\n    color: colorInstanceRef.current,\n    disabled,\n    baseClassName,\n  };\n\n  const handleModeChange = (value: TdColorModes) => {\n    setMode(value);\n    const { rgba, gradientColors, linearGradient } = colorInstanceRef.current;\n    if (value === 'linear-gradient') {\n      colorInstanceRef.current = new Color(gradientColors.length > 0 ? linearGradient : DEFAULT_LINEAR_GRADIENT);\n      return;\n    }\n    colorInstanceRef.current = new Color(rgba);\n  };\n  // 最近使用颜色变更时触发\n  const handleRecentlyUsedColorsChange = (colors: string[]) => {\n    setRecentlyUsedColors(colors);\n  };\n\n  // 添加最近使用颜色\n  const addRecentlyUsedColor = () => {\n    const colors = [...((recentlyUsedColors as string[]) || [])];\n    const { isGradient, linearGradient, rgba } = colorInstanceRef.current;\n    const currentColor = isGradient ? linearGradient : rgba;\n    const index = colors.indexOf(currentColor);\n    if (index > -1) {\n      colors.splice(index, 1);\n    }\n    colors.unshift(currentColor);\n    if (colors.length > TD_COLOR_USED_COLORS_MAX_SIZE) {\n      colors.length = TD_COLOR_USED_COLORS_MAX_SIZE;\n    }\n    handleRecentlyUsedColorsChange(colors);\n  };\n\n  // 饱和度变化\n  const handleSaturationChange = ({ saturation, value }: TdColorSaturationData) => {\n    const { saturation: sat, value: val } = colorInstanceRef.current;\n    let changeTrigger: ColorPickerChangeTrigger = 'palette-saturation-brightness';\n    if (value !== val && saturation !== sat) {\n      changeTrigger = 'palette-saturation-brightness';\n      colorInstanceRef.current.saturation = saturation;\n      colorInstanceRef.current.value = value;\n    } else if (saturation !== sat) {\n      changeTrigger = 'palette-saturation';\n      colorInstanceRef.current.saturation = saturation;\n    } else if (value !== val) {\n      changeTrigger = 'palette-brightness';\n      colorInstanceRef.current.value = value;\n    } else {\n      return;\n    }\n\n    emitColorChange(changeTrigger);\n  };\n\n  // hue色相变化\n  const handleHUEChange = (hue: number) => {\n    colorInstanceRef.current.hue = hue;\n    emitColorChange('palette-hue-bar');\n    onPaletteBarChange?.({\n      color: getColorObject(colorInstanceRef.current),\n    });\n  };\n\n  /**\n   * 透明度变化\n   * @param alpha\n   */\n  const handleAlphaChange = (alpha: number) => {\n    colorInstanceRef.current.alpha = alpha;\n    emitColorChange('palette-alpha-bar');\n    onPaletteBarChange?.({\n      color: getColorObject(colorInstanceRef.current),\n    });\n  };\n\n  /**\n   * 渐变改变\n   * @param param0\n   */\n  const handleGradientChange = ({\n    key,\n    payload,\n  }: {\n    key: 'degree' | 'selectedId' | 'colors';\n    payload: number | string | GradientColorPoint[];\n    addUsedColor?: boolean;\n  }) => {\n    let trigger: ColorPickerChangeTrigger = 'palette-saturation-brightness';\n    switch (key) {\n      case 'degree':\n        colorInstanceRef.current.gradientDegree = payload as number;\n        trigger = 'input';\n        break;\n      case 'selectedId':\n        colorInstanceRef.current.gradientSelectedId = payload as string;\n        setUpdateId((prevId) => prevId + 1);\n        break;\n      case 'colors':\n        colorInstanceRef.current.gradientColors = payload as GradientColorPoint[];\n        break;\n    }\n    emitColorChange(trigger);\n  };\n\n  // format选择格式变化\n  const handleFormatModeChange = (format: TdColorPickerProps['format']) => (formatRef.current = format);\n\n  // format输入变化\n  const handleInputChange = (input: string, alpha?: number) => {\n    update(input);\n    colorInstanceRef.current.alpha = alpha;\n    emitColorChange('input');\n  };\n\n  // 渲染预设颜色区域\n  const SwatchesArea = React.memo(() => {\n    // 最近使用颜色\n    const showUsedColors = recentlyUsedColors !== null && recentlyUsedColors !== false;\n    // 系统颜色\n    let systemColors = swatchColors;\n    if (systemColors === undefined) {\n      systemColors = [...DEFAULT_SYSTEM_SWATCH_COLORS];\n    }\n    const showSystemColors = systemColors?.length > 0;\n\n    if (!showSystemColors && !showUsedColors) {\n      return null;\n    }\n\n    // 色块点击\n    const handleSetColor = (value: string) => {\n      const isGradientValue = Color.isGradientColor(value);\n      const color = colorInstanceRef.current;\n      if (isGradientValue) {\n        if (colorModes.includes('linear-gradient')) {\n          setMode('linear-gradient');\n          color.update(value);\n          color.updateCurrentGradientColor();\n        } else {\n          console.warn('该模式不支持渐变色');\n        }\n      } else if (mode === 'linear-gradient') {\n        color.updateStates(value);\n        color.updateCurrentGradientColor();\n      } else {\n        color.update(value);\n      }\n      emitColorChange();\n    };\n\n    return (\n      <>\n        <div className={`${baseClassName}__swatches-wrap`}>\n          {showUsedColors && (\n            <SwatchesPanel\n              {...baseProps}\n              title={t(local.recentColorTitle)}\n              editable\n              handleAddColor={addRecentlyUsedColor}\n              colors={recentlyUsedColors as string[]}\n              onSetColor={(color: string) => handleSetColor(color)}\n              onChange={handleRecentlyUsedColorsChange}\n            />\n          )}\n          {showSystemColors && (\n            <SwatchesPanel\n              {...baseProps}\n              title={t(local.swatchColorTitle)}\n              colors={systemColors}\n              onSetColor={(color: string) => handleSetColor(color)}\n            />\n          )}\n        </div>\n      </>\n    );\n  });\n\n  return (\n    <div\n      className={classNames(`${baseClassName}__panel`, disabled ? STATUS.disabled : false, className)}\n      onClick={(e) => e.stopPropagation()}\n      style={{ ...style }}\n      ref={ref}\n    >\n      <PanelHeader\n        baseClassName={baseClassName}\n        mode={mode}\n        colorModes={colorModes}\n        closeBtn={closeBtn}\n        togglePopup={togglePopup}\n        onModeChange={handleModeChange}\n      />\n      <div className={`${baseClassName}__body`}>\n        {mode === 'linear-gradient' && <LinearGradient {...baseProps} onChange={handleGradientChange} />}\n        <SaturationPanel {...baseProps} onChange={handleSaturationChange} />\n        <HUESlider {...baseProps} onChange={handleHUEChange} />\n        {enableAlpha && <AlphaSlider {...baseProps} onChange={handleAlphaChange} />}\n        <FormatPanel\n          {...props}\n          {...baseProps}\n          format={formatRef.current}\n          onModeChange={handleFormatModeChange}\n          onInputChange={handleInputChange}\n        />\n        <SwatchesArea />\n      </div>\n    </div>\n  );\n});\n\nexport default React.memo(Panel);\n"],"names":["mathRound","Math","round","Panel","forwardRef","props","ref","baseClassName","useClassname","useCommonClassName","STATUS","useLocaleReceiver","local","t","value","disabled","onChange","enableAlpha","format","onPaletteBarChange","swatchColors","className","style","togglePopup","closeBtn","colorModes","useControlled","innerValue","setInnerValue","colorInstanceRef","useRef","Color","DEFAULT_COLOR","getmodeByColor","current","isGradient","useState","length","mode","setMode","updateId","setUpdateId","update","useCallback","value2","formatValue","linearGradient","getFormatsColorMap","css","emitColorChange","trigger","color","getColorObject","useEffect","newUniqColor","tinyColor","toRgb","r","g","b","a","newUniqRgbaColor","newColor","formattedColor","currentColor","rgba","isInRightMode","formatRef","onRecentColorsChange","defaultRecentColors","colorPickerDefaultProps","recentColors","recentlyUsedColors","setRecentlyUsedColors","baseProps","handleModeChange","gradientColors","DEFAULT_LINEAR_GRADIENT","handleRecentlyUsedColorsChange","colors","addRecentlyUsedColor","index","indexOf","splice","unshift","TD_COLOR_USED_COLORS_MAX_SIZE","handleSaturationChange","saturation","sat","val","changeTrigger","handleHUEChange","hue","handleAlphaChange","alpha","handleGradientChange","key","payload","gradientDegree","gradientSelectedId","prevId","handleFormatModeChange","format2","handleInputChange","input","SwatchesArea","React","memo","showUsedColors","systemColors","DEFAULT_SYSTEM_SWATCH_COLORS","showSystemColors","handleSetColor","isGradientValue","isGradientColor","includes","updateCurrentGradientColor","console","warn","updateStates","createElement","Fragment","SwatchesPanel","title","recentColorTitle","editable","handleAddColor","onSetColor","swatchColorTitle","classNames","onClick","e","stopPropagation","PanelHeader","onModeChange","LinearGradient","SaturationPanel","HUESlider","AlphaSlider","FormatPanel","onInputChange"],"mappings":"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"}

package/es/color-picker/components/panel/linear-gradient.js

@@ -7,7 +7,7 @@
 import { _ as _toConsumableArray } from '../../../_chunks/dep-70f5eac1.js';
 import { _ as _slicedToArray } from '../../../_chunks/dep-9e786080.js';
 import React, { useRef, useState, useEffect, useCallback } from 'react';
-import { c as cloneDeep_1 } from '../../../_chunks/dep-a4da832f.js';
+import { c as cloneDeep_1 } from '../../../_chunks/dep-78b7d9a5.js';
 import classNames from 'classnames';
 import useClassname from '../../hooks/useClassname.js';
 import { genGradientPoint, gradientColors2string } from '../../../_common/js/color-picker/color.js';
@@ -16,8 +16,8 @@ import { GRADIENT_SLIDER_DEFAULT_WIDTH } from '../../const.js';
 import { InputNumber } from '../../../input-number/index.js';
 import '../../../_chunks/dep-3946c311.js';
 import '../../../_chunks/dep-2e8c2cb9.js';
-import '../../../_chunks/dep-376d35c4.js';
-import '../../../_chunks/dep-258e1490.js';
+import '../../../_chunks/dep-54fa97bb.js';
+import '../../../_chunks/dep-98abc0e7.js';
 import '../../../_chunks/dep-50a7647a.js';
 import '../../../_chunks/dep-5a256d0b.js';
 import '../../../_chunks/dep-1823d8f9.js';
@@ -29,7 +29,7 @@ import '../../../_chunks/dep-da5de26d.js';
 import '../../../_chunks/dep-0c9da635.js';
 import '../../../_chunks/dep-43ffe2b6.js';
 import '../../../_chunks/dep-d8fe7298.js';
-import '../../../_chunks/dep-b93a5720.js';
+import '../../../_chunks/dep-44015487.js';
 import '../../../_chunks/dep-42f0ea3e.js';
 import '../../../_chunks/dep-3f31c41f.js';
 import '../../../_chunks/dep-4727f922.js';
@@ -39,11 +39,11 @@ import '../../../_chunks/dep-47cb750d.js';
 import '../../../_chunks/dep-35f9fa66.js';
 import '../../../_chunks/dep-0b29aaea.js';
 import '../../../_chunks/dep-c15f436a.js';
-import '../../../_chunks/dep-28221994.js';
+import '../../../_chunks/dep-d9f938c7.js';
 import '../../../_chunks/dep-27e1f7e0.js';
-import '../../../_chunks/dep-aec4f9de.js';
+import '../../../_chunks/dep-4421a283.js';
 import '../../../_util/useConfig.js';
-import '../../../_chunks/dep-f9a93fd9.js';
+import '../../../_chunks/dep-ebdb5861.js';
 import '../../../_chunks/dep-6793ea1c.js';
 import '../../../_chunks/dep-eaa8061f.js';
 import '../../../_chunks/dep-e5f5ac1d.js';

package/es/color-picker/components/panel/linear-gradient.js.map

@@ -1 +1 @@
-{"version":3,"file":"linear-gradient.js","sources":["../../../../src/color-picker/components/panel/linear-gradient.tsx"],"sourcesContent":["import React, { KeyboardEvent, MouseEvent as ReactMouseEvent, useCallback, useEffect, useRef, useState } from 'react';\nimport cloneDeep from 'lodash/cloneDeep';\nimport classNames from 'classnames';\nimport useClassname from '../../hooks/useClassname';\nimport { genGradientPoint, gradientColors2string } from '../../../_common/js/color-picker/color';\nimport { GradientColorPoint } from '../../../_common/js/color-picker/gradient';\nimport useCommonClassName from '../../../_util/useCommonClassName';\nimport { GRADIENT_SLIDER_DEFAULT_WIDTH } from '../../const';\nimport InputNumber from '../../../input-number';\n\nconst DELETE_KEYS: string[] = ['delete', 'backspace'];\n\ntype TSliderRect = {\n  left: number;\n  width: number;\n};\n\nconst LinearGradient = (props) => {\n  const { onChange, color, disabled } = props;\n  const baseClassName = useClassname();\n  const { STATUS: statusClassNames } = useCommonClassName();\n  const refSlider = useRef<HTMLDivElement>(null);\n  const sliderRectRef = useRef<TSliderRect>({\n    left: 0,\n    width: GRADIENT_SLIDER_DEFAULT_WIDTH,\n  });\n  const isDragging = useRef<Boolean>(false);\n  const isMoved = useRef<Boolean>(false);\n  const degree = useRef(props.color.gradientDegree);\n  const [selectedId, setSelectedId] = useState(props.color.gradientSelectedId);\n  const selectedRef = useRef(props.color.gradientSelectedId);\n  const colors = useRef<GradientColorPoint[]>(cloneDeep(color.gradientColors));\n\n  useEffect(() => {\n    degree.current = color?.gradientDegree;\n    setSelectedId(color.gradientSelectedId);\n    selectedRef.current = color.gradientSelectedId;\n    colors.current = cloneDeep(color.gradientColors);\n  }, [color]);\n\n  const updateSliderRect = () => {\n    const rect = refSlider.current.getBoundingClientRect();\n    sliderRectRef.current = {\n      left: rect.left,\n      width: rect.width || GRADIENT_SLIDER_DEFAULT_WIDTH,\n    };\n  };\n\n  const handleChange = useCallback(\n    (key: 'degree' | 'selectedId' | 'colors', payload: any, addUsedColor?: boolean) => {\n      if (disabled) {\n        return;\n      }\n      onChange({\n        key,\n        payload,\n        addUsedColor,\n      });\n    },\n    [onChange, disabled],\n  );\n\n  const handleDegreeChange = (value: number) => {\n    if (props.disabled || value === props.color.gradientDegree) {\n      return;\n    }\n    degree.current = value;\n    handleChange('degree', value, true);\n  };\n\n  const handleSelectedIdChange = (value: string) => {\n    if (props.disabled) {\n      return;\n    }\n    setSelectedId(value);\n    selectedRef.current = value;\n    handleChange('selectedId', value);\n  };\n\n  const handleColorsChange = useCallback(\n    (value: GradientColorPoint[], isEnded?: boolean) => {\n      if (props.disabled) {\n        return;\n      }\n      colors.current = value;\n      handleChange('colors', value, isEnded);\n    },\n    [props.disabled, handleChange],\n  );\n\n  /**\n   * 设置bar的位置\n   * @param left\n   * @returns\n   */\n  const updateActiveThumbLeft = useCallback(\n    (left: number) => {\n      const index = colors.current.findIndex((c) => c.id === selectedRef.current);\n      if (index === -1) {\n        return;\n      }\n      const point = colors.current[index];\n      const formatLeft = Math.max(0, Math.min(sliderRectRef.current.width, left));\n\n      const percentLeft = (formatLeft / sliderRectRef.current.width) * 100;\n\n      const newColors = colors.current.map((item, i) =>\n        index !== i\n          ? item\n          : {\n              color: point.color,\n              left: percentLeft,\n              id: point.id,\n            },\n      );\n\n      handleColorsChange(newColors);\n    },\n    [handleColorsChange],\n  );\n\n  // 移动开始\n  const handleStart = (id: string, e: ReactMouseEvent) => {\n    if (isDragging.current || props.disabled) {\n      return;\n    }\n    selectedRef.current = id;\n    setSelectedId(id);\n    isMoved.current = false;\n    isDragging.current = true;\n    e.preventDefault();\n    e.stopPropagation();\n    // handleSelectedIdChange(id);\n    // 让 slider 获取焦点，以便键盘事件生效。\n    refSlider.current.focus();\n  };\n\n  // 移动中\n  const handleMove = useCallback(\n    (e: MouseEvent) => {\n      if (!isDragging.current || disabled) {\n        return;\n      }\n\n      const rect = refSlider.current.getBoundingClientRect();\n      const left = e.clientX - rect.x;\n      isMoved.current = true;\n      updateActiveThumbLeft(left);\n    },\n    [disabled, updateActiveThumbLeft],\n  );\n\n  // 移动结束\n  const handleEnd = useCallback(() => {\n    if (!isDragging.current) {\n      return;\n    }\n    setTimeout(() => {\n      isDragging.current = false;\n    }, 0);\n    if (isMoved.current) {\n      handleColorsChange(colors.current, true);\n      isMoved.current = false;\n    }\n  }, [handleColorsChange]);\n\n  const handleKeyup = (e: KeyboardEvent) => {\n    if (props.disabled) {\n      return;\n    }\n    const points = [...colors.current];\n    let pos = points.findIndex((c) => c.id === selectedRef.current);\n    const { length } = points;\n    // 必须保证有两个点\n    if (DELETE_KEYS.includes(e.key.toLocaleLowerCase()) && length > 2 && pos >= 0 && pos <= length - 1) {\n      points.splice(pos, 1);\n      if (!points[pos]) {\n        // eslint-disable-next-line no-nested-ternary\n        pos = points[pos + 1] ? pos + 1 : points[pos - 1] ? pos - 1 : 0;\n      }\n      const current = points[pos];\n      handleColorsChange(points, true);\n      handleSelectedIdChange(current?.id);\n    }\n  };\n\n  const handleThumbBarClick = (e: ReactMouseEvent) => {\n    if (props.disabled) {\n      return;\n    }\n    updateSliderRect();\n\n    let left = e.clientX - sliderRectRef.current.left;\n    left = Math.max(0, Math.min(sliderRectRef.current.width, left));\n    const percentLeft = (left / sliderRectRef.current.width) * 100;\n\n    const newPoint = genGradientPoint(percentLeft, props.color.rgba);\n    const newColors = [...colors.current];\n    newColors.push(newPoint);\n    handleColorsChange(newColors, true);\n    handleSelectedIdChange(newPoint.id);\n  };\n\n  useEffect(() => {\n    updateSliderRect();\n\n    window.addEventListener('mousemove', handleMove, false);\n    window.addEventListener('mouseup', handleEnd, false);\n    window.addEventListener('contextmenu', handleEnd, false);\n\n    return () => {\n      window.removeEventListener('mousemove', handleMove, false);\n      window.removeEventListener('mouseup', handleEnd, false);\n      window.removeEventListener('contextmenu', handleEnd, false);\n    };\n    // eslint-disable-next-line\n  }, []);\n\n  const { linearGradient, gradientColors } = props.color;\n\n  const thumbBackground = gradientColors2string({\n    points: gradientColors,\n    degree: 90,\n  });\n\n  const handleClickThumb = (e: ReactMouseEvent, t) => {\n    handleSelectedIdChange(t.id);\n    e.stopPropagation();\n  };\n\n  return (\n    <div className={`${baseClassName}__gradient`}>\n      <div className={`${baseClassName}__gradient-slider`}>\n        <div\n          className={classNames(`${baseClassName}__slider`, `${baseClassName}--bg-alpha`)}\n          onKeyUp={handleKeyup}\n          tabIndex={0}\n          ref={refSlider}\n        >\n          <ul\n            className=\"gradient-thumbs\"\n            onClick={handleThumbBarClick}\n            style={{\n              background: thumbBackground,\n            }}\n          >\n            {colors.current.map((t) => {\n              const left = `${Math.round(t.left * 100) / 100}%`;\n              return (\n                <li\n                  className={classNames([\n                    `${baseClassName}__thumb`,\n                    'gradient-thumbs__item',\n                    selectedId === t.id ? statusClassNames.active : '',\n                  ])}\n                  key={t.id}\n                  title={`${t.color} ${left}`}\n                  style={{\n                    color: t.color,\n                    left,\n                  }}\n                  onClick={(e) => handleClickThumb(e, t)}\n                  onMouseDown={(e: ReactMouseEvent) => handleStart(t.id, e)}\n                >\n                  <span className={classNames(['gradient-thumbs__item-inner', `${baseClassName}--bg-alpha`])}></span>\n                </li>\n              );\n            })}\n          </ul>\n        </div>\n      </div>\n      <div className={`${baseClassName}__gradient-degree`} title={`${degree}deg`}>\n        <InputNumber\n          theme=\"normal\"\n          min={0}\n          max={360}\n          step={1}\n          format={(value: number) => `${value}°`}\n          value={degree.current}\n          onBlur={handleDegreeChange}\n          onEnter={handleDegreeChange}\n          disabled={props.disabled}\n        />\n      </div>\n      <div className={classNames([`${baseClassName}__gradient-preview`, `${baseClassName}--bg-alpha`])}>\n        <span\n          className=\"preview-inner\"\n          style={{\n            background: linearGradient,\n          }}\n        ></span>\n      </div>\n    </div>\n  );\n};\n\nexport default React.memo(LinearGradient);\n"],"names":["DELETE_KEYS","LinearGradient","props","onChange","color","disabled","baseClassName","useClassname","useCommonClassName","statusClassNames","STATUS","refSlider","useRef","sliderRectRef","left","width","GRADIENT_SLIDER_DEFAULT_WIDTH","isDragging","isMoved","degree","gradientDegree","useState","gradientSelectedId","selectedId","setSelectedId","selectedRef","colors","cloneDeep","gradientColors","useEffect","current","updateSliderRect","rect","getBoundingClientRect","handleChange","useCallback","key","payload","addUsedColor","handleDegreeChange","value","handleSelectedIdChange","handleColorsChange","isEnded","updateActiveThumbLeft","index","findIndex","c","id","point","formatLeft","Math","max","min","percentLeft","newColors","map","item","i","handleStart","e","preventDefault","stopPropagation","focus","handleMove","clientX","x","handleEnd","setTimeout","handleKeyup","points","pos","length","includes","toLocaleLowerCase","splice","handleThumbBarClick","newPoint","genGradientPoint","rgba","push","window","addEventListener","removeEventListener","linearGradient","thumbBackground","gradientColors2string","handleClickThumb","t","React","createElement","className","classNames","onKeyUp","tabIndex","ref","onClick","style","background","round","active","title","onMouseDown","InputNumber","theme","step","format","onBlur","onEnter","memo"],"mappings":"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"}
+{"version":3,"file":"linear-gradient.js","sources":["../../../../src/color-picker/components/panel/linear-gradient.tsx"],"sourcesContent":["import React, { KeyboardEvent, MouseEvent as ReactMouseEvent, useCallback, useEffect, useRef, useState } from 'react';\nimport cloneDeep from 'lodash/cloneDeep';\nimport classNames from 'classnames';\nimport useClassname from '../../hooks/useClassname';\nimport { genGradientPoint, gradientColors2string } from '../../../_common/js/color-picker/color';\nimport { GradientColorPoint } from '../../../_common/js/color-picker/gradient';\nimport useCommonClassName from '../../../_util/useCommonClassName';\nimport { GRADIENT_SLIDER_DEFAULT_WIDTH } from '../../const';\nimport InputNumber from '../../../input-number';\n\nconst DELETE_KEYS: string[] = ['delete', 'backspace'];\n\ntype TSliderRect = {\n  left: number;\n  width: number;\n};\n\nconst LinearGradient = (props) => {\n  const { onChange, color, disabled } = props;\n  const baseClassName = useClassname();\n  const { STATUS: statusClassNames } = useCommonClassName();\n  const refSlider = useRef<HTMLDivElement>(null);\n  const sliderRectRef = useRef<TSliderRect>({\n    left: 0,\n    width: GRADIENT_SLIDER_DEFAULT_WIDTH,\n  });\n  const isDragging = useRef<Boolean>(false);\n  const isMoved = useRef<Boolean>(false);\n  const degree = useRef(props.color.gradientDegree);\n  const [selectedId, setSelectedId] = useState(props.color.gradientSelectedId);\n  const selectedRef = useRef(props.color.gradientSelectedId);\n  const colors = useRef<GradientColorPoint[]>(cloneDeep(color.gradientColors));\n\n  useEffect(() => {\n    degree.current = color?.gradientDegree;\n    setSelectedId(color.gradientSelectedId);\n    selectedRef.current = color.gradientSelectedId;\n    colors.current = cloneDeep(color.gradientColors);\n  }, [color]);\n\n  const updateSliderRect = () => {\n    const rect = refSlider.current.getBoundingClientRect();\n    sliderRectRef.current = {\n      left: rect.left,\n      width: rect.width || GRADIENT_SLIDER_DEFAULT_WIDTH,\n    };\n  };\n\n  const handleChange = useCallback(\n    (key: 'degree' | 'selectedId' | 'colors', payload: any, addUsedColor?: boolean) => {\n      if (disabled) {\n        return;\n      }\n      onChange({\n        key,\n        payload,\n        addUsedColor,\n      });\n    },\n    [onChange, disabled],\n  );\n\n  const handleDegreeChange = (value: number) => {\n    if (props.disabled || value === props.color.gradientDegree) {\n      return;\n    }\n    degree.current = value;\n    handleChange('degree', value, true);\n  };\n\n  const handleSelectedIdChange = (value: string) => {\n    if (props.disabled) {\n      return;\n    }\n    setSelectedId(value);\n    selectedRef.current = value;\n    handleChange('selectedId', value);\n  };\n\n  const handleColorsChange = useCallback(\n    (value: GradientColorPoint[], isEnded?: boolean) => {\n      if (props.disabled) {\n        return;\n      }\n      colors.current = value;\n      handleChange('colors', value, isEnded);\n    },\n    [props.disabled, handleChange],\n  );\n\n  /**\n   * 设置bar的位置\n   * @param left\n   * @returns\n   */\n  const updateActiveThumbLeft = useCallback(\n    (left: number) => {\n      const index = colors.current.findIndex((c) => c.id === selectedRef.current);\n      if (index === -1) {\n        return;\n      }\n      const point = colors.current[index];\n      const formatLeft = Math.max(0, Math.min(sliderRectRef.current.width, left));\n\n      const percentLeft = (formatLeft / sliderRectRef.current.width) * 100;\n\n      const newColors = colors.current.map((item, i) =>\n        index !== i\n          ? item\n          : {\n              color: point.color,\n              left: percentLeft,\n              id: point.id,\n            },\n      );\n\n      handleColorsChange(newColors);\n    },\n    [handleColorsChange],\n  );\n\n  // 移动开始\n  const handleStart = (id: string, e: ReactMouseEvent) => {\n    if (isDragging.current || props.disabled) {\n      return;\n    }\n    selectedRef.current = id;\n    setSelectedId(id);\n    isMoved.current = false;\n    isDragging.current = true;\n    e.preventDefault();\n    e.stopPropagation();\n    // handleSelectedIdChange(id);\n    // 让 slider 获取焦点，以便键盘事件生效。\n    refSlider.current.focus();\n  };\n\n  // 移动中\n  const handleMove = useCallback(\n    (e: MouseEvent) => {\n      if (!isDragging.current || disabled) {\n        return;\n      }\n\n      const rect = refSlider.current.getBoundingClientRect();\n      const left = e.clientX - rect.x;\n      isMoved.current = true;\n      updateActiveThumbLeft(left);\n    },\n    [disabled, updateActiveThumbLeft],\n  );\n\n  // 移动结束\n  const handleEnd = useCallback(() => {\n    if (!isDragging.current) {\n      return;\n    }\n    setTimeout(() => {\n      isDragging.current = false;\n    }, 0);\n    if (isMoved.current) {\n      handleColorsChange(colors.current, true);\n      isMoved.current = false;\n    }\n  }, [handleColorsChange]);\n\n  const handleKeyup = (e: KeyboardEvent) => {\n    if (props.disabled) {\n      return;\n    }\n    const points = [...colors.current];\n    let pos = points.findIndex((c) => c.id === selectedRef.current);\n    const { length } = points;\n    // 必须保证有两个点\n    if (DELETE_KEYS.includes(e.key.toLocaleLowerCase()) && length > 2 && pos >= 0 && pos <= length - 1) {\n      points.splice(pos, 1);\n      if (!points[pos]) {\n        // eslint-disable-next-line no-nested-ternary\n        pos = points[pos + 1] ? pos + 1 : points[pos - 1] ? pos - 1 : 0;\n      }\n      const current = points[pos];\n      handleColorsChange(points, true);\n      handleSelectedIdChange(current?.id);\n    }\n  };\n\n  const handleThumbBarClick = (e: ReactMouseEvent) => {\n    if (props.disabled) {\n      return;\n    }\n    updateSliderRect();\n\n    let left = e.clientX - sliderRectRef.current.left;\n    left = Math.max(0, Math.min(sliderRectRef.current.width, left));\n    const percentLeft = (left / sliderRectRef.current.width) * 100;\n\n    const newPoint = genGradientPoint(percentLeft, props.color.rgba);\n    const newColors = [...colors.current];\n    newColors.push(newPoint);\n    handleColorsChange(newColors, true);\n    handleSelectedIdChange(newPoint.id);\n  };\n\n  useEffect(() => {\n    updateSliderRect();\n\n    window.addEventListener('mousemove', handleMove, false);\n    window.addEventListener('mouseup', handleEnd, false);\n    window.addEventListener('contextmenu', handleEnd, false);\n\n    return () => {\n      window.removeEventListener('mousemove', handleMove, false);\n      window.removeEventListener('mouseup', handleEnd, false);\n      window.removeEventListener('contextmenu', handleEnd, false);\n    };\n    // eslint-disable-next-line\n  }, []);\n\n  const { linearGradient, gradientColors } = props.color;\n\n  const thumbBackground = gradientColors2string({\n    points: gradientColors,\n    degree: 90,\n  });\n\n  const handleClickThumb = (e: ReactMouseEvent, t) => {\n    handleSelectedIdChange(t.id);\n    e.stopPropagation();\n  };\n\n  return (\n    <div className={`${baseClassName}__gradient`}>\n      <div className={`${baseClassName}__gradient-slider`}>\n        <div\n          className={classNames(`${baseClassName}__slider`, `${baseClassName}--bg-alpha`)}\n          onKeyUp={handleKeyup}\n          tabIndex={0}\n          ref={refSlider}\n        >\n          <ul\n            className=\"gradient-thumbs\"\n            onClick={handleThumbBarClick}\n            style={{\n              background: thumbBackground,\n            }}\n          >\n            {colors.current.map((t) => {\n              const left = `${Math.round(t.left * 100) / 100}%`;\n              return (\n                <li\n                  className={classNames([\n                    `${baseClassName}__thumb`,\n                    'gradient-thumbs__item',\n                    selectedId === t.id ? statusClassNames.active : '',\n                  ])}\n                  key={t.id}\n                  title={`${t.color} ${left}`}\n                  style={{\n                    color: t.color,\n                    left,\n                  }}\n                  onClick={(e) => handleClickThumb(e, t)}\n                  onMouseDown={(e: ReactMouseEvent) => handleStart(t.id, e)}\n                >\n                  <span className={classNames(['gradient-thumbs__item-inner', `${baseClassName}--bg-alpha`])}></span>\n                </li>\n              );\n            })}\n          </ul>\n        </div>\n      </div>\n      <div className={`${baseClassName}__gradient-degree`} title={`${degree}deg`}>\n        <InputNumber\n          theme=\"normal\"\n          min={0}\n          max={360}\n          step={1}\n          format={(value: number) => `${value}°`}\n          value={degree.current}\n          onBlur={handleDegreeChange}\n          onEnter={handleDegreeChange}\n          disabled={props.disabled}\n        />\n      </div>\n      <div className={classNames([`${baseClassName}__gradient-preview`, `${baseClassName}--bg-alpha`])}>\n        <span\n          className=\"preview-inner\"\n          style={{\n            background: linearGradient,\n          }}\n        ></span>\n      </div>\n    </div>\n  );\n};\n\nexport default React.memo(LinearGradient);\n"],"names":["DELETE_KEYS","LinearGradient","props","onChange","color","disabled","baseClassName","useClassname","useCommonClassName","statusClassNames","STATUS","refSlider","useRef","sliderRectRef","left","width","GRADIENT_SLIDER_DEFAULT_WIDTH","isDragging","isMoved","degree","gradientDegree","useState","gradientSelectedId","selectedId","setSelectedId","selectedRef","colors","cloneDeep","gradientColors","useEffect","current","updateSliderRect","rect","getBoundingClientRect","handleChange","useCallback","key","payload","addUsedColor","handleDegreeChange","value","handleSelectedIdChange","handleColorsChange","isEnded","updateActiveThumbLeft","index","findIndex","c","id","point","formatLeft","Math","max","min","percentLeft","newColors","map","item","i","handleStart","e","preventDefault","stopPropagation","focus","handleMove","clientX","x","handleEnd","setTimeout","handleKeyup","points","pos","length","includes","toLocaleLowerCase","splice","handleThumbBarClick","newPoint","genGradientPoint","rgba","push","window","addEventListener","removeEventListener","linearGradient","thumbBackground","gradientColors2string","handleClickThumb","t","React","createElement","className","classNames","onKeyUp","tabIndex","ref","onClick","style","background","round","active","title","onMouseDown","InputNumber","theme","step","format","onBlur","onEnter","memo"],"mappings":"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"}

package/es/color-picker/components/panel/saturation.js.map

@@ -1 +1 @@
-{"version":3,"file":"saturation.js","sources":["../../../../src/color-picker/components/panel/saturation.tsx"],"sourcesContent":["import React, { useRef, useEffect, useCallback } from 'react';\nimport { SATURATION_PANEL_DEFAULT_HEIGHT, SATURATION_PANEL_DEFAULT_WIDTH } from '../../const';\nimport { TdColorBaseProps } from '../../interface';\nimport useDrag, { Coordinate } from '../../../_util/useDrag';\n\nconst Saturation = (props: TdColorBaseProps) => {\n  const { color, disabled, onChange, baseClassName } = props;\n  const panelRef = useRef<HTMLDivElement>(null);\n  const thumbRef = useRef<HTMLElement>(null);\n  const panelRectRef = useRef({\n    width: SATURATION_PANEL_DEFAULT_WIDTH,\n    height: SATURATION_PANEL_DEFAULT_HEIGHT,\n  });\n\n  const styles = () => {\n    const { saturation, value, rgb } = color;\n    const { width, height } = panelRectRef.current;\n    const top = Math.round((1 - value) * height);\n    const left = Math.round(saturation * width);\n    return {\n      color: rgb,\n      left: `${left}px`,\n      top: `${top}px`,\n    };\n  };\n\n  const getSaturationAndValueByCoordinate = (coordinate: Coordinate) => {\n    const { width, height } = panelRectRef.current;\n    const { x, y } = coordinate;\n    const saturation = Math.round((x / width) * 100);\n    const value = Math.round((1 - y / height) * 100);\n    return {\n      saturation,\n      value,\n    };\n  };\n\n  const isDragging = useRef<Boolean>(false);\n\n  const handleDrag = useCallback(\n    ({ x, y }: Coordinate, isEnd?: boolean) => {\n      if (disabled) {\n        return;\n      }\n      isDragging.current = true;\n      const { saturation, value } = getSaturationAndValueByCoordinate({ x, y });\n      onChange({\n        saturation: saturation / 100,\n        value: value / 100,\n        addUsedColor: isEnd,\n      });\n    },\n    [disabled, onChange],\n  );\n\n  const handleDragEnd = useCallback((coordinate: Coordinate) => {\n    if (disabled) {\n      return;\n    }\n    isDragging.current = false;\n    handleDrag(coordinate, true);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useDrag(panelRef, {\n    start: () => {\n      panelRectRef.current.width = panelRef.current.offsetWidth;\n      panelRectRef.current.height = panelRef.current.offsetHeight;\n    },\n    end: (coordinate: Coordinate) => {\n      handleDragEnd(coordinate);\n    },\n    drag: (coordinate: Coordinate) => {\n      handleDrag(coordinate);\n    },\n  });\n\n  useEffect(() => {\n    panelRectRef.current.width = panelRef.current.offsetWidth || SATURATION_PANEL_DEFAULT_WIDTH;\n    panelRectRef.current.height = panelRef.current.offsetHeight || SATURATION_PANEL_DEFAULT_HEIGHT;\n  }, [handleDrag, handleDragEnd]);\n\n  return (\n    <div\n      className={`${baseClassName}__saturation`}\n      ref={panelRef}\n      style={{\n        background: `hsl(${color.hue}, 100%, 50%)`,\n      }}\n    >\n      <span\n        className={`${baseClassName}__thumb`}\n        role=\"slider\"\n        tabIndex={0}\n        ref={thumbRef}\n        style={{ ...styles() }}\n      ></span>\n    </div>\n  );\n};\n\nexport default React.memo(Saturation);\n"],"names":["Saturation","props","color","disabled","onChange","baseClassName","panelRef","useRef","thumbRef","panelRectRef","width","SATURATION_PANEL_DEFAULT_WIDTH","height","SATURATION_PANEL_DEFAULT_HEIGHT","styles","saturation","value","rgb","current","top","Math","round","left","getSaturationAndValueByCoordinate","coordinate","x","y","isDragging","handleDrag","useCallback","isEnd","addUsedColor","handleDragEnd","useDrag","start","offsetWidth","offsetHeight","end","drag","useEffect","React","createElement","className","ref","style","background","hue","role","tabIndex","memo"],"mappings":"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"}
+{"version":3,"file":"saturation.js","sources":["../../../../src/color-picker/components/panel/saturation.tsx"],"sourcesContent":["import React, { useRef, useEffect, useCallback } from 'react';\nimport { SATURATION_PANEL_DEFAULT_HEIGHT, SATURATION_PANEL_DEFAULT_WIDTH } from '../../const';\nimport { TdColorBaseProps } from '../../interface';\nimport useDrag, { Coordinate } from '../../../_util/useDrag';\n\nconst Saturation = (props: TdColorBaseProps) => {\n  const { color, disabled, onChange, baseClassName } = props;\n  const panelRef = useRef<HTMLDivElement>(null);\n  const thumbRef = useRef<HTMLElement>(null);\n  const panelRectRef = useRef({\n    width: SATURATION_PANEL_DEFAULT_WIDTH,\n    height: SATURATION_PANEL_DEFAULT_HEIGHT,\n  });\n\n  const styles = () => {\n    const { saturation, value, rgb } = color;\n    const { width, height } = panelRectRef.current;\n    const top = Math.round((1 - value) * height);\n    const left = Math.round(saturation * width);\n    return {\n      color: rgb,\n      left: `${left}px`,\n      top: `${top}px`,\n    };\n  };\n\n  const getSaturationAndValueByCoordinate = (coordinate: Coordinate) => {\n    const { width, height } = panelRectRef.current;\n    const { x, y } = coordinate;\n    const saturation = Math.round((x / width) * 100);\n    const value = Math.round((1 - y / height) * 100);\n    return {\n      saturation,\n      value,\n    };\n  };\n\n  const isDragging = useRef<Boolean>(false);\n\n  const handleDrag = useCallback(\n    ({ x, y }: Coordinate, isEnd?: boolean) => {\n      if (disabled) {\n        return;\n      }\n      isDragging.current = true;\n      const { saturation, value } = getSaturationAndValueByCoordinate({ x, y });\n      onChange({\n        saturation: saturation / 100,\n        value: value / 100,\n        addUsedColor: isEnd,\n      });\n    },\n    [disabled, onChange],\n  );\n\n  const handleDragEnd = useCallback((coordinate: Coordinate) => {\n    if (disabled) {\n      return;\n    }\n    isDragging.current = false;\n    handleDrag(coordinate, true);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useDrag(panelRef, {\n    start: () => {\n      panelRectRef.current.width = panelRef.current.offsetWidth;\n      panelRectRef.current.height = panelRef.current.offsetHeight;\n    },\n    end: (coordinate: Coordinate) => {\n      handleDragEnd(coordinate);\n    },\n    drag: (coordinate: Coordinate) => {\n      handleDrag(coordinate);\n    },\n  });\n\n  useEffect(() => {\n    panelRectRef.current.width = panelRef.current.offsetWidth || SATURATION_PANEL_DEFAULT_WIDTH;\n    panelRectRef.current.height = panelRef.current.offsetHeight || SATURATION_PANEL_DEFAULT_HEIGHT;\n  }, [handleDrag, handleDragEnd]);\n\n  return (\n    <div\n      className={`${baseClassName}__saturation`}\n      ref={panelRef}\n      style={{\n        background: `hsl(${color.hue}, 100%, 50%)`,\n      }}\n    >\n      <span\n        className={`${baseClassName}__thumb`}\n        role=\"slider\"\n        tabIndex={0}\n        ref={thumbRef}\n        style={{ ...styles() }}\n      ></span>\n    </div>\n  );\n};\n\nexport default React.memo(Saturation);\n"],"names":["Saturation","props","color","disabled","onChange","baseClassName","panelRef","useRef","thumbRef","panelRectRef","width","SATURATION_PANEL_DEFAULT_WIDTH","height","SATURATION_PANEL_DEFAULT_HEIGHT","styles","saturation","value","rgb","current","top","Math","round","left","getSaturationAndValueByCoordinate","coordinate","x","y","isDragging","handleDrag","useCallback","isEnd","addUsedColor","handleDragEnd","useDrag","start","offsetWidth","offsetHeight","end","drag","useEffect","React","createElement","className","ref","style","background","hue","role","tabIndex","memo"],"mappings":"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"}

package/es/color-picker/components/panel/swatches.js

@@ -17,9 +17,9 @@ import 'tinycolor2';
 import '../../../_common/js/color-picker/cmyk.js';
 import '../../../_common/js/color-picker/gradient.js';
 import '../../../_util/useConfig.js';
-import '../../../_chunks/dep-f9a93fd9.js';
+import '../../../_chunks/dep-ebdb5861.js';
 import '../../../_chunks/dep-2e8c2cb9.js';
-import '../../../_chunks/dep-258e1490.js';
+import '../../../_chunks/dep-98abc0e7.js';
 import '../../../_chunks/dep-50a7647a.js';
 import '../../../_chunks/dep-5a256d0b.js';
 import '../../../_chunks/dep-1823d8f9.js';
@@ -31,7 +31,7 @@ import '../../../_chunks/dep-da5de26d.js';
 import '../../../_chunks/dep-0c9da635.js';
 import '../../../_chunks/dep-43ffe2b6.js';
 import '../../../_chunks/dep-d8fe7298.js';
-import '../../../_chunks/dep-b93a5720.js';
+import '../../../_chunks/dep-44015487.js';
 import '../../../_chunks/dep-42f0ea3e.js';
 import '../../../_chunks/dep-3f31c41f.js';
 import '../../../_chunks/dep-4727f922.js';

package/es/color-picker/components/panel/swatches.js.map

@@ -1 +1 @@
-{"version":3,"file":"swatches.js","sources":["../../../../src/color-picker/components/panel/swatches.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { DeleteIcon, AddIcon } from 'tdesign-icons-react';\nimport Color from '../../../_common/js/color-picker/color';\nimport { TdColorBaseProps } from '../../interface';\nimport useCommonClassName from '../../../_util/useCommonClassName';\n\nexport interface TdColorSwathcesProps extends TdColorBaseProps {\n  colors?: string[];\n  title?: String;\n  editable?: Boolean;\n  onSetColor?: Function;\n  handleAddColor?: Function;\n}\n\nconst Swatches = (props: TdColorSwathcesProps) => {\n  const {\n    baseClassName,\n    colors = [],\n    title = '系统色彩',\n    editable = false,\n    onChange,\n    disabled,\n    onSetColor,\n    handleAddColor,\n  } = props;\n  const swatchesClass = `${baseClassName}__swatches`;\n  const { STATUS: statusClassNames } = useCommonClassName();\n  const isEqualCurrentColor = (color: string) => Color.compare(color, props.color.css);\n\n  // 移除颜色\n  const selectedColorIndex = () => colors.findIndex((color) => isEqualCurrentColor(color));\n  const handleRemoveColor = () => {\n    const selectedIndex = selectedColorIndex();\n    if (selectedIndex > -1) {\n      const newColors = colors.filter((item, index) => index !== selectedIndex);\n      onChange(newColors);\n    }\n  };\n\n  const handleClick = (color: string) => onSetColor(color);\n\n  return (\n    <div className={swatchesClass}>\n      <h3 className={`${swatchesClass}--title`}>\n        <span>{title}</span>\n        {editable && (\n          <div className={`${swatchesClass}--actions`}>\n            <span role=\"button\" className={`${baseClassName}__icon`} onClick={() => handleAddColor()}>\n              <AddIcon />\n            </span>\n            {colors.length > 0 ? (\n              <span role=\"button\" className={`${baseClassName}__icon`} onClick={() => handleRemoveColor()}>\n                <DeleteIcon />\n              </span>\n            ) : null}\n          </div>\n        )}\n      </h3>\n      <ul className={classnames(`${swatchesClass}--items`, 'narrow-scrollbar')}>\n        {colors.map((color) => (\n          <li\n            className={classnames(\n              `${swatchesClass}--item`,\n              isEqualCurrentColor(color) && editable ? statusClassNames.active : '',\n            )}\n            key={color}\n            onClick={() => {\n              if (disabled) {\n                return;\n              }\n              handleClick(color);\n            }}\n          >\n            <div className={classnames(`${swatchesClass}--item__color`, `${baseClassName}--bg-alpha`)}>\n              <span\n                className={`${swatchesClass}--item__inner`}\n                style={{\n                  background: color,\n                }}\n              ></span>\n            </div>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n\nexport default React.memo(Swatches);\n"],"names":["Swatches","props","baseClassName","colors","title","editable","onChange","disabled","onSetColor","handleAddColor","swatchesClass","useCommonClassName","statusClassNames","STATUS","isEqualCurrentColor","color","Color","compare","css","selectedColorIndex","findIndex","handleRemoveColor","selectedIndex","newColors","filter","item","index","handleClick","React","createElement","className","role","onClick","AddIcon","length","DeleteIcon","classnames","map","active","key","style","background","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAW;AAC1B,EAAA,IACEC,aADF,GASID,KATJ,CACEC,aADF;MASID,aAAAA,GAAAA,KATJ,CAEEE,MAFF;MAEEA,MAFF,8BAEW,EAFX,GAAA,aAAA;MASIF,YAAAA,GAAAA,KATJ,CAGEG,KAHF;MAGEA,KAHF,6BAGU,0BAHV,GAAA,YAAA;MASIH,eAAAA,GAAAA,KATJ,CAIEI,QAJF;MAIEA,QAJF,gCAIa,KAJb,GAAA,eAAA;AAAA,MAKEC,QALF,GASIL,KATJ,CAKEK,QALF;AAAA,MAMEC,QANF,GASIN,KATJ,CAMEM,QANF;AAAA,MAOEC,UAPF,GASIP,KATJ,CAOEO,UAPF;AAAA,MAQEC,cARF,GASIR,KATJ,CAQEQ,cARF,CAAA;EAUA,IAAMC,aAAa,GAAMR,EAAAA,CAAAA,MAAAA,CAAAA,aAAN,EAAnB,YAAA,CAAA,CAAA;;AACA,EAAA,IAAA,mBAAA,GAAqCS,kBAAkB,EAAvD;MAAgBC,gBAAhB,uBAAQC,MAAR,CAAA;;AACA,EAAA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD,EAAA;IAAA,OAAWC,KAAK,CAACC,OAAN,CAAcF,KAAd,EAAqBd,KAAK,CAACc,KAAN,CAAYG,GAAjC,CAAX,CAAA;GAA5B,CAAA;;EACA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,GAAA;AAAA,IAAA,OAAMhB,MAAM,CAACiB,SAAP,CAAiB,UAACL,KAAD,EAAA;MAAA,OAAWD,mBAAmB,CAACC,KAAD,CAA9B,CAAA;AAAA,KAAjB,CAAN,CAAA;GAA3B,CAAA;;AACA,EAAA,IAAMM,iBAAiB,GAAG,SAApBA,iBAAoB,GAAM;IAC9B,IAAMC,aAAa,GAAGH,kBAAkB,EAAxC,CAAA;;AACA,IAAA,IAAIG,aAAa,GAAG,CAAC,CAArB,EAAwB;MACtB,IAAMC,SAAS,GAAGpB,MAAM,CAACqB,MAAP,CAAc,UAACC,IAAD,EAAOC,KAAP,EAAA;QAAA,OAAiBA,KAAK,KAAKJ,aAA3B,CAAA;AAAA,OAAd,CAAlB,CAAA;MACAhB,QAAQ,CAACiB,SAAD,CAAR,CAAA;AACD,KAAA;GALH,CAAA;;AAOA,EAAA,IAAMI,WAAW,GAAG,SAAdA,WAAc,CAACZ,KAAD,EAAA;IAAA,OAAWP,UAAU,CAACO,KAAD,CAArB,CAAA;GAApB,CAAA;;AACA,EAAA,sBAAuBa,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAChDC,IAAAA,SAAS,EAAEpB,aAAAA;AADqC,GAA3B,iBAEJkB,KAAK,CAACC,aAAN,CAAoB,IAApB,EAA0B;AAC3CC,IAAAA,SAAS,YAAKpB,aAAL,EAAA,SAAA,CAAA;GADQ,iBAEAkB,KAAK,CAACC,aAAN,CAAoB,MAApB,EAA4B,IAA5B,EAAkCzB,KAAlC,CAFA,EAE0CC,QAAQ,mBAAoBuB,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAClHC,IAAAA,SAAS,YAAKpB,aAAL,EAAA,WAAA,CAAA;AADyG,GAA3B,iBAEtEkB,KAAK,CAACC,aAAN,CAAoB,MAApB,EAA4B;AAC7CE,IAAAA,IAAI,EAAE,QADuC;IAE7CD,SAAS,EAAA,EAAA,CAAA,MAAA,CAAK5B,aAAL,EAFoC,QAAA,CAAA;AAG7C8B,IAAAA,OAAO,EAAE,SAAA,OAAA,GAAA;AAAA,MAAA,OAAMvB,cAAc,EAApB,CAAA;AAAA,KAAA;GAHQ,iBAIAmB,KAAK,CAACC,aAAN,CAAoBI,OAApB,EAA6B,IAA7B,CAJA,CAFsE,EAMjC9B,MAAM,CAAC+B,MAAP,GAAgB,CAAhB,kBAAoCN,KAAK,CAACC,aAAN,CAAoB,MAApB,EAA4B;AACtHE,IAAAA,IAAI,EAAE,QADgH;IAEtHD,SAAS,EAAA,EAAA,CAAA,MAAA,CAAK5B,aAAL,EAF6G,QAAA,CAAA;AAGtH8B,IAAAA,OAAO,EAAE,SAAA,OAAA,GAAA;AAAA,MAAA,OAAMX,iBAAiB,EAAvB,CAAA;AAAA,KAAA;GAHiF,iBAIzEO,KAAK,CAACC,aAAN,CAAoBM,UAApB,EAAgC,IAAhC,CAJyE,CAApC,GAII,IAV6B,CAFtE,CAFI,iBAc6DP,KAAK,CAACC,aAAN,CAAoB,IAApB,EAA0B;AAC5GC,IAAAA,SAAS,EAAEM,UAAU,CAAI1B,EAAAA,CAAAA,MAAAA,CAAAA,aAAJ,cAA4B,kBAA5B,CAAA;AADuF,GAA1B,EAEjFP,MAAM,CAACkC,GAAP,CAAW,UAACtB,KAAD,EAAA;AAAA,IAAA,sBAA2Ba,KAAK,CAACC,aAAN,CAAoB,IAApB,EAA0B;AACjEC,MAAAA,SAAS,EAAEM,UAAU,CAAA,EAAA,CAAA,MAAA,CAChB1B,aADgB,EAAA,QAAA,CAAA,EAEnBI,mBAAmB,CAACC,KAAD,CAAnB,IAA8BV,QAA9B,GAAyCO,gBAAgB,CAAC0B,MAA1D,GAAmE,EAFhD,CAD4C;AAKjEC,MAAAA,GAAG,EAAExB,KAL4D;AAMjEiB,MAAAA,OAAO,EAAE,SAAM,OAAA,GAAA;AACb,QAAA,IAAIzB,QAAJ,EAAc;AACZ,UAAA,OAAA;AACD,SAAA;;QACDoB,WAAW,CAACZ,KAAD,CAAX,CAAA;AACD,OAAA;AAXgE,KAA1B,iBAYtBa,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAC5CC,MAAAA,SAAS,EAAEM,UAAU,CAAI1B,EAAAA,CAAAA,MAAAA,CAAAA,aAAJ,8BAAqCR,aAArC,EAAA,YAAA,CAAA,CAAA;AADuB,KAA3B,iBAEA0B,KAAK,CAACC,aAAN,CAAoB,MAApB,EAA4B;MAC7CC,SAAS,EAAA,EAAA,CAAA,MAAA,CAAKpB,aAAL,EADoC,eAAA,CAAA;AAE7C8B,MAAAA,KAAK,EAAE;AACLC,QAAAA,UAAU,EAAE1B,KAAAA;AADP,OAAA;KAFU,CAFA,CAZsB,CAA3B,CAAA;GAAX,CAFiF,CAd7D,CAAvB,CAAA;AAoCD,CA3DD,CAAA;;AA4DA,oBAAA,aAAea,KAAK,CAACc,IAAN,CAAW1C,QAAX,CAAf;;;;"}
+{"version":3,"file":"swatches.js","sources":["../../../../src/color-picker/components/panel/swatches.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { DeleteIcon, AddIcon } from 'tdesign-icons-react';\nimport Color from '../../../_common/js/color-picker/color';\nimport { TdColorBaseProps } from '../../interface';\nimport useCommonClassName from '../../../_util/useCommonClassName';\n\nexport interface TdColorSwathcesProps extends TdColorBaseProps {\n  colors?: string[];\n  title?: String;\n  editable?: Boolean;\n  onSetColor?: Function;\n  handleAddColor?: Function;\n}\n\nconst Swatches = (props: TdColorSwathcesProps) => {\n  const {\n    baseClassName,\n    colors = [],\n    title = '系统色彩',\n    editable = false,\n    onChange,\n    disabled,\n    onSetColor,\n    handleAddColor,\n  } = props;\n  const swatchesClass = `${baseClassName}__swatches`;\n  const { STATUS: statusClassNames } = useCommonClassName();\n  const isEqualCurrentColor = (color: string) => Color.compare(color, props.color.css);\n\n  // 移除颜色\n  const selectedColorIndex = () => colors.findIndex((color) => isEqualCurrentColor(color));\n  const handleRemoveColor = () => {\n    const selectedIndex = selectedColorIndex();\n    if (selectedIndex > -1) {\n      const newColors = colors.filter((item, index) => index !== selectedIndex);\n      onChange(newColors);\n    }\n  };\n\n  const handleClick = (color: string) => onSetColor(color);\n\n  return (\n    <div className={swatchesClass}>\n      <h3 className={`${swatchesClass}--title`}>\n        <span>{title}</span>\n        {editable && (\n          <div className={`${swatchesClass}--actions`}>\n            <span role=\"button\" className={`${baseClassName}__icon`} onClick={() => handleAddColor()}>\n              <AddIcon />\n            </span>\n            {colors.length > 0 ? (\n              <span role=\"button\" className={`${baseClassName}__icon`} onClick={() => handleRemoveColor()}>\n                <DeleteIcon />\n              </span>\n            ) : null}\n          </div>\n        )}\n      </h3>\n      <ul className={classnames(`${swatchesClass}--items`, 'narrow-scrollbar')}>\n        {colors.map((color) => (\n          <li\n            className={classnames(\n              `${swatchesClass}--item`,\n              isEqualCurrentColor(color) && editable ? statusClassNames.active : '',\n            )}\n            key={color}\n            onClick={() => {\n              if (disabled) {\n                return;\n              }\n              handleClick(color);\n            }}\n          >\n            <div className={classnames(`${swatchesClass}--item__color`, `${baseClassName}--bg-alpha`)}>\n              <span\n                className={`${swatchesClass}--item__inner`}\n                style={{\n                  background: color,\n                }}\n              ></span>\n            </div>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n\nexport default React.memo(Swatches);\n"],"names":["Swatches","props","baseClassName","colors","title","editable","onChange","disabled","onSetColor","handleAddColor","swatchesClass","useCommonClassName","statusClassNames","STATUS","isEqualCurrentColor","color","Color","compare","css","selectedColorIndex","findIndex","handleRemoveColor","selectedIndex","newColors","filter","item","index","handleClick","React","createElement","className","role","onClick","AddIcon","length","DeleteIcon","classnames","map","active","key","style","background","memo"],"mappings":"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"}

package/es/color-picker/components/trigger.js

@@ -24,15 +24,15 @@ import '../../_chunks/dep-94bbf06a.js';
 import '../../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../../_util/useConfig.js';
-import '../../_chunks/dep-f9a93fd9.js';
-import '../../_chunks/dep-258e1490.js';
+import '../../_chunks/dep-ebdb5861.js';
+import '../../_chunks/dep-98abc0e7.js';
 import '../../_chunks/dep-50a7647a.js';
 import '../../_chunks/dep-5a256d0b.js';
 import '../../_chunks/dep-da5de26d.js';
 import '../../_chunks/dep-0c9da635.js';
 import '../../_chunks/dep-43ffe2b6.js';
 import '../../_chunks/dep-d8fe7298.js';
-import '../../_chunks/dep-b93a5720.js';
+import '../../_chunks/dep-44015487.js';
 import '../../_chunks/dep-42f0ea3e.js';
 import '../../_chunks/dep-3f31c41f.js';
 import '../../_chunks/dep-4727f922.js';

package/es/color-picker/hooks/useClassname.js

@@ -6,10 +6,10 @@
 
 import useConfig from '../../_util/useConfig.js';
 import 'react';
-import '../../_chunks/dep-f9a93fd9.js';
+import '../../_chunks/dep-ebdb5861.js';
 import '../../_chunks/dep-6793ea1c.js';
 import '../../_chunks/dep-2e8c2cb9.js';
-import '../../_chunks/dep-258e1490.js';
+import '../../_chunks/dep-98abc0e7.js';
 import '../../_chunks/dep-50a7647a.js';
 import '../../_chunks/dep-5a256d0b.js';
 import '../../_chunks/dep-1823d8f9.js';
@@ -21,7 +21,7 @@ import '../../_chunks/dep-da5de26d.js';
 import '../../_chunks/dep-0c9da635.js';
 import '../../_chunks/dep-43ffe2b6.js';
 import '../../_chunks/dep-d8fe7298.js';
-import '../../_chunks/dep-b93a5720.js';
+import '../../_chunks/dep-44015487.js';
 import '../../_chunks/dep-42f0ea3e.js';
 import '../../_chunks/dep-3f31c41f.js';
 import '../../_chunks/dep-4727f922.js';