bkui-vue 2.0.1-beta.12 → 2.0.1-beta.13

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

@@ -1,7 +1,7 @@
-import type { ComputedPlacement } from '@popperjs/core';
 import type { DatePickerProps } from './props';
+import type { ComputedPlacement } from '@popperjs/core';
 export type DatePickerPlacementType = ComputedPlacement;
-export type DatePickerTypeType = 'year' | 'yearrange' | 'month' | 'monthrange' | 'date' | 'daterange' | 'datetime' | 'datetimerange';
+export type DatePickerTypeType = 'date' | 'daterange' | 'datetime' | 'datetimerange' | 'month' | 'monthrange' | 'year' | 'yearrange';
 export type TimePickerTypeType = 'time' | 'timerange';
 export type PickerTypeType = DatePickerTypeType | TimePickerTypeType;
 export interface IDatePickerShortcut {
@@ -10,20 +10,20 @@ export interface IDatePickerShortcut {
     onClick?: (picker: any) => void;
 }
 export type DatePickerShortcutsType = IDatePickerShortcut[];
-type ValueType = Date | string | number;
-export type DatePickerValueType = ValueType | [ValueType, ValueType];
-export type DisabledDateType = (date: number | Date) => boolean;
+type ValueType = Date | number | string;
+export type DatePickerValueType = [ValueType, ValueType] | ValueType;
+export type DisabledDateType = (date: Date | number) => boolean;
 export interface IDatePickerCtx {
     props: DatePickerProps;
     focus: () => void;
 }
 export interface ITimePickerCtx {
     parentName: string;
-    panelDate?: Date | string | number;
-    dates?: ValueType | [ValueType, ValueType];
+    panelDate?: Date | number | string;
+    dates?: [ValueType, ValueType] | ValueType;
 }
-export type DatePickerPanelType = 'DateRangePanel' | 'DatePanel' | 'RangeTimePickerPanel' | 'TimePickerPanel';
-export type SelectionModeType = 'year' | 'month' | 'date' | 'time';
+export type DatePickerPanelType = 'DatePanel' | 'DateRangePanel' | 'RangeTimePickerPanel' | 'TimePickerPanel';
+export type SelectionModeType = 'date' | 'month' | 'time' | 'year';
 export interface IDisabledHMS {
     disabledHours?: number[];
     disabledMinutes?: number[];

package/lib/date-picker/panel/date-range.d.ts

@@ -1,6 +1,6 @@
-import type { ExtractPropTypes } from 'vue';
 import { PropType } from 'vue';
 import type { DatePickerShortcutsType, DatePickerValueType, DisabledDateType, PickerTypeType, SelectionModeType } from '../interface';
+import type { ExtractPropTypes } from 'vue';
 declare const dateRangePanelProps: {
     readonly modelValue: {
         readonly type: PropType<DatePickerValueType>;

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

@@ -1,6 +1,6 @@
-import type { ExtractPropTypes } from 'vue';
 import { PropType } from 'vue';
 import type { DatePickerShortcutsType, DatePickerValueType, DisabledDateType, SelectionModeType } from '../interface';
+import type { ExtractPropTypes } from 'vue';
 declare const datePanelProps: {
     readonly modelValue: {
         readonly type: PropType<DatePickerValueType>;

package/lib/date-picker/panel/time-range.d.ts

@@ -1,5 +1,5 @@
-import type { ExtractPropTypes, PropType } from 'vue';
 import { SelectionModeType } from '../interface';
+import type { ExtractPropTypes, PropType } from 'vue';
 declare const timeRangeProps: {
     steps: {
         type: PropType<number[]>;

package/lib/date-picker/panel/time.d.ts

@@ -1,5 +1,5 @@
-import type { ExtractPropTypes, PropType } from 'vue';
 import { IDisabledHMS, SelectionModeType } from '../interface';
+import type { ExtractPropTypes, PropType } from 'vue';
 declare const timeProps: {
     disabledDate: {
         type: FunctionConstructor;

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

@@ -1,6 +1,6 @@
-import type { ExtractPropTypes } from 'vue';
 import { PropType } from 'vue';
 import type { DatePickerShortcutsType, DatePickerValueType, DisabledDateType, PickerTypeType } from './interface';
+import type { ExtractPropTypes } from 'vue';
 export declare const datePickerProps: {
     readonly type: {
         readonly type: PropType<PickerTypeType>;

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

@@ -1,5 +1,5 @@
-import type { InjectionKey } from 'vue';
 import type { IDatePickerCtx, ITimePickerCtx, PickerTypeType } from './interface';
+import type { InjectionKey } from 'vue';
 export declare const RANGE_SEPARATOR = " - ";
 export declare const typeValueResolver: {
     default: {

package/lib/dialog/dialog.d.ts

@@ -29,16 +29,16 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: string;
     };
-    headerAlign: import("vue-types").VueTypeValidableDef<"right" | "left" | "center"> & {
-        default: "right" | "left" | "center";
+    headerAlign: import("vue-types").VueTypeValidableDef<"left" | "right" | "center"> & {
+        default: "left" | "right" | "center";
     };
-    footerAlign: import("vue-types").VueTypeValidableDef<"right" | "left" | "center"> & {
-        default: "right" | "left" | "center";
+    footerAlign: import("vue-types").VueTypeValidableDef<"left" | "right" | "center"> & {
+        default: "left" | "right" | "center";
     };
-    confirmButtonTheme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
-        default: "success" | "warning" | "danger" | "primary";
+    confirmButtonTheme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary"> & {
+        default: "success" | "danger" | "warning" | "primary";
     };
-    dialogType: import("vue-types").VueTypeDef<"show" | "process" | "operation" | "confirm">;
+    dialogType: import("vue-types").VueTypeDef<"show" | "process" | "confirm" | "operation">;
     isLoading: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -136,16 +136,16 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: string;
     };
-    headerAlign: import("vue-types").VueTypeValidableDef<"right" | "left" | "center"> & {
-        default: "right" | "left" | "center";
+    headerAlign: import("vue-types").VueTypeValidableDef<"left" | "right" | "center"> & {
+        default: "left" | "right" | "center";
     };
-    footerAlign: import("vue-types").VueTypeValidableDef<"right" | "left" | "center"> & {
-        default: "right" | "left" | "center";
+    footerAlign: import("vue-types").VueTypeValidableDef<"left" | "right" | "center"> & {
+        default: "left" | "right" | "center";
     };
-    confirmButtonTheme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
-        default: "success" | "warning" | "danger" | "primary";
+    confirmButtonTheme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary"> & {
+        default: "success" | "danger" | "warning" | "primary";
     };
-    dialogType: import("vue-types").VueTypeDef<"show" | "process" | "operation" | "confirm">;
+    dialogType: import("vue-types").VueTypeDef<"show" | "process" | "confirm" | "operation">;
     isLoading: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -215,8 +215,8 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     title: string;
     extCls: string;
-    top: string;
     left: string;
+    top: string;
     isShow: boolean;
     draggable: boolean;
     transfer: string | boolean | HTMLElement;
@@ -233,9 +233,9 @@ declare const _default: import("vue").DefineComponent<{
     nextText: string;
     current: number;
     totalStep: number;
-    headerAlign: "right" | "left" | "center";
-    footerAlign: "right" | "left" | "center";
-    confirmButtonTheme: "success" | "warning" | "danger" | "primary";
+    headerAlign: "left" | "right" | "center";
+    footerAlign: "left" | "right" | "center";
+    confirmButtonTheme: "success" | "danger" | "warning" | "primary";
     isLoading: boolean;
 }, {}>;
 export default _default;

package/lib/dialog/index.d.ts

@@ -30,16 +30,16 @@ declare const BkDialog: {
         } & {
             default: string;
         };
-        headerAlign: import("vue-types").VueTypeValidableDef<"right" | "left" | "center"> & {
-            default: "right" | "left" | "center";
+        headerAlign: import("vue-types").VueTypeValidableDef<"left" | "right" | "center"> & {
+            default: "left" | "right" | "center";
         };
-        footerAlign: import("vue-types").VueTypeValidableDef<"right" | "left" | "center"> & {
-            default: "right" | "left" | "center";
+        footerAlign: import("vue-types").VueTypeValidableDef<"left" | "right" | "center"> & {
+            default: "left" | "right" | "center";
         };
-        confirmButtonTheme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
-            default: "success" | "warning" | "danger" | "primary";
+        confirmButtonTheme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary"> & {
+            default: "success" | "danger" | "warning" | "primary";
         };
-        dialogType: import("vue-types").VueTypeDef<"show" | "process" | "operation" | "confirm">;
+        dialogType: import("vue-types").VueTypeDef<"show" | "process" | "confirm" | "operation">;
         isLoading: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -145,16 +145,16 @@ declare const BkDialog: {
         } & {
             default: string;
         };
-        headerAlign: import("vue-types").VueTypeValidableDef<"right" | "left" | "center"> & {
-            default: "right" | "left" | "center";
+        headerAlign: import("vue-types").VueTypeValidableDef<"left" | "right" | "center"> & {
+            default: "left" | "right" | "center";
         };
-        footerAlign: import("vue-types").VueTypeValidableDef<"right" | "left" | "center"> & {
-            default: "right" | "left" | "center";
+        footerAlign: import("vue-types").VueTypeValidableDef<"left" | "right" | "center"> & {
+            default: "left" | "right" | "center";
         };
-        confirmButtonTheme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
-            default: "success" | "warning" | "danger" | "primary";
+        confirmButtonTheme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary"> & {
+            default: "success" | "danger" | "warning" | "primary";
         };
-        dialogType: import("vue-types").VueTypeDef<"show" | "process" | "operation" | "confirm">;
+        dialogType: import("vue-types").VueTypeDef<"show" | "process" | "confirm" | "operation">;
         isLoading: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -224,8 +224,8 @@ declare const BkDialog: {
     }, {
         title: string;
         extCls: string;
-        top: string;
         left: string;
+        top: string;
         isShow: boolean;
         draggable: boolean;
         transfer: string | boolean | HTMLElement;
@@ -242,9 +242,9 @@ declare const BkDialog: {
         nextText: string;
         current: number;
         totalStep: number;
-        headerAlign: "right" | "left" | "center";
-        footerAlign: "right" | "left" | "center";
-        confirmButtonTheme: "success" | "warning" | "danger" | "primary";
+        headerAlign: "left" | "right" | "center";
+        footerAlign: "left" | "right" | "center";
+        confirmButtonTheme: "success" | "danger" | "warning" | "primary";
         isLoading: boolean;
     }, true, {}, {}, {
         P: {};
@@ -284,16 +284,16 @@ declare const BkDialog: {
         } & {
             default: string;
         };
-        headerAlign: import("vue-types").VueTypeValidableDef<"right" | "left" | "center"> & {
-            default: "right" | "left" | "center";
+        headerAlign: import("vue-types").VueTypeValidableDef<"left" | "right" | "center"> & {
+            default: "left" | "right" | "center";
         };
-        footerAlign: import("vue-types").VueTypeValidableDef<"right" | "left" | "center"> & {
-            default: "right" | "left" | "center";
+        footerAlign: import("vue-types").VueTypeValidableDef<"left" | "right" | "center"> & {
+            default: "left" | "right" | "center";
         };
-        confirmButtonTheme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
-            default: "success" | "warning" | "danger" | "primary";
+        confirmButtonTheme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary"> & {
+            default: "success" | "danger" | "warning" | "primary";
         };
-        dialogType: import("vue-types").VueTypeDef<"show" | "process" | "operation" | "confirm">;
+        dialogType: import("vue-types").VueTypeDef<"show" | "process" | "confirm" | "operation">;
         isLoading: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -363,8 +363,8 @@ declare const BkDialog: {
     }, () => JSX.Element, {}, {}, {}, {
         title: string;
         extCls: string;
-        top: string;
         left: string;
+        top: string;
         isShow: boolean;
         draggable: boolean;
         transfer: string | boolean | HTMLElement;
@@ -381,9 +381,9 @@ declare const BkDialog: {
         nextText: string;
         current: number;
         totalStep: number;
-        headerAlign: "right" | "left" | "center";
-        footerAlign: "right" | "left" | "center";
-        confirmButtonTheme: "success" | "warning" | "danger" | "primary";
+        headerAlign: "left" | "right" | "center";
+        footerAlign: "left" | "right" | "center";
+        confirmButtonTheme: "success" | "danger" | "warning" | "primary";
         isLoading: boolean;
     }>;
     __isFragment?: never;
@@ -420,16 +420,16 @@ declare const BkDialog: {
     } & {
         default: string;
     };
-    headerAlign: import("vue-types").VueTypeValidableDef<"right" | "left" | "center"> & {
-        default: "right" | "left" | "center";
+    headerAlign: import("vue-types").VueTypeValidableDef<"left" | "right" | "center"> & {
+        default: "left" | "right" | "center";
     };
-    footerAlign: import("vue-types").VueTypeValidableDef<"right" | "left" | "center"> & {
-        default: "right" | "left" | "center";
+    footerAlign: import("vue-types").VueTypeValidableDef<"left" | "right" | "center"> & {
+        default: "left" | "right" | "center";
     };
-    confirmButtonTheme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
-        default: "success" | "warning" | "danger" | "primary";
+    confirmButtonTheme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary"> & {
+        default: "success" | "danger" | "warning" | "primary";
     };
-    dialogType: import("vue-types").VueTypeDef<"show" | "process" | "operation" | "confirm">;
+    dialogType: import("vue-types").VueTypeDef<"show" | "process" | "confirm" | "operation">;
     isLoading: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -507,8 +507,8 @@ declare const BkDialog: {
 }, string, {
     title: string;
     extCls: string;
-    top: string;
     left: string;
+    top: string;
     isShow: boolean;
     draggable: boolean;
     transfer: string | boolean | HTMLElement;
@@ -525,9 +525,9 @@ declare const BkDialog: {
     nextText: string;
     current: number;
     totalStep: number;
-    headerAlign: "right" | "left" | "center";
-    footerAlign: "right" | "left" | "center";
-    confirmButtonTheme: "success" | "warning" | "danger" | "primary";
+    headerAlign: "left" | "right" | "center";
+    footerAlign: "left" | "right" | "center";
+    confirmButtonTheme: "success" | "danger" | "warning" | "primary";
     isLoading: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default BkDialog;

package/lib/dialog/index.js

@@ -823,8 +823,8 @@ function _isSlot(s) {
           }, [(_slots$tools = slots.tools) === null || _slots$tools === void 0 ? void 0 : _slots$tools.call(slots)]), (0,external_vue_namespaceObject.createVNode)("div", {
             "class": resolveClassName('dialog-header')
           }, [(0,external_vue_namespaceObject.createVNode)("span", {
-            "class": resolveClassName('dialog-title'),
-            "style": "text-align: ".concat(props.headerAlign)
+            "style": "text-align: ".concat(props.headerAlign),
+            "class": resolveClassName('dialog-title')
           }, [(_slots$header = (_slots$header2 = slots.header) === null || _slots$header2 === void 0 ? void 0 : _slots$header2.call(slots)) !== null && _slots$header !== void 0 ? _slots$header : props.title])])]);
         },
         "default": function _default() {
@@ -835,8 +835,8 @@ function _isSlot(s) {
         footer: function footer() {
           if (slots.footer) {
             return (0,external_vue_namespaceObject.createVNode)("div", {
-              "class": resolveClassName('dialog-footer'),
-              "style": "text-align: ".concat(props.footerAlign)
+              "style": "text-align: ".concat(props.footerAlign),
+              "class": resolveClassName('dialog-footer')
             }, [slots.footer()]);
           }
           if (!['process', 'operation', 'confirm'].includes(props.dialogType)) {
@@ -845,17 +845,17 @@ function _isSlot(s) {
           var renderFooterAction = function renderFooterAction() {
             if (props.dialogType === 'operation') {
               return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
-                "onClick": handleConfirm,
+                "loading": props.isLoading,
                 "theme": props.confirmButtonTheme,
-                "loading": props.isLoading
+                "onClick": handleConfirm
               }, {
                 "default": function _default() {
                   return [localConfirmText.value];
                 }
               }), (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
                 "class": resolveClassName('dialog-cancel'),
-                "onClick": handleClose,
-                "disabled": props.isLoading
+                "disabled": props.isLoading,
+                "onClick": handleClose
               }, {
                 "default": function _default() {
                   return [localCancelText.value];
@@ -864,9 +864,9 @@ function _isSlot(s) {
             }
             if (props.dialogType === 'confirm') {
               return (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
-                "onClick": handleConfirm,
+                "loading": props.isLoading,
                 "theme": props.confirmButtonTheme,
-                "loading": props.isLoading
+                "onClick": handleConfirm
               }, {
                 "default": function _default() {
                   return [localConfirmText.value];
@@ -889,17 +889,17 @@ function _isSlot(s) {
                   return [localNextText.value];
                 }
               }), props.current >= 1 && props.current === props.totalStep && (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
-                "onClick": handleConfirm,
+                "loading": props.isLoading,
                 "theme": props.confirmButtonTheme,
-                "loading": props.isLoading
+                "onClick": handleConfirm
               }, {
                 "default": function _default() {
                   return [localConfirmText.value];
                 }
               }), (0,external_vue_namespaceObject.createVNode)(button_namespaceObject["default"], {
                 "class": resolveClassName('dialog-cancel'),
-                "onClick": handleClose,
-                "disabled": props.isLoading
+                "disabled": props.isLoading,
+                "onClick": handleClose
               }, {
                 "default": function _default() {
                   return [localCancelText.value];
@@ -908,8 +908,8 @@ function _isSlot(s) {
             }
           };
           return (0,external_vue_namespaceObject.createVNode)("div", {
-            "class": resolveClassName('dialog-footer'),
-            "style": "text-align: ".concat(props.footerAlign)
+            "style": "text-align: ".concat(props.footerAlign),
+            "class": resolveClassName('dialog-footer')
           }, [renderFooterAction()]);
         },
         close: function close() {
@@ -921,20 +921,20 @@ function _isSlot(s) {
         inheritAttrs[instance.vnode.scopeId] = '';
       }
       return (0,external_vue_namespaceObject.createVNode)(modal_namespaceObject["default"], (0,external_vue_namespaceObject.mergeProps)(inheritAttrs, {
-        "class": _defineProperty(_defineProperty({}, resolveClassName('dialog'), true), 'is-fullscreen', props.fullscreen),
-        "isShow": props.isShow,
-        "fullscreen": props.fullscreen,
         "width": props.fullscreen ? 'auto' : props.width,
+        "class": _defineProperty(_defineProperty({}, resolveClassName('dialog'), true), 'is-fullscreen', props.fullscreen),
         "animateType": "fadein",
         "beforeClose": props.beforeClose,
         "closeIcon": props.closeIcon,
         "escClose": props.escClose,
+        "fullscreen": props.fullscreen,
+        "isShow": props.isShow,
+        "left": props.fullscreen ? '0px' : positionData.moveStyle.left,
         "quickClose": props.quickClose,
-        "showMask": props.showMask,
-        "transfer": props.transfer,
         "renderDirective": props.renderDirective,
-        "left": props.fullscreen ? '0px' : positionData.moveStyle.left,
+        "showMask": props.showMask,
         "top": props.fullscreen ? '0px' : positionData.moveStyle.top,
+        "transfer": props.transfer,
         "zIndex": props.zIndex,
         "onClose": handleClose,
         "onHidden": handleHidden,

package/lib/dialog/props.d.ts

@@ -29,16 +29,16 @@ declare const props: {
     } & {
         default: string;
     };
-    headerAlign: import("vue-types").VueTypeValidableDef<"right" | "left" | "center"> & {
-        default: "right" | "left" | "center";
+    headerAlign: import("vue-types").VueTypeValidableDef<"left" | "right" | "center"> & {
+        default: "left" | "right" | "center";
     };
-    footerAlign: import("vue-types").VueTypeValidableDef<"right" | "left" | "center"> & {
-        default: "right" | "left" | "center";
+    footerAlign: import("vue-types").VueTypeValidableDef<"left" | "right" | "center"> & {
+        default: "left" | "right" | "center";
     };
-    confirmButtonTheme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
-        default: "success" | "warning" | "danger" | "primary";
+    confirmButtonTheme: import("vue-types").VueTypeDef<"success" | "danger" | "warning" | "primary"> & {
+        default: "success" | "danger" | "warning" | "primary";
     };
-    dialogType: import("vue-types").VueTypeDef<"show" | "process" | "operation" | "confirm">;
+    dialogType: import("vue-types").VueTypeDef<"show" | "process" | "confirm" | "operation">;
     isLoading: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {

package/lib/directives/index.d.ts

@@ -1,5 +1,5 @@
-export { overflowTitle } from '../overflow-title';
-export { default as mousewheel } from './mousewheel';
 export { default as clickoutside } from './clickoutside';
-export { default as bkTooltips } from './tooltips';
 export { default as bkEllipsis, createInstance as bkEllipsisInstance } from './ellipsis';
+export { default as mousewheel } from './mousewheel';
+export { default as bkTooltips } from './tooltips';
+export { overflowTitle } from '../overflow-title';