@koi-design/uxd-ui 14.0.2 → 14.0.3

package/es/components/Table/TableBox.vue.d.ts

@@ -1274,8 +1274,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                             default: boolean;
                                         };
                                         color: {
-                                            type: 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: PropType<"light" | "red">;
+                                            default: "light" | "red";
                                             validator: (val: string) => boolean;
                                         };
                                     }>> & Readonly<{
@@ -1287,41 +1287,41 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                         prefixCls: import("vue").ComputedRef<string>;
                                         arrowStyle: import("vue").ComputedRef<{
                                             top: string;
+                                            right: string;
                                             transform: string;
                                             bottom?: undefined;
                                             left?: undefined;
-                                            right?: undefined;
                                         } | {
                                             bottom: string;
+                                            right: string;
                                             transform: string;
                                             top?: undefined;
                                             left?: undefined;
-                                            right?: undefined;
                                         } | {
+                                            top: string;
                                             left: string;
                                             transform: string;
-                                            top?: undefined;
-                                            bottom?: undefined;
                                             right?: undefined;
+                                            bottom?: undefined;
                                         } | {
-                                            right: string;
+                                            bottom: string;
+                                            left: string;
                                             transform: string;
                                             top?: undefined;
-                                            bottom?: undefined;
-                                            left?: undefined;
+                                            right?: undefined;
                                         } | {
                                             top?: undefined;
+                                            right?: undefined;
                                             transform?: undefined;
                                             bottom?: undefined;
                                             left?: undefined;
-                                            right?: undefined;
                                         }>;
                                         onVisibleChange: (val: boolean) => void;
                                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                                         'visible-change': (v: boolean) => boolean;
                                         'update:visible': (v: boolean) => boolean;
                                     }, import("vue").PublicProps, {
-                                        color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                                        color: "light" | "red";
                                         offset: number[];
                                         visible: boolean;
                                         placement: "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";
@@ -1575,8 +1575,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                             default: boolean;
                                         };
                                         color: {
-                                            type: 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: PropType<"light" | "red">;
+                                            default: "light" | "red";
                                             validator: (val: string) => boolean;
                                         };
                                     }>> & Readonly<{
@@ -1588,38 +1588,38 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                         prefixCls: import("vue").ComputedRef<string>;
                                         arrowStyle: import("vue").ComputedRef<{
                                             top: string;
+                                            right: string;
                                             transform: string;
                                             bottom?: undefined;
                                             left?: undefined;
-                                            right?: undefined;
                                         } | {
                                             bottom: string;
+                                            right: string;
                                             transform: string;
                                             top?: undefined;
                                             left?: undefined;
-                                            right?: undefined;
                                         } | {
+                                            top: string;
                                             left: string;
                                             transform: string;
-                                            top?: undefined;
-                                            bottom?: undefined;
                                             right?: undefined;
+                                            bottom?: undefined;
                                         } | {
-                                            right: string;
+                                            bottom: string;
+                                            left: string;
                                             transform: string;
                                             top?: undefined;
-                                            bottom?: undefined;
-                                            left?: undefined;
+                                            right?: undefined;
                                         } | {
                                             top?: undefined;
+                                            right?: undefined;
                                             transform?: undefined;
                                             bottom?: undefined;
                                             left?: undefined;
-                                            right?: undefined;
                                         }>;
                                         onVisibleChange: (val: boolean) => void;
                                     }, {}, {}, {}, {
-                                        color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                                        color: "light" | "red";
                                         offset: number[];
                                         visible: boolean;
                                         placement: "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";
@@ -1682,8 +1682,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                         default: boolean;
                                     };
                                     color: {
-                                        type: 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: PropType<"light" | "red">;
+                                        default: "light" | "red";
                                         validator: (val: string) => boolean;
                                     };
                                 }>> & Readonly<{
@@ -1695,41 +1695,41 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                     prefixCls: import("vue").ComputedRef<string>;
                                     arrowStyle: import("vue").ComputedRef<{
                                         top: string;
+                                        right: string;
                                         transform: string;
                                         bottom?: undefined;
                                         left?: undefined;
-                                        right?: undefined;
                                     } | {
                                         bottom: string;
+                                        right: string;
                                         transform: string;
                                         top?: undefined;
                                         left?: undefined;
-                                        right?: undefined;
                                     } | {
+                                        top: string;
                                         left: string;
                                         transform: string;
-                                        top?: undefined;
-                                        bottom?: undefined;
                                         right?: undefined;
+                                        bottom?: undefined;
                                     } | {
-                                        right: string;
+                                        bottom: string;
+                                        left: string;
                                         transform: string;
                                         top?: undefined;
-                                        bottom?: undefined;
-                                        left?: undefined;
+                                        right?: undefined;
                                     } | {
                                         top?: undefined;
+                                        right?: undefined;
                                         transform?: undefined;
                                         bottom?: undefined;
                                         left?: undefined;
-                                        right?: undefined;
                                     }>;
                                     onVisibleChange: (val: boolean) => void;
                                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                                     'visible-change': (v: boolean) => boolean;
                                     'update:visible': (v: boolean) => boolean;
                                 }, string, {
-                                    color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                                    color: "light" | "red";
                                     offset: number[];
                                     visible: boolean;
                                     placement: "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";
@@ -2462,8 +2462,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                         default: boolean;
                                     };
                                     color: {
-                                        type: 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: PropType<"light" | "red">;
+                                        default: "light" | "red";
                                         validator: (val: string) => boolean;
                                     };
                                 }>> & Readonly<{
@@ -2475,41 +2475,41 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                     prefixCls: import("vue").ComputedRef<string>;
                                     arrowStyle: import("vue").ComputedRef<{
                                         top: string;
+                                        right: string;
                                         transform: string;
                                         bottom?: undefined;
                                         left?: undefined;
-                                        right?: undefined;
                                     } | {
                                         bottom: string;
+                                        right: string;
                                         transform: string;
                                         top?: undefined;
                                         left?: undefined;
-                                        right?: undefined;
                                     } | {
+                                        top: string;
                                         left: string;
                                         transform: string;
-                                        top?: undefined;
-                                        bottom?: undefined;
                                         right?: undefined;
+                                        bottom?: undefined;
                                     } | {
-                                        right: string;
+                                        bottom: string;
+                                        left: string;
                                         transform: string;
                                         top?: undefined;
-                                        bottom?: undefined;
-                                        left?: undefined;
+                                        right?: undefined;
                                     } | {
                                         top?: undefined;
+                                        right?: undefined;
                                         transform?: undefined;
                                         bottom?: undefined;
                                         left?: undefined;
-                                        right?: undefined;
                                     }>;
                                     onVisibleChange: (val: boolean) => void;
                                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                                     'visible-change': (v: boolean) => boolean;
                                     'update:visible': (v: boolean) => boolean;
                                 }, import("vue").PublicProps, {
-                                    color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                                    color: "light" | "red";
                                     offset: number[];
                                     visible: boolean;
                                     placement: "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";
@@ -2763,8 +2763,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                         default: boolean;
                                     };
                                     color: {
-                                        type: 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: PropType<"light" | "red">;
+                                        default: "light" | "red";
                                         validator: (val: string) => boolean;
                                     };
                                 }>> & Readonly<{
@@ -2776,38 +2776,38 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                     prefixCls: import("vue").ComputedRef<string>;
                                     arrowStyle: import("vue").ComputedRef<{
                                         top: string;
+                                        right: string;
                                         transform: string;
                                         bottom?: undefined;
                                         left?: undefined;
-                                        right?: undefined;
                                     } | {
                                         bottom: string;
+                                        right: string;
                                         transform: string;
                                         top?: undefined;
                                         left?: undefined;
-                                        right?: undefined;
                                     } | {
+                                        top: string;
                                         left: string;
                                         transform: string;
-                                        top?: undefined;
-                                        bottom?: undefined;
                                         right?: undefined;
+                                        bottom?: undefined;
                                     } | {
-                                        right: string;
+                                        bottom: string;
+                                        left: string;
                                         transform: string;
                                         top?: undefined;
-                                        bottom?: undefined;
-                                        left?: undefined;
+                                        right?: undefined;
                                     } | {
                                         top?: undefined;
+                                        right?: undefined;
                                         transform?: undefined;
                                         bottom?: undefined;
                                         left?: undefined;
-                                        right?: undefined;
                                     }>;
                                     onVisibleChange: (val: boolean) => void;
                                 }, {}, {}, {}, {
-                                    color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                                    color: "light" | "red";
                                     offset: number[];
                                     visible: boolean;
                                     placement: "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";
@@ -2870,8 +2870,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                     default: boolean;
                                 };
                                 color: {
-                                    type: 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: PropType<"light" | "red">;
+                                    default: "light" | "red";
                                     validator: (val: string) => boolean;
                                 };
                             }>> & Readonly<{
@@ -2883,41 +2883,41 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 prefixCls: import("vue").ComputedRef<string>;
                                 arrowStyle: import("vue").ComputedRef<{
                                     top: string;
+                                    right: string;
                                     transform: string;
                                     bottom?: undefined;
                                     left?: undefined;
-                                    right?: undefined;
                                 } | {
                                     bottom: string;
+                                    right: string;
                                     transform: string;
                                     top?: undefined;
                                     left?: undefined;
-                                    right?: undefined;
                                 } | {
+                                    top: string;
                                     left: string;
                                     transform: string;
-                                    top?: undefined;
-                                    bottom?: undefined;
                                     right?: undefined;
+                                    bottom?: undefined;
                                 } | {
-                                    right: string;
+                                    bottom: string;
+                                    left: string;
                                     transform: string;
                                     top?: undefined;
-                                    bottom?: undefined;
-                                    left?: undefined;
+                                    right?: undefined;
                                 } | {
                                     top?: undefined;
+                                    right?: undefined;
                                     transform?: undefined;
                                     bottom?: undefined;
                                     left?: undefined;
-                                    right?: undefined;
                                 }>;
                                 onVisibleChange: (val: boolean) => void;
                             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                                 'visible-change': (v: boolean) => boolean;
                                 'update:visible': (v: boolean) => boolean;
                             }, string, {
-                                color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                                color: "light" | "red";
                                 offset: number[];
                                 visible: boolean;
                                 placement: "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";
@@ -4747,8 +4747,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                     default: boolean;
                                 };
                                 color: {
-                                    type: 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: PropType<"light" | "red">;
+                                    default: "light" | "red";
                                     validator: (val: string) => boolean;
                                 };
                             }>> & Readonly<{
@@ -4760,41 +4760,41 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 prefixCls: import("vue").ComputedRef<string>;
                                 arrowStyle: import("vue").ComputedRef<{
                                     top: string;
+                                    right: string;
                                     transform: string;
                                     bottom?: undefined;
                                     left?: undefined;
-                                    right?: undefined;
                                 } | {
                                     bottom: string;
+                                    right: string;
                                     transform: string;
                                     top?: undefined;
                                     left?: undefined;
-                                    right?: undefined;
                                 } | {
+                                    top: string;
                                     left: string;
                                     transform: string;
-                                    top?: undefined;
-                                    bottom?: undefined;
                                     right?: undefined;
+                                    bottom?: undefined;
                                 } | {
-                                    right: string;
+                                    bottom: string;
+                                    left: string;
                                     transform: string;
                                     top?: undefined;
-                                    bottom?: undefined;
-                                    left?: undefined;
+                                    right?: undefined;
                                 } | {
                                     top?: undefined;
+                                    right?: undefined;
                                     transform?: undefined;
                                     bottom?: undefined;
                                     left?: undefined;
-                                    right?: undefined;
                                 }>;
                                 onVisibleChange: (val: boolean) => void;
                             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                                 'visible-change': (v: boolean) => boolean;
                                 'update:visible': (v: boolean) => boolean;
                             }, import("vue").PublicProps, {
-                                color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                                color: "light" | "red";
                                 offset: number[];
                                 visible: boolean;
                                 placement: "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";
@@ -5048,8 +5048,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                     default: boolean;
                                 };
                                 color: {
-                                    type: 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: PropType<"light" | "red">;
+                                    default: "light" | "red";
                                     validator: (val: string) => boolean;
                                 };
                             }>> & Readonly<{
@@ -5061,38 +5061,38 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 prefixCls: import("vue").ComputedRef<string>;
                                 arrowStyle: import("vue").ComputedRef<{
                                     top: string;
+                                    right: string;
                                     transform: string;
                                     bottom?: undefined;
                                     left?: undefined;
-                                    right?: undefined;
                                 } | {
                                     bottom: string;
+                                    right: string;
                                     transform: string;
                                     top?: undefined;
                                     left?: undefined;
-                                    right?: undefined;
                                 } | {
+                                    top: string;
                                     left: string;
                                     transform: string;
-                                    top?: undefined;
-                                    bottom?: undefined;
                                     right?: undefined;
+                                    bottom?: undefined;
                                 } | {
-                                    right: string;
+                                    bottom: string;
+                                    left: string;
                                     transform: string;
                                     top?: undefined;
-                                    bottom?: undefined;
-                                    left?: undefined;
+                                    right?: undefined;
                                 } | {
                                     top?: undefined;
+                                    right?: undefined;
                                     transform?: undefined;
                                     bottom?: undefined;
                                     left?: undefined;
-                                    right?: undefined;
                                 }>;
                                 onVisibleChange: (val: boolean) => void;
                             }, {}, {}, {}, {
-                                color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                                color: "light" | "red";
                                 offset: number[];
                                 visible: boolean;
                                 placement: "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";
@@ -5155,8 +5155,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 default: boolean;
                             };
                             color: {
-                                type: 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: PropType<"light" | "red">;
+                                default: "light" | "red";
                                 validator: (val: string) => boolean;
                             };
                         }>> & Readonly<{
@@ -5168,41 +5168,41 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             prefixCls: import("vue").ComputedRef<string>;
                             arrowStyle: import("vue").ComputedRef<{
                                 top: string;
+                                right: string;
                                 transform: string;
                                 bottom?: undefined;
                                 left?: undefined;
-                                right?: undefined;
                             } | {
                                 bottom: string;
+                                right: string;
                                 transform: string;
                                 top?: undefined;
                                 left?: undefined;
-                                right?: undefined;
                             } | {
+                                top: string;
                                 left: string;
                                 transform: string;
-                                top?: undefined;
-                                bottom?: undefined;
                                 right?: undefined;
+                                bottom?: undefined;
                             } | {
-                                right: string;
+                                bottom: string;
+                                left: string;
                                 transform: string;
                                 top?: undefined;
-                                bottom?: undefined;
-                                left?: undefined;
+                                right?: undefined;
                             } | {
                                 top?: undefined;
+                                right?: undefined;
                                 transform?: undefined;
                                 bottom?: undefined;
                                 left?: undefined;
-                                right?: undefined;
                             }>;
                             onVisibleChange: (val: boolean) => void;
                         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                             'visible-change': (v: boolean) => boolean;
                             'update:visible': (v: boolean) => boolean;
                         }, string, {
-                            color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                            color: "light" | "red";
                             offset: number[];
                             visible: boolean;
                             placement: "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";
@@ -6028,8 +6028,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                         default: boolean;
                                     };
                                     color: {
-                                        type: 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: PropType<"light" | "red">;
+                                        default: "light" | "red";
                                         validator: (val: string) => boolean;
                                     };
                                 }>> & Readonly<{
@@ -6041,41 +6041,41 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                     prefixCls: import("vue").ComputedRef<string>;
                                     arrowStyle: import("vue").ComputedRef<{
                                         top: string;
+                                        right: string;
                                         transform: string;
                                         bottom?: undefined;
                                         left?: undefined;
-                                        right?: undefined;
                                     } | {
                                         bottom: string;
+                                        right: string;
                                         transform: string;
                                         top?: undefined;
                                         left?: undefined;
-                                        right?: undefined;
                                     } | {
+                                        top: string;
                                         left: string;
                                         transform: string;
-                                        top?: undefined;
-                                        bottom?: undefined;
                                         right?: undefined;
+                                        bottom?: undefined;
                                     } | {
-                                        right: string;
+                                        bottom: string;
+                                        left: string;
                                         transform: string;
                                         top?: undefined;
-                                        bottom?: undefined;
-                                        left?: undefined;
+                                        right?: undefined;
                                     } | {
                                         top?: undefined;
+                                        right?: undefined;
                                         transform?: undefined;
                                         bottom?: undefined;
                                         left?: undefined;
-                                        right?: undefined;
                                     }>;
                                     onVisibleChange: (val: boolean) => void;
                                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                                     'visible-change': (v: boolean) => boolean;
                                     'update:visible': (v: boolean) => boolean;
                                 }, import("vue").PublicProps, {
-                                    color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                                    color: "light" | "red";
                                     offset: number[];
                                     visible: boolean;
                                     placement: "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";
@@ -6329,8 +6329,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                         default: boolean;
                                     };
                                     color: {
-                                        type: 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: PropType<"light" | "red">;
+                                        default: "light" | "red";
                                         validator: (val: string) => boolean;
                                     };
                                 }>> & Readonly<{
@@ -6342,38 +6342,38 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                     prefixCls: import("vue").ComputedRef<string>;
                                     arrowStyle: import("vue").ComputedRef<{
                                         top: string;
+                                        right: string;
                                         transform: string;
                                         bottom?: undefined;
                                         left?: undefined;
-                                        right?: undefined;
                                     } | {
                                         bottom: string;
+                                        right: string;
                                         transform: string;
                                         top?: undefined;
                                         left?: undefined;
-                                        right?: undefined;
                                     } | {
+                                        top: string;
                                         left: string;
                                         transform: string;
-                                        top?: undefined;
-                                        bottom?: undefined;
                                         right?: undefined;
+                                        bottom?: undefined;
                                     } | {
-                                        right: string;
+                                        bottom: string;
+                                        left: string;
                                         transform: string;
                                         top?: undefined;
-                                        bottom?: undefined;
-                                        left?: undefined;
+                                        right?: undefined;
                                     } | {
                                         top?: undefined;
+                                        right?: undefined;
                                         transform?: undefined;
                                         bottom?: undefined;
                                         left?: undefined;
-                                        right?: undefined;
                                     }>;
                                     onVisibleChange: (val: boolean) => void;
                                 }, {}, {}, {}, {
-                                    color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                                    color: "light" | "red";
                                     offset: number[];
                                     visible: boolean;
                                     placement: "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";
@@ -6436,8 +6436,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                     default: boolean;
                                 };
                                 color: {
-                                    type: 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: PropType<"light" | "red">;
+                                    default: "light" | "red";
                                     validator: (val: string) => boolean;
                                 };
                             }>> & Readonly<{
@@ -6449,41 +6449,41 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 prefixCls: import("vue").ComputedRef<string>;
                                 arrowStyle: import("vue").ComputedRef<{
                                     top: string;
+                                    right: string;
                                     transform: string;
                                     bottom?: undefined;
                                     left?: undefined;
-                                    right?: undefined;
                                 } | {
                                     bottom: string;
+                                    right: string;
                                     transform: string;
                                     top?: undefined;
                                     left?: undefined;
-                                    right?: undefined;
                                 } | {
+                                    top: string;
                                     left: string;
                                     transform: string;
-                                    top?: undefined;
-                                    bottom?: undefined;
                                     right?: undefined;
+                                    bottom?: undefined;
                                 } | {
-                                    right: string;
+                                    bottom: string;
+                                    left: string;
                                     transform: string;
                                     top?: undefined;
-                                    bottom?: undefined;
-                                    left?: undefined;
+                                    right?: undefined;
                                 } | {
                                     top?: undefined;
+                                    right?: undefined;
                                     transform?: undefined;
                                     bottom?: undefined;
                                     left?: undefined;
-                                    right?: undefined;
                                 }>;
                                 onVisibleChange: (val: boolean) => void;
                             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                                 'visible-change': (v: boolean) => boolean;
                                 'update:visible': (v: boolean) => boolean;
                             }, string, {
-                                color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                                color: "light" | "red";
                                 offset: number[];
                                 visible: boolean;
                                 placement: "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";
@@ -8196,8 +8196,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                             default: boolean;
                                         };
                                         color: {
-                                            type: 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: PropType<"light" | "red">;
+                                            default: "light" | "red";
                                             validator: (val: string) => boolean;
                                         };
                                     }>> & Readonly<{
@@ -8209,41 +8209,41 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                         prefixCls: import("vue").ComputedRef<string>;
                                         arrowStyle: import("vue").ComputedRef<{
                                             top: string;
+                                            right: string;
                                             transform: string;
                                             bottom?: undefined;
                                             left?: undefined;
-                                            right?: undefined;
                                         } | {
                                             bottom: string;
+                                            right: string;
                                             transform: string;
                                             top?: undefined;
                                             left?: undefined;
-                                            right?: undefined;
                                         } | {
+                                            top: string;
                                             left: string;
                                             transform: string;
-                                            top?: undefined;
-                                            bottom?: undefined;
                                             right?: undefined;
+                                            bottom?: undefined;
                                         } | {
-                                            right: string;
+                                            bottom: string;
+                                            left: string;
                                             transform: string;
                                             top?: undefined;
-                                            bottom?: undefined;
-                                            left?: undefined;
+                                            right?: undefined;
                                         } | {
                                             top?: undefined;
+                                            right?: undefined;
                                             transform?: undefined;
                                             bottom?: undefined;
                                             left?: undefined;
-                                            right?: undefined;
                                         }>;
                                         onVisibleChange: (val: boolean) => void;
                                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                                         'visible-change': (v: boolean) => boolean;
                                         'update:visible': (v: boolean) => boolean;
                                     }, import("vue").PublicProps, {
-                                        color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                                        color: "light" | "red";
                                         offset: number[];
                                         visible: boolean;
                                         placement: "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";
@@ -8497,8 +8497,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                             default: boolean;
                                         };
                                         color: {
-                                            type: 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: PropType<"light" | "red">;
+                                            default: "light" | "red";
                                             validator: (val: string) => boolean;
                                         };
                                     }>> & Readonly<{
@@ -8510,38 +8510,38 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                         prefixCls: import("vue").ComputedRef<string>;
                                         arrowStyle: import("vue").ComputedRef<{
                                             top: string;
+                                            right: string;
                                             transform: string;
                                             bottom?: undefined;
                                             left?: undefined;
-                                            right?: undefined;
                                         } | {
                                             bottom: string;
+                                            right: string;
                                             transform: string;
                                             top?: undefined;
                                             left?: undefined;
-                                            right?: undefined;
                                         } | {
+                                            top: string;
                                             left: string;
                                             transform: string;
-                                            top?: undefined;
-                                            bottom?: undefined;
                                             right?: undefined;
+                                            bottom?: undefined;
                                         } | {
-                                            right: string;
+                                            bottom: string;
+                                            left: string;
                                             transform: string;
                                             top?: undefined;
-                                            bottom?: undefined;
-                                            left?: undefined;
+                                            right?: undefined;
                                         } | {
                                             top?: undefined;
+                                            right?: undefined;
                                             transform?: undefined;
                                             bottom?: undefined;
                                             left?: undefined;
-                                            right?: undefined;
                                         }>;
                                         onVisibleChange: (val: boolean) => void;
                                     }, {}, {}, {}, {
-                                        color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                                        color: "light" | "red";
                                         offset: number[];
                                         visible: boolean;
                                         placement: "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";
@@ -8604,8 +8604,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                         default: boolean;
                                     };
                                     color: {
-                                        type: 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: PropType<"light" | "red">;
+                                        default: "light" | "red";
                                         validator: (val: string) => boolean;
                                     };
                                 }>> & Readonly<{
@@ -8617,41 +8617,41 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                     prefixCls: import("vue").ComputedRef<string>;
                                     arrowStyle: import("vue").ComputedRef<{
                                         top: string;
+                                        right: string;
                                         transform: string;
                                         bottom?: undefined;
                                         left?: undefined;
-                                        right?: undefined;
                                     } | {
                                         bottom: string;
+                                        right: string;
                                         transform: string;
                                         top?: undefined;
                                         left?: undefined;
-                                        right?: undefined;
                                     } | {
+                                        top: string;
                                         left: string;
                                         transform: string;
-                                        top?: undefined;
-                                        bottom?: undefined;
                                         right?: undefined;
+                                        bottom?: undefined;
                                     } | {
-                                        right: string;
+                                        bottom: string;
+                                        left: string;
                                         transform: string;
                                         top?: undefined;
-                                        bottom?: undefined;
-                                        left?: undefined;
+                                        right?: undefined;
                                     } | {
                                         top?: undefined;
+                                        right?: undefined;
                                         transform?: undefined;
                                         bottom?: undefined;
                                         left?: undefined;
-                                        right?: undefined;
                                     }>;
                                     onVisibleChange: (val: boolean) => void;
                                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                                     'visible-change': (v: boolean) => boolean;
                                     'update:visible': (v: boolean) => boolean;
                                 }, string, {
-                                    color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                                    color: "light" | "red";
                                     offset: number[];
                                     visible: boolean;
                                     placement: "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";
@@ -9384,8 +9384,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                         default: boolean;
                                     };
                                     color: {
-                                        type: 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: PropType<"light" | "red">;
+                                        default: "light" | "red";
                                         validator: (val: string) => boolean;
                                     };
                                 }>> & Readonly<{
@@ -9397,41 +9397,41 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                     prefixCls: import("vue").ComputedRef<string>;
                                     arrowStyle: import("vue").ComputedRef<{
                                         top: string;
+                                        right: string;
                                         transform: string;
                                         bottom?: undefined;
                                         left?: undefined;
-                                        right?: undefined;
                                     } | {
                                         bottom: string;
+                                        right: string;
                                         transform: string;
                                         top?: undefined;
                                         left?: undefined;
-                                        right?: undefined;
                                     } | {
+                                        top: string;
                                         left: string;
                                         transform: string;
-                                        top?: undefined;
-                                        bottom?: undefined;
                                         right?: undefined;
+                                        bottom?: undefined;
                                     } | {
-                                        right: string;
+                                        bottom: string;
+                                        left: string;
                                         transform: string;
                                         top?: undefined;
-                                        bottom?: undefined;
-                                        left?: undefined;
+                                        right?: undefined;
                                     } | {
                                         top?: undefined;
+                                        right?: undefined;
                                         transform?: undefined;
                                         bottom?: undefined;
                                         left?: undefined;
-                                        right?: undefined;
                                     }>;
                                     onVisibleChange: (val: boolean) => void;
                                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                                     'visible-change': (v: boolean) => boolean;
                                     'update:visible': (v: boolean) => boolean;
                                 }, import("vue").PublicProps, {
-                                    color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                                    color: "light" | "red";
                                     offset: number[];
                                     visible: boolean;
                                     placement: "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";
@@ -9685,8 +9685,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                         default: boolean;
                                     };
                                     color: {
-                                        type: 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: PropType<"light" | "red">;
+                                        default: "light" | "red";
                                         validator: (val: string) => boolean;
                                     };
                                 }>> & Readonly<{
@@ -9698,38 +9698,38 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                     prefixCls: import("vue").ComputedRef<string>;
                                     arrowStyle: import("vue").ComputedRef<{
                                         top: string;
+                                        right: string;
                                         transform: string;
                                         bottom?: undefined;
                                         left?: undefined;
-                                        right?: undefined;
                                     } | {
                                         bottom: string;
+                                        right: string;
                                         transform: string;
                                         top?: undefined;
                                         left?: undefined;
-                                        right?: undefined;
                                     } | {
+                                        top: string;
                                         left: string;
                                         transform: string;
-                                        top?: undefined;
-                                        bottom?: undefined;
                                         right?: undefined;
+                                        bottom?: undefined;
                                     } | {
-                                        right: string;
+                                        bottom: string;
+                                        left: string;
                                         transform: string;
                                         top?: undefined;
-                                        bottom?: undefined;
-                                        left?: undefined;
+                                        right?: undefined;
                                     } | {
                                         top?: undefined;
+                                        right?: undefined;
                                         transform?: undefined;
                                         bottom?: undefined;
                                         left?: undefined;
-                                        right?: undefined;
                                     }>;
                                     onVisibleChange: (val: boolean) => void;
                                 }, {}, {}, {}, {
-                                    color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                                    color: "light" | "red";
                                     offset: number[];
                                     visible: boolean;
                                     placement: "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";
@@ -9792,8 +9792,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                     default: boolean;
                                 };
                                 color: {
-                                    type: 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: PropType<"light" | "red">;
+                                    default: "light" | "red";
                                     validator: (val: string) => boolean;
                                 };
                             }>> & Readonly<{
@@ -9805,41 +9805,41 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 prefixCls: import("vue").ComputedRef<string>;
                                 arrowStyle: import("vue").ComputedRef<{
                                     top: string;
+                                    right: string;
                                     transform: string;
                                     bottom?: undefined;
                                     left?: undefined;
-                                    right?: undefined;
                                 } | {
                                     bottom: string;
+                                    right: string;
                                     transform: string;
                                     top?: undefined;
                                     left?: undefined;
-                                    right?: undefined;
                                 } | {
+                                    top: string;
                                     left: string;
                                     transform: string;
-                                    top?: undefined;
-                                    bottom?: undefined;
                                     right?: undefined;
+                                    bottom?: undefined;
                                 } | {
-                                    right: string;
+                                    bottom: string;
+                                    left: string;
                                     transform: string;
                                     top?: undefined;
-                                    bottom?: undefined;
-                                    left?: undefined;
+                                    right?: undefined;
                                 } | {
                                     top?: undefined;
+                                    right?: undefined;
                                     transform?: undefined;
                                     bottom?: undefined;
                                     left?: undefined;
-                                    right?: undefined;
                                 }>;
                                 onVisibleChange: (val: boolean) => void;
                             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                                 'visible-change': (v: boolean) => boolean;
                                 'update:visible': (v: boolean) => boolean;
                             }, string, {
-                                color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                                color: "light" | "red";
                                 offset: number[];
                                 visible: boolean;
                                 placement: "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";
@@ -11669,8 +11669,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                     default: boolean;
                                 };
                                 color: {
-                                    type: 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: PropType<"light" | "red">;
+                                    default: "light" | "red";
                                     validator: (val: string) => boolean;
                                 };
                             }>> & Readonly<{
@@ -11682,41 +11682,41 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 prefixCls: import("vue").ComputedRef<string>;
                                 arrowStyle: import("vue").ComputedRef<{
                                     top: string;
+                                    right: string;
                                     transform: string;
                                     bottom?: undefined;
                                     left?: undefined;
-                                    right?: undefined;
                                 } | {
                                     bottom: string;
+                                    right: string;
                                     transform: string;
                                     top?: undefined;
                                     left?: undefined;
-                                    right?: undefined;
                                 } | {
+                                    top: string;
                                     left: string;
                                     transform: string;
-                                    top?: undefined;
-                                    bottom?: undefined;
                                     right?: undefined;
+                                    bottom?: undefined;
                                 } | {
-                                    right: string;
+                                    bottom: string;
+                                    left: string;
                                     transform: string;
                                     top?: undefined;
-                                    bottom?: undefined;
-                                    left?: undefined;
+                                    right?: undefined;
                                 } | {
                                     top?: undefined;
+                                    right?: undefined;
                                     transform?: undefined;
                                     bottom?: undefined;
                                     left?: undefined;
-                                    right?: undefined;
                                 }>;
                                 onVisibleChange: (val: boolean) => void;
                             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                                 'visible-change': (v: boolean) => boolean;
                                 'update:visible': (v: boolean) => boolean;
                             }, import("vue").PublicProps, {
-                                color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                                color: "light" | "red";
                                 offset: number[];
                                 visible: boolean;
                                 placement: "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";
@@ -11970,8 +11970,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                     default: boolean;
                                 };
                                 color: {
-                                    type: 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: PropType<"light" | "red">;
+                                    default: "light" | "red";
                                     validator: (val: string) => boolean;
                                 };
                             }>> & Readonly<{
@@ -11983,38 +11983,38 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 prefixCls: import("vue").ComputedRef<string>;
                                 arrowStyle: import("vue").ComputedRef<{
                                     top: string;
+                                    right: string;
                                     transform: string;
                                     bottom?: undefined;
                                     left?: undefined;
-                                    right?: undefined;
                                 } | {
                                     bottom: string;
+                                    right: string;
                                     transform: string;
                                     top?: undefined;
                                     left?: undefined;
-                                    right?: undefined;
                                 } | {
+                                    top: string;
                                     left: string;
                                     transform: string;
-                                    top?: undefined;
-                                    bottom?: undefined;
                                     right?: undefined;
+                                    bottom?: undefined;
                                 } | {
-                                    right: string;
+                                    bottom: string;
+                                    left: string;
                                     transform: string;
                                     top?: undefined;
-                                    bottom?: undefined;
-                                    left?: undefined;
+                                    right?: undefined;
                                 } | {
                                     top?: undefined;
+                                    right?: undefined;
                                     transform?: undefined;
                                     bottom?: undefined;
                                     left?: undefined;
-                                    right?: undefined;
                                 }>;
                                 onVisibleChange: (val: boolean) => void;
                             }, {}, {}, {}, {
-                                color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                                color: "light" | "red";
                                 offset: number[];
                                 visible: boolean;
                                 placement: "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";
@@ -12077,8 +12077,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 default: boolean;
                             };
                             color: {
-                                type: 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: PropType<"light" | "red">;
+                                default: "light" | "red";
                                 validator: (val: string) => boolean;
                             };
                         }>> & Readonly<{
@@ -12090,41 +12090,41 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             prefixCls: import("vue").ComputedRef<string>;
                             arrowStyle: import("vue").ComputedRef<{
                                 top: string;
+                                right: string;
                                 transform: string;
                                 bottom?: undefined;
                                 left?: undefined;
-                                right?: undefined;
                             } | {
                                 bottom: string;
+                                right: string;
                                 transform: string;
                                 top?: undefined;
                                 left?: undefined;
-                                right?: undefined;
                             } | {
+                                top: string;
                                 left: string;
                                 transform: string;
-                                top?: undefined;
-                                bottom?: undefined;
                                 right?: undefined;
+                                bottom?: undefined;
                             } | {
-                                right: string;
+                                bottom: string;
+                                left: string;
                                 transform: string;
                                 top?: undefined;
-                                bottom?: undefined;
-                                left?: undefined;
+                                right?: undefined;
                             } | {
                                 top?: undefined;
+                                right?: undefined;
                                 transform?: undefined;
                                 bottom?: undefined;
                                 left?: undefined;
-                                right?: undefined;
                             }>;
                             onVisibleChange: (val: boolean) => void;
                         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                             'visible-change': (v: boolean) => boolean;
                             'update:visible': (v: boolean) => boolean;
                         }, string, {
-                            color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                            color: "light" | "red";
                             offset: number[];
                             visible: boolean;
                             placement: "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";
@@ -12950,8 +12950,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                         default: boolean;
                                     };
                                     color: {
-                                        type: 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: PropType<"light" | "red">;
+                                        default: "light" | "red";
                                         validator: (val: string) => boolean;
                                     };
                                 }>> & Readonly<{
@@ -12963,41 +12963,41 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                     prefixCls: import("vue").ComputedRef<string>;
                                     arrowStyle: import("vue").ComputedRef<{
                                         top: string;
+                                        right: string;
                                         transform: string;
                                         bottom?: undefined;
                                         left?: undefined;
-                                        right?: undefined;
                                     } | {
                                         bottom: string;
+                                        right: string;
                                         transform: string;
                                         top?: undefined;
                                         left?: undefined;
-                                        right?: undefined;
                                     } | {
+                                        top: string;
                                         left: string;
                                         transform: string;
-                                        top?: undefined;
-                                        bottom?: undefined;
                                         right?: undefined;
+                                        bottom?: undefined;
                                     } | {
-                                        right: string;
+                                        bottom: string;
+                                        left: string;
                                         transform: string;
                                         top?: undefined;
-                                        bottom?: undefined;
-                                        left?: undefined;
+                                        right?: undefined;
                                     } | {
                                         top?: undefined;
+                                        right?: undefined;
                                         transform?: undefined;
                                         bottom?: undefined;
                                         left?: undefined;
-                                        right?: undefined;
                                     }>;
                                     onVisibleChange: (val: boolean) => void;
                                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                                     'visible-change': (v: boolean) => boolean;
                                     'update:visible': (v: boolean) => boolean;
                                 }, import("vue").PublicProps, {
-                                    color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                                    color: "light" | "red";
                                     offset: number[];
                                     visible: boolean;
                                     placement: "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";
@@ -13251,8 +13251,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                         default: boolean;
                                     };
                                     color: {
-                                        type: 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: PropType<"light" | "red">;
+                                        default: "light" | "red";
                                         validator: (val: string) => boolean;
                                     };
                                 }>> & Readonly<{
@@ -13264,38 +13264,38 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                     prefixCls: import("vue").ComputedRef<string>;
                                     arrowStyle: import("vue").ComputedRef<{
                                         top: string;
+                                        right: string;
                                         transform: string;
                                         bottom?: undefined;
                                         left?: undefined;
-                                        right?: undefined;
                                     } | {
                                         bottom: string;
+                                        right: string;
                                         transform: string;
                                         top?: undefined;
                                         left?: undefined;
-                                        right?: undefined;
                                     } | {
+                                        top: string;
                                         left: string;
                                         transform: string;
-                                        top?: undefined;
-                                        bottom?: undefined;
                                         right?: undefined;
+                                        bottom?: undefined;
                                     } | {
-                                        right: string;
+                                        bottom: string;
+                                        left: string;
                                         transform: string;
                                         top?: undefined;
-                                        bottom?: undefined;
-                                        left?: undefined;
+                                        right?: undefined;
                                     } | {
                                         top?: undefined;
+                                        right?: undefined;
                                         transform?: undefined;
                                         bottom?: undefined;
                                         left?: undefined;
-                                        right?: undefined;
                                     }>;
                                     onVisibleChange: (val: boolean) => void;
                                 }, {}, {}, {}, {
-                                    color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                                    color: "light" | "red";
                                     offset: number[];
                                     visible: boolean;
                                     placement: "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";
@@ -13358,8 +13358,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                     default: boolean;
                                 };
                                 color: {
-                                    type: 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: PropType<"light" | "red">;
+                                    default: "light" | "red";
                                     validator: (val: string) => boolean;
                                 };
                             }>> & Readonly<{
@@ -13371,41 +13371,41 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                                 prefixCls: import("vue").ComputedRef<string>;
                                 arrowStyle: import("vue").ComputedRef<{
                                     top: string;
+                                    right: string;
                                     transform: string;
                                     bottom?: undefined;
                                     left?: undefined;
-                                    right?: undefined;
                                 } | {
                                     bottom: string;
+                                    right: string;
                                     transform: string;
                                     top?: undefined;
                                     left?: undefined;
-                                    right?: undefined;
                                 } | {
+                                    top: string;
                                     left: string;
                                     transform: string;
-                                    top?: undefined;
-                                    bottom?: undefined;
                                     right?: undefined;
+                                    bottom?: undefined;
                                 } | {
-                                    right: string;
+                                    bottom: string;
+                                    left: string;
                                     transform: string;
                                     top?: undefined;
-                                    bottom?: undefined;
-                                    left?: undefined;
+                                    right?: undefined;
                                 } | {
                                     top?: undefined;
+                                    right?: undefined;
                                     transform?: undefined;
                                     bottom?: undefined;
                                     left?: undefined;
-                                    right?: undefined;
                                 }>;
                                 onVisibleChange: (val: boolean) => void;
                             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                                 'visible-change': (v: boolean) => boolean;
                                 'update:visible': (v: boolean) => boolean;
                             }, string, {
-                                color: "primary" | "blue" | "light" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+                                color: "light" | "red";
                                 offset: number[];
                                 visible: boolean;
                                 placement: "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";