yc-pro-components 0.0.12 → 0.0.14

package/es/components/dialog/src/index.vue2.mjs

@@ -1,5 +1,6 @@
 import { defineComponent, computed, ref, watchEffect, openBlock, createBlock, unref, mergeProps, createSlots, withCtx, createElementVNode, renderSlot, normalizeStyle, createVNode, createTextVNode, toDisplayString } from 'vue';
 import { ElDialog, ElButton } from 'element-plus';
+import { debounce } from 'lodash-es';
 import { useLocale } from '../../../hooks/useLocale.mjs';
 import 'sortablejs';
 
@@ -33,9 +34,21 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     watchEffect(() => {
       subVisible.value = props.modelValue;
     });
-    const handleConfirm = () => {
+    const isSubmitting = ref(false);
+    const computedLoading = computed(() => props.confirmLoading || isSubmitting.value);
+    const doConfirm = () => {
+      isSubmitting.value = true;
       emit("confirm");
+      setTimeout(() => {
+        isSubmitting.value = false;
+      }, 300);
     };
+    const handleConfirm = debounce(doConfirm, 300, {
+      leading: true,
+      // 立即执行第一次
+      trailing: false
+      // 不执行最后一次
+    });
     const handleCancel = () => {
       emit("update:modelValue", false);
       emit("cancel");
@@ -92,8 +105,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   }),
                   createVNode(unref(ElButton), {
                     type: "primary",
-                    loading: _ctx.confirmLoading,
-                    onClick: handleConfirm
+                    loading: computedLoading.value,
+                    onClick: unref(handleConfirm)
                   }, {
                     default: withCtx(() => [
                       createTextVNode(
@@ -104,7 +117,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                     /* STABLE */
-                  }, 8, ["loading"])
+                  }, 8, ["loading", "onClick"])
                 ])
               ],
               4

package/es/components/dialog-form/src/index.vue2.mjs

@@ -1,4 +1,5 @@
 import { defineComponent, ref, computed, watch, openBlock, createBlock, unref, mergeProps, createSlots, withCtx, createVNode, renderSlot, normalizeProps, guardReactiveProps, renderList } from 'vue';
+import { debounce } from 'lodash-es';
 import { useLocale } from '../../../hooks/useLocale.mjs';
 import 'sortablejs';
 import { PlusForm } from '../../form/index.mjs';
@@ -52,8 +53,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", values);
       emit("change", values, column);
     };
-    const handleConfirm = async () => {
+    const isSubmitting = ref(false);
+    const doConfirm = async () => {
       var _a, _b, _c;
+      isSubmitting.value = true;
       try {
         const valid = await ((_a = computedFormInstance.value) == null ? void 0 : _a.validate());
         if (valid) {
@@ -67,8 +70,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           ElMessage.warning(message || t("plus.form.errorTip"));
         }
         emit("confirmError", errors);
+      } finally {
+        setTimeout(() => {
+          isSubmitting.value = false;
+        }, 300);
       }
     };
+    const handleConfirm = debounce(doConfirm, 300, {
+      leading: true,
+      // 立即执行第一次
+      trailing: false
+      // 不执行最后一次
+    });
     const handleCancel = () => {
       subVisible.value = false;
       emit("update:visible", subVisible.value);
@@ -90,11 +103,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => subVisible.value = $event),
         width: "800px",
         top: "10vh",
-        title: unref(t)("plus.dialogForm.title")
+        title: unref(t)("plus.dialogForm.title"),
+        "confirm-loading": isSubmitting.value
       }, _ctx.dialog, {
         onClose: handleClose,
         onCancel: handleCancel,
-        onConfirm: handleConfirm
+        onConfirm: unref(handleConfirm)
       }), createSlots({
         default: withCtx(() => [
           createVNode(unref(PlusForm), mergeProps({
@@ -145,11 +159,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         _ctx.$slots["dialog-footer"] ? {
           name: "footer",
           fn: withCtx(() => [
-            renderSlot(_ctx.$slots, "dialog-footer", normalizeProps(guardReactiveProps({ handleConfirm, handleCancel })))
+            renderSlot(_ctx.$slots, "dialog-footer", normalizeProps(guardReactiveProps({ handleConfirm: unref(handleConfirm), handleCancel })))
           ]),
           key: "1"
         } : void 0
-      ]), 1040, ["modelValue", "title"]);
+      ]), 1040, ["modelValue", "title", "confirm-loading", "onConfirm"]);
     };
   }
 });

package/es/components/display-item/index.d.ts

@@ -232,7 +232,7 @@ export declare const PlusDisplayItem: {
     editable: boolean | "click" | "dblclick";
 }, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: Partial<Record<string, (_: {
-        column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap">> & {
+        column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap" | "autoDict">> & {
             readonly label: string | ComputedRef<string>;
             readonly modelValue: string | number | boolean | string[] | [string, string] | number[] | Date | RecordType | boolean[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
             readonly hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
@@ -261,7 +261,7 @@ export declare const PlusDisplayItem: {
                 };
                 rows: number;
                 autocomplete: string;
-                type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "datetimerange" | "daterange" | "monthrange" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
+                type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
                 loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
                 step: string | number;
                 format: string | ProgressFn | undefined;
@@ -288,6 +288,12 @@ export declare const PlusDisplayItem: {
                 label?: string | undefined;
                 value?: string | undefined;
             } | undefined;
+            readonly autoDict: boolean | ((column: PlusColumn) => OptionsRow<undefined>[] | Promise< OptionsRow<undefined>[]>) | {
+                store?: any;
+                method?: string | undefined;
+                transform?: ((data: any) => OptionsRow<undefined>[]) | undefined;
+                dictCode?: string | undefined;
+            } | undefined;
             readonly clearable: boolean;
             readonly index: number;
         } & {
@@ -325,10 +331,16 @@ export declare const PlusDisplayItem: {
             label?: string | undefined;
             value?: string | undefined;
         } | undefined;
+        autoDict: boolean | ((column: PlusColumn) => OptionsRow<undefined>[] | Promise< OptionsRow<undefined>[]>) | {
+            store?: any;
+            method?: string | undefined;
+            transform?: ((data: any) => OptionsRow<undefined>[]) | undefined;
+            dictCode?: string | undefined;
+        } | undefined;
         clearable: boolean;
         index: number;
     }) => any>> & Partial<Record<string, (_: {
-        column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap">> & {
+        column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap" | "autoDict">> & {
             readonly label: string | ComputedRef<string>;
             readonly modelValue: string | number | boolean | string[] | [string, string] | number[] | Date | RecordType | boolean[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
             readonly hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
@@ -357,7 +369,7 @@ export declare const PlusDisplayItem: {
                 };
                 rows: number;
                 autocomplete: string;
-                type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "datetimerange" | "daterange" | "monthrange" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
+                type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
                 loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
                 step: string | number;
                 format: string | ProgressFn | undefined;
@@ -384,6 +396,12 @@ export declare const PlusDisplayItem: {
                 label?: string | undefined;
                 value?: string | undefined;
             } | undefined;
+            readonly autoDict: boolean | ((column: PlusColumn) => OptionsRow<undefined>[] | Promise< OptionsRow<undefined>[]>) | {
+                store?: any;
+                method?: string | undefined;
+                transform?: ((data: any) => OptionsRow<undefined>[]) | undefined;
+                dictCode?: string | undefined;
+            } | undefined;
             readonly clearable: boolean;
             readonly index: number;
         } & {
@@ -421,10 +439,16 @@ export declare const PlusDisplayItem: {
             label?: string | undefined;
             value?: string | undefined;
         } | undefined;
+        autoDict: boolean | ((column: PlusColumn) => OptionsRow<undefined>[] | Promise< OptionsRow<undefined>[]>) | {
+            store?: any;
+            method?: string | undefined;
+            transform?: ((data: any) => OptionsRow<undefined>[]) | undefined;
+            dictCode?: string | undefined;
+        } | undefined;
         clearable: boolean;
         index: number;
     }) => any>> & Partial<Record<string, (_: {
-        column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap">> & {
+        column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap" | "autoDict">> & {
             readonly label: string | ComputedRef<string>;
             readonly modelValue: string | number | boolean | string[] | [string, string] | number[] | Date | RecordType | boolean[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
             readonly hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
@@ -453,7 +477,7 @@ export declare const PlusDisplayItem: {
                 };
                 rows: number;
                 autocomplete: string;
-                type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "datetimerange" | "daterange" | "monthrange" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
+                type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
                 loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
                 step: string | number;
                 format: string | ProgressFn | undefined;
@@ -480,6 +504,12 @@ export declare const PlusDisplayItem: {
                 label?: string | undefined;
                 value?: string | undefined;
             } | undefined;
+            readonly autoDict: boolean | ((column: PlusColumn) => OptionsRow<undefined>[] | Promise< OptionsRow<undefined>[]>) | {
+                store?: any;
+                method?: string | undefined;
+                transform?: ((data: any) => OptionsRow<undefined>[]) | undefined;
+                dictCode?: string | undefined;
+            } | undefined;
             readonly clearable: boolean;
             readonly index: number;
         } & {
@@ -517,6 +547,12 @@ export declare const PlusDisplayItem: {
             label?: string | undefined;
             value?: string | undefined;
         } | undefined;
+        autoDict: boolean | ((column: PlusColumn) => OptionsRow<undefined>[] | Promise< OptionsRow<undefined>[]>) | {
+            store?: any;
+            method?: string | undefined;
+            transform?: ((data: any) => OptionsRow<undefined>[]) | undefined;
+            dictCode?: string | undefined;
+        } | undefined;
         clearable: boolean;
         index: number;
     }) => any>> & Partial<Record<string, (_: {

package/es/components/display-item/src/index.vue.d.ts

@@ -77,7 +77,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     row: RecordType;
     editable: boolean | "click" | "dblclick";
 }, {}>, Partial<Record<string, (_: {
-    column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap">> & {
+    column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap" | "autoDict">> & {
         readonly label: string | ComputedRef<string>;
         readonly modelValue: string | number | boolean | string[] | [string, string] | number[] | Date | RecordType | boolean[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
         readonly hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
@@ -106,7 +106,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
             };
             rows: number;
             autocomplete: string;
-            type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "datetimerange" | "daterange" | "monthrange" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
+            type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
             loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
             step: string | number;
             format: string | ProgressFn | undefined;
@@ -133,6 +133,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
             label?: string | undefined;
             value?: string | undefined;
         } | undefined;
+        readonly autoDict: boolean | ((column: PlusColumn) => OptionsRow<undefined>[] | Promise<OptionsRow<undefined>[]>) | {
+            store?: any;
+            method?: string | undefined;
+            transform?: ((data: any) => OptionsRow<undefined>[]) | undefined;
+            dictCode?: string | undefined;
+        } | undefined;
         readonly clearable: boolean;
         readonly index: number;
     } & {
@@ -170,10 +176,16 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
         label?: string | undefined;
         value?: string | undefined;
     } | undefined;
+    autoDict: boolean | ((column: PlusColumn) => OptionsRow<undefined>[] | Promise<OptionsRow<undefined>[]>) | {
+        store?: any;
+        method?: string | undefined;
+        transform?: ((data: any) => OptionsRow<undefined>[]) | undefined;
+        dictCode?: string | undefined;
+    } | undefined;
     clearable: boolean;
     index: number;
 }) => any>> & Partial<Record<string, (_: {
-    column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap">> & {
+    column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap" | "autoDict">> & {
         readonly label: string | ComputedRef<string>;
         readonly modelValue: string | number | boolean | string[] | [string, string] | number[] | Date | RecordType | boolean[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
         readonly hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
@@ -202,7 +214,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
             };
             rows: number;
             autocomplete: string;
-            type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "datetimerange" | "daterange" | "monthrange" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
+            type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
             loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
             step: string | number;
             format: string | ProgressFn | undefined;
@@ -229,6 +241,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
             label?: string | undefined;
             value?: string | undefined;
         } | undefined;
+        readonly autoDict: boolean | ((column: PlusColumn) => OptionsRow<undefined>[] | Promise<OptionsRow<undefined>[]>) | {
+            store?: any;
+            method?: string | undefined;
+            transform?: ((data: any) => OptionsRow<undefined>[]) | undefined;
+            dictCode?: string | undefined;
+        } | undefined;
         readonly clearable: boolean;
         readonly index: number;
     } & {
@@ -266,10 +284,16 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
         label?: string | undefined;
         value?: string | undefined;
     } | undefined;
+    autoDict: boolean | ((column: PlusColumn) => OptionsRow<undefined>[] | Promise<OptionsRow<undefined>[]>) | {
+        store?: any;
+        method?: string | undefined;
+        transform?: ((data: any) => OptionsRow<undefined>[]) | undefined;
+        dictCode?: string | undefined;
+    } | undefined;
     clearable: boolean;
     index: number;
 }) => any>> & Partial<Record<string, (_: {
-    column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap">> & {
+    column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap" | "autoDict">> & {
         readonly label: string | ComputedRef<string>;
         readonly modelValue: string | number | boolean | string[] | [string, string] | number[] | Date | RecordType | boolean[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
         readonly hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
@@ -298,7 +322,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
             };
             rows: number;
             autocomplete: string;
-            type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "datetimerange" | "daterange" | "monthrange" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
+            type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
             loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
             step: string | number;
             format: string | ProgressFn | undefined;
@@ -325,6 +349,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
             label?: string | undefined;
             value?: string | undefined;
         } | undefined;
+        readonly autoDict: boolean | ((column: PlusColumn) => OptionsRow<undefined>[] | Promise<OptionsRow<undefined>[]>) | {
+            store?: any;
+            method?: string | undefined;
+            transform?: ((data: any) => OptionsRow<undefined>[]) | undefined;
+            dictCode?: string | undefined;
+        } | undefined;
         readonly clearable: boolean;
         readonly index: number;
     } & {
@@ -362,6 +392,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
         label?: string | undefined;
         value?: string | undefined;
     } | undefined;
+    autoDict: boolean | ((column: PlusColumn) => OptionsRow<undefined>[] | Promise<OptionsRow<undefined>[]>) | {
+        store?: any;
+        method?: string | undefined;
+        transform?: ((data: any) => OptionsRow<undefined>[]) | undefined;
+        dictCode?: string | undefined;
+    } | undefined;
     clearable: boolean;
     index: number;
 }) => any>> & Partial<Record<string, (_: {

package/es/components/drawer-form/src/index.vue2.mjs

@@ -1,4 +1,5 @@
 import { defineComponent, ref, computed, watch, openBlock, createBlock, unref, mergeProps, createSlots, withCtx, createVNode, renderSlot, normalizeProps, guardReactiveProps, renderList, createElementVNode, createTextVNode, toDisplayString } from 'vue';
+import { debounce } from 'lodash-es';
 import { PlusForm } from '../../form/index.mjs';
 import { ElDrawer, ElButton, ElMessage } from 'element-plus';
 import { useLocale } from '../../../hooks/useLocale.mjs';
@@ -58,8 +59,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", values);
       emit("change", values, column);
     };
-    const handleConfirm = async () => {
+    const isSubmitting = ref(false);
+    const computedLoading = computed(() => props.confirmLoading || isSubmitting.value);
+    const doConfirm = async () => {
       var _a, _b, _c;
+      isSubmitting.value = true;
       try {
         const valid = await ((_a = computedFormInstance.value) == null ? void 0 : _a.validate());
         if (valid) {
@@ -75,6 +79,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         emit("confirmError", errors);
       }
     };
+    const handleConfirm = debounce(doConfirm, 300, {
+      leading: true,
+      // 立即执行第一次
+      trailing: false
+      // 不执行最后一次
+    });
     const handleClose = () => {
       handleCancel();
       emit("update:visible", subVisible.value);
@@ -148,7 +158,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           name: "footer",
           fn: withCtx(() => [
             createElementVNode("div", _hoisted_1, [
-              renderSlot(_ctx.$slots, "drawer-footer", normalizeProps(guardReactiveProps({ handleConfirm, handleCancel })), () => [
+              renderSlot(_ctx.$slots, "drawer-footer", normalizeProps(guardReactiveProps({ handleConfirm: unref(handleConfirm), handleCancel })), () => [
                 createVNode(unref(ElButton), { onClick: handleCancel }, {
                   default: withCtx(() => [
                     createTextVNode(
@@ -162,8 +172,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 }),
                 createVNode(unref(ElButton), {
                   type: "primary",
-                  loading: _ctx.confirmLoading,
-                  onClick: handleConfirm
+                  loading: computedLoading.value,
+                  onClick: unref(handleConfirm)
                 }, {
                   default: withCtx(() => [
                     createTextVNode(
@@ -174,7 +184,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 1
                   /* STABLE */
-                }, 8, ["loading"])
+                }, 8, ["loading", "onClick"])
               ])
             ])
           ]),

package/es/components/form/src/form-content.vue.d.ts

@@ -124,6 +124,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     }) => RenderTypes) | undefined;
     order?: number | ComputedRef<number> | undefined;
     children?: PlusColumn[] | undefined;
+    autoDict?: boolean | ((column: PlusColumn) => OptionsRow<undefined>[] | Promise< OptionsRow<undefined>[]>) | {
+        store?: any;
+        method?: string | undefined;
+        transform?: ((data: any) => OptionsRow<undefined>[]) | undefined;
+        dictCode?: string | undefined;
+    } | undefined;
     headerFilter?: boolean | undefined;
     disabledHeaderFilter?: boolean | undefined;
     headerIsChecked?: boolean | undefined;
@@ -159,7 +165,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
         };
         rows: number;
         autocomplete: string;
-        type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "datetimerange" | "daterange" | "monthrange" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
+        type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
         loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
         step: string | number;
         format: string | ProgressFn | undefined;
@@ -191,7 +197,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
         label?: string | undefined;
     }) => RenderTypes) | undefined;
 }) => any>> & Partial<Record<string, (_: {
-    column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap">> & {
+    column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap" | "autoDict">> & {
         readonly label: string | ComputedRef<string>;
         readonly modelValue: string | number | boolean | string[] | [string, string] | number[] | Date | RecordType | boolean[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
         readonly hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
@@ -220,7 +226,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
             };
             rows: number;
             autocomplete: string;
-            type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "datetimerange" | "daterange" | "monthrange" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
+            type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
             loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
             step: string | number;
             format: string | ProgressFn | undefined;
@@ -247,6 +253,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
             label?: string | undefined;
             value?: string | undefined;
         } | undefined;
+        readonly autoDict: boolean | ((column: PlusColumn) => OptionsRow<undefined>[] | Promise< OptionsRow<undefined>[]>) | {
+            store?: any;
+            method?: string | undefined;
+            transform?: ((data: any) => OptionsRow<undefined>[]) | undefined;
+            dictCode?: string | undefined;
+        } | undefined;
         readonly clearable: boolean;
         readonly index: number;
     } & {
@@ -284,10 +296,16 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
         label?: string | undefined;
         value?: string | undefined;
     } | undefined;
+    autoDict: boolean | ((column: PlusColumn) => OptionsRow<undefined>[] | Promise< OptionsRow<undefined>[]>) | {
+        store?: any;
+        method?: string | undefined;
+        transform?: ((data: any) => OptionsRow<undefined>[]) | undefined;
+        dictCode?: string | undefined;
+    } | undefined;
     clearable: boolean;
     index: number;
 }) => any>> & Partial<Record<string, (_: {
-    column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap">> & {
+    column: Readonly<Omit< LooseRequired<PlusFormItemProps>, "index" | "label" | "tooltip" | "formItemProps" | "fieldProps" | "options" | "modelValue" | "fieldSlots" | "fieldChildrenSlot" | "hasLabel" | "clearable" | "valueType" | "renderField" | "renderLabel" | "renderErrorMessage" | "optionsMap" | "autoDict">> & {
         readonly label: string | ComputedRef<string>;
         readonly modelValue: string | number | boolean | string[] | [string, string] | number[] | Date | RecordType | boolean[] | Date[] | [Date, Date] | [number, number] | string[][] | number[][] | null;
         readonly hasLabel: boolean | Ref<boolean> | ComputedRef<boolean>;
@@ -316,7 +334,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
             };
             rows: number;
             autocomplete: string;
-            type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "datetimerange" | "daterange" | "monthrange" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
+            type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
             loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
             step: string | number;
             format: string | ProgressFn | undefined;
@@ -343,6 +361,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
             label?: string | undefined;
             value?: string | undefined;
         } | undefined;
+        readonly autoDict: boolean | ((column: PlusColumn) => OptionsRow<undefined>[] | Promise< OptionsRow<undefined>[]>) | {
+            store?: any;
+            method?: string | undefined;
+            transform?: ((data: any) => OptionsRow<undefined>[]) | undefined;
+            dictCode?: string | undefined;
+        } | undefined;
         readonly clearable: boolean;
         readonly index: number;
     } & {
@@ -380,6 +404,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
         label?: string | undefined;
         value?: string | undefined;
     } | undefined;
+    autoDict: boolean | ((column: PlusColumn) => OptionsRow<undefined>[] | Promise< OptionsRow<undefined>[]>) | {
+        store?: any;
+        method?: string | undefined;
+        transform?: ((data: any) => OptionsRow<undefined>[]) | undefined;
+        dictCode?: string | undefined;
+    } | undefined;
     clearable: boolean;
     index: number;
 }) => any>> & Partial<Record<string, (_: {
@@ -435,6 +465,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     }) => RenderTypes) | undefined;
     order?: number | ComputedRef<number> | undefined;
     children?: PlusColumn[] | undefined;
+    autoDict?: boolean | ((column: PlusColumn) => OptionsRow<undefined>[] | Promise< OptionsRow<undefined>[]>) | {
+        store?: any;
+        method?: string | undefined;
+        transform?: ((data: any) => OptionsRow<undefined>[]) | undefined;
+        dictCode?: string | undefined;
+    } | undefined;
     headerFilter?: boolean | undefined;
     disabledHeaderFilter?: boolean | undefined;
     headerIsChecked?: boolean | undefined;
@@ -470,7 +506,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
         };
         rows: number;
         autocomplete: string;
-        type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "datetimerange" | "daterange" | "monthrange" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
+        type: "" | "number" | "default" | "search" | "button" | "textarea" | "time" | "circle" | "image" | "line" | "text" | "datetimerange" | "daterange" | "monthrange" | "checkbox" | "radio" | "color" | "success" | "warning" | "info" | "primary" | "danger" | "reset" | "submit" | "hidden" | "range" | "date" | "year" | "years" | "month" | "dates" | "week" | "datetime" | "dashboard" | "datetime-local" | "email" | "file" | "password" | "tel" | "url";
         loading: EpPropMergeType<BooleanConstructor, unknown, unknown> | EpPropMergeType<StringConstructor, "lazy" | "eager", unknown> | undefined;
         step: string | number;
         format: string | ProgressFn | undefined;