naive-ui 2.34.3 → 2.35.0

package/lib/discrete/src/discrete.d.ts

@@ -1,2 +1,2 @@
-import { DiscreteApi, DiscreteApiOptions, DiscreteApiType } from './interface';
-export declare function createDiscreteApi<T extends DiscreteApiType>(includes: T[], { configProviderProps, messageProviderProps, dialogProviderProps, notificationProviderProps, loadingBarProviderProps }?: DiscreteApiOptions): DiscreteApi;
+import type { DiscreteApi, DiscreteApiOptions, DiscreteApiType } from './interface';
+export declare function createDiscreteApi<T extends DiscreteApiType>(includes: T[], { configProviderProps, messageProviderProps, dialogProviderProps, notificationProviderProps, loadingBarProviderProps }?: DiscreteApiOptions): DiscreteApi<T>;

package/lib/discrete/src/discreteApp.d.ts

@@ -1,10 +1,10 @@
-import { App, Component } from 'vue';
-import { ConfigProviderProps } from '../../config-provider';
-import { DialogApi } from '../../dialog';
-import { LoadingBarApi } from '../../loading-bar';
-import { MessageApi } from '../../message';
-import { NotificationApi } from '../../notification';
-import { DiscreteApiType, MaybeRef } from './interface';
+import { type App, type Component } from 'vue';
+import { type ConfigProviderProps } from '../../config-provider';
+import { type DialogApi } from '../../dialog';
+import { type LoadingBarApi } from '../../loading-bar';
+import { type MessageApi } from '../../message';
+import { type NotificationApi } from '../../notification';
+import type { DiscreteApiType, MaybeRef } from './interface';
 export type Provider<P = any> = new (...args: any[]) => {
     $props: P;
 };

package/lib/discrete/src/interface.d.ts

@@ -1,9 +1,9 @@
-import { App, Ref } from 'vue';
-import { ConfigProviderProps } from '../../config-provider';
-import { DialogApi, DialogProviderProps } from '../../dialog';
-import { LoadingBarApi, LoadingBarProviderProps } from '../../loading-bar';
-import { MessageApi, MessageProviderProps } from '../../message';
-import { NotificationApi, NotificationProviderProps } from '../../notification';
+import type { App, Ref } from 'vue';
+import type { ConfigProviderProps } from '../../config-provider';
+import type { DialogApi, DialogProviderProps } from '../../dialog';
+import type { LoadingBarApi, LoadingBarProviderProps } from '../../loading-bar';
+import type { MessageApi, MessageProviderProps } from '../../message';
+import type { NotificationApi, NotificationProviderProps } from '../../notification';
 export type MaybeRef<T> = Ref<T> | T;
 export interface DiscreteApiOptions {
     configProviderProps?: MaybeRef<ConfigProviderProps>;
@@ -18,10 +18,10 @@ export type DiscreteApi<T extends DiscreteApiType = DiscreteApiType> = {
     app: App;
 } & ('message' extends T ? {
     message: MessageApi;
-} : {}) & ('notification' extends T ? {
+} : Record<string, unknown>) & ('notification' extends T ? {
     notification: NotificationApi;
-} : {}) & ('dialog' extends T ? {
+} : Record<string, unknown>) & ('dialog' extends T ? {
     dialog: DialogApi;
-} : {}) & ('loadingBar' extends T ? {
+} : Record<string, unknown>) & ('loadingBar' extends T ? {
     loadingBar: LoadingBarApi;
-} : {});
+} : Record<string, unknown>);

package/lib/divider/src/Divider.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const dividerProps: {
     readonly titlePlacement: {
@@ -47,7 +47,7 @@ declare const _default: import("vue").DefineComponent<{
         fontWeight: string;
     }, any>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     cssVars: import("vue").ComputedRef<{
         '--n-bezier': string;
         '--n-color': string;
@@ -82,5 +82,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly dashed: boolean;
     readonly vertical: boolean;
     readonly titlePlacement: "left" | "right" | "center";
-}>;
+}, {}>;
 export default _default;

package/lib/drawer/src/Drawer.d.ts

@@ -1,6 +1,6 @@
-import { PropType, CSSProperties } from 'vue';
+import { type PropType, type CSSProperties } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
-import { ScrollbarProps } from '../../_internal';
+import type { ScrollbarProps } from '../../_internal';
 import type { Placement } from './DrawerBodyWrapper';
 export declare const drawerProps: {
     readonly show: BooleanConstructor;
@@ -48,6 +48,10 @@ export declare const drawerProps: {
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    readonly maxWidth: NumberConstructor;
+    readonly maxHeight: NumberConstructor;
+    readonly minWidth: NumberConstructor;
+    readonly minHeight: NumberConstructor;
     readonly resizable: BooleanConstructor;
     readonly defaultWidth: {
         readonly type: PropType<string | number>;
@@ -203,6 +207,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    readonly maxWidth: NumberConstructor;
+    readonly maxHeight: NumberConstructor;
+    readonly minWidth: NumberConstructor;
+    readonly minHeight: NumberConstructor;
     readonly resizable: BooleanConstructor;
     readonly defaultWidth: {
         readonly type: PropType<string | number>;
@@ -311,7 +319,7 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     namespace: import("vue").ComputedRef<string | undefined>;
     mergedBodyStyle: import("vue").ComputedRef<(string | CSSProperties)[]>;
     handleMaskClick: (e: MouseEvent) => void;
@@ -340,6 +348,7 @@ declare const _default: import("vue").DefineComponent<{
             errorColorPressed: string;
             errorColorSuppl: string;
             textColorBase: string;
+            /** @deprecated */
             textColor1: string;
             textColor2: string;
             textColor3: string;
@@ -534,6 +543,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
+    readonly maxWidth: NumberConstructor;
+    readonly maxHeight: NumberConstructor;
+    readonly minWidth: NumberConstructor;
+    readonly minHeight: NumberConstructor;
     readonly resizable: BooleanConstructor;
     readonly defaultWidth: {
         readonly type: PropType<string | number>;
@@ -655,5 +668,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly showMask: boolean | "transparent";
     readonly defaultWidth: string | number;
     readonly defaultHeight: string | number;
-}>;
+}, {}>;
 export default _default;

package/lib/drawer/src/Drawer.js

@@ -41,7 +41,7 @@ exports.drawerProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
     }, blockScroll: {
         type: Boolean,
         default: true
-    }, resizable: Boolean, defaultWidth: {
+    }, maxWidth: Number, maxHeight: Number, minWidth: Number, minHeight: Number, resizable: Boolean, defaultWidth: {
         type: [Number, String],
         default: 251
     }, defaultHeight: {
@@ -215,7 +215,7 @@ exports.default = (0, vue_1.defineComponent)({
                                     `${mergedClsPrefix}-drawer-mask--invisible`
                             ], onClick: this.handleMaskClick })) : null
                     })) : null,
-                    (0, vue_1.h)(DrawerBodyWrapper_1.default, Object.assign({}, this.$attrs, { class: [this.drawerClass, this.$attrs.class], style: [this.mergedBodyStyle, this.$attrs.style], blockScroll: this.blockScroll, contentStyle: this.contentStyle, placement: this.placement, scrollbarProps: this.scrollbarProps, show: this.show, displayDirective: this.displayDirective, nativeScrollbar: this.nativeScrollbar, onAfterEnter: this.onAfterEnter, onAfterLeave: this.onAfterLeave, trapFocus: this.trapFocus, autoFocus: this.autoFocus, resizable: this.resizable, showMask: this.showMask, onEsc: this.handleEsc, onClickoutside: this.handleMaskClick }), this.$slots)), [[vdirs_1.zindexable, { zIndex: this.zIndex, enabled: this.show }]]);
+                    (0, vue_1.h)(DrawerBodyWrapper_1.default, Object.assign({}, this.$attrs, { class: [this.drawerClass, this.$attrs.class], style: [this.mergedBodyStyle, this.$attrs.style], blockScroll: this.blockScroll, contentStyle: this.contentStyle, placement: this.placement, scrollbarProps: this.scrollbarProps, show: this.show, displayDirective: this.displayDirective, nativeScrollbar: this.nativeScrollbar, onAfterEnter: this.onAfterEnter, onAfterLeave: this.onAfterLeave, trapFocus: this.trapFocus, autoFocus: this.autoFocus, resizable: this.resizable, maxHeight: this.maxHeight, minHeight: this.minHeight, maxWidth: this.maxWidth, minWidth: this.minWidth, showMask: this.showMask, onEsc: this.handleEsc, onClickoutside: this.handleMaskClick }), this.$slots)), [[vdirs_1.zindexable, { zIndex: this.zIndex, enabled: this.show }]]);
             }
         }));
     }

package/lib/drawer/src/DrawerBodyWrapper.d.ts

@@ -1,4 +1,4 @@
-import { PropType, CSSProperties, DirectiveArguments } from 'vue';
+import { type PropType, type CSSProperties, type DirectiveArguments } from 'vue';
 import type { ScrollbarProps } from '../../_internal';
 export type Placement = 'left' | 'right' | 'top' | 'bottom';
 declare const _default: import("vue").DefineComponent<{
@@ -33,6 +33,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | "transparent">;
         required: true;
     };
+    maxWidth: NumberConstructor;
+    maxHeight: NumberConstructor;
+    minWidth: NumberConstructor;
+    minHeight: NumberConstructor;
     resizable: BooleanConstructor;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     onAfterLeave: PropType<() => void>;
@@ -227,6 +231,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | "transparent">;
         required: true;
     };
+    maxWidth: NumberConstructor;
+    maxHeight: NumberConstructor;
+    minWidth: NumberConstructor;
+    minHeight: NumberConstructor;
     resizable: BooleanConstructor;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     onAfterLeave: PropType<() => void>;
@@ -238,5 +246,5 @@ declare const _default: import("vue").DefineComponent<{
     resizable: boolean;
     trapFocus: boolean;
     blockScroll: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/drawer/src/DrawerBodyWrapper.js

@@ -44,6 +44,10 @@ exports.default = (0, vue_1.defineComponent)({
             type: [Boolean, String],
             required: true
         },
+        maxWidth: Number,
+        maxHeight: Number,
+        minWidth: Number,
+        minHeight: Number,
         resizable: Boolean,
         onClickoutside: Function,
         onAfterLeave: Function,
@@ -96,6 +100,24 @@ exports.default = (0, vue_1.defineComponent)({
             isHoverOnResizeTriggerRef.value = false;
         };
         const { doUpdateHeight, doUpdateWidth } = NDrawer;
+        const regulateWidth = (size) => {
+            const { maxWidth } = props;
+            if (maxWidth && size > maxWidth)
+                return maxWidth;
+            const { minWidth } = props;
+            if (minWidth && size < minWidth)
+                return minWidth;
+            return size;
+        };
+        const regulateHeight = (size) => {
+            const { maxHeight } = props;
+            if (maxHeight && size > maxHeight)
+                return maxHeight;
+            const { minHeight } = props;
+            if (minHeight && size < minHeight)
+                return minHeight;
+            return size;
+        };
         const handleBodyMousemove = (e) => {
             var _a, _b;
             if (isDraggingRef.value) {
@@ -103,6 +125,7 @@ exports.default = (0, vue_1.defineComponent)({
                     let height = ((_a = bodyRef.value) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0;
                     const increment = startPosition - e.clientY;
                     height += props.placement === 'bottom' ? increment : -increment;
+                    height = regulateHeight(height);
                     doUpdateHeight(height);
                     startPosition = e.clientY;
                 }
@@ -110,6 +133,7 @@ exports.default = (0, vue_1.defineComponent)({
                     let width = ((_b = bodyRef.value) === null || _b === void 0 ? void 0 : _b.offsetWidth) || 0;
                     const increment = startPosition - e.clientX;
                     width += props.placement === 'right' ? increment : -increment;
+                    width = regulateWidth(width);
                     doUpdateWidth(width);
                     startPosition = e.clientX;
                 }
@@ -189,7 +213,7 @@ exports.default = (0, vue_1.defineComponent)({
         return this.displayDirective === 'show' || this.displayed || this.show
             ? (0, vue_1.withDirectives)(
             /* Keep the wrapper dom. Make sure the drawer has a host.
-              Nor the detached content will disappear without transition */
+            Nor the detached content will disappear without transition */
             (0, vue_1.h)("div", { role: "none" },
                 (0, vue_1.h)(vueuc_1.VFocusTrap, { disabled: !this.showMask || !this.trapFocus, active: this.show, autoFocus: this.autoFocus, onEsc: this.onEsc }, {
                     default: () => ((0, vue_1.h)(vue_1.Transition, { name: this.transitionName, appear: this.isMounted, onAfterEnter: this.onAfterEnter, onAfterLeave: this.handleAfterLeave }, {

package/lib/drawer/src/DrawerContent.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, PropType } from 'vue';
+import { type CSSProperties, type PropType } from 'vue';
 import type { ScrollbarProps } from '../../_internal';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const drawerContentProps: {
@@ -194,5 +194,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     closable: boolean;
     nativeScrollbar: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/drawer/src/interface.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import type { Ref } from 'vue';
 import type { MergedTheme } from '../../_mixins';
 import type { DrawerTheme } from '../styles';
 export type DrawerBodyInjection = Ref<HTMLElement | null> | null;

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

@@ -1,8 +1,8 @@
-import { PropType, Ref } from 'vue';
-import { Key, TreeNode } from 'treemate';
-import { FollowerPlacement } from 'vueuc';
-import { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
-import { DropdownMixedOption, OnUpdateValue, OnUpdateValueImpl, RenderLabel, RenderIcon, RenderLabelImpl, RenderIconImpl, RenderOption, NodeProps, RenderOptionImpl, DropdownMenuProps } from './interface';
+import { type PropType, type Ref } from 'vue';
+import { type Key, type TreeNode } from 'treemate';
+import { type FollowerPlacement } from 'vueuc';
+import { type MaybeArray, type ExtractPublicPropTypes } from '../../_utils';
+import type { DropdownMixedOption, OnUpdateValue, OnUpdateValueImpl, RenderLabel, RenderIcon, RenderLabelImpl, RenderIconImpl, RenderOption, NodeProps, RenderOptionImpl, DropdownMenuProps } from './interface';
 export interface DropdownInjection {
     renderLabelRef: Ref<RenderLabelImpl | undefined>;
     renderIconRef: Ref<RenderIconImpl | undefined>;
@@ -672,7 +672,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly minWidth: NumberConstructor;
     readonly maxWidth: NumberConstructor;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: Ref<string>;
     mergedTheme: import("vue").ComputedRef<{
         common: {
             baseColor: string;
@@ -1190,6 +1190,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly minWidth: NumberConstructor;
     readonly maxWidth: NumberConstructor;
 }>>, {
+    readonly options: DropdownMixedOption[];
     readonly size: "small" | "medium" | "large" | "huge";
     readonly show: boolean | undefined;
     readonly flip: boolean;
@@ -1197,7 +1198,6 @@ declare const _default: import("vue").DefineComponent<{
     readonly disabled: boolean;
     readonly duration: number;
     readonly to: string | boolean | HTMLElement;
-    readonly options: DropdownMixedOption[];
     readonly raw: boolean;
     readonly placement: FollowerPlacement;
     readonly overlap: boolean;
@@ -1218,8 +1218,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly internalInheritedEventHandlers: import("../../popover/src/Popover").TriggerEventHandlers[];
     readonly internalExtraClass: string[];
     readonly arrow: boolean | undefined;
-    readonly childrenField: string;
     readonly keyboard: boolean;
+    readonly childrenField: string;
     readonly inverted: boolean;
-}>;
+}, {}>;
 export default _default;

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

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

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

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-import { TreeNode } from 'treemate';
+import { type PropType } from 'vue';
+import type { TreeNode } from 'treemate';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;
@@ -28,5 +28,5 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     parentKey: string | number | null;
-}>;
+}, {}>;
 export default _default;

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

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

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

@@ -1,5 +1,5 @@
-import { PropType, Ref, CSSProperties } from 'vue';
-import { TreeNode } from 'treemate';
+import { type PropType, type Ref, type CSSProperties } from 'vue';
+import type { TreeNode } from 'treemate';
 export interface NDropdownMenuInjection {
     showIconRef: Ref<boolean>;
     hasSubmenuRef: Ref<boolean>;
@@ -43,5 +43,5 @@ declare const _default: import("vue").DefineComponent<{
     showArrow: boolean;
     parentKey: string | number;
     tmNodes: TreeNode<import("../..").MenuOption, import("../..").MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>[];
-}>;
+}, {}>;
 export default _default;

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

@@ -1,6 +1,6 @@
-import { PropType, Ref, HTMLAttributes } from 'vue';
-import { FollowerPlacement } from 'vueuc';
-import { TreeNode } from 'treemate';
+import { type PropType, type Ref, type HTMLAttributes } from 'vue';
+import { type FollowerPlacement } from 'vueuc';
+import type { TreeNode } from 'treemate';
 export interface NDropdownOptionInjection {
     enteringSubmenuRef: Ref<boolean>;
 }
@@ -70,5 +70,5 @@ declare const _default: import("vue").DefineComponent<{
     placement: FollowerPlacement;
     scrollable: boolean;
     parentKey: string | number | null;
-}>;
+}, {}>;
 export default _default;

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

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

package/lib/dropdown/src/interface.d.ts

@@ -1,5 +1,5 @@
-import { TreeNode } from 'treemate';
-import { HTMLAttributes, VNode, VNodeChild } from 'vue';
+import type { TreeNode } from 'treemate';
+import type { HTMLAttributes, VNode, VNodeChild } from 'vue';
 import type { MenuOption, MenuGroupOption, MenuDividerOption, MenuIgnoredOption, MenuRenderOption, MenuNodeProps } from '../../menu/src/interface';
 export type Key = string | number;
 export type DropdownOption = MenuOption;

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

@@ -1,4 +1,4 @@
-import { PropType, CSSProperties } from 'vue';
+import { type PropType, type CSSProperties } from 'vue';
 import type { ButtonProps } from '../../button';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 import type { OnUpdateValue } from './interface';
@@ -31,6 +31,7 @@ export declare const dynamicInputProps: {
         readonly type: StringConstructor;
         readonly default: "";
     };
+    readonly disabled: BooleanConstructor;
     readonly showSortButton: BooleanConstructor;
     readonly createButtonProps: PropType<ButtonProps>;
     readonly onCreate: PropType<(index: number) => any>;
@@ -880,6 +881,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: StringConstructor;
         readonly default: "";
     };
+    readonly disabled: BooleanConstructor;
     readonly showSortButton: BooleanConstructor;
     readonly createButtonProps: PropType<ButtonProps>;
     readonly onCreate: PropType<(index: number) => any>;
@@ -1704,7 +1706,7 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     buttonSize: import("vue").ComputedRef<import("../../button/src/interface").Size | undefined>;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     NFormItem: import("../../_mixins/use-form-item").FormItemInjection | null;
     uncontrolledValue: import("vue").Ref<any[]>;
     mergedValue: import("vue").ComputedRef<any[]>;
@@ -2141,6 +2143,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: StringConstructor;
         readonly default: "";
     };
+    readonly disabled: BooleanConstructor;
     readonly showSortButton: BooleanConstructor;
     readonly createButtonProps: PropType<ButtonProps>;
     readonly onCreate: PropType<(index: number) => any>;
@@ -2960,6 +2963,7 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }>>, {
+    readonly disabled: boolean;
     readonly placeholder: string;
     readonly min: number;
     readonly defaultValue: any[];
@@ -2967,5 +2971,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly keyPlaceholder: string;
     readonly valuePlaceholder: string;
     readonly showSortButton: boolean;
-}>;
+}, {}>;
 export default _default;

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

@@ -45,7 +45,7 @@ exports.dynamicInputProps = Object.assign(Object.assign({}, _mixins_1.useTheme.p
     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] });
 exports.default = (0, vue_1.defineComponent)({
@@ -131,7 +131,7 @@ exports.default = (0, vue_1.defineComponent)({
             doUpdateValue(newValue);
         }
         function handleCreateClick() {
-            createItem(0);
+            createItem(-1);
         }
         function createItem(index) {
             const { value: mergedValue } = mergedValueRef;
@@ -165,12 +165,13 @@ exports.default = (0, vue_1.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 ||
@@ -238,13 +239,13 @@ exports.default = (0, vue_1.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 ((0, vue_1.h)("div", { class: [
                 `${mergedClsPrefix}-dynamic-input`,
                 this.rtlEnabled && `${mergedClsPrefix}-dynamic-input--rtl`,
                 this.themeClass
-            ], style: this.cssVars }, !Array.isArray(mergedValue) || mergedValue.length === 0 ? ((0, vue_1.h)(button_1.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 ? ((0, vue_1.h)(button_1.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: () => (0, _utils_1.resolveSlot)($slots['create-button-default'], () => [
                 locale.create
             ]),
@@ -257,31 +258,51 @@ exports.default = (0, vue_1.defineComponent)({
                 index
             }, () => {
                 return [
-                    preset === 'input' ? ((0, vue_1.h)(InputPreset_1.default, { clsPrefix: mergedClsPrefix, value: mergedValue[index], parentPath: NFormItem ? NFormItem.path.value : undefined, path: (NFormItem === null || NFormItem === void 0 ? void 0 : NFormItem.path.value)
+                    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, { 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, 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, 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, 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, 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, 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
-                    ]
-                }))))))));
+            (0, _utils_1.resolveSlotWithProps)($slots.action, {
+                value: mergedValue[index],
+                index,
+                create: createItem,
+                remove,
+                move
+            }, () => [
+                (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);
+                                } }, {
+                                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);
+                                } }, {
+                                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);
+                                } }, {
+                                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);
+                                } }, {
+                                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

@@ -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;