naive-ui 2.24.0 → 2.24.4

package/lib/steps/src/Steps.d.ts

@@ -1,4 +1,4 @@
-import { PropType, InjectionKey, ExtractPropTypes, Ref, Slots } from 'vue';
+import { PropType, ExtractPropTypes, Ref, Slots } from 'vue';
 import type { MergedTheme } from '../../_mixins';
 import { ExtractPublicPropTypes } from '../../_utils';
 import type { StepsTheme } from '../styles';
@@ -126,7 +126,7 @@ export interface StepsInjection {
     stepsSlots: Slots;
 }
 export declare type StepsProps = ExtractPublicPropTypes<typeof stepsProps>;
-export declare const stepsInjectionKey: InjectionKey<StepsInjection>;
+export declare const stepsInjectionKey: import("vue").InjectionKey<StepsInjection>;
 declare const _default: import("vue").DefineComponent<{
     current: NumberConstructor;
     status: {
@@ -245,20 +245,18 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>>;
 }, {
     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<{
-    current?: unknown;
-    status?: unknown;
-    size?: unknown;
-    vertical?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-} & {
-    size: "small" | "medium";
-    vertical: boolean;
-    status: "wait" | "error" | "finish" | "process";
-} & {
-    theme?: import("../../_mixins").Theme<"Steps", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    current: NumberConstructor;
+    status: {
+        type: PropType<"wait" | "error" | "finish" | "process">;
+        default: string;
+    };
+    size: {
+        type: PropType<"small" | "medium">;
+        default: string;
+    };
+    vertical: BooleanConstructor;
+    theme: PropType<import("../../_mixins").Theme<"Steps", {
         stepHeaderFontWeight: string;
         indicatorTextColorProcess: string;
         indicatorTextColorWait: string;
@@ -292,8 +290,8 @@ declare const _default: import("vue").DefineComponent<{
         indicatorSizeMedium: string;
         indicatorIconSizeSmall: string;
         indicatorIconSizeMedium: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Steps", {
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Steps", {
         stepHeaderFontWeight: string;
         indicatorTextColorProcess: string;
         indicatorTextColorWait: string;
@@ -327,8 +325,8 @@ declare const _default: import("vue").DefineComponent<{
         indicatorSizeMedium: string;
         indicatorIconSizeSmall: string;
         indicatorIconSizeMedium: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Steps", {
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Steps", {
         stepHeaderFontWeight: string;
         indicatorTextColorProcess: string;
         indicatorTextColorWait: string;
@@ -362,9 +360,8 @@ declare const _default: import("vue").DefineComponent<{
         indicatorSizeMedium: string;
         indicatorIconSizeSmall: string;
         indicatorIconSizeMedium: string;
-    }, any>> | undefined;
-    current?: number | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     size: "small" | "medium";
     vertical: boolean;
     status: "wait" | "error" | "finish" | "process";

package/lib/steps/src/Steps.js

@@ -28,7 +28,7 @@ const stepsProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
         type: String,
         default: 'medium'
     }, vertical: Boolean });
-exports.stepsInjectionKey = Symbol('steps');
+exports.stepsInjectionKey = (0, _utils_1.createInjectionKey)('n-steps');
 exports.default = (0, vue_1.defineComponent)({
     name: 'Steps',
     props: stepsProps,

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/tabs/src/Tab.js

@@ -6,9 +6,10 @@ const _internal_1 = require("../../_internal");
 const _utils_1 = require("../../_utils");
 const interface_1 = require("./interface");
 const TabPane_1 = require("./TabPane");
-const typeProps = Object.assign({ internalLeftPadded: Boolean, internalAddable: Boolean }, (0, _utils_1.omit)(TabPane_1.tabPaneProps, ['displayDirective']));
+const typeProps = Object.assign({ internalLeftPadded: Boolean, internalAddable: Boolean, internalCreatedByPane: Boolean }, (0, _utils_1.omit)(TabPane_1.tabPaneProps, ['displayDirective']));
 exports.default = (0, vue_1.defineComponent)({
     __TAB__: true,
+    inheritAttrs: false,
     name: 'Tab',
     props: typeProps,
     setup(props) {
@@ -64,13 +65,19 @@ exports.default = (0, vue_1.defineComponent)({
         const mergedTab = label !== null && label !== void 0 ? label : tab;
         return ((0, vue_1.h)("div", { class: `${clsPrefix}-tabs-tab-wrapper` },
             this.internalLeftPadded ? ((0, vue_1.h)("div", { class: `${clsPrefix}-tabs-tab-pad` })) : null,
-            (0, vue_1.h)("div", { key: name, "data-name": name, "data-disabled": disabled ? true : undefined, class: [
+            (0, vue_1.h)("div", Object.assign({ key: name, "data-name": name, "data-disabled": disabled ? true : undefined }, (0, vue_1.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)),
                 (0, vue_1.h)("span", { class: `${clsPrefix}-tabs-tab__label` }, internalAddable ? ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: clsPrefix }, {
                     default: () => (0, vue_1.h)(icons_1.AddIcon, null)
                 })) : defaultSlot ? (defaultSlot()) : typeof mergedTab === 'object' ? (mergedTab // VNode

package/lib/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/lib/tabs/src/TabPane.js

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