giime 0.7.18 → 0.7.20

package/dist/index.css

@@ -873,56 +873,41 @@ video {
 .gm-group:hover .group-hover\:gm-block {
   display: block;
 }
-.gm-flex-center[data-v-c17deec9] {
-  align-items: center;
-}
 
-.gm-flex-justify-between[data-v-c17deec9] {
-  justify-content: space-between;
+.gm-range-number .el-form-item[data-v-1ae16d96] {
+  margin: 0;
 }
-.circular[data-v-d7b04fae] {
-  animation: loading-rotate-d7b04fae 2s linear infinite;
+
+.gm-upload-pro-preview-dialog[data-v-80b383d8] [data-v-80b383d8] .el-dialog__body {
+  padding: 0;
 }
 
-.path[data-v-d7b04fae] {
-  animation: loading-dash-d7b04fae 1.5s ease-in-out infinite;
-  stroke-dasharray: 90, 150;
-  stroke-dashoffset: 0;
-  stroke: var(--el-color-primary);
-  stroke-linecap: round;
+.gm-upload-pro-file-picture-card[data-v-80b383d8] [data-v-80b383d8] .el-upload-list__item, .gm-upload-pro-file-picture-card[data-v-80b383d8] [data-v-80b383d8] .el-upload--picture-card {
+  width: auto;
+  height: auto;
+}
+[data-v-2c351ff8] .gmTableNoBorder .el-table__body .el-table__cell {
+  border-right: none;
 }
 
-@keyframes loading-rotate-d7b04fae {
-  to {
-    transform: rotate(360deg);
-  }
+[data-v-2c351ff8] .gmTableNoBorder .el-table__inner-wrapper:before {
+  height: 0;
 }
-@keyframes loading-dash-d7b04fae {
-  0% {
-    stroke-dasharray: 1, 200;
-    stroke-dashoffset: 0;
-  }
-  50% {
-    stroke-dasharray: 90, 150;
-    stroke-dashoffset: -40px;
-  }
-  100% {
-    stroke-dasharray: 90, 150;
-    stroke-dashoffset: -120px;
-  }
+
+[data-v-2c351ff8] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
+  height: 0;
 }
 
-.gm-range-number .el-form-item[data-v-1ae16d96] {
-  margin: 0;
+[data-v-2c351ff8] .gmTableNoBorder.el-table--border:after {
+  height: 0;
 }
 
-.gm-upload-pro-preview-dialog[data-v-80b383d8] [data-v-80b383d8] .el-dialog__body {
-  padding: 0;
+[data-v-2c351ff8] .gmTableNoBorder.el-table--border:before {
+  height: 0;
 }
 
-.gm-upload-pro-file-picture-card[data-v-80b383d8] [data-v-80b383d8] .el-upload-list__item, .gm-upload-pro-file-picture-card[data-v-80b383d8] [data-v-80b383d8] .el-upload--picture-card {
-  width: auto;
-  height: auto;
+[data-v-2c351ff8] .gmTableNoBorder .el-table__border-left-patch {
+  height: 0;
 }
 .gm-upload-pro-file {
   line-height: normal;
@@ -966,38 +951,29 @@ video {
   margin-right: 0;
   margin-bottom: 4px;
 }
-[data-v-2c351ff8] .gmTableNoBorder .el-table__body .el-table__cell {
+[data-v-98c2e804] .gmTableNoBorder .el-table__body .el-table__cell {
   border-right: none;
 }
 
-[data-v-2c351ff8] .gmTableNoBorder .el-table__inner-wrapper:before {
+[data-v-98c2e804] .gmTableNoBorder .el-table__inner-wrapper:before {
   height: 0;
 }
 
-[data-v-2c351ff8] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
+[data-v-98c2e804] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
   height: 0;
 }
 
-[data-v-2c351ff8] .gmTableNoBorder.el-table--border:after {
+[data-v-98c2e804] .gmTableNoBorder.el-table--border:after {
   height: 0;
 }
 
-[data-v-2c351ff8] .gmTableNoBorder.el-table--border:before {
+[data-v-98c2e804] .gmTableNoBorder.el-table--border:before {
   height: 0;
 }
 
-[data-v-2c351ff8] .gmTableNoBorder .el-table__border-left-patch {
+[data-v-98c2e804] .gmTableNoBorder .el-table__border-left-patch {
   height: 0;
 }
-
-.pagination-container[data-v-47d35e7b] {
-  background: #fff;
-  padding-top: 12px;
-}
-.pagination-container.hidden[data-v-47d35e7b] {
-  display: none;
-}
-
 .gm-number-interval-single[data-v-4e6f4d6f] {
   border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
   box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
@@ -1016,6 +992,96 @@ video {
 .gm-number-interval-single[data-v-4e6f4d6f]:hover .gm-number-interval-close[data-v-4e6f4d6f] {
   display: flex;
 }
+.gm-upload-preview-dialog[data-v-312f9322] [data-v-312f9322] .el-dialog__body {
+  padding: 0;
+}
+
+.gm-upload-file-picture-card[data-v-312f9322] [data-v-312f9322] .el-upload-list__item, .gm-upload-file-picture-card[data-v-312f9322] [data-v-312f9322] .el-upload--picture-card {
+  width: auto;
+  height: auto;
+}
+.gm-upload-file {
+  line-height: normal;
+}
+.gm-upload-file .el-checkbox {
+  position: absolute;
+  left: 10px;
+  top: 0;
+  z-index: 9;
+}
+.gm-upload-file .el-upload-list--picture-card {
+  gap: 10px;
+}
+.gm-upload-file .el-upload-list__item {
+  margin: 0;
+}
+.gm-upload-file .el-upload-list__item-file-name {
+  line-height: normal;
+}
+.gm-upload-file .el-upload-dragger {
+  padding: 0;
+  border: none;
+  width: 100%;
+  height: 100%;
+  display: flex;
+}
+.gm-upload-file .el-upload--picture-card {
+  border: none;
+}
+
+.gm-upload-file-disabled .el-upload--picture-card {
+  display: none;
+}
+.gm-upload-file-disabled .el-upload-list__item-status-label {
+  display: none;
+}
+.gm-flex-center[data-v-c17deec9] {
+  align-items: center;
+}
+
+.gm-flex-justify-between[data-v-c17deec9] {
+  justify-content: space-between;
+}
+.circular[data-v-d7b04fae] {
+  animation: loading-rotate-d7b04fae 2s linear infinite;
+}
+
+.path[data-v-d7b04fae] {
+  animation: loading-dash-d7b04fae 1.5s ease-in-out infinite;
+  stroke-dasharray: 90, 150;
+  stroke-dashoffset: 0;
+  stroke: var(--el-color-primary);
+  stroke-linecap: round;
+}
+
+@keyframes loading-rotate-d7b04fae {
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes loading-dash-d7b04fae {
+  0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -40px;
+  }
+  100% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -120px;
+  }
+}
+
+.pagination-container[data-v-47d35e7b] {
+  background: #fff;
+  padding-top: 12px;
+}
+.pagination-container.hidden[data-v-47d35e7b] {
+  display: none;
+}
+
 @charset "UTF-8";
 .custom-operate-drawer .el-drawer__header {
   padding: 10px 15px;
@@ -1072,29 +1138,6 @@ video {
   border-radius: 10px;
   background: #eee;
 }
-[data-v-98c2e804] .gmTableNoBorder .el-table__body .el-table__cell {
-  border-right: none;
-}
-
-[data-v-98c2e804] .gmTableNoBorder .el-table__inner-wrapper:before {
-  height: 0;
-}
-
-[data-v-98c2e804] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
-  height: 0;
-}
-
-[data-v-98c2e804] .gmTableNoBorder.el-table--border:after {
-  height: 0;
-}
-
-[data-v-98c2e804] .gmTableNoBorder.el-table--border:before {
-  height: 0;
-}
-
-[data-v-98c2e804] .gmTableNoBorder .el-table__border-left-patch {
-  height: 0;
-}
 @charset "UTF-8";
 .table-custom-header-drawer .el-drawer__header {
   padding: 10px 15px;
@@ -1150,47 +1193,4 @@ video {
   box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
   border-radius: 10px;
   background: #eee;
-}
-.gm-upload-preview-dialog[data-v-312f9322] [data-v-312f9322] .el-dialog__body {
-  padding: 0;
-}
-
-.gm-upload-file-picture-card[data-v-312f9322] [data-v-312f9322] .el-upload-list__item, .gm-upload-file-picture-card[data-v-312f9322] [data-v-312f9322] .el-upload--picture-card {
-  width: auto;
-  height: auto;
-}
-.gm-upload-file {
-  line-height: normal;
-}
-.gm-upload-file .el-checkbox {
-  position: absolute;
-  left: 10px;
-  top: 0;
-  z-index: 9;
-}
-.gm-upload-file .el-upload-list--picture-card {
-  gap: 10px;
-}
-.gm-upload-file .el-upload-list__item {
-  margin: 0;
-}
-.gm-upload-file .el-upload-list__item-file-name {
-  line-height: normal;
-}
-.gm-upload-file .el-upload-dragger {
-  padding: 0;
-  border: none;
-  width: 100%;
-  height: 100%;
-  display: flex;
-}
-.gm-upload-file .el-upload--picture-card {
-  border: none;
-}
-
-.gm-upload-file-disabled .el-upload--picture-card {
-  display: none;
-}
-.gm-upload-file-disabled .el-upload-list__item-status-label {
-  display: none;
 }

package/es/components/src/base/button/Button.vue.d.ts

@@ -1,4 +1,8 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    loading: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     size: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
@@ -14,7 +18,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         __epPropKey: true;
     };
     nativeType: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
-    loading: BooleanConstructor;
     loadingIcon: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, () => any, boolean>;
     plain: BooleanConstructor;
     text: BooleanConstructor;
@@ -56,8 +59,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             readonly dark: boolean;
             readonly circle: boolean;
             readonly disabled: boolean;
-            readonly nativeType: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "button" | "reset" | "submit", unknown>;
             readonly loading: boolean;
+            readonly nativeType: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "button" | "reset" | "submit", unknown>;
             readonly bg: boolean;
             readonly autofocus: boolean;
             readonly tag: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>))[], unknown, unknown>;
@@ -98,7 +101,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             readonly tag: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>))[], unknown, unknown, "button", boolean>;
         }>> & {
             onClick?: ((evt: MouseEvent) => any) | undefined;
-        }, "type" | "plain" | "link" | "text" | "round" | "dark" | "circle" | "disabled" | "nativeType" | "loading" | "loadingIcon" | "bg" | "autofocus" | "autoInsertSpace" | "tag">;
+        }, "type" | "plain" | "link" | "text" | "round" | "dark" | "circle" | "disabled" | "loading" | "nativeType" | "loadingIcon" | "bg" | "autofocus" | "autoInsertSpace" | "tag">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -231,9 +234,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             default?(_: {}): any;
         };
     }) | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: (evt: MouseEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    loading: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     size: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
@@ -249,7 +254,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         __epPropKey: true;
     };
     nativeType: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
-    loading: BooleanConstructor;
     loadingIcon: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, () => any, boolean>;
     plain: BooleanConstructor;
     text: BooleanConstructor;
@@ -262,9 +266,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     dark: BooleanConstructor;
     autoInsertSpace: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     tag: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, "button", boolean>;
-}>> & {
-    onClick?: ((evt: MouseEvent) => any) | undefined;
-}, {
+}>>, {
     type: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger", unknown>;
     plain: boolean;
     link: boolean;
@@ -273,8 +275,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     dark: boolean;
     circle: boolean;
     disabled: boolean;
-    nativeType: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "button" | "reset" | "submit", unknown>;
     loading: boolean;
+    nativeType: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "button" | "reset" | "submit", unknown>;
     loadingIcon: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>;
     bg: boolean;
     autofocus: boolean;

package/es/components/src/base/button/Button.vue2.mjs

@@ -1,22 +1,35 @@
-import { defineComponent, useSlots, ref, resolveComponent, openBlock, createBlock, mergeProps, toHandlers, unref, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
-import '../../../../utils/index.mjs';
-import { buttonEmits as buttonEmits$1 } from 'element-plus';
-import { buttonProps, buttonEmits } from './button.mjs';
-import { getGmEvent } from '../../../../utils/src/elementPlus/event.mjs';
+import { defineComponent, useSlots, useAttrs, ref, computed, resolveComponent, openBlock, createBlock, mergeProps, unref, createSlots, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
+import { omit } from 'lodash-es';
+import { buttonProps } from './button.mjs';
+import { isBoolean } from '../../../../utils/src/is.mjs';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
-    name: "GmButton"
+    name: "GmButton",
+    inheritAttrs: false
   },
   __name: "Button",
   props: buttonProps,
-  emits: buttonEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
+  setup(__props, { expose: __expose }) {
     const slots = useSlots();
+    const attrs = useAttrs();
     const props = __props;
-    const emit = __emit;
-    const elEvents = getGmEvent(buttonEmits$1, emit);
     const elRef = ref();
+    const isLoading = ref(false);
+    const realLoading = computed(() => {
+      if (isBoolean(props.loading)) {
+        return props.loading;
+      }
+      return isLoading.value;
+    });
+    const handleClick = async (evt) => {
+      try {
+        isLoading.value = true;
+        return await attrs.onClick?.(evt);
+      } finally {
+        isLoading.value = false;
+      }
+    };
     __expose({
       elRef
     });
@@ -25,9 +38,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(_component_el_button, mergeProps({
         ref_key: "elRef",
         ref: elRef
-      }, props, {
-        type: _ctx.disabled ? "info" : _ctx.type
-      }, toHandlers(unref(elEvents))), createSlots({
+      }, unref(omit)(unref(attrs), "onClick"), {
+        type: _ctx.disabled ? "info" : _ctx.type,
+        loading: realLoading.value,
+        onClick: handleClick
+      }), createSlots({
         _: 2
         /* DYNAMIC */
       }, [
@@ -52,7 +67,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           key: "2"
         } : void 0
-      ]), 1040, ["type"]);
+      ]), 1040, ["type", "loading"]);
     };
   }
 });

package/es/components/src/base/button/Button.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.vue2.mjs","sources":["../../../../../../../packages/components/src/base/button/Button.vue"],"sourcesContent":["<template>\n  <el-button ref=\"elRef\" v-bind=\"props\" :type=\"disabled ? 'info' : type\" v-on=\"elEvents\">\n    <template v-if=\"slots.loading\" #loading=\"slotValue\">\n      <slot name=\"loading\" v-bind=\"slotValue\" />\n    </template>\n    <template v-if=\"slots.default\" #default>\n      <slot />\n    </template>\n    <template v-if=\"slots.icon\" #icon=\"slotValue\">\n      <slot name=\"icon\" v-bind=\"slotValue\" />\n    </template>\n  </el-button>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, useSlots } from 'vue';\nimport { getGmEvent } from '@giime/utils';\nimport { buttonEmits as elButtonEmits } from 'element-plus';\nimport { buttonEmits, buttonProps } from './button';\nimport type { ButtonInstance } from 'element-plus';\n\ndefineOptions({\n  name: 'GmButton',\n});\nconst slots = useSlots();\nconst props = defineProps(buttonProps);\nconst emit = defineEmits(buttonEmits);\n// 重发el的事件\nconst elEvents = getGmEvent(elButtonEmits, emit);\n\nconst elRef = ref<ButtonInstance>();\ndefineExpose({\n  elRef,\n});\n</script>\n"],"names":["elButtonEmits"],"mappings":";;;;;;;;;;;;;;AAuBA,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAM,MAAA,QAAA,GAAW,UAAW,CAAAA,aAAA,EAAe,IAAI,CAAA,CAAA;AAE/C,IAAA,MAAM,QAAQ,GAAoB,EAAA,CAAA;AAClC,IAAa,QAAA,CAAA;AAAA,MACX,KAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Button.vue2.mjs","sources":["../../../../../../../packages/components/src/base/button/Button.vue"],"sourcesContent":["<template>\n  <el-button ref=\"elRef\" v-bind=\"omit(attrs, 'onClick')\" :type=\"disabled ? 'info' : type\" :loading=\"realLoading\" @click=\"handleClick\">\n    <template v-if=\"slots.loading\" #loading=\"slotValue\">\n      <slot name=\"loading\" v-bind=\"slotValue\" />\n    </template>\n    <template v-if=\"slots.default\" #default>\n      <slot />\n    </template>\n    <template v-if=\"slots.icon\" #icon=\"slotValue\">\n      <slot name=\"icon\" v-bind=\"slotValue\" />\n    </template>\n  </el-button>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, ref, useAttrs, useSlots } from 'vue';\nimport { omit } from 'lodash-es';\nimport { buttonProps } from './button';\nimport type { ButtonInstance } from 'element-plus';\nimport { isBoolean } from '@giime/utils/src/is';\n\ndefineOptions({\n  name: 'GmButton',\n  inheritAttrs: false,\n});\nconst slots = useSlots();\nconst attrs = useAttrs() as {\n  onClick: (evt: MouseEvent) => Promise<any> | any;\n};\nconst props = defineProps(buttonProps);\n// const emit = defineEmits(buttonEmits);\n// 重发el的事件\n// const elEvents = getGmEvent(elButtonEmits, emit);\n\nconst elRef = ref<ButtonInstance>();\nconst isLoading = ref(false);\nconst realLoading = computed(() => {\n  // 优先使用用户传进来的loading\n  if (isBoolean(props.loading)) {\n    return props.loading;\n  }\n  return isLoading.value;\n});\nconst handleClick = async (evt: MouseEvent) => {\n  try {\n    isLoading.value = true;\n    return await attrs.onClick?.(evt);\n  } finally {\n    isLoading.value = false;\n  }\n};\ndefineExpose({\n  elRef,\n});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;AAwBA,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAGvB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAKd,IAAA,MAAM,QAAQ,GAAoB,EAAA,CAAA;AAClC,IAAM,MAAA,SAAA,GAAY,IAAI,KAAK,CAAA,CAAA;AAC3B,IAAM,MAAA,WAAA,GAAc,SAAS,MAAM;AAEjC,MAAI,IAAA,SAAA,CAAU,KAAM,CAAA,OAAO,CAAG,EAAA;AAC5B,QAAA,OAAO,KAAM,CAAA,OAAA,CAAA;AAAA,OACf;AACA,MAAA,OAAO,SAAU,CAAA,KAAA,CAAA;AAAA,KAClB,CAAA,CAAA;AACD,IAAM,MAAA,WAAA,GAAc,OAAO,GAAoB,KAAA;AAC7C,MAAI,IAAA;AACF,QAAA,SAAA,CAAU,KAAQ,GAAA,IAAA,CAAA;AAClB,QAAO,OAAA,MAAM,KAAM,CAAA,OAAA,GAAU,GAAG,CAAA,CAAA;AAAA,OAChC,SAAA;AACA,QAAA,SAAA,CAAU,KAAQ,GAAA,KAAA,CAAA;AAAA,OACpB;AAAA,KACF,CAAA;AACA,IAAa,QAAA,CAAA;AAAA,MACX,KAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/src/base/button/button.d.ts

@@ -1,4 +1,8 @@
 export declare const buttonProps: {
+    loading: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     size: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
@@ -14,7 +18,6 @@ export declare const buttonProps: {
         __epPropKey: true;
     };
     nativeType: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
-    loading: BooleanConstructor;
     loadingIcon: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, () => any, boolean>;
     plain: BooleanConstructor;
     text: BooleanConstructor;

package/es/components/src/base/button/button.mjs

@@ -1,7 +1,12 @@
 import { buttonProps as buttonProps$1, buttonEmits as buttonEmits$1, buttonTypes as buttonTypes$1, buttonNativeTypes as buttonNativeTypes$1 } from 'element-plus';
 
 const buttonProps = {
-  ...buttonProps$1
+  ...buttonProps$1,
+  loading: {
+    type: Boolean,
+    default: void 0
+    // 默认undefined，表示不使用loading
+  }
 };
 const buttonEmits = {
   ...buttonEmits$1

package/es/components/src/base/button/button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"button.mjs","sources":["../../../../../../../packages/components/src/base/button/button.ts"],"sourcesContent":["import {\n  buttonEmits as elButtonEmits,\n  buttonNativeTypes as elButtonNativeTypes,\n  buttonProps as elButtonProps,\n  buttonTypes as elButtonTypes,\n} from 'element-plus';\n// import type { ExtractPropTypes } from 'vue';\n\nexport const buttonProps = {\n  ...elButtonProps,\n};\n\nexport const buttonEmits = {\n  ...elButtonEmits,\n  // 自定义事件\n  // submit: (value: any) => !!value,\n};\n\nexport const buttonTypes = [...elButtonTypes];\n\nexport const buttonNativeTypes = [...elButtonNativeTypes];\n"],"names":["elButtonProps","elButtonEmits","elButtonTypes","elButtonNativeTypes"],"mappings":";;AAQO,MAAM,WAAc,GAAA;AAAA,EACzB,GAAGA,aAAA;AACL,EAAA;AAEO,MAAM,WAAc,GAAA;AAAA,EACzB,GAAGC,aAAA;AAAA;AAAA;AAGL,EAAA;AAEa,MAAA,WAAA,GAAc,CAAC,GAAGC,aAAa,EAAA;AAE/B,MAAA,iBAAA,GAAoB,CAAC,GAAGC,mBAAmB;;;;"}
+{"version":3,"file":"button.mjs","sources":["../../../../../../../packages/components/src/base/button/button.ts"],"sourcesContent":["import {\n  buttonEmits as elButtonEmits,\n  buttonNativeTypes as elButtonNativeTypes,\n  buttonProps as elButtonProps,\n  buttonTypes as elButtonTypes,\n} from 'element-plus';\n// import type { ExtractPropTypes } from 'vue';\n\nexport const buttonProps = {\n  ...elButtonProps,\n  loading: {\n    type: Boolean,\n    default: undefined, // 默认undefined，表示不使用loading\n  },\n};\n\nexport const buttonEmits = {\n  ...elButtonEmits,\n  // 自定义事件\n  // submit: (value: any) => !!value,\n};\n\nexport const buttonTypes = [...elButtonTypes];\n\nexport const buttonNativeTypes = [...elButtonNativeTypes];\n"],"names":["elButtonProps","elButtonEmits","elButtonTypes","elButtonNativeTypes"],"mappings":";;AAQO,MAAM,WAAc,GAAA;AAAA,EACzB,GAAGA,aAAA;AAAA,EACH,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA,CAAA;AAAA;AAAA,GACX;AACF,EAAA;AAEO,MAAM,WAAc,GAAA;AAAA,EACzB,GAAGC,aAAA;AAAA;AAAA;AAGL,EAAA;AAEa,MAAA,WAAA,GAAc,CAAC,GAAGC,aAAa,EAAA;AAE/B,MAAA,iBAAA,GAAoB,CAAC,GAAGC,mBAAmB;;;;"}