naive-ui 2.34.3 → 2.34.4

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

@@ -39,7 +39,7 @@ export const dynamicInputProps = Object.assign(Object.assign({}, useTheme.props)
     placeholder: {
         type: String,
         default: ''
-    }, showSortButton: Boolean, createButtonProps: Object, onCreate: Function, onRemove: Function, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], 
+    }, disabled: Boolean, showSortButton: Boolean, createButtonProps: Object, onCreate: Function, onRemove: Function, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], 
     // deprecated
     onClear: Function, onInput: [Function, Array] });
 export default defineComponent({
@@ -125,7 +125,7 @@ export default defineComponent({
             doUpdateValue(newValue);
         }
         function handleCreateClick() {
-            createItem(0);
+            createItem(-1);
         }
         function createItem(index) {
             const { value: mergedValue } = mergedValueRef;
@@ -159,12 +159,13 @@ export default defineComponent({
             const { min } = props;
             if (mergedValue.length <= min)
                 return;
+            const { onRemove } = props;
+            if (onRemove) {
+                onRemove(index);
+            }
             const newValue = Array.from(mergedValue);
             newValue.splice(index, 1);
             doUpdateValue(newValue);
-            const { onRemove } = props;
-            if (onRemove)
-                onRemove(index);
         }
         function swap(array, currentIndex, targetIndex) {
             if (currentIndex < 0 ||
@@ -232,13 +233,13 @@ export default defineComponent({
         };
     },
     render() {
-        const { $slots, buttonSize, mergedClsPrefix, mergedValue, locale, mergedTheme, keyField, itemStyle, preset, showSortButton, NFormItem, ensureKey, handleValueChange, remove, createItem, move, onRender } = this;
+        const { $slots, 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`,
                 this.rtlEnabled && `${mergedClsPrefix}-dynamic-input--rtl`,
                 this.themeClass
-            ], style: this.cssVars }, !Array.isArray(mergedValue) || mergedValue.length === 0 ? (h(NButton, Object.assign({ block: true, ghost: true, dashed: true, size: buttonSize }, this.createButtonProps, { disabled: this.insertionDisabled, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, onClick: this.handleCreateClick }), {
+            ], style: this.cssVars }, !Array.isArray(mergedValue) || mergedValue.length === 0 ? (h(NButton, Object.assign({ block: true, ghost: true, dashed: true, size: buttonSize }, this.createButtonProps, { disabled: this.insertionDisabled || disabled, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, onClick: this.handleCreateClick }), {
             default: () => resolveSlot($slots['create-button-default'], () => [
                 locale.create
             ]),
@@ -251,31 +252,39 @@ export default defineComponent({
                 index
             }, () => {
                 return [
-                    preset === 'input' ? (h(NDynamicInputInputPreset, { clsPrefix: mergedClsPrefix, value: mergedValue[index], parentPath: NFormItem ? NFormItem.path.value : undefined, path: (NFormItem === null || NFormItem === void 0 ? void 0 : NFormItem.path.value)
+                    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, { 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
                 ];
             }),
-            h("div", { class: `${mergedClsPrefix}-dynamic-input-item__action` },
-                h(NButtonGroup, { size: buttonSize }, {
-                    default: () => [
-                        h(NButton, { disabled: this.removeDisabled, 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, 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, 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, circle: true, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, onClick: () => move('down', index) }, {
-                            icon: () => (h(NBaseIcon, { clsPrefix: mergedClsPrefix }, { default: () => h(ArrowDownIcon, null) }))
-                        })) : null
-                    ]
-                }))))))));
+            resolveSlotWithProps($slots.action, {
+                value: mergedValue[index],
+                index,
+                create: createItem,
+                remove,
+                move
+            }, () => [
+                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); } }, {
+                                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); } }, {
+                                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); } }, {
+                                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); } }, {
+                                icon: () => (h(NBaseIcon, { clsPrefix: mergedClsPrefix }, { default: () => h(ArrowDownIcon, null) }))
+                            })) : null
+                        ]
+                    }))
+            ])))))));
     }
 });

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

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;
@@ -8,6 +8,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    disabled: BooleanConstructor;
     parentPath: StringConstructor;
     path: StringConstructor;
     onUpdateValue: {
@@ -415,6 +416,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    disabled: BooleanConstructor;
     parentPath: StringConstructor;
     path: StringConstructor;
     onUpdateValue: {
@@ -423,5 +425,6 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     value: string;
+    disabled: boolean;
 }>;
 export default _default;

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

@@ -12,6 +12,7 @@ export default defineComponent({
             type: String,
             default: ''
         },
+        disabled: Boolean,
         parentPath: String,
         path: String,
         onUpdateValue: {
@@ -29,8 +30,8 @@ export default defineComponent({
         };
     },
     render() {
-        const { mergedTheme, placeholder, value, clsPrefix, onUpdateValue } = this;
+        const { mergedTheme, placeholder, value, clsPrefix, onUpdateValue, disabled } = this;
         return (h("div", { class: `${clsPrefix}-dynamic-input-preset-input` },
-            h(NInput, { theme: mergedTheme.peers.Input, "theme-overrides": mergedTheme.peerOverrides.Input, value: value, placeholder: placeholder, onUpdateValue: onUpdateValue })));
+            h(NInput, { theme: mergedTheme.peers.Input, "theme-overrides": mergedTheme.peerOverrides.Input, value: value, placeholder: placeholder, onUpdateValue: onUpdateValue, disabled: disabled })));
     }
 });

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

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;
@@ -14,6 +14,7 @@ declare const _default: import("vue").DefineComponent<{
             value: string;
         };
     };
+    disabled: BooleanConstructor;
     parentPath: StringConstructor;
     path: StringConstructor;
     onUpdateValue: {
@@ -433,6 +434,7 @@ declare const _default: import("vue").DefineComponent<{
             value: string;
         };
     };
+    disabled: BooleanConstructor;
     parentPath: StringConstructor;
     path: StringConstructor;
     onUpdateValue: {
@@ -447,5 +449,6 @@ declare const _default: import("vue").DefineComponent<{
         key: string;
         value: string;
     };
+    disabled: boolean;
 }>;
 export default _default;

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

@@ -15,6 +15,7 @@ export default defineComponent({
                 value: ''
             })
         },
+        disabled: Boolean,
         parentPath: String,
         path: String,
         onUpdateValue: {
@@ -44,9 +45,9 @@ export default defineComponent({
         };
     },
     render() {
-        const { mergedTheme, keyPlaceholder, valuePlaceholder, value, clsPrefix } = this;
+        const { mergedTheme, keyPlaceholder, valuePlaceholder, value, clsPrefix, disabled } = this;
         return (h("div", { class: `${clsPrefix}-dynamic-input-preset-pair` },
-            h(NInput, { theme: mergedTheme.peers.Input, "theme-overrides": mergedTheme.peerOverrides.Input, value: value.key, class: `${clsPrefix}-dynamic-input-pair-input`, placeholder: keyPlaceholder, onUpdateValue: this.handleKeyInput }),
-            h(NInput, { theme: mergedTheme.peers.Input, "theme-overrides": mergedTheme.peerOverrides.Input, value: value.value, class: `${clsPrefix}-dynamic-input-pair-input`, placeholder: valuePlaceholder, onUpdateValue: this.handleValueInput })));
+            h(NInput, { theme: mergedTheme.peers.Input, "theme-overrides": mergedTheme.peerOverrides.Input, value: value.key, class: `${clsPrefix}-dynamic-input-pair-input`, placeholder: keyPlaceholder, onUpdateValue: this.handleKeyInput, disabled: disabled }),
+            h(NInput, { theme: mergedTheme.peers.Input, "theme-overrides": mergedTheme.peerOverrides.Input, value: value.value, class: `${clsPrefix}-dynamic-input-pair-input`, placeholder: valuePlaceholder, onUpdateValue: this.handleValueInput, disabled: disabled })));
     }
 });

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

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import type { Ref } from 'vue';
 import type { MergedTheme } from '../../_mixins';
 import type { DynamicInputTheme } from '../styles';
 export interface DynamicInputInjection {

package/es/dynamic-input/styles/dark.d.ts

@@ -1,3 +1,3 @@
-import { DynamicInputTheme } from './light';
+import type { DynamicInputTheme } from './light';
 declare const dynamicInputDark: DynamicInputTheme;
 export default dynamicInputDark;

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

@@ -1,4 +1,4 @@
-import { PropType, CSSProperties, VNodeChild } from 'vue';
+import { type PropType, type CSSProperties, type VNodeChild } from 'vue';
 import type { InputProps } from '../../input';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 import type { OnUpdateValue, DynamicTagsOption, OnCreate } from './interface';

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

@@ -143,7 +143,7 @@ export default 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)) : (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, 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/es/element/src/Element.d.ts

@@ -4,9 +4,9 @@ export declare const elementProps: {
         readonly type: StringConstructor;
         readonly default: "div";
     };
-    readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Element", {}, any>>;
-    readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Element", {}, any>>>;
-    readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Element", {}, any>>>;
+    readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Element", Record<string, unknown>, any>>;
+    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>>>;
 };
 export type ElementProps = ExtractPublicPropTypes<typeof elementProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -14,9 +14,9 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: StringConstructor;
         readonly default: "div";
     };
-    readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Element", {}, any>>;
-    readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Element", {}, any>>>;
-    readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Element", {}, any>>>;
+    readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Element", Record<string, unknown>, any>>;
+    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>;
     cssVars: import("vue").ComputedRef<Record<string, string>> | undefined;
@@ -27,9 +27,9 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: StringConstructor;
         readonly default: "div";
     };
-    readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Element", {}, any>>;
-    readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Element", {}, any>>>;
-    readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Element", {}, any>>>;
+    readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Element", Record<string, unknown>, any>>;
+    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>>>;
 }>>, {
     readonly tag: string;
 }>;

package/es/element/styles/dark.d.ts

@@ -1,3 +1,3 @@
-import { ElementTheme } from './light';
+import { type ElementTheme } from './light';
 declare const elementDark: ElementTheme;
 export default elementDark;

package/es/element/styles/light.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '../../_mixins';
+import type { Theme } from '../../_mixins';
 declare const elementLight: Theme<'Element'>;
 export default elementLight;
 export type ElementTheme = typeof elementLight;

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

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 import type { PopoverProps } from '../../popover/src/Popover';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const ellipsisProps: {

package/es/ellipsis/styles/dark.d.ts

@@ -1,3 +1,3 @@
-import { EllipsisTheme } from './light';
+import { type EllipsisTheme } from './light';
 declare const ellipsisDark: EllipsisTheme;
 export default ellipsisDark;

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

@@ -1,4 +1,4 @@
-import { PropType, VNodeChild } from 'vue';
+import { type PropType, type VNodeChild } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const emptyProps: {
     description: StringConstructor;

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

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-import { KatexOptions } from 'katex';
+import { type PropType } from 'vue';
+import type { KatexOptions } from 'katex';
 export declare const equationProps: {
     readonly value: StringConstructor;
     readonly katex: PropType<typeof import("katex").default>;

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

@@ -1,6 +1,6 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 import type { FormRules, LabelAlign, LabelPlacement, FormInst, Size, FormValidateMessages } from './interface';
-import { ExtractPublicPropTypes } from '../../_utils';
+import { type ExtractPublicPropTypes } from '../../_utils';
 export declare const formProps: {
     readonly inline: BooleanConstructor;
     readonly labelWidth: PropType<string | number>;

package/es/form/src/Form.js

@@ -27,7 +27,7 @@ export const formProps = Object.assign(Object.assign({}, useTheme.props), { inli
         default: true
     }, onSubmit: {
         type: Function,
-        default: (e) => e.preventDefault()
+        default: (e) => { e.preventDefault(); }
     }, showLabel: {
         type: Boolean,
         default: undefined
@@ -51,7 +51,7 @@ export default defineComponent({
         };
         function validate(validateCallback, shouldRuleBeApplied = () => true) {
             return __awaiter(this, void 0, void 0, function* () {
-                return yield new Promise((resolve, reject) => {
+                yield new Promise((resolve, reject) => {
                     const formItemValidationPromises = [];
                     for (const key of keysOf(formItems)) {
                         const formItemInstances = formItems[key];

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

@@ -1,6 +1,6 @@
-import { PropType, CSSProperties, ExtractPropTypes, LabelHTMLAttributes, VNodeChild } from 'vue';
+import { type PropType, type CSSProperties, type ExtractPropTypes, type LabelHTMLAttributes, type VNodeChild } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-import { FormItemRule, LabelAlign, LabelPlacement, FormItemInternalValidate } from './interface';
+import type { FormItemRule, LabelAlign, LabelPlacement, FormItemInternalValidate } from './interface';
 export declare const formItemProps: {
     readonly label: StringConstructor;
     readonly labelWidth: PropType<string | number>;

package/es/form/src/FormItem.js

@@ -123,7 +123,7 @@ export default defineComponent({
                     shouldRuleBeApplied = options.shouldRuleBeApplied;
                     asyncValidatorOptions = options.options;
                 }
-                return yield new Promise((resolve, reject) => {
+                yield new Promise((resolve, reject) => {
                     void internalValidate(trigger, shouldRuleBeApplied, asyncValidatorOptions).then(({ valid, errors }) => {
                         if (valid) {
                             if (validateCallback) {

package/es/form/src/FormItemCol.js

@@ -18,7 +18,7 @@ export default defineComponent({
         const restoreValidation = () => {
             const { value } = formItemInstRef;
             if (value) {
-                return value.restoreValidation();
+                value.restoreValidation();
             }
         };
         return {

package/es/form/src/FormItemGridItem.js

@@ -20,7 +20,7 @@ export default defineComponent({
         const restoreValidation = () => {
             const { value } = formItemInstRef;
             if (value) {
-                return value.restoreValidation();
+                value.restoreValidation();
             }
         };
         return {

package/es/form/src/FormItemRow.js

@@ -17,7 +17,7 @@ export default defineComponent({
         const restoreValidation = () => {
             const { value } = formItemColInstRef;
             if (value) {
-                return value.restoreValidation();
+                value.restoreValidation();
             }
         };
         return {

package/es/form/src/interface.d.ts

@@ -1,6 +1,6 @@
-import { Ref, VNodeChild } from 'vue';
-import { ValidateError, RuleItem, ValidateOption, ValidateMessages } from 'async-validator';
-import { FormSetupProps } from './Form';
+import type { Ref, VNodeChild } from 'vue';
+import type { ValidateError, RuleItem, ValidateOption, ValidateMessages } from 'async-validator';
+import type { FormSetupProps } from './Form';
 export interface FormRules {
     [path: string]: FormRules | FormItemRule | FormItemRule[];
 }

package/es/form/src/utils.d.ts

@@ -1,4 +1,4 @@
-import { ComputedRef } from 'vue';
+import { type ComputedRef } from 'vue';
 import type { FormItemSetupProps } from './FormItem';
 import type { Size, FormItemRule } from './interface';
 export declare function formItemSize(props: FormItemSetupProps): {

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

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 type Gradient = string | {
     deg?: string | number;

package/es/gradient-text/styles/dark.d.ts

@@ -1,3 +1,3 @@
-import { GradientTextTheme } from './light';
+import type { GradientTextTheme } from './light';
 declare const gradientTextDark: GradientTextTheme;
 export default gradientTextDark;

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

@@ -1,6 +1,6 @@
-import { CSSProperties, PropType, Ref } from 'vue';
-import { VResizeObserverOnResize } from 'vueuc';
-import { ExtractPublicPropTypes } from '../../_utils';
+import { type CSSProperties, type PropType, type Ref } from 'vue';
+import { type VResizeObserverOnResize } from 'vueuc';
+import { type ExtractPublicPropTypes } from '../../_utils';
 export declare const gridProps: {
     readonly layoutShiftDisabled: BooleanConstructor;
     readonly responsive: {
@@ -66,7 +66,7 @@ declare const _default: import("vue").DefineComponent<{
     mergedClsPrefix: import("vue").ComputedRef<string>;
     style: import("vue").ComputedRef<CSSProperties>;
     isResponsive: import("vue").ComputedRef<boolean>;
-    responsiveQuery: import("vue").ComputedRef<number | string[] | undefined>;
+    responsiveQuery: import("vue").ComputedRef<number | ("m" | "s" | "l" | "xs" | "xl" | "xxl")[] | undefined>;
     responsiveCols: import("vue").ComputedRef<number>;
     handleResize: import("vue").ComputedRef<VResizeObserverOnResize | undefined>;
     overflow: Ref<boolean>;

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

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const defaultSpan = 1;
 export declare const gridItemProps: {

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

@@ -1,11 +1,11 @@
-import { Component, PropType } from 'vue';
+import { type Component, type PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export type Depth = 1 | 2 | 3 | 4 | 5 | '1' | '2' | '3' | '4' | '5' | undefined;
 export declare const iconProps: {
     readonly depth: PropType<Depth>;
     readonly size: PropType<string | number>;
     readonly color: StringConstructor;
-    readonly component: PropType<Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+    readonly component: PropType<Component>;
     readonly theme: PropType<import("../../_mixins").Theme<"Icon", {
         color: string;
         opacity1Depth: string;
@@ -36,7 +36,7 @@ export declare const NIcon: import("vue").DefineComponent<{
     readonly depth: PropType<Depth>;
     readonly size: PropType<string | number>;
     readonly color: StringConstructor;
-    readonly component: PropType<Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+    readonly component: PropType<Component>;
     readonly theme: PropType<import("../../_mixins").Theme<"Icon", {
         color: string;
         opacity1Depth: string;
@@ -78,7 +78,7 @@ export declare const NIcon: import("vue").DefineComponent<{
     readonly depth: PropType<Depth>;
     readonly size: PropType<string | number>;
     readonly color: StringConstructor;
-    readonly component: PropType<Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+    readonly component: PropType<Component>;
     readonly theme: PropType<import("../../_mixins").Theme<"Icon", {
         color: string;
         opacity1Depth: string;

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

@@ -1,4 +1,4 @@
-import { ExtractPublicPropTypes } from '../../_utils';
+import { type ExtractPublicPropTypes } from '../../_utils';
 export declare const iconWrapperProps: {
     readonly size: {
         readonly type: NumberConstructor;

package/es/icon-wrapper/src/IconWrapper.js

@@ -14,8 +14,8 @@ export const NIconWrapper = defineComponent({
     name: 'IconWrapper',
     props: iconWrapperProps,
     setup(props, { slots }) {
-        const themeRef = useTheme('IconWrapper', '-icon-wrapper', style, iconWrapperLight, props);
         const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
+        const themeRef = useTheme('IconWrapper', '-icon-wrapper', style, iconWrapperLight, props, mergedClsPrefixRef);
         const cssVarsRef = computed(() => {
             const { common: { cubicBezierEaseInOut }, self: { color, iconColor } } = themeRef.value;
             return {

package/es/image/src/Image.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ImgHTMLAttributes } from 'vue';
+import { type PropType, type ImgHTMLAttributes } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 import type { IntersectionObserverOptions } from './utils';
 export interface ImageInst {

package/es/image/src/Image.js

@@ -44,21 +44,19 @@ export default defineComponent({
             (_a = imageRef.value) === null || _a === void 0 ? void 0 : _a.setAttribute('data-group-id', (imageGroupHandle === null || imageGroupHandle === void 0 ? void 0 : imageGroupHandle.groupId) || '');
         });
         onMounted(() => {
-            if (isImageSupportNativeLazy) {
-                return;
-            }
-            let unobserve;
-            const stopWatchHandle = watchEffect(() => {
-                unobserve === null || unobserve === void 0 ? void 0 : unobserve();
-                unobserve = undefined;
-                if (props.lazy) {
+            // Use IntersectionObserver if lazy and intersectionObserverOptions is set
+            if (props.lazy && props.intersectionObserverOptions) {
+                let unobserve;
+                const stopWatchHandle = watchEffect(() => {
+                    unobserve === null || unobserve === void 0 ? void 0 : unobserve();
+                    unobserve = undefined;
                     unobserve = observeIntersection(imageRef.value, props.intersectionObserverOptions, shouldStartLoadingRef);
-                }
-            });
-            onBeforeUnmount(() => {
-                stopWatchHandle();
-                unobserve === null || unobserve === void 0 ? void 0 : unobserve();
-            });
+                });
+                onBeforeUnmount(() => {
+                    stopWatchHandle();
+                    unobserve === null || unobserve === void 0 ? void 0 : unobserve();
+                });
+            }
         });
         watchEffect(() => {
             var _a;
@@ -93,14 +91,14 @@ export default defineComponent({
         var _a, _b;
         const { mergedClsPrefix, imgProps = {}, loaded, $attrs, lazy } = this;
         const placeholderNode = (_b = (_a = this.$slots).placeholder) === null || _b === void 0 ? void 0 : _b.call(_a);
-        const loadSrc = this.src || imgProps.src || '';
-        const imgNode = h('img', Object.assign(Object.assign({}, imgProps), { ref: 'imageRef', width: this.width || imgProps.width, height: this.height || imgProps.height, src: isImageSupportNativeLazy
-                ? loadSrc
-                : this.showError
-                    ? this.fallbackSrc
-                    : this.shouldStartLoading
+        const loadSrc = this.src || imgProps.src;
+        const imgNode = h('img', Object.assign(Object.assign({}, imgProps), { ref: 'imageRef', width: this.width || imgProps.width, height: this.height || imgProps.height, src: this.showError
+                ? this.fallbackSrc
+                : lazy && this.intersectionObserverOptions
+                    ? this.shouldStartLoading
                         ? loadSrc
-                        : undefined, alt: this.alt || imgProps.alt, 'aria-label': this.alt || imgProps.alt, onClick: this.mergedOnClick, onError: this.mergedOnError, onLoad: this.mergedOnLoad, 
+                        : undefined
+                    : loadSrc, alt: this.alt || imgProps.alt, 'aria-label': this.alt || imgProps.alt, onClick: this.mergedOnClick, onError: this.mergedOnError, onLoad: this.mergedOnLoad, 
             // If interseciton observer options is set, do not use native lazy
             loading: isImageSupportNativeLazy && lazy && !this.intersectionObserverOptions
                 ? 'lazy'

package/es/image/src/ImageGroup.d.ts

@@ -1,5 +1,5 @@
-import { Ref } from 'vue';
-import { ExtractPublicPropTypes } from '../../_utils';
+import { type Ref } from 'vue';
+import { type ExtractPublicPropTypes } from '../../_utils';
 import type { ImagePreviewInst } from './ImagePreview';
 export declare const imageGroupInjectionKey: import("vue").InjectionKey<ImagePreviewInst & {
     groupId: string;

package/es/image/src/ImageGroup.js

@@ -52,8 +52,8 @@ export default defineComponent({
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             previewInstRef,
-            next: () => go(1),
-            prev: () => go(-1)
+            next: () => { go(1); },
+            prev: () => { go(-1); }
         };
     },
     render() {

package/es/image/src/ImagePreview.d.ts

@@ -1,4 +1,4 @@
-import { PropType, VNode } from 'vue';
+import { type PropType, type VNode } from 'vue';
 export interface ImagePreviewInst {
     setThumbnailEl: (e: HTMLImageElement | null) => void;
     setPreviewSrc: (src?: string) => void;