vft 0.0.150 → 0.0.153

package/lib/components/time-picker/common/picker.vue.d.ts

@@ -2,84 +2,84 @@ import type { Options } from '@popperjs/core';
 import type { Dayjs } from 'dayjs';
 import type { DateModelType, DayOrDays, PickerOptions, SingleOrRange } from './props';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    disabledDate: {
+    readonly disabledDate: {
         readonly type: globalThis.PropType<Function>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    cellClassName: {
+    readonly cellClassName: {
         readonly type: globalThis.PropType<Function>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    shortcuts: import("vft/es/utils").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
-    arrowControl: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    label: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
-    tabindex: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
-    validateEvent: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    unlinkPanels: BooleanConstructor;
-    disabledHours: {
+    readonly shortcuts: import("vft/es/utils").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
+    readonly arrowControl: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly label: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+    readonly tabindex: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
+    readonly validateEvent: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly unlinkPanels: BooleanConstructor;
+    readonly disabledHours: {
         readonly type: globalThis.PropType<import("../props/shared").GetDisabledHours>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    disabledMinutes: {
+    readonly disabledMinutes: {
         readonly type: globalThis.PropType<import("../props/shared").GetDisabledMinutes>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    disabledSeconds: {
+    readonly disabledSeconds: {
         readonly type: globalThis.PropType<import("../props/shared").GetDisabledSeconds>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    id: {
+    readonly id: {
         readonly type: globalThis.PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>) | ((new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    name: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>) | ((new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>))[], unknown, unknown, "", boolean>;
-    popperClass: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    format: StringConstructor;
-    valueFormat: StringConstructor;
-    type: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    clearable: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    clearIcon: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown, "icon-circle-close", boolean>;
-    editable: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    prefixIcon: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown, "", boolean>;
-    size: {
+    readonly name: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>) | ((new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>))[], unknown, unknown, "", boolean>;
+    readonly popperClass: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly format: StringConstructor;
+    readonly valueFormat: StringConstructor;
+    readonly type: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly clearable: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly clearIcon: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown, "icon-circle-close", boolean>;
+    readonly editable: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly prefixIcon: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown, "", boolean>;
+    readonly size: {
         readonly type: globalThis.PropType<import("vft/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    disabled: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    placeholder: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    popperOptions: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | ((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>))[], unknown, unknown, () => {}, boolean>;
-    modelValue: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType) | ((new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType))[], unknown, unknown, "", boolean>;
-    rangeSeparator: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
-    startPlaceholder: StringConstructor;
-    endPlaceholder: StringConstructor;
-    defaultValue: {
+    readonly readonly: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly disabled: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly placeholder: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly popperOptions: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | ((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>))[], unknown, unknown, () => {}, boolean>;
+    readonly modelValue: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType) | ((new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType))[], unknown, unknown, "", boolean>;
+    readonly rangeSeparator: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
+    readonly startPlaceholder: StringConstructor;
+    readonly endPlaceholder: StringConstructor;
+    readonly defaultValue: {
         readonly type: globalThis.PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    defaultTime: {
+    readonly defaultTime: {
         readonly type: globalThis.PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    isRange: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly isRange: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
 }, {
     /**
      * @description focus input box.
@@ -114,115 +114,115 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "calendar-change": (...args: any[]) => void;
     "panel-change": (...args: any[]) => void;
     "visible-change": (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    disabledDate: {
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    readonly disabledDate: {
         readonly type: globalThis.PropType<Function>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    cellClassName: {
+    readonly cellClassName: {
         readonly type: globalThis.PropType<Function>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    shortcuts: import("vft/es/utils").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
-    arrowControl: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    label: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
-    tabindex: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
-    validateEvent: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    unlinkPanels: BooleanConstructor;
-    disabledHours: {
+    readonly shortcuts: import("vft/es/utils").EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
+    readonly arrowControl: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly label: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+    readonly tabindex: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
+    readonly validateEvent: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly unlinkPanels: BooleanConstructor;
+    readonly disabledHours: {
         readonly type: globalThis.PropType<import("../props/shared").GetDisabledHours>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    disabledMinutes: {
+    readonly disabledMinutes: {
         readonly type: globalThis.PropType<import("../props/shared").GetDisabledMinutes>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    disabledSeconds: {
+    readonly disabledSeconds: {
         readonly type: globalThis.PropType<import("../props/shared").GetDisabledSeconds>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    id: {
+    readonly id: {
         readonly type: globalThis.PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>) | ((new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    name: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>) | ((new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>))[], unknown, unknown, "", boolean>;
-    popperClass: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    format: StringConstructor;
-    valueFormat: StringConstructor;
-    type: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    clearable: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    clearIcon: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown, "icon-circle-close", boolean>;
-    editable: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    prefixIcon: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown, "", boolean>;
-    size: {
+    readonly name: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>) | ((new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>))[], unknown, unknown, "", boolean>;
+    readonly popperClass: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly format: StringConstructor;
+    readonly valueFormat: StringConstructor;
+    readonly type: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly clearable: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly clearIcon: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown, "icon-circle-close", boolean>;
+    readonly editable: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly prefixIcon: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown, "", boolean>;
+    readonly size: {
         readonly type: globalThis.PropType<import("vft/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    disabled: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    placeholder: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    popperOptions: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | ((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>))[], unknown, unknown, () => {}, boolean>;
-    modelValue: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType) | ((new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType))[], unknown, unknown, "", boolean>;
-    rangeSeparator: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
-    startPlaceholder: StringConstructor;
-    endPlaceholder: StringConstructor;
-    defaultValue: {
+    readonly readonly: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly disabled: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly placeholder: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly popperOptions: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | ((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>))[], unknown, unknown, () => {}, boolean>;
+    readonly modelValue: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType) | ((new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType))[], unknown, unknown, "", boolean>;
+    readonly rangeSeparator: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
+    readonly startPlaceholder: StringConstructor;
+    readonly endPlaceholder: StringConstructor;
+    readonly defaultValue: {
         readonly type: globalThis.PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    defaultTime: {
+    readonly defaultTime: {
         readonly type: globalThis.PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    isRange: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly isRange: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
 }>> & {
-    onFocus?: ((...args: any[]) => any) | undefined;
-    onBlur?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
     onKeydown?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onCalendar-change"?: ((...args: any[]) => any) | undefined;
     "onPanel-change"?: ((...args: any[]) => any) | undefined;
     "onVisible-change"?: ((...args: any[]) => any) | undefined;
 }, {
-    label: string;
-    name: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>) | ((new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>))[], unknown, unknown>;
-    type: string;
-    modelValue: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType) | ((new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType))[], unknown, unknown>;
-    readonly: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    disabled: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    placeholder: string;
-    clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    prefixIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
-    clearIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
-    tabindex: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
-    validateEvent: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    popperOptions: Partial<Options>;
-    popperClass: string;
-    editable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    rangeSeparator: string;
-    isRange: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    shortcuts: unknown[];
-    arrowControl: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    unlinkPanels: boolean;
+    readonly label: string;
+    readonly name: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>) | ((new (...args: any[]) => string | [string, string]) | (() => SingleOrRange<string>))[], unknown, unknown>;
+    readonly type: string;
+    readonly modelValue: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType) | ((new (...args: any[]) => string | number | Date | [DateModelType, DateModelType]) | (() => import("./props").ModelValueType))[], unknown, unknown>;
+    readonly readonly: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly disabled: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly placeholder: string;
+    readonly clearable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly prefixIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
+    readonly clearIcon: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component) | ((new (...args: any[]) => (string | globalThis.Component) & {}) | (() => string | globalThis.Component))[], unknown, unknown>;
+    readonly tabindex: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
+    readonly validateEvent: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly popperOptions: Partial<Options>;
+    readonly popperClass: string;
+    readonly editable: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly rangeSeparator: string;
+    readonly isRange: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly shortcuts: unknown[];
+    readonly arrowControl: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly unlinkPanels: boolean;
 }, {}>, {
     "range-separator"?(_: {}): any;
     default?(_: {

package/lib/components/time-picker/common/picker.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),m=require("@vft/utils");require("../../form/index.cjs");const F=require("../../icon/index.cjs"),Pe=require("../../input/index.cjs"),De=require("../../tooltip/index.cjs"),b=require("../../../constants/aria.cjs"),Te=require("@vueuse/core"),ne=require("../../../utils/error.cjs");require("../../../utils/ns-cover.cjs");const Be=require("lodash"),J=require("../../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const C=require("../utils.cjs"),Se=require("./props.cjs"),qe=require("../../form/hooks/use-form-item.cjs"),Me=require("../../form/hooks/use-form-common-props.cjs"),Ne=["id","name","placeholder","value","disabled","readonly"],Re=["id","name","placeholder","value","disabled","readonly"],ze=a.defineComponent({name:"Picker"}),Fe=a.defineComponent({...ze,props:Se.timePickerDefaultProps,emits:["update:modelValue","change","focus","blur","calendar-change","panel-change","visible-change","keydown"],setup(le,{expose:oe,emit:c}){const u=le,V=a.ref("zh-cn"),p=J.useNamespace("date"),E=J.useNamespace("input"),v=J.useNamespace("range"),{form:O,formItem:g}=qe.useFormItem(),ue=a.inject("VftPopperOptions",{}),$=a.ref(),h=a.ref(),t=a.ref(!1),A=a.ref(!1),G=a.ref(null);let K=!1,I=!1;a.watch(t,e=>{e?a.nextTick(()=>{e&&(G.value=u.modelValue)}):(l.value=null,a.nextTick(()=>{j(u.modelValue)}))});const j=(e,n)=>{(n||!C.valueEquals(e,G.value))&&(c("change",e),u.validateEvent&&(g==null||g.validate("change").catch(o=>ne.debugWarn(o))))},y=e=>{if(!C.valueEquals(u.modelValue,e)){let n;m.isArray(e)?n=e.map(o=>C.formatter(o,u.valueFormat,V.value)):e&&(n=C.formatter(e,u.valueFormat,V.value)),c("update:modelValue",e&&n,V.value)}},te=e=>{c("keydown",e)},w=a.computed(()=>{if(h.value){const e=N.value?h.value:h.value.$el;return Array.from(e.querySelectorAll("input"))}return[]}),re=(e,n,o)=>{const r=w.value;r.length&&(!o||o==="min"?(r[0].setSelectionRange(e,n),r[0].focus()):o==="max"&&(r[1].setSelectionRange(e,n),r[1].focus()))},se=()=>{U(!0,!0),a.nextTick(()=>{I=!1})},Q=(e="",n=!1)=>{n||(I=!0),t.value=n;let o;m.isArray(e)?o=e.map(r=>r.toDate()):o=e&&e.toDate(),l.value=null,y(o)},ie=()=>{A.value=!0},ce=()=>{c("visible-change",!0)},fe=e=>{(e==null?void 0:e.key)===b.EVENT_CODE.esc&&U(!0,!0)},de=()=>{A.value=!1,t.value=!1,I=!1,c("visible-change",!1)},pe=()=>{t.value=!0},ve=()=>{t.value=!1},U=(e=!0,n=!1)=>{I=n;const[o,r]=a.unref(w);let d=o;!e&&N.value&&(d=r),d&&d.focus()},P=e=>{u.readonly||i.value||t.value||I||(t.value=!0,c("focus",e))};let X;const T=e=>{const n=async()=>{setTimeout(()=>{var o;X===n&&(!((o=$.value)!=null&&o.isFocusInsideContent()&&!K)&&w.value.filter(r=>r.contains(document.activeElement)).length===0&&(H(),t.value=!1,c("blur",e),u.validateEvent&&(g==null||g.validate("blur").catch(r=>ne.debugWarn(r)))),K=!1)},0)};X=n,n()},i=a.computed(()=>u.disabled||(O==null?void 0:O.disabled)),B=a.computed(()=>{let e;if(q.value?s.value.getDefaultValue&&(e=s.value.getDefaultValue()):m.isArray(u.modelValue)?e=u.modelValue.map(n=>C.parseDate(n,u.valueFormat,V.value)):e=C.parseDate(u.modelValue,u.valueFormat,V.value),s.value.getRangeAvailableTime){const n=s.value.getRangeAvailableTime(e);Be.isEqual(n,e)||(e=n,y(m.isArray(e)?e.map(o=>o.toDate()):e.toDate()))}return m.isArray(e)&&e.some(n=>!n)&&(e=[]),e}),f=a.computed(()=>{if(!s.value.panelReady)return"";const e=L(B.value);return m.isArray(l.value)?[l.value[0]||e&&e[0]||"",l.value[1]||e&&e[1]||""]:l.value!==null?l.value:!he.value&&q.value||!t.value&&q.value?"":e?Y.value?e.join(", "):e:""}),me=a.computed(()=>u.type.includes("time")),he=a.computed(()=>u.type.startsWith("time")),Y=a.computed(()=>u.type==="dates"),S=a.computed(()=>u.prefixIcon||(me.value?"icon-clock":"icon-calendar")),k=a.ref(!1),Z=e=>{u.readonly||i.value||k.value&&(e.stopPropagation(),se(),y(null),j(null,!0),k.value=!1,t.value=!1,s.value.handleClear&&s.value.handleClear())},q=a.computed(()=>{const{modelValue:e}=u;return!e||m.isArray(e)&&!e.filter(Boolean).length}),D=async e=>{var n;u.readonly||i.value||(((n=e.target)==null?void 0:n.tagName)!=="INPUT"||w.value.includes(document.activeElement))&&(t.value=!0)},_=()=>{u.readonly||i.value||!q.value&&u.clearable&&(k.value=!0)},x=()=>{k.value=!1},M=e=>{var n;u.readonly||i.value||(((n=e.touches[0].target)==null?void 0:n.tagName)!=="INPUT"||w.value.includes(document.activeElement))&&(t.value=!0)},N=a.computed(()=>u.type.includes("range")),W=Me.useFormSize(),ye=a.computed(()=>{var e,n;return(n=(e=a.unref($))==null?void 0:e.popperRef)==null?void 0:n.contentRef}),ee=a.computed(()=>{var e;return a.unref(N)?a.unref(h):(e=a.unref(h))==null?void 0:e.$el});Te.onClickOutside(ee,e=>{const n=a.unref(ye),o=a.unref(ee);n&&(e.target===n||e.composedPath().includes(n))||e.target===o||e.composedPath().includes(o)||(t.value=!1)});const l=a.ref(null),H=()=>{if(l.value){const e=R(f.value);e&&z(e)&&(y(m.isArray(e)?e.map(n=>n.toDate()):e.toDate()),l.value=null)}l.value===""&&(y(null),j(null),l.value=null)},R=e=>e?s.value.parseUserInput(e):null,L=e=>e?s.value.formatToString(e):null,z=e=>s.value.isValidValue(e),ae=async e=>{if(u.readonly||i.value)return;const{code:n}=e;if(te(e),n===b.EVENT_CODE.esc){t.value===!0&&(t.value=!1,e.preventDefault(),e.stopPropagation());return}if(n===b.EVENT_CODE.down&&(s.value.handleFocusPicker&&(e.preventDefault(),e.stopPropagation()),t.value===!1&&(t.value=!0,await a.nextTick()),s.value.handleFocusPicker)){s.value.handleFocusPicker();return}if(n===b.EVENT_CODE.tab){K=!0;return}if(n===b.EVENT_CODE.enter||n===b.EVENT_CODE.numpadEnter){(l.value===null||l.value===""||z(R(f.value)))&&(H(),t.value=!1),e.stopPropagation();return}if(l.value){e.stopPropagation();return}s.value.handleKeydownInput&&s.value.handleKeydownInput(e)},ge=e=>{l.value=e,t.value||(t.value=!0)},ke=e=>{const n=e.target;l.value?l.value=[n.value,l.value[1]]:l.value=[n.value,null]},be=e=>{const n=e.target;l.value?l.value=[l.value[0],n.value]:l.value=[null,n.value]},Ce=()=>{var r;const e=l.value,n=R(e&&e[0]),o=a.unref(B);if(n&&n.isValid()){l.value=[L(n),((r=f.value)==null?void 0:r[1])||null];const d=[n,o&&(o[1]||null)];z(d)&&(y(d),l.value=null)}},Ve=()=>{var r;const e=a.unref(l),n=R(e&&e[1]),o=a.unref(B);if(n&&n.isValid()){l.value=[((r=a.unref(f))==null?void 0:r[0])||null,L(n)];const d=[o&&o[0],n];z(d)&&(y(d),l.value=null)}},s=a.ref({}),Ee=e=>{s.value[e[0]]=e[1],s.value.panelReady=!0},Ie=e=>{c("calendar-change",e)},we=(e,n,o)=>{c("panel-change",e,n,o)};return a.provide("EP_PICKER_BASE",{props:u}),oe({focus:U,handleFocusInput:P,handleBlurInput:T,handleOpen:pe,handleClose:ve,onPick:Q}),(e,n)=>(a.openBlock(),a.createBlock(a.unref(De.VftTooltip),a.mergeProps({ref_key:"refPopper",ref:$,visible:t.value,effect:"light",pure:"",trigger:"click"},e.$attrs,{role:"dialog",teleported:"",transition:`${a.unref(p).namespace.value}-zoom-in-top`,"popper-class":[`${a.unref(p).namespace.value}-picker__popper`,e.popperClass],"popper-options":a.unref(ue),"fallback-placements":["bottom","top","right","left"],"gpu-acceleration":!1,"stop-popper-mouse-event":!1,"hide-after":0,persistent:"",onBeforeShow:ie,onShow:ce,onHide:de}),{default:a.withCtx(()=>[N.value?(a.openBlock(),a.createElementBlock("div",{key:1,ref_key:"inputRef",ref:h,class:a.normalizeClass([a.unref(p).b("editor"),a.unref(p).bm("editor",e.type),a.unref(E).e("wrapper"),a.unref(p).is("disabled",i.value),a.unref(p).is("active",t.value),a.unref(v).b("editor"),a.unref(W)?a.unref(v).bm("editor",a.unref(W)):"",e.$attrs.class]),style:a.normalizeStyle(e.$attrs.style),onClick:P,onMouseenter:_,onMouseleave:x,onTouchstart:M,onKeydown:ae},[S.value?(a.openBlock(),a.createBlock(a.unref(F.VftIcon),{key:0,icon:S.value,class:a.normalizeClass([a.unref(E).e("icon"),a.unref(v).e("icon")]),onMousedown:a.withModifiers(D,["prevent"]),onTouchstart:M},null,8,["icon","class","onMousedown"])):a.createCommentVNode("",!0),a.createElementVNode("input",{id:e.id&&e.id[0],autocomplete:"off",name:e.name&&e.name[0],placeholder:e.startPlaceholder,value:f.value&&f.value[0],disabled:i.value,readonly:!e.editable||e.readonly,class:a.normalizeClass(a.unref(v).b("input")),onMousedown:D,onInput:ke,onChange:Ce,onFocus:P,onBlur:T},null,42,Ne),a.renderSlot(e.$slots,"range-separator",{},()=>[a.createElementVNode("span",{class:a.normalizeClass(a.unref(v).b("separator"))},a.toDisplayString(e.rangeSeparator),3)]),a.createElementVNode("input",{id:e.id&&e.id[1],autocomplete:"off",name:e.name&&e.name[1],placeholder:e.endPlaceholder,value:f.value&&f.value[1],disabled:i.value,readonly:!e.editable||e.readonly,class:a.normalizeClass(a.unref(v).b("input")),onMousedown:D,onFocus:P,onBlur:T,onInput:be,onChange:Ve},null,42,Re),e.clearIcon?(a.openBlock(),a.createBlock(a.unref(F.VftIcon),{key:1,icon:e.clearIcon,class:a.normalizeClass([a.unref(E).e("icon"),a.unref(v).e("close-icon"),{[a.unref(v).e("close-icon--hidden")]:!k.value}]),onClick:Z},null,8,["icon","class"])):a.createCommentVNode("",!0)],38)):(a.openBlock(),a.createBlock(a.unref(Pe.VftInput),{key:0,id:e.id,ref_key:"inputRef",ref:h,"container-role":"combobox","model-value":f.value,name:e.name,size:a.unref(W),disabled:i.value,placeholder:e.placeholder,class:a.normalizeClass([a.unref(p).b("editor"),a.unref(p).bm("editor",e.type),e.$attrs.class]),style:a.normalizeStyle(e.$attrs.style),readonly:!e.editable||e.readonly||Y.value||e.type==="week",label:e.label,tabindex:e.tabindex,"validate-event":!1,onInput:ge,onFocus:P,onBlur:T,onKeydown:ae,onChange:H,onMousedown:D,onMouseenter:_,onMouseleave:x,onTouchstart:M,onClick:n[0]||(n[0]=a.withModifiers(()=>{},["stop"]))},{prefix:a.withCtx(()=>[S.value?(a.openBlock(),a.createBlock(a.unref(F.VftIcon),{key:0,icon:S.value,class:a.normalizeClass(a.unref(E).e("icon")),onMousedown:a.withModifiers(D,["prevent"]),onTouchstart:M},null,8,["icon","class","onMousedown"])):a.createCommentVNode("",!0)]),suffix:a.withCtx(()=>[k.value&&e.clearIcon?(a.openBlock(),a.createBlock(a.unref(F.VftIcon),{key:0,icon:e.clearIcon,class:a.normalizeClass(`${a.unref(E).e("icon")} clear-icon`),onClick:a.withModifiers(Z,["stop"])},null,8,["icon","class","onClick"])):a.createCommentVNode("",!0)]),_:1},8,["id","model-value","name","size","disabled","placeholder","class","style","readonly","label","tabindex","onKeydown"]))]),content:a.withCtx(()=>[a.renderSlot(e.$slots,"default",{visible:t.value,actualVisible:A.value,parsedValue:B.value,format:e.format,unlinkPanels:e.unlinkPanels,type:e.type,defaultValue:e.defaultValue,onPick:Q,onSelectRange:re,onSetPickerOption:Ee,onCalendarChange:Ie,onPanelChange:we,onKeydown:fe,onMousedown:n[1]||(n[1]=a.withModifiers(()=>{},["stop"]))})]),_:3},16,["visible","transition","popper-class","popper-options"]))}});exports.default=Fe;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),m=require("@vft/utils");require("../../form/index.cjs");const F=require("../../icon/index.cjs"),De=require("../../input/index.cjs"),Te=require("../../tooltip/index.cjs"),b=require("../../../constants/aria.cjs"),Be=require("@vueuse/core"),ne=require("../../../utils/error.cjs");require("../../../utils/ns-cover.cjs");const Se=require("lodash"),J=require("../../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const C=require("../utils.cjs"),qe=require("./props.cjs"),Me=require("../../form/hooks/use-form-item.cjs"),Ne=require("../../form/hooks/use-form-common-props.cjs"),Re=["id","name","placeholder","value","disabled","readonly"],ze=["id","name","placeholder","value","disabled","readonly"],Fe=a.defineComponent({name:"Picker"}),Oe=a.defineComponent({...Fe,props:qe.timePickerDefaultProps,emits:["update:modelValue","change","focus","blur","calendar-change","panel-change","visible-change","keydown"],setup(le,{expose:oe,emit:te}){const t=le,c=te,V=a.ref("zh-cn"),p=J.useNamespace("date"),E=J.useNamespace("input"),v=J.useNamespace("range"),{form:O,formItem:g}=Me.useFormItem(),ue=a.inject("VftPopperOptions",{}),$=a.ref(),h=a.ref(),u=a.ref(!1),A=a.ref(!1),G=a.ref(null);let K=!1,I=!1;a.watch(u,e=>{e?a.nextTick(()=>{e&&(G.value=t.modelValue)}):(l.value=null,a.nextTick(()=>{j(t.modelValue)}))});const j=(e,n)=>{(n||!C.valueEquals(e,G.value))&&(c("change",e),t.validateEvent&&(g==null||g.validate("change").catch(o=>ne.debugWarn(o))))},y=e=>{if(!C.valueEquals(t.modelValue,e)){let n;m.isArray(e)?n=e.map(o=>C.formatter(o,t.valueFormat,V.value)):e&&(n=C.formatter(e,t.valueFormat,V.value)),c("update:modelValue",e&&n,V.value)}},re=e=>{c("keydown",e)},w=a.computed(()=>{if(h.value){const e=N.value?h.value:h.value.$el;return Array.from(e.querySelectorAll("input"))}return[]}),se=(e,n,o)=>{const r=w.value;r.length&&(!o||o==="min"?(r[0].setSelectionRange(e,n),r[0].focus()):o==="max"&&(r[1].setSelectionRange(e,n),r[1].focus()))},ie=()=>{U(!0,!0),a.nextTick(()=>{I=!1})},Q=(e="",n=!1)=>{n||(I=!0),u.value=n;let o;m.isArray(e)?o=e.map(r=>r.toDate()):o=e&&e.toDate(),l.value=null,y(o)},ce=()=>{A.value=!0},fe=()=>{c("visible-change",!0)},de=e=>{(e==null?void 0:e.key)===b.EVENT_CODE.esc&&U(!0,!0)},pe=()=>{A.value=!1,u.value=!1,I=!1,c("visible-change",!1)},ve=()=>{u.value=!0},me=()=>{u.value=!1},U=(e=!0,n=!1)=>{I=n;const[o,r]=a.unref(w);let d=o;!e&&N.value&&(d=r),d&&d.focus()},P=e=>{t.readonly||i.value||u.value||I||(u.value=!0,c("focus",e))};let X;const T=e=>{const n=async()=>{setTimeout(()=>{var o;X===n&&(!((o=$.value)!=null&&o.isFocusInsideContent()&&!K)&&w.value.filter(r=>r.contains(document.activeElement)).length===0&&(H(),u.value=!1,c("blur",e),t.validateEvent&&(g==null||g.validate("blur").catch(r=>ne.debugWarn(r)))),K=!1)},0)};X=n,n()},i=a.computed(()=>t.disabled||(O==null?void 0:O.disabled)),B=a.computed(()=>{let e;if(q.value?s.value.getDefaultValue&&(e=s.value.getDefaultValue()):m.isArray(t.modelValue)?e=t.modelValue.map(n=>C.parseDate(n,t.valueFormat,V.value)):e=C.parseDate(t.modelValue,t.valueFormat,V.value),s.value.getRangeAvailableTime){const n=s.value.getRangeAvailableTime(e);Se.isEqual(n,e)||(e=n,y(m.isArray(e)?e.map(o=>o.toDate()):e.toDate()))}return m.isArray(e)&&e.some(n=>!n)&&(e=[]),e}),f=a.computed(()=>{if(!s.value.panelReady)return"";const e=L(B.value);return m.isArray(l.value)?[l.value[0]||e&&e[0]||"",l.value[1]||e&&e[1]||""]:l.value!==null?l.value:!ye.value&&q.value||!u.value&&q.value?"":e?Y.value?e.join(", "):e:""}),he=a.computed(()=>t.type.includes("time")),ye=a.computed(()=>t.type.startsWith("time")),Y=a.computed(()=>t.type==="dates"),S=a.computed(()=>t.prefixIcon||(he.value?"icon-clock":"icon-calendar")),k=a.ref(!1),Z=e=>{t.readonly||i.value||k.value&&(e.stopPropagation(),ie(),y(null),j(null,!0),k.value=!1,u.value=!1,s.value.handleClear&&s.value.handleClear())},q=a.computed(()=>{const{modelValue:e}=t;return!e||m.isArray(e)&&!e.filter(Boolean).length}),D=async e=>{var n;t.readonly||i.value||(((n=e.target)==null?void 0:n.tagName)!=="INPUT"||w.value.includes(document.activeElement))&&(u.value=!0)},_=()=>{t.readonly||i.value||!q.value&&t.clearable&&(k.value=!0)},x=()=>{k.value=!1},M=e=>{var n;t.readonly||i.value||(((n=e.touches[0].target)==null?void 0:n.tagName)!=="INPUT"||w.value.includes(document.activeElement))&&(u.value=!0)},N=a.computed(()=>t.type.includes("range")),W=Ne.useFormSize(),ge=a.computed(()=>{var e,n;return(n=(e=a.unref($))==null?void 0:e.popperRef)==null?void 0:n.contentRef}),ee=a.computed(()=>{var e;return a.unref(N)?a.unref(h):(e=a.unref(h))==null?void 0:e.$el});Be.onClickOutside(ee,e=>{const n=a.unref(ge),o=a.unref(ee);n&&(e.target===n||e.composedPath().includes(n))||e.target===o||e.composedPath().includes(o)||(u.value=!1)});const l=a.ref(null),H=()=>{if(l.value){const e=R(f.value);e&&z(e)&&(y(m.isArray(e)?e.map(n=>n.toDate()):e.toDate()),l.value=null)}l.value===""&&(y(null),j(null),l.value=null)},R=e=>e?s.value.parseUserInput(e):null,L=e=>e?s.value.formatToString(e):null,z=e=>s.value.isValidValue(e),ae=async e=>{if(t.readonly||i.value)return;const{code:n}=e;if(re(e),n===b.EVENT_CODE.esc){u.value===!0&&(u.value=!1,e.preventDefault(),e.stopPropagation());return}if(n===b.EVENT_CODE.down&&(s.value.handleFocusPicker&&(e.preventDefault(),e.stopPropagation()),u.value===!1&&(u.value=!0,await a.nextTick()),s.value.handleFocusPicker)){s.value.handleFocusPicker();return}if(n===b.EVENT_CODE.tab){K=!0;return}if(n===b.EVENT_CODE.enter||n===b.EVENT_CODE.numpadEnter){(l.value===null||l.value===""||z(R(f.value)))&&(H(),u.value=!1),e.stopPropagation();return}if(l.value){e.stopPropagation();return}s.value.handleKeydownInput&&s.value.handleKeydownInput(e)},ke=e=>{l.value=e,u.value||(u.value=!0)},be=e=>{const n=e.target;l.value?l.value=[n.value,l.value[1]]:l.value=[n.value,null]},Ce=e=>{const n=e.target;l.value?l.value=[l.value[0],n.value]:l.value=[null,n.value]},Ve=()=>{var r;const e=l.value,n=R(e&&e[0]),o=a.unref(B);if(n&&n.isValid()){l.value=[L(n),((r=f.value)==null?void 0:r[1])||null];const d=[n,o&&(o[1]||null)];z(d)&&(y(d),l.value=null)}},Ee=()=>{var r;const e=a.unref(l),n=R(e&&e[1]),o=a.unref(B);if(n&&n.isValid()){l.value=[((r=a.unref(f))==null?void 0:r[0])||null,L(n)];const d=[o&&o[0],n];z(d)&&(y(d),l.value=null)}},s=a.ref({}),Ie=e=>{s.value[e[0]]=e[1],s.value.panelReady=!0},we=e=>{c("calendar-change",e)},Pe=(e,n,o)=>{c("panel-change",e,n,o)};return a.provide("EP_PICKER_BASE",{props:t}),oe({focus:U,handleFocusInput:P,handleBlurInput:T,handleOpen:ve,handleClose:me,onPick:Q}),(e,n)=>(a.openBlock(),a.createBlock(a.unref(Te.VftTooltip),a.mergeProps({ref_key:"refPopper",ref:$,visible:u.value,effect:"light",pure:"",trigger:"click"},e.$attrs,{role:"dialog",teleported:"",transition:`${a.unref(p).namespace.value}-zoom-in-top`,"popper-class":[`${a.unref(p).namespace.value}-picker__popper`,e.popperClass],"popper-options":a.unref(ue),"fallback-placements":["bottom","top","right","left"],"gpu-acceleration":!1,"stop-popper-mouse-event":!1,"hide-after":0,persistent:"",onBeforeShow:ce,onShow:fe,onHide:pe}),{default:a.withCtx(()=>[N.value?(a.openBlock(),a.createElementBlock("div",{key:1,ref_key:"inputRef",ref:h,class:a.normalizeClass([a.unref(p).b("editor"),a.unref(p).bm("editor",e.type),a.unref(E).e("wrapper"),a.unref(p).is("disabled",i.value),a.unref(p).is("active",u.value),a.unref(v).b("editor"),a.unref(W)?a.unref(v).bm("editor",a.unref(W)):"",e.$attrs.class]),style:a.normalizeStyle(e.$attrs.style),onClick:P,onMouseenter:_,onMouseleave:x,onTouchstart:M,onKeydown:ae},[S.value?(a.openBlock(),a.createBlock(a.unref(F.VftIcon),{key:0,icon:S.value,class:a.normalizeClass([a.unref(E).e("icon"),a.unref(v).e("icon")]),onMousedown:a.withModifiers(D,["prevent"]),onTouchstart:M},null,8,["icon","class"])):a.createCommentVNode("",!0),a.createElementVNode("input",{id:e.id&&e.id[0],autocomplete:"off",name:e.name&&e.name[0],placeholder:e.startPlaceholder,value:f.value&&f.value[0],disabled:i.value,readonly:!e.editable||e.readonly,class:a.normalizeClass(a.unref(v).b("input")),onMousedown:D,onInput:be,onChange:Ve,onFocus:P,onBlur:T},null,42,Re),a.renderSlot(e.$slots,"range-separator",{},()=>[a.createElementVNode("span",{class:a.normalizeClass(a.unref(v).b("separator"))},a.toDisplayString(e.rangeSeparator),3)]),a.createElementVNode("input",{id:e.id&&e.id[1],autocomplete:"off",name:e.name&&e.name[1],placeholder:e.endPlaceholder,value:f.value&&f.value[1],disabled:i.value,readonly:!e.editable||e.readonly,class:a.normalizeClass(a.unref(v).b("input")),onMousedown:D,onFocus:P,onBlur:T,onInput:Ce,onChange:Ee},null,42,ze),e.clearIcon?(a.openBlock(),a.createBlock(a.unref(F.VftIcon),{key:1,icon:e.clearIcon,class:a.normalizeClass([a.unref(E).e("icon"),a.unref(v).e("close-icon"),{[a.unref(v).e("close-icon--hidden")]:!k.value}]),onClick:Z},null,8,["icon","class"])):a.createCommentVNode("",!0)],38)):(a.openBlock(),a.createBlock(a.unref(De.VftInput),{key:0,id:e.id,ref_key:"inputRef",ref:h,"container-role":"combobox","model-value":f.value,name:e.name,size:a.unref(W),disabled:i.value,placeholder:e.placeholder,class:a.normalizeClass([a.unref(p).b("editor"),a.unref(p).bm("editor",e.type),e.$attrs.class]),style:a.normalizeStyle(e.$attrs.style),readonly:!e.editable||e.readonly||Y.value||e.type==="week",label:e.label,tabindex:e.tabindex,"validate-event":!1,onInput:ke,onFocus:P,onBlur:T,onKeydown:ae,onChange:H,onMousedown:D,onMouseenter:_,onMouseleave:x,onTouchstart:M,onClick:n[0]||(n[0]=a.withModifiers(()=>{},["stop"]))},{prefix:a.withCtx(()=>[S.value?(a.openBlock(),a.createBlock(a.unref(F.VftIcon),{key:0,icon:S.value,class:a.normalizeClass(a.unref(E).e("icon")),onMousedown:a.withModifiers(D,["prevent"]),onTouchstart:M},null,8,["icon","class"])):a.createCommentVNode("",!0)]),suffix:a.withCtx(()=>[k.value&&e.clearIcon?(a.openBlock(),a.createBlock(a.unref(F.VftIcon),{key:0,icon:e.clearIcon,class:a.normalizeClass(`${a.unref(E).e("icon")} clear-icon`),onClick:a.withModifiers(Z,["stop"])},null,8,["icon","class"])):a.createCommentVNode("",!0)]),_:1},8,["id","model-value","name","size","disabled","placeholder","class","style","readonly","label","tabindex","onKeydown"]))]),content:a.withCtx(()=>[a.renderSlot(e.$slots,"default",{visible:u.value,actualVisible:A.value,parsedValue:B.value,format:e.format,unlinkPanels:e.unlinkPanels,type:e.type,defaultValue:e.defaultValue,onPick:Q,onSelectRange:se,onSetPickerOption:Ie,onCalendarChange:we,onPanelChange:Pe,onKeydown:de,onMousedown:n[1]||(n[1]=a.withModifiers(()=>{},["stop"]))})]),_:3},16,["visible","transition","popper-class","popper-options"]))}});exports.default=Oe;

package/lib/components/time-picker/composables/use-time-picker.d.ts

@@ -56,7 +56,7 @@ export declare const useOldValue: (props: {
     startOf: (unit: import("dayjs").OpUnitType) => Dayjs;
     endOf: (unit: import("dayjs").OpUnitType) => Dayjs;
     format: (template?: string | undefined) => string;
-    diff: (date?: string | number | Date | Dayjs | null | undefined, unit?: "s" | "ms" | "y" | "year" | "month" | "date" | "dates" | "week" | "D" | "M" | "h" | "hours" | "minutes" | "seconds" | "hour" | "minute" | "second" | "day" | "millisecond" | "milliseconds" | "days" | "months" | "years" | "d" | "m" | "weeks" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
+    diff: (date?: string | number | Date | Dayjs | null | undefined, unit?: "s" | "ms" | "y" | "D" | "M" | "year" | "month" | "date" | "dates" | "week" | "h" | "hours" | "minutes" | "seconds" | "hour" | "minute" | "second" | "day" | "millisecond" | "milliseconds" | "days" | "months" | "years" | "d" | "m" | "weeks" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
     valueOf: () => number;
     unix: () => number;
     daysInMonth: () => number;
@@ -65,9 +65,9 @@ export declare const useOldValue: (props: {
     toISOString: () => string;
     toString: () => string;
     utcOffset: () => number;
-    isBefore: (date: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
-    isSame: (date: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
-    isAfter: (date: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
+    isBefore: (date?: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
+    isSame: (date?: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
+    isAfter: (date?: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
     locale: {
         (): string;
         (preset: string | ILocale, object?: Partial<ILocale> | undefined): Dayjs;
@@ -76,8 +76,8 @@ export declare const useOldValue: (props: {
         (): number;
         (value: number): Dayjs;
     };
-    isSameOrAfter: (date: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
-    isSameOrBefore: (date: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
+    isSameOrAfter: (date?: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
+    isSameOrBefore: (date?: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
     localeData: () => import("dayjs").InstanceLocaleDataReturn;
     week: {
         (): number;
@@ -126,7 +126,7 @@ export declare const useOldValue: (props: {
     startOf: (unit: import("dayjs").OpUnitType) => Dayjs;
     endOf: (unit: import("dayjs").OpUnitType) => Dayjs;
     format: (template?: string | undefined) => string;
-    diff: (date?: string | number | Date | Dayjs | null | undefined, unit?: "s" | "ms" | "y" | "year" | "month" | "date" | "dates" | "week" | "D" | "M" | "h" | "hours" | "minutes" | "seconds" | "hour" | "minute" | "second" | "day" | "millisecond" | "milliseconds" | "days" | "months" | "years" | "d" | "m" | "weeks" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
+    diff: (date?: string | number | Date | Dayjs | null | undefined, unit?: "s" | "ms" | "y" | "D" | "M" | "year" | "month" | "date" | "dates" | "week" | "h" | "hours" | "minutes" | "seconds" | "hour" | "minute" | "second" | "day" | "millisecond" | "milliseconds" | "days" | "months" | "years" | "d" | "m" | "weeks" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
     valueOf: () => number;
     unix: () => number;
     daysInMonth: () => number;
@@ -135,9 +135,9 @@ export declare const useOldValue: (props: {
     toISOString: () => string;
     toString: () => string;
     utcOffset: () => number;
-    isBefore: (date: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
-    isSame: (date: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
-    isAfter: (date: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
+    isBefore: (date?: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
+    isSame: (date?: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
+    isAfter: (date?: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
     locale: {
         (): string;
         (preset: string | ILocale, object?: Partial<ILocale> | undefined): Dayjs;
@@ -146,8 +146,8 @@ export declare const useOldValue: (props: {
         (): number;
         (value: number): Dayjs;
     };
-    isSameOrAfter: (date: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
-    isSameOrBefore: (date: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
+    isSameOrAfter: (date?: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
+    isSameOrBefore: (date?: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
     localeData: () => import("dayjs").InstanceLocaleDataReturn;
     week: {
         (): number;

package/lib/components/time-picker/index.d.ts

@@ -85,7 +85,7 @@ declare const _TimePicker: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
+}, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     isRange: {
         type: BooleanConstructor;
         default: boolean;
@@ -275,7 +275,7 @@ export declare const VftTimePicker: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
+}, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     isRange: {
         type: BooleanConstructor;
         default: boolean;

package/lib/components/time-picker/time-picker-com/basic-time-spinner.vue.d.ts

@@ -1,82 +1,82 @@
 declare const _default: import("vue").DefineComponent<{
-    disabledHours: {
+    readonly disabledHours: {
         readonly type: globalThis.PropType<import("../props/shared").GetDisabledHours>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    disabledMinutes: {
+    readonly disabledMinutes: {
         readonly type: globalThis.PropType<import("../props/shared").GetDisabledMinutes>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    disabledSeconds: {
+    readonly disabledSeconds: {
         readonly type: globalThis.PropType<import("../props/shared").GetDisabledSeconds>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    role: {
+    readonly role: {
         readonly type: globalThis.PropType<string>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    spinnerDate: {
+    readonly spinnerDate: {
         readonly type: globalThis.PropType<import("dayjs").Dayjs>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    showSeconds: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    arrowControl: BooleanConstructor;
-    amPmMode: import("../../../utils").EpPropFinalized<(new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A") | ((new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A"))[], unknown, unknown, "", boolean>;
+    readonly showSeconds: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly arrowControl: BooleanConstructor;
+    readonly amPmMode: import("../../../utils").EpPropFinalized<(new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A") | ((new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A"))[], unknown, unknown, "", boolean>;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (...args: any[]) => void;
     "select-range": (...args: any[]) => void;
     "set-option": (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    disabledHours: {
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    readonly disabledHours: {
         readonly type: globalThis.PropType<import("../props/shared").GetDisabledHours>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    disabledMinutes: {
+    readonly disabledMinutes: {
         readonly type: globalThis.PropType<import("../props/shared").GetDisabledMinutes>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    disabledSeconds: {
+    readonly disabledSeconds: {
         readonly type: globalThis.PropType<import("../props/shared").GetDisabledSeconds>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    role: {
+    readonly role: {
         readonly type: globalThis.PropType<string>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    spinnerDate: {
+    readonly spinnerDate: {
         readonly type: globalThis.PropType<import("dayjs").Dayjs>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    showSeconds: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    arrowControl: BooleanConstructor;
-    amPmMode: import("../../../utils").EpPropFinalized<(new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A") | ((new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A"))[], unknown, unknown, "", boolean>;
+    readonly showSeconds: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly arrowControl: BooleanConstructor;
+    readonly amPmMode: import("../../../utils").EpPropFinalized<(new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A") | ((new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A"))[], unknown, unknown, "", boolean>;
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onSelect-range"?: ((...args: any[]) => any) | undefined;
     "onSet-option"?: ((...args: any[]) => any) | undefined;
 }, {
-    arrowControl: boolean;
-    showSeconds: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    amPmMode: import("../../../utils").EpPropMergeType<(new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A") | ((new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A"))[], unknown, unknown>;
+    readonly arrowControl: boolean;
+    readonly showSeconds: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly amPmMode: import("../../../utils").EpPropMergeType<(new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A") | ((new (...args: any[]) => "" | "a" | "A") | (() => "" | "a" | "A"))[], unknown, unknown>;
 }, {}>;
 export default _default;

package/lib/components/time-picker/time-picker-com/basic-time-spinner.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),E=require("@vft/directives"),$=require("../../icon/index.cjs"),K=require("../../scrollbar/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../../utils/ns-cover.cjs");const Q=require("lodash"),W=require("../../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const X=require("../composables/use-time-picker.cjs"),L=require("../constants.cjs"),Y=require("../props/basic-time-spinner.cjs"),C=require("../utils.cjs"),Z=["onClick"],ee=["onMouseenter"],ne=e.defineComponent({__name:"basic-time-spinner",props:Y.basicTimeSpinnerProps,emits:["change","select-range","set-option"],setup(V,{emit:f}){const c=V,l=W.useNamespace("time"),{getHoursList:_,getMinutesList:F,getSecondsList:N}=X.getTimeLists(c.disabledHours,c.disabledMinutes,c.disabledSeconds);let b=!1;const p=e.ref(),x=e.ref(),P=e.ref(),R=e.ref(),u={hours:x,minutes:P,seconds:R},D=e.computed(()=>c.showSeconds?L.timeUnits:L.timeUnits.slice(0,2)),i=e.computed(()=>{const{spinnerDate:n}=c,r=n.hour(),s=n.minute(),o=n.second();return{hours:r,minutes:s,seconds:o}}),h=e.computed(()=>{const{hours:n,minutes:r}=e.unref(i);return{hours:_(c.role),minutes:F(n,c.role),seconds:N(n,r,c.role)}}),z=e.computed(()=>{const{hours:n,minutes:r,seconds:s}=e.unref(i);return{hours:C.buildTimeList(n,23),minutes:C.buildTimeList(r,59),seconds:C.buildTimeList(s,59)}}),H=Q.debounce(n=>{b=!1,d(n)},200),M=n=>{if(!!!c.amPmMode)return"";const s=c.amPmMode==="A";let o=n<12?" am":" pm";return s&&(o=o.toUpperCase()),o},a=n=>{let r;switch(n){case"hours":r=[0,2];break;case"minutes":r=[3,5];break;case"seconds":r=[6,8];break}const[s,o]=r;f("select-range",s,o),p.value=n},d=n=>{w(n,e.unref(i)[n])},T=()=>{d("hours"),d("minutes"),d("seconds")},g=n=>n.querySelector(`.${l.namespace.value}-scrollbar__wrap`),w=(n,r)=>{if(c.arrowControl)return;const s=e.unref(u[n]);s&&s.$el&&(g(s.$el).scrollTop=Math.max(0,r*v(n)))},v=n=>{const r=e.unref(u[n]);return(r==null?void 0:r.$el.querySelector("li").offsetHeight)||0},I=()=>{S(1)},j=()=>{S(-1)},S=n=>{p.value||a("hours");const r=p.value,s=e.unref(i)[r],o=p.value==="hours"?24:60,t=A(r,s,n,o);B(r,t),w(r,t),e.nextTick(()=>a(r))},A=(n,r,s,o)=>{let t=(r+s+o)%o;const m=e.unref(h)[n];for(;m[t]&&t!==r;)t=(t+s+o)%o;return t},B=(n,r)=>{if(e.unref(h)[n][r])return;const{hours:t,minutes:m,seconds:q}=e.unref(i);let k;switch(n){case"hours":k=c.spinnerDate.hour(r).minute(m).second(q);break;case"minutes":k=c.spinnerDate.hour(t).minute(r).second(q);break;case"seconds":k=c.spinnerDate.hour(t).minute(m).second(r);break}f("change",k)},U=(n,{value:r,disabled:s})=>{s||(B(n,r),a(n),w(n,r))},y=n=>{b=!0,H(n);const r=Math.min(Math.round((g(e.unref(u[n]).$el).scrollTop-(O(n)*.5-10)/v(n)+3)/v(n)),n==="hours"?23:59);B(n,r)},O=n=>e.unref(u[n]).$el.offsetHeight,G=()=>{const n=r=>{const s=e.unref(u[r]);s&&s.$el&&(g(s.$el).onscroll=()=>{y(r)})};n("hours"),n("minutes"),n("seconds")};e.onMounted(()=>{e.nextTick(()=>{!c.arrowControl&&G(),T(),c.role==="start"&&a("hours")})});const J=(n,r)=>{u[r].value=n};return f("set-option",[`${c.role}_scrollDown`,S]),f("set-option",[`${c.role}_emitSelectRange`,a]),e.watch(()=>c.spinnerDate,()=>{b||T()}),(n,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(l).b("spinner"),{"has-seconds":n.showSeconds}])},[n.arrowControl?e.createCommentVNode("",!0):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(D.value,s=>(e.openBlock(),e.createBlock(e.unref(K.VftScrollbar),{key:s,ref_for:!0,ref:o=>J(o,s),class:e.normalizeClass(e.unref(l).be("spinner","wrapper")),"wrap-style":"max-height: inherit;","view-class":e.unref(l).be("spinner","list"),noresize:"",tag:"ul",onMouseenter:o=>a(s),onMousemove:o=>d(s)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value[s],(o,t)=>(e.openBlock(),e.createElementBlock("li",{key:t,class:e.normalizeClass([e.unref(l).be("spinner","item"),e.unref(l).is("active",t===i.value[s]),e.unref(l).is("disabled",o)]),onClick:m=>U(s,{value:t,disabled:o})},[s==="hours"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(("0"+(n.amPmMode?t%12||12:t)).slice(-2))+e.toDisplayString(M(t)),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(("0"+t).slice(-2)),1)],64))],10,Z))),128))]),_:2},1032,["class","view-class","onMouseenter","onMousemove"]))),128)),n.arrowControl?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(D.value,s=>(e.openBlock(),e.createElementBlock("div",{key:s,class:e.normalizeClass([e.unref(l).be("spinner","wrapper"),e.unref(l).is("arrow")]),onMouseenter:o=>a(s)},[e.withDirectives(e.createVNode(e.unref($.VftIcon),{icon:"icon-arrow-up",class:e.normalizeClass(["arrow-up",e.unref(l).be("spinner","arrow")])},null,8,["class"]),[[e.unref(E.vRepeatClick),j]]),e.withDirectives(e.createVNode(e.unref($.VftIcon),{icon:"icon-arrow-down",class:e.normalizeClass(["arrow-down",e.unref(l).be("spinner","arrow")])},null,8,["class"]),[[e.unref(E.vRepeatClick),I]]),e.createElementVNode("ul",{class:e.normalizeClass(e.unref(l).be("spinner","list"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(z.value[s],(o,t)=>(e.openBlock(),e.createElementBlock("li",{key:t,class:e.normalizeClass([e.unref(l).be("spinner","item"),e.unref(l).is("active",o===i.value[s]),e.unref(l).is("disabled",h.value[s][o])])},[typeof o=="number"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[s==="hours"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(("0"+(n.amPmMode?o%12||12:o)).slice(-2))+e.toDisplayString(M(o)),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(("0"+o).slice(-2)),1)],64))],64)):e.createCommentVNode("",!0)],2))),128))],2)],42,ee))),128)):e.createCommentVNode("",!0)],2))}});exports.default=ne;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),E=require("@vft/directives"),$=require("../../icon/index.cjs"),Q=require("../../scrollbar/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../../utils/ns-cover.cjs");const W=require("lodash"),X=require("../../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const Y=require("../composables/use-time-picker.cjs"),L=require("../constants.cjs"),Z=require("../props/basic-time-spinner.cjs"),C=require("../utils.cjs"),ee=["onClick"],ne=["onMouseenter"],re=e.defineComponent({__name:"basic-time-spinner",props:Z.basicTimeSpinnerProps,emits:["change","select-range","set-option"],setup(V,{emit:_}){const c=V,f=_,l=X.useNamespace("time"),{getHoursList:F,getMinutesList:N,getSecondsList:x}=Y.getTimeLists(c.disabledHours,c.disabledMinutes,c.disabledSeconds);let b=!1;const p=e.ref(),P=e.ref(),R=e.ref(),z=e.ref(),u={hours:P,minutes:R,seconds:z},D=e.computed(()=>c.showSeconds?L.timeUnits:L.timeUnits.slice(0,2)),i=e.computed(()=>{const{spinnerDate:n}=c,r=n.hour(),s=n.minute(),o=n.second();return{hours:r,minutes:s,seconds:o}}),h=e.computed(()=>{const{hours:n,minutes:r}=e.unref(i);return{hours:F(c.role),minutes:N(n,c.role),seconds:x(n,r,c.role)}}),H=e.computed(()=>{const{hours:n,minutes:r,seconds:s}=e.unref(i);return{hours:C.buildTimeList(n,23),minutes:C.buildTimeList(r,59),seconds:C.buildTimeList(s,59)}}),I=W.debounce(n=>{b=!1,m(n)},200),M=n=>{if(!!!c.amPmMode)return"";const s=c.amPmMode==="A";let o=n<12?" am":" pm";return s&&(o=o.toUpperCase()),o},a=n=>{let r;switch(n){case"hours":r=[0,2];break;case"minutes":r=[3,5];break;case"seconds":r=[6,8];break}const[s,o]=r;f("select-range",s,o),p.value=n},m=n=>{w(n,e.unref(i)[n])},T=()=>{m("hours"),m("minutes"),m("seconds")},g=n=>n.querySelector(`.${l.namespace.value}-scrollbar__wrap`),w=(n,r)=>{if(c.arrowControl)return;const s=e.unref(u[n]);s&&s.$el&&(g(s.$el).scrollTop=Math.max(0,r*v(n)))},v=n=>{const r=e.unref(u[n]);return(r==null?void 0:r.$el.querySelector("li").offsetHeight)||0},j=()=>{S(1)},A=()=>{S(-1)},S=n=>{p.value||a("hours");const r=p.value,s=e.unref(i)[r],o=p.value==="hours"?24:60,t=U(r,s,n,o);B(r,t),w(r,t),e.nextTick(()=>a(r))},U=(n,r,s,o)=>{let t=(r+s+o)%o;const d=e.unref(h)[n];for(;d[t]&&t!==r;)t=(t+s+o)%o;return t},B=(n,r)=>{if(e.unref(h)[n][r])return;const{hours:t,minutes:d,seconds:q}=e.unref(i);let k;switch(n){case"hours":k=c.spinnerDate.hour(r).minute(d).second(q);break;case"minutes":k=c.spinnerDate.hour(t).minute(r).second(q);break;case"seconds":k=c.spinnerDate.hour(t).minute(d).second(r);break}f("change",k)},y=(n,{value:r,disabled:s})=>{s||(B(n,r),a(n),w(n,r))},O=n=>{b=!0,I(n);const r=Math.min(Math.round((g(e.unref(u[n]).$el).scrollTop-(G(n)*.5-10)/v(n)+3)/v(n)),n==="hours"?23:59);B(n,r)},G=n=>e.unref(u[n]).$el.offsetHeight,J=()=>{const n=r=>{const s=e.unref(u[r]);s&&s.$el&&(g(s.$el).onscroll=()=>{O(r)})};n("hours"),n("minutes"),n("seconds")};e.onMounted(()=>{e.nextTick(()=>{!c.arrowControl&&J(),T(),c.role==="start"&&a("hours")})});const K=(n,r)=>{u[r].value=n};return f("set-option",[`${c.role}_scrollDown`,S]),f("set-option",[`${c.role}_emitSelectRange`,a]),e.watch(()=>c.spinnerDate,()=>{b||T()}),(n,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(l).b("spinner"),{"has-seconds":n.showSeconds}])},[n.arrowControl?e.createCommentVNode("",!0):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(D.value,s=>(e.openBlock(),e.createBlock(e.unref(Q.VftScrollbar),{key:s,ref_for:!0,ref:o=>K(o,s),class:e.normalizeClass(e.unref(l).be("spinner","wrapper")),"wrap-style":"max-height: inherit;","view-class":e.unref(l).be("spinner","list"),noresize:"",tag:"ul",onMouseenter:o=>a(s),onMousemove:o=>m(s)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value[s],(o,t)=>(e.openBlock(),e.createElementBlock("li",{key:t,class:e.normalizeClass([e.unref(l).be("spinner","item"),e.unref(l).is("active",t===i.value[s]),e.unref(l).is("disabled",o)]),onClick:d=>y(s,{value:t,disabled:o})},[s==="hours"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(("0"+(n.amPmMode?t%12||12:t)).slice(-2))+e.toDisplayString(M(t)),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(("0"+t).slice(-2)),1)],64))],10,ee))),128))]),_:2},1032,["class","view-class","onMouseenter","onMousemove"]))),128)),n.arrowControl?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(D.value,s=>(e.openBlock(),e.createElementBlock("div",{key:s,class:e.normalizeClass([e.unref(l).be("spinner","wrapper"),e.unref(l).is("arrow")]),onMouseenter:o=>a(s)},[e.withDirectives(e.createVNode(e.unref($.VftIcon),{icon:"icon-arrow-up",class:e.normalizeClass(["arrow-up",e.unref(l).be("spinner","arrow")])},null,8,["class"]),[[e.unref(E.vRepeatClick),A]]),e.withDirectives(e.createVNode(e.unref($.VftIcon),{icon:"icon-arrow-down",class:e.normalizeClass(["arrow-down",e.unref(l).be("spinner","arrow")])},null,8,["class"]),[[e.unref(E.vRepeatClick),j]]),e.createElementVNode("ul",{class:e.normalizeClass(e.unref(l).be("spinner","list"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(H.value[s],(o,t)=>(e.openBlock(),e.createElementBlock("li",{key:t,class:e.normalizeClass([e.unref(l).be("spinner","item"),e.unref(l).is("active",o===i.value[s]),e.unref(l).is("disabled",h.value[s][o])])},[typeof o=="number"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[s==="hours"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(("0"+(n.amPmMode?o%12||12:o)).slice(-2))+e.toDisplayString(M(o)),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(("0"+o).slice(-2)),1)],64))],64)):e.createCommentVNode("",!0)],2))),128))],2)],42,ne))),128)):e.createCommentVNode("",!0)],2))}});exports.default=re;