@koi-design/uxd-ui 13.2.8 → 13.2.9

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

@@ -25,17 +25,17 @@ export declare const UThemePanel: {
         themeColors: readonly ["primary", "blue", "red", "orange", "green", "iris", "cyan", "yellow", "amber", "purple", "lime", "sky", "violet", "pink", "mint"];
         themeColor: import("vue").Ref<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint", "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
         appearance: import("vue").Ref<"light" | "dark", "light" | "dark">;
-        radius: import("vue").Ref<"small" | "medium" | "large" | "none" | "full", "small" | "medium" | "large" | "none" | "full">;
+        radius: import("vue").Ref<"medium" | "small" | "large" | "none" | "full", "medium" | "small" | "large" | "none" | "full">;
         direction: import("vue").Ref<"ltr" | "rtl", "ltr" | "rtl">;
         computedLocale: import("vue").ComputedRef<import("../locale/default").ThemePanelLocal>;
         radiusOptions: import("vue").ComputedRef<{
             value: string;
             label: string;
         }[]>;
-        handleThemeColorclick: (color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => void;
-        handleAppearanceClick: (type: "light" | "dark") => void;
-        handleRadiusClick: (type: "small" | "medium" | "large" | "none" | "full") => void;
-        handleDirectionClick: (type: "ltr" | "rtl") => void;
+        handleThemeColorclick: (color: import("@koi-design/uxd-ui/es/utils").ColorType) => void;
+        handleAppearanceClick: (type: import("./ThemePanel.type").AppearanceType) => void;
+        handleRadiusClick: (type: import("./ThemePanel.type").RadiusType) => void;
+        handleDirectionClick: (type: import("./ThemePanel.type").DirectionType) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         showThemeColor: boolean;
         showAppearance: boolean;
@@ -56,17 +56,17 @@ export declare const UThemePanel: {
                 default: string;
             };
             appearance: {
-                type: import("vue").PropType<"light" | "dark">;
+                type: import("vue").PropType<import("./ThemePanel.type").AppearanceType>;
                 default: string;
                 validator: (val: "light" | "dark") => boolean;
             };
             radius: {
-                type: import("vue").PropType<"small" | "medium" | "large" | "none" | "full">;
+                type: import("vue").PropType<import("./ThemePanel.type").RadiusType>;
                 default: string;
-                validator: (val: "small" | "medium" | "large" | "none" | "full") => boolean;
+                validator: (val: "medium" | "small" | "large" | "none" | "full") => boolean;
             };
             direction: {
-                type: import("vue").PropType<"ltr" | "rtl">;
+                type: import("vue").PropType<import("./ThemePanel.type").DirectionType>;
                 default: string;
                 validator: (val: "ltr" | "rtl") => boolean;
             };
@@ -84,24 +84,24 @@ export declare const UThemePanel: {
                 default: string;
             };
             appearance: {
-                type: import("vue").PropType<"light" | "dark">;
+                type: import("vue").PropType<import("./ThemePanel.type").AppearanceType>;
                 default: string;
                 validator: (val: "light" | "dark") => boolean;
             };
             radius: {
-                type: import("vue").PropType<"small" | "medium" | "large" | "none" | "full">;
+                type: import("vue").PropType<import("./ThemePanel.type").RadiusType>;
                 default: string;
-                validator: (val: "small" | "medium" | "large" | "none" | "full") => boolean;
+                validator: (val: "medium" | "small" | "large" | "none" | "full") => boolean;
             };
             direction: {
-                type: import("vue").PropType<"ltr" | "rtl">;
+                type: import("vue").PropType<import("./ThemePanel.type").DirectionType>;
                 default: string;
                 validator: (val: "ltr" | "rtl") => boolean;
             };
         }>> & Readonly<{}>, {
             themeColor: string;
             appearance: "light" | "dark";
-            radius: "small" | "medium" | "large" | "none" | "full";
+            radius: "medium" | "small" | "large" | "none" | "full";
             direction: "ltr" | "rtl";
             scaling: number;
             styleClass: string;
@@ -109,24 +109,24 @@ export declare const UThemePanel: {
         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;
@@ -137,10 +137,10 @@ export declare const UThemePanel: {
                     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;
                 };
@@ -157,7 +157,7 @@ export declare const UThemePanel: {
                     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;
                 };
@@ -180,13 +180,13 @@ export declare const UThemePanel: {
                 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, {}, {}, {
@@ -204,7 +204,7 @@ export declare const UThemePanel: {
                             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;
@@ -251,7 +251,7 @@ export declare const UThemePanel: {
                             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;
@@ -293,7 +293,7 @@ export declare const UThemePanel: {
                         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;
@@ -320,7 +320,7 @@ export declare const UThemePanel: {
                 }, 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: {};
@@ -330,24 +330,24 @@ export declare const UThemePanel: {
                 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;
@@ -358,10 +358,10 @@ export declare const UThemePanel: {
                     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;
                 };
@@ -378,7 +378,7 @@ export declare const UThemePanel: {
                     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;
                 };
@@ -399,13 +399,13 @@ export declare const UThemePanel: {
                 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;
             }>;
@@ -414,24 +414,24 @@ export declare const UThemePanel: {
             __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;
@@ -442,10 +442,10 @@ export declare const UThemePanel: {
                 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;
             };
@@ -462,7 +462,7 @@ export declare const UThemePanel: {
                 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;
             };
@@ -485,13 +485,13 @@ export declare const UThemePanel: {
             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, {}, {
@@ -509,7 +509,7 @@ export declare const UThemePanel: {
                         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;
@@ -556,7 +556,7 @@ export declare const UThemePanel: {
                         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;
@@ -598,7 +598,7 @@ export declare const UThemePanel: {
                     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;
@@ -625,16 +625,16 @@ export declare const UThemePanel: {
             }, 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;
                 };
@@ -646,12 +646,12 @@ export declare const UThemePanel: {
                 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;
                 };
@@ -660,16 +660,16 @@ export declare const UThemePanel: {
                     default: undefined;
                 };
             }>> & Readonly<{}>, {
-                size: "small" | "default" | "large";
+                size: "default" | "small" | "large";
                 shape: "default" | "circle";
                 vertical: boolean;
             }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-        };
+        });
         UTooltip: {
             new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                 placement: {
                     default: string;
-                    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>;
                     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;
                 };
                 title: {
@@ -700,7 +700,7 @@ export declare const UThemePanel: {
                     default: string;
                 };
                 trigger: {
-                    type: import("vue").PropType<"click" | "hover">;
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").TooltipTrigger>;
                     default: string;
                     validator: (val: "click" | "hover") => boolean;
                 };
@@ -714,8 +714,8 @@ export declare const UThemePanel: {
                     default: boolean;
                 };
                 color: {
-                    type: import("vue").PropType<"primary" | "blue" | "light" | "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 | "light" | undefined>;
+                    default: undefined | import("@koi-design/uxd-ui/es/utils").ColorType;
                     validator: (val: string) => boolean;
                 };
             }>> & Readonly<{
@@ -781,7 +781,7 @@ export declare const UThemePanel: {
                         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;
                     };
@@ -803,8 +803,8 @@ export declare const UThemePanel: {
                         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;
@@ -872,7 +872,7 @@ export declare const UThemePanel: {
                         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;
                     };
@@ -894,8 +894,8 @@ export declare const UThemePanel: {
                         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;
@@ -970,7 +970,7 @@ export declare const UThemePanel: {
             }, Readonly<import("vue").ExtractPropTypes<{
                 placement: {
                     default: string;
-                    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>;
                     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;
                 };
                 title: {
@@ -1001,7 +1001,7 @@ export declare const UThemePanel: {
                     default: string;
                 };
                 trigger: {
-                    type: import("vue").PropType<"click" | "hover">;
+                    type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").TooltipTrigger>;
                     default: string;
                     validator: (val: "click" | "hover") => boolean;
                 };
@@ -1015,8 +1015,8 @@ export declare const UThemePanel: {
                     default: boolean;
                 };
                 color: {
-                    type: import("vue").PropType<"primary" | "blue" | "light" | "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 | "light" | undefined>;
+                    default: undefined | import("@koi-design/uxd-ui/es/utils").ColorType;
                     validator: (val: string) => boolean;
                 };
             }>> & Readonly<{
@@ -1077,7 +1077,7 @@ export declare const UThemePanel: {
         } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             placement: {
                 default: string;
-                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>;
                 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;
             };
             title: {
@@ -1108,7 +1108,7 @@ export declare const UThemePanel: {
                 default: string;
             };
             trigger: {
-                type: import("vue").PropType<"click" | "hover">;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").TooltipTrigger>;
                 default: string;
                 validator: (val: "click" | "hover") => boolean;
             };
@@ -1122,8 +1122,8 @@ export declare const UThemePanel: {
                 default: boolean;
             };
             color: {
-                type: import("vue").PropType<"primary" | "blue" | "light" | "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 | "light" | undefined>;
+                default: undefined | import("@koi-design/uxd-ui/es/utils").ColorType;
                 validator: (val: string) => boolean;
             };
         }>> & Readonly<{
@@ -1189,7 +1189,7 @@ export declare const UThemePanel: {
                     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;
                 };
@@ -1211,8 +1211,8 @@ export declare const UThemePanel: {
                     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;
@@ -1280,7 +1280,7 @@ export declare const UThemePanel: {
                     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;
                 };
@@ -1302,8 +1302,8 @@ export declare const UThemePanel: {
                     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;
@@ -1368,7 +1368,7 @@ export declare const UThemePanel: {
                     };
                 };
             }, {}, 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>);
     } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -1401,17 +1401,17 @@ export declare const UThemePanel: {
         themeColors: readonly ["primary", "blue", "red", "orange", "green", "iris", "cyan", "yellow", "amber", "purple", "lime", "sky", "violet", "pink", "mint"];
         themeColor: import("vue").Ref<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint", "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
         appearance: import("vue").Ref<"light" | "dark", "light" | "dark">;
-        radius: import("vue").Ref<"small" | "medium" | "large" | "none" | "full", "small" | "medium" | "large" | "none" | "full">;
+        radius: import("vue").Ref<"medium" | "small" | "large" | "none" | "full", "medium" | "small" | "large" | "none" | "full">;
         direction: import("vue").Ref<"ltr" | "rtl", "ltr" | "rtl">;
         computedLocale: import("vue").ComputedRef<import("../locale/default").ThemePanelLocal>;
         radiusOptions: import("vue").ComputedRef<{
             value: string;
             label: string;
         }[]>;
-        handleThemeColorclick: (color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => void;
-        handleAppearanceClick: (type: "light" | "dark") => void;
-        handleRadiusClick: (type: "small" | "medium" | "large" | "none" | "full") => void;
-        handleDirectionClick: (type: "ltr" | "rtl") => void;
+        handleThemeColorclick: (color: import("@koi-design/uxd-ui/es/utils").ColorType) => void;
+        handleAppearanceClick: (type: import("./ThemePanel.type").AppearanceType) => void;
+        handleRadiusClick: (type: import("./ThemePanel.type").RadiusType) => void;
+        handleDirectionClick: (type: import("./ThemePanel.type").DirectionType) => void;
     }, {}, {}, {}, {
         showThemeColor: boolean;
         showAppearance: boolean;
@@ -1446,17 +1446,17 @@ export declare const UThemePanel: {
     themeColors: readonly ["primary", "blue", "red", "orange", "green", "iris", "cyan", "yellow", "amber", "purple", "lime", "sky", "violet", "pink", "mint"];
     themeColor: import("vue").Ref<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint", "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
     appearance: import("vue").Ref<"light" | "dark", "light" | "dark">;
-    radius: import("vue").Ref<"small" | "medium" | "large" | "none" | "full", "small" | "medium" | "large" | "none" | "full">;
+    radius: import("vue").Ref<"medium" | "small" | "large" | "none" | "full", "medium" | "small" | "large" | "none" | "full">;
     direction: import("vue").Ref<"ltr" | "rtl", "ltr" | "rtl">;
     computedLocale: import("vue").ComputedRef<import("../locale/default").ThemePanelLocal>;
     radiusOptions: import("vue").ComputedRef<{
         value: string;
         label: string;
     }[]>;
-    handleThemeColorclick: (color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => void;
-    handleAppearanceClick: (type: "light" | "dark") => void;
-    handleRadiusClick: (type: "small" | "medium" | "large" | "none" | "full") => void;
-    handleDirectionClick: (type: "ltr" | "rtl") => void;
+    handleThemeColorclick: (color: import("@koi-design/uxd-ui/es/utils").ColorType) => void;
+    handleAppearanceClick: (type: import("./ThemePanel.type").AppearanceType) => void;
+    handleRadiusClick: (type: import("./ThemePanel.type").RadiusType) => void;
+    handleDirectionClick: (type: import("./ThemePanel.type").DirectionType) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     showThemeColor: boolean;
     showAppearance: boolean;
@@ -1477,17 +1477,17 @@ export declare const UThemePanel: {
             default: string;
         };
         appearance: {
-            type: import("vue").PropType<"light" | "dark">;
+            type: import("vue").PropType<import("./ThemePanel.type").AppearanceType>;
             default: string;
             validator: (val: "light" | "dark") => boolean;
         };
         radius: {
-            type: import("vue").PropType<"small" | "medium" | "large" | "none" | "full">;
+            type: import("vue").PropType<import("./ThemePanel.type").RadiusType>;
             default: string;
-            validator: (val: "small" | "medium" | "large" | "none" | "full") => boolean;
+            validator: (val: "medium" | "small" | "large" | "none" | "full") => boolean;
         };
         direction: {
-            type: import("vue").PropType<"ltr" | "rtl">;
+            type: import("vue").PropType<import("./ThemePanel.type").DirectionType>;
             default: string;
             validator: (val: "ltr" | "rtl") => boolean;
         };
@@ -1505,24 +1505,24 @@ export declare const UThemePanel: {
             default: string;
         };
         appearance: {
-            type: import("vue").PropType<"light" | "dark">;
+            type: import("vue").PropType<import("./ThemePanel.type").AppearanceType>;
             default: string;
             validator: (val: "light" | "dark") => boolean;
         };
         radius: {
-            type: import("vue").PropType<"small" | "medium" | "large" | "none" | "full">;
+            type: import("vue").PropType<import("./ThemePanel.type").RadiusType>;
             default: string;
-            validator: (val: "small" | "medium" | "large" | "none" | "full") => boolean;
+            validator: (val: "medium" | "small" | "large" | "none" | "full") => boolean;
         };
         direction: {
-            type: import("vue").PropType<"ltr" | "rtl">;
+            type: import("vue").PropType<import("./ThemePanel.type").DirectionType>;
             default: string;
             validator: (val: "ltr" | "rtl") => boolean;
         };
     }>> & Readonly<{}>, {
         themeColor: string;
         appearance: "light" | "dark";
-        radius: "small" | "medium" | "large" | "none" | "full";
+        radius: "medium" | "small" | "large" | "none" | "full";
         direction: "ltr" | "rtl";
         scaling: number;
         styleClass: string;
@@ -1530,24 +1530,24 @@ export declare const UThemePanel: {
     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;
@@ -1558,10 +1558,10 @@ export declare const UThemePanel: {
                 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;
             };
@@ -1578,7 +1578,7 @@ export declare const UThemePanel: {
                 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;
             };
@@ -1601,13 +1601,13 @@ export declare const UThemePanel: {
             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, {}, {}, {
@@ -1625,7 +1625,7 @@ export declare const UThemePanel: {
                         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;
@@ -1672,7 +1672,7 @@ export declare const UThemePanel: {
                         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;
@@ -1714,7 +1714,7 @@ export declare const UThemePanel: {
                     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;
@@ -1741,7 +1741,7 @@ export declare const UThemePanel: {
             }, 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: {};
@@ -1751,24 +1751,24 @@ export declare const UThemePanel: {
             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;
@@ -1779,10 +1779,10 @@ export declare const UThemePanel: {
                 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;
             };
@@ -1799,7 +1799,7 @@ export declare const UThemePanel: {
                 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;
             };
@@ -1820,13 +1820,13 @@ export declare const UThemePanel: {
             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;
         }>;
@@ -1835,24 +1835,24 @@ export declare const UThemePanel: {
         __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;
@@ -1863,10 +1863,10 @@ export declare const UThemePanel: {
             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;
         };
@@ -1883,7 +1883,7 @@ export declare const UThemePanel: {
             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;
         };
@@ -1906,13 +1906,13 @@ export declare const UThemePanel: {
         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, {}, {
@@ -1930,7 +1930,7 @@ export declare const UThemePanel: {
                     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;
@@ -1977,7 +1977,7 @@ export declare const UThemePanel: {
                     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;
@@ -2019,7 +2019,7 @@ export declare const UThemePanel: {
                 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;
@@ -2046,16 +2046,16 @@ export declare const UThemePanel: {
         }, 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;
             };
@@ -2067,12 +2067,12 @@ export declare const UThemePanel: {
             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;
             };
@@ -2081,16 +2081,16 @@ export declare const UThemePanel: {
                 default: undefined;
             };
         }>> & Readonly<{}>, {
-            size: "small" | "default" | "large";
+            size: "default" | "small" | "large";
             shape: "default" | "circle";
             vertical: boolean;
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    };
+    });
     UTooltip: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             placement: {
                 default: string;
-                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>;
                 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;
             };
             title: {
@@ -2121,7 +2121,7 @@ export declare const UThemePanel: {
                 default: string;
             };
             trigger: {
-                type: import("vue").PropType<"click" | "hover">;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").TooltipTrigger>;
                 default: string;
                 validator: (val: "click" | "hover") => boolean;
             };
@@ -2135,8 +2135,8 @@ export declare const UThemePanel: {
                 default: boolean;
             };
             color: {
-                type: import("vue").PropType<"primary" | "blue" | "light" | "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 | "light" | undefined>;
+                default: undefined | import("@koi-design/uxd-ui/es/utils").ColorType;
                 validator: (val: string) => boolean;
             };
         }>> & Readonly<{
@@ -2202,7 +2202,7 @@ export declare const UThemePanel: {
                     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;
                 };
@@ -2224,8 +2224,8 @@ export declare const UThemePanel: {
                     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;
@@ -2293,7 +2293,7 @@ export declare const UThemePanel: {
                     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;
                 };
@@ -2315,8 +2315,8 @@ export declare const UThemePanel: {
                     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;
@@ -2391,7 +2391,7 @@ export declare const UThemePanel: {
         }, Readonly<import("vue").ExtractPropTypes<{
             placement: {
                 default: string;
-                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>;
                 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;
             };
             title: {
@@ -2422,7 +2422,7 @@ export declare const UThemePanel: {
                 default: string;
             };
             trigger: {
-                type: import("vue").PropType<"click" | "hover">;
+                type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").TooltipTrigger>;
                 default: string;
                 validator: (val: "click" | "hover") => boolean;
             };
@@ -2436,8 +2436,8 @@ export declare const UThemePanel: {
                 default: boolean;
             };
             color: {
-                type: import("vue").PropType<"primary" | "blue" | "light" | "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 | "light" | undefined>;
+                default: undefined | import("@koi-design/uxd-ui/es/utils").ColorType;
                 validator: (val: string) => boolean;
             };
         }>> & Readonly<{
@@ -2498,7 +2498,7 @@ export declare const UThemePanel: {
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
         placement: {
             default: string;
-            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>;
             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;
         };
         title: {
@@ -2529,7 +2529,7 @@ export declare const UThemePanel: {
             default: string;
         };
         trigger: {
-            type: import("vue").PropType<"click" | "hover">;
+            type: import("vue").PropType<import("@koi-design/uxd-ui/es/index").TooltipTrigger>;
             default: string;
             validator: (val: "click" | "hover") => boolean;
         };
@@ -2543,8 +2543,8 @@ export declare const UThemePanel: {
             default: boolean;
         };
         color: {
-            type: import("vue").PropType<"primary" | "blue" | "light" | "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 | "light" | undefined>;
+            default: undefined | import("@koi-design/uxd-ui/es/utils").ColorType;
             validator: (val: string) => boolean;
         };
     }>> & Readonly<{
@@ -2610,7 +2610,7 @@ export declare const UThemePanel: {
                 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;
             };
@@ -2632,8 +2632,8 @@ export declare const UThemePanel: {
                 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;
@@ -2701,7 +2701,7 @@ export declare const UThemePanel: {
                 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;
             };
@@ -2723,8 +2723,8 @@ export declare const UThemePanel: {
                 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;
@@ -2789,8 +2789,8 @@ export declare const UThemePanel: {
                 };
             };
         }, {}, 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<any[], 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>);
+} & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (import("vue").Plugin & {
     ThemeConfigProvider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         scaling: {
             type: NumberConstructor;
@@ -2805,17 +2805,17 @@ export declare const UThemePanel: {
             default: string;
         };
         appearance: {
-            type: import("vue").PropType<"light" | "dark">;
+            type: import("vue").PropType<import("./ThemePanel.type").AppearanceType>;
             default: string;
             validator: (val: "light" | "dark") => boolean;
         };
         radius: {
-            type: import("vue").PropType<"small" | "medium" | "large" | "none" | "full">;
+            type: import("vue").PropType<import("./ThemePanel.type").RadiusType>;
             default: string;
-            validator: (val: "small" | "medium" | "large" | "none" | "full") => boolean;
+            validator: (val: "medium" | "small" | "large" | "none" | "full") => boolean;
         };
         direction: {
-            type: import("vue").PropType<"ltr" | "rtl">;
+            type: import("vue").PropType<import("./ThemePanel.type").DirectionType>;
             default: string;
             validator: (val: "ltr" | "rtl") => boolean;
         };
@@ -2833,29 +2833,29 @@ export declare const UThemePanel: {
             default: string;
         };
         appearance: {
-            type: import("vue").PropType<"light" | "dark">;
+            type: import("vue").PropType<import("./ThemePanel.type").AppearanceType>;
             default: string;
             validator: (val: "light" | "dark") => boolean;
         };
         radius: {
-            type: import("vue").PropType<"small" | "medium" | "large" | "none" | "full">;
+            type: import("vue").PropType<import("./ThemePanel.type").RadiusType>;
             default: string;
-            validator: (val: "small" | "medium" | "large" | "none" | "full") => boolean;
+            validator: (val: "medium" | "small" | "large" | "none" | "full") => boolean;
         };
         direction: {
-            type: import("vue").PropType<"ltr" | "rtl">;
+            type: import("vue").PropType<import("./ThemePanel.type").DirectionType>;
             default: string;
             validator: (val: "ltr" | "rtl") => boolean;
         };
     }>> & Readonly<{}>, {
         themeColor: string;
         appearance: "light" | "dark";
-        radius: "small" | "medium" | "large" | "none" | "full";
+        radius: "medium" | "small" | "large" | "none" | "full";
         direction: "ltr" | "rtl";
         scaling: number;
         styleClass: string;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-};
+});
 export default UThemePanel;
 export { ThemeConfigProvider as UThemeConfigProvider };
 export * from './ThemePanel.type';