@maxax/ui 1.1.18 → 1.1.20

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-BlU-30Gl.cjs");
+const utils$1 = require("./utils-CaGh1NhT.cjs");
 const lodashEs = require("lodash-es");
 const hooks = require("@maxax/hooks");
 const dateFns = require("date-fns");
@@ -813,7 +813,7 @@ function useBasicDrawerModal(params = {}) {
   const { t } = useLocale();
   const visibleRef = vue.ref(false);
   const { bool: loadingRef, setTrue: showLoading, setFalse: hideLoading } = hooks.useBoolean();
-  const typeRef = vue.ref("add");
+  const typeRef = vue.ref("other");
   const dataRef = vue.ref({});
   const titleRef = vue.computed(() => {
     return t(`max.basic.${typeRef.value}`) || "";
@@ -828,7 +828,7 @@ function useBasicDrawerModal(params = {}) {
   function hide() {
     var _a;
     visibleRef.value = false;
-    typeRef.value = "add";
+    typeRef.value = "other";
     dataRef.value = {};
     (_a = params.onHide) == null ? void 0 : _a.call(params);
   }
@@ -1128,7 +1128,7 @@ const useZIndex = (zIndexOverrides) => {
     nextZIndex
   };
 };
-const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
   __name: "better-scroll",
   props: {
     options: {}
@@ -2854,7 +2854,7 @@ const Icon = vue.defineComponent((props, { emit }) => {
   emits: ["load"]
 });
 const _hoisted_1$d = ["xlink:href"];
-const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicSvgIcon",
   props: {
     icon: {},
@@ -2900,8 +2900,8 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicSvgIcon = utils.withInstall(_sfc_main$X);
-const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
+const XBasicSvgIcon = utils.withInstall(_sfc_main$Y);
+const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -2950,7 +2950,7 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
   __name: "full-screen",
   props: {
     full: { type: Boolean }
@@ -2958,7 +2958,7 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const { t } = useLocale();
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$W, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$X, {
         key: String(__props.full),
         "tooltip-content": __props.full ? vue.unref(t)("max.icon.fullscreenExit") : vue.unref(t)("max.icon.fullscreen")
       }, {
@@ -2976,7 +2976,7 @@ const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
   __name: "icon-tooltip",
   props: {
     icon: { default: "mdi-help-circle" },
@@ -3016,7 +3016,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
   __name: "menu-toggler",
   props: {
     collapsed: { type: Boolean },
@@ -3042,7 +3042,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
       return icons[arrowIcon][collapsed];
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$W, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$X, {
         key: String(__props.collapsed),
         "tooltip-content": __props.collapsed ? vue.unref(t)("max.icon.expand") : vue.unref(t)("max.icon.collapse"),
         "tooltip-placement": "bottom-start",
@@ -3056,7 +3056,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
   __name: "pin-toggler",
   props: {
     pin: { type: Boolean }
@@ -3066,7 +3066,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
     const { t } = useLocale();
     const icon = vue.computed(() => props.pin ? "mdi-pin-off" : "mdi-pin");
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$W, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$X, {
         "tooltip-content": __props.pin ? vue.unref(t)("max.icon.unpin") : vue.unref(t)("max.icon.pin"),
         "tooltip-placement": "bottom-start",
         "z-index": 100
@@ -3079,7 +3079,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
   __name: "reload-button",
   props: {
     loading: { type: Boolean }
@@ -3088,7 +3088,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     const { t } = useLocale();
     const { b } = useNamespace("reload-button");
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$W, {
+      return vue.openBlock(), vue.createBlock(_sfc_main$X, {
         "tooltip-content": vue.unref(t)("max.icon.reload")
       }, {
         default: vue.withCtx(() => [
@@ -3102,47 +3102,14 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XCommonBetterScroll = utils.withInstall(_sfc_main$Y);
-const XCommonButtonIcon = utils.withInstall(_sfc_main$W);
-const XCommonFullScreen = utils.withInstall(_sfc_main$V);
-const XCommonIconTooltip = utils.withInstall(_sfc_main$U);
-const XCommonMenuToggler = utils.withInstall(_sfc_main$T);
-const XCommonPinToggler = utils.withInstall(_sfc_main$S);
-const XCommonReloadButton = utils.withInstall(_sfc_main$R);
-const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
-  __name: "BasicArrow",
-  props: {
-    expand: { type: Boolean },
-    inset: { type: Boolean }
-  },
-  setup(__props) {
-    const props = __props;
-    const { b } = useNamespace("basic-arrow");
-    const getClass = vue.computed(() => {
-      const { expand, inset } = props;
-      const prefixCls = b();
-      return [
-        prefixCls,
-        {
-          [`${prefixCls}--active`]: expand,
-          inset
-        }
-      ];
-    });
-    const getIcon = vue.computed(() => {
-      return props.expand ? "ri:arrow-up-s-line" : "ri:arrow-down-s-line";
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("span", {
-        class: vue.normalizeClass(getClass.value)
-      }, [
-        vue.createVNode(vue.unref(XBasicSvgIcon), { icon: getIcon.value }, null, 8, ["icon"])
-      ], 2);
-    };
-  }
-});
-const XBasicArrow = utils.withInstall(_sfc_main$Q);
-const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
+const XCommonBetterScroll = utils.withInstall(_sfc_main$Z);
+const XCommonButtonIcon = utils.withInstall(_sfc_main$X);
+const XCommonFullScreen = utils.withInstall(_sfc_main$W);
+const XCommonIconTooltip = utils.withInstall(_sfc_main$V);
+const XCommonMenuToggler = utils.withInstall(_sfc_main$U);
+const XCommonPinToggler = utils.withInstall(_sfc_main$T);
+const XCommonReloadButton = utils.withInstall(_sfc_main$S);
+const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicButton",
   props: {
     size: {},
@@ -3197,548 +3164,189 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicButton = utils.withInstall(_sfc_main$P);
-const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
-  __name: "BasicButtonCreate",
-  emits: ["click"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const { t } = useLocale();
-    const attrs = vue.useAttrs();
-    function onClickHandler() {
-      emit("click");
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(XBasicButton), vue.mergeProps({
-        icon: "ri-add-fill",
-        type: "primary"
-      }, vue.unref(attrs), { onClick: onClickHandler }), {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default", {}, () => [
-            vue.createTextVNode(vue.toDisplayString(vue.unref(t)("max.basic.add")), 1)
-          ])
-        ]),
-        _: 3
-      }, 16);
-    };
+const XBasicButton = utils.withInstall(_sfc_main$R);
+!!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
+!!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
+const hasOwnProperty = Object.prototype.hasOwnProperty;
+const hasOwn = (val, key2) => hasOwnProperty.call(val, key2);
+const basicOverlayProps = {
+  mask: {
+    type: Boolean,
+    default: true
+  },
+  customMaskEvent: Boolean,
+  overlayClass: {
+    type: [String, Array, Object]
+  },
+  zIndex: {
+    type: [String, Number]
   }
-});
-const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
-  __name: "BasicButtonDelete",
+};
+const BasicOverlay = /* @__PURE__ */ vue.defineComponent({
+  name: "XBasicOverlay",
+  props: basicOverlayProps,
   emits: ["click"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const { t } = useLocale();
-    const attrs = vue.useAttrs();
-    function onClickHandler() {
-      emit("click");
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(XBasicButton), vue.mergeProps({
-        type: "error",
-        icon: "ri-delete-bin-5-fill"
-      }, vue.unref(attrs), { onClick: onClickHandler }), {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default", {}, () => [
-            vue.createTextVNode(vue.toDisplayString(vue.unref(t)("max.basic.delete")), 1)
-          ])
-        ]),
-        _: 3
-      }, 16);
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const {
+      b
+    } = useNamespace("basic-overlay");
+    const onMaskClick = (e) => {
+      emit("click", e);
     };
-  }
-});
-const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
-  __name: "BasicButtonDrop",
-  props: {
-    disabled: { type: Boolean },
-    icon: {},
-    options: { default: () => [] }
-  },
-  emits: ["click"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { b, e } = useNamespace("basic-button-drop");
-    const cOptions = vue.computed(() => {
-      var _a;
-      return ((_a = props.options) != null ? _a : []).map((option) => {
-        return option;
-      });
-    });
-    function handleSelect(key2) {
-      emit("click", key2);
-    }
-    function handleClick() {
-      if (cOptions.value.length === 0) {
-        return;
-      }
-      const defaultKey = cOptions.value[0].key;
-      emit("click", defaultKey);
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(naiveUi.NButtonGroup), {
-        class: vue.normalizeClass(vue.unref(b)())
-      }, {
-        default: vue.withCtx(() => [
-          vue.createVNode(vue.unref(XBasicButton), {
-            type: "primary",
-            icon: __props.icon,
-            disabled: __props.disabled,
-            class: vue.normalizeClass(vue.unref(e)("trigger-button")),
-            onClick: handleClick
-          }, {
-            default: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, "default")
-            ]),
-            _: 3
-          }, 8, ["icon", "disabled", "class"]),
-          vue.createVNode(vue.unref(naiveUi.NDropdown), {
-            trigger: "click",
-            options: cOptions.value,
-            onSelect: handleSelect
-          }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(vue.unref(XBasicButton), {
-                type: "primary",
-                icon: "ri:arrow-down-s-line",
-                class: vue.normalizeClass(vue.unref(e)("trigger-arrow"))
-              }, null, 8, ["class"])
-            ]),
-            _: 1
-          }, 8, ["options"])
-        ]),
-        _: 3
-      }, 8, ["class"]);
+    const {
+      onClick,
+      onMousedown,
+      onMouseup
+    } = useSameTarget(props.customMaskEvent ? void 0 : onMaskClick);
+    return () => {
+      var _a, _b;
+      return props.mask ? vue.createVNode("div", {
+        "class": [b(), props.overlayClass],
+        "style": {
+          zIndex: props.zIndex
+        },
+        "onClick": onClick,
+        "onMousedown": onMousedown,
+        "onMouseup": onMouseup
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]) : vue.createVNode("div", {
+        "class": props.overlayClass,
+        "style": {
+          zIndex: props.zIndex,
+          position: "fixed",
+          top: "0px",
+          right: "0px",
+          bottom: "0px",
+          left: "0px"
+        }
+      }, [(_b = slots.default) == null ? void 0 : _b.call(slots)]);
     };
   }
 });
-const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
-  __name: "BasicButtonEdit",
-  emits: ["click"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const { t } = useLocale();
-    const attrs = vue.useAttrs();
-    function onClickHandler() {
-      emit("click");
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(XBasicButton), vue.mergeProps({
-        icon: "ri-edit-fill",
-        type: "primary"
-      }, vue.unref(attrs), { onClick: onClickHandler }), {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default", {}, () => [
-            vue.createTextVNode(vue.toDisplayString(vue.unref(t)("max.basic.edit")), 1)
-          ])
-        ]),
-        _: 3
-      }, 16);
-    };
+const XBasicOverlay = utils.withInstall(BasicOverlay);
+const configProviderKey = Symbol("config-provider");
+const globalConfig = vue.ref();
+function useGlobalConfig(key2, defaultValue = void 0) {
+  const config = vue.getCurrentInstance() ? vue.inject(configProviderKey, globalConfig) : globalConfig;
+  if (key2) {
+    return vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = config.value) == null ? void 0 : _a[key2]) != null ? _b : defaultValue;
+    });
   }
-});
-const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
-  __name: "BasicButtonExport",
-  props: {
-    href: {},
-    exportApi: { type: Function },
-    beforeFetch: { type: Function },
-    afterFetch: { type: Function },
-    download: {},
-    origin: { type: Boolean },
-    onClick: { type: Function }
-  },
-  setup(__props) {
-    const props = __props;
-    const { t } = useLocale();
-    const attrs = vue.useAttrs();
-    async function downloadFileRemote() {
-      if (!props.exportApi) return false;
-      const params = utils.isFunction(props.beforeFetch) ? props.beforeFetch() : {};
-      const { response } = await props.exportApi(params);
-      if (response.data) {
-        utils.downloadFileByResponseData(response);
-      }
-      props.afterFetch && props.afterFetch(response);
-    }
-    function onClickHandler() {
-      var _a;
-      if (props.origin) {
-        (_a = props.onClick) == null ? void 0 : _a.call(props);
-        return false;
-      }
-      if (!props.exportApi) {
-        utils.downloadFileStatic(props.href, props.download);
-        return false;
-      }
-      downloadFileRemote();
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(XBasicButton), vue.mergeProps({
-        icon: "ri:export-line",
-        type: "primary"
-      }, vue.unref(attrs), { onClick: onClickHandler }), {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default", {}, () => [
-            vue.createTextVNode(vue.toDisplayString(vue.unref(t)("max.basic.export")), 1)
-          ])
-        ]),
-        _: 3
-      }, 16);
-    };
+  return config;
+}
+const provideGlobalConfig = (config, app, global = false) => {
+  var _a;
+  const inSetup = Boolean(vue.getCurrentInstance());
+  const oldConfig = inSetup ? useGlobalConfig() : void 0;
+  const provideFn = (_a = app == null ? void 0 : app.provide) != null ? _a : inSetup ? vue.provide : void 0;
+  if (!provideFn) return;
+  const context = vue.computed(() => {
+    const cfg = vue.unref(config);
+    if (!(oldConfig == null ? void 0 : oldConfig.value)) return cfg;
+    return lodashEs.merge(oldConfig.value, cfg);
+  });
+  provideFn(configProviderKey, context);
+  provideFn(
+    localeContextKey,
+    vue.computed(() => context.value.locale)
+  );
+  provideFn(
+    namespaceContextKey,
+    vue.computed(() => context.value.namespace)
+  );
+  provideFn(
+    zIndexContextKey,
+    vue.computed(() => context.value.zIndex)
+  );
+  provideFn(
+    themeOverridesContextKey,
+    vue.computed(() => context.value.themeOverrides)
+  );
+  provideFn(
+    iconLocalPrefixContextKey,
+    vue.computed(() => context.value.iconLocalPrefix)
+  );
+  if (global || !globalConfig.value) {
+    globalConfig.value = context.value;
   }
-});
-const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
-  __name: "BasicButtonExportDrop",
-  props: {
-    disabled: { type: Boolean },
-    icon: { default: "ri:export-line" },
-    options: { default: () => [
-      { label: "全部导出", key: "all" },
-      { label: "按选择条目导出", key: "select" }
-    ] }
+  return context;
+};
+const useConfigProvider = (block) => {
+  const config = useGlobalConfig();
+  const ns = useNamespace(
+    block,
+    vue.computed(() => {
+      var _a;
+      return ((_a = config.value) == null ? void 0 : _a.namespace) || DEFAULT_NAMESPACE;
+    })
+  );
+  const locale = useLocale(vue.computed(() => {
+    var _a;
+    return (_a = config.value) == null ? void 0 : _a.locale;
+  }));
+  const zIndex2 = useZIndex(vue.computed(() => {
+    var _a;
+    return ((_a = config.value) == null ? void 0 : _a.zIndex) || DEFAULT_INITIAL_Z_INDEX;
+  }));
+  const themeOverrides = useThemeOverrides(vue.computed(() => {
+    var _a;
+    return (_a = config.value) == null ? void 0 : _a.themeOverrides;
+  }));
+  provideGlobalConfig(vue.computed(() => vue.unref(config) || {}));
+  return {
+    ns,
+    locale,
+    zIndex: zIndex2,
+    themeOverrides
+  };
+};
+const configProviderProps = {
+  /** 全局 z-index 值 */
+  zIndex: Number,
+  /** 全局语言 */
+  locale: {
+    type: Object
   },
-  emits: ["click"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const cOptions = vue.computed(() => {
+  /** 全局命名空间 */
+  namespace: {
+    type: String,
+    default: DEFAULT_NAMESPACE
+  },
+  /** 本地全局图标前缀 */
+  iconLocalPrefix: {
+    type: String,
+    default: DEFAULT_ICON_LOCAL_PREFIX
+  },
+  /** 全局主题覆盖 */
+  themeOverrides: {
+    type: Object
+  }
+};
+const ConfigProvider = /* @__PURE__ */ vue.defineComponent({
+  name: "ConfigProvider",
+  props: configProviderProps,
+  setup(props, {
+    slots
+  }) {
+    const config = provideGlobalConfig(props);
+    return () => {
       var _a;
-      return ((_a = props.options) != null ? _a : []).map((option) => {
-        return option;
-      });
-    });
-    function handleClick(key2) {
-      emit("click", key2);
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(_sfc_main$M, {
-        icon: __props.icon,
-        options: cOptions.value,
-        onClick: handleClick
-      }, {
-        default: vue.withCtx(() => [..._cache[0] || (_cache[0] = [
-          vue.createTextVNode(" 导出 ", -1)
-        ])]),
-        _: 1
-      }, 8, ["icon", "options"]);
+      return vue.createVNode("div", {
+        "class": "imax-config-provider",
+        "data-config-provider": config
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
-const _hoisted_1$c = ["multiple", "name", "accept"];
-const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
-  __name: "BasicButtonImport",
-  props: {
-    name: { default: "file" },
-    accept: { default: ".xlsx,.xls,.csv" },
-    multiple: { type: Boolean, default: false },
-    beforeUpload: { type: Function, default: void 0 }
-  },
-  emits: ["change"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { t } = useLocale();
-    const attrs = vue.useAttrs();
-    const uid2 = vue.ref(utils.guid());
-    const fileInputRef = vue.useTemplateRef("fileInputRef");
-    function onClickHandler() {
-      var _a;
-      (_a = fileInputRef.value) == null ? void 0 : _a.click();
-    }
-    function reset() {
-      uid2.value = utils.guid();
-    }
-    async function processFile(file, fileList) {
-      const { beforeUpload } = props;
-      let transformedFile = file;
-      if (beforeUpload) {
-        try {
-          transformedFile = await beforeUpload(file, fileList);
-        } catch (e) {
-          console.warn("max-ajax-uploader", e);
-          transformedFile = false;
-        }
-        if (transformedFile === false) {
-          return {
-            origin: file
-          };
-        }
-      }
-      return {
-        origin: file
-      };
-    }
-    function uploadFiles(files) {
-      const originFiles = [...files];
-      const postFiles = originFiles.map((file) => {
-        return processFile(file, originFiles);
-      });
-      Promise.all(postFiles).then((fileList) => {
-        if (fileList.length === 0) {
-          return;
-        }
-        const file = fileList[0].origin;
-        const po = new FormData();
-        po.append("file", file);
-        emit("change", { file: fileList[0].origin, files: fileList, param: po });
-      });
-    }
-    function onFileChange(e) {
-      const { accept } = props;
-      const { files } = e.target;
-      const acceptedFiles = [...files].filter((file) => utils.attrAccept(file, accept));
-      uploadFiles(acceptedFiles);
-      reset();
-    }
-    const buttonStyle = vue.computed(() => {
-      return {
-        display: "none"
-      };
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(XBasicButton), vue.mergeProps({
-        icon: "ri:import-line",
-        type: "primary"
-      }, vue.unref(attrs), { onClick: onClickHandler }), {
-        default: vue.withCtx(() => [
-          (vue.openBlock(), vue.createElementBlock("input", {
-            key: uid2.value,
-            ref_key: "fileInputRef",
-            ref: fileInputRef,
-            type: "file",
-            class: "hidden",
-            multiple: __props.multiple,
-            name: __props.name,
-            accept: __props.accept,
-            style: vue.normalizeStyle(buttonStyle.value),
-            onChange: onFileChange
-          }, null, 44, _hoisted_1$c)),
-          vue.renderSlot(_ctx.$slots, "default", {}, () => [
-            vue.createTextVNode(vue.toDisplayString(vue.unref(t)("max.basic.import")), 1)
-          ])
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
-  __name: "BasicButtonPrint",
-  emits: ["click"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const { t } = useLocale();
-    const attrs = vue.useAttrs();
-    function onClickHandler() {
-      emit("click");
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(XBasicButton), vue.mergeProps({
-        icon: "ri-printer-line",
-        type: "primary"
-      }, vue.unref(attrs), { onClick: onClickHandler }), {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default", {}, () => [
-            vue.createTextVNode(vue.toDisplayString(vue.unref(t)("max.basic.print")), 1)
-          ])
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-const XBasicButtonCreate = utils.withInstall(_sfc_main$O);
-const XBasicButtonEdit = utils.withInstall(_sfc_main$L);
-const XBasicButtonDelete = utils.withInstall(_sfc_main$N);
-const XBasicButtonExport = utils.withInstall(_sfc_main$K);
-const XBasicButtonImport = utils.withInstall(_sfc_main$I);
-const XBasicButtonPrint = utils.withInstall(_sfc_main$H);
-const XBasicButtonDrop = utils.withInstall(_sfc_main$M);
-const XBasicButtonExportDrop = utils.withInstall(_sfc_main$J);
-!!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
-!!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
-const hasOwnProperty = Object.prototype.hasOwnProperty;
-const hasOwn = (val, key2) => hasOwnProperty.call(val, key2);
-const basicOverlayProps = {
-  mask: {
-    type: Boolean,
-    default: true
-  },
-  customMaskEvent: Boolean,
-  overlayClass: {
-    type: [String, Array, Object]
-  },
-  zIndex: {
-    type: [String, Number]
-  }
-};
-const BasicOverlay = /* @__PURE__ */ vue.defineComponent({
-  name: "XBasicOverlay",
-  props: basicOverlayProps,
-  emits: ["click"],
-  setup(props, {
-    emit,
-    slots
-  }) {
-    const {
-      b
-    } = useNamespace("basic-overlay");
-    const onMaskClick = (e) => {
-      emit("click", e);
-    };
-    const {
-      onClick,
-      onMousedown,
-      onMouseup
-    } = useSameTarget(props.customMaskEvent ? void 0 : onMaskClick);
-    return () => {
-      var _a, _b;
-      return props.mask ? vue.createVNode("div", {
-        "class": [b(), props.overlayClass],
-        "style": {
-          zIndex: props.zIndex
-        },
-        "onClick": onClick,
-        "onMousedown": onMousedown,
-        "onMouseup": onMouseup
-      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]) : vue.createVNode("div", {
-        "class": props.overlayClass,
-        "style": {
-          zIndex: props.zIndex,
-          position: "fixed",
-          top: "0px",
-          right: "0px",
-          bottom: "0px",
-          left: "0px"
-        }
-      }, [(_b = slots.default) == null ? void 0 : _b.call(slots)]);
-    };
-  }
-});
-const XBasicOverlay = utils.withInstall(BasicOverlay);
-const configProviderKey = Symbol("config-provider");
-const globalConfig = vue.ref();
-function useGlobalConfig(key2, defaultValue = void 0) {
-  const config = vue.getCurrentInstance() ? vue.inject(configProviderKey, globalConfig) : globalConfig;
-  if (key2) {
-    return vue.computed(() => {
-      var _a, _b;
-      return (_b = (_a = config.value) == null ? void 0 : _a[key2]) != null ? _b : defaultValue;
-    });
-  }
-  return config;
-}
-const provideGlobalConfig = (config, app, global = false) => {
-  var _a;
-  const inSetup = Boolean(vue.getCurrentInstance());
-  const oldConfig = inSetup ? useGlobalConfig() : void 0;
-  const provideFn = (_a = app == null ? void 0 : app.provide) != null ? _a : inSetup ? vue.provide : void 0;
-  if (!provideFn) return;
-  const context = vue.computed(() => {
-    const cfg = vue.unref(config);
-    if (!(oldConfig == null ? void 0 : oldConfig.value)) return cfg;
-    return lodashEs.merge(oldConfig.value, cfg);
-  });
-  provideFn(configProviderKey, context);
-  provideFn(
-    localeContextKey,
-    vue.computed(() => context.value.locale)
-  );
-  provideFn(
-    namespaceContextKey,
-    vue.computed(() => context.value.namespace)
-  );
-  provideFn(
-    zIndexContextKey,
-    vue.computed(() => context.value.zIndex)
-  );
-  provideFn(
-    themeOverridesContextKey,
-    vue.computed(() => context.value.themeOverrides)
-  );
-  provideFn(
-    iconLocalPrefixContextKey,
-    vue.computed(() => context.value.iconLocalPrefix)
-  );
-  if (global || !globalConfig.value) {
-    globalConfig.value = context.value;
-  }
-  return context;
-};
-const useConfigProvider = (block) => {
-  const config = useGlobalConfig();
-  const ns = useNamespace(
-    block,
-    vue.computed(() => {
-      var _a;
-      return ((_a = config.value) == null ? void 0 : _a.namespace) || DEFAULT_NAMESPACE;
-    })
-  );
-  const locale = useLocale(vue.computed(() => {
-    var _a;
-    return (_a = config.value) == null ? void 0 : _a.locale;
-  }));
-  const zIndex2 = useZIndex(vue.computed(() => {
-    var _a;
-    return ((_a = config.value) == null ? void 0 : _a.zIndex) || DEFAULT_INITIAL_Z_INDEX;
-  }));
-  const themeOverrides = useThemeOverrides(vue.computed(() => {
-    var _a;
-    return (_a = config.value) == null ? void 0 : _a.themeOverrides;
-  }));
-  provideGlobalConfig(vue.computed(() => vue.unref(config) || {}));
-  return {
-    ns,
-    locale,
-    zIndex: zIndex2,
-    themeOverrides
-  };
-};
-const configProviderProps = {
-  /** 全局 z-index 值 */
-  zIndex: Number,
-  /** 全局语言 */
-  locale: {
-    type: Object
-  },
-  /** 全局命名空间 */
-  namespace: {
-    type: String,
-    default: DEFAULT_NAMESPACE
-  },
-  /** 本地全局图标前缀 */
-  iconLocalPrefix: {
-    type: String,
-    default: DEFAULT_ICON_LOCAL_PREFIX
-  },
-  /** 全局主题覆盖 */
-  themeOverrides: {
-    type: Object
-  }
-};
-const ConfigProvider = /* @__PURE__ */ vue.defineComponent({
-  name: "ConfigProvider",
-  props: configProviderProps,
-  setup(props, {
-    slots
-  }) {
-    const config = provideGlobalConfig(props);
-    return () => {
-      var _a;
-      return vue.createVNode("div", {
-        "class": "imax-config-provider",
-        "data-config-provider": config
-      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
-    };
-  }
-});
-const XConfigProvider = utils.withInstall(ConfigProvider);
-const basicMessageBoxProps = {
-  modal: {
-    type: Boolean,
-    default: true
+const XConfigProvider = utils.withInstall(ConfigProvider);
+const basicMessageBoxProps = {
+  modal: {
+    type: Boolean,
+    default: true
   },
   lockScroll: {
     type: Boolean,
@@ -3777,7 +3385,7 @@ const basicMessageBoxProps = {
     default: ""
   }
 };
-const _sfc_main$G = vue.defineComponent({
+const _sfc_main$Q = vue.defineComponent({
   components: {
     NButton: naiveUi.NButton,
     NInput: naiveUi.NInput,
@@ -3903,414 +3511,889 @@ const _sfc_main$G = vue.defineComponent({
         handleClose();
       }
     };
-    vue.watch(
-      () => state.inputValue,
-      async (val) => {
-        await vue.nextTick();
-        if (props.boxType === "prompt" && val !== null) {
-          validate();
-        }
-      },
-      { immediate: true }
-    );
-    vue.watch(
-      () => visible.value,
-      (val) => {
-        var _a, _b;
-        if (val) {
-          if (props.boxType !== "prompt") {
-            if (state.autofocus) {
-              focusStartRef.value = (_b = (_a = confirmRef.value) == null ? void 0 : _a.$el) != null ? _b : rootRef.value;
-            } else {
-              focusStartRef.value = rootRef.value;
-            }
-          }
-          state.zIndex = nextZIndex();
-        }
-        if (props.boxType !== "prompt") return;
-        if (val) {
-          vue.nextTick().then(() => {
-            var _a2;
-            if (inputRef.value && inputRef.value.$el) {
-              if (state.autofocus) {
-                focusStartRef.value = (_a2 = getInputElement()) != null ? _a2 : rootRef.value;
-              } else {
-                focusStartRef.value = rootRef.value;
-              }
-            }
-          });
-        } else {
-          state.editorErrorMessage = "";
-          state.validateError = false;
+    vue.watch(
+      () => state.inputValue,
+      async (val) => {
+        await vue.nextTick();
+        if (props.boxType === "prompt" && val !== null) {
+          validate();
+        }
+      },
+      { immediate: true }
+    );
+    vue.watch(
+      () => visible.value,
+      (val) => {
+        var _a, _b;
+        if (val) {
+          if (props.boxType !== "prompt") {
+            if (state.autofocus) {
+              focusStartRef.value = (_b = (_a = confirmRef.value) == null ? void 0 : _a.$el) != null ? _b : rootRef.value;
+            } else {
+              focusStartRef.value = rootRef.value;
+            }
+          }
+          state.zIndex = nextZIndex();
+        }
+        if (props.boxType !== "prompt") return;
+        if (val) {
+          vue.nextTick().then(() => {
+            var _a2;
+            if (inputRef.value && inputRef.value.$el) {
+              if (state.autofocus) {
+                focusStartRef.value = (_a2 = getInputElement()) != null ? _a2 : rootRef.value;
+              } else {
+                focusStartRef.value = rootRef.value;
+              }
+            }
+          });
+        } else {
+          state.editorErrorMessage = "";
+          state.validateError = false;
+        }
+      }
+    );
+    const draggable = vue.computed(() => props.draggable);
+    const overflow = vue.computed(() => props.overflow);
+    useDraggable(rootRef, headerRef, draggable, overflow);
+    vue.onMounted(async () => {
+      await vue.nextTick();
+      if (props.closeOnHashChange) {
+        window.addEventListener("hashchange", doClose);
+      }
+    });
+    vue.onBeforeUnmount(() => {
+      if (props.closeOnHashChange) {
+        window.removeEventListener("hashchange", doClose);
+      }
+    });
+    function doClose() {
+      if (!visible.value) return;
+      visible.value = false;
+      vue.nextTick().then(() => {
+        if (state.action) emit("action", state.action);
+      });
+    }
+    const handleWrapperClick = () => {
+      if (props.closeOnClickModal) {
+        handleAction(state.distinguishCancelAndClose ? "close" : "cancel");
+      }
+    };
+    const overlayEvent = useSameTarget(handleWrapperClick);
+    const handleInputEnter = (ev) => {
+      if (state.inputType !== "textarea") {
+        ev.preventDefault();
+        return handleAction("confirm");
+      }
+    };
+    if (props.lockScroll) {
+      useLockscreen(visible);
+    }
+    return {
+      ...vue.toRefs(state),
+      ns,
+      t,
+      overlayEvent,
+      visible,
+      hasMessage,
+      typeClass,
+      contentId,
+      inputId,
+      iconComponent,
+      confirmButtonClasses,
+      themeOverridesRef,
+      rootRef,
+      focusStartRef,
+      headerRef,
+      inputRef,
+      confirmRef,
+      doClose,
+      // for outside usage
+      handleClose,
+      // for out side usage
+      onCloseRequested,
+      handleWrapperClick,
+      handleInputEnter,
+      handleAction
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key2, val] of props) {
+    target[key2] = val;
+  }
+  return target;
+};
+const _hoisted_1$c = ["aria-label", "aria-describedby"];
+const _hoisted_2$4 = ["id"];
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_BasicSvgIcon = vue.resolveComponent("BasicSvgIcon");
+  const _component_NInput = vue.resolveComponent("NInput");
+  const _component_NButton = vue.resolveComponent("NButton");
+  const _component_BasicOverlay = vue.resolveComponent("BasicOverlay");
+  return vue.openBlock(), vue.createBlock(vue.Transition, {
+    name: "fade-in-linear",
+    onAfterLeave: _cache[11] || (_cache[11] = ($event) => _ctx.$emit("vanish"))
+  }, {
+    default: vue.withCtx(() => [
+      vue.withDirectives(vue.createVNode(_component_BasicOverlay, {
+        "z-index": _ctx.zIndex,
+        "overlay-class": [_ctx.ns.is("message-box"), _ctx.modalClass],
+        mask: _ctx.modal
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", {
+            role: "dialog",
+            "aria-label": _ctx.title,
+            "aria-modal": "true",
+            "aria-describedby": !_ctx.showInput ? _ctx.contentId : void 0,
+            class: vue.normalizeClass(`${_ctx.ns.namespace.value}-overlay-message-box`),
+            onClick: _cache[8] || (_cache[8] = (...args) => _ctx.overlayEvent.onClick && _ctx.overlayEvent.onClick(...args)),
+            onMousedown: _cache[9] || (_cache[9] = (...args) => _ctx.overlayEvent.onMousedown && _ctx.overlayEvent.onMousedown(...args)),
+            onMouseup: _cache[10] || (_cache[10] = (...args) => _ctx.overlayEvent.onMouseup && _ctx.overlayEvent.onMouseup(...args))
+          }, [
+            vue.createElementVNode("div", {
+              ref: "rootRef",
+              class: vue.normalizeClass([_ctx.ns.b(), _ctx.customClass, _ctx.ns.is("draggable", _ctx.draggable), { [_ctx.ns.m("center")]: _ctx.center }]),
+              style: vue.normalizeStyle(_ctx.customStyle),
+              tabindex: "-1",
+              onClick: _cache[7] || (_cache[7] = vue.withModifiers(() => {
+              }, ["stop"]))
+            }, [
+              _ctx.title !== null && _ctx.title !== void 0 ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                ref: "headerRef",
+                class: vue.normalizeClass([_ctx.ns.e("header"), { "show-close": _ctx.showClose }])
+              }, [
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(_ctx.ns.e("title"))
+                }, [
+                  _ctx.iconComponent && _ctx.center ? (vue.openBlock(), vue.createBlock(_component_BasicSvgIcon, {
+                    key: 0,
+                    icon: _ctx.iconComponent,
+                    class: vue.normalizeClass([_ctx.ns.e("status"), _ctx.typeClass])
+                  }, null, 8, ["icon", "class"])) : vue.createCommentVNode("", true),
+                  vue.createTextVNode(" " + vue.toDisplayString(_ctx.title), 1)
+                ], 2),
+                _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
+                  key: 0,
+                  type: "button",
+                  class: vue.normalizeClass(_ctx.ns.e("headerbtn")),
+                  onClick: _cache[0] || (_cache[0] = ($event) => _ctx.handleAction(_ctx.distinguishCancelAndClose ? "close" : "cancel")),
+                  onKeydown: _cache[1] || (_cache[1] = vue.withKeys(vue.withModifiers(($event) => _ctx.handleAction(_ctx.distinguishCancelAndClose ? "close" : "cancel"), ["prevent"]), ["enter"]))
+                }, [
+                  vue.createElementVNode("span", {
+                    class: vue.normalizeClass(_ctx.ns.e("close"))
+                  }, [
+                    vue.createVNode(_component_BasicSvgIcon, { icon: "ri:close-line" })
+                  ], 2)
+                ], 34)) : vue.createCommentVNode("", true)
+              ], 2)) : vue.createCommentVNode("", true),
+              vue.createElementVNode("div", {
+                id: _ctx.contentId,
+                class: vue.normalizeClass(_ctx.ns.e("content"))
+              }, [
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(_ctx.ns.e("container"))
+                }, [
+                  _ctx.iconComponent && !_ctx.center && _ctx.hasMessage ? (vue.openBlock(), vue.createBlock(_component_BasicSvgIcon, {
+                    key: 0,
+                    icon: _ctx.iconComponent,
+                    class: vue.normalizeClass([_ctx.ns.e("status"), _ctx.typeClass])
+                  }, null, 8, ["icon", "class"])) : vue.createCommentVNode("", true),
+                  _ctx.hasMessage ? (vue.openBlock(), vue.createElementBlock("div", {
+                    key: 1,
+                    class: vue.normalizeClass(_ctx.ns.e("message"))
+                  }, [
+                    vue.renderSlot(_ctx.$slots, "default", {}, () => [
+                      !_ctx.dangerouslyUseHTMLString ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.showInput ? "label" : "p"), {
+                        key: 0,
+                        for: _ctx.showInput ? _ctx.inputId : void 0
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode(vue.toDisplayString(!_ctx.dangerouslyUseHTMLString ? _ctx.message : ""), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["for"])) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.showInput ? "label" : "p"), {
+                        key: 1,
+                        for: _ctx.showInput ? _ctx.inputId : void 0,
+                        innerHTML: _ctx.message
+                      }, null, 8, ["for", "innerHTML"]))
+                    ])
+                  ], 2)) : vue.createCommentVNode("", true)
+                ], 2),
+                vue.withDirectives(vue.createElementVNode("div", {
+                  class: vue.normalizeClass(_ctx.ns.e("input"))
+                }, [
+                  vue.createVNode(_component_NInput, {
+                    id: _ctx.inputId,
+                    ref: "inputRef",
+                    value: _ctx.inputValue,
+                    "onUpdate:value": _cache[2] || (_cache[2] = ($event) => _ctx.inputValue = $event),
+                    "theme-overrides": _ctx.themeOverridesRef,
+                    type: _ctx.inputType,
+                    placeholder: _ctx.inputPlaceholder,
+                    "aria-invalid": _ctx.validateError,
+                    class: vue.normalizeClass({ invalid: _ctx.validateError }),
+                    onKeydown: vue.withKeys(_ctx.handleInputEnter, ["enter"])
+                  }, null, 8, ["id", "value", "theme-overrides", "type", "placeholder", "aria-invalid", "class", "onKeydown"]),
+                  vue.createElementVNode("div", {
+                    class: vue.normalizeClass(_ctx.ns.e("errormsg")),
+                    style: vue.normalizeStyle({ visibility: !!_ctx.editorErrorMessage ? "visible" : "hidden" })
+                  }, vue.toDisplayString(_ctx.editorErrorMessage), 7)
+                ], 2), [
+                  [vue.vShow, _ctx.showInput]
+                ])
+              ], 10, _hoisted_2$4),
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(_ctx.ns.e("btns"))
+              }, [
+                _ctx.showCancelButton ? (vue.openBlock(), vue.createBlock(_component_NButton, {
+                  key: 0,
+                  "theme-overrides": _ctx.themeOverridesRef,
+                  loading: _ctx.cancelButtonLoading,
+                  class: vue.normalizeClass([_ctx.cancelButtonClass]),
+                  round: _ctx.roundButton,
+                  onClick: _cache[3] || (_cache[3] = ($event) => _ctx.handleAction("cancel")),
+                  onKeydown: _cache[4] || (_cache[4] = vue.withKeys(vue.withModifiers(($event) => _ctx.handleAction("cancel"), ["prevent"]), ["enter"]))
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(vue.toDisplayString(_ctx.cancelButtonText || _ctx.t("max.button.cancel")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["theme-overrides", "loading", "class", "round"])) : vue.createCommentVNode("", true),
+                vue.withDirectives(vue.createVNode(_component_NButton, {
+                  ref: "confirmRef",
+                  "theme-overrides": _ctx.themeOverridesRef,
+                  type: "primary",
+                  loading: _ctx.confirmButtonLoading,
+                  class: vue.normalizeClass([_ctx.confirmButtonClasses]),
+                  round: _ctx.roundButton,
+                  disabled: _ctx.confirmButtonDisabled,
+                  onClick: _cache[5] || (_cache[5] = ($event) => _ctx.handleAction("confirm")),
+                  onKeydown: _cache[6] || (_cache[6] = vue.withKeys(vue.withModifiers(($event) => _ctx.handleAction("confirm"), ["prevent"]), ["enter"]))
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(vue.toDisplayString(_ctx.confirmButtonText || _ctx.t("max.button.confirm")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["theme-overrides", "loading", "class", "round", "disabled"]), [
+                  [vue.vShow, _ctx.showConfirmButton]
+                ])
+              ], 2)
+            ], 6)
+          ], 42, _hoisted_1$c)
+        ]),
+        _: 3
+      }, 8, ["z-index", "overlay-class", "mask"]), [
+        [vue.vShow, _ctx.visible]
+      ])
+    ]),
+    _: 3
+  });
+}
+const MessageBoxConstructor = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$2]]);
+const messageInstance = /* @__PURE__ */ new Map();
+const getAppendToElement = (props) => {
+  let appendTo = document.body;
+  if (props.appendTo) {
+    if (utils.isString(props.appendTo)) {
+      appendTo = document.querySelector(props.appendTo);
+    }
+    if (utils.isElement(props.appendTo)) {
+      appendTo = props.appendTo;
+    }
+    if (!utils.isElement(appendTo)) {
+      console.warn("the appendTo option is not an HTMLElement. Falling back to document.body.");
+      appendTo = document.body;
+    }
+  }
+  return appendTo;
+};
+const initInstance = (props, container, appContext = null) => {
+  const vnode = vue.createVNode(MessageBoxConstructor, props, utils.isFunction(props.message) || vue.isVNode(props.message) ? { default: utils.isFunction(props.message) ? props.message : () => props.message } : null);
+  vnode.appContext = appContext;
+  vue.render(vnode, container);
+  getAppendToElement(props).appendChild(container.firstElementChild);
+  return vnode.component;
+};
+const genContainer = () => {
+  return document.createElement("div");
+};
+const showMessage = (options, appContext) => {
+  const container = genContainer();
+  options.onVanish = () => {
+    vue.render(null, container);
+    messageInstance.delete(vm);
+  };
+  options.onAction = (action) => {
+    const currentMsg = messageInstance.get(vm);
+    let resolve;
+    if (options.showInput) {
+      resolve = { value: vm.inputValue, action };
+    } else {
+      resolve = action;
+    }
+    if (options.callback) {
+      options.callback(resolve, instance.proxy);
+    } else if (action === "cancel" || action === "close") {
+      if (options.distinguishCancelAndClose && action !== "cancel") {
+        currentMsg.reject("close");
+      } else {
+        currentMsg.reject("cancel");
+      }
+    } else {
+      currentMsg.resolve(resolve);
+    }
+  };
+  const instance = initInstance(options, container, appContext);
+  const vm = instance.proxy;
+  for (const prop in options) {
+    if (hasOwn(options, prop) && !hasOwn(vm.$props, prop)) {
+      vm[prop] = options[prop];
+    }
+  }
+  vm.visible = true;
+  return vm;
+};
+function MessageBox(options, appContext = null) {
+  if (!utils.isClient) return Promise.reject();
+  let callback;
+  if (utils.isString(options) || vue.isVNode(options)) {
+    options = {
+      message: options
+    };
+  } else {
+    callback = options.callback;
+  }
+  return new Promise((resolve, reject) => {
+    const vm = showMessage(options, appContext != null ? appContext : MessageBox._context);
+    messageInstance.set(vm, {
+      options,
+      callback,
+      resolve,
+      reject
+    });
+  });
+}
+const MESSAGE_BOX_VARIANTS = ["alert", "confirm", "prompt"];
+const MESSAGE_BOX_DEFAULT_OPTS = {
+  alert: { closeOnPressEscape: false, closeOnClickModal: false },
+  confirm: { showCancelButton: true },
+  prompt: { showCancelButton: true, showInput: true }
+};
+MESSAGE_BOX_VARIANTS.forEach((boxType) => {
+  MessageBox[boxType] = messageBoxFactory(boxType);
+});
+function messageBoxFactory(boxType) {
+  return (message, title, options, appContext) => {
+    let titleOrOpts = "";
+    if (utils.isObject(title)) {
+      options = title;
+      titleOrOpts = "";
+    } else if (utils.isUndefined(title)) {
+      titleOrOpts = "";
+    } else {
+      titleOrOpts = title;
+    }
+    return MessageBox(
+      {
+        title: titleOrOpts,
+        message,
+        type: "",
+        ...MESSAGE_BOX_DEFAULT_OPTS[boxType],
+        ...options,
+        boxType
+      },
+      appContext
+    );
+  };
+}
+MessageBox.close = () => {
+  messageInstance.forEach((_, vm) => {
+    vm.doClose();
+  });
+  messageInstance.clear();
+};
+MessageBox._context = null;
+const $MessageBox = MessageBox;
+const XBasicMessageBox = $MessageBox;
+const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
+  __name: "BasicActionFooter",
+  props: {
+    showDeleteButton: { type: Boolean, default: false },
+    showCancelButton: { type: Boolean, default: true },
+    showConfirmButton: { type: Boolean, default: true },
+    deleteText: { default: "删除" },
+    confirmText: { default: "确定" },
+    cancelText: { default: "取消" },
+    loading: { type: Boolean, default: false }
+  },
+  emits: ["delete", "cancel", "confirm"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { b, e } = useNamespace("basic-action-footer");
+    const { t } = useLocale();
+    function onDeleteClickHandler() {
+      XBasicMessageBox.confirm(t("max.notification.delete"), t("max.basic.warning")).then(() => {
+        emit("delete");
+      }).catch(() => {
+      });
+    }
+    function onCancelClickHandler() {
+      emit("cancel");
+    }
+    function onConfirmClickHandler() {
+      emit("confirm");
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("span", {
+        class: vue.normalizeClass(vue.unref(b)())
+      }, [
+        vue.createElementVNode("span", {
+          class: vue.normalizeClass(vue.unref(e)("left-buttons"))
+        }, [
+          vue.renderSlot(_ctx.$slots, "left-left"),
+          props.showDeleteButton ? (vue.openBlock(), vue.createBlock(vue.unref(XBasicButton), {
+            key: 0,
+            type: "error",
+            icon: "ri:delete-bin-line",
+            loading: props.loading,
+            onClick: onDeleteClickHandler
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(props.deleteText), 1)
+            ]),
+            _: 1
+          }, 8, ["loading"])) : vue.createCommentVNode("", true),
+          vue.renderSlot(_ctx.$slots, "left-right")
+        ], 2),
+        vue.createElementVNode("span", {
+          class: vue.normalizeClass(vue.unref(e)("right-buttons"))
+        }, [
+          vue.renderSlot(_ctx.$slots, "right-left"),
+          props.showCancelButton ? (vue.openBlock(), vue.createBlock(vue.unref(XBasicButton), {
+            key: 0,
+            bordered: "",
+            onClick: onCancelClickHandler
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(props.cancelText), 1)
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("", true),
+          props.showConfirmButton ? (vue.openBlock(), vue.createBlock(vue.unref(XBasicButton), {
+            key: 1,
+            type: "primary",
+            loading: props.loading,
+            onClick: onConfirmClickHandler
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(props.confirmText), 1)
+            ]),
+            _: 1
+          }, 8, ["loading"])) : vue.createCommentVNode("", true),
+          vue.renderSlot(_ctx.$slots, "right-right")
+        ], 2)
+      ], 2);
+    };
+  }
+});
+const XBasicActionFooter = utils.withInstall(_sfc_main$P);
+const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
+  __name: "BasicArrow",
+  props: {
+    expand: { type: Boolean },
+    inset: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const { b } = useNamespace("basic-arrow");
+    const getClass = vue.computed(() => {
+      const { expand, inset } = props;
+      const prefixCls = b();
+      return [
+        prefixCls,
+        {
+          [`${prefixCls}--active`]: expand,
+          inset
         }
-      }
-    );
-    const draggable = vue.computed(() => props.draggable);
-    const overflow = vue.computed(() => props.overflow);
-    useDraggable(rootRef, headerRef, draggable, overflow);
-    vue.onMounted(async () => {
-      await vue.nextTick();
-      if (props.closeOnHashChange) {
-        window.addEventListener("hashchange", doClose);
-      }
+      ];
     });
-    vue.onBeforeUnmount(() => {
-      if (props.closeOnHashChange) {
-        window.removeEventListener("hashchange", doClose);
-      }
+    const getIcon = vue.computed(() => {
+      return props.expand ? "ri:arrow-up-s-line" : "ri:arrow-down-s-line";
     });
-    function doClose() {
-      if (!visible.value) return;
-      visible.value = false;
-      vue.nextTick().then(() => {
-        if (state.action) emit("action", state.action);
-      });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("span", {
+        class: vue.normalizeClass(getClass.value)
+      }, [
+        vue.createVNode(vue.unref(XBasicSvgIcon), { icon: getIcon.value }, null, 8, ["icon"])
+      ], 2);
+    };
+  }
+});
+const XBasicArrow = utils.withInstall(_sfc_main$O);
+const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+  __name: "BasicButtonCreate",
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const { t } = useLocale();
+    const attrs = vue.useAttrs();
+    function onClickHandler() {
+      emit("click");
     }
-    const handleWrapperClick = () => {
-      if (props.closeOnClickModal) {
-        handleAction(state.distinguishCancelAndClose ? "close" : "cancel");
-      }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(XBasicButton), vue.mergeProps({
+        icon: "ri-add-fill",
+        type: "primary"
+      }, vue.unref(attrs), { onClick: onClickHandler }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default", {}, () => [
+            vue.createTextVNode(vue.toDisplayString(vue.unref(t)("max.basic.add")), 1)
+          ])
+        ]),
+        _: 3
+      }, 16);
     };
-    const overlayEvent = useSameTarget(handleWrapperClick);
-    const handleInputEnter = (ev) => {
-      if (state.inputType !== "textarea") {
-        ev.preventDefault();
-        return handleAction("confirm");
-      }
+  }
+});
+const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
+  __name: "BasicButtonDelete",
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const { t } = useLocale();
+    const attrs = vue.useAttrs();
+    function onClickHandler() {
+      emit("click");
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(XBasicButton), vue.mergeProps({
+        type: "error",
+        icon: "ri-delete-bin-5-fill"
+      }, vue.unref(attrs), { onClick: onClickHandler }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default", {}, () => [
+            vue.createTextVNode(vue.toDisplayString(vue.unref(t)("max.basic.delete")), 1)
+          ])
+        ]),
+        _: 3
+      }, 16);
     };
-    if (props.lockScroll) {
-      useLockscreen(visible);
+  }
+});
+const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
+  __name: "BasicButtonDrop",
+  props: {
+    disabled: { type: Boolean },
+    icon: {},
+    options: { default: () => [] }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { b, e } = useNamespace("basic-button-drop");
+    const cOptions = vue.computed(() => {
+      var _a;
+      return ((_a = props.options) != null ? _a : []).map((option) => {
+        return option;
+      });
+    });
+    function handleSelect(key2) {
+      emit("click", key2);
     }
-    return {
-      ...vue.toRefs(state),
-      ns,
-      t,
-      overlayEvent,
-      visible,
-      hasMessage,
-      typeClass,
-      contentId,
-      inputId,
-      iconComponent,
-      confirmButtonClasses,
-      themeOverridesRef,
-      rootRef,
-      focusStartRef,
-      headerRef,
-      inputRef,
-      confirmRef,
-      doClose,
-      // for outside usage
-      handleClose,
-      // for out side usage
-      onCloseRequested,
-      handleWrapperClick,
-      handleInputEnter,
-      handleAction
+    function handleClick() {
+      if (cOptions.value.length === 0) {
+        return;
+      }
+      const defaultKey = cOptions.value[0].key;
+      emit("click", defaultKey);
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(naiveUi.NButtonGroup), {
+        class: vue.normalizeClass(vue.unref(b)())
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(XBasicButton), {
+            type: "primary",
+            icon: __props.icon,
+            disabled: __props.disabled,
+            class: vue.normalizeClass(vue.unref(e)("trigger-button")),
+            onClick: handleClick
+          }, {
+            default: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 8, ["icon", "disabled", "class"]),
+          vue.createVNode(vue.unref(naiveUi.NDropdown), {
+            trigger: "click",
+            options: cOptions.value,
+            onSelect: handleSelect
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(XBasicButton), {
+                type: "primary",
+                icon: "ri:arrow-down-s-line",
+                class: vue.normalizeClass(vue.unref(e)("trigger-arrow"))
+              }, null, 8, ["class"])
+            ]),
+            _: 1
+          }, 8, ["options"])
+        ]),
+        _: 3
+      }, 8, ["class"]);
     };
   }
 });
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key2, val] of props) {
-    target[key2] = val;
-  }
-  return target;
-};
-const _hoisted_1$b = ["aria-label", "aria-describedby"];
-const _hoisted_2$4 = ["id"];
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_BasicSvgIcon = vue.resolveComponent("BasicSvgIcon");
-  const _component_NInput = vue.resolveComponent("NInput");
-  const _component_NButton = vue.resolveComponent("NButton");
-  const _component_BasicOverlay = vue.resolveComponent("BasicOverlay");
-  return vue.openBlock(), vue.createBlock(vue.Transition, {
-    name: "fade-in-linear",
-    onAfterLeave: _cache[11] || (_cache[11] = ($event) => _ctx.$emit("vanish"))
-  }, {
-    default: vue.withCtx(() => [
-      vue.withDirectives(vue.createVNode(_component_BasicOverlay, {
-        "z-index": _ctx.zIndex,
-        "overlay-class": [_ctx.ns.is("message-box"), _ctx.modalClass],
-        mask: _ctx.modal
-      }, {
+const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
+  __name: "BasicButtonEdit",
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const { t } = useLocale();
+    const attrs = vue.useAttrs();
+    function onClickHandler() {
+      emit("click");
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(XBasicButton), vue.mergeProps({
+        icon: "ri-edit-fill",
+        type: "primary"
+      }, vue.unref(attrs), { onClick: onClickHandler }), {
         default: vue.withCtx(() => [
-          vue.createElementVNode("div", {
-            role: "dialog",
-            "aria-label": _ctx.title,
-            "aria-modal": "true",
-            "aria-describedby": !_ctx.showInput ? _ctx.contentId : void 0,
-            class: vue.normalizeClass(`${_ctx.ns.namespace.value}-overlay-message-box`),
-            onClick: _cache[8] || (_cache[8] = (...args) => _ctx.overlayEvent.onClick && _ctx.overlayEvent.onClick(...args)),
-            onMousedown: _cache[9] || (_cache[9] = (...args) => _ctx.overlayEvent.onMousedown && _ctx.overlayEvent.onMousedown(...args)),
-            onMouseup: _cache[10] || (_cache[10] = (...args) => _ctx.overlayEvent.onMouseup && _ctx.overlayEvent.onMouseup(...args))
-          }, [
-            vue.createElementVNode("div", {
-              ref: "rootRef",
-              class: vue.normalizeClass([_ctx.ns.b(), _ctx.customClass, _ctx.ns.is("draggable", _ctx.draggable), { [_ctx.ns.m("center")]: _ctx.center }]),
-              style: vue.normalizeStyle(_ctx.customStyle),
-              tabindex: "-1",
-              onClick: _cache[7] || (_cache[7] = vue.withModifiers(() => {
-              }, ["stop"]))
-            }, [
-              _ctx.title !== null && _ctx.title !== void 0 ? (vue.openBlock(), vue.createElementBlock("div", {
-                key: 0,
-                ref: "headerRef",
-                class: vue.normalizeClass([_ctx.ns.e("header"), { "show-close": _ctx.showClose }])
-              }, [
-                vue.createElementVNode("div", {
-                  class: vue.normalizeClass(_ctx.ns.e("title"))
-                }, [
-                  _ctx.iconComponent && _ctx.center ? (vue.openBlock(), vue.createBlock(_component_BasicSvgIcon, {
-                    key: 0,
-                    icon: _ctx.iconComponent,
-                    class: vue.normalizeClass([_ctx.ns.e("status"), _ctx.typeClass])
-                  }, null, 8, ["icon", "class"])) : vue.createCommentVNode("", true),
-                  vue.createTextVNode(" " + vue.toDisplayString(_ctx.title), 1)
-                ], 2),
-                _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
-                  key: 0,
-                  type: "button",
-                  class: vue.normalizeClass(_ctx.ns.e("headerbtn")),
-                  onClick: _cache[0] || (_cache[0] = ($event) => _ctx.handleAction(_ctx.distinguishCancelAndClose ? "close" : "cancel")),
-                  onKeydown: _cache[1] || (_cache[1] = vue.withKeys(vue.withModifiers(($event) => _ctx.handleAction(_ctx.distinguishCancelAndClose ? "close" : "cancel"), ["prevent"]), ["enter"]))
-                }, [
-                  vue.createElementVNode("span", {
-                    class: vue.normalizeClass(_ctx.ns.e("close"))
-                  }, [
-                    vue.createVNode(_component_BasicSvgIcon, { icon: "ri:close-line" })
-                  ], 2)
-                ], 34)) : vue.createCommentVNode("", true)
-              ], 2)) : vue.createCommentVNode("", true),
-              vue.createElementVNode("div", {
-                id: _ctx.contentId,
-                class: vue.normalizeClass(_ctx.ns.e("content"))
-              }, [
-                vue.createElementVNode("div", {
-                  class: vue.normalizeClass(_ctx.ns.e("container"))
-                }, [
-                  _ctx.iconComponent && !_ctx.center && _ctx.hasMessage ? (vue.openBlock(), vue.createBlock(_component_BasicSvgIcon, {
-                    key: 0,
-                    icon: _ctx.iconComponent,
-                    class: vue.normalizeClass([_ctx.ns.e("status"), _ctx.typeClass])
-                  }, null, 8, ["icon", "class"])) : vue.createCommentVNode("", true),
-                  _ctx.hasMessage ? (vue.openBlock(), vue.createElementBlock("div", {
-                    key: 1,
-                    class: vue.normalizeClass(_ctx.ns.e("message"))
-                  }, [
-                    vue.renderSlot(_ctx.$slots, "default", {}, () => [
-                      !_ctx.dangerouslyUseHTMLString ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.showInput ? "label" : "p"), {
-                        key: 0,
-                        for: _ctx.showInput ? _ctx.inputId : void 0
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createTextVNode(vue.toDisplayString(!_ctx.dangerouslyUseHTMLString ? _ctx.message : ""), 1)
-                        ]),
-                        _: 1
-                      }, 8, ["for"])) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.showInput ? "label" : "p"), {
-                        key: 1,
-                        for: _ctx.showInput ? _ctx.inputId : void 0,
-                        innerHTML: _ctx.message
-                      }, null, 8, ["for", "innerHTML"]))
-                    ])
-                  ], 2)) : vue.createCommentVNode("", true)
-                ], 2),
-                vue.withDirectives(vue.createElementVNode("div", {
-                  class: vue.normalizeClass(_ctx.ns.e("input"))
-                }, [
-                  vue.createVNode(_component_NInput, {
-                    id: _ctx.inputId,
-                    ref: "inputRef",
-                    value: _ctx.inputValue,
-                    "onUpdate:value": _cache[2] || (_cache[2] = ($event) => _ctx.inputValue = $event),
-                    "theme-overrides": _ctx.themeOverridesRef,
-                    type: _ctx.inputType,
-                    placeholder: _ctx.inputPlaceholder,
-                    "aria-invalid": _ctx.validateError,
-                    class: vue.normalizeClass({ invalid: _ctx.validateError }),
-                    onKeydown: vue.withKeys(_ctx.handleInputEnter, ["enter"])
-                  }, null, 8, ["id", "value", "theme-overrides", "type", "placeholder", "aria-invalid", "class", "onKeydown"]),
-                  vue.createElementVNode("div", {
-                    class: vue.normalizeClass(_ctx.ns.e("errormsg")),
-                    style: vue.normalizeStyle({ visibility: !!_ctx.editorErrorMessage ? "visible" : "hidden" })
-                  }, vue.toDisplayString(_ctx.editorErrorMessage), 7)
-                ], 2), [
-                  [vue.vShow, _ctx.showInput]
-                ])
-              ], 10, _hoisted_2$4),
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass(_ctx.ns.e("btns"))
-              }, [
-                _ctx.showCancelButton ? (vue.openBlock(), vue.createBlock(_component_NButton, {
-                  key: 0,
-                  "theme-overrides": _ctx.themeOverridesRef,
-                  loading: _ctx.cancelButtonLoading,
-                  class: vue.normalizeClass([_ctx.cancelButtonClass]),
-                  round: _ctx.roundButton,
-                  onClick: _cache[3] || (_cache[3] = ($event) => _ctx.handleAction("cancel")),
-                  onKeydown: _cache[4] || (_cache[4] = vue.withKeys(vue.withModifiers(($event) => _ctx.handleAction("cancel"), ["prevent"]), ["enter"]))
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createTextVNode(vue.toDisplayString(_ctx.cancelButtonText || _ctx.t("max.button.cancel")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["theme-overrides", "loading", "class", "round"])) : vue.createCommentVNode("", true),
-                vue.withDirectives(vue.createVNode(_component_NButton, {
-                  ref: "confirmRef",
-                  "theme-overrides": _ctx.themeOverridesRef,
-                  type: "primary",
-                  loading: _ctx.confirmButtonLoading,
-                  class: vue.normalizeClass([_ctx.confirmButtonClasses]),
-                  round: _ctx.roundButton,
-                  disabled: _ctx.confirmButtonDisabled,
-                  onClick: _cache[5] || (_cache[5] = ($event) => _ctx.handleAction("confirm")),
-                  onKeydown: _cache[6] || (_cache[6] = vue.withKeys(vue.withModifiers(($event) => _ctx.handleAction("confirm"), ["prevent"]), ["enter"]))
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createTextVNode(vue.toDisplayString(_ctx.confirmButtonText || _ctx.t("max.button.confirm")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["theme-overrides", "loading", "class", "round", "disabled"]), [
-                  [vue.vShow, _ctx.showConfirmButton]
-                ])
-              ], 2)
-            ], 6)
-          ], 42, _hoisted_1$b)
+          vue.renderSlot(_ctx.$slots, "default", {}, () => [
+            vue.createTextVNode(vue.toDisplayString(vue.unref(t)("max.basic.edit")), 1)
+          ])
         ]),
         _: 3
-      }, 8, ["z-index", "overlay-class", "mask"]), [
-        [vue.vShow, _ctx.visible]
-      ])
-    ]),
-    _: 3
-  });
-}
-const MessageBoxConstructor = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$2]]);
-const messageInstance = /* @__PURE__ */ new Map();
-const getAppendToElement = (props) => {
-  let appendTo = document.body;
-  if (props.appendTo) {
-    if (utils.isString(props.appendTo)) {
-      appendTo = document.querySelector(props.appendTo);
+      }, 16);
+    };
+  }
+});
+const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
+  __name: "BasicButtonExport",
+  props: {
+    href: {},
+    exportApi: { type: Function },
+    beforeFetch: { type: Function },
+    afterFetch: { type: Function },
+    download: {},
+    origin: { type: Boolean },
+    onClick: { type: Function }
+  },
+  setup(__props) {
+    const props = __props;
+    const { t } = useLocale();
+    const attrs = vue.useAttrs();
+    async function downloadFileRemote() {
+      if (!props.exportApi) return false;
+      const params = utils.isFunction(props.beforeFetch) ? props.beforeFetch() : {};
+      const { response } = await props.exportApi(params);
+      if (response.data) {
+        utils.downloadFileByResponseData(response);
+      }
+      props.afterFetch && props.afterFetch(response);
     }
-    if (utils.isElement(props.appendTo)) {
-      appendTo = props.appendTo;
+    function onClickHandler() {
+      var _a;
+      if (props.origin) {
+        (_a = props.onClick) == null ? void 0 : _a.call(props);
+        return false;
+      }
+      if (!props.exportApi) {
+        utils.downloadFileStatic(props.href, props.download);
+        return false;
+      }
+      downloadFileRemote();
     }
-    if (!utils.isElement(appendTo)) {
-      console.warn("the appendTo option is not an HTMLElement. Falling back to document.body.");
-      appendTo = document.body;
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(XBasicButton), vue.mergeProps({
+        icon: "ri:export-line",
+        type: "primary"
+      }, vue.unref(attrs), { onClick: onClickHandler }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default", {}, () => [
+            vue.createTextVNode(vue.toDisplayString(vue.unref(t)("max.basic.export")), 1)
+          ])
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+  __name: "BasicButtonExportDrop",
+  props: {
+    disabled: { type: Boolean },
+    icon: { default: "ri:export-line" },
+    options: { default: () => [
+      { label: "全部导出", key: "all" },
+      { label: "按选择条目导出", key: "select" }
+    ] }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const cOptions = vue.computed(() => {
+      var _a;
+      return ((_a = props.options) != null ? _a : []).map((option) => {
+        return option;
+      });
+    });
+    function handleClick(key2) {
+      emit("click", key2);
     }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(_sfc_main$L, {
+        icon: __props.icon,
+        options: cOptions.value,
+        onClick: handleClick
+      }, {
+        default: vue.withCtx(() => [..._cache[0] || (_cache[0] = [
+          vue.createTextVNode(" 导出 ", -1)
+        ])]),
+        _: 1
+      }, 8, ["icon", "options"]);
+    };
   }
-  return appendTo;
-};
-const initInstance = (props, container, appContext = null) => {
-  const vnode = vue.createVNode(MessageBoxConstructor, props, utils.isFunction(props.message) || vue.isVNode(props.message) ? { default: utils.isFunction(props.message) ? props.message : () => props.message } : null);
-  vnode.appContext = appContext;
-  vue.render(vnode, container);
-  getAppendToElement(props).appendChild(container.firstElementChild);
-  return vnode.component;
-};
-const genContainer = () => {
-  return document.createElement("div");
-};
-const showMessage = (options, appContext) => {
-  const container = genContainer();
-  options.onVanish = () => {
-    vue.render(null, container);
-    messageInstance.delete(vm);
-  };
-  options.onAction = (action) => {
-    const currentMsg = messageInstance.get(vm);
-    let resolve;
-    if (options.showInput) {
-      resolve = { value: vm.inputValue, action };
-    } else {
-      resolve = action;
+});
+const _hoisted_1$b = ["multiple", "name", "accept"];
+const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+  __name: "BasicButtonImport",
+  props: {
+    name: { default: "file" },
+    accept: { default: ".xlsx,.xls,.csv" },
+    multiple: { type: Boolean, default: false },
+    beforeUpload: { type: Function, default: void 0 }
+  },
+  emits: ["change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { t } = useLocale();
+    const attrs = vue.useAttrs();
+    const uid2 = vue.ref(utils.guid());
+    const fileInputRef = vue.useTemplateRef("fileInputRef");
+    function onClickHandler() {
+      var _a;
+      (_a = fileInputRef.value) == null ? void 0 : _a.click();
     }
-    if (options.callback) {
-      options.callback(resolve, instance.proxy);
-    } else if (action === "cancel" || action === "close") {
-      if (options.distinguishCancelAndClose && action !== "cancel") {
-        currentMsg.reject("close");
-      } else {
-        currentMsg.reject("cancel");
+    function reset() {
+      uid2.value = utils.guid();
+    }
+    async function processFile(file, fileList) {
+      const { beforeUpload } = props;
+      let transformedFile = file;
+      if (beforeUpload) {
+        try {
+          transformedFile = await beforeUpload(file, fileList);
+        } catch (e) {
+          console.warn("max-ajax-uploader", e);
+          transformedFile = false;
+        }
+        if (transformedFile === false) {
+          return {
+            origin: file
+          };
+        }
       }
-    } else {
-      currentMsg.resolve(resolve);
+      return {
+        origin: file
+      };
     }
-  };
-  const instance = initInstance(options, container, appContext);
-  const vm = instance.proxy;
-  for (const prop in options) {
-    if (hasOwn(options, prop) && !hasOwn(vm.$props, prop)) {
-      vm[prop] = options[prop];
+    function uploadFiles(files) {
+      const originFiles = [...files];
+      const postFiles = originFiles.map((file) => {
+        return processFile(file, originFiles);
+      });
+      Promise.all(postFiles).then((fileList) => {
+        if (fileList.length === 0) {
+          return;
+        }
+        const file = fileList[0].origin;
+        const po = new FormData();
+        po.append("file", file);
+        emit("change", { file: fileList[0].origin, files: fileList, param: po });
+      });
     }
-  }
-  vm.visible = true;
-  return vm;
-};
-function MessageBox(options, appContext = null) {
-  if (!utils.isClient) return Promise.reject();
-  let callback;
-  if (utils.isString(options) || vue.isVNode(options)) {
-    options = {
-      message: options
+    function onFileChange(e) {
+      const { accept } = props;
+      const { files } = e.target;
+      const acceptedFiles = [...files].filter((file) => utils.attrAccept(file, accept));
+      uploadFiles(acceptedFiles);
+      reset();
+    }
+    const buttonStyle = vue.computed(() => {
+      return {
+        display: "none"
+      };
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(XBasicButton), vue.mergeProps({
+        icon: "ri:import-line",
+        type: "primary"
+      }, vue.unref(attrs), { onClick: onClickHandler }), {
+        default: vue.withCtx(() => [
+          (vue.openBlock(), vue.createElementBlock("input", {
+            key: uid2.value,
+            ref_key: "fileInputRef",
+            ref: fileInputRef,
+            type: "file",
+            class: "hidden",
+            multiple: __props.multiple,
+            name: __props.name,
+            accept: __props.accept,
+            style: vue.normalizeStyle(buttonStyle.value),
+            onChange: onFileChange
+          }, null, 44, _hoisted_1$b)),
+          vue.renderSlot(_ctx.$slots, "default", {}, () => [
+            vue.createTextVNode(vue.toDisplayString(vue.unref(t)("max.basic.import")), 1)
+          ])
+        ]),
+        _: 3
+      }, 16);
     };
-  } else {
-    callback = options.callback;
   }
-  return new Promise((resolve, reject) => {
-    const vm = showMessage(options, appContext != null ? appContext : MessageBox._context);
-    messageInstance.set(vm, {
-      options,
-      callback,
-      resolve,
-      reject
-    });
-  });
-}
-const MESSAGE_BOX_VARIANTS = ["alert", "confirm", "prompt"];
-const MESSAGE_BOX_DEFAULT_OPTS = {
-  alert: { closeOnPressEscape: false, closeOnClickModal: false },
-  confirm: { showCancelButton: true },
-  prompt: { showCancelButton: true, showInput: true }
-};
-MESSAGE_BOX_VARIANTS.forEach((boxType) => {
-  MessageBox[boxType] = messageBoxFactory(boxType);
 });
-function messageBoxFactory(boxType) {
-  return (message, title, options, appContext) => {
-    let titleOrOpts = "";
-    if (utils.isObject(title)) {
-      options = title;
-      titleOrOpts = "";
-    } else if (utils.isUndefined(title)) {
-      titleOrOpts = "";
-    } else {
-      titleOrOpts = title;
+const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+  __name: "BasicButtonPrint",
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const { t } = useLocale();
+    const attrs = vue.useAttrs();
+    function onClickHandler() {
+      emit("click");
     }
-    return MessageBox(
-      {
-        title: titleOrOpts,
-        message,
-        type: "",
-        ...MESSAGE_BOX_DEFAULT_OPTS[boxType],
-        ...options,
-        boxType
-      },
-      appContext
-    );
-  };
-}
-MessageBox.close = () => {
-  messageInstance.forEach((_, vm) => {
-    vm.doClose();
-  });
-  messageInstance.clear();
-};
-MessageBox._context = null;
-const $MessageBox = MessageBox;
-const XBasicMessageBox = $MessageBox;
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(XBasicButton), vue.mergeProps({
+        icon: "ri-printer-line",
+        type: "primary"
+      }, vue.unref(attrs), { onClick: onClickHandler }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default", {}, () => [
+            vue.createTextVNode(vue.toDisplayString(vue.unref(t)("max.basic.print")), 1)
+          ])
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+const XBasicButtonCreate = utils.withInstall(_sfc_main$N);
+const XBasicButtonEdit = utils.withInstall(_sfc_main$K);
+const XBasicButtonDelete = utils.withInstall(_sfc_main$M);
+const XBasicButtonExport = utils.withInstall(_sfc_main$J);
+const XBasicButtonImport = utils.withInstall(_sfc_main$H);
+const XBasicButtonPrint = utils.withInstall(_sfc_main$G);
+const XBasicButtonDrop = utils.withInstall(_sfc_main$L);
+const XBasicButtonExportDrop = utils.withInstall(_sfc_main$I);
 function _isSlot$3(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
 }
@@ -6928,7 +7011,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(basicTextClass.value),
         title: vue.unref(utils.isString)(vue.unref(mergedValueRef)) ? vue.unref(mergedValueRef) : void 0
       }, [
-        __props.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$X, {
+        __props.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$Y, {
           key: 0,
           icon: __props.icon,
           class: vue.normalizeClass(__props.iconClass),
@@ -27232,6 +27315,7 @@ const components = [
   XTreeSearch,
   XTreeDrop,
   XBasicViewBar,
+  XBasicActionFooter,
   XBasicButtonGroup,
   XBasicUpload,
   XBasicUploadDragger,
@@ -27587,6 +27671,7 @@ Object.defineProperty(exports, "VxeToolbar", {
 });
 exports.LIST_IGNORE = LIST_IGNORE;
 exports.TreeNode = TreeNode;
+exports.XBasicActionFooter = XBasicActionFooter;
 exports.XBasicArrow = XBasicArrow;
 exports.XBasicButton = XBasicButton;
 exports.XBasicButtonCreate = XBasicButtonCreate;