tdesign-vue-next 1.10.4 → 1.10.5-alpha.2

package/cjs/color-picker/panel/header.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v1.10.4
+ * tdesign v1.10.5-alpha.2
  * (c) 2024 tdesign
  * @license MIT
  */
@@ -11,14 +11,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var Vue = require('vue');
 var colorPicker_props = require('../props.js');
+var _common_js_colorPicker_constants = require('../../_common/js/color-picker/constants.js');
 var radio_index = require('../../radio/index.js');
 var colorPicker_hooks = require('../hooks.js');
-var _common_js_colorPicker_constants = require('../../_common/js/color-picker/constants.js');
+var configProvider_useConfig = require('../../config-provider/useConfig.js');
 require('../../radio/radio.js');
 require('@babel/runtime/helpers/toConsumableArray');
 require('@babel/runtime/helpers/slicedToArray');
 require('../../hooks/useConfig.js');
-require('../../config-provider/useConfig.js');
 require('lodash/isFunction');
 require('lodash/cloneDeep');
 require('lodash/isString');
@@ -27,9 +27,9 @@ require('lodash/mergeWith');
 require('lodash/merge');
 require('../../_common/js/global-config/default-config.js');
 require('../../_common/js/global-config/locale/zh_CN.js');
-require('../../_chunks/dep-8df2ba98.js');
+require('../../_chunks/dep-69ee6017.js');
 require('@babel/runtime/helpers/typeof');
-require('../../_chunks/dep-3864a4b7.js');
+require('../../_chunks/dep-cf885696.js');
 require('dayjs');
 require('lodash/isArray');
 require('../../utils/helper.js');
@@ -91,6 +91,8 @@ var PanelHeader = Vue.defineComponent({
     }
   }),
   setup: function setup(props2) {
+    var _useConfig = configProvider_useConfig.useConfig("colorPicker"),
+      globalConfig = _useConfig.globalConfig;
     var baseClassName = colorPicker_hooks.useBaseClassName();
     var modeValue = Vue.ref(props2.mode);
     var handleModeChange = function handleModeChange(v) {
@@ -101,47 +103,40 @@ var PanelHeader = Vue.defineComponent({
     }, function (v) {
       return modeValue.value = v;
     });
-    return {
-      baseClassName: baseClassName,
-      modeValue: modeValue,
-      handleModeChange: handleModeChange
-    };
-  },
-  render: function render() {
-    var _slot;
-    var _this$colorModes,
-      _this$colorModes2,
-      _this = this;
-    if (((_this$colorModes = this.colorModes) === null || _this$colorModes === void 0 ? void 0 : _this$colorModes.length) === 1) {
-      return null;
-    }
-    var baseClassName = this.baseClassName;
-    return Vue.createVNode("div", {
-      "class": "".concat(baseClassName, "__head")
-    }, [Vue.createVNode("div", {
-      "class": "".concat(baseClassName, "__mode")
-    }, [((_this$colorModes2 = this.colorModes) === null || _this$colorModes2 === void 0 ? void 0 : _this$colorModes2.length) === 1 ? _common_js_colorPicker_constants.COLOR_MODES[this.colorModes[0]] : Vue.createVNode(radio_index.RadioGroup, {
-      "variant": "default-filled",
-      "size": "small",
-      "modelValue": _this.modeValue,
-      "onUpdate:modelValue": function onUpdateModelValue($event) {
-        return _this.modeValue = $event;
-      },
-      "onChange": this.handleModeChange
-    }, _isSlot(_slot = Object.keys(_common_js_colorPicker_constants.COLOR_MODES).map(function (key) {
-      return Vue.createVNode(radio_index.RadioButton, {
-        "key": key,
-        "value": key
-      }, {
+    return function () {
+      var _slot2;
+      var _props2$colorModes;
+      if (((_props2$colorModes = props2.colorModes) === null || _props2$colorModes === void 0 ? void 0 : _props2$colorModes.length) === 1) {
+        return null;
+      }
+      return Vue.createVNode("div", {
+        "class": "".concat(baseClassName.value, "__head")
+      }, [Vue.createVNode("div", {
+        "class": "".concat(baseClassName.value, "__mode")
+      }, [Vue.createVNode(radio_index.RadioGroup, {
+        "variant": "default-filled",
+        "size": "small",
+        "modelValue": modeValue.value,
+        "onUpdate:modelValue": function onUpdateModelValue($event) {
+          return modeValue.value = $event;
+        },
+        "onChange": handleModeChange
+      }, _isSlot(_slot2 = Object.keys(_common_js_colorPicker_constants.COLOR_MODES).map(function (key) {
+        var _slot;
+        return Vue.createVNode(radio_index.RadioButton, {
+          "key": key,
+          "value": key
+        }, _isSlot(_slot = Reflect.get(globalConfig.value, _common_js_colorPicker_constants.COLOR_MODES[key])) ? _slot : {
+          "default": function _default() {
+            return [_slot];
+          }
+        });
+      })) ? _slot2 : {
         "default": function _default() {
-          return [_common_js_colorPicker_constants.COLOR_MODES[key]];
+          return [_slot2];
         }
-      });
-    })) ? _slot : {
-      "default": function _default() {
-        return [_slot];
-      }
-    })])]);
+      })])]);
+    };
   }
 });
 

package/cjs/color-picker/panel/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","sources":["../../../src/color-picker/panel/header.tsx"],"sourcesContent":["import { defineComponent, PropType, ref, watch } from 'vue';\n\nimport props from '../props';\nimport { COLOR_MODES } from '../const';\nimport { RadioGroup as TRadioGroup, RadioButton as TRadioButton } from '../../radio';\nimport { TdColorModes } from '../interfaces';\nimport { useBaseClassName } from '../hooks';\n\nexport default defineComponent({\n  name: 'PanelHeader',\n  props: {\n    ...props,\n    mode: {\n      type: String as PropType<TdColorModes>,\n      default: 'color',\n    },\n    togglePopup: {\n      type: Function,\n    },\n    onModeChange: {\n      type: Function,\n      default: () => {\n        return () => {};\n      },\n    },\n  },\n  setup(props) {\n    const baseClassName = useBaseClassName();\n    const modeValue = ref(props.mode);\n    const handleModeChange = (v: string) => props.onModeChange(v);\n    watch(\n      () => props.mode,\n      (v) => (modeValue.value = v),\n    );\n    return {\n      baseClassName,\n      modeValue,\n      handleModeChange,\n    };\n  },\n  render() {\n    if (this.colorModes?.length === 1) {\n      return null;\n    }\n    const { baseClassName } = this;\n    return (\n      <div class={`${baseClassName}__head`}>\n        <div class={`${baseClassName}__mode`}>\n          {this.colorModes?.length === 1 ? (\n            COLOR_MODES[this.colorModes[0]]\n          ) : (\n            <TRadioGroup\n              variant=\"default-filled\"\n              size=\"small\"\n              v-model={this.modeValue}\n              onChange={this.handleModeChange}\n            >\n              {Object.keys(COLOR_MODES).map((key) => (\n                <TRadioButton key={key} value={key}>\n                  {COLOR_MODES[key]}\n                </TRadioButton>\n              ))}\n            </TRadioGroup>\n          )}\n        </div>\n      </div>\n    );\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","_objectSpread","mode","type","String","togglePopup","Function","onModeChange","default","setup","baseClassName","useBaseClassName","modeValue","ref","handleModeChange","v","watch","value","render","_slot","_this$colorModes","_this$colorModes2","_this","colorModes","length","_createVNode","concat","COLOR_MODES","TRadioGroup","keys","map","key","TRadioButton","_default"],"mappings":"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"}
+{"version":3,"file":"header.js","sources":["../../../src/color-picker/panel/header.tsx"],"sourcesContent":["import { defineComponent, PropType, ref, watch } from 'vue';\n\nimport props from '../props';\nimport { COLOR_MODES } from '../../_common/js/color-picker/constants';\nimport { RadioGroup as TRadioGroup, RadioButton as TRadioButton } from '../../radio';\nimport { TdColorModes } from '../interfaces';\nimport { useBaseClassName } from '../hooks';\nimport { useConfig } from '../../hooks';\n\nexport default defineComponent({\n  name: 'PanelHeader',\n  props: {\n    ...props,\n    mode: {\n      type: String as PropType<TdColorModes>,\n      default: 'color',\n    },\n    togglePopup: {\n      type: Function,\n    },\n    onModeChange: {\n      type: Function,\n      default: () => {\n        return () => {};\n      },\n    },\n  },\n  setup(props) {\n    const { globalConfig } = useConfig('colorPicker');\n    const baseClassName = useBaseClassName();\n    const modeValue = ref(props.mode);\n    const handleModeChange = (v: string) => props.onModeChange(v);\n    watch(\n      () => props.mode,\n      (v) => (modeValue.value = v),\n    );\n    return () => {\n      if (props.colorModes?.length === 1) {\n        return null;\n      }\n      return (\n        <div class={`${baseClassName.value}__head`}>\n          <div class={`${baseClassName.value}__mode`}>\n            <TRadioGroup variant=\"default-filled\" size=\"small\" v-model={modeValue.value} onChange={handleModeChange}>\n              {Object.keys(COLOR_MODES).map((key) => (\n                <TRadioButton key={key} value={key}>\n                  {Reflect.get(globalConfig.value, COLOR_MODES[key as keyof typeof COLOR_MODES])}\n                </TRadioButton>\n              ))}\n            </TRadioGroup>\n          </div>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","_objectSpread","mode","type","String","togglePopup","Function","onModeChange","default","setup","_useConfig","useConfig","globalConfig","baseClassName","useBaseClassName","modeValue","ref","handleModeChange","v","watch","value","_slot2","_props2$colorModes","colorModes","length","_createVNode","concat","onUpdateModelValue","$event","keys","COLOR_MODES","map","key","_slot","TRadioButton","Reflect","get","_default"],"mappings":"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"}

package/cjs/color-picker/panel/hue.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v1.10.4
+ * tdesign v1.10.5-alpha.2
  * (c) 2024 tdesign
  * @license MIT
  */
@@ -27,9 +27,9 @@ require('lodash/mergeWith');
 require('lodash/merge');
 require('../../_common/js/global-config/default-config.js');
 require('../../_common/js/global-config/locale/zh_CN.js');
-require('../../_chunks/dep-8df2ba98.js');
+require('../../_chunks/dep-69ee6017.js');
 require('@babel/runtime/helpers/typeof');
-require('../../_chunks/dep-3864a4b7.js');
+require('../../_chunks/dep-cf885696.js');
 require('dayjs');
 require('lodash/isArray');
 

package/cjs/color-picker/panel/index.d.ts

@@ -101,6 +101,8 @@ declare const _default: import("vue").DefineComponent<{
         readonly swatchColorTitle: "系统预设颜色";
         readonly recentColorTitle: "最近使用颜色";
         readonly clearConfirmText: "确定清空最近使用的颜色吗？";
+        readonly singleColor: "单色";
+        readonly gradientColor: "渐变";
     } | import("../..").ColorPickerConfig) & import("../..").ColorPickerConfig>;
     color: import("vue").Ref<{
         states: {

package/cjs/color-picker/panel/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v1.10.4
+ * tdesign v1.10.5-alpha.2
  * (c) 2024 tdesign
  * @license MIT
  */
@@ -14,6 +14,7 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var Vue = require('vue');
 var hooks_useConfig = require('../../hooks/useConfig.js');
 var colorPicker_props = require('../props.js');
+var _common_js_colorPicker_constants = require('../../_common/js/color-picker/constants.js');
 var colorPicker_panel_header = require('./header.js');
 var colorPicker_panel_linearGradient = require('./linear-gradient.js');
 var colorPicker_panel_saturation = require('./saturation.js');
@@ -26,7 +27,6 @@ var hooks_useVModel = require('../../hooks/useVModel.js');
 var hooks_useDefaultValue = require('../../hooks/useDefaultValue.js');
 var cloneDeep = require('lodash/cloneDeep');
 var configProvider_useConfig = require('../../config-provider/useConfig.js');
-var _common_js_colorPicker_constants = require('../../_common/js/color-picker/constants.js');
 var _common_js_colorPicker_color = require('../../_common/js/color-picker/color.js');
 require('lodash/isFunction');
 require('lodash/isString');
@@ -35,9 +35,9 @@ require('lodash/mergeWith');
 require('lodash/merge');
 require('../../_common/js/global-config/default-config.js');
 require('../../_common/js/global-config/locale/zh_CN.js');
-require('../../_chunks/dep-8df2ba98.js');
+require('../../_chunks/dep-69ee6017.js');
 require('@babel/runtime/helpers/typeof');
-require('../../_chunks/dep-3864a4b7.js');
+require('../../_chunks/dep-cf885696.js');
 require('dayjs');
 require('lodash/isArray');
 require('../../radio/index.js');
@@ -116,7 +116,6 @@ require('@babel/runtime/helpers/classCallCheck');
 require('@babel/runtime/helpers/createClass');
 require('./slider.js');
 require('lodash/upperCase');
-require('../const.js');
 require('../../select/index.js');
 require('../../select/select.js');
 require('lodash/pick');

package/cjs/color-picker/panel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/color-picker/panel/index.tsx"],"sourcesContent":["import { defineComponent, ref, toRefs, watch, computed } from 'vue';\nimport { useCommonClassName, useConfig } from '../../hooks/useConfig';\nimport props from '../props';\nimport {\n  DEFAULT_COLOR,\n  DEFAULT_LINEAR_GRADIENT,\n  TD_COLOR_USED_COLORS_MAX_SIZE,\n  DEFAULT_SYSTEM_SWATCH_COLORS,\n} from '../const';\nimport PanelHeader from './header';\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';\nimport { Color, getColorObject, GradientColorPoint } from '../utils';\nimport { TdColorPickerProps, ColorPickerChangeTrigger } from '../type';\nimport { TdColorModes } from '../interfaces';\nimport { useBaseClassName } from '../hooks';\nimport useVModel from '../../hooks/useVModel';\nimport useDefaultValue from '../../hooks/useDefaultValue';\nimport cloneDeep from 'lodash/cloneDeep';\n\nexport default defineComponent({\n  name: 'ColorPanel',\n  props: {\n    ...props,\n    togglePopup: {\n      type: Function,\n    },\n  },\n\n  setup(props) {\n    const baseClassName = useBaseClassName();\n    const { STATUS } = useCommonClassName();\n    const { t, globalConfig } = useConfig('colorPicker');\n    const statusClassNames = STATUS.value;\n    const { value: inputValue, modelValue, recentColors } = toRefs(props);\n    const [innerValue, setInnerValue] = useVModel(inputValue, modelValue, props.defaultValue, props.onChange);\n\n    const defaultEmptyColor = computed(() => (isGradient.value ? DEFAULT_LINEAR_GRADIENT : DEFAULT_COLOR));\n\n    const mode = ref<TdColorModes>(props.colorModes?.length === 1 ? props.colorModes[0] : 'monochrome');\n    const isGradient = computed(() => mode.value === 'linear-gradient');\n\n    const color = ref(new Color(innerValue.value || defaultEmptyColor.value));\n    const updateColor = () => color.value.update(innerValue.value || defaultEmptyColor.value);\n\n    const formatModel = ref<TdColorPickerProps['format']>(color.value.isGradient ? 'CSS' : 'RGB');\n\n    const [recentlyUsedColors, setRecentlyUsedColors] = useDefaultValue(\n      recentColors,\n      props.defaultRecentColors,\n      props.onRecentColorsChange,\n      'recentColors',\n    );\n\n    const formatValue = () => {\n      // 渐变模式下直接输出css样式\n      if (mode.value === 'linear-gradient') {\n        return color.value.linearGradient;\n      }\n      return color.value.getFormatsColorMap()[props.format] || color.value.css;\n    };\n\n    /**\n     * 添加最近使用颜色\n     * @returns void\n     */\n    const addRecentlyUsedColor = () => {\n      if (recentlyUsedColors.value === null || recentlyUsedColors.value === false) {\n        return;\n      }\n      const colors = cloneDeep(recentlyUsedColors.value as string[]) || [];\n      const currentColor = color.value.isGradient ? color.value.linearGradient : color.value.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     * 最近使用颜色变更时触发\n     * @param colors\n     */\n    const handleRecentlyUsedColorsChange = (colors: string[]) => {\n      setRecentlyUsedColors(colors);\n    };\n\n    /**\n     * onChange\n     * @param trigger\n     */\n    const emitColorChange = (trigger?: ColorPickerChangeTrigger) => {\n      setInnerValue(formatValue(), {\n        color: getColorObject(color.value),\n        trigger: trigger || 'palette-saturation-brightness',\n      });\n    };\n\n    watch(() => [props.defaultValue, props.enableAlpha], updateColor);\n\n    watch(\n      () => innerValue.value,\n      (newColor) => {\n        if (newColor !== formatValue()) {\n          updateColor();\n          mode.value = color.value.isGradient ? 'linear-gradient' : 'monochrome';\n        }\n      },\n    );\n\n    /**\n     * mode change\n     * @param value\n     * @returns\n     */\n    const handleModeChange = (value: TdColorModes) => {\n      mode.value = value;\n      if (value === 'linear-gradient') {\n        color.value.update(\n          color.value.gradientColors.length > 0 ? color.value.linearGradient : DEFAULT_LINEAR_GRADIENT,\n        );\n      } else {\n        color.value.update(color.value.rgba);\n      }\n\n      emitColorChange();\n    };\n\n    /**\n     * 格式变化\n     * @param format\n     * @returns\n     */\n    const handleFormatModeChange = (format: TdColorPickerProps['format']) => (formatModel.value = format);\n\n    /**\n     * 饱和度亮度变化\n     * @param param0\n     */\n    const handleSatAndValueChange = ({ saturation, value }: { saturation: number; value: number }) => {\n      const { saturation: sat, value: val } = color.value;\n      let changeTrigger: ColorPickerChangeTrigger = 'palette-saturation-brightness';\n      if (value !== val && saturation !== sat) {\n        color.value.saturation = saturation;\n        color.value.value = value;\n        changeTrigger = 'palette-saturation-brightness';\n      } else if (saturation !== sat) {\n        color.value.saturation = saturation;\n        changeTrigger = 'palette-saturation';\n      } else if (value !== val) {\n        color.value.value = value;\n        changeTrigger = 'palette-brightness';\n      } else {\n        return;\n      }\n\n      color.value.update(color.value.rgba);\n      emitColorChange(changeTrigger);\n    };\n\n    /**\n     * 色相变化\n     * @param hue\n     */\n    const handleHueChange = (hue: number) => {\n      color.value.hue = hue;\n      emitColorChange('palette-hue-bar');\n      props.onPaletteBarChange?.({\n        color: getColorObject(color.value),\n      });\n    };\n\n    /**\n     * 透明度变化\n     * @param alpha\n     */\n    const handleAlphaChange = (alpha: number) => {\n      color.value.alpha = alpha;\n      emitColorChange('palette-alpha-bar');\n    };\n\n    /**\n     * 输入框触发改变\n     * @param input\n     * @param alpha\n     */\n    const handleInputChange = (input: string, alpha?: number) => {\n      color.value.update(input);\n      color.value.alpha = alpha;\n      emitColorChange('input');\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    }) => {\n      let trigger: ColorPickerChangeTrigger = 'palette-saturation-brightness';\n      switch (key) {\n        case 'degree':\n          color.value.gradientDegree = payload as number;\n          trigger = 'input';\n          break;\n        case 'selectedId':\n          color.value.gradientSelectedId = payload as string;\n          break;\n        case 'colors':\n          color.value.gradientColors = payload as GradientColorPoint[];\n          break;\n      }\n      emitColorChange(trigger);\n    };\n\n    /**\n     * 色块点击\n     * @param type\n     * @param value\n     */\n    const handleSetColor = (type: 'system' | 'used', value: string) => {\n      const isGradientValue = Color.isGradientColor(value);\n      if (isGradientValue) {\n        if (props.colorModes.includes('linear-gradient')) {\n          mode.value = 'linear-gradient';\n          color.value.update(value);\n          color.value.updateCurrentGradientColor();\n        } else {\n          console.warn('该模式不支持渐变色');\n        }\n      } else if (mode.value === 'linear-gradient') {\n        color.value.updateStates(value);\n        color.value.updateCurrentGradientColor();\n      } else {\n        color.value.update(value);\n      }\n      emitColorChange();\n    };\n\n    return {\n      baseClassName,\n      statusClassNames,\n      t,\n      globalConfig,\n      color,\n      mode,\n      formatModel,\n      recentlyUsedColors,\n      isGradient,\n      addRecentlyUsedColor,\n      handleModeChange,\n      handleSatAndValueChange,\n      handleHueChange,\n      handleAlphaChange,\n      handleGradientChange,\n      handleSetColor,\n      handleFormatModeChange,\n      handleInputChange,\n      handleRecentlyUsedColorsChange,\n    };\n  },\n  render() {\n    const { t, baseClassName, statusClassNames, globalConfig, swatchColors, showPrimaryColorPreview, isGradient } =\n      this;\n    const baseProps = {\n      color: this.color,\n      disabled: this.disabled,\n    };\n    const showUsedColors = this.recentlyUsedColors !== null && this.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    const renderSwatches = () => {\n      if (!showSystemColors && !showUsedColors) {\n        return null;\n      }\n      return (\n        <>\n          <div class={`${baseClassName}__swatches-wrap`}>\n            {showUsedColors ? (\n              <SwatchesPanel\n                {...baseProps}\n                title={t(globalConfig.recentColorTitle)}\n                editable\n                colors={this.recentlyUsedColors as string[]}\n                handleAddColor={this.addRecentlyUsedColor}\n                onSetColor={(color: string) => this.handleSetColor('used', color)}\n                onChange={this.handleRecentlyUsedColorsChange}\n              />\n            ) : null}\n            {showSystemColors ? (\n              <SwatchesPanel\n                {...baseProps}\n                title={t(globalConfig.swatchColorTitle)}\n                colors={systemColors}\n                onSetColor={(color: string) => this.handleSetColor('system', color)}\n              />\n            ) : null}\n          </div>\n        </>\n      );\n    };\n\n    return (\n      <div class={[`${baseClassName}__panel`, this.disabled ? statusClassNames.disabled : false]}>\n        <PanelHeader {...this.$props} mode={this.mode} onModeChange={this.handleModeChange} />\n        <div class={[`${baseClassName}__body`]}>\n          {isGradient ? (\n            <LinearGradient\n              {...baseProps}\n              onChange={this.handleGradientChange}\n              enableMultipleGradient={this.enableMultipleGradient}\n            />\n          ) : null}\n\n          <SaturationPanel {...baseProps} onChange={this.handleSatAndValueChange} />\n\n          <div class={[`${baseClassName}__sliders-wrapper`]}>\n            <div class={[`${baseClassName}__sliders`]}>\n              <HueSlider {...baseProps} onChange={this.handleHueChange} />\n              {this.enableAlpha ? <AlphaSlider {...baseProps} onChange={this.handleAlphaChange} /> : null}\n            </div>\n\n            {showPrimaryColorPreview ? (\n              <div class={[`${baseClassName}__sliders-preview`, `${baseClassName}--bg-alpha`]}>\n                <span\n                  class={`${baseClassName}__sliders-preview-inner`}\n                  style={{\n                    background: isGradient ? this.color.linearGradient : this.color.rgba,\n                  }}\n                />\n              </div>\n            ) : null}\n          </div>\n\n          <FormatPanel\n            {...this.$props}\n            color={this.color}\n            format={this.formatModel}\n            onModeChange={this.handleFormatModeChange}\n            onInputChange={this.handleInputChange}\n          />\n          {renderSwatches()}\n        </div>\n      </div>\n    );\n  },\n});\n"],"names":["defineComponent","name","props","_objectSpread","togglePopup","type","Function","setup","_props2$colorModes","baseClassName","useBaseClassName","_useCommonClassName","useCommonClassName","STATUS","_useConfig","useConfig","t","globalConfig","statusClassNames","value","_toRefs","toRefs","inputValue","modelValue","recentColors","_useVModel","useVModel","defaultValue","onChange","_useVModel2","_slicedToArray","innerValue","setInnerValue","defaultEmptyColor","computed","isGradient","DEFAULT_LINEAR_GRADIENT","DEFAULT_COLOR","mode","ref","colorModes","length","color","Color","updateColor","update","formatModel","_useDefaultValue","useDefaultValue","defaultRecentColors","onRecentColorsChange","_useDefaultValue2","recentlyUsedColors","setRecentlyUsedColors","formatValue","linearGradient","getFormatsColorMap","format","css","addRecentlyUsedColor","colors","cloneDeep","currentColor","rgba","index","indexOf","splice","unshift","TD_COLOR_USED_COLORS_MAX_SIZE","handleRecentlyUsedColorsChange","emitColorChange","trigger","getColorObject","watch","enableAlpha","newColor","handleModeChange","gradientColors","handleFormatModeChange","handleSatAndValueChange","_ref","saturation","_color$value","sat","val","changeTrigger","handleHueChange","hue","_props2$onPaletteBarC","onPaletteBarChange","handleAlphaChange","alpha","handleInputChange","input","handleGradientChange","key","_ref2","payload","gradientDegree","gradientSelectedId","handleSetColor","isGradientValue","isGradientColor","includes","updateCurrentGradientColor","console","warn","updateStates","render","_systemColors","_this","swatchColors","showPrimaryColorPreview","baseProps","disabled","showUsedColors","systemColors","_toConsumableArray","DEFAULT_SYSTEM_SWATCH_COLORS","showSystemColors","renderSwatches","_createVNode","_Fragment","concat","SwatchesPanel","_mergeProps","recentColorTitle","onSetColor","swatchColorTitle","PanelHeader","$props","LinearGradient","enableMultipleGradient","SaturationPanel","HueSlider","background","FormatPanel"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/color-picker/panel/index.tsx"],"sourcesContent":["import { defineComponent, ref, toRefs, watch, computed } from 'vue';\nimport { useCommonClassName, useConfig } from '../../hooks/useConfig';\nimport props from '../props';\nimport {\n  DEFAULT_COLOR,\n  DEFAULT_LINEAR_GRADIENT,\n  TD_COLOR_USED_COLORS_MAX_SIZE,\n  DEFAULT_SYSTEM_SWATCH_COLORS,\n} from '../../_common/js/color-picker/constants';\nimport PanelHeader from './header';\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';\nimport { Color, getColorObject, GradientColorPoint } from '../utils';\nimport { TdColorPickerProps, ColorPickerChangeTrigger } from '../type';\nimport { TdColorModes } from '../interfaces';\nimport { useBaseClassName } from '../hooks';\nimport useVModel from '../../hooks/useVModel';\nimport useDefaultValue from '../../hooks/useDefaultValue';\nimport cloneDeep from 'lodash/cloneDeep';\n\nexport default defineComponent({\n  name: 'ColorPanel',\n  props: {\n    ...props,\n    togglePopup: {\n      type: Function,\n    },\n  },\n\n  setup(props) {\n    const baseClassName = useBaseClassName();\n    const { STATUS } = useCommonClassName();\n    const { t, globalConfig } = useConfig('colorPicker');\n    const statusClassNames = STATUS.value;\n    const { value: inputValue, modelValue, recentColors } = toRefs(props);\n    const [innerValue, setInnerValue] = useVModel(inputValue, modelValue, props.defaultValue, props.onChange);\n\n    const defaultEmptyColor = computed(() => (isGradient.value ? DEFAULT_LINEAR_GRADIENT : DEFAULT_COLOR));\n\n    const mode = ref<TdColorModes>(props.colorModes?.length === 1 ? props.colorModes[0] : 'monochrome');\n    const isGradient = computed(() => mode.value === 'linear-gradient');\n\n    const color = ref(new Color(innerValue.value || defaultEmptyColor.value));\n    const updateColor = () => color.value.update(innerValue.value || defaultEmptyColor.value);\n\n    const formatModel = ref<TdColorPickerProps['format']>(color.value.isGradient ? 'CSS' : 'RGB');\n\n    const [recentlyUsedColors, setRecentlyUsedColors] = useDefaultValue(\n      recentColors,\n      props.defaultRecentColors,\n      props.onRecentColorsChange,\n      'recentColors',\n    );\n\n    const formatValue = () => {\n      // 渐变模式下直接输出css样式\n      if (mode.value === 'linear-gradient') {\n        return color.value.linearGradient;\n      }\n      return color.value.getFormatsColorMap()[props.format] || color.value.css;\n    };\n\n    /**\n     * 添加最近使用颜色\n     * @returns void\n     */\n    const addRecentlyUsedColor = () => {\n      if (recentlyUsedColors.value === null || recentlyUsedColors.value === false) {\n        return;\n      }\n      const colors = cloneDeep(recentlyUsedColors.value as string[]) || [];\n      const currentColor = color.value.isGradient ? color.value.linearGradient : color.value.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     * 最近使用颜色变更时触发\n     * @param colors\n     */\n    const handleRecentlyUsedColorsChange = (colors: string[]) => {\n      setRecentlyUsedColors(colors);\n    };\n\n    /**\n     * onChange\n     * @param trigger\n     */\n    const emitColorChange = (trigger?: ColorPickerChangeTrigger) => {\n      setInnerValue(formatValue(), {\n        color: getColorObject(color.value),\n        trigger: trigger || 'palette-saturation-brightness',\n      });\n    };\n\n    watch(() => [props.defaultValue, props.enableAlpha], updateColor);\n\n    watch(\n      () => innerValue.value,\n      (newColor) => {\n        if (newColor !== formatValue()) {\n          updateColor();\n          mode.value = color.value.isGradient ? 'linear-gradient' : 'monochrome';\n        }\n      },\n    );\n\n    /**\n     * mode change\n     * @param value\n     * @returns\n     */\n    const handleModeChange = (value: TdColorModes) => {\n      mode.value = value;\n      if (value === 'linear-gradient') {\n        color.value.update(\n          color.value.gradientColors.length > 0 ? color.value.linearGradient : DEFAULT_LINEAR_GRADIENT,\n        );\n      } else {\n        color.value.update(color.value.rgba);\n      }\n\n      emitColorChange();\n    };\n\n    /**\n     * 格式变化\n     * @param format\n     * @returns\n     */\n    const handleFormatModeChange = (format: TdColorPickerProps['format']) => (formatModel.value = format);\n\n    /**\n     * 饱和度亮度变化\n     * @param param0\n     */\n    const handleSatAndValueChange = ({ saturation, value }: { saturation: number; value: number }) => {\n      const { saturation: sat, value: val } = color.value;\n      let changeTrigger: ColorPickerChangeTrigger = 'palette-saturation-brightness';\n      if (value !== val && saturation !== sat) {\n        color.value.saturation = saturation;\n        color.value.value = value;\n        changeTrigger = 'palette-saturation-brightness';\n      } else if (saturation !== sat) {\n        color.value.saturation = saturation;\n        changeTrigger = 'palette-saturation';\n      } else if (value !== val) {\n        color.value.value = value;\n        changeTrigger = 'palette-brightness';\n      } else {\n        return;\n      }\n\n      color.value.update(color.value.rgba);\n      emitColorChange(changeTrigger);\n    };\n\n    /**\n     * 色相变化\n     * @param hue\n     */\n    const handleHueChange = (hue: number) => {\n      color.value.hue = hue;\n      emitColorChange('palette-hue-bar');\n      props.onPaletteBarChange?.({\n        color: getColorObject(color.value),\n      });\n    };\n\n    /**\n     * 透明度变化\n     * @param alpha\n     */\n    const handleAlphaChange = (alpha: number) => {\n      color.value.alpha = alpha;\n      emitColorChange('palette-alpha-bar');\n    };\n\n    /**\n     * 输入框触发改变\n     * @param input\n     * @param alpha\n     */\n    const handleInputChange = (input: string, alpha?: number) => {\n      color.value.update(input);\n      color.value.alpha = alpha;\n      emitColorChange('input');\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    }) => {\n      let trigger: ColorPickerChangeTrigger = 'palette-saturation-brightness';\n      switch (key) {\n        case 'degree':\n          color.value.gradientDegree = payload as number;\n          trigger = 'input';\n          break;\n        case 'selectedId':\n          color.value.gradientSelectedId = payload as string;\n          break;\n        case 'colors':\n          color.value.gradientColors = payload as GradientColorPoint[];\n          break;\n      }\n      emitColorChange(trigger);\n    };\n\n    /**\n     * 色块点击\n     * @param type\n     * @param value\n     */\n    const handleSetColor = (type: 'system' | 'used', value: string) => {\n      const isGradientValue = Color.isGradientColor(value);\n      if (isGradientValue) {\n        if (props.colorModes.includes('linear-gradient')) {\n          mode.value = 'linear-gradient';\n          color.value.update(value);\n          color.value.updateCurrentGradientColor();\n        } else {\n          console.warn('该模式不支持渐变色');\n        }\n      } else if (mode.value === 'linear-gradient') {\n        color.value.updateStates(value);\n        color.value.updateCurrentGradientColor();\n      } else {\n        color.value.update(value);\n      }\n      emitColorChange();\n    };\n\n    return {\n      baseClassName,\n      statusClassNames,\n      t,\n      globalConfig,\n      color,\n      mode,\n      formatModel,\n      recentlyUsedColors,\n      isGradient,\n      addRecentlyUsedColor,\n      handleModeChange,\n      handleSatAndValueChange,\n      handleHueChange,\n      handleAlphaChange,\n      handleGradientChange,\n      handleSetColor,\n      handleFormatModeChange,\n      handleInputChange,\n      handleRecentlyUsedColorsChange,\n    };\n  },\n  render() {\n    const { t, baseClassName, statusClassNames, globalConfig, swatchColors, showPrimaryColorPreview, isGradient } =\n      this;\n    const baseProps = {\n      color: this.color,\n      disabled: this.disabled,\n    };\n    const showUsedColors = this.recentlyUsedColors !== null && this.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    const renderSwatches = () => {\n      if (!showSystemColors && !showUsedColors) {\n        return null;\n      }\n      return (\n        <>\n          <div class={`${baseClassName}__swatches-wrap`}>\n            {showUsedColors ? (\n              <SwatchesPanel\n                {...baseProps}\n                title={t(globalConfig.recentColorTitle)}\n                editable\n                colors={this.recentlyUsedColors as string[]}\n                handleAddColor={this.addRecentlyUsedColor}\n                onSetColor={(color: string) => this.handleSetColor('used', color)}\n                onChange={this.handleRecentlyUsedColorsChange}\n              />\n            ) : null}\n            {showSystemColors ? (\n              <SwatchesPanel\n                {...baseProps}\n                title={t(globalConfig.swatchColorTitle)}\n                colors={systemColors}\n                onSetColor={(color: string) => this.handleSetColor('system', color)}\n              />\n            ) : null}\n          </div>\n        </>\n      );\n    };\n\n    return (\n      <div class={[`${baseClassName}__panel`, this.disabled ? statusClassNames.disabled : false]}>\n        <PanelHeader {...this.$props} mode={this.mode} onModeChange={this.handleModeChange} />\n        <div class={[`${baseClassName}__body`]}>\n          {isGradient ? (\n            <LinearGradient\n              {...baseProps}\n              onChange={this.handleGradientChange}\n              enableMultipleGradient={this.enableMultipleGradient}\n            />\n          ) : null}\n\n          <SaturationPanel {...baseProps} onChange={this.handleSatAndValueChange} />\n\n          <div class={[`${baseClassName}__sliders-wrapper`]}>\n            <div class={[`${baseClassName}__sliders`]}>\n              <HueSlider {...baseProps} onChange={this.handleHueChange} />\n              {this.enableAlpha ? <AlphaSlider {...baseProps} onChange={this.handleAlphaChange} /> : null}\n            </div>\n\n            {showPrimaryColorPreview ? (\n              <div class={[`${baseClassName}__sliders-preview`, `${baseClassName}--bg-alpha`]}>\n                <span\n                  class={`${baseClassName}__sliders-preview-inner`}\n                  style={{\n                    background: isGradient ? this.color.linearGradient : this.color.rgba,\n                  }}\n                />\n              </div>\n            ) : null}\n          </div>\n\n          <FormatPanel\n            {...this.$props}\n            color={this.color}\n            format={this.formatModel}\n            onModeChange={this.handleFormatModeChange}\n            onInputChange={this.handleInputChange}\n          />\n          {renderSwatches()}\n        </div>\n      </div>\n    );\n  },\n});\n"],"names":["defineComponent","name","props","_objectSpread","togglePopup","type","Function","setup","_props2$colorModes","baseClassName","useBaseClassName","_useCommonClassName","useCommonClassName","STATUS","_useConfig","useConfig","t","globalConfig","statusClassNames","value","_toRefs","toRefs","inputValue","modelValue","recentColors","_useVModel","useVModel","defaultValue","onChange","_useVModel2","_slicedToArray","innerValue","setInnerValue","defaultEmptyColor","computed","isGradient","DEFAULT_LINEAR_GRADIENT","DEFAULT_COLOR","mode","ref","colorModes","length","color","Color","updateColor","update","formatModel","_useDefaultValue","useDefaultValue","defaultRecentColors","onRecentColorsChange","_useDefaultValue2","recentlyUsedColors","setRecentlyUsedColors","formatValue","linearGradient","getFormatsColorMap","format","css","addRecentlyUsedColor","colors","cloneDeep","currentColor","rgba","index","indexOf","splice","unshift","TD_COLOR_USED_COLORS_MAX_SIZE","handleRecentlyUsedColorsChange","emitColorChange","trigger","getColorObject","watch","enableAlpha","newColor","handleModeChange","gradientColors","handleFormatModeChange","handleSatAndValueChange","_ref","saturation","_color$value","sat","val","changeTrigger","handleHueChange","hue","_props2$onPaletteBarC","onPaletteBarChange","handleAlphaChange","alpha","handleInputChange","input","handleGradientChange","key","_ref2","payload","gradientDegree","gradientSelectedId","handleSetColor","isGradientValue","isGradientColor","includes","updateCurrentGradientColor","console","warn","updateStates","render","_systemColors","_this","swatchColors","showPrimaryColorPreview","baseProps","disabled","showUsedColors","systemColors","_toConsumableArray","DEFAULT_SYSTEM_SWATCH_COLORS","showSystemColors","renderSwatches","_createVNode","_Fragment","concat","SwatchesPanel","_mergeProps","recentColorTitle","onSetColor","swatchColorTitle","PanelHeader","$props","LinearGradient","enableMultipleGradient","SaturationPanel","HueSlider","background","FormatPanel"],"mappings":"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"}

package/cjs/color-picker/panel/linear-gradient.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v1.10.4
+ * tdesign v1.10.5-alpha.2
  * (c) 2024 tdesign
  * @license MIT
  */
@@ -11,11 +11,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var Vue = require('vue');
 var cloneDeep = require('lodash/cloneDeep');
+var _common_js_colorPicker_constants = require('../../_common/js/color-picker/constants.js');
 var inputNumber_index = require('../../input-number/index.js');
 var colorPicker_hooks = require('../hooks.js');
 var hooks_useConfig = require('../../hooks/useConfig.js');
 var colorPicker_panel_baseProps = require('./base-props.js');
-var _common_js_colorPicker_constants = require('../../_common/js/color-picker/constants.js');
 var _common_js_colorPicker_color = require('../../_common/js/color-picker/color.js');
 require('../../input-number/input-number.js');
 require('tdesign-icons-vue-next');
@@ -47,9 +47,9 @@ require('../../config-provider/context.js');
 require('lodash/mergeWith');
 require('../../_common/js/global-config/default-config.js');
 require('../../_common/js/global-config/locale/zh_CN.js');
-require('../../_chunks/dep-8df2ba98.js');
+require('../../_chunks/dep-69ee6017.js');
 require('@babel/runtime/helpers/typeof');
-require('../../_chunks/dep-3864a4b7.js');
+require('../../_chunks/dep-cf885696.js');
 require('dayjs');
 require('../../utils/dom.js');
 require('../../utils/easing.js');

package/cjs/color-picker/panel/linear-gradient.js.map

@@ -1 +1 @@
-{"version":3,"file":"linear-gradient.js","sources":["../../../src/color-picker/panel/linear-gradient.tsx"],"sourcesContent":["import { defineComponent, onBeforeUnmount, onMounted, reactive, ref, watch } from 'vue';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { GRADIENT_SLIDER_DEFAULT_WIDTH } from '../const';\nimport { genGradientPoint, gradientColors2string, GradientColorPoint } from '../utils';\nimport { InputNumber as TInputNumber } from '../../input-number';\nimport { useBaseClassName } from '../hooks';\nimport { useCommonClassName } from '../../hooks/useConfig';\nimport baseProps from './base-props';\n\nconst DELETE_KEYS: string[] = ['delete', 'backspace'];\n\nexport default defineComponent({\n  name: 'LinearGradient',\n\n  inheritAttrs: false,\n  props: {\n    ...baseProps,\n    enableMultipleGradient: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  setup(props) {\n    const baseClassName = useBaseClassName();\n    const { STATUS } = useCommonClassName();\n    const statusClassNames = STATUS.value;\n    const refSlider = ref<HTMLElement>(null);\n    const sliderRect = reactive({\n      left: 0,\n      width: GRADIENT_SLIDER_DEFAULT_WIDTH,\n    });\n    const isDragging = ref<Boolean>(false);\n    const isMoved = ref<Boolean>(false);\n    const degree = ref(props.color.gradientDegree);\n    const selectedId = ref(props.color.gradientSelectedId);\n    const colors = ref<GradientColorPoint[]>(cloneDeep(props.color.gradientColors));\n\n    watch(\n      () => props.color.gradientDegree,\n      (value) => (degree.value = value),\n    );\n    watch(\n      () => props.color.gradientSelectedId,\n      (value) => (selectedId.value = value),\n    );\n    watch(\n      () => props.color.gradientColors,\n      (value) => {\n        colors.value = cloneDeep(value);\n      },\n      {\n        deep: true,\n      },\n    );\n\n    const handleChange = (key: 'degree' | 'selectedId' | 'colors', payload: any, addUsedColor?: boolean) => {\n      if (props.disabled) {\n        return;\n      }\n      props.onChange({\n        key,\n        payload,\n        addUsedColor,\n      });\n    };\n\n    const handleDegreeChange = (value: number) => {\n      if (props.disabled || value === props.color.gradientDegree) {\n        return;\n      }\n      degree.value = value;\n      handleChange('degree', value, true);\n    };\n\n    const handleSelectedIdChange = (value: string) => {\n      if (props.disabled) {\n        return;\n      }\n      selectedId.value = value;\n      handleChange('selectedId', value);\n    };\n\n    const handleColorsChange = (value: GradientColorPoint[], isEnded?: boolean) => {\n      if (props.disabled) {\n        return;\n      }\n      colors.value = value;\n      handleChange('colors', value, isEnded);\n    };\n\n    /**\n     * 设置bar的位置\n     * @param left\n     * @returns\n     */\n    const updateActiveThumbLeft = (left: number) => {\n      const index = colors.value.findIndex((c) => c.id === selectedId.value);\n      if (index === -1) {\n        return;\n      }\n      const point = colors.value[index];\n      left = Math.max(0, Math.min(sliderRect.width, left));\n      const percentLeft = (left / sliderRect.width) * 100;\n      colors.value.splice(index, 1, {\n        color: point.color,\n        left: percentLeft,\n        id: point.id,\n      });\n      handleColorsChange(colors.value);\n    };\n\n    // 移动开始\n    const handleStart = (id: string) => {\n      const rect = refSlider.value.getBoundingClientRect();\n      sliderRect.left = rect.left;\n      sliderRect.width = rect.width || GRADIENT_SLIDER_DEFAULT_WIDTH;\n      if (isDragging.value || props.disabled) {\n        return;\n      }\n      isMoved.value = false;\n      isDragging.value = true;\n      handleSelectedIdChange(id);\n      // 让slider获取焦点，以便键盘事件生效。\n      refSlider.value.focus();\n      window.addEventListener('mousemove', handleMove, false);\n      window.addEventListener('mouseup', handleEnd, false);\n      window.addEventListener('contextmenu', handleEnd, false);\n    };\n\n    // 移动中\n    const handleMove = (e: MouseEvent) => {\n      if (!isDragging.value || props.disabled) {\n        return;\n      }\n      const left = e.clientX - sliderRect.left;\n      isMoved.value = true;\n      updateActiveThumbLeft(left);\n    };\n\n    // 移动结束\n    const handleEnd = () => {\n      if (!isDragging.value) {\n        return;\n      }\n      setTimeout(() => {\n        isDragging.value = false;\n      }, 0);\n      if (isMoved.value) {\n        handleColorsChange(colors.value, true);\n        isMoved.value = false;\n      }\n      window.removeEventListener('mousemove', handleMove, false);\n      window.removeEventListener('mouseup', handleEnd, false);\n      window.removeEventListener('contextmenu', handleEnd, false);\n    };\n\n    const handleKeyup = (e: KeyboardEvent) => {\n      if (props.disabled) {\n        return;\n      }\n      const points = colors.value;\n      let pos = points.findIndex((c) => c.id === selectedId.value);\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: MouseEvent) => {\n      if (props.disabled || !props.enableMultipleGradient) {\n        return;\n      }\n      let left = e.clientX - sliderRect.left;\n      left = Math.max(0, Math.min(sliderRect.width, left));\n      const percentLeft = (left / sliderRect.width) * 100;\n      const newPoint = genGradientPoint(percentLeft, props.color.rgba);\n      colors.value.push(newPoint);\n      handleColorsChange(colors.value, true);\n      handleSelectedIdChange(newPoint.id);\n    };\n\n    onMounted(() => {\n      const rect = refSlider.value.getBoundingClientRect();\n      sliderRect.left = rect.left;\n      sliderRect.width = rect.width || GRADIENT_SLIDER_DEFAULT_WIDTH;\n    });\n\n    onBeforeUnmount(() => {\n      window.removeEventListener('mousemove', handleMove, false);\n      window.removeEventListener('mouseup', handleEnd, false);\n      window.removeEventListener('contextmenu', handleEnd, false);\n    });\n\n    return {\n      baseClassName,\n      statusClassNames,\n      refSlider,\n      degree,\n      selectedId,\n      colors,\n      handleDegreeChange,\n      handleStart,\n      handleMove,\n      handleEnd,\n      handleKeyup,\n      handleThumbBarClick,\n    };\n  },\n  render() {\n    const { linearGradient, gradientColors } = this.color;\n    const { colors, selectedId, degree, disabled, baseClassName, statusClassNames } = this;\n    const thumbBackground = gradientColors2string({\n      points: gradientColors,\n      degree: 90,\n    });\n    return (\n      <div class={`${baseClassName}__gradient`}>\n        <div class={`${baseClassName}__gradient-slider`}>\n          <div\n            class={[`${baseClassName}__slider`, `${baseClassName}--bg-alpha`]}\n            onKeyup={this.handleKeyup}\n            tabindex={0}\n            ref=\"refSlider\"\n          >\n            <ul\n              class=\"gradient-thumbs\"\n              onClick={this.handleThumbBarClick}\n              style={{\n                background: thumbBackground,\n              }}\n            >\n              {colors.map((t) => {\n                const left = `${Math.round(t.left * 100) / 100}%`;\n                return (\n                  <li\n                    class={[\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: MouseEvent) => e.stopPropagation()}\n                    onMousedown={() => this.handleStart(t.id)}\n                  >\n                    <span class={['gradient-thumbs__item-inner', `${baseClassName}--bg-alpha`]}></span>\n                  </li>\n                );\n              })}\n            </ul>\n          </div>\n        </div>\n        <div class={`${baseClassName}__gradient-degree`} title={`${degree}deg`}>\n          <TInputNumber\n            size=\"small\"\n            theme=\"normal\"\n            min={0}\n            max={360}\n            step={1}\n            format={(value: number) => `${value}°`}\n            v-model={this.degree}\n            onBlur={this.handleDegreeChange}\n            onEnter={this.handleDegreeChange}\n            disabled={disabled}\n          />\n        </div>\n        <div class={[`${baseClassName}__gradient-preview`, `${baseClassName}--bg-alpha`]}>\n          <span\n            class=\"preview-inner\"\n            style={{\n              background: linearGradient,\n            }}\n          ></span>\n        </div>\n      </div>\n    );\n  },\n});\n"],"names":["DELETE_KEYS","defineComponent","name","inheritAttrs","props","_objectSpread","baseProps","enableMultipleGradient","type","Boolean","setup","baseClassName","useBaseClassName","_useCommonClassName","useCommonClassName","STATUS","statusClassNames","value","refSlider","ref","sliderRect","reactive","left","width","GRADIENT_SLIDER_DEFAULT_WIDTH","isDragging","isMoved","degree","color","gradientDegree","selectedId","gradientSelectedId","colors","cloneDeep","gradientColors","watch","deep","handleChange","key","payload","addUsedColor","disabled","onChange","handleDegreeChange","handleSelectedIdChange","handleColorsChange","isEnded","updateActiveThumbLeft","index","findIndex","c","id","point","Math","max","min","percentLeft","splice","handleStart","rect","getBoundingClientRect","focus","window","addEventListener","handleMove","handleEnd","e","clientX","setTimeout","removeEventListener","handleKeyup","points","pos","length","includes","toLocaleLowerCase","current","handleThumbBarClick","newPoint","genGradientPoint","rgba","push","onMounted","onBeforeUnmount","render","_this","_this$color","linearGradient","thumbBackground","gradientColors2string","_createVNode","concat","background","map","t","round","active","onClick","stopPropagation","onMousedown","TInputNumber","format","onUpdateModelValue","$event"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,WAAA,GAAwB,CAAC,QAAA,EAAU,WAAW,CAAA,CAAA;AAEpD,qBAAeC,mBAAgB,CAAA;AAC7BC,EAAAA,IAAM,EAAA,gBAAA;AAENC,EAAAA,YAAc,EAAA,KAAA;AACdC,EAAAA,KAAO,EAAAC,aAAA,CAAAA,aAAA,KACFC,sCAAA,CAAA,EAAA,EAAA,EAAA;AACHC,IAAAA,sBAAwB,EAAA;AACtBC,MAAAA,IAAM,EAAAC,OAAA;MACN,SAAS,EAAA,IAAA;AACX,KAAA;GACF,CAAA;AACAC,EAAAA,OAAAA,SAAAA,MAAMN,KAAO,EAAA;AACX,IAAA,IAAMO,gBAAgBC,kCAAiB,EAAA,CAAA;AACjC,IAAA,IAAAC,mBAAA,GAAaC,kCAAmB,EAAA;MAA9BC,MAAO,GAAAF,mBAAA,CAAPE,MAAO,CAAA;AACf,IAAA,IAAMC,mBAAmBD,MAAO,CAAAE,KAAA,CAAA;AAC1B,IAAA,IAAAC,SAAA,GAAYC,QAAiB,IAAI,CAAA,CAAA;IACvC,IAAMC,aAAaC,YAAS,CAAA;AAC1BC,MAAAA,IAAM,EAAA,CAAA;AACNC,MAAAA,KAAO,EAAAC,8DAAAA;AACT,KAAC,CAAA,CAAA;AACK,IAAA,IAAAC,UAAA,GAAaN,QAAa,KAAK,CAAA,CAAA;AAC/B,IAAA,IAAAO,OAAA,GAAUP,QAAa,KAAK,CAAA,CAAA;IAClC,IAAMQ,MAAS,GAAAR,OAAA,CAAIf,KAAM,CAAAwB,KAAA,CAAMC,cAAc,CAAA,CAAA;IAC7C,IAAMC,UAAa,GAAAX,OAAA,CAAIf,KAAM,CAAAwB,KAAA,CAAMG,kBAAkB,CAAA,CAAA;AACrD,IAAA,IAAMC,SAASb,OAA0B,CAAAc,6BAAA,CAAU7B,KAAM,CAAAwB,KAAA,CAAMM,cAAc,CAAC,CAAA,CAAA;AAE9EC,IAAAA,SAAA,CACE,YAAA;AAAA,MAAA,OAAM/B,MAAMwB,KAAM,CAAAC,cAAA,CAAA;AAAA,KAAA,EAClB,UAACZ,KAAW,EAAA;AAAA,MAAA,OAAAU,MAAA,CAAOV,KAAQ,GAAAA,KAAA,CAAA;AAAA,KAC7B,CAAA,CAAA;AACAkB,IAAAA,SAAA,CACE,YAAA;AAAA,MAAA,OAAM/B,MAAMwB,KAAM,CAAAG,kBAAA,CAAA;AAAA,KAAA,EAClB,UAACd,KAAW,EAAA;AAAA,MAAA,OAAAa,UAAA,CAAWb,KAAQ,GAAAA,KAAA,CAAA;AAAA,KACjC,CAAA,CAAA;AACAkB,IAAAA,SAAA,CACE,YAAA;AAAA,MAAA,OAAM/B,MAAMwB,KAAM,CAAAM,cAAA,CAAA;KAClB,EAAA,UAACjB,KAAU,EAAA;AACFe,MAAAA,MAAA,CAAAf,KAAA,GAAQgB,8BAAUhB,KAAK,CAAA,CAAA;AAChC,KAAA,EACA;AACEmB,MAAAA,IAAM,EAAA,IAAA;AACR,KACF,CAAA,CAAA;IAEA,IAAMC,YAAe,GAAA,SAAfA,YAAeA,CAACC,GAAyC,EAAAC,OAAA,EAAcC,YAA2B,EAAA;MACtG,IAAIpC,MAAMqC,QAAU,EAAA;AAClB,QAAA,OAAA;AACF,OAAA;MACArC,KAAA,CAAMsC,QAAS,CAAA;AACbJ,QAAAA,GAAA,EAAAA,GAAA;AACAC,QAAAA,OAAA,EAAAA,OAAA;AACAC,QAAAA,YAAA,EAAAA,YAAAA;AACF,OAAC,CAAA,CAAA;KACH,CAAA;AAEM,IAAA,IAAAG,kBAAA,GAAqB,SAArBA,kBAAAA,CAAsB1B,KAAkB,EAAA;MAC5C,IAAIb,KAAM,CAAAqC,QAAA,IAAYxB,KAAU,KAAAb,KAAA,CAAMwB,MAAMC,cAAgB,EAAA;AAC1D,QAAA,OAAA;AACF,OAAA;MACAF,MAAA,CAAOV,KAAQ,GAAAA,KAAA,CAAA;AACFoB,MAAAA,YAAA,CAAA,QAAA,EAAUpB,OAAO,IAAI,CAAA,CAAA;KACpC,CAAA;AAEM,IAAA,IAAA2B,sBAAA,GAAyB,SAAzBA,sBAAAA,CAA0B3B,KAAkB,EAAA;MAChD,IAAIb,MAAMqC,QAAU,EAAA;AAClB,QAAA,OAAA;AACF,OAAA;MACAX,UAAA,CAAWb,KAAQ,GAAAA,KAAA,CAAA;AACnBoB,MAAAA,YAAA,CAAa,cAAcpB,KAAK,CAAA,CAAA;KAClC,CAAA;IAEM,IAAA4B,kBAAA,GAAqB,SAArBA,kBAAAA,CAAsB5B,KAAA,EAA6B6B,OAAsB,EAAA;MAC7E,IAAI1C,MAAMqC,QAAU,EAAA;AAClB,QAAA,OAAA;AACF,OAAA;MACAT,MAAA,CAAOf,KAAQ,GAAAA,KAAA,CAAA;AACFoB,MAAAA,YAAA,CAAA,QAAA,EAAUpB,OAAO6B,OAAO,CAAA,CAAA;KACvC,CAAA;AAOM,IAAA,IAAAC,qBAAA,GAAwB,SAAxBA,qBAAAA,CAAyBzB,IAAiB,EAAA;MACxC,IAAA0B,KAAA,GAAQhB,OAAOf,KAAM,CAAAgC,SAAA,CAAU,UAACC,CAAM,EAAA;AAAA,QAAA,OAAAA,CAAA,CAAEC,EAAO,KAAArB,UAAA,CAAWb,KAAK,CAAA;OAAA,CAAA,CAAA;AACrE,MAAA,IAAI+B,UAAU,CAAI,CAAA,EAAA;AAChB,QAAA,OAAA;AACF,OAAA;AACM,MAAA,IAAAI,KAAA,GAAQpB,OAAOf,KAAM,CAAA+B,KAAA,CAAA,CAAA;AACpB1B,MAAAA,IAAA,GAAA+B,IAAA,CAAKC,IAAI,CAAG,EAAAD,IAAA,CAAKE,IAAInC,UAAW,CAAAG,KAAA,EAAOD,IAAI,CAAC,CAAA,CAAA;MAC7C,IAAAkC,WAAA,GAAelC,IAAO,GAAAF,UAAA,CAAWG,KAAS,GAAA,GAAA,CAAA;MACzCS,MAAA,CAAAf,KAAA,CAAMwC,MAAO,CAAAT,KAAA,EAAO,CAAG,EAAA;QAC5BpB,OAAOwB,KAAM,CAAAxB,KAAA;AACbN,QAAAA,IAAM,EAAAkC,WAAA;QACNL,IAAIC,KAAM,CAAAD,EAAAA;AACZ,OAAC,CAAA,CAAA;AACDN,MAAAA,kBAAA,CAAmBb,OAAOf,KAAK,CAAA,CAAA;KACjC,CAAA;AAGM,IAAA,IAAAyC,WAAA,GAAc,SAAdA,WAAAA,CAAeP,EAAe,EAAA;MAC5B,IAAAQ,IAAA,GAAOzC,SAAU,CAAAD,KAAA,CAAM2C,qBAAsB,EAAA,CAAA;AACnDxC,MAAAA,UAAA,CAAWE,OAAOqC,IAAK,CAAArC,IAAA,CAAA;AACZF,MAAAA,UAAA,CAAAG,KAAA,GAAQoC,KAAKpC,KAAS,IAAAC,8DAAA,CAAA;AAC7B,MAAA,IAAAC,UAAA,CAAWR,KAAS,IAAAb,KAAA,CAAMqC,QAAU,EAAA;AACtC,QAAA,OAAA;AACF,OAAA;MACAf,OAAA,CAAQT,KAAQ,GAAA,KAAA,CAAA;MAChBQ,UAAA,CAAWR,KAAQ,GAAA,IAAA,CAAA;MACnB2B,sBAAA,CAAuBO,EAAE,CAAA,CAAA;AAEzBjC,MAAAA,SAAA,CAAUD,MAAM4C,KAAM,EAAA,CAAA;MACfC,MAAA,CAAAC,gBAAA,CAAiB,WAAa,EAAAC,UAAA,EAAY,KAAK,CAAA,CAAA;MAC/CF,MAAA,CAAAC,gBAAA,CAAiB,SAAW,EAAAE,UAAA,EAAW,KAAK,CAAA,CAAA;MAC5CH,MAAA,CAAAC,gBAAA,CAAiB,aAAe,EAAAE,UAAA,EAAW,KAAK,CAAA,CAAA;KACzD,CAAA;AAGM,IAAA,IAAAD,UAAA,GAAa,SAAbA,UAAAA,CAAcE,CAAkB,EAAA;MACpC,IAAI,CAACzC,UAAA,CAAWR,KAAS,IAAAb,KAAA,CAAMqC,QAAU,EAAA;AACvC,QAAA,OAAA;AACF,OAAA;MACM,IAAAnB,IAAA,GAAO4C,CAAE,CAAAC,OAAA,GAAU/C,UAAW,CAAAE,IAAA,CAAA;MACpCI,OAAA,CAAQT,KAAQ,GAAA,IAAA,CAAA;MAChB8B,qBAAA,CAAsBzB,IAAI,CAAA,CAAA;KAC5B,CAAA;AAGA,IAAA,IAAM2C,aAAY,SAAZA,YAAkB;AAClB,MAAA,IAAA,CAACxC,WAAWR,KAAO,EAAA;AACrB,QAAA,OAAA;AACF,OAAA;AACAmD,MAAAA,UAAA,CAAW,YAAM;QACf3C,UAAA,CAAWR,KAAQ,GAAA,KAAA,CAAA;SAClB,CAAC,CAAA,CAAA;MACJ,IAAIS,QAAQT,KAAO,EAAA;AACE4B,QAAAA,kBAAA,CAAAb,MAAA,CAAOf,OAAO,IAAI,CAAA,CAAA;QACrCS,OAAA,CAAQT,KAAQ,GAAA,KAAA,CAAA;AAClB,OAAA;MACO6C,MAAA,CAAAO,mBAAA,CAAoB,WAAa,EAAAL,UAAA,EAAY,KAAK,CAAA,CAAA;MAClDF,MAAA,CAAAO,mBAAA,CAAoB,SAAW,EAAAJ,UAAA,EAAW,KAAK,CAAA,CAAA;MAC/CH,MAAA,CAAAO,mBAAA,CAAoB,aAAe,EAAAJ,UAAA,EAAW,KAAK,CAAA,CAAA;KAC5D,CAAA;AAEM,IAAA,IAAAK,WAAA,GAAc,SAAdA,WAAAA,CAAeJ,CAAqB,EAAA;MACxC,IAAI9D,MAAMqC,QAAU,EAAA;AAClB,QAAA,OAAA;AACF,OAAA;AACA,MAAA,IAAM8B,SAASvC,MAAO,CAAAf,KAAA,CAAA;AAClB,MAAA,IAAAuD,GAAA,GAAMD,OAAOtB,SAAU,CAAA,UAACC;eAAMA,CAAE,CAAAC,EAAA,KAAOrB,WAAWb,KAAK,CAAA;OAAA,CAAA,CAAA;AACrD,MAAA,IAAEwD,SAAWF,MAAA,CAAXE;MAER,IAAIzE,WAAY,CAAA0E,QAAA,CAASR,CAAE,CAAA5B,GAAA,CAAIqC,iBAAkB,EAAC,CAAK,IAAAF,MAAA,GAAS,CAAK,IAAAD,GAAA,IAAO,CAAK,IAAAA,GAAA,IAAOC,SAAS,CAAG,EAAA;AAC3FF,QAAAA,MAAA,CAAAd,MAAA,CAAOe,KAAK,CAAC,CAAA,CAAA;AAChB,QAAA,IAAA,CAACD,OAAOC,GAAM,CAAA,EAAA;UAEVA,GAAA,GAAAD,MAAA,CAAOC,MAAM,CAAK,CAAA,GAAAA,GAAA,GAAM,IAAID,MAAO,CAAAC,GAAA,GAAM,CAAK,CAAA,GAAAA,GAAA,GAAM,CAAI,GAAA,CAAA,CAAA;AAChE,SAAA;AACA,QAAA,IAAMI,UAAUL,MAAO,CAAAC,GAAA,CAAA,CAAA;AACvB3B,QAAAA,kBAAA,CAAmB0B,QAAQ,IAAI,CAAA,CAAA;QAC/B3B,sBAAA,CAAuBgC,YAAAA,IAAAA,IAAAA,8BAAAA,QAASzB,EAAE,CAAA,CAAA;AACpC,OAAA;KACF,CAAA;AAEM,IAAA,IAAA0B,mBAAA,GAAsB,SAAtBA,mBAAAA,CAAuBX,CAAkB,EAAA;MAC7C,IAAI9D,KAAM,CAAAqC,QAAA,IAAY,CAACrC,KAAA,CAAMG,sBAAwB,EAAA;AACnD,QAAA,OAAA;AACF,OAAA;MACI,IAAAe,IAAA,GAAO4C,CAAE,CAAAC,OAAA,GAAU/C,UAAW,CAAAE,IAAA,CAAA;AAC3BA,MAAAA,IAAA,GAAA+B,IAAA,CAAKC,IAAI,CAAG,EAAAD,IAAA,CAAKE,IAAInC,UAAW,CAAAG,KAAA,EAAOD,IAAI,CAAC,CAAA,CAAA;MAC7C,IAAAkC,WAAA,GAAelC,IAAO,GAAAF,UAAA,CAAWG,KAAS,GAAA,GAAA,CAAA;MAChD,IAAMuD,QAAW,GAAAC,6CAAA,CAAiBvB,WAAa,EAAApD,KAAA,CAAMwB,MAAMoD,IAAI,CAAA,CAAA;AACxDhD,MAAAA,MAAA,CAAAf,KAAA,CAAMgE,KAAKH,QAAQ,CAAA,CAAA;AACPjC,MAAAA,kBAAA,CAAAb,MAAA,CAAOf,OAAO,IAAI,CAAA,CAAA;AACrC2B,MAAAA,sBAAA,CAAuBkC,SAAS3B,EAAE,CAAA,CAAA;KACpC,CAAA;AAEA+B,IAAAA,aAAA,CAAU,YAAM;MACR,IAAAvB,IAAA,GAAOzC,SAAU,CAAAD,KAAA,CAAM2C,qBAAsB,EAAA,CAAA;AACnDxC,MAAAA,UAAA,CAAWE,OAAOqC,IAAK,CAAArC,IAAA,CAAA;AACZF,MAAAA,UAAA,CAAAG,KAAA,GAAQoC,KAAKpC,KAAS,IAAAC,8DAAA,CAAA;AACnC,KAAC,CAAA,CAAA;AAED2D,IAAAA,mBAAA,CAAgB,YAAM;MACbrB,MAAA,CAAAO,mBAAA,CAAoB,WAAa,EAAAL,UAAA,EAAY,KAAK,CAAA,CAAA;MAClDF,MAAA,CAAAO,mBAAA,CAAoB,SAAW,EAAAJ,UAAA,EAAW,KAAK,CAAA,CAAA;MAC/CH,MAAA,CAAAO,mBAAA,CAAoB,aAAe,EAAAJ,UAAA,EAAW,KAAK,CAAA,CAAA;AAC5D,KAAC,CAAA,CAAA;IAEM,OAAA;AACLtD,MAAAA,aAAA,EAAAA,aAAA;AACAK,MAAAA,gBAAA,EAAAA,gBAAA;AACAE,MAAAA,SAAA,EAAAA,SAAA;AACAS,MAAAA,MAAA,EAAAA,MAAA;AACAG,MAAAA,UAAA,EAAAA,UAAA;AACAE,MAAAA,MAAA,EAAAA,MAAA;AACAW,MAAAA,kBAAA,EAAAA,kBAAA;AACAe,MAAAA,WAAA,EAAAA,WAAA;AACAM,MAAAA,UAAA,EAAAA,UAAA;AACAC,MAAAA,SAAA,EAAAA,UAAA;AACAK,MAAAA,WAAA,EAAAA,WAAA;AACAO,MAAAA,mBAAA,EAAAA,mBAAAA;KACF,CAAA;GACF;EACAO,MAAS,EAAA,SAATA,MAASA,GAAA;AAAA,IAAA,IAAAC,KAAA,GAAA,IAAA,CAAA;AACP,IAAA,IAAAC,WAAA,GAA2C,IAAK,CAAA1D,KAAA;MAAxC2D,cAAA,GAAAD,WAAA,CAAAC,cAAA;MAAgBrD,cAAe,GAAAoD,WAAA,CAAfpD,cAAe,CAAA;AACvC,IAAA,IAAQF,MAAQ,GAAkE,IAAA,CAA1EA,MAAQ;MAAAF,UAAA,GAAkE,IAAA,CAAlEA,UAAA;MAAYH,SAAsD,IAAA,CAAtDA;MAAQc,QAAU,GAAoC,IAAA,CAA9CA,QAAU;MAAA9B,aAAA,GAAoC,IAAA,CAApCA,aAAA;MAAeK,mBAAqB,IAAA,CAArBA;IAC7D,IAAMwE,kBAAkBC,kDAAsB,CAAA;AAC5ClB,MAAAA,MAAQ,EAAArC,cAAA;AACRP,MAAAA,MAAQ,EAAA,EAAA;AACV,KAAC,CAAA,CAAA;AAEC,IAAA,OAAA+D,eAAA,CAAA,KAAA,EAAA;MAAA,OAAAC,EAAAA,EAAAA,CAAAA,MAAA,CAAehF,aAAA,EAAA,YAAA,CAAA;AAAA,KAAA,EAAA,CAAA+E,eAAA,CAAA,KAAA,EAAA;MAAA,OAAAC,EAAAA,EAAAA,CAAAA,MAAA,CACEhF,aACb,EAAA,mBAAA,CAAA;AAAA,KAAA,EAAA,CAAA+E,eAAA,CAAA,KAAA,EAAA;MAAA,OACS,EAAA,CAAA,EAAA,CAAAC,MAAA,CAAIhF,aAAyB,kBAAAgF,MAAA,CAAGhF,aAAyB,EAAA,YAAA,CAAA,CAAA;MAAA,SACvD,EAAA,IAAA,CAAK2D,WACd;AAAA,MAAA,UAAA,EAAU,CACV;AAAA,MAAA,KAAA,EAAA,WAAA;AAAA,KAAA,EAAA,CAAAoB,eAAA,CAAA,IAAA,EAAA;AAAA,MAAA,OAAA,EAAA,iBAAA;MAAA,SAIW,EAAA,IAAK,CAAAb,mBAAA;MAAA,OACP,EAAA;AACLe,QAAAA,UAAY,EAAAJ,eAAAA;AACd,OAAA;AAEC,KAAA,EAAA,CAAAxD,MAAA,CAAO6D,GAAI,CAAA,UAACC,CAAM,EAAA;AACjB,MAAA,IAAMxE,iBAAU+B,IAAA,CAAK0C,MAAMD,CAAE,CAAAxE,IAAA,GAAO,GAAG,CAAI,GAAA,GAAA,EAAA,GAAA,CAAA,CAAA;AAEzC,MAAA,OAAAoE,eAAA,CAAA,IAAA,EAAA;AAAA,QAAA,OAAA,EACS,IAAAC,MAAA,CACFhF,aAAA,EACH,SAAA,CAAA,EAAA,uBAAA,EACAmB,UAAe,KAAAgE,CAAA,CAAE3C,EAAK,GAAAnC,gBAAA,CAAiBgF,MAAS,GAAA,EAAA,CAClD;QAAA,KACKF,EAAAA,CAAE,CAAA3C,EAAA;QAAA,OAAAwC,EAAAA,EAAAA,CAAAA,MAAA,CACGG,CAAA,CAAElE,KAAS,EAAA+D,GAAAA,CAAAA,CAAAA,MAAA,CAAArE,IAAA,CAAA;QAAA,OACd,EAAA;UACLM,OAAOkE,CAAE,CAAAlE,KAAA;AACTN,UAAAA,IAAA,EAAAA,IAAAA;SACF;QAAA,SACS,EAAA,SAAA2E,QAAC/B,CAAA,EAAA;AAAA,UAAA,OAAkBA,EAAEgC,eAAgB,EAAA,CAAA;AAAA,SAAA;AAAA,QAAA,aAAA,EACjC,SAAAC,WAAA,GAAA;AAAA,UAAA,OAAMd,KAAK,CAAA3B,WAAA,CAAYoC,EAAE3C,EAAE,CAAA,CAAA;AAAA,SAAA;AAAA,OAAA,EAAA,CAAAuC,eAAA,CAAA,MAAA,EAAA;AAAA,QAAA,OAAA,EAE3B,CAAC,yCAAkC/E,aAAA,EAAA,YAAA,CAAA,CAAA;AAA4B,OAAA,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA;KAGjF,CACH,QAAA+E,eAAA,CAAA,KAAA,EAAA;MAAA,OAAAC,EAAAA,EAAAA,CAAAA,MAAA,CAGWhF,aAAA,EAAA,mBAAA,CAAA;MAAA,OAAAgF,EAAAA,EAAAA,CAAAA,MAAA,CAA4ChE,MAAA,EAAA,KAAA,CAAA;KAAA+D,EAAAA,CAAAA,eAAA,CAAAU,6BAAA,EAAA;AAAA,MAAA,MAAA,EAAA,OAAA;AAAA,MAAA,OAAA,EAAA,QAAA;AAAA,MAAA,KAAA,EAIlD;aACA,GAAA;AAAA,MAAA,MAAA,EACC,CAAA;MAAA,QACE,EAAA,SAAAC,OAACpF,KAAA,EAAA;QAAA,OAAA0E,EAAAA,CAAAA,MAAA,CAAqB1E,KAAA,EAAA,MAAA,CAAA,CAAA;OAAA;MAAA,YACrBoE,EAAAA,KAAK,CAAA1D,MAAA;AAAA,MAAA,qBAAA,EAAA,SAAA2E,mBAAAC,MAAA,EAAA;AAAA,QAAA,OAALlB,KAAK,CAAA1D,MAAA,GAAA4E,MAAA,CAAA;AAAA,OAAA;MAAA,QACN,EAAA,IAAA,CAAK5D;eACJ,EAAA,IAAA,CAAKA;gBACJF,EAAAA,QAAAA;AAAA,KAAA,EAAA,IAAA,CAAA,CAAA,CAAA,EAAAiD,eAAA,CAAA,KAAA,EAAA;AAAA,MAAA,OAAA,EAGF,IAAAC,MAAA,CAAIhF,aAAA,EAAAgF,oBAAAA,CAAAA,EAAAA,EAAAA,CAAAA,MAAA,CAAsChF,aAAA,EAAA,YAAA,CAAA,CAAA;AACpD,KAAA,EAAA,CAAA+E,eAAA,CAAA,MAAA,EAAA;AAAA,MAAA,OAAA,EAAA,eAAA;MAAA,OAES,EAAA;AACLE,QAAAA,UAAY,EAAAL,cAAAA;AACd,OAAA;AAAA,KAAA,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAKV,GAAA;AACF,CAAC,CAAA;;;;"}
+{"version":3,"file":"linear-gradient.js","sources":["../../../src/color-picker/panel/linear-gradient.tsx"],"sourcesContent":["import { defineComponent, onBeforeUnmount, onMounted, reactive, ref, watch } from 'vue';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { GRADIENT_SLIDER_DEFAULT_WIDTH } from '../../_common/js/color-picker/constants';\nimport { genGradientPoint, gradientColors2string, GradientColorPoint } from '../utils';\nimport { InputNumber as TInputNumber } from '../../input-number';\nimport { useBaseClassName } from '../hooks';\nimport { useCommonClassName } from '../../hooks/useConfig';\nimport baseProps from './base-props';\n\nconst DELETE_KEYS: string[] = ['delete', 'backspace'];\n\nexport default defineComponent({\n  name: 'LinearGradient',\n\n  inheritAttrs: false,\n  props: {\n    ...baseProps,\n    enableMultipleGradient: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  setup(props) {\n    const baseClassName = useBaseClassName();\n    const { STATUS } = useCommonClassName();\n    const statusClassNames = STATUS.value;\n    const refSlider = ref<HTMLElement>(null);\n    const sliderRect = reactive({\n      left: 0,\n      width: GRADIENT_SLIDER_DEFAULT_WIDTH,\n    });\n    const isDragging = ref<Boolean>(false);\n    const isMoved = ref<Boolean>(false);\n    const degree = ref(props.color.gradientDegree);\n    const selectedId = ref(props.color.gradientSelectedId);\n    const colors = ref<GradientColorPoint[]>(cloneDeep(props.color.gradientColors));\n\n    watch(\n      () => props.color.gradientDegree,\n      (value) => (degree.value = value),\n    );\n    watch(\n      () => props.color.gradientSelectedId,\n      (value) => (selectedId.value = value),\n    );\n    watch(\n      () => props.color.gradientColors,\n      (value) => {\n        colors.value = cloneDeep(value);\n      },\n      {\n        deep: true,\n      },\n    );\n\n    const handleChange = (key: 'degree' | 'selectedId' | 'colors', payload: any, addUsedColor?: boolean) => {\n      if (props.disabled) {\n        return;\n      }\n      props.onChange({\n        key,\n        payload,\n        addUsedColor,\n      });\n    };\n\n    const handleDegreeChange = (value: number) => {\n      if (props.disabled || value === props.color.gradientDegree) {\n        return;\n      }\n      degree.value = value;\n      handleChange('degree', value, true);\n    };\n\n    const handleSelectedIdChange = (value: string) => {\n      if (props.disabled) {\n        return;\n      }\n      selectedId.value = value;\n      handleChange('selectedId', value);\n    };\n\n    const handleColorsChange = (value: GradientColorPoint[], isEnded?: boolean) => {\n      if (props.disabled) {\n        return;\n      }\n      colors.value = value;\n      handleChange('colors', value, isEnded);\n    };\n\n    /**\n     * 设置bar的位置\n     * @param left\n     * @returns\n     */\n    const updateActiveThumbLeft = (left: number) => {\n      const index = colors.value.findIndex((c) => c.id === selectedId.value);\n      if (index === -1) {\n        return;\n      }\n      const point = colors.value[index];\n      left = Math.max(0, Math.min(sliderRect.width, left));\n      const percentLeft = (left / sliderRect.width) * 100;\n      colors.value.splice(index, 1, {\n        color: point.color,\n        left: percentLeft,\n        id: point.id,\n      });\n      handleColorsChange(colors.value);\n    };\n\n    // 移动开始\n    const handleStart = (id: string) => {\n      const rect = refSlider.value.getBoundingClientRect();\n      sliderRect.left = rect.left;\n      sliderRect.width = rect.width || GRADIENT_SLIDER_DEFAULT_WIDTH;\n      if (isDragging.value || props.disabled) {\n        return;\n      }\n      isMoved.value = false;\n      isDragging.value = true;\n      handleSelectedIdChange(id);\n      // 让slider获取焦点，以便键盘事件生效。\n      refSlider.value.focus();\n      window.addEventListener('mousemove', handleMove, false);\n      window.addEventListener('mouseup', handleEnd, false);\n      window.addEventListener('contextmenu', handleEnd, false);\n    };\n\n    // 移动中\n    const handleMove = (e: MouseEvent) => {\n      if (!isDragging.value || props.disabled) {\n        return;\n      }\n      const left = e.clientX - sliderRect.left;\n      isMoved.value = true;\n      updateActiveThumbLeft(left);\n    };\n\n    // 移动结束\n    const handleEnd = () => {\n      if (!isDragging.value) {\n        return;\n      }\n      setTimeout(() => {\n        isDragging.value = false;\n      }, 0);\n      if (isMoved.value) {\n        handleColorsChange(colors.value, true);\n        isMoved.value = false;\n      }\n      window.removeEventListener('mousemove', handleMove, false);\n      window.removeEventListener('mouseup', handleEnd, false);\n      window.removeEventListener('contextmenu', handleEnd, false);\n    };\n\n    const handleKeyup = (e: KeyboardEvent) => {\n      if (props.disabled) {\n        return;\n      }\n      const points = colors.value;\n      let pos = points.findIndex((c) => c.id === selectedId.value);\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: MouseEvent) => {\n      if (props.disabled || !props.enableMultipleGradient) {\n        return;\n      }\n      let left = e.clientX - sliderRect.left;\n      left = Math.max(0, Math.min(sliderRect.width, left));\n      const percentLeft = (left / sliderRect.width) * 100;\n      const newPoint = genGradientPoint(percentLeft, props.color.rgba);\n      colors.value.push(newPoint);\n      handleColorsChange(colors.value, true);\n      handleSelectedIdChange(newPoint.id);\n    };\n\n    onMounted(() => {\n      const rect = refSlider.value.getBoundingClientRect();\n      sliderRect.left = rect.left;\n      sliderRect.width = rect.width || GRADIENT_SLIDER_DEFAULT_WIDTH;\n    });\n\n    onBeforeUnmount(() => {\n      window.removeEventListener('mousemove', handleMove, false);\n      window.removeEventListener('mouseup', handleEnd, false);\n      window.removeEventListener('contextmenu', handleEnd, false);\n    });\n\n    return {\n      baseClassName,\n      statusClassNames,\n      refSlider,\n      degree,\n      selectedId,\n      colors,\n      handleDegreeChange,\n      handleStart,\n      handleMove,\n      handleEnd,\n      handleKeyup,\n      handleThumbBarClick,\n    };\n  },\n  render() {\n    const { linearGradient, gradientColors } = this.color;\n    const { colors, selectedId, degree, disabled, baseClassName, statusClassNames } = this;\n    const thumbBackground = gradientColors2string({\n      points: gradientColors,\n      degree: 90,\n    });\n    return (\n      <div class={`${baseClassName}__gradient`}>\n        <div class={`${baseClassName}__gradient-slider`}>\n          <div\n            class={[`${baseClassName}__slider`, `${baseClassName}--bg-alpha`]}\n            onKeyup={this.handleKeyup}\n            tabindex={0}\n            ref=\"refSlider\"\n          >\n            <ul\n              class=\"gradient-thumbs\"\n              onClick={this.handleThumbBarClick}\n              style={{\n                background: thumbBackground,\n              }}\n            >\n              {colors.map((t) => {\n                const left = `${Math.round(t.left * 100) / 100}%`;\n                return (\n                  <li\n                    class={[\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: MouseEvent) => e.stopPropagation()}\n                    onMousedown={() => this.handleStart(t.id)}\n                  >\n                    <span class={['gradient-thumbs__item-inner', `${baseClassName}--bg-alpha`]}></span>\n                  </li>\n                );\n              })}\n            </ul>\n          </div>\n        </div>\n        <div class={`${baseClassName}__gradient-degree`} title={`${degree}deg`}>\n          <TInputNumber\n            size=\"small\"\n            theme=\"normal\"\n            min={0}\n            max={360}\n            step={1}\n            format={(value: number) => `${value}°`}\n            v-model={this.degree}\n            onBlur={this.handleDegreeChange}\n            onEnter={this.handleDegreeChange}\n            disabled={disabled}\n          />\n        </div>\n        <div class={[`${baseClassName}__gradient-preview`, `${baseClassName}--bg-alpha`]}>\n          <span\n            class=\"preview-inner\"\n            style={{\n              background: linearGradient,\n            }}\n          ></span>\n        </div>\n      </div>\n    );\n  },\n});\n"],"names":["DELETE_KEYS","defineComponent","name","inheritAttrs","props","_objectSpread","baseProps","enableMultipleGradient","type","Boolean","setup","baseClassName","useBaseClassName","_useCommonClassName","useCommonClassName","STATUS","statusClassNames","value","refSlider","ref","sliderRect","reactive","left","width","GRADIENT_SLIDER_DEFAULT_WIDTH","isDragging","isMoved","degree","color","gradientDegree","selectedId","gradientSelectedId","colors","cloneDeep","gradientColors","watch","deep","handleChange","key","payload","addUsedColor","disabled","onChange","handleDegreeChange","handleSelectedIdChange","handleColorsChange","isEnded","updateActiveThumbLeft","index","findIndex","c","id","point","Math","max","min","percentLeft","splice","handleStart","rect","getBoundingClientRect","focus","window","addEventListener","handleMove","handleEnd","e","clientX","setTimeout","removeEventListener","handleKeyup","points","pos","length","includes","toLocaleLowerCase","current","handleThumbBarClick","newPoint","genGradientPoint","rgba","push","onMounted","onBeforeUnmount","render","_this","_this$color","linearGradient","thumbBackground","gradientColors2string","_createVNode","concat","background","map","t","round","active","onClick","stopPropagation","onMousedown","TInputNumber","format","onUpdateModelValue","$event"],"mappings":"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"}

package/cjs/color-picker/panel/saturation.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v1.10.4
+ * tdesign v1.10.5-alpha.2
  * (c) 2024 tdesign
  * @license MIT
  */
@@ -10,9 +10,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var Vue = require('vue');
+var _common_js_colorPicker_constants = require('../../_common/js/color-picker/constants.js');
 var colorPicker_hooks = require('../hooks.js');
 var colorPicker_panel_baseProps = require('./base-props.js');
-var _common_js_colorPicker_constants = require('../../_common/js/color-picker/constants.js');
 var _common_js_colorPicker_draggable = require('../../_common/js/color-picker/draggable.js');
 require('../../hooks/useConfig.js');
 require('../../config-provider/useConfig.js');
@@ -24,9 +24,9 @@ require('lodash/mergeWith');
 require('lodash/merge');
 require('../../_common/js/global-config/default-config.js');
 require('../../_common/js/global-config/locale/zh_CN.js');
-require('../../_chunks/dep-8df2ba98.js');
+require('../../_chunks/dep-69ee6017.js');
 require('@babel/runtime/helpers/typeof');
-require('../../_chunks/dep-3864a4b7.js');
+require('../../_chunks/dep-cf885696.js');
 require('dayjs');
 require('lodash/isArray');
 require('@babel/runtime/helpers/classCallCheck');

package/cjs/color-picker/panel/saturation.js.map

@@ -1 +1 @@
-{"version":3,"file":"saturation.js","sources":["../../../src/color-picker/panel/saturation.tsx"],"sourcesContent":["import { computed, defineComponent, nextTick, onBeforeUnmount, onMounted, reactive, ref } from 'vue';\nimport { SATURATION_PANEL_DEFAULT_HEIGHT, SATURATION_PANEL_DEFAULT_WIDTH } from '../const';\nimport { Draggable, Coordinate } from '../utils';\nimport { useBaseClassName } from '../hooks';\nimport baseProps from './base-props';\n\nexport default defineComponent({\n  name: 'SaturationPanel',\n\n  props: {\n    ...baseProps,\n  },\n  setup(props) {\n    const baseClassName = useBaseClassName();\n    const refPanel = ref<HTMLElement>(null);\n    const refThumb = ref<HTMLElement>(null);\n    const dragInstance = ref<Draggable>(null);\n    const panelRect = reactive({\n      width: SATURATION_PANEL_DEFAULT_WIDTH,\n      height: SATURATION_PANEL_DEFAULT_HEIGHT,\n    });\n\n    const styles = computed(() => {\n      const { saturation, value } = props.color;\n      const { width, height } = panelRect;\n      const top = Math.round((1 - value) * height);\n      const left = Math.round(saturation * width);\n      return {\n        color: props.color.rgb,\n        left: `${left}px`,\n        top: `${top}px`,\n      };\n    });\n\n    const getSaturationAndValueByCoordinate = (coordinate: Coordinate) => {\n      const { width, height } = panelRect;\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 handleDrag = (coordinate: Coordinate, isEnded?: boolean) => {\n      if (props.disabled) {\n        return;\n      }\n      const { saturation, value } = getSaturationAndValueByCoordinate(coordinate);\n      props.onChange({\n        saturation: saturation / 100,\n        value: value / 100,\n        addUsedColor: isEnded,\n      });\n    };\n\n    const handleDragEnd = (coordinate: Coordinate) => {\n      if (props.disabled) {\n        return;\n      }\n      nextTick(() => {\n        handleDrag(coordinate, true);\n      });\n    };\n\n    const panelBackground = computed(() => {\n      return `hsl(${props.color.hue}, 100%, 50%)`;\n    });\n\n    onMounted(() => {\n      panelRect.width = refPanel.value.offsetWidth || SATURATION_PANEL_DEFAULT_WIDTH;\n      panelRect.height = refPanel.value.offsetHeight || SATURATION_PANEL_DEFAULT_HEIGHT;\n      dragInstance.value = new Draggable(refPanel.value, {\n        start() {\n          panelRect.width = refPanel.value.offsetWidth;\n          panelRect.height = refPanel.value.offsetHeight;\n        },\n        drag: (coordinate: Coordinate) => {\n          handleDrag(coordinate);\n        },\n        end: handleDragEnd,\n      });\n    });\n\n    onBeforeUnmount(() => {\n      dragInstance.value.destroy();\n    });\n\n    return {\n      baseClassName,\n      refThumb,\n      refPanel,\n      styles,\n      panelBackground,\n    };\n  },\n  render() {\n    const { baseClassName, styles, panelBackground } = this;\n    return (\n      <div\n        class={[`${baseClassName}__saturation`]}\n        ref=\"refPanel\"\n        style={{\n          background: panelBackground,\n        }}\n      >\n        <span class={[`${baseClassName}__thumb`]} role=\"slider\" tabindex={0} ref=\"refThumb\" style={styles}></span>\n      </div>\n    );\n  },\n});\n"],"names":["defineComponent","name","props","_objectSpread","baseProps","setup","baseClassName","useBaseClassName","refPanel","ref","refThumb","dragInstance","panelRect","reactive","width","SATURATION_PANEL_DEFAULT_WIDTH","height","SATURATION_PANEL_DEFAULT_HEIGHT","styles","computed","_props$color","color","saturation","value","top","Math","round","left","rgb","getSaturationAndValueByCoordinate","coordinate","x","y","handleDrag","isEnded","disabled","_getSaturationAndValu","onChange","addUsedColor","handleDragEnd","nextTick","panelBackground","concat","hue","onMounted","offsetWidth","offsetHeight","Draggable","start","drag","end","onBeforeUnmount","destroy","render","_createVNode","background"],"mappings":"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"}
+{"version":3,"file":"saturation.js","sources":["../../../src/color-picker/panel/saturation.tsx"],"sourcesContent":["import { computed, defineComponent, nextTick, onBeforeUnmount, onMounted, reactive, ref } from 'vue';\nimport {\n  SATURATION_PANEL_DEFAULT_HEIGHT,\n  SATURATION_PANEL_DEFAULT_WIDTH,\n} from '../../_common/js/color-picker/constants';\nimport { Draggable, Coordinate } from '../utils';\nimport { useBaseClassName } from '../hooks';\nimport baseProps from './base-props';\n\nexport default defineComponent({\n  name: 'SaturationPanel',\n\n  props: {\n    ...baseProps,\n  },\n  setup(props) {\n    const baseClassName = useBaseClassName();\n    const refPanel = ref<HTMLElement>(null);\n    const refThumb = ref<HTMLElement>(null);\n    const dragInstance = ref<Draggable>(null);\n    const panelRect = reactive({\n      width: SATURATION_PANEL_DEFAULT_WIDTH,\n      height: SATURATION_PANEL_DEFAULT_HEIGHT,\n    });\n\n    const styles = computed(() => {\n      const { saturation, value } = props.color;\n      const { width, height } = panelRect;\n      const top = Math.round((1 - value) * height);\n      const left = Math.round(saturation * width);\n      return {\n        color: props.color.rgb,\n        left: `${left}px`,\n        top: `${top}px`,\n      };\n    });\n\n    const getSaturationAndValueByCoordinate = (coordinate: Coordinate) => {\n      const { width, height } = panelRect;\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 handleDrag = (coordinate: Coordinate, isEnded?: boolean) => {\n      if (props.disabled) {\n        return;\n      }\n      const { saturation, value } = getSaturationAndValueByCoordinate(coordinate);\n      props.onChange({\n        saturation: saturation / 100,\n        value: value / 100,\n        addUsedColor: isEnded,\n      });\n    };\n\n    const handleDragEnd = (coordinate: Coordinate) => {\n      if (props.disabled) {\n        return;\n      }\n      nextTick(() => {\n        handleDrag(coordinate, true);\n      });\n    };\n\n    const panelBackground = computed(() => {\n      return `hsl(${props.color.hue}, 100%, 50%)`;\n    });\n\n    onMounted(() => {\n      panelRect.width = refPanel.value.offsetWidth || SATURATION_PANEL_DEFAULT_WIDTH;\n      panelRect.height = refPanel.value.offsetHeight || SATURATION_PANEL_DEFAULT_HEIGHT;\n      dragInstance.value = new Draggable(refPanel.value, {\n        start() {\n          panelRect.width = refPanel.value.offsetWidth;\n          panelRect.height = refPanel.value.offsetHeight;\n        },\n        drag: (coordinate: Coordinate) => {\n          handleDrag(coordinate);\n        },\n        end: handleDragEnd,\n      });\n    });\n\n    onBeforeUnmount(() => {\n      dragInstance.value.destroy();\n    });\n\n    return {\n      baseClassName,\n      refThumb,\n      refPanel,\n      styles,\n      panelBackground,\n    };\n  },\n  render() {\n    const { baseClassName, styles, panelBackground } = this;\n    return (\n      <div\n        class={[`${baseClassName}__saturation`]}\n        ref=\"refPanel\"\n        style={{\n          background: panelBackground,\n        }}\n      >\n        <span class={[`${baseClassName}__thumb`]} role=\"slider\" tabindex={0} ref=\"refThumb\" style={styles}></span>\n      </div>\n    );\n  },\n});\n"],"names":["defineComponent","name","props","_objectSpread","baseProps","setup","baseClassName","useBaseClassName","refPanel","ref","refThumb","dragInstance","panelRect","reactive","width","SATURATION_PANEL_DEFAULT_WIDTH","height","SATURATION_PANEL_DEFAULT_HEIGHT","styles","computed","_props$color","color","saturation","value","top","Math","round","left","rgb","getSaturationAndValueByCoordinate","coordinate","x","y","handleDrag","isEnded","disabled","_getSaturationAndValu","onChange","addUsedColor","handleDragEnd","nextTick","panelBackground","concat","hue","onMounted","offsetWidth","offsetHeight","Draggable","start","drag","end","onBeforeUnmount","destroy","render","_createVNode","background"],"mappings":"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"}

package/cjs/color-picker/panel/slider.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v1.10.4
+ * tdesign v1.10.5-alpha.2
  * (c) 2024 tdesign
  * @license MIT
  */
@@ -10,9 +10,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var Vue = require('vue');
+var _common_js_colorPicker_constants = require('../../_common/js/color-picker/constants.js');
 var colorPicker_hooks = require('../hooks.js');
 var colorPicker_panel_baseProps = require('./base-props.js');
-var _common_js_colorPicker_constants = require('../../_common/js/color-picker/constants.js');
 var _common_js_colorPicker_draggable = require('../../_common/js/color-picker/draggable.js');
 require('../../hooks/useConfig.js');
 require('../../config-provider/useConfig.js');
@@ -24,9 +24,9 @@ require('lodash/mergeWith');
 require('lodash/merge');
 require('../../_common/js/global-config/default-config.js');
 require('../../_common/js/global-config/locale/zh_CN.js');
-require('../../_chunks/dep-8df2ba98.js');
+require('../../_chunks/dep-69ee6017.js');
 require('@babel/runtime/helpers/typeof');
-require('../../_chunks/dep-3864a4b7.js');
+require('../../_chunks/dep-cf885696.js');
 require('dayjs');
 require('lodash/isArray');
 require('@babel/runtime/helpers/classCallCheck');