naive-ui 2.24.0 → 2.24.4

package/es/switch/src/Switch.d.ts

@@ -298,34 +298,45 @@ declare const _default: import("vue").DefineComponent<{
         '--n-loading-color': string;
         '--n-text-color': 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 value?: unknown;
-    readonly loading?: unknown;
-    readonly defaultValue?: unknown;
-    readonly disabled?: unknown;
-    readonly round?: unknown;
-    readonly 'onUpdate:value'?: unknown;
-    readonly onUpdateValue?: unknown;
-    readonly checkedValue?: unknown;
-    readonly uncheckedValue?: unknown;
-    readonly railStyle?: unknown;
-    readonly onChange?: unknown;
-    readonly theme?: unknown;
-    readonly themeOverrides?: unknown;
-    readonly builtinThemeOverrides?: unknown;
-} & {
-    round: boolean;
-    size: "small" | "medium" | "large";
-    loading: boolean;
-    defaultValue: string | number | boolean;
-    checkedValue: string | number | boolean;
-    uncheckedValue: string | number | boolean;
-} & {
-    value?: string | number | boolean | undefined;
-    disabled?: boolean | undefined;
-    onChange?: MaybeArray<OnUpdateValue> | undefined;
-    theme?: import("../../_mixins").Theme<"Switch", {
+}, 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<"small" | "medium" | "large">;
+        readonly default: "medium";
+    };
+    readonly value: {
+        readonly type: PropType<string | number | boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly loading: BooleanConstructor;
+    readonly defaultValue: {
+        readonly type: PropType<string | number | boolean>;
+        readonly default: false;
+    };
+    readonly disabled: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly round: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
+    readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
+    readonly checkedValue: {
+        readonly type: PropType<string | number | boolean>;
+        readonly default: true;
+    };
+    readonly uncheckedValue: {
+        readonly type: PropType<string | number | boolean>;
+        readonly default: false;
+    };
+    readonly railStyle: PropType<(params: {
+        focused: boolean;
+        checked: boolean;
+    }) => string | CSSProperties>;
+    /** @deprecated */
+    readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
+    readonly theme: PropType<import("../../_mixins").Theme<"Switch", {
         textColor: string;
         loadingColor: string;
         opacityDisabled: string;
@@ -355,8 +366,8 @@ declare const _default: import("vue").DefineComponent<{
         railWidthSmall: string;
         railWidthMedium: string;
         railWidthLarge: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Switch", {
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Switch", {
         textColor: string;
         loadingColor: string;
         opacityDisabled: string;
@@ -386,8 +397,8 @@ declare const _default: import("vue").DefineComponent<{
         railWidthSmall: string;
         railWidthMedium: string;
         railWidthLarge: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Switch", {
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Switch", {
         textColor: string;
         loadingColor: string;
         opacityDisabled: string;
@@ -417,14 +428,8 @@ declare const _default: import("vue").DefineComponent<{
         railWidthSmall: string;
         railWidthMedium: string;
         railWidthLarge: string;
-    }, any>> | undefined;
-    "onUpdate:value"?: MaybeArray<OnUpdateValue> | undefined;
-    onUpdateValue?: MaybeArray<OnUpdateValue> | undefined;
-    railStyle?: ((params: {
-        focused: boolean;
-        checked: boolean;
-    }) => string | CSSProperties) | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     value: string | number | boolean | undefined;
     round: boolean;
     size: "small" | "medium" | "large";

package/es/table/src/Table.d.ts

@@ -233,25 +233,26 @@ declare const _default: import("vue").DefineComponent<{
         '--n-td-color-striped-modal': string;
         '--n-td-color-striped-popover': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    bordered?: unknown;
-    bottomBordered?: unknown;
-    singleLine?: unknown;
-    striped?: unknown;
-    singleColumn?: unknown;
-    size?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-} & {
-    size: "small" | "medium" | "large";
-    bordered: boolean;
-    bottomBordered: boolean;
-    striped: boolean;
-    singleLine: boolean;
-    singleColumn: boolean;
-} & {
-    theme?: import("../../_mixins").Theme<"Table", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    bottomBordered: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    singleLine: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    striped: BooleanConstructor;
+    singleColumn: BooleanConstructor;
+    size: {
+        type: PropType<"small" | "medium" | "large">;
+        default: string;
+    };
+    theme: PropType<import("../../_mixins").Theme<"Table", {
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -278,8 +279,8 @@ declare const _default: import("vue").DefineComponent<{
         tdPaddingSmall: string;
         tdPaddingMedium: string;
         tdPaddingLarge: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Table", {
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Table", {
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -306,8 +307,8 @@ declare const _default: import("vue").DefineComponent<{
         tdPaddingSmall: string;
         tdPaddingMedium: string;
         tdPaddingLarge: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Table", {
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Table", {
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -334,8 +335,8 @@ declare const _default: import("vue").DefineComponent<{
         tdPaddingSmall: string;
         tdPaddingMedium: string;
         tdPaddingLarge: string;
-    }, any>> | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     size: "small" | "medium" | "large";
     bordered: boolean;
     bottomBordered: boolean;

package/es/table/src/Tbody.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/es/table/src/Td.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/es/table/src/Th.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/es/table/src/Thead.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/es/table/src/Tr.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/es/tabs/src/Tab.d.ts

@@ -1,12 +1,8 @@
 import type { ExtractPublicPropTypes } from '../../_utils';
 declare const typeProps: {
-    readonly label: {
-        readonly type: import("vue").PropType<string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }> | (() => import("vue").VNodeChild)>;
-        readonly default: undefined;
-        readonly validator: () => boolean;
-    };
+    readonly label: import("vue").PropType<string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | (() => import("vue").VNodeChild)>;
     readonly name: {
         readonly type: import("vue").PropType<string | number>;
         readonly required: true;
@@ -19,18 +15,16 @@ declare const typeProps: {
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
+    readonly tabProps: import("vue").PropType<import("vue").HTMLAttributes>;
     readonly internalLeftPadded: BooleanConstructor;
     readonly internalAddable: BooleanConstructor;
+    readonly internalCreatedByPane: BooleanConstructor;
 };
 export declare type TabProps = ExtractPublicPropTypes<typeof typeProps>;
 declare const _default: import("vue").DefineComponent<{
-    readonly label: {
-        readonly type: import("vue").PropType<string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }> | (() => import("vue").VNodeChild)>;
-        readonly default: undefined;
-        readonly validator: () => boolean;
-    };
+    readonly label: import("vue").PropType<string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | (() => import("vue").VNodeChild)>;
     readonly name: {
         readonly type: import("vue").PropType<string | number>;
         readonly required: true;
@@ -43,8 +37,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: import("vue").PropType<boolean | undefined>;
         readonly default: undefined;
     };
+    readonly tabProps: import("vue").PropType<import("vue").HTMLAttributes>;
     readonly internalLeftPadded: BooleanConstructor;
     readonly internalAddable: BooleanConstructor;
+    readonly internalCreatedByPane: BooleanConstructor;
 }, {
     mergedClosable: import("vue").ComputedRef<boolean>;
     style: import("vue").Ref<string | import("vue").CSSProperties | undefined>;
@@ -53,34 +49,31 @@ declare const _default: import("vue").DefineComponent<{
     type: import("vue").Ref<import("./interface").TabsType>;
     handleClose(e: MouseEvent): void;
     handleClick(): void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly label?: unknown;
-    readonly name?: unknown;
-    readonly tab?: unknown;
-    readonly disabled?: unknown;
-    readonly closable?: unknown;
-    readonly internalLeftPadded?: unknown;
-    readonly internalAddable?: unknown;
-} & {
-    name: string | number;
-    disabled: boolean;
-    internalLeftPadded: boolean;
-    internalAddable: boolean;
-} & {
-    label?: string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }> | (() => import("vue").VNodeChild) | undefined;
-    tab?: string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}, 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 label: import("vue").PropType<string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
-    }> | (() => import("vue").VNodeChild) | undefined;
-    closable?: boolean | undefined;
-}>, {
-    label: string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    }> | (() => import("vue").VNodeChild)>;
+    readonly name: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly required: true;
+    };
+    readonly tab: import("vue").PropType<string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
-    }> | (() => import("vue").VNodeChild);
+    }> | (() => import("vue").VNodeChild)>;
+    readonly disabled: BooleanConstructor;
+    readonly closable: {
+        readonly type: import("vue").PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly tabProps: import("vue").PropType<import("vue").HTMLAttributes>;
+    readonly internalLeftPadded: BooleanConstructor;
+    readonly internalAddable: BooleanConstructor;
+    readonly internalCreatedByPane: BooleanConstructor;
+}>>, {
     disabled: boolean;
     closable: boolean | undefined;
     internalLeftPadded: boolean;
     internalAddable: boolean;
+    internalCreatedByPane: boolean;
 }>;
 export default _default;

package/es/tabs/src/Tab.js

@@ -1,12 +1,13 @@
-import { h, defineComponent, inject, computed } from 'vue';
+import { h, defineComponent, inject, computed, mergeProps } from 'vue';
 import { AddIcon } from '../../_internal/icons';
 import { NBaseClose, NBaseIcon } from '../../_internal';
 import { render, omit } from '../../_utils';
 import { tabsInjectionKey } from './interface';
 import { tabPaneProps } from './TabPane';
-const typeProps = Object.assign({ internalLeftPadded: Boolean, internalAddable: Boolean }, omit(tabPaneProps, ['displayDirective']));
+const typeProps = Object.assign({ internalLeftPadded: Boolean, internalAddable: Boolean, internalCreatedByPane: Boolean }, omit(tabPaneProps, ['displayDirective']));
 export default defineComponent({
     __TAB__: true,
+    inheritAttrs: false,
     name: 'Tab',
     props: typeProps,
     setup(props) {
@@ -62,13 +63,19 @@ export default defineComponent({
         const mergedTab = label !== null && label !== void 0 ? label : tab;
         return (h("div", { class: `${clsPrefix}-tabs-tab-wrapper` },
             this.internalLeftPadded ? (h("div", { class: `${clsPrefix}-tabs-tab-pad` })) : null,
-            h("div", { key: name, "data-name": name, "data-disabled": disabled ? true : undefined, class: [
+            h("div", Object.assign({ key: name, "data-name": name, "data-disabled": disabled ? true : undefined }, mergeProps({
+                class: [
                     `${clsPrefix}-tabs-tab`,
                     value === name && `${clsPrefix}-tabs-tab--active`,
                     disabled && `${clsPrefix}-tabs-tab--disabled`,
                     mergedClosable && `${clsPrefix}-tabs-tab--closable`,
                     internalAddable && `${clsPrefix}-tabs-tab--addable`
-                ], onClick: this.handleClick, style: internalAddable ? undefined : style },
+                ],
+                onClick: this.handleClick,
+                style: internalAddable ? undefined : style
+            }, this.internalCreatedByPane
+                ? (this.tabProps || {})
+                : this.$attrs)),
                 h("span", { class: `${clsPrefix}-tabs-tab__label` }, internalAddable ? (h(NBaseIcon, { clsPrefix: clsPrefix }, {
                     default: () => h(AddIcon, null)
                 })) : defaultSlot ? (defaultSlot()) : typeof mergedTab === 'object' ? (mergedTab // VNode

package/es/tabs/src/TabPane.d.ts

@@ -1,14 +1,6 @@
-import { PropType, VNodeChild, VNode } from 'vue';
+import { PropType, VNodeChild, VNode, HTMLAttributes } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const tabPaneProps: {
-    /** @deprecated */
-    readonly label: {
-        readonly type: PropType<string | number | VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }> | (() => VNodeChild)>;
-        readonly default: undefined;
-        readonly validator: () => boolean;
-    };
     readonly tab: PropType<string | number | VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | (() => VNodeChild)>;
@@ -25,17 +17,14 @@ export declare const tabPaneProps: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
+    readonly tabProps: PropType<HTMLAttributes>;
+    /** @deprecated */
+    readonly label: PropType<string | number | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | (() => VNodeChild)>;
 };
 export declare type TabPaneProps = ExtractPublicPropTypes<typeof tabPaneProps>;
 declare const _default: import("vue").DefineComponent<{
-    /** @deprecated */
-    readonly label: {
-        readonly type: PropType<string | number | VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }> | (() => VNodeChild)>;
-        readonly default: undefined;
-        readonly validator: () => boolean;
-    };
     readonly tab: PropType<string | number | VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | (() => VNodeChild)>;
@@ -52,33 +41,38 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
+    readonly tabProps: PropType<HTMLAttributes>;
+    /** @deprecated */
+    readonly label: PropType<string | number | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | (() => VNodeChild)>;
 }, {
     style: import("vue").Ref<string | import("vue").CSSProperties | undefined>;
     class: import("vue").Ref<string | undefined>;
     mergedClsPrefix: import("vue").Ref<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly label?: unknown;
-    readonly tab?: unknown;
-    readonly name?: unknown;
-    readonly disabled?: unknown;
-    readonly displayDirective?: unknown;
-    readonly closable?: unknown;
-} & {
-    name: string | number;
-    disabled: boolean;
-    displayDirective: "show" | "if" | "show:lazy";
-} & {
-    label?: string | number | VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }> | (() => VNodeChild) | undefined;
-    tab?: string | number | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}, 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 tab: PropType<string | number | VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
-    }> | (() => VNodeChild) | undefined;
-    closable?: boolean | undefined;
-}>, {
-    label: string | number | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    }> | (() => VNodeChild)>;
+    readonly name: {
+        readonly type: PropType<string | number>;
+        readonly required: true;
+    };
+    readonly disabled: BooleanConstructor;
+    readonly displayDirective: {
+        readonly type: PropType<"show" | "if" | "show:lazy">;
+        readonly default: "if";
+    };
+    readonly closable: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly tabProps: PropType<HTMLAttributes>;
+    /** @deprecated */
+    readonly label: PropType<string | number | VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
-    }> | (() => VNodeChild);
+    }> | (() => VNodeChild)>;
+}>>, {
     disabled: boolean;
     closable: boolean | undefined;
     displayDirective: "show" | "if" | "show:lazy";

package/es/tabs/src/TabPane.js

@@ -1,18 +1,7 @@
-import { h, defineComponent, inject } from 'vue';
-import { throwError, warn } from '../../_utils';
+import { h, defineComponent, inject, watchEffect } from 'vue';
+import { throwError, warnOnce } from '../../_utils';
 import { tabsInjectionKey } from './interface';
 export const tabPaneProps = {
-    /** @deprecated */
-    label: {
-        type: [String, Number, Object, Function],
-        default: undefined,
-        validator: () => {
-            if (process.env.NODE_ENV !== 'production') {
-                warn('tab-pane', '`label` is deprecated, please use `tab` instead.');
-            }
-            return true;
-        }
-    },
     tab: [String, Number, Object, Function],
     name: {
         type: [String, Number],
@@ -26,14 +15,24 @@ export const tabPaneProps = {
     closable: {
         type: Boolean,
         default: undefined
-    }
+    },
+    tabProps: Object,
+    /** @deprecated */
+    label: [String, Number, Object, Function]
 };
 export default defineComponent({
     __TAB_PANE__: true,
     name: 'TabPane',
     alias: ['TabPanel'],
     props: tabPaneProps,
-    setup() {
+    setup(props) {
+        if (process.env.NODE_ENV !== 'production') {
+            watchEffect(() => {
+                if (props.label !== undefined) {
+                    warnOnce('tab-pane', '`label` is deprecated, please use `tab` instead.');
+                }
+            });
+        }
         const NTab = inject(tabsInjectionKey, null);
         if (!NTab) {
             throwError('tab-pane', '`n-tab-pane` must be placed inside `n-tabs`.');

package/es/tabs/src/Tabs.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="lodash" />
-import { PropType, CSSProperties, ComponentPublicInstance, nextTick } from 'vue';
+import { PropType, CSSProperties, ComponentPublicInstance, nextTick, ExtractPropTypes } from 'vue';
 import { VXScrollInst } from 'vueuc';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 import type { Addable, OnClose, OnBeforeLeave, TabsType, OnUpdateValue } from './interface';
@@ -515,39 +515,36 @@ declare const _default: import("vue").DefineComponent<{
         '--font-weight-strong': string;
         '--tab-color-segment': 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 defaultValue?: unknown;
-    readonly type?: unknown;
-    readonly closable?: unknown;
-    readonly justifyContent?: unknown;
-    readonly size?: unknown;
-    readonly tabStyle?: unknown;
-    readonly paneClass?: unknown;
-    readonly paneStyle?: unknown;
-    readonly addable?: unknown;
-    readonly tabsPadding?: unknown;
-    readonly onBeforeLeave?: unknown;
-    readonly onAdd?: unknown;
-    readonly 'onUpdate:value'?: unknown;
-    readonly onUpdateValue?: unknown;
-    readonly onClose?: unknown;
-    readonly labelSize?: unknown;
-    readonly activeName?: unknown;
-    readonly onActiveNameChange?: unknown;
-    readonly theme?: unknown;
-    readonly themeOverrides?: unknown;
-    readonly builtinThemeOverrides?: unknown;
-} & {
-    type: TabsType;
-    size: "small" | "medium" | "large";
-    closable: boolean;
-    tabsPadding: number;
-} & {
-    value?: string | number | undefined;
-    justifyContent?: "space-around" | "space-between" | "space-evenly" | undefined;
-    onBeforeLeave?: OnBeforeLeave | undefined;
-    theme?: import("../../_mixins").Theme<"Tabs", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    readonly value: PropType<string | number>;
+    readonly defaultValue: PropType<string | number>;
+    readonly type: {
+        readonly type: PropType<TabsType>;
+        readonly default: "bar";
+    };
+    readonly closable: BooleanConstructor;
+    readonly justifyContent: PropType<"space-around" | "space-between" | "space-evenly">;
+    readonly size: {
+        readonly type: PropType<"small" | "medium" | "large">;
+        readonly default: "medium";
+    };
+    readonly tabStyle: PropType<string | CSSProperties>;
+    readonly paneClass: StringConstructor;
+    readonly paneStyle: PropType<string | CSSProperties>;
+    readonly addable: PropType<Addable>;
+    readonly tabsPadding: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly onBeforeLeave: PropType<OnBeforeLeave>;
+    readonly onAdd: PropType<() => void>;
+    readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
+    readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
+    readonly onClose: PropType<MaybeArray<OnClose>>;
+    readonly labelSize: PropType<"small" | "medium" | "large">;
+    readonly activeName: PropType<string | number>;
+    readonly onActiveNameChange: PropType<MaybeArray<(value: never) => void>>;
+    readonly theme: PropType<import("../../_mixins").Theme<"Tabs", {
         colorSegment: string;
         tabFontSizeCard: string;
         tabTextColorLine: string;
@@ -608,8 +605,8 @@ declare const _default: import("vue").DefineComponent<{
         panePaddingSmall: string;
         panePaddingMedium: string;
         panePaddingLarge: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tabs", {
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tabs", {
         colorSegment: string;
         tabFontSizeCard: string;
         tabTextColorLine: string;
@@ -670,8 +667,8 @@ declare const _default: import("vue").DefineComponent<{
         panePaddingSmall: string;
         panePaddingMedium: string;
         panePaddingLarge: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tabs", {
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Tabs", {
         colorSegment: string;
         tabFontSizeCard: string;
         tabTextColorLine: string;
@@ -732,20 +729,8 @@ declare const _default: import("vue").DefineComponent<{
         panePaddingSmall: string;
         panePaddingMedium: string;
         panePaddingLarge: string;
-    }, any>> | undefined;
-    onClose?: MaybeArray<OnClose> | undefined;
-    defaultValue?: string | number | undefined;
-    "onUpdate:value"?: MaybeArray<OnUpdateValue> | undefined;
-    onUpdateValue?: MaybeArray<OnUpdateValue> | undefined;
-    addable?: Addable | undefined;
-    tabStyle?: string | CSSProperties | undefined;
-    paneClass?: string | undefined;
-    paneStyle?: string | CSSProperties | undefined;
-    onAdd?: (() => void) | undefined;
-    labelSize?: "small" | "medium" | "large" | undefined;
-    activeName?: string | number | undefined;
-    onActiveNameChange?: MaybeArray<(value: never) => void> | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     type: TabsType;
     size: "small" | "medium" | "large";
     closable: boolean;