tdesign-react 0.37.1 → 0.37.2-alpha.1

package/lib/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","_slicedToArray","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","_toConsumableArray","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<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","_slicedToArray","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","_toConsumableArray","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,IAAMA,SAAS,GAAGC,IAAI,CAACC,KAAvB,CAAA;AACA,IAAMC,KAAK,gBAAGC,gBAAU,CAAC,UAACC,KAAD,EAAQC,GAAR,EAAgB;EACvC,IAAMC,aAAa,GAAGC,yCAAY,EAAlC,CAAA;;AACA,EAAA,IAAA,mBAAA,GAAmBC,mCAAkB,EAArC;MAAQC,MAAR,uBAAQA,MAAR,CAAA;;EACA,IAAmBC,kBAAAA,GAAAA,sCAAiB,CAAC,aAAD,CAApC;AAAA,MAAA,mBAAA,GAAAC,4BAAA,CAAA,kBAAA,EAAA,CAAA,CAAA;AAAA,MAAOC,KAAP,GAAA,mBAAA,CAAA,CAAA,CAAA;AAAA,MAAcC,CAAd,GAAA,mBAAA,CAAA,CAAA,CAAA,CAAA;;AACA,EAAA,IACEC,KADF,GAaIV,KAbJ,CACEU,KADF;AAAA,MAEEC,QAFF,GAaIX,KAbJ,CAEEW,QAFF;AAAA,MAGEC,QAHF,GAaIZ,KAbJ,CAGEY,QAHF;MAaIZ,kBAAAA,GAAAA,KAbJ,CAIEa,WAJF;MAIEA,WAJF,mCAIgB,KAJhB,GAAA,kBAAA;AAAA,MAKEC,MALF,GAaId,KAbJ,CAKEc,MALF;AAAA,MAMEC,kBANF,GAaIf,KAbJ,CAMEe,kBANF;AAAA,MAOEC,YAPF,GAaIhB,KAbJ,CAOEgB,YAPF;AAAA,MAQEC,SARF,GAaIjB,KAbJ,CAQEiB,SARF;MAaIjB,YAAAA,GAAAA,KAbJ,CASEkB,KATF;MASEA,KATF,6BASU,EATV,GAAA,YAAA;AAAA,MAUEC,WAVF,GAaInB,KAbJ,CAUEmB,WAVF;AAAA,MAWEC,QAXF,GAaIpB,KAbJ,CAWEoB,QAXF;MAaIpB,iBAAAA,GAAAA,KAbJ,CAYEqB,UAZF;AAAA,MAYEA,UAZF,GAYe,iBAAA,KAAA,KAAA,CAAA,GAAA,CAAC,iBAAD,EAAoB,YAApB,CAZf,GAAA,iBAAA,CAAA;;AAcA,EAAA,IAAA,cAAA,GAAoCC,8BAAa,CAACtB,KAAD,EAAQ,OAAR,EAAiBY,QAAjB,CAAjD;AAAA,MAAA,eAAA,GAAAL,4BAAA,CAAA,cAAA,EAAA,CAAA,CAAA;AAAA,MAAOgB,UAAP,GAAA,eAAA,CAAA,CAAA,CAAA;AAAA,MAAmBC,aAAnB,GAAA,eAAA,CAAA,CAAA,CAAA,CAAA;;EACA,IAAMC,gBAAgB,GAAGC,YAAM,CAAC,IAAIC,kCAAJ,CAAUJ,UAAU,IAAIK,+BAAxB,CAAD,CAA/B,CAAA;EACA,IAAMC,cAAc,GAAGJ,gBAAgB,CAACK,OAAjB,CAAyBC,UAAzB,GAAsC,iBAAtC,GAA0D,YAAjF,CAAA;;EACA,IAAwBC,SAAAA,GAAAA,cAAQ,CAAC,CAAAX,UAAU,SAAV,IAAAA,UAAU,WAAV,GAAAA,KAAAA,CAAAA,GAAAA,UAAU,CAAEY,MAAZ,MAAuB,CAAvB,GAA2BZ,UAAU,CAAC,CAAD,CAArC,GAA2CQ,cAA5C,CAAhC;AAAA,MAAA,UAAA,GAAAtB,4BAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAA,MAAO2B,IAAP,GAAA,UAAA,CAAA,CAAA,CAAA;AAAA,MAAaC,OAAb,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;;EACA,IAAgCH,UAAAA,GAAAA,cAAQ,CAAC,CAAD,CAAxC;AAAA,MAAA,UAAA,GAAAzB,4BAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAA,MAAO6B,QAAP,GAAA,UAAA,CAAA,CAAA,CAAA;AAAA,MAAiBC,WAAjB,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;;AACA,EAAA,IAAMC,MAAM,GAAGC,iBAAW,CAAC,UAACC,MAAD,EAAY;AACrCf,IAAAA,gBAAgB,CAACK,OAAjB,CAAyBQ,MAAzB,CAAgCE,MAAhC,CAAA,CAAA;AACAH,IAAAA,WAAW,CAACD,QAAQ,GAAG,CAAZ,CAAX,CAAA;AACD,GAHyB,EAGvB,CAACA,QAAD,CAHuB,CAA1B,CAAA;AAIA,EAAA,IAAMK,WAAW,GAAGF,iBAAW,CAAC,YAAM;IACpC,IAAIL,IAAI,KAAK,iBAAb,EAAgC;AAC9B,MAAA,OAAOT,gBAAgB,CAACK,OAAjB,CAAyBY,cAAhC,CAAA;AACD,KAAA;;AACD,IAAA,OAAOjB,gBAAgB,CAACK,OAAjB,CAAyBa,kBAAzB,EAAA,CAA8C7B,MAA9C,CAAA,IAAyDW,gBAAgB,CAACK,OAAjB,CAAyBc,GAAzF,CAAA;AACD,GAL8B,EAK5B,CAAC9B,MAAD,EAASoB,IAAT,CAL4B,CAA/B,CAAA;AAMA,EAAA,IAAMW,eAAe,GAAGN,iBAAW,CAAC,UAACO,OAAD,EAAa;IAC/CtB,aAAa,CAACiB,WAAW,EAAZ,EAAgB;AAC3BM,MAAAA,KAAK,EAAEC,2CAAc,CAACvB,gBAAgB,CAACK,OAAlB,CADM;MAE3BgB,OAAO,EAAEA,OAAO,IAAI,+BAAA;AAFO,KAAhB,CAAb,CAAA;AAID,GALkC,EAKhC,CAACL,WAAD,EAAcjB,aAAd,CALgC,CAAnC,CAAA;AAMAyB,EAAAA,eAAS,CAAC,YAAM;IACd,IAAI,OAAOvC,KAAP,KAAiB,WAAjB,IAAgCwB,IAAI,KAAK,iBAA7C,EAAgE;AAC9D,MAAA,OAAA;AACD,KAAA;;IACD,IAAMgB,YAAY,GAAGC,6BAAS,CAACzC,KAAD,CAAT,CAAiB0C,KAAjB,EAArB,CAAA;AACA,IAAA,IAAQC,CAAR,GAAuBH,YAAvB,CAAQG,CAAR;AAAA,QAAWC,CAAX,GAAuBJ,YAAvB,CAAWI,CAAX;AAAA,QAAcC,CAAd,GAAuBL,YAAvB,CAAcK,CAAd;AAAA,QAAiBC,CAAjB,GAAuBN,YAAvB,CAAiBM,CAAjB,CAAA;AACA,IAAA,IAAMC,gBAAgB,GAAW9D,OAAAA,CAAAA,MAAAA,CAAAA,SAAS,CAAC0D,CAAD,CAApB,eAA4B1D,SAAS,CAAC2D,CAAD,CAArC,eAA6C3D,SAAS,CAAC4D,CAAD,CAAtD,EAAA,IAAA,CAAA,CAAA,MAAA,CAA8DC,CAA9D,EAAtB,GAAA,CAAA,CAAA;AACA,IAAA,IAAME,QAAQ,GAAG,IAAI/B,kCAAJ,CAAUjB,KAAV,CAAjB,CAAA;AACA,IAAA,IAAMiD,cAAc,GAAGF,gBAAgB,IAAI7B,+BAA3C,CAAA;AACA,IAAA,IAAMgC,YAAY,GAAGnC,gBAAgB,CAACK,OAAjB,CAAyB+B,IAA9C,CAAA;IACA,IAAMC,aAAa,GAAG5B,IAAI,KAAK,YAAT,IAAyB,CAACwB,QAAQ,CAAC3B,UAAzD,CAAA;;AACA,IAAA,IAAI4B,cAAc,KAAKC,YAAnB,IAAmCE,aAAvC,EAAsD;MACpDxB,MAAM,CAAC5B,KAAD,CAAN,CAAA;MACAyB,OAAO,CAACuB,QAAQ,CAAC3B,UAAT,GAAsB,iBAAtB,GAA0C,YAA3C,CAAP,CAAA;AACD,KAAA;AACF,GAfQ,EAeN,CAACrB,KAAD,EAAQ+B,WAAR,EAAqBjB,aAArB,EAAoCU,IAApC,EAA0CI,MAA1C,CAfM,CAAT,CAAA;AAgBAW,EAAAA,eAAS,CAAC,YAAM;AACd,IAAA,IAAI5B,UAAU,CAACY,MAAX,KAAsB,CAA1B,EAA6B;AAC3BE,MAAAA,OAAO,CAACd,UAAU,CAAC,CAAD,CAAX,CAAP,CAAA;AACD,KAFD,MAEO;MACLc,OAAO,CAACN,cAAD,CAAP,CAAA;AACD,KAAA;AACF,GANQ,EAMN,CAACR,UAAD,EAAaQ,cAAb,CANM,CAAT,CAAA;AAOA,EAAA,IAAMkC,SAAS,GAAGrC,YAAM,CAACD,gBAAgB,CAACK,OAAjB,CAAyBC,UAAzB,GAAsC,KAAtC,GAA8C,KAA/C,CAAxB,CAAA;AACA,EAAA,IAAQiC,oBAAR,GAAiChE,KAAjC,CAAQgE,oBAAR,CAAA;;AACA,EAAA,IAAA,eAAA,GAAoD1C,8BAAa,CAACtB,KAAD,EAAQ,cAAR,EAAwBgE,oBAAxB,EAA8C;IAC7GC,mBAAmB,EAAEC,gDAAuB,CAACC,YAAAA;AADgE,GAA9C,CAAjE;AAAA,MAAA,eAAA,GAAA5D,4BAAA,CAAA,eAAA,EAAA,CAAA,CAAA;AAAA,MAAO6D,kBAAP,GAAA,eAAA,CAAA,CAAA,CAAA;AAAA,MAA2BC,qBAA3B,GAAA,eAAA,CAAA,CAAA,CAAA,CAAA;;AAGA,EAAA,IAAMC,SAAS,GAAG;IAChBvB,KAAK,EAAEtB,gBAAgB,CAACK,OADR;AAEhBnB,IAAAA,QAAQ,EAARA,QAFgB;AAGhBT,IAAAA,aAAa,EAAbA,aAAAA;GAHF,CAAA;;AAKA,EAAA,IAAMqE,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAC/B,MAAD,EAAY;IACnCL,OAAO,CAACK,MAAD,CAAP,CAAA;IACA,IAAiDf,qBAAAA,GAAAA,gBAAgB,CAACK,OAAlE;QAAQ+B,IAAR,yBAAQA,IAAR;QAAcW,cAAd,yBAAcA,cAAd;QAA8B9B,cAA9B,yBAA8BA,cAA9B,CAAA;;IACA,IAAIF,MAAM,KAAK,iBAAf,EAAkC;AAChCf,MAAAA,gBAAgB,CAACK,OAAjB,GAA2B,IAAIH,kCAAJ,CAAU6C,cAAc,CAACvC,MAAf,GAAwB,CAAxB,GAA4BS,cAA5B,GAA6C+B,yCAAvD,CAA3B,CAAA;AACA,MAAA,OAAA;AACD,KAAA;;AACDhD,IAAAA,gBAAgB,CAACK,OAAjB,GAA2B,IAAIH,kCAAJ,CAAUkC,IAAV,CAA3B,CAAA;GAPF,CAAA;;AASA,EAAA,IAAMa,8BAA8B,GAAG,SAAjCA,8BAAiC,CAACC,MAAD,EAAY;IACjDN,qBAAqB,CAACM,MAAD,CAArB,CAAA;GADF,CAAA;;AAGA,EAAA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,GAAM;AACjC,IAAA,IAAMD,MAAM,GAAAE,oCAAA,CAAOT,kBAAkB,IAAI,EAA7B,CAAZ,CAAA;;IACA,IAA6C3C,sBAAAA,GAAAA,gBAAgB,CAACK,OAA9D;QAAQC,UAAR,0BAAQA,UAAR;QAAoBW,cAApB,0BAAoBA,cAApB;QAAoCmB,IAApC,0BAAoCA,IAApC,CAAA;AACA,IAAA,IAAMD,YAAY,GAAG7B,UAAU,GAAGW,cAAH,GAAoBmB,IAAnD,CAAA;AACA,IAAA,IAAMiB,KAAK,GAAGH,MAAM,CAACI,OAAP,CAAenB,YAAf,CAAd,CAAA;;AACA,IAAA,IAAIkB,KAAK,GAAG,CAAC,CAAb,EAAgB;AACdH,MAAAA,MAAM,CAACK,MAAP,CAAcF,KAAd,EAAqB,CAArB,CAAA,CAAA;AACD,KAAA;;IACDH,MAAM,CAACM,OAAP,CAAerB,YAAf,CAAA,CAAA;;AACA,IAAA,IAAIe,MAAM,CAAC1C,MAAP,GAAgBiD,+CAApB,EAAmD;MACjDP,MAAM,CAAC1C,MAAP,GAAgBiD,+CAAhB,CAAA;AACD,KAAA;;IACDR,8BAA8B,CAACC,MAAD,CAA9B,CAAA;GAZF,CAAA;;AAcA,EAAA,IAAMQ,sBAAsB,GAAG,SAAzBA,sBAAyB,CAAmC,IAAA,EAAA;IAAA,IAAhCC,UAAgC,QAAhCA,UAAgC;QAAb5C,MAAa,QAApB9B,KAAoB,CAAA;IAChE,IAAwCe,sBAAAA,GAAAA,gBAAgB,CAACK,OAAzD;QAAoBuD,GAApB,0BAAQD,UAAR;QAAgCE,GAAhC,0BAAyB5E,KAAzB,CAAA;IACA,IAAI6E,aAAa,GAAG,+BAApB,CAAA;;AACA,IAAA,IAAI/C,MAAM,KAAK8C,GAAX,IAAkBF,UAAU,KAAKC,GAArC,EAA0C;AACxCE,MAAAA,aAAa,GAAG,+BAAhB,CAAA;AACA9D,MAAAA,gBAAgB,CAACK,OAAjB,CAAyBsD,UAAzB,GAAsCA,UAAtC,CAAA;AACA3D,MAAAA,gBAAgB,CAACK,OAAjB,CAAyBpB,KAAzB,GAAiC8B,MAAjC,CAAA;AACD,KAJD,MAIO,IAAI4C,UAAU,KAAKC,GAAnB,EAAwB;AAC7BE,MAAAA,aAAa,GAAG,oBAAhB,CAAA;AACA9D,MAAAA,gBAAgB,CAACK,OAAjB,CAAyBsD,UAAzB,GAAsCA,UAAtC,CAAA;AACD,KAHM,MAGA,IAAI5C,MAAM,KAAK8C,GAAf,EAAoB;AACzBC,MAAAA,aAAa,GAAG,oBAAhB,CAAA;AACA9D,MAAAA,gBAAgB,CAACK,OAAjB,CAAyBpB,KAAzB,GAAiC8B,MAAjC,CAAA;AACD,KAHM,MAGA;AACL,MAAA,OAAA;AACD,KAAA;;IACDK,eAAe,CAAC0C,aAAD,CAAf,CAAA;GAhBF,CAAA;;AAkBA,EAAA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,GAAD,EAAS;AAC/BhE,IAAAA,gBAAgB,CAACK,OAAjB,CAAyB2D,GAAzB,GAA+BA,GAA/B,CAAA;IACA5C,eAAe,CAAC,iBAAD,CAAf,CAAA;AACA9B,IAAAA,kBAAkB,SAAlB,IAAAA,kBAAkB,KAAlB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,kBAAkB,CAAG;AACnBgC,MAAAA,KAAK,EAAEC,2CAAc,CAACvB,gBAAgB,CAACK,OAAlB,CAAA;AADF,KAAH,CAAlB,CAAA;GAHF,CAAA;;AAOA,EAAA,IAAM4D,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD,EAAW;AACnClE,IAAAA,gBAAgB,CAACK,OAAjB,CAAyB6D,KAAzB,GAAiCA,KAAjC,CAAA;IACA9C,eAAe,CAAC,mBAAD,CAAf,CAAA;AACA9B,IAAAA,kBAAkB,SAAlB,IAAAA,kBAAkB,KAAlB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,kBAAkB,CAAG;AACnBgC,MAAAA,KAAK,EAAEC,2CAAc,CAACvB,gBAAgB,CAACK,OAAlB,CAAA;AADF,KAAH,CAAlB,CAAA;GAHF,CAAA;;AAOA,EAAA,IAAM8D,oBAAoB,GAAG,SAAvBA,oBAAuB,CAGvB,KAAA,EAAA;IAAA,IAFJC,GAEI,SAFJA,GAEI;QADJC,OACI,SADJA,OACI,CAAA;IACJ,IAAIhD,OAAO,GAAG,+BAAd,CAAA;;AACA,IAAA,QAAQ+C,GAAR;AACE,MAAA,KAAK,QAAL;AACEpE,QAAAA,gBAAgB,CAACK,OAAjB,CAAyBiE,cAAzB,GAA0CD,OAA1C,CAAA;AACAhD,QAAAA,OAAO,GAAG,OAAV,CAAA;AACA,QAAA,MAAA;;AACF,MAAA,KAAK,YAAL;AACErB,QAAAA,gBAAgB,CAACK,OAAjB,CAAyBkE,kBAAzB,GAA8CF,OAA9C,CAAA;QACAzD,WAAW,CAAC,UAAC4D,MAAD,EAAA;UAAA,OAAYA,MAAM,GAAG,CAArB,CAAA;AAAA,SAAD,CAAX,CAAA;AACA,QAAA,MAAA;;AACF,MAAA,KAAK,QAAL;AACExE,QAAAA,gBAAgB,CAACK,OAAjB,CAAyB0C,cAAzB,GAA0CsB,OAA1C,CAAA;AACA,QAAA,MAAA;AAXJ,KAAA;;IAaAjD,eAAe,CAACC,OAAD,CAAf,CAAA;GAlBF,CAAA;;AAoBA,EAAA,IAAMoD,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,OAAD,EAAA;AAAA,IAAA,OAAapC,SAAS,CAACjC,OAAV,GAAoBqE,OAAjC,CAAA;GAA/B,CAAA;;EACA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD,EAAQV,KAAR,EAAkB;IAC1CrD,MAAM,CAAC+D,KAAD,CAAN,CAAA;AACA5E,IAAAA,gBAAgB,CAACK,OAAjB,CAAyB6D,KAAzB,GAAiCA,KAAjC,CAAA;IACA9C,eAAe,CAAC,OAAD,CAAf,CAAA;GAHF,CAAA;;AAKA,EAAA,IAAMyD,YAAY,gBAAGC,yBAAK,CAACC,IAAN,CAAW,YAAM;AAAA,IAAA,IAAA,aAAA,CAAA;;IACpC,IAAMC,cAAc,GAAGrC,kBAAkB,KAAK,IAAvB,IAA+BA,kBAAkB,KAAK,KAA7E,CAAA;IACA,IAAIsC,YAAY,GAAG1F,YAAnB,CAAA;;AACA,IAAA,IAAI0F,YAAY,KAAK,KAAK,CAA1B,EAA6B;MAC3BA,YAAY,GAAA7B,oCAAA,CAAO8B,8CAAP,CAAZ,CAAA;AACD,KAAA;;IACD,IAAMC,gBAAgB,GAAG,CAAAF,CAAAA,aAAAA,GAAAA,YAAY,UAAZ,IAAczE,aAAAA,KAAAA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAAA,CAAAA,MAAd,IAAuB,CAAhD,CAAA;;AACA,IAAA,IAAI,CAAC2E,gBAAD,IAAqB,CAACH,cAA1B,EAA0C;AACxC,MAAA,OAAO,IAAP,CAAA;AACD,KAAA;;AACD,IAAA,IAAMI,cAAc,GAAG,SAAjBA,cAAiB,CAACrE,MAAD,EAAY;AACjC,MAAA,IAAMsE,eAAe,GAAGnF,kCAAK,CAACoF,eAAN,CAAsBvE,MAAtB,CAAxB,CAAA;AACA,MAAA,IAAMO,KAAK,GAAGtB,gBAAgB,CAACK,OAA/B,CAAA;;AACA,MAAA,IAAIgF,eAAJ,EAAqB;AACnB,QAAA,IAAIzF,UAAU,CAAC2F,QAAX,CAAoB,iBAApB,CAAJ,EAA4C;UAC1C7E,OAAO,CAAC,iBAAD,CAAP,CAAA;UACAY,KAAK,CAACT,MAAN,CAAaE,MAAb,CAAA,CAAA;AACAO,UAAAA,KAAK,CAACkE,0BAAN,EAAA,CAAA;AACD,SAJD,MAIO;UACLC,OAAO,CAACC,IAAR,CAAa,wDAAb,CAAA,CAAA;AACD,SAAA;AACF,OARD,MAQO,IAAIjF,IAAI,KAAK,iBAAb,EAAgC;QACrCa,KAAK,CAACqE,YAAN,CAAmB5E,MAAnB,CAAA,CAAA;AACAO,QAAAA,KAAK,CAACkE,0BAAN,EAAA,CAAA;AACD,OAHM,MAGA;QACLlE,KAAK,CAACT,MAAN,CAAaE,MAAb,CAAA,CAAA;AACD,OAAA;;MACDK,eAAe,EAAA,CAAA;KAjBjB,CAAA;;AAmBA,IAAA,sBAAuB0D,yBAAK,CAACc,aAAN,CAAoBd,yBAAK,CAACe,QAA1B,EAAoC,IAApC,iBAA0Df,yBAAK,CAACc,aAAN,CAAoB,KAApB,EAA2B;AAC1GpG,MAAAA,SAAS,YAAKf,aAAL,EAAA,iBAAA,CAAA;KADsE,EAE9EuG,cAAc,mBAAoBF,yBAAK,CAACc,aAAN,CAAoBE,gDAApB,EAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EAChCjD,SADgC,CAAA,EAAA,EAAA,EAAA;AAEnCkD,MAAAA,KAAK,EAAE/G,CAAC,CAACD,KAAK,CAACiH,gBAAP,CAF2B;AAGnCC,MAAAA,QAAQ,EAAE,IAHyB;AAInCC,MAAAA,cAAc,EAAE/C,oBAJmB;AAKnCD,MAAAA,MAAM,EAAEP,kBAL2B;MAMnCwD,UAAU,EAAE,oBAAC7E,KAAD,EAAA;QAAA,OAAW8D,cAAc,CAAC9D,KAAD,CAAzB,CAAA;OANuB;AAOnCnC,MAAAA,QAAQ,EAAE8D,8BAAAA;KATqE,CAAA,CAAA,EAU7EkC,gBAAgB,mBAAoBL,yBAAK,CAACc,aAAN,CAAoBE,gDAApB,EAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EACnCjD,SADmC,CAAA,EAAA,EAAA,EAAA;AAEtCkD,MAAAA,KAAK,EAAE/G,CAAC,CAACD,KAAK,CAACqH,gBAAP,CAF8B;AAGtClD,MAAAA,MAAM,EAAE+B,YAH8B;MAItCkB,UAAU,EAAE,oBAAC7E,KAAD,EAAA;QAAA,OAAW8D,cAAc,CAAC9D,KAAD,CAAzB,CAAA;AAAA,OAAA;AAJ0B,KAAA,CAAA,CAVyC,CAA1D,CAAvB,CAAA;AAgBD,GA7CoB,CAArB,CAAA;AA8CA,EAAA,sBAAuBwD,yBAAK,CAACc,aAAN,CAAoB,KAApB,EAA2B;AAChDpG,IAAAA,SAAS,EAAE6G,8BAAU,CAAI5H,EAAAA,CAAAA,MAAAA,CAAAA,aAAJ,cAA4BS,QAAQ,GAAGN,MAAM,CAACM,QAAV,GAAqB,KAAzD,EAAgEM,SAAhE,CAD2B;IAEhD8G,OAAO,EAAE,iBAACC,CAAD,EAAA;MAAA,OAAOA,CAAC,CAACC,eAAF,EAAP,CAAA;KAFuC;IAGhD/G,KAAK,EAAA,aAAA,CAAA,EAAA,EAAOA,KAAP,CAH2C;AAIhDjB,IAAAA,GAAG,EAAHA,GAAAA;AAJgD,GAA3B,iBAKJsG,yBAAK,CAACc,aAAN,CAAoBa,8CAApB,EAAiC;AAClDhI,IAAAA,aAAa,EAAbA,aADkD;AAElDgC,IAAAA,IAAI,EAAJA,IAFkD;AAGlDb,IAAAA,UAAU,EAAVA,UAHkD;AAIlDD,IAAAA,QAAQ,EAARA,QAJkD;AAKlDD,IAAAA,WAAW,EAAXA,WALkD;AAMlDgH,IAAAA,YAAY,EAAE5D,gBAAAA;GANG,CALI,iBAYHgC,yBAAK,CAACc,aAAN,CAAoB,KAApB,EAA2B;AAC7CpG,IAAAA,SAAS,YAAKf,aAAL,EAAA,QAAA,CAAA;AADoC,GAA3B,EAEjBgC,IAAI,KAAK,iBAAT,mBAA8CqE,yBAAK,CAACc,aAAN,CAAoBe,sDAApB,EAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EAC5C9D,SAD4C,CAAA,EAAA,EAAA,EAAA;AAE/C1D,IAAAA,QAAQ,EAAEgF,oBAAAA;GAJQ,CAAA,CAAA,iBAKAW,yBAAK,CAACc,aAAN,CAAoBgB,kDAApB,kCACf/D,SADe,CAAA,EAAA,EAAA,EAAA;AAElB1D,IAAAA,QAAQ,EAAEuE,sBAAAA;GAPQ,CAAA,CAAA,iBAQAoB,yBAAK,CAACc,aAAN,CAAoBiB,2CAApB,kCACfhE,SADe,CAAA,EAAA,EAAA,EAAA;AAElB1D,IAAAA,QAAQ,EAAE4E,eAAAA;GAVQ,CAAA,CAAA,EAWhB3E,WAAW,mBAAoB0F,yBAAK,CAACc,aAAN,CAAoBkB,6CAApB,EAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EAC9BjE,SAD8B,CAAA,EAAA,EAAA,EAAA;AAEjC1D,IAAAA,QAAQ,EAAE8E,iBAAAA;GAbQ,CAAA,CAAA,iBAcAa,yBAAK,CAACc,aAAN,CAAoBmB,oDAApB,EAAA,aAAA,CAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EACfxI,KADe,CAAA,EAEfsE,SAFe,CAAA,EAAA,EAAA,EAAA;IAGlBxD,MAAM,EAAEiD,SAAS,CAACjC,OAHA;AAIlBqG,IAAAA,YAAY,EAAEjC,sBAJI;AAKlBuC,IAAAA,aAAa,EAAErC,iBAAAA;GAnBG,CAAA,CAAA,iBAoBAG,yBAAK,CAACc,aAAN,CAAoBf,YAApB,EAAkC,IAAlC,CApBA,CAZG,CAAvB,CAAA;AAiCD,CA3OuB,CAAxB,CAAA;AA4OA,iBAAA,aAAeC,yBAAK,CAACC,IAAN,CAAW1G,KAAX,CAAf;;;;"}

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

@@ -11,7 +11,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var toConsumableArray = require('../../../_chunks/dep-8a596c4c.js');
 var slicedToArray = require('../../../_chunks/dep-f6e23313.js');
 var React = require('react');
-var cloneDeep = require('../../../_chunks/dep-6585e4a5.js');
+var cloneDeep = require('../../../_chunks/dep-fb6d9de8.js');
 var classNames = require('classnames');
 var colorPicker_hooks_useClassname = require('../../hooks/useClassname.js');
 var _common_js_colorPicker_color = require('../../../_common/js/color-picker/color.js');
@@ -19,8 +19,8 @@ var _util_useCommonClassName = require('../../../_util/useCommonClassName.js');
 var colorPicker_const = require('../../const.js');
 var inputNumber_index = require('../../../input-number/index.js');
 require('../../../_chunks/dep-7e6eba28.js');
-require('../../../_chunks/dep-8b046474.js');
-require('../../../_chunks/dep-64d1a3cf.js');
+require('../../../_chunks/dep-f45d0884.js');
+require('../../../_chunks/dep-15a75957.js');
 require('../../../_chunks/dep-d395cf34.js');
 require('../../../_chunks/dep-cf17ec26.js');
 require('../../../_chunks/dep-d06795f3.js');
@@ -30,7 +30,7 @@ require('../../../_chunks/dep-870d694c.js');
 require('../../../_chunks/dep-cf94c9ff.js');
 require('../../../_chunks/dep-cf018588.js');
 require('../../../_chunks/dep-0498b7d7.js');
-require('../../../_chunks/dep-c89f631d.js');
+require('../../../_chunks/dep-0607226a.js');
 require('../../../_chunks/dep-74174e39.js');
 require('../../../_chunks/dep-d1000f23.js');
 require('../../../_chunks/dep-d6d3aa9f.js');
@@ -40,11 +40,11 @@ require('../../../_chunks/dep-38311482.js');
 require('../../../_chunks/dep-ff190cc0.js');
 require('../../../_chunks/dep-f0b8a5b4.js');
 require('../../../_chunks/dep-240d37af.js');
-require('../../../_chunks/dep-a514e205.js');
+require('../../../_chunks/dep-e02d8b0f.js');
 require('../../../_chunks/dep-ab984605.js');
-require('../../../_chunks/dep-3e0355a8.js');
+require('../../../_chunks/dep-f1813996.js');
 require('../../../_util/useConfig.js');
-require('../../../_chunks/dep-5f62f121.js');
+require('../../../_chunks/dep-28df739c.js');
 require('../../../_chunks/dep-2de33c1d.js');
 require('../../../_chunks/dep-9ff38749.js');
 require('../../../_chunks/dep-31fcc750.js');

package/lib/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","_slicedToArray","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","_toConsumableArray","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","_slicedToArray","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","_toConsumableArray","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/lib/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":";;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAW;AAC5B,EAAA,IAAQC,KAAR,GAAqDD,KAArD,CAAQC,KAAR;AAAA,MAAeC,QAAf,GAAqDF,KAArD,CAAeE,QAAf;AAAA,MAAyBC,QAAzB,GAAqDH,KAArD,CAAyBG,QAAzB;AAAA,MAAmCC,aAAnC,GAAqDJ,KAArD,CAAmCI,aAAnC,CAAA;AACA,EAAA,IAAMC,QAAQ,GAAGC,YAAM,CAAC,IAAD,CAAvB,CAAA;AACA,EAAA,IAAMC,QAAQ,GAAGD,YAAM,CAAC,IAAD,CAAvB,CAAA;EACA,IAAME,YAAY,GAAGF,YAAM,CAAC;AAC1BG,IAAAA,KAAK,EAAEC,gDADmB;AAE1BC,IAAAA,MAAM,EAAEC,iDAAAA;AAFkB,GAAD,CAA3B,CAAA;;AAIA,EAAA,IAAMC,MAAM,GAAG,SAATA,MAAS,GAAM;AACnB,IAAA,IAAQC,UAAR,GAAmCb,KAAnC,CAAQa,UAAR;AAAA,QAAoBC,KAApB,GAAmCd,KAAnC,CAAoBc,KAApB;AAAA,QAA2BC,GAA3B,GAAmCf,KAAnC,CAA2Be,GAA3B,CAAA;IACA,IAA0BR,qBAAAA,GAAAA,YAAY,CAACS,OAAvC;QAAQR,KAAR,yBAAQA,KAAR;QAAeE,MAAf,yBAAeA,MAAf,CAAA;IACA,IAAMO,GAAG,GAAGC,IAAI,CAACC,KAAL,CAAW,CAAC,CAAIL,GAAAA,KAAL,IAAcJ,MAAzB,CAAZ,CAAA;IACA,IAAMU,IAAI,GAAGF,IAAI,CAACC,KAAL,CAAWN,UAAU,GAAGL,KAAxB,CAAb,CAAA;IACA,OAAO;AACLR,MAAAA,KAAK,EAAEe,GADF;MAELK,IAAI,EAAA,EAAA,CAAA,MAAA,CAAKA,IAAL,EAFC,IAAA,CAAA;AAGLH,MAAAA,GAAG,YAAKA,GAAL,EAAA,IAAA,CAAA;KAHL,CAAA;GALF,CAAA;;AAWA,EAAA,IAAMI,iCAAiC,GAAG,SAApCA,iCAAoC,CAACC,UAAD,EAAgB;IACxD,IAA0Bf,sBAAAA,GAAAA,YAAY,CAACS,OAAvC;QAAQR,KAAR,0BAAQA,KAAR;QAAeE,MAAf,0BAAeA,MAAf,CAAA;AACA,IAAA,IAAQa,CAAR,GAAiBD,UAAjB,CAAQC,CAAR;AAAA,QAAWC,CAAX,GAAiBF,UAAjB,CAAWE,CAAX,CAAA;IACA,IAAMX,UAAU,GAAGK,IAAI,CAACC,KAAL,CAAWI,CAAC,GAAGf,KAAJ,GAAY,GAAvB,CAAnB,CAAA;AACA,IAAA,IAAMM,KAAK,GAAGI,IAAI,CAACC,KAAL,CAAW,CAAC,CAAA,GAAIK,CAAC,GAAGd,MAAT,IAAmB,GAA9B,CAAd,CAAA;IACA,OAAO;AACLG,MAAAA,UAAU,EAAVA,UADK;AAELC,MAAAA,KAAK,EAALA,KAAAA;KAFF,CAAA;GALF,CAAA;;AAUA,EAAA,IAAMW,UAAU,GAAGpB,YAAM,CAAC,KAAD,CAAzB,CAAA;AACA,EAAA,IAAMqB,UAAU,GAAGC,iBAAW,CAAC,UAAA,IAAA,EAAWC,KAAX,EAAqB;IAAA,IAAlBL,CAAkB,QAAlBA,CAAkB;QAAfC,CAAe,QAAfA,CAAe,CAAA;;AAClD,IAAA,IAAIvB,QAAJ,EAAc;AACZ,MAAA,OAAA;AACD,KAAA;;IACDwB,UAAU,CAACT,OAAX,GAAqB,IAArB,CAAA;;AACA,IAAA,IAAA,qBAAA,GAA8BK,iCAAiC,CAAC;AAAEE,MAAAA,CAAC,EAADA,CAAF;AAAKC,MAAAA,CAAC,EAADA,CAAAA;AAAL,KAAD,CAA/D;QAAQX,UAAR,yBAAQA,UAAR;QAAoBC,KAApB,yBAAoBA,KAApB,CAAA;;AACAZ,IAAAA,QAAQ,CAAC;MACPW,UAAU,EAAEA,UAAU,GAAG,GADlB;MAEPC,KAAK,EAAEA,KAAK,GAAG,GAFR;AAGPe,MAAAA,YAAY,EAAED,KAAAA;AAHP,KAAD,CAAR,CAAA;AAKD,GAX6B,EAW3B,CAAC3B,QAAD,EAAWC,QAAX,CAX2B,CAA9B,CAAA;AAYA,EAAA,IAAM4B,aAAa,GAAGH,iBAAW,CAAC,UAACL,UAAD,EAAgB;AAChD,IAAA,IAAIrB,QAAJ,EAAc;AACZ,MAAA,OAAA;AACD,KAAA;;IACDwB,UAAU,CAACT,OAAX,GAAqB,KAArB,CAAA;AACAU,IAAAA,UAAU,CAACJ,UAAD,EAAa,IAAb,CAAV,CAAA;GAL+B,EAM9B,EAN8B,CAAjC,CAAA;EAOAS,wBAAO,CAAC3B,QAAD,EAAW;AAChB4B,IAAAA,KAAK,EAAE,SAAM,KAAA,GAAA;MACXzB,YAAY,CAACS,OAAb,CAAqBR,KAArB,GAA6BJ,QAAQ,CAACY,OAAT,CAAiBiB,WAA9C,CAAA;MACA1B,YAAY,CAACS,OAAb,CAAqBN,MAArB,GAA8BN,QAAQ,CAACY,OAAT,CAAiBkB,YAA/C,CAAA;KAHc;IAKhBC,GAAG,EAAE,SAACb,GAAAA,CAAAA,UAAD,EAAgB;MACnBQ,aAAa,CAACR,UAAD,CAAb,CAAA;KANc;IAQhBc,IAAI,EAAE,SAACd,IAAAA,CAAAA,UAAD,EAAgB;MACpBI,UAAU,CAACJ,UAAD,CAAV,CAAA;AACD,KAAA;AAVe,GAAX,CAAP,CAAA;AAYAe,EAAAA,eAAS,CAAC,YAAM;IACd9B,YAAY,CAACS,OAAb,CAAqBR,KAArB,GAA6BJ,QAAQ,CAACY,OAAT,CAAiBiB,WAAjB,IAAgCxB,gDAA7D,CAAA;IACAF,YAAY,CAACS,OAAb,CAAqBN,MAArB,GAA8BN,QAAQ,CAACY,OAAT,CAAiBkB,YAAjB,IAAiCvB,iDAA/D,CAAA;AACD,GAHQ,EAGN,CAACe,UAAD,EAAaI,aAAb,CAHM,CAAT,CAAA;AAIA,EAAA,sBAAuBQ,yBAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;IAChDC,SAAS,EAAA,EAAA,CAAA,MAAA,CAAKrC,aAAL,EADuC,cAAA,CAAA;AAEhDsC,IAAAA,GAAG,EAAErC,QAF2C;AAGhDsC,IAAAA,KAAK,EAAE;MACLC,UAAU,EAAA,MAAA,CAAA,MAAA,CAAS3C,KAAK,CAAC4C,GAAf,EAAA,cAAA,CAAA;AADL,KAAA;AAHyC,GAA3B,iBAMJN,yBAAK,CAACC,aAAN,CAAoB,MAApB,EAA4B;IAC7CC,SAAS,EAAA,EAAA,CAAA,MAAA,CAAKrC,aAAL,EADoC,SAAA,CAAA;AAE7C0C,IAAAA,IAAI,EAAE,QAFuC;AAG7CC,IAAAA,QAAQ,EAAE,CAHmC;AAI7CL,IAAAA,GAAG,EAAEnC,QAJwC;IAK7CoC,KAAK,EAAA,aAAA,CAAA,EAAA,EAAO9B,MAAM,EAAb,CAAA;AALwC,GAA5B,CANI,CAAvB,CAAA;AAaD,CA9ED,CAAA;;AA+EA,sBAAA,aAAe0B,yBAAK,CAACS,IAAN,CAAWjD,UAAX,CAAf;;;;"}

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

@@ -21,8 +21,8 @@ require('tinycolor2');
 require('../../../_common/js/color-picker/cmyk.js');
 require('../../../_common/js/color-picker/gradient.js');
 require('../../../_util/useConfig.js');
-require('../../../_chunks/dep-5f62f121.js');
-require('../../../_chunks/dep-64d1a3cf.js');
+require('../../../_chunks/dep-28df739c.js');
+require('../../../_chunks/dep-15a75957.js');
 require('../../../_chunks/dep-d395cf34.js');
 require('../../../_chunks/dep-cf17ec26.js');
 require('../../../_chunks/dep-d06795f3.js');
@@ -32,7 +32,7 @@ require('../../../_chunks/dep-870d694c.js');
 require('../../../_chunks/dep-cf94c9ff.js');
 require('../../../_chunks/dep-cf018588.js');
 require('../../../_chunks/dep-0498b7d7.js');
-require('../../../_chunks/dep-c89f631d.js');
+require('../../../_chunks/dep-0607226a.js');
 require('../../../_chunks/dep-74174e39.js');
 require('../../../_chunks/dep-d1000f23.js');
 require('../../../_chunks/dep-d6d3aa9f.js');

package/lib/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":"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"}
+{"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/lib/color-picker/components/trigger.js

@@ -26,14 +26,14 @@ require('../../_chunks/dep-870d694c.js');
 require('../../_util/forwardRefWithStatics.js');
 require('hoist-non-react-statics');
 require('../../_util/useConfig.js');
-require('../../_chunks/dep-5f62f121.js');
-require('../../_chunks/dep-64d1a3cf.js');
+require('../../_chunks/dep-28df739c.js');
+require('../../_chunks/dep-15a75957.js');
 require('../../_chunks/dep-d395cf34.js');
 require('../../_chunks/dep-cf17ec26.js');
 require('../../_chunks/dep-cf94c9ff.js');
 require('../../_chunks/dep-cf018588.js');
 require('../../_chunks/dep-0498b7d7.js');
-require('../../_chunks/dep-c89f631d.js');
+require('../../_chunks/dep-0607226a.js');
 require('../../_chunks/dep-74174e39.js');
 require('../../_chunks/dep-d1000f23.js');
 require('../../_chunks/dep-d6d3aa9f.js');

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

@@ -10,9 +10,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _util_useConfig = require('../../_util/useConfig.js');
 require('react');
-require('../../_chunks/dep-5f62f121.js');
+require('../../_chunks/dep-28df739c.js');
 require('../../_chunks/dep-2de33c1d.js');
-require('../../_chunks/dep-64d1a3cf.js');
+require('../../_chunks/dep-15a75957.js');
 require('../../_chunks/dep-d395cf34.js');
 require('../../_chunks/dep-cf17ec26.js');
 require('../../_chunks/dep-d06795f3.js');
@@ -22,7 +22,7 @@ require('../../_chunks/dep-870d694c.js');
 require('../../_chunks/dep-cf94c9ff.js');
 require('../../_chunks/dep-cf018588.js');
 require('../../_chunks/dep-0498b7d7.js');
-require('../../_chunks/dep-c89f631d.js');
+require('../../_chunks/dep-0607226a.js');
 require('../../_chunks/dep-74174e39.js');
 require('../../_chunks/dep-d1000f23.js');
 require('../../_chunks/dep-d6d3aa9f.js');

package/lib/color-picker/index.js

@@ -20,8 +20,8 @@ require('classnames');
 require('tinycolor2');
 require('../_util/useCommonClassName.js');
 require('../_util/useConfig.js');
-require('../_chunks/dep-5f62f121.js');
-require('../_chunks/dep-64d1a3cf.js');
+require('../_chunks/dep-28df739c.js');
+require('../_chunks/dep-15a75957.js');
 require('../_chunks/dep-d395cf34.js');
 require('../_chunks/dep-cf17ec26.js');
 require('../_chunks/dep-d06795f3.js');
@@ -31,7 +31,7 @@ require('../_chunks/dep-870d694c.js');
 require('../_chunks/dep-cf94c9ff.js');
 require('../_chunks/dep-cf018588.js');
 require('../_chunks/dep-0498b7d7.js');
-require('../_chunks/dep-c89f631d.js');
+require('../_chunks/dep-0607226a.js');
 require('../_chunks/dep-74174e39.js');
 require('../_chunks/dep-d1000f23.js');
 require('../_chunks/dep-d6d3aa9f.js');
@@ -60,7 +60,7 @@ require('./components/panel/header.js');
 require('tdesign-icons-react');
 require('./const.js');
 require('../radio/index.js');
-require('../_chunks/dep-4c9d02bd.js');
+require('../_chunks/dep-982647a2.js');
 require('../_util/forwardRefWithStatics.js');
 require('hoist-non-react-statics');
 require('../common/Check.js');
@@ -77,11 +77,11 @@ require('../_common/js/color-picker/cmyk.js');
 require('../_common/js/color-picker/gradient.js');
 require('./defaultProps.js');
 require('./components/panel/linear-gradient.js');
-require('../_chunks/dep-6585e4a5.js');
-require('../_chunks/dep-8b046474.js');
-require('../_chunks/dep-a514e205.js');
+require('../_chunks/dep-fb6d9de8.js');
+require('../_chunks/dep-f45d0884.js');
+require('../_chunks/dep-e02d8b0f.js');
 require('../_chunks/dep-ab984605.js');
-require('../_chunks/dep-3e0355a8.js');
+require('../_chunks/dep-f1813996.js');
 require('../input-number/index.js');
 require('../input-number/InputNumber.js');
 require('../_util/useUpdateEffect.js');

package/lib/comment/Comment.js

@@ -12,9 +12,9 @@ var React = require('react');
 var classNames = require('classnames');
 var _util_useConfig = require('../_util/useConfig.js');
 var comment_defaultProps = require('./defaultProps.js');
-require('../_chunks/dep-5f62f121.js');
+require('../_chunks/dep-28df739c.js');
 require('../_chunks/dep-2de33c1d.js');
-require('../_chunks/dep-64d1a3cf.js');
+require('../_chunks/dep-15a75957.js');
 require('../_chunks/dep-d395cf34.js');
 require('../_chunks/dep-cf17ec26.js');
 require('../_chunks/dep-d06795f3.js');
@@ -24,7 +24,7 @@ require('../_chunks/dep-870d694c.js');
 require('../_chunks/dep-cf94c9ff.js');
 require('../_chunks/dep-cf018588.js');
 require('../_chunks/dep-0498b7d7.js');
-require('../_chunks/dep-c89f631d.js');
+require('../_chunks/dep-0607226a.js');
 require('../_chunks/dep-74174e39.js');
 require('../_chunks/dep-d1000f23.js');
 require('../_chunks/dep-d6d3aa9f.js');

package/lib/comment/index.js

@@ -12,9 +12,9 @@ var comment_Comment = require('./Comment.js');
 require('react');
 require('classnames');
 require('../_util/useConfig.js');
-require('../_chunks/dep-5f62f121.js');
+require('../_chunks/dep-28df739c.js');
 require('../_chunks/dep-2de33c1d.js');
-require('../_chunks/dep-64d1a3cf.js');
+require('../_chunks/dep-15a75957.js');
 require('../_chunks/dep-d395cf34.js');
 require('../_chunks/dep-cf17ec26.js');
 require('../_chunks/dep-d06795f3.js');
@@ -24,7 +24,7 @@ require('../_chunks/dep-870d694c.js');
 require('../_chunks/dep-cf94c9ff.js');
 require('../_chunks/dep-cf018588.js');
 require('../_chunks/dep-0498b7d7.js');
-require('../_chunks/dep-c89f631d.js');
+require('../_chunks/dep-0607226a.js');
 require('../_chunks/dep-74174e39.js');
 require('../_chunks/dep-d1000f23.js');
 require('../_chunks/dep-d6d3aa9f.js');

package/lib/common/Check.js

@@ -27,8 +27,8 @@ require('../_chunks/dep-d598226b.js');
 require('../_chunks/dep-fcc4b176.js');
 require('../_chunks/dep-19ad3983.js');
 require('../_chunks/dep-177f0794.js');
-require('../_chunks/dep-5f62f121.js');
-require('../_chunks/dep-64d1a3cf.js');
+require('../_chunks/dep-28df739c.js');
+require('../_chunks/dep-15a75957.js');
 require('../_chunks/dep-d395cf34.js');
 require('../_chunks/dep-cf17ec26.js');
 require('../_chunks/dep-d06795f3.js');
@@ -36,7 +36,7 @@ require('../_chunks/dep-870d694c.js');
 require('../_chunks/dep-cf94c9ff.js');
 require('../_chunks/dep-cf018588.js');
 require('../_chunks/dep-0498b7d7.js');
-require('../_chunks/dep-c89f631d.js');
+require('../_chunks/dep-0607226a.js');
 require('../_chunks/dep-74174e39.js');
 require('../_chunks/dep-d6d3aa9f.js');
 require('../_chunks/dep-2fb94742.js');

package/lib/common/FakeArrow.js

@@ -12,8 +12,8 @@ var defineProperty = require('../_chunks/dep-2de33c1d.js');
 var React = require('react');
 var classNames = require('classnames');
 var _util_useConfig = require('../_util/useConfig.js');
-require('../_chunks/dep-5f62f121.js');
-require('../_chunks/dep-64d1a3cf.js');
+require('../_chunks/dep-28df739c.js');
+require('../_chunks/dep-15a75957.js');
 require('../_chunks/dep-d395cf34.js');
 require('../_chunks/dep-cf17ec26.js');
 require('../_chunks/dep-d06795f3.js');
@@ -23,7 +23,7 @@ require('../_chunks/dep-870d694c.js');
 require('../_chunks/dep-cf94c9ff.js');
 require('../_chunks/dep-cf018588.js');
 require('../_chunks/dep-0498b7d7.js');
-require('../_chunks/dep-c89f631d.js');
+require('../_chunks/dep-0607226a.js');
 require('../_chunks/dep-74174e39.js');
 require('../_chunks/dep-d1000f23.js');
 require('../_chunks/dep-d6d3aa9f.js');

package/lib/common/FakeArrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"FakeArrow.js","sources":["../../src/common/FakeArrow.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { ClassName } from '../common';\n\nimport useConfig from '../_util/useConfig';\n\n// 翻转箭头统一组件\nfunction FakeArrow(props: {\n  overlayClassName?: ClassName;\n  isActive?: boolean;\n  disabled?: boolean;\n  style?: React.CSSProperties;\n}) {\n  const { classPrefix } = useConfig();\n  return (\n    <svg\n      style={props.style}\n      className={classNames(\n        `${classPrefix}-fake-arrow`,\n        {\n          [`${classPrefix}-fake-arrow--active`]: props?.isActive && !props?.disabled,\n        },\n        props?.overlayClassName,\n      )}\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path d=\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\" stroke=\"black\" strokeOpacity=\"0.9\" strokeWidth=\"1.3\" />\n    </svg>\n  );\n}\n\nexport default FakeArrow;\n"],"names":["FakeArrow","props","useConfig","classPrefix","React","createElement","style","className","classNames","isActive","disabled","overlayClassName","width","height","viewBox","fill","xmlns","d","stroke","strokeOpacity","strokeWidth"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,SAASA,SAAT,CAAmBC,KAAnB,EAA0B;AACxB,EAAA,IAAA,UAAA,GAAwBC,0BAAS,EAAjC;MAAQC,WAAR,cAAQA,WAAR,CAAA;;AACA,EAAA,sBAAuBC,yBAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;IAChDC,KAAK,EAAEL,KAAK,CAACK,KADmC;AAEhDC,IAAAA,SAAS,EAAEC,8BAAU,CAChBL,EAAAA,CAAAA,MAAAA,CAAAA,WADgB,+DAGbA,WAHa,EAAA,qBAAA,CAAA,EAGsB,CAAAF,KAAK,SAAL,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEQ,QAAP,KAAmB,EAACR,KAAD,KAACA,IAAAA,IAAAA,KAAD,KAACA,KAAAA,CAAAA,IAAAA,KAAK,CAAES,QAAR,CAHzC,CAKnBT,EAAAA,KALmB,aAKnBA,KALmB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAKnBA,KAAK,CAAEU,gBALY,CAF2B;AAShDC,IAAAA,KAAK,EAAE,IATyC;AAUhDC,IAAAA,MAAM,EAAE,IAVwC;AAWhDC,IAAAA,OAAO,EAAE,WAXuC;AAYhDC,IAAAA,IAAI,EAAE,MAZ0C;AAahDC,IAAAA,KAAK,EAAE,4BAAA;AAbyC,GAA3B,iBAcJZ,yBAAK,CAACC,aAAN,CAAoB,MAApB,EAA4B;AAC7CY,IAAAA,CAAC,EAAE,8CAD0C;AAE7CC,IAAAA,MAAM,EAAE,OAFqC;AAG7CC,IAAAA,aAAa,EAAE,KAH8B;AAI7CC,IAAAA,WAAW,EAAE,KAAA;AAJgC,GAA5B,CAdI,CAAvB,CAAA;AAoBD;;;;"}
+{"version":3,"file":"FakeArrow.js","sources":["../../src/common/FakeArrow.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { ClassName } from '../common';\n\nimport useConfig from '../_util/useConfig';\n\n// 翻转箭头统一组件\nfunction FakeArrow(props: {\n  overlayClassName?: ClassName;\n  isActive?: boolean;\n  disabled?: boolean;\n  style?: React.CSSProperties;\n}) {\n  const { classPrefix } = useConfig();\n  return (\n    <svg\n      style={props.style}\n      className={classNames(\n        `${classPrefix}-fake-arrow`,\n        {\n          [`${classPrefix}-fake-arrow--active`]: props?.isActive && !props?.disabled,\n        },\n        props?.overlayClassName,\n      )}\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path d=\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\" stroke=\"black\" strokeOpacity=\"0.9\" strokeWidth=\"1.3\" />\n    </svg>\n  );\n}\n\nexport default FakeArrow;\n"],"names":["FakeArrow","props","useConfig","classPrefix","React","createElement","style","className","classNames","isActive","disabled","overlayClassName","width","height","viewBox","fill","xmlns","d","stroke","strokeOpacity","strokeWidth"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,SAASA,SAAT,CAAmBC,KAAnB,EAA0B;AACxB,EAAA,IAAA,UAAA,GAAwBC,0BAAS,EAAjC;MAAQC,WAAR,cAAQA,WAAR,CAAA;;AACA,EAAA,sBAAuBC,yBAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;IAChDC,KAAK,EAAEL,KAAK,CAACK,KADmC;AAEhDC,IAAAA,SAAS,EAAEC,8BAAU,CAAIL,EAAAA,CAAAA,MAAAA,CAAAA,WAAJ,+DACfA,WADe,EAAA,qBAAA,CAAA,EACoB,CAAAF,KAAK,SAAL,IAAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,KAAK,CAAEQ,QAAP,KAAmB,EAACR,KAAD,KAACA,IAAAA,IAAAA,KAAD,KAACA,KAAAA,CAAAA,IAAAA,KAAK,CAAES,QAAR,CADvC,CAElBT,EAAAA,KAFkB,aAElBA,KAFkB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAElBA,KAAK,CAAEU,gBAFW,CAF2B;AAKhDC,IAAAA,KAAK,EAAE,IALyC;AAMhDC,IAAAA,MAAM,EAAE,IANwC;AAOhDC,IAAAA,OAAO,EAAE,WAPuC;AAQhDC,IAAAA,IAAI,EAAE,MAR0C;AAShDC,IAAAA,KAAK,EAAE,4BAAA;AATyC,GAA3B,iBAUJZ,yBAAK,CAACC,aAAN,CAAoB,MAApB,EAA4B;AAC7CY,IAAAA,CAAC,EAAE,8CAD0C;AAE7CC,IAAAA,MAAM,EAAE,OAFqC;AAG7CC,IAAAA,aAAa,EAAE,KAH8B;AAI7CC,IAAAA,WAAW,EAAE,KAAA;AAJgC,GAA5B,CAVI,CAAvB,CAAA;AAgBD;;;;"}

package/lib/common/Portal.js

@@ -19,9 +19,9 @@ require('../_chunks/dep-6654f94e.js');
 require('../_chunks/dep-ff190cc0.js');
 require('../_chunks/dep-d1000f23.js');
 require('../_util/easing.js');
-require('../_chunks/dep-5f62f121.js');
+require('../_chunks/dep-28df739c.js');
 require('../_chunks/dep-2de33c1d.js');
-require('../_chunks/dep-64d1a3cf.js');
+require('../_chunks/dep-15a75957.js');
 require('../_chunks/dep-d395cf34.js');
 require('../_chunks/dep-cf17ec26.js');
 require('../_chunks/dep-d06795f3.js');
@@ -29,7 +29,7 @@ require('../_chunks/dep-870d694c.js');
 require('../_chunks/dep-cf94c9ff.js');
 require('../_chunks/dep-cf018588.js');
 require('../_chunks/dep-0498b7d7.js');
-require('../_chunks/dep-c89f631d.js');
+require('../_chunks/dep-0607226a.js');
 require('../_chunks/dep-74174e39.js');
 require('../_chunks/dep-d6d3aa9f.js');
 require('../_chunks/dep-2fb94742.js');