bkui-vue 0.0.1-beta.55 → 0.0.1-beta.58

package/lib/date-picker/index.d.ts

@@ -11,10 +11,11 @@ declare const BkDatePicker: {
             open: boolean;
             multiple: boolean;
             disabled: boolean;
-            extPopoverCls: string;
+            clearable: boolean;
             readonly: boolean;
+            behavior: "normal" | "simplicity";
+            extPopoverCls: string;
             editable: boolean;
-            clearable: boolean;
             timePickerOptions: {};
             splitPanels: boolean;
             transfer: boolean;
@@ -26,7 +27,6 @@ declare const BkDatePicker: {
             shortcutSelectedIndex: number;
             footerSlotCls: string;
             allowCrossDay: boolean;
-            behavior: "normal" | "simplicity";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             readonly type: {
                 readonly type: import("vue").PropType<import("./interface").PickerTypeType>;
@@ -136,12 +136,12 @@ declare const BkDatePicker: {
         }>> & {
             onChange?: (...args: any[]) => any;
             onInput?: (...args: any[]) => any;
+            onClear?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
             "onPick-success"?: (...args: any[]) => any;
-            onClear?: (...args: any[]) => any;
             "onOpen-change"?: (...args: any[]) => any;
             "onShortcut-change"?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "placeholder" | "placement" | "options" | "fontSize" | "open" | "multiple" | "disabled" | "extPopoverCls" | "readonly" | "editable" | "clearable" | "timePickerOptions" | "splitPanels" | "transfer" | "appendToBody" | "shortcuts" | "shortcutClose" | "upToNow" | "useShortcutText" | "shortcutSelectedIndex" | "footerSlotCls" | "allowCrossDay" | "behavior">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "placeholder" | "placement" | "options" | "fontSize" | "open" | "multiple" | "disabled" | "clearable" | "readonly" | "behavior" | "extPopoverCls" | "editable" | "timePickerOptions" | "splitPanels" | "transfer" | "appendToBody" | "shortcuts" | "shortcutClose" | "upToNow" | "useShortcutText" | "shortcutSelectedIndex" | "footerSlotCls" | "allowCrossDay">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -264,9 +264,9 @@ declare const BkDatePicker: {
         }>> & {
             onChange?: (...args: any[]) => any;
             onInput?: (...args: any[]) => any;
+            onClear?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
             "onPick-success"?: (...args: any[]) => any;
-            onClear?: (...args: any[]) => any;
             "onOpen-change"?: (...args: any[]) => any;
             "onShortcut-change"?: (...args: any[]) => any;
         }, {
@@ -324,10 +324,11 @@ declare const BkDatePicker: {
             open: boolean;
             multiple: boolean;
             disabled: boolean;
-            extPopoverCls: string;
+            clearable: boolean;
             readonly: boolean;
+            behavior: "normal" | "simplicity";
+            extPopoverCls: string;
             editable: boolean;
-            clearable: boolean;
             timePickerOptions: {};
             splitPanels: boolean;
             transfer: boolean;
@@ -339,7 +340,6 @@ declare const BkDatePicker: {
             shortcutSelectedIndex: number;
             footerSlotCls: string;
             allowCrossDay: boolean;
-            behavior: "normal" | "simplicity";
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -469,9 +469,9 @@ declare const BkDatePicker: {
     }>> & {
         onChange?: (...args: any[]) => any;
         onInput?: (...args: any[]) => any;
+        onClear?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
         "onPick-success"?: (...args: any[]) => any;
-        onClear?: (...args: any[]) => any;
         "onOpen-change"?: (...args: any[]) => any;
         "onShortcut-change"?: (...args: any[]) => any;
     } & import("vue").ShallowUnwrapRef<{
@@ -633,9 +633,9 @@ declare const BkDatePicker: {
 }>> & {
     onChange?: (...args: any[]) => any;
     onInput?: (...args: any[]) => any;
+    onClear?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
     "onPick-success"?: (...args: any[]) => any;
-    onClear?: (...args: any[]) => any;
     "onOpen-change"?: (...args: any[]) => any;
     "onShortcut-change"?: (...args: any[]) => any;
 }, {
@@ -693,10 +693,11 @@ declare const BkDatePicker: {
     open: boolean;
     multiple: boolean;
     disabled: boolean;
-    extPopoverCls: string;
+    clearable: boolean;
     readonly: boolean;
+    behavior: "normal" | "simplicity";
+    extPopoverCls: string;
     editable: boolean;
-    clearable: boolean;
     timePickerOptions: {};
     splitPanels: boolean;
     transfer: boolean;
@@ -708,6 +709,5 @@ declare const BkDatePicker: {
     shortcutSelectedIndex: number;
     footerSlotCls: string;
     allowCrossDay: boolean;
-    behavior: "normal" | "simplicity";
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
 export default BkDatePicker;

package/lib/dialog/dialog.css

@@ -67,6 +67,14 @@
 .bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-tool .close-icon {
   display: none;
 }
+.bk-modal-wrapper.bk-dialog-wrapper .move {
+  cursor: move;
+}
+.bk-modal-wrapper.bk-dialog-wrapper .content-dragging {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+}
 .bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header {
   padding: 24px;
   font-size: 20px;

package/lib/dialog/dialog.d.ts

@@ -1,174 +1,243 @@
 declare const _default: import("vue").DefineComponent<{
-    width: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: any;
+    width: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
     };
-    height: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: any;
+    height: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
     };
-    confirmText: {
-        type: StringConstructor;
+    confirmText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    cancelText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    prevText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
         default: string;
     };
-    cancelText: {
-        type: StringConstructor;
+    nextText: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
+    } & {
+        default: string;
+    };
+    current: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
     };
-    title: {
-        type: StringConstructor;
+    totalStep: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
+    title: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
         default: string;
     };
-    headerAlign: {
-        type: StringConstructor;
+    headerAlign: import("vue-types").VueTypeDef<string> & {
         default: string;
-        validator: (value: string) => boolean;
     };
-    footerAlign: {
-        type: StringConstructor;
+    footerAlign: import("vue-types").VueTypeDef<string> & {
         default: string;
-        validator: (value: string) => boolean;
     };
-    theme: {
-        type: StringConstructor;
+    theme: import("vue-types").VueTypeDef<string> & {
         default: string;
-        validator: (value: string) => boolean;
     };
-    isShow: {
-        type: BooleanConstructor;
+    isLoading: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    customClass: {
-        type: (ArrayConstructor | StringConstructor)[];
-        default: string;
+    isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
     };
-    scrollable: {
-        type: BooleanConstructor;
+    customClass: (import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    });
+    scrollable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    showMask: {
-        type: BooleanConstructor;
+    showMask: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    closeIcon: {
-        type: BooleanConstructor;
+    closeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    escClose: {
-        type: BooleanConstructor;
+    escClose: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    maskClose: {
-        type: BooleanConstructor;
+    maskClose: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    fullscreen: {
-        type: BooleanConstructor;
+    fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    size: {
-        type: StringConstructor;
+    size: import("vue-types").VueTypeDef<string> & {
         default: string;
-        validator: (value: string) => boolean;
     };
-    renderDirective: {
-        type: StringConstructor;
+    draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    dialogType: import("vue-types").VueTypeDef<string> & {
         default: string;
-        validator: (value: string) => boolean;
     };
-}, unknown, unknown, {}, {
-    handleClose(): void;
-    handleConfirm(): void;
-    escCloseHandler(e: any): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("closed" | "update:isShow" | "confirm")[], "closed" | "update:isShow" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    width: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: any;
+}, {
+    data: {
+        positionX: number;
+        positionY: number;
+        moveStyle: {
+            top: string;
+            left: string;
+        };
+    };
+    handleClose: () => void;
+    handleConfirm: () => void;
+    escCloseHandler: (e: any) => void;
+    moveHandler: (e: any) => boolean;
+    handlePrevStep: () => void;
+    handleNextStep: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("prev" | "next" | "confirm" | "closed" | "update:isShow")[], "prev" | "next" | "confirm" | "closed" | "update:isShow", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    width: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    height: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    confirmText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
     };
-    height: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: any;
+    cancelText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
     };
-    confirmText: {
-        type: StringConstructor;
+    prevText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
         default: string;
     };
-    cancelText: {
-        type: StringConstructor;
+    nextText: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
         default: string;
     };
-    title: {
-        type: StringConstructor;
+    current: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    totalStep: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
+    title: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
         default: string;
     };
-    headerAlign: {
-        type: StringConstructor;
+    headerAlign: import("vue-types").VueTypeDef<string> & {
         default: string;
-        validator: (value: string) => boolean;
     };
-    footerAlign: {
-        type: StringConstructor;
+    footerAlign: import("vue-types").VueTypeDef<string> & {
         default: string;
-        validator: (value: string) => boolean;
     };
-    theme: {
-        type: StringConstructor;
+    theme: import("vue-types").VueTypeDef<string> & {
         default: string;
-        validator: (value: string) => boolean;
     };
-    isShow: {
-        type: BooleanConstructor;
+    isLoading: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    customClass: {
-        type: (ArrayConstructor | StringConstructor)[];
-        default: string;
+    isShow: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
     };
-    scrollable: {
-        type: BooleanConstructor;
+    customClass: (import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    });
+    scrollable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    showMask: {
-        type: BooleanConstructor;
+    showMask: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    closeIcon: {
-        type: BooleanConstructor;
+    closeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    escClose: {
-        type: BooleanConstructor;
+    escClose: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    maskClose: {
-        type: BooleanConstructor;
+    maskClose: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    fullscreen: {
-        type: BooleanConstructor;
+    fullscreen: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
         default: boolean;
     };
-    size: {
-        type: StringConstructor;
+    size: import("vue-types").VueTypeDef<string> & {
         default: string;
-        validator: (value: string) => boolean;
     };
-    renderDirective: {
-        type: StringConstructor;
+    draggable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    dialogType: import("vue-types").VueTypeDef<string> & {
         default: string;
-        validator: (value: string) => boolean;
     };
 }>> & {
+    onPrev?: (...args: any[]) => any;
+    onNext?: (...args: any[]) => any;
+    onConfirm?: (...args: any[]) => any;
     onClosed?: (...args: any[]) => any;
     "onUpdate:isShow"?: (...args: any[]) => any;
-    onConfirm?: (...args: any[]) => any;
 }, {
     width: string | number;
     height: string | number;
+    draggable: boolean;
     title: string;
     showMask: boolean;
     theme: string;
     size: string;
+    dialogType: string;
     isShow: boolean;
     customClass: string | unknown[];
     scrollable: boolean;
@@ -176,10 +245,14 @@ declare const _default: import("vue").DefineComponent<{
     escClose: boolean;
     maskClose: boolean;
     fullscreen: boolean;
-    renderDirective: string;
-    confirmText: string;
-    cancelText: string;
     headerAlign: string;
     footerAlign: string;
+    confirmText: string;
+    cancelText: string;
+    prevText: string;
+    nextText: string;
+    current: number;
+    totalStep: number;
+    isLoading: boolean;
 }>;
 export default _default;

package/lib/dialog/dialog.less

@@ -45,6 +45,14 @@
         display: none;
       }
     }
+    .move {
+      cursor: move;
+    }
+    .content-dragging {
+      -webkit-user-select: none;
+      -moz-user-select: none;
+      user-select: none;
+    }
 
     .bk-dialog-header {
       padding: 24px;

package/lib/dialog/dialog.variable.css

@@ -67,6 +67,14 @@
 .bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-tool .close-icon {
   display: none;
 }
+.bk-modal-wrapper.bk-dialog-wrapper .move {
+  cursor: move;
+}
+.bk-modal-wrapper.bk-dialog-wrapper .content-dragging {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+}
 .bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header {
   padding: 24px;
   font-size: 20px;