@sdata/web-vue 3.6.0 → 3.7.1

package/es/_components/select-view/style/index.css

@@ -785,6 +785,12 @@
 .sd-select-view-multiple:not(.sd-select-view-focus) .sd-select-view-icon-hover:hover::before {
   background-color: var(--sd-color-fill-4);
 }
+.sd-select-view-multiple {
+  position: relative;
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
+}
 .sd-select-view-multiple.sd-select-view-has-tag {
   padding-right: 4px;
   padding-left: 4px;
@@ -884,6 +890,9 @@
 .sd-select-view-multiple .sd-select-view-resize-observer {
   position: absolute;
   inset: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
   visibility: hidden;
   pointer-events: none;
 }
@@ -891,11 +900,18 @@
   position: absolute;
   top: 0;
   left: 0;
-  display: inline-flex;
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  overflow: hidden;
   white-space: nowrap;
   visibility: hidden;
   pointer-events: none;
 }
+.sd-select-view-multiple .sd-select-view-measure .sd-select-view-tag {
+  display: inline-flex;
+  flex-shrink: 0;
+}
 .sd-select-view-multiple .sd-select-view-tag-ellipsis {
   display: block;
   min-width: 0;

package/es/cascader/cascader-panel.vue.d.ts

@@ -7,11 +7,9 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<CascaderPanelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (value: CascaderModelValue) => any;
     "update:modelValue": (value: CascaderModelValue) => any;
-    "update:value": (value: CascaderModelValue) => any;
 }, string, import("vue").PublicProps, Readonly<CascaderPanelProps> & Readonly<{
     onChange?: ((value: CascaderModelValue) => any) | undefined;
     "onUpdate:modelValue"?: ((value: CascaderModelValue) => any) | undefined;
-    "onUpdate:value"?: ((value: CascaderModelValue) => any) | undefined;
 }>, {
     options: CascaderOption[];
     valueKey: string;

package/es/cascader/cascader-panel.vue_vue_type_script_setup_true_lang.js

@@ -19,7 +19,6 @@ var cascader_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			default: false
 		},
 		modelValue: {},
-		value: {},
 		defaultValue: {},
 		options: { default: () => [] },
 		expandTrigger: { default: "click" },
@@ -35,11 +34,7 @@ var cascader_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			default: false
 		}
 	},
-	emits: [
-		"update:modelValue",
-		"update:value",
-		"change"
-	],
+	emits: ["update:modelValue", "change"],
 	setup(__props, { emit: __emit }) {
 		var _props$defaultValue;
 		const props = __props;
@@ -50,11 +45,10 @@ var cascader_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			if (pathMode) return;
 			return "";
 		};
-		const { options, checkStrictly, loadMore, modelValue, value: valueProp, valueKey, expandChild, expandTrigger, multiple, pathMode } = toRefs(props);
+		const { options, checkStrictly, loadMore, modelValue, valueKey, expandChild, expandTrigger, multiple, pathMode } = toRefs(props);
 		const _value = ref((_props$defaultValue = props.defaultValue) !== null && _props$defaultValue !== void 0 ? _props$defaultValue : getDefaultValue(props.multiple, props.pathMode));
-		watch([modelValue, valueProp], ([nextModelValue, nextValue]) => {
-			const mergedValue = nextModelValue !== null && nextModelValue !== void 0 ? nextModelValue : nextValue;
-			if (isUndefined(mergedValue) || isNull(mergedValue)) _value.value = getDefaultValue(props.multiple, props.pathMode);
+		watch(modelValue, (nextModelValue) => {
+			if (isUndefined(nextModelValue) || isNull(nextModelValue)) _value.value = getDefaultValue(props.multiple, props.pathMode);
 		});
 		const optionInfos = ref([]);
 		const totalLevel = ref(1);
@@ -97,8 +91,8 @@ var cascader_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			});
 		}, { immediate: true });
 		const computedValueMap = computed(() => {
-			var _ref, _props$modelValue;
-			const values = getValidValues((_ref = (_props$modelValue = props.modelValue) !== null && _props$modelValue !== void 0 ? _props$modelValue : props.value) !== null && _ref !== void 0 ? _ref : _value.value, {
+			var _props$modelValue;
+			const values = getValidValues((_props$modelValue = props.modelValue) !== null && _props$modelValue !== void 0 ? _props$modelValue : _value.value, {
 				multiple: props.multiple,
 				pathMode: props.pathMode
 			});
@@ -117,7 +111,6 @@ var cascader_panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			}
 			_value.value = value;
 			emit("update:modelValue", value);
-			emit("update:value", value);
 			emit("change", value);
 		};
 		const selectSingle = (option) => {

package/es/cascader/cascader.vue.d.ts

@@ -25,7 +25,6 @@ declare const __VLS_base: import("vue").DefineComponent<CascaderProps, {}, {}, {
     "update:popupVisible": (visible: boolean) => any;
     popupVisibleChange: (visible: boolean) => any;
     "update:modelValue": (value: CascaderModelValue) => any;
-    "update:value": (value: CascaderModelValue) => any;
     inputValueChange: (value: string) => any;
     "update:show": (visible: boolean) => any;
     showChange: (visible: boolean) => any;
@@ -38,7 +37,6 @@ declare const __VLS_base: import("vue").DefineComponent<CascaderProps, {}, {}, {
     "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
     onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: CascaderModelValue) => any) | undefined;
-    "onUpdate:value"?: ((value: CascaderModelValue) => any) | undefined;
     onInputValueChange?: ((value: string) => any) | undefined;
     "onUpdate:show"?: ((visible: boolean) => any) | undefined;
     onShowChange?: ((visible: boolean) => any) | undefined;

package/es/cascader/cascader.vue_vue_type_script_setup_true_lang.js

@@ -33,7 +33,6 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			default: false
 		},
 		modelValue: {},
-		value: {},
 		defaultValue: {},
 		options: { default: () => [] },
 		disabled: {
@@ -105,7 +104,6 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 	},
 	emits: [
 		"update:modelValue",
-		"update:value",
 		"update:popupVisible",
 		"update:show",
 		"change",
@@ -128,7 +126,7 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			if (pathMode) return;
 			return "";
 		};
-		const { options, checkStrictly, loadMore, formatLabel, modelValue, value: valueProp, disabled, valueKey, expandTrigger, expandChild, pathMode, multiple, popupVisible, show, defaultPopupVisible, defaultShow, error, size, placeholder, loading, maxTagCount, tagNowrap, popupContainer, searchOptionOnlyLabel } = toRefs(props);
+		const { options, checkStrictly, loadMore, formatLabel, modelValue, disabled, valueKey, expandTrigger, expandChild, pathMode, multiple, popupVisible, show, defaultPopupVisible, defaultShow, error, size, placeholder, loading, maxTagCount, tagNowrap, popupContainer, searchOptionOnlyLabel } = toRefs(props);
 		const _value = ref((_props$defaultValue = props.defaultValue) !== null && _props$defaultValue !== void 0 ? _props$defaultValue : getDefaultValue(props.multiple, props.pathMode));
 		const _inputValue = ref(props.defaultInputValue);
 		const instance = getCurrentInstance();
@@ -172,9 +170,8 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			var _props$triggerProps;
 			return (_props$triggerProps = props.triggerProps) !== null && _props$triggerProps !== void 0 ? _props$triggerProps : {};
 		});
-		watch([modelValue, valueProp], ([nextModelValue, nextValue]) => {
-			const mergedValue = nextModelValue !== null && nextModelValue !== void 0 ? nextModelValue : nextValue;
-			if (isUndefined(mergedValue) || isNull(mergedValue)) _value.value = getDefaultValue(props.multiple, props.pathMode);
+		watch(modelValue, (nextModelValue) => {
+			if (isUndefined(nextModelValue) || isNull(nextModelValue)) _value.value = getDefaultValue(props.multiple, props.pathMode);
 		});
 		const optionInfos = ref([]);
 		const totalLevel = ref(1);
@@ -220,8 +217,8 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			deep: true
 		});
 		const computedValueMap = computed(() => {
-			var _ref, _props$modelValue;
-			const values = getValidValues((_ref = (_props$modelValue = props.modelValue) !== null && _props$modelValue !== void 0 ? _props$modelValue : props.value) !== null && _ref !== void 0 ? _ref : _value.value, {
+			var _props$modelValue;
+			const values = getValidValues((_props$modelValue = props.modelValue) !== null && _props$modelValue !== void 0 ? _props$modelValue : _value.value, {
 				multiple: props.multiple,
 				pathMode: props.pathMode
 			});
@@ -259,7 +256,6 @@ var cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineC
 			}
 			_value.value = value;
 			emit("update:modelValue", value);
-			emit("update:value", value);
 			emit("change", value);
 			(_eventHandlers$value = eventHandlers.value) === null || _eventHandlers$value === void 0 || (_eventHandlers$value$ = _eventHandlers$value.onChange) === null || _eventHandlers$value$ === void 0 || _eventHandlers$value$.call(_eventHandlers$value);
 		};

package/es/cascader/types.d.ts

@@ -7,7 +7,6 @@ export interface CascaderProps {
     pathMode?: boolean;
     multiple?: boolean;
     modelValue?: CascaderModelValue;
-    value?: CascaderModelValue;
     defaultValue?: CascaderModelValue;
     options?: CascaderOption[];
     disabled?: boolean;
@@ -46,7 +45,6 @@ export interface CascaderProps {
 }
 export type CascaderEmits = {
     'update:modelValue': [value: CascaderModelValue];
-    'update:value': [value: CascaderModelValue];
     'update:popupVisible': [visible: boolean];
     'update:show': [visible: boolean];
     'change': [value: CascaderModelValue];
@@ -62,7 +60,6 @@ export interface CascaderPanelProps {
     pathMode?: boolean;
     multiple?: boolean;
     modelValue?: CascaderModelValue;
-    value?: CascaderModelValue;
     defaultValue?: CascaderModelValue;
     options?: CascaderOption[];
     expandTrigger?: CascaderExpandTrigger;
@@ -74,6 +71,5 @@ export interface CascaderPanelProps {
 }
 export type CascaderPanelEmits = {
     'update:modelValue': [value: CascaderModelValue];
-    'update:value': [value: CascaderModelValue];
     'change': [value: CascaderModelValue];
 };

package/es/color-picker/color-picker.d.ts

@@ -13,7 +13,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    value: StringConstructor;
     modelValue: StringConstructor;
     defaultValue: {
         type: StringConstructor;
@@ -55,22 +54,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     triggerProps: {
         type: PropType<Partial<TriggerProps>>;
     };
-    historyColors: {
-        type: PropType<string[]>;
-    };
-    presetColors: {
-        type: PropType<string[]>;
-    };
-    showText: BooleanConstructor;
-    showHistory: BooleanConstructor;
-    showPreset: BooleanConstructor;
-    disabledAlpha: BooleanConstructor;
-    selectInputProps: {
-        type: PropType<Record<string, unknown>>;
-    };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:modelValue': (_value: string) => true;
-    'update:value': (_value: string) => true;
     change: (_value: string, _context: {
         color: ColorObject;
         trigger: ColorPickerChangeTrigger;
@@ -94,7 +79,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    value: StringConstructor;
     modelValue: StringConstructor;
     defaultValue: {
         type: StringConstructor;
@@ -136,19 +120,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     triggerProps: {
         type: PropType<Partial<TriggerProps>>;
     };
-    historyColors: {
-        type: PropType<string[]>;
-    };
-    presetColors: {
-        type: PropType<string[]>;
-    };
-    showText: BooleanConstructor;
-    showHistory: BooleanConstructor;
-    showPreset: BooleanConstructor;
-    disabledAlpha: BooleanConstructor;
-    selectInputProps: {
-        type: PropType<Record<string, unknown>>;
-    };
 }>> & Readonly<{
     onClear?: ((_context: {
         e: MouseEvent;
@@ -158,7 +129,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         trigger: ColorPickerChangeTrigger;
     }) => any) | undefined;
     "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
-    "onUpdate:value"?: ((_value: string) => any) | undefined;
     "onPopup-visible-change"?: ((_visible: boolean, _value: string) => any) | undefined;
     "onPalette-bar-change"?: ((_context: {
         color: ColorObject;
@@ -178,10 +148,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     recentColors: RecentColorsValue;
     swatchColors: string[] | null;
     borderless: boolean;
-    showText: boolean;
-    showHistory: boolean;
-    showPreset: boolean;
-    disabledAlpha: boolean;
     defaultRecentColors: RecentColorsValue;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -24,7 +24,6 @@ var color_picker_default = /* @__PURE__ */ defineComponent({
 		* @zh 色值
 		* @en Value
 		*/
-		value: String,
 		modelValue: String,
 		/**
 		* @zh 默认色值
@@ -102,7 +101,7 @@ var color_picker_default = /* @__PURE__ */ defineComponent({
 			default: false
 		},
 		/**
-		* @zh 是否内联面板。兼容旧版 hideTrigger 语义
+		* @zh 是否内联面板
 		* @en Render panel inline
 		*/
 		hideTrigger: Boolean,
@@ -110,46 +109,10 @@ var color_picker_default = /* @__PURE__ */ defineComponent({
 		* @zh 透传 Trigger 组件属性
 		* @en Trigger props
 		*/
-		triggerProps: { type: Object },
-		/**
-		* @zh 兼容旧版历史颜色
-		* @en Legacy history colors
-		*/
-		historyColors: { type: Array },
-		/**
-		* @zh 兼容旧版预设颜色
-		* @en Legacy preset colors
-		*/
-		presetColors: { type: Array },
-		/**
-		* @zh 兼容旧版显示文字
-		* @en Legacy show text
-		*/
-		showText: Boolean,
-		/**
-		* @zh 兼容旧版显示历史色
-		* @en Legacy show history
-		*/
-		showHistory: Boolean,
-		/**
-		* @zh 兼容旧版显示预设色
-		* @en Legacy show preset
-		*/
-		showPreset: Boolean,
-		/**
-		* @zh 兼容旧版禁用透明通道
-		* @en Legacy disable alpha
-		*/
-		disabledAlpha: Boolean,
-		/**
-		* @zh 兼容 tdesign 的选择输入框透传属性，当前版本未使用
-		* @en Select input props
-		*/
-		selectInputProps: { type: Object }
+		triggerProps: { type: Object }
 	},
 	emits: {
 		"update:modelValue": (_value) => true,
-		"update:value": (_value) => true,
 		/**
 		* @zh 颜色值改变时触发
 		* @en Triggered when the color value changes
@@ -169,23 +132,19 @@ var color_picker_default = /* @__PURE__ */ defineComponent({
 		const innerValue = ref(props.defaultValue);
 		const innerRecentColors = ref(Array.isArray(props.defaultRecentColors) ? props.defaultRecentColors : []);
 		const mergedValue = computed(() => {
-			var _ref, _props$modelValue;
-			return (_ref = (_props$modelValue = props.modelValue) !== null && _props$modelValue !== void 0 ? _props$modelValue : props.value) !== null && _ref !== void 0 ? _ref : innerValue.value;
+			var _props$modelValue;
+			return (_props$modelValue = props.modelValue) !== null && _props$modelValue !== void 0 ? _props$modelValue : innerValue.value;
 		});
-		const mergedEnableAlpha = computed(() => props.enableAlpha || !props.disabledAlpha);
+		const mergedEnableAlpha = computed(() => props.enableAlpha);
 		const normalizedFormat = computed(() => normalizeFormat(props.format, mergedEnableAlpha.value));
 		const mergedRecentColors = computed(() => {
-			if (props.showHistory && props.historyColors) return props.historyColors;
 			if (props.recentColors === null || props.recentColors === false) return props.recentColors;
 			if (Array.isArray(props.recentColors)) return props.recentColors;
 			return innerRecentColors.value;
 		});
 		const mergedSwatchColors = computed(() => {
-			var _props$presetColors;
-			if (props.showPreset) return (_props$presetColors = props.presetColors) !== null && _props$presetColors !== void 0 ? _props$presetColors : colors;
 			if (props.swatchColors === null) return null;
 			if (Array.isArray(props.swatchColors)) return props.swatchColors;
-			if (props.swatchColors === void 0 && props.showPreset === false) return null;
 			return colors;
 		});
 		const colorState = computed(() => parseColorState(mergedValue.value, props.colorModes));
@@ -198,9 +157,8 @@ var color_picker_default = /* @__PURE__ */ defineComponent({
 			return colorState.value.mode === "linear-gradient" ? { backgroundImage: background } : { backgroundColor: background };
 		});
 		const syncValue = (value) => {
-			if (props.modelValue === void 0 && props.value === void 0) innerValue.value = value;
+			if (props.modelValue === void 0) innerValue.value = value;
 			emit("update:modelValue", value);
-			emit("update:value", value);
 		};
 		const syncRecentColors = (value) => {
 			if (props.recentColors === void 0) innerRecentColors.value = value;

package/es/color-picker/index.d.ts

@@ -13,7 +13,6 @@ declare const ColorPicker: {
             type: BooleanConstructor;
             default: boolean;
         };
-        value: StringConstructor;
         modelValue: StringConstructor;
         defaultValue: {
             type: StringConstructor;
@@ -55,19 +54,6 @@ declare const ColorPicker: {
         triggerProps: {
             type: import("vue").PropType<Partial<import("..").TriggerProps>>;
         };
-        historyColors: {
-            type: import("vue").PropType<string[]>;
-        };
-        presetColors: {
-            type: import("vue").PropType<string[]>;
-        };
-        showText: BooleanConstructor;
-        showHistory: BooleanConstructor;
-        showPreset: BooleanConstructor;
-        disabledAlpha: BooleanConstructor;
-        selectInputProps: {
-            type: import("vue").PropType<Record<string, unknown>>;
-        };
     }>> & Readonly<{
         onClear?: ((_context: {
             e: MouseEvent;
@@ -77,7 +63,6 @@ declare const ColorPicker: {
             trigger: import("./interface").ColorPickerChangeTrigger;
         }) => any) | undefined;
         "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
-        "onUpdate:value"?: ((_value: string) => any) | undefined;
         "onPopup-visible-change"?: ((_visible: boolean, _value: string) => any) | undefined;
         "onPalette-bar-change"?: ((_context: {
             color: import("./interface").ColorObject;
@@ -85,7 +70,6 @@ declare const ColorPicker: {
         "onRecent-colors-change"?: ((_value: string[]) => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:modelValue': (_value: string) => true;
-        'update:value': (_value: string) => true;
         change: (_value: string, _context: {
             color: import("./interface").ColorObject;
             trigger: import("./interface").ColorPickerChangeTrigger;
@@ -112,10 +96,6 @@ declare const ColorPicker: {
         recentColors: import("./interface").RecentColorsValue;
         swatchColors: string[] | null;
         borderless: boolean;
-        showText: boolean;
-        showHistory: boolean;
-        showPreset: boolean;
-        disabledAlpha: boolean;
         defaultRecentColors: import("./interface").RecentColorsValue;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -135,7 +115,6 @@ declare const ColorPicker: {
             type: BooleanConstructor;
             default: boolean;
         };
-        value: StringConstructor;
         modelValue: StringConstructor;
         defaultValue: {
             type: StringConstructor;
@@ -177,19 +156,6 @@ declare const ColorPicker: {
         triggerProps: {
             type: import("vue").PropType<Partial<import("..").TriggerProps>>;
         };
-        historyColors: {
-            type: import("vue").PropType<string[]>;
-        };
-        presetColors: {
-            type: import("vue").PropType<string[]>;
-        };
-        showText: BooleanConstructor;
-        showHistory: BooleanConstructor;
-        showPreset: BooleanConstructor;
-        disabledAlpha: BooleanConstructor;
-        selectInputProps: {
-            type: import("vue").PropType<Record<string, unknown>>;
-        };
     }>> & Readonly<{
         onClear?: ((_context: {
             e: MouseEvent;
@@ -199,7 +165,6 @@ declare const ColorPicker: {
             trigger: import("./interface").ColorPickerChangeTrigger;
         }) => any) | undefined;
         "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
-        "onUpdate:value"?: ((_value: string) => any) | undefined;
         "onPopup-visible-change"?: ((_visible: boolean, _value: string) => any) | undefined;
         "onPalette-bar-change"?: ((_context: {
             color: import("./interface").ColorObject;
@@ -219,10 +184,6 @@ declare const ColorPicker: {
         recentColors: import("./interface").RecentColorsValue;
         swatchColors: string[] | null;
         borderless: boolean;
-        showText: boolean;
-        showHistory: boolean;
-        showPreset: boolean;
-        disabledAlpha: boolean;
         defaultRecentColors: import("./interface").RecentColorsValue;
     }>;
     __isFragment?: never;
@@ -239,7 +200,6 @@ declare const ColorPicker: {
         type: BooleanConstructor;
         default: boolean;
     };
-    value: StringConstructor;
     modelValue: StringConstructor;
     defaultValue: {
         type: StringConstructor;
@@ -281,19 +241,6 @@ declare const ColorPicker: {
     triggerProps: {
         type: import("vue").PropType<Partial<import("..").TriggerProps>>;
     };
-    historyColors: {
-        type: import("vue").PropType<string[]>;
-    };
-    presetColors: {
-        type: import("vue").PropType<string[]>;
-    };
-    showText: BooleanConstructor;
-    showHistory: BooleanConstructor;
-    showPreset: BooleanConstructor;
-    disabledAlpha: BooleanConstructor;
-    selectInputProps: {
-        type: import("vue").PropType<Record<string, unknown>>;
-    };
 }>> & Readonly<{
     onClear?: ((_context: {
         e: MouseEvent;
@@ -303,7 +250,6 @@ declare const ColorPicker: {
         trigger: import("./interface").ColorPickerChangeTrigger;
     }) => any) | undefined;
     "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
-    "onUpdate:value"?: ((_value: string) => any) | undefined;
     "onPopup-visible-change"?: ((_visible: boolean, _value: string) => any) | undefined;
     "onPalette-bar-change"?: ((_context: {
         color: import("./interface").ColorObject;
@@ -311,7 +257,6 @@ declare const ColorPicker: {
     "onRecent-colors-change"?: ((_value: string[]) => any) | undefined;
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:modelValue': (_value: string) => true;
-    'update:value': (_value: string) => true;
     change: (_value: string, _context: {
         color: import("./interface").ColorObject;
         trigger: import("./interface").ColorPickerChangeTrigger;
@@ -338,10 +283,6 @@ declare const ColorPicker: {
     recentColors: import("./interface").RecentColorsValue;
     swatchColors: string[] | null;
     borderless: boolean;
-    showText: boolean;
-    showHistory: boolean;
-    showPreset: boolean;
-    disabledAlpha: boolean;
     defaultRecentColors: import("./interface").RecentColorsValue;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     install: (app: App, options?: SDOptions) => void;

package/es/color-picker/style/index.css

@@ -342,19 +342,12 @@
 .sd-color-picker-panel .sd-color-picker-select {
   width: 58px;
 }
-.sd-color-picker-panel .sd-color-picker-input-alpha {
-  flex: 0 0 auto;
-  width: 52px;
-}
 .sd-color-picker-panel .sd-color-picker-input-group {
   width: 100%;
 }
 .sd-color-picker-panel .sd-color-picker-format-input {
   min-width: 0;
 }
-.sd-color-picker-panel .sd-color-picker-input-hex .sd-input {
-  padding-left: 4px;
-}
 .sd-color-picker-panel.sd-color-picker-panel-disabled .sd-color-picker-palette,
 .sd-color-picker-panel.sd-color-picker-panel-disabled .sd-color-picker-control-bar,
 .sd-color-picker-panel.sd-color-picker-panel-disabled .sd-color-picker-color-block,

package/es/color-picker/style/index.scss

@@ -396,11 +396,6 @@ $token-vars: map.merge(meta.module-variables('inputToken'), meta.module-variable
     width: $color-panel-format-select-width;
   }
 
-  .#{$color-picker-prefix-cls}-input-alpha {
-    flex: 0 0 auto;
-    width: $color-panel-alpha-input-width;
-  }
-
   .#{$color-picker-prefix-cls}-input-group {
     width: 100%;
   }
@@ -409,12 +404,6 @@ $token-vars: map.merge(meta.module-variables('inputToken'), meta.module-variable
     min-width: 0;
   }
 
-  .#{$color-picker-prefix-cls}-input-hex {
-    .#{theme.$prefix}-input {
-      padding-left: global.$spacing-2;
-    }
-  }
-
   &#{&}-disabled {
     .#{$color-picker-prefix-cls}-palette,
     .#{$color-picker-prefix-cls}-control-bar,

package/es/color-picker/style/token.scss

@@ -87,8 +87,6 @@ $color-panel-preview-size: 40px;
 
 $color-panel-format-select-width: 58px;
 
-$color-panel-alpha-input-width: 52px;
-
 $color-panel-section-title-font-size: global.$font-size-caption;
 
 $color-panel-empty-font-size: global.$font-size-body-1;