naive-ui 2.34.2 → 2.34.4

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

@@ -1,14 +1,14 @@
-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';
-export declare type Provider<P = any> = new (...args: any[]) => {
+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;
 };
-export declare type ProviderProps<C> = C extends Provider<infer P> ? P : unknown;
+export type ProviderProps<C> = C extends Provider<infer P> ? P : unknown;
 export interface DiscreteAppOptions {
     providersAndProps: Array<{
         type: DiscreteApiType;

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

@@ -1,10 +1,10 @@
-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';
-export declare type MaybeRef<T> = Ref<T> | T;
+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>;
     messageProviderProps?: MaybeRef<MessageProviderProps>;
@@ -12,16 +12,16 @@ export interface DiscreteApiOptions {
     notificationProviderProps?: MaybeRef<NotificationProviderProps>;
     loadingBarProviderProps?: MaybeRef<LoadingBarProviderProps>;
 }
-export declare type DiscreteApiType = 'message' | 'notification' | 'loadingBar' | 'dialog';
-export declare type DiscreteApi<T extends DiscreteApiType = DiscreteApiType> = {
+export type DiscreteApiType = 'message' | 'notification' | 'loadingBar' | 'dialog';
+export type DiscreteApi<T extends DiscreteApiType = DiscreteApiType> = {
     unmount: () => void;
     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: {
@@ -23,7 +23,7 @@ export declare const dividerProps: {
         fontWeight: string;
     }, any>>>;
 };
-export declare type DividerProps = ExtractPublicPropTypes<typeof dividerProps>;
+export type DividerProps = ExtractPublicPropTypes<typeof dividerProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly titlePlacement: {
         readonly type: PropType<"left" | "right" | "center">;

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

@@ -5,7 +5,7 @@ export declare const self: (vars: ThemeCommonVars) => {
     color: string;
     fontWeight: string;
 };
-export declare type DividerThemeVars = ReturnType<typeof self>;
+export type DividerThemeVars = ReturnType<typeof self>;
 declare const dividerLight: Theme<'Divider', DividerThemeVars>;
 export default dividerLight;
-export declare type DividerTheme = typeof dividerLight;
+export type DividerTheme = typeof dividerLight;

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;
@@ -156,7 +156,7 @@ export declare const drawerProps: {
         }, any>;
     }>>>;
 };
-export declare type DrawerProps = ExtractPublicPropTypes<typeof drawerProps>;
+export type DrawerProps = ExtractPublicPropTypes<typeof drawerProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly show: BooleanConstructor;
     readonly width: PropType<string | number>;

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

@@ -1,6 +1,6 @@
-import { PropType, CSSProperties, DirectiveArguments } from 'vue';
+import { type PropType, type CSSProperties, type DirectiveArguments } from 'vue';
 import type { ScrollbarProps } from '../../_internal';
-export declare type Placement = 'left' | 'right' | 'top' | 'bottom';
+export type Placement = 'left' | 'right' | 'top' | 'bottom';
 declare const _default: import("vue").DefineComponent<{
     blockScroll: BooleanConstructor;
     show: {

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: {
@@ -16,7 +16,7 @@ export declare const drawerContentProps: {
     scrollbarProps: PropType<ScrollbarProps>;
     closable: BooleanConstructor;
 };
-export declare type DrawerContentProps = ExtractPublicPropTypes<typeof drawerContentProps>;
+export type DrawerContentProps = ExtractPublicPropTypes<typeof drawerContentProps>;
 declare const _default: import("vue").DefineComponent<{
     title: {
         type: StringConstructor;

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

@@ -1,7 +1,7 @@
-import { Ref } from 'vue';
+import type { Ref } from 'vue';
 import type { MergedTheme } from '../../_mixins';
 import type { DrawerTheme } from '../styles';
-export declare type DrawerBodyInjection = Ref<HTMLElement | null> | null;
+export type DrawerBodyInjection = Ref<HTMLElement | null> | null;
 export declare const drawerBodyInjectionKey: import("vue").InjectionKey<DrawerBodyInjection>;
 export interface DrawerInjection {
     isMountedRef: Ref<boolean>;

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

@@ -22,7 +22,7 @@ export declare const self: (vars: ThemeCommonVars) => {
     closeBorderRadius: string;
     resizableTriggerColorHover: string;
 };
-export declare type DrawerThemeVars = ReturnType<typeof self>;
+export type DrawerThemeVars = ReturnType<typeof self>;
 declare const drawerLight: import("../../_mixins").Theme<"Drawer", {
     bodyPadding: string;
     headerPadding: string;
@@ -52,4 +52,4 @@ declare const drawerLight: import("../../_mixins").Theme<"Drawer", {
     }, any>;
 }>;
 export default drawerLight;
-export declare type DrawerTheme = typeof drawerLight;
+export type DrawerTheme = typeof drawerLight;

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>;
@@ -346,7 +346,7 @@ export declare const dropdownProps: {
     readonly minWidth: NumberConstructor;
     readonly maxWidth: NumberConstructor;
 };
-export declare type DropdownProps = ExtractPublicPropTypes<typeof dropdownProps>;
+export type DropdownProps = ExtractPublicPropTypes<typeof dropdownProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly theme: PropType<import("../../_mixins").Theme<"Dropdown", {
         optionHeightSmall: 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/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,30 +1,30 @@
-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 declare type Key = string | number;
-export declare type DropdownOption = MenuOption;
-export declare type DropdownGroupOption = MenuGroupOption;
-export declare type DropdownDividerOption = MenuDividerOption;
-export declare type DropdownRenderOption = MenuRenderOption;
-export declare type DropdownMixedOption = DropdownOption | DropdownGroupOption | DropdownDividerOption | DropdownRenderOption;
-export declare type DropdownIgnoredOption = MenuIgnoredOption;
-export declare type DropdownIntersectionOption = DropdownOption & DropdownGroupOption;
-export declare type TmNode = TreeNode<DropdownOption, DropdownGroupOption, DropdownIgnoredOption>;
-export declare type OnUpdateValue = <T extends string & number & (string | number)>(value: T, option: DropdownOption) => void;
-export declare type OnUpdateKeys = <T extends string[] & number[] & Array<string | number>>(keys: T) => void;
-export declare type OnUpdateValueImpl = <T extends string | number | (string | number)>(value: T, option: DropdownOption) => void;
-export declare type OnUpdateKeysImpl = <T extends string[] | number[] | Array<string | number>>(keys: T) => void;
-export declare type RenderLabelImpl = (option: DropdownMixedOption) => VNodeChild;
-export declare type RenderLabel = (option: DropdownIntersectionOption) => VNodeChild;
-export declare type RenderIconImpl = (option: DropdownMixedOption) => VNodeChild;
-export declare type RenderIcon = (option: DropdownIntersectionOption) => VNodeChild;
-export declare type RenderOption = (info: {
+export type Key = string | number;
+export type DropdownOption = MenuOption;
+export type DropdownGroupOption = MenuGroupOption;
+export type DropdownDividerOption = MenuDividerOption;
+export type DropdownRenderOption = MenuRenderOption;
+export type DropdownMixedOption = DropdownOption | DropdownGroupOption | DropdownDividerOption | DropdownRenderOption;
+export type DropdownIgnoredOption = MenuIgnoredOption;
+export type DropdownIntersectionOption = DropdownOption & DropdownGroupOption;
+export type TmNode = TreeNode<DropdownOption, DropdownGroupOption, DropdownIgnoredOption>;
+export type OnUpdateValue = <T extends string & number & (string | number)>(value: T, option: DropdownOption) => void;
+export type OnUpdateKeys = <T extends string[] & number[] & Array<string | number>>(keys: T) => void;
+export type OnUpdateValueImpl = <T extends string | number | (string | number)>(value: T, option: DropdownOption) => void;
+export type OnUpdateKeysImpl = <T extends string[] | number[] | Array<string | number>>(keys: T) => void;
+export type RenderLabelImpl = (option: DropdownMixedOption) => VNodeChild;
+export type RenderLabel = (option: DropdownIntersectionOption) => VNodeChild;
+export type RenderIconImpl = (option: DropdownMixedOption) => VNodeChild;
+export type RenderIcon = (option: DropdownIntersectionOption) => VNodeChild;
+export type RenderOption = (info: {
     node: VNode;
     option: DropdownOption & DropdownGroupOption;
 }) => VNodeChild;
-export declare type RenderOptionImpl = (info: {
+export type RenderOptionImpl = (info: {
     node: VNode;
     option: DropdownOption | DropdownGroupOption;
 }) => VNodeChild;
-export declare type NodeProps = MenuNodeProps;
-export declare type DropdownMenuProps = (option: DropdownOption | undefined, options: Array<DropdownOption | DropdownGroupOption>) => HTMLAttributes & Record<string, string | number | undefined>;
+export type NodeProps = MenuNodeProps;
+export type DropdownMenuProps = (option: DropdownOption | undefined, options: Array<DropdownOption | DropdownGroupOption>) => HTMLAttributes & Record<string, string | number | undefined>;

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

@@ -54,7 +54,7 @@ export declare const self: (vars: ThemeCommonVars) => {
     optionIconPrefixWidthLarge: string;
     optionIconPrefixWidthHuge: string;
 };
-export declare type DropdownThemeVars = ReturnType<typeof self>;
+export type DropdownThemeVars = ReturnType<typeof self>;
 declare const dropdownLight: import("../../_mixins/use-theme").Theme<"Dropdown", {
     optionHeightSmall: string;
     optionHeightMedium: string;
@@ -125,5 +125,5 @@ declare const dropdownLight: import("../../_mixins/use-theme").Theme<"Dropdown",
         padding: string;
     }, any>;
 }>;
-export declare type DropdownTheme = typeof dropdownLight;
+export type DropdownTheme = typeof dropdownLight;
 export default dropdownLight;

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>;
@@ -850,7 +851,7 @@ export declare const dynamicInputProps: {
         }, any>;
     }>>>;
 };
-export declare type DynamicInputProps = ExtractPublicPropTypes<typeof dynamicInputProps>;
+export type DynamicInputProps = ExtractPublicPropTypes<typeof dynamicInputProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly max: NumberConstructor;
     readonly min: {
@@ -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;

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

@@ -17,6 +17,7 @@ exports.default = (0, vue_1.defineComponent)({
                 value: ''
             })
         },
+        disabled: Boolean,
         parentPath: String,
         path: String,
         onUpdateValue: {
@@ -46,9 +47,9 @@ exports.default = (0, vue_1.defineComponent)({
         };
     },
     render() {
-        const { mergedTheme, keyPlaceholder, valuePlaceholder, value, clsPrefix } = this;
+        const { mergedTheme, keyPlaceholder, valuePlaceholder, value, clsPrefix, disabled } = this;
         return ((0, vue_1.h)("div", { class: `${clsPrefix}-dynamic-input-preset-pair` },
-            (0, vue_1.h)(input_1.NInput, { theme: mergedTheme.peers.Input, "theme-overrides": mergedTheme.peerOverrides.Input, value: value.key, class: `${clsPrefix}-dynamic-input-pair-input`, placeholder: keyPlaceholder, onUpdateValue: this.handleKeyInput }),
-            (0, vue_1.h)(input_1.NInput, { theme: mergedTheme.peers.Input, "theme-overrides": mergedTheme.peerOverrides.Input, value: value.value, class: `${clsPrefix}-dynamic-input-pair-input`, placeholder: valuePlaceholder, onUpdateValue: this.handleValueInput })));
+            (0, vue_1.h)(input_1.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 }),
+            (0, vue_1.h)(input_1.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/lib/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 {
@@ -8,4 +8,4 @@ export interface DynamicInputInjection {
     placeholderRef: Ref<string | undefined>;
 }
 export declare const dynamicInputInjectionKey: import("vue").InjectionKey<DynamicInputInjection>;
-export declare type OnUpdateValue = <T>(value: T[]) => void;
+export type OnUpdateValue = <T>(value: T[]) => void;

package/lib/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/lib/dynamic-input/styles/light.d.ts

@@ -2,7 +2,7 @@ declare const self: () => {
     actionMargin: string;
     actionMarginRtl: string;
 };
-export declare type DynamicInputThemeVars = ReturnType<typeof self>;
+export type DynamicInputThemeVars = ReturnType<typeof self>;
 declare const dynamicInputLight: import("../../_mixins").Theme<"DynamicInput", {
     actionMargin: string;
     actionMarginRtl: string;
@@ -274,4 +274,4 @@ declare const dynamicInputLight: import("../../_mixins").Theme<"DynamicInput", {
     }, any>;
 }>;
 export default dynamicInputLight;
-export declare type DynamicInputTheme = typeof dynamicInputLight;
+export type DynamicInputTheme = typeof dynamicInputLight;