@koi-design/uxd-ui 13.2.9 → 13.2.11

package/types/components/ColorPicker/index.d.ts

@@ -58,7 +58,16 @@ export declare const UColorPicker: {
             barRef: import("vue").Ref<HTMLElement, HTMLElement>;
             thumbTop: import("vue").Ref<number, number>;
             updateState: () => void;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            prefixCls: {
+                type: StringConstructor;
+                default: string;
+            };
+            color: {
+                type: typeof import("./color").default;
+                required: true;
+            };
+        }>> & Readonly<{}>, {
             prefixCls: string;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -99,7 +108,16 @@ export declare const UColorPicker: {
             barRef: import("vue").Ref<HTMLElement, HTMLElement>;
             thumbTop: import("vue").Ref<number, number>;
             updateState: () => void;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            prefixCls: {
+                type: StringConstructor;
+                default: string;
+            };
+            color: {
+                type: typeof import("./color").default;
+                required: true;
+            };
+        }>> & Readonly<{}>, {
             prefixCls: string;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -141,7 +159,16 @@ export declare const UColorPicker: {
             cursorTop: import("vue").Ref<number, number>;
             cursorLeft: import("vue").Ref<number, number>;
             updateState: () => void;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            prefixCls: {
+                type: StringConstructor;
+                default: string;
+            };
+            color: {
+                type: typeof import("./color").default;
+                required: true;
+            };
+        }>> & Readonly<{}>, {
             prefixCls: string;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -182,7 +209,16 @@ export declare const UColorPicker: {
             cursorTop: import("vue").Ref<number, number>;
             cursorLeft: import("vue").Ref<number, number>;
             updateState: () => void;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            prefixCls: {
+                type: StringConstructor;
+                default: string;
+            };
+            color: {
+                type: typeof import("./color").default;
+                required: true;
+            };
+        }>> & Readonly<{}>, {
             prefixCls: string;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -225,7 +261,16 @@ export declare const UColorPicker: {
             thumbLeft: import("vue").Ref<number, number>;
             background: import("vue").Ref<string, string>;
             updateState: () => void;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            prefixCls: {
+                type: StringConstructor;
+                default: string;
+            };
+            color: {
+                type: typeof import("./color").default;
+                required: true;
+            };
+        }>> & Readonly<{}>, {
             prefixCls: string;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -268,7 +313,16 @@ export declare const UColorPicker: {
             thumbLeft: import("vue").Ref<number, number>;
             background: import("vue").Ref<string, string>;
             updateState: () => void;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            prefixCls: {
+                type: StringConstructor;
+                default: string;
+            };
+            color: {
+                type: typeof import("./color").default;
+                required: true;
+            };
+        }>> & Readonly<{}>, {
             prefixCls: string;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -318,7 +372,20 @@ export declare const UColorPicker: {
                 rawColor: import("./color").default;
                 rgba: string;
             }[]>;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            prefixCls: {
+                type: StringConstructor;
+                default: string;
+            };
+            color: {
+                type: typeof import("./color").default;
+                required: true;
+            };
+            colors: {
+                type: import("vue").PropType<string[]>;
+                required: true;
+            };
+        }>> & Readonly<{}>, {
             prefixCls: string;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -373,7 +440,20 @@ export declare const UColorPicker: {
                 rawColor: import("./color").default;
                 rgba: string;
             }[]>;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            prefixCls: {
+                type: StringConstructor;
+                default: string;
+            };
+            color: {
+                type: typeof import("./color").default;
+                required: true;
+            };
+            colors: {
+                type: import("vue").PropType<string[]>;
+                required: true;
+            };
+        }>> & Readonly<{}>, {
             prefixCls: string;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -443,7 +523,49 @@ export declare const UColorPicker: {
         change: (v: string | undefined) => boolean;
         'active-change': (v: string) => boolean;
         'open-change': (v: boolean) => boolean;
-    }, import("vue").PublicProps, {
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: StringConstructor;
+        };
+        showAlpha: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        format: {
+            type: import("vue").PropType<import("./ColorPicker.type").ColorPickerFormat>;
+            validator: (val: "hsv" | "hsl" | "hex" | "rgb") => boolean;
+        };
+        preColors: {
+            type: import("vue").PropType<string[]>;
+        };
+        onlyPreColors: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").NormalSizeMap>;
+            default: string;
+            validator: (val: "default" | "small" | "large") => boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        popupClass: {
+            type: StringConstructor;
+        };
+        popupStyle: {
+            type: import("vue").PropType<import("vue").CSSProperties>;
+        };
+        emptyValue: {
+            type: import("vue").PropType<string | undefined>;
+        };
+    }>> & Readonly<{
+        onChange?: (v: string) => any;
+        "onUpdate:modelValue"?: (v: string) => any;
+        "onActive-change"?: (v: string) => any;
+        "onOpen-change"?: (v: boolean) => any;
+    }>, {
         size: "default" | "small" | "large";
         disabled: boolean;
         showAlpha: boolean;
@@ -516,7 +638,7 @@ export declare const UColorPicker: {
         }>, {
             reference: import("vue").Ref<any, any>;
             stateVisible: import("vue").Ref<boolean, boolean>;
-            popup: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+            popup: import("vue").ShallowRef<HTMLElement>;
             isMounted: import("vue").Ref<boolean, boolean>;
             onClick: (e: any) => void;
             onMousedown: (e: any) => void;
@@ -674,7 +796,24 @@ export declare const UColorPicker: {
                 handleClick: (e: any) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (ev: Event) => boolean;
-            }, import("vue").PublicProps, {
+            }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                rotate: {
+                    type: NumberConstructor;
+                };
+                spin: BooleanConstructor;
+                size: {
+                    type: NumberConstructor;
+                };
+                color: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                icon: {
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
+                };
+            }>> & Readonly<{
+                onClick?: (ev: Event) => any;
+            }>, {
                 color: string;
                 spin: boolean;
             }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -890,9 +1029,9 @@ export declare const UColorPicker: {
             }>> & Readonly<{
                 onChange?: (v: import("@koi-design/uxd-ui/es/index").InputValueType) => any;
                 onClear?: (ev: Event) => any;
-                onSearch?: (v: import("@koi-design/uxd-ui/es/index").InputValueType) => any;
                 onFocus?: (ev: Event) => any;
                 onBlur?: (ev: Event) => any;
+                onSearch?: (v: import("@koi-design/uxd-ui/es/index").InputValueType) => any;
                 onEnter?: (ev: Event) => any;
                 "onUpdate:modelValue"?: (v: import("@koi-design/uxd-ui/es/index").InputValueType) => any;
                 onKeydown?: (ev: Event) => any;
@@ -900,10 +1039,10 @@ export declare const UColorPicker: {
                 onKeyup?: (ev: Event) => any;
             }>, {
                 prefixCls: import("vue").ComputedRef<string>;
-                wordCountRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
-                inputRef: import("vue").ShallowRef<HTMLInputElement, HTMLInputElement>;
-                textareaRef: import("vue").ShallowRef<HTMLTextAreaElement, HTMLTextAreaElement>;
-                appendRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+                wordCountRef: import("vue").ShallowRef<HTMLElement>;
+                inputRef: import("vue").ShallowRef<HTMLInputElement>;
+                textareaRef: import("vue").ShallowRef<HTMLTextAreaElement>;
+                appendRef: import("vue").ShallowRef<HTMLElement>;
                 slotReady: import("vue").Ref<boolean, boolean>;
                 stateValue: import("vue").Ref<string | number, string | number>;
                 getMoneyString: (val: string) => string;
@@ -944,12 +1083,141 @@ export declare const UColorPicker: {
                 keyup: (ev: Event) => boolean;
                 focus: (ev: Event) => boolean;
                 blur: (ev: Event) => boolean;
-            }, import("vue").PublicProps, {
+            }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                type: {
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").InputType>;
+                    default: string;
+                    validator: (val: "number" | "text" | "textarea" | "password") => boolean;
+                };
+                variant: {
+                    type: import("vue").PropType<"surface" | "soft">;
+                    default: string;
+                    validator: (val: string) => boolean;
+                };
+                color: {
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").ColorType | undefined>;
+                    default: undefined | import("@koi-design/uxd-ui/es/utils").ColorType;
+                    validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
+                };
+                modelValue: {
+                    type: (StringConstructor | NumberConstructor)[];
+                };
+                size: {
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").NormalSizeMap>;
+                    default: string;
+                    validator: (val: "default" | "small" | "large") => boolean;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                maxlength: {
+                    type: NumberConstructor;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                autosize: {
+                    type: import("vue").PropType<boolean | import("@koi-design/uxd-ui/es/index").AutoSizeObject>;
+                    default: boolean;
+                };
+                rows: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                readonly: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                autofocus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                spellcheck: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                autocomplete: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                clearable: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                elementId: {
+                    type: StringConstructor;
+                };
+                wrap: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                prefixIcon: {
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
+                };
+                suffixIcon: {
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
+                };
+                showWordLimit: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                search: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                enterButton: {
+                    type: (BooleanConstructor | StringConstructor)[];
+                    default: boolean;
+                };
+                passwordIcon: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                label: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                labelPosition: {
+                    type: import("vue").PropType<"top" | "left">;
+                    default: string;
+                };
+                labelColon: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                labelStyle: {
+                    type: ObjectConstructor;
+                    default: () => {};
+                };
+                required: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabledTriggerForm: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                direction: {
+                    type: import("vue").PropType<"ltr" | "rtl">;
+                };
+            }>> & Readonly<{
+                onChange?: (v: import("@koi-design/uxd-ui/es/index").InputValueType) => any;
+                onClear?: (ev: Event) => any;
+                onFocus?: (ev: Event) => any;
+                onBlur?: (ev: Event) => any;
+                onSearch?: (v: import("@koi-design/uxd-ui/es/index").InputValueType) => any;
+                onEnter?: (ev: Event) => any;
+                "onUpdate:modelValue"?: (v: import("@koi-design/uxd-ui/es/index").InputValueType) => any;
+                onKeydown?: (ev: Event) => any;
+                onKeypress?: (ev: Event) => any;
+                onKeyup?: (ev: Event) => any;
+            }>, {
                 color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
                 type: "number" | "text" | "textarea" | "password";
                 required: boolean;
                 size: "default" | "small" | "large";
-                search: boolean;
                 disabled: boolean;
                 variant: "surface" | "soft";
                 placeholder: string;
@@ -962,6 +1230,7 @@ export declare const UColorPicker: {
                 clearable: boolean;
                 wrap: string;
                 showWordLimit: boolean;
+                search: boolean;
                 enterButton: string | boolean;
                 passwordIcon: boolean;
                 label: string;
@@ -1008,7 +1277,24 @@ export declare const UColorPicker: {
                         handleClick: (e: any) => void;
                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                         click: (ev: Event) => boolean;
-                    }, import("vue").PublicProps, {
+                    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                        rotate: {
+                            type: NumberConstructor;
+                        };
+                        spin: BooleanConstructor;
+                        size: {
+                            type: NumberConstructor;
+                        };
+                        color: {
+                            type: StringConstructor;
+                            default: string;
+                        };
+                        icon: {
+                            type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
+                        };
+                    }>> & Readonly<{
+                        onClick?: (ev: Event) => any;
+                    }>, {
                         color: string;
                         spin: boolean;
                     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -1234,9 +1520,9 @@ export declare const UColorPicker: {
             }>> & Readonly<{
                 onChange?: (v: import("@koi-design/uxd-ui/es/index").InputValueType) => any;
                 onClear?: (ev: Event) => any;
-                onSearch?: (v: import("@koi-design/uxd-ui/es/index").InputValueType) => any;
                 onFocus?: (ev: Event) => any;
                 onBlur?: (ev: Event) => any;
+                onSearch?: (v: import("@koi-design/uxd-ui/es/index").InputValueType) => any;
                 onEnter?: (ev: Event) => any;
                 "onUpdate:modelValue"?: (v: import("@koi-design/uxd-ui/es/index").InputValueType) => any;
                 onKeydown?: (ev: Event) => any;
@@ -1244,10 +1530,10 @@ export declare const UColorPicker: {
                 onKeyup?: (ev: Event) => any;
             }>, {
                 prefixCls: import("vue").ComputedRef<string>;
-                wordCountRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
-                inputRef: import("vue").ShallowRef<HTMLInputElement, HTMLInputElement>;
-                textareaRef: import("vue").ShallowRef<HTMLTextAreaElement, HTMLTextAreaElement>;
-                appendRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+                wordCountRef: import("vue").ShallowRef<HTMLElement>;
+                inputRef: import("vue").ShallowRef<HTMLInputElement>;
+                textareaRef: import("vue").ShallowRef<HTMLTextAreaElement>;
+                appendRef: import("vue").ShallowRef<HTMLElement>;
                 slotReady: import("vue").Ref<boolean, boolean>;
                 stateValue: import("vue").Ref<string | number, string | number>;
                 getMoneyString: (val: string) => string;
@@ -1282,7 +1568,6 @@ export declare const UColorPicker: {
                 type: "number" | "text" | "textarea" | "password";
                 required: boolean;
                 size: "default" | "small" | "large";
-                search: boolean;
                 disabled: boolean;
                 variant: "surface" | "soft";
                 placeholder: string;
@@ -1295,6 +1580,7 @@ export declare const UColorPicker: {
                 clearable: boolean;
                 wrap: string;
                 showWordLimit: boolean;
+                search: boolean;
                 enterButton: string | boolean;
                 passwordIcon: boolean;
                 label: string;
@@ -1428,9 +1714,9 @@ export declare const UColorPicker: {
         }>> & Readonly<{
             onChange?: (v: import("@koi-design/uxd-ui/es/index").InputValueType) => any;
             onClear?: (ev: Event) => any;
-            onSearch?: (v: import("@koi-design/uxd-ui/es/index").InputValueType) => any;
             onFocus?: (ev: Event) => any;
             onBlur?: (ev: Event) => any;
+            onSearch?: (v: import("@koi-design/uxd-ui/es/index").InputValueType) => any;
             onEnter?: (ev: Event) => any;
             "onUpdate:modelValue"?: (v: import("@koi-design/uxd-ui/es/index").InputValueType) => any;
             onKeydown?: (ev: Event) => any;
@@ -1438,10 +1724,10 @@ export declare const UColorPicker: {
             onKeyup?: (ev: Event) => any;
         }>, {
             prefixCls: import("vue").ComputedRef<string>;
-            wordCountRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
-            inputRef: import("vue").ShallowRef<HTMLInputElement, HTMLInputElement>;
-            textareaRef: import("vue").ShallowRef<HTMLTextAreaElement, HTMLTextAreaElement>;
-            appendRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+            wordCountRef: import("vue").ShallowRef<HTMLElement>;
+            inputRef: import("vue").ShallowRef<HTMLInputElement>;
+            textareaRef: import("vue").ShallowRef<HTMLTextAreaElement>;
+            appendRef: import("vue").ShallowRef<HTMLElement>;
             slotReady: import("vue").Ref<boolean, boolean>;
             stateValue: import("vue").Ref<string | number, string | number>;
             getMoneyString: (val: string) => string;
@@ -1487,7 +1773,6 @@ export declare const UColorPicker: {
             type: "number" | "text" | "textarea" | "password";
             required: boolean;
             size: "default" | "small" | "large";
-            search: boolean;
             disabled: boolean;
             variant: "surface" | "soft";
             placeholder: string;
@@ -1500,6 +1785,7 @@ export declare const UColorPicker: {
             clearable: boolean;
             wrap: string;
             showWordLimit: boolean;
+            search: boolean;
             enterButton: string | boolean;
             passwordIcon: boolean;
             label: string;
@@ -1546,7 +1832,24 @@ export declare const UColorPicker: {
                     handleClick: (e: any) => void;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                     click: (ev: Event) => boolean;
-                }, import("vue").PublicProps, {
+                }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                    rotate: {
+                        type: NumberConstructor;
+                    };
+                    spin: BooleanConstructor;
+                    size: {
+                        type: NumberConstructor;
+                    };
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    icon: {
+                        type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
+                    };
+                }>> & Readonly<{
+                    onClick?: (ev: Event) => any;
+                }>, {
                     color: string;
                     spin: boolean;
                 }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -1659,7 +1962,7 @@ export declare const UColorPicker: {
                 variant: {
                     type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonVariantType>;
                     default: string;
-                    validator: (val: "link" | "text" | "surface" | "soft" | "outline" | "dashed") => boolean;
+                    validator: (val: "text" | "surface" | "soft" | "link" | "outline" | "dashed") => boolean;
                 };
                 size: {
                     type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").NormalSizeMap>;
@@ -1714,13 +2017,73 @@ export declare const UColorPicker: {
                 handleClick: (event: any) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (ev: Event) => boolean;
-            }, import("vue").PublicProps, {
+            }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                type: {
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonType>;
+                    default: string;
+                    validator: (val: "primary" | "success" | "warning" | "default" | "danger") => boolean;
+                };
+                color: {
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").ColorType | undefined>;
+                    default: undefined | import("@koi-design/uxd-ui/es/utils").ColorType;
+                    validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
+                };
+                variant: {
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonVariantType>;
+                    default: string;
+                    validator: (val: "text" | "surface" | "soft" | "link" | "outline" | "dashed") => boolean;
+                };
+                size: {
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").NormalSizeMap>;
+                    default: string;
+                    validator: (val: "default" | "small" | "large") => boolean;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                dashed: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                icon: {
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
+                };
+                shape: {
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonShape>;
+                    default: string;
+                    validator: (val: "default" | "circle") => boolean;
+                };
+                block: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
+                iconOnly: {
+                    type: BooleanConstructor;
+                    default: undefined;
+                };
+                nativeType: {
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonNativeType>;
+                    default: string;
+                    validator: (val: "button" | "submit" | "reset") => boolean;
+                };
+                blurAfterClick: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                onClick?: (ev: Event) => any;
+            }>, {
                 color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
                 type: "primary" | "success" | "warning" | "default" | "danger";
                 loading: boolean;
                 size: "default" | "small" | "large";
                 disabled: boolean;
-                variant: "link" | "text" | "surface" | "soft" | "outline" | "dashed";
+                variant: "text" | "surface" | "soft" | "link" | "outline" | "dashed";
                 nativeType: "button" | "submit" | "reset";
                 shape: "default" | "circle";
                 dashed: boolean;
@@ -1766,7 +2129,24 @@ export declare const UColorPicker: {
                         handleClick: (e: any) => void;
                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                         click: (ev: Event) => boolean;
-                    }, import("vue").PublicProps, {
+                    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                        rotate: {
+                            type: NumberConstructor;
+                        };
+                        spin: BooleanConstructor;
+                        size: {
+                            type: NumberConstructor;
+                        };
+                        color: {
+                            type: StringConstructor;
+                            default: string;
+                        };
+                        icon: {
+                            type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
+                        };
+                    }>> & Readonly<{
+                        onClick?: (ev: Event) => any;
+                    }>, {
                         color: string;
                         spin: boolean;
                     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -1880,7 +2260,7 @@ export declare const UColorPicker: {
                 variant: {
                     type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonVariantType>;
                     default: string;
-                    validator: (val: "link" | "text" | "surface" | "soft" | "outline" | "dashed") => boolean;
+                    validator: (val: "text" | "surface" | "soft" | "link" | "outline" | "dashed") => boolean;
                 };
                 size: {
                     type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").NormalSizeMap>;
@@ -1939,7 +2319,7 @@ export declare const UColorPicker: {
                 loading: boolean;
                 size: "default" | "small" | "large";
                 disabled: boolean;
-                variant: "link" | "text" | "surface" | "soft" | "outline" | "dashed";
+                variant: "text" | "surface" | "soft" | "link" | "outline" | "dashed";
                 nativeType: "button" | "submit" | "reset";
                 shape: "default" | "circle";
                 dashed: boolean;
@@ -1964,7 +2344,7 @@ export declare const UColorPicker: {
             variant: {
                 type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonVariantType>;
                 default: string;
-                validator: (val: "link" | "text" | "surface" | "soft" | "outline" | "dashed") => boolean;
+                validator: (val: "text" | "surface" | "soft" | "link" | "outline" | "dashed") => boolean;
             };
             size: {
                 type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").NormalSizeMap>;
@@ -2025,7 +2405,7 @@ export declare const UColorPicker: {
             loading: boolean;
             size: "default" | "small" | "large";
             disabled: boolean;
-            variant: "link" | "text" | "surface" | "soft" | "outline" | "dashed";
+            variant: "text" | "surface" | "soft" | "link" | "outline" | "dashed";
             nativeType: "button" | "submit" | "reset";
             shape: "default" | "circle";
             dashed: boolean;
@@ -2071,7 +2451,24 @@ export declare const UColorPicker: {
                     handleClick: (e: any) => void;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                     click: (ev: Event) => boolean;
-                }, import("vue").PublicProps, {
+                }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                    rotate: {
+                        type: NumberConstructor;
+                    };
+                    spin: BooleanConstructor;
+                    size: {
+                        type: NumberConstructor;
+                    };
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    icon: {
+                        type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
+                    };
+                }>> & Readonly<{
+                    onClick?: (ev: Event) => any;
+                }>, {
                     color: string;
                     spin: boolean;
                 }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -2390,7 +2787,16 @@ export declare const UColorPicker: {
             barRef: import("vue").Ref<HTMLElement, HTMLElement>;
             thumbTop: import("vue").Ref<number, number>;
             updateState: () => void;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            prefixCls: {
+                type: StringConstructor;
+                default: string;
+            };
+            color: {
+                type: typeof import("./color").default;
+                required: true;
+            };
+        }>> & Readonly<{}>, {
             prefixCls: string;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -2431,7 +2837,16 @@ export declare const UColorPicker: {
             barRef: import("vue").Ref<HTMLElement, HTMLElement>;
             thumbTop: import("vue").Ref<number, number>;
             updateState: () => void;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            prefixCls: {
+                type: StringConstructor;
+                default: string;
+            };
+            color: {
+                type: typeof import("./color").default;
+                required: true;
+            };
+        }>> & Readonly<{}>, {
             prefixCls: string;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -2473,7 +2888,16 @@ export declare const UColorPicker: {
             cursorTop: import("vue").Ref<number, number>;
             cursorLeft: import("vue").Ref<number, number>;
             updateState: () => void;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            prefixCls: {
+                type: StringConstructor;
+                default: string;
+            };
+            color: {
+                type: typeof import("./color").default;
+                required: true;
+            };
+        }>> & Readonly<{}>, {
             prefixCls: string;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -2514,7 +2938,16 @@ export declare const UColorPicker: {
             cursorTop: import("vue").Ref<number, number>;
             cursorLeft: import("vue").Ref<number, number>;
             updateState: () => void;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            prefixCls: {
+                type: StringConstructor;
+                default: string;
+            };
+            color: {
+                type: typeof import("./color").default;
+                required: true;
+            };
+        }>> & Readonly<{}>, {
             prefixCls: string;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -2557,7 +2990,16 @@ export declare const UColorPicker: {
             thumbLeft: import("vue").Ref<number, number>;
             background: import("vue").Ref<string, string>;
             updateState: () => void;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            prefixCls: {
+                type: StringConstructor;
+                default: string;
+            };
+            color: {
+                type: typeof import("./color").default;
+                required: true;
+            };
+        }>> & Readonly<{}>, {
             prefixCls: string;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -2600,7 +3042,16 @@ export declare const UColorPicker: {
             thumbLeft: import("vue").Ref<number, number>;
             background: import("vue").Ref<string, string>;
             updateState: () => void;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            prefixCls: {
+                type: StringConstructor;
+                default: string;
+            };
+            color: {
+                type: typeof import("./color").default;
+                required: true;
+            };
+        }>> & Readonly<{}>, {
             prefixCls: string;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -2650,7 +3101,20 @@ export declare const UColorPicker: {
                 rawColor: import("./color").default;
                 rgba: string;
             }[]>;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            prefixCls: {
+                type: StringConstructor;
+                default: string;
+            };
+            color: {
+                type: typeof import("./color").default;
+                required: true;
+            };
+            colors: {
+                type: import("vue").PropType<string[]>;
+                required: true;
+            };
+        }>> & Readonly<{}>, {
             prefixCls: string;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -2705,7 +3169,20 @@ export declare const UColorPicker: {
                 rawColor: import("./color").default;
                 rgba: string;
             }[]>;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            prefixCls: {
+                type: StringConstructor;
+                default: string;
+            };
+            color: {
+                type: typeof import("./color").default;
+                required: true;
+            };
+            colors: {
+                type: import("vue").PropType<string[]>;
+                required: true;
+            };
+        }>> & Readonly<{}>, {
             prefixCls: string;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -2838,7 +3315,16 @@ export declare const UColorPicker: {
         barRef: import("vue").Ref<HTMLElement, HTMLElement>;
         thumbTop: import("vue").Ref<number, number>;
         updateState: () => void;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        prefixCls: {
+            type: StringConstructor;
+            default: string;
+        };
+        color: {
+            type: typeof import("./color").default;
+            required: true;
+        };
+    }>> & Readonly<{}>, {
         prefixCls: string;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -2879,7 +3365,16 @@ export declare const UColorPicker: {
         barRef: import("vue").Ref<HTMLElement, HTMLElement>;
         thumbTop: import("vue").Ref<number, number>;
         updateState: () => void;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        prefixCls: {
+            type: StringConstructor;
+            default: string;
+        };
+        color: {
+            type: typeof import("./color").default;
+            required: true;
+        };
+    }>> & Readonly<{}>, {
         prefixCls: string;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -2921,7 +3416,16 @@ export declare const UColorPicker: {
         cursorTop: import("vue").Ref<number, number>;
         cursorLeft: import("vue").Ref<number, number>;
         updateState: () => void;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        prefixCls: {
+            type: StringConstructor;
+            default: string;
+        };
+        color: {
+            type: typeof import("./color").default;
+            required: true;
+        };
+    }>> & Readonly<{}>, {
         prefixCls: string;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -2962,7 +3466,16 @@ export declare const UColorPicker: {
         cursorTop: import("vue").Ref<number, number>;
         cursorLeft: import("vue").Ref<number, number>;
         updateState: () => void;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        prefixCls: {
+            type: StringConstructor;
+            default: string;
+        };
+        color: {
+            type: typeof import("./color").default;
+            required: true;
+        };
+    }>> & Readonly<{}>, {
         prefixCls: string;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -3005,7 +3518,16 @@ export declare const UColorPicker: {
         thumbLeft: import("vue").Ref<number, number>;
         background: import("vue").Ref<string, string>;
         updateState: () => void;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        prefixCls: {
+            type: StringConstructor;
+            default: string;
+        };
+        color: {
+            type: typeof import("./color").default;
+            required: true;
+        };
+    }>> & Readonly<{}>, {
         prefixCls: string;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -3048,7 +3570,16 @@ export declare const UColorPicker: {
         thumbLeft: import("vue").Ref<number, number>;
         background: import("vue").Ref<string, string>;
         updateState: () => void;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        prefixCls: {
+            type: StringConstructor;
+            default: string;
+        };
+        color: {
+            type: typeof import("./color").default;
+            required: true;
+        };
+    }>> & Readonly<{}>, {
         prefixCls: string;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -3098,7 +3629,20 @@ export declare const UColorPicker: {
             rawColor: import("./color").default;
             rgba: string;
         }[]>;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        prefixCls: {
+            type: StringConstructor;
+            default: string;
+        };
+        color: {
+            type: typeof import("./color").default;
+            required: true;
+        };
+        colors: {
+            type: import("vue").PropType<string[]>;
+            required: true;
+        };
+    }>> & Readonly<{}>, {
         prefixCls: string;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -3153,7 +3697,20 @@ export declare const UColorPicker: {
             rawColor: import("./color").default;
             rgba: string;
         }[]>;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        prefixCls: {
+            type: StringConstructor;
+            default: string;
+        };
+        color: {
+            type: typeof import("./color").default;
+            required: true;
+        };
+        colors: {
+            type: import("vue").PropType<string[]>;
+            required: true;
+        };
+    }>> & Readonly<{}>, {
         prefixCls: string;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -3296,7 +3853,7 @@ export declare const UColorPicker: {
     }>, {
         reference: import("vue").Ref<any, any>;
         stateVisible: import("vue").Ref<boolean, boolean>;
-        popup: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+        popup: import("vue").ShallowRef<HTMLElement>;
         isMounted: import("vue").Ref<boolean, boolean>;
         onClick: (e: any) => void;
         onMousedown: (e: any) => void;
@@ -3454,7 +4011,24 @@ export declare const UColorPicker: {
             handleClick: (e: any) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: Event) => boolean;
-        }, import("vue").PublicProps, {
+        }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            rotate: {
+                type: NumberConstructor;
+            };
+            spin: BooleanConstructor;
+            size: {
+                type: NumberConstructor;
+            };
+            color: {
+                type: StringConstructor;
+                default: string;
+            };
+            icon: {
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
+            };
+        }>> & Readonly<{
+            onClick?: (ev: Event) => any;
+        }>, {
             color: string;
             spin: boolean;
         }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -3670,66 +4244,195 @@ export declare const UColorPicker: {
         }>> & Readonly<{
             onChange?: (v: import("@koi-design/uxd-ui/es/index").InputValueType) => any;
             onClear?: (ev: Event) => any;
-            onSearch?: (v: import("@koi-design/uxd-ui/es/index").InputValueType) => any;
             onFocus?: (ev: Event) => any;
             onBlur?: (ev: Event) => any;
+            onSearch?: (v: import("@koi-design/uxd-ui/es/index").InputValueType) => any;
+            onEnter?: (ev: Event) => any;
+            "onUpdate:modelValue"?: (v: import("@koi-design/uxd-ui/es/index").InputValueType) => any;
+            onKeydown?: (ev: Event) => any;
+            onKeypress?: (ev: Event) => any;
+            onKeyup?: (ev: Event) => any;
+        }>, {
+            prefixCls: import("vue").ComputedRef<string>;
+            wordCountRef: import("vue").ShallowRef<HTMLElement>;
+            inputRef: import("vue").ShallowRef<HTMLInputElement>;
+            textareaRef: import("vue").ShallowRef<HTMLTextAreaElement>;
+            appendRef: import("vue").ShallowRef<HTMLElement>;
+            slotReady: import("vue").Ref<boolean, boolean>;
+            stateValue: import("vue").Ref<string | number, string | number>;
+            getMoneyString: (val: string) => string;
+            textareaStyles: import("vue").Ref<{}, {}>;
+            showPassword: import("vue").Ref<boolean, boolean>;
+            computedDirection: import("vue").ComputedRef<"ltr" | "rtl">;
+            nativeType: import("vue").ComputedRef<"number" | "text" | "textarea" | "password">;
+            showPrefix: import("vue").ComputedRef<boolean>;
+            showSuffix: import("vue").ComputedRef<boolean>;
+            textLength: import("vue").ComputedRef<number>;
+            showPrepend: import("vue").ComputedRef<boolean>;
+            showAppend: import("vue").ComputedRef<boolean>;
+            showClearIcon: import("vue").Ref<boolean, boolean>;
+            handleEnter: (event: Event) => void;
+            handleWrapEnter: () => void;
+            handleKeydown: (event: any) => void;
+            handleKeypress: (event: any) => void;
+            handleKeyup: (event: any) => void;
+            handleFocus: (event: any) => void;
+            handleBlur: (event: any) => void;
+            handleComposition: (event: any) => void;
+            handleInput: (event: any) => void;
+            setStateValue: (value: import("@koi-design/uxd-ui/es/index").InputValueType) => void;
+            resizeTextarea: () => void;
+            focus: () => void;
+            select: () => void;
+            handleClear: (event: Event) => void;
+            handleSearch: () => void;
+            handleToggleShowPassword: () => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            enter: (ev: Event) => boolean;
+            search: (v: import("@koi-design/uxd-ui/es/index").InputValueType) => v is string | number;
+            change: (v: import("@koi-design/uxd-ui/es/index").InputValueType) => v is string | number;
+            'update:modelValue': (v: import("@koi-design/uxd-ui/es/index").InputValueType) => v is string | number;
+            clear: (ev: Event) => boolean;
+            keydown: (ev: Event) => boolean;
+            keypress: (ev: Event) => boolean;
+            keyup: (ev: Event) => boolean;
+            focus: (ev: Event) => boolean;
+            blur: (ev: Event) => boolean;
+        }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            type: {
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").InputType>;
+                default: string;
+                validator: (val: "number" | "text" | "textarea" | "password") => boolean;
+            };
+            variant: {
+                type: import("vue").PropType<"surface" | "soft">;
+                default: string;
+                validator: (val: string) => boolean;
+            };
+            color: {
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").ColorType | undefined>;
+                default: undefined | import("@koi-design/uxd-ui/es/utils").ColorType;
+                validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
+            };
+            modelValue: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            size: {
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").NormalSizeMap>;
+                default: string;
+                validator: (val: "default" | "small" | "large") => boolean;
+            };
+            placeholder: {
+                type: StringConstructor;
+                default: string;
+            };
+            maxlength: {
+                type: NumberConstructor;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            autosize: {
+                type: import("vue").PropType<boolean | import("@koi-design/uxd-ui/es/index").AutoSizeObject>;
+                default: boolean;
+            };
+            rows: {
+                type: NumberConstructor;
+                default: number;
+            };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            autofocus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            spellcheck: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            autocomplete: {
+                type: StringConstructor;
+                default: string;
+            };
+            clearable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            elementId: {
+                type: StringConstructor;
+            };
+            wrap: {
+                type: StringConstructor;
+                default: string;
+            };
+            prefixIcon: {
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
+            };
+            suffixIcon: {
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
+            };
+            showWordLimit: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            search: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            enterButton: {
+                type: (BooleanConstructor | StringConstructor)[];
+                default: boolean;
+            };
+            passwordIcon: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            label: {
+                type: StringConstructor;
+                default: string;
+            };
+            labelPosition: {
+                type: import("vue").PropType<"top" | "left">;
+                default: string;
+            };
+            labelColon: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            labelStyle: {
+                type: ObjectConstructor;
+                default: () => {};
+            };
+            required: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disabledTriggerForm: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            direction: {
+                type: import("vue").PropType<"ltr" | "rtl">;
+            };
+        }>> & Readonly<{
+            onChange?: (v: import("@koi-design/uxd-ui/es/index").InputValueType) => any;
+            onClear?: (ev: Event) => any;
+            onFocus?: (ev: Event) => any;
+            onBlur?: (ev: Event) => any;
+            onSearch?: (v: import("@koi-design/uxd-ui/es/index").InputValueType) => any;
             onEnter?: (ev: Event) => any;
             "onUpdate:modelValue"?: (v: import("@koi-design/uxd-ui/es/index").InputValueType) => any;
             onKeydown?: (ev: Event) => any;
             onKeypress?: (ev: Event) => any;
             onKeyup?: (ev: Event) => any;
         }>, {
-            prefixCls: import("vue").ComputedRef<string>;
-            wordCountRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
-            inputRef: import("vue").ShallowRef<HTMLInputElement, HTMLInputElement>;
-            textareaRef: import("vue").ShallowRef<HTMLTextAreaElement, HTMLTextAreaElement>;
-            appendRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
-            slotReady: import("vue").Ref<boolean, boolean>;
-            stateValue: import("vue").Ref<string | number, string | number>;
-            getMoneyString: (val: string) => string;
-            textareaStyles: import("vue").Ref<{}, {}>;
-            showPassword: import("vue").Ref<boolean, boolean>;
-            computedDirection: import("vue").ComputedRef<"ltr" | "rtl">;
-            nativeType: import("vue").ComputedRef<"number" | "text" | "textarea" | "password">;
-            showPrefix: import("vue").ComputedRef<boolean>;
-            showSuffix: import("vue").ComputedRef<boolean>;
-            textLength: import("vue").ComputedRef<number>;
-            showPrepend: import("vue").ComputedRef<boolean>;
-            showAppend: import("vue").ComputedRef<boolean>;
-            showClearIcon: import("vue").Ref<boolean, boolean>;
-            handleEnter: (event: Event) => void;
-            handleWrapEnter: () => void;
-            handleKeydown: (event: any) => void;
-            handleKeypress: (event: any) => void;
-            handleKeyup: (event: any) => void;
-            handleFocus: (event: any) => void;
-            handleBlur: (event: any) => void;
-            handleComposition: (event: any) => void;
-            handleInput: (event: any) => void;
-            setStateValue: (value: import("@koi-design/uxd-ui/es/index").InputValueType) => void;
-            resizeTextarea: () => void;
-            focus: () => void;
-            select: () => void;
-            handleClear: (event: Event) => void;
-            handleSearch: () => void;
-            handleToggleShowPassword: () => void;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            enter: (ev: Event) => boolean;
-            search: (v: import("@koi-design/uxd-ui/es/index").InputValueType) => v is string | number;
-            change: (v: import("@koi-design/uxd-ui/es/index").InputValueType) => v is string | number;
-            'update:modelValue': (v: import("@koi-design/uxd-ui/es/index").InputValueType) => v is string | number;
-            clear: (ev: Event) => boolean;
-            keydown: (ev: Event) => boolean;
-            keypress: (ev: Event) => boolean;
-            keyup: (ev: Event) => boolean;
-            focus: (ev: Event) => boolean;
-            blur: (ev: Event) => boolean;
-        }, import("vue").PublicProps, {
             color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
             type: "number" | "text" | "textarea" | "password";
             required: boolean;
             size: "default" | "small" | "large";
-            search: boolean;
             disabled: boolean;
             variant: "surface" | "soft";
             placeholder: string;
@@ -3742,6 +4445,7 @@ export declare const UColorPicker: {
             clearable: boolean;
             wrap: string;
             showWordLimit: boolean;
+            search: boolean;
             enterButton: string | boolean;
             passwordIcon: boolean;
             label: string;
@@ -3788,7 +4492,24 @@ export declare const UColorPicker: {
                     handleClick: (e: any) => void;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                     click: (ev: Event) => boolean;
-                }, import("vue").PublicProps, {
+                }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                    rotate: {
+                        type: NumberConstructor;
+                    };
+                    spin: BooleanConstructor;
+                    size: {
+                        type: NumberConstructor;
+                    };
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    icon: {
+                        type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
+                    };
+                }>> & Readonly<{
+                    onClick?: (ev: Event) => any;
+                }>, {
                     color: string;
                     spin: boolean;
                 }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -4014,9 +4735,9 @@ export declare const UColorPicker: {
         }>> & Readonly<{
             onChange?: (v: import("@koi-design/uxd-ui/es/index").InputValueType) => any;
             onClear?: (ev: Event) => any;
-            onSearch?: (v: import("@koi-design/uxd-ui/es/index").InputValueType) => any;
             onFocus?: (ev: Event) => any;
             onBlur?: (ev: Event) => any;
+            onSearch?: (v: import("@koi-design/uxd-ui/es/index").InputValueType) => any;
             onEnter?: (ev: Event) => any;
             "onUpdate:modelValue"?: (v: import("@koi-design/uxd-ui/es/index").InputValueType) => any;
             onKeydown?: (ev: Event) => any;
@@ -4024,10 +4745,10 @@ export declare const UColorPicker: {
             onKeyup?: (ev: Event) => any;
         }>, {
             prefixCls: import("vue").ComputedRef<string>;
-            wordCountRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
-            inputRef: import("vue").ShallowRef<HTMLInputElement, HTMLInputElement>;
-            textareaRef: import("vue").ShallowRef<HTMLTextAreaElement, HTMLTextAreaElement>;
-            appendRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+            wordCountRef: import("vue").ShallowRef<HTMLElement>;
+            inputRef: import("vue").ShallowRef<HTMLInputElement>;
+            textareaRef: import("vue").ShallowRef<HTMLTextAreaElement>;
+            appendRef: import("vue").ShallowRef<HTMLElement>;
             slotReady: import("vue").Ref<boolean, boolean>;
             stateValue: import("vue").Ref<string | number, string | number>;
             getMoneyString: (val: string) => string;
@@ -4062,7 +4783,6 @@ export declare const UColorPicker: {
             type: "number" | "text" | "textarea" | "password";
             required: boolean;
             size: "default" | "small" | "large";
-            search: boolean;
             disabled: boolean;
             variant: "surface" | "soft";
             placeholder: string;
@@ -4075,6 +4795,7 @@ export declare const UColorPicker: {
             clearable: boolean;
             wrap: string;
             showWordLimit: boolean;
+            search: boolean;
             enterButton: string | boolean;
             passwordIcon: boolean;
             label: string;
@@ -4208,9 +4929,9 @@ export declare const UColorPicker: {
     }>> & Readonly<{
         onChange?: (v: import("@koi-design/uxd-ui/es/index").InputValueType) => any;
         onClear?: (ev: Event) => any;
-        onSearch?: (v: import("@koi-design/uxd-ui/es/index").InputValueType) => any;
         onFocus?: (ev: Event) => any;
         onBlur?: (ev: Event) => any;
+        onSearch?: (v: import("@koi-design/uxd-ui/es/index").InputValueType) => any;
         onEnter?: (ev: Event) => any;
         "onUpdate:modelValue"?: (v: import("@koi-design/uxd-ui/es/index").InputValueType) => any;
         onKeydown?: (ev: Event) => any;
@@ -4218,10 +4939,10 @@ export declare const UColorPicker: {
         onKeyup?: (ev: Event) => any;
     }>, {
         prefixCls: import("vue").ComputedRef<string>;
-        wordCountRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
-        inputRef: import("vue").ShallowRef<HTMLInputElement, HTMLInputElement>;
-        textareaRef: import("vue").ShallowRef<HTMLTextAreaElement, HTMLTextAreaElement>;
-        appendRef: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+        wordCountRef: import("vue").ShallowRef<HTMLElement>;
+        inputRef: import("vue").ShallowRef<HTMLInputElement>;
+        textareaRef: import("vue").ShallowRef<HTMLTextAreaElement>;
+        appendRef: import("vue").ShallowRef<HTMLElement>;
         slotReady: import("vue").Ref<boolean, boolean>;
         stateValue: import("vue").Ref<string | number, string | number>;
         getMoneyString: (val: string) => string;
@@ -4267,7 +4988,6 @@ export declare const UColorPicker: {
         type: "number" | "text" | "textarea" | "password";
         required: boolean;
         size: "default" | "small" | "large";
-        search: boolean;
         disabled: boolean;
         variant: "surface" | "soft";
         placeholder: string;
@@ -4280,6 +5000,7 @@ export declare const UColorPicker: {
         clearable: boolean;
         wrap: string;
         showWordLimit: boolean;
+        search: boolean;
         enterButton: string | boolean;
         passwordIcon: boolean;
         label: string;
@@ -4326,7 +5047,24 @@ export declare const UColorPicker: {
                 handleClick: (e: any) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (ev: Event) => boolean;
-            }, import("vue").PublicProps, {
+            }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                rotate: {
+                    type: NumberConstructor;
+                };
+                spin: BooleanConstructor;
+                size: {
+                    type: NumberConstructor;
+                };
+                color: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                icon: {
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
+                };
+            }>> & Readonly<{
+                onClick?: (ev: Event) => any;
+            }>, {
                 color: string;
                 spin: boolean;
             }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -4439,7 +5177,7 @@ export declare const UColorPicker: {
             variant: {
                 type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonVariantType>;
                 default: string;
-                validator: (val: "link" | "text" | "surface" | "soft" | "outline" | "dashed") => boolean;
+                validator: (val: "text" | "surface" | "soft" | "link" | "outline" | "dashed") => boolean;
             };
             size: {
                 type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").NormalSizeMap>;
@@ -4494,13 +5232,73 @@ export declare const UColorPicker: {
             handleClick: (event: any) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             click: (ev: Event) => boolean;
-        }, import("vue").PublicProps, {
+        }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            type: {
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonType>;
+                default: string;
+                validator: (val: "primary" | "success" | "warning" | "default" | "danger") => boolean;
+            };
+            color: {
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").ColorType | undefined>;
+                default: undefined | import("@koi-design/uxd-ui/es/utils").ColorType;
+                validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
+            };
+            variant: {
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonVariantType>;
+                default: string;
+                validator: (val: "text" | "surface" | "soft" | "link" | "outline" | "dashed") => boolean;
+            };
+            size: {
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").NormalSizeMap>;
+                default: string;
+                validator: (val: "default" | "small" | "large") => boolean;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            dashed: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            icon: {
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
+            };
+            shape: {
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonShape>;
+                default: string;
+                validator: (val: "default" | "circle") => boolean;
+            };
+            block: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            loading: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            iconOnly: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            nativeType: {
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonNativeType>;
+                default: string;
+                validator: (val: "button" | "submit" | "reset") => boolean;
+            };
+            blurAfterClick: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            onClick?: (ev: Event) => any;
+        }>, {
             color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
             type: "primary" | "success" | "warning" | "default" | "danger";
             loading: boolean;
             size: "default" | "small" | "large";
             disabled: boolean;
-            variant: "link" | "text" | "surface" | "soft" | "outline" | "dashed";
+            variant: "text" | "surface" | "soft" | "link" | "outline" | "dashed";
             nativeType: "button" | "submit" | "reset";
             shape: "default" | "circle";
             dashed: boolean;
@@ -4546,7 +5344,24 @@ export declare const UColorPicker: {
                     handleClick: (e: any) => void;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                     click: (ev: Event) => boolean;
-                }, import("vue").PublicProps, {
+                }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                    rotate: {
+                        type: NumberConstructor;
+                    };
+                    spin: BooleanConstructor;
+                    size: {
+                        type: NumberConstructor;
+                    };
+                    color: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    icon: {
+                        type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
+                    };
+                }>> & Readonly<{
+                    onClick?: (ev: Event) => any;
+                }>, {
                     color: string;
                     spin: boolean;
                 }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -4660,7 +5475,7 @@ export declare const UColorPicker: {
             variant: {
                 type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonVariantType>;
                 default: string;
-                validator: (val: "link" | "text" | "surface" | "soft" | "outline" | "dashed") => boolean;
+                validator: (val: "text" | "surface" | "soft" | "link" | "outline" | "dashed") => boolean;
             };
             size: {
                 type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").NormalSizeMap>;
@@ -4719,7 +5534,7 @@ export declare const UColorPicker: {
             loading: boolean;
             size: "default" | "small" | "large";
             disabled: boolean;
-            variant: "link" | "text" | "surface" | "soft" | "outline" | "dashed";
+            variant: "text" | "surface" | "soft" | "link" | "outline" | "dashed";
             nativeType: "button" | "submit" | "reset";
             shape: "default" | "circle";
             dashed: boolean;
@@ -4744,7 +5559,7 @@ export declare const UColorPicker: {
         variant: {
             type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonVariantType>;
             default: string;
-            validator: (val: "link" | "text" | "surface" | "soft" | "outline" | "dashed") => boolean;
+            validator: (val: "text" | "surface" | "soft" | "link" | "outline" | "dashed") => boolean;
         };
         size: {
             type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").NormalSizeMap>;
@@ -4805,7 +5620,7 @@ export declare const UColorPicker: {
         loading: boolean;
         size: "default" | "small" | "large";
         disabled: boolean;
-        variant: "link" | "text" | "surface" | "soft" | "outline" | "dashed";
+        variant: "text" | "surface" | "soft" | "link" | "outline" | "dashed";
         nativeType: "button" | "submit" | "reset";
         shape: "default" | "circle";
         dashed: boolean;
@@ -4851,7 +5666,24 @@ export declare const UColorPicker: {
                 handleClick: (e: any) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 click: (ev: Event) => boolean;
-            }, import("vue").PublicProps, {
+            }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                rotate: {
+                    type: NumberConstructor;
+                };
+                spin: BooleanConstructor;
+                size: {
+                    type: NumberConstructor;
+                };
+                color: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                icon: {
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
+                };
+            }>> & Readonly<{
+                onClick?: (ev: Event) => any;
+            }>, {
                 color: string;
                 spin: boolean;
             }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {