@maxax/ui 1.1.30 → 1.1.32

package/dist/index.mjs

@@ -2,7 +2,7 @@ import { camelize, isNumber, isString, removeClass, addClass, pascalCase, isClie
 import { shallowRef, shallowReadonly, onUnmounted, onMounted, nextTick, getCurrentScope, onScopeDispose, toValue, getCurrentInstance, watch, computed, unref, Fragment, isVNode, Comment, Text, watchEffect, onBeforeUnmount, inject, ref, isRef, toRaw, defineComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, renderSlot, h, useAttrs, mergeProps, createBlock, createCommentVNode, withCtx, createTextVNode, toDisplayString, createVNode, useSlots, createSlots, provide, reactive, toRefs, resolveComponent, Transition, withDirectives, withModifiers, normalizeStyle, withKeys, resolveDynamicComponent, vShow, render as render$1, useTemplateRef, renderList, normalizeProps, guardReactiveProps, triggerRef, TransitionGroup, toRef, vModelText, createApp, toHandlers, mergeDefaults } from "vue";
 import BScroll from "@better-scroll/core";
 import { NTooltip, NButton, NInput, NButtonGroup, NDropdown, NModal, NProgress, NSwitch, NCard, NCascader, NDatePicker, NDrawer, NDrawerContent, NSelect, NInputNumber, NUpload, NAutoComplete, NDynamicTags, NTreeSelect, NTimePicker, NCheckbox, NCheckboxGroup, NRadio, NRadioButton, NRadioGroup, NSlider, NTransfer, NDivider, NColorPicker, NRate, NCol, NFormItem, NForm, NRow, NPopover, NTabs, NTabPane, NScrollbar, NEmpty, NPagination, NSpin } from "naive-ui";
-import { b as buildLocaleContext, z as zhCN } from "./utils-BqJsjHj1.js";
+import { b as buildLocaleContext, z as zhCN } from "./utils-D9CmPNRk.js";
 import { merge, cloneDeep as cloneDeep$1, uniqBy, isBoolean as isBoolean$1, isFunction as isFunction$1, isArray as isArray$1, isString as isString$1, isEqual, get, concat, partition, omit, has, set, unset, isNumber as isNumber$1, isPlainObject } from "lodash-es";
 import { VxePager } from "vxe-pc-ui";
 import { VxeUI, VxePager as VxePager2 } from "vxe-pc-ui";
@@ -1128,7 +1128,7 @@ const useZIndex = (zIndexOverrides) => {
     nextZIndex
   };
 };
-const _sfc_main$$ = /* @__PURE__ */ defineComponent({
+const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   __name: "better-scroll",
   props: {
     options: {}
@@ -2854,7 +2854,7 @@ const Icon = defineComponent((props, { emit }) => {
   emits: ["load"]
 });
 const _hoisted_1$d = ["xlink:href"];
-const _sfc_main$_ = /* @__PURE__ */ defineComponent({
+const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   __name: "BasicSvgIcon",
   props: {
     icon: {},
@@ -2900,8 +2900,8 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicSvgIcon = withInstall(_sfc_main$_);
-const _sfc_main$Z = /* @__PURE__ */ defineComponent({
+const XBasicSvgIcon = withInstall(_sfc_main$$);
+const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -2950,7 +2950,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$Y = /* @__PURE__ */ defineComponent({
+const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   __name: "full-screen",
   props: {
     full: { type: Boolean }
@@ -2958,7 +2958,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const { t } = useLocale();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$Z, {
+      return openBlock(), createBlock(_sfc_main$_, {
         key: String(__props.full),
         "tooltip-content": __props.full ? unref(t)("max.icon.fullscreenExit") : unref(t)("max.icon.fullscreen")
       }, {
@@ -2976,7 +2976,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$X = /* @__PURE__ */ defineComponent({
+const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   __name: "icon-tooltip",
   props: {
     icon: { default: "mdi-help-circle" },
@@ -3016,7 +3016,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$W = /* @__PURE__ */ defineComponent({
+const _sfc_main$X = /* @__PURE__ */ defineComponent({
   __name: "menu-toggler",
   props: {
     collapsed: { type: Boolean },
@@ -3042,7 +3042,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
       return icons[arrowIcon][collapsed];
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$Z, {
+      return openBlock(), createBlock(_sfc_main$_, {
         key: String(__props.collapsed),
         "tooltip-content": __props.collapsed ? unref(t)("max.icon.expand") : unref(t)("max.icon.collapse"),
         "tooltip-placement": "bottom-start",
@@ -3056,7 +3056,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$V = /* @__PURE__ */ defineComponent({
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
   __name: "pin-toggler",
   props: {
     pin: { type: Boolean }
@@ -3066,7 +3066,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     const { t } = useLocale();
     const icon = computed(() => props.pin ? "mdi-pin-off" : "mdi-pin");
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$Z, {
+      return openBlock(), createBlock(_sfc_main$_, {
         "tooltip-content": __props.pin ? unref(t)("max.icon.unpin") : unref(t)("max.icon.pin"),
         "tooltip-placement": "bottom-start",
         "z-index": 100
@@ -3079,7 +3079,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$U = /* @__PURE__ */ defineComponent({
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "reload-button",
   props: {
     loading: { type: Boolean }
@@ -3088,7 +3088,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     const { t } = useLocale();
     const { b } = useNamespace("reload-button");
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$Z, {
+      return openBlock(), createBlock(_sfc_main$_, {
         "tooltip-content": unref(t)("max.icon.reload")
       }, {
         default: withCtx(() => [
@@ -3102,14 +3102,14 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XCommonBetterScroll = withInstall(_sfc_main$$);
-const XCommonButtonIcon = withInstall(_sfc_main$Z);
-const XCommonFullScreen = withInstall(_sfc_main$Y);
-const XCommonIconTooltip = withInstall(_sfc_main$X);
-const XCommonMenuToggler = withInstall(_sfc_main$W);
-const XCommonPinToggler = withInstall(_sfc_main$V);
-const XCommonReloadButton = withInstall(_sfc_main$U);
-const _sfc_main$T = /* @__PURE__ */ defineComponent({
+const XCommonBetterScroll = withInstall(_sfc_main$10);
+const XCommonButtonIcon = withInstall(_sfc_main$_);
+const XCommonFullScreen = withInstall(_sfc_main$Z);
+const XCommonIconTooltip = withInstall(_sfc_main$Y);
+const XCommonMenuToggler = withInstall(_sfc_main$X);
+const XCommonPinToggler = withInstall(_sfc_main$W);
+const XCommonReloadButton = withInstall(_sfc_main$V);
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
   __name: "BasicButton",
   props: {
     size: {},
@@ -3164,7 +3164,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicButton = withInstall(_sfc_main$T);
+const XBasicButton = withInstall(_sfc_main$U);
 !!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
 !!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
 const hasOwnProperty = Object.prototype.hasOwnProperty;
@@ -3385,7 +3385,7 @@ const basicMessageBoxProps = {
     default: ""
   }
 };
-const _sfc_main$S = defineComponent({
+const _sfc_main$T = defineComponent({
   components: {
     NButton,
     NInput,
@@ -3793,7 +3793,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   });
 }
-const MessageBoxConstructor = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$2]]);
+const MessageBoxConstructor = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$2]]);
 const messageInstance = /* @__PURE__ */ new Map();
 const getAppendToElement = (props) => {
   let appendTo = document.body;
@@ -3919,7 +3919,7 @@ MessageBox.close = () => {
 MessageBox._context = null;
 const $MessageBox = MessageBox;
 const XBasicMessageBox = $MessageBox;
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "BasicActionFooter",
   props: {
     showDeleteButton: { type: Boolean, default: false },
@@ -4001,8 +4001,8 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicActionFooter = withInstall(_sfc_main$R);
-const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+const XBasicActionFooter = withInstall(_sfc_main$S);
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "BasicArrow",
   props: {
     expand: { type: Boolean },
@@ -4034,8 +4034,8 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicArrow = withInstall(_sfc_main$Q);
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const XBasicArrow = withInstall(_sfc_main$R);
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "BasicButtonCreate",
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -4060,7 +4060,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "BasicButtonDelete",
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -4085,7 +4085,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "BasicButtonDrop",
   props: {
     disabled: { type: Boolean },
@@ -4150,7 +4150,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "BasicButtonEdit",
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -4175,7 +4175,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "BasicButtonExport",
   props: {
     href: {},
@@ -4226,7 +4226,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "BasicButtonExportDrop",
   props: {
     disabled: { type: Boolean },
@@ -4250,7 +4250,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
       emit("click", key2);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$N, {
+      return openBlock(), createBlock(_sfc_main$O, {
         icon: __props.icon,
         options: cOptions.value,
         onClick: handleClick
@@ -4264,7 +4264,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$b = ["multiple", "name", "accept"];
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "BasicButtonImport",
   props: {
     name: { default: "file" },
@@ -4361,7 +4361,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "BasicButtonPrint",
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -4386,18 +4386,405 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicButtonCreate = withInstall(_sfc_main$P);
-const XBasicButtonEdit = withInstall(_sfc_main$M);
-const XBasicButtonDelete = withInstall(_sfc_main$O);
-const XBasicButtonExport = withInstall(_sfc_main$L);
-const XBasicButtonImport = withInstall(_sfc_main$J);
-const XBasicButtonPrint = withInstall(_sfc_main$I);
-const XBasicButtonDrop = withInstall(_sfc_main$N);
-const XBasicButtonExportDrop = withInstall(_sfc_main$K);
+const XBasicButtonCreate = withInstall(_sfc_main$Q);
+const XBasicButtonEdit = withInstall(_sfc_main$N);
+const XBasicButtonDelete = withInstall(_sfc_main$P);
+const XBasicButtonExport = withInstall(_sfc_main$M);
+const XBasicButtonImport = withInstall(_sfc_main$K);
+const XBasicButtonPrint = withInstall(_sfc_main$J);
+const XBasicButtonDrop = withInstall(_sfc_main$O);
+const XBasicButtonExportDrop = 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__ */ 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 = 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 = computed(() => {
+      const type = props.type;
+      return type && iconMap[props.type] ? ns.m(type) : "";
+    });
+    const iconComponent = computed(() => {
+      if (!props.type) return props.icon;
+      return iconMap[props.type] || props.icon;
+    });
+    const horizontalClass = computed(() => props.position.endsWith("right") ? "right" : "left");
+    const verticalProperty = computed(() => props.position.startsWith("top") ? "top" : "bottom");
+    const positionStyle = 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();
+      }
+    }
+    onMounted(() => {
+      startTimer();
+      nextZIndex();
+      visible.value = true;
+    });
+    useEventListener(document, "keydown", onKeydown);
+    __expose({
+      visible,
+      /** @description close notification */
+      close: close2
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Transition, {
+        name: "imax-notification-fade",
+        onBeforeLeave: __props.onClose,
+        onAfterLeave: _cache[1] || (_cache[1] = ($event) => emit("destroy"))
+      }, {
+        default: withCtx(() => [
+          withDirectives(createElementVNode("div", {
+            id: __props.id,
+            class: normalizeClass([unref(ns).b(), __props.customClass, horizontalClass.value]),
+            style: normalizeStyle(positionStyle.value),
+            role: "alert",
+            onMouseenter: clearTimer,
+            onMouseleave: startTimer,
+            onClick: _cache[0] || (_cache[0] = //@ts-ignore
+            (...args) => __props.onClick && __props.onClick(...args))
+          }, [
+            iconComponent.value ? (openBlock(), createBlock(unref(XBasicSvgIcon), {
+              key: 0,
+              class: normalizeClass([unref(ns).e("icon"), typeClass.value]),
+              icon: iconComponent.value
+            }, null, 8, ["class", "icon"])) : createCommentVNode("", true),
+            createElementVNode("div", {
+              class: normalizeClass(unref(ns).e("group"))
+            }, [
+              createElementVNode("h2", {
+                class: normalizeClass(unref(ns).e("title")),
+                textContent: toDisplayString(__props.title)
+              }, null, 10, _hoisted_2$3),
+              withDirectives(createElementVNode("div", {
+                class: normalizeClass(unref(ns).e("content")),
+                style: normalizeStyle(!!__props.title ? void 0 : { margin: 0 })
+              }, [
+                renderSlot(_ctx.$slots, "default", {}, () => [
+                  !__props.dangerouslyUseHTMLString ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(__props.message), 1)) : (openBlock(), createElementBlock("p", {
+                    key: 1,
+                    innerHTML: __props.message
+                  }, null, 8, _hoisted_4))
+                ])
+              ], 6), [
+                [vShow, __props.message]
+              ]),
+              createElementVNode("span", {
+                onClick: withModifiers(close2, ["stop"])
+              }, [
+                __props.showClose ? (openBlock(), createBlock(unref(XBasicSvgIcon), {
+                  key: 0,
+                  class: normalizeClass(unref(ns).e("closeBtn")),
+                  icon: "ri:close-line"
+                }, null, 8, ["class"])) : createCommentVNode("", true)
+              ])
+            ], 2)
+          ], 46, _hoisted_1$a), [
+            [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 (!isClient$1) return { close: () => void 0 };
+  if (isString(options) || 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 (isElement(options == null ? void 0 : options.appendTo)) {
+    appendTo = options == null ? void 0 : options.appendTo;
+  } else if (isString(options == null ? void 0 : options.appendTo)) {
+    appendTo = document.querySelector(options == null ? void 0 : options.appendTo);
+  }
+  if (!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 = createVNode(_sfc_main$I, props, isFunction(props.message) ? props.message : isVNode(props.message) ? () => props.message : null);
+  vm.appContext = isUndefined(context) ? notify._context : context;
+  vm.props.onDestroy = () => {
+    render$1(null, container);
+  };
+  render$1(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 (isString(options) || 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__ */ defineComponent({
+  __name: "BasicButtonExportMax",
+  props: {
+    drop: { type: Boolean, default: true },
+    disabled: { type: Boolean },
+    icon: { default: "ri:export-line" },
+    options: { default: () => [
+      { label: "全部导出", key: "all" },
+      { label: "按选择条目导出", key: "select" }
+    ] },
+    exportApi: {},
+    beforeFetch: {},
+    afterFetch: {},
+    showProgress: { type: Boolean, default: true }
+  },
+  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-em-modal");
+    const progressVisible = ref(false);
+    const progressPercent = ref(0);
+    const attrs = useAttrs();
+    const { t } = useLocale();
+    const cOptions = computed(() => {
+      var _a;
+      return ((_a = props.options) != null ? _a : []).map((option) => {
+        return option;
+      });
+    });
+    async function runBeforeFetchGuard(key2) {
+      if (!props.beforeFetch || !isFunction(props.beforeFetch)) return { pass: true, params: {} };
+      try {
+        const result = await props.beforeFetch(key2);
+        if (result === false) return { pass: false, params: {} };
+        if (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;
+      if (!props.drop) return props.exportApi;
+      const option = (_a = props.options) == null ? void 0 : _a.find((option2) => option2.key === key2);
+      return (option == null ? void 0 : option.api) || props.exportApi;
+    }
+    function onDownloadProgress(progressEvent) {
+      if (progressEvent.total) {
+        const percent = Math.round(progressEvent.loaded * 100 / progressEvent.total);
+        progressPercent.value = percent;
+      }
+    }
+    async function trigger(key2) {
+      const api = getFetchApi(key2);
+      if (!api) return;
+      const { pass, params } = await runBeforeFetchGuard(key2);
+      if (!pass) return;
+      if (props.showProgress) {
+        progressPercent.value = 0;
+        progressVisible.value = true;
+      }
+      const { response, error } = await api(params, { onDownloadProgress });
+      if (props.showProgress) {
+        progressPercent.value = 100;
+        progressVisible.value = false;
+      }
+      if (error) return;
+      downloadFileByResponseData(response);
+      emit("click", key2);
+    }
+    function onMultiExportClick(key2) {
+      if (!key2) return;
+      trigger(key2);
+    }
+    function onSingleExportClick() {
+      trigger("max");
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        __props.drop ? (openBlock(), createBlock(_sfc_main$O, mergeProps({
+          key: 0,
+          icon: __props.icon,
+          options: cOptions.value,
+          class: unref(b)()
+        }, unref(attrs), { onClick: onMultiExportClick }), {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              createTextVNode(toDisplayString(unref(t)("max.basic.export")), 1)
+            ])
+          ]),
+          _: 3
+        }, 16, ["icon", "options", "class"])) : (openBlock(), createBlock(unref(XBasicButton), mergeProps({
+          key: 1,
+          icon: __props.icon,
+          type: "primary"
+        }, unref(attrs), { onClick: onSingleExportClick }), {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              createTextVNode(toDisplayString(unref(t)("max.basic.export")), 1)
+            ])
+          ]),
+          _: 3
+        }, 16, ["icon"])),
+        createVNode(unref(NModal), {
+          show: progressVisible.value,
+          "onUpdate:show": _cache[0] || (_cache[0] = ($event) => progressVisible.value = $event),
+          closable: false,
+          "mask-closable": false,
+          "show-mask": false
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", {
+              class: normalizeClass(unref(bm)())
+            }, [
+              createElementVNode("div", {
+                class: normalizeClass(unref(em)("content"))
+              }, [
+                createVNode(unref(NProgress), {
+                  type: "circle",
+                  percentage: progressPercent.value
+                }, null, 8, ["percentage"]),
+                createElementVNode("p", null, toDisplayString(unref(t)("max.basic.downloading")), 1)
+              ], 2)
+            ], 2)
+          ]),
+          _: 1
+        }, 8, ["show"])
+      ], 64);
+    };
+  }
+});
+const XBasicButtonExportMax = withInstall(_sfc_main$H);
 function _isSlot$3(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   name: "ButtonGroupItem",
   props: {
     schema: {
@@ -4750,7 +5137,7 @@ function useButtonGroupSchema({ getProps, schemaRef }) {
   });
   return { getSchema };
 }
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "BasicButtonGroup",
   props: {
     showReturnButton: { type: Boolean },
@@ -4831,7 +5218,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", mergeProps({ class: unref(getWrapperClass) }, getBindValue.value), [
         (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getSchema), (schema) => {
-          return openBlock(), createBlock(_sfc_main$H, {
+          return openBlock(), createBlock(_sfc_main$G, {
             key: schema.field,
             schema,
             "button-group-action-type": buttonGroupActionType,
@@ -4852,256 +5239,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const XBasicButtonGroup = 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__ */ 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 = 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 = computed(() => {
-      const type = props.type;
-      return type && iconMap[props.type] ? ns.m(type) : "";
-    });
-    const iconComponent = computed(() => {
-      if (!props.type) return props.icon;
-      return iconMap[props.type] || props.icon;
-    });
-    const horizontalClass = computed(() => props.position.endsWith("right") ? "right" : "left");
-    const verticalProperty = computed(() => props.position.startsWith("top") ? "top" : "bottom");
-    const positionStyle = 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();
-      }
-    }
-    onMounted(() => {
-      startTimer();
-      nextZIndex();
-      visible.value = true;
-    });
-    useEventListener(document, "keydown", onKeydown);
-    __expose({
-      visible,
-      /** @description close notification */
-      close: close2
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(Transition, {
-        name: "imax-notification-fade",
-        onBeforeLeave: __props.onClose,
-        onAfterLeave: _cache[1] || (_cache[1] = ($event) => emit("destroy"))
-      }, {
-        default: withCtx(() => [
-          withDirectives(createElementVNode("div", {
-            id: __props.id,
-            class: normalizeClass([unref(ns).b(), __props.customClass, horizontalClass.value]),
-            style: normalizeStyle(positionStyle.value),
-            role: "alert",
-            onMouseenter: clearTimer,
-            onMouseleave: startTimer,
-            onClick: _cache[0] || (_cache[0] = //@ts-ignore
-            (...args) => __props.onClick && __props.onClick(...args))
-          }, [
-            iconComponent.value ? (openBlock(), createBlock(unref(XBasicSvgIcon), {
-              key: 0,
-              class: normalizeClass([unref(ns).e("icon"), typeClass.value]),
-              icon: iconComponent.value
-            }, null, 8, ["class", "icon"])) : createCommentVNode("", true),
-            createElementVNode("div", {
-              class: normalizeClass(unref(ns).e("group"))
-            }, [
-              createElementVNode("h2", {
-                class: normalizeClass(unref(ns).e("title")),
-                textContent: toDisplayString(__props.title)
-              }, null, 10, _hoisted_2$3),
-              withDirectives(createElementVNode("div", {
-                class: normalizeClass(unref(ns).e("content")),
-                style: normalizeStyle(!!__props.title ? void 0 : { margin: 0 })
-              }, [
-                renderSlot(_ctx.$slots, "default", {}, () => [
-                  !__props.dangerouslyUseHTMLString ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(__props.message), 1)) : (openBlock(), createElementBlock("p", {
-                    key: 1,
-                    innerHTML: __props.message
-                  }, null, 8, _hoisted_4))
-                ])
-              ], 6), [
-                [vShow, __props.message]
-              ]),
-              createElementVNode("span", {
-                onClick: withModifiers(close2, ["stop"])
-              }, [
-                __props.showClose ? (openBlock(), createBlock(unref(XBasicSvgIcon), {
-                  key: 0,
-                  class: normalizeClass(unref(ns).e("closeBtn")),
-                  icon: "ri:close-line"
-                }, null, 8, ["class"])) : createCommentVNode("", true)
-              ])
-            ], 2)
-          ], 46, _hoisted_1$a), [
-            [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 (!isClient$1) return { close: () => void 0 };
-  if (isString(options) || 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 (isElement(options == null ? void 0 : options.appendTo)) {
-    appendTo = options == null ? void 0 : options.appendTo;
-  } else if (isString(options == null ? void 0 : options.appendTo)) {
-    appendTo = document.querySelector(options == null ? void 0 : options.appendTo);
-  }
-  if (!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 = createVNode(_sfc_main$F, props, isFunction(props.message) ? props.message : isVNode(props.message) ? () => props.message : null);
-  vm.appContext = isUndefined(context) ? notify._context : context;
-  vm.props.onDestroy = () => {
-    render$1(null, container);
-  };
-  render$1(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 (isString(options) || 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 = 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;
@@ -8593,7 +8731,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
         class: normalizeClass(basicTextClass.value),
         title: unref(isString)(unref(mergedValueRef)) ? unref(mergedValueRef) : void 0
       }, [
-        __props.icon ? (openBlock(), createBlock(_sfc_main$_, {
+        __props.icon ? (openBlock(), createBlock(_sfc_main$$, {
           key: 0,
           icon: __props.icon,
           class: normalizeClass(__props.iconClass),
@@ -27590,7 +27728,8 @@ const components = [
   XBasicCard,
   XBasicRegion,
   XBasicRegionSelect,
-  XBasicButtonImportMax
+  XBasicButtonImportMax,
+  XBasicButtonExportMax
 ];
 const makeInstaller = (components2 = []) => {
   const install2 = (app, options) => {
@@ -27912,6 +28051,7 @@ export {
   XBasicButtonEdit,
   XBasicButtonExport,
   XBasicButtonExportDrop,
+  XBasicButtonExportMax,
   XBasicButtonGroup,
   XBasicButtonImport,
   XBasicButtonImportMax,