naive-ui 2.24.0 → 2.24.4

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

@@ -6,7 +6,7 @@ declare const calendarProps: {
     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>>;
@@ -699,7 +699,7 @@ 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>>;
@@ -1786,19 +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 onPanelChange?: 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;
@@ -2024,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;
@@ -2251,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;
@@ -2478,11 +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;
-    onPanelChange?: OnPanelChange | undefined;
-}>, {}>;
+    }>>>;
+}>>, {
+    defaultValue: number | null;
+}>;
 export default _default;

package/es/calendar/src/Calendar.js

@@ -11,7 +11,7 @@ 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
+        default: null
     }, onPanelChange: Function, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array] });
 export default defineComponent({
     name: 'Calendar',
@@ -54,7 +54,20 @@ export default defineComponent({
             });
         }
         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/card/src/Card.d.ts

@@ -438,33 +438,32 @@ declare const _default: import("vue").DefineComponent<{
         '--n-title-font-size': string;
         '--n-close-size': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    title?: unknown;
-    contentStyle?: unknown;
-    headerStyle?: unknown;
-    footerStyle?: unknown;
-    embedded?: unknown;
-    segmented?: unknown;
-    size?: unknown;
-    bordered?: unknown;
-    closable?: unknown;
-    hoverable?: unknown;
-    role?: unknown;
-    onClose?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-} & {
-    size: "small" | "medium" | "large" | "huge";
-    bordered: boolean;
-    closable: boolean;
-    hoverable: boolean;
-    embedded: boolean;
-    segmented: boolean | Segmented;
-} & {
-    title?: string | undefined;
-    role?: string | undefined;
-    theme?: import("../../_mixins").Theme<"Card", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: StringConstructor;
+    contentStyle: PropType<string | CSSProperties>;
+    headerStyle: PropType<string | CSSProperties>;
+    footerStyle: PropType<string | CSSProperties>;
+    embedded: BooleanConstructor;
+    segmented: {
+        readonly type: PropType<boolean | Segmented>;
+        readonly default: false;
+    };
+    size: {
+        readonly type: PropType<"small" | "medium" | "large" | "huge">;
+        readonly default: "medium";
+    };
+    bordered: {
+        readonly type: BooleanConstructor;
+        readonly default: boolean;
+    };
+    closable: {
+        readonly type: BooleanConstructor;
+        readonly default: boolean;
+    };
+    hoverable: BooleanConstructor;
+    role: StringConstructor;
+    onClose: PropType<MaybeArray<() => void>>;
+    theme: PropType<import("../../_mixins").Theme<"Card", {
         lineHeight: string;
         color: string;
         colorModal: string;
@@ -494,8 +493,8 @@ declare const _default: import("vue").DefineComponent<{
         titleFontSizeLarge: string;
         titleFontSizeHuge: string;
         closeSize: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Card", {
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Card", {
         lineHeight: string;
         color: string;
         colorModal: string;
@@ -525,8 +524,8 @@ declare const _default: import("vue").DefineComponent<{
         titleFontSizeLarge: string;
         titleFontSizeHuge: string;
         closeSize: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Card", {
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Card", {
         lineHeight: string;
         color: string;
         colorModal: string;
@@ -556,12 +555,8 @@ declare const _default: import("vue").DefineComponent<{
         titleFontSizeLarge: string;
         titleFontSizeHuge: string;
         closeSize: string;
-    }, any>> | undefined;
-    contentStyle?: string | CSSProperties | undefined;
-    onClose?: MaybeArray<() => void> | undefined;
-    headerStyle?: string | CSSProperties | undefined;
-    footerStyle?: string | CSSProperties | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     size: "small" | "medium" | "large" | "huge";
     bordered: boolean;
     closable: boolean;

package/es/card/src/Card.js

@@ -1,4 +1,4 @@
-import { h, defineComponent, computed, renderSlot } from 'vue';
+import { h, defineComponent, computed } from 'vue';
 import { getPadding } from 'seemly';
 import { useConfig, useTheme } from '../../_mixins';
 import { call, createKey, keysOf } from '../../_utils';
@@ -100,13 +100,13 @@ export default defineComponent({
                     [`${mergedClsPrefix}-card--hoverable`]: hoverable
                 }
             ], style: this.cssVars, role: this.role },
-            $slots.cover ? (h("div", { class: `${mergedClsPrefix}-card-cover`, role: "none" }, renderSlot($slots, 'cover'))) : null,
+            $slots.cover ? (h("div", { class: `${mergedClsPrefix}-card-cover`, role: "none" }, $slots.cover())) : null,
             $slots.header || this.title || this.closable ? (h("div", { class: `${mergedClsPrefix}-card-header`, style: this.headerStyle },
-                h("div", { class: `${mergedClsPrefix}-card-header__main`, role: "heading" }, renderSlot($slots, 'header', {}, () => [this.title])),
-                $slots['header-extra'] ? (h("div", { class: `${mergedClsPrefix}-card-header__extra` }, renderSlot($slots, 'header-extra'))) : null,
+                h("div", { class: `${mergedClsPrefix}-card-header__main`, role: "heading" }, $slots.header ? $slots.header() : this.title),
+                $slots['header-extra'] ? (h("div", { class: `${mergedClsPrefix}-card-header__extra` }, $slots['header-extra']())) : null,
                 this.closable ? (h(NBaseClose, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-card-header__close`, onClick: this.handleCloseClick })) : null)) : null,
             h("div", { class: `${mergedClsPrefix}-card__content`, style: this.contentStyle, role: "none" }, $slots),
-            $slots.footer ? (h("div", { class: `${mergedClsPrefix}-card__footer`, style: this.footerStyle, role: "none" }, renderSlot($slots, 'footer'))) : null,
-            $slots.action ? (h("div", { class: `${mergedClsPrefix}-card__action`, role: "none" }, renderSlot($slots, 'action'))) : null));
+            $slots.footer ? (h("div", { class: `${mergedClsPrefix}-card__footer`, style: this.footerStyle, role: "none" }, $slots.footer())) : null,
+            $slots.action ? (h("div", { class: `${mergedClsPrefix}-card__action`, role: "none" }, $slots.action())) : null));
     }
 });