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

package/lib/dialog/index.d.ts

@@ -8,21 +8,22 @@ declare const BkDialog: {
             height?: string | number;
             maxHeight?: string;
             extCls?: string | unknown[];
+            top?: string;
+            left?: string;
             isShow?: boolean;
             theme?: "success" | "warning" | "danger" | "primary";
-            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;
             confirmText?: string;
             cancelText?: string;
             prevText?: string;
@@ -35,6 +36,7 @@ declare const BkDialog: {
             class?: unknown;
             style?: unknown;
             ref?: import("vue").VNodeRef;
+            readonly zIndex?: string | number;
             key?: string | number | symbol;
             ref_for?: boolean;
             ref_key?: string;
@@ -79,7 +81,7 @@ declare const BkDialog: {
             readonly size?: "small" | "medium" | "large" | "normal";
             readonly dialogType?: "show" | "process" | "operation" | "confirm";
             readonly beforeClose?: unknown;
-            readonly infoType?: "loading" | "success" | "warning" | "danger";
+            readonly infoType?: "success" | "warning" | "danger" | "primary";
             onConfirm?: (...args: any[]) => any;
             onPrev?: (...args: any[]) => any;
             onNext?: (...args: any[]) => any;
@@ -196,9 +198,7 @@ declare const BkDialog: {
             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;
             };
@@ -219,7 +219,13 @@ declare const BkDialog: {
             } & {
                 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;
+            };
         }>> & {
             onConfirm?: (...args: any[]) => any;
             onPrev?: (...args: any[]) => any;
@@ -255,21 +261,22 @@ declare const BkDialog: {
             height: string | number;
             maxHeight: string;
             extCls: string | unknown[];
+            top: string;
+            left: string;
             isShow: boolean;
             theme: "success" | "warning" | "danger" | "primary";
-            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;
             confirmText: string;
             cancelText: string;
             prevText: string;
@@ -395,9 +402,7 @@ declare const BkDialog: {
         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;
         };
@@ -418,7 +423,13 @@ declare const BkDialog: {
         } & {
             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;
+        };
     }>> & {
         onConfirm?: (...args: any[]) => any;
         onPrev?: (...args: any[]) => any;
@@ -548,9 +559,7 @@ declare const BkDialog: {
     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;
     };
@@ -571,7 +580,13 @@ declare const BkDialog: {
     } & {
         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;
+    };
 }>> & {
     onConfirm?: (...args: any[]) => any;
     onPrev?: (...args: any[]) => any;
@@ -607,21 +622,22 @@ declare const BkDialog: {
     height: string | number;
     maxHeight: string;
     extCls: string | unknown[];
+    top: string;
+    left: string;
     isShow: boolean;
     theme: "success" | "warning" | "danger" | "primary";
-    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;
     confirmText: string;
     cancelText: string;
     prevText: string;

package/lib/dialog/index.js

@@ -660,8 +660,8 @@ function _isSlot(s) {
       positionX: 0,
       positionY: 0,
       moveStyle: {
-        top: '',
-        left: ''
+        top: '50%',
+        left: '50%'
       }
     });
     var isModalShow = (0,external_vue_namespaceObject.ref)(props.isShow);
@@ -927,7 +927,8 @@ function _isSlot(s) {
       "class": className,
       "onClose": this.handleClose,
       "isShow": this.isModalShow,
-      "style": this.data.moveStyle
+      "left": this.data.moveStyle.left,
+      "top": this.data.moveStyle.top
     }), _isSlot(dialogSlot) ? dialogSlot : {
       "default": function _default() {
         return [dialogSlot];

package/lib/dialog/props.d.ts

@@ -94,9 +94,7 @@ declare const props: {
     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;
     };
@@ -117,6 +115,12 @@ declare const props: {
     } & {
         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 props;

package/lib/form/form.css

@@ -64,6 +64,9 @@
   cursor: pointer;
   border-bottom: 1px dashed #979ba5;
 }
+.bk-form-label-description-popper {
+  max-width: 400px;
+}
 .bk-form-content {
   position: relative;
   line-height: 32px;

package/lib/form/form.less

@@ -86,6 +86,9 @@
   cursor: pointer;
   border-bottom: 1px dashed #979ba5;
 }
+.@{bk-prefix}-form-label-description-popper {
+  max-width: 400px;
+}
 
 .@{bk-prefix}-form-content {
   position: relative;

package/lib/form/form.variable.css

@@ -190,6 +190,9 @@
   cursor: pointer;
   border-bottom: 1px dashed #979ba5;
 }
+.bk-form-label-description-popper {
+  max-width: 400px;
+}
 .bk-form-content {
   position: relative;
   line-height: 32px;

package/lib/form/index.js

@@ -877,7 +877,10 @@ var isValid = function isValid(value) {
       if (_this.description) {
         return (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("span", {
           "class": _defineProperty({}, "".concat(_this.resolveClassName('form-label-description')), Boolean(_this.description))
-        }, [_this.label]), [[(0,external_vue_namespaceObject.resolveDirective)("bk-tooltips"), _this.description]]);
+        }, [_this.label]), [[(0,external_vue_namespaceObject.resolveDirective)("bk-tooltips"), {
+          content: _this.description,
+          extCls: _this.resolveClassName('form-label-description-popper')
+        }]]);
       }
       return (0,external_vue_namespaceObject.createVNode)("span", null, [_this.label]);
     };

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

@@ -1,6 +1,7 @@
 declare const BkInfoBox: ((config: Partial<import("./info-box").ModalFuncProps>) => {
     show: () => void;
     hide: () => void;
+    update: (config: Partial<import("./info-box").ModalFuncProps>) => void;
     destroy: () => void;
 }) & import("vue").Plugin<any[]>;
 export default BkInfoBox;