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

package/lib/popover/plugin-popover.d.ts

@@ -6,7 +6,7 @@ export type $Popover = PopoverPropTypes & {
 export default function createPopoverComponent(options: $Popover): {
     install: () => void;
     close: () => void;
-    show: (target?: MouseEvent | HTMLElement) => void;
+    show: (target?: HTMLElement | MouseEvent) => void;
     hide: () => void;
     update: (e: MouseEvent) => void;
     uninstall: () => void;

package/lib/popover/popover.d.ts

@@ -14,6 +14,11 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    clickContentAutoHide: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     width: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
@@ -29,14 +34,17 @@ declare const _default: import("vue").DefineComponent<{
     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;
@@ -115,6 +123,16 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         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;
     } & {
@@ -133,8 +151,10 @@ declare const _default: import("vue").DefineComponent<{
     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;
@@ -143,6 +163,7 @@ declare const _default: import("vue").DefineComponent<{
     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;
@@ -172,6 +193,11 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    clickContentAutoHide: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     width: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
@@ -187,14 +213,17 @@ declare const _default: import("vue").DefineComponent<{
     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;
@@ -273,6 +302,16 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         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;
     } & {
@@ -288,14 +327,14 @@ declare const _default: import("vue").DefineComponent<{
         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;
@@ -306,9 +345,11 @@ declare const _default: import("vue").DefineComponent<{
     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";
@@ -326,6 +367,8 @@ declare const _default: import("vue").DefineComponent<{
     disableTransform: boolean;
     modifiers: unknown[];
     popoverDelay: number | number[];
+    referenceCls: string;
+    hideIgnoreReference: boolean;
     componentEventDelay: number;
     forceClickoutside: boolean;
 }, {}>;

package/lib/popover/popover.variable.css

@@ -109,6 +109,7 @@
   --date-picker-dropdown-bg: #fff;
   --table-bg-color: var(--white-color);
   --table-border-color: #dcdee5;
+  --table-strip-color: #fafbfd;
   --table-head-bg-color: #fafbfd;
   --table-head-font-color: #313238;
   --table-body-font-color: #63656E;

package/lib/popover/props.d.ts

@@ -6,9 +6,9 @@ export declare const EventProps: {
 type IAxesOffsets = {
     mainAxis?: number;
     crossAxis?: number;
-    alignmentAxis?: number | null;
+    alignmentAxis?: null | number;
 };
-type IContent = string | number | JSX.Element | HTMLElement;
+type IContent = HTMLElement | JSX.Element | number | string;
 export declare const PopoverProps: {
     isShow: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -25,6 +25,11 @@ export declare const PopoverProps: {
     } & {
         default: boolean;
     };
+    clickContentAutoHide: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     width: import("vue-types").VueTypeDef<string | number> & {
         default: string | number;
     };
@@ -40,6 +45,9 @@ export declare const PopoverProps: {
     content: import("vue-types").VueTypeDef<IContent> & {
         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;
@@ -49,8 +57,8 @@ export declare const PopoverProps: {
     /**
      * 组件显示位置
      */
-    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;
@@ -157,6 +165,22 @@ export declare const PopoverProps: {
     } & {
         default: string;
     };
+    /**
+     * 配置自定义样式类名，传入的类会被加在 Reference 外部的 div 上
+     */
+    referenceCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    /**
+     * 点击 Reference 占位区是否忽略收起 popover
+     */
+    hideIgnoreReference: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     /**
      * 自定义Content组件渲染，point-event延迟渲染时间
      * 避免子组件point-event渲染时触发popover鼠标事件

package/lib/popover/use-floating.d.ts

@@ -10,10 +10,10 @@ declare const _default: (props: PopoverPropTypes, ctx: any, { refReference, refC
 }) => {
     showPopover: () => void;
     hidePopover: () => void;
-    resolveTriggerEvents: () => (string | (() => void))[][] | {
+    resolveTriggerEvents: () => (string | (() => void))[][][] | {
         content: (string | ((e: MouseEvent) => void))[][];
         reference: any[][];
-    };
+    }[];
     updatePopover: (virtualEl?: any, props?: {}, callFn?: any) => void;
     triggerPopover: () => void;
     resolvePopElements: () => {

package/lib/popover/use-popover-init.d.ts

@@ -6,7 +6,7 @@ declare const _default: (props: any, ctx: any, { refReference, refContent, refAr
 }) => {
     onMountedFn: () => void;
     onUnmountedFn: () => void;
-    handleClickOutside: (_e: MouseEvent) => void;
+    handleClickOutside: (_e: MouseEvent, hideIgnoreReference?: boolean) => void;
     beforeInstanceUnmount: () => void;
     updateBoundary: () => void;
     initPopInstance: () => void;
@@ -20,5 +20,6 @@ declare const _default: (props: any, ctx: any, { refReference, refContent, refAr
     isFullscreen: import("vue").Ref<boolean>;
     boundary: import("vue").Ref<any>;
     localIsShow: import("vue").Ref<boolean>;
+    uniqKey: string;
 };
 export default _default;

package/lib/popover/utils.d.ts

@@ -1,3 +1,4 @@
+export declare const ReferenceClickSharedState: Record<string, boolean>;
 export declare const isAvailableId: (query: string) => boolean;
 export declare const getFullscreenUid: () => any;
 export declare const isElement: (element: any) => boolean;
@@ -6,3 +7,4 @@ export declare const contentAsHTMLElement: (content: any) => {
     content: any;
     vNode: any;
 };
+export declare const random: () => string;

package/lib/popover2/index.d.ts

@@ -1,12 +1,87 @@
 declare const BkPopover2: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, {}, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, {}>;
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            class?: unknown;
+            style?: unknown;
+            ref?: import("vue").VNodeRef;
+            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: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, 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<{}>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;

package/lib/popover2/index.js

@@ -37,7 +37,7 @@ const shared_namespaceObject = x({ ["withInstall"]: () => __WEBPACK_EXTERNAL_MOD
 ;// CONCATENATED MODULE: external "vue"
 var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
-const external_vue_namespaceObject = external_vue_x({ ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent });
+const external_vue_namespaceObject = external_vue_x({ ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode });
 ;// CONCATENATED MODULE: ../../packages/popover2/src/popover.tsx
 
 /*
@@ -66,7 +66,7 @@ const external_vue_namespaceObject = external_vue_x({ ["createVNode"]: () => __W
  * IN THE SOFTWARE.
  */
 
-/* harmony default export */ const popover = ((0,external_vue_namespaceObject.defineComponent)({
+/* harmony default export */ const popover = (defineComponent({
   name: 'Popover2',
   setup: function setup() {
     return function () {

package/lib/preset.d.ts

@@ -288,6 +288,5 @@ declare const _default: {
             default: string;
         };
     }>>) => void;
-    version: string;
 };
 export default _default;

package/lib/preset.js

@@ -43,5 +43,4 @@ const createInstall = (prefix = 'Bk') => (app, options) => {
 export default {
     createInstall,
     install: createInstall(),
-    version: '0.0.1',
 };