naive-ui 2.24.5 → 2.24.6

package/es/dialog/src/Dialog.js

@@ -110,7 +110,6 @@ export default defineComponent({
     },
     render() {
         const { $slots, bordered, mergedIconPlacement, cssVars, closable, showIcon, title, content, action, negativeText, positiveText, handlePositiveClick, handleNegativeClick, mergedTheme, loading, type, mergedClsPrefix } = this;
-        console.log('action', $slots.action);
         return (h("div", { class: [
                 `${mergedClsPrefix}-dialog`,
                 `${mergedClsPrefix}-dialog--icon-${mergedIconPlacement}`,

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

@@ -34,16 +34,8 @@ declare const dynamicInputProps: {
     readonly onRemove: PropType<(index: number) => void>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
-    readonly onClear: {
-        readonly type: PropType<() => void>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
-    readonly onInput: {
-        readonly type: PropType<MaybeArray<OnUpdateValue> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
+    readonly onClear: PropType<() => void>;
+    readonly onInput: PropType<MaybeArray<OnUpdateValue>>;
     readonly theme: PropType<import("../../_mixins").Theme<"DynamicInput", {
         actionMargin: string;
     }, {
@@ -883,16 +875,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly onRemove: PropType<(index: number) => void>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
-    readonly onClear: {
-        readonly type: PropType<() => void>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
-    readonly onInput: {
-        readonly type: PropType<MaybeArray<OnUpdateValue> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
+    readonly onClear: PropType<() => void>;
+    readonly onInput: PropType<MaybeArray<OnUpdateValue>>;
     readonly theme: PropType<import("../../_mixins").Theme<"DynamicInput", {
         actionMargin: string;
     }, {
@@ -2135,16 +2119,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly onRemove: PropType<(index: number) => void>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
-    readonly onClear: {
-        readonly type: PropType<() => void>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
-    readonly onInput: {
-        readonly type: PropType<MaybeArray<OnUpdateValue> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
+    readonly onClear: PropType<() => void>;
+    readonly onInput: PropType<MaybeArray<OnUpdateValue>>;
     readonly theme: PropType<import("../../_mixins").Theme<"DynamicInput", {
         actionMargin: string;
     }, {
@@ -2950,10 +2926,8 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }>>, {
-    onInput: MaybeArray<OnUpdateValue> | undefined;
     placeholder: string;
     min: number;
-    onClear: () => void;
     defaultValue: any[];
     preset: "input" | "pair";
     keyPlaceholder: string;

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

@@ -1,11 +1,11 @@
-import { h, ref, toRef, isProxy, toRaw, computed, defineComponent, inject, provide } from 'vue';
+import { h, ref, toRef, isProxy, toRaw, computed, defineComponent, inject, provide, watchEffect } from 'vue';
 import { useMergedState } from 'vooks';
 import { createId } from 'seemly';
 import { RemoveIcon, AddIcon } from '../../_internal/icons';
 import { NBaseIcon } from '../../_internal';
 import { NButton, NButtonGroup } from '../../button';
 import { useTheme, useLocale, useConfig } from '../../_mixins';
-import { warn, call } from '../../_utils';
+import { call, warnOnce } from '../../_utils';
 import { formItemInjectionKey } from '../../_mixins/use-form-item';
 import { dynamicInputLight } from '../styles';
 import NDynamicInputInputPreset from './InputPreset';
@@ -39,27 +39,21 @@ const dynamicInputProps = Object.assign(Object.assign({}, useTheme.props), { max
         default: ''
     }, onCreate: Function, onRemove: Function, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], 
     // deprecated
-    onClear: {
-        type: Function,
-        validator: () => {
-            warn('dynamic-input', '`on-clear` is deprecated, it is out of usage anymore.');
-            return true;
-        },
-        default: undefined
-    }, onInput: {
-        type: [Function, Array],
-        validator: () => {
-            if (process.env.NODE_ENV !== 'production') {
-                warn('dynamic-input', '`on-input` is deprecated, please use `on-update:value` instead.');
-            }
-            return true;
-        },
-        default: undefined
-    } });
+    onClear: Function, onInput: [Function, Array] });
 export default defineComponent({
     name: 'DynamicInput',
     props: dynamicInputProps,
     setup(props, { slots }) {
+        if (process.env.NODE_ENV !== 'production') {
+            watchEffect(() => {
+                if (props.onClear !== undefined) {
+                    warnOnce('dynamic-input', '`on-clear` is deprecated, it is out of usage anymore.');
+                }
+                if (props.onInput !== undefined) {
+                    warnOnce('dynamic-input', '`on-input` is deprecated, please use `on-update:value` instead.');
+                }
+            });
+        }
         const { NConfigProvider, mergedClsPrefixRef } = useConfig();
         const NFormItem = inject(formItemInjectionKey, null);
         const uncontrolledValueRef = ref(props.defaultValue);
@@ -201,7 +195,7 @@ export default defineComponent({
     },
     render() {
         const { buttonSize, mergedClsPrefix, mergedValue, locale, mergedTheme, keyField, $slots, preset, itemStyle, NFormItem, ensureKey, handleValueChange, remove, createItem } = this;
-        return (h("div", { class: `${mergedClsPrefix}-dynamic-input`, style: this.cssVars }, !Array.isArray(mergedValue) || mergedValue.length === 0 ? (h(NButton, { block: true, ghost: true, dashed: true, size: buttonSize, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, onClick: this.handleCreateClick }, {
+        return (h("div", { class: `${mergedClsPrefix}-dynamic-input`, style: this.cssVars }, !Array.isArray(mergedValue) || mergedValue.length === 0 ? (h(NButton, { block: true, ghost: true, dashed: true, disabled: this.insertionDisabled, size: buttonSize, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, onClick: this.handleCreateClick }, {
             default: () => locale.create,
             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 },

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

@@ -1,9 +1,10 @@
-import { PropType } from 'vue';
+import { Component, PropType } from 'vue';
 export declare type Depth = 1 | 2 | 3 | 4 | 5 | '1' | '2' | '3' | '4' | '5' | undefined;
 declare const _default: import("vue").DefineComponent<{
     depth: PropType<Depth>;
     size: (StringConstructor | NumberConstructor)[];
     color: StringConstructor;
+    component: PropType<Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
     theme: PropType<import("../../_mixins").Theme<"Icon", {
         color: string;
         opacity1Depth: string;
@@ -47,6 +48,7 @@ declare const _default: import("vue").DefineComponent<{
     depth: PropType<Depth>;
     size: (StringConstructor | NumberConstructor)[];
     color: StringConstructor;
+    component: PropType<Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
     theme: PropType<import("../../_mixins").Theme<"Icon", {
         color: string;
         opacity1Depth: string;

package/es/icon/src/Icon.js

@@ -1,4 +1,4 @@
-import { h, defineComponent, computed, mergeProps } from 'vue';
+import { computed, defineComponent, h, mergeProps } from 'vue';
 import { useConfig, useTheme } from '../../_mixins';
 import { formatLength, warn } from '../../_utils';
 import { iconLight } from '../styles';
@@ -7,7 +7,7 @@ export default defineComponent({
     _n_icon__: true,
     name: 'Icon',
     inheritAttrs: false,
-    props: Object.assign(Object.assign({}, useTheme.props), { depth: [String, Number], size: [Number, String], color: String }),
+    props: Object.assign(Object.assign({}, useTheme.props), { depth: [String, Number], size: [Number, String], color: String, component: Object }),
     setup(props) {
         const { mergedClsPrefixRef } = useConfig(props);
         const themeRef = useTheme('Icon', 'Icon', style, iconLight, props, mergedClsPrefixRef);
@@ -39,7 +39,7 @@ export default defineComponent({
     },
     render() {
         var _a;
-        const { $parent, depth, mergedClsPrefix } = this;
+        const { $parent, depth, mergedClsPrefix, component } = this;
         if ((_a = $parent === null || $parent === void 0 ? void 0 : $parent.$options) === null || _a === void 0 ? void 0 : _a._n_icon__) {
             warn('icon', "don't wrap `n-icon` inside `n-icon`");
         }
@@ -53,6 +53,6 @@ export default defineComponent({
                 }
             ],
             style: Object.assign(this.cssVars, this.mergedStyle)
-        }), this.$slots);
+        }), component ? h(component) : this.$slots);
     }
 });

package/es/theme-editor/src/ThemeEditor.js

@@ -20,7 +20,7 @@ const ColorWandIcon = (h("svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "ht
     h("path", { d: "M8.72956 4.56346C9.4771 3.81592 10.6891 3.81592 11.4367 4.56347C12.1842 5.31102 12.1842 6.52303 11.4367 7.27058L4.26679 14.4404C3.51924 15.1879 2.30723 15.1879 1.55968 14.4404C0.812134 13.6928 0.812138 12.4808 1.55969 11.7333L8.72956 4.56346ZM8.25002 6.4572L2.26679 12.4404C1.90977 12.7974 1.90977 13.3763 2.26679 13.7333C2.62381 14.0903 3.20266 14.0903 3.55968 13.7333L9.54292 7.75009L8.25002 6.4572ZM10.25 7.04299L10.7295 6.56347C11.0866 6.20645 11.0866 5.6276 10.7296 5.27057C10.3725 4.91355 9.79368 4.91355 9.43666 5.27057L8.95713 5.7501L10.25 7.04299Z", fill: "currentColor" })));
 // button colorOpacitySecondary var is not color
 const showColorPicker = (key) => {
-    if (key.includes('opacity'))
+    if (key.includes('pacity'))
         return false;
     if (key.includes('color') || key.includes('Color'))
         return true;

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.24.5";
+declare const _default: "2.24.6";
 export default _default;

package/es/version.js

@@ -1 +1 @@
-export default '2.24.5';
+export default '2.24.6';

package/lib/dialog/src/Dialog.js

@@ -116,7 +116,6 @@ exports.default = (0, vue_1.defineComponent)({
     },
     render() {
         const { $slots, bordered, mergedIconPlacement, cssVars, closable, showIcon, title, content, action, negativeText, positiveText, handlePositiveClick, handleNegativeClick, mergedTheme, loading, type, mergedClsPrefix } = this;
-        console.log('action', $slots.action);
         return ((0, vue_1.h)("div", { class: [
                 `${mergedClsPrefix}-dialog`,
                 `${mergedClsPrefix}-dialog--icon-${mergedIconPlacement}`,

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

@@ -34,16 +34,8 @@ declare const dynamicInputProps: {
     readonly onRemove: PropType<(index: number) => void>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
-    readonly onClear: {
-        readonly type: PropType<() => void>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
-    readonly onInput: {
-        readonly type: PropType<MaybeArray<OnUpdateValue> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
+    readonly onClear: PropType<() => void>;
+    readonly onInput: PropType<MaybeArray<OnUpdateValue>>;
     readonly theme: PropType<import("../../_mixins").Theme<"DynamicInput", {
         actionMargin: string;
     }, {
@@ -883,16 +875,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly onRemove: PropType<(index: number) => void>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
-    readonly onClear: {
-        readonly type: PropType<() => void>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
-    readonly onInput: {
-        readonly type: PropType<MaybeArray<OnUpdateValue> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
+    readonly onClear: PropType<() => void>;
+    readonly onInput: PropType<MaybeArray<OnUpdateValue>>;
     readonly theme: PropType<import("../../_mixins").Theme<"DynamicInput", {
         actionMargin: string;
     }, {
@@ -2135,16 +2119,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly onRemove: PropType<(index: number) => void>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
     readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
-    readonly onClear: {
-        readonly type: PropType<() => void>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
-    readonly onInput: {
-        readonly type: PropType<MaybeArray<OnUpdateValue> | undefined>;
-        readonly validator: () => boolean;
-        readonly default: undefined;
-    };
+    readonly onClear: PropType<() => void>;
+    readonly onInput: PropType<MaybeArray<OnUpdateValue>>;
     readonly theme: PropType<import("../../_mixins").Theme<"DynamicInput", {
         actionMargin: string;
     }, {
@@ -2950,10 +2926,8 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }>>, {
-    onInput: MaybeArray<OnUpdateValue> | undefined;
     placeholder: string;
     min: number;
-    onClear: () => void;
     defaultValue: any[];
     preset: "input" | "pair";
     keyPlaceholder: string;

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

@@ -44,27 +44,21 @@ const dynamicInputProps = Object.assign(Object.assign({}, _mixins_1.useTheme.pro
         default: ''
     }, onCreate: Function, onRemove: Function, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], 
     // deprecated
-    onClear: {
-        type: Function,
-        validator: () => {
-            (0, _utils_1.warn)('dynamic-input', '`on-clear` is deprecated, it is out of usage anymore.');
-            return true;
-        },
-        default: undefined
-    }, onInput: {
-        type: [Function, Array],
-        validator: () => {
-            if (process.env.NODE_ENV !== 'production') {
-                (0, _utils_1.warn)('dynamic-input', '`on-input` is deprecated, please use `on-update:value` instead.');
-            }
-            return true;
-        },
-        default: undefined
-    } });
+    onClear: Function, onInput: [Function, Array] });
 exports.default = (0, vue_1.defineComponent)({
     name: 'DynamicInput',
     props: dynamicInputProps,
     setup(props, { slots }) {
+        if (process.env.NODE_ENV !== 'production') {
+            (0, vue_1.watchEffect)(() => {
+                if (props.onClear !== undefined) {
+                    (0, _utils_1.warnOnce)('dynamic-input', '`on-clear` is deprecated, it is out of usage anymore.');
+                }
+                if (props.onInput !== undefined) {
+                    (0, _utils_1.warnOnce)('dynamic-input', '`on-input` is deprecated, please use `on-update:value` instead.');
+                }
+            });
+        }
         const { NConfigProvider, mergedClsPrefixRef } = (0, _mixins_1.useConfig)();
         const NFormItem = (0, vue_1.inject)(use_form_item_1.formItemInjectionKey, null);
         const uncontrolledValueRef = (0, vue_1.ref)(props.defaultValue);
@@ -206,7 +200,7 @@ exports.default = (0, vue_1.defineComponent)({
     },
     render() {
         const { buttonSize, mergedClsPrefix, mergedValue, locale, mergedTheme, keyField, $slots, preset, itemStyle, NFormItem, ensureKey, handleValueChange, remove, createItem } = this;
-        return ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-dynamic-input`, style: this.cssVars }, !Array.isArray(mergedValue) || mergedValue.length === 0 ? ((0, vue_1.h)(button_1.NButton, { block: true, ghost: true, dashed: true, size: buttonSize, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, onClick: this.handleCreateClick }, {
+        return ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-dynamic-input`, style: this.cssVars }, !Array.isArray(mergedValue) || mergedValue.length === 0 ? ((0, vue_1.h)(button_1.NButton, { block: true, ghost: true, dashed: true, disabled: this.insertionDisabled, size: buttonSize, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, onClick: this.handleCreateClick }, {
             default: () => locale.create,
             icon: () => ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix }, { default: () => (0, vue_1.h)(icons_1.AddIcon, null) }))
         })) : (mergedValue.map((_, index) => ((0, vue_1.h)("div", { key: keyField ? _[keyField] : ensureKey(_, index), "data-key": keyField ? _[keyField] : ensureKey(_, index), class: `${mergedClsPrefix}-dynamic-input-item`, style: itemStyle },

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

@@ -1,9 +1,10 @@
-import { PropType } from 'vue';
+import { Component, PropType } from 'vue';
 export declare type Depth = 1 | 2 | 3 | 4 | 5 | '1' | '2' | '3' | '4' | '5' | undefined;
 declare const _default: import("vue").DefineComponent<{
     depth: PropType<Depth>;
     size: (StringConstructor | NumberConstructor)[];
     color: StringConstructor;
+    component: PropType<Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
     theme: PropType<import("../../_mixins").Theme<"Icon", {
         color: string;
         opacity1Depth: string;
@@ -47,6 +48,7 @@ declare const _default: import("vue").DefineComponent<{
     depth: PropType<Depth>;
     size: (StringConstructor | NumberConstructor)[];
     color: StringConstructor;
+    component: PropType<Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
     theme: PropType<import("../../_mixins").Theme<"Icon", {
         color: string;
         opacity1Depth: string;

package/lib/icon/src/Icon.js

@@ -12,7 +12,7 @@ exports.default = (0, vue_1.defineComponent)({
     _n_icon__: true,
     name: 'Icon',
     inheritAttrs: false,
-    props: Object.assign(Object.assign({}, _mixins_1.useTheme.props), { depth: [String, Number], size: [Number, String], color: String }),
+    props: Object.assign(Object.assign({}, _mixins_1.useTheme.props), { depth: [String, Number], size: [Number, String], color: String, component: Object }),
     setup(props) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Icon', 'Icon', index_cssr_1.default, styles_1.iconLight, props, mergedClsPrefixRef);
@@ -44,7 +44,7 @@ exports.default = (0, vue_1.defineComponent)({
     },
     render() {
         var _a;
-        const { $parent, depth, mergedClsPrefix } = this;
+        const { $parent, depth, mergedClsPrefix, component } = this;
         if ((_a = $parent === null || $parent === void 0 ? void 0 : $parent.$options) === null || _a === void 0 ? void 0 : _a._n_icon__) {
             (0, _utils_1.warn)('icon', "don't wrap `n-icon` inside `n-icon`");
         }
@@ -58,6 +58,6 @@ exports.default = (0, vue_1.defineComponent)({
                 }
             ],
             style: Object.assign(this.cssVars, this.mergedStyle)
-        }), this.$slots);
+        }), component ? (0, vue_1.h)(component) : this.$slots);
     }
 });

package/lib/theme-editor/src/ThemeEditor.js

@@ -22,7 +22,7 @@ const ColorWandIcon = ((0, vue_1.h)("svg", { viewBox: "0 0 16 16", fill: "none",
     (0, vue_1.h)("path", { d: "M8.72956 4.56346C9.4771 3.81592 10.6891 3.81592 11.4367 4.56347C12.1842 5.31102 12.1842 6.52303 11.4367 7.27058L4.26679 14.4404C3.51924 15.1879 2.30723 15.1879 1.55968 14.4404C0.812134 13.6928 0.812138 12.4808 1.55969 11.7333L8.72956 4.56346ZM8.25002 6.4572L2.26679 12.4404C1.90977 12.7974 1.90977 13.3763 2.26679 13.7333C2.62381 14.0903 3.20266 14.0903 3.55968 13.7333L9.54292 7.75009L8.25002 6.4572ZM10.25 7.04299L10.7295 6.56347C11.0866 6.20645 11.0866 5.6276 10.7296 5.27057C10.3725 4.91355 9.79368 4.91355 9.43666 5.27057L8.95713 5.7501L10.25 7.04299Z", fill: "currentColor" })));
 // button colorOpacitySecondary var is not color
 const showColorPicker = (key) => {
-    if (key.includes('opacity'))
+    if (key.includes('pacity'))
         return false;
     if (key.includes('color') || key.includes('Color'))
         return true;

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.24.5";
+declare const _default: "2.24.6";
 export default _default;

package/lib/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = '2.24.5';
+exports.default = '2.24.6';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "naive-ui",
-  "version": "2.24.5",
+  "version": "2.24.6",
   "description": "A Vue 3 Component Library. Fairly Complete, Customizable Themes, Uses TypeScript, Not Too Slow",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -134,8 +134,8 @@
   ],
   "scripts": {
     "start": "pnpm run dev",
-    "dev": "pnpm run clean && pnpm run gen-version && pnpm run gen-component-declaration && cross-env NODE_ENV=development vite",
-    "build:package": "pnpm run gen-version && pnpm run clean && pnpm run gen-component-declaration && tsc -b --force tsconfig.esm.json && node scripts/pre-build/pre-cjs-build.js && tsc -b --force tsconfig.cjs.json && node scripts/post-build && rimraf {es,lib}/*.tsbuildinfo",
+    "dev": "pnpm run clean && pnpm run gen-version && pnpm run gen-volar-dts && cross-env NODE_ENV=development vite",
+    "build:package": "pnpm run gen-version && pnpm run clean && pnpm run gen-volar-dts && tsc -b --force tsconfig.esm.json && node scripts/pre-build/pre-cjs-build.js && tsc -b --force tsconfig.cjs.json && node scripts/post-build && rimraf {es,lib}/*.tsbuildinfo",
     "build:site": "./scripts/pre-build-site/pre-build-site.sh && cross-env NODE_ENV=production NODE_OPTIONS=--max-old-space-size=4096 vite build && ./scripts/post-build-site/post-build-site.sh",
     "clean": "rimraf site lib es node_modules/naive-ui themes/**/es themes/**/lib",
     "release:package": "pnpm run test && pnpm run build:package && pnpm publish --no-git-checks",
@@ -153,10 +153,10 @@
     "test:cov": "cross-env NODE_ENV=test NODE_OPTIONS=--unhandled-rejections=warn jest",
     "test:watch": "cross-env NODE_ENV=test jest ---watch --verbose --coverage",
     "gen-version": "node scripts/gen-version",
-    "gen-component-declaration": "esno scripts/gen-component-declaration",
+    "gen-volar-dts": "esno scripts/gen-component-declaration",
     "release-changelog": "node scripts/release-changelog",
     "build:site:ts": "./scripts/pre-build-site/pre-build-site.sh && cross-env TUSIMPLE=true NODE_ENV=production NODE_OPTIONS=--max-old-space-size=4096 vite build && ./scripts/post-build-site/post-build-site.sh",
-    "translate": "node scripts/md-to-vue element",
+    "translate": "node scripts/md-to-vue icon",
     "typecheck": "vue-tsc --noEmit src/**/*.vue"
   }
 }

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "naive-ui",
-  "version": "2.24.5",
+  "version": "2.24.6",
   "contributions": {
     "html": {
       "tags": [
@@ -5993,6 +5993,15 @@
                 "type": "string",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "component",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "object",
+                "kind": "expression"
+              }
             }
           ],
           "events": []