naive-ui 2.24.7 → 2.25.0

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

@@ -11,7 +11,7 @@ export declare const exposedDialogEnvProps: {
     readonly onMaskClick: PropType<(e: MouseEvent) => void>;
     readonly icon: PropType<() => import("vue").VNodeChild>;
     readonly type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"default" | "success" | "error" | "warning" | "info">;
         readonly default: "default";
     };
     readonly title: PropType<string | (() => import("vue").VNodeChild)>;
@@ -31,7 +31,7 @@ export declare const exposedDialogEnvProps: {
     readonly bordered: BooleanConstructor;
     readonly iconPlacement: PropType<import("./interface").IconPlacement>;
 };
-declare const _default: import("vue").DefineComponent<{
+export declare const NDialogEnvironment: import("vue").DefineComponent<{
     internalKey: {
         type: StringConstructor;
         required: true;
@@ -46,13 +46,13 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
-    onPositiveClick: PropType<(e: MouseEvent) => unknown>;
-    onNegativeClick: PropType<(e: MouseEvent) => unknown>;
-    onClose: PropType<() => unknown>;
+    onPositiveClick: PropType<(e: MouseEvent) => Promise<unknown> | unknown>;
+    onNegativeClick: PropType<(e: MouseEvent) => Promise<unknown> | unknown>;
+    onClose: PropType<() => Promise<unknown> | unknown>;
     onMaskClick: PropType<(e: MouseEvent) => void>;
     icon: PropType<() => import("vue").VNodeChild>;
     type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"default" | "success" | "error" | "warning" | "info">;
         readonly default: "default";
     };
     title: PropType<string | (() => import("vue").VNodeChild)>;
@@ -95,13 +95,13 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
-    onPositiveClick: PropType<(e: MouseEvent) => unknown>;
-    onNegativeClick: PropType<(e: MouseEvent) => unknown>;
-    onClose: PropType<() => unknown>;
+    onPositiveClick: PropType<(e: MouseEvent) => Promise<unknown> | unknown>;
+    onNegativeClick: PropType<(e: MouseEvent) => Promise<unknown> | unknown>;
+    onClose: PropType<() => Promise<unknown> | unknown>;
     onMaskClick: PropType<(e: MouseEvent) => void>;
     icon: PropType<() => import("vue").VNodeChild>;
     type: {
-        readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
+        readonly type: PropType<"default" | "success" | "error" | "warning" | "info">;
         readonly default: "default";
     };
     title: PropType<string | (() => import("vue").VNodeChild)>;
@@ -121,11 +121,10 @@ declare const _default: import("vue").DefineComponent<{
     bordered: BooleanConstructor;
     iconPlacement: PropType<import("./interface").IconPlacement>;
 }>>, {
-    type: "default" | "error" | "info" | "success" | "warning";
+    type: "default" | "success" | "error" | "warning" | "info";
+    bordered: boolean;
     loading: boolean;
     showIcon: boolean;
-    bordered: boolean;
     closable: boolean;
     maskClosable: boolean;
 }>;
-export default _default;

package/es/dialog/src/DialogEnvironment.js

@@ -3,12 +3,13 @@
 import { h, defineComponent, ref } from 'vue';
 import NModal from '../../modal/src/Modal';
 import { keep } from '../../_utils';
-import NDialog, { dialogProps, dialogPropKeys } from './Dialog';
+import { NDialog } from './Dialog';
+import { dialogProps, dialogPropKeys } from './dialogProps';
 export const exposedDialogEnvProps = Object.assign(Object.assign({}, dialogProps), { internalStyle: [String, Object], maskClosable: {
         type: Boolean,
         default: true
     }, onPositiveClick: Function, onNegativeClick: Function, onClose: Function, onMaskClick: Function });
-export default defineComponent({
+export const NDialogEnvironment = defineComponent({
     name: 'DialogEnvironment',
     props: Object.assign(Object.assign({}, exposedDialogEnvProps), { internalKey: {
             type: String,

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

@@ -16,7 +16,6 @@ export interface DialogApiInjection {
     error: (options: DialogOptions) => DialogReactive;
     info: (options: DialogOptions) => DialogReactive;
 }
-export declare const dialogApiInjectionKey: import("vue").InjectionKey<DialogApiInjection>;
 export interface DialogProviderInjection {
     clickedRef: Ref<boolean>;
     clickPositionRef: Ref<{
@@ -24,7 +23,6 @@ export interface DialogProviderInjection {
         y: number;
     } | null>;
 }
-export declare const dialogProviderInjectionKey: import("vue").InjectionKey<DialogProviderInjection>;
 interface DialogInst {
     hide: () => void;
 }
@@ -34,23 +32,23 @@ declare const dialogProviderProps: {
     to: PropType<string | HTMLElement>;
 };
 export declare type DialogProviderProps = ExtractPublicPropTypes<typeof dialogProviderProps>;
-declare const _default: import("vue").DefineComponent<{
+export declare const NDialogProvider: import("vue").DefineComponent<{
     injectionKey: StringConstructor;
     to: PropType<string | HTMLElement>;
 }, {
     dialogList: Ref<{
         readonly key: string;
         readonly destroy: () => void;
-        type?: "default" | "error" | "info" | "success" | "warning" | undefined;
+        type?: "default" | "success" | "error" | "warning" | "info" | undefined;
         content?: string | (() => import("vue").VNodeChild) | undefined;
         icon?: (() => import("vue").VNodeChild) | undefined;
         title?: string | (() => import("vue").VNodeChild) | undefined;
         action?: (() => import("vue").VNodeChild) | undefined;
+        bordered?: boolean | undefined;
         positiveText?: string | undefined;
         negativeText?: string | undefined;
         loading?: boolean | undefined;
         showIcon?: boolean | undefined;
-        bordered?: boolean | undefined;
         onClose?: (() => unknown) | undefined;
         closable?: boolean | undefined;
         iconPlacement?: import("./interface").IconPlacement | undefined;
@@ -72,4 +70,4 @@ declare const _default: import("vue").DefineComponent<{
     injectionKey: StringConstructor;
     to: PropType<string | HTMLElement>;
 }>>, {}>;
-export default _default;
+export {};

package/es/dialog/src/DialogProvider.js

@@ -1,15 +1,14 @@
 import { defineComponent, Fragment, ref, h, provide, reactive } from 'vue';
 import { createId } from 'seemly';
-import { createInjectionKey, omit } from '../../_utils';
-import DialogEnvironment from './DialogEnvironment';
 import { useClicked, useClickPosition } from 'vooks';
-export const dialogApiInjectionKey = createInjectionKey('n-dialog-api');
-export const dialogProviderInjectionKey = createInjectionKey('n-dialog-provider');
+import { omit } from '../../_utils';
+import { NDialogEnvironment } from './DialogEnvironment';
+import { dialogApiInjectionKey, dialogProviderInjectionKey } from './context';
 const dialogProviderProps = {
     injectionKey: String,
     to: [String, Object]
 };
-export default defineComponent({
+export const NDialogProvider = defineComponent({
     name: 'DialogProvider',
     props: dialogProviderProps,
     setup() {
@@ -52,7 +51,7 @@ export default defineComponent({
     render() {
         var _a, _b;
         return h(Fragment, null, [
-            this.dialogList.map((dialog) => h(DialogEnvironment, omit(dialog, ['destroy', 'style'], {
+            this.dialogList.map((dialog) => h(NDialogEnvironment, omit(dialog, ['destroy', 'style'], {
                 internalStyle: dialog.style,
                 to: this.to,
                 ref: ((inst) => {

package/es/dialog/src/context.d.ts

@@ -0,0 +1,3 @@
+import type { DialogApiInjection, DialogProviderInjection } from './DialogProvider';
+export declare const dialogProviderInjectionKey: import("vue").InjectionKey<DialogProviderInjection>;
+export declare const dialogApiInjectionKey: import("vue").InjectionKey<DialogApiInjection>;

package/es/dialog/src/context.js

@@ -0,0 +1,3 @@
+import { createInjectionKey } from '../../_utils';
+export const dialogProviderInjectionKey = createInjectionKey('n-dialog-provider');
+export const dialogApiInjectionKey = createInjectionKey('n-dialog-api');

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

@@ -0,0 +1,32 @@
+import { PropType, VNodeChild } from 'vue';
+import type { ExtractPublicPropTypes } from '../../_utils';
+import type { IconPlacement } from './interface';
+declare const dialogProps: {
+    readonly icon: PropType<() => VNodeChild>;
+    readonly type: {
+        readonly type: PropType<"default" | "success" | "error" | "warning" | "info">;
+        readonly default: "default";
+    };
+    readonly title: PropType<string | (() => VNodeChild)>;
+    readonly closable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly negativeText: StringConstructor;
+    readonly positiveText: StringConstructor;
+    readonly content: PropType<string | (() => VNodeChild)>;
+    readonly action: PropType<() => VNodeChild>;
+    readonly showIcon: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly loading: BooleanConstructor;
+    readonly bordered: BooleanConstructor;
+    readonly iconPlacement: PropType<IconPlacement>;
+    readonly onPositiveClick: PropType<(e: MouseEvent) => void>;
+    readonly onNegativeClick: PropType<(e: MouseEvent) => void>;
+    readonly onClose: PropType<() => void>;
+};
+export declare type DialogProps = ExtractPublicPropTypes<typeof dialogProps>;
+export { dialogProps };
+export declare const dialogPropKeys: ("type" | "content" | "icon" | "title" | "action" | "bordered" | "positiveText" | "negativeText" | "loading" | "showIcon" | "onClose" | "closable" | "iconPlacement" | "onPositiveClick" | "onNegativeClick")[];

package/es/dialog/src/dialogProps.js

@@ -0,0 +1,29 @@
+import { keysOf } from '../../_utils';
+const dialogProps = {
+    icon: Function,
+    type: {
+        type: String,
+        default: 'default'
+    },
+    title: [String, Function],
+    closable: {
+        type: Boolean,
+        default: true
+    },
+    negativeText: String,
+    positiveText: String,
+    content: [String, Function],
+    action: Function,
+    showIcon: {
+        type: Boolean,
+        default: true
+    },
+    loading: Boolean,
+    bordered: Boolean,
+    iconPlacement: String,
+    onPositiveClick: Function,
+    onNegativeClick: Function,
+    onClose: Function
+};
+export { dialogProps };
+export const dialogPropKeys = keysOf(dialogProps);

package/es/dialog/src/use-dialog.js

@@ -1,5 +1,5 @@
 import { inject } from 'vue';
-import { dialogApiInjectionKey } from './DialogProvider';
+import { dialogApiInjectionKey } from './context';
 import { throwError } from '../../_utils';
 export function useDialog() {
     const dialog = inject(dialogApiInjectionKey, null);

package/es/divider/src/Divider.js

@@ -11,7 +11,7 @@ export default defineComponent({
     props: dividerProps,
     setup(props) {
         const { mergedClsPrefixRef } = useConfig(props);
-        const themeRef = useTheme('Divider', 'Divider', style, dividerLight, props, mergedClsPrefixRef);
+        const themeRef = useTheme('Divider', '-divider', style, dividerLight, props, mergedClsPrefixRef);
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             cssVars: computed(() => {

package/es/drawer/index.d.ts

@@ -2,3 +2,4 @@ export { default as NDrawer } from './src/Drawer';
 export type { DrawerProps } from './src/Drawer';
 export { default as NDrawerContent } from './src/DrawerContent';
 export type { DrawerContentProps } from './src/DrawerContent';
+export type { Placement as DrawerPlacement } from './src/DrawerBodyWrapper';

package/es/drawer/src/Drawer.js

@@ -64,7 +64,7 @@ export default defineComponent({
         }
         const { mergedClsPrefixRef, namespaceRef } = useConfig(props);
         const isMountedRef = useIsMounted();
-        const themeRef = useTheme('Drawer', 'Drawer', style, drawerLight, props, mergedClsPrefixRef);
+        const themeRef = useTheme('Drawer', '-drawer', style, drawerLight, props, mergedClsPrefixRef);
         const styleWidthRef = computed(() => {
             const { placement } = props;
             if (placement === 'top' || placement === 'bottom')

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

@@ -18,7 +18,6 @@ export interface DropdownInjection {
     doSelect: OnUpdateValueImpl;
     doUpdateShow: (value: boolean) => void;
 }
-export declare const dropdownInjectionKey: import("vue").InjectionKey<DropdownInjection>;
 declare const dropdownProps: {
     readonly theme: PropType<import("../../_mixins").Theme<"Dropdown", {
         optionHeightSmall: string;
@@ -304,11 +303,15 @@ declare const dropdownProps: {
         default: undefined;
     };
     readonly overlap: BooleanConstructor;
+    readonly keepAliveOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly onClickoutside: PropType<(e: MouseEvent) => void>;
     readonly internalExtraClass: {
         type: PropType<string[]>;
         default: () => never[];
     };
-    readonly onClickoutside: PropType<(e: MouseEvent) => void>;
     readonly 'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     readonly onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
     readonly zIndex: NumberConstructor;
@@ -617,11 +620,15 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     readonly overlap: BooleanConstructor;
+    readonly keepAliveOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly onClickoutside: PropType<(e: MouseEvent) => void>;
     readonly internalExtraClass: {
         type: PropType<string[]>;
         default: () => never[];
     };
-    readonly onClickoutside: PropType<(e: MouseEvent) => void>;
     readonly 'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     readonly onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
     readonly zIndex: NumberConstructor;
@@ -1117,11 +1124,15 @@ declare const _default: import("vue").DefineComponent<{
         default: undefined;
     };
     readonly overlap: BooleanConstructor;
+    readonly keepAliveOnHover: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly onClickoutside: PropType<(e: MouseEvent) => void>;
     readonly internalExtraClass: {
         type: PropType<string[]>;
         default: () => never[];
     };
-    readonly onClickoutside: PropType<(e: MouseEvent) => void>;
     readonly 'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     readonly onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
     readonly zIndex: NumberConstructor;
@@ -1151,6 +1162,7 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     duration: number;
     to: string | boolean | HTMLElement;
+    options: DropdownMixedOption[];
     raw: boolean;
     placement: FollowerPlacement;
     overlap: boolean;
@@ -1159,6 +1171,7 @@ declare const _default: import("vue").DefineComponent<{
     showArrow: boolean;
     delay: number;
     displayDirective: "show" | "if";
+    keepAliveOnHover: boolean;
     internalTrapFocus: boolean;
     animated: boolean;
     defaultShow: boolean;
@@ -1166,7 +1179,6 @@ declare const _default: import("vue").DefineComponent<{
     internalSyncTargetWithParent: boolean;
     internalInheritedEventHandlers: import("../../popover/src/Popover").TriggerEventHandlers[];
     arrow: boolean | undefined;
-    options: DropdownMixedOption[];
     labelField: string;
     keyboard: boolean;
     inverted: boolean;

package/es/dropdown/src/Dropdown.js

@@ -4,11 +4,11 @@ import { useMergedState, useKeyboard, useMemo } from 'vooks';
 import { popoverBaseProps } from '../../popover/src/Popover';
 import { useConfig, useTheme } from '../../_mixins';
 import { NPopover } from '../../popover';
-import { keep, call, createKey, createRefSetter, createInjectionKey } from '../../_utils';
+import { keep, call, createKey, createRefSetter } from '../../_utils';
 import { dropdownLight } from '../styles';
 import NDropdownMenu from './DropdownMenu';
 import style from './styles/index.cssr';
-export const dropdownInjectionKey = createInjectionKey('n-dropdown');
+import { dropdownInjectionKey } from './context';
 const dropdownBaseProps = {
     animated: {
         type: Boolean,
@@ -116,7 +116,7 @@ export default defineComponent({
             }
         }, keyboardEnabledRef);
         const { mergedClsPrefixRef } = useConfig(props);
-        const themeRef = useTheme('Dropdown', 'Dropdown', style, dropdownLight, props, mergedClsPrefixRef);
+        const themeRef = useTheme('Dropdown', '-dropdown', style, dropdownLight, props, mergedClsPrefixRef);
         provide(dropdownInjectionKey, {
             labelFieldRef: toRef(props, 'labelField'),
             childrenFieldRef: toRef(props, 'childrenField'),
@@ -290,6 +290,8 @@ export default defineComponent({
                 class: [
                     className,
                     `${mergedClsPrefix}-dropdown`,
+                    this.trigger === 'manual' &&
+                        `${mergedClsPrefix}-popover--manual-trigger`,
                     this.showArrow && `${mergedClsPrefix}-popover--show-arrow`
                 ],
                 clsPrefix: mergedClsPrefix,
@@ -311,8 +313,7 @@ export default defineComponent({
             onUpdateShow: this.doUpdateShow
         };
         return (h(NPopover, Object.assign({}, keep(this.$props, popoverPropKeys), popoverProps), {
-            trigger: this.$slots.default,
-            _: 1
+            trigger: () => { var _a, _b; return (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a); }
         }));
     }
 });

package/es/dropdown/src/DropdownGroup.js

@@ -1,5 +1,6 @@
 import { defineComponent, Fragment, h } from 'vue';
 import { warn } from '../../_utils';
+// eslint-disable-next-line import/no-cycle
 import NDropdownOption from './DropdownOption';
 import NDropdownDivider from './DropdownDivider';
 import NDropdownGroupHeader from './DropdownGroupHeader';

package/es/dropdown/src/DropdownGroupHeader.js

@@ -1,7 +1,6 @@
 import { defineComponent, h, inject } from 'vue';
 import { render } from '../../_utils';
-import { dropdownInjectionKey } from './Dropdown';
-import { dropdownMenuInjectionKey } from './DropdownMenu';
+import { dropdownInjectionKey, dropdownMenuInjectionKey } from './context';
 export default defineComponent({
     name: 'DropdownGroupHeader',
     props: {

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

@@ -4,7 +4,6 @@ export interface NDropdownMenuInjection {
     showIconRef: Ref<boolean>;
     hasSubmenuRef: Ref<boolean>;
 }
-export declare const dropdownMenuInjectionKey: import("vue").InjectionKey<NDropdownMenuInjection>;
 declare const _default: import("vue").DefineComponent<{
     showArrow: BooleanConstructor;
     arrowStyle: PropType<string | CSSProperties>;

package/es/dropdown/src/DropdownMenu.js

@@ -1,13 +1,13 @@
 import { computed, defineComponent, h, inject, provide } from 'vue';
 import { renderArrow } from '../../popover/src/PopoverBody';
-import NDropdownOption from './DropdownOption';
 import NDropdownDivider from './DropdownDivider';
+// eslint-disable-next-line import/no-cycle
 import NDropdownGroup from './DropdownGroup';
+// eslint-disable-next-line import/no-cycle
+import NDropdownOption from './DropdownOption';
 import NDropdownRenderOption from './DropdownRenderOption';
 import { isSubmenuNode, isGroupNode, isDividerNode, isRenderNode } from './utils';
-import { dropdownInjectionKey } from './Dropdown';
-import { createInjectionKey } from '../../_utils';
-export const dropdownMenuInjectionKey = createInjectionKey('n-dropdown-menu');
+import { dropdownInjectionKey, dropdownMenuInjectionKey } from './context';
 export default defineComponent({
     name: 'DropdownMenu',
     props: {

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

@@ -1,6 +1,9 @@
 import { PropType, Ref, HTMLAttributes } from 'vue';
 import { FollowerPlacement } from 'vueuc';
 import { TreeNode } from 'treemate';
+export interface NDropdownOptionInjection {
+    enteringSubmenuRef: Ref<boolean>;
+}
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;

package/es/dropdown/src/DropdownOption.js

@@ -2,13 +2,13 @@ import { h, computed, inject, ref, Transition, defineComponent, provide, mergePr
 import { VBinder, VTarget, VFollower } from 'vueuc';
 import { useMemo } from 'vooks';
 import { ChevronRightIcon } from '../../_internal/icons';
-import { createInjectionKey, render, useDeferredTrue } from '../../_utils';
+import { render, useDeferredTrue } from '../../_utils';
 import { NIcon } from '../../icon';
-import NDropdownMenu, { dropdownMenuInjectionKey } from './DropdownMenu';
-import { dropdownInjectionKey } from './Dropdown';
+// eslint-disable-next-line import/no-cycle
+import NDropdownMenu from './DropdownMenu';
+import { dropdownMenuInjectionKey, dropdownInjectionKey, dropdownOptionInjectionKey } from './context';
 import { isSubmenuNode } from './utils';
 import { happensIn } from 'seemly';
-const dropdownOptionInjectionKey = createInjectionKey('n-dropdown-option');
 export default defineComponent({
     name: 'DropdownOption',
     props: {

package/es/dropdown/src/context.d.ts

@@ -0,0 +1,6 @@
+import type { DropdownInjection } from './Dropdown';
+import type { NDropdownMenuInjection } from './DropdownMenu';
+import type { NDropdownOptionInjection } from './DropdownOption';
+export declare const dropdownMenuInjectionKey: import("vue").InjectionKey<NDropdownMenuInjection>;
+export declare const dropdownInjectionKey: import("vue").InjectionKey<DropdownInjection>;
+export declare const dropdownOptionInjectionKey: import("vue").InjectionKey<NDropdownOptionInjection>;

package/es/dropdown/src/context.js

@@ -0,0 +1,4 @@
+import { createInjectionKey } from '../../_utils';
+export const dropdownMenuInjectionKey = createInjectionKey('n-dropdown-menu');
+export const dropdownInjectionKey = createInjectionKey('n-dropdown');
+export const dropdownOptionInjectionKey = createInjectionKey('n-dropdown-option');

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

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

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

@@ -1,5 +1,6 @@
 import { PropType, CSSProperties } from 'vue';
-import { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
+import type { ButtonProps } from '../../button';
+import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 import type { OnUpdateValue } from './interface';
 declare const dynamicInputProps: {
     readonly max: NumberConstructor;
@@ -30,6 +31,8 @@ declare const dynamicInputProps: {
         readonly type: StringConstructor;
         readonly default: "";
     };
+    readonly showSortButton: BooleanConstructor;
+    readonly createButtonProps: PropType<ButtonProps>;
     readonly onCreate: PropType<(index: number) => any>;
     readonly onRemove: PropType<(index: number) => void>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
@@ -871,6 +874,8 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: StringConstructor;
         readonly default: "";
     };
+    readonly showSortButton: BooleanConstructor;
+    readonly createButtonProps: PropType<ButtonProps>;
     readonly onCreate: PropType<(index: number) => any>;
     readonly onRemove: PropType<(index: number) => void>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
@@ -1696,6 +1701,7 @@ declare const _default: import("vue").DefineComponent<{
     ensureKey: (value: any, index: number) => string | number;
     handleValueChange: (index: number, value: any) => void;
     remove: (index: number) => void;
+    move: (type: 'up' | 'down', index: number) => void;
     createItem: (index: number) => void;
     mergedTheme: import("vue").ComputedRef<{
         common: {
@@ -2115,6 +2121,8 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: StringConstructor;
         readonly default: "";
     };
+    readonly showSortButton: BooleanConstructor;
+    readonly createButtonProps: PropType<ButtonProps>;
     readonly onCreate: PropType<(index: number) => any>;
     readonly onRemove: PropType<(index: number) => void>;
     readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
@@ -2932,5 +2940,6 @@ declare const _default: import("vue").DefineComponent<{
     preset: "input" | "pair";
     keyPlaceholder: string;
     valuePlaceholder: string;
+    showSortButton: boolean;
 }>;
 export default _default;