bkui-vue 2.0.1-beta.9 → 2.0.1-beta.91

package/lib/popover/const.d.ts

@@ -1,9 +1,9 @@
 export declare const enum EMIT_EVENTS {
     CLICK_OUTSIDE = "clickoutside",
-    CONTENT_MOUSEENTER = "contentMouseenter",
-    CONTENT_MOUSELEAVE = "contentMouseleave",
     CONTENT_AfterHidden = "afterHidden",
-    CONTENT_AfterShow = "afterShow"
+    CONTENT_AfterShow = "afterShow",
+    CONTENT_MOUSEENTER = "contentMouseenter",
+    CONTENT_MOUSELEAVE = "contentMouseleave"
 }
 export declare const EVENT_SHOW_HIDE_FN: (_args: {
     isShow: boolean;

package/lib/popover/content.d.ts

@@ -35,9 +35,10 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     refContent: import("vue").Ref<any>;
     contentClassName: import("vue").ComputedRef<string[]>;
+    handleClick: (evt: MouseEvent) => void;
     resetPointerEvent: () => void;
     setContentPointerEvent: (val: string) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     width: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
@@ -65,7 +66,9 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: number;
     };
-}>>, {
+}>> & {
+    onClick?: (...args: any[]) => any;
+}, {
     width: string | number;
     height: string | number;
     maxHeight: string | number;

package/lib/popover/index.d.ts

@@ -15,6 +15,11 @@ declare const BkPopover: {
         } & {
             default: boolean;
         };
+        clickContentAutoHide: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         width: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
@@ -30,22 +35,25 @@ declare const BkPopover: {
         content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
             default: string | number | (() => HTMLElement) | (() => JSX.Element);
         };
+        renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+            default: "if" | "show";
+        };
         target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
         allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
             default: boolean;
         };
-        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-            default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start"> & {
+            default: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
         };
         theme: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         } & {
             default: string;
         };
-        trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "manual"> & {
-            default: "click" | "hover" | "manual";
+        trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "click-hover" | "manual"> & {
+            default: "click" | "hover" | "click-hover" | "manual";
         };
         renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
             default: "auto" | "shown";
@@ -131,14 +139,14 @@ declare const BkPopover: {
             isShow: boolean;
             event: MouseEvent;
         }) => any;
-        onContentMouseenter?: (e: MouseEvent) => any;
-        onContentMouseleave?: (e: MouseEvent) => any;
         onAfterHidden?: (_args: {
             isShow: boolean;
         }) => any;
         onAfterShow?: (_args: {
             isShow: boolean;
         }) => any;
+        onContentMouseenter?: (e: MouseEvent) => any;
+        onContentMouseleave?: (e: MouseEvent) => any;
     }, {
         boundary: import("vue").Ref<any>;
         arrow: boolean;
@@ -147,7 +155,9 @@ declare const BkPopover: {
         refArrow: import("vue").Ref<any>;
         content: string | number | HTMLElement | JSX.Element;
         theme: string;
+        isRenderModeShow: import("vue").ComputedRef<boolean>;
         transBoundary: import("vue").ComputedRef<boolean>;
+        handleClickContent: () => void;
         handleClickOutside: (_e: MouseEvent) => void;
         updatePopover: (virtualEl?: any, props?: {}, callFn?: any) => void;
         resetPopover: () => void;
@@ -186,6 +196,11 @@ declare const BkPopover: {
         } & {
             default: boolean;
         };
+        clickContentAutoHide: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         width: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
@@ -201,22 +216,25 @@ declare const BkPopover: {
         content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
             default: string | number | (() => HTMLElement) | (() => JSX.Element);
         };
+        renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+            default: "if" | "show";
+        };
         target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
         allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
             default: boolean;
         };
-        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-            default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start"> & {
+            default: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
         };
         theme: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         } & {
             default: string;
         };
-        trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "manual"> & {
-            default: "click" | "hover" | "manual";
+        trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "click-hover" | "manual"> & {
+            default: "click" | "hover" | "click-hover" | "manual";
         };
         renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
             default: "auto" | "shown";
@@ -302,14 +320,14 @@ declare const BkPopover: {
             isShow: boolean;
             event: MouseEvent;
         }) => any;
-        onContentMouseenter?: (e: MouseEvent) => any;
-        onContentMouseleave?: (e: MouseEvent) => any;
         onAfterHidden?: (_args: {
             isShow: boolean;
         }) => any;
         onAfterShow?: (_args: {
             isShow: boolean;
         }) => any;
+        onContentMouseenter?: (e: MouseEvent) => any;
+        onContentMouseleave?: (e: MouseEvent) => any;
     }, {
         width: string | number;
         height: string | number;
@@ -320,11 +338,13 @@ declare const BkPopover: {
         isShow: boolean;
         always: boolean;
         disabled: boolean;
+        clickContentAutoHide: boolean;
         content: string | number | HTMLElement | JSX.Element;
+        renderDirective: "if" | "show";
         allowHtml: boolean;
-        placement: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+        placement: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
         theme: string;
-        trigger: "click" | "hover" | "manual";
+        trigger: "click" | "hover" | "click-hover" | "manual";
         renderType: "auto" | "shown";
         padding: number;
         offset: number | {
@@ -365,6 +385,11 @@ declare const BkPopover: {
         } & {
             default: boolean;
         };
+        clickContentAutoHide: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         width: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
@@ -380,22 +405,25 @@ declare const BkPopover: {
         content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
             default: string | number | (() => HTMLElement) | (() => JSX.Element);
         };
+        renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+            default: "if" | "show";
+        };
         target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
         allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
             default: boolean;
         };
-        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-            default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+        placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start"> & {
+            default: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
         };
         theme: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         } & {
             default: string;
         };
-        trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "manual"> & {
-            default: "click" | "hover" | "manual";
+        trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "click-hover" | "manual"> & {
+            default: "click" | "hover" | "click-hover" | "manual";
         };
         renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
             default: "auto" | "shown";
@@ -481,14 +509,14 @@ declare const BkPopover: {
             isShow: boolean;
             event: MouseEvent;
         }) => any;
-        onContentMouseenter?: (e: MouseEvent) => any;
-        onContentMouseleave?: (e: MouseEvent) => any;
         onAfterHidden?: (_args: {
             isShow: boolean;
         }) => any;
         onAfterShow?: (_args: {
             isShow: boolean;
         }) => any;
+        onContentMouseenter?: (e: MouseEvent) => any;
+        onContentMouseleave?: (e: MouseEvent) => any;
     }, {
         boundary: import("vue").Ref<any>;
         arrow: boolean;
@@ -497,7 +525,9 @@ declare const BkPopover: {
         refArrow: import("vue").Ref<any>;
         content: string | number | HTMLElement | JSX.Element;
         theme: string;
+        isRenderModeShow: import("vue").ComputedRef<boolean>;
         transBoundary: import("vue").ComputedRef<boolean>;
+        handleClickContent: () => void;
         handleClickOutside: (_e: MouseEvent) => void;
         updatePopover: (virtualEl?: any, props?: {}, callFn?: any) => void;
         resetPopover: () => void;
@@ -517,11 +547,13 @@ declare const BkPopover: {
         isShow: boolean;
         always: boolean;
         disabled: boolean;
+        clickContentAutoHide: boolean;
         content: string | number | HTMLElement | JSX.Element;
+        renderDirective: "if" | "show";
         allowHtml: boolean;
-        placement: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+        placement: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
         theme: string;
-        trigger: "click" | "hover" | "manual";
+        trigger: "click" | "hover" | "click-hover" | "manual";
         renderType: "auto" | "shown";
         padding: number;
         offset: number | {
@@ -559,6 +591,11 @@ declare const BkPopover: {
     } & {
         default: boolean;
     };
+    clickContentAutoHide: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     width: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
@@ -574,22 +611,25 @@ declare const BkPopover: {
     content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
         default: string | number | (() => HTMLElement) | (() => JSX.Element);
     };
+    renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+        default: "if" | "show";
+    };
     target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
     allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-        default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+    placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start"> & {
+        default: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
     };
     theme: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     } & {
         default: string;
     };
-    trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "manual"> & {
-        default: "click" | "hover" | "manual";
+    trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "click-hover" | "manual"> & {
+        default: "click" | "hover" | "click-hover" | "manual";
     };
     renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
         default: "auto" | "shown";
@@ -675,14 +715,14 @@ declare const BkPopover: {
         isShow: boolean;
         event: MouseEvent;
     }) => any;
-    onContentMouseenter?: (e: MouseEvent) => any;
-    onContentMouseleave?: (e: MouseEvent) => any;
     onAfterHidden?: (_args: {
         isShow: boolean;
     }) => any;
     onAfterShow?: (_args: {
         isShow: boolean;
     }) => any;
+    onContentMouseenter?: (e: MouseEvent) => any;
+    onContentMouseleave?: (e: MouseEvent) => any;
 }, {
     boundary: import("vue").Ref<any>;
     arrow: boolean;
@@ -691,7 +731,9 @@ declare const BkPopover: {
     refArrow: import("vue").Ref<any>;
     content: string | number | HTMLElement | JSX.Element;
     theme: string;
+    isRenderModeShow: import("vue").ComputedRef<boolean>;
     transBoundary: import("vue").ComputedRef<boolean>;
+    handleClickContent: () => void;
     handleClickOutside: (_e: MouseEvent) => void;
     updatePopover: (virtualEl?: any, props?: {}, callFn?: any) => void;
     resetPopover: () => void;
@@ -724,11 +766,13 @@ declare const BkPopover: {
     isShow: boolean;
     always: boolean;
     disabled: boolean;
+    clickContentAutoHide: boolean;
     content: string | number | HTMLElement | JSX.Element;
+    renderDirective: "if" | "show";
     allowHtml: boolean;
-    placement: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+    placement: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
     theme: string;
-    trigger: "click" | "hover" | "manual";
+    trigger: "click" | "hover" | "click-hover" | "manual";
     renderType: "auto" | "shown";
     padding: number;
     offset: number | {