naive-ui 2.23.1 → 2.24.2

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

@@ -211,47 +211,48 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--td-color': string;
-        '--td-color-modal': string;
-        '--td-color-popover': string;
-        '--td-text-color': string;
-        '--border-color': string;
-        '--border-color-modal': string;
-        '--border-color-popover': string;
-        '--border-radius': string;
-        '--font-size': string;
-        '--th-color': string;
-        '--th-color-modal': string;
-        '--th-color-popover': string;
-        '--th-font-weight': string;
-        '--th-text-color': string;
-        '--line-height': string;
-        '--td-padding': string;
-        '--th-padding': string;
-        '--td-color-striped': string;
-        '--td-color-striped-modal': string;
-        '--td-color-striped-popover': string;
+        '--n-bezier': string;
+        '--n-td-color': string;
+        '--n-td-color-modal': string;
+        '--n-td-color-popover': string;
+        '--n-td-text-color': string;
+        '--n-border-color': string;
+        '--n-border-color-modal': string;
+        '--n-border-color-popover': string;
+        '--n-border-radius': string;
+        '--n-font-size': string;
+        '--n-th-color': string;
+        '--n-th-color-modal': string;
+        '--n-th-color-popover': string;
+        '--n-th-font-weight': string;
+        '--n-th-text-color': string;
+        '--n-line-height': string;
+        '--n-td-padding': string;
+        '--n-th-padding': string;
+        '--n-td-color-striped': string;
+        '--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/Table.js

@@ -28,27 +28,27 @@ export default defineComponent({
                 const { size } = props;
                 const { self: { borderColor, tdColor, tdColorModal, tdColorPopover, thColor, thColorModal, thColorPopover, thTextColor, tdTextColor, borderRadius, thFontWeight, lineHeight, borderColorModal, borderColorPopover, tdColorStriped, tdColorStripedModal, tdColorStripedPopover, [createKey('fontSize', size)]: fontSize, [createKey('tdPadding', size)]: tdPadding, [createKey('thPadding', size)]: thPadding }, common: { cubicBezierEaseInOut } } = themeRef.value;
                 return {
-                    '--bezier': cubicBezierEaseInOut,
-                    '--td-color': tdColor,
-                    '--td-color-modal': tdColorModal,
-                    '--td-color-popover': tdColorPopover,
-                    '--td-text-color': tdTextColor,
-                    '--border-color': borderColor,
-                    '--border-color-modal': borderColorModal,
-                    '--border-color-popover': borderColorPopover,
-                    '--border-radius': borderRadius,
-                    '--font-size': fontSize,
-                    '--th-color': thColor,
-                    '--th-color-modal': thColorModal,
-                    '--th-color-popover': thColorPopover,
-                    '--th-font-weight': thFontWeight,
-                    '--th-text-color': thTextColor,
-                    '--line-height': lineHeight,
-                    '--td-padding': tdPadding,
-                    '--th-padding': thPadding,
-                    '--td-color-striped': tdColorStriped,
-                    '--td-color-striped-modal': tdColorStripedModal,
-                    '--td-color-striped-popover': tdColorStripedPopover
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-td-color': tdColor,
+                    '--n-td-color-modal': tdColorModal,
+                    '--n-td-color-popover': tdColorPopover,
+                    '--n-td-text-color': tdTextColor,
+                    '--n-border-color': borderColor,
+                    '--n-border-color-modal': borderColorModal,
+                    '--n-border-color-popover': borderColorPopover,
+                    '--n-border-radius': borderRadius,
+                    '--n-font-size': fontSize,
+                    '--n-th-color': thColor,
+                    '--n-th-color-modal': thColorModal,
+                    '--n-th-color-popover': thColorPopover,
+                    '--n-th-font-weight': thFontWeight,
+                    '--n-th-text-color': thTextColor,
+                    '--n-line-height': lineHeight,
+                    '--n-td-padding': tdPadding,
+                    '--n-th-padding': thPadding,
+                    '--n-td-color-striped': tdColorStriped,
+                    '--n-td-color-striped-modal': tdColorStripedModal,
+                    '--n-td-color-striped-popover': tdColorStripedPopover
                 };
             })
         };

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/table/src/styles/index.cssr.js

@@ -1,73 +1,73 @@
 import { c, cB, cM, cNotM, insideModal, insidePopover } from '../../../_utils/cssr'; // vars:
-// --bezier
-// --td-color
-// --td-color-modal
-// --td-color-popover
-// --td-text-color
-// --border-color
-// --border-color-modal
-// --border-color-popover
-// --border-radius
-// --font-size
-// --th-color
-// --th-color-modal
-// --th-color-popover
-// --th-font-weight
-// --th-text-color
-// --line-height
-// --td-padding
-// --th-padding
+// --n-bezier
+// --n-td-color
+// --n-td-color-modal
+// --n-td-color-popover
+// --n-td-text-color
+// --n-border-color
+// --n-border-color-modal
+// --n-border-color-popover
+// --n-border-radius
+// --n-font-size
+// --n-th-color
+// --n-th-color-modal
+// --n-th-color-popover
+// --n-th-font-weight
+// --n-th-text-color
+// --n-line-height
+// --n-td-padding
+// --n-th-padding
 
 export default c([cB('table', `
- font-size: var(--font-size);
+ font-size: var(--n-font-size);
  font-variant-numeric: tabular-nums;
- line-height: var(--line-height);
+ line-height: var(--n-line-height);
  width: 100%;
- border-radius: var(--border-radius) var(--border-radius) 0 0;
+ border-radius: var(--n-border-radius) var(--n-border-radius) 0 0;
  text-align: left;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
- background-color: var(--td-color);
+ background-color: var(--n-td-color);
  transition:
- background-color .3s var(--bezier),
- border-color .3s var(--bezier),
- color .3s var(--bezier);
- --merged-border-color: var(--border-color);
+ background-color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier),
+ color .3s var(--n-bezier);
+ --n-merged-border-color: var(--n-border-color);
  `, [c('th', `
  white-space: nowrap;
  transition:
- background-color .3s var(--bezier),
- border-color .3s var(--bezier),
- color .3s var(--bezier);
+ background-color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier),
+ color .3s var(--n-bezier);
  text-align: inherit;
- padding: var(--th-padding);
+ padding: var(--n-th-padding);
  vertical-align: inherit;
  text-transform: none;
  border: none;
- font-weight: var(--th-font-weight);
- color: var(--th-text-color);
- background-color: var(--th-color);
- border-color: var(--merged-border-color);
- border-bottom: 1px solid var(--merged-border-color);
- border-right: 1px solid var(--merged-border-color);
+ font-weight: var(--n-th-font-weight);
+ color: var(--n-th-text-color);
+ background-color: var(--n-th-color);
+ border-color: var(--n-merged-border-color);
+ border-bottom: 1px solid var(--n-merged-border-color);
+ border-right: 1px solid var(--n-merged-border-color);
  `, [c('&:last-child', `
  border-right: none;
  `)]), c('td', `
  transition:
- background-color .3s var(--bezier),
- border-color .3s var(--bezier),
- color .3s var(--bezier);
- padding: var(--td-padding);
- color: var(--td-text-color);
- background-color: var(--td-color);
- border-right: 1px solid var(--merged-border-color);
- border-bottom: 1px solid var(--merged-border-color);
+ background-color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier),
+ color .3s var(--n-bezier);
+ padding: var(--n-td-padding);
+ color: var(--n-td-text-color);
+ background-color: var(--n-td-color);
+ border-right: 1px solid var(--n-merged-border-color);
+ border-bottom: 1px solid var(--n-merged-border-color);
  `, [c('&:last-child', `
  border-right: none;
  `)]), cM('bordered', `
- border: 1px solid var(--merged-border-color);
- border-radius: var(--border-radius);
+ border: 1px solid var(--n-merged-border-color);
+ border-radius: var(--n-border-radius);
  `, [c('tr', [c('&:last-child', [c('td', `
  border-bottom: none;
  `)])])]), cM('single-line', [c('th', `
@@ -76,20 +76,20 @@ export default c([cB('table', `
  border-right: none;
  `)]), cM('single-column', [c('tr', [c('&:not(:last-child)', [c('td', `
  border-bottom: none;
- `)])])]), cM('striped', [c('tr:nth-of-type(even)', [c('td', 'background-color: var(--td-color-striped)')])]), cNotM('bottom-bordered', [c('tr', [c('&:last-child', [c('td', `
+ `)])])]), cM('striped', [c('tr:nth-of-type(even)', [c('td', 'background-color: var(--n-td-color-striped)')])]), cNotM('bottom-bordered', [c('tr', [c('&:last-child', [c('td', `
  border-bottom: none;
  `)])])])]), insideModal(cB('table', `
- background-color: var(--td-color-modal);
- --merged-border-color: var(--border-color-modal);
+ background-color: var(--n-td-color-modal);
+ --n-merged-border-color: var(--n-border-color-modal);
  `, [c('th', `
- background-color: var(--th-color-modal);
+ background-color: var(--n-th-color-modal);
  `), c('td', `
- background-color: var(--td-color-modal);
+ background-color: var(--n-td-color-modal);
  `)])), insidePopover(cB('table', `
- background-color: var(--td-color-popover);
- --merged-border-color: var(--border-color-popover);
+ background-color: var(--n-td-color-popover);
+ --n-merged-border-color: var(--n-border-color-popover);
  `, [c('th', `
- background-color: var(--th-color-popover);
+ background-color: var(--n-th-color-popover);
  `), c('td', `
- background-color: var(--td-color-popover);
+ background-color: var(--n-td-color-popover);
  `)]))]);

package/es/tabs/index.d.ts

@@ -4,3 +4,4 @@ export { default as NTabPane } from './src/TabPane';
 export type { TabPaneProps } from './src/TabPane';
 export { default as NTab } from './src/Tab';
 export type { TabProps } from './src/Tab';
+export type { TabsInst } from './src/interface';

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";