@sdata/web-vue 1.7.1 → 1.9.0

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

@@ -227,6 +227,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     handleBlur: (e: FocusEvent) => void;
     handleRemove: (key: string) => void;
     mergedDisabled: import("vue").ComputedRef<boolean>;
+    mergedAllowClear: import("vue").ComputedRef<boolean | undefined>;
     handleKeyDown: (event: KeyboardEvent) => void;
     totalLevel: import("vue").Ref<number, number>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -372,12 +373,13 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     defaultValue: string | number | Record<string, any> | (string | number | Record<string, any> | (string | number | Record<string, any>)[])[] | undefined;
     loading: boolean;
     allowClear: boolean;
+    multiple: boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     options: CascaderOption[];
     valueKey: string;
     inputValue: string;
-    multiple: boolean;
+    expandTrigger: "hover" | "click";
     defaultInputValue: string;
     maxTagCount: number;
     tagNowrap: boolean;
@@ -386,7 +388,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     checkStrictly: boolean;
     pathMode: boolean;
     expandChild: boolean;
-    expandTrigger: "hover" | "click";
     searchOptionOnlyLabel: boolean;
     fallback: boolean | ((value: string | number | Record<string, unknown> | (string | number | Record<string, unknown>)[]) => string);
 }, {}, {
@@ -536,10 +537,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             };
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
+            onHide?: (() => any) | undefined;
+            onShow?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-            onShow?: (() => any) | undefined;
-            onHide?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:popupVisible': (_visible: boolean) => true;
             popupVisibleChange: (_visible: boolean) => true;
@@ -727,10 +728,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             };
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
+            onHide?: (() => any) | undefined;
+            onShow?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-            onShow?: (() => any) | undefined;
-            onHide?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
             disabled: boolean;
             unmountOnClose: boolean;
@@ -909,10 +910,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         };
     }>> & Readonly<{
         onResize?: (() => any) | undefined;
+        onHide?: (() => any) | undefined;
+        onShow?: (() => any) | undefined;
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-        onShow?: (() => any) | undefined;
-        onHide?: (() => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:popupVisible': (_visible: boolean) => true;
         popupVisibleChange: (_visible: boolean) => true;
@@ -993,12 +994,16 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             type: BooleanConstructor;
             default: boolean;
         };
+        showArrow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         allowSearch: {
             type: BooleanConstructor;
             default: (props: Data) => boolean;
         };
         maxTagCount: {
-            type: NumberConstructor;
+            type: PropType<number | "responsive">;
             default: number;
         };
         tagNowrap: {
@@ -1059,12 +1064,16 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
             type: BooleanConstructor;
             default: boolean;
         };
+        showArrow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         allowSearch: {
             type: BooleanConstructor;
             default: (props: Data) => boolean;
         };
         maxTagCount: {
-            type: NumberConstructor;
+            type: PropType<number | "responsive">;
             default: number;
         };
         tagNowrap: {
@@ -1086,8 +1095,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         loading: boolean;
         allowClear: boolean;
         multiple: boolean;
+        showArrow: boolean;
         bordered: boolean;
-        maxTagCount: number;
+        maxTagCount: number | "responsive";
         retainInputValue: boolean;
         tagNowrap: boolean;
         opened: boolean;

package/es/cascader/cascader.vue_vue_type_script_lang.js

@@ -1,6 +1,7 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
 import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/objectSpread2.js";
 import { isArray, isFunction, isNull, isUndefined } from "../_utils/is.js";
+import { useAllowClear } from "../_hooks/use-allow-clear.js";
 import { KEYBOARD_KEY, getKeyDownHandler } from "../_utils/keyboard.js";
 import Trigger from "../trigger/index.js";
 import select_view_default from "../_components/select-view/select-view.js";
@@ -143,11 +144,12 @@ var cascader_vue_vue_type_script_lang_default = defineComponent({
 		"blur": (_ev) => true
 	},
 	setup(props, { emit, slots }) {
-		const { options, checkStrictly, loadMore, formatLabel, modelValue, disabled, valueKey, expandTrigger, expandChild, pathMode, multiple } = toRefs(props);
+		const { options, checkStrictly, loadMore, formatLabel, modelValue, disabled, valueKey, expandTrigger, expandChild, pathMode, multiple, allowClear } = toRefs(props);
 		const _value = ref(props.defaultValue);
 		const _inputValue = ref(props.defaultInputValue);
 		const _popupVisible = ref(props.defaultPopupVisible);
 		const { mergedDisabled, eventHandlers } = useFormItem({ disabled });
+		const { mergedAllowClear } = useAllowClear(allowClear);
 		watch(modelValue, (value) => {
 			if (isUndefined(value) || isNull(value)) _value.value = props.multiple ? [] : void 0;
 		});
@@ -445,6 +447,7 @@ var cascader_vue_vue_type_script_lang_default = defineComponent({
 			handleBlur,
 			handleRemove,
 			mergedDisabled,
+			mergedAllowClear,
 			handleKeyDown,
 			totalLevel
 		};

package/es/cascader/index.d.ts

@@ -234,6 +234,7 @@ declare const Cascader: {
         handleBlur: (e: FocusEvent) => void;
         handleRemove: (key: string) => void;
         mergedDisabled: import("vue").ComputedRef<boolean>;
+        mergedAllowClear: import("vue").ComputedRef<boolean | undefined>;
         handleKeyDown: (event: KeyboardEvent) => void;
         totalLevel: import("vue").Ref<number, number>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -252,12 +253,13 @@ declare const Cascader: {
         defaultValue: string | number | Record<string, any> | (string | number | Record<string, any> | (string | number | Record<string, any>)[])[] | undefined;
         loading: boolean;
         allowClear: boolean;
+        multiple: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         options: import("./interface").CascaderOption[];
         valueKey: string;
         inputValue: string;
-        multiple: boolean;
+        expandTrigger: "hover" | "click";
         defaultInputValue: string;
         maxTagCount: number;
         tagNowrap: boolean;
@@ -266,7 +268,6 @@ declare const Cascader: {
         checkStrictly: boolean;
         pathMode: boolean;
         expandChild: boolean;
-        expandTrigger: "hover" | "click";
         searchOptionOnlyLabel: boolean;
         fallback: boolean | ((value: string | number | Record<string, unknown> | (string | number | Record<string, unknown>)[]) => string);
     }, true, {}, {}, {
@@ -416,10 +417,10 @@ declare const Cascader: {
                 };
             }>> & Readonly<{
                 onResize?: (() => any) | undefined;
+                onHide?: (() => any) | undefined;
+                onShow?: (() => any) | undefined;
                 "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
                 onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-                onShow?: (() => any) | undefined;
-                onHide?: (() => any) | undefined;
             }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 'update:popupVisible': (_visible: boolean) => true;
                 popupVisibleChange: (_visible: boolean) => true;
@@ -607,10 +608,10 @@ declare const Cascader: {
                 };
             }>> & Readonly<{
                 onResize?: (() => any) | undefined;
+                onHide?: (() => any) | undefined;
+                onShow?: (() => any) | undefined;
                 "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
                 onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-                onShow?: (() => any) | undefined;
-                onHide?: (() => any) | undefined;
             }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
                 disabled: boolean;
                 unmountOnClose: boolean;
@@ -789,10 +790,10 @@ declare const Cascader: {
             };
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
+            onHide?: (() => any) | undefined;
+            onShow?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-            onShow?: (() => any) | undefined;
-            onHide?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:popupVisible': (_visible: boolean) => true;
             popupVisibleChange: (_visible: boolean) => true;
@@ -873,12 +874,16 @@ declare const Cascader: {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            showArrow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             allowSearch: {
                 type: BooleanConstructor;
                 default: (props: import("../_utils/types").Data) => boolean;
             };
             maxTagCount: {
-                type: NumberConstructor;
+                type: import("vue").PropType<number | "responsive">;
                 default: number;
             };
             tagNowrap: {
@@ -939,12 +944,16 @@ declare const Cascader: {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            showArrow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             allowSearch: {
                 type: BooleanConstructor;
                 default: (props: import("../_utils/types").Data) => boolean;
             };
             maxTagCount: {
-                type: NumberConstructor;
+                type: import("vue").PropType<number | "responsive">;
                 default: number;
             };
             tagNowrap: {
@@ -966,8 +975,9 @@ declare const Cascader: {
             loading: boolean;
             allowClear: boolean;
             multiple: boolean;
+            showArrow: boolean;
             bordered: boolean;
-            maxTagCount: number;
+            maxTagCount: number | "responsive";
             retainInputValue: boolean;
             tagNowrap: boolean;
             opened: boolean;
@@ -1286,6 +1296,7 @@ declare const Cascader: {
         handleBlur: (e: FocusEvent) => void;
         handleRemove: (key: string) => void;
         mergedDisabled: import("vue").ComputedRef<boolean>;
+        mergedAllowClear: import("vue").ComputedRef<boolean | undefined>;
         handleKeyDown: (event: KeyboardEvent) => void;
         totalLevel: import("vue").Ref<number, number>;
     }, {}, {}, {}, {
@@ -1294,12 +1305,13 @@ declare const Cascader: {
         defaultValue: string | number | Record<string, any> | (string | number | Record<string, any> | (string | number | Record<string, any>)[])[] | undefined;
         loading: boolean;
         allowClear: boolean;
+        multiple: boolean;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         options: import("./interface").CascaderOption[];
         valueKey: string;
         inputValue: string;
-        multiple: boolean;
+        expandTrigger: "hover" | "click";
         defaultInputValue: string;
         maxTagCount: number;
         tagNowrap: boolean;
@@ -1308,7 +1320,6 @@ declare const Cascader: {
         checkStrictly: boolean;
         pathMode: boolean;
         expandChild: boolean;
-        expandTrigger: "hover" | "click";
         searchOptionOnlyLabel: boolean;
         fallback: boolean | ((value: string | number | Record<string, unknown> | (string | number | Record<string, unknown>)[]) => string);
     }>;
@@ -1546,6 +1557,7 @@ declare const Cascader: {
     handleBlur: (e: FocusEvent) => void;
     handleRemove: (key: string) => void;
     mergedDisabled: import("vue").ComputedRef<boolean>;
+    mergedAllowClear: import("vue").ComputedRef<boolean | undefined>;
     handleKeyDown: (event: KeyboardEvent) => void;
     totalLevel: import("vue").Ref<number, number>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -1564,12 +1576,13 @@ declare const Cascader: {
     defaultValue: string | number | Record<string, any> | (string | number | Record<string, any> | (string | number | Record<string, any>)[])[] | undefined;
     loading: boolean;
     allowClear: boolean;
+    multiple: boolean;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     options: import("./interface").CascaderOption[];
     valueKey: string;
     inputValue: string;
-    multiple: boolean;
+    expandTrigger: "hover" | "click";
     defaultInputValue: string;
     maxTagCount: number;
     tagNowrap: boolean;
@@ -1578,7 +1591,6 @@ declare const Cascader: {
     checkStrictly: boolean;
     pathMode: boolean;
     expandChild: boolean;
-    expandTrigger: "hover" | "click";
     searchOptionOnlyLabel: boolean;
     fallback: boolean | ((value: string | number | Record<string, unknown> | (string | number | Record<string, unknown>)[]) => string);
 }, {}, string, {}, {
@@ -1728,10 +1740,10 @@ declare const Cascader: {
             };
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
+            onHide?: (() => any) | undefined;
+            onShow?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-            onShow?: (() => any) | undefined;
-            onHide?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:popupVisible': (_visible: boolean) => true;
             popupVisibleChange: (_visible: boolean) => true;
@@ -1919,10 +1931,10 @@ declare const Cascader: {
             };
         }>> & Readonly<{
             onResize?: (() => any) | undefined;
+            onHide?: (() => any) | undefined;
+            onShow?: (() => any) | undefined;
             "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
             onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-            onShow?: (() => any) | undefined;
-            onHide?: (() => any) | undefined;
         }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
             disabled: boolean;
             unmountOnClose: boolean;
@@ -2101,10 +2113,10 @@ declare const Cascader: {
         };
     }>> & Readonly<{
         onResize?: (() => any) | undefined;
+        onHide?: (() => any) | undefined;
+        onShow?: (() => any) | undefined;
         "onUpdate:popupVisible"?: ((_visible: boolean) => any) | undefined;
         onPopupVisibleChange?: ((_visible: boolean) => any) | undefined;
-        onShow?: (() => any) | undefined;
-        onHide?: (() => any) | undefined;
     }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:popupVisible': (_visible: boolean) => true;
         popupVisibleChange: (_visible: boolean) => true;
@@ -2185,12 +2197,16 @@ declare const Cascader: {
             type: BooleanConstructor;
             default: boolean;
         };
+        showArrow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         allowSearch: {
             type: BooleanConstructor;
             default: (props: import("../_utils/types").Data) => boolean;
         };
         maxTagCount: {
-            type: NumberConstructor;
+            type: import("vue").PropType<number | "responsive">;
             default: number;
         };
         tagNowrap: {
@@ -2251,12 +2267,16 @@ declare const Cascader: {
             type: BooleanConstructor;
             default: boolean;
         };
+        showArrow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         allowSearch: {
             type: BooleanConstructor;
             default: (props: import("../_utils/types").Data) => boolean;
         };
         maxTagCount: {
-            type: NumberConstructor;
+            type: import("vue").PropType<number | "responsive">;
             default: number;
         };
         tagNowrap: {
@@ -2278,8 +2298,9 @@ declare const Cascader: {
         loading: boolean;
         allowClear: boolean;
         multiple: boolean;
+        showArrow: boolean;
         bordered: boolean;
-        maxTagCount: number;
+        maxTagCount: number | "responsive";
         retainInputValue: boolean;
         tagNowrap: boolean;
         opened: boolean;
@@ -2548,13 +2569,13 @@ declare const Cascader: {
         "onUpdate:modelValue"?: ((_value: string | number | Record<string, any> | (string | number | Record<string, any> | (string | number | Record<string, any>)[])[] | undefined) => any) | undefined;
     }>, {
         defaultValue: string | number | Record<string, any> | (string | number | Record<string, any> | (string | number | Record<string, any>)[])[] | undefined;
+        multiple: boolean;
         options: import("./interface").CascaderOption[];
         valueKey: string;
-        multiple: boolean;
+        expandTrigger: string;
         checkStrictly: boolean;
         pathMode: boolean;
         expandChild: boolean;
-        expandTrigger: string;
     }, {}, {
         BaseCascaderPanel: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             displayColumns: {

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

@@ -1,41 +1,57 @@
 import { PropType } from 'vue';
 import { Size } from '../_utils/constant';
 import { TriggerProps } from '../trigger';
+import { ColorFormat, ColorModes, ColorObject, ColorPickerChangeTrigger, LegacyFormat, RecentColorsValue } from './interface';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    borderless: BooleanConstructor;
+    clearable: BooleanConstructor;
+    colorModes: {
+        type: PropType<ColorModes>;
+        default: () => string[];
+    };
+    enableMultipleGradient: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: StringConstructor;
     modelValue: StringConstructor;
     defaultValue: {
         type: StringConstructor;
+        default: string;
     };
     format: {
-        type: PropType<"hex" | "rgb">;
+        type: PropType<ColorFormat | LegacyFormat>;
+        default: string;
     };
     size: {
-        type: PropType<Size>;
+        type: PropType<Size | "small" | "medium" | "large">;
         default: string;
     };
-    showText: {
+    enableAlpha: BooleanConstructor;
+    showPrimaryColorPreview: {
         type: BooleanConstructor;
         default: boolean;
     };
-    showHistory: {
-        type: BooleanConstructor;
-        default: boolean;
+    inputProps: {
+        type: PropType<Record<string, unknown>>;
     };
-    showPreset: {
-        type: BooleanConstructor;
-        default: boolean;
+    recentColors: {
+        type: PropType<RecentColorsValue>;
+        default: undefined;
     };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
+    defaultRecentColors: {
+        type: PropType<RecentColorsValue>;
+        default: () => never[];
     };
-    disabledAlpha: {
-        type: BooleanConstructor;
-        default: boolean;
+    swatchColors: {
+        type: PropType<string[] | null>;
+        default: undefined;
     };
-    hideTrigger: {
+    disabled: {
         type: BooleanConstructor;
+        default: boolean;
     };
+    hideTrigger: BooleanConstructor;
     triggerProps: {
         type: PropType<Partial<TriggerProps>>;
     };
@@ -44,47 +60,79 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     presetColors: {
         type: PropType<string[]>;
-        default: () => 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;
-    change: (_value: string) => true;
+    'update:value': (_value: string) => true;
+    change: (_value: string, _context: {
+        color: ColorObject;
+        trigger: ColorPickerChangeTrigger;
+    }) => true;
     'popup-visible-change': (_visible: boolean, _value: string) => true;
+    clear: (_context: {
+        e: MouseEvent;
+    }) => true;
+    'palette-bar-change': (_context: {
+        color: ColorObject;
+    }) => true;
+    'recent-colors-change': (_value: string[]) => true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    borderless: BooleanConstructor;
+    clearable: BooleanConstructor;
+    colorModes: {
+        type: PropType<ColorModes>;
+        default: () => string[];
+    };
+    enableMultipleGradient: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: StringConstructor;
     modelValue: StringConstructor;
     defaultValue: {
         type: StringConstructor;
+        default: string;
     };
     format: {
-        type: PropType<"hex" | "rgb">;
+        type: PropType<ColorFormat | LegacyFormat>;
+        default: string;
     };
     size: {
-        type: PropType<Size>;
+        type: PropType<Size | "small" | "medium" | "large">;
         default: string;
     };
-    showText: {
+    enableAlpha: BooleanConstructor;
+    showPrimaryColorPreview: {
         type: BooleanConstructor;
         default: boolean;
     };
-    showHistory: {
-        type: BooleanConstructor;
-        default: boolean;
+    inputProps: {
+        type: PropType<Record<string, unknown>>;
     };
-    showPreset: {
-        type: BooleanConstructor;
-        default: boolean;
+    recentColors: {
+        type: PropType<RecentColorsValue>;
+        default: undefined;
     };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
+    defaultRecentColors: {
+        type: PropType<RecentColorsValue>;
+        default: () => never[];
     };
-    disabledAlpha: {
-        type: BooleanConstructor;
-        default: boolean;
+    swatchColors: {
+        type: PropType<string[] | null>;
+        default: undefined;
     };
-    hideTrigger: {
+    disabled: {
         type: BooleanConstructor;
+        default: boolean;
     };
+    hideTrigger: BooleanConstructor;
     triggerProps: {
         type: PropType<Partial<TriggerProps>>;
     };
@@ -93,20 +141,47 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     presetColors: {
         type: PropType<string[]>;
-        default: () => string[];
+    };
+    showText: BooleanConstructor;
+    showHistory: BooleanConstructor;
+    showPreset: BooleanConstructor;
+    disabledAlpha: BooleanConstructor;
+    selectInputProps: {
+        type: PropType<Record<string, unknown>>;
     };
 }>> & Readonly<{
-    onChange?: ((_value: string) => any) | undefined;
+    onChange?: ((_value: string, _context: {
+        color: ColorObject;
+        trigger: ColorPickerChangeTrigger;
+    }) => any) | undefined;
+    onClear?: ((_context: {
+        e: MouseEvent;
+    }) => 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;
+    }) => any) | undefined;
+    "onRecent-colors-change"?: ((_value: string[]) => any) | undefined;
 }>, {
     size: "mini" | "small" | "medium" | "large";
     disabled: boolean;
-    disabledAlpha: boolean;
+    defaultValue: string;
+    enableAlpha: boolean;
+    colorModes: ColorModes;
+    enableMultipleGradient: boolean;
+    showPrimaryColorPreview: boolean;
+    format: ColorFormat | LegacyFormat;
+    recentColors: RecentColorsValue;
+    swatchColors: string[] | null;
+    borderless: boolean;
+    clearable: boolean;
+    hideTrigger: boolean;
+    showText: boolean;
     showHistory: boolean;
     showPreset: boolean;
-    presetColors: string[];
-    showText: boolean;
-    hideTrigger: boolean;
+    disabledAlpha: boolean;
+    defaultRecentColors: RecentColorsValue;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;