naive-ui 2.24.3 → 2.24.7

package/lib/date-picker/styles/light.js

@@ -14,7 +14,7 @@ const _common_1 = __importDefault(require("./_common"));
 const _mixins_1 = require("../../_mixins");
 const self = (vars) => {
     const { hoverColor, fontSize, textColor2, textColorDisabled, popoverColor, primaryColor, borderRadiusSmall, iconColor, iconColorDisabled, textColor1, dividerColor, boxShadow2, borderRadius, fontWeightStrong } = vars;
-    return Object.assign(Object.assign({}, _common_1.default), { itemFontSize: fontSize, calendarDaysFontSize: fontSize, calendarTitleFontSize: fontSize, itemTextColor: textColor2, itemTextColorDisabled: textColorDisabled, itemTextColorActive: popoverColor, itemTextColorCurrent: primaryColor, itemColorIncluded: (0, seemly_1.changeColor)(primaryColor, { alpha: 0.1 }), itemColorHover: hoverColor, itemColorDisabled: hoverColor, itemColorActive: primaryColor, itemBorderRadius: borderRadiusSmall, panelColor: popoverColor, panelTextColor: textColor2, arrowColor: iconColor, calendarTitleTextColor: textColor1, calendarDaysTextColor: textColor2, panelHeaderDividerColor: dividerColor, calendarDaysDividerColor: dividerColor, calendarDividerColor: dividerColor, panelActionDividerColor: dividerColor, panelBoxShadow: boxShadow2, panelBorderRadius: borderRadius, calendarTitleFontWeight: fontWeightStrong, scrollItemBorderRadius: borderRadius, iconColor,
+    return Object.assign(Object.assign({}, _common_1.default), { itemFontSize: fontSize, calendarDaysFontSize: fontSize, calendarTitleFontSize: fontSize, itemTextColor: textColor2, itemTextColorDisabled: textColorDisabled, itemTextColorActive: popoverColor, itemTextColorCurrent: primaryColor, itemColorIncluded: (0, seemly_1.changeColor)(primaryColor, { alpha: 0.1 }), itemColorHover: hoverColor, itemColorDisabled: hoverColor, itemColorActive: primaryColor, itemBorderRadius: borderRadiusSmall, panelColor: popoverColor, panelTextColor: textColor2, arrowColor: iconColor, calendarTitleTextColor: textColor1, calendarTitleColorHover: hoverColor, calendarDaysTextColor: textColor2, panelHeaderDividerColor: dividerColor, calendarDaysDividerColor: dividerColor, calendarDividerColor: dividerColor, panelActionDividerColor: dividerColor, panelBoxShadow: boxShadow2, panelBorderRadius: borderRadius, calendarTitleFontWeight: fontWeightStrong, scrollItemBorderRadius: borderRadius, iconColor,
         iconColorDisabled });
 };
 exports.self = self;

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

@@ -153,6 +153,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('input', `
  line-height: var(--n-line-height-textarea);
  margin: 0;
  resize: none;
+ white-space: pre-wrap;
  `), (0, cssr_1.cE)('textarea-mirror', `
  pointer-events: none;
  overflow: hidden;

package/lib/locales/common/jaJP.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jaJP = {
     name: 'ja-JP',
     global: {
-        undo: 'undo',
-        redo: 'redo',
+        undo: '元に戻す',
+        redo: 'やり直す',
         confirm: 'OK'
     },
     Popconfirm: {
@@ -37,9 +37,8 @@ const jaJP = {
         datePlaceholder: '日付を選択',
         datetimePlaceholder: '選択',
         monthPlaceholder: '月を選択',
-        // FIXME: translation needed
-        yearPlaceholder: 'Select Year',
-        quarterPlaceholder: 'Select Quarter',
+        yearPlaceholder: '年を選択',
+        quarterPlaceholder: '四半期を選択',
         startDatePlaceholder: '開始日',
         endDatePlaceholder: '終了日',
         startDatetimePlaceholder: '開始時間',
@@ -71,7 +70,7 @@ const jaJP = {
         now: '現在'
     },
     Pagination: {
-        goto: '',
+        goto: 'ページジャンプ',
         selectionSuffix: 'ページ'
     },
     DynamicTags: {
@@ -99,15 +98,14 @@ const jaJP = {
         export: 'エクスポート',
         restore: 'デフォルト'
     },
-    // TODO: translation
     Image: {
-        tipPrevious: 'Previous picture (←)',
-        tipNext: 'Next picture (→)',
-        tipCounterclockwise: 'Counterclockwise',
-        tipClockwise: 'Clockwise',
-        tipZoomOut: 'Zoom out',
-        tipZoomIn: 'Zoom in',
-        tipClose: 'Close (Esc)'
+        tipPrevious: '前の画像 (←)',
+        tipNext: '次の画像 (→)',
+        tipCounterclockwise: '左に回転',
+        tipClockwise: '右に回転',
+        tipZoomOut: '縮小',
+        tipZoomIn: '拡大',
+        tipClose: '閉じる (Esc)'
     }
 };
 exports.default = jaJP;

package/lib/popselect/src/Popselect.d.ts

@@ -8,7 +8,6 @@ declare const popselectProps: {
         readonly default: null;
     };
     cancelable: BooleanConstructor;
-    width: PropType<string | number>;
     options: {
         readonly type: PropType<import("../../select/src/interface").SelectMixedOption[]>;
         readonly default: () => never[];
@@ -44,6 +43,10 @@ declare const popselectProps: {
     y: NumberConstructor;
     maxWidth: NumberConstructor;
     minWidth: NumberConstructor;
+    width: {
+        type: PropType<number | "trigger">;
+        default: undefined;
+    };
     zIndex: NumberConstructor;
     disabled: BooleanConstructor;
     duration: {
@@ -299,7 +302,6 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: null;
     };
     cancelable: BooleanConstructor;
-    width: PropType<string | number>;
     options: {
         readonly type: PropType<import("../../select/src/interface").SelectMixedOption[]>;
         readonly default: () => never[];
@@ -335,6 +337,10 @@ declare const _default: import("vue").DefineComponent<{
     y: NumberConstructor;
     maxWidth: NumberConstructor;
     minWidth: NumberConstructor;
+    width: {
+        type: PropType<number | "trigger">;
+        default: undefined;
+    };
     zIndex: NumberConstructor;
     disabled: BooleanConstructor;
     duration: {
@@ -795,7 +801,6 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: null;
     };
     cancelable: BooleanConstructor;
-    width: PropType<string | number>;
     options: {
         readonly type: PropType<import("../../select/src/interface").SelectMixedOption[]>;
         readonly default: () => never[];
@@ -831,6 +836,10 @@ declare const _default: import("vue").DefineComponent<{
     y: NumberConstructor;
     maxWidth: NumberConstructor;
     minWidth: NumberConstructor;
+    width: {
+        type: PropType<number | "trigger">;
+        default: undefined;
+    };
     zIndex: NumberConstructor;
     disabled: BooleanConstructor;
     duration: {
@@ -1082,6 +1091,7 @@ declare const _default: import("vue").DefineComponent<{
     size: import("./interface").PopselectSize;
     show: boolean | undefined;
     flip: boolean;
+    width: number | "trigger";
     multiple: boolean;
     disabled: boolean;
     duration: number;

package/lib/popselect/src/Popselect.js

@@ -57,7 +57,7 @@ exports.default = (0, vue_1.defineComponent)({
         };
     },
     render() {
-        const { mergedTheme, $attrs, $slots } = this;
+        const { mergedTheme } = this;
         const popoverProps = {
             theme: mergedTheme.peers.Popover,
             themeOverrides: mergedTheme.peerOverrides.Popover,
@@ -66,15 +66,14 @@ exports.default = (0, vue_1.defineComponent)({
             },
             ref: 'popoverInstRef',
             internalRenderBody: (className, ref, style, onMouseenter, onMouseleave) => {
-                return ((0, vue_1.h)(PopselectPanel_1.default, Object.assign({}, (0, vue_1.mergeProps)($attrs, {
+                return ((0, vue_1.h)(PopselectPanel_1.default, Object.assign({}, (0, vue_1.mergeProps)(this.$attrs, {
                     class: className,
                     style
-                }), (0, _utils_1.keep)(this.$props, PopselectPanel_1.panelPropKeys), { ref: (0, _utils_1.createRefSetter)(ref), onMouseenter: onMouseenter, onMouseleave: onMouseleave }), $slots));
+                }), (0, _utils_1.keep)(this.$props, PopselectPanel_1.panelPropKeys), { ref: (0, _utils_1.createRefSetter)(ref), onMouseenter: onMouseenter, onMouseleave: onMouseleave }), { default: () => { var _a, _b; return (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a); } }));
             }
         };
         return ((0, vue_1.h)(popover_1.NPopover, Object.assign({}, (0, _utils_1.omit)(this.$props, PopselectPanel_1.panelPropKeys), popoverProps), {
-            trigger: this.$slots.default,
-            _: 1
+            trigger: () => { var _a, _b; return (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a); }
         }));
     }
 });

package/lib/popselect/src/PopselectPanel.d.ts

@@ -11,7 +11,6 @@ export declare const panelProps: {
         readonly default: null;
     };
     readonly cancelable: BooleanConstructor;
-    readonly width: PropType<string | number>;
     readonly options: {
         readonly type: PropType<SelectMixedOption[]>;
         readonly default: () => never[];
@@ -28,7 +27,7 @@ export declare const panelProps: {
     readonly renderLabel: PropType<RenderLabel>;
     readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
 };
-export declare const panelPropKeys: ("value" | "size" | "width" | "multiple" | "onChange" | "onMouseenter" | "onMouseleave" | "scrollable" | "renderLabel" | "options" | "onUpdate:value" | "onUpdateValue" | "cancelable")[];
+export declare const panelPropKeys: ("value" | "size" | "multiple" | "onChange" | "onMouseenter" | "onMouseleave" | "scrollable" | "renderLabel" | "options" | "onUpdate:value" | "onUpdateValue" | "cancelable")[];
 declare const _default: import("vue").DefineComponent<{
     readonly multiple: BooleanConstructor;
     readonly value: {
@@ -36,7 +35,6 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: null;
     };
     readonly cancelable: BooleanConstructor;
-    readonly width: PropType<string | number>;
     readonly options: {
         readonly type: PropType<SelectMixedOption[]>;
         readonly default: () => never[];
@@ -266,7 +264,6 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: null;
     };
     readonly cancelable: BooleanConstructor;
-    readonly width: PropType<string | number>;
     readonly options: {
         readonly type: PropType<SelectMixedOption[]>;
         readonly default: () => never[];

package/lib/popselect/src/PopselectPanel.js

@@ -17,7 +17,6 @@ exports.panelProps = {
         default: null
     },
     cancelable: Boolean,
-    width: [Number, String],
     options: {
         type: Array,
         default: () => []
@@ -131,6 +130,6 @@ exports.default = (0, vue_1.defineComponent)({
         };
     },
     render() {
-        return ((0, vue_1.h)(_internal_1.NInternalSelectMenu, { clsPrefix: this.mergedClsPrefix, focusable: true, theme: this.mergedTheme.peers.InternalSelectMenu, themeOverrides: this.mergedTheme.peerOverrides.InternalSelectMenu, multiple: this.multiple, treeMate: this.treeMate, size: this.size, value: this.value, width: this.width, virtualScroll: false, scrollable: this.scrollable, renderLabel: this.renderLabel, onToggle: this.handleToggle, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseenter, onMousedown: this.handleMenuMousedown }, this.$slots));
+        return ((0, vue_1.h)(_internal_1.NInternalSelectMenu, { clsPrefix: this.mergedClsPrefix, focusable: true, theme: this.mergedTheme.peers.InternalSelectMenu, themeOverrides: this.mergedTheme.peerOverrides.InternalSelectMenu, multiple: this.multiple, treeMate: this.treeMate, size: this.size, value: this.value, virtualScroll: false, scrollable: this.scrollable, renderLabel: this.renderLabel, onToggle: this.handleToggle, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseenter, onMousedown: this.handleMenuMousedown }, 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.3";
+declare const _default: "2.24.7";
 export default _default;

package/lib/version.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "naive-ui",
-  "version": "2.24.3",
+  "version": "2.24.7",
   "description": "A Vue 3 Component Library. Fairly Complete, Customizable Themes, Uses TypeScript, Not Too Slow",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -66,7 +66,7 @@
     "codesandbox": "^2.2.3",
     "cross-env": "^7.0.3",
     "cssnano": "^5.0.5",
-    "esbuild": "0.14.12",
+    "esbuild": "0.14.13",
     "eslint": "^8.6.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-config-standard": "^16.0.2",
@@ -94,7 +94,7 @@
     "vite": "^2.1.3",
     "vue": "^3.2.12",
     "vue-router": "^4.0.5",
-    "vue-tsc": "^0.30.2"
+    "vue-tsc": "^0.31.1"
   },
   "peerDependencies": {
     "vue": "^3.0.0"
@@ -117,7 +117,7 @@
     "vdirs": "^0.1.7",
     "vfonts": "^0.0.3",
     "vooks": "^0.2.12",
-    "vueuc": "^0.4.23"
+    "vueuc": "^0.4.24"
   },
   "sideEffects": false,
   "homepage": "https://www.naiveui.com",
@@ -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",
+    "transpile-docs": "node scripts/md-to-vue popselect",
     "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.3",
+  "version": "2.24.7",
   "contributions": {
     "html": {
       "tags": [
@@ -1217,6 +1217,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "disabled",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
             {
               "name": "actions",
               "default": "-",
@@ -5984,6 +5993,15 @@
                 "type": "string",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "component",
+              "default": "-",
+              "description": "-",
+              "value": {
+                "type": "object",
+                "kind": "expression"
+              }
             }
           ],
           "events": []