@maxax/ui 1.1.31 → 1.1.33

package/dist/components/basic-button-export-max/BasicButtonExportMax.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BasicButtonExportMax.vue.d.ts","sourceRoot":"","sources":["../../../src/components/basic-button-export-max/BasicButtonExportMax.vue"],"names":[],"mappings":"AA8GA,OAAO,KAAK,EAA6B,yBAAyB,EAAE,MAAM,aAAa,CAAA;;;;;;;;;;;;;;AAkPvF,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"BasicButtonExportMax.vue.d.ts","sourceRoot":"","sources":["../../../src/components/basic-button-export-max/BasicButtonExportMax.vue"],"names":[],"mappings":"AAkIA,OAAO,KAAK,EAA6B,yBAAyB,EAAE,MAAM,aAAa,CAAA;;;;;;;;;;;;;;AAkQvF,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/index.cjs

@@ -4,7 +4,7 @@ const utils = require("@maxax/utils");
 const vue = require("vue");
 const BScroll = require("@better-scroll/core");
 const naiveUi = require("naive-ui");
-const utils$1 = require("./utils-o29LtjNO.cjs");
+const utils$1 = require("./utils-Di7K635D.cjs");
 const lodashEs = require("lodash-es");
 const vxePcUi = require("vxe-pc-ui");
 const vxeTable = require("vxe-table");
@@ -4394,7 +4394,256 @@ const XBasicButtonImport = utils.withInstall(_sfc_main$K);
 const XBasicButtonPrint = utils.withInstall(_sfc_main$J);
 const XBasicButtonDrop = utils.withInstall(_sfc_main$O);
 const XBasicButtonExportDrop = utils.withInstall(_sfc_main$L);
+const _hoisted_1$a = ["id"];
+const _hoisted_2$3 = ["textContent"];
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = ["innerHTML"];
 const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+  __name: "BasicNotification",
+  props: {
+    customClass: { default: "" },
+    dangerouslyUseHTMLString: { type: Boolean },
+    duration: { default: 4500 },
+    icon: {},
+    id: { default: "" },
+    message: {},
+    offset: { default: 0 },
+    onClick: { type: Function, default: () => void 0 },
+    onClose: {},
+    position: { default: "top-right" },
+    showClose: { type: Boolean, default: true },
+    title: { default: "" },
+    type: { default: "" },
+    zIndex: {}
+  },
+  emits: ["destroy"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { ns, zIndex: zIndex2 } = useConfigProvider("basic-notification");
+    const { nextZIndex, currentZIndex } = zIndex2;
+    const visible = vue.ref(false);
+    let timer;
+    const iconMap = {
+      success: "ri:checkbox-circle-line",
+      error: "ri:close-circle-line",
+      info: "ri:information-line",
+      warning: "ri:error-warning-line"
+    };
+    const typeClass = vue.computed(() => {
+      const type = props.type;
+      return type && iconMap[props.type] ? ns.m(type) : "";
+    });
+    const iconComponent = vue.computed(() => {
+      if (!props.type) return props.icon;
+      return iconMap[props.type] || props.icon;
+    });
+    const horizontalClass = vue.computed(() => props.position.endsWith("right") ? "right" : "left");
+    const verticalProperty = vue.computed(() => props.position.startsWith("top") ? "top" : "bottom");
+    const positionStyle = vue.computed(() => {
+      var _a;
+      return {
+        [verticalProperty.value]: `${props.offset}px`,
+        zIndex: (_a = props.zIndex) != null ? _a : currentZIndex.value
+      };
+    });
+    function startTimer() {
+      if (props.duration > 0) {
+        ({ stop: timer } = useTimeoutFn(() => {
+          if (visible.value) close2();
+        }, props.duration));
+      }
+    }
+    function clearTimer() {
+      timer == null ? void 0 : timer();
+    }
+    function close2() {
+      visible.value = false;
+    }
+    function onKeydown({ code }) {
+      if (code === EVENT_CODE.delete || code === EVENT_CODE.backspace) {
+        clearTimer();
+      } else if (code === EVENT_CODE.esc) {
+        if (visible.value) {
+          close2();
+        }
+      } else {
+        startTimer();
+      }
+    }
+    vue.onMounted(() => {
+      startTimer();
+      nextZIndex();
+      visible.value = true;
+    });
+    useEventListener(document, "keydown", onKeydown);
+    __expose({
+      visible,
+      /** @description close notification */
+      close: close2
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.Transition, {
+        name: "imax-notification-fade",
+        onBeforeLeave: __props.onClose,
+        onAfterLeave: _cache[1] || (_cache[1] = ($event) => emit("destroy"))
+      }, {
+        default: vue.withCtx(() => [
+          vue.withDirectives(vue.createElementVNode("div", {
+            id: __props.id,
+            class: vue.normalizeClass([vue.unref(ns).b(), __props.customClass, horizontalClass.value]),
+            style: vue.normalizeStyle(positionStyle.value),
+            role: "alert",
+            onMouseenter: clearTimer,
+            onMouseleave: startTimer,
+            onClick: _cache[0] || (_cache[0] = //@ts-ignore
+            (...args) => __props.onClick && __props.onClick(...args))
+          }, [
+            iconComponent.value ? (vue.openBlock(), vue.createBlock(vue.unref(XBasicSvgIcon), {
+              key: 0,
+              class: vue.normalizeClass([vue.unref(ns).e("icon"), typeClass.value]),
+              icon: iconComponent.value
+            }, null, 8, ["class", "icon"])) : vue.createCommentVNode("", true),
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(ns).e("group"))
+            }, [
+              vue.createElementVNode("h2", {
+                class: vue.normalizeClass(vue.unref(ns).e("title")),
+                textContent: vue.toDisplayString(__props.title)
+              }, null, 10, _hoisted_2$3),
+              vue.withDirectives(vue.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(ns).e("content")),
+                style: vue.normalizeStyle(!!__props.title ? void 0 : { margin: 0 })
+              }, [
+                vue.renderSlot(_ctx.$slots, "default", {}, () => [
+                  !__props.dangerouslyUseHTMLString ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3, vue.toDisplayString(__props.message), 1)) : (vue.openBlock(), vue.createElementBlock("p", {
+                    key: 1,
+                    innerHTML: __props.message
+                  }, null, 8, _hoisted_4))
+                ])
+              ], 6), [
+                [vue.vShow, __props.message]
+              ]),
+              vue.createElementVNode("span", {
+                onClick: vue.withModifiers(close2, ["stop"])
+              }, [
+                __props.showClose ? (vue.openBlock(), vue.createBlock(vue.unref(XBasicSvgIcon), {
+                  key: 0,
+                  class: vue.normalizeClass(vue.unref(ns).e("closeBtn")),
+                  icon: "ri:close-line"
+                }, null, 8, ["class"])) : vue.createCommentVNode("", true)
+              ])
+            ], 2)
+          ], 46, _hoisted_1$a), [
+            [vue.vShow, visible.value]
+          ])
+        ]),
+        _: 3
+      }, 8, ["onBeforeLeave"]);
+    };
+  }
+});
+const notificationTypes = ["success", "info", "warning", "error"];
+const notifications = {
+  "top-left": [],
+  "top-right": [],
+  "bottom-left": [],
+  "bottom-right": []
+};
+const GAP_SIZE = 16;
+let seed = 1;
+const notify = (options, context) => {
+  if (!utils.isClient) return { close: () => void 0 };
+  if (utils.isString(options) || vue.isVNode(options)) {
+    options = { message: options };
+  }
+  const position = (options == null ? void 0 : options.position) || "top-right";
+  let verticalOffset = (options == null ? void 0 : options.offset) || 0;
+  notifications[position].forEach(({ vm: vm2 }) => {
+    var _a;
+    verticalOffset += (((_a = vm2.el) == null ? void 0 : _a.offsetHeight) || 0) + GAP_SIZE;
+  });
+  verticalOffset += GAP_SIZE;
+  const id = `notification_${seed++}`;
+  const userOnClose = options == null ? void 0 : options.onClose;
+  const props = {
+    ...options,
+    offset: verticalOffset,
+    id,
+    onClose: () => {
+      close(id, position, userOnClose);
+    }
+  };
+  let appendTo = document.body;
+  if (utils.isElement(options == null ? void 0 : options.appendTo)) {
+    appendTo = options == null ? void 0 : options.appendTo;
+  } else if (utils.isString(options == null ? void 0 : options.appendTo)) {
+    appendTo = document.querySelector(options == null ? void 0 : options.appendTo);
+  }
+  if (!utils.isElement(appendTo)) {
+    console.warn("the appendTo option is not an HTMLElement. Falling back to document.body.");
+    appendTo = document.body;
+  }
+  const container = document.createElement("div");
+  const vm = vue.createVNode(_sfc_main$I, props, utils.isFunction(props.message) ? props.message : vue.isVNode(props.message) ? () => props.message : null);
+  vm.appContext = utils.isUndefined(context) ? notify._context : context;
+  vm.props.onDestroy = () => {
+    vue.render(null, container);
+  };
+  vue.render(vm, container);
+  notifications[position].push({ vm });
+  appendTo.appendChild(container.firstElementChild);
+  return {
+    // instead of calling the onClose function directly, setting this value so that we can have the full lifecycle
+    // for out component, so that all closing steps will not be skipped.
+    close: () => {
+      vm.component.exposed.visible.value = false;
+    }
+  };
+};
+notificationTypes.forEach((type) => {
+  notify[type] = (options = {}, appContext) => {
+    if (utils.isString(options) || vue.isVNode(options)) {
+      options = {
+        message: options
+      };
+    }
+    return notify({ ...options, type }, appContext);
+  };
+});
+function close(id, position, userOnClose) {
+  const orientedNotifications = notifications[position];
+  const idx = orientedNotifications.findIndex(({ vm: vm2 }) => {
+    var _a;
+    return ((_a = vm2.component) == null ? void 0 : _a.props.id) === id;
+  });
+  if (idx === -1) return;
+  const { vm } = orientedNotifications[idx];
+  if (!vm) return;
+  userOnClose == null ? void 0 : userOnClose(vm);
+  const removedHeight = vm.el.offsetHeight;
+  const verticalPos = (position == null ? void 0 : position.split("-")[0]) || "top";
+  orientedNotifications.splice(idx, 1);
+  const len = orientedNotifications.length;
+  if (len < 1) return;
+  for (let i = idx; i < len; i++) {
+    const { el, component } = orientedNotifications[i].vm;
+    const pos = Number.parseInt(el.style[verticalPos], 10) - removedHeight - GAP_SIZE;
+    component.props.offset = pos;
+  }
+}
+function closeAll() {
+  for (const orientedNotifications of Object.values(notifications)) {
+    orientedNotifications.forEach(({ vm }) => {
+      vm.component.exposed.visible.value = false;
+    });
+  }
+}
+notify.closeAll = closeAll;
+notify._context = null;
+const $Notification = notify;
+const XBasicNotification = $Notification;
+const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicButtonExportMax",
   props: {
     drop: { type: Boolean, default: true },
@@ -4407,14 +4656,14 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     exportApi: {},
     beforeFetch: {},
     afterFetch: {},
-    showProgress: { type: Boolean, default: true }
+    showProgress: { type: Boolean, default: false }
   },
   emits: ["click"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const { b } = useNamespace("basic-button-export-max");
-    const { b: bm, e: em } = useNamespace("basic-button-export-max-modal");
+    const { b: bm, e: em } = useNamespace("basic-button-em-modal");
     const progressVisible = vue.ref(false);
     const progressPercent = vue.ref(0);
     const attrs = vue.useAttrs();
@@ -4425,8 +4674,20 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
         return option;
       });
     });
-    function getFetchParams(key2) {
-      return props.beforeFetch ? props.beforeFetch(key2) : {};
+    async function runBeforeFetchGuard(key2) {
+      if (!props.beforeFetch || !utils.isFunction(props.beforeFetch)) return { pass: true, params: {} };
+      try {
+        const result = await props.beforeFetch(key2);
+        if (result === false) return { pass: false, params: {} };
+        if (utils.isString(result) && result) {
+          XBasicNotification.error(result);
+          return { pass: false, params: {} };
+        }
+        return { pass: true, params: result || {} };
+      } catch (error) {
+        console.error(error);
+        return { pass: false, params: {} };
+      }
     }
     function getFetchApi(key2) {
       var _a;
@@ -4442,8 +4703,9 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     }
     async function trigger(key2) {
       const api = getFetchApi(key2);
-      const params = getFetchParams(key2);
       if (!api) return;
+      const { pass, params } = await runBeforeFetchGuard(key2);
+      if (!pass) return;
       if (props.showProgress) {
         progressPercent.value = 0;
         progressVisible.value = true;
@@ -4465,7 +4727,6 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
       trigger("max");
     }
     return (_ctx, _cache) => {
-      const _component_XBasicButton = vue.resolveComponent("XBasicButton");
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
         __props.drop ? (vue.openBlock(), vue.createBlock(_sfc_main$O, vue.mergeProps({
           key: 0,
@@ -4479,7 +4740,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
             ])
           ]),
           _: 3
-        }, 16, ["icon", "options", "class"])) : (vue.openBlock(), vue.createBlock(_component_XBasicButton, vue.mergeProps({
+        }, 16, ["icon", "options", "class"])) : (vue.openBlock(), vue.createBlock(vue.unref(XBasicButton), vue.mergeProps({
           key: 1,
           icon: __props.icon,
           type: "primary"
@@ -4495,32 +4756,35 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
           show: progressVisible.value,
           "onUpdate:show": _cache[0] || (_cache[0] = ($event) => progressVisible.value = $event),
           closable: false,
-          preset: "card",
-          class: vue.normalizeClass(vue.unref(bm)())
+          "mask-closable": false,
+          "show-mask": false
         }, {
           default: vue.withCtx(() => [
             vue.createElementVNode("div", {
-              class: vue.normalizeClass(vue.unref(em)("progress-content"))
+              class: vue.normalizeClass(vue.unref(bm)())
             }, [
-              vue.createVNode(vue.unref(naiveUi.NProgress), {
-                type: "line",
-                percentage: progressPercent.value,
-                "indicator-placement": "inside"
-              }, null, 8, ["percentage"]),
-              vue.createElementVNode("p", null, vue.toDisplayString(vue.unref(t)("max.basic.exportingTip")), 1)
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(em)("content"))
+              }, [
+                vue.createVNode(vue.unref(naiveUi.NProgress), {
+                  type: "circle",
+                  percentage: progressPercent.value
+                }, null, 8, ["percentage"]),
+                vue.createElementVNode("p", null, vue.toDisplayString(vue.unref(t)("max.basic.downloading")), 1)
+              ], 2)
             ], 2)
           ]),
           _: 1
-        }, 8, ["show", "class"])
+        }, 8, ["show"])
       ], 64);
     };
   }
 });
-const XBasicButtonExportMax = utils.withInstall(_sfc_main$I);
+const XBasicButtonExportMax = utils.withInstall(_sfc_main$H);
 function _isSlot$3(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
 }
-const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   name: "ButtonGroupItem",
   props: {
     schema: {
@@ -4873,7 +5137,7 @@ function useButtonGroupSchema({ getProps, schemaRef }) {
   });
   return { getSchema };
 }
-const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicButtonGroup",
   props: {
     showReturnButton: { type: Boolean },
@@ -4954,7 +5218,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: vue.unref(getWrapperClass) }, getBindValue.value), [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(getSchema), (schema) => {
-          return vue.openBlock(), vue.createBlock(_sfc_main$H, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$G, {
             key: schema.field,
             schema,
             "button-group-action-type": buttonGroupActionType,
@@ -4975,256 +5239,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicButtonGroup = utils.withInstall(_sfc_main$G);
-const _hoisted_1$a = ["id"];
-const _hoisted_2$3 = ["textContent"];
-const _hoisted_3 = { key: 0 };
-const _hoisted_4 = ["innerHTML"];
-const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
-  __name: "BasicNotification",
-  props: {
-    customClass: { default: "" },
-    dangerouslyUseHTMLString: { type: Boolean },
-    duration: { default: 4500 },
-    icon: {},
-    id: { default: "" },
-    message: {},
-    offset: { default: 0 },
-    onClick: { type: Function, default: () => void 0 },
-    onClose: {},
-    position: { default: "top-right" },
-    showClose: { type: Boolean, default: true },
-    title: { default: "" },
-    type: { default: "" },
-    zIndex: {}
-  },
-  emits: ["destroy"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { ns, zIndex: zIndex2 } = useConfigProvider("basic-notification");
-    const { nextZIndex, currentZIndex } = zIndex2;
-    const visible = vue.ref(false);
-    let timer;
-    const iconMap = {
-      success: "ri:checkbox-circle-line",
-      error: "ri:close-circle-line",
-      info: "ri:information-line",
-      warning: "ri:error-warning-line"
-    };
-    const typeClass = vue.computed(() => {
-      const type = props.type;
-      return type && iconMap[props.type] ? ns.m(type) : "";
-    });
-    const iconComponent = vue.computed(() => {
-      if (!props.type) return props.icon;
-      return iconMap[props.type] || props.icon;
-    });
-    const horizontalClass = vue.computed(() => props.position.endsWith("right") ? "right" : "left");
-    const verticalProperty = vue.computed(() => props.position.startsWith("top") ? "top" : "bottom");
-    const positionStyle = vue.computed(() => {
-      var _a;
-      return {
-        [verticalProperty.value]: `${props.offset}px`,
-        zIndex: (_a = props.zIndex) != null ? _a : currentZIndex.value
-      };
-    });
-    function startTimer() {
-      if (props.duration > 0) {
-        ({ stop: timer } = useTimeoutFn(() => {
-          if (visible.value) close2();
-        }, props.duration));
-      }
-    }
-    function clearTimer() {
-      timer == null ? void 0 : timer();
-    }
-    function close2() {
-      visible.value = false;
-    }
-    function onKeydown({ code }) {
-      if (code === EVENT_CODE.delete || code === EVENT_CODE.backspace) {
-        clearTimer();
-      } else if (code === EVENT_CODE.esc) {
-        if (visible.value) {
-          close2();
-        }
-      } else {
-        startTimer();
-      }
-    }
-    vue.onMounted(() => {
-      startTimer();
-      nextZIndex();
-      visible.value = true;
-    });
-    useEventListener(document, "keydown", onKeydown);
-    __expose({
-      visible,
-      /** @description close notification */
-      close: close2
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.Transition, {
-        name: "imax-notification-fade",
-        onBeforeLeave: __props.onClose,
-        onAfterLeave: _cache[1] || (_cache[1] = ($event) => emit("destroy"))
-      }, {
-        default: vue.withCtx(() => [
-          vue.withDirectives(vue.createElementVNode("div", {
-            id: __props.id,
-            class: vue.normalizeClass([vue.unref(ns).b(), __props.customClass, horizontalClass.value]),
-            style: vue.normalizeStyle(positionStyle.value),
-            role: "alert",
-            onMouseenter: clearTimer,
-            onMouseleave: startTimer,
-            onClick: _cache[0] || (_cache[0] = //@ts-ignore
-            (...args) => __props.onClick && __props.onClick(...args))
-          }, [
-            iconComponent.value ? (vue.openBlock(), vue.createBlock(vue.unref(XBasicSvgIcon), {
-              key: 0,
-              class: vue.normalizeClass([vue.unref(ns).e("icon"), typeClass.value]),
-              icon: iconComponent.value
-            }, null, 8, ["class", "icon"])) : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass(vue.unref(ns).e("group"))
-            }, [
-              vue.createElementVNode("h2", {
-                class: vue.normalizeClass(vue.unref(ns).e("title")),
-                textContent: vue.toDisplayString(__props.title)
-              }, null, 10, _hoisted_2$3),
-              vue.withDirectives(vue.createElementVNode("div", {
-                class: vue.normalizeClass(vue.unref(ns).e("content")),
-                style: vue.normalizeStyle(!!__props.title ? void 0 : { margin: 0 })
-              }, [
-                vue.renderSlot(_ctx.$slots, "default", {}, () => [
-                  !__props.dangerouslyUseHTMLString ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3, vue.toDisplayString(__props.message), 1)) : (vue.openBlock(), vue.createElementBlock("p", {
-                    key: 1,
-                    innerHTML: __props.message
-                  }, null, 8, _hoisted_4))
-                ])
-              ], 6), [
-                [vue.vShow, __props.message]
-              ]),
-              vue.createElementVNode("span", {
-                onClick: vue.withModifiers(close2, ["stop"])
-              }, [
-                __props.showClose ? (vue.openBlock(), vue.createBlock(vue.unref(XBasicSvgIcon), {
-                  key: 0,
-                  class: vue.normalizeClass(vue.unref(ns).e("closeBtn")),
-                  icon: "ri:close-line"
-                }, null, 8, ["class"])) : vue.createCommentVNode("", true)
-              ])
-            ], 2)
-          ], 46, _hoisted_1$a), [
-            [vue.vShow, visible.value]
-          ])
-        ]),
-        _: 3
-      }, 8, ["onBeforeLeave"]);
-    };
-  }
-});
-const notificationTypes = ["success", "info", "warning", "error"];
-const notifications = {
-  "top-left": [],
-  "top-right": [],
-  "bottom-left": [],
-  "bottom-right": []
-};
-const GAP_SIZE = 16;
-let seed = 1;
-const notify = (options, context) => {
-  if (!utils.isClient) return { close: () => void 0 };
-  if (utils.isString(options) || vue.isVNode(options)) {
-    options = { message: options };
-  }
-  const position = (options == null ? void 0 : options.position) || "top-right";
-  let verticalOffset = (options == null ? void 0 : options.offset) || 0;
-  notifications[position].forEach(({ vm: vm2 }) => {
-    var _a;
-    verticalOffset += (((_a = vm2.el) == null ? void 0 : _a.offsetHeight) || 0) + GAP_SIZE;
-  });
-  verticalOffset += GAP_SIZE;
-  const id = `notification_${seed++}`;
-  const userOnClose = options == null ? void 0 : options.onClose;
-  const props = {
-    ...options,
-    offset: verticalOffset,
-    id,
-    onClose: () => {
-      close(id, position, userOnClose);
-    }
-  };
-  let appendTo = document.body;
-  if (utils.isElement(options == null ? void 0 : options.appendTo)) {
-    appendTo = options == null ? void 0 : options.appendTo;
-  } else if (utils.isString(options == null ? void 0 : options.appendTo)) {
-    appendTo = document.querySelector(options == null ? void 0 : options.appendTo);
-  }
-  if (!utils.isElement(appendTo)) {
-    console.warn("the appendTo option is not an HTMLElement. Falling back to document.body.");
-    appendTo = document.body;
-  }
-  const container = document.createElement("div");
-  const vm = vue.createVNode(_sfc_main$F, props, utils.isFunction(props.message) ? props.message : vue.isVNode(props.message) ? () => props.message : null);
-  vm.appContext = utils.isUndefined(context) ? notify._context : context;
-  vm.props.onDestroy = () => {
-    vue.render(null, container);
-  };
-  vue.render(vm, container);
-  notifications[position].push({ vm });
-  appendTo.appendChild(container.firstElementChild);
-  return {
-    // instead of calling the onClose function directly, setting this value so that we can have the full lifecycle
-    // for out component, so that all closing steps will not be skipped.
-    close: () => {
-      vm.component.exposed.visible.value = false;
-    }
-  };
-};
-notificationTypes.forEach((type) => {
-  notify[type] = (options = {}, appContext) => {
-    if (utils.isString(options) || vue.isVNode(options)) {
-      options = {
-        message: options
-      };
-    }
-    return notify({ ...options, type }, appContext);
-  };
-});
-function close(id, position, userOnClose) {
-  const orientedNotifications = notifications[position];
-  const idx = orientedNotifications.findIndex(({ vm: vm2 }) => {
-    var _a;
-    return ((_a = vm2.component) == null ? void 0 : _a.props.id) === id;
-  });
-  if (idx === -1) return;
-  const { vm } = orientedNotifications[idx];
-  if (!vm) return;
-  userOnClose == null ? void 0 : userOnClose(vm);
-  const removedHeight = vm.el.offsetHeight;
-  const verticalPos = (position == null ? void 0 : position.split("-")[0]) || "top";
-  orientedNotifications.splice(idx, 1);
-  const len = orientedNotifications.length;
-  if (len < 1) return;
-  for (let i = idx; i < len; i++) {
-    const { el, component } = orientedNotifications[i].vm;
-    const pos = Number.parseInt(el.style[verticalPos], 10) - removedHeight - GAP_SIZE;
-    component.props.offset = pos;
-  }
-}
-function closeAll() {
-  for (const orientedNotifications of Object.values(notifications)) {
-    orientedNotifications.forEach(({ vm }) => {
-      vm.component.exposed.visible.value = false;
-    });
-  }
-}
-notify.closeAll = closeAll;
-notify._context = null;
-const $Notification = notify;
-const XBasicNotification = $Notification;
+const XBasicButtonGroup = utils.withInstall(_sfc_main$F);
 const ROW_KEY$1 = "_MAX_ROW_KEY";
 const PAGE_SIZE_OPTIONS$1 = [10, 50, 80, 100];
 const PAGE_SIZE$1 = 10;