naive-ui 2.34.3 → 2.34.4

package/lib/date-picker/src/panel/panelHeader.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     mergedClsPrefix: {
         type: StringConstructor;
@@ -1187,7 +1187,7 @@ declare const _default: import("vue").DefineComponent<{
                 startMonthPlaceholder: string;
                 endMonthPlaceholder: string;
                 monthBeforeYear: boolean;
-                firstDayOfWeek: 0 | 2 | 1 | 3 | 4 | 5 | 6;
+                firstDayOfWeek: 0 | 2 | 1 | 3 | 4 | 6 | 5;
                 today: string;
             }>;
             doConfirm: () => void;
@@ -2363,7 +2363,7 @@ declare const _default: import("vue").DefineComponent<{
             startMonthPlaceholder: string;
             endMonthPlaceholder: string;
             monthBeforeYear: boolean;
-            firstDayOfWeek: 0 | 2 | 1 | 3 | 4 | 5 | 6;
+            firstDayOfWeek: 0 | 2 | 1 | 3 | 4 | 6 | 5;
             today: string;
         }>;
         doConfirm: () => void;

package/lib/date-picker/src/panel/use-calendar.d.ts

@@ -1,5 +1,5 @@
-import { ExtractPropTypes, PropType } from 'vue';
-import { VirtualListInst } from 'vueuc';
+import { type ExtractPropTypes, type PropType } from 'vue';
+import type { VirtualListInst } from 'vueuc';
 import type { ScrollbarInst } from '../../../_internal';
 import type { Shortcuts } from '../interface';
 import type { DateItem, MonthItem, YearItem, QuarterItem } from '../utils';
@@ -1103,7 +1103,7 @@ declare function useCalendar(props: ExtractPropTypes<typeof useCalendarProps>, t
         startMonthPlaceholder: string;
         endMonthPlaceholder: string;
         monthBeforeYear: boolean;
-        firstDayOfWeek: 0 | 2 | 1 | 3 | 4 | 5 | 6;
+        firstDayOfWeek: 0 | 2 | 1 | 3 | 4 | 6 | 5;
         today: string;
     }>;
     doConfirm: () => void;

package/lib/date-picker/src/panel/use-dual-calendar.d.ts

@@ -1,8 +1,8 @@
-import { ExtractPropTypes } from 'vue';
-import { VirtualListInst } from 'vueuc';
-import { DateItem, MonthItem, YearItem, QuarterItem } from '../utils';
-import { Shortcuts } from '../interface';
-import { ScrollbarInst } from '../../../_internal';
+import { type ExtractPropTypes } from 'vue';
+import type { VirtualListInst } from 'vueuc';
+import { type DateItem, type MonthItem, type YearItem, type QuarterItem } from '../utils';
+import { type Shortcuts } from '../interface';
+import type { ScrollbarInst } from '../../../_internal';
 declare const useDualCalendarProps: {
     readonly defaultCalendarStartTime: NumberConstructor;
     readonly defaultCalendarEndTime: NumberConstructor;
@@ -1134,7 +1134,7 @@ declare function useDualCalendar(props: ExtractPropTypes<typeof useDualCalendarP
         startMonthPlaceholder: string;
         endMonthPlaceholder: string;
         monthBeforeYear: boolean;
-        firstDayOfWeek: 0 | 2 | 1 | 3 | 4 | 5 | 6;
+        firstDayOfWeek: 0 | 2 | 1 | 3 | 4 | 6 | 5;
         today: string;
     }>;
     doConfirm: () => void;

package/lib/date-picker/src/panel/use-panel-common.d.ts

@@ -1,5 +1,5 @@
-import { PropType, ExtractPropTypes } from 'vue';
-import { Value, OnPanelUpdateValue, OnClose, Shortcuts, DefaultTime } from '../interface';
+import { type PropType, type ExtractPropTypes } from 'vue';
+import { type Value, type OnPanelUpdateValue, type OnClose, type Shortcuts, type DefaultTime } from '../interface';
 declare const usePanelCommonProps: {
     readonly active: BooleanConstructor;
     readonly dateFormat: StringConstructor;
@@ -1078,7 +1078,7 @@ declare function usePanelCommon(props: UsePanelCommonProps): {
         startMonthPlaceholder: string;
         endMonthPlaceholder: string;
         monthBeforeYear: boolean;
-        firstDayOfWeek: 0 | 2 | 1 | 3 | 4 | 5 | 6;
+        firstDayOfWeek: 0 | 2 | 1 | 3 | 4 | 6 | 5;
         today: string;
     }>;
     doConfirm: () => void;

package/lib/date-picker/src/utils.d.ts

@@ -1,5 +1,5 @@
 import type { NDateLocale } from '../../locales';
-import { Value } from './interface';
+import type { Value } from './interface';
 declare function getDerivedTimeFromKeyboardEvent(prevValue: number | null, event: KeyboardEvent): number;
 export interface DateItem {
     type: 'date';

package/lib/date-picker/src/validation-utils.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import { type Ref } from 'vue';
 import type { DatePickerSetupProps } from './DatePicker';
 export declare function uniCalendarValidation(props: DatePickerSetupProps, mergedValueRef: Ref<number | [number, number] | null>): {
     isValueInvalidRef: import("vue").ComputedRef<boolean>;

package/lib/descriptions/src/Descriptions.d.ts

@@ -1,4 +1,4 @@
-import { PropType, CSSProperties } from 'vue';
+import { type PropType, type CSSProperties } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const descriptionsProps: {
     readonly title: StringConstructor;

package/lib/descriptions/src/DescriptionsItem.d.ts

@@ -1,4 +1,4 @@
-import { PropType, CSSProperties } from 'vue';
+import { type PropType, type CSSProperties } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const descriptionsItemProps: {
     readonly label: StringConstructor;

package/lib/descriptions/src/utils.d.ts

@@ -1,3 +1,3 @@
-import { VNodeChild } from 'vue';
+import type { VNodeChild } from 'vue';
 export declare const DESCRIPTION_ITEM_FLAG = "DESCRIPTION_ITEM_FLAG";
 export declare function isDescriptionsItem(vNode: VNodeChild): boolean;

package/lib/descriptions/styles/light.d.ts

@@ -1,5 +1,5 @@
-import { ThemeCommonVars } from '../../_styles/common';
-import { Theme } from '../../_mixins/use-theme';
+import { type ThemeCommonVars } from '../../_styles/common';
+import type { Theme } from '../../_mixins/use-theme';
 export declare const self: (vars: ThemeCommonVars) => {
     lineHeight: string;
     fontSizeSmall: string;

package/lib/dialog/src/DialogEnvironment.d.ts

@@ -1,4 +1,4 @@
-import { PropType, CSSProperties } from 'vue';
+import { type PropType, type CSSProperties } from 'vue';
 export declare const exposedDialogEnvProps: {
     readonly onAfterEnter: PropType<() => void>;
     readonly onAfterLeave: PropType<() => void>;

package/lib/dialog/src/DialogProvider.d.ts

@@ -1,6 +1,6 @@
-import { ExtractPropTypes, PropType, Ref, CSSProperties } from 'vue';
+import { type ExtractPropTypes, type PropType, type Ref, type CSSProperties } from 'vue';
 import type { ExtractPublicPropTypes, Mutable } from '../../_utils';
-import { exposedDialogEnvProps } from './DialogEnvironment';
+import { type exposedDialogEnvProps } from './DialogEnvironment';
 export type DialogOptions = Mutable<Omit<Partial<ExtractPropTypes<typeof exposedDialogEnvProps>>, 'internalStyle'> & {
     class?: any;
     style?: string | CSSProperties;
@@ -391,9 +391,9 @@ export declare const NDialogProvider: import("vue").DefineComponent<{
             renderIcon?: (() => import("vue").VNodeChild) | undefined;
             tertiary?: boolean | undefined;
             ghost?: boolean | undefined;
+            keyboard?: boolean | undefined;
             secondary?: boolean | undefined;
             quaternary?: boolean | undefined;
-            keyboard?: boolean | undefined;
             iconPlacement?: "left" | "right" | undefined;
             attrType?: "button" | "reset" | "submit" | undefined;
             nativeFocusBehavior?: boolean | undefined;
@@ -730,9 +730,9 @@ export declare const NDialogProvider: import("vue").DefineComponent<{
             renderIcon?: (() => import("vue").VNodeChild) | undefined;
             tertiary?: boolean | undefined;
             ghost?: boolean | undefined;
+            keyboard?: boolean | undefined;
             secondary?: boolean | undefined;
             quaternary?: boolean | undefined;
-            keyboard?: boolean | undefined;
             iconPlacement?: "left" | "right" | undefined;
             attrType?: "button" | "reset" | "submit" | undefined;
             nativeFocusBehavior?: boolean | undefined;
@@ -747,7 +747,7 @@ export declare const NDialogProvider: import("vue").DefineComponent<{
         style?: any;
     }[]>;
     dialogInstRefs: Record<string, DialogInst>;
-    handleAfterLeave: (key: String) => void;
+    handleAfterLeave: (key: string) => void;
     create: (options?: DialogOptions) => DialogReactive;
     destroyAll: () => void;
     info: (options: DialogOptions) => DialogReactive;

package/lib/dialog/src/DialogProvider.js

@@ -33,7 +33,7 @@ exports.NDialogProvider = (0, vue_1.defineComponent)({
             dialogList.splice(dialogList.findIndex((dialog) => dialog.key === key), 1);
         }
         function destroyAll() {
-            Object.values(dialogInstRefs).forEach((dialogInstRef) => dialogInstRef.hide());
+            Object.values(dialogInstRefs).forEach((dialogInstRef) => { dialogInstRef.hide(); });
         }
         const api = {
             create,

package/lib/dialog/src/composables.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import { type Ref } from 'vue';
 import type { DialogApiInjection, DialogReactive } from './DialogProvider';
 export declare function useDialog(): DialogApiInjection;
 export declare function useDialogReactiveList(): Ref<readonly DialogReactive[]>;

package/lib/dialog/src/dialogProps.d.ts

@@ -1,4 +1,4 @@
-import { PropType, VNodeChild } from 'vue';
+import type { PropType, VNodeChild } from 'vue';
 import type { ButtonProps } from '../../button';
 import type { ExtractPublicPropTypes } from '../../_utils';
 import type { IconPlacement } from './interface';

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

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 export declare const NInjectionExtractor: import("vue").DefineComponent<{
     onSetup: PropType<() => void>;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {

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: {

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;

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<{

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: {

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

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

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

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

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

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

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

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

package/lib/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;