naive-ui 2.34.4 → 2.35.0

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

@@ -260,9 +260,13 @@ exports.default = (0, vue_1.defineComponent)({
                 return [
                     preset === 'input' ? ((0, vue_1.h)(InputPreset_1.default, { 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' ? ((0, vue_1.h)(PairPreset_1.default, { 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' ? ((0, vue_1.h)(PairPreset_1.default, { 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
                 ];
             }),
             (0, _utils_1.resolveSlotWithProps)($slots.action, {
@@ -275,18 +279,26 @@ exports.default = (0, vue_1.defineComponent)({
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-dynamic-input-item__action` },
                     (0, vue_1.h)(button_group_1.NButtonGroup, { size: buttonSize }, {
                         default: () => [
-                            (0, vue_1.h)(button_1.NButton, { disabled: this.removeDisabled || disabled, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, circle: true, onClick: () => { remove(index); } }, {
+                            (0, vue_1.h)(button_1.NButton, { disabled: this.removeDisabled || disabled, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, circle: true, onClick: () => {
+                                    remove(index);
+                                } }, {
                                 icon: () => ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix }, { default: () => (0, vue_1.h)(icons_1.RemoveIcon, null) }))
                             }),
-                            (0, vue_1.h)(button_1.NButton, { disabled: this.insertionDisabled || disabled, circle: true, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, onClick: () => { createItem(index); } }, {
+                            (0, vue_1.h)(button_1.NButton, { disabled: this.insertionDisabled || disabled, circle: true, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, onClick: () => {
+                                    createItem(index);
+                                } }, {
                                 icon: () => ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix }, { default: () => (0, vue_1.h)(icons_1.AddIcon, null) }))
                             }),
-                            showSortButton ? ((0, vue_1.h)(button_1.NButton, { disabled: index === 0 || disabled, circle: true, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, onClick: () => { move('up', index); } }, {
+                            showSortButton ? ((0, vue_1.h)(button_1.NButton, { disabled: index === 0 || disabled, circle: true, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, onClick: () => {
+                                    move('up', index);
+                                } }, {
                                 icon: () => ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix }, {
                                     default: () => (0, vue_1.h)(icons_1.ArrowUpIcon, null)
                                 }))
                             })) : null,
-                            showSortButton ? ((0, vue_1.h)(button_1.NButton, { disabled: index === mergedValue.length - 1 || disabled, circle: true, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, onClick: () => { move('down', index); } }, {
+                            showSortButton ? ((0, vue_1.h)(button_1.NButton, { disabled: index === mergedValue.length - 1 || disabled, circle: true, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, onClick: () => {
+                                    move('down', index);
+                                } }, {
                                 icon: () => ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix }, { default: () => (0, vue_1.h)(icons_1.ArrowDownIcon, null) }))
                             })) : null
                         ]

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

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

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

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

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

@@ -2255,7 +2255,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;
@@ -3915,5 +3915,5 @@ declare const _default: import("vue").DefineComponent<{
     closable: boolean;
     defaultValue: (string | DynamicTagsOption)[];
     onCreate: OnCreate;
-}>;
+}, {}>;
 export default _default;

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

@@ -149,7 +149,9 @@ exports.default = (0, vue_1.defineComponent)({
             default: () => {
                 const { mergedTheme, tagStyle, type, round, size, color, closable, mergedDisabled, showInput, inputValue, inputStyle, inputSize, inputForceFocused, triggerDisabled, handleInputKeyUp, handleInputBlur, handleAddClick, handleCloseClick, handleInputConfirm, $slots } = this;
                 return this.mergedValue
-                    .map((tag, index) => renderTag ? (renderTag(tag, index)) : ((0, vue_1.h)(tag_1.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)) : ((0, vue_1.h)(tag_1.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);
+                    } }, {
                     default: () => (typeof tag === 'string' ? tag : tag.label)
                 })))
                     .concat(showInput ? ($slots.input ? ($slots.input({

package/lib/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/lib/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/lib/ellipsis/index.js

@@ -3,7 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ellipsisProps = exports.NEllipsis = void 0;
+exports.NPerformantEllipsis = exports.ellipsisProps = exports.NEllipsis = void 0;
 var Ellipsis_1 = require("./src/Ellipsis");
 Object.defineProperty(exports, "NEllipsis", { enumerable: true, get: function () { return __importDefault(Ellipsis_1).default; } });
 Object.defineProperty(exports, "ellipsisProps", { enumerable: true, get: function () { return Ellipsis_1.ellipsisProps; } });
+var PerformantEllipsis_1 = require("./src/PerformantEllipsis");
+Object.defineProperty(exports, "NPerformantEllipsis", { enumerable: true, get: function () { return PerformantEllipsis_1.NPerformantEllipsis; } });

package/lib/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/lib/ellipsis/src/Ellipsis.js

@@ -3,18 +3,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ellipsisProps = void 0;
+exports.ellipsisProps = exports.createCursorClass = exports.createLineClampClass = void 0;
 const vue_1 = require("vue");
 const tooltip_1 = require("../../tooltip");
+const use_config_1 = require("../../_mixins/use-config");
 const _mixins_1 = require("../../_mixins");
 const styles_1 = require("../styles");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 function createLineClampClass(clsPrefix) {
     return `${clsPrefix}-ellipsis--line-clamp`;
 }
+exports.createLineClampClass = createLineClampClass;
 function createCursorClass(clsPrefix, cursor) {
     return `${clsPrefix}-ellipsis--cursor-${cursor}`;
 }
+exports.createCursorClass = createCursorClass;
 exports.ellipsisProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { expandTrigger: String, lineClamp: [Number, String], tooltip: {
         type: [Boolean, Object],
         default: true
@@ -24,7 +27,7 @@ exports.default = (0, vue_1.defineComponent)({
     inheritAttrs: false,
     props: exports.ellipsisProps,
     setup(props, { slots, attrs }) {
-        const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
+        const mergedClsPrefixRef = (0, use_config_1.useMergedClsPrefix)();
         const mergedTheme = (0, _mixins_1.useTheme)('Ellipsis', '-ellipsis', index_cssr_1.default, styles_1.ellipsisLight, props, mergedClsPrefixRef);
         const triggerRef = (0, vue_1.ref)(null);
         const triggerInnerRef = (0, vue_1.ref)(null);

package/lib/ellipsis/src/PerformantEllipsis.d.ts

@@ -0,0 +1,164 @@
+export declare const NPerformantEllipsis: import("vue").DefineComponent<{
+    readonly expandTrigger: import("vue").PropType<"click">;
+    readonly lineClamp: import("vue").PropType<string | number>;
+    readonly tooltip: {
+        readonly type: import("vue").PropType<boolean | import("../..").PopoverProps>;
+        readonly default: true;
+    };
+    readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Ellipsis", unknown, {
+        Tooltip: import("../../_mixins").Theme<"Tooltip", {
+            borderRadius: string;
+            boxShadow: string;
+            color: string;
+            textColor: string;
+            padding: string;
+        }, {
+            Popover: import("../../_mixins").Theme<"Popover", {
+                fontSize: string;
+                borderRadius: string;
+                color: string;
+                dividerColor: string;
+                textColor: string;
+                boxShadow: string;
+                space: string;
+                spaceArrow: string;
+                arrowOffset: string;
+                arrowOffsetVertical: string;
+                arrowHeight: string;
+                padding: string;
+            }, any>;
+        }>;
+    }>>;
+    readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Ellipsis", unknown, {
+        Tooltip: import("../../_mixins").Theme<"Tooltip", {
+            borderRadius: string;
+            boxShadow: string;
+            color: string;
+            textColor: string;
+            padding: string;
+        }, {
+            Popover: import("../../_mixins").Theme<"Popover", {
+                fontSize: string;
+                borderRadius: string;
+                color: string;
+                dividerColor: string;
+                textColor: string;
+                boxShadow: string;
+                space: string;
+                spaceArrow: string;
+                arrowOffset: string;
+                arrowOffsetVertical: string;
+                arrowHeight: string;
+                padding: string;
+            }, any>;
+        }>;
+    }>>>;
+    readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Ellipsis", unknown, {
+        Tooltip: import("../../_mixins").Theme<"Tooltip", {
+            borderRadius: string;
+            boxShadow: string;
+            color: string;
+            textColor: string;
+            padding: string;
+        }, {
+            Popover: import("../../_mixins").Theme<"Popover", {
+                fontSize: string;
+                borderRadius: string;
+                color: string;
+                dividerColor: string;
+                textColor: string;
+                boxShadow: string;
+                space: string;
+                spaceArrow: string;
+                arrowOffset: string;
+                arrowOffsetVertical: string;
+                arrowHeight: string;
+                padding: string;
+            }, any>;
+        }>;
+    }>>>;
+}, {
+    mouseEntered: import("vue").Ref<boolean>;
+    renderTrigger: () => JSX.Element;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly expandTrigger: import("vue").PropType<"click">;
+    readonly lineClamp: import("vue").PropType<string | number>;
+    readonly tooltip: {
+        readonly type: import("vue").PropType<boolean | import("../..").PopoverProps>;
+        readonly default: true;
+    };
+    readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Ellipsis", unknown, {
+        Tooltip: import("../../_mixins").Theme<"Tooltip", {
+            borderRadius: string;
+            boxShadow: string;
+            color: string;
+            textColor: string;
+            padding: string;
+        }, {
+            Popover: import("../../_mixins").Theme<"Popover", {
+                fontSize: string;
+                borderRadius: string;
+                color: string;
+                dividerColor: string;
+                textColor: string;
+                boxShadow: string;
+                space: string;
+                spaceArrow: string;
+                arrowOffset: string;
+                arrowOffsetVertical: string;
+                arrowHeight: string;
+                padding: string;
+            }, any>;
+        }>;
+    }>>;
+    readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Ellipsis", unknown, {
+        Tooltip: import("../../_mixins").Theme<"Tooltip", {
+            borderRadius: string;
+            boxShadow: string;
+            color: string;
+            textColor: string;
+            padding: string;
+        }, {
+            Popover: import("../../_mixins").Theme<"Popover", {
+                fontSize: string;
+                borderRadius: string;
+                color: string;
+                dividerColor: string;
+                textColor: string;
+                boxShadow: string;
+                space: string;
+                spaceArrow: string;
+                arrowOffset: string;
+                arrowOffsetVertical: string;
+                arrowHeight: string;
+                padding: string;
+            }, any>;
+        }>;
+    }>>>;
+    readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Ellipsis", unknown, {
+        Tooltip: import("../../_mixins").Theme<"Tooltip", {
+            borderRadius: string;
+            boxShadow: string;
+            color: string;
+            textColor: string;
+            padding: string;
+        }, {
+            Popover: import("../../_mixins").Theme<"Popover", {
+                fontSize: string;
+                borderRadius: string;
+                color: string;
+                dividerColor: string;
+                textColor: string;
+                boxShadow: string;
+                space: string;
+                spaceArrow: string;
+                arrowOffset: string;
+                arrowOffsetVertical: string;
+                arrowHeight: string;
+                padding: string;
+            }, any>;
+        }>;
+    }>>>;
+}>>, {
+    readonly tooltip: boolean | import("../..").PopoverProps;
+}, {}>;

package/lib/ellipsis/src/PerformantEllipsis.js

@@ -0,0 +1,81 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NPerformantEllipsis = void 0;
+const vue_1 = require("vue");
+const use_config_1 = require("../../_mixins/use-config");
+const _mixins_1 = require("../../_mixins");
+const Ellipsis_1 = __importStar(require("./Ellipsis"));
+const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
+exports.NPerformantEllipsis = (0, vue_1.defineComponent)({
+    name: 'PerformantEllipsis',
+    props: Ellipsis_1.ellipsisProps,
+    inheritAttrs: false,
+    setup(props, { attrs, slots }) {
+        const mouseEnteredRef = (0, vue_1.ref)(false);
+        const mergedClsPrefixRef = (0, use_config_1.useMergedClsPrefix)();
+        (0, _mixins_1.useStyle)('-ellipsis', index_cssr_1.default, mergedClsPrefixRef);
+        // Modified from Ellipsis.tsx
+        const renderTrigger = () => {
+            const { lineClamp } = props;
+            const mergedClsPrefix = mergedClsPrefixRef.value;
+            return ((0, vue_1.h)("span", Object.assign({}, (0, vue_1.mergeProps)(attrs, {
+                class: [
+                    `${mergedClsPrefix}-ellipsis`,
+                    lineClamp !== undefined
+                        ? (0, Ellipsis_1.createLineClampClass)(mergedClsPrefix)
+                        : undefined,
+                    props.expandTrigger === 'click'
+                        ? (0, Ellipsis_1.createCursorClass)(mergedClsPrefix, 'pointer')
+                        : undefined
+                ],
+                style: lineClamp === undefined
+                    ? {
+                        textOverflow: 'ellipsis'
+                    }
+                    : {
+                        '-webkit-line-clamp': lineClamp
+                    }
+            }), { onMouseenter: () => {
+                    mouseEnteredRef.value = true;
+                } }), lineClamp ? slots : (0, vue_1.h)("span", null, slots)));
+        };
+        return {
+            mouseEntered: mouseEnteredRef,
+            renderTrigger
+        };
+    },
+    render() {
+        if (this.mouseEntered) {
+            return (0, vue_1.h)(Ellipsis_1.default, (0, vue_1.mergeProps)({}, this.$attrs, this.$props), this.$slots);
+        }
+        else {
+            return this.renderTrigger();
+        }
+    }
+});

package/lib/empty/src/Empty.d.ts

@@ -111,7 +111,7 @@ declare const _default: import("vue").DefineComponent<{
         iconSizeHuge: string;
     }, any>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     mergedRenderIcon: import("vue").ComputedRef<() => VNodeChild>;
     localizedDescription: import("vue").ComputedRef<string>;
     cssVars: import("vue").ComputedRef<{
@@ -182,5 +182,5 @@ declare const _default: import("vue").DefineComponent<{
     size: "small" | "medium" | "large" | "huge";
     showDescription: boolean;
     showIcon: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/equation/src/Equation.d.ts

@@ -2,17 +2,17 @@ import { type PropType } from 'vue';
 import type { KatexOptions } from 'katex';
 export declare const equationProps: {
     readonly value: StringConstructor;
-    readonly katex: PropType<typeof import("katex").default>;
+    readonly katex: PropType<typeof import("katex")>;
     readonly katexOptions: PropType<KatexOptions>;
 };
 export declare const Equation: import("vue").DefineComponent<{
     readonly value: StringConstructor;
-    readonly katex: PropType<typeof import("katex").default>;
+    readonly katex: PropType<typeof import("katex")>;
     readonly katexOptions: PropType<KatexOptions>;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly value: StringConstructor;
-    readonly katex: PropType<typeof import("katex").default>;
+    readonly katex: PropType<typeof import("katex")>;
     readonly katexOptions: PropType<KatexOptions>;
-}>>, {}>;
+}>>, {}, {}>;

package/lib/form/src/Form.d.ts

@@ -263,7 +263,7 @@ declare const _default: import("vue").DefineComponent<{
         labelFontWeight: string;
     }, any>>>;
 }, FormInst & {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     readonly inline: BooleanConstructor;
     readonly labelWidth: PropType<string | number>;
@@ -402,5 +402,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly showRequireMark: boolean | undefined;
     readonly showFeedback: boolean;
     readonly showLabel: boolean | undefined;
-}>;
+}, {}>;
 export default _default;

package/lib/form/src/Form.js

@@ -33,7 +33,9 @@ exports.formProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
         default: true
     }, onSubmit: {
         type: Function,
-        default: (e) => { e.preventDefault(); }
+        default: (e) => {
+            e.preventDefault();
+        }
     }, showLabel: {
         type: Boolean,
         default: undefined

package/lib/form/src/FormItem.d.ts

@@ -292,7 +292,7 @@ declare const _default: import("vue").DefineComponent<{
     mergedShowLabel: import("vue").ComputedRef<boolean>;
     isAutoLabelWidth: import("vue").ComputedRef<boolean>;
     labelElementRef: import("vue").Ref<HTMLLabelElement | null>;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     mergedRequired: import("vue").ComputedRef<boolean>;
     feedbackId: import("vue").Ref<string>;
     renderExplains: import("vue").Ref<{
@@ -432,5 +432,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly showFeedback: boolean | undefined;
     readonly showLabel: boolean | undefined;
     readonly ignorePathChange: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/form/src/FormItemCol.d.ts

@@ -445,5 +445,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly showLabel: boolean | undefined;
     readonly ignorePathChange: boolean;
     readonly pull: import("../../legacy-grid/src/interface").Span;
-}>;
+}, {}>;
 export default _default;

package/lib/form/src/FormItemGridItem.d.ts

@@ -445,5 +445,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly showLabel: boolean | undefined;
     readonly ignorePathChange: boolean;
     readonly privateShow: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/form/src/FormItemRow.d.ts

@@ -463,5 +463,5 @@ declare const _default: import("vue").DefineComponent<{
     ignorePathChange: boolean;
     gutter: string | number | [number, number];
     pull: import("../../legacy-grid/src/interface").Span;
-}>;
+}, {}>;
 export default _default;

package/lib/global-style/src/GlobalStyle.d.ts

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

package/lib/gradient-text/src/GradientText.d.ts

@@ -110,7 +110,7 @@ declare const _default: import("vue").DefineComponent<{
         colorEndSuccess: string;
     }, any>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     compatibleType: import("vue").ComputedRef<"error" | "primary" | "info" | "success" | "warning">;
     styleFontSize: import("vue").ComputedRef<string | number | undefined>;
     styleBgImage: import("vue").ComputedRef<string | undefined>;
@@ -176,5 +176,5 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>>;
 }>>, {
     readonly type: "error" | "primary" | "info" | "success" | "warning" | "danger";
-}>;
+}, {}>;
 export default _default;

package/lib/grid/src/Grid.d.ts

@@ -63,7 +63,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     isSsr: boolean;
     contentEl: Ref<HTMLElement | undefined>;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: Ref<string>;
     style: import("vue").ComputedRef<CSSProperties>;
     isResponsive: import("vue").ComputedRef<boolean>;
     responsiveQuery: import("vue").ComputedRef<number | ("m" | "s" | "l" | "xs" | "xl" | "xxl")[] | undefined>;
@@ -104,5 +104,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly collapsedRows: number;
     readonly xGap: string | number;
     readonly yGap: string | number;
-}>;
+}, {}>;
 export default _default;

package/lib/grid/src/Grid.js

@@ -147,7 +147,7 @@ exports.default = (0, vue_1.defineComponent)({
             const childrenAndRawSpan = [];
             const { collapsed, collapsedRows, responsiveCols, responsiveQuery } = this;
             rawChildren.forEach((child) => {
-                var _a, _b, _c, _d;
+                var _a, _b, _c, _d, _e;
                 if (((_a = child === null || child === void 0 ? void 0 : child.type) === null || _a === void 0 ? void 0 : _a.__GRID_ITEM__) !== true)
                     return;
                 if ((0, _utils_1.isNodeVShowFalse)(child)) {
@@ -167,8 +167,11 @@ exports.default = (0, vue_1.defineComponent)({
                 // We don't want v-show to control display, so we need to stripe it
                 // here, nor it may mess child's style
                 child.dirs = ((_b = child.dirs) === null || _b === void 0 ? void 0 : _b.filter(({ dir }) => dir !== vue_1.vShow)) || null;
+                if (((_c = child.dirs) === null || _c === void 0 ? void 0 : _c.length) === 0) {
+                    child.dirs = null;
+                }
                 const clonedChild = (0, vue_1.cloneVNode)(child);
-                const rawChildSpan = Number((_d = (0, seemly_1.parseResponsivePropValue)((_c = clonedChild.props) === null || _c === void 0 ? void 0 : _c.span, responsiveQuery)) !== null && _d !== void 0 ? _d : config_2.defaultSpan);
+                const rawChildSpan = Number((_e = (0, seemly_1.parseResponsivePropValue)((_d = clonedChild.props) === null || _d === void 0 ? void 0 : _d.span, responsiveQuery)) !== null && _e !== void 0 ? _e : config_2.defaultSpan);
                 if (rawChildSpan === 0)
                     return;
                 childrenAndRawSpan.push({
@@ -181,7 +184,7 @@ exports.default = (0, vue_1.defineComponent)({
             if (maybeSuffixNode === null || maybeSuffixNode === void 0 ? void 0 : maybeSuffixNode.props) {
                 const suffixPropValue = (_b = maybeSuffixNode.props) === null || _b === void 0 ? void 0 : _b.suffix;
                 if (suffixPropValue !== undefined && suffixPropValue !== false) {
-                    suffixSpan = (_d = (_c = maybeSuffixNode.props) === null || _c === void 0 ? void 0 : _c.span) !== null && _d !== void 0 ? _d : config_2.defaultSpan;
+                    suffixSpan = Number((_d = (0, seemly_1.parseResponsivePropValue)((_c = maybeSuffixNode.props) === null || _c === void 0 ? void 0 : _c.span, responsiveQuery)) !== null && _d !== void 0 ? _d : config_2.defaultSpan);
                     maybeSuffixNode.props.privateSpan = suffixSpan;
                     maybeSuffixNode.props.privateColStart =
                         responsiveCols + 1 - suffixSpan;

package/lib/grid/src/GridItem.d.ts

@@ -70,5 +70,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly span: string | number;
     readonly suffix: boolean;
     readonly privateShow: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/icon/src/Icon.d.ts

@@ -62,7 +62,7 @@ export declare const NIcon: import("vue").DefineComponent<{
         opacity5Depth: string;
     }, any>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     mergedStyle: import("vue").ComputedRef<{
         fontSize: string | undefined;
         color: string | undefined;
@@ -103,4 +103,4 @@ export declare const NIcon: import("vue").DefineComponent<{
         opacity4Depth: string;
         opacity5Depth: string;
     }, any>>>;
-}>>, {}>;
+}>>, {}, {}>;

package/lib/icon-wrapper/src/IconWrapper.d.ts

@@ -73,4 +73,4 @@ export declare const NIconWrapper: import("vue").DefineComponent<{
 }>>, {
     readonly size: number;
     readonly borderRadius: number;
-}>;
+}, {}>;