@koi-design/uxd-ui 13.2.8 → 13.2.9

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

@@ -8,7 +8,7 @@ export declare const UColorPicker: {
             default: boolean;
         };
         format: {
-            type: import("vue").PropType<"hsv" | "hsl" | "hex" | "rgb">;
+            type: import("vue").PropType<import("./ColorPicker.type").ColorPickerFormat>;
             validator: (val: "hsv" | "hsl" | "hex" | "rgb") => boolean;
         };
         preColors: {
@@ -19,9 +19,9 @@ export declare const UColorPicker: {
             default: boolean;
         };
         size: {
-            type: import("vue").PropType<"small" | "default" | "large">;
+            type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").NormalSizeMap>;
             default: string;
-            validator: (val: "small" | "default" | "large") => boolean;
+            validator: (val: "default" | "small" | "large") => boolean;
         };
         disabled: {
             type: BooleanConstructor;
@@ -34,7 +34,7 @@ export declare const UColorPicker: {
             type: import("vue").PropType<import("vue").CSSProperties>;
         };
         emptyValue: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<string | undefined>;
         };
     }>> & Readonly<{
         onChange?: (v: string) => any;
@@ -439,12 +439,12 @@ export declare const UColorPicker: {
         handleConfirm: () => void;
         onPopupVisibleChange: (val: boolean) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        'update:modelValue': (v: string) => boolean;
-        change: (v: string) => boolean;
+        'update:modelValue': (v: string | undefined) => boolean;
+        change: (v: string | undefined) => boolean;
         'active-change': (v: string) => boolean;
         'open-change': (v: boolean) => boolean;
     }, import("vue").PublicProps, {
-        size: "small" | "default" | "large";
+        size: "default" | "small" | "large";
         disabled: boolean;
         showAlpha: boolean;
         onlyPreColors: boolean;
@@ -457,7 +457,7 @@ export declare const UColorPicker: {
                 type: import("vue").PropType<import("../Popup").GetPopupContainer>;
             };
             placement: {
-                type: import("vue").PropType<"top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end">;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").Placements>;
                 default: string;
                 validator: (val: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end") => boolean;
             };
@@ -479,8 +479,8 @@ export declare const UColorPicker: {
                 type: StringConstructor;
             };
             trigger: {
-                type: import("vue").PropType<("click" | "hover" | "focus" | "contextmenu")[]>;
-                default: () => ("click" | "hover" | "focus" | "contextmenu")[];
+                type: import("vue").PropType<import("../Popup").PopupTrigger[]>;
+                default: () => import("../Popup").PopupTrigger[];
             };
             mouseEnterDelay: {
                 type: NumberConstructor;
@@ -548,7 +548,7 @@ export declare const UColorPicker: {
                 type: import("vue").PropType<import("../Popup").GetPopupContainer>;
             };
             placement: {
-                type: import("vue").PropType<"top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end">;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").Placements>;
                 default: string;
                 validator: (val: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end") => boolean;
             };
@@ -570,8 +570,8 @@ export declare const UColorPicker: {
                 type: StringConstructor;
             };
             trigger: {
-                type: import("vue").PropType<("click" | "hover" | "focus" | "contextmenu")[]>;
-                default: () => ("click" | "hover" | "focus" | "contextmenu")[];
+                type: import("vue").PropType<import("../Popup").PopupTrigger[]>;
+                default: () => import("../Popup").PopupTrigger[];
             };
             mouseEnterDelay: {
                 type: NumberConstructor;
@@ -650,7 +650,7 @@ export declare const UColorPicker: {
                     default: string;
                 };
                 icon: {
-                    type: import("vue").PropType<import("../..").IconPropType>;
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
                 };
             }>> & Readonly<{
                 onClick?: (ev: Event) => any;
@@ -697,7 +697,7 @@ export declare const UColorPicker: {
                     default: string;
                 };
                 icon: {
-                    type: import("vue").PropType<import("../..").IconPropType>;
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
                 };
             }>> & Readonly<{
                 onClick?: (ev: Event) => any;
@@ -739,7 +739,7 @@ export declare const UColorPicker: {
                 default: string;
             };
             icon: {
-                type: import("vue").PropType<import("../..").IconPropType>;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
             };
         }>> & Readonly<{
             onClick?: (ev: Event) => any;
@@ -766,11 +766,11 @@ export declare const UColorPicker: {
         }, string, {
             color: string;
             spin: boolean;
-        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (import("vue").Plugin & Record<string, any>);
         UInput: {
             new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                 type: {
-                    type: import("vue").PropType<"number" | "text" | "textarea" | "password">;
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").InputType>;
                     default: string;
                     validator: (val: "number" | "text" | "textarea" | "password") => boolean;
                 };
@@ -780,17 +780,17 @@ export declare const UColorPicker: {
                     validator: (val: string) => boolean;
                 };
                 color: {
-                    type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                    default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                    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<"small" | "default" | "large">;
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").NormalSizeMap>;
                     default: string;
-                    validator: (val: "small" | "default" | "large") => boolean;
+                    validator: (val: "default" | "small" | "large") => boolean;
                 };
                 placeholder: {
                     type: StringConstructor;
@@ -804,7 +804,7 @@ export declare const UColorPicker: {
                     default: boolean;
                 };
                 autosize: {
-                    type: import("vue").PropType<boolean | import("..").AutoSizeObject>;
+                    type: import("vue").PropType<boolean | import("@koi-design/uxd-ui/es/index").AutoSizeObject>;
                     default: boolean;
                 };
                 rows: {
@@ -839,10 +839,10 @@ export declare const UColorPicker: {
                     default: string;
                 };
                 prefixIcon: {
-                    type: import("vue").PropType<import("../..").IconPropType>;
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
                 };
                 suffixIcon: {
-                    type: import("vue").PropType<import("../..").IconPropType>;
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
                 };
                 showWordLimit: {
                     type: BooleanConstructor;
@@ -888,13 +888,13 @@ export declare const UColorPicker: {
                     type: import("vue").PropType<"ltr" | "rtl">;
                 };
             }>> & Readonly<{
-                onSearch?: (v: import("..").InputValueType) => any;
-                onChange?: (v: import("..").InputValueType) => any;
+                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;
                 onEnter?: (ev: Event) => any;
-                "onUpdate:modelValue"?: (v: import("..").InputValueType) => 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;
@@ -926,7 +926,7 @@ export declare const UColorPicker: {
                 handleBlur: (event: any) => void;
                 handleComposition: (event: any) => void;
                 handleInput: (event: any) => void;
-                setStateValue: (value: import("..").InputValueType) => void;
+                setStateValue: (value: import("@koi-design/uxd-ui/es/index").InputValueType) => void;
                 resizeTextarea: () => void;
                 focus: () => void;
                 select: () => void;
@@ -935,9 +935,9 @@ export declare const UColorPicker: {
                 handleToggleShowPassword: () => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 enter: (ev: Event) => boolean;
-                search: (v: import("..").InputValueType) => boolean;
-                change: (v: import("..").InputValueType) => boolean;
-                'update:modelValue': (v: import("..").InputValueType) => 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;
@@ -947,13 +947,13 @@ export declare const UColorPicker: {
             }, import("vue").PublicProps, {
                 color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
                 type: "number" | "text" | "textarea" | "password";
-                search: boolean;
                 required: boolean;
-                size: "small" | "default" | "large";
+                size: "default" | "small" | "large";
+                search: boolean;
                 disabled: boolean;
                 variant: "surface" | "soft";
                 placeholder: string;
-                autosize: boolean | import("..").AutoSizeObject;
+                autosize: boolean | import("@koi-design/uxd-ui/es/index").AutoSizeObject;
                 rows: number;
                 readonly: boolean;
                 autofocus: boolean;
@@ -984,7 +984,7 @@ export declare const UColorPicker: {
                             default: string;
                         };
                         icon: {
-                            type: import("vue").PropType<import("../..").IconPropType>;
+                            type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
                         };
                     }>> & Readonly<{
                         onClick?: (ev: Event) => any;
@@ -1031,7 +1031,7 @@ export declare const UColorPicker: {
                             default: string;
                         };
                         icon: {
-                            type: import("vue").PropType<import("../..").IconPropType>;
+                            type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
                         };
                     }>> & Readonly<{
                         onClick?: (ev: Event) => any;
@@ -1073,7 +1073,7 @@ export declare const UColorPicker: {
                         default: string;
                     };
                     icon: {
-                        type: import("vue").PropType<import("../..").IconPropType>;
+                        type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
                     };
                 }>> & Readonly<{
                     onClick?: (ev: Event) => any;
@@ -1100,7 +1100,7 @@ export declare const UColorPicker: {
                 }, string, {
                     color: string;
                     spin: boolean;
-                }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+                }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (import("vue").Plugin & Record<string, any>);
                 URoundSearch: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
                 URoundCloseCircle: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
                 URoundEyeOpen: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -1114,7 +1114,7 @@ export declare const UColorPicker: {
                 Defaults: {};
             }, Readonly<import("vue").ExtractPropTypes<{
                 type: {
-                    type: import("vue").PropType<"number" | "text" | "textarea" | "password">;
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").InputType>;
                     default: string;
                     validator: (val: "number" | "text" | "textarea" | "password") => boolean;
                 };
@@ -1124,17 +1124,17 @@ export declare const UColorPicker: {
                     validator: (val: string) => boolean;
                 };
                 color: {
-                    type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                    default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                    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<"small" | "default" | "large">;
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").NormalSizeMap>;
                     default: string;
-                    validator: (val: "small" | "default" | "large") => boolean;
+                    validator: (val: "default" | "small" | "large") => boolean;
                 };
                 placeholder: {
                     type: StringConstructor;
@@ -1148,7 +1148,7 @@ export declare const UColorPicker: {
                     default: boolean;
                 };
                 autosize: {
-                    type: import("vue").PropType<boolean | import("..").AutoSizeObject>;
+                    type: import("vue").PropType<boolean | import("@koi-design/uxd-ui/es/index").AutoSizeObject>;
                     default: boolean;
                 };
                 rows: {
@@ -1183,10 +1183,10 @@ export declare const UColorPicker: {
                     default: string;
                 };
                 prefixIcon: {
-                    type: import("vue").PropType<import("../..").IconPropType>;
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
                 };
                 suffixIcon: {
-                    type: import("vue").PropType<import("../..").IconPropType>;
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
                 };
                 showWordLimit: {
                     type: BooleanConstructor;
@@ -1232,13 +1232,13 @@ export declare const UColorPicker: {
                     type: import("vue").PropType<"ltr" | "rtl">;
                 };
             }>> & Readonly<{
-                onSearch?: (v: import("..").InputValueType) => any;
-                onChange?: (v: import("..").InputValueType) => any;
+                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;
                 onEnter?: (ev: Event) => any;
-                "onUpdate:modelValue"?: (v: import("..").InputValueType) => 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;
@@ -1270,7 +1270,7 @@ export declare const UColorPicker: {
                 handleBlur: (event: any) => void;
                 handleComposition: (event: any) => void;
                 handleInput: (event: any) => void;
-                setStateValue: (value: import("..").InputValueType) => void;
+                setStateValue: (value: import("@koi-design/uxd-ui/es/index").InputValueType) => void;
                 resizeTextarea: () => void;
                 focus: () => void;
                 select: () => void;
@@ -1280,13 +1280,13 @@ export declare const UColorPicker: {
             }, {}, {}, {}, {
                 color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
                 type: "number" | "text" | "textarea" | "password";
-                search: boolean;
                 required: boolean;
-                size: "small" | "default" | "large";
+                size: "default" | "small" | "large";
+                search: boolean;
                 disabled: boolean;
                 variant: "surface" | "soft";
                 placeholder: string;
-                autosize: boolean | import("..").AutoSizeObject;
+                autosize: boolean | import("@koi-design/uxd-ui/es/index").AutoSizeObject;
                 rows: number;
                 readonly: boolean;
                 autofocus: boolean;
@@ -1308,7 +1308,7 @@ export declare const UColorPicker: {
             __isSuspense?: never;
         } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             type: {
-                type: import("vue").PropType<"number" | "text" | "textarea" | "password">;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").InputType>;
                 default: string;
                 validator: (val: "number" | "text" | "textarea" | "password") => boolean;
             };
@@ -1318,17 +1318,17 @@ export declare const UColorPicker: {
                 validator: (val: string) => boolean;
             };
             color: {
-                type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                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<"small" | "default" | "large">;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").NormalSizeMap>;
                 default: string;
-                validator: (val: "small" | "default" | "large") => boolean;
+                validator: (val: "default" | "small" | "large") => boolean;
             };
             placeholder: {
                 type: StringConstructor;
@@ -1342,7 +1342,7 @@ export declare const UColorPicker: {
                 default: boolean;
             };
             autosize: {
-                type: import("vue").PropType<boolean | import("..").AutoSizeObject>;
+                type: import("vue").PropType<boolean | import("@koi-design/uxd-ui/es/index").AutoSizeObject>;
                 default: boolean;
             };
             rows: {
@@ -1377,10 +1377,10 @@ export declare const UColorPicker: {
                 default: string;
             };
             prefixIcon: {
-                type: import("vue").PropType<import("../..").IconPropType>;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
             };
             suffixIcon: {
-                type: import("vue").PropType<import("../..").IconPropType>;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
             };
             showWordLimit: {
                 type: BooleanConstructor;
@@ -1426,13 +1426,13 @@ export declare const UColorPicker: {
                 type: import("vue").PropType<"ltr" | "rtl">;
             };
         }>> & Readonly<{
-            onSearch?: (v: import("..").InputValueType) => any;
-            onChange?: (v: import("..").InputValueType) => any;
+            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;
             onEnter?: (ev: Event) => any;
-            "onUpdate:modelValue"?: (v: import("..").InputValueType) => 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;
@@ -1464,7 +1464,7 @@ export declare const UColorPicker: {
             handleBlur: (event: any) => void;
             handleComposition: (event: any) => void;
             handleInput: (event: any) => void;
-            setStateValue: (value: import("..").InputValueType) => void;
+            setStateValue: (value: import("@koi-design/uxd-ui/es/index").InputValueType) => void;
             resizeTextarea: () => void;
             focus: () => void;
             select: () => void;
@@ -1473,9 +1473,9 @@ export declare const UColorPicker: {
             handleToggleShowPassword: () => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             enter: (ev: Event) => boolean;
-            search: (v: import("..").InputValueType) => boolean;
-            change: (v: import("..").InputValueType) => boolean;
-            'update:modelValue': (v: import("..").InputValueType) => 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;
@@ -1485,13 +1485,13 @@ export declare const UColorPicker: {
         }, string, {
             color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
             type: "number" | "text" | "textarea" | "password";
-            search: boolean;
             required: boolean;
-            size: "small" | "default" | "large";
+            size: "default" | "small" | "large";
+            search: boolean;
             disabled: boolean;
             variant: "surface" | "soft";
             placeholder: string;
-            autosize: boolean | import("..").AutoSizeObject;
+            autosize: boolean | import("@koi-design/uxd-ui/es/index").AutoSizeObject;
             rows: number;
             readonly: boolean;
             autofocus: boolean;
@@ -1522,7 +1522,7 @@ export declare const UColorPicker: {
                         default: string;
                     };
                     icon: {
-                        type: import("vue").PropType<import("../..").IconPropType>;
+                        type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
                     };
                 }>> & Readonly<{
                     onClick?: (ev: Event) => any;
@@ -1569,7 +1569,7 @@ export declare const UColorPicker: {
                         default: string;
                     };
                     icon: {
-                        type: import("vue").PropType<import("../..").IconPropType>;
+                        type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
                     };
                 }>> & Readonly<{
                     onClick?: (ev: Event) => any;
@@ -1611,7 +1611,7 @@ export declare const UColorPicker: {
                     default: string;
                 };
                 icon: {
-                    type: import("vue").PropType<import("../..").IconPropType>;
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
                 };
             }>> & Readonly<{
                 onClick?: (ev: Event) => any;
@@ -1638,33 +1638,33 @@ export declare const UColorPicker: {
             }, string, {
                 color: string;
                 spin: boolean;
-            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (import("vue").Plugin & Record<string, any>);
             URoundSearch: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
             URoundCloseCircle: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
             URoundEyeOpen: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
             URoundEyeOff: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-        } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+        } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (import("vue").Plugin & Record<string, any>);
         UButton: {
             new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                 type: {
-                    type: import("vue").PropType<"primary" | "success" | "warning" | "default" | "danger">;
+                    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<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                    default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                    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<"link" | "text" | "surface" | "soft" | "outline" | "dashed">;
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonVariantType>;
                     default: string;
                     validator: (val: "link" | "text" | "surface" | "soft" | "outline" | "dashed") => boolean;
                 };
                 size: {
-                    type: import("vue").PropType<"small" | "default" | "large">;
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").NormalSizeMap>;
                     default: string;
-                    validator: (val: "small" | "default" | "large") => boolean;
+                    validator: (val: "default" | "small" | "large") => boolean;
                 };
                 disabled: {
                     type: BooleanConstructor;
@@ -1675,10 +1675,10 @@ export declare const UColorPicker: {
                     default: boolean;
                 };
                 icon: {
-                    type: import("vue").PropType<import("../..").IconPropType>;
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
                 };
                 shape: {
-                    type: import("vue").PropType<"default" | "circle">;
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonShape>;
                     default: string;
                     validator: (val: "default" | "circle") => boolean;
                 };
@@ -1695,7 +1695,7 @@ export declare const UColorPicker: {
                     default: undefined;
                 };
                 nativeType: {
-                    type: import("vue").PropType<"button" | "submit" | "reset">;
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonNativeType>;
                     default: string;
                     validator: (val: "button" | "submit" | "reset") => boolean;
                 };
@@ -1718,13 +1718,13 @@ export declare const UColorPicker: {
                 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: "small" | "default" | "large";
+                size: "default" | "small" | "large";
                 disabled: boolean;
                 variant: "link" | "text" | "surface" | "soft" | "outline" | "dashed";
                 nativeType: "button" | "submit" | "reset";
-                block: boolean;
                 shape: "default" | "circle";
                 dashed: boolean;
+                block: boolean;
                 iconOnly: boolean;
                 blurAfterClick: boolean;
             }, true, {}, {}, {
@@ -1742,7 +1742,7 @@ export declare const UColorPicker: {
                             default: string;
                         };
                         icon: {
-                            type: import("vue").PropType<import("../..").IconPropType>;
+                            type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
                         };
                     }>> & Readonly<{
                         onClick?: (ev: Event) => any;
@@ -1789,7 +1789,7 @@ export declare const UColorPicker: {
                             default: string;
                         };
                         icon: {
-                            type: import("vue").PropType<import("../..").IconPropType>;
+                            type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
                         };
                     }>> & Readonly<{
                         onClick?: (ev: Event) => any;
@@ -1831,7 +1831,7 @@ export declare const UColorPicker: {
                         default: string;
                     };
                     icon: {
-                        type: import("vue").PropType<import("../..").IconPropType>;
+                        type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
                     };
                 }>> & Readonly<{
                     onClick?: (ev: Event) => any;
@@ -1858,7 +1858,7 @@ export declare const UColorPicker: {
                 }, string, {
                     color: string;
                     spin: boolean;
-                }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+                }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (import("vue").Plugin & Record<string, any>);
             } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
                 B: {};
@@ -1868,24 +1868,24 @@ export declare const UColorPicker: {
                 Defaults: {};
             }, Readonly<import("vue").ExtractPropTypes<{
                 type: {
-                    type: import("vue").PropType<"primary" | "success" | "warning" | "default" | "danger">;
+                    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<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                    default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                    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<"link" | "text" | "surface" | "soft" | "outline" | "dashed">;
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonVariantType>;
                     default: string;
                     validator: (val: "link" | "text" | "surface" | "soft" | "outline" | "dashed") => boolean;
                 };
                 size: {
-                    type: import("vue").PropType<"small" | "default" | "large">;
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").NormalSizeMap>;
                     default: string;
-                    validator: (val: "small" | "default" | "large") => boolean;
+                    validator: (val: "default" | "small" | "large") => boolean;
                 };
                 disabled: {
                     type: BooleanConstructor;
@@ -1896,10 +1896,10 @@ export declare const UColorPicker: {
                     default: boolean;
                 };
                 icon: {
-                    type: import("vue").PropType<import("../..").IconPropType>;
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
                 };
                 shape: {
-                    type: import("vue").PropType<"default" | "circle">;
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonShape>;
                     default: string;
                     validator: (val: "default" | "circle") => boolean;
                 };
@@ -1916,7 +1916,7 @@ export declare const UColorPicker: {
                     default: undefined;
                 };
                 nativeType: {
-                    type: import("vue").PropType<"button" | "submit" | "reset">;
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonNativeType>;
                     default: string;
                     validator: (val: "button" | "submit" | "reset") => boolean;
                 };
@@ -1937,13 +1937,13 @@ export declare const UColorPicker: {
                 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: "small" | "default" | "large";
+                size: "default" | "small" | "large";
                 disabled: boolean;
                 variant: "link" | "text" | "surface" | "soft" | "outline" | "dashed";
                 nativeType: "button" | "submit" | "reset";
-                block: boolean;
                 shape: "default" | "circle";
                 dashed: boolean;
+                block: boolean;
                 iconOnly: boolean;
                 blurAfterClick: boolean;
             }>;
@@ -1952,24 +1952,24 @@ export declare const UColorPicker: {
             __isSuspense?: never;
         } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             type: {
-                type: import("vue").PropType<"primary" | "success" | "warning" | "default" | "danger">;
+                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<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                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<"link" | "text" | "surface" | "soft" | "outline" | "dashed">;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonVariantType>;
                 default: string;
                 validator: (val: "link" | "text" | "surface" | "soft" | "outline" | "dashed") => boolean;
             };
             size: {
-                type: import("vue").PropType<"small" | "default" | "large">;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").NormalSizeMap>;
                 default: string;
-                validator: (val: "small" | "default" | "large") => boolean;
+                validator: (val: "default" | "small" | "large") => boolean;
             };
             disabled: {
                 type: BooleanConstructor;
@@ -1980,10 +1980,10 @@ export declare const UColorPicker: {
                 default: boolean;
             };
             icon: {
-                type: import("vue").PropType<import("../..").IconPropType>;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
             };
             shape: {
-                type: import("vue").PropType<"default" | "circle">;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonShape>;
                 default: string;
                 validator: (val: "default" | "circle") => boolean;
             };
@@ -2000,7 +2000,7 @@ export declare const UColorPicker: {
                 default: undefined;
             };
             nativeType: {
-                type: import("vue").PropType<"button" | "submit" | "reset">;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonNativeType>;
                 default: string;
                 validator: (val: "button" | "submit" | "reset") => boolean;
             };
@@ -2023,13 +2023,13 @@ export declare const UColorPicker: {
             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: "small" | "default" | "large";
+            size: "default" | "small" | "large";
             disabled: boolean;
             variant: "link" | "text" | "surface" | "soft" | "outline" | "dashed";
             nativeType: "button" | "submit" | "reset";
-            block: boolean;
             shape: "default" | "circle";
             dashed: boolean;
+            block: boolean;
             iconOnly: boolean;
             blurAfterClick: boolean;
         }, {}, string, {}, {
@@ -2047,7 +2047,7 @@ export declare const UColorPicker: {
                         default: string;
                     };
                     icon: {
-                        type: import("vue").PropType<import("../..").IconPropType>;
+                        type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
                     };
                 }>> & Readonly<{
                     onClick?: (ev: Event) => any;
@@ -2094,7 +2094,7 @@ export declare const UColorPicker: {
                         default: string;
                     };
                     icon: {
-                        type: import("vue").PropType<import("../..").IconPropType>;
+                        type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
                     };
                 }>> & Readonly<{
                     onClick?: (ev: Event) => any;
@@ -2136,7 +2136,7 @@ export declare const UColorPicker: {
                     default: string;
                 };
                 icon: {
-                    type: import("vue").PropType<import("../..").IconPropType>;
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
                 };
             }>> & Readonly<{
                 onClick?: (ev: Event) => any;
@@ -2163,16 +2163,16 @@ export declare const UColorPicker: {
             }, string, {
                 color: string;
                 spin: boolean;
-            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
-        } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & {
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (import("vue").Plugin & Record<string, any>);
+        } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (import("vue").Plugin & {
             Group: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                 size: {
-                    type: import("vue").PropType<"small" | "default" | "large">;
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").NormalSizeMap>;
                     default: string;
-                    validator: (val: "small" | "default" | "large") => boolean;
+                    validator: (val: "default" | "small" | "large") => boolean;
                 };
                 shape: {
-                    type: import("vue").PropType<"default" | "circle">;
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonShape>;
                     default: string;
                     validator: (val: "default" | "circle") => boolean;
                 };
@@ -2184,12 +2184,12 @@ export declare const UColorPicker: {
                 prefixCls: import("vue").ComputedRef<string>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 size: {
-                    type: import("vue").PropType<"small" | "default" | "large">;
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").NormalSizeMap>;
                     default: string;
-                    validator: (val: "small" | "default" | "large") => boolean;
+                    validator: (val: "default" | "small" | "large") => boolean;
                 };
                 shape: {
-                    type: import("vue").PropType<"default" | "circle">;
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonShape>;
                     default: string;
                     validator: (val: "default" | "circle") => boolean;
                 };
@@ -2198,11 +2198,11 @@ export declare const UColorPicker: {
                     default: undefined;
                 };
             }>> & Readonly<{}>, {
-                size: "small" | "default" | "large";
+                size: "default" | "small" | "large";
                 shape: "default" | "circle";
                 vertical: boolean;
             }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-        };
+        });
         HueSlider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             prefixCls: {
                 type: StringConstructor;
@@ -2340,7 +2340,7 @@ export declare const UColorPicker: {
             default: boolean;
         };
         format: {
-            type: import("vue").PropType<"hsv" | "hsl" | "hex" | "rgb">;
+            type: import("vue").PropType<import("./ColorPicker.type").ColorPickerFormat>;
             validator: (val: "hsv" | "hsl" | "hex" | "rgb") => boolean;
         };
         preColors: {
@@ -2351,9 +2351,9 @@ export declare const UColorPicker: {
             default: boolean;
         };
         size: {
-            type: import("vue").PropType<"small" | "default" | "large">;
+            type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").NormalSizeMap>;
             default: string;
-            validator: (val: "small" | "default" | "large") => boolean;
+            validator: (val: "default" | "small" | "large") => boolean;
         };
         disabled: {
             type: BooleanConstructor;
@@ -2366,7 +2366,7 @@ export declare const UColorPicker: {
             type: import("vue").PropType<import("vue").CSSProperties>;
         };
         emptyValue: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<string | undefined>;
         };
     }>> & Readonly<{
         onChange?: (v: string) => any;
@@ -2771,7 +2771,7 @@ export declare const UColorPicker: {
         handleConfirm: () => void;
         onPopupVisibleChange: (val: boolean) => void;
     }, {}, {}, {}, {
-        size: "small" | "default" | "large";
+        size: "default" | "small" | "large";
         disabled: boolean;
         showAlpha: boolean;
         onlyPreColors: boolean;
@@ -2788,7 +2788,7 @@ export declare const UColorPicker: {
         default: boolean;
     };
     format: {
-        type: import("vue").PropType<"hsv" | "hsl" | "hex" | "rgb">;
+        type: import("vue").PropType<import("./ColorPicker.type").ColorPickerFormat>;
         validator: (val: "hsv" | "hsl" | "hex" | "rgb") => boolean;
     };
     preColors: {
@@ -2799,9 +2799,9 @@ export declare const UColorPicker: {
         default: boolean;
     };
     size: {
-        type: import("vue").PropType<"small" | "default" | "large">;
+        type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").NormalSizeMap>;
         default: string;
-        validator: (val: "small" | "default" | "large") => boolean;
+        validator: (val: "default" | "small" | "large") => boolean;
     };
     disabled: {
         type: BooleanConstructor;
@@ -2814,7 +2814,7 @@ export declare const UColorPicker: {
         type: import("vue").PropType<import("vue").CSSProperties>;
     };
     emptyValue: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<string | undefined>;
     };
 }>> & Readonly<{
     onChange?: (v: string) => any;
@@ -3219,12 +3219,12 @@ export declare const UColorPicker: {
     handleConfirm: () => void;
     onPopupVisibleChange: (val: boolean) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:modelValue': (v: string) => boolean;
-    change: (v: string) => boolean;
+    'update:modelValue': (v: string | undefined) => boolean;
+    change: (v: string | undefined) => boolean;
     'active-change': (v: string) => boolean;
     'open-change': (v: boolean) => boolean;
 }, string, {
-    size: "small" | "default" | "large";
+    size: "default" | "small" | "large";
     disabled: boolean;
     showAlpha: boolean;
     onlyPreColors: boolean;
@@ -3237,7 +3237,7 @@ export declare const UColorPicker: {
             type: import("vue").PropType<import("../Popup").GetPopupContainer>;
         };
         placement: {
-            type: import("vue").PropType<"top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end">;
+            type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").Placements>;
             default: string;
             validator: (val: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end") => boolean;
         };
@@ -3259,8 +3259,8 @@ export declare const UColorPicker: {
             type: StringConstructor;
         };
         trigger: {
-            type: import("vue").PropType<("click" | "hover" | "focus" | "contextmenu")[]>;
-            default: () => ("click" | "hover" | "focus" | "contextmenu")[];
+            type: import("vue").PropType<import("../Popup").PopupTrigger[]>;
+            default: () => import("../Popup").PopupTrigger[];
         };
         mouseEnterDelay: {
             type: NumberConstructor;
@@ -3328,7 +3328,7 @@ export declare const UColorPicker: {
             type: import("vue").PropType<import("../Popup").GetPopupContainer>;
         };
         placement: {
-            type: import("vue").PropType<"top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end">;
+            type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").Placements>;
             default: string;
             validator: (val: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end") => boolean;
         };
@@ -3350,8 +3350,8 @@ export declare const UColorPicker: {
             type: StringConstructor;
         };
         trigger: {
-            type: import("vue").PropType<("click" | "hover" | "focus" | "contextmenu")[]>;
-            default: () => ("click" | "hover" | "focus" | "contextmenu")[];
+            type: import("vue").PropType<import("../Popup").PopupTrigger[]>;
+            default: () => import("../Popup").PopupTrigger[];
         };
         mouseEnterDelay: {
             type: NumberConstructor;
@@ -3430,7 +3430,7 @@ export declare const UColorPicker: {
                 default: string;
             };
             icon: {
-                type: import("vue").PropType<import("../..").IconPropType>;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
             };
         }>> & Readonly<{
             onClick?: (ev: Event) => any;
@@ -3477,7 +3477,7 @@ export declare const UColorPicker: {
                 default: string;
             };
             icon: {
-                type: import("vue").PropType<import("../..").IconPropType>;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
             };
         }>> & Readonly<{
             onClick?: (ev: Event) => any;
@@ -3519,7 +3519,7 @@ export declare const UColorPicker: {
             default: string;
         };
         icon: {
-            type: import("vue").PropType<import("../..").IconPropType>;
+            type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
         };
     }>> & Readonly<{
         onClick?: (ev: Event) => any;
@@ -3546,11 +3546,11 @@ export declare const UColorPicker: {
     }, string, {
         color: string;
         spin: boolean;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (import("vue").Plugin & Record<string, any>);
     UInput: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             type: {
-                type: import("vue").PropType<"number" | "text" | "textarea" | "password">;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").InputType>;
                 default: string;
                 validator: (val: "number" | "text" | "textarea" | "password") => boolean;
             };
@@ -3560,17 +3560,17 @@ export declare const UColorPicker: {
                 validator: (val: string) => boolean;
             };
             color: {
-                type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                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<"small" | "default" | "large">;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").NormalSizeMap>;
                 default: string;
-                validator: (val: "small" | "default" | "large") => boolean;
+                validator: (val: "default" | "small" | "large") => boolean;
             };
             placeholder: {
                 type: StringConstructor;
@@ -3584,7 +3584,7 @@ export declare const UColorPicker: {
                 default: boolean;
             };
             autosize: {
-                type: import("vue").PropType<boolean | import("..").AutoSizeObject>;
+                type: import("vue").PropType<boolean | import("@koi-design/uxd-ui/es/index").AutoSizeObject>;
                 default: boolean;
             };
             rows: {
@@ -3619,10 +3619,10 @@ export declare const UColorPicker: {
                 default: string;
             };
             prefixIcon: {
-                type: import("vue").PropType<import("../..").IconPropType>;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
             };
             suffixIcon: {
-                type: import("vue").PropType<import("../..").IconPropType>;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
             };
             showWordLimit: {
                 type: BooleanConstructor;
@@ -3668,13 +3668,13 @@ export declare const UColorPicker: {
                 type: import("vue").PropType<"ltr" | "rtl">;
             };
         }>> & Readonly<{
-            onSearch?: (v: import("..").InputValueType) => any;
-            onChange?: (v: import("..").InputValueType) => any;
+            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;
             onEnter?: (ev: Event) => any;
-            "onUpdate:modelValue"?: (v: import("..").InputValueType) => 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;
@@ -3706,7 +3706,7 @@ export declare const UColorPicker: {
             handleBlur: (event: any) => void;
             handleComposition: (event: any) => void;
             handleInput: (event: any) => void;
-            setStateValue: (value: import("..").InputValueType) => void;
+            setStateValue: (value: import("@koi-design/uxd-ui/es/index").InputValueType) => void;
             resizeTextarea: () => void;
             focus: () => void;
             select: () => void;
@@ -3715,9 +3715,9 @@ export declare const UColorPicker: {
             handleToggleShowPassword: () => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             enter: (ev: Event) => boolean;
-            search: (v: import("..").InputValueType) => boolean;
-            change: (v: import("..").InputValueType) => boolean;
-            'update:modelValue': (v: import("..").InputValueType) => 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;
@@ -3727,13 +3727,13 @@ export declare const UColorPicker: {
         }, import("vue").PublicProps, {
             color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
             type: "number" | "text" | "textarea" | "password";
-            search: boolean;
             required: boolean;
-            size: "small" | "default" | "large";
+            size: "default" | "small" | "large";
+            search: boolean;
             disabled: boolean;
             variant: "surface" | "soft";
             placeholder: string;
-            autosize: boolean | import("..").AutoSizeObject;
+            autosize: boolean | import("@koi-design/uxd-ui/es/index").AutoSizeObject;
             rows: number;
             readonly: boolean;
             autofocus: boolean;
@@ -3764,7 +3764,7 @@ export declare const UColorPicker: {
                         default: string;
                     };
                     icon: {
-                        type: import("vue").PropType<import("../..").IconPropType>;
+                        type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
                     };
                 }>> & Readonly<{
                     onClick?: (ev: Event) => any;
@@ -3811,7 +3811,7 @@ export declare const UColorPicker: {
                         default: string;
                     };
                     icon: {
-                        type: import("vue").PropType<import("../..").IconPropType>;
+                        type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
                     };
                 }>> & Readonly<{
                     onClick?: (ev: Event) => any;
@@ -3853,7 +3853,7 @@ export declare const UColorPicker: {
                     default: string;
                 };
                 icon: {
-                    type: import("vue").PropType<import("../..").IconPropType>;
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
                 };
             }>> & Readonly<{
                 onClick?: (ev: Event) => any;
@@ -3880,7 +3880,7 @@ export declare const UColorPicker: {
             }, string, {
                 color: string;
                 spin: boolean;
-            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (import("vue").Plugin & Record<string, any>);
             URoundSearch: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
             URoundCloseCircle: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
             URoundEyeOpen: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -3894,7 +3894,7 @@ export declare const UColorPicker: {
             Defaults: {};
         }, Readonly<import("vue").ExtractPropTypes<{
             type: {
-                type: import("vue").PropType<"number" | "text" | "textarea" | "password">;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").InputType>;
                 default: string;
                 validator: (val: "number" | "text" | "textarea" | "password") => boolean;
             };
@@ -3904,17 +3904,17 @@ export declare const UColorPicker: {
                 validator: (val: string) => boolean;
             };
             color: {
-                type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                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<"small" | "default" | "large">;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").NormalSizeMap>;
                 default: string;
-                validator: (val: "small" | "default" | "large") => boolean;
+                validator: (val: "default" | "small" | "large") => boolean;
             };
             placeholder: {
                 type: StringConstructor;
@@ -3928,7 +3928,7 @@ export declare const UColorPicker: {
                 default: boolean;
             };
             autosize: {
-                type: import("vue").PropType<boolean | import("..").AutoSizeObject>;
+                type: import("vue").PropType<boolean | import("@koi-design/uxd-ui/es/index").AutoSizeObject>;
                 default: boolean;
             };
             rows: {
@@ -3963,10 +3963,10 @@ export declare const UColorPicker: {
                 default: string;
             };
             prefixIcon: {
-                type: import("vue").PropType<import("../..").IconPropType>;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
             };
             suffixIcon: {
-                type: import("vue").PropType<import("../..").IconPropType>;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
             };
             showWordLimit: {
                 type: BooleanConstructor;
@@ -4012,13 +4012,13 @@ export declare const UColorPicker: {
                 type: import("vue").PropType<"ltr" | "rtl">;
             };
         }>> & Readonly<{
-            onSearch?: (v: import("..").InputValueType) => any;
-            onChange?: (v: import("..").InputValueType) => any;
+            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;
             onEnter?: (ev: Event) => any;
-            "onUpdate:modelValue"?: (v: import("..").InputValueType) => 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;
@@ -4050,7 +4050,7 @@ export declare const UColorPicker: {
             handleBlur: (event: any) => void;
             handleComposition: (event: any) => void;
             handleInput: (event: any) => void;
-            setStateValue: (value: import("..").InputValueType) => void;
+            setStateValue: (value: import("@koi-design/uxd-ui/es/index").InputValueType) => void;
             resizeTextarea: () => void;
             focus: () => void;
             select: () => void;
@@ -4060,13 +4060,13 @@ export declare const UColorPicker: {
         }, {}, {}, {}, {
             color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
             type: "number" | "text" | "textarea" | "password";
-            search: boolean;
             required: boolean;
-            size: "small" | "default" | "large";
+            size: "default" | "small" | "large";
+            search: boolean;
             disabled: boolean;
             variant: "surface" | "soft";
             placeholder: string;
-            autosize: boolean | import("..").AutoSizeObject;
+            autosize: boolean | import("@koi-design/uxd-ui/es/index").AutoSizeObject;
             rows: number;
             readonly: boolean;
             autofocus: boolean;
@@ -4088,7 +4088,7 @@ export declare const UColorPicker: {
         __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
         type: {
-            type: import("vue").PropType<"number" | "text" | "textarea" | "password">;
+            type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").InputType>;
             default: string;
             validator: (val: "number" | "text" | "textarea" | "password") => boolean;
         };
@@ -4098,17 +4098,17 @@ export declare const UColorPicker: {
             validator: (val: string) => boolean;
         };
         color: {
-            type: import("vue").PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-            default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+            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<"small" | "default" | "large">;
+            type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").NormalSizeMap>;
             default: string;
-            validator: (val: "small" | "default" | "large") => boolean;
+            validator: (val: "default" | "small" | "large") => boolean;
         };
         placeholder: {
             type: StringConstructor;
@@ -4122,7 +4122,7 @@ export declare const UColorPicker: {
             default: boolean;
         };
         autosize: {
-            type: import("vue").PropType<boolean | import("..").AutoSizeObject>;
+            type: import("vue").PropType<boolean | import("@koi-design/uxd-ui/es/index").AutoSizeObject>;
             default: boolean;
         };
         rows: {
@@ -4157,10 +4157,10 @@ export declare const UColorPicker: {
             default: string;
         };
         prefixIcon: {
-            type: import("vue").PropType<import("../..").IconPropType>;
+            type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
         };
         suffixIcon: {
-            type: import("vue").PropType<import("../..").IconPropType>;
+            type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
         };
         showWordLimit: {
             type: BooleanConstructor;
@@ -4206,13 +4206,13 @@ export declare const UColorPicker: {
             type: import("vue").PropType<"ltr" | "rtl">;
         };
     }>> & Readonly<{
-        onSearch?: (v: import("..").InputValueType) => any;
-        onChange?: (v: import("..").InputValueType) => any;
+        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;
         onEnter?: (ev: Event) => any;
-        "onUpdate:modelValue"?: (v: import("..").InputValueType) => 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;
@@ -4244,7 +4244,7 @@ export declare const UColorPicker: {
         handleBlur: (event: any) => void;
         handleComposition: (event: any) => void;
         handleInput: (event: any) => void;
-        setStateValue: (value: import("..").InputValueType) => void;
+        setStateValue: (value: import("@koi-design/uxd-ui/es/index").InputValueType) => void;
         resizeTextarea: () => void;
         focus: () => void;
         select: () => void;
@@ -4253,9 +4253,9 @@ export declare const UColorPicker: {
         handleToggleShowPassword: () => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         enter: (ev: Event) => boolean;
-        search: (v: import("..").InputValueType) => boolean;
-        change: (v: import("..").InputValueType) => boolean;
-        'update:modelValue': (v: import("..").InputValueType) => 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;
@@ -4265,13 +4265,13 @@ export declare const UColorPicker: {
     }, string, {
         color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
         type: "number" | "text" | "textarea" | "password";
-        search: boolean;
         required: boolean;
-        size: "small" | "default" | "large";
+        size: "default" | "small" | "large";
+        search: boolean;
         disabled: boolean;
         variant: "surface" | "soft";
         placeholder: string;
-        autosize: boolean | import("..").AutoSizeObject;
+        autosize: boolean | import("@koi-design/uxd-ui/es/index").AutoSizeObject;
         rows: number;
         readonly: boolean;
         autofocus: boolean;
@@ -4302,7 +4302,7 @@ export declare const UColorPicker: {
                     default: string;
                 };
                 icon: {
-                    type: import("vue").PropType<import("../..").IconPropType>;
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
                 };
             }>> & Readonly<{
                 onClick?: (ev: Event) => any;
@@ -4349,7 +4349,7 @@ export declare const UColorPicker: {
                     default: string;
                 };
                 icon: {
-                    type: import("vue").PropType<import("../..").IconPropType>;
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
                 };
             }>> & Readonly<{
                 onClick?: (ev: Event) => any;
@@ -4391,7 +4391,7 @@ export declare const UColorPicker: {
                 default: string;
             };
             icon: {
-                type: import("vue").PropType<import("../..").IconPropType>;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
             };
         }>> & Readonly<{
             onClick?: (ev: Event) => any;
@@ -4418,33 +4418,33 @@ export declare const UColorPicker: {
         }, string, {
             color: string;
             spin: boolean;
-        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (import("vue").Plugin & Record<string, any>);
         URoundSearch: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         URoundCloseCircle: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         URoundEyeOpen: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         URoundEyeOff: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (import("vue").Plugin & Record<string, any>);
     UButton: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             type: {
-                type: import("vue").PropType<"primary" | "success" | "warning" | "default" | "danger">;
+                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<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                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<"link" | "text" | "surface" | "soft" | "outline" | "dashed">;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonVariantType>;
                 default: string;
                 validator: (val: "link" | "text" | "surface" | "soft" | "outline" | "dashed") => boolean;
             };
             size: {
-                type: import("vue").PropType<"small" | "default" | "large">;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").NormalSizeMap>;
                 default: string;
-                validator: (val: "small" | "default" | "large") => boolean;
+                validator: (val: "default" | "small" | "large") => boolean;
             };
             disabled: {
                 type: BooleanConstructor;
@@ -4455,10 +4455,10 @@ export declare const UColorPicker: {
                 default: boolean;
             };
             icon: {
-                type: import("vue").PropType<import("../..").IconPropType>;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
             };
             shape: {
-                type: import("vue").PropType<"default" | "circle">;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonShape>;
                 default: string;
                 validator: (val: "default" | "circle") => boolean;
             };
@@ -4475,7 +4475,7 @@ export declare const UColorPicker: {
                 default: undefined;
             };
             nativeType: {
-                type: import("vue").PropType<"button" | "submit" | "reset">;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonNativeType>;
                 default: string;
                 validator: (val: "button" | "submit" | "reset") => boolean;
             };
@@ -4498,13 +4498,13 @@ export declare const UColorPicker: {
             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: "small" | "default" | "large";
+            size: "default" | "small" | "large";
             disabled: boolean;
             variant: "link" | "text" | "surface" | "soft" | "outline" | "dashed";
             nativeType: "button" | "submit" | "reset";
-            block: boolean;
             shape: "default" | "circle";
             dashed: boolean;
+            block: boolean;
             iconOnly: boolean;
             blurAfterClick: boolean;
         }, true, {}, {}, {
@@ -4522,7 +4522,7 @@ export declare const UColorPicker: {
                         default: string;
                     };
                     icon: {
-                        type: import("vue").PropType<import("../..").IconPropType>;
+                        type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
                     };
                 }>> & Readonly<{
                     onClick?: (ev: Event) => any;
@@ -4569,7 +4569,7 @@ export declare const UColorPicker: {
                         default: string;
                     };
                     icon: {
-                        type: import("vue").PropType<import("../..").IconPropType>;
+                        type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
                     };
                 }>> & Readonly<{
                     onClick?: (ev: Event) => any;
@@ -4611,7 +4611,7 @@ export declare const UColorPicker: {
                     default: string;
                 };
                 icon: {
-                    type: import("vue").PropType<import("../..").IconPropType>;
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
                 };
             }>> & Readonly<{
                 onClick?: (ev: Event) => any;
@@ -4638,7 +4638,7 @@ export declare const UColorPicker: {
             }, string, {
                 color: string;
                 spin: boolean;
-            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (import("vue").Plugin & Record<string, any>);
         } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
@@ -4648,24 +4648,24 @@ export declare const UColorPicker: {
             Defaults: {};
         }, Readonly<import("vue").ExtractPropTypes<{
             type: {
-                type: import("vue").PropType<"primary" | "success" | "warning" | "default" | "danger">;
+                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<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                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<"link" | "text" | "surface" | "soft" | "outline" | "dashed">;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonVariantType>;
                 default: string;
                 validator: (val: "link" | "text" | "surface" | "soft" | "outline" | "dashed") => boolean;
             };
             size: {
-                type: import("vue").PropType<"small" | "default" | "large">;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").NormalSizeMap>;
                 default: string;
-                validator: (val: "small" | "default" | "large") => boolean;
+                validator: (val: "default" | "small" | "large") => boolean;
             };
             disabled: {
                 type: BooleanConstructor;
@@ -4676,10 +4676,10 @@ export declare const UColorPicker: {
                 default: boolean;
             };
             icon: {
-                type: import("vue").PropType<import("../..").IconPropType>;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
             };
             shape: {
-                type: import("vue").PropType<"default" | "circle">;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonShape>;
                 default: string;
                 validator: (val: "default" | "circle") => boolean;
             };
@@ -4696,7 +4696,7 @@ export declare const UColorPicker: {
                 default: undefined;
             };
             nativeType: {
-                type: import("vue").PropType<"button" | "submit" | "reset">;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonNativeType>;
                 default: string;
                 validator: (val: "button" | "submit" | "reset") => boolean;
             };
@@ -4717,13 +4717,13 @@ export declare const UColorPicker: {
             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: "small" | "default" | "large";
+            size: "default" | "small" | "large";
             disabled: boolean;
             variant: "link" | "text" | "surface" | "soft" | "outline" | "dashed";
             nativeType: "button" | "submit" | "reset";
-            block: boolean;
             shape: "default" | "circle";
             dashed: boolean;
+            block: boolean;
             iconOnly: boolean;
             blurAfterClick: boolean;
         }>;
@@ -4732,24 +4732,24 @@ export declare const UColorPicker: {
         __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
         type: {
-            type: import("vue").PropType<"primary" | "success" | "warning" | "default" | "danger">;
+            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<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-            default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+            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<"link" | "text" | "surface" | "soft" | "outline" | "dashed">;
+            type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonVariantType>;
             default: string;
             validator: (val: "link" | "text" | "surface" | "soft" | "outline" | "dashed") => boolean;
         };
         size: {
-            type: import("vue").PropType<"small" | "default" | "large">;
+            type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").NormalSizeMap>;
             default: string;
-            validator: (val: "small" | "default" | "large") => boolean;
+            validator: (val: "default" | "small" | "large") => boolean;
         };
         disabled: {
             type: BooleanConstructor;
@@ -4760,10 +4760,10 @@ export declare const UColorPicker: {
             default: boolean;
         };
         icon: {
-            type: import("vue").PropType<import("../..").IconPropType>;
+            type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
         };
         shape: {
-            type: import("vue").PropType<"default" | "circle">;
+            type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonShape>;
             default: string;
             validator: (val: "default" | "circle") => boolean;
         };
@@ -4780,7 +4780,7 @@ export declare const UColorPicker: {
             default: undefined;
         };
         nativeType: {
-            type: import("vue").PropType<"button" | "submit" | "reset">;
+            type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonNativeType>;
             default: string;
             validator: (val: "button" | "submit" | "reset") => boolean;
         };
@@ -4803,13 +4803,13 @@ export declare const UColorPicker: {
         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: "small" | "default" | "large";
+        size: "default" | "small" | "large";
         disabled: boolean;
         variant: "link" | "text" | "surface" | "soft" | "outline" | "dashed";
         nativeType: "button" | "submit" | "reset";
-        block: boolean;
         shape: "default" | "circle";
         dashed: boolean;
+        block: boolean;
         iconOnly: boolean;
         blurAfterClick: boolean;
     }, {}, string, {}, {
@@ -4827,7 +4827,7 @@ export declare const UColorPicker: {
                     default: string;
                 };
                 icon: {
-                    type: import("vue").PropType<import("../..").IconPropType>;
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
                 };
             }>> & Readonly<{
                 onClick?: (ev: Event) => any;
@@ -4874,7 +4874,7 @@ export declare const UColorPicker: {
                     default: string;
                 };
                 icon: {
-                    type: import("vue").PropType<import("../..").IconPropType>;
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
                 };
             }>> & Readonly<{
                 onClick?: (ev: Event) => any;
@@ -4916,7 +4916,7 @@ export declare const UColorPicker: {
                 default: string;
             };
             icon: {
-                type: import("vue").PropType<import("../..").IconPropType>;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").IconPropType>;
             };
         }>> & Readonly<{
             onClick?: (ev: Event) => any;
@@ -4943,16 +4943,16 @@ export declare const UColorPicker: {
         }, string, {
             color: string;
             spin: boolean;
-        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
-    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & {
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (import("vue").Plugin & Record<string, any>);
+    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (import("vue").Plugin & {
         Group: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             size: {
-                type: import("vue").PropType<"small" | "default" | "large">;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").NormalSizeMap>;
                 default: string;
-                validator: (val: "small" | "default" | "large") => boolean;
+                validator: (val: "default" | "small" | "large") => boolean;
             };
             shape: {
-                type: import("vue").PropType<"default" | "circle">;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonShape>;
                 default: string;
                 validator: (val: "default" | "circle") => boolean;
             };
@@ -4964,12 +4964,12 @@ export declare const UColorPicker: {
             prefixCls: import("vue").ComputedRef<string>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             size: {
-                type: import("vue").PropType<"small" | "default" | "large">;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/utils").NormalSizeMap>;
                 default: string;
-                validator: (val: "small" | "default" | "large") => boolean;
+                validator: (val: "default" | "small" | "large") => boolean;
             };
             shape: {
-                type: import("vue").PropType<"default" | "circle">;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").ButtonShape>;
                 default: string;
                 validator: (val: "default" | "circle") => boolean;
             };
@@ -4978,11 +4978,11 @@ export declare const UColorPicker: {
                 default: undefined;
             };
         }>> & Readonly<{}>, {
-            size: "small" | "default" | "large";
+            size: "default" | "small" | "large";
             shape: "default" | "circle";
             vertical: boolean;
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    };
+    });
     HueSlider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         prefixCls: {
             type: StringConstructor;
@@ -5104,6 +5104,6 @@ export declare const UColorPicker: {
         prefixCls: string;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     ULineDown: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-} & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+} & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (import("vue").Plugin & Record<string, any>);
 export default UColorPicker;
 export * from './ColorPicker.type';