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

package/lib/color-picker/panel/format/index.js

@@ -1,21 +1,20 @@
 /**
- * tdesign v1.10.4
+ * tdesign v1.10.5-alpha.2
  * (c) 2024 tdesign
  * @license MIT
  */
 
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { defineComponent, ref, watch, createVNode, isVNode } from 'vue';
 import upperCase from 'lodash/upperCase';
 import props from '../../props.js';
-import { FORMATS } from '../../const.js';
+import { FORMATS } from '../../../_common/js/color-picker/constants.js';
 import { Select, Option } from '../../../select/index.js';
 import FormatInputs from './inputs.js';
 import { useBaseClassName } from '../../hooks.js';
-import '../../../_common/js/color-picker/constants.js';
 import '../../../select/select.js';
 import '@babel/runtime/helpers/objectWithoutProperties';
+import '@babel/runtime/helpers/toConsumableArray';
 import '@babel/runtime/helpers/asyncToGenerator';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/regenerator';
@@ -35,9 +34,9 @@ import 'lodash/mergeWith';
 import 'lodash/merge';
 import '../../../_common/js/global-config/default-config.js';
 import '../../../_common/js/global-config/locale/zh_CN.js';
-import '../../../_chunks/dep-85e606a2.js';
+import '../../../_chunks/dep-4da7862a.js';
 import '@babel/runtime/helpers/typeof';
-import '../../../_chunks/dep-011ece53.js';
+import '../../../_chunks/dep-5ac81001.js';
 import 'dayjs';
 import '../../../select-input/index.js';
 import '../../../select-input/select-input.js';
@@ -198,7 +197,6 @@ var FormatPanel = defineComponent({
   render: function render() {
     var _this = this;
     var _slot;
-    var formats = _toConsumableArray(FORMATS);
     var baseClassName = this.baseClassName,
       handleModeChange = this.handleModeChange;
     var newProps = _objectSpread(_objectSpread({}, this.$props), {}, {
@@ -221,7 +219,7 @@ var FormatPanel = defineComponent({
         return _this.formatModel = $event;
       },
       "onChange": handleModeChange
-    }, _isSlot(_slot = formats.map(function (item) {
+    }, _isSlot(_slot = FORMATS.map(function (item) {
       return createVNode(Option, {
         "key": item,
         "value": item,

package/lib/color-picker/panel/format/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/color-picker/panel/format/index.tsx"],"sourcesContent":["import { defineComponent, PropType, ref, watch } from 'vue';\nimport upperCase from 'lodash/upperCase';\nimport { TdColorPickerProps } from '../../type';\nimport props from '../../props';\nimport { FORMATS } from '../../const';\nimport { Color } from '../../utils';\nimport { Select as TSelect, Option as TOption } from '../../../select';\nimport FormatInputs from './inputs';\nimport { useBaseClassName } from '../../hooks';\nimport type { TdSelectInputProps } from '../../../select-input/type';\n\nexport default defineComponent({\n  name: 'FormatPanel',\n  inheritAttrs: false,\n  props: {\n    ...props,\n    color: {\n      type: Object as PropType<Color>,\n    },\n    onModeChange: {\n      type: Function,\n      default: () => {\n        return () => {};\n      },\n    },\n    onInputChange: {\n      type: Function,\n      default: () => {\n        return () => {};\n      },\n    },\n  },\n  setup(props) {\n    const baseClassName = useBaseClassName();\n    const formatModel = ref<TdColorPickerProps['format']>(props.format);\n    watch(\n      () => [props.format],\n      () => (formatModel.value = props.format),\n    );\n\n    /**\n     * 格式化类型改变触发\n     * @param v\n     */\n    const handleModeChange = (v: TdColorPickerProps['format']) => {\n      formatModel.value = v;\n      props.onModeChange(v);\n    };\n\n    return {\n      formatModel,\n      baseClassName,\n      handleModeChange,\n    };\n  },\n  render() {\n    const formats: TdColorPickerProps['format'][] = [...FORMATS];\n    const { baseClassName, handleModeChange } = this;\n    const newProps = {\n      ...this.$props,\n      format: this.formatModel,\n    };\n    const selectInputProps = {\n      ...((this.selectInputProps as Object) || {}),\n    };\n    return (\n      <div class={`${baseClassName}__format`}>\n        <div class={`${baseClassName}__format--item`}>\n          <TSelect\n            size=\"small\"\n            class={`${baseClassName}__format-mode-select`}\n            selectInputProps={{ ...selectInputProps }}\n            popupProps={{\n              overlayClassName: `${baseClassName}__select-options`,\n              ...(selectInputProps as TdSelectInputProps).popupProps,\n            }}\n            v-model={this.formatModel}\n            onChange={handleModeChange}\n          >\n            {formats.map((item) => (\n              <TOption key={item} value={item} label={upperCase(item)} style={{ fontSize: '12px' }} />\n            ))}\n          </TSelect>\n        </div>\n        <div class={`${baseClassName}__format--item`}>\n          <FormatInputs {...newProps} />\n        </div>\n      </div>\n    );\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","inheritAttrs","props","_objectSpread","color","type","onModeChange","Function","default","onInputChange","setup","baseClassName","useBaseClassName","formatModel","ref","format","watch","value","handleModeChange","v","render","_this","_slot","formats","_toConsumableArray","FORMATS","newProps","$props","selectInputProps","_createVNode","concat","TSelect","overlayClassName","popupProps","onUpdateModelValue","$event","map","item","TOption","upperCase","fontSize","_default"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/color-picker/panel/format/index.tsx"],"sourcesContent":["import { defineComponent, PropType, ref, watch } from 'vue';\nimport upperCase from 'lodash/upperCase';\nimport { TdColorPickerProps } from '../../type';\nimport props from '../../props';\nimport { FORMATS } from '../../../_common/js/color-picker/constants';\nimport { Color } from '../../utils';\nimport { Select as TSelect, Option as TOption } from '../../../select';\nimport FormatInputs from './inputs';\nimport { useBaseClassName } from '../../hooks';\nimport type { TdSelectInputProps } from '../../../select-input/type';\n\nexport default defineComponent({\n  name: 'FormatPanel',\n  inheritAttrs: false,\n  props: {\n    ...props,\n    color: {\n      type: Object as PropType<Color>,\n    },\n    onModeChange: {\n      type: Function,\n      default: () => {\n        return () => {};\n      },\n    },\n    onInputChange: {\n      type: Function,\n      default: () => {\n        return () => {};\n      },\n    },\n  },\n  setup(props) {\n    const baseClassName = useBaseClassName();\n    const formatModel = ref<TdColorPickerProps['format']>(props.format);\n    watch(\n      () => [props.format],\n      () => (formatModel.value = props.format),\n    );\n\n    /**\n     * 格式化类型改变触发\n     * @param v\n     */\n    const handleModeChange = (v: TdColorPickerProps['format']) => {\n      formatModel.value = v;\n      props.onModeChange(v);\n    };\n\n    return {\n      formatModel,\n      baseClassName,\n      handleModeChange,\n    };\n  },\n  render() {\n    const { baseClassName, handleModeChange } = this;\n    const newProps = {\n      ...this.$props,\n      format: this.formatModel,\n    };\n    const selectInputProps = {\n      ...((this.selectInputProps as Object) || {}),\n    };\n    return (\n      <div class={`${baseClassName}__format`}>\n        <div class={`${baseClassName}__format--item`}>\n          <TSelect\n            size=\"small\"\n            class={`${baseClassName}__format-mode-select`}\n            selectInputProps={{ ...selectInputProps }}\n            popupProps={{\n              overlayClassName: `${baseClassName}__select-options`,\n              ...(selectInputProps as TdSelectInputProps).popupProps,\n            }}\n            v-model={this.formatModel}\n            onChange={handleModeChange}\n          >\n            {FORMATS.map((item) => (\n              <TOption key={item} value={item} label={upperCase(item)} style={{ fontSize: '12px' }} />\n            ))}\n          </TSelect>\n        </div>\n        <div class={`${baseClassName}__format--item`}>\n          <FormatInputs {...newProps} />\n        </div>\n      </div>\n    );\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","inheritAttrs","props","_objectSpread","color","type","onModeChange","Function","default","onInputChange","setup","baseClassName","useBaseClassName","formatModel","ref","format","watch","value","handleModeChange","v","render","_this","_slot","newProps","$props","selectInputProps","_createVNode","concat","TSelect","overlayClassName","popupProps","onUpdateModelValue","$event","FORMATS","map","item","TOption","upperCase","fontSize","_default"],"mappings":"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"}

package/lib/color-picker/panel/format/inputs.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v1.10.4
+ * tdesign v1.10.5-alpha.2
  * (c) 2024 tdesign
  * @license MIT
  */
@@ -30,9 +30,9 @@ import 'lodash/mergeWith';
 import 'lodash/merge';
 import '../../../_common/js/global-config/default-config.js';
 import '../../../_common/js/global-config/locale/zh_CN.js';
-import '../../../_chunks/dep-85e606a2.js';
+import '../../../_chunks/dep-4da7862a.js';
 import '@babel/runtime/helpers/typeof';
-import '../../../_chunks/dep-011ece53.js';
+import '../../../_chunks/dep-5ac81001.js';
 import 'dayjs';
 import 'lodash/isArray';
 import '../../../hooks/useGlobalIcon.js';

package/lib/color-picker/panel/header.d.ts

@@ -83,11 +83,7 @@ declare const _default: import("vue").DefineComponent<{
         color: import("..").ColorObject;
     }) => void>;
     onRecentColorsChange: PropType<(value: string[]) => void>;
-}, {
-    baseClassName: import("vue").ComputedRef<any>;
-    modeValue: import("vue").Ref<TdColorModes>;
-    handleModeChange: (v: string) => any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     mode: {
         type: PropType<TdColorModes>;
         default: string;

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

@@ -1,5 +1,5 @@
 /**
- * tdesign v1.10.4
+ * tdesign v1.10.5-alpha.2
  * (c) 2024 tdesign
  * @license MIT
  */
@@ -7,14 +7,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { defineComponent, ref, watch, createVNode, isVNode } from 'vue';
 import props from '../props.js';
+import { COLOR_MODES } from '../../_common/js/color-picker/constants.js';
 import { RadioGroup, RadioButton } from '../../radio/index.js';
 import { useBaseClassName } from '../hooks.js';
-import { COLOR_MODES } from '../../_common/js/color-picker/constants.js';
+import { useConfig } from '../../config-provider/useConfig.js';
 import '../../radio/radio.js';
 import '@babel/runtime/helpers/toConsumableArray';
 import '@babel/runtime/helpers/slicedToArray';
 import '../../hooks/useConfig.js';
-import '../../config-provider/useConfig.js';
 import 'lodash/isFunction';
 import 'lodash/cloneDeep';
 import 'lodash/isString';
@@ -23,9 +23,9 @@ import 'lodash/mergeWith';
 import 'lodash/merge';
 import '../../_common/js/global-config/default-config.js';
 import '../../_common/js/global-config/locale/zh_CN.js';
-import '../../_chunks/dep-85e606a2.js';
+import '../../_chunks/dep-4da7862a.js';
 import '@babel/runtime/helpers/typeof';
-import '../../_chunks/dep-011ece53.js';
+import '../../_chunks/dep-5ac81001.js';
 import 'dayjs';
 import 'lodash/isArray';
 import '../../utils/helper.js';
@@ -83,6 +83,8 @@ var PanelHeader = defineComponent({
     }
   }),
   setup: function setup(props2) {
+    var _useConfig = useConfig("colorPicker"),
+      globalConfig = _useConfig.globalConfig;
     var baseClassName = useBaseClassName();
     var modeValue = ref(props2.mode);
     var handleModeChange = function handleModeChange(v) {
@@ -93,47 +95,40 @@ var PanelHeader = 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 createVNode("div", {
-      "class": "".concat(baseClassName, "__head")
-    }, [createVNode("div", {
-      "class": "".concat(baseClassName, "__mode")
-    }, [((_this$colorModes2 = this.colorModes) === null || _this$colorModes2 === void 0 ? void 0 : _this$colorModes2.length) === 1 ? COLOR_MODES[this.colorModes[0]] : createVNode(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(COLOR_MODES).map(function (key) {
-      return createVNode(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 createVNode("div", {
+        "class": "".concat(baseClassName.value, "__head")
+      }, [createVNode("div", {
+        "class": "".concat(baseClassName.value, "__mode")
+      }, [createVNode(RadioGroup, {
+        "variant": "default-filled",
+        "size": "small",
+        "modelValue": modeValue.value,
+        "onUpdate:modelValue": function onUpdateModelValue($event) {
+          return modeValue.value = $event;
+        },
+        "onChange": handleModeChange
+      }, _isSlot(_slot2 = Object.keys(COLOR_MODES).map(function (key) {
+        var _slot;
+        return createVNode(RadioButton, {
+          "key": key,
+          "value": key
+        }, _isSlot(_slot = Reflect.get(globalConfig.value, COLOR_MODES[key])) ? _slot : {
+          "default": function _default() {
+            return [_slot];
+          }
+        });
+      })) ? _slot2 : {
         "default": function _default() {
-          return [COLOR_MODES[key]];
+          return [_slot2];
         }
-      });
-    })) ? _slot : {
-      "default": function _default() {
-        return [_slot];
-      }
-    })])]);
+      })])]);
+    };
   }
 });
 

package/lib/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/lib/color-picker/panel/hue.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v1.10.4
+ * tdesign v1.10.5-alpha.2
  * (c) 2024 tdesign
  * @license MIT
  */
@@ -23,9 +23,9 @@ import 'lodash/mergeWith';
 import 'lodash/merge';
 import '../../_common/js/global-config/default-config.js';
 import '../../_common/js/global-config/locale/zh_CN.js';
-import '../../_chunks/dep-85e606a2.js';
+import '../../_chunks/dep-4da7862a.js';
 import '@babel/runtime/helpers/typeof';
-import '../../_chunks/dep-011ece53.js';
+import '../../_chunks/dep-5ac81001.js';
 import 'dayjs';
 import 'lodash/isArray';
 

package/lib/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/lib/color-picker/panel/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v1.10.4
+ * tdesign v1.10.5-alpha.2
  * (c) 2024 tdesign
  * @license MIT
  */
@@ -10,6 +10,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { defineComponent, toRefs, computed, ref, watch, createVNode, mergeProps, Fragment } from 'vue';
 import { useCommonClassName } from '../../hooks/useConfig.js';
 import props from '../props.js';
+import { DEFAULT_LINEAR_GRADIENT, DEFAULT_COLOR, DEFAULT_SYSTEM_SWATCH_COLORS, TD_COLOR_USED_COLORS_MAX_SIZE } from '../../_common/js/color-picker/constants.js';
 import PanelHeader from './header.js';
 import LinearGradient from './linear-gradient.js';
 import SaturationPanel from './saturation.js';
@@ -22,7 +23,6 @@ import useVModel from '../../hooks/useVModel.js';
 import useDefaultValue from '../../hooks/useDefaultValue.js';
 import cloneDeep from 'lodash/cloneDeep';
 import { useConfig } from '../../config-provider/useConfig.js';
-import { DEFAULT_LINEAR_GRADIENT, DEFAULT_COLOR, DEFAULT_SYSTEM_SWATCH_COLORS, TD_COLOR_USED_COLORS_MAX_SIZE } from '../../_common/js/color-picker/constants.js';
 import { Color, getColorObject } from '../../_common/js/color-picker/color.js';
 import 'lodash/isFunction';
 import 'lodash/isString';
@@ -31,9 +31,9 @@ import 'lodash/mergeWith';
 import 'lodash/merge';
 import '../../_common/js/global-config/default-config.js';
 import '../../_common/js/global-config/locale/zh_CN.js';
-import '../../_chunks/dep-85e606a2.js';
+import '../../_chunks/dep-4da7862a.js';
 import '@babel/runtime/helpers/typeof';
-import '../../_chunks/dep-011ece53.js';
+import '../../_chunks/dep-5ac81001.js';
 import 'dayjs';
 import 'lodash/isArray';
 import '../../radio/index.js';
@@ -112,7 +112,6 @@ import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import './slider.js';
 import 'lodash/upperCase';
-import '../const.js';
 import '../../select/index.js';
 import '../../select/select.js';
 import 'lodash/pick';

package/lib/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/lib/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
  */
@@ -7,11 +7,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { defineComponent, ref, reactive, watch, onMounted, onBeforeUnmount, createVNode } from 'vue';
 import cloneDeep from 'lodash/cloneDeep';
+import { GRADIENT_SLIDER_DEFAULT_WIDTH } from '../../_common/js/color-picker/constants.js';
 import { InputNumber } from '../../input-number/index.js';
 import { useBaseClassName } from '../hooks.js';
 import { useCommonClassName } from '../../hooks/useConfig.js';
 import baseProps from './base-props.js';
-import { GRADIENT_SLIDER_DEFAULT_WIDTH } from '../../_common/js/color-picker/constants.js';
 import { gradientColors2string, genGradientPoint } from '../../_common/js/color-picker/color.js';
 import '../../input-number/input-number.js';
 import 'tdesign-icons-vue-next';
@@ -43,9 +43,9 @@ import '../../config-provider/context.js';
 import 'lodash/mergeWith';
 import '../../_common/js/global-config/default-config.js';
 import '../../_common/js/global-config/locale/zh_CN.js';
-import '../../_chunks/dep-85e606a2.js';
+import '../../_chunks/dep-4da7862a.js';
 import '@babel/runtime/helpers/typeof';
-import '../../_chunks/dep-011ece53.js';
+import '../../_chunks/dep-5ac81001.js';
 import 'dayjs';
 import '../../utils/dom.js';
 import '../../utils/easing.js';