naive-ui 2.34.4 → 2.36.0

package/es/dropdown/src/Dropdown.d.ts

@@ -300,7 +300,10 @@ export declare const dropdownProps: {
         type: PropType<"show" | "if">;
         default: string;
     };
+    readonly arrowClass: StringConstructor;
     readonly arrowStyle: PropType<string | import("vue").CSSProperties>;
+    readonly arrowWrapperClass: StringConstructor;
+    readonly arrowWrapperStyle: PropType<string | import("vue").CSSProperties>;
     readonly flip: {
         type: BooleanConstructor;
         default: boolean;
@@ -320,8 +323,11 @@ export declare const dropdownProps: {
         default: undefined;
     };
     readonly scrollable: BooleanConstructor;
+    readonly contentClass: StringConstructor;
     readonly contentStyle: PropType<string | import("vue").CSSProperties>;
+    readonly headerClass: StringConstructor;
     readonly headerStyle: PropType<string | import("vue").CSSProperties>;
+    readonly footerClass: StringConstructor;
     readonly footerStyle: PropType<string | import("vue").CSSProperties>;
     readonly onClickoutside: PropType<(e: MouseEvent) => void>;
     readonly 'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
@@ -626,7 +632,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"show" | "if">;
         default: string;
     };
+    readonly arrowClass: StringConstructor;
     readonly arrowStyle: PropType<string | import("vue").CSSProperties>;
+    readonly arrowWrapperClass: StringConstructor;
+    readonly arrowWrapperStyle: PropType<string | import("vue").CSSProperties>;
     readonly flip: {
         type: BooleanConstructor;
         default: boolean;
@@ -646,8 +655,11 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     readonly scrollable: BooleanConstructor;
+    readonly contentClass: StringConstructor;
     readonly contentStyle: PropType<string | import("vue").CSSProperties>;
+    readonly headerClass: StringConstructor;
     readonly headerStyle: PropType<string | import("vue").CSSProperties>;
+    readonly footerClass: StringConstructor;
     readonly footerStyle: PropType<string | import("vue").CSSProperties>;
     readonly onClickoutside: PropType<(e: MouseEvent) => void>;
     readonly 'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
@@ -672,7 +684,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly minWidth: NumberConstructor;
     readonly maxWidth: NumberConstructor;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: Ref<string>;
     mergedTheme: import("vue").ComputedRef<{
         common: {
             baseColor: string;
@@ -1144,7 +1156,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"show" | "if">;
         default: string;
     };
+    readonly arrowClass: StringConstructor;
     readonly arrowStyle: PropType<string | import("vue").CSSProperties>;
+    readonly arrowWrapperClass: StringConstructor;
+    readonly arrowWrapperStyle: PropType<string | import("vue").CSSProperties>;
     readonly flip: {
         type: BooleanConstructor;
         default: boolean;
@@ -1164,8 +1179,11 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     readonly scrollable: BooleanConstructor;
+    readonly contentClass: StringConstructor;
     readonly contentStyle: PropType<string | import("vue").CSSProperties>;
+    readonly headerClass: StringConstructor;
     readonly headerStyle: PropType<string | import("vue").CSSProperties>;
+    readonly footerClass: StringConstructor;
     readonly footerStyle: PropType<string | import("vue").CSSProperties>;
     readonly onClickoutside: PropType<(e: MouseEvent) => void>;
     readonly 'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
@@ -1221,5 +1239,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly keyboard: boolean;
     readonly childrenField: string;
     readonly inverted: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/dropdown/src/Dropdown.js

@@ -312,7 +312,7 @@ export default defineComponent({
                 class: [className, `${mergedClsPrefix}-dropdown`, this.themeClass],
                 clsPrefix: mergedClsPrefix,
                 tmNodes: this.tmNodes,
-                style: [style, this.cssVars],
+                style: [...style, this.cssVars],
                 showArrow: this.showArrow,
                 arrowStyle: this.arrowStyle,
                 scrollable: this.scrollable,

package/es/dropdown/src/DropdownDivider.d.ts

@@ -8,5 +8,5 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

package/es/dropdown/src/DropdownGroup.d.ts

@@ -28,5 +28,5 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     parentKey: string | number | null;
-}>;
+}, {}>;
 export default _default;

package/es/dropdown/src/DropdownGroupHeader.d.ts

@@ -23,5 +23,5 @@ declare const _default: import("vue").DefineComponent<{
         type: ObjectConstructor;
         required: true;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

package/es/dropdown/src/DropdownMenu.d.ts

@@ -43,5 +43,5 @@ declare const _default: import("vue").DefineComponent<{
     showArrow: boolean;
     parentKey: string | number;
     tmNodes: TreeNode<import("../..").MenuOption, import("../..").MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>[];
-}>;
+}, {}>;
 export default _default;

package/es/dropdown/src/DropdownMenu.js

@@ -93,7 +93,10 @@ export default defineComponent({
             this.showArrow
                 ? renderArrow({
                     clsPrefix,
-                    arrowStyle: this.arrowStyle
+                    arrowStyle: this.arrowStyle,
+                    arrowClass: undefined,
+                    arrowWrapperClass: undefined,
+                    arrowWrapperStyle: undefined
                 })
                 : null));
     }

package/es/dropdown/src/DropdownOption.d.ts

@@ -1,5 +1,6 @@
 import { type PropType, type Ref, type HTMLAttributes } from 'vue';
 import { type FollowerPlacement } from 'vueuc';
+import type { MenuGroupOption } from '../../menu/src/interface';
 import type { TreeNode } from 'treemate';
 export interface NDropdownOptionInjection {
     enteringSubmenuRef: Ref<boolean>;
@@ -10,7 +11,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     tmNode: {
-        type: PropType<TreeNode<import("../..").MenuOption, import("../..").MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>>;
+        type: PropType<TreeNode<import("../../menu/src/interface").MenuOption, MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>>;
         required: true;
     };
     parentKey: {
@@ -33,14 +34,14 @@ declare const _default: import("vue").DefineComponent<{
     popoverBody: Ref<HTMLElement | null>;
     animated: Ref<boolean>;
     mergedShowSubmenu: import("vue").ComputedRef<boolean>;
-    rawNode: import("vue").ComputedRef<import("../..").MenuOption | import("../..").MenuGroupOption | import("../../menu/src/interface").MenuIgnoredOption>;
+    rawNode: import("vue").ComputedRef<import("../../menu/src/interface").MenuOption | MenuGroupOption | import("../../menu/src/interface").MenuIgnoredOption>;
     hasSubmenu: import("vue").ComputedRef<boolean>;
     pending: import("vue").ComputedRef<boolean>;
     childActive: import("vue").ComputedRef<boolean>;
     active: import("vue").ComputedRef<boolean>;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     renderOption: Ref<import("./interface").RenderOptionImpl | undefined>;
-    nodeProps: Ref<import("../..").MenuNodeProps | undefined>;
+    nodeProps: Ref<import("../../menu/src/interface").MenuNodeProps | undefined>;
     handleClick: () => void;
     handleMouseMove: () => void;
     handleMouseEnter: () => void;
@@ -53,7 +54,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     tmNode: {
-        type: PropType<TreeNode<import("../..").MenuOption, import("../..").MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>>;
+        type: PropType<TreeNode<import("../../menu/src/interface").MenuOption, MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>>;
         required: true;
     };
     parentKey: {
@@ -70,5 +71,5 @@ declare const _default: import("vue").DefineComponent<{
     placement: FollowerPlacement;
     scrollable: boolean;
     parentKey: string | number | null;
-}>;
+}, {}>;
 export default _default;

package/es/dropdown/src/DropdownOption.js

@@ -1,6 +1,7 @@
 import { h, computed, inject, ref, Transition, defineComponent, provide, mergeProps } from 'vue';
 import { VBinder, VTarget, VFollower } from 'vueuc';
 import { useMemo } from 'vooks';
+import { happensIn } from 'seemly';
 import { ChevronRightIcon } from '../../_internal/icons';
 import { render, useDeferredTrue } from '../../_utils';
 import { NIcon } from '../../icon';
@@ -9,7 +10,6 @@ import NDropdownMenu from './DropdownMenu';
 import { dropdownMenuInjectionKey, dropdownInjectionKey, dropdownOptionInjectionKey } from './context';
 import { popoverBodyInjectionKey } from '../../popover/src/interface';
 import { isSubmenuNode } from './utils';
-import { happensIn } from 'seemly';
 export default defineComponent({
     name: 'DropdownOption',
     props: {
@@ -181,9 +181,7 @@ export default defineComponent({
         const { animated, rawNode, mergedShowSubmenu, clsPrefix, siblingHasIcon, siblingHasSubmenu, renderLabel, renderIcon, renderOption, nodeProps, props, scrollable } = this;
         let submenuVNode = null;
         if (mergedShowSubmenu) {
-            const submenuNodeProps = (_a = this.menuProps) === null || _a === void 0 ? void 0 : _a.call(this, rawNode, 
-            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-            rawNode.children);
+            const submenuNodeProps = (_a = this.menuProps) === null || _a === void 0 ? void 0 : _a.call(this, rawNode, rawNode.children);
             submenuVNode = (h(NDropdownMenu, Object.assign({}, submenuNodeProps, { clsPrefix: clsPrefix, scrollable: this.scrollable, tmNodes: this.tmNode.children, parentKey: this.tmNode.key })));
         }
         const builtinProps = {

package/es/dropdown/src/DropdownRenderOption.d.ts

@@ -10,5 +10,5 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<TreeNode<import("../../menu/src/interface").MenuRenderOption, import("../../menu/src/interface").MenuRenderOption, import("../../menu/src/interface").MenuRenderOption>>;
         required: true;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

package/es/dynamic-input/src/DynamicInput.d.ts

@@ -18,6 +18,7 @@ export declare const dynamicInputProps: {
         readonly default: "input";
     };
     readonly keyField: StringConstructor;
+    readonly itemClass: StringConstructor;
     readonly itemStyle: PropType<string | CSSProperties>;
     readonly keyPlaceholder: {
         readonly type: StringConstructor;
@@ -868,6 +869,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "input";
     };
     readonly keyField: StringConstructor;
+    readonly itemClass: StringConstructor;
     readonly itemStyle: PropType<string | CSSProperties>;
     readonly keyPlaceholder: {
         readonly type: StringConstructor;
@@ -1706,7 +1708,7 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     buttonSize: import("vue").ComputedRef<import("../../button/src/interface").Size | undefined>;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     NFormItem: import("../../_mixins/use-form-item").FormItemInjection | null;
     uncontrolledValue: import("vue").Ref<any[]>;
     mergedValue: import("vue").ComputedRef<any[]>;
@@ -2130,6 +2132,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "input";
     };
     readonly keyField: StringConstructor;
+    readonly itemClass: StringConstructor;
     readonly itemStyle: PropType<string | CSSProperties>;
     readonly keyPlaceholder: {
         readonly type: StringConstructor;
@@ -2971,5 +2974,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly keyPlaceholder: string;
     readonly valuePlaceholder: string;
     readonly showSortButton: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/dynamic-input/src/DynamicInput.js

@@ -26,7 +26,7 @@ export const dynamicInputProps = Object.assign(Object.assign({}, useTheme.props)
     }, preset: {
         type: String,
         default: 'input'
-    }, keyField: String, itemStyle: [String, Object], 
+    }, keyField: String, itemClass: String, itemStyle: [String, Object], 
     // for preset pair
     keyPlaceholder: {
         type: String,
@@ -233,7 +233,7 @@ export default defineComponent({
         };
     },
     render() {
-        const { $slots, buttonSize, mergedClsPrefix, mergedValue, locale, mergedTheme, keyField, itemStyle, preset, showSortButton, NFormItem, ensureKey, handleValueChange, remove, createItem, move, onRender, disabled } = this;
+        const { $slots, itemClass, buttonSize, mergedClsPrefix, mergedValue, locale, mergedTheme, keyField, itemStyle, preset, showSortButton, NFormItem, ensureKey, handleValueChange, remove, createItem, move, onRender, disabled } = this;
         onRender === null || onRender === void 0 ? void 0 : onRender();
         return (h("div", { class: [
                 `${mergedClsPrefix}-dynamic-input`,
@@ -246,7 +246,7 @@ export default defineComponent({
             icon: () => resolveSlot($slots['create-button-icon'], () => [
                 h(NBaseIcon, { clsPrefix: mergedClsPrefix }, { default: () => h(AddIcon, null) })
             ])
-        })) : (mergedValue.map((_, index) => (h("div", { key: keyField ? _[keyField] : ensureKey(_, index), "data-key": keyField ? _[keyField] : ensureKey(_, index), class: `${mergedClsPrefix}-dynamic-input-item`, style: itemStyle },
+        })) : (mergedValue.map((_, index) => (h("div", { key: keyField ? _[keyField] : ensureKey(_, index), "data-key": keyField ? _[keyField] : ensureKey(_, index), class: [`${mergedClsPrefix}-dynamic-input-item`, itemClass], style: itemStyle },
             resolveSlotWithProps($slots.default, {
                 value: mergedValue[index],
                 index
@@ -254,9 +254,13 @@ export default defineComponent({
                 return [
                     preset === 'input' ? (h(NDynamicInputInputPreset, { disabled: disabled, clsPrefix: mergedClsPrefix, value: mergedValue[index], parentPath: NFormItem ? NFormItem.path.value : undefined, path: (NFormItem === null || NFormItem === void 0 ? void 0 : NFormItem.path.value)
                             ? `${NFormItem.path.value}[${index}]`
-                            : undefined, onUpdateValue: (v) => { handleValueChange(index, v); } })) : preset === 'pair' ? (h(NDynamicInputPairPreset, { disabled: disabled, clsPrefix: mergedClsPrefix, value: mergedValue[index], parentPath: NFormItem ? NFormItem.path.value : undefined, path: (NFormItem === null || NFormItem === void 0 ? void 0 : NFormItem.path.value)
+                            : undefined, onUpdateValue: (v) => {
+                            handleValueChange(index, v);
+                        } })) : preset === 'pair' ? (h(NDynamicInputPairPreset, { disabled: disabled, clsPrefix: mergedClsPrefix, value: mergedValue[index], parentPath: NFormItem ? NFormItem.path.value : undefined, path: (NFormItem === null || NFormItem === void 0 ? void 0 : NFormItem.path.value)
                             ? `${NFormItem.path.value}[${index}]`
-                            : undefined, onUpdateValue: (v) => { handleValueChange(index, v); } })) : null
+                            : undefined, onUpdateValue: (v) => {
+                            handleValueChange(index, v);
+                        } })) : null
                 ];
             }),
             resolveSlotWithProps($slots.action, {
@@ -269,18 +273,26 @@ export default defineComponent({
                 h("div", { class: `${mergedClsPrefix}-dynamic-input-item__action` },
                     h(NButtonGroup, { size: buttonSize }, {
                         default: () => [
-                            h(NButton, { disabled: this.removeDisabled || disabled, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, circle: true, onClick: () => { remove(index); } }, {
+                            h(NButton, { disabled: this.removeDisabled || disabled, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, circle: true, onClick: () => {
+                                    remove(index);
+                                } }, {
                                 icon: () => (h(NBaseIcon, { clsPrefix: mergedClsPrefix }, { default: () => h(RemoveIcon, null) }))
                             }),
-                            h(NButton, { disabled: this.insertionDisabled || disabled, circle: true, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, onClick: () => { createItem(index); } }, {
+                            h(NButton, { disabled: this.insertionDisabled || disabled, circle: true, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, onClick: () => {
+                                    createItem(index);
+                                } }, {
                                 icon: () => (h(NBaseIcon, { clsPrefix: mergedClsPrefix }, { default: () => h(AddIcon, null) }))
                             }),
-                            showSortButton ? (h(NButton, { disabled: index === 0 || disabled, circle: true, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, onClick: () => { move('up', index); } }, {
+                            showSortButton ? (h(NButton, { disabled: index === 0 || disabled, circle: true, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, onClick: () => {
+                                    move('up', index);
+                                } }, {
                                 icon: () => (h(NBaseIcon, { clsPrefix: mergedClsPrefix }, {
                                     default: () => h(ArrowUpIcon, null)
                                 }))
                             })) : null,
-                            showSortButton ? (h(NButton, { disabled: index === mergedValue.length - 1 || disabled, circle: true, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, onClick: () => { move('down', index); } }, {
+                            showSortButton ? (h(NButton, { disabled: index === mergedValue.length - 1 || disabled, circle: true, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, onClick: () => {
+                                    move('down', index);
+                                } }, {
                                 icon: () => (h(NBaseIcon, { clsPrefix: mergedClsPrefix }, { default: () => h(ArrowDownIcon, null) }))
                             })) : null
                         ]

package/es/dynamic-input/src/InputPreset.d.ts

@@ -426,5 +426,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     value: string;
     disabled: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/dynamic-input/src/PairPreset.d.ts

@@ -450,5 +450,5 @@ declare const _default: import("vue").DefineComponent<{
         value: string;
     };
     disabled: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/dynamic-tags/src/DynamicTags.d.ts

@@ -16,9 +16,11 @@ export declare const dynamicTagsProps: {
         default: () => never[];
     };
     value: PropType<(string | DynamicTagsOption)[]>;
+    inputClass: StringConstructor;
     inputStyle: PropType<string | CSSProperties>;
     inputProps: PropType<InputProps>;
     max: PropType<number>;
+    tagClass: StringConstructor;
     tagStyle: PropType<string | CSSProperties>;
     renderTag: PropType<((tag: string, index: number) => VNodeChild) | ((tag: DynamicTagsOption, index: number) => VNodeChild)>;
     onCreate: {
@@ -1143,9 +1145,11 @@ declare const _default: import("vue").DefineComponent<{
         default: () => never[];
     };
     value: PropType<(string | DynamicTagsOption)[]>;
+    inputClass: StringConstructor;
     inputStyle: PropType<string | CSSProperties>;
     inputProps: PropType<InputProps>;
     max: PropType<number>;
+    tagClass: StringConstructor;
     tagStyle: PropType<string | CSSProperties>;
     renderTag: PropType<((tag: string, index: number) => VNodeChild) | ((tag: DynamicTagsOption, index: number) => VNodeChild)>;
     onCreate: {
@@ -2255,7 +2259,7 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     inputInstRef: import("vue").Ref<{
         wrapperElRef: HTMLElement | null;
         textareaElRef: HTMLTextAreaElement | null;
@@ -2796,9 +2800,11 @@ declare const _default: import("vue").DefineComponent<{
         default: () => never[];
     };
     value: PropType<(string | DynamicTagsOption)[]>;
+    inputClass: StringConstructor;
     inputStyle: PropType<string | CSSProperties>;
     inputProps: PropType<InputProps>;
     max: PropType<number>;
+    tagClass: StringConstructor;
     tagStyle: PropType<string | CSSProperties>;
     renderTag: PropType<((tag: string, index: number) => VNodeChild) | ((tag: DynamicTagsOption, index: number) => VNodeChild)>;
     onCreate: {
@@ -3915,5 +3921,5 @@ declare const _default: import("vue").DefineComponent<{
     closable: boolean;
     defaultValue: (string | DynamicTagsOption)[];
     onCreate: OnCreate;
-}>;
+}, {}>;
 export default _default;

package/es/dynamic-tags/src/DynamicTags.js

@@ -20,7 +20,7 @@ export const dynamicTagsProps = Object.assign(Object.assign(Object.assign({}, us
     }, defaultValue: {
         type: Array,
         default: () => []
-    }, value: Array, inputStyle: [String, Object], inputProps: Object, max: Number, tagStyle: [String, Object], renderTag: Function, onCreate: {
+    }, value: Array, inputClass: String, inputStyle: [String, Object], inputProps: Object, max: Number, tagClass: String, tagStyle: [String, Object], renderTag: Function, onCreate: {
         type: Function,
         default: (label) => label
     }, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], 
@@ -141,15 +141,17 @@ export default defineComponent({
         onRender === null || onRender === void 0 ? void 0 : onRender();
         return (h(NSpace, { class: [`${mergedClsPrefix}-dynamic-tags`, this.themeClass], size: "small", style: cssVars, theme: mergedTheme.peers.Space, themeOverrides: mergedTheme.peerOverrides.Space, itemStyle: "display: flex;" }, {
             default: () => {
-                const { mergedTheme, tagStyle, type, round, size, color, closable, mergedDisabled, showInput, inputValue, inputStyle, inputSize, inputForceFocused, triggerDisabled, handleInputKeyUp, handleInputBlur, handleAddClick, handleCloseClick, handleInputConfirm, $slots } = this;
+                const { mergedTheme, tagClass, tagStyle, type, round, size, color, closable, mergedDisabled, showInput, inputValue, inputClass, inputStyle, inputSize, inputForceFocused, triggerDisabled, handleInputKeyUp, handleInputBlur, handleAddClick, handleCloseClick, handleInputConfirm, $slots } = this;
                 return this.mergedValue
-                    .map((tag, index) => renderTag ? (renderTag(tag, index)) : (h(NTag, { key: index, theme: mergedTheme.peers.Tag, themeOverrides: mergedTheme.peerOverrides.Tag, style: tagStyle, type: type, round: round, size: size, color: color, closable: closable, disabled: mergedDisabled, onClose: () => { handleCloseClick(index); } }, {
+                    .map((tag, index) => renderTag ? (renderTag(tag, index)) : (h(NTag, { key: index, theme: mergedTheme.peers.Tag, themeOverrides: mergedTheme.peerOverrides.Tag, class: tagClass, style: tagStyle, type: type, round: round, size: size, color: color, closable: closable, disabled: mergedDisabled, onClose: () => {
+                        handleCloseClick(index);
+                    } }, {
                     default: () => (typeof tag === 'string' ? tag : tag.label)
                 })))
                     .concat(showInput ? ($slots.input ? ($slots.input({
                     submit: handleInputConfirm,
                     deactivate: handleInputBlur
-                })) : (h(NInput, Object.assign({ placeholder: "", size: inputSize, style: inputStyle, autosize: true }, this.inputProps, { ref: "inputInstRef", value: inputValue, onUpdateValue: (v) => {
+                })) : (h(NInput, Object.assign({ placeholder: "", size: inputSize, style: inputStyle, class: inputClass, autosize: true }, this.inputProps, { ref: "inputInstRef", value: inputValue, onUpdateValue: (v) => {
                         this.inputValue = v;
                     }, theme: mergedTheme.peers.Input, themeOverrides: mergedTheme.peerOverrides.Input, onKeyup: handleInputKeyUp, onBlur: handleInputBlur, internalForceFocus: inputForceFocused })))) : $slots.trigger ? ($slots.trigger({
                     activate: handleAddClick,

package/es/element/src/Element.d.ts

@@ -18,7 +18,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Element", Record<string, unknown>, any>>>;
     readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Element", Record<string, unknown>, any>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     cssVars: import("vue").ComputedRef<Record<string, string>> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
@@ -32,5 +32,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Element", Record<string, unknown>, any>>>;
 }>>, {
     readonly tag: string;
-}>;
+}, {}>;
 export default _default;

package/es/ellipsis/index.d.ts

@@ -1,2 +1,3 @@
 export { default as NEllipsis, ellipsisProps } from './src/Ellipsis';
+export { NPerformantEllipsis } from './src/PerformantEllipsis';
 export type { EllipsisProps } from './src/Ellipsis';

package/es/ellipsis/index.js

@@ -1 +1,2 @@
 export { default as NEllipsis, ellipsisProps } from './src/Ellipsis';
+export { NPerformantEllipsis } from './src/PerformantEllipsis';

package/es/ellipsis/src/Ellipsis.d.ts

@@ -1,6 +1,8 @@
 import { type PropType } from 'vue';
 import type { PopoverProps } from '../../popover/src/Popover';
 import type { ExtractPublicPropTypes } from '../../_utils';
+export declare function createLineClampClass(clsPrefix: string): string;
+export declare function createCursorClass(clsPrefix: string, cursor: string): string;
 export declare const ellipsisProps: {
     readonly expandTrigger: PropType<"click">;
     readonly lineClamp: PropType<string | number>;
@@ -404,5 +406,5 @@ declare const _default: import("vue").DefineComponent<{
     }>>>;
 }>>, {
     readonly tooltip: boolean | PopoverProps;
-}>;
+}, {}>;
 export default _default;

package/es/ellipsis/src/Ellipsis.js

@@ -1,12 +1,13 @@
 import { defineComponent, h, ref, computed, mergeProps, onDeactivated } from 'vue';
 import { NTooltip } from '../../tooltip';
-import { useConfig, useTheme } from '../../_mixins';
+import { useMergedClsPrefix } from '../../_mixins/use-config';
+import { useTheme } from '../../_mixins';
 import { ellipsisLight } from '../styles';
 import style from './styles/index.cssr';
-function createLineClampClass(clsPrefix) {
+export function createLineClampClass(clsPrefix) {
     return `${clsPrefix}-ellipsis--line-clamp`;
 }
-function createCursorClass(clsPrefix, cursor) {
+export function createCursorClass(clsPrefix, cursor) {
     return `${clsPrefix}-ellipsis--cursor-${cursor}`;
 }
 export const ellipsisProps = Object.assign(Object.assign({}, useTheme.props), { expandTrigger: String, lineClamp: [Number, String], tooltip: {
@@ -18,7 +19,7 @@ export default defineComponent({
     inheritAttrs: false,
     props: ellipsisProps,
     setup(props, { slots, attrs }) {
-        const { mergedClsPrefixRef } = useConfig(props);
+        const mergedClsPrefixRef = useMergedClsPrefix();
         const mergedTheme = useTheme('Ellipsis', '-ellipsis', style, ellipsisLight, props, mergedClsPrefixRef);
         const triggerRef = ref(null);
         const triggerInnerRef = ref(null);