naive-ui 2.40.0 → 2.40.2

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

@@ -1,8 +1,8 @@
+import type { FormattedValue, PanelRef, Value } from './interface';
 import { type ExtractPropTypes, type Ref } from 'vue';
-import type { FormattedValue, Value } from './interface';
 import { datePickerProps } from './props';
 export type DatePickerSetupProps = ExtractPropTypes<typeof datePickerProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     readonly to: {
         type: import("vue").PropType<HTMLElement | string | boolean>;
         default: undefined;
@@ -13,6 +13,17 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly clearable: BooleanConstructor;
     readonly updateValueOnClose: BooleanConstructor;
+    readonly calendarDayFormat: StringConstructor;
+    readonly calendarHeaderYearFormat: StringConstructor;
+    readonly calendarHeaderMonthFormat: StringConstructor;
+    readonly calendarHeaderMonthYearSeparator: {
+        readonly type: StringConstructor;
+        readonly default: " ";
+    };
+    readonly calendarHeaderMonthBeforeYear: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
     readonly defaultValue: import("vue").PropType<Value | null>;
     readonly defaultFormattedValue: import("vue").PropType<FormattedValue | null>;
     readonly defaultTime: import("vue").PropType<import("./interface").DefaultTime>;
@@ -154,6 +165,7 @@ declare const _default: import("vue").DefineComponent<{
         calendarRightPaddingWeek: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
+            fontWeight: string;
             countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
@@ -652,6 +664,7 @@ declare const _default: import("vue").DefineComponent<{
                 rippleDuration: string;
             }, any>;
             Input: import("../../_mixins").Theme<"Input", {
+                fontWeight: string;
                 countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
@@ -792,6 +805,7 @@ declare const _default: import("vue").DefineComponent<{
         calendarRightPaddingWeek: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
+            fontWeight: string;
             countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
@@ -1290,6 +1304,7 @@ declare const _default: import("vue").DefineComponent<{
                 rippleDuration: string;
             }, any>;
             Input: import("../../_mixins").Theme<"Input", {
+                fontWeight: string;
                 countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
@@ -1430,6 +1445,7 @@ declare const _default: import("vue").DefineComponent<{
         calendarRightPaddingWeek: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
+            fontWeight: string;
             countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
@@ -1928,6 +1944,7 @@ declare const _default: import("vue").DefineComponent<{
                 rippleDuration: string;
             }, any>;
             Input: import("../../_mixins").Theme<"Input", {
+                fontWeight: string;
                 countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
@@ -2002,13 +2019,13 @@ declare const _default: import("vue").DefineComponent<{
             railColor: string;
         }, any>;
     }>>>;
-}, {
+}>, {
     mergedStatus: import("vue").ComputedRef<import("../../form/src/interface").FormValidationStatus | undefined>;
-    mergedClsPrefix: Ref<string>;
+    mergedClsPrefix: Ref<string, string>;
     mergedBordered: import("vue").ComputedRef<boolean>;
     namespace: import("vue").ComputedRef<string | undefined>;
-    uncontrolledValue: Ref<Value | null>;
-    pendingValue: Ref<Value | null>;
+    uncontrolledValue: Ref<Value | null, Value | null>;
+    pendingValue: Ref<Value | null, Value | null>;
     panelInstRef: Ref<{
         $el: HTMLElement;
         monthScrollbarRef?: {
@@ -2098,8 +2115,97 @@ declare const _default: import("vue").DefineComponent<{
             itemsElRef: HTMLElement | null;
             scrollTo: import("vueuc").VVirtualListScrollTo;
         } | null | undefined;
+    } | null, PanelRef | {
+        $el: HTMLElement;
+        monthScrollbarRef?: {
+            $el: HTMLElement;
+            containerRef: HTMLElement | null;
+            contentRef: HTMLElement | null;
+            containerScrollTop: number;
+            syncUnifiedContainer: () => void;
+            scrollTo: import("../../_internal/scrollbar/src/Scrollbar").ScrollTo;
+            scrollBy: import("../../_internal/scrollbar/src/Scrollbar").ScrollBy;
+            sync: () => void;
+            handleMouseEnterWrapper: () => void;
+            handleMouseLeaveWrapper: () => void;
+        } | null | undefined;
+        yearScrollbarRef?: {
+            $el: HTMLElement;
+            containerRef: HTMLElement | null;
+            contentRef: HTMLElement | null;
+            containerScrollTop: number;
+            syncUnifiedContainer: () => void;
+            scrollTo: import("../../_internal/scrollbar/src/Scrollbar").ScrollTo;
+            scrollBy: import("../../_internal/scrollbar/src/Scrollbar").ScrollBy;
+            sync: () => void;
+            handleMouseEnterWrapper: () => void;
+            handleMouseLeaveWrapper: () => void;
+        } | null | undefined;
+        yearVlRef?: {
+            listElRef: HTMLElement;
+            itemsElRef: HTMLElement | null;
+            scrollTo: import("vueuc").VVirtualListScrollTo;
+        } | null | undefined;
+        startYearScrollbarRef?: {
+            $el: HTMLElement;
+            containerRef: HTMLElement | null;
+            contentRef: HTMLElement | null;
+            containerScrollTop: number;
+            syncUnifiedContainer: () => void;
+            scrollTo: import("../../_internal/scrollbar/src/Scrollbar").ScrollTo;
+            scrollBy: import("../../_internal/scrollbar/src/Scrollbar").ScrollBy;
+            sync: () => void;
+            handleMouseEnterWrapper: () => void;
+            handleMouseLeaveWrapper: () => void;
+        } | null | undefined;
+        endYearScrollbarRef?: {
+            $el: HTMLElement;
+            containerRef: HTMLElement | null;
+            contentRef: HTMLElement | null;
+            containerScrollTop: number;
+            syncUnifiedContainer: () => void;
+            scrollTo: import("../../_internal/scrollbar/src/Scrollbar").ScrollTo;
+            scrollBy: import("../../_internal/scrollbar/src/Scrollbar").ScrollBy;
+            sync: () => void;
+            handleMouseEnterWrapper: () => void;
+            handleMouseLeaveWrapper: () => void;
+        } | null | undefined;
+        startMonthScrollbarRef?: {
+            $el: HTMLElement;
+            containerRef: HTMLElement | null;
+            contentRef: HTMLElement | null;
+            containerScrollTop: number;
+            syncUnifiedContainer: () => void;
+            scrollTo: import("../../_internal/scrollbar/src/Scrollbar").ScrollTo;
+            scrollBy: import("../../_internal/scrollbar/src/Scrollbar").ScrollBy;
+            sync: () => void;
+            handleMouseEnterWrapper: () => void;
+            handleMouseLeaveWrapper: () => void;
+        } | null | undefined;
+        endMonthScrollbarRef?: {
+            $el: HTMLElement;
+            containerRef: HTMLElement | null;
+            contentRef: HTMLElement | null;
+            containerScrollTop: number;
+            syncUnifiedContainer: () => void;
+            scrollTo: import("../../_internal/scrollbar/src/Scrollbar").ScrollTo;
+            scrollBy: import("../../_internal/scrollbar/src/Scrollbar").ScrollBy;
+            sync: () => void;
+            handleMouseEnterWrapper: () => void;
+            handleMouseLeaveWrapper: () => void;
+        } | null | undefined;
+        startYearVlRef?: {
+            listElRef: HTMLElement;
+            itemsElRef: HTMLElement | null;
+            scrollTo: import("vueuc").VVirtualListScrollTo;
+        } | null | undefined;
+        endYearVlRef?: {
+            listElRef: HTMLElement;
+            itemsElRef: HTMLElement | null;
+            scrollTo: import("vueuc").VVirtualListScrollTo;
+        } | null | undefined;
     } | null>;
-    triggerElRef: Ref<HTMLElement | null>;
+    triggerElRef: Ref<HTMLElement | null, HTMLElement | null>;
     inputInstRef: Ref<{
         wrapperElRef: HTMLElement | null;
         textareaElRef: HTMLTextAreaElement | null;
@@ -2112,11 +2218,35 @@ declare const _default: import("vue").DefineComponent<{
         activate: () => void;
         deactivate: () => void;
         scrollTo: (options: ScrollToOptions) => void;
+    } | null, {
+        wrapperElRef: HTMLElement | null;
+        textareaElRef: HTMLTextAreaElement | null;
+        inputElRef: HTMLInputElement | null;
+        isCompositing: boolean;
+        blur: () => void;
+        clear: () => void;
+        focus: () => void;
+        select: () => void;
+        activate: () => void;
+        deactivate: () => void;
+        scrollTo: (options: ScrollToOptions) => void;
+    } | {
+        wrapperElRef: HTMLElement | null;
+        textareaElRef: HTMLTextAreaElement | null;
+        inputElRef: HTMLInputElement | null;
+        isCompositing: boolean;
+        blur: () => void;
+        clear: () => void;
+        focus: () => void;
+        select: () => void;
+        activate: () => void;
+        deactivate: () => void;
+        scrollTo: (options: ScrollToOptions) => void;
     } | null>;
-    isMounted: Readonly<Ref<boolean>>;
-    displayTime: Ref<string>;
-    displayStartTime: Ref<string>;
-    displayEndTime: Ref<string>;
+    isMounted: Readonly<Ref<boolean, boolean>>;
+    displayTime: Ref<string, string>;
+    displayStartTime: Ref<string, string>;
+    displayEndTime: Ref<string, string>;
     mergedShow: import("vue").ComputedRef<boolean>;
     adjustedTo: import("vue").ComputedRef<string | HTMLElement>;
     isRange: import("vue").ComputedRef<boolean>;
@@ -2215,6 +2345,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         peers: {
             Input: import("../../_mixins").Theme<"Input", {
+                fontWeight: string;
                 countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
@@ -2713,6 +2844,7 @@ declare const _default: import("vue").DefineComponent<{
                     rippleDuration: string;
                 }, any>;
                 Input: import("../../_mixins").Theme<"Input", {
+                    fontWeight: string;
                     countTextColorDisabled: string;
                     countTextColor: string;
                     heightTiny: string;
@@ -3017,6 +3149,7 @@ declare const _default: import("vue").DefineComponent<{
                         rippleDuration: string;
                     }, any>> | undefined;
                     Input?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Input", {
+                        fontWeight: string;
                         countTextColorDisabled: string;
                         countTextColor: string;
                         heightTiny: string;
@@ -3092,7 +3225,7 @@ declare const _default: import("vue").DefineComponent<{
         '--n-icon-color-override': string;
         '--n-icon-color-disabled-override': string;
     }> | undefined;
-    triggerThemeClass: Ref<string> | undefined;
+    triggerThemeClass: Ref<string, string> | undefined;
     triggerOnRender: (() => void) | undefined;
     cssVars: import("vue").ComputedRef<{
         '--n-bezier': string;
@@ -3139,7 +3272,7 @@ declare const _default: import("vue").DefineComponent<{
         '--n-icon-color': string;
         '--n-icon-color-disabled': string;
     }> | undefined;
-    themeClass: Ref<string> | undefined;
+    themeClass: Ref<string, string> | undefined;
     onRender: (() => void) | undefined;
     onNextMonth: (() => void) | undefined;
     onPrevMonth: (() => void) | undefined;
@@ -3147,7 +3280,7 @@ declare const _default: import("vue").DefineComponent<{
     onPrevYear: (() => void) | undefined;
     focus: () => void;
     blur: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
     readonly to: {
         type: import("vue").PropType<HTMLElement | string | boolean>;
         default: undefined;
@@ -3158,6 +3291,17 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly clearable: BooleanConstructor;
     readonly updateValueOnClose: BooleanConstructor;
+    readonly calendarDayFormat: StringConstructor;
+    readonly calendarHeaderYearFormat: StringConstructor;
+    readonly calendarHeaderMonthFormat: StringConstructor;
+    readonly calendarHeaderMonthYearSeparator: {
+        readonly type: StringConstructor;
+        readonly default: " ";
+    };
+    readonly calendarHeaderMonthBeforeYear: {
+        readonly type: BooleanConstructor;
+        readonly default: undefined;
+    };
     readonly defaultValue: import("vue").PropType<Value | null>;
     readonly defaultFormattedValue: import("vue").PropType<FormattedValue | null>;
     readonly defaultTime: import("vue").PropType<import("./interface").DefaultTime>;
@@ -3299,6 +3443,7 @@ declare const _default: import("vue").DefineComponent<{
         calendarRightPaddingWeek: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
+            fontWeight: string;
             countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
@@ -3797,6 +3942,7 @@ declare const _default: import("vue").DefineComponent<{
                 rippleDuration: string;
             }, any>;
             Input: import("../../_mixins").Theme<"Input", {
+                fontWeight: string;
                 countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
@@ -3937,6 +4083,7 @@ declare const _default: import("vue").DefineComponent<{
         calendarRightPaddingWeek: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
+            fontWeight: string;
             countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
@@ -4435,6 +4582,7 @@ declare const _default: import("vue").DefineComponent<{
                 rippleDuration: string;
             }, any>;
             Input: import("../../_mixins").Theme<"Input", {
+                fontWeight: string;
                 countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
@@ -4575,6 +4723,7 @@ declare const _default: import("vue").DefineComponent<{
         calendarRightPaddingWeek: string;
     }, {
         Input: import("../../_mixins").Theme<"Input", {
+            fontWeight: string;
             countTextColorDisabled: string;
             countTextColor: string;
             heightTiny: string;
@@ -5073,6 +5222,7 @@ declare const _default: import("vue").DefineComponent<{
                 rippleDuration: string;
             }, any>;
             Input: import("../../_mixins").Theme<"Input", {
+                fontWeight: string;
                 countTextColorDisabled: string;
                 countTextColor: string;
                 heightTiny: string;
@@ -5147,11 +5297,11 @@ declare const _default: import("vue").DefineComponent<{
             railColor: string;
         }, any>;
     }>>>;
-}>>, {
+}>> & Readonly<{}>, {
     readonly type: import("./config").DatePickerType;
-    readonly show: boolean | undefined;
-    readonly disabled: boolean | undefined;
     readonly to: string | boolean | HTMLElement;
+    readonly disabled: boolean | undefined;
+    readonly show: boolean | undefined;
     readonly yearFormat: string;
     readonly monthFormat: string;
     readonly quarterFormat: string;
@@ -5159,10 +5309,12 @@ declare const _default: import("vue").DefineComponent<{
     readonly placement: import("vueuc").FollowerPlacement;
     readonly clearable: boolean;
     readonly inputReadonly: boolean;
-    readonly updateValueOnClose: boolean;
+    readonly calendarHeaderMonthYearSeparator: string;
+    readonly calendarHeaderMonthBeforeYear: boolean;
     readonly panel: boolean;
+    readonly updateValueOnClose: boolean;
     readonly closeOnSelect: boolean;
     readonly bindCalendarMonths: boolean;
     readonly yearRange: [number, number];
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/date-picker/src/DatePicker.mjs

@@ -1,26 +1,26 @@
-import { Transition, computed, defineComponent, h, provide, ref, toRef, watch, watchEffect, withDirectives } from 'vue';
-import { VBinder, VFollower, VTarget } from 'vueuc';
-import { clickoutside } from 'vdirs';
 import { format, getTime, isValid } from 'date-fns';
-import { useIsMounted, useMergedState } from 'vooks';
 import { getPreciseEventTarget, happensIn } from 'seemly';
-import { DateIcon, ToIcon } from "../../_internal/icons/index.mjs";
-import { NInput } from "../../input/index.mjs";
+import { clickoutside } from 'vdirs';
+import { useIsMounted, useMergedState } from 'vooks';
+import { computed, defineComponent, h, provide, ref, toRef, Transition, watch, watchEffect, withDirectives } from 'vue';
+import { VBinder, VFollower, VTarget } from 'vueuc';
 import { NBaseIcon } from "../../_internal/index.mjs";
+import { DateIcon, ToIcon } from "../../_internal/icons/index.mjs";
 import { useConfig, useFormItem, useLocale, useTheme, useThemeClass } from "../../_mixins/index.mjs";
 import { call, createKey, markEventEffectPerformed, resolveSlot, useAdjustedTo, warn, warnOnce } from "../../_utils/index.mjs";
+import { NInput } from "../../input/index.mjs";
 import { datePickerLight } from "../styles/index.mjs";
-import { strictParse } from "./utils.mjs";
-import { dualCalendarValidation, uniCalendarValidation } from "./validation-utils.mjs";
 import { datePickerInjectionKey } from "./interface.mjs";
-import DatetimePanel from "./panel/datetime.mjs";
-import DatetimerangePanel from "./panel/datetimerange.mjs";
 import DatePanel from "./panel/date.mjs";
 import DaterangePanel from "./panel/daterange.mjs";
+import DatetimePanel from "./panel/datetime.mjs";
+import DatetimerangePanel from "./panel/datetimerange.mjs";
 import MonthPanel from "./panel/month.mjs";
 import MonthRangePanel from "./panel/monthrange.mjs";
-import style from "./styles/index.cssr.mjs";
 import { datePickerProps } from "./props.mjs";
+import style from "./styles/index.cssr.mjs";
+import { strictParse } from "./utils.mjs";
+import { dualCalendarValidation, uniCalendarValidation } from "./validation-utils.mjs";
 export default defineComponent({
   name: 'DatePicker',
   props: datePickerProps,
@@ -820,7 +820,13 @@ export default defineComponent({
       onPrevMonth: this.onPrevMonth,
       onNextYear: this.onNextYear,
       onPrevYear: this.onPrevYear,
-      timerPickerFormat: this.timerPickerFormat
+      timerPickerFormat: this.timerPickerFormat,
+      dateFormat: this.dateFormat,
+      calendarDayFormat: this.calendarDayFormat,
+      calendarHeaderYearFormat: this.calendarHeaderYearFormat,
+      calendarHeaderMonthFormat: this.calendarHeaderMonthFormat,
+      calendarHeaderMonthYearSeparator: this.calendarHeaderMonthYearSeparator,
+      calendarHeaderMonthBeforeYear: this.calendarHeaderMonthBeforeYear
     };
     const renderPanel = () => {
       const {

package/es/date-picker/src/interface.d.ts

@@ -1,12 +1,12 @@
 import type { Ref, Slots, UnwrapNestedRefs } from 'vue';
 import type { VirtualListInst } from 'vueuc';
-import type { NDateLocale, NLocale } from '../../locales';
 import type { ScrollbarInst } from '../../_internal';
+import type { MergedTheme } from '../../_mixins';
+import type { ButtonProps } from '../../button';
+import type { NDateLocale, NLocale } from '../../locales';
 import type { IsHourDisabled, IsMinuteDisabled, IsSecondDisabled } from '../../time-picker/src/interface';
 import type { TimePickerProps } from '../../time-picker/src/TimePicker';
-import type { MergedTheme } from '../../_mixins';
 import type { DatePickerTheme } from '../styles/light';
-import type { ButtonProps } from '../../button';
 import type { dualCalendarValidation, uniCalendarValidation } from './validation-utils';
 export type Value = number | [number, number];
 export type DefaultTime = string | [string | undefined, string | undefined];