naive-ui 2.23.1 → 2.24.2

package/lib/breadcrumb/src/styles/index.cssr.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 
 const cssr_1 = require("../../../_utils/cssr"); // vars:
-// --font-size
-// --bezier
-// --item-text-color
-// --item-text-color-hover
-// --item-text-color-pressed
-// --item-text-color-active
-// --separator-color
-// --font-weight-active
+// --n-font-size
+// --n-bezier
+// --n-item-text-color
+// --n-item-text-color-hover
+// --n-item-text-color-pressed
+// --n-item-text-color-active
+// --n-separator-color
+// --n-font-weight-active
 
 
 exports.default = (0, cssr_1.cB)('breadcrumb', `
@@ -25,36 +25,36 @@ exports.default = (0, cssr_1.cB)('breadcrumb', `
  color: inherit;
  text-decoration: inherit;
  `), (0, cssr_1.cB)('breadcrumb-item', {
-  fontSize: 'var(--font-size)',
-  transition: 'color .3s var(--bezier)',
+  fontSize: 'var(--n-font-size)',
+  transition: 'color .3s var(--n-bezier)',
   display: 'inline-block'
 }, [(0, cssr_1.cB)('icon', `
  font-size: 18px;
  vertical-align: -.2em;
- transition: color .3s var(--bezier);
- color: var(--item-text-color);
+ transition: color .3s var(--n-bezier);
+ color: var(--n-item-text-color);
  `), (0, cssr_1.cE)('link', {
   cursor: 'pointer',
-  transition: 'color .3s var(--bezier)',
-  color: 'var(--item-text-color)'
+  transition: 'color .3s var(--n-bezier)',
+  color: 'var(--n-item-text-color)'
 }), (0, cssr_1.cE)('separator', {
   margin: '0 8px',
-  color: 'var(--separator-color)',
-  transition: 'color .3s var(--bezier)'
+  color: 'var(--n-separator-color)',
+  transition: 'color .3s var(--n-bezier)'
 }), (0, cssr_1.c)('&:hover', [(0, cssr_1.cB)('icon', {
-  color: 'var(--item-text-color-hover)'
+  color: 'var(--n-item-text-color-hover)'
 }), (0, cssr_1.cE)('link', {
-  color: 'var(--item-text-color-hover)'
+  color: 'var(--n-item-text-color-hover)'
 })]), (0, cssr_1.c)('&:active', [(0, cssr_1.cB)('icon', {
-  color: 'var(--item-text-color-pressed)'
+  color: 'var(--n-item-text-color-pressed)'
 }), (0, cssr_1.cE)('link', {
-  color: 'var(--item-text-color-pressed)'
+  color: 'var(--n-item-text-color-pressed)'
 })]), (0, cssr_1.c)('&:last-child', [(0, cssr_1.cE)('link', `
- font-weight: var(--font-weight-active);
+ font-weight: var(--n-font-weight-active);
  cursor: unset;
- color: var(--item-text-color-active);
+ color: var(--n-item-text-color-active);
  `), (0, cssr_1.cB)('icon', {
-  color: 'var(--item-text-color-active)'
+  color: 'var(--n-item-text-color-active)'
 }), (0, cssr_1.cE)('separator', {
   display: 'none'
 })])])]);

package/lib/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/lib/button/src/Button.js

@@ -416,7 +416,10 @@ const Button = (0, vue_1.defineComponent)({
                         margin: !$slots.default ? 0 : ''
                     } },
                     (0, vue_1.h)(_internal_1.NIconSwitchTransition, null, {
-                        default: () => this.loading ? ((0, vue_1.h)(_internal_1.NBaseLoading, { clsPrefix: mergedClsPrefix, key: "loading", class: `${mergedClsPrefix}-icon-slot`, strokeWidth: 20 })) : ((0, vue_1.h)("div", { key: "icon", class: `${mergedClsPrefix}-icon-slot`, role: "none" }, (0, vue_1.renderSlot)($slots, 'icon')))
+                        default: () => {
+                            var _a;
+                            return this.loading ? ((0, vue_1.h)(_internal_1.NBaseLoading, { clsPrefix: mergedClsPrefix, key: "loading", class: `${mergedClsPrefix}-icon-slot`, strokeWidth: 20 })) : ((0, vue_1.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' ? ((0, vue_1.h)("span", { class: `${mergedClsPrefix}-button__content` }, $slots)) : null,

package/lib/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/lib/button/src/ButtonGroup.js

@@ -6,8 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.buttonGroupInjectionKey = void 0;
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
+const _utils_1 = require("../../_utils");
 const button_group_cssr_1 = __importDefault(require("./styles/button-group.cssr"));
-exports.buttonGroupInjectionKey = Symbol('button-group');
+exports.buttonGroupInjectionKey = (0, _utils_1.createInjectionKey)('n-button-group');
 const buttonGroupProps = {
     size: {
         type: String,

package/lib/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", {
@@ -1762,40 +1764,39 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--border-color': string;
-        '--border-color-modal': string;
-        '--border-color-popover': string;
-        '--border-radius': string;
-        '--text-color': string;
-        '--title-font-weight': string;
-        '--title-font-size': string;
-        '--title-text-color': string;
-        '--day-text-color': string;
-        '--font-size': string;
-        '--line-height': string;
-        '--date-color-current': string;
-        '--date-text-color-current': string;
-        '--cell-color': string;
-        '--cell-color-modal': string;
-        '--cell-color-popover': string;
-        '--cell-color-hover': string;
-        '--cell-color-hover-modal': string;
-        '--cell-color-hover-popover': string;
-        '--bar-color': string;
+        '--n-bezier': string;
+        '--n-border-color': string;
+        '--n-border-color-modal': string;
+        '--n-border-color-popover': string;
+        '--n-border-radius': string;
+        '--n-text-color': string;
+        '--n-title-font-weight': string;
+        '--n-title-font-size': string;
+        '--n-title-text-color': string;
+        '--n-day-text-color': string;
+        '--n-font-size': string;
+        '--n-line-height': string;
+        '--n-date-color-current': string;
+        '--n-date-text-color-current': string;
+        '--n-cell-color': string;
+        '--n-cell-color-modal': string;
+        '--n-cell-color-popover': string;
+        '--n-cell-color-hover': string;
+        '--n-cell-color-hover-modal': string;
+        '--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/lib/calendar/src/Calendar.js

@@ -16,8 +16,8 @@ const styles_1 = require("../styles");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 const calendarProps = Object.assign(Object.assign({}, _mixins_1.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] });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Calendar',
     props: calendarProps,
@@ -41,13 +41,38 @@ exports.default = (0, vue_1.defineComponent)({
             uncontrolledValueRef.value = value;
         }
         function handlePrevClick() {
-            monthTsRef.value = (0, date_fns_1.addMonths)(monthTsRef.value, -1).valueOf();
+            var _a;
+            const monthTs = (0, date_fns_1.addMonths)(monthTsRef.value, -1).valueOf();
+            monthTsRef.value = monthTs;
+            (_a = props.onPanelChange) === null || _a === void 0 ? void 0 : _a.call(props, {
+                year: (0, date_fns_1.getYear)(monthTs),
+                month: (0, date_fns_1.getMonth)(monthTs) + 1
+            });
         }
         function handleNextClick() {
-            monthTsRef.value = (0, date_fns_1.addMonths)(monthTsRef.value, 1).valueOf();
+            var _a;
+            const monthTs = (0, date_fns_1.addMonths)(monthTsRef.value, 1).valueOf();
+            monthTsRef.value = monthTs;
+            (_a = props.onPanelChange) === null || _a === void 0 ? void 0 : _a.call(props, {
+                year: (0, date_fns_1.getYear)(monthTs),
+                month: (0, date_fns_1.getMonth)(monthTs) + 1
+            });
         }
         function handleTodayClick() {
-            monthTsRef.value = (0, date_fns_1.startOfMonth)(now).valueOf();
+            var _a;
+            const { value: monthTs } = monthTsRef;
+            const oldYear = (0, date_fns_1.getYear)(monthTs);
+            const oldMonth = (0, date_fns_1.getMonth)(monthTs);
+            const newMonthTs = (0, date_fns_1.startOfMonth)(now).valueOf();
+            const newYear = (0, date_fns_1.getYear)(newMonthTs);
+            const newMonth = (0, date_fns_1.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,
@@ -67,27 +92,27 @@ exports.default = (0, vue_1.defineComponent)({
             cssVars: (0, vue_1.computed)(() => {
                 const { common: { cubicBezierEaseInOut }, self: { borderColor, borderColorModal, borderColorPopover, borderRadius, titleFontSize, textColor, titleFontWeight, titleTextColor, dayTextColor, fontSize, lineHeight, dateColorCurrent, dateTextColorCurrent, cellColorHover, cellColor, cellColorModal, barColor, cellColorPopover, cellColorHoverModal, cellColorHoverPopover } } = themeRef.value;
                 return {
-                    '--bezier': cubicBezierEaseInOut,
-                    '--border-color': borderColor,
-                    '--border-color-modal': borderColorModal,
-                    '--border-color-popover': borderColorPopover,
-                    '--border-radius': borderRadius,
-                    '--text-color': textColor,
-                    '--title-font-weight': titleFontWeight,
-                    '--title-font-size': titleFontSize,
-                    '--title-text-color': titleTextColor,
-                    '--day-text-color': dayTextColor,
-                    '--font-size': fontSize,
-                    '--line-height': lineHeight,
-                    '--date-color-current': dateColorCurrent,
-                    '--date-text-color-current': dateTextColorCurrent,
-                    '--cell-color': cellColor,
-                    '--cell-color-modal': cellColorModal,
-                    '--cell-color-popover': cellColorPopover,
-                    '--cell-color-hover': cellColorHover,
-                    '--cell-color-hover-modal': cellColorHoverModal,
-                    '--cell-color-hover-popover': cellColorHoverPopover,
-                    '--bar-color': barColor
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-border-color': borderColor,
+                    '--n-border-color-modal': borderColorModal,
+                    '--n-border-color-popover': borderColorPopover,
+                    '--n-border-radius': borderRadius,
+                    '--n-text-color': textColor,
+                    '--n-title-font-weight': titleFontWeight,
+                    '--n-title-font-size': titleFontSize,
+                    '--n-title-text-color': titleTextColor,
+                    '--n-day-text-color': dayTextColor,
+                    '--n-font-size': fontSize,
+                    '--n-line-height': lineHeight,
+                    '--n-date-color-current': dateColorCurrent,
+                    '--n-date-text-color-current': dateTextColorCurrent,
+                    '--n-cell-color': cellColor,
+                    '--n-cell-color-modal': cellColorModal,
+                    '--n-cell-color-popover': cellColorPopover,
+                    '--n-cell-color-hover': cellColorHover,
+                    '--n-cell-color-hover-modal': cellColorHoverModal,
+                    '--n-cell-color-hover-popover': cellColorHoverPopover,
+                    '--n-bar-color': barColor
                 };
             })
         };

package/lib/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;