naive-ui 2.23.1 → 2.24.2

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

@@ -2,7 +2,7 @@ import { PropType, ExtractPropTypes, Ref } from 'vue';
 import { FollowerPlacement } from 'vueuc';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 import { DatePickerType } from './config';
-import type { OnUpdateValue, Value, IsDateDisabled, IsTimeDisabled, Shortcuts, FirstDayOfWeek, DefaultTime } from './interface';
+import type { OnUpdateValue, Value, IsDateDisabled, IsTimeDisabled, Shortcuts, FirstDayOfWeek, DefaultTime, FormattedValue, OnUpdateFormattedValue } from './interface';
 declare const datePickerProps: {
     readonly to: {
         type: PropType<string | boolean | HTMLElement>;
@@ -14,10 +14,8 @@ declare const datePickerProps: {
     };
     readonly clearable: BooleanConstructor;
     readonly updateValueOnClose: BooleanConstructor;
-    readonly defaultValue: {
-        readonly type: PropType<Value | null>;
-        readonly default: null;
-    };
+    readonly defaultValue: PropType<Value | null>;
+    readonly defaultFormattedValue: PropType<FormattedValue | null>;
     readonly defaultTime: PropType<DefaultTime>;
     readonly disabled: {
         readonly type: PropType<boolean | undefined>;
@@ -28,11 +26,13 @@ declare const datePickerProps: {
         readonly default: "bottom-start";
     };
     readonly value: PropType<Value | null>;
+    readonly formattedValue: PropType<FormattedValue | null>;
     readonly size: PropType<"small" | "medium" | "large">;
     readonly type: {
         readonly type: PropType<DatePickerType>;
         readonly default: "date";
     };
+    readonly valueFormat: StringConstructor;
     readonly separator: StringConstructor;
     readonly placeholder: StringConstructor;
     readonly startPlaceholder: StringConstructor;
@@ -54,15 +54,13 @@ declare const datePickerProps: {
     readonly closeOnSelect: BooleanConstructor;
     readonly 'onUpdate:show': PropType<MaybeArray<(show: boolean) => void>>;
     readonly onUpdateShow: PropType<MaybeArray<(show: boolean) => void>>;
+    readonly 'onUpdate:formattedValue': PropType<MaybeArray<OnUpdateFormattedValue>>;
+    readonly onUpdateFormattedValue: PropType<MaybeArray<OnUpdateFormattedValue>>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
     readonly onFocus: PropType<(e: FocusEvent) => void>;
     readonly onBlur: PropType<(e: FocusEvent) => void>;
-    readonly onChange: {
-        readonly type: PropType<MaybeArray<OnUpdateValue>>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
+    readonly onChange: PropType<MaybeArray<OnUpdateValue>>;
     readonly theme: PropType<import("../../_mixins").Theme<"DatePicker", {
         itemFontSize: string;
         calendarDaysFontSize: string;
@@ -1910,10 +1908,8 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly clearable: BooleanConstructor;
     readonly updateValueOnClose: BooleanConstructor;
-    readonly defaultValue: {
-        readonly type: PropType<Value | null>;
-        readonly default: null;
-    };
+    readonly defaultValue: PropType<Value | null>;
+    readonly defaultFormattedValue: PropType<FormattedValue | null>;
     readonly defaultTime: PropType<DefaultTime>;
     readonly disabled: {
         readonly type: PropType<boolean | undefined>;
@@ -1924,11 +1920,13 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "bottom-start";
     };
     readonly value: PropType<Value | null>;
+    readonly formattedValue: PropType<FormattedValue | null>;
     readonly size: PropType<"small" | "medium" | "large">;
     readonly type: {
         readonly type: PropType<DatePickerType>;
         readonly default: "date";
     };
+    readonly valueFormat: StringConstructor;
     readonly separator: StringConstructor;
     readonly placeholder: StringConstructor;
     readonly startPlaceholder: StringConstructor;
@@ -1950,15 +1948,13 @@ declare const _default: import("vue").DefineComponent<{
     readonly closeOnSelect: BooleanConstructor;
     readonly 'onUpdate:show': PropType<MaybeArray<(show: boolean) => void>>;
     readonly onUpdateShow: PropType<MaybeArray<(show: boolean) => void>>;
+    readonly 'onUpdate:formattedValue': PropType<MaybeArray<OnUpdateFormattedValue>>;
+    readonly onUpdateFormattedValue: PropType<MaybeArray<OnUpdateFormattedValue>>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
     readonly onFocus: PropType<(e: FocusEvent) => void>;
     readonly onBlur: PropType<(e: FocusEvent) => void>;
-    readonly onChange: {
-        readonly type: PropType<MaybeArray<OnUpdateValue>>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
+    readonly onChange: PropType<MaybeArray<OnUpdateValue>>;
     readonly theme: PropType<import("../../_mixins").Theme<"DatePicker", {
         itemFontSize: string;
         calendarDaysFontSize: string;
@@ -3801,11 +3797,14 @@ declare const _default: import("vue").DefineComponent<{
     panelInstRef: Ref<{
         $el: HTMLElement;
         monthScrollRef?: {
-            scrollTo: import("../../_internal/scrollbar/src/ScrollBar").ScrollTo;
-            sync: () => void;
             containerRef: HTMLElement | null;
             contentRef: HTMLElement | null;
             containerScrollTop: number;
+            syncUnifiedContainer: () => void;
+            scrollTo: import("../../_internal/scrollbar/src/ScrollBar").ScrollTo;
+            sync: () => void;
+            handleMouseEnterWrapper: () => void;
+            handleMouseLeaveWrapper: () => void;
         } | null | undefined;
         yearScrollRef?: {
             listElRef: HTMLElement;
@@ -4862,113 +4861,115 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     actions: import("vue").ComputedRef<string[] | undefined>;
     triggerCssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--icon-color': string;
-        '--icon-color-disabled': string;
+        '--n-bezier': string;
+        '--n-icon-color': string;
+        '--n-icon-color-disabled': string;
     }>;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--panel-border-radius': string;
-        '--panel-color': string;
-        '--panel-box-shadow': string;
-        '--panel-text-color': string;
-        '--panel-header-padding': string;
-        '--panel-header-divider-color': string;
-        '--calendar-left-padding': string;
-        '--calendar-right-padding': string;
-        '--calendar-title-height': string;
-        '--calendar-title-padding': string;
-        '--calendar-title-font-size': string;
-        '--calendar-title-font-weight': string;
-        '--calendar-title-text-color': string;
-        '--calendar-title-grid-template-columns': string;
-        '--calendar-days-height': string;
-        '--calendar-days-divider-color': string;
-        '--calendar-days-font-size': string;
-        '--calendar-days-text-color': string;
-        '--calendar-divider-color': string;
-        '--panel-action-padding': string;
-        '--panel-extra-footer-padding': string;
-        '--panel-action-divider-color': string;
-        '--item-font-size': string;
-        '--item-border-radius': string;
-        '--item-size': string;
-        '--item-cell-width': string;
-        '--item-cell-height': string;
-        '--item-text-color': string;
-        '--item-color-included': string;
-        '--item-color-disabled': string;
-        '--item-color-hover': string;
-        '--item-color-active': string;
-        '--item-text-color-disabled': string;
-        '--item-text-color-active': string;
-        '--scroll-item-width': string;
-        '--scroll-item-height': string;
-        '--scroll-item-border-radius': string;
-        '--arrow-size': string;
-        '--arrow-color': string;
-        '--icon-color': string;
-        '--icon-color-disabled': string;
+        '--n-bezier': string;
+        '--n-panel-border-radius': string;
+        '--n-panel-color': string;
+        '--n-panel-box-shadow': string;
+        '--n-panel-text-color': string;
+        '--n-panel-header-padding': string;
+        '--n-panel-header-divider-color': string;
+        '--n-calendar-left-padding': string;
+        '--n-calendar-right-padding': string;
+        '--n-calendar-title-height': string;
+        '--n-calendar-title-padding': string;
+        '--n-calendar-title-font-size': string;
+        '--n-calendar-title-font-weight': string;
+        '--n-calendar-title-text-color': string;
+        '--n-calendar-title-grid-template-columns': string;
+        '--n-calendar-days-height': string;
+        '--n-calendar-days-divider-color': string;
+        '--n-calendar-days-font-size': string;
+        '--n-calendar-days-text-color': string;
+        '--n-calendar-divider-color': string;
+        '--n-panel-action-padding': string;
+        '--n-panel-extra-footer-padding': string;
+        '--n-panel-action-divider-color': string;
+        '--n-item-font-size': string;
+        '--n-item-border-radius': string;
+        '--n-item-size': string;
+        '--n-item-cell-width': string;
+        '--n-item-cell-height': string;
+        '--n-item-text-color': string;
+        '--n-item-color-included': string;
+        '--n-item-color-disabled': string;
+        '--n-item-color-hover': string;
+        '--n-item-color-active': string;
+        '--n-item-text-color-disabled': string;
+        '--n-item-text-color-active': string;
+        '--n-scroll-item-width': string;
+        '--n-scroll-item-height': string;
+        '--n-scroll-item-border-radius': string;
+        '--n-arrow-size': string;
+        '--n-arrow-color': string;
+        '--n-icon-color': string;
+        '--n-icon-color-disabled': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly to?: unknown;
-    readonly bordered?: unknown;
-    readonly clearable?: unknown;
-    readonly updateValueOnClose?: unknown;
-    readonly defaultValue?: unknown;
-    readonly defaultTime?: unknown;
-    readonly disabled?: unknown;
-    readonly placement?: unknown;
-    readonly value?: unknown;
-    readonly size?: unknown;
-    readonly type?: unknown;
-    readonly separator?: unknown;
-    readonly placeholder?: unknown;
-    readonly startPlaceholder?: unknown;
-    readonly endPlaceholder?: unknown;
-    readonly format?: unknown;
-    readonly dateFormat?: unknown;
-    readonly timeFormat?: unknown;
-    readonly actions?: unknown;
-    readonly shortcuts?: unknown;
-    readonly isDateDisabled?: unknown;
-    readonly isTimeDisabled?: unknown;
-    readonly show?: unknown;
-    readonly ranges?: unknown;
-    readonly firstDayOfWeek?: unknown;
-    readonly inputReadonly?: unknown;
-    readonly closeOnSelect?: unknown;
-    readonly 'onUpdate:show'?: unknown;
-    readonly onUpdateShow?: unknown;
-    readonly 'onUpdate:value'?: unknown;
-    readonly onUpdateValue?: unknown;
-    readonly onFocus?: unknown;
-    readonly onBlur?: unknown;
-    readonly onChange?: unknown;
-    readonly theme?: unknown;
-    readonly themeOverrides?: unknown;
-    readonly builtinThemeOverrides?: unknown;
-} & {
-    type: DatePickerType;
-    placement: FollowerPlacement;
-    clearable: boolean;
-    defaultValue: Value | null;
-    updateValueOnClose: boolean;
-    inputReadonly: boolean;
-    closeOnSelect: boolean;
-} & {
-    value?: Value | null | undefined;
-    size?: "small" | "medium" | "large" | undefined;
-    show?: boolean | undefined;
-    separator?: string | undefined;
-    disabled?: boolean | undefined;
-    onFocus?: ((e: FocusEvent) => void) | undefined;
-    onBlur?: ((e: FocusEvent) => void) | undefined;
-    onChange?: MaybeArray<OnUpdateValue> | undefined;
-    placeholder?: string | undefined;
-    format?: string | undefined;
-    to?: string | boolean | HTMLElement | undefined;
-    theme?: import("../../_mixins").Theme<"DatePicker", {
+    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<ExtractPropTypes<{
+    readonly to: {
+        type: PropType<string | boolean | HTMLElement>;
+        default: undefined;
+    };
+    readonly bordered: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly clearable: BooleanConstructor;
+    readonly updateValueOnClose: BooleanConstructor;
+    readonly defaultValue: PropType<Value | null>;
+    readonly defaultFormattedValue: PropType<FormattedValue | null>;
+    readonly defaultTime: PropType<DefaultTime>;
+    readonly disabled: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly placement: {
+        readonly type: PropType<FollowerPlacement>;
+        readonly default: "bottom-start";
+    };
+    readonly value: PropType<Value | null>;
+    readonly formattedValue: PropType<FormattedValue | null>;
+    readonly size: PropType<"small" | "medium" | "large">;
+    readonly type: {
+        readonly type: PropType<DatePickerType>;
+        readonly default: "date";
+    };
+    readonly valueFormat: StringConstructor;
+    readonly separator: StringConstructor;
+    readonly placeholder: StringConstructor;
+    readonly startPlaceholder: StringConstructor;
+    readonly endPlaceholder: StringConstructor;
+    readonly format: StringConstructor;
+    readonly dateFormat: StringConstructor;
+    readonly timeFormat: StringConstructor;
+    readonly actions: PropType<("clear" | "confirm" | "now")[]>;
+    readonly shortcuts: PropType<Shortcuts>;
+    readonly isDateDisabled: PropType<IsDateDisabled>;
+    readonly isTimeDisabled: PropType<IsTimeDisabled>;
+    readonly show: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly ranges: PropType<Record<string, [number, number]>>;
+    readonly firstDayOfWeek: PropType<FirstDayOfWeek>;
+    readonly inputReadonly: BooleanConstructor;
+    readonly closeOnSelect: BooleanConstructor;
+    readonly 'onUpdate:show': PropType<MaybeArray<(show: boolean) => void>>;
+    readonly onUpdateShow: PropType<MaybeArray<(show: boolean) => void>>;
+    readonly 'onUpdate:formattedValue': PropType<MaybeArray<OnUpdateFormattedValue>>;
+    readonly onUpdateFormattedValue: PropType<MaybeArray<OnUpdateFormattedValue>>;
+    readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
+    readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
+    readonly onFocus: PropType<(e: FocusEvent) => void>;
+    readonly onBlur: PropType<(e: FocusEvent) => void>;
+    readonly onChange: PropType<MaybeArray<OnUpdateValue>>;
+    readonly theme: PropType<import("../../_mixins").Theme<"DatePicker", {
         itemFontSize: string;
         calendarDaysFontSize: string;
         calendarTitleFontSize: string;
@@ -5578,8 +5579,8 @@ declare const _default: import("vue").DefineComponent<{
             color: string;
             colorHover: string;
         }, any>;
-    }> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"DatePicker", {
+    }>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"DatePicker", {
         itemFontSize: string;
         calendarDaysFontSize: string;
         calendarTitleFontSize: string;
@@ -6189,8 +6190,8 @@ declare const _default: import("vue").DefineComponent<{
             color: string;
             colorHover: string;
         }, any>;
-    }>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"DatePicker", {
+    }>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"DatePicker", {
         itemFontSize: string;
         calendarDaysFontSize: string;
         calendarTitleFontSize: string;
@@ -6800,33 +6801,15 @@ declare const _default: import("vue").DefineComponent<{
             color: string;
             colorHover: string;
         }, any>;
-    }>> | undefined;
-    dateFormat?: string | undefined;
-    firstDayOfWeek?: FirstDayOfWeek | undefined;
-    bordered?: boolean | undefined;
-    "onUpdate:show"?: MaybeArray<(show: boolean) => void> | undefined;
-    onUpdateShow?: MaybeArray<(show: boolean) => void> | undefined;
-    "onUpdate:value"?: MaybeArray<OnUpdateValue> | undefined;
-    onUpdateValue?: MaybeArray<OnUpdateValue> | undefined;
-    isDateDisabled?: IsDateDisabled | undefined;
-    actions?: ("clear" | "confirm" | "now")[] | undefined;
-    defaultTime?: DefaultTime | undefined;
-    startPlaceholder?: string | undefined;
-    endPlaceholder?: string | undefined;
-    timeFormat?: string | undefined;
-    shortcuts?: Shortcuts | undefined;
-    isTimeDisabled?: IsTimeDisabled | undefined;
-    ranges?: Record<string, [number, number]> | undefined;
-}>, {
+    }>>>;
+}>>, {
     type: DatePickerType;
     show: boolean | undefined;
     disabled: boolean | undefined;
-    onChange: MaybeArray<OnUpdateValue>;
     to: string | boolean | HTMLElement;
     placement: FollowerPlacement;
     bordered: boolean | undefined;
     clearable: boolean;
-    defaultValue: Value | null;
     updateValueOnClose: boolean;
     inputReadonly: boolean;
     closeOnSelect: boolean;