bkui-vue 0.0.1-beta.16 → 0.0.1-beta.17

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

@@ -244,13 +244,13 @@ declare const _default: import("vue").DefineComponent<{
     onPick: (_dates: any, visible: boolean, type: any, shortcut: any) => void;
     showClose: import("vue").Ref<boolean>;
     visible: import("vue").Ref<boolean>;
-    internalValue: any;
+    internalValue: import("vue").Ref<any>;
     disableClickOutSide: import("vue").Ref<boolean>;
     disableCloseUnderTransfer: import("vue").Ref<boolean>;
     selectionMode: import("vue").Ref<SelectionModeType>;
     forceInputRerender: import("vue").Ref<number>;
     isFocused: import("vue").Ref<boolean>;
-    focusedDate: any;
+    focusedDate: import("vue").Ref<any>;
     focusedTime: import("vue").Ref<{
         column: number;
         picker: number;
@@ -259,68 +259,115 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     internalFocus: import("vue").Ref<boolean>;
     timeEnterMode: import("vue").Ref<boolean>;
-    shortcut: any;
+    shortcut: import("vue").Ref<any>;
     onSelectionModeChange: import("vue").Ref<(_type: any) => 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<{
-    readonly type?: unknown;
-    readonly extPopoverCls?: unknown;
-    readonly format?: unknown;
-    readonly readonly?: unknown;
-    readonly disabled?: unknown;
-    readonly editable?: unknown;
-    readonly clearable?: unknown;
-    readonly open?: unknown;
-    readonly multiple?: unknown;
-    readonly timePickerOptions?: unknown;
-    readonly splitPanels?: unknown;
-    readonly startDate?: unknown;
-    readonly placeholder?: unknown;
-    readonly placement?: unknown;
-    readonly transfer?: unknown;
-    readonly appendToBody?: unknown;
-    readonly shortcuts?: unknown;
-    readonly shortcutClose?: unknown;
-    readonly modelValue?: unknown;
-    readonly options?: unknown;
-    readonly fontSize?: unknown;
-    readonly upToNow?: unknown;
-    readonly useShortcutText?: unknown;
-    readonly shortcutSelectedIndex?: unknown;
-    readonly footerSlotCls?: unknown;
-    readonly allowCrossDay?: unknown;
-    readonly behavior?: unknown;
-    readonly disableDate?: unknown;
-} & {
-    placement: import("@popperjs/core").ComputedPlacement;
-    options: Record<string, any>;
-    placeholder: string;
-    multiple: boolean;
-    disabled: boolean;
-    type: PickerTypeType;
-    extPopoverCls: string;
-    readonly: boolean;
-    editable: boolean;
-    clearable: boolean;
-    timePickerOptions: {};
-    splitPanels: boolean;
-    transfer: boolean;
-    appendToBody: boolean;
-    shortcuts: DatePickerShortcutsType;
-    shortcutClose: boolean;
-    fontSize: "large" | "normal" | "medium";
-    upToNow: boolean;
-    useShortcutText: boolean;
-    shortcutSelectedIndex: number;
-    footerSlotCls: string;
-    allowCrossDay: boolean;
-    behavior: "normal" | "simplicity";
-} & {
-    open?: boolean;
-    modelValue?: DatePickerValueType;
-    format?: string;
-    startDate?: Date;
-    disableDate?: DisableDateType;
-}> & {
+}, 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<ExtractPropTypes<{
+    readonly type: {
+        readonly type: PropType<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: 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: 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: PropType<DatePickerShortcutsType>;
+        readonly default: () => any[];
+    };
+    readonly shortcutClose: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly modelValue: {
+        readonly type: PropType<DatePickerValueType>;
+    };
+    readonly options: {
+        readonly type: ObjectConstructor;
+        readonly default: () => {};
+    };
+    readonly fontSize: {
+        readonly type: 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 footerSlotCls: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly allowCrossDay: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly behavior: {
+        readonly type: PropType<"normal" | "simplicity">;
+        readonly default: "normal";
+        readonly validator: (v: any) => boolean;
+    };
+    readonly disableDate: PropType<DisableDateType>;
+}>> & {
     onChange?: (...args: any[]) => any;
     onInput?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;

package/lib/date-picker/date-picker.variable.css

@@ -83,6 +83,12 @@
   --date-picker-disabled-bg: #fafbfd;
   --date-picker-dropdown-mb: 4px;
   --date-picker-dropdown-bg: #fff;
+  --table-bg-color: var(--white-color);
+  --table-border-color: #dcdee5;
+  --table-head-bg-color: #fafbfd;
+  --table-head-font-color: #313238;
+  --table-body-font-color: #575961;
+  --table-row-hover-bg-color: #f5f7fa;
 }
 .bk-date-picker {
   display: inline-block;