bkui-vue 0.0.3-beta.4 → 0.0.3-beta.6

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

@@ -1,39 +1,39 @@
-.bk-modal-wrapper.bk-info-wrapper {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper {
   width: 440px;
 }
-.bk-modal-wrapper.bk-info-wrapper.normal {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.normal {
   width: 440px;
 }
-.bk-modal-wrapper.bk-info-wrapper.small {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.small {
   width: 400px;
 }
-.bk-modal-wrapper.bk-info-wrapper .bk-modal-body {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-body {
   border-radius: 2px;
 }
-.bk-modal-wrapper.bk-info-wrapper .bk-dialog-header {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header {
   padding: 24px 24px 0;
 }
-.bk-modal-wrapper.bk-info-wrapper .bk-dialog-header .bk-dialog-title {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
   height: 27px;
   margin: 15px 0 10px;
 }
-.bk-modal-wrapper.bk-info-wrapper .bk-modal-content {
+.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-modal-wrapper.bk-info-wrapper .bk-modal-content .bk-info-sub-title {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content .bk-info-sub-title {
   margin-bottom: 10px;
   text-align: center;
   word-break: break-all;
 }
-.bk-modal-wrapper.bk-info-wrapper .bk-modal-footer {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer {
   padding: 0 65px 33px;
   background-color: #fff;
   border-top: none;
 }
-.bk-modal-wrapper.bk-info-wrapper .bk-modal-footer .bk-dialog-footer button {
+.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

@@ -6,10 +6,10 @@ export interface ModalFuncProps {
     'ext-cls': string | string[];
     type?: 'primary' | 'warning' | 'success' | 'danger';
     infoType?: 'success' | 'danger' | 'warning' | 'loading';
-    title?: string;
+    title?: string | (() => VNode | string) | VNode;
     subTitle?: string | (() => VNode) | VNode;
-    confirmText?: string;
-    cancelText?: string;
+    confirmText?: string | (() => VNode) | VNode;
+    cancelText?: string | (() => VNode) | VNode;
     onConfirm?: (...args: any[]) => any;
     onClosed?: (...args: any[]) => any;
     boundary?: HTMLElement;
@@ -27,6 +27,7 @@ export interface ModalFuncProps {
 declare const InfoBox: (config: Partial<ModalFuncProps>) => {
     show: () => void;
     hide: () => void;
+    update: (config: Partial<ModalFuncProps>) => void;
     destroy: () => void;
 };
 export default InfoBox;

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

@@ -1,52 +1,55 @@
 @import '../styles/themes/themes.less';
-.@{bk-prefix}-modal-wrapper {
+.@{bk-prefix}-modal-ctx {
   &.@{bk-prefix}-info-wrapper {
-    width: 440px;
-
-    &.normal {
+    .@{bk-prefix}-modal-wrapper {
       width: 440px;
-    }
 
-    &.small {
-      width: 400px;
-    }
+      &.normal {
+        width: 440px;
+      }
 
-    .@{bk-prefix}-modal-body {
-      border-radius: 2px;
-    }
+      &.small {
+        width: 400px;
+      }
 
-    .@{bk-prefix}-dialog-header {
-      padding: 24px 24px 0;
+      .@{bk-prefix}-modal-body {
+        border-radius: 2px;
+      }
 
-      .@{bk-prefix}-dialog-title {
-        height: 27px;
-        margin: 15px 0 10px;
+      .@{bk-prefix}-dialog-header {
+        padding: 24px 24px 0;
+
+        .@{bk-prefix}-dialog-title {
+          height: 27px;
+          margin: 15px 0 10px;
+        }
       }
-    }
 
-    .@{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;
+      .@{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}-modal-footer {
+        padding: 0 65px 33px;
+        background-color: #fff;
+        border-top: none;
 
-      .@{bk-prefix}-dialog-footer {
-        button {
-          min-width: 88px;
+        .@{bk-prefix}-dialog-footer {
+          button {
+            min-width: 88px;
+          }
         }
       }
     }
+
   }
 }

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

@@ -124,42 +124,42 @@
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
 }
-.bk-modal-wrapper.bk-info-wrapper {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper {
   width: 440px;
 }
-.bk-modal-wrapper.bk-info-wrapper.normal {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.normal {
   width: 440px;
 }
-.bk-modal-wrapper.bk-info-wrapper.small {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.small {
   width: 400px;
 }
-.bk-modal-wrapper.bk-info-wrapper .bk-modal-body {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-body {
   border-radius: 2px;
 }
-.bk-modal-wrapper.bk-info-wrapper .bk-dialog-header {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header {
   padding: 24px 24px 0;
 }
-.bk-modal-wrapper.bk-info-wrapper .bk-dialog-header .bk-dialog-title {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
   height: 27px;
   margin: 15px 0 10px;
 }
-.bk-modal-wrapper.bk-info-wrapper .bk-modal-content {
+.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-modal-wrapper.bk-info-wrapper .bk-modal-content .bk-info-sub-title {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content .bk-info-sub-title {
   margin-bottom: 10px;
   text-align: center;
   word-break: break-all;
 }
-.bk-modal-wrapper.bk-info-wrapper .bk-modal-footer {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer {
   padding: 0 65px 33px;
   background-color: #fff;
   border-top: none;
 }
-.bk-modal-wrapper.bk-info-wrapper .bk-modal-footer .bk-dialog-footer button {
+.bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-footer button {
   min-width: 88px;
 }

package/lib/loading/index.d.ts

@@ -16,7 +16,7 @@ declare const BkLoading: {
             class?: unknown;
             style?: unknown;
             ref?: import("vue").VNodeRef;
-            readonly theme?: "white" | "success" | "warning" | "danger" | "primary";
+            readonly theme?: "default" | "white" | "success" | "warning" | "danger" | "primary";
             key?: string | number | symbol;
             ref_for?: boolean;
             ref_key?: string;
@@ -88,7 +88,7 @@ declare const BkLoading: {
                 default: boolean;
             };
             theme: {
-                type: import("vue").PropType<"white" | "success" | "warning" | "danger" | "primary">;
+                type: import("vue").PropType<"default" | "white" | "success" | "warning" | "danger" | "primary">;
             };
             title: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
@@ -168,7 +168,7 @@ declare const BkLoading: {
             default: boolean;
         };
         theme: {
-            type: import("vue").PropType<"white" | "success" | "warning" | "danger" | "primary">;
+            type: import("vue").PropType<"default" | "white" | "success" | "warning" | "danger" | "primary">;
         };
         title: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -222,7 +222,7 @@ declare const BkLoading: {
         default: boolean;
     };
     theme: {
-        type: import("vue").PropType<"white" | "success" | "warning" | "danger" | "primary">;
+        type: import("vue").PropType<"default" | "white" | "success" | "warning" | "danger" | "primary">;
     };
     title: import("vue-types").VueTypeValidableDef<string> & {
         default: string;

package/lib/loading/loading.d.ts

@@ -25,7 +25,7 @@ export declare const loadingTypes: {
         default: boolean;
     };
     theme: {
-        type: PropType<"white" | "success" | "warning" | "danger" | "primary">;
+        type: PropType<"default" | "white" | "success" | "warning" | "danger" | "primary">;
     };
     title: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -77,7 +77,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     theme: {
-        type: PropType<"white" | "success" | "warning" | "danger" | "primary">;
+        type: PropType<"default" | "white" | "success" | "warning" | "danger" | "primary">;
     };
     title: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -127,7 +127,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     theme: {
-        type: PropType<"white" | "success" | "warning" | "danger" | "primary">;
+        type: PropType<"default" | "white" | "success" | "warning" | "danger" | "primary">;
     };
     title: import("vue-types").VueTypeValidableDef<string> & {
         default: string;

package/lib/locale/index.js

@@ -188,7 +188,7 @@ var en = {
     pleaseSelect: 'Please Select',
     noData: 'No data',
     emptyText: 'No Data'
-  }
+  },
   // exception: {
   //   403: 'Forbidden',
   //   404: 'Not Found',
@@ -231,11 +231,10 @@ var en = {
   //   prev: 'prev',
   //   next: 'next',
   // },
-  // versionDetail: {
-  //   currentTagText: 'Current',
-  // },
+  versionLog: {
+    current: 'Current'
+  }
 };
-
 /* harmony default export */ const lang_en = (en);
 ;// CONCATENATED MODULE: ../../packages/locale/src/lang/zh-cn.ts
 /*
@@ -397,7 +396,7 @@ var zhCn = {
     pleaseSelect: '请选择',
     noData: '无数据',
     emptyText: '暂无搜索结果'
-  }
+  },
   // exception: {
   //   403: '无业务权限',
   //   404: '页面不存在',
@@ -440,11 +439,10 @@ var zhCn = {
   //   prev: 'prev',
   //   next: 'next',
   // },
-  // versionDetail: {
-  //   currentTagText: '当前版本',
-  // },
+  versionLog: {
+    current: '当前版本'
+  }
 };
-
 /* harmony default export */ const zh_cn = (zhCn);
 ;// CONCATENATED MODULE: ../../packages/locale/src/index.ts
 /*

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

@@ -129,6 +129,9 @@ declare const en: {
         noData: string;
         emptyText: string;
     };
+    versionLog: {
+        current: string;
+    };
 };
 export type Language = typeof en;
 export default en;

package/lib/modal/index.d.ts

@@ -2,34 +2,32 @@ import { propsMixin } from './props.mixin';
 declare const BkModal: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
-        $data: {
-            visible: boolean;
-            closeTimer: any;
-            bkPopIndexManager: any;
-        };
+        $data: {};
         $props: {
             title?: string;
             width?: string | number;
             height?: string | number;
             maxHeight?: string;
             extCls?: string | unknown[];
+            top?: string;
+            left?: string;
             isShow?: boolean;
-            zIndex?: string | number;
             draggable?: boolean;
             transfer?: string | boolean | HTMLElement;
-            showMask?: boolean;
-            multiInstance?: boolean;
             direction?: string;
             renderDirective?: "show" | "if";
             quickClose?: boolean;
             scrollable?: boolean;
+            showMask?: boolean;
             closeIcon?: boolean;
             escClose?: boolean;
             fullscreen?: boolean;
             animateType?: string;
+            multiInstance?: boolean;
             class?: unknown;
             style?: unknown;
             ref?: import("vue").VNodeRef;
+            readonly zIndex?: string | number;
             key?: string | number | symbol;
             ref_for?: boolean;
             ref_key?: string;
@@ -79,7 +77,7 @@ declare const BkModal: {
             "onQuick-close"?: (...args: any[]) => any;
             onQuickClose?: (...args: any[]) => any;
             readonly beforeClose?: unknown;
-            readonly infoType?: "loading" | "success" | "warning" | "danger";
+            readonly infoType?: "success" | "warning" | "danger" | "primary";
         };
         $attrs: {
             [x: string]: unknown;
@@ -150,9 +148,7 @@ declare const BkModal: {
             transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
                 default: string | boolean | (() => HTMLElement);
             };
-            zIndex: import("vue-types").VueTypeDef<string | number> & {
-                default: string | number;
-            };
+            zIndex: import("vue-types").VueTypeDef<string | number>;
             maxHeight: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
             };
@@ -179,44 +175,60 @@ declare const BkModal: {
             } & {
                 default: boolean;
             };
-            infoType: import("vue-types").VueTypeDef<"loading" | "success" | "warning" | "danger">;
+            infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
+            left: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            top: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
         }>> & {
             onClose?: (...args: any[]) => any;
             onShown?: (...args: any[]) => any;
             onHidden?: (...args: any[]) => any;
             "onQuick-close"?: (...args: any[]) => any;
             onQuickClose?: (...args: any[]) => any;
-        }, unknown, {
-            visible: boolean;
-            closeTimer: any;
-            bkPopIndexManager: any;
-        }, {
-            dialogWidth(): String | Number;
-            dialogHeight(): String | Number;
-            compStyle(): any;
-            fullscreenStyle(): any;
         }, {
-            handleClickOutSide(): void;
-        }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "shown" | "hidden" | "quick-close" | "quickClose")[], string, {
+            visible: import("vue").Ref<boolean>;
+            compStyle: import("vue").ComputedRef<{
+                [x: string]: string | number;
+                width: string | number;
+                height: string | number;
+                minHeigth: string;
+                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")[], string, {
             title: string;
             width: string | number;
             height: string | number;
             maxHeight: string;
             extCls: string | unknown[];
+            top: string;
+            left: string;
             isShow: boolean;
-            zIndex: string | number;
             draggable: boolean;
             transfer: string | boolean | HTMLElement;
-            showMask: boolean;
-            multiInstance: boolean;
             direction: string;
             renderDirective: "show" | "if";
             quickClose: boolean;
             scrollable: boolean;
+            showMask: boolean;
             closeIcon: boolean;
             escClose: boolean;
             fullscreen: boolean;
             animateType: string;
+            multiInstance: boolean;
         }, {}, string, {}> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -293,9 +305,7 @@ declare const BkModal: {
         transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
             default: string | boolean | (() => HTMLElement);
         };
-        zIndex: import("vue-types").VueTypeDef<string | number> & {
-            default: string | number;
-        };
+        zIndex: import("vue-types").VueTypeDef<string | number>;
         maxHeight: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
@@ -322,25 +332,40 @@ declare const BkModal: {
         } & {
             default: boolean;
         };
-        infoType: import("vue-types").VueTypeDef<"loading" | "success" | "warning" | "danger">;
+        infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
+        left: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        top: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
     }>> & {
         onClose?: (...args: any[]) => any;
         onShown?: (...args: any[]) => any;
         onHidden?: (...args: any[]) => any;
         "onQuick-close"?: (...args: any[]) => any;
         onQuickClose?: (...args: any[]) => any;
-    } & import("vue").ShallowUnwrapRef<{}> & {
-        visible: boolean;
-        closeTimer: any;
-        bkPopIndexManager: any;
-    } & {
-        dialogWidth: String | Number;
-        dialogHeight: String | Number;
-        compStyle: any;
-        fullscreenStyle: any;
-    } & {
-        handleClickOutSide(): void;
-    } & import("vue").ComponentCustomProperties & {};
+    } & import("vue").ShallowUnwrapRef<{
+        visible: import("vue").Ref<boolean>;
+        compStyle: import("vue").ComputedRef<{
+            [x: string]: string | number;
+            width: string | number;
+            height: string | number;
+            minHeigth: string;
+            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;
+    }> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
@@ -400,9 +425,7 @@ declare const BkModal: {
     transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
         default: string | boolean | (() => HTMLElement);
     };
-    zIndex: import("vue-types").VueTypeDef<string | number> & {
-        default: string | number;
-    };
+    zIndex: import("vue-types").VueTypeDef<string | number>;
     maxHeight: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -429,44 +452,60 @@ declare const BkModal: {
     } & {
         default: boolean;
     };
-    infoType: import("vue-types").VueTypeDef<"loading" | "success" | "warning" | "danger">;
+    infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
+    left: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    top: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
 }>> & {
     onClose?: (...args: any[]) => any;
     onShown?: (...args: any[]) => any;
     onHidden?: (...args: any[]) => any;
     "onQuick-close"?: (...args: any[]) => any;
     onQuickClose?: (...args: any[]) => any;
-}, unknown, {
-    visible: boolean;
-    closeTimer: any;
-    bkPopIndexManager: any;
 }, {
-    dialogWidth(): String | Number;
-    dialogHeight(): String | Number;
-    compStyle(): any;
-    fullscreenStyle(): any;
-}, {
-    handleClickOutSide(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "shown" | "hidden" | "quick-close" | "quickClose")[], "close" | "shown" | "hidden" | "quick-close" | "quickClose", {
+    visible: import("vue").Ref<boolean>;
+    compStyle: import("vue").ComputedRef<{
+        [x: string]: string | number;
+        width: string | number;
+        height: string | number;
+        minHeigth: string;
+        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", {
     title: string;
     width: string | number;
     height: string | number;
     maxHeight: string;
     extCls: string | unknown[];
+    top: string;
+    left: string;
     isShow: boolean;
-    zIndex: string | number;
     draggable: boolean;
     transfer: string | boolean | HTMLElement;
-    showMask: boolean;
-    multiInstance: boolean;
     direction: string;
     renderDirective: "show" | "if";
     quickClose: boolean;
     scrollable: boolean;
+    showMask: boolean;
     closeIcon: boolean;
     escClose: boolean;
     fullscreen: boolean;
     animateType: string;
+    multiInstance: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Readonly<{
     propsMixin: {
         isShow: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -524,9 +563,7 @@ declare const BkModal: {
         transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
             default: string | boolean | (() => HTMLElement);
         };
-        zIndex: import("vue-types").VueTypeDef<string | number> & {
-            default: string | number;
-        };
+        zIndex: import("vue-types").VueTypeDef<string | number>;
         maxHeight: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
@@ -553,7 +590,13 @@ declare const BkModal: {
         } & {
             default: boolean;
         };
-        infoType: import("vue-types").VueTypeDef<"loading" | "success" | "warning" | "danger">;
+        infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
+        left: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        top: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
     };
 }>;
 export default BkModal;