bkui-vue 2.0.1-beta.11 → 2.0.1-beta.110

package/lib/popover/index.d.ts

@@ -1,176 +1,372 @@
 declare const BkPopover: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        isShow: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        always: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        width: import("vue-types").VueTypeDef<string | number> & {
-            default: string | number;
-        };
-        height: import("vue-types").VueTypeDef<string | number> & {
-            default: string | number;
-        };
-        maxWidth: import("vue-types").VueTypeDef<string | number> & {
-            default: 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;
-        } & {
-            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";
-        };
-        theme: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "manual"> & {
-            default: "click" | "hover" | "manual";
-        };
-        renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
-            default: "auto" | "shown";
-        };
-        arrow: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        padding: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        } & {
-            default: number;
-        };
-        offset: import("vue-types").VueTypeDef<number | {
-            mainAxis?: number;
-            crossAxis?: number;
-            alignmentAxis?: number;
-        }> & {
-            default: number | (() => {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            width?: string | number;
+            height?: string | number;
+            maxHeight?: string | number;
+            maxWidth?: string | number;
+            extCls?: string;
+            arrow?: boolean;
+            isShow?: boolean;
+            always?: boolean;
+            disabled?: boolean;
+            clickContentAutoHide?: boolean;
+            content?: string | number | HTMLElement | JSX.Element;
+            renderDirective?: "if" | "show";
+            allowHtml?: boolean;
+            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";
+            renderType?: "auto" | "shown";
+            padding?: number;
+            offset?: number | {
                 mainAxis?: number;
                 crossAxis?: number;
                 alignmentAxis?: number;
-            });
-        };
-        boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
-        zIndex: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        } & {
-            default: number;
-        };
-        disableTeleport: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        autoPlacement: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        autoVisibility: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        disableOutsideClick: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        disableTransform: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        reference: import("vue-types").VueTypeValidableDef<any>;
-        modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
-            default: () => unknown[];
-        } & {
-            default: () => unknown[];
-        };
-        popoverDelay: import("vue-types").VueTypeDef<number | number[]> & {
-            default: number | (() => number[]);
-        };
-        extCls: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
-        componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        } & {
-            default: number;
-        };
-        forceClickoutside: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-    }>> & {
-        onClickoutside?: (_args: {
+            };
+            zIndex?: number;
+            disableTeleport?: boolean;
+            autoPlacement?: boolean;
+            autoVisibility?: boolean;
+            disableOutsideClick?: boolean;
+            disableTransform?: boolean;
+            modifiers?: unknown[];
+            popoverDelay?: number | number[];
+            referenceCls?: string;
+            hideIgnoreReference?: boolean;
+            componentEventDelay?: number;
+            forceClickoutside?: boolean;
+            class?: unknown;
+            style?: unknown;
+            ref?: import("vue").VNodeRef;
+            readonly target?: string | HTMLElement | PointerEvent;
+            readonly boundary?: string | HTMLElement;
+            readonly reference?: any;
+            onClickoutside?: (_args: {
+                isShow: boolean;
+                event: MouseEvent;
+            }) => any;
+            onAfterHidden?: (_args: {
+                isShow: boolean;
+            }) => any;
+            onAfterShow?: (_args: {
+                isShow: boolean;
+            }) => any;
+            onContentMouseenter?: (e: MouseEvent) => any;
+            onContentMouseleave?: (e: MouseEvent) => any;
+            key?: string | number | symbol;
+            ref_for?: boolean;
+            ref_key?: string;
+            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[];
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any>;
+        }>;
+        $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.CLICK_OUTSIDE, _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 | HTMLElement | JSX.Element;
-        theme: string;
-        transBoundary: import("vue").ComputedRef<boolean>;
-        handleClickOutside: (_e: MouseEvent) => 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, {
-        clickoutside: (_args: {
+        }) => void) & ((event: import("./const").EMIT_EVENTS.CONTENT_AfterHidden, _args: {
             isShow: boolean;
-            event: MouseEvent;
-        }) => boolean;
-        contentMouseenter: (e: MouseEvent) => MouseEvent;
-        contentMouseleave: (e: MouseEvent) => MouseEvent;
-        afterHidden: (_args: {
+        }) => void) & ((event: import("./const").EMIT_EVENTS.CONTENT_AfterShow, _args: {
             isShow: boolean;
-        }) => boolean;
-        afterShow: (_args: {
+        }) => void) & ((event: import("./const").EMIT_EVENTS.CONTENT_MOUSEENTER, e: MouseEvent) => void) & ((event: import("./const").EMIT_EVENTS.CONTENT_MOUSELEAVE, e: MouseEvent) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            always: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            clickContentAutoHide: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            width: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            height: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            maxWidth: import("vue-types").VueTypeDef<string | number> & {
+                default: 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);
+            };
+            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-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";
+            };
+            renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
+                default: "auto" | "shown";
+            };
+            arrow: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            padding: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            offset: import("vue-types").VueTypeDef<number | {
+                mainAxis?: number;
+                crossAxis?: number;
+                alignmentAxis?: number;
+            }> & {
+                default: number | (() => {
+                    mainAxis?: number;
+                    crossAxis?: number;
+                    alignmentAxis?: number;
+                });
+            };
+            boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+            zIndex: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            disableTeleport: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            autoPlacement: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            autoVisibility: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            disableOutsideClick: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            disableTransform: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            reference: import("vue-types").VueTypeValidableDef<any>;
+            modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
+                default: () => unknown[];
+            } & {
+                default: () => unknown[];
+            };
+            popoverDelay: import("vue-types").VueTypeDef<number | number[]> & {
+                default: number | (() => number[]);
+            };
+            extCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            referenceCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            forceClickoutside: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+        }>> & {
+            onClickoutside?: (_args: {
+                isShow: boolean;
+                event: 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;
+            refDefaultReference: import("vue").Ref<any>;
+            refContent: import("vue").Ref<any>;
+            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, hideIgnoreReference?: boolean) => 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>;
+            handleClickReferenceWraper: () => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            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;
-        }) => boolean;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            always: boolean;
+            disabled: boolean;
+            clickContentAutoHide: boolean;
+            content: string | number | HTMLElement | JSX.Element;
+            renderDirective: "if" | "show";
+            allowHtml: boolean;
+            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";
+            renderType: "auto" | "shown";
+            padding: number;
+            offset: number | {
+                mainAxis?: number;
+                crossAxis?: number;
+                alignmentAxis?: number;
+            };
+            zIndex: number;
+            disableTeleport: boolean;
+            autoPlacement: boolean;
+            autoVisibility: boolean;
+            disableOutsideClick: boolean;
+            disableTransform: boolean;
+            modifiers: unknown[];
+            popoverDelay: number | number[];
+            referenceCls: string;
+            hideIgnoreReference: boolean;
+            componentEventDelay: number;
+            forceClickoutside: boolean;
+        }, {}, string, {}> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $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<{
         isShow: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -186,6 +382,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,14 +402,17 @@ 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;
@@ -287,185 +491,16 @@ 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;
-        };
-    }>> & {
-        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;
-    }, {
-        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 | 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;
-        trigger: "click" | "hover" | "manual";
-        renderType: "auto" | "shown";
-        padding: number;
-        offset: number | {
-            mainAxis?: number;
-            crossAxis?: number;
-            alignmentAxis?: number;
-        };
-        zIndex: number;
-        disableTeleport: boolean;
-        autoPlacement: boolean;
-        autoVisibility: boolean;
-        disableOutsideClick: boolean;
-        disableTransform: boolean;
-        modifiers: unknown[];
-        popoverDelay: number | number[];
-        componentEventDelay: number;
-        forceClickoutside: boolean;
-    }, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        isShow: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        always: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        width: import("vue-types").VueTypeDef<string | number> & {
-            default: string | number;
-        };
-        height: import("vue-types").VueTypeDef<string | number> & {
-            default: string | number;
-        };
-        maxWidth: import("vue-types").VueTypeDef<string | number> & {
-            default: 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;
-        } & {
-            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";
-        };
-        theme: import("vue-types").VueTypeValidableDef<string> & {
+        referenceCls: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         } & {
             default: string;
         };
-        trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "manual"> & {
-            default: "click" | "hover" | "manual";
-        };
-        renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
-            default: "auto" | "shown";
-        };
-        arrow: import("vue-types").VueTypeValidableDef<boolean> & {
+        hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
             default: boolean;
         };
-        padding: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        } & {
-            default: number;
-        };
-        offset: import("vue-types").VueTypeDef<number | {
-            mainAxis?: number;
-            crossAxis?: number;
-            alignmentAxis?: number;
-        }> & {
-            default: number | (() => {
-                mainAxis?: number;
-                crossAxis?: number;
-                alignmentAxis?: number;
-            });
-        };
-        boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
-        zIndex: import("vue-types").VueTypeValidableDef<number> & {
-            default: number;
-        } & {
-            default: number;
-        };
-        disableTeleport: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        autoPlacement: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        autoVisibility: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        disableOutsideClick: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        disableTransform: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
-        reference: import("vue-types").VueTypeValidableDef<any>;
-        modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
-            default: () => unknown[];
-        } & {
-            default: () => unknown[];
-        };
-        popoverDelay: import("vue-types").VueTypeDef<number | number[]> & {
-            default: number | (() => number[]);
-        };
-        extCls: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        } & {
-            default: string;
-        };
         componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         } & {
@@ -481,15 +516,15 @@ 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;
+    } & import("vue").ShallowUnwrapRef<{
         boundary: import("vue").Ref<any>;
         arrow: boolean;
         refDefaultReference: import("vue").Ref<any>;
@@ -497,8 +532,10 @@ 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>;
-        handleClickOutside: (_e: MouseEvent) => void;
+        handleClickContent: () => void;
+        handleClickOutside: (_e: MouseEvent, hideIgnoreReference?: boolean) => void;
         updatePopover: (virtualEl?: any, props?: {}, callFn?: any) => void;
         resetPopover: () => void;
         hide: () => void;
@@ -507,39 +544,8 @@ declare const BkPopover: {
         contentIsShow: import("vue").ComputedRef<boolean>;
         renderContent: () => any;
         localIsShow: import("vue").Ref<boolean>;
-    }, {}, {}, {}, {
-        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 | 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;
-        trigger: "click" | "hover" | "manual";
-        renderType: "auto" | "shown";
-        padding: number;
-        offset: number | {
-            mainAxis?: number;
-            crossAxis?: number;
-            alignmentAxis?: number;
-        };
-        zIndex: number;
-        disableTeleport: boolean;
-        autoPlacement: boolean;
-        autoVisibility: boolean;
-        disableOutsideClick: boolean;
-        disableTransform: boolean;
-        modifiers: unknown[];
-        popoverDelay: number | number[];
-        componentEventDelay: number;
-        forceClickoutside: boolean;
-    }>;
+        handleClickReferenceWraper: () => void;
+    }> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -559,6 +565,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,14 +585,17 @@ 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;
@@ -660,6 +674,16 @@ declare const BkPopover: {
     } & {
         default: string;
     };
+    referenceCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     } & {
@@ -675,14 +699,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,8 +715,10 @@ 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>;
-    handleClickOutside: (_e: MouseEvent) => void;
+    handleClickContent: () => void;
+    handleClickOutside: (_e: MouseEvent, hideIgnoreReference?: boolean) => void;
     updatePopover: (virtualEl?: any, props?: {}, callFn?: any) => void;
     resetPopover: () => void;
     hide: () => void;
@@ -701,6 +727,7 @@ declare const BkPopover: {
     contentIsShow: import("vue").ComputedRef<boolean>;
     renderContent: () => any;
     localIsShow: import("vue").Ref<boolean>;
+    handleClickReferenceWraper: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     clickoutside: (_args: {
         isShow: boolean;
@@ -724,9 +751,11 @@ 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";
     renderType: "auto" | "shown";
@@ -744,6 +773,8 @@ declare const BkPopover: {
     disableTransform: boolean;
     modifiers: unknown[];
     popoverDelay: number | number[];
+    referenceCls: string;
+    hideIgnoreReference: boolean;
     componentEventDelay: number;
     forceClickoutside: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;