bkui-vue 2.0.1-beta.11 → 2.0.1-beta.111

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>;
@@ -56,7 +56,7 @@ declare const dateRangePanelProps: {
         readonly default: "yyyy-MM-dd";
     };
     readonly timePickerOptions: {
-        readonly type: PropType<Record<string, any>>;
+        readonly type: PropType<Record<string, unknown>>;
         readonly default: () => {};
     };
     readonly shortcutSelectedIndex: {
@@ -120,7 +120,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "yyyy-MM-dd";
     };
     readonly timePickerOptions: {
-        readonly type: PropType<Record<string, any>>;
+        readonly type: PropType<Record<string, unknown>>;
         readonly default: () => {};
     };
     readonly shortcutSelectedIndex: {
@@ -166,7 +166,7 @@ declare const _default: import("vue").DefineComponent<{
     handlePickSuccess: () => void;
     handlePickClear: () => void;
     handlePickClick: () => void;
-    timePickerRef: import("vue").Ref<any>;
+    timePickerRef: any;
     t: import("vue").ComputedRef<{
         selectDate: string;
         selectTime: string;
@@ -255,7 +255,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "yyyy-MM-dd";
     };
     readonly timePickerOptions: {
-        readonly type: PropType<Record<string, any>>;
+        readonly type: PropType<Record<string, unknown>>;
         readonly default: () => {};
     };
     readonly shortcutSelectedIndex: {
@@ -273,7 +273,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly confirm: boolean;
     readonly clearable: boolean;
     readonly format: string;
-    readonly timePickerOptions: {};
+    readonly timePickerOptions: Record<string, unknown>;
     readonly splitPanels: boolean;
     readonly shortcuts: DatePickerShortcutsType;
     readonly shortcutClose: boolean;

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>;
@@ -128,7 +128,7 @@ declare const _default: import("vue").DefineComponent<{
     handlePickClear: () => void;
     handlePick: (value: any, _visible: boolean, type: any, _shortcut: any) => void;
     handlePickClick: () => void;
-    timePickerRef: import("vue").Ref<any>;
+    timePickerRef: any;
     resolveClassName: (cls: string) => string;
     currentView: import("vue").Ref<SelectionModeType>;
     pickerTable: import("vue").Ref<string>;

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[]>;
@@ -121,10 +121,6 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "bottom-start";
         readonly validator: (value: any) => boolean;
     };
-    transfer: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
     appendToBody: {
         readonly type: BooleanConstructor;
         readonly default: false;
@@ -186,8 +182,8 @@ declare const _default: import("vue").DefineComponent<{
     handleEndChange: (date: any) => void;
     handlePickClick: () => void;
     updateScroll: () => void;
-    timeSpinnerRef: import("vue").Ref<any>;
-    timeSpinnerEndRef: import("vue").Ref<any>;
+    timeSpinnerRef: any;
+    timeSpinnerEndRef: any;
     resolveClassName: (cls: string) => string;
     showDate: import("vue").Ref<boolean>;
     dateStart: import("vue").Ref<{
@@ -413,10 +409,6 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "bottom-start";
         readonly validator: (value: any) => boolean;
     };
-    transfer: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
     appendToBody: {
         readonly type: BooleanConstructor;
         readonly default: false;
@@ -483,7 +475,6 @@ declare const _default: import("vue").DefineComponent<{
     open: boolean;
     multiple: boolean;
     placeholder: string;
-    transfer: boolean;
     steps: number[];
     behavior: "normal" | "simplicity";
     clearable: boolean;

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;
@@ -129,10 +129,6 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "bottom-start";
         readonly validator: (value: any) => boolean;
     };
-    transfer: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
     appendToBody: {
         readonly type: BooleanConstructor;
         readonly default: false;
@@ -190,11 +186,11 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: true;
     };
 }, {
-    visibleDate: import("vue").ComputedRef<any>;
+    visibleDate: any;
     showSeconds: import("vue").ComputedRef<boolean>;
     timeSlots: import("vue").ComputedRef<any[]>;
     disabledHMS: import("vue").ComputedRef<IDisabledHMS>;
-    timeSpinnerRef: import("vue").Ref<any>;
+    timeSpinnerRef: any;
     handlePickClick: () => void;
     handleChange: (date: any, isEmit?: boolean) => void;
     resolveClassName: (cls: string) => string;
@@ -363,10 +359,6 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "bottom-start";
         readonly validator: (value: any) => boolean;
     };
-    transfer: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
     appendToBody: {
         readonly type: BooleanConstructor;
         readonly default: false;
@@ -436,7 +428,6 @@ declare const _default: import("vue").DefineComponent<{
     open: boolean;
     multiple: boolean;
     placeholder: string;
-    transfer: boolean;
     steps: number[];
     confirm: boolean;
     behavior: "normal" | "simplicity";

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>;
@@ -54,10 +54,6 @@ export declare const datePickerProps: {
         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;

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

@@ -81,10 +81,6 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "bottom-start";
         readonly validator: (value: any) => boolean;
     };
-    transfer: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
     appendToBody: {
         readonly type: BooleanConstructor;
         readonly default: false;
@@ -161,11 +157,11 @@ declare const _default: import("vue").DefineComponent<{
         disabledSeconds: unknown[];
         hideDisabledOptions: boolean;
     }>;
-    pickerDropdownRef: import("vue").Ref<any>;
-    inputRef: import("vue").Ref<any>;
+    pickerDropdownRef: any;
+    inputRef: any;
     triggerRef: import("vue").Ref<HTMLElement>;
-    pickerPanelRef: import("vue").Ref<any>;
-    teleportTo: import("vue").Ref<any>;
+    pickerPanelRef: any;
+    teleportTo: any;
     handleClose: (e?: Event) => boolean;
     handleIconClick: () => void;
     handleInputMouseenter: () => void;
@@ -200,7 +196,7 @@ declare const _default: import("vue").DefineComponent<{
     shortcut: import("vue").Ref<any>;
     onSelectionModeChange: import("vue").Ref<(_type: any) => SelectionModeType>;
     tmpValue: import("vue").Ref<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "input" | "clear" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change")[], "change" | "input" | "clear" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "input" | "clear" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change")[], "blur" | "change" | "focus" | "input" | "clear" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     disabledHours: {
         readonly type: ArrayConstructor;
         readonly default: () => any[];
@@ -281,10 +277,6 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "bottom-start";
         readonly validator: (value: any) => boolean;
     };
-    transfer: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
     appendToBody: {
         readonly type: BooleanConstructor;
         readonly default: false;
@@ -342,6 +334,8 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: true;
     };
 }>> & {
+    onFocus?: (...args: any[]) => any;
+    onBlur?: (...args: any[]) => any;
     onChange?: (...args: any[]) => any;
     onInput?: (...args: any[]) => any;
     onClear?: (...args: any[]) => any;
@@ -359,7 +353,6 @@ declare const _default: import("vue").DefineComponent<{
     open: boolean;
     multiple: boolean;
     placeholder: string;
-    transfer: boolean;
     behavior: "normal" | "simplicity";
     clearable: boolean;
     readonly: boolean;

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,21 +29,24 @@ 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<"danger" | "primary" | "success" | "warning"> & {
+        default: "danger" | "primary" | "success" | "warning";
     };
-    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;
     } & {
         default: boolean;
     };
+    transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
+        default: string | boolean | (() => HTMLElement);
+    };
     isShow: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -75,19 +78,18 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
-    transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
-        default: string | boolean | (() => HTMLElement);
-    };
     zIndex: import("vue-types").VueTypeDef<string | number>;
     animateType: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     } & {
         default: string;
     };
-    renderDirective: import("vue-types").VueTypeValidableDef<"show" | "if"> & {
-        default: "show" | "if";
+    renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+        default: "if" | "show";
+    };
+    beforeClose: import("vue-types").VueTypeValidableDef<() => boolean | Promise<boolean>> & {
+        default: () => boolean | Promise<boolean>;
     };
-    beforeClose: import("vue-types").VueTypeDef<unknown>;
     left: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -97,6 +99,11 @@ declare const _default: import("vue").DefineComponent<{
     extCls: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
+    backgroundColor: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     closed: () => true;
     shown: () => true;
@@ -136,21 +143,24 @@ 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<"danger" | "primary" | "success" | "warning"> & {
+        default: "danger" | "primary" | "success" | "warning";
     };
-    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;
     } & {
         default: boolean;
     };
+    transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
+        default: string | boolean | (() => HTMLElement);
+    };
     isShow: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -182,19 +192,18 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
-    transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
-        default: string | boolean | (() => HTMLElement);
-    };
     zIndex: import("vue-types").VueTypeDef<string | number>;
     animateType: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     } & {
         default: string;
     };
-    renderDirective: import("vue-types").VueTypeValidableDef<"show" | "if"> & {
-        default: "show" | "if";
+    renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
+        default: "if" | "show";
+    };
+    beforeClose: import("vue-types").VueTypeValidableDef<() => boolean | Promise<boolean>> & {
+        default: () => boolean | Promise<boolean>;
     };
-    beforeClose: import("vue-types").VueTypeDef<unknown>;
     left: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -204,6 +213,11 @@ declare const _default: import("vue").DefineComponent<{
     extCls: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
+    backgroundColor: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
 }>> & {
     onHidden?: () => any;
     onShown?: () => any;
@@ -215,27 +229,29 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     title: string;
     extCls: string;
-    top: string;
     left: string;
+    top: string;
     isShow: boolean;
+    renderDirective: "if" | "show";
+    backgroundColor: string;
     draggable: boolean;
     transfer: string | boolean | HTMLElement;
-    renderDirective: "show" | "if";
     fullscreen: boolean;
     showMask: boolean;
     closeIcon: boolean;
     escClose: boolean;
     quickClose: boolean;
     animateType: string;
+    beforeClose: () => boolean | Promise<boolean>;
     confirmText: string;
     cancelText: string;
     prevText: string;
     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: "danger" | "primary" | "success" | "warning";
     isLoading: boolean;
 }, {}>;
 export default _default;

package/lib/dialog/dialog.variable.css

@@ -109,6 +109,7 @@
   --date-picker-dropdown-bg: #fff;
   --table-bg-color: var(--white-color);
   --table-border-color: #dcdee5;
+  --table-strip-color: #fafbfd;
   --table-head-bg-color: #fafbfd;
   --table-head-font-color: #313238;
   --table-body-font-color: #63656E;