vxe-pc-ui 4.20.24 → 4.20.26

package/lib/button/src/button.js

@@ -34,12 +34,13 @@ module.exports = __toCommonJS(button_exports);
 var import_vue = require("vue");
 var import_comp = require("../../ui/src/comp");
 var import_xe_utils = __toESM(require("xe-utils"));
-var import_ui = require("../../ui");
+var import_core = require("@vxe-ui/core");
 var import_dom = require("../../ui/src/dom");
 var import_utils = require("../../ui/src/utils");
 var import_vn = require("../../ui/src/vn");
 var import_log = require("../../ui/src/log");
 var import_tooltip = __toESM(require("../../tooltip"));
+const { getConfig, globalEvents, getIcon, createEvent, useFns, renderer, permission, renderEmptyElement } = import_core.VxeUI;
 const { warnLog } = (0, import_log.createComponentLog)("button");
 const VxeButtonComponent = (0, import_comp.defineVxeComponent)({
   name: "VxeButton",
@@ -56,7 +57,7 @@ const VxeButtonComponent = (0, import_comp.defineVxeComponent)({
      */
     size: {
       type: String,
-      default: () => (0, import_ui.getConfig)().button.size || (0, import_ui.getConfig)().size
+      default: () => getConfig().button.size || getConfig().size
     },
     zIndex: Number,
     /**
@@ -118,7 +119,7 @@ const VxeButtonComponent = (0, import_comp.defineVxeComponent)({
     loading: Boolean,
     trigger: {
       type: String,
-      default: () => (0, import_ui.getConfig)().button.trigger
+      default: () => getConfig().button.trigger
     },
     align: String,
     prefixTooltip: Object,
@@ -126,22 +127,22 @@ const VxeButtonComponent = (0, import_comp.defineVxeComponent)({
     options: Array,
     showDropdownIcon: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().button.showDropdownIcon
+      default: () => getConfig().button.showDropdownIcon
     },
     dropdownCloseIcon: {
       type: String,
-      default: () => (0, import_ui.getConfig)().button.dropdownCloseIcon
+      default: () => getConfig().button.dropdownCloseIcon
     },
     dropdownOpenIcon: {
       type: String,
-      default: () => (0, import_ui.getConfig)().button.dropdownOpenIcon
+      default: () => getConfig().button.dropdownOpenIcon
     },
     /**
      * 在下拉面板关闭时销毁内容
      */
     destroyOnClose: {
       type: Boolean,
-      default: () => (0, import_ui.getConfig)().button.destroyOnClose
+      default: () => getConfig().button.destroyOnClose
     },
     popupConfig: Object,
     /**
@@ -152,14 +153,7 @@ const VxeButtonComponent = (0, import_comp.defineVxeComponent)({
       default: null
     }
   },
-  emits: [
-    "click",
-    "mouseenter",
-    "mouseleave",
-    "dropdown-click",
-    "dropdownClick",
-    "contextmenu"
-  ],
+  emits: ["click", "mouseenter", "mouseleave", "dropdown-click", "dropdownClick", "contextmenu"],
   setup(props, context) {
     const { slots, emit } = context;
     const $xeModal = (0, import_vue.inject)("$xeModal", null);
@@ -170,8 +164,8 @@ const VxeButtonComponent = (0, import_comp.defineVxeComponent)({
     const $xeForm = (0, import_vue.inject)("$xeForm", null);
     const $xeButtonGroup = (0, import_vue.inject)("$xeButtonGroup", null);
     const xID = import_xe_utils.default.uniqueId();
-    const { computeSize } = (0, import_ui.useSize)(props);
-    const { computePermissionInfo } = (0, import_ui.usePermission)(props);
+    const { computeSize } = useFns.useSize(props);
+    const { computePermissionInfo } = useFns.usePermission(props);
     const reactData = (0, import_vue.reactive)({
       initialized: false,
       visiblePanel: false,
@@ -207,7 +201,7 @@ const VxeButtonComponent = (0, import_comp.defineVxeComponent)({
         return popupOpts.transfer;
       }
       if (transfer === null) {
-        const globalTransfer = (0, import_ui.getConfig)().button.transfer;
+        const globalTransfer = getConfig().button.transfer;
         if (import_xe_utils.default.isBoolean(globalTransfer)) {
           return globalTransfer;
         }
@@ -281,19 +275,19 @@ const VxeButtonComponent = (0, import_comp.defineVxeComponent)({
       if (options) {
         return options.filter((item) => {
           const { permissionCode } = item;
-          return !permissionCode || import_ui.permission.checkVisible(permissionCode);
+          return !permissionCode || permission.checkVisible(permissionCode);
         });
       }
       return [];
     });
     const computePopupOpts = (0, import_vue.computed)(() => {
-      return Object.assign({}, (0, import_ui.getConfig)().button.popupConfig, props.popupConfig);
+      return Object.assign({}, getConfig().button.popupConfig, props.popupConfig);
     });
     const computePrefixTipOpts = (0, import_vue.computed)(() => {
-      return Object.assign({}, (0, import_ui.getConfig)().button.prefixTooltip, props.prefixTooltip);
+      return Object.assign({}, getConfig().button.prefixTooltip, props.prefixTooltip);
     });
     const computeSuffixTipOpts = (0, import_vue.computed)(() => {
-      return Object.assign({}, (0, import_ui.getConfig)().button.suffixTooltip, props.suffixTooltip);
+      return Object.assign({}, getConfig().button.suffixTooltip, props.suffixTooltip);
     });
     const updateZindex = () => {
       const popupOpts = computePopupOpts.value;
@@ -423,13 +417,16 @@ const VxeButtonComponent = (0, import_comp.defineVxeComponent)({
         if (!reactData.initialized) {
           reactData.initialized = true;
         }
-        internalData.showTime = setTimeout(() => {
-          if (panelElem.dataset.active === "Y") {
-            mouseenterDropdownEvent();
-          } else {
-            reactData.isAniVisible = false;
-          }
-        }, trigger === "click" ? 50 : 250);
+        internalData.showTime = setTimeout(
+          () => {
+            if (panelElem.dataset.active === "Y") {
+              mouseenterDropdownEvent();
+            } else {
+              reactData.isAniVisible = false;
+            }
+          },
+          trigger === "click" ? 50 : 250
+        );
       }
       return (0, import_vue.nextTick)();
     };
@@ -458,22 +455,30 @@ const VxeButtonComponent = (0, import_comp.defineVxeComponent)({
       hidePanel();
     };
     const renderTooltipIcon = (tipOpts, type) => {
-      return (0, import_vue.h)(import_tooltip.default, {
-        useHtml: import_xe_utils.default.isBoolean(tipOpts.useHtml) ? tipOpts.useHtml : tipOpts.useHTML,
-        content: tipOpts.content,
-        enterable: tipOpts.enterable,
-        theme: tipOpts.theme
-      }, {
-        default() {
-          return (0, import_vue.h)("span", {
-            class: `vxe-button--item vxe-button--tooltip-${type}-icon`
-          }, [
-            (0, import_vue.h)("i", {
-              class: tipOpts.icon || (0, import_ui.getIcon)().BUTTON_TOOLTIP_ICON
-            })
-          ]);
+      return (0, import_vue.h)(
+        import_tooltip.default,
+        {
+          useHtml: import_xe_utils.default.isBoolean(tipOpts.useHtml) ? tipOpts.useHtml : tipOpts.useHTML,
+          content: tipOpts.content,
+          enterable: tipOpts.enterable,
+          theme: tipOpts.theme
+        },
+        {
+          default() {
+            return (0, import_vue.h)(
+              "span",
+              {
+                class: `vxe-button--item vxe-button--tooltip-${type}-icon`
+              },
+              [
+                (0, import_vue.h)("i", {
+                  class: tipOpts.icon || getIcon().BUTTON_TOOLTIP_ICON
+                })
+              ]
+            );
+          }
         }
-      });
+      );
     };
     const renderContent = () => {
       const { content, suffixIcon, loading, prefixTooltip, suffixTooltip, suffixRender } = props;
@@ -486,29 +491,35 @@ const VxeButtonComponent = (0, import_comp.defineVxeComponent)({
       const defaultSlot = slots.default;
       const contVNs = [];
       if (prefixTooltip) {
-        contVNs.push(
-          renderTooltipIcon(prefixTipOpts, "prefix")
-        );
+        contVNs.push(renderTooltipIcon(prefixTipOpts, "prefix"));
       }
       if (loading) {
         contVNs.push(
           (0, import_vue.h)("i", {
-            class: ["vxe-button--item vxe-button--loading-icon", (0, import_ui.getIcon)().BUTTON_LOADING]
+            class: ["vxe-button--item vxe-button--loading-icon", getIcon().BUTTON_LOADING]
           })
         );
       } else if (prefixIconSlot) {
         contVNs.push(
-          (0, import_vue.h)("span", {
-            class: "vxe-button--item vxe-button--custom-prefix-icon"
-          }, prefixIconSlot({}))
+          (0, import_vue.h)(
+            "span",
+            {
+              class: "vxe-button--item vxe-button--custom-prefix-icon"
+            },
+            prefixIconSlot({})
+          )
         );
       } else if (prefixRender) {
-        const compConf = import_ui.renderer.get(prefixRender.name);
+        const compConf = renderer.get(prefixRender.name);
         const pIconMethod = compConf ? compConf.renderButtonPrefix : null;
         contVNs.push(
-          (0, import_vue.h)("span", {
-            class: ["vxe-button--item vxe-button--custom-prefix-icon"]
-          }, pIconMethod ? (0, import_vn.getSlotVNs)(pIconMethod(prefixRender, { $button: $xeButton })) : [])
+          (0, import_vue.h)(
+            "span",
+            {
+              class: ["vxe-button--item vxe-button--custom-prefix-icon"]
+            },
+            pIconMethod ? (0, import_vn.getSlotVNs)(pIconMethod(prefixRender, { $button: $xeButton })) : []
+          )
         );
       } else if (prefixIcon) {
         contVNs.push(
@@ -519,30 +530,46 @@ const VxeButtonComponent = (0, import_comp.defineVxeComponent)({
       }
       if (defaultSlot) {
         contVNs.push(
-          (0, import_vue.h)("span", {
-            class: "vxe-button--item vxe-button--content"
-          }, defaultSlot({}))
+          (0, import_vue.h)(
+            "span",
+            {
+              class: "vxe-button--item vxe-button--content"
+            },
+            defaultSlot({})
+          )
         );
       } else if (content) {
         contVNs.push(
-          (0, import_vue.h)("span", {
-            class: "vxe-button--item vxe-button--content"
-          }, (0, import_utils.getFuncText)(content))
+          (0, import_vue.h)(
+            "span",
+            {
+              class: "vxe-button--item vxe-button--content"
+            },
+            (0, import_utils.getFuncText)(content)
+          )
         );
       }
       if (suffixIconSlot) {
         contVNs.push(
-          (0, import_vue.h)("span", {
-            class: "vxe-button--item vxe-button--custom-suffix-icon"
-          }, suffixIconSlot({}))
+          (0, import_vue.h)(
+            "span",
+            {
+              class: "vxe-button--item vxe-button--custom-suffix-icon"
+            },
+            suffixIconSlot({})
+          )
         );
       } else if (suffixRender) {
-        const compConf = import_ui.renderer.get(suffixRender.name);
+        const compConf = renderer.get(suffixRender.name);
         const sIconMethod = compConf ? compConf.renderButtonSuffix : null;
         contVNs.push(
-          (0, import_vue.h)("span", {
-            class: ["vxe-button--item vxe-button--custom-suffix-icon"]
-          }, sIconMethod ? (0, import_vn.getSlotVNs)(sIconMethod(suffixRender, { $button: $xeButton })) : [])
+          (0, import_vue.h)(
+            "span",
+            {
+              class: ["vxe-button--item vxe-button--custom-suffix-icon"]
+            },
+            sIconMethod ? (0, import_vn.getSlotVNs)(sIconMethod(suffixRender, { $button: $xeButton })) : []
+          )
         );
       } else if (suffixIcon) {
         contVNs.push(
@@ -552,14 +579,12 @@ const VxeButtonComponent = (0, import_comp.defineVxeComponent)({
         );
       }
       if (suffixTooltip) {
-        contVNs.push(
-          renderTooltipIcon(suffixTipOpts, "suffix")
-        );
+        contVNs.push(renderTooltipIcon(suffixTipOpts, "suffix"));
       }
       return contVNs;
     };
     const dispatchEvent = (type, params, evnt) => {
-      emit(type, (0, import_ui.createEvent)(evnt, { $button: $xeButton }, params));
+      emit(type, createEvent(evnt, { $button: $xeButton }, params));
     };
     buttonMethods = {
       dispatchEvent,
@@ -624,7 +649,7 @@ const VxeButtonComponent = (0, import_comp.defineVxeComponent)({
       const dropdownsSlot = slots.dropdowns;
       const ppClassName = popupOpts.className || props.popupClassName;
       if (!permissionInfo.visible) {
-        return (0, import_ui.renderEmptyElement)($xeButton);
+        return renderEmptyElement($xeButton);
       }
       if (dropdownsSlot || downBtnList.length) {
         const btnOns = {
@@ -637,42 +662,211 @@ const VxeButtonComponent = (0, import_comp.defineVxeComponent)({
           panelOns.onMouseenter = mouseenterDropdownEvent;
           panelOns.onMouseleave = mouseleaveDropdownEvent;
         }
-        return (0, import_vue.h)("div", {
-          ref: refElem,
-          class: ["vxe-button--dropdown", className ? import_xe_utils.default.isFunction(className) ? className({ $button: $xeButton }) : className : "", {
-            [`size--${vSize}`]: vSize,
-            "is--active": visiblePanel
-          }]
-        }, [
-          routerLink ? (0, import_vue.h)((0, import_vue.resolveComponent)("router-link"), {
+        return (0, import_vue.h)(
+          "div",
+          {
+            ref: refElem,
+            class: [
+              "vxe-button--dropdown",
+              className ? import_xe_utils.default.isFunction(className) ? className({ $button: $xeButton }) : className : "",
+              {
+                [`size--${vSize}`]: vSize,
+                "is--active": visiblePanel
+              }
+            ]
+          },
+          [
+            routerLink ? (0, import_vue.h)(
+              (0, import_vue.resolveComponent)("router-link"),
+              {
+                ref: refButton,
+                class: [
+                  "vxe-button",
+                  "vxe-button--link",
+                  `type--${btnMode}`,
+                  btnAlign ? `align--${btnAlign}` : "",
+                  className ? import_xe_utils.default.isFunction(className) ? className({ $button: $xeButton }) : className : "",
+                  {
+                    [`size--${vSize}`]: vSize,
+                    [`theme--${btnStatus}`]: btnStatus,
+                    "is--round": btnRound,
+                    "is--circle": btnCircle,
+                    "is--shadow": shadow,
+                    "is--disabled": btnDisabled || loading,
+                    "is--loading": loading
+                  }
+                ],
+                title,
+                name,
+                type: isFormBtn ? type : "button",
+                disabled: btnDisabled || loading,
+                to: routerLink,
+                onClick: clickTargetEvent,
+                ...btnOns
+              },
+              {
+                default() {
+                  return renderContent().concat(
+                    showDropdownIcon ? [
+                      (0, import_vue.h)("i", {
+                        class: `vxe-button--dropdown-icon ${visiblePanel ? dropdownOpenIcon || getIcon().BUTTON_DROPDOWN_OPEN : dropdownCloseIcon || getIcon().BUTTON_DROPDOWN_CLOSE}`
+                      })
+                    ] : []
+                  );
+                }
+              }
+            ) : (0, import_vue.h)(
+              "button",
+              {
+                ref: refButton,
+                class: [
+                  "vxe-button",
+                  `type--${btnMode}`,
+                  btnAlign ? `align--${btnAlign}` : "",
+                  className ? import_xe_utils.default.isFunction(className) ? className({ $button: $xeButton }) : className : "",
+                  {
+                    [`size--${vSize}`]: vSize,
+                    [`theme--${btnStatus}`]: btnStatus,
+                    "is--round": btnRound,
+                    "is--circle": btnCircle,
+                    "is--shadow": shadow,
+                    "is--disabled": btnDisabled || loading,
+                    "is--loading": loading
+                  }
+                ],
+                title,
+                name,
+                type: isFormBtn ? type : "button",
+                disabled: btnDisabled || loading,
+                onClick: clickTargetEvent,
+                ...btnOns
+              },
+              renderContent().concat(
+                showDropdownIcon ? [
+                  (0, import_vue.h)("i", {
+                    class: `vxe-button--dropdown-icon ${visiblePanel ? dropdownOpenIcon || getIcon().BUTTON_DROPDOWN_OPEN : dropdownCloseIcon || getIcon().BUTTON_DROPDOWN_CLOSE}`
+                  })
+                ] : []
+              )
+            ),
+            (0, import_vue.h)(
+              import_vue.Teleport,
+              {
+                to: (0, import_dom.getPopupContainer)(appendTo),
+                disabled: btnTransfer ? !initialized : true
+              },
+              [
+                (0, import_vue.h)(
+                  "div",
+                  {
+                    ref: refBtnPanel,
+                    class: [
+                      "vxe-button--dropdown-panel",
+                      ppClassName ? import_xe_utils.default.isFunction(ppClassName) ? ppClassName({ $button: $xeButton }) : ppClassName : "",
+                      {
+                        [`size--${vSize}`]: vSize,
+                        "is--transfer": btnTransfer,
+                        "ani--leave": isAniVisible,
+                        "ani--enter": visiblePanel
+                      }
+                    ],
+                    placement: reactData.panelPlacement,
+                    style: reactData.panelStyle,
+                    ...panelOns
+                  },
+                  initialized && (visiblePanel || isAniVisible) ? [
+                    dropdownsSlot ? (0, import_vue.h)(
+                      "div",
+                      {
+                        class: "vxe-button--dropdown-wrapper",
+                        onMousedown: mousedownDropdownEvent,
+                        onClick: clickDropdownEvent
+                      },
+                      initialized && (destroyOnClose ? visiblePanel || isAniVisible : true) ? dropdownsSlot({}) : []
+                    ) : (0, import_vue.h)(
+                      "div",
+                      {
+                        class: "vxe-button--dropdown-wrapper"
+                      },
+                      initialized && (destroyOnClose ? visiblePanel || isAniVisible : true) ? downBtnList.map((option, i) => {
+                        return (0, import_vue.h)(VxeButtonComponent, {
+                          key: i,
+                          type: option.type,
+                          mode: option.mode || btnMode,
+                          className: option.className,
+                          name: option.name,
+                          routerLink: option.routerLink,
+                          permissionCode: option.permissionCode,
+                          title: option.title,
+                          content: option.content,
+                          status: option.status,
+                          icon: option.icon,
+                          round: import_xe_utils.default.isBoolean(option.round) ? option.round : btnMode === "text" ? false : btnRound,
+                          circle: import_xe_utils.default.isBoolean(option.circle) ? option.circle : btnMode === "text" ? false : btnCircle,
+                          disabled: option.disabled,
+                          loading: option.loading,
+                          align: option.align,
+                          onClick(params) {
+                            downBtnClickEvent(params, option);
+                          }
+                        });
+                      }) : []
+                    )
+                  ] : []
+                )
+              ]
+            )
+          ]
+        );
+      }
+      if (routerLink) {
+        return (0, import_vue.h)(
+          (0, import_vue.resolveComponent)("router-link"),
+          {
             ref: refButton,
-            class: ["vxe-button", "vxe-button--link", `type--${btnMode}`, btnAlign ? `align--${btnAlign}` : "", className ? import_xe_utils.default.isFunction(className) ? className({ $button: $xeButton }) : className : "", {
-              [`size--${vSize}`]: vSize,
-              [`theme--${btnStatus}`]: btnStatus,
-              "is--round": btnRound,
-              "is--circle": btnCircle,
-              "is--shadow": shadow,
-              "is--disabled": btnDisabled || loading,
-              "is--loading": loading
-            }],
+            class: [
+              "vxe-button",
+              "vxe-button--link",
+              `type--${btnMode}`,
+              btnAlign ? `align--${btnAlign}` : "",
+              className ? import_xe_utils.default.isFunction(className) ? className({ $button: $xeButton }) : className : "",
+              {
+                [`size--${vSize}`]: vSize,
+                [`theme--${btnStatus}`]: btnStatus,
+                "is--round": btnRound,
+                "is--circle": btnCircle,
+                "is--shadow": shadow,
+                "is--disabled": btnDisabled || loading,
+                "is--loading": loading
+              }
+            ],
             title,
             name,
             type: isFormBtn ? type : "button",
             disabled: btnDisabled || loading,
             to: routerLink,
-            onClick: clickTargetEvent,
-            ...btnOns
-          }, {
+            onClick: clickEvent,
+            onMouseenter: mouseenterEvent,
+            onMouseleave: mouseleaveEvent,
+            onContextmenu: contextmenuEvent
+          },
+          {
             default() {
-              return renderContent().concat(showDropdownIcon ? [
-                (0, import_vue.h)("i", {
-                  class: `vxe-button--dropdown-icon ${visiblePanel ? dropdownOpenIcon || (0, import_ui.getIcon)().BUTTON_DROPDOWN_OPEN : dropdownCloseIcon || (0, import_ui.getIcon)().BUTTON_DROPDOWN_CLOSE}`
-                })
-              ] : []);
+              return renderContent();
             }
-          }) : (0, import_vue.h)("button", {
-            ref: refButton,
-            class: ["vxe-button", `type--${btnMode}`, btnAlign ? `align--${btnAlign}` : "", className ? import_xe_utils.default.isFunction(className) ? className({ $button: $xeButton }) : className : "", {
+          }
+        );
+      }
+      return (0, import_vue.h)(
+        "button",
+        {
+          ref: refButton,
+          class: [
+            "vxe-button",
+            `type--${btnMode}`,
+            btnAlign ? `align--${btnAlign}` : "",
+            className ? import_xe_utils.default.isFunction(className) ? className({ $button: $xeButton }) : className : "",
+            {
               [`size--${vSize}`]: vSize,
               [`theme--${btnStatus}`]: btnStatus,
               "is--round": btnRound,
@@ -680,128 +874,33 @@ const VxeButtonComponent = (0, import_comp.defineVxeComponent)({
               "is--shadow": shadow,
               "is--disabled": btnDisabled || loading,
               "is--loading": loading
-            }],
-            title,
-            name,
-            type: isFormBtn ? type : "button",
-            disabled: btnDisabled || loading,
-            onClick: clickTargetEvent,
-            ...btnOns
-          }, renderContent().concat(showDropdownIcon ? [
-            (0, import_vue.h)("i", {
-              class: `vxe-button--dropdown-icon ${visiblePanel ? dropdownOpenIcon || (0, import_ui.getIcon)().BUTTON_DROPDOWN_OPEN : dropdownCloseIcon || (0, import_ui.getIcon)().BUTTON_DROPDOWN_CLOSE}`
-            })
-          ] : [])),
-          (0, import_vue.h)(import_vue.Teleport, {
-            to: (0, import_dom.getPopupContainer)(appendTo),
-            disabled: btnTransfer ? !initialized : true
-          }, [
-            (0, import_vue.h)("div", {
-              ref: refBtnPanel,
-              class: ["vxe-button--dropdown-panel", ppClassName ? import_xe_utils.default.isFunction(ppClassName) ? ppClassName({ $button: $xeButton }) : ppClassName : "", {
-                [`size--${vSize}`]: vSize,
-                "is--transfer": btnTransfer,
-                "ani--leave": isAniVisible,
-                "ani--enter": visiblePanel
-              }],
-              placement: reactData.panelPlacement,
-              style: reactData.panelStyle,
-              ...panelOns
-            }, initialized && (visiblePanel || isAniVisible) ? [
-              dropdownsSlot ? (0, import_vue.h)("div", {
-                class: "vxe-button--dropdown-wrapper",
-                onMousedown: mousedownDropdownEvent,
-                onClick: clickDropdownEvent
-              }, initialized && (destroyOnClose ? visiblePanel || isAniVisible : true) ? dropdownsSlot({}) : []) : (0, import_vue.h)("div", {
-                class: "vxe-button--dropdown-wrapper"
-              }, initialized && (destroyOnClose ? visiblePanel || isAniVisible : true) ? downBtnList.map((option, i) => {
-                return (0, import_vue.h)(VxeButtonComponent, {
-                  key: i,
-                  type: option.type,
-                  mode: option.mode || btnMode,
-                  className: option.className,
-                  name: option.name,
-                  routerLink: option.routerLink,
-                  permissionCode: option.permissionCode,
-                  title: option.title,
-                  content: option.content,
-                  status: option.status,
-                  icon: option.icon,
-                  round: import_xe_utils.default.isBoolean(option.round) ? option.round : btnMode === "text" ? false : btnRound,
-                  circle: import_xe_utils.default.isBoolean(option.circle) ? option.circle : btnMode === "text" ? false : btnCircle,
-                  disabled: option.disabled,
-                  loading: option.loading,
-                  align: option.align,
-                  onClick(params) {
-                    downBtnClickEvent(params, option);
-                  }
-                });
-              }) : [])
-            ] : [])
-          ])
-        ]);
-      }
-      if (routerLink) {
-        return (0, import_vue.h)((0, import_vue.resolveComponent)("router-link"), {
-          ref: refButton,
-          class: ["vxe-button", "vxe-button--link", `type--${btnMode}`, btnAlign ? `align--${btnAlign}` : "", className ? import_xe_utils.default.isFunction(className) ? className({ $button: $xeButton }) : className : "", {
-            [`size--${vSize}`]: vSize,
-            [`theme--${btnStatus}`]: btnStatus,
-            "is--round": btnRound,
-            "is--circle": btnCircle,
-            "is--shadow": shadow,
-            "is--disabled": btnDisabled || loading,
-            "is--loading": loading
-          }],
+            }
+          ],
           title,
           name,
           type: isFormBtn ? type : "button",
           disabled: btnDisabled || loading,
-          to: routerLink,
           onClick: clickEvent,
           onMouseenter: mouseenterEvent,
           onMouseleave: mouseleaveEvent,
           onContextmenu: contextmenuEvent
-        }, {
-          default() {
-            return renderContent();
-          }
-        });
-      }
-      return (0, import_vue.h)("button", {
-        ref: refButton,
-        class: ["vxe-button", `type--${btnMode}`, btnAlign ? `align--${btnAlign}` : "", className ? import_xe_utils.default.isFunction(className) ? className({ $button: $xeButton }) : className : "", {
-          [`size--${vSize}`]: vSize,
-          [`theme--${btnStatus}`]: btnStatus,
-          "is--round": btnRound,
-          "is--circle": btnCircle,
-          "is--shadow": shadow,
-          "is--disabled": btnDisabled || loading,
-          "is--loading": loading
-        }],
-        title,
-        name,
-        type: isFormBtn ? type : "button",
-        disabled: btnDisabled || loading,
-        onClick: clickEvent,
-        onMouseenter: mouseenterEvent,
-        onMouseleave: mouseleaveEvent,
-        onContextmenu: contextmenuEvent
-      }, renderContent());
+        },
+        renderContent()
+      );
     };
     $xeButton.renderVN = renderVN;
     (0, import_vue.onMounted)(() => {
       if (props.type === "text") {
         warnLog("vxe.error.delProp", ["type=text", "mode=text"]);
       }
-      import_ui.globalEvents.on($xeButton, "mousedown", handleGlobalMousedownEvent);
-      import_ui.globalEvents.on($xeButton, "resize", handleGlobalResizeEvent);
-      import_ui.globalEvents.on($xeButton, "scroll", handleGlobalScrollEvent);
+      globalEvents.on($xeButton, "mousedown", handleGlobalMousedownEvent);
+      globalEvents.on($xeButton, "resize", handleGlobalResizeEvent);
+      globalEvents.on($xeButton, "scroll", handleGlobalScrollEvent);
     });
     (0, import_vue.onUnmounted)(() => {
-      import_ui.globalEvents.off($xeButton, "mousedown");
-      import_ui.globalEvents.off($xeButton, "resize");
-      import_ui.globalEvents.off($xeButton, "scroll");
+      globalEvents.off($xeButton, "mousedown");
+      globalEvents.off($xeButton, "resize");
+      globalEvents.off($xeButton, "scroll");
     });
     return $xeButton;
   },