bkui-vue 0.0.2-beta.5 → 0.0.2-beta.51

package/lib/popover/index.d.ts

@@ -6,12 +6,13 @@ declare const BkPopover: {
             width?: string | number;
             height?: string | number;
             maxHeight?: string | number;
+            maxWidth?: string | number;
             extCls?: string;
             arrow?: boolean;
             isShow?: boolean;
             always?: boolean;
             disabled?: boolean;
-            content?: string | number;
+            content?: string | number | HTMLElement | JSX.Element;
             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";
             theme?: string;
@@ -29,22 +30,29 @@ declare const BkPopover: {
             autoVisibility?: boolean;
             disableOutsideClick?: boolean;
             disableTransform?: boolean;
-            reference?: any;
             modifiers?: unknown[];
             popoverDelay?: number | number[];
+            componentEventDelay?: number;
+            forceClickoutside?: boolean;
             class?: unknown;
             style?: unknown;
-            readonly onAfterHidden?: Function;
-            readonly onAfterShow?: Function;
+            ref?: import("vue").VNodeRef;
+            readonly target?: string | HTMLElement | PointerEvent;
             readonly boundary?: string | HTMLElement;
-            onShow?: (...args: any[]) => any;
-            onHide?: (...args: any[]) => any;
-            onClickoutside?: (...args: any[]) => any;
-            onContentMouseenter?: (...args: any[]) => any;
-            onContentMouseleave?: (...args: any[]) => any;
-            onStopHide?: (...args: any[]) => any;
+            readonly reference?: any;
+            onClickoutside?: (_args: {
+                isShow: boolean;
+                event: MouseEvent;
+            }) => any;
+            onContentMouseenter?: (e: MouseEvent) => any;
+            onContentMouseleave?: (e: MouseEvent) => any;
+            onAfterHidden?: (_args: {
+                isShow: boolean;
+            }) => any;
+            onAfterShow?: (_args: {
+                isShow: boolean;
+            }) => any;
             key?: string | number | symbol;
-            ref?: import("vue").VNodeRef;
             ref_for?: boolean;
             ref_key?: string;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -97,11 +105,16 @@ declare const BkPopover: {
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
-        $emit: ((event: import("./const").EMIT_EVENTS.SHOW, ...args: any[]) => void) & ((event: import("./const").EMIT_EVENTS.HIDE, ...args: any[]) => void) & ((event: import("./const").EMIT_EVENTS.CLICK_OUTSIDE, ...args: any[]) => void) & ((event: import("./const").EMIT_EVENTS.CONTENT_MOUSEENTER, ...args: any[]) => void) & ((event: import("./const").EMIT_EVENTS.CONTENT_MOUSELEAVE, ...args: any[]) => void) & ((event: import("./const").EMIT_EVENTS.STOP_HIDE, ...args: any[]) => void);
+        $emit: ((event: import("./const").EMIT_EVENTS.CLICK_OUTSIDE, _args: {
+            isShow: boolean;
+            event: MouseEvent;
+        }) => void) & ((event: import("./const").EMIT_EVENTS.CONTENT_MOUSEENTER, e: MouseEvent) => void) & ((event: import("./const").EMIT_EVENTS.CONTENT_MOUSELEAVE, e: MouseEvent) => void) & ((event: import("./const").EMIT_EVENTS.CONTENT_AfterHidden, _args: {
+            isShow: boolean;
+        }) => void) & ((event: import("./const").EMIT_EVENTS.CONTENT_AfterShow, _args: {
+            isShow: boolean;
+        }) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            onAfterHidden: FunctionConstructor;
-            onAfterShow: FunctionConstructor;
             isShow: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
@@ -123,12 +136,16 @@ declare const BkPopover: {
             height: import("vue-types").VueTypeDef<string | number> & {
                 default: string | number;
             };
-            maxHeight: import("vue-types").VueTypeDef<string | number> & {
+            maxWidth: import("vue-types").VueTypeDef<string | number> & {
                 default: string | number;
             };
-            content: import("vue-types").VueTypeDef<string | number> & {
+            maxHeight: import("vue-types").VueTypeDef<string | number> & {
                 default: string | number;
             };
+            content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
+                default: string | number | (() => HTMLElement) | (() => JSX.Element);
+            };
+            target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
             allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
@@ -200,9 +217,7 @@ declare const BkPopover: {
             } & {
                 default: boolean;
             };
-            reference: import("vue-types").VueTypeValidableDef<any> & {
-                default: any;
-            };
+            reference: import("vue-types").VueTypeValidableDef<any>;
             modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
                 default: () => unknown[];
             } & {
@@ -216,46 +231,71 @@ declare const BkPopover: {
             } & {
                 default: string;
             };
+            componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            forceClickoutside: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
         }>> & {
-            onShow?: (...args: any[]) => any;
-            onHide?: (...args: any[]) => any;
-            onClickoutside?: (...args: any[]) => any;
-            onContentMouseenter?: (...args: any[]) => any;
-            onContentMouseleave?: (...args: any[]) => any;
-            onStopHide?: (...args: any[]) => any;
+            onClickoutside?: (_args: {
+                isShow: boolean;
+                event: MouseEvent;
+            }) => any;
+            onContentMouseenter?: (e: MouseEvent) => any;
+            onContentMouseleave?: (e: MouseEvent) => any;
+            onAfterHidden?: (_args: {
+                isShow: boolean;
+            }) => any;
+            onAfterShow?: (_args: {
+                isShow: boolean;
+            }) => any;
         }, {
             boundary: import("vue").Ref<any>;
             arrow: boolean;
             refDefaultReference: import("vue").Ref<any>;
             refContent: import("vue").Ref<any>;
             refArrow: import("vue").Ref<any>;
-            content: string | number;
+            content: string | number | HTMLElement | JSX.Element;
             theme: string;
             transBoundary: import("vue").ComputedRef<boolean>;
             handleClickOutside: (_e: MouseEvent) => void;
-            updatePopover: (virtualEl?: any, props?: {}) => void;
+            updatePopover: (virtualEl?: any, props?: {}, callFn?: any) => void;
+            resetPopover: () => void;
             hide: () => void;
             show: () => void;
             stopHide: () => void;
             contentIsShow: import("vue").ComputedRef<boolean>;
             renderContent: () => any;
+            localIsShow: import("vue").Ref<boolean>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            show: (..._args: any[]) => boolean;
-            hide: (..._args: any[]) => boolean;
-            clickoutside: (..._args: any[]) => boolean;
-            contentMouseenter: (..._args: any[]) => boolean;
-            contentMouseleave: (..._args: any[]) => boolean;
-            stopHide: (..._args: any[]) => boolean;
+            clickoutside: (_args: {
+                isShow: boolean;
+                event: MouseEvent;
+            }) => boolean;
+            contentMouseenter: (e: MouseEvent) => MouseEvent;
+            contentMouseleave: (e: MouseEvent) => MouseEvent;
+            afterHidden: (_args: {
+                isShow: boolean;
+            }) => boolean;
+            afterShow: (_args: {
+                isShow: boolean;
+            }) => boolean;
         }, string, {
             width: string | number;
             height: string | number;
             maxHeight: string | number;
+            maxWidth: string | number;
             extCls: string;
             arrow: boolean;
             isShow: boolean;
             always: boolean;
             disabled: boolean;
-            content: string | number;
+            content: string | number | HTMLElement | JSX.Element;
             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";
             theme: string;
@@ -273,9 +313,10 @@ declare const BkPopover: {
             autoVisibility: boolean;
             disableOutsideClick: boolean;
             disableTransform: boolean;
-            reference: any;
             modifiers: unknown[];
             popoverDelay: number | number[];
+            componentEventDelay: number;
+            forceClickoutside: boolean;
         }, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -297,8 +338,6 @@ declare const BkPopover: {
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        onAfterHidden: FunctionConstructor;
-        onAfterShow: FunctionConstructor;
         isShow: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -320,12 +359,16 @@ declare const BkPopover: {
         height: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
-        maxHeight: import("vue-types").VueTypeDef<string | number> & {
+        maxWidth: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
-        content: import("vue-types").VueTypeDef<string | number> & {
+        maxHeight: import("vue-types").VueTypeDef<string | number> & {
             default: string | number;
         };
+        content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
+            default: string | number | (() => HTMLElement) | (() => JSX.Element);
+        };
+        target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
         allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -397,9 +440,7 @@ declare const BkPopover: {
         } & {
             default: boolean;
         };
-        reference: import("vue-types").VueTypeValidableDef<any> & {
-            default: any;
-        };
+        reference: import("vue-types").VueTypeValidableDef<any>;
         modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
             default: () => unknown[];
         } & {
@@ -413,36 +454,52 @@ declare const BkPopover: {
         } & {
             default: string;
         };
+        componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        forceClickoutside: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>> & {
-        onShow?: (...args: any[]) => any;
-        onHide?: (...args: any[]) => any;
-        onClickoutside?: (...args: any[]) => any;
-        onContentMouseenter?: (...args: any[]) => any;
-        onContentMouseleave?: (...args: any[]) => any;
-        onStopHide?: (...args: any[]) => any;
+        onClickoutside?: (_args: {
+            isShow: boolean;
+            event: MouseEvent;
+        }) => any;
+        onContentMouseenter?: (e: MouseEvent) => any;
+        onContentMouseleave?: (e: MouseEvent) => any;
+        onAfterHidden?: (_args: {
+            isShow: boolean;
+        }) => any;
+        onAfterShow?: (_args: {
+            isShow: boolean;
+        }) => any;
     } & import("vue").ShallowUnwrapRef<{
         boundary: import("vue").Ref<any>;
         arrow: boolean;
         refDefaultReference: import("vue").Ref<any>;
         refContent: import("vue").Ref<any>;
         refArrow: import("vue").Ref<any>;
-        content: string | number;
+        content: string | number | HTMLElement | JSX.Element;
         theme: string;
         transBoundary: import("vue").ComputedRef<boolean>;
         handleClickOutside: (_e: MouseEvent) => void;
-        updatePopover: (virtualEl?: any, props?: {}) => void;
+        updatePopover: (virtualEl?: any, props?: {}, callFn?: any) => void;
+        resetPopover: () => void;
         hide: () => void;
         show: () => void;
         stopHide: () => void;
         contentIsShow: import("vue").ComputedRef<boolean>;
         renderContent: () => any;
+        localIsShow: import("vue").Ref<boolean>;
     }> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    onAfterHidden: FunctionConstructor;
-    onAfterShow: FunctionConstructor;
     isShow: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -464,12 +521,16 @@ declare const BkPopover: {
     height: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
-    maxHeight: import("vue-types").VueTypeDef<string | number> & {
+    maxWidth: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
-    content: import("vue-types").VueTypeDef<string | number> & {
+    maxHeight: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
+    content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
+        default: string | number | (() => HTMLElement) | (() => JSX.Element);
+    };
+    target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
     allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -541,9 +602,7 @@ declare const BkPopover: {
     } & {
         default: boolean;
     };
-    reference: import("vue-types").VueTypeValidableDef<any> & {
-        default: any;
-    };
+    reference: import("vue-types").VueTypeValidableDef<any>;
     modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
         default: () => unknown[];
     } & {
@@ -557,46 +616,71 @@ declare const BkPopover: {
     } & {
         default: string;
     };
+    componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    forceClickoutside: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }>> & {
-    onShow?: (...args: any[]) => any;
-    onHide?: (...args: any[]) => any;
-    onClickoutside?: (...args: any[]) => any;
-    onContentMouseenter?: (...args: any[]) => any;
-    onContentMouseleave?: (...args: any[]) => any;
-    onStopHide?: (...args: any[]) => any;
+    onClickoutside?: (_args: {
+        isShow: boolean;
+        event: MouseEvent;
+    }) => any;
+    onContentMouseenter?: (e: MouseEvent) => any;
+    onContentMouseleave?: (e: MouseEvent) => any;
+    onAfterHidden?: (_args: {
+        isShow: boolean;
+    }) => any;
+    onAfterShow?: (_args: {
+        isShow: boolean;
+    }) => any;
 }, {
     boundary: import("vue").Ref<any>;
     arrow: boolean;
     refDefaultReference: import("vue").Ref<any>;
     refContent: import("vue").Ref<any>;
     refArrow: import("vue").Ref<any>;
-    content: string | number;
+    content: string | number | HTMLElement | JSX.Element;
     theme: string;
     transBoundary: import("vue").ComputedRef<boolean>;
     handleClickOutside: (_e: MouseEvent) => void;
-    updatePopover: (virtualEl?: any, props?: {}) => void;
+    updatePopover: (virtualEl?: any, props?: {}, callFn?: any) => void;
+    resetPopover: () => void;
     hide: () => void;
     show: () => void;
     stopHide: () => void;
     contentIsShow: import("vue").ComputedRef<boolean>;
     renderContent: () => any;
+    localIsShow: import("vue").Ref<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    show: (..._args: any[]) => boolean;
-    hide: (..._args: any[]) => boolean;
-    clickoutside: (..._args: any[]) => boolean;
-    contentMouseenter: (..._args: any[]) => boolean;
-    contentMouseleave: (..._args: any[]) => boolean;
-    stopHide: (..._args: any[]) => boolean;
+    clickoutside: (_args: {
+        isShow: boolean;
+        event: MouseEvent;
+    }) => boolean;
+    contentMouseenter: (e: MouseEvent) => MouseEvent;
+    contentMouseleave: (e: MouseEvent) => MouseEvent;
+    afterHidden: (_args: {
+        isShow: boolean;
+    }) => boolean;
+    afterShow: (_args: {
+        isShow: boolean;
+    }) => boolean;
 }, string, {
     width: string | number;
     height: string | number;
     maxHeight: string | number;
+    maxWidth: string | number;
     extCls: string;
     arrow: boolean;
     isShow: boolean;
     always: boolean;
     disabled: boolean;
-    content: string | number;
+    content: string | number | HTMLElement | JSX.Element;
     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";
     theme: string;
@@ -614,9 +698,10 @@ declare const BkPopover: {
     autoVisibility: boolean;
     disableOutsideClick: boolean;
     disableTransform: boolean;
-    reference: any;
     modifiers: unknown[];
     popoverDelay: number | number[];
+    componentEventDelay: number;
+    forceClickoutside: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default BkPopover;
 export { default as $bkPopover } from './plugin-popover';