naive-ui 2.23.1 → 2.24.2

package/lib/time-picker/src/Panel.d.ts

@@ -494,78 +494,81 @@ declare const _default: import("vue").DefineComponent<{
     minuteScrollRef: import("vue").Ref<null>;
     secondScrollRef: import("vue").Ref<null>;
     amPmScrollRef: import("vue").Ref<null>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    actions?: unknown;
-    showHour?: unknown;
-    showMinute?: unknown;
-    showSecond?: unknown;
-    showPeriod?: unknown;
-    isHourInvalid?: unknown;
-    isMinuteInvalid?: unknown;
-    isSecondInvalid?: unknown;
-    isAmPmInvalid?: unknown;
-    isValueInvalid?: unknown;
-    hourValue?: unknown;
-    minuteValue?: unknown;
-    secondValue?: unknown;
-    amPmValue?: unknown;
-    isHourDisabled?: unknown;
-    isMinuteDisabled?: unknown;
-    isSecondDisabled?: unknown;
-    onHourClick?: unknown;
-    onMinuteClick?: unknown;
-    onSecondClick?: unknown;
-    onAmPmClick?: unknown;
-    onNowClick?: unknown;
-    nowText?: unknown;
-    confirmText?: unknown;
-    transitionDisabled?: unknown;
-    onConfirmClick?: unknown;
-    onFocusin?: unknown;
-    onFocusout?: unknown;
-    onFocusDetectorFocus?: unknown;
-    onKeydown?: unknown;
-    hours?: unknown;
-    minutes?: unknown;
-    seconds?: unknown;
-    use12Hours?: unknown;
-} & {
-    transitionDisabled: boolean;
-    actions: ("confirm" | "now")[];
-    showHour: boolean;
-    showMinute: boolean;
-    showSecond: boolean;
-    showPeriod: boolean;
-    isHourInvalid: boolean;
-    isMinuteInvalid: boolean;
-    isSecondInvalid: boolean;
-    isAmPmInvalid: boolean;
-    isValueInvalid: boolean;
-    hourValue: number | null;
-    minuteValue: number | null;
-    secondValue: number | null;
-    amPmValue: "am" | "pm" | null;
-    use12Hours: boolean;
-} & {
-    onFocusin?: ((e: FocusEvent) => void) | undefined;
-    onFocusout?: ((e: FocusEvent) => void) | undefined;
-    onKeydown?: ((e: KeyboardEvent) => void) | undefined;
-    hours?: MaybeArray<number> | undefined;
-    minutes?: MaybeArray<number> | undefined;
-    seconds?: MaybeArray<number> | undefined;
-    isHourDisabled?: IsHourDisabled | undefined;
-    isMinuteDisabled?: IsMinuteDisabled | undefined;
-    isSecondDisabled?: IsSecondDisabled | undefined;
-    onHourClick?: ((value: ItemValue) => void) | undefined;
-    onMinuteClick?: ((value: ItemValue) => void) | undefined;
-    onSecondClick?: ((value: ItemValue) => void) | undefined;
-    onAmPmClick?: ((value: ItemValue) => void) | undefined;
-    onNowClick?: (() => void) | undefined;
-    nowText?: string | undefined;
-    confirmText?: string | undefined;
-    onConfirmClick?: (() => void) | undefined;
-    onFocusDetectorFocus?: (() => void) | undefined;
-}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    actions: {
+        type: PropType<("confirm" | "now")[]>;
+        default: () => string[];
+    };
+    showHour: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showMinute: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSecond: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showPeriod: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isHourInvalid: BooleanConstructor;
+    isMinuteInvalid: BooleanConstructor;
+    isSecondInvalid: BooleanConstructor;
+    isAmPmInvalid: BooleanConstructor;
+    isValueInvalid: BooleanConstructor;
+    hourValue: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    minuteValue: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    secondValue: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    amPmValue: {
+        type: PropType<"am" | "pm" | null>;
+        default: null;
+    };
+    isHourDisabled: PropType<IsHourDisabled>;
+    isMinuteDisabled: PropType<IsMinuteDisabled>;
+    isSecondDisabled: PropType<IsSecondDisabled>;
+    onHourClick: {
+        type: PropType<(value: ItemValue) => void>;
+        required: boolean;
+    };
+    onMinuteClick: {
+        type: PropType<(value: ItemValue) => void>;
+        required: boolean;
+    };
+    onSecondClick: {
+        type: PropType<(value: ItemValue) => void>;
+        required: boolean;
+    };
+    onAmPmClick: {
+        type: PropType<(value: ItemValue) => void>;
+        required: boolean;
+    };
+    onNowClick: PropType<() => void>;
+    nowText: StringConstructor;
+    confirmText: StringConstructor;
+    transitionDisabled: BooleanConstructor;
+    onConfirmClick: PropType<() => void>;
+    onFocusin: PropType<(e: FocusEvent) => void>;
+    onFocusout: PropType<(e: FocusEvent) => void>;
+    onFocusDetectorFocus: PropType<() => void>;
+    onKeydown: PropType<(e: KeyboardEvent) => void>;
+    hours: PropType<MaybeArray<number>>;
+    minutes: PropType<MaybeArray<number>>;
+    seconds: PropType<MaybeArray<number>>;
+    use12Hours: BooleanConstructor;
+}>>, {
     transitionDisabled: boolean;
     actions: ("confirm" | "now")[];
     showHour: boolean;

package/lib/time-picker/src/PanelCol.d.ts

@@ -14,18 +14,21 @@ declare const _default: import("vue").DefineComponent<{
         default: null;
     };
     onItemClick: PropType<(value: number | 'am' | 'pm') => void>;
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    clsPrefix?: unknown;
-    data?: unknown;
-    activeValue?: unknown;
-    onItemClick?: unknown;
-} & {
-    data: Item[];
-    clsPrefix: string;
-    activeValue: number | "am" | "pm" | null;
-} & {
-    onItemClick?: ((value: number | 'am' | 'pm') => void) | undefined;
-}>, {
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    clsPrefix: {
+        type: StringConstructor;
+        required: true;
+    };
+    data: {
+        type: PropType<Item[]>;
+        required: true;
+    };
+    activeValue: {
+        type: PropType<number | "am" | "pm" | null>;
+        default: null;
+    };
+    onItemClick: PropType<(value: number | 'am' | 'pm') => void>;
+}>>, {
     activeValue: number | "am" | "pm" | null;
 }>;
 export default _default;

package/lib/time-picker/src/TimePicker.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
-import { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
-import { IsHourDisabled, IsMinuteDisabled, IsSecondDisabled, ItemValue, OnUpdateValue, Size } from './interface';
+import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
+import type { IsHourDisabled, IsMinuteDisabled, IsSecondDisabled, ItemValue, OnUpdateFormattedValue, OnUpdateValue, Size } from './interface';
 declare const timePickerProps: {
     to: {
         type: PropType<string | boolean | HTMLElement>;
@@ -15,6 +15,7 @@ declare const timePickerProps: {
         type: PropType<number | null>;
         default: null;
     };
+    defaultFormattedValue: StringConstructor;
     placeholder: StringConstructor;
     placement: {
         type: StringConstructor;
@@ -25,6 +26,8 @@ declare const timePickerProps: {
         type: StringConstructor;
         default: string;
     };
+    valueFormat: StringConstructor;
+    formattedValue: PropType<string | null>;
     isHourDisabled: PropType<IsHourDisabled>;
     size: PropType<Size>;
     isMinuteDisabled: PropType<IsMinuteDisabled>;
@@ -33,6 +36,8 @@ declare const timePickerProps: {
     clearable: BooleanConstructor;
     'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
+    onUpdateFormattedValue: PropType<MaybeArray<OnUpdateFormattedValue>>;
+    'onUpdate:formattedValue': PropType<MaybeArray<OnUpdateFormattedValue>>;
     onBlur: PropType<MaybeArray<(e: FocusEvent) => void>>;
     onFocus: PropType<MaybeArray<(e: FocusEvent) => void>>;
     stateful: {
@@ -939,6 +944,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<number | null>;
         default: null;
     };
+    defaultFormattedValue: StringConstructor;
     placeholder: StringConstructor;
     placement: {
         type: StringConstructor;
@@ -949,6 +955,8 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    valueFormat: StringConstructor;
+    formattedValue: PropType<string | null>;
     isHourDisabled: PropType<IsHourDisabled>;
     size: PropType<Size>;
     isMinuteDisabled: PropType<IsMinuteDisabled>;
@@ -957,6 +965,8 @@ declare const _default: import("vue").DefineComponent<{
     clearable: BooleanConstructor;
     'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
+    onUpdateFormattedValue: PropType<MaybeArray<OnUpdateFormattedValue>>;
+    'onUpdate:formattedValue': PropType<MaybeArray<OnUpdateFormattedValue>>;
     onBlur: PropType<MaybeArray<(e: FocusEvent) => void>>;
     onFocus: PropType<MaybeArray<(e: FocusEvent) => void>>;
     stateful: {
@@ -1868,32 +1878,44 @@ declare const _default: import("vue").DefineComponent<{
     panelInstRef: import("vue").Ref<{
         $el: HTMLElement;
         hourScrollRef?: {
-            scrollTo: import("../../_internal/scrollbar/src/ScrollBar").ScrollTo;
-            sync: () => void;
             containerRef: HTMLElement | null;
             contentRef: HTMLElement | null;
             containerScrollTop: number;
-        } | undefined;
-        minuteScrollRef?: {
+            syncUnifiedContainer: () => void;
             scrollTo: import("../../_internal/scrollbar/src/ScrollBar").ScrollTo;
             sync: () => void;
+            handleMouseEnterWrapper: () => void;
+            handleMouseLeaveWrapper: () => void;
+        } | undefined;
+        minuteScrollRef?: {
             containerRef: HTMLElement | null;
             contentRef: HTMLElement | null;
             containerScrollTop: number;
-        } | undefined;
-        secondScrollRef?: {
+            syncUnifiedContainer: () => void;
             scrollTo: import("../../_internal/scrollbar/src/ScrollBar").ScrollTo;
             sync: () => void;
+            handleMouseEnterWrapper: () => void;
+            handleMouseLeaveWrapper: () => void;
+        } | undefined;
+        secondScrollRef?: {
             containerRef: HTMLElement | null;
             contentRef: HTMLElement | null;
             containerScrollTop: number;
-        } | undefined;
-        amPmScrollRef?: {
+            syncUnifiedContainer: () => void;
             scrollTo: import("../../_internal/scrollbar/src/ScrollBar").ScrollTo;
             sync: () => void;
+            handleMouseEnterWrapper: () => void;
+            handleMouseLeaveWrapper: () => void;
+        } | undefined;
+        amPmScrollRef?: {
             containerRef: HTMLElement | null;
             contentRef: HTMLElement | null;
             containerScrollTop: number;
+            syncUnifiedContainer: () => void;
+            scrollTo: import("../../_internal/scrollbar/src/ScrollBar").ScrollTo;
+            sync: () => void;
+            handleMouseEnterWrapper: () => void;
+            handleMouseLeaveWrapper: () => void;
         } | undefined;
     } | null>;
     adjustedTo: import("vue").ComputedRef<string | HTMLElement>;
@@ -2366,57 +2388,78 @@ declare const _default: import("vue").DefineComponent<{
         '--n-panel-divider-color': string;
         '--n-item-border-radius': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    to?: unknown;
-    bordered?: unknown;
-    actions?: unknown;
-    defaultValue?: unknown;
-    placeholder?: unknown;
-    placement?: unknown;
-    value?: unknown;
-    format?: unknown;
-    isHourDisabled?: unknown;
-    size?: unknown;
-    isMinuteDisabled?: unknown;
-    isSecondDisabled?: unknown;
-    inputReadonly?: unknown;
-    clearable?: unknown;
-    'onUpdate:value'?: unknown;
-    onUpdateValue?: unknown;
-    onBlur?: unknown;
-    onFocus?: unknown;
-    stateful?: unknown;
-    showIcon?: unknown;
-    disabled?: unknown;
-    show?: unknown;
-    hours?: unknown;
-    minutes?: unknown;
-    seconds?: unknown;
-    use12Hours?: unknown;
-    onChange?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-} & {
-    format: string;
-    placement: string;
-    clearable: boolean;
-    defaultValue: number | null;
-    stateful: boolean;
-    showIcon: boolean;
-    inputReadonly: boolean;
-    use12Hours: boolean;
-} & {
-    value?: number | null | undefined;
-    size?: Size | undefined;
-    show?: boolean | undefined;
-    disabled?: boolean | undefined;
-    onFocus?: MaybeArray<(e: FocusEvent) => void> | undefined;
-    onBlur?: MaybeArray<(e: FocusEvent) => void> | undefined;
-    onChange?: MaybeArray<OnUpdateValue> | undefined;
-    placeholder?: string | undefined;
-    to?: string | boolean | HTMLElement | undefined;
-    theme?: import("../../_mixins").Theme<"TimePicker", {
+    focus: () => void;
+    blur: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    to: {
+        type: PropType<string | boolean | HTMLElement>;
+        default: undefined;
+    };
+    bordered: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    actions: PropType<("confirm" | "now")[]>;
+    defaultValue: {
+        type: PropType<number | null>;
+        default: null;
+    };
+    defaultFormattedValue: StringConstructor;
+    placeholder: StringConstructor;
+    placement: {
+        type: StringConstructor;
+        default: string;
+    };
+    value: PropType<number | null>;
+    format: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueFormat: StringConstructor;
+    formattedValue: PropType<string | null>;
+    isHourDisabled: PropType<IsHourDisabled>;
+    size: PropType<Size>;
+    isMinuteDisabled: PropType<IsMinuteDisabled>;
+    isSecondDisabled: PropType<IsSecondDisabled>;
+    inputReadonly: BooleanConstructor;
+    clearable: BooleanConstructor;
+    'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
+    onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
+    onUpdateFormattedValue: PropType<MaybeArray<OnUpdateFormattedValue>>;
+    'onUpdate:formattedValue': PropType<MaybeArray<OnUpdateFormattedValue>>;
+    onBlur: PropType<MaybeArray<(e: FocusEvent) => void>>;
+    onFocus: PropType<MaybeArray<(e: FocusEvent) => void>>;
+    stateful: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    show: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    hours: {
+        type: PropType<MaybeArray<number>>;
+        validator: (value: MaybeArray<number>) => boolean;
+    };
+    minutes: {
+        type: PropType<MaybeArray<number>>;
+        validator: (value: MaybeArray<number>) => boolean;
+    };
+    seconds: {
+        type: PropType<MaybeArray<number>>;
+        validator: (value: MaybeArray<number>) => boolean;
+    };
+    use12Hours: BooleanConstructor;
+    onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
+    theme: PropType<import("../../_mixins").Theme<"TimePicker", {
         panelColor: string;
         panelBoxShadow: string;
         panelDividerColor: string;
@@ -2701,8 +2744,8 @@ declare const _default: import("vue").DefineComponent<{
             paddingLarge: string;
             clearSize: string;
         }, any>;
-    }> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"TimePicker", {
+    }>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"TimePicker", {
         panelColor: string;
         panelBoxShadow: string;
         panelDividerColor: string;
@@ -2987,8 +3030,8 @@ declare const _default: import("vue").DefineComponent<{
             paddingLarge: string;
             clearSize: string;
         }, any>;
-    }>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"TimePicker", {
+    }>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"TimePicker", {
         panelColor: string;
         panelBoxShadow: string;
         panelDividerColor: string;
@@ -3273,28 +3316,18 @@ declare const _default: import("vue").DefineComponent<{
             paddingLarge: string;
             clearSize: string;
         }, any>;
-    }>> | undefined;
-    bordered?: boolean | undefined;
-    "onUpdate:value"?: MaybeArray<OnUpdateValue> | undefined;
-    onUpdateValue?: MaybeArray<OnUpdateValue> | undefined;
-    actions?: ("confirm" | "now")[] | undefined;
-    hours?: MaybeArray<number> | undefined;
-    minutes?: MaybeArray<number> | undefined;
-    seconds?: MaybeArray<number> | undefined;
-    isHourDisabled?: IsHourDisabled | undefined;
-    isMinuteDisabled?: IsMinuteDisabled | undefined;
-    isSecondDisabled?: IsSecondDisabled | undefined;
-}>, {
+    }>>>;
+}>>, {
     show: boolean | undefined;
     disabled: boolean | undefined;
     format: string;
     to: string | boolean | HTMLElement;
     placement: string;
+    showIcon: boolean;
     bordered: boolean | undefined;
     clearable: boolean;
     defaultValue: number | null;
     stateful: boolean;
-    showIcon: boolean;
     inputReadonly: boolean;
     use12Hours: boolean;
 }>;