bkui-vue 0.0.1-beta.131 → 0.0.1-beta.134

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

@@ -749,316 +749,5 @@ declare const BkDatePicker: {
     headerSlotCls: string;
     footerSlotCls: string;
     allowCrossDay: boolean;
-}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin & {
-    C: import("vue").DefineComponent<{
-        readonly type: {
-            readonly type: import("vue").PropType<import("./interface").PickerTypeType>;
-            readonly default: "date";
-            readonly validator: (value: any) => boolean;
-        };
-        readonly extPopoverCls: {
-            readonly type: StringConstructor;
-            readonly default: "";
-        };
-        readonly format: StringConstructor;
-        readonly readonly: {
-            readonly type: BooleanConstructor;
-            readonly default: false;
-        };
-        readonly disabled: {
-            readonly type: BooleanConstructor;
-            readonly default: false;
-        };
-        readonly editable: {
-            readonly type: BooleanConstructor;
-            readonly default: true;
-        };
-        readonly clearable: {
-            readonly type: BooleanConstructor;
-            readonly default: true;
-        };
-        readonly open: {
-            readonly type: BooleanConstructor;
-            readonly default: any;
-        };
-        readonly multiple: {
-            readonly type: BooleanConstructor;
-            readonly default: false;
-        };
-        readonly timePickerOptions: {
-            readonly type: import("vue").PropType<Record<string, any>>;
-            readonly default: () => {};
-        };
-        readonly splitPanels: {
-            readonly type: BooleanConstructor;
-            readonly default: true;
-        };
-        readonly startDate: DateConstructor;
-        readonly placeholder: {
-            readonly type: StringConstructor;
-            readonly default: "";
-        };
-        readonly placement: {
-            readonly type: import("vue").PropType<import("@popperjs/core").ComputedPlacement>;
-            readonly default: "bottom-start";
-            readonly validator: (value: any) => boolean;
-        };
-        readonly transfer: {
-            readonly type: BooleanConstructor;
-            readonly default: false;
-        };
-        readonly appendToBody: {
-            readonly type: BooleanConstructor;
-            readonly default: false;
-        };
-        readonly shortcuts: {
-            readonly type: import("vue").PropType<import("./interface").DatePickerShortcutsType>;
-            readonly default: () => any[];
-        };
-        readonly shortcutClose: {
-            readonly type: BooleanConstructor;
-            readonly default: false;
-        };
-        readonly modelValue: {
-            readonly type: import("vue").PropType<import("./interface").DatePickerValueType>;
-        };
-        readonly value: {
-            readonly type: import("vue").PropType<import("./interface").DatePickerValueType>;
-        };
-        readonly options: {
-            readonly type: ObjectConstructor;
-            readonly default: () => {};
-        };
-        readonly fontSize: {
-            readonly type: import("vue").PropType<"large" | "normal" | "medium">;
-            readonly default: "normal";
-        };
-        readonly upToNow: {
-            readonly type: BooleanConstructor;
-            readonly default: false;
-        };
-        readonly useShortcutText: {
-            readonly type: BooleanConstructor;
-            readonly default: false;
-        };
-        readonly shortcutSelectedIndex: {
-            readonly type: NumberConstructor;
-            readonly default: -1;
-        };
-        readonly headerSlotCls: {
-            readonly type: StringConstructor;
-            readonly default: "";
-        };
-        readonly footerSlotCls: {
-            readonly type: StringConstructor;
-            readonly default: "";
-        };
-        readonly allowCrossDay: {
-            readonly type: BooleanConstructor;
-            readonly default: false;
-        };
-        readonly behavior: {
-            readonly type: import("vue").PropType<"normal" | "simplicity">;
-            readonly default: "normal";
-            readonly validator: (v: any) => boolean;
-        };
-        readonly disableDate: import("vue").PropType<import("./interface").DisableDateType>;
-    }, {
-        panel: import("vue").ComputedRef<import("./interface").DatePickerPanelType>;
-        publicStringValue: import("vue").ComputedRef<any>;
-        opened: import("vue").ComputedRef<boolean>;
-        visualValue: import("vue").ComputedRef<any>;
-        displayValue: import("vue").ComputedRef<any>;
-        isConfirm: import("vue").ComputedRef<boolean>;
-        hasHeader: import("vue").ComputedRef<boolean>;
-        hasFooter: import("vue").ComputedRef<boolean>;
-        hasShortcuts: import("vue").ComputedRef<boolean>;
-        fontSizeCls: import("vue").ComputedRef<string>;
-        longWidthCls: import("vue").ComputedRef<string>;
-        localReadonly: import("vue").ComputedRef<boolean>;
-        allowCrossDayProp: import("vue").ComputedRef<boolean>;
-        pickerDropdownRef: any;
-        inputRef: any;
-        triggerRef: import("vue").Ref<HTMLElement>;
-        pickerPanelRef: any;
-        handleClose: (e?: Event) => boolean;
-        handleIconClick: () => void;
-        handleInputMouseenter: () => void;
-        handleInputMouseleave: (_e: any) => void;
-        handleFocus: (e: any) => void;
-        handleBlur: (e: any) => void;
-        handleKeydown: (e: KeyboardEvent) => void;
-        handleInputChange: (e: any) => void;
-        handleClear: () => void;
-        handleTransferClick: () => void;
-        onPick: (_dates: any, visible: boolean, type: any, shortcut: any) => void;
-        onPickSuccess: () => void;
-        showClose: import("vue").Ref<boolean>;
-        visible: import("vue").Ref<boolean>;
-        internalValue: import("vue").Ref<any>;
-        disableClickOutSide: import("vue").Ref<boolean>;
-        disableCloseUnderTransfer: import("vue").Ref<boolean>;
-        selectionMode: import("vue").Ref<import("./interface").SelectionModeType>;
-        forceInputRerender: import("vue").Ref<number>;
-        isFocused: import("vue").Ref<boolean>;
-        focusedDate: import("vue").Ref<any>;
-        focusedTime: import("vue").Ref<{
-            column: number;
-            picker: number;
-            time: any;
-            active: boolean;
-        }>;
-        internalFocus: import("vue").Ref<boolean>;
-        timeEnterMode: import("vue").Ref<boolean>;
-        shortcut: import("vue").Ref<any>;
-        onSelectionModeChange: import("vue").Ref<(_type: any) => import("./interface").SelectionModeType>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "change" | "clear" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change")[], "input" | "change" | "clear" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        readonly type: {
-            readonly type: import("vue").PropType<import("./interface").PickerTypeType>;
-            readonly default: "date";
-            readonly validator: (value: any) => boolean;
-        };
-        readonly extPopoverCls: {
-            readonly type: StringConstructor;
-            readonly default: "";
-        };
-        readonly format: StringConstructor;
-        readonly readonly: {
-            readonly type: BooleanConstructor;
-            readonly default: false;
-        };
-        readonly disabled: {
-            readonly type: BooleanConstructor;
-            readonly default: false;
-        };
-        readonly editable: {
-            readonly type: BooleanConstructor;
-            readonly default: true;
-        };
-        readonly clearable: {
-            readonly type: BooleanConstructor;
-            readonly default: true;
-        };
-        readonly open: {
-            readonly type: BooleanConstructor;
-            readonly default: any;
-        };
-        readonly multiple: {
-            readonly type: BooleanConstructor;
-            readonly default: false;
-        };
-        readonly timePickerOptions: {
-            readonly type: import("vue").PropType<Record<string, any>>;
-            readonly default: () => {};
-        };
-        readonly splitPanels: {
-            readonly type: BooleanConstructor;
-            readonly default: true;
-        };
-        readonly startDate: DateConstructor;
-        readonly placeholder: {
-            readonly type: StringConstructor;
-            readonly default: "";
-        };
-        readonly placement: {
-            readonly type: import("vue").PropType<import("@popperjs/core").ComputedPlacement>;
-            readonly default: "bottom-start";
-            readonly validator: (value: any) => boolean;
-        };
-        readonly transfer: {
-            readonly type: BooleanConstructor;
-            readonly default: false;
-        };
-        readonly appendToBody: {
-            readonly type: BooleanConstructor;
-            readonly default: false;
-        };
-        readonly shortcuts: {
-            readonly type: import("vue").PropType<import("./interface").DatePickerShortcutsType>;
-            readonly default: () => any[];
-        };
-        readonly shortcutClose: {
-            readonly type: BooleanConstructor;
-            readonly default: false;
-        };
-        readonly modelValue: {
-            readonly type: import("vue").PropType<import("./interface").DatePickerValueType>;
-        };
-        readonly value: {
-            readonly type: import("vue").PropType<import("./interface").DatePickerValueType>;
-        };
-        readonly options: {
-            readonly type: ObjectConstructor;
-            readonly default: () => {};
-        };
-        readonly fontSize: {
-            readonly type: import("vue").PropType<"large" | "normal" | "medium">;
-            readonly default: "normal";
-        };
-        readonly upToNow: {
-            readonly type: BooleanConstructor;
-            readonly default: false;
-        };
-        readonly useShortcutText: {
-            readonly type: BooleanConstructor;
-            readonly default: false;
-        };
-        readonly shortcutSelectedIndex: {
-            readonly type: NumberConstructor;
-            readonly default: -1;
-        };
-        readonly headerSlotCls: {
-            readonly type: StringConstructor;
-            readonly default: "";
-        };
-        readonly footerSlotCls: {
-            readonly type: StringConstructor;
-            readonly default: "";
-        };
-        readonly allowCrossDay: {
-            readonly type: BooleanConstructor;
-            readonly default: false;
-        };
-        readonly behavior: {
-            readonly type: import("vue").PropType<"normal" | "simplicity">;
-            readonly default: "normal";
-            readonly validator: (v: any) => boolean;
-        };
-        readonly disableDate: import("vue").PropType<import("./interface").DisableDateType>;
-    }>> & {
-        onChange?: (...args: any[]) => any;
-        onInput?: (...args: any[]) => any;
-        "onUpdate:modelValue"?: (...args: any[]) => any;
-        onClear?: (...args: any[]) => any;
-        "onPick-success"?: (...args: any[]) => any;
-        "onOpen-change"?: (...args: any[]) => any;
-        "onShortcut-change"?: (...args: any[]) => any;
-    }, {
-        placement: import("@popperjs/core").ComputedPlacement;
-        options: Record<string, any>;
-        type: import("./interface").PickerTypeType;
-        disabled: boolean;
-        placeholder: string;
-        fontSize: "large" | "normal" | "medium";
-        open: boolean;
-        multiple: boolean;
-        clearable: boolean;
-        readonly: boolean;
-        behavior: "normal" | "simplicity";
-        extPopoverCls: string;
-        editable: boolean;
-        timePickerOptions: {};
-        splitPanels: boolean;
-        transfer: boolean;
-        appendToBody: boolean;
-        shortcuts: import("./interface").DatePickerShortcutsType;
-        shortcutClose: boolean;
-        upToNow: boolean;
-        useShortcutText: boolean;
-        shortcutSelectedIndex: number;
-        headerSlotCls: string;
-        footerSlotCls: string;
-        allowCrossDay: boolean;
-    }>;
-};
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
 export default BkDatePicker;

package/lib/dialog/dialog.css

@@ -68,7 +68,6 @@
   display: inline-block;
   width: 100%;
   overflow: hidden;
-  font-size: 24px;
   color: #313238;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -77,31 +76,26 @@
   position: absolute;
   top: 5px;
   right: 5px;
-  display: flex;
   width: 26px;
   height: 26px;
   font-size: 22px;
   font-weight: 700;
-  line-height: 26px;
   color: #979ba5;
   text-align: center;
   cursor: pointer;
   border-radius: 50%;
   transform: rotate(45deg);
-  justify-content: center;
-  align-items: center;
 }
 .bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-dialog-close:hover {
   background-color: #f0f1f5;
-  border-radius: 50%;
 }
 .bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .close-icon {
   display: none;
 }
 .bk-modal-wrapper.bk-dialog-wrapper .bk-modal-content {
-  height: calc(100% - 74px);
-  max-height: calc(100vh - 74px);
-  min-height: calc(258px - 132px);
+  height: calc(100% - 70px);
+  max-height: calc(100vh - 70px);
+  min-height: calc(258px - 128px);
   padding: 3px 24px 58px;
   font-size: 14px;
   line-height: 1.5;
@@ -118,3 +112,13 @@
   border-top: 1px solid #dcdee5;
   border-radius: 2px;
 }
+.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-footer .bk-dialog-perv {
+  float: left;
+  margin-right: 8px;
+}
+.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-footer .bk-dialog-next {
+  float: left;
+}
+.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-footer .bk-dialog-cancel {
+  margin-left: 8px;
+}

package/lib/dialog/dialog.less

@@ -46,7 +46,6 @@
         display: inline-block;
         width: 100%;
         overflow: hidden;
-        font-size: 24px;
         color: #313238;
         text-overflow: ellipsis;
         white-space: nowrap;
@@ -56,23 +55,18 @@
         position: absolute;
         top: 5px;
         right: 5px;
-        display: flex;
         width: 26px;
         height: 26px;
         font-size: 22px;
         font-weight: 700;
-        line-height: 26px;
         color: #979ba5;
         text-align: center;
         cursor: pointer;
         border-radius: 50%;
         transform: rotate(45deg);
-        justify-content: center;
-        align-items: center;
 
         &:hover {
           background-color: #f0f1f5;
-          border-radius: 50%;
         }
       }
 
@@ -82,9 +76,9 @@
     }
 
     .bk-modal-content {
-      height: calc(100% - 74px);
-      max-height: calc(100vh - 74px);
-      min-height: calc(258px - 132px);
+      height: calc(100% - 70px);
+      max-height: calc(100vh - 70px);
+      min-height: calc(258px - 128px);
       padding: 3px 24px 58px;
       font-size: 14px;
       line-height: 1.5;
@@ -101,6 +95,19 @@
       background-color: #fafbfd;
       border-top: 1px solid #dcdee5;
       border-radius: 2px;
+
+      .bk-dialog-perv {
+        float: left;
+        margin-right: 8px;
+      }
+
+      .bk-dialog-next {
+        float: left;
+      }
+
+      .bk-dialog-cancel {
+        margin-left: 8px;
+      }
     }
   }
 }

package/lib/dialog/dialog.variable.css

@@ -68,7 +68,6 @@
   display: inline-block;
   width: 100%;
   overflow: hidden;
-  font-size: 24px;
   color: #313238;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -77,31 +76,26 @@
   position: absolute;
   top: 5px;
   right: 5px;
-  display: flex;
   width: 26px;
   height: 26px;
   font-size: 22px;
   font-weight: 700;
-  line-height: 26px;
   color: #979ba5;
   text-align: center;
   cursor: pointer;
   border-radius: 50%;
   transform: rotate(45deg);
-  justify-content: center;
-  align-items: center;
 }
 .bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-dialog-close:hover {
   background-color: #f0f1f5;
-  border-radius: 50%;
 }
 .bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .close-icon {
   display: none;
 }
 .bk-modal-wrapper.bk-dialog-wrapper .bk-modal-content {
-  height: calc(100% - 74px);
-  max-height: calc(100vh - 74px);
-  min-height: calc(258px - 132px);
+  height: calc(100% - 70px);
+  max-height: calc(100vh - 70px);
+  min-height: calc(258px - 128px);
   padding: 3px 24px 58px;
   font-size: 14px;
   line-height: 1.5;
@@ -118,3 +112,13 @@
   border-top: 1px solid #dcdee5;
   border-radius: 2px;
 }
+.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-footer .bk-dialog-perv {
+  float: left;
+  margin-right: 8px;
+}
+.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-footer .bk-dialog-next {
+  float: left;
+}
+.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-footer .bk-dialog-cancel {
+  margin-left: 8px;
+}