bkui-vue 2.0.2-beta.9 → 2.0.2-beta.90

package/lib/pop-confirm/pop-confirm.d.ts

@@ -35,6 +35,154 @@ declare const _default: import("vue").DefineComponent<{
     };
     confirmConfig: import("vue-types").VueTypeDef<import("../button").ButtonPropTypes>;
     cancelConfig: import("vue-types").VueTypeDef<import("../button").ButtonPropTypes>;
+    popoverOptions: import("vue-types").VueTypeDef<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> & {
+            default: 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;
+        };
+    }>>>;
 }, {
     popoverRef: import("vue").Ref<any>;
     visible: import("vue").Ref<boolean>;
@@ -84,6 +232,154 @@ declare const _default: import("vue").DefineComponent<{
     };
     confirmConfig: import("vue-types").VueTypeDef<import("../button").ButtonPropTypes>;
     cancelConfig: import("vue-types").VueTypeDef<import("../button").ButtonPropTypes>;
+    popoverOptions: import("vue-types").VueTypeDef<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> & {
+            default: 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;
+        };
+    }>>>;
 }>> & {
     onConfirm?: (...args: any[]) => any;
     onCancel?: (...args: any[]) => any;

package/lib/pop-confirm/pop-confirm.variable.css

@@ -98,7 +98,7 @@
   --submenu-bg-color: #151d2c;
   --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
   --menu-color: #96a2b9;
-  --menu-group-color: var(--default-color);
+  --menu-group-color: #6E788B;
   --menu-width: 260px;
   --menu-collapse-width: 60px;
   --menu-active-color: white;
@@ -127,6 +127,7 @@
   --search-select-menu-border-color: var(--disable-color);
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
+  --sub-title-bg-color: #f5f6fa;
 }
 .bk-popover.bk-pop-confirm-box {
   padding: 16px;

package/lib/pop-confirm/props.d.ts

@@ -60,5 +60,153 @@ export declare const PopConfirmProps: {
     };
     confirmConfig: import("vue-types").VueTypeDef<ButtonPropTypes>;
     cancelConfig: import("vue-types").VueTypeDef<ButtonPropTypes>;
+    popoverOptions: import("vue-types").VueTypeDef<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> & {
+            default: 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;
+        };
+    }>>>;
 };
 export default PopConfirmProps;

package/lib/popover/index.d.ts

@@ -79,7 +79,9 @@ declare const BkPopover: {
                 alignmentAxis?: number;
             });
         };
-        boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+        boundary: import("vue-types").VueTypeDef<string | HTMLElement> & {
+            default: string | (() => HTMLElement);
+        };
         zIndex: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         } & {
@@ -158,7 +160,7 @@ declare const BkPopover: {
         onContentMouseenter?: (e: MouseEvent) => any;
         onContentMouseleave?: (e: MouseEvent) => any;
     }, {
-        boundary: import("vue").Ref<any>;
+        boundary: import("vue").Ref<string>;
         arrow: boolean;
         refDefaultReference: import("vue").Ref<any>;
         refContent: import("vue").Ref<any>;
@@ -168,7 +170,6 @@ declare const BkPopover: {
         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;
@@ -271,7 +272,9 @@ declare const BkPopover: {
                 alignmentAxis?: number;
             });
         };
-        boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+        boundary: import("vue-types").VueTypeDef<string | HTMLElement> & {
+            default: string | (() => HTMLElement);
+        };
         zIndex: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         } & {
@@ -373,6 +376,7 @@ declare const BkPopover: {
             crossAxis?: number;
             alignmentAxis?: number;
         };
+        boundary: string | HTMLElement;
         zIndex: number;
         disableTeleport: boolean;
         autoPlacement: boolean;
@@ -472,7 +476,9 @@ declare const BkPopover: {
                 alignmentAxis?: number;
             });
         };
-        boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+        boundary: import("vue-types").VueTypeDef<string | HTMLElement> & {
+            default: string | (() => HTMLElement);
+        };
         zIndex: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         } & {
@@ -551,7 +557,7 @@ declare const BkPopover: {
         onContentMouseenter?: (e: MouseEvent) => any;
         onContentMouseleave?: (e: MouseEvent) => any;
     }, {
-        boundary: import("vue").Ref<any>;
+        boundary: import("vue").Ref<string>;
         arrow: boolean;
         refDefaultReference: import("vue").Ref<any>;
         refContent: import("vue").Ref<any>;
@@ -561,7 +567,6 @@ declare const BkPopover: {
         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;
@@ -595,6 +600,7 @@ declare const BkPopover: {
             crossAxis?: number;
             alignmentAxis?: number;
         };
+        boundary: string | HTMLElement;
         zIndex: number;
         disableTeleport: boolean;
         autoPlacement: boolean;
@@ -691,7 +697,9 @@ declare const BkPopover: {
             alignmentAxis?: number;
         });
     };
-    boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+    boundary: import("vue-types").VueTypeDef<string | HTMLElement> & {
+        default: string | (() => HTMLElement);
+    };
     zIndex: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     } & {
@@ -770,7 +778,7 @@ declare const BkPopover: {
     onContentMouseenter?: (e: MouseEvent) => any;
     onContentMouseleave?: (e: MouseEvent) => any;
 }, {
-    boundary: import("vue").Ref<any>;
+    boundary: import("vue").Ref<string>;
     arrow: boolean;
     refDefaultReference: import("vue").Ref<any>;
     refContent: import("vue").Ref<any>;
@@ -780,7 +788,6 @@ declare const BkPopover: {
     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;
@@ -827,6 +834,7 @@ declare const BkPopover: {
         crossAxis?: number;
         alignmentAxis?: number;
     };
+    boundary: string | HTMLElement;
     zIndex: number;
     disableTeleport: boolean;
     autoPlacement: boolean;