naive-ui 2.23.2 → 2.24.3

package/es/badge/src/Badge.d.ts

@@ -118,29 +118,31 @@ declare const _default: import("vue").DefineComponent<{
         '--n-bezier': string;
         '--n-ripple-bezier': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly value?: unknown;
-    readonly max?: unknown;
-    readonly dot?: unknown;
-    readonly type?: unknown;
-    readonly show?: unknown;
-    readonly showZero?: unknown;
-    readonly processing?: unknown;
-    readonly color?: unknown;
-    readonly theme?: unknown;
-    readonly themeOverrides?: unknown;
-    readonly builtinThemeOverrides?: unknown;
-} & {
-    type: "default" | "error" | "info" | "success" | "warning";
-    show: boolean;
-    dot: boolean;
-    showZero: boolean;
-    processing: boolean;
-} & {
-    value?: string | number | undefined;
-    color?: string | undefined;
-    max?: number | undefined;
-    theme?: import("../../_mixins").Theme<"Badge", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly value: PropType<string | number>;
+    readonly max: NumberConstructor;
+    readonly dot: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly type: {
+        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly default: "default";
+    };
+    readonly show: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showZero: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly processing: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly color: StringConstructor;
+    readonly theme: PropType<import("../../_mixins").Theme<"Badge", {
         color: string;
         colorInfo: string;
         colorSuccess: string;
@@ -148,8 +150,8 @@ declare const _default: import("vue").DefineComponent<{
         colorWarning: string;
         fontSize: string;
         fontFamily: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Badge", {
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Badge", {
         color: string;
         colorInfo: string;
         colorSuccess: string;
@@ -157,8 +159,8 @@ declare const _default: import("vue").DefineComponent<{
         colorWarning: string;
         fontSize: string;
         fontFamily: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Badge", {
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Badge", {
         color: string;
         colorInfo: string;
         colorSuccess: string;
@@ -166,8 +168,8 @@ declare const _default: import("vue").DefineComponent<{
         colorWarning: string;
         fontSize: string;
         fontFamily: string;
-    }, any>> | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     type: "default" | "error" | "info" | "success" | "warning";
     show: boolean;
     dot: boolean;

package/es/badge/src/Badge.js

@@ -1,4 +1,4 @@
-import { h, computed, onMounted, ref, defineComponent, renderSlot, Transition } from 'vue';
+import { h, computed, onMounted, ref, defineComponent, Transition } from 'vue';
 import { useConfig, useTheme } from '../../_mixins';
 import { NBaseSlotMachine, NBaseWave } from '../../_internal';
 import { createKey, getTitleAttribute } from '../../_utils';
@@ -63,15 +63,16 @@ export default defineComponent({
         };
     },
     render() {
-        const { mergedClsPrefix } = this;
+        var _a;
+        const { mergedClsPrefix, $slots } = this;
         return (h("div", { class: [
                 `${mergedClsPrefix}-badge`,
                 {
                     [`${mergedClsPrefix}-badge--dot`]: this.dot,
-                    [`${mergedClsPrefix}-badge--as-is`]: !this.$slots.default
+                    [`${mergedClsPrefix}-badge--as-is`]: !$slots.default
                 }
-            ], style: this.cssVars },
-            renderSlot(this.$slots, 'default'),
+            ], style: this.cssVars }, (_a = $slots.default) === null || _a === void 0 ? void 0 :
+            _a.call($slots),
             h(Transition, { name: "fade-in-scale-up-transition", onAfterEnter: this.handleAfterEnter, onAfterLeave: this.handleAfterLeave }, {
                 default: () => this.showBadge ? (h("sup", { class: `${mergedClsPrefix}-badge-sup`, title: getTitleAttribute(this.value) },
                     !this.dot ? (h(NBaseSlotMachine, { clsPrefix: mergedClsPrefix, appeared: this.appeared, max: this.max, value: this.value })) : null,

package/es/breadcrumb/src/Breadcrumb.d.ts

@@ -1,10 +1,10 @@
-import { InjectionKey, Ref } from 'vue';
-import type { ExtractPublicPropTypes } from '../../_utils';
+import { Ref } from 'vue';
+import { ExtractPublicPropTypes } from '../../_utils';
 export interface BreadcrumbInjection {
     separatorRef: Ref<string>;
     mergedClsPrefixRef: Ref<string>;
 }
-export declare const breadcrumbInjectionKey: InjectionKey<BreadcrumbInjection>;
+export declare const breadcrumbInjectionKey: import("vue").InjectionKey<BreadcrumbInjection>;
 declare const breadcrumbProps: {
     readonly separator: {
         readonly type: StringConstructor;
@@ -83,15 +83,12 @@ declare const _default: import("vue").DefineComponent<{
         '--n-separator-color': string;
         '--n-font-weight-active': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly separator?: unknown;
-    readonly theme?: unknown;
-    readonly themeOverrides?: unknown;
-    readonly builtinThemeOverrides?: unknown;
-} & {
-    separator: string;
-} & {
-    theme?: import("../../_mixins").Theme<"Breadcrumb", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly separator: {
+        readonly type: StringConstructor;
+        readonly default: "/";
+    };
+    readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Breadcrumb", {
         fontSize: string;
         itemTextColor: string;
         itemTextColorHover: string;
@@ -99,8 +96,8 @@ declare const _default: import("vue").DefineComponent<{
         itemTextColorActive: string;
         separatorColor: string;
         fontWeightActive: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Breadcrumb", {
+    }, any>>;
+    readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Breadcrumb", {
         fontSize: string;
         itemTextColor: string;
         itemTextColorHover: string;
@@ -108,8 +105,8 @@ declare const _default: import("vue").DefineComponent<{
         itemTextColorActive: string;
         separatorColor: string;
         fontWeightActive: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Breadcrumb", {
+    }, any>>>;
+    readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Breadcrumb", {
         fontSize: string;
         itemTextColor: string;
         itemTextColorHover: string;
@@ -117,8 +114,8 @@ declare const _default: import("vue").DefineComponent<{
         itemTextColorActive: string;
         separatorColor: string;
         fontWeightActive: string;
-    }, any>> | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     separator: string;
 }>;
 export default _default;

package/es/breadcrumb/src/Breadcrumb.js

@@ -2,7 +2,8 @@ import { h, computed, defineComponent, provide, toRef } from 'vue';
 import { useConfig, useTheme } from '../../_mixins';
 import { breadcrumbLight } from '../styles';
 import style from './styles/index.cssr';
-export const breadcrumbInjectionKey = Symbol('breadcrumb');
+import { createInjectionKey } from '../../_utils';
+export const breadcrumbInjectionKey = createInjectionKey('n-breadcrumb');
 const breadcrumbProps = Object.assign(Object.assign({}, useTheme.props), { separator: {
         type: String,
         default: '/'

package/es/breadcrumb/src/BreadcrumbItem.d.ts

@@ -7,11 +7,8 @@ export declare type BreadcrumbItemProps = Partial<ExtractPropTypes<typeof breadc
 declare const _default: import("vue").DefineComponent<{
     readonly separator: StringConstructor;
     readonly href: StringConstructor;
-}, (() => null) | (() => JSX.Element), unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly separator?: unknown;
-    readonly href?: unknown;
-} & {} & {
-    separator?: string | undefined;
-    href?: string | undefined;
-}>, {}>;
+}, (() => null) | (() => JSX.Element), unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    readonly separator: StringConstructor;
+    readonly href: StringConstructor;
+}>>, {}>;
 export default _default;

package/es/button/src/Button.d.ts

@@ -1373,60 +1373,53 @@ declare const Button: import("vue").DefineComponent<{
         '--n-opacity-disabled': string;
         '--n-wave-opacity': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly color?: unknown;
-    readonly textColor?: unknown;
-    readonly text?: unknown;
-    readonly block?: unknown;
-    readonly loading?: unknown;
-    readonly disabled?: unknown;
-    readonly circle?: unknown;
-    readonly size?: unknown;
-    readonly ghost?: unknown;
-    readonly round?: unknown;
-    readonly secondary?: unknown;
-    readonly tertiary?: unknown;
-    readonly quaternary?: unknown;
-    readonly strong?: unknown;
-    readonly focusable?: unknown;
-    readonly keyboard?: unknown;
-    readonly tag?: unknown;
-    readonly type?: unknown;
-    readonly dashed?: unknown;
-    readonly iconPlacement?: unknown;
-    readonly attrType?: unknown;
-    readonly bordered?: unknown;
-    readonly onClick?: unknown;
-    readonly internalAutoFocus?: unknown;
-    readonly theme?: unknown;
-    readonly themeOverrides?: unknown;
-    readonly builtinThemeOverrides?: unknown;
-} & {
-    type: Type;
-    tag: keyof HTMLElementTagNameMap;
-    block: boolean;
-    round: boolean;
-    dashed: boolean;
-    text: boolean;
-    circle: boolean;
-    disabled: boolean;
-    focusable: boolean;
-    strong: boolean;
-    loading: boolean;
-    bordered: boolean;
-    tertiary: boolean;
-    keyboard: boolean;
-    ghost: boolean;
-    secondary: boolean;
-    quaternary: boolean;
-    iconPlacement: "left" | "right";
-    attrType: "button" | "reset" | "submit";
-    internalAutoFocus: boolean;
-} & {
-    color?: string | undefined;
-    size?: Size | undefined;
-    onClick?: MaybeArray<(e: MouseEvent) => void> | undefined;
-    theme?: import("../../_mixins").Theme<"Button", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly color: StringConstructor;
+    readonly textColor: StringConstructor;
+    readonly text: BooleanConstructor;
+    readonly block: BooleanConstructor;
+    readonly loading: BooleanConstructor;
+    readonly disabled: BooleanConstructor;
+    readonly circle: BooleanConstructor;
+    readonly size: PropType<Size>;
+    readonly ghost: BooleanConstructor;
+    readonly round: BooleanConstructor;
+    readonly secondary: BooleanConstructor;
+    readonly tertiary: BooleanConstructor;
+    readonly quaternary: BooleanConstructor;
+    readonly strong: BooleanConstructor;
+    readonly focusable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly keyboard: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly tag: {
+        readonly type: PropType<keyof HTMLElementTagNameMap>;
+        readonly default: "button";
+    };
+    readonly type: {
+        readonly type: PropType<Type>;
+        readonly default: "default";
+    };
+    readonly dashed: BooleanConstructor;
+    readonly iconPlacement: {
+        readonly type: PropType<"left" | "right">;
+        readonly default: "left";
+    };
+    readonly attrType: {
+        readonly type: PropType<"button" | "reset" | "submit">;
+        readonly default: "button";
+    };
+    readonly bordered: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly onClick: PropType<MaybeArray<(e: MouseEvent) => void>>;
+    readonly internalAutoFocus: BooleanConstructor;
+    readonly theme: PropType<import("../../_mixins").Theme<"Button", {
         heightTiny: string;
         heightSmall: string;
         heightMedium: string;
@@ -1629,8 +1622,8 @@ declare const Button: import("vue").DefineComponent<{
         iconSizeMedium: string;
         iconSizeLarge: string;
         rippleDuration: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Button", {
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Button", {
         heightTiny: string;
         heightSmall: string;
         heightMedium: string;
@@ -1833,8 +1826,8 @@ declare const Button: import("vue").DefineComponent<{
         iconSizeMedium: string;
         iconSizeLarge: string;
         rippleDuration: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Button", {
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Button", {
         heightTiny: string;
         heightSmall: string;
         heightMedium: string;
@@ -2037,9 +2030,8 @@ declare const Button: import("vue").DefineComponent<{
         iconSizeMedium: string;
         iconSizeLarge: string;
         rippleDuration: string;
-    }, any>> | undefined;
-    textColor?: string | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     type: Type;
     tag: keyof HTMLElementTagNameMap;
     block: boolean;

package/es/button/src/Button.js

@@ -1,4 +1,4 @@
-import { h, ref, computed, inject, onMounted, defineComponent, renderSlot, watchEffect } from 'vue';
+import { h, ref, computed, inject, onMounted, defineComponent, watchEffect } from 'vue';
 import { useMemo } from 'vooks';
 import { createHoverColor, createPressedColor } from '../../_utils/color/index';
 import { useConfig, useFormItem, useTheme } from '../../_mixins';
@@ -410,7 +410,10 @@ const Button = defineComponent({
                         margin: !$slots.default ? 0 : ''
                     } },
                     h(NIconSwitchTransition, null, {
-                        default: () => this.loading ? (h(NBaseLoading, { clsPrefix: mergedClsPrefix, key: "loading", class: `${mergedClsPrefix}-icon-slot`, strokeWidth: 20 })) : (h("div", { key: "icon", class: `${mergedClsPrefix}-icon-slot`, role: "none" }, renderSlot($slots, 'icon')))
+                        default: () => {
+                            var _a;
+                            return this.loading ? (h(NBaseLoading, { clsPrefix: mergedClsPrefix, key: "loading", class: `${mergedClsPrefix}-icon-slot`, strokeWidth: 20 })) : (h("div", { key: "icon", class: `${mergedClsPrefix}-icon-slot`, role: "none" }, (_a = $slots.icon) === null || _a === void 0 ? void 0 : _a.call($slots)));
+                        }
                     }))) : null
             }),
             $slots.default && this.iconPlacement === 'left' ? (h("span", { class: `${mergedClsPrefix}-button__content` }, $slots)) : null,

package/es/button/src/ButtonGroup.d.ts

@@ -1,10 +1,10 @@
-import { PropType, InjectionKey } from 'vue';
-import type { ExtractPublicPropTypes } from '../../_utils';
+import { PropType } from 'vue';
+import { ExtractPublicPropTypes } from '../../_utils';
 import type { Size } from './interface';
 export interface ButtonGroupInjection {
     size?: Size | undefined;
 }
-export declare const buttonGroupInjectionKey: InjectionKey<ButtonGroupInjection>;
+export declare const buttonGroupInjectionKey: import("vue").InjectionKey<ButtonGroupInjection>;
 declare const buttonGroupProps: {
     readonly size: {
         readonly type: PropType<Size | undefined>;
@@ -21,14 +21,13 @@ declare const _default: import("vue").DefineComponent<{
     readonly vertical: BooleanConstructor;
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly size?: unknown;
-    readonly vertical?: unknown;
-} & {
-    vertical: boolean;
-} & {
-    size?: Size | 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<{
+    readonly size: {
+        readonly type: PropType<Size | undefined>;
+        readonly default: undefined;
+    };
+    readonly vertical: BooleanConstructor;
+}>>, {
     size: Size | undefined;
     vertical: boolean;
 }>;

package/es/button/src/ButtonGroup.js

@@ -1,7 +1,8 @@
 import { h, defineComponent, provide } from 'vue';
 import { useConfig, useStyle } from '../../_mixins';
+import { createInjectionKey } from '../../_utils';
 import style from './styles/button-group.cssr';
-export const buttonGroupInjectionKey = Symbol('button-group');
+export const buttonGroupInjectionKey = createInjectionKey('n-button-group');
 const buttonGroupProps = {
     size: {
         type: String,

package/es/calendar/src/Calendar.d.ts

@@ -1,13 +1,14 @@
 import { PropType } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
-import type { OnUpdateValue, DateItem } from './interface';
+import type { OnUpdateValue, DateItem, OnPanelChange } from './interface';
 declare const calendarProps: {
     readonly isDateDisabled: PropType<(date: number) => boolean | undefined>;
     readonly value: NumberConstructor;
     readonly defaultValue: {
         readonly type: PropType<number | null>;
-        readonly defualt: null;
+        readonly default: null;
     };
+    readonly onPanelChange: PropType<OnPanelChange>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Calendar", {
@@ -698,8 +699,9 @@ declare const _default: import("vue").DefineComponent<{
     readonly value: NumberConstructor;
     readonly defaultValue: {
         readonly type: PropType<number | null>;
-        readonly defualt: null;
+        readonly default: null;
     };
+    readonly onPanelChange: PropType<OnPanelChange>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
     readonly theme: PropType<import("../../_mixins").Theme<"Calendar", {
@@ -1784,18 +1786,17 @@ declare const _default: import("vue").DefineComponent<{
         '--n-cell-color-hover-popover': string;
         '--n-bar-color': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly isDateDisabled?: unknown;
-    readonly value?: unknown;
-    readonly defaultValue?: unknown;
-    readonly 'onUpdate:value'?: unknown;
-    readonly onUpdateValue?: unknown;
-    readonly theme?: unknown;
-    readonly themeOverrides?: unknown;
-    readonly builtinThemeOverrides?: unknown;
-} & {} & {
-    value?: number | undefined;
-    theme?: import("../../_mixins").Theme<"Calendar", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly isDateDisabled: PropType<(date: number) => boolean | undefined>;
+    readonly value: NumberConstructor;
+    readonly defaultValue: {
+        readonly type: PropType<number | null>;
+        readonly default: null;
+    };
+    readonly onPanelChange: PropType<OnPanelChange>;
+    readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
+    readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
+    readonly theme: PropType<import("../../_mixins").Theme<"Calendar", {
         borderRadius: string;
         borderColor: string;
         borderColorModal: string;
@@ -2021,8 +2022,8 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             rippleDuration: string;
         }, any>;
-    }> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Calendar", {
+    }>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Calendar", {
         borderRadius: string;
         borderColor: string;
         borderColorModal: string;
@@ -2248,8 +2249,8 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             rippleDuration: string;
         }, any>;
-    }>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Calendar", {
+    }>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Calendar", {
         borderRadius: string;
         borderColor: string;
         borderColorModal: string;
@@ -2475,10 +2476,8 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             rippleDuration: string;
         }, any>;
-    }>> | undefined;
-    defaultValue?: number | null | undefined;
-    "onUpdate:value"?: MaybeArray<OnUpdateValue> | undefined;
-    onUpdateValue?: MaybeArray<OnUpdateValue> | undefined;
-    isDateDisabled?: ((date: number) => boolean | undefined) | undefined;
-}>, {}>;
+    }>>>;
+}>>, {
+    defaultValue: number | null;
+}>;
 export default _default;

package/es/calendar/src/Calendar.js

@@ -1,5 +1,5 @@
 import { computed, defineComponent, h, ref, Fragment, toRef } from 'vue';
-import { format, getYear, addMonths, startOfDay, startOfMonth } from 'date-fns';
+import { format, getYear, addMonths, startOfDay, startOfMonth, getMonth } from 'date-fns';
 import { useMergedState } from 'vooks';
 import { dateArray } from '../../date-picker/src/utils';
 import { ChevronLeftIcon, ChevronRightIcon } from '../../_internal/icons';
@@ -11,8 +11,8 @@ import { calendarLight } from '../styles';
 import style from './styles/index.cssr';
 const calendarProps = Object.assign(Object.assign({}, useTheme.props), { isDateDisabled: Function, value: Number, defaultValue: {
         type: Number,
-        defualt: null
-    }, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array] });
+        default: null
+    }, onPanelChange: Function, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array] });
 export default defineComponent({
     name: 'Calendar',
     props: calendarProps,
@@ -36,13 +36,38 @@ export default defineComponent({
             uncontrolledValueRef.value = value;
         }
         function handlePrevClick() {
-            monthTsRef.value = addMonths(monthTsRef.value, -1).valueOf();
+            var _a;
+            const monthTs = addMonths(monthTsRef.value, -1).valueOf();
+            monthTsRef.value = monthTs;
+            (_a = props.onPanelChange) === null || _a === void 0 ? void 0 : _a.call(props, {
+                year: getYear(monthTs),
+                month: getMonth(monthTs) + 1
+            });
         }
         function handleNextClick() {
-            monthTsRef.value = addMonths(monthTsRef.value, 1).valueOf();
+            var _a;
+            const monthTs = addMonths(monthTsRef.value, 1).valueOf();
+            monthTsRef.value = monthTs;
+            (_a = props.onPanelChange) === null || _a === void 0 ? void 0 : _a.call(props, {
+                year: getYear(monthTs),
+                month: getMonth(monthTs) + 1
+            });
         }
         function handleTodayClick() {
-            monthTsRef.value = startOfMonth(now).valueOf();
+            var _a;
+            const { value: monthTs } = monthTsRef;
+            const oldYear = getYear(monthTs);
+            const oldMonth = getMonth(monthTs);
+            const newMonthTs = startOfMonth(now).valueOf();
+            const newYear = getYear(newMonthTs);
+            const newMonth = getMonth(newMonthTs);
+            if (oldYear !== newYear || oldMonth !== newMonth) {
+                (_a = props.onPanelChange) === null || _a === void 0 ? void 0 : _a.call(props, {
+                    year: newYear,
+                    month: newMonthTs
+                });
+            }
+            monthTsRef.value = newMonthTs;
         }
         return {
             mergedClsPrefix: mergedClsPrefixRef,

package/es/calendar/src/interface.d.ts

@@ -4,3 +4,7 @@ export interface DateItem {
     month: number;
     date: number;
 }
+export declare type OnPanelChange = (info: {
+    year: number;
+    month: number;
+}) => void;