yc-pro-components 0.0.13 → 0.0.15

package/index.mjs

@@ -1,4 +1,4 @@
-/*! yc-pro-components v0.0.13 */
+/*! yc-pro-components v0.0.15 */
 import { unref, isRef, ref, inject, isReactive, watch, computed, shallowRef, provide, onMounted, nextTick, onBeforeUnmount, defineComponent, watchEffect, openBlock, createBlock, mergeProps, createSlots, withCtx, createElementVNode, renderSlot, normalizeStyle, createVNode, createTextVNode, toDisplayString, createElementBlock, normalizeClass, createCommentVNode, reactive, useAttrs, Fragment, renderList, resolveDynamicComponent, normalizeProps, guardReactiveProps, h, withDirectives, isVNode, withKeys, withModifiers, TransitionGroup, toHandlers, getCurrentInstance, resolveComponent, toRefs, useSlots, onUnmounted, resolveDirective, pushScopeId, popScopeId, onBeforeMount, getCurrentScope, onScopeDispose, toRef, mergeModels, useModel, vShow } from 'vue';
 import { dayjs, localeContextKey, ElDialog, ElButton, ElPagination, ElRadioGroup, ElRadio, ElTableColumn, ElDropdown, ElDropdownMenu, ElDropdownItem, ElIcon, ElTooltip, ElPopconfirm, ElLink, ElMessageBox, useFormDisabled, ElDatePicker, ClickOutside, ElTag, ElInput, ElAutocomplete, ElCascader, ElCheckboxGroup, ElCheckbox, ElColorPicker, ElInputNumber, ElRate, ElSelect, ElOption, ElSlider, ElSwitch, ElTimePicker, ElTimeSelect, ElTransfer, ElTreeSelect, ElSelectV2, ElText, ElDivider, ElFormItem, ElOptionGroup, ElRow, ElCol, ElForm, ElCard, ElMessage, ElImage, ElProgress, ElAvatar, ElPopover, ElTable, vLoading, ElDescriptions, ElDescriptionsItem, ElDrawer, ElSteps, ElStep, ElBreadcrumb, ElBreadcrumbItem, ElMenuItem, ElSubMenu, ElMenu, ElScrollbar, ElHeader, ElContainer, ElMain, ElBacktop } from 'element-plus';
 
@@ -11,8 +11,6 @@ const makeInstaller = (components = []) => {
   };
 };
 
-const version$2 = "2.6.3";
-
 /** Detect free variable `global` from Node.js. */
 var freeGlobal = typeof global == 'object' && global && global.Object === Object && global;
 
@@ -4640,6 +4638,8 @@ function set(object, path, value) {
   return object == null ? object : baseSet(object, path, value);
 }
 
+const version$2 = "2.6.3";
+
 const objectToString = Object.prototype.toString;
 const toTypeString = (value) => objectToString.call(value);
 const toRawType = (value) => {
@@ -8615,9 +8615,21 @@ var _sfc_main$K = /* @__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");
@@ -8674,8 +8686,8 @@ var _sfc_main$K = /* @__PURE__ */ defineComponent({
                   }),
                   createVNode(unref(ElButton), {
                     type: "primary",
-                    loading: _ctx.confirmLoading,
-                    onClick: handleConfirm
+                    loading: computedLoading.value,
+                    onClick: unref(handleConfirm)
                   }, {
                     default: withCtx(() => [
                       createTextVNode(
@@ -8686,7 +8698,7 @@ var _sfc_main$K = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                     /* STABLE */
-                  }, 8, ["loading"])
+                  }, 8, ["loading", "onClick"])
                 ])
               ],
               4
@@ -16782,8 +16794,11 @@ var _sfc_main$A = /* @__PURE__ */ defineComponent({
       var _a;
       (_a = formInstance.value) == null ? void 0 : _a.clearValidate();
     };
-    const handleSubmit = async () => {
+    const isSubmitting = ref(false);
+    const computedLoading = computed(() => props.submitLoading || isSubmitting.value);
+    const doSubmit = async () => {
       var _a, _b, _c;
+      isSubmitting.value = true;
       try {
         const valid = await ((_a = formInstance.value) == null ? void 0 : _a.validate());
         if (valid) {
@@ -16801,6 +16816,12 @@ var _sfc_main$A = /* @__PURE__ */ defineComponent({
       }
       return false;
     };
+    const handleSubmit = debounce(doSubmit, 300, {
+      leading: true,
+      // 立即执行第一次
+      trailing: false
+      // 不执行最后一次
+    });
     const handleReset = () => {
       clearValidate();
       values.value = { ...props.defaultValues };
@@ -16949,7 +16970,7 @@ var _sfc_main$A = /* @__PURE__ */ defineComponent({
               style: normalizeStyle(style.value)
             },
             [
-              renderSlot(_ctx.$slots, "footer", normalizeProps(guardReactiveProps({ handleReset, handleSubmit })), () => [
+              renderSlot(_ctx.$slots, "footer", normalizeProps(guardReactiveProps({ handleReset, handleSubmit: unref(handleSubmit) })), () => [
                 _ctx.hasReset ? (openBlock(), createBlock(unref(ElButton), {
                   key: 0,
                   onClick: handleReset
@@ -16967,8 +16988,8 @@ var _sfc_main$A = /* @__PURE__ */ defineComponent({
                 })) : createCommentVNode("v-if", true),
                 createVNode(unref(ElButton), {
                   type: "primary",
-                  loading: _ctx.submitLoading,
-                  onClick: handleSubmit
+                  loading: computedLoading.value,
+                  onClick: unref(handleSubmit)
                 }, {
                   default: withCtx(() => [
                     createCommentVNode(" \u63D0\u4EA4 "),
@@ -16980,7 +17001,7 @@ var _sfc_main$A = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 1
                   /* STABLE */
-                }, 8, ["loading"])
+                }, 8, ["loading", "onClick"])
               ])
             ],
             4
@@ -18084,10 +18105,19 @@ var _sfc_main$v = /* @__PURE__ */ defineComponent({
       subVisible.value = false;
       emit("cancel");
     };
-    const handleConfirmPopover = () => {
+    const isSubmitting = ref(false);
+    const computedLoading = computed(() => props.confirmLoading || isSubmitting.value);
+    const doConfirm = () => {
+      isSubmitting.value = true;
       subVisible.value = false;
       emit("confirm");
     };
+    const handleConfirmPopover = debounce(doConfirm, 300, {
+      leading: true,
+      // 立即执行第一次
+      trailing: false
+      // 不执行最后一次
+    });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ElPopover), mergeProps({
         visible: subVisible.value,
@@ -18119,8 +18149,8 @@ var _sfc_main$v = /* @__PURE__ */ defineComponent({
             createVNode(unref(ElButton), {
               size: "small",
               type: "primary",
-              loading: _ctx.confirmLoading,
-              onClick: handleConfirmPopover
+              loading: computedLoading.value,
+              onClick: unref(handleConfirmPopover)
             }, {
               default: withCtx(() => [
                 createTextVNode(
@@ -18131,7 +18161,7 @@ var _sfc_main$v = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
               /* STABLE */
-            }, 8, ["loading"])
+            }, 8, ["loading", "onClick"])
           ])) : createCommentVNode("v-if", true)
         ]),
         _: 3
@@ -19568,8 +19598,10 @@ var _sfc_main$q = /* @__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) {
@@ -19583,8 +19615,18 @@ var _sfc_main$q = /* @__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);
@@ -19606,11 +19648,12 @@ var _sfc_main$q = /* @__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({
@@ -19661,11 +19704,11 @@ var _sfc_main$q = /* @__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"]);
     };
   }
 });
@@ -19727,8 +19770,11 @@ var _sfc_main$p = /* @__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) {
@@ -19744,6 +19790,12 @@ var _sfc_main$p = /* @__PURE__ */ defineComponent({
         emit("confirmError", errors);
       }
     };
+    const handleConfirm = debounce(doConfirm, 300, {
+      leading: true,
+      // 立即执行第一次
+      trailing: false
+      // 不执行最后一次
+    });
     const handleClose = () => {
       handleCancel();
       emit("update:visible", subVisible.value);
@@ -19817,7 +19869,7 @@ var _sfc_main$p = /* @__PURE__ */ defineComponent({
           name: "footer",
           fn: withCtx(() => [
             createElementVNode("div", _hoisted_1$d, [
-              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(
@@ -19831,8 +19883,8 @@ var _sfc_main$p = /* @__PURE__ */ defineComponent({
                 }),
                 createVNode(unref(ElButton), {
                   type: "primary",
-                  loading: _ctx.confirmLoading,
-                  onClick: handleConfirm
+                  loading: computedLoading.value,
+                  onClick: unref(handleConfirm)
                 }, {
                   default: withCtx(() => [
                     createTextVNode(
@@ -19843,7 +19895,7 @@ var _sfc_main$p = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 1
                   /* STABLE */
-                }, 8, ["loading"])
+                }, 8, ["loading", "onClick"])
               ])
             ])
           ]),
@@ -57292,6 +57344,7 @@ var _sfc_main$9 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_el_input = resolveComponent("el-input");
+      const _component_el_tooltip = resolveComponent("el-tooltip");
       const _component_el_divider = resolveComponent("el-divider");
       const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
       const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
@@ -57412,10 +57465,21 @@ var _sfc_main$9 = /* @__PURE__ */ defineComponent({
                             }, () => [
                               createElementVNode("span", _hoisted_4$3, [
                                 createCommentVNode(" \u9ED8\u8BA4\u8282\u70B9\u6807\u7B7E\u6587\u672C "),
-                                createElementVNode("span", {
-                                  class: "label-text",
-                                  innerHTML: highlightKeyword(node.label, props.searchMode === "local" ? filterText.value : "")
-                                }, null, 8, _hoisted_5$3)
+                                createVNode(_component_el_tooltip, {
+                                  content: node.label,
+                                  placement: "top",
+                                  disabled: !node.label || node.label.length <= 20,
+                                  "show-after": 500
+                                }, {
+                                  default: withCtx(() => [
+                                    createElementVNode("span", {
+                                      class: "label-text",
+                                      innerHTML: highlightKeyword(node.label, props.searchMode === "local" ? filterText.value : "")
+                                    }, null, 8, _hoisted_5$3)
+                                  ]),
+                                  _: 2
+                                  /* DYNAMIC */
+                                }, 1032, ["content", "disabled"])
                               ])
                             ], true),
                             createCommentVNode(" \u8282\u70B9\u64CD\u4F5C\u533A\u57DF\uFF08\u72EC\u7ACB\u4E8E\u81EA\u5B9A\u4E49 slot\uFF09 "),
@@ -57526,7 +57590,7 @@ var _sfc_main$9 = /* @__PURE__ */ defineComponent({
   }
 });
 
-var YcPlusTreeComponent = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-fa0eccd0"], ["__file", "index.vue"]]);
+var YcPlusTreeComponent = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-0043eed3"], ["__file", "index.vue"]]);
 
 const YcPlusTree = l(YcPlusTreeComponent);
 const RePlusTree = YcPlusTree;
@@ -57661,7 +57725,7 @@ const closeAllDrawer = () => {
   drawerStore.value = [];
 };
 
-const _withScopeId$1 = (n) => (pushScopeId("data-v-e306ac1f"), n = n(), popScopeId(), n);
+const _withScopeId$1 = (n) => (pushScopeId("data-v-f8ad9f74"), n = n(), popScopeId(), n);
 const _hoisted_1$4 = { class: "custom-drawer-header" };
 const _hoisted_2$4 = { class: "header-content" };
 const _hoisted_3$4 = ["id"];
@@ -57704,7 +57768,9 @@ var _sfc_main$7 = /* @__PURE__ */ defineComponent({
             bg: true,
             popConfirm: options == null ? void 0 : options.popConfirm,
             btnClick: ({ drawer: { options: options2, index } }) => {
+              var _a;
               if (!options2 || index === void 0) return;
+              if ((_a = sureBtnMap.value[index]) == null ? void 0 : _a.loading) return;
               if (options2 == null ? void 0 : options2.sureBtnLoading) {
                 sureBtnMap.value[index] = Object.assign({}, sureBtnMap.value[index] || {}, {
                   loading: true
@@ -57883,7 +57949,7 @@ var _sfc_main$7 = /* @__PURE__ */ defineComponent({
   }
 });
 
-var YcDrawerComponent = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-e306ac1f"], ["__file", "index.vue"]]);
+var YcDrawerComponent = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-f8ad9f74"], ["__file", "index.vue"]]);
 
 const YcDrawer = YcDrawerComponent;
 const ReDrawer = YcDrawerComponent;
@@ -57967,10 +58033,18 @@ var _sfc_main$6 = /* @__PURE__ */ defineComponent({
       if (props.confirmText) return props.confirmText;
       return props.status === "delete" ? "\u5220\u9664" : "\u786E\u5B9A";
     });
-    const handleConfirm = () => {
+    const isSubmitting = ref(false);
+    const doConfirm = () => {
+      isSubmitting.value = true;
       emit("confirm");
       dialogVisible.value = false;
     };
+    const handleConfirm = debounce(doConfirm, 300, {
+      leading: true,
+      // 立即执行第一次
+      trailing: false
+      // 不执行最后一次
+    });
     const handleCancel = () => {
       emit("cancel");
       dialogVisible.value = false;
@@ -58029,7 +58103,8 @@ var _sfc_main$6 = /* @__PURE__ */ defineComponent({
               })) : createCommentVNode("v-if", true),
               createVNode(unref(ElButton), {
                 type: currentStatusConfig.value.confirmButtonType,
-                onClick: handleConfirm
+                loading: isSubmitting.value,
+                onClick: unref(handleConfirm)
               }, {
                 default: withCtx(() => [
                   createTextVNode(
@@ -58040,7 +58115,7 @@ var _sfc_main$6 = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
                 /* STABLE */
-              }, 8, ["type"])
+              }, 8, ["type", "loading", "onClick"])
             ], true)
           ])
         ]),
@@ -58064,7 +58139,7 @@ var _sfc_main$6 = /* @__PURE__ */ defineComponent({
   }
 });
 
-var YcStatusDialog = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-ce588855"], ["__file", "index.vue"]]);
+var YcStatusDialog = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-a1851fcd"], ["__file", "index.vue"]]);
 
 var _sfc_main$5 = /* @__PURE__ */ defineComponent({
   ...{

package/lib/components/dialog/src/index.vue2.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
+var lodashEs = require('lodash-es');
 var useLocale = require('../../../hooks/useLocale.js');
 require('sortablejs');
 
@@ -37,9 +38,21 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     vue.watchEffect(() => {
       subVisible.value = props.modelValue;
     });
-    const handleConfirm = () => {
+    const isSubmitting = vue.ref(false);
+    const computedLoading = vue.computed(() => props.confirmLoading || isSubmitting.value);
+    const doConfirm = () => {
+      isSubmitting.value = true;
       emit("confirm");
+      setTimeout(() => {
+        isSubmitting.value = false;
+      }, 300);
     };
+    const handleConfirm = lodashEs.debounce(doConfirm, 300, {
+      leading: true,
+      // 立即执行第一次
+      trailing: false
+      // 不执行最后一次
+    });
     const handleCancel = () => {
       emit("update:modelValue", false);
       emit("cancel");
@@ -96,8 +109,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   }),
                   vue.createVNode(vue.unref(elementPlus.ElButton), {
                     type: "primary",
-                    loading: _ctx.confirmLoading,
-                    onClick: handleConfirm
+                    loading: computedLoading.value,
+                    onClick: vue.unref(handleConfirm)
                   }, {
                     default: vue.withCtx(() => [
                       vue.createTextVNode(
@@ -108,7 +121,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     ]),
                     _: 1
                     /* STABLE */
-                  }, 8, ["loading"])
+                  }, 8, ["loading", "onClick"])
                 ])
               ],
               4

package/lib/components/dialog-form/src/index.vue2.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
+var lodashEs = require('lodash-es');
 var useLocale = require('../../../hooks/useLocale.js');
 require('sortablejs');
 var index$1 = require('../../form/index.js');
@@ -56,8 +57,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       emit("update:modelValue", values);
       emit("change", values, column);
     };
-    const handleConfirm = async () => {
+    const isSubmitting = vue.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) {
@@ -71,8 +74,18 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           elementPlus.ElMessage.warning(message || t("plus.form.errorTip"));
         }
         emit("confirmError", errors);
+      } finally {
+        setTimeout(() => {
+          isSubmitting.value = false;
+        }, 300);
       }
     };
+    const handleConfirm = lodashEs.debounce(doConfirm, 300, {
+      leading: true,
+      // 立即执行第一次
+      trailing: false
+      // 不执行最后一次
+    });
     const handleCancel = () => {
       subVisible.value = false;
       emit("update:visible", subVisible.value);
@@ -94,11 +107,12 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => subVisible.value = $event),
         width: "800px",
         top: "10vh",
-        title: vue.unref(t)("plus.dialogForm.title")
+        title: vue.unref(t)("plus.dialogForm.title"),
+        "confirm-loading": isSubmitting.value
       }, _ctx.dialog, {
         onClose: handleClose,
         onCancel: handleCancel,
-        onConfirm: handleConfirm
+        onConfirm: vue.unref(handleConfirm)
       }), vue.createSlots({
         default: vue.withCtx(() => [
           vue.createVNode(vue.unref(index$1.PlusForm), vue.mergeProps({
@@ -149,11 +163,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         _ctx.$slots["dialog-footer"] ? {
           name: "footer",
           fn: vue.withCtx(() => [
-            vue.renderSlot(_ctx.$slots, "dialog-footer", vue.normalizeProps(vue.guardReactiveProps({ handleConfirm, handleCancel })))
+            vue.renderSlot(_ctx.$slots, "dialog-footer", vue.normalizeProps(vue.guardReactiveProps({ handleConfirm: vue.unref(handleConfirm), handleCancel })))
           ]),
           key: "1"
         } : void 0
-      ]), 1040, ["modelValue", "title"]);
+      ]), 1040, ["modelValue", "title", "confirm-loading", "onConfirm"]);
     };
   }
 });

package/lib/components/drawer-form/src/index.vue2.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
+var lodashEs = require('lodash-es');
 var index = require('../../form/index.js');
 var elementPlus = require('element-plus');
 var useLocale = require('../../../hooks/useLocale.js');
@@ -62,8 +63,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       emit("update:modelValue", values);
       emit("change", values, column);
     };
-    const handleConfirm = async () => {
+    const isSubmitting = vue.ref(false);
+    const computedLoading = vue.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) {
@@ -79,6 +83,12 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         emit("confirmError", errors);
       }
     };
+    const handleConfirm = lodashEs.debounce(doConfirm, 300, {
+      leading: true,
+      // 立即执行第一次
+      trailing: false
+      // 不执行最后一次
+    });
     const handleClose = () => {
       handleCancel();
       emit("update:visible", subVisible.value);
@@ -152,7 +162,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           name: "footer",
           fn: vue.withCtx(() => [
             vue.createElementVNode("div", _hoisted_1, [
-              vue.renderSlot(_ctx.$slots, "drawer-footer", vue.normalizeProps(vue.guardReactiveProps({ handleConfirm, handleCancel })), () => [
+              vue.renderSlot(_ctx.$slots, "drawer-footer", vue.normalizeProps(vue.guardReactiveProps({ handleConfirm: vue.unref(handleConfirm), handleCancel })), () => [
                 vue.createVNode(vue.unref(elementPlus.ElButton), { onClick: handleCancel }, {
                   default: vue.withCtx(() => [
                     vue.createTextVNode(
@@ -166,8 +176,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 }),
                 vue.createVNode(vue.unref(elementPlus.ElButton), {
                   type: "primary",
-                  loading: _ctx.confirmLoading,
-                  onClick: handleConfirm
+                  loading: computedLoading.value,
+                  onClick: vue.unref(handleConfirm)
                 }, {
                   default: vue.withCtx(() => [
                     vue.createTextVNode(
@@ -178,7 +188,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   ]),
                   _: 1
                   /* STABLE */
-                }, 8, ["loading"])
+                }, 8, ["loading", "onClick"])
               ])
             ])
           ]),

package/lib/components/form/src/index.vue2.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
+var lodashEs = require('lodash-es');
 var elementPlus = require('element-plus');
 var index = require('../../utils/index.js');
 var useLocale = require('../../../hooks/useLocale.js');
@@ -94,8 +95,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       var _a;
       (_a = formInstance.value) == null ? void 0 : _a.clearValidate();
     };
-    const handleSubmit = async () => {
+    const isSubmitting = vue.ref(false);
+    const computedLoading = vue.computed(() => props.submitLoading || isSubmitting.value);
+    const doSubmit = async () => {
       var _a, _b, _c;
+      isSubmitting.value = true;
       try {
         const valid = await ((_a = formInstance.value) == null ? void 0 : _a.validate());
         if (valid) {
@@ -113,6 +117,12 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
       return false;
     };
+    const handleSubmit = lodashEs.debounce(doSubmit, 300, {
+      leading: true,
+      // 立即执行第一次
+      trailing: false
+      // 不执行最后一次
+    });
     const handleReset = () => {
       clearValidate();
       values.value = { ...props.defaultValues };
@@ -261,7 +271,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
               style: vue.normalizeStyle(style.value)
             },
             [
-              vue.renderSlot(_ctx.$slots, "footer", vue.normalizeProps(vue.guardReactiveProps({ handleReset, handleSubmit })), () => [
+              vue.renderSlot(_ctx.$slots, "footer", vue.normalizeProps(vue.guardReactiveProps({ handleReset, handleSubmit: vue.unref(handleSubmit) })), () => [
                 _ctx.hasReset ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
                   key: 0,
                   onClick: handleReset
@@ -279,8 +289,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 })) : vue.createCommentVNode("v-if", true),
                 vue.createVNode(vue.unref(elementPlus.ElButton), {
                   type: "primary",
-                  loading: _ctx.submitLoading,
-                  onClick: handleSubmit
+                  loading: computedLoading.value,
+                  onClick: vue.unref(handleSubmit)
                 }, {
                   default: vue.withCtx(() => [
                     vue.createCommentVNode(" \u63D0\u4EA4 "),
@@ -292,7 +302,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   ]),
                   _: 1
                   /* STABLE */
-                }, 8, ["loading"])
+                }, 8, ["loading", "onClick"])
               ])
             ],
             4