bkui-vue 1.0.3-beta.7 → 1.0.3-beta.70

package/lib/info-box/info-box.css

@@ -1,39 +1,13 @@
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper {
+.bk-info-wrapper .bk-modal-wrapper {
   width: 440px;
 }
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.normal {
-  width: 440px;
-}
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.small {
-  width: 400px;
-}
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-body {
-  border-radius: 2px;
-}
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header {
-  padding: 24px 24px 0;
-}
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
-  height: 27px;
-  margin: 15px 0 10px;
+.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
+  margin-top: 16px;
 }
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content {
-  height: 100%;
-  max-height: 100%;
-  min-height: 100%;
-  padding: 0 50px 10px;
-  word-break: break-all;
+.bk-info-wrapper .bk-dialog-footer button {
+  min-width: 88px;
 }
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content .bk-info-sub-title {
-  margin-bottom: 10px;
+.bk-info-sub-title {
   text-align: center;
   word-break: break-all;
 }
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer {
-  padding: 0 65px 33px;
-  background-color: #fff;
-  border-top: none;
-}
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-footer button {
-  min-width: 88px;
-}

package/lib/info-box/info-box.d.ts

@@ -4,7 +4,7 @@ export interface ModalFuncProps {
     width?: string | number;
     height?: string | number;
     'ext-cls': string | string[];
-    type?: 'primary' | 'warning' | 'success' | 'danger';
+    theme?: 'primary' | 'warning' | 'success' | 'danger';
     infoType?: 'success' | 'danger' | 'warning' | 'loading';
     title?: string | (() => VNode | string) | VNode;
     subTitle?: string | (() => VNode) | VNode;

package/lib/info-box/info-box.less

@@ -1,55 +1,24 @@
 @import '../styles/themes/themes.less';
-.@{bk-prefix}-modal-ctx {
-  &.@{bk-prefix}-info-wrapper {
-    .@{bk-prefix}-modal-wrapper {
-      width: 440px;
 
-      &.normal {
-        width: 440px;
-      }
-
-      &.small {
-        width: 400px;
-      }
-
-      .@{bk-prefix}-modal-body {
-        border-radius: 2px;
-      }
-
-      .@{bk-prefix}-dialog-header {
-        padding: 24px 24px 0;
-
-        .@{bk-prefix}-dialog-title {
-          height: 27px;
-          margin: 15px 0 10px;
-        }
-      }
+&.@{bk-prefix}-info-wrapper {
+  .@{bk-prefix}-modal-wrapper {
+    width: 440px;
 
-      .@{bk-prefix}-modal-content {
-        height: 100%;
-        max-height: 100%;
-        min-height: 100%;
-        padding: 0 50px 10px;
-        word-break: break-all;
-        .@{bk-prefix}-info-sub-title {
-          margin-bottom: 10px;
-          text-align: center;
-          word-break: break-all;
-        }
-      }
-
-      .@{bk-prefix}-modal-footer {
-        padding: 0 65px 33px;
-        background-color: #fff;
-        border-top: none;
-
-        .@{bk-prefix}-dialog-footer {
-          button {
-            min-width: 88px;
-          }
-        }
+    .@{bk-prefix}-dialog-header {
+      .@{bk-prefix}-dialog-title {
+        margin-top: 16px;
       }
     }
+  }
 
+  .@{bk-prefix}-dialog-footer {
+    button {
+      min-width: 88px;
+    }
   }
 }
+
+.@{bk-prefix}-info-sub-title {
+  text-align: center;
+  word-break: break-all;
+}

package/lib/info-box/info-box.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,43 +124,19 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper {
+.bk-info-wrapper .bk-modal-wrapper {
   width: 440px;
 }
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.normal {
-  width: 440px;
-}
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.small {
-  width: 400px;
-}
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-body {
-  border-radius: 2px;
-}
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header {
-  padding: 24px 24px 0;
-}
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
-  height: 27px;
-  margin: 15px 0 10px;
+.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
+  margin-top: 16px;
 }
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content {
-  height: 100%;
-  max-height: 100%;
-  min-height: 100%;
-  padding: 0 50px 10px;
-  word-break: break-all;
+.bk-info-wrapper .bk-dialog-footer button {
+  min-width: 88px;
 }
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content .bk-info-sub-title {
-  margin-bottom: 10px;
+.bk-info-sub-title {
   text-align: center;
   word-break: break-all;
 }
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer {
-  padding: 0 65px 33px;
-  background-color: #fff;
-  border-top: none;
-}
-.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-footer button {
-  min-width: 88px;
-}

package/lib/input/index.js

@@ -948,6 +948,11 @@ var inputEmitEventsType = (_inputEmitEventsType = {}, _defineProperty(_definePro
       });
     });
     var tooltips = (0,external_vue_namespaceObject.computed)(function () {
+      if (showMaxLimit.value && ceilMaxLength.value - modelValueLength.value === 0) {
+        return {
+          content: t.value.maxlengthLimitTips
+        };
+      }
       return props.showOverflowTooltips && isOverflow.value && props.modelValue ? {
         content: props.modelValue,
         sameWidth: true

package/lib/input/input.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/link/link.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-link {
   font-size: var(--font-size-medium);

package/lib/loading/loading.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/locale/index.js

@@ -173,7 +173,8 @@ var en = {
     uploadLabel: 'Upload Files'
   },
   input: {
-    placeholder: 'Please input'
+    placeholder: 'Please input',
+    maxlengthLimitTips: 'Reached character limit'
   },
   tagInput: {
     placeholder: 'Please input and press ENTER to finish'
@@ -380,7 +381,8 @@ var zhCn = {
     uploadLabel: '上传文件'
   },
   input: {
-    placeholder: '请输入'
+    placeholder: '请输入',
+    maxlengthLimitTips: '已达到字数上限'
   },
   tagInput: {
     placeholder: '请输入并按Enter结束'

package/lib/locale/lang/en.d.ts

@@ -114,6 +114,7 @@ declare const en: {
     };
     input: {
         placeholder: string;
+        maxlengthLimitTips: string;
     };
     tagInput: {
         placeholder: string;

package/lib/menu/menu.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/menu/submenu.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-menu {
   display: block;

package/lib/message/message.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-message {
   position: fixed;

package/lib/modal/hooks.d.ts

@@ -0,0 +1,6 @@
+import { type Ref } from 'vue';
+import type { ModalProps } from './modal';
+export declare const useContentResize: (root: Ref<HTMLElement>, resizeTarget: Ref<HTMLElement>, props: ModalProps) => {
+    contentStyles: Ref<{}>;
+    isContentScroll: Ref<boolean>;
+};

package/lib/modal/index.d.ts

@@ -62,6 +62,8 @@ declare const BkModal: {
         };
         direction: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
+        } & {
+            default: string;
         };
         title: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -84,39 +86,43 @@ declare const BkModal: {
             default: boolean;
         };
         infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
+        bodyClass: (import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+            default: () => unknown[];
+        });
         left: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
         top: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
+        hiddenDelay: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
     }>> & {
         onClose?: (...args: any[]) => any;
-        onShown?: (...args: any[]) => any;
         onHidden?: (...args: any[]) => any;
-        "onQuick-close"?: (...args: any[]) => any;
+        onShown?: (...args: any[]) => any;
         onQuickClose?: (...args: any[]) => any;
+        "onQuick-close"?: (...args: any[]) => any;
     }, {
+        zIndex: import("vue").Ref<string | number>;
         visible: import("vue").Ref<boolean>;
-        compStyle: import("vue").ComputedRef<{
-            [x: string]: string | number;
-            width: string | number;
-            height: string | number;
-            minHeigth: string;
+        contentStyles: import("vue").Ref<{}>;
+        isContentScroll: import("vue").Ref<boolean>;
+        modalWrapperStyles: import("vue").ComputedRef<{
             display: string;
-            zIndex: string | number;
-            left: string;
-            top: string;
-        }>;
-        fullscreenStyle: import("vue").ComputedRef<{
-            width: string;
-            height: string;
         }>;
         handleClickOutSide: (e: MouseEvent) => void;
         refRoot: import("vue").Ref<HTMLElement>;
         refMask: import("vue").Ref<HTMLElement>;
-        showMask: boolean;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "shown" | "hidden" | "quick-close" | "quickClose")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        resolveClassName: (cls: string) => string;
+        close: () => void;
+        resizeTargetRef: import("vue").Ref<HTMLElement>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "hidden" | "shown" | "quickClose" | "quick-close")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         isShow: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -178,6 +184,8 @@ declare const BkModal: {
         };
         direction: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
+        } & {
+            default: string;
         };
         title: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -200,18 +208,28 @@ declare const BkModal: {
             default: boolean;
         };
         infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
+        bodyClass: (import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+            default: () => unknown[];
+        });
         left: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
         top: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
+        hiddenDelay: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
     }>> & {
         onClose?: (...args: any[]) => any;
-        onShown?: (...args: any[]) => any;
         onHidden?: (...args: any[]) => any;
-        "onQuick-close"?: (...args: any[]) => any;
+        onShown?: (...args: any[]) => any;
         onQuickClose?: (...args: any[]) => any;
+        "onQuick-close"?: (...args: any[]) => any;
     }, {
         title: string;
         width: string | number;
@@ -225,14 +243,16 @@ declare const BkModal: {
         transfer: string | boolean | HTMLElement;
         direction: string;
         renderDirective: "show" | "if";
-        quickClose: boolean;
         scrollable: boolean;
         showMask: boolean;
         closeIcon: boolean;
         escClose: boolean;
         fullscreen: boolean;
+        quickClose: boolean;
         animateType: string;
         multiInstance: boolean;
+        bodyClass: string | unknown[];
+        hiddenDelay: number;
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -302,6 +322,8 @@ declare const BkModal: {
         };
         direction: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
+        } & {
+            default: string;
         };
         title: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -324,38 +346,42 @@ declare const BkModal: {
             default: boolean;
         };
         infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
+        bodyClass: (import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+            default: () => unknown[];
+        });
         left: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
         top: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
+        hiddenDelay: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
     }>> & {
         onClose?: (...args: any[]) => any;
-        onShown?: (...args: any[]) => any;
         onHidden?: (...args: any[]) => any;
-        "onQuick-close"?: (...args: any[]) => any;
+        onShown?: (...args: any[]) => any;
         onQuickClose?: (...args: any[]) => any;
+        "onQuick-close"?: (...args: any[]) => any;
     }, {
+        zIndex: import("vue").Ref<string | number>;
         visible: import("vue").Ref<boolean>;
-        compStyle: import("vue").ComputedRef<{
-            [x: string]: string | number;
-            width: string | number;
-            height: string | number;
-            minHeigth: string;
+        contentStyles: import("vue").Ref<{}>;
+        isContentScroll: import("vue").Ref<boolean>;
+        modalWrapperStyles: import("vue").ComputedRef<{
             display: string;
-            zIndex: string | number;
-            left: string;
-            top: string;
-        }>;
-        fullscreenStyle: import("vue").ComputedRef<{
-            width: string;
-            height: string;
         }>;
         handleClickOutSide: (e: MouseEvent) => void;
         refRoot: import("vue").Ref<HTMLElement>;
         refMask: import("vue").Ref<HTMLElement>;
-        showMask: boolean;
+        resolveClassName: (cls: string) => string;
+        close: () => void;
+        resizeTargetRef: import("vue").Ref<HTMLElement>;
     }, {}, {}, {}, {
         title: string;
         width: string | number;
@@ -369,14 +395,16 @@ declare const BkModal: {
         transfer: string | boolean | HTMLElement;
         direction: string;
         renderDirective: "show" | "if";
-        quickClose: boolean;
         scrollable: boolean;
         showMask: boolean;
         closeIcon: boolean;
         escClose: boolean;
         fullscreen: boolean;
+        quickClose: boolean;
         animateType: string;
         multiInstance: boolean;
+        bodyClass: string | unknown[];
+        hiddenDelay: number;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -443,6 +471,8 @@ declare const BkModal: {
     };
     direction: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
+    } & {
+        default: string;
     };
     title: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -465,39 +495,43 @@ declare const BkModal: {
         default: boolean;
     };
     infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
+    bodyClass: (import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    });
     left: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
     top: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
+    hiddenDelay: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
 }>> & {
     onClose?: (...args: any[]) => any;
-    onShown?: (...args: any[]) => any;
     onHidden?: (...args: any[]) => any;
-    "onQuick-close"?: (...args: any[]) => any;
+    onShown?: (...args: any[]) => any;
     onQuickClose?: (...args: any[]) => any;
+    "onQuick-close"?: (...args: any[]) => any;
 }, {
+    zIndex: import("vue").Ref<string | number>;
     visible: import("vue").Ref<boolean>;
-    compStyle: import("vue").ComputedRef<{
-        [x: string]: string | number;
-        width: string | number;
-        height: string | number;
-        minHeigth: string;
+    contentStyles: import("vue").Ref<{}>;
+    isContentScroll: import("vue").Ref<boolean>;
+    modalWrapperStyles: import("vue").ComputedRef<{
         display: string;
-        zIndex: string | number;
-        left: string;
-        top: string;
-    }>;
-    fullscreenStyle: import("vue").ComputedRef<{
-        width: string;
-        height: string;
     }>;
     handleClickOutSide: (e: MouseEvent) => void;
     refRoot: import("vue").Ref<HTMLElement>;
     refMask: import("vue").Ref<HTMLElement>;
-    showMask: boolean;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "shown" | "hidden" | "quick-close" | "quickClose")[], "close" | "shown" | "hidden" | "quick-close" | "quickClose", {
+    resolveClassName: (cls: string) => string;
+    close: () => void;
+    resizeTargetRef: import("vue").Ref<HTMLElement>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "hidden" | "shown" | "quickClose" | "quick-close")[], "close" | "hidden" | "shown" | "quickClose" | "quick-close", {
     title: string;
     width: string | number;
     height: string | number;
@@ -510,14 +544,16 @@ declare const BkModal: {
     transfer: string | boolean | HTMLElement;
     direction: string;
     renderDirective: "show" | "if";
-    quickClose: boolean;
     scrollable: boolean;
     showMask: boolean;
     closeIcon: boolean;
     escClose: boolean;
     fullscreen: boolean;
+    quickClose: boolean;
     animateType: string;
     multiInstance: boolean;
+    bodyClass: string | unknown[];
+    hiddenDelay: number;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Readonly<{
     propsMixin: {
         isShow: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -581,6 +617,8 @@ declare const BkModal: {
         };
         direction: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
+        } & {
+            default: string;
         };
         title: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -603,12 +641,22 @@ declare const BkModal: {
             default: boolean;
         };
         infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
+        bodyClass: (import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+            default: () => unknown[];
+        });
         left: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
         top: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
+        hiddenDelay: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
     };
 }>;
 export default BkModal;