@maxax/ui 1.0.10 → 1.0.12

package/dist/index.cjs

@@ -2,1029 +2,1579 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 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-DRBSpYf4.cjs");
 const lodashEs = require("lodash-es");
-const utils$1 = require("./utils-D_olU8qE.cjs");
 const hooks = require("@maxax/hooks");
 const dateFns = require("date-fns");
 const dayjs = require("dayjs");
 const vxePcUi = require("vxe-pc-ui");
 const vxeTable = require("vxe-table");
 const elementResizeDetectorMaker = require("element-resize-detector");
-const isStringNumber = (val) => {
-  if (!utils.isString(val)) {
-    return false;
-  }
-  return !Number.isNaN(Number(val));
-};
-let scrollBarWidth;
-const getScrollBarWidth = (namespace) => {
-  var _a;
-  if (scrollBarWidth !== void 0) return scrollBarWidth;
-  const outer = document.createElement("div");
-  outer.className = `${namespace}-scrollbar__wrap`;
-  outer.style.visibility = "hidden";
-  outer.style.width = "100px";
-  outer.style.position = "absolute";
-  outer.style.top = "-9999px";
-  document.body.appendChild(outer);
-  const widthNoScroll = outer.offsetWidth;
-  outer.style.overflow = "scroll";
-  const inner = document.createElement("div");
-  inner.style.width = "100%";
-  outer.appendChild(inner);
-  const widthWithScroll = inner.offsetWidth;
-  (_a = outer.parentNode) == null ? void 0 : _a.removeChild(outer);
-  scrollBarWidth = widthNoScroll - widthWithScroll;
-  return scrollBarWidth;
-};
-const getStyle = (element, styleName) => {
-  var _a;
-  if (!element || !styleName) return "";
-  let key2 = utils.camelize(styleName);
-  if (key2 === "float") key2 = "cssFloat";
-  try {
-    const style = element.style[key2];
-    if (style) return style;
-    const computed = (_a = document.defaultView) == null ? void 0 : _a.getComputedStyle(element, "");
-    return computed ? computed[key2] : "";
-  } catch {
-    return element.style[key2];
+function tryOnScopeDispose(fn, failSilently) {
+  if (vue.getCurrentScope()) {
+    vue.onScopeDispose(fn, failSilently);
+    return true;
   }
+  return false;
+}
+const isClient = typeof window !== "undefined" && typeof document !== "undefined";
+typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
+const toString = Object.prototype.toString;
+const isObject = (val) => toString.call(val) === "[object Object]";
+const noop = () => {
 };
-function addUnit(value, defaultUnit = "px") {
-  if (!value) return "";
-  if (utils.isNumber(value) || isStringNumber(value)) {
-    return `${value}${defaultUnit}`;
-  } else if (utils.isString(value)) {
-    return value;
+function createFilterWrapper(filter, fn) {
+  function wrapper(...args) {
+    return new Promise((resolve, reject) => {
+      Promise.resolve(filter(() => fn.apply(this, args), {
+        fn,
+        thisArg: this,
+        args
+      })).then(resolve).catch(reject);
+    });
   }
-  throw new Error("binding value must be a string or number");
+  return wrapper;
 }
-const getTransitionProps = (transitionName, opt = {}) => {
-  const transitionConfig = {
-    name: transitionName,
-    appear: true,
-    // type: 'animation',
-    // appearFromClass: `${transitionName}-appear ${transitionName}-appear-prepare`,
-    // appearActiveClass: `antdv-base-transtion`,
-    // appearToClass: `${transitionName}-appear ${transitionName}-appear-active`,
-    enterFromClass: `${transitionName}-enter ${transitionName}-enter-prepare ${transitionName}-enter-start`,
-    enterActiveClass: `${transitionName}-enter ${transitionName}-enter-prepare`,
-    enterToClass: `${transitionName}-enter ${transitionName}-enter-active`,
-    leaveFromClass: ` ${transitionName}-leave`,
-    leaveActiveClass: `${transitionName}-leave ${transitionName}-leave-active`,
-    leaveToClass: `${transitionName}-leave ${transitionName}-leave-active`,
-    ...opt
-  };
-  const transitionProps = transitionName ? transitionConfig : { css: false, ...opt };
-  return transitionProps;
-};
-const getTransitionGroupProps = (transitionName, opt = {}) => {
-  const transitionConfig = {
-    name: transitionName,
-    appear: true,
-    // appearFromClass: `${transitionName}-appear ${transitionName}-appear-prepare`,
-    appearActiveClass: `${transitionName}`,
-    appearToClass: `${transitionName}-appear ${transitionName}-appear-active`,
-    enterFromClass: `${transitionName}-appear ${transitionName}-enter ${transitionName}-appear-prepare ${transitionName}-enter-prepare`,
-    enterActiveClass: `${transitionName}`,
-    enterToClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-active ${transitionName}-enter-active`,
-    leaveActiveClass: `${transitionName} ${transitionName}-leave`,
-    leaveToClass: `${transitionName}-leave-active`,
-    ...opt
+function debounceFilter(ms, options = {}) {
+  let timer;
+  let maxTimer;
+  let lastRejector = noop;
+  const _clearTimeout = (timer$1) => {
+    clearTimeout(timer$1);
+    lastRejector();
+    lastRejector = noop;
   };
-  const transitionProps = transitionName ? transitionConfig : { css: false, ...opt };
-  return transitionProps;
-};
-const collapseMotion = (name = "ant-motion-collapse", appear = true) => {
-  return {
-    name,
-    appear,
-    css: true,
-    onBeforeEnter: (el) => {
-      const node = el;
-      node.style.height = "0px";
-      node.style.opacity = "0";
-      utils.addClass(node, name);
-    },
-    onEnter: (el) => {
-      const node = el;
-      vue.nextTick(() => {
-        node.style.height = `${node.scrollHeight}px`;
-        node.style.opacity = "1";
-      });
-    },
-    onAfterEnter: (el) => {
-      const node = el;
-      if (node) {
-        utils.removeClass(node, name);
-        node.style.height = null;
-        node.style.opacity = null;
-      }
-    },
-    onBeforeLeave: (el) => {
-      const node = el;
-      utils.addClass(node, name);
-      node.style.height = `${node.offsetHeight}px`;
-      node.style.opacity = null;
-    },
-    onLeave: (el) => {
-      const node = el;
-      setTimeout(() => {
-        node.style.height = "0px";
-        node.style.opacity = "0";
-      });
-    },
-    onAfterLeave: (el) => {
-      const node = el;
-      if (node) {
-        utils.removeClass(node, name);
-        if (node.style) {
-          node.style.height = null;
-          node.style.opacity = null;
-        }
+  let lastInvoker;
+  const filter = (invoke$1) => {
+    const duration = vue.toValue(ms);
+    const maxDuration = vue.toValue(options.maxWait);
+    if (timer) _clearTimeout(timer);
+    if (duration <= 0 || maxDuration !== void 0 && maxDuration <= 0) {
+      if (maxTimer) {
+        _clearTimeout(maxTimer);
+        maxTimer = void 0;
       }
+      return Promise.resolve(invoke$1());
     }
+    return new Promise((resolve, reject) => {
+      lastRejector = options.rejectOnCancel ? reject : resolve;
+      lastInvoker = invoke$1;
+      if (maxDuration && !maxTimer) maxTimer = setTimeout(() => {
+        if (timer) _clearTimeout(timer);
+        maxTimer = void 0;
+        resolve(lastInvoker());
+      }, maxDuration);
+      timer = setTimeout(() => {
+        if (maxTimer) _clearTimeout(maxTimer);
+        maxTimer = void 0;
+        resolve(invoke$1());
+      }, duration);
+    });
   };
-};
-function isEmptyElement(c) {
-  return c && (c.type === vue.Comment || c.type === vue.Fragment && c.children.length === 0 || c.type === vue.Text && c.children.trim() === "");
+  return filter;
 }
-function filterEmpty(children = []) {
-  const res = [];
-  children.forEach((child) => {
-    if (Array.isArray(child)) {
-      res.push(...child);
-    } else if ((child == null ? void 0 : child.type) === vue.Fragment) {
-      res.push(...filterEmpty(child.children));
-    } else {
-      res.push(child);
-    }
+function promiseTimeout(ms, throwOnTimeout = false, reason = "Timeout") {
+  return new Promise((resolve, reject) => {
+    if (throwOnTimeout) setTimeout(() => reject(reason), ms);
+    else setTimeout(resolve, ms);
   });
-  return res.filter((c) => !isEmptyElement(c));
 }
-const isValid = (value) => {
-  return value !== void 0 && value !== null && value !== "";
-};
-const skipFlattenKey = Symbol("skipFlatten");
-const flattenChildren = (children = [], fe = true) => {
-  const temp = Array.isArray(children) ? children : [children];
-  const res = [];
-  temp.forEach((child) => {
-    if (Array.isArray(child)) {
-      res.push(...flattenChildren(child, fe));
-    } else if (child && child.type === vue.Fragment) {
-      if (child.key === skipFlattenKey) {
-        res.push(child);
-      } else {
-        res.push(...flattenChildren(child.children, fe));
-      }
-    } else if (child && vue.isVNode(child)) {
-      if (fe && !isEmptyElement(child)) {
-        res.push(child);
-      } else if (!fe) {
-        res.push(child);
-      }
-    } else if (isValid(child)) {
-      res.push(child);
+function identity(arg) {
+  return arg;
+}
+function toArray(value) {
+  return Array.isArray(value) ? value : [value];
+}
+function getLifeCycleTarget(target) {
+  return vue.getCurrentInstance();
+}
+// @__NO_SIDE_EFFECTS__
+function useDebounceFn(fn, ms = 200, options = {}) {
+  return createFilterWrapper(debounceFilter(ms, options), fn);
+}
+function tryOnMounted(fn, sync = true, target) {
+  if (getLifeCycleTarget()) vue.onMounted(fn, target);
+  else if (sync) fn();
+  else vue.nextTick(fn);
+}
+function tryOnUnmounted(fn, target) {
+  if (getLifeCycleTarget()) vue.onUnmounted(fn, target);
+}
+function useTimeoutFn(cb, interval, options = {}) {
+  const { immediate = true, immediateCallback = false } = options;
+  const isPending = vue.shallowRef(false);
+  let timer;
+  function clear() {
+    if (timer) {
+      clearTimeout(timer);
+      timer = void 0;
     }
-  });
-  return res;
-};
-const useDraggable = (targetRef, dragRef, draggable, overflow) => {
-  let transform = {
-    offsetX: 0,
-    offsetY: 0
-  };
-  const onMousedown = (e) => {
-    const downX = e.clientX;
-    const downY = e.clientY;
-    const { offsetX, offsetY } = transform;
-    const targetRect = targetRef.value.getBoundingClientRect();
-    const targetLeft = targetRect.left;
-    const targetTop = targetRect.top;
-    const targetWidth = targetRect.width;
-    const targetHeight = targetRect.height;
-    const clientWidth = document.documentElement.clientWidth;
-    const clientHeight = document.documentElement.clientHeight;
-    const minLeft = -targetLeft + offsetX;
-    const minTop = -targetTop + offsetY;
-    const maxLeft = clientWidth - targetLeft - targetWidth + offsetX;
-    const maxTop = clientHeight - targetTop - targetHeight + offsetY;
-    const onMousemove = (event) => {
-      let moveX = offsetX + event.clientX - downX;
-      let moveY = offsetY + event.clientY - downY;
-      if (!(overflow == null ? void 0 : overflow.value)) {
-        moveX = Math.min(Math.max(moveX, minLeft), maxLeft);
-        moveY = Math.min(Math.max(moveY, minTop), maxTop);
-      }
-      transform = {
-        offsetX: moveX,
-        offsetY: moveY
-      };
-      if (targetRef.value) {
-        targetRef.value.style.transform = `translate(${addUnit(moveX)}, ${addUnit(moveY)})`;
-      }
-    };
-    const onMouseup = () => {
-      document.removeEventListener("mousemove", onMousemove);
-      document.removeEventListener("mouseup", onMouseup);
-    };
-    document.addEventListener("mousemove", onMousemove);
-    document.addEventListener("mouseup", onMouseup);
+  }
+  function stop() {
+    isPending.value = false;
+    clear();
+  }
+  function start(...args) {
+    if (immediateCallback) cb();
+    clear();
+    isPending.value = true;
+    timer = setTimeout(() => {
+      isPending.value = false;
+      timer = void 0;
+      cb(...args);
+    }, vue.toValue(interval));
+  }
+  if (immediate) {
+    isPending.value = true;
+    if (isClient) start();
+  }
+  tryOnScopeDispose(stop);
+  return {
+    isPending: vue.shallowReadonly(isPending),
+    start,
+    stop
   };
-  const onDraggable = () => {
-    if (dragRef.value && targetRef.value) {
-      dragRef.value.addEventListener("mousedown", onMousedown);
-    }
+}
+function watchImmediate(source, cb, options) {
+  return vue.watch(source, cb, {
+    ...options,
+    immediate: true
+  });
+}
+const defaultWindow = isClient ? window : void 0;
+function unrefElement(elRef) {
+  var _$el;
+  const plain = vue.toValue(elRef);
+  return (_$el = plain === null || plain === void 0 ? void 0 : plain.$el) !== null && _$el !== void 0 ? _$el : plain;
+}
+function useEventListener(...args) {
+  const register = (el, event, listener, options) => {
+    el.addEventListener(event, listener, options);
+    return () => el.removeEventListener(event, listener, options);
   };
-  const offDraggable = () => {
-    if (dragRef.value && targetRef.value) {
-      dragRef.value.removeEventListener("mousedown", onMousedown);
+  const firstParamTargets = vue.computed(() => {
+    const test = toArray(vue.toValue(args[0])).filter((e) => e != null);
+    return test.every((e) => typeof e !== "string") ? test : void 0;
+  });
+  return watchImmediate(() => {
+    var _firstParamTargets$va, _firstParamTargets$va2;
+    return [
+      (_firstParamTargets$va = (_firstParamTargets$va2 = firstParamTargets.value) === null || _firstParamTargets$va2 === void 0 ? void 0 : _firstParamTargets$va2.map((e) => unrefElement(e))) !== null && _firstParamTargets$va !== void 0 ? _firstParamTargets$va : [defaultWindow].filter((e) => e != null),
+      toArray(vue.toValue(firstParamTargets.value ? args[1] : args[0])),
+      toArray(vue.unref(firstParamTargets.value ? args[2] : args[1])),
+      vue.toValue(firstParamTargets.value ? args[3] : args[2])
+    ];
+  }, ([raw_targets, raw_events, raw_listeners, raw_options], _, onCleanup) => {
+    if (!(raw_targets === null || raw_targets === void 0 ? void 0 : raw_targets.length) || !(raw_events === null || raw_events === void 0 ? void 0 : raw_events.length) || !(raw_listeners === null || raw_listeners === void 0 ? void 0 : raw_listeners.length)) return;
+    const optionsClone = isObject(raw_options) ? { ...raw_options } : raw_options;
+    const cleanups = raw_targets.flatMap((el) => raw_events.flatMap((event) => raw_listeners.map((listener) => register(el, event, listener, optionsClone))));
+    onCleanup(() => {
+      cleanups.forEach((fn) => fn());
+    });
+  }, { flush: "post" });
+}
+// @__NO_SIDE_EFFECTS__
+function useMounted() {
+  const isMounted = vue.shallowRef(false);
+  const instance = vue.getCurrentInstance();
+  if (instance) vue.onMounted(() => {
+    isMounted.value = true;
+  }, instance);
+  return isMounted;
+}
+// @__NO_SIDE_EFFECTS__
+function useSupported(callback) {
+  const isMounted = /* @__PURE__ */ useMounted();
+  return vue.computed(() => {
+    isMounted.value;
+    return Boolean(callback());
+  });
+}
+function useResizeObserver(target, callback, options = {}) {
+  const { window: window$1 = defaultWindow, ...observerOptions } = options;
+  let observer;
+  const isSupported = /* @__PURE__ */ useSupported(() => window$1 && "ResizeObserver" in window$1);
+  const cleanup = () => {
+    if (observer) {
+      observer.disconnect();
+      observer = void 0;
     }
   };
-  const resetPosition = () => {
-    transform = {
-      offsetX: 0,
-      offsetY: 0
-    };
-    if (targetRef.value) {
-      targetRef.value.style.transform = "none";
+  const stopWatch = vue.watch(vue.computed(() => {
+    const _targets = vue.toValue(target);
+    return Array.isArray(_targets) ? _targets.map((el) => unrefElement(el)) : [unrefElement(_targets)];
+  }), (els) => {
+    cleanup();
+    if (isSupported.value && window$1) {
+      observer = new ResizeObserver(callback);
+      for (const _el of els) if (_el) observer.observe(_el, observerOptions);
     }
-  };
-  vue.onMounted(() => {
-    vue.watchEffect(() => {
-      if (draggable.value) {
-        onDraggable();
-      } else {
-        offDraggable();
-      }
-    });
-  });
-  vue.onBeforeUnmount(() => {
-    offDraggable();
+  }, {
+    immediate: true,
+    flush: "post"
   });
+  const stop = () => {
+    cleanup();
+    stopWatch();
+  };
+  tryOnScopeDispose(stop);
   return {
-    resetPosition
+    isSupported,
+    stop
   };
-};
-const screenSM = 576;
-const screenMD = 768;
-const screenLG = 992;
-const screenXL = 1200;
-const screenXXL = 1600;
-const screenXXXL = 2e3;
-const tokens = {
-  screenXSMax: screenSM - 1,
-  screenSM,
-  screenMD,
-  screenLG,
-  screenXL,
-  screenXXL,
-  screenXXXL
-};
-const EVENT_CODE = {
-  // 40
-  esc: "Escape",
-  delete: "Delete",
-  backspace: "Backspace"
-};
-const DEFAULT_NAMESPACE = "max";
-const DEFAULT_ICON_LOCAL_PREFIX = "max";
-const DEFAULT_INITIAL_Z_INDEX = 2e3;
-const namespaceContextKey = Symbol("namespaceContextKey");
-const localeContextKey = Symbol("localeContextKey");
-const zIndexContextKey = Symbol("zIndexContextKey");
-const themeOverridesContextKey = Symbol("themeOverridesContextKey");
-const iconLocalPrefixContextKey = Symbol("iconLocalPrefixContextKey");
-function useLocale(localeOverrides) {
-  const locale = localeOverrides || vue.inject(localeContextKey, vue.ref());
-  return utils$1.buildLocaleContext(vue.computed(() => locale.value || utils$1.zhCN));
 }
-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 dataRef = vue.ref({});
-  const titleRef = vue.computed(() => {
-    return t(`max.basic.${typeRef.value}`) || "";
+function useElementSize(target, initialSize = {
+  width: 0,
+  height: 0
+}, options = {}) {
+  const { window: window$1 = defaultWindow, box = "content-box" } = options;
+  const isSVG = vue.computed(() => {
+    var _unrefElement;
+    return (_unrefElement = unrefElement(target)) === null || _unrefElement === void 0 || (_unrefElement = _unrefElement.namespaceURI) === null || _unrefElement === void 0 ? void 0 : _unrefElement.includes("svg");
   });
-  function show(context) {
-    var _a;
-    visibleRef.value = true;
-    typeRef.value = context.type;
-    dataRef.value = context.data || {};
-    (_a = params.onShow) == null ? void 0 : _a.call(params, context);
-  }
-  function hide() {
-    var _a;
-    visibleRef.value = false;
-    typeRef.value = "add";
-    dataRef.value = {};
-    (_a = params.onHide) == null ? void 0 : _a.call(params);
+  const width = vue.shallowRef(initialSize.width);
+  const height = vue.shallowRef(initialSize.height);
+  const { stop: stop1 } = useResizeObserver(target, ([entry]) => {
+    const boxSize = box === "border-box" ? entry.borderBoxSize : box === "content-box" ? entry.contentBoxSize : entry.devicePixelContentBoxSize;
+    if (window$1 && isSVG.value) {
+      const $elem = unrefElement(target);
+      if ($elem) {
+        const rect = $elem.getBoundingClientRect();
+        width.value = rect.width;
+        height.value = rect.height;
+      }
+    } else if (boxSize) {
+      const formatBoxSize = toArray(boxSize);
+      width.value = formatBoxSize.reduce((acc, { inlineSize }) => acc + inlineSize, 0);
+      height.value = formatBoxSize.reduce((acc, { blockSize }) => acc + blockSize, 0);
+    } else {
+      width.value = entry.contentRect.width;
+      height.value = entry.contentRect.height;
+    }
+  }, options);
+  tryOnMounted(() => {
+    const ele = unrefElement(target);
+    if (ele) {
+      width.value = "offsetWidth" in ele ? ele.offsetWidth : initialSize.width;
+      height.value = "offsetHeight" in ele ? ele.offsetHeight : initialSize.height;
+    }
+  });
+  const stop2 = vue.watch(() => unrefElement(target), (ele) => {
+    width.value = ele ? initialSize.width : 0;
+    height.value = ele ? initialSize.height : 0;
+  });
+  function stop() {
+    stop1();
+    stop2();
   }
   return {
-    show,
-    hide,
-    showLoading,
-    hideLoading,
-    visible: visibleRef,
-    type: typeRef,
-    data: dataRef,
-    title: titleRef,
-    loading: loadingRef
+    width,
+    height,
+    stop
   };
 }
-let flexGapSupported;
-const detectFlexGapSupported = () => {
-  if (flexGapSupported !== void 0) {
-    return flexGapSupported;
-  }
-  const flex = document.createElement("div");
-  flex.style.display = "flex";
-  flex.style.flexDirection = "column";
-  flex.style.rowGap = "1px";
-  flex.appendChild(document.createElement("div"));
-  flex.appendChild(document.createElement("div"));
-  document.body.appendChild(flex);
-  flexGapSupported = flex.scrollHeight === 1;
-  document.body.removeChild(flex);
-  return flexGapSupported;
-};
-function useFlexGapSupport() {
-  const flexible = vue.shallowRef(false);
-  vue.onMounted(() => {
-    flexible.value = detectFlexGapSupported();
-  });
-  return flexible;
-}
-function useLocalIcon(localIcon) {
-  const icon = localIcon || vue.inject(iconLocalPrefixContextKey, vue.ref(DEFAULT_ICON_LOCAL_PREFIX));
-  return icon.value;
-}
-const statePrefix = "is-";
-const useGetDerivedNamespace = (namespaceOverrides) => {
-  const derivedNamespace = namespaceOverrides || (vue.getCurrentInstance() ? vue.inject(namespaceContextKey, vue.ref(DEFAULT_NAMESPACE)) : vue.ref(DEFAULT_NAMESPACE));
-  const namespace = vue.computed(() => {
-    return vue.unref(derivedNamespace) || DEFAULT_NAMESPACE;
-  });
-  return namespace;
-};
-const iBem = (namespace, block, blockSuffix, element, modifier) => {
-  let cls = `${namespace}-${block}`;
-  if (blockSuffix) {
-    cls += `-${blockSuffix}`;
-  }
-  if (element) {
-    cls += `__${element}`;
-  }
-  if (modifier) {
-    cls += `--${modifier}`;
-  }
-  return cls;
-};
-function useNamespace(block, namespaceOverrides) {
-  const namespace = useGetDerivedNamespace(namespaceOverrides);
-  const componentName = utils.pascalCase(`${namespace.value}-${block}`);
-  const b = (blockSuffix = "") => iBem(namespace.value, block, blockSuffix, "", "");
-  const e = (element) => element ? iBem(namespace.value, block, "", element, "") : "";
-  const m = (modifier) => modifier ? iBem(namespace.value, block, "", "", modifier) : "";
-  const be = (blockSuffix, element) => blockSuffix && element ? iBem(namespace.value, block, blockSuffix, element, "") : "";
-  const em = (element, modifier) => element && modifier ? iBem(namespace.value, block, "", element, modifier) : "";
-  const bm = (blockSuffix, modifier) => blockSuffix && modifier ? iBem(namespace.value, block, blockSuffix, "", modifier) : "";
-  const bem = (blockSuffix, element, modifier) => blockSuffix && element && modifier ? iBem(namespace.value, block, blockSuffix, element, modifier) : "";
-  const is = (name, ...args) => {
-    const state = args.length >= 1 ? args[0] : true;
-    return name && state ? `${statePrefix}${name}` : "";
+const _TransitionPresets = {
+  easeInSine: [
+    0.12,
+    0,
+    0.39,
+    0
+  ],
+  easeOutSine: [
+    0.61,
+    1,
+    0.88,
+    1
+  ],
+  easeInOutSine: [
+    0.37,
+    0,
+    0.63,
+    1
+  ],
+  easeInQuad: [
+    0.11,
+    0,
+    0.5,
+    0
+  ],
+  easeOutQuad: [
+    0.5,
+    1,
+    0.89,
+    1
+  ],
+  easeInOutQuad: [
+    0.45,
+    0,
+    0.55,
+    1
+  ],
+  easeInCubic: [
+    0.32,
+    0,
+    0.67,
+    0
+  ],
+  easeOutCubic: [
+    0.33,
+    1,
+    0.68,
+    1
+  ],
+  easeInOutCubic: [
+    0.65,
+    0,
+    0.35,
+    1
+  ],
+  easeInQuart: [
+    0.5,
+    0,
+    0.75,
+    0
+  ],
+  easeOutQuart: [
+    0.25,
+    1,
+    0.5,
+    1
+  ],
+  easeInOutQuart: [
+    0.76,
+    0,
+    0.24,
+    1
+  ],
+  easeInQuint: [
+    0.64,
+    0,
+    0.78,
+    0
+  ],
+  easeOutQuint: [
+    0.22,
+    1,
+    0.36,
+    1
+  ],
+  easeInOutQuint: [
+    0.83,
+    0,
+    0.17,
+    1
+  ],
+  easeInExpo: [
+    0.7,
+    0,
+    0.84,
+    0
+  ],
+  easeOutExpo: [
+    0.16,
+    1,
+    0.3,
+    1
+  ],
+  easeInOutExpo: [
+    0.87,
+    0,
+    0.13,
+    1
+  ],
+  easeInCirc: [
+    0.55,
+    0,
+    1,
+    0.45
+  ],
+  easeOutCirc: [
+    0,
+    0.55,
+    0.45,
+    1
+  ],
+  easeInOutCirc: [
+    0.85,
+    0,
+    0.15,
+    1
+  ],
+  easeInBack: [
+    0.36,
+    0,
+    0.66,
+    -0.56
+  ],
+  easeOutBack: [
+    0.34,
+    1.56,
+    0.64,
+    1
+  ],
+  easeInOutBack: [
+    0.68,
+    -0.6,
+    0.32,
+    1.6
+  ]
+};
+const TransitionPresets = /* @__PURE__ */ Object.assign({}, { linear: identity }, _TransitionPresets);
+function createEasingFunction([p0, p1, p2, p3]) {
+  const a = (a1, a2) => 1 - 3 * a2 + 3 * a1;
+  const b = (a1, a2) => 3 * a2 - 6 * a1;
+  const c = (a1) => 3 * a1;
+  const calcBezier = (t, a1, a2) => ((a(a1, a2) * t + b(a1, a2)) * t + c(a1)) * t;
+  const getSlope = (t, a1, a2) => 3 * a(a1, a2) * t * t + 2 * b(a1, a2) * t + c(a1);
+  const getTforX = (x) => {
+    let aGuessT = x;
+    for (let i = 0; i < 4; ++i) {
+      const currentSlope = getSlope(aGuessT, p0, p2);
+      if (currentSlope === 0) return aGuessT;
+      const currentX = calcBezier(aGuessT, p0, p2) - x;
+      aGuessT -= currentX / currentSlope;
+    }
+    return aGuessT;
   };
-  const cssVar = (object) => {
-    const styles = {};
-    for (const key2 in object) {
-      if (object[key2]) {
-        styles[`--${namespace.value}-${key2}`] = object[key2];
+  return (x) => p0 === p1 && p2 === p3 ? x : calcBezier(getTforX(x), p1, p3);
+}
+function lerp(a, b, alpha) {
+  return a + alpha * (b - a);
+}
+function defaultInterpolation(a, b, t) {
+  const aVal = vue.toValue(a);
+  const bVal = vue.toValue(b);
+  if (typeof aVal === "number" && typeof bVal === "number") return lerp(aVal, bVal, t);
+  if (Array.isArray(aVal) && Array.isArray(bVal)) return aVal.map((v, i) => lerp(v, vue.toValue(bVal[i]), t));
+  throw new TypeError("Unknown transition type, specify an interpolation function.");
+}
+function normalizeEasing(easing) {
+  var _toValue;
+  return typeof easing === "function" ? easing : (_toValue = vue.toValue(easing)) !== null && _toValue !== void 0 ? _toValue : identity;
+}
+function transition(source, from, to, options = {}) {
+  var _toValue2;
+  const { window: window$1 = defaultWindow } = options;
+  const fromVal = vue.toValue(from);
+  const toVal = vue.toValue(to);
+  const duration = (_toValue2 = vue.toValue(options.duration)) !== null && _toValue2 !== void 0 ? _toValue2 : 1e3;
+  const startedAt = Date.now();
+  const endAt = Date.now() + duration;
+  const interpolation = typeof options.interpolation === "function" ? options.interpolation : defaultInterpolation;
+  const trans = typeof options.easing !== "undefined" ? normalizeEasing(options.easing) : normalizeEasing(options.transition);
+  const ease = typeof trans === "function" ? trans : createEasingFunction(trans);
+  return new Promise((resolve) => {
+    source.value = fromVal;
+    const tick = () => {
+      var _options$abort;
+      if ((_options$abort = options.abort) === null || _options$abort === void 0 ? void 0 : _options$abort.call(options)) {
+        resolve();
+        return;
       }
-    }
-    return styles;
+      const now2 = Date.now();
+      source.value = interpolation(fromVal, toVal, ease((now2 - startedAt) / duration));
+      if (now2 < endAt) window$1 === null || window$1 === void 0 || window$1.requestAnimationFrame(tick);
+      else {
+        source.value = toVal;
+        resolve();
+      }
+    };
+    tick();
+  });
+}
+function useTransition(source, options = {}) {
+  let currentId = 0;
+  const sourceVal = () => {
+    const v = vue.toValue(source);
+    return typeof options.interpolation === "undefined" && Array.isArray(v) ? v.map(vue.toValue) : v;
   };
-  const cssVarBlock = (object) => {
-    const styles = {};
-    for (const key2 in object) {
-      if (object[key2]) {
-        styles[`--${namespace.value}-${block}-${key2}`] = object[key2];
+  const outputRef = vue.shallowRef(sourceVal());
+  vue.watch(sourceVal, async (to) => {
+    var _options$onStarted, _options$onFinished;
+    if (vue.toValue(options.disabled)) return;
+    const id = ++currentId;
+    if (options.delay) await promiseTimeout(vue.toValue(options.delay));
+    if (id !== currentId) return;
+    (_options$onStarted = options.onStarted) === null || _options$onStarted === void 0 || _options$onStarted.call(options);
+    await transition(outputRef, outputRef.value, to, {
+      ...options,
+      abort: () => {
+        var _options$abort2;
+        return id !== currentId || ((_options$abort2 = options.abort) === null || _options$abort2 === void 0 ? void 0 : _options$abort2.call(options));
       }
+    });
+    (_options$onFinished = options.onFinished) === null || _options$onFinished === void 0 || _options$onFinished.call(options);
+  }, { deep: true });
+  vue.watch(() => vue.toValue(options.disabled), (disabled) => {
+    if (disabled) {
+      currentId++;
+      outputRef.value = sourceVal();
     }
-    return styles;
-  };
-  const cssVarName = (name) => `--${namespace.value}-${name}`;
-  const cssVarBlockName = (name) => `--${namespace.value}-${block}-${name}`;
-  return {
-    name: componentName,
-    namespace,
-    b,
-    e,
-    m,
-    be,
-    em,
-    bm,
-    bem,
-    is,
-    cssVar,
-    cssVarBlock,
-    cssVarName,
-    cssVarBlockName
-  };
+  });
+  tryOnScopeDispose(() => {
+    currentId++;
+  });
+  return vue.computed(() => vue.toValue(options.disabled) ? sourceVal() : outputRef.value);
 }
-const useLockscreen = (trigger, options = {}) => {
-  if (!vue.isRef(trigger)) {
-    throw new Error("[useLockscreen] You need to pass a ref param to this function");
+const isStringNumber = (val) => {
+  if (!utils.isString(val)) {
+    return false;
   }
-  const ns = options.ns || useNamespace("popup");
-  const hiddenCls = vue.computed(() => ns.bm("parent", "hidden"));
-  if (!utils.isClient || utils.hasClass(document.body, hiddenCls.value)) {
-    return;
+  return !Number.isNaN(Number(val));
+};
+let scrollBarWidth;
+const getScrollBarWidth = (namespace) => {
+  var _a;
+  if (scrollBarWidth !== void 0) return scrollBarWidth;
+  const outer = document.createElement("div");
+  outer.className = `${namespace}-scrollbar__wrap`;
+  outer.style.visibility = "hidden";
+  outer.style.width = "100px";
+  outer.style.position = "absolute";
+  outer.style.top = "-9999px";
+  document.body.appendChild(outer);
+  const widthNoScroll = outer.offsetWidth;
+  outer.style.overflow = "scroll";
+  const inner = document.createElement("div");
+  inner.style.width = "100%";
+  outer.appendChild(inner);
+  const widthWithScroll = inner.offsetWidth;
+  (_a = outer.parentNode) == null ? void 0 : _a.removeChild(outer);
+  scrollBarWidth = widthNoScroll - widthWithScroll;
+  return scrollBarWidth;
+};
+const getStyle = (element, styleName) => {
+  var _a;
+  if (!element || !styleName) return "";
+  let key2 = utils.camelize(styleName);
+  if (key2 === "float") key2 = "cssFloat";
+  try {
+    const style = element.style[key2];
+    if (style) return style;
+    const computed = (_a = document.defaultView) == null ? void 0 : _a.getComputedStyle(element, "");
+    return computed ? computed[key2] : "";
+  } catch {
+    return element.style[key2];
   }
-  let scrollBarWidth2 = 0;
-  let withoutHiddenClass = false;
-  let bodyWidth = "0";
-  const cleanup = () => {
-    setTimeout(() => {
-      if (typeof document === "undefined") return;
-      if (withoutHiddenClass && document) {
-        document.body.style.width = bodyWidth;
-        utils.removeClass(document.body, hiddenCls.value);
-      }
-    }, 200);
+};
+function addUnit(value, defaultUnit = "px") {
+  if (!value) return "";
+  if (utils.isNumber(value) || isStringNumber(value)) {
+    return `${value}${defaultUnit}`;
+  } else if (utils.isString(value)) {
+    return value;
+  }
+  throw new Error("binding value must be a string or number");
+}
+const getTransitionProps = (transitionName, opt = {}) => {
+  const transitionConfig = {
+    name: transitionName,
+    appear: true,
+    // type: 'animation',
+    // appearFromClass: `${transitionName}-appear ${transitionName}-appear-prepare`,
+    // appearActiveClass: `antdv-base-transtion`,
+    // appearToClass: `${transitionName}-appear ${transitionName}-appear-active`,
+    enterFromClass: `${transitionName}-enter ${transitionName}-enter-prepare ${transitionName}-enter-start`,
+    enterActiveClass: `${transitionName}-enter ${transitionName}-enter-prepare`,
+    enterToClass: `${transitionName}-enter ${transitionName}-enter-active`,
+    leaveFromClass: ` ${transitionName}-leave`,
+    leaveActiveClass: `${transitionName}-leave ${transitionName}-leave-active`,
+    leaveToClass: `${transitionName}-leave ${transitionName}-leave-active`,
+    ...opt
   };
-  vue.watch(trigger, (val) => {
-    if (!val) {
-      cleanup();
-      return;
-    }
-    withoutHiddenClass = !utils.hasClass(document.body, hiddenCls.value);
-    if (withoutHiddenClass) {
-      bodyWidth = document.body.style.width;
-      utils.addClass(document.body, hiddenCls.value);
-    }
-    scrollBarWidth2 = getScrollBarWidth(ns.namespace.value);
-    const bodyHasOverflow = document.documentElement.clientHeight < document.body.scrollHeight;
-    const bodyOverflowY = getStyle(document.body, "overflowY");
-    if (scrollBarWidth2 > 0 && (bodyHasOverflow || bodyOverflowY === "scroll") && withoutHiddenClass) {
-      document.body.style.width = `calc(100% - ${scrollBarWidth2}px)`;
+  const transitionProps = transitionName ? transitionConfig : { css: false, ...opt };
+  return transitionProps;
+};
+const getTransitionGroupProps = (transitionName, opt = {}) => {
+  const transitionConfig = {
+    name: transitionName,
+    appear: true,
+    // appearFromClass: `${transitionName}-appear ${transitionName}-appear-prepare`,
+    appearActiveClass: `${transitionName}`,
+    appearToClass: `${transitionName}-appear ${transitionName}-appear-active`,
+    enterFromClass: `${transitionName}-appear ${transitionName}-enter ${transitionName}-appear-prepare ${transitionName}-enter-prepare`,
+    enterActiveClass: `${transitionName}`,
+    enterToClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-active ${transitionName}-enter-active`,
+    leaveActiveClass: `${transitionName} ${transitionName}-leave`,
+    leaveToClass: `${transitionName}-leave-active`,
+    ...opt
+  };
+  const transitionProps = transitionName ? transitionConfig : { css: false, ...opt };
+  return transitionProps;
+};
+const collapseMotion = (name = "ant-motion-collapse", appear = true) => {
+  return {
+    name,
+    appear,
+    css: true,
+    onBeforeEnter: (el) => {
+      const node = el;
+      node.style.height = "0px";
+      node.style.opacity = "0";
+      utils.addClass(node, name);
+    },
+    onEnter: (el) => {
+      const node = el;
+      vue.nextTick(() => {
+        node.style.height = `${node.scrollHeight}px`;
+        node.style.opacity = "1";
+      });
+    },
+    onAfterEnter: (el) => {
+      const node = el;
+      if (node) {
+        utils.removeClass(node, name);
+        node.style.height = null;
+        node.style.opacity = null;
+      }
+    },
+    onBeforeLeave: (el) => {
+      const node = el;
+      utils.addClass(node, name);
+      node.style.height = `${node.offsetHeight}px`;
+      node.style.opacity = null;
+    },
+    onLeave: (el) => {
+      const node = el;
+      setTimeout(() => {
+        node.style.height = "0px";
+        node.style.opacity = "0";
+      });
+    },
+    onAfterLeave: (el) => {
+      const node = el;
+      if (node) {
+        utils.removeClass(node, name);
+        if (node.style) {
+          node.style.height = null;
+          node.style.opacity = null;
+        }
+      }
     }
-  });
-  vue.onScopeDispose(() => cleanup());
+  };
 };
-function useMergedState(defaultStateValue, option) {
-  const { defaultValue, value = vue.ref() } = option || {};
-  let initValue = typeof defaultStateValue === "function" ? defaultStateValue() : defaultStateValue;
-  if (value.value !== void 0) {
-    initValue = vue.unref(value);
-  }
-  if (defaultValue !== void 0) {
-    initValue = typeof defaultValue === "function" ? defaultValue() : defaultValue;
-  }
-  const innerValue = vue.ref(initValue);
-  const mergedValue = vue.ref(initValue);
-  vue.watchEffect(() => {
-    let val = value.value !== void 0 ? value.value : innerValue.value;
-    if (option == null ? void 0 : option.postState) {
-      val = option.postState(val);
+function isEmptyElement(c) {
+  return c && (c.type === vue.Comment || c.type === vue.Fragment && c.children.length === 0 || c.type === vue.Text && c.children.trim() === "");
+}
+function filterEmpty(children = []) {
+  const res = [];
+  children.forEach((child) => {
+    if (Array.isArray(child)) {
+      res.push(...child);
+    } else if ((child == null ? void 0 : child.type) === vue.Fragment) {
+      res.push(...filterEmpty(child.children));
+    } else {
+      res.push(child);
     }
-    mergedValue.value = val;
   });
-  function triggerChange(newValue) {
-    const preVal = mergedValue.value;
-    innerValue.value = newValue;
-    if (vue.toRaw(mergedValue.value) !== newValue && (option == null ? void 0 : option.onChange)) {
-      option.onChange(newValue, preVal);
+  return res.filter((c) => !isEmptyElement(c));
+}
+const isValid = (value) => {
+  return value !== void 0 && value !== null && value !== "";
+};
+const skipFlattenKey = Symbol("skipFlatten");
+const flattenChildren = (children = [], fe = true) => {
+  const temp = Array.isArray(children) ? children : [children];
+  const res = [];
+  temp.forEach((child) => {
+    if (Array.isArray(child)) {
+      res.push(...flattenChildren(child, fe));
+    } else if (child && child.type === vue.Fragment) {
+      if (child.key === skipFlattenKey) {
+        res.push(child);
+      } else {
+        res.push(...flattenChildren(child.children, fe));
+      }
+    } else if (child && vue.isVNode(child)) {
+      if (fe && !isEmptyElement(child)) {
+        res.push(child);
+      } else if (!fe) {
+        res.push(child);
+      }
+    } else if (isValid(child)) {
+      res.push(child);
     }
-  }
-  vue.watch(value, () => {
-    innerValue.value = value.value;
   });
-  return [mergedValue, triggerChange];
-}
-const responsiveArray = ["xxxl", "xxl", "xl", "lg", "md", "sm", "xs"];
-const getResponsiveMap = (token) => ({
-  xs: `(max-width: ${token.screenXSMax}px)`,
-  sm: `(min-width: ${token.screenSM}px)`,
-  md: `(min-width: ${token.screenMD}px)`,
-  lg: `(min-width: ${token.screenLG}px)`,
-  xl: `(min-width: ${token.screenXL}px)`,
-  xxl: `(min-width: ${token.screenXXL}px)`,
-  xxxl: `{min-width: ${token.screenXXXL}px}`
-});
-function useResponsiveObserve() {
-  return vue.computed(() => {
-    const responsiveMap = getResponsiveMap(tokens);
-    const subscribers = /* @__PURE__ */ new Map();
-    let subUid = -1;
-    let screens = {};
-    return {
-      matchHandlers: {},
-      dispatch(pointMap) {
-        screens = pointMap;
-        subscribers.forEach((func) => func(screens));
-        return subscribers.size >= 1;
-      },
-      subscribe(func) {
-        if (!subscribers.size) this.register();
-        subUid += 1;
-        subscribers.set(subUid, func);
-        func(screens);
-        return subUid;
-      },
-      unsubscribe(paramToken) {
-        subscribers.delete(paramToken);
-        if (!subscribers.size) this.unregister();
-      },
-      unregister() {
-        Object.keys(responsiveMap).forEach((screen) => {
-          const matchMediaQuery = responsiveMap[screen];
-          const handler = this.matchHandlers[matchMediaQuery];
-          handler == null ? void 0 : handler.mql.removeListener(handler == null ? void 0 : handler.listener);
-        });
-        subscribers.clear();
-      },
-      register() {
-        Object.keys(responsiveMap).forEach((screen) => {
-          const matchMediaQuery = responsiveMap[screen];
-          const listener = ({ matches }) => {
-            this.dispatch({
-              ...screens,
-              [screen]: matches
-            });
-          };
-          const mql = window.matchMedia(matchMediaQuery);
-          mql.addListener(listener);
-          this.matchHandlers[matchMediaQuery] = {
-            mql,
-            listener
-          };
-          listener(mql);
-        });
-      },
-      responsiveMap
-    };
-  });
-}
-const NOOP = () => {
+  return res;
 };
-const useSameTarget = (handleClick) => {
-  if (!handleClick) {
-    return { onClick: NOOP, onMousedown: NOOP, onMouseup: NOOP };
-  }
-  let mousedownTarget = false;
-  let mouseupTarget = false;
-  const onClick = (e) => {
-    if (mousedownTarget && mouseupTarget) {
-      handleClick(e);
-    }
-    mousedownTarget = false;
-    mouseupTarget = false;
+const useDraggable = (targetRef, dragRef, draggable, overflow) => {
+  let transform = {
+    offsetX: 0,
+    offsetY: 0
   };
   const onMousedown = (e) => {
-    mousedownTarget = e.target === e.currentTarget;
+    const downX = e.clientX;
+    const downY = e.clientY;
+    const { offsetX, offsetY } = transform;
+    const targetRect = targetRef.value.getBoundingClientRect();
+    const targetLeft = targetRect.left;
+    const targetTop = targetRect.top;
+    const targetWidth = targetRect.width;
+    const targetHeight = targetRect.height;
+    const clientWidth = document.documentElement.clientWidth;
+    const clientHeight = document.documentElement.clientHeight;
+    const minLeft = -targetLeft + offsetX;
+    const minTop = -targetTop + offsetY;
+    const maxLeft = clientWidth - targetLeft - targetWidth + offsetX;
+    const maxTop = clientHeight - targetTop - targetHeight + offsetY;
+    const onMousemove = (event) => {
+      let moveX = offsetX + event.clientX - downX;
+      let moveY = offsetY + event.clientY - downY;
+      if (!(overflow == null ? void 0 : overflow.value)) {
+        moveX = Math.min(Math.max(moveX, minLeft), maxLeft);
+        moveY = Math.min(Math.max(moveY, minTop), maxTop);
+      }
+      transform = {
+        offsetX: moveX,
+        offsetY: moveY
+      };
+      if (targetRef.value) {
+        targetRef.value.style.transform = `translate(${addUnit(moveX)}, ${addUnit(moveY)})`;
+      }
+    };
+    const onMouseup = () => {
+      document.removeEventListener("mousemove", onMousemove);
+      document.removeEventListener("mouseup", onMouseup);
+    };
+    document.addEventListener("mousemove", onMousemove);
+    document.addEventListener("mouseup", onMouseup);
   };
-  const onMouseup = (e) => {
-    mouseupTarget = e.target === e.currentTarget;
+  const onDraggable = () => {
+    if (dragRef.value && targetRef.value) {
+      dragRef.value.addEventListener("mousedown", onMousedown);
+    }
   };
-  return { onClick, onMousedown, onMouseup };
-};
-function useThemeOverrides(themeOverrides) {
-  const overrides = themeOverrides || vue.inject(themeOverridesContextKey, vue.ref());
-  return overrides.value;
-}
-const zIndex = vue.ref(0);
-const initial = {
-  current: 0
-};
-const ZINDEX_INJECTION_KEY = Symbol("elZIndexContextKey");
-const useZIndex = (zIndexOverrides) => {
-  const increasingInjection = vue.getCurrentInstance() ? vue.inject(ZINDEX_INJECTION_KEY, initial) : initial;
-  const zIndexInjection = zIndexOverrides || (vue.getCurrentInstance() ? vue.inject(zIndexContextKey, void 0) : void 0);
-  const initialZIndex = vue.computed(() => {
-    const zIndexFromInjection = vue.unref(zIndexInjection);
-    return utils.isNumber(zIndexFromInjection) ? zIndexFromInjection : DEFAULT_INITIAL_Z_INDEX;
-  });
-  const currentZIndex = vue.computed(() => initialZIndex.value + zIndex.value);
-  const nextZIndex = () => {
-    increasingInjection.current++;
-    zIndex.value = increasingInjection.current;
-    return currentZIndex.value;
+  const offDraggable = () => {
+    if (dragRef.value && targetRef.value) {
+      dragRef.value.removeEventListener("mousedown", onMousedown);
+    }
+  };
+  const resetPosition = () => {
+    transform = {
+      offsetX: 0,
+      offsetY: 0
+    };
+    if (targetRef.value) {
+      targetRef.value.style.transform = "none";
+    }
   };
+  vue.onMounted(() => {
+    vue.watchEffect(() => {
+      if (draggable.value) {
+        onDraggable();
+      } else {
+        offDraggable();
+      }
+    });
+  });
+  vue.onBeforeUnmount(() => {
+    offDraggable();
+  });
   return {
-    initialZIndex,
-    currentZIndex,
-    nextZIndex
+    resetPosition
   };
 };
-const matchIconName = /^[a-z0-9]+(-[a-z0-9]+)*$/;
-const stringToIcon = (value, validate, allowSimpleName, provider = "") => {
-  const colonSeparated = value.split(":");
-  if (value.slice(0, 1) === "@") {
-    if (colonSeparated.length < 2 || colonSeparated.length > 3) {
-      return null;
-    }
-    provider = colonSeparated.shift().slice(1);
-  }
-  if (colonSeparated.length > 3 || !colonSeparated.length) {
-    return null;
-  }
-  if (colonSeparated.length > 1) {
-    const name2 = colonSeparated.pop();
-    const prefix = colonSeparated.pop();
-    const result = {
-      // Allow provider without '@': "provider:prefix:name"
-      provider: colonSeparated.length > 0 ? colonSeparated[0] : provider,
-      prefix,
-      name: name2
-    };
-    return validate && !validateIconName(result) ? null : result;
-  }
-  const name = colonSeparated[0];
-  const dashSeparated = name.split("-");
-  if (dashSeparated.length > 1) {
-    const result = {
-      provider,
-      prefix: dashSeparated.shift(),
-      name: dashSeparated.join("-")
-    };
-    return validate && !validateIconName(result) ? null : result;
-  }
-  if (allowSimpleName && provider === "") {
-    const result = {
-      provider,
-      prefix: "",
-      name
-    };
-    return validate && !validateIconName(result, allowSimpleName) ? null : result;
-  }
-  return null;
+const screenSM = 576;
+const screenMD = 768;
+const screenLG = 992;
+const screenXL = 1200;
+const screenXXL = 1600;
+const screenXXXL = 2e3;
+const tokens = {
+  screenXSMax: screenSM - 1,
+  screenSM,
+  screenMD,
+  screenLG,
+  screenXL,
+  screenXXL,
+  screenXXXL
 };
-const validateIconName = (icon, allowSimpleName) => {
-  if (!icon) {
-    return false;
-  }
-  return !!// Check prefix: cannot be empty, unless allowSimpleName is enabled
-  // Check name: cannot be empty
-  ((allowSimpleName && icon.prefix === "" || !!icon.prefix) && !!icon.name);
+const EVENT_CODE = {
+  // 40
+  esc: "Escape",
+  delete: "Delete",
+  backspace: "Backspace"
 };
-const defaultIconDimensions = Object.freeze(
-  {
-    left: 0,
-    top: 0,
-    width: 16,
-    height: 16
-  }
-);
-const defaultIconTransformations = Object.freeze({
-  rotate: 0,
-  vFlip: false,
-  hFlip: false
-});
-const defaultIconProps = Object.freeze({
-  ...defaultIconDimensions,
-  ...defaultIconTransformations
-});
-const defaultExtendedIconProps = Object.freeze({
-  ...defaultIconProps,
-  body: "",
-  hidden: false
-});
-function mergeIconTransformations(obj1, obj2) {
-  const result = {};
-  if (!obj1.hFlip !== !obj2.hFlip) {
-    result.hFlip = true;
-  }
-  if (!obj1.vFlip !== !obj2.vFlip) {
-    result.vFlip = true;
-  }
-  const rotate = ((obj1.rotate || 0) + (obj2.rotate || 0)) % 4;
-  if (rotate) {
-    result.rotate = rotate;
-  }
-  return result;
+const DEFAULT_NAMESPACE = "max";
+const DEFAULT_ICON_LOCAL_PREFIX = "max";
+const DEFAULT_INITIAL_Z_INDEX = 2e3;
+const namespaceContextKey = Symbol("namespaceContextKey");
+const localeContextKey = Symbol("localeContextKey");
+const zIndexContextKey = Symbol("zIndexContextKey");
+const themeOverridesContextKey = Symbol("themeOverridesContextKey");
+const iconLocalPrefixContextKey = Symbol("iconLocalPrefixContextKey");
+function useLocale(localeOverrides) {
+  const locale = localeOverrides || vue.inject(localeContextKey, vue.ref());
+  return utils$1.buildLocaleContext(vue.computed(() => locale.value || utils$1.zhCN));
 }
-function mergeIconData(parent, child) {
-  const result = mergeIconTransformations(parent, child);
-  for (const key2 in defaultExtendedIconProps) {
-    if (key2 in defaultIconTransformations) {
-      if (key2 in parent && !(key2 in result)) {
-        result[key2] = defaultIconTransformations[key2];
-      }
-    } else if (key2 in child) {
-      result[key2] = child[key2];
-    } else if (key2 in parent) {
-      result[key2] = parent[key2];
-    }
+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 dataRef = vue.ref({});
+  const titleRef = vue.computed(() => {
+    return t(`max.basic.${typeRef.value}`) || "";
+  });
+  function show(context) {
+    var _a;
+    visibleRef.value = true;
+    typeRef.value = context.type;
+    dataRef.value = context.data || {};
+    (_a = params.onShow) == null ? void 0 : _a.call(params, context);
   }
-  return result;
-}
-function getIconsTree(data, names) {
-  const icons = data.icons;
-  const aliases = data.aliases || /* @__PURE__ */ Object.create(null);
-  const resolved = /* @__PURE__ */ Object.create(null);
-  function resolve(name) {
-    if (icons[name]) {
-      return resolved[name] = [];
-    }
-    if (!(name in resolved)) {
-      resolved[name] = null;
-      const parent = aliases[name] && aliases[name].parent;
-      const value = parent && resolve(parent);
-      if (value) {
-        resolved[name] = [parent].concat(value);
-      }
-    }
-    return resolved[name];
+  function hide() {
+    var _a;
+    visibleRef.value = false;
+    typeRef.value = "add";
+    dataRef.value = {};
+    (_a = params.onHide) == null ? void 0 : _a.call(params);
   }
-  Object.keys(icons).concat(Object.keys(aliases)).forEach(resolve);
-  return resolved;
+  return {
+    show,
+    hide,
+    showLoading,
+    hideLoading,
+    visible: visibleRef,
+    type: typeRef,
+    data: dataRef,
+    title: titleRef,
+    loading: loadingRef
+  };
 }
-function internalGetIconData(data, name, tree) {
-  const icons = data.icons;
-  const aliases = data.aliases || /* @__PURE__ */ Object.create(null);
-  let currentProps = {};
-  function parse(name2) {
-    currentProps = mergeIconData(
-      icons[name2] || aliases[name2],
-      currentProps
-    );
+let flexGapSupported;
+const detectFlexGapSupported = () => {
+  if (flexGapSupported !== void 0) {
+    return flexGapSupported;
   }
-  parse(name);
-  tree.forEach(parse);
-  return mergeIconData(data, currentProps);
+  const flex = document.createElement("div");
+  flex.style.display = "flex";
+  flex.style.flexDirection = "column";
+  flex.style.rowGap = "1px";
+  flex.appendChild(document.createElement("div"));
+  flex.appendChild(document.createElement("div"));
+  document.body.appendChild(flex);
+  flexGapSupported = flex.scrollHeight === 1;
+  document.body.removeChild(flex);
+  return flexGapSupported;
+};
+function useFlexGapSupport() {
+  const flexible = vue.shallowRef(false);
+  vue.onMounted(() => {
+    flexible.value = detectFlexGapSupported();
+  });
+  return flexible;
 }
-function parseIconSet(data, callback) {
-  const names = [];
-  if (typeof data !== "object" || typeof data.icons !== "object") {
-    return names;
+function useLocalIcon(localIcon) {
+  const icon = localIcon || vue.inject(iconLocalPrefixContextKey, vue.ref(DEFAULT_ICON_LOCAL_PREFIX));
+  return icon.value;
+}
+const statePrefix = "is-";
+const useGetDerivedNamespace = (namespaceOverrides) => {
+  const derivedNamespace = namespaceOverrides || (vue.getCurrentInstance() ? vue.inject(namespaceContextKey, vue.ref(DEFAULT_NAMESPACE)) : vue.ref(DEFAULT_NAMESPACE));
+  const namespace = vue.computed(() => {
+    return vue.unref(derivedNamespace) || DEFAULT_NAMESPACE;
+  });
+  return namespace;
+};
+const iBem = (namespace, block, blockSuffix, element, modifier) => {
+  let cls = `${namespace}-${block}`;
+  if (blockSuffix) {
+    cls += `-${blockSuffix}`;
   }
-  if (data.not_found instanceof Array) {
-    data.not_found.forEach((name) => {
-      callback(name, null);
-      names.push(name);
-    });
+  if (element) {
+    cls += `__${element}`;
   }
-  const tree = getIconsTree(data);
-  for (const name in tree) {
-    const item = tree[name];
-    if (item) {
-      callback(name, internalGetIconData(data, name, item));
-      names.push(name);
-    }
+  if (modifier) {
+    cls += `--${modifier}`;
   }
-  return names;
-}
-const optionalPropertyDefaults = {
-  provider: "",
-  aliases: {},
-  not_found: {},
-  ...defaultIconDimensions
+  return cls;
 };
-function checkOptionalProps(item, defaults) {
-  for (const prop in defaults) {
-    if (prop in item && typeof item[prop] !== typeof defaults[prop]) {
-      return false;
+function useNamespace(block, namespaceOverrides) {
+  const namespace = useGetDerivedNamespace(namespaceOverrides);
+  const componentName = utils.pascalCase(`${namespace.value}-${block}`);
+  const b = (blockSuffix = "") => iBem(namespace.value, block, blockSuffix, "", "");
+  const e = (element) => element ? iBem(namespace.value, block, "", element, "") : "";
+  const m = (modifier) => modifier ? iBem(namespace.value, block, "", "", modifier) : "";
+  const be = (blockSuffix, element) => blockSuffix && element ? iBem(namespace.value, block, blockSuffix, element, "") : "";
+  const em = (element, modifier) => element && modifier ? iBem(namespace.value, block, "", element, modifier) : "";
+  const bm = (blockSuffix, modifier) => blockSuffix && modifier ? iBem(namespace.value, block, blockSuffix, "", modifier) : "";
+  const bem = (blockSuffix, element, modifier) => blockSuffix && element && modifier ? iBem(namespace.value, block, blockSuffix, element, modifier) : "";
+  const is = (name, ...args) => {
+    const state = args.length >= 1 ? args[0] : true;
+    return name && state ? `${statePrefix}${name}` : "";
+  };
+  const cssVar = (object) => {
+    const styles = {};
+    for (const key2 in object) {
+      if (object[key2]) {
+        styles[`--${namespace.value}-${key2}`] = object[key2];
+      }
     }
-  }
-  return true;
+    return styles;
+  };
+  const cssVarBlock = (object) => {
+    const styles = {};
+    for (const key2 in object) {
+      if (object[key2]) {
+        styles[`--${namespace.value}-${block}-${key2}`] = object[key2];
+      }
+    }
+    return styles;
+  };
+  const cssVarName = (name) => `--${namespace.value}-${name}`;
+  const cssVarBlockName = (name) => `--${namespace.value}-${block}-${name}`;
+  return {
+    name: componentName,
+    namespace,
+    b,
+    e,
+    m,
+    be,
+    em,
+    bm,
+    bem,
+    is,
+    cssVar,
+    cssVarBlock,
+    cssVarName,
+    cssVarBlockName
+  };
 }
-function quicklyValidateIconSet(obj) {
-  if (typeof obj !== "object" || obj === null) {
-    return null;
-  }
-  const data = obj;
-  if (typeof data.prefix !== "string" || !obj.icons || typeof obj.icons !== "object") {
-    return null;
+const useLockscreen = (trigger, options = {}) => {
+  if (!vue.isRef(trigger)) {
+    throw new Error("[useLockscreen] You need to pass a ref param to this function");
   }
-  if (!checkOptionalProps(obj, optionalPropertyDefaults)) {
-    return null;
+  const ns = options.ns || useNamespace("popup");
+  const hiddenCls = vue.computed(() => ns.bm("parent", "hidden"));
+  if (!utils.isClient || utils.hasClass(document.body, hiddenCls.value)) {
+    return;
   }
-  const icons = data.icons;
-  for (const name in icons) {
-    const icon = icons[name];
-    if (
-      // Name cannot be empty
-      !name || // Must have body
-      typeof icon.body !== "string" || // Check other props
-      !checkOptionalProps(
-        icon,
-        defaultExtendedIconProps
-      )
-    ) {
-      return null;
+  let scrollBarWidth2 = 0;
+  let withoutHiddenClass = false;
+  let bodyWidth = "0";
+  const cleanup = () => {
+    setTimeout(() => {
+      if (typeof document === "undefined") return;
+      if (withoutHiddenClass && document) {
+        document.body.style.width = bodyWidth;
+        utils.removeClass(document.body, hiddenCls.value);
+      }
+    }, 200);
+  };
+  vue.watch(trigger, (val) => {
+    if (!val) {
+      cleanup();
+      return;
     }
-  }
-  const aliases = data.aliases || /* @__PURE__ */ Object.create(null);
-  for (const name in aliases) {
-    const icon = aliases[name];
-    const parent = icon.parent;
-    if (
-      // Name cannot be empty
-      !name || // Parent must be set and point to existing icon
-      typeof parent !== "string" || !icons[parent] && !aliases[parent] || // Check other props
-      !checkOptionalProps(
-        icon,
-        defaultExtendedIconProps
-      )
-    ) {
-      return null;
+    withoutHiddenClass = !utils.hasClass(document.body, hiddenCls.value);
+    if (withoutHiddenClass) {
+      bodyWidth = document.body.style.width;
+      utils.addClass(document.body, hiddenCls.value);
+    }
+    scrollBarWidth2 = getScrollBarWidth(ns.namespace.value);
+    const bodyHasOverflow = document.documentElement.clientHeight < document.body.scrollHeight;
+    const bodyOverflowY = getStyle(document.body, "overflowY");
+    if (scrollBarWidth2 > 0 && (bodyHasOverflow || bodyOverflowY === "scroll") && withoutHiddenClass) {
+      document.body.style.width = `calc(100% - ${scrollBarWidth2}px)`;
     }
+  });
+  vue.onScopeDispose(() => cleanup());
+};
+function useMergedState(defaultStateValue, option) {
+  const { defaultValue, value = vue.ref() } = option || {};
+  let initValue = typeof defaultStateValue === "function" ? defaultStateValue() : defaultStateValue;
+  if (value.value !== void 0) {
+    initValue = vue.unref(value);
   }
-  return data;
-}
-const dataStorage = /* @__PURE__ */ Object.create(null);
-function newStorage(provider, prefix) {
-  return {
-    provider,
-    prefix,
-    icons: /* @__PURE__ */ Object.create(null),
-    missing: /* @__PURE__ */ new Set()
-  };
-}
-function getStorage(provider, prefix) {
-  const providerStorage = dataStorage[provider] || (dataStorage[provider] = /* @__PURE__ */ Object.create(null));
-  return providerStorage[prefix] || (providerStorage[prefix] = newStorage(provider, prefix));
-}
-function addIconSet(storage2, data) {
-  if (!quicklyValidateIconSet(data)) {
-    return [];
+  if (defaultValue !== void 0) {
+    initValue = typeof defaultValue === "function" ? defaultValue() : defaultValue;
   }
-  return parseIconSet(data, (name, icon) => {
-    if (icon) {
-      storage2.icons[name] = icon;
-    } else {
-      storage2.missing.add(name);
+  const innerValue = vue.ref(initValue);
+  const mergedValue = vue.ref(initValue);
+  vue.watchEffect(() => {
+    let val = value.value !== void 0 ? value.value : innerValue.value;
+    if (option == null ? void 0 : option.postState) {
+      val = option.postState(val);
     }
+    mergedValue.value = val;
   });
-}
-function addIconToStorage(storage2, name, icon) {
-  try {
-    if (typeof icon.body === "string") {
-      storage2.icons[name] = { ...icon };
-      return true;
+  function triggerChange(newValue) {
+    const preVal = mergedValue.value;
+    innerValue.value = newValue;
+    if (vue.toRaw(mergedValue.value) !== newValue && (option == null ? void 0 : option.onChange)) {
+      option.onChange(newValue, preVal);
     }
-  } catch (err) {
-  }
-  return false;
-}
-let simpleNames = false;
-function allowSimpleNames(allow) {
-  if (typeof allow === "boolean") {
-    simpleNames = allow;
-  }
-  return simpleNames;
-}
-function getIconData(name) {
-  const icon = typeof name === "string" ? stringToIcon(name, true, simpleNames) : name;
-  if (icon) {
-    const storage2 = getStorage(icon.provider, icon.prefix);
-    const iconName = icon.name;
-    return storage2.icons[iconName] || (storage2.missing.has(iconName) ? null : void 0);
   }
+  vue.watch(value, () => {
+    innerValue.value = value.value;
+  });
+  return [mergedValue, triggerChange];
 }
-function addIcon(name, data) {
-  const icon = stringToIcon(name, true, simpleNames);
-  if (!icon) {
-    return false;
-  }
-  const storage2 = getStorage(icon.provider, icon.prefix);
-  if (data) {
-    return addIconToStorage(storage2, icon.name, data);
-  } else {
-    storage2.missing.add(icon.name);
-    return true;
-  }
+const responsiveArray = ["xxxl", "xxl", "xl", "lg", "md", "sm", "xs"];
+const getResponsiveMap = (token) => ({
+  xs: `(max-width: ${token.screenXSMax}px)`,
+  sm: `(min-width: ${token.screenSM}px)`,
+  md: `(min-width: ${token.screenMD}px)`,
+  lg: `(min-width: ${token.screenLG}px)`,
+  xl: `(min-width: ${token.screenXL}px)`,
+  xxl: `(min-width: ${token.screenXXL}px)`,
+  xxxl: `{min-width: ${token.screenXXXL}px}`
+});
+function useResponsiveObserve() {
+  return vue.computed(() => {
+    const responsiveMap = getResponsiveMap(tokens);
+    const subscribers = /* @__PURE__ */ new Map();
+    let subUid = -1;
+    let screens = {};
+    return {
+      matchHandlers: {},
+      dispatch(pointMap) {
+        screens = pointMap;
+        subscribers.forEach((func) => func(screens));
+        return subscribers.size >= 1;
+      },
+      subscribe(func) {
+        if (!subscribers.size) this.register();
+        subUid += 1;
+        subscribers.set(subUid, func);
+        func(screens);
+        return subUid;
+      },
+      unsubscribe(paramToken) {
+        subscribers.delete(paramToken);
+        if (!subscribers.size) this.unregister();
+      },
+      unregister() {
+        Object.keys(responsiveMap).forEach((screen) => {
+          const matchMediaQuery = responsiveMap[screen];
+          const handler = this.matchHandlers[matchMediaQuery];
+          handler == null ? void 0 : handler.mql.removeListener(handler == null ? void 0 : handler.listener);
+        });
+        subscribers.clear();
+      },
+      register() {
+        Object.keys(responsiveMap).forEach((screen) => {
+          const matchMediaQuery = responsiveMap[screen];
+          const listener = ({ matches }) => {
+            this.dispatch({
+              ...screens,
+              [screen]: matches
+            });
+          };
+          const mql = window.matchMedia(matchMediaQuery);
+          mql.addListener(listener);
+          this.matchHandlers[matchMediaQuery] = {
+            mql,
+            listener
+          };
+          listener(mql);
+        });
+      },
+      responsiveMap
+    };
+  });
 }
-function addCollection(data, provider) {
-  if (typeof data !== "object") {
-    return false;
-  }
-  if (typeof provider !== "string") {
-    provider = data.provider || "";
+const NOOP = () => {
+};
+const useSameTarget = (handleClick) => {
+  if (!handleClick) {
+    return { onClick: NOOP, onMousedown: NOOP, onMouseup: NOOP };
   }
-  if (simpleNames && !provider && !data.prefix) {
-    let added = false;
-    if (quicklyValidateIconSet(data)) {
-      data.prefix = "";
-      parseIconSet(data, (name, icon) => {
-        if (addIcon(name, icon)) {
-          added = true;
-        }
-      });
+  let mousedownTarget = false;
+  let mouseupTarget = false;
+  const onClick = (e) => {
+    if (mousedownTarget && mouseupTarget) {
+      handleClick(e);
     }
-    return added;
-  }
-  const prefix = data.prefix;
-  if (!validateIconName({
-    prefix,
-    name: "a"
-  })) {
-    return false;
-  }
-  const storage2 = getStorage(provider, prefix);
-  return !!addIconSet(storage2, data);
+    mousedownTarget = false;
+    mouseupTarget = false;
+  };
+  const onMousedown = (e) => {
+    mousedownTarget = e.target === e.currentTarget;
+  };
+  const onMouseup = (e) => {
+    mouseupTarget = e.target === e.currentTarget;
+  };
+  return { onClick, onMousedown, onMouseup };
+};
+function useThemeOverrides(themeOverrides) {
+  const overrides = themeOverrides || vue.inject(themeOverridesContextKey, vue.ref());
+  return overrides.value;
 }
-const defaultIconSizeCustomisations = Object.freeze({
-  width: null,
-  height: null
-});
-const defaultIconCustomisations = Object.freeze({
-  // Dimensions
-  ...defaultIconSizeCustomisations,
-  // Transformations
-  ...defaultIconTransformations
-});
-const unitsSplit = /(-?[0-9.]*[0-9]+[0-9.]*)/g;
-const unitsTest = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
-function calculateSize(size, ratio, precision) {
-  if (ratio === 1) {
-    return size;
+const zIndex = vue.ref(0);
+const initial = {
+  current: 0
+};
+const ZINDEX_INJECTION_KEY = Symbol("elZIndexContextKey");
+const useZIndex = (zIndexOverrides) => {
+  const increasingInjection = vue.getCurrentInstance() ? vue.inject(ZINDEX_INJECTION_KEY, initial) : initial;
+  const zIndexInjection = zIndexOverrides || (vue.getCurrentInstance() ? vue.inject(zIndexContextKey, void 0) : void 0);
+  const initialZIndex = vue.computed(() => {
+    const zIndexFromInjection = vue.unref(zIndexInjection);
+    return utils.isNumber(zIndexFromInjection) ? zIndexFromInjection : DEFAULT_INITIAL_Z_INDEX;
+  });
+  const currentZIndex = vue.computed(() => initialZIndex.value + zIndex.value);
+  const nextZIndex = () => {
+    increasingInjection.current++;
+    zIndex.value = increasingInjection.current;
+    return currentZIndex.value;
+  };
+  return {
+    initialZIndex,
+    currentZIndex,
+    nextZIndex
+  };
+};
+const _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
+  __name: "better-scroll",
+  props: {
+    options: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const { b, e, is } = useNamespace("better-scroll");
+    const bsWrapper = vue.ref();
+    const bsContent = vue.ref();
+    const { width: wrapWidth } = useElementSize(bsWrapper);
+    const { width, height } = useElementSize(bsContent);
+    const instance = vue.ref();
+    const isScrollY = vue.computed(() => Boolean(props.options.scrollY));
+    function initBetterScroll() {
+      if (!bsWrapper.value) return;
+      instance.value = new BScroll(bsWrapper.value, props.options);
+    }
+    vue.watch([() => wrapWidth.value, () => width.value, () => height.value], () => {
+      var _a;
+      (_a = instance.value) == null ? void 0 : _a.refresh();
+    });
+    vue.onMounted(() => {
+      initBetterScroll();
+    });
+    __expose({ instance });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        ref_key: "bsWrapper",
+        ref: bsWrapper,
+        class: vue.normalizeClass(vue.unref(b)())
+      }, [
+        vue.createElementVNode("div", {
+          ref_key: "bsContent",
+          ref: bsContent,
+          class: vue.normalizeClass([vue.unref(e)("content"), { [vue.unref(is)("h-full")]: !isScrollY.value }])
+        }, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 2)
+      ], 2);
+    };
   }
-  precision = precision || 100;
-  if (typeof size === "number") {
-    return Math.ceil(size * ratio * precision) / precision;
+});
+const matchIconName = /^[a-z0-9]+(-[a-z0-9]+)*$/;
+const stringToIcon = (value, validate, allowSimpleName, provider = "") => {
+  const colonSeparated = value.split(":");
+  if (value.slice(0, 1) === "@") {
+    if (colonSeparated.length < 2 || colonSeparated.length > 3) {
+      return null;
+    }
+    provider = colonSeparated.shift().slice(1);
   }
-  if (typeof size !== "string") {
-    return size;
+  if (colonSeparated.length > 3 || !colonSeparated.length) {
+    return null;
   }
-  const oldParts = size.split(unitsSplit);
-  if (oldParts === null || !oldParts.length) {
-    return size;
+  if (colonSeparated.length > 1) {
+    const name2 = colonSeparated.pop();
+    const prefix = colonSeparated.pop();
+    const result = {
+      // Allow provider without '@': "provider:prefix:name"
+      provider: colonSeparated.length > 0 ? colonSeparated[0] : provider,
+      prefix,
+      name: name2
+    };
+    return validate && !validateIconName(result) ? null : result;
   }
-  const newParts = [];
-  let code = oldParts.shift();
-  let isNumber = unitsTest.test(code);
-  while (true) {
-    if (isNumber) {
-      const num = parseFloat(code);
-      if (isNaN(num)) {
-        newParts.push(code);
-      } else {
-        newParts.push(Math.ceil(num * ratio * precision) / precision);
+  const name = colonSeparated[0];
+  const dashSeparated = name.split("-");
+  if (dashSeparated.length > 1) {
+    const result = {
+      provider,
+      prefix: dashSeparated.shift(),
+      name: dashSeparated.join("-")
+    };
+    return validate && !validateIconName(result) ? null : result;
+  }
+  if (allowSimpleName && provider === "") {
+    const result = {
+      provider,
+      prefix: "",
+      name
+    };
+    return validate && !validateIconName(result, allowSimpleName) ? null : result;
+  }
+  return null;
+};
+const validateIconName = (icon, allowSimpleName) => {
+  if (!icon) {
+    return false;
+  }
+  return !!// Check prefix: cannot be empty, unless allowSimpleName is enabled
+  // Check name: cannot be empty
+  ((allowSimpleName && icon.prefix === "" || !!icon.prefix) && !!icon.name);
+};
+const defaultIconDimensions = Object.freeze(
+  {
+    left: 0,
+    top: 0,
+    width: 16,
+    height: 16
+  }
+);
+const defaultIconTransformations = Object.freeze({
+  rotate: 0,
+  vFlip: false,
+  hFlip: false
+});
+const defaultIconProps = Object.freeze({
+  ...defaultIconDimensions,
+  ...defaultIconTransformations
+});
+const defaultExtendedIconProps = Object.freeze({
+  ...defaultIconProps,
+  body: "",
+  hidden: false
+});
+function mergeIconTransformations(obj1, obj2) {
+  const result = {};
+  if (!obj1.hFlip !== !obj2.hFlip) {
+    result.hFlip = true;
+  }
+  if (!obj1.vFlip !== !obj2.vFlip) {
+    result.vFlip = true;
+  }
+  const rotate = ((obj1.rotate || 0) + (obj2.rotate || 0)) % 4;
+  if (rotate) {
+    result.rotate = rotate;
+  }
+  return result;
+}
+function mergeIconData(parent, child) {
+  const result = mergeIconTransformations(parent, child);
+  for (const key2 in defaultExtendedIconProps) {
+    if (key2 in defaultIconTransformations) {
+      if (key2 in parent && !(key2 in result)) {
+        result[key2] = defaultIconTransformations[key2];
       }
-    } else {
-      newParts.push(code);
-    }
-    code = oldParts.shift();
-    if (code === void 0) {
-      return newParts.join("");
+    } else if (key2 in child) {
+      result[key2] = child[key2];
+    } else if (key2 in parent) {
+      result[key2] = parent[key2];
     }
-    isNumber = !isNumber;
   }
+  return result;
 }
-function splitSVGDefs(content, tag = "defs") {
-  let defs = "";
-  const index2 = content.indexOf("<" + tag);
-  while (index2 >= 0) {
-    const start = content.indexOf(">", index2);
-    const end = content.indexOf("</" + tag);
-    if (start === -1 || end === -1) {
-      break;
+function getIconsTree(data, names) {
+  const icons = data.icons;
+  const aliases = data.aliases || /* @__PURE__ */ Object.create(null);
+  const resolved = /* @__PURE__ */ Object.create(null);
+  function resolve(name) {
+    if (icons[name]) {
+      return resolved[name] = [];
     }
-    const endEnd = content.indexOf(">", end);
-    if (endEnd === -1) {
-      break;
+    if (!(name in resolved)) {
+      resolved[name] = null;
+      const parent = aliases[name] && aliases[name].parent;
+      const value = parent && resolve(parent);
+      if (value) {
+        resolved[name] = [parent].concat(value);
+      }
     }
-    defs += content.slice(start + 1, end).trim();
-    content = content.slice(0, index2).trim() + content.slice(endEnd + 1);
+    return resolved[name];
   }
-  return {
-    defs,
-    content
-  };
+  Object.keys(icons).concat(Object.keys(aliases)).forEach(resolve);
+  return resolved;
 }
-function mergeDefsAndContent(defs, content) {
-  return defs ? "<defs>" + defs + "</defs>" + content : content;
+function internalGetIconData(data, name, tree) {
+  const icons = data.icons;
+  const aliases = data.aliases || /* @__PURE__ */ Object.create(null);
+  let currentProps = {};
+  function parse(name2) {
+    currentProps = mergeIconData(
+      icons[name2] || aliases[name2],
+      currentProps
+    );
+  }
+  parse(name);
+  tree.forEach(parse);
+  return mergeIconData(data, currentProps);
 }
-function wrapSVGContent(body, start, end) {
-  const split = splitSVGDefs(body);
-  return mergeDefsAndContent(split.defs, start + split.content + end);
+function parseIconSet(data, callback) {
+  const names = [];
+  if (typeof data !== "object" || typeof data.icons !== "object") {
+    return names;
+  }
+  if (data.not_found instanceof Array) {
+    data.not_found.forEach((name) => {
+      callback(name, null);
+      names.push(name);
+    });
+  }
+  const tree = getIconsTree(data);
+  for (const name in tree) {
+    const item = tree[name];
+    if (item) {
+      callback(name, internalGetIconData(data, name, item));
+      names.push(name);
+    }
+  }
+  return names;
 }
-const isUnsetKeyword = (value) => value === "unset" || value === "undefined" || value === "none";
-function iconToSVG(icon, customisations) {
-  const fullIcon = {
-    ...defaultIconProps,
-    ...icon
-  };
-  const fullCustomisations = {
-    ...defaultIconCustomisations,
-    ...customisations
-  };
-  const box = {
-    left: fullIcon.left,
-    top: fullIcon.top,
-    width: fullIcon.width,
-    height: fullIcon.height
-  };
-  let body = fullIcon.body;
-  [fullIcon, fullCustomisations].forEach((props) => {
-    const transformations = [];
-    const hFlip = props.hFlip;
+const optionalPropertyDefaults = {
+  provider: "",
+  aliases: {},
+  not_found: {},
+  ...defaultIconDimensions
+};
+function checkOptionalProps(item, defaults) {
+  for (const prop in defaults) {
+    if (prop in item && typeof item[prop] !== typeof defaults[prop]) {
+      return false;
+    }
+  }
+  return true;
+}
+function quicklyValidateIconSet(obj) {
+  if (typeof obj !== "object" || obj === null) {
+    return null;
+  }
+  const data = obj;
+  if (typeof data.prefix !== "string" || !obj.icons || typeof obj.icons !== "object") {
+    return null;
+  }
+  if (!checkOptionalProps(obj, optionalPropertyDefaults)) {
+    return null;
+  }
+  const icons = data.icons;
+  for (const name in icons) {
+    const icon = icons[name];
+    if (
+      // Name cannot be empty
+      !name || // Must have body
+      typeof icon.body !== "string" || // Check other props
+      !checkOptionalProps(
+        icon,
+        defaultExtendedIconProps
+      )
+    ) {
+      return null;
+    }
+  }
+  const aliases = data.aliases || /* @__PURE__ */ Object.create(null);
+  for (const name in aliases) {
+    const icon = aliases[name];
+    const parent = icon.parent;
+    if (
+      // Name cannot be empty
+      !name || // Parent must be set and point to existing icon
+      typeof parent !== "string" || !icons[parent] && !aliases[parent] || // Check other props
+      !checkOptionalProps(
+        icon,
+        defaultExtendedIconProps
+      )
+    ) {
+      return null;
+    }
+  }
+  return data;
+}
+const dataStorage = /* @__PURE__ */ Object.create(null);
+function newStorage(provider, prefix) {
+  return {
+    provider,
+    prefix,
+    icons: /* @__PURE__ */ Object.create(null),
+    missing: /* @__PURE__ */ new Set()
+  };
+}
+function getStorage(provider, prefix) {
+  const providerStorage = dataStorage[provider] || (dataStorage[provider] = /* @__PURE__ */ Object.create(null));
+  return providerStorage[prefix] || (providerStorage[prefix] = newStorage(provider, prefix));
+}
+function addIconSet(storage2, data) {
+  if (!quicklyValidateIconSet(data)) {
+    return [];
+  }
+  return parseIconSet(data, (name, icon) => {
+    if (icon) {
+      storage2.icons[name] = icon;
+    } else {
+      storage2.missing.add(name);
+    }
+  });
+}
+function addIconToStorage(storage2, name, icon) {
+  try {
+    if (typeof icon.body === "string") {
+      storage2.icons[name] = { ...icon };
+      return true;
+    }
+  } catch (err) {
+  }
+  return false;
+}
+let simpleNames = false;
+function allowSimpleNames(allow) {
+  if (typeof allow === "boolean") {
+    simpleNames = allow;
+  }
+  return simpleNames;
+}
+function getIconData(name) {
+  const icon = typeof name === "string" ? stringToIcon(name, true, simpleNames) : name;
+  if (icon) {
+    const storage2 = getStorage(icon.provider, icon.prefix);
+    const iconName = icon.name;
+    return storage2.icons[iconName] || (storage2.missing.has(iconName) ? null : void 0);
+  }
+}
+function addIcon(name, data) {
+  const icon = stringToIcon(name, true, simpleNames);
+  if (!icon) {
+    return false;
+  }
+  const storage2 = getStorage(icon.provider, icon.prefix);
+  if (data) {
+    return addIconToStorage(storage2, icon.name, data);
+  } else {
+    storage2.missing.add(icon.name);
+    return true;
+  }
+}
+function addCollection(data, provider) {
+  if (typeof data !== "object") {
+    return false;
+  }
+  if (typeof provider !== "string") {
+    provider = data.provider || "";
+  }
+  if (simpleNames && !provider && !data.prefix) {
+    let added = false;
+    if (quicklyValidateIconSet(data)) {
+      data.prefix = "";
+      parseIconSet(data, (name, icon) => {
+        if (addIcon(name, icon)) {
+          added = true;
+        }
+      });
+    }
+    return added;
+  }
+  const prefix = data.prefix;
+  if (!validateIconName({
+    prefix,
+    name: "a"
+  })) {
+    return false;
+  }
+  const storage2 = getStorage(provider, prefix);
+  return !!addIconSet(storage2, data);
+}
+const defaultIconSizeCustomisations = Object.freeze({
+  width: null,
+  height: null
+});
+const defaultIconCustomisations = Object.freeze({
+  // Dimensions
+  ...defaultIconSizeCustomisations,
+  // Transformations
+  ...defaultIconTransformations
+});
+const unitsSplit = /(-?[0-9.]*[0-9]+[0-9.]*)/g;
+const unitsTest = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
+function calculateSize(size, ratio, precision) {
+  if (ratio === 1) {
+    return size;
+  }
+  precision = precision || 100;
+  if (typeof size === "number") {
+    return Math.ceil(size * ratio * precision) / precision;
+  }
+  if (typeof size !== "string") {
+    return size;
+  }
+  const oldParts = size.split(unitsSplit);
+  if (oldParts === null || !oldParts.length) {
+    return size;
+  }
+  const newParts = [];
+  let code = oldParts.shift();
+  let isNumber = unitsTest.test(code);
+  while (true) {
+    if (isNumber) {
+      const num = parseFloat(code);
+      if (isNaN(num)) {
+        newParts.push(code);
+      } else {
+        newParts.push(Math.ceil(num * ratio * precision) / precision);
+      }
+    } else {
+      newParts.push(code);
+    }
+    code = oldParts.shift();
+    if (code === void 0) {
+      return newParts.join("");
+    }
+    isNumber = !isNumber;
+  }
+}
+function splitSVGDefs(content, tag = "defs") {
+  let defs = "";
+  const index2 = content.indexOf("<" + tag);
+  while (index2 >= 0) {
+    const start = content.indexOf(">", index2);
+    const end = content.indexOf("</" + tag);
+    if (start === -1 || end === -1) {
+      break;
+    }
+    const endEnd = content.indexOf(">", end);
+    if (endEnd === -1) {
+      break;
+    }
+    defs += content.slice(start + 1, end).trim();
+    content = content.slice(0, index2).trim() + content.slice(endEnd + 1);
+  }
+  return {
+    defs,
+    content
+  };
+}
+function mergeDefsAndContent(defs, content) {
+  return defs ? "<defs>" + defs + "</defs>" + content : content;
+}
+function wrapSVGContent(body, start, end) {
+  const split = splitSVGDefs(body);
+  return mergeDefsAndContent(split.defs, start + split.content + end);
+}
+const isUnsetKeyword = (value) => value === "unset" || value === "undefined" || value === "none";
+function iconToSVG(icon, customisations) {
+  const fullIcon = {
+    ...defaultIconProps,
+    ...icon
+  };
+  const fullCustomisations = {
+    ...defaultIconCustomisations,
+    ...customisations
+  };
+  const box = {
+    left: fullIcon.left,
+    top: fullIcon.top,
+    width: fullIcon.width,
+    height: fullIcon.height
+  };
+  let body = fullIcon.body;
+  [fullIcon, fullCustomisations].forEach((props) => {
+    const transformations = [];
+    const hFlip = props.hFlip;
     const vFlip = props.vFlip;
     let rotation = props.rotate;
     if (hFlip) {
@@ -2304,11 +2854,11 @@ const Icon = vue.defineComponent((props, { emit }) => {
   emits: ["load"]
 });
 const _hoisted_1$c = ["xlink:href"];
-const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicSvgIcon",
   props: {
     icon: {},
-    localIcon: { type: Boolean }
+    localIcon: {}
   },
   setup(__props) {
     const props = __props;
@@ -2350,16 +2900,224 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicSvgIcon = utils.withInstall(_sfc_main$O);
-const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
-  __name: "BasicArrow",
+const XBasicSvgIcon = utils.withInstall(_sfc_main$U);
+const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "button-icon",
   props: {
-    expand: { type: Boolean },
-    inset: { type: Boolean }
+    class: { default: "" },
+    icon: { default: "" },
+    tooltipContent: { default: "" },
+    tooltipPlacement: { default: "bottom" },
+    zIndex: { default: 98 }
   },
   setup(__props) {
     const props = __props;
-    const { b } = useNamespace("basic-arrow");
+    const { b, e } = useNamespace("button-icon");
+    const buttonIconClass = vue.computed(() => {
+      return [b(), props.class];
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(naiveUi.NTooltip), {
+        placement: __props.tooltipPlacement,
+        "z-index": __props.zIndex,
+        disabled: !__props.tooltipContent
+      }, {
+        trigger: vue.withCtx(() => [
+          vue.createVNode(vue.unref(naiveUi.NButton), vue.mergeProps({
+            quaternary: "",
+            class: buttonIconClass.value
+          }, _ctx.$attrs), {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(e)("icon"))
+              }, [
+                vue.renderSlot(_ctx.$slots, "default", {}, () => [
+                  vue.createVNode(vue.unref(XBasicSvgIcon), { icon: __props.icon }, null, 8, ["icon"])
+                ])
+              ], 2)
+            ]),
+            _: 3
+          }, 16, ["class"])
+        ]),
+        default: vue.withCtx(() => [
+          vue.createTextVNode(" " + vue.toDisplayString(__props.tooltipContent), 1)
+        ]),
+        _: 3
+      }, 8, ["placement", "z-index", "disabled"]);
+    };
+  }
+});
+const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
+  __name: "full-screen",
+  props: {
+    full: { type: Boolean }
+  },
+  setup(__props) {
+    const { t } = useLocale();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(_sfc_main$T, {
+        key: String(__props.full),
+        "tooltip-content": __props.full ? vue.unref(t)("max.icon.fullscreenExit") : vue.unref(t)("max.icon.fullscreen")
+      }, {
+        default: vue.withCtx(() => [
+          __props.full ? (vue.openBlock(), vue.createBlock(vue.unref(XBasicSvgIcon), {
+            key: 0,
+            icon: "gridicons-fullscreen-exit"
+          })) : (vue.openBlock(), vue.createBlock(vue.unref(XBasicSvgIcon), {
+            key: 1,
+            icon: "gridicons-fullscreen"
+          }))
+        ]),
+        _: 1
+      }, 8, ["tooltip-content"]);
+    };
+  }
+});
+const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
+  __name: "icon-tooltip",
+  props: {
+    icon: { default: "mdi-help-circle" },
+    localIcon: { default: "" },
+    desc: { default: "" },
+    placement: { default: "top" }
+  },
+  setup(__props) {
+    const props = __props;
+    const { b } = useNamespace("icon-tooltip");
+    const slots = vue.useSlots();
+    const hasCustomTrigger = vue.computed(() => Boolean(slots.trigger));
+    if (!hasCustomTrigger.value && !props.icon && !props.localIcon) {
+      throw new Error("icon or localIcon is required when no custom trigger slot is provided");
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(naiveUi.NTooltip), { placement: __props.placement }, {
+        trigger: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "trigger", {}, () => [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(b)())
+            }, [
+              vue.createVNode(vue.unref(XBasicSvgIcon), {
+                icon: __props.icon,
+                "local-icon": __props.localIcon
+              }, null, 8, ["icon", "local-icon"])
+            ], 2)
+          ])
+        ]),
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default", {}, () => [
+            vue.createElementVNode("span", null, vue.toDisplayString(__props.desc), 1)
+          ])
+        ]),
+        _: 3
+      }, 8, ["placement"]);
+    };
+  }
+});
+const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
+  __name: "menu-toggler",
+  props: {
+    collapsed: { type: Boolean },
+    arrowIcon: { type: Boolean, default: false },
+    zIndex: { default: 98 }
+  },
+  setup(__props) {
+    const props = __props;
+    const { t } = useLocale();
+    const icon = vue.computed(() => {
+      const icons = {
+        0: {
+          0: "line-md:menu-fold-left",
+          1: "line-md:menu-fold-right"
+        },
+        1: {
+          0: "ph-caret-double-left-bold",
+          1: "ph-caret-double-right-bold"
+        }
+      };
+      const arrowIcon = Number(props.arrowIcon || false);
+      const collapsed = Number(props.collapsed || false);
+      return icons[arrowIcon][collapsed];
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(_sfc_main$T, {
+        key: String(__props.collapsed),
+        "tooltip-content": __props.collapsed ? vue.unref(t)("max.icon.expand") : vue.unref(t)("max.icon.collapse"),
+        "tooltip-placement": "bottom-start",
+        "z-index": __props.zIndex
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(XBasicSvgIcon), { icon: icon.value }, null, 8, ["icon"])
+        ]),
+        _: 1
+      }, 8, ["tooltip-content", "z-index"]);
+    };
+  }
+});
+const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
+  __name: "pin-toggler",
+  props: {
+    pin: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const { t } = useLocale();
+    const icon = vue.computed(() => props.pin ? "mdi-pin-off" : "mdi-pin");
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(_sfc_main$T, {
+        "tooltip-content": __props.pin ? vue.unref(t)("max.icon.unpin") : vue.unref(t)("max.icon.pin"),
+        "tooltip-placement": "bottom-start",
+        "z-index": 100
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(XBasicSvgIcon), { icon: icon.value }, null, 8, ["icon"])
+        ]),
+        _: 1
+      }, 8, ["tooltip-content"]);
+    };
+  }
+});
+const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
+  __name: "reload-button",
+  props: {
+    loading: { type: Boolean }
+  },
+  setup(__props) {
+    const { t } = useLocale();
+    const { b } = useNamespace("reload-button");
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(_sfc_main$T, {
+        "tooltip-content": vue.unref(t)("max.icon.reload")
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(XBasicSvgIcon), {
+            icon: "mdi-refresh",
+            class: vue.normalizeClass({ [vue.unref(b)()]: __props.loading })
+          }, null, 8, ["class"])
+        ]),
+        _: 1
+      }, 8, ["tooltip-content"]);
+    };
+  }
+});
+const XCommonBetterScroll = utils.withInstall(_sfc_main$V);
+const XCommonButtonIcon = utils.withInstall(_sfc_main$T);
+const XCommonFullScreen = utils.withInstall(_sfc_main$S);
+const XCommonIconTooltip = utils.withInstall(_sfc_main$R);
+const XCommonMenuToggler = utils.withInstall(_sfc_main$Q);
+const XCommonPinToggler = utils.withInstall(_sfc_main$P);
+const XCommonReloadButton = utils.withInstall(_sfc_main$O);
+const _sfc_main$N = /* @__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();
@@ -2440,170 +3198,427 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const XBasicButton = utils.withInstall(_sfc_main$M);
-!!(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,
+const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
+  __name: "BasicButtonCreate",
   emits: ["click"],
-  setup(props, {
-    emit,
-    slots
-  }) {
-    const {
-      b
-    } = useNamespace("basic-overlay");
-    const onMaskClick = (e) => {
-      emit("click", e);
+  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 {
-      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$K = /* @__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);
     };
   }
 });
-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$J = /* @__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);
+    };
   }
-  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$I = /* @__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 context;
-};
-const useConfigProvider = (block) => {
-  const config = useGlobalConfig();
-  const ns = useNamespace(
-    block,
-    vue.computed(() => {
+});
+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;
-      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
-  };
+      (_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();
+    }
+    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,
+            onChange: onFileChange
+          }, null, 40, _hoisted_1$b)),
+          vue.renderSlot(_ctx.$slots, "default", {}, () => [
+            vue.createTextVNode(vue.toDisplayString(vue.unref(t)("max.basic.import")), 1)
+          ], true)
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key2, val] of props) {
+    target[key2] = val;
+  }
+  return target;
 };
-const configProviderProps = {
-  /** 全局 z-index 值 */
-  zIndex: Number,
-  /** 全局语言 */
-  locale: {
-    type: Object
-  },
-  /** 全局命名空间 */
-  namespace: {
-    type: String,
-    default: DEFAULT_NAMESPACE
+const BasicButtonImport = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-826acb65"]]);
+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 (_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$L);
+const XBasicButtonEdit = utils.withInstall(_sfc_main$J);
+const XBasicButtonDelete = utils.withInstall(_sfc_main$K);
+const XBasicButtonExport = utils.withInstall(_sfc_main$I);
+const XBasicButtonImport = utils.withInstall(BasicButtonImport);
+const XBasicButtonPrint = utils.withInstall(_sfc_main$G);
+!!(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
   },
-  /** 本地全局图标前缀 */
-  iconLocalPrefix: {
-    type: String,
-    default: DEFAULT_ICON_LOCAL_PREFIX
+  customMaskEvent: Boolean,
+  overlayClass: {
+    type: [String, Array, Object]
   },
-  /** 全局主题覆盖 */
-  themeOverrides: {
-    type: Object
+  zIndex: {
+    type: [String, Number]
   }
 };
-const ConfigProvider = /* @__PURE__ */ vue.defineComponent({
-  name: "ConfigProvider",
-  props: configProviderProps,
+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
   }) {
@@ -2660,7 +3675,7 @@ const basicMessageBoxProps = {
     default: ""
   }
 };
-const _sfc_main$L = vue.defineComponent({
+const _sfc_main$F = vue.defineComponent({
   components: {
     NButton: naiveUi.NButton,
     NInput: naiveUi.NInput,
@@ -2893,14 +3908,7 @@ const _sfc_main$L = vue.defineComponent({
     };
   }
 });
-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_1$a = ["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");
@@ -3058,7 +4066,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
                 ])
               ], 2)
             ], 6)
-          ], 42, _hoisted_1$b)
+          ], 42, _hoisted_1$a)
         ]),
         _: 3
       }, 8, ["z-index", "overlay-class", "mask"]), [
@@ -3068,7 +4076,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   });
 }
-const MessageBoxConstructor = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$2]]);
+const MessageBoxConstructor = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$2]]);
 const messageInstance = /* @__PURE__ */ new Map();
 const getAppendToElement = (props) => {
   let appendTo = document.body;
@@ -3197,7 +4205,7 @@ const XBasicMessageBox = $MessageBox;
 function _isSlot$3(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
 }
-const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   name: "ButtonGroupItem",
   props: {
     schema: {
@@ -3550,7 +4558,7 @@ function useButtonGroupSchema({ getProps, schemaRef }) {
   });
   return { getSchema };
 }
-const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicButtonGroup",
   props: {
     showReturnButton: { type: Boolean },
@@ -3631,7 +4639,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: vue.unref(getWrapperClass) }, getBindValue.value), [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(getSchema), (schema) => {
-          return vue.openBlock(), vue.createBlock(_sfc_main$K, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$E, {
             key: schema.field,
             schema,
             "button-group-action-type": buttonGroupActionType,
@@ -3652,9 +4660,9 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicButtonGroup = utils.withInstall(_sfc_main$J);
-const _hoisted_1$a = ["title"];
-const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+const XBasicButtonGroup = utils.withInstall(_sfc_main$D);
+const _hoisted_1$9 = ["title"];
+const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicText",
   props: {
     icon: { default: "" },
@@ -3692,7 +4700,7 @@ const _sfc_main$I = /* @__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$O, {
+        __props.icon ? (vue.openBlock(), vue.createBlock(_sfc_main$U, {
           key: 0,
           icon: __props.icon,
           class: vue.normalizeClass(__props.iconClass),
@@ -3701,12 +4709,12 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
         vue.renderSlot(_ctx.$slots, "default", {}, () => [
           vue.createTextVNode(vue.toDisplayString(vue.unref(mergedValueRef)), 1)
         ])
-      ], 10, _hoisted_1$a);
+      ], 10, _hoisted_1$9);
     };
   }
 });
-const XBasicText = utils.withInstall(_sfc_main$I);
-const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+const XBasicText = utils.withInstall(_sfc_main$C);
+const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicCard",
   props: {
     title: {},
@@ -3745,8 +4753,8 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicCard = utils.withInstall(_sfc_main$H);
-const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+const XBasicCard = utils.withInstall(_sfc_main$B);
+const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -3851,7 +4859,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const basicCascaderProps = {};
-const XBasicCascader = utils.withInstall(_sfc_main$G);
+const XBasicCascader = utils.withInstall(_sfc_main$A);
 const basicCheckboxGroupKey = Symbol("basic-checkbox-group");
 const createBasicCheckboxGroupContext = (props) => {
   return vue.provide(basicCheckboxGroupKey, props);
@@ -3872,7 +4880,7 @@ const IconCheck = /* @__PURE__ */ vue.defineComponent({
     }, null)]);
   }
 });
-const _sfc_main$F = vue.defineComponent({
+const _sfc_main$z = vue.defineComponent({
   name: "IconHover",
   props: {
     disabled: {
@@ -3900,7 +4908,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     vue.renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-const IconHover = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$1]]);
+const IconHover = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$1]]);
 const basicCheckboxProps = {
   /**
    * @zh 绑定值
@@ -4287,535 +5295,134 @@ const basicColProps = {
   offset: [String, Number],
   push: [String, Number],
   pull: [String, Number],
-  xs: {
-    type: [String, Number, Object],
-    default: void 0
-  },
-  sm: {
-    type: [String, Number, Object],
-    default: void 0
-  },
-  md: {
-    type: [String, Number, Object],
-    default: void 0
-  },
-  lg: {
-    type: [String, Number, Object],
-    default: void 0
-  },
-  xl: {
-    type: [String, Number, Object],
-    default: void 0
-  },
-  xxl: {
-    type: [String, Number, Object],
-    default: void 0
-  },
-  prefixCls: String,
-  flex: [String, Number]
-};
-function parseFlex(flex) {
-  if (typeof flex === "number") {
-    return `${flex} ${flex} auto`;
-  }
-  if (/^\d+(\.\d+)?(px|em|rem|%)$/.test(flex)) {
-    return `0 0 ${flex}`;
-  }
-  return flex;
-}
-const sizes = ["xs", "sm", "md", "lg", "xl", "xxl"];
-const BasicCol = /* @__PURE__ */ vue.defineComponent({
-  compatConfig: {
-    MODE: 3
-  },
-  name: "XBasicCol",
-  inheritAttrs: false,
-  props: basicColProps,
-  setup(props, {
-    slots,
-    attrs
-  }) {
-    const {
-      b,
-      m
-    } = useNamespace("basic-col");
-    const {
-      gutter,
-      supportFlexGap,
-      wrap
-    } = useBasicRowContext();
-    const classes = vue.computed(() => {
-      const {
-        span,
-        order,
-        offset,
-        push,
-        pull
-      } = props;
-      const pre = b();
-      let sizeClassObj = {};
-      sizes.forEach((size) => {
-        let sizeProps = {};
-        const propSize = props[size];
-        if (typeof propSize === "number") {
-          sizeProps.span = propSize;
-        } else if (typeof propSize === "object") {
-          sizeProps = propSize || {};
-        }
-        sizeClassObj = {
-          ...sizeClassObj,
-          [m(`${size}-${sizeProps.span}`)]: sizeProps.span !== void 0,
-          [m(`${size}-order-${sizeProps.order}`)]: sizeProps.order || sizeProps.order === 0,
-          [m(`${size}-offset-${sizeProps.offset}`)]: sizeProps.offset || sizeProps.offset === 0,
-          [m(`${size}-push-${sizeProps.push}`)]: sizeProps.push || sizeProps.push === 0,
-          [m(`${size}-pull-${sizeProps.pull}`)]: sizeProps.pull || sizeProps.pull === 0
-          // [m(`${size}-rtl`)]: true
-        };
-      });
-      return utils.classNames(pre, {
-        [m(`${span}`)]: span !== void 0,
-        [m(`order-${order}`)]: order,
-        [m(`offset-${offset}`)]: offset,
-        [m(`push-${push}`)]: push,
-        [m(`pull-${pull}`)]: pull
-      }, sizeClassObj, attrs.class);
-    });
-    const mergedStyle = vue.computed(() => {
-      const {
-        flex
-      } = props;
-      const gutterVal = gutter.value;
-      const style = {};
-      if (gutterVal && gutterVal[0] && gutterVal[0] > 0) {
-        const horizontalGutter = `${gutterVal[0] / 2}px`;
-        style.paddingLeft = horizontalGutter;
-        style.paddingRight = horizontalGutter;
-      }
-      if (gutterVal && gutterVal[1] && gutterVal[1] > 0 && !supportFlexGap.value) {
-        const verticalGutter = `${gutterVal[1] / 2}px`;
-        style.paddingTop = verticalGutter;
-        style.paddingBottom = verticalGutter;
-      }
-      if (flex) {
-        style.flex = parseFlex(flex);
-        if (wrap.value === false && !style.minWidth) {
-          style.minWidth = 0;
-        }
-      }
-      return style;
-    });
-    return () => {
-      var _a;
-      return vue.createVNode("div", vue.mergeProps(attrs, {
-        "class": classes.value,
-        "style": [mergedStyle.value, attrs.style]
-      }), [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
-    };
-  }
-});
-const XBasicCol = utils.withInstall(BasicCol);
-function tryOnScopeDispose(fn, failSilently) {
-  if (vue.getCurrentScope()) {
-    vue.onScopeDispose(fn, failSilently);
-    return true;
-  }
-  return false;
-}
-const isClient = typeof window !== "undefined" && typeof document !== "undefined";
-typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
-const toString = Object.prototype.toString;
-const isObject = (val) => toString.call(val) === "[object Object]";
-const noop = () => {
-};
-function createFilterWrapper(filter, fn) {
-  function wrapper(...args) {
-    return new Promise((resolve, reject) => {
-      Promise.resolve(filter(() => fn.apply(this, args), {
-        fn,
-        thisArg: this,
-        args
-      })).then(resolve).catch(reject);
-    });
-  }
-  return wrapper;
-}
-function debounceFilter(ms, options = {}) {
-  let timer;
-  let maxTimer;
-  let lastRejector = noop;
-  const _clearTimeout = (timer$1) => {
-    clearTimeout(timer$1);
-    lastRejector();
-    lastRejector = noop;
-  };
-  let lastInvoker;
-  const filter = (invoke$1) => {
-    const duration = vue.toValue(ms);
-    const maxDuration = vue.toValue(options.maxWait);
-    if (timer) _clearTimeout(timer);
-    if (duration <= 0 || maxDuration !== void 0 && maxDuration <= 0) {
-      if (maxTimer) {
-        _clearTimeout(maxTimer);
-        maxTimer = void 0;
-      }
-      return Promise.resolve(invoke$1());
-    }
-    return new Promise((resolve, reject) => {
-      lastRejector = options.rejectOnCancel ? reject : resolve;
-      lastInvoker = invoke$1;
-      if (maxDuration && !maxTimer) maxTimer = setTimeout(() => {
-        if (timer) _clearTimeout(timer);
-        maxTimer = void 0;
-        resolve(lastInvoker());
-      }, maxDuration);
-      timer = setTimeout(() => {
-        if (maxTimer) _clearTimeout(maxTimer);
-        maxTimer = void 0;
-        resolve(invoke$1());
-      }, duration);
-    });
-  };
-  return filter;
-}
-function promiseTimeout(ms, throwOnTimeout = false, reason = "Timeout") {
-  return new Promise((resolve, reject) => {
-    if (throwOnTimeout) setTimeout(() => reject(reason), ms);
-    else setTimeout(resolve, ms);
-  });
-}
-function identity(arg) {
-  return arg;
-}
-function toArray(value) {
-  return Array.isArray(value) ? value : [value];
-}
-function getLifeCycleTarget(target) {
-  return vue.getCurrentInstance();
-}
-// @__NO_SIDE_EFFECTS__
-function useDebounceFn(fn, ms = 200, options = {}) {
-  return createFilterWrapper(debounceFilter(ms, options), fn);
-}
-function tryOnUnmounted(fn, target) {
-  if (getLifeCycleTarget()) vue.onUnmounted(fn, target);
-}
-function useTimeoutFn(cb, interval, options = {}) {
-  const { immediate = true, immediateCallback = false } = options;
-  const isPending = vue.shallowRef(false);
-  let timer;
-  function clear() {
-    if (timer) {
-      clearTimeout(timer);
-      timer = void 0;
-    }
-  }
-  function stop() {
-    isPending.value = false;
-    clear();
-  }
-  function start(...args) {
-    if (immediateCallback) cb();
-    clear();
-    isPending.value = true;
-    timer = setTimeout(() => {
-      isPending.value = false;
-      timer = void 0;
-      cb(...args);
-    }, vue.toValue(interval));
-  }
-  if (immediate) {
-    isPending.value = true;
-    if (isClient) start();
-  }
-  tryOnScopeDispose(stop);
-  return {
-    isPending: vue.shallowReadonly(isPending),
-    start,
-    stop
-  };
-}
-function watchImmediate(source, cb, options) {
-  return vue.watch(source, cb, {
-    ...options,
-    immediate: true
-  });
-}
-const defaultWindow = isClient ? window : void 0;
-function unrefElement(elRef) {
-  var _$el;
-  const plain = vue.toValue(elRef);
-  return (_$el = plain === null || plain === void 0 ? void 0 : plain.$el) !== null && _$el !== void 0 ? _$el : plain;
-}
-function useEventListener(...args) {
-  const register = (el, event, listener, options) => {
-    el.addEventListener(event, listener, options);
-    return () => el.removeEventListener(event, listener, options);
-  };
-  const firstParamTargets = vue.computed(() => {
-    const test = toArray(vue.toValue(args[0])).filter((e) => e != null);
-    return test.every((e) => typeof e !== "string") ? test : void 0;
-  });
-  return watchImmediate(() => {
-    var _firstParamTargets$va, _firstParamTargets$va2;
-    return [
-      (_firstParamTargets$va = (_firstParamTargets$va2 = firstParamTargets.value) === null || _firstParamTargets$va2 === void 0 ? void 0 : _firstParamTargets$va2.map((e) => unrefElement(e))) !== null && _firstParamTargets$va !== void 0 ? _firstParamTargets$va : [defaultWindow].filter((e) => e != null),
-      toArray(vue.toValue(firstParamTargets.value ? args[1] : args[0])),
-      toArray(vue.unref(firstParamTargets.value ? args[2] : args[1])),
-      vue.toValue(firstParamTargets.value ? args[3] : args[2])
-    ];
-  }, ([raw_targets, raw_events, raw_listeners, raw_options], _, onCleanup) => {
-    if (!(raw_targets === null || raw_targets === void 0 ? void 0 : raw_targets.length) || !(raw_events === null || raw_events === void 0 ? void 0 : raw_events.length) || !(raw_listeners === null || raw_listeners === void 0 ? void 0 : raw_listeners.length)) return;
-    const optionsClone = isObject(raw_options) ? { ...raw_options } : raw_options;
-    const cleanups = raw_targets.flatMap((el) => raw_events.flatMap((event) => raw_listeners.map((listener) => register(el, event, listener, optionsClone))));
-    onCleanup(() => {
-      cleanups.forEach((fn) => fn());
-    });
-  }, { flush: "post" });
-}
-const _TransitionPresets = {
-  easeInSine: [
-    0.12,
-    0,
-    0.39,
-    0
-  ],
-  easeOutSine: [
-    0.61,
-    1,
-    0.88,
-    1
-  ],
-  easeInOutSine: [
-    0.37,
-    0,
-    0.63,
-    1
-  ],
-  easeInQuad: [
-    0.11,
-    0,
-    0.5,
-    0
-  ],
-  easeOutQuad: [
-    0.5,
-    1,
-    0.89,
-    1
-  ],
-  easeInOutQuad: [
-    0.45,
-    0,
-    0.55,
-    1
-  ],
-  easeInCubic: [
-    0.32,
-    0,
-    0.67,
-    0
-  ],
-  easeOutCubic: [
-    0.33,
-    1,
-    0.68,
-    1
-  ],
-  easeInOutCubic: [
-    0.65,
-    0,
-    0.35,
-    1
-  ],
-  easeInQuart: [
-    0.5,
-    0,
-    0.75,
-    0
-  ],
-  easeOutQuart: [
-    0.25,
-    1,
-    0.5,
-    1
-  ],
-  easeInOutQuart: [
-    0.76,
-    0,
-    0.24,
-    1
-  ],
-  easeInQuint: [
-    0.64,
-    0,
-    0.78,
-    0
-  ],
-  easeOutQuint: [
-    0.22,
-    1,
-    0.36,
-    1
-  ],
-  easeInOutQuint: [
-    0.83,
-    0,
-    0.17,
-    1
-  ],
-  easeInExpo: [
-    0.7,
-    0,
-    0.84,
-    0
-  ],
-  easeOutExpo: [
-    0.16,
-    1,
-    0.3,
-    1
-  ],
-  easeInOutExpo: [
-    0.87,
-    0,
-    0.13,
-    1
-  ],
-  easeInCirc: [
-    0.55,
-    0,
-    1,
-    0.45
-  ],
-  easeOutCirc: [
-    0,
-    0.55,
-    0.45,
-    1
-  ],
-  easeInOutCirc: [
-    0.85,
-    0,
-    0.15,
-    1
-  ],
-  easeInBack: [
-    0.36,
-    0,
-    0.66,
-    -0.56
-  ],
-  easeOutBack: [
-    0.34,
-    1.56,
-    0.64,
-    1
-  ],
-  easeInOutBack: [
-    0.68,
-    -0.6,
-    0.32,
-    1.6
-  ]
+  xs: {
+    type: [String, Number, Object],
+    default: void 0
+  },
+  sm: {
+    type: [String, Number, Object],
+    default: void 0
+  },
+  md: {
+    type: [String, Number, Object],
+    default: void 0
+  },
+  lg: {
+    type: [String, Number, Object],
+    default: void 0
+  },
+  xl: {
+    type: [String, Number, Object],
+    default: void 0
+  },
+  xxl: {
+    type: [String, Number, Object],
+    default: void 0
+  },
+  prefixCls: String,
+  flex: [String, Number]
 };
-const TransitionPresets = /* @__PURE__ */ Object.assign({}, { linear: identity }, _TransitionPresets);
-function createEasingFunction([p0, p1, p2, p3]) {
-  const a = (a1, a2) => 1 - 3 * a2 + 3 * a1;
-  const b = (a1, a2) => 3 * a2 - 6 * a1;
-  const c = (a1) => 3 * a1;
-  const calcBezier = (t, a1, a2) => ((a(a1, a2) * t + b(a1, a2)) * t + c(a1)) * t;
-  const getSlope = (t, a1, a2) => 3 * a(a1, a2) * t * t + 2 * b(a1, a2) * t + c(a1);
-  const getTforX = (x) => {
-    let aGuessT = x;
-    for (let i = 0; i < 4; ++i) {
-      const currentSlope = getSlope(aGuessT, p0, p2);
-      if (currentSlope === 0) return aGuessT;
-      const currentX = calcBezier(aGuessT, p0, p2) - x;
-      aGuessT -= currentX / currentSlope;
-    }
-    return aGuessT;
-  };
-  return (x) => p0 === p1 && p2 === p3 ? x : calcBezier(getTforX(x), p1, p3);
-}
-function lerp(a, b, alpha) {
-  return a + alpha * (b - a);
-}
-function defaultInterpolation(a, b, t) {
-  const aVal = vue.toValue(a);
-  const bVal = vue.toValue(b);
-  if (typeof aVal === "number" && typeof bVal === "number") return lerp(aVal, bVal, t);
-  if (Array.isArray(aVal) && Array.isArray(bVal)) return aVal.map((v, i) => lerp(v, vue.toValue(bVal[i]), t));
-  throw new TypeError("Unknown transition type, specify an interpolation function.");
-}
-function normalizeEasing(easing) {
-  var _toValue;
-  return typeof easing === "function" ? easing : (_toValue = vue.toValue(easing)) !== null && _toValue !== void 0 ? _toValue : identity;
+function parseFlex(flex) {
+  if (typeof flex === "number") {
+    return `${flex} ${flex} auto`;
+  }
+  if (/^\d+(\.\d+)?(px|em|rem|%)$/.test(flex)) {
+    return `0 0 ${flex}`;
+  }
+  return flex;
 }
-function transition(source, from, to, options = {}) {
-  var _toValue2;
-  const { window: window$1 = defaultWindow } = options;
-  const fromVal = vue.toValue(from);
-  const toVal = vue.toValue(to);
-  const duration = (_toValue2 = vue.toValue(options.duration)) !== null && _toValue2 !== void 0 ? _toValue2 : 1e3;
-  const startedAt = Date.now();
-  const endAt = Date.now() + duration;
-  const interpolation = typeof options.interpolation === "function" ? options.interpolation : defaultInterpolation;
-  const trans = typeof options.easing !== "undefined" ? normalizeEasing(options.easing) : normalizeEasing(options.transition);
-  const ease = typeof trans === "function" ? trans : createEasingFunction(trans);
-  return new Promise((resolve) => {
-    source.value = fromVal;
-    const tick = () => {
-      var _options$abort;
-      if ((_options$abort = options.abort) === null || _options$abort === void 0 ? void 0 : _options$abort.call(options)) {
-        resolve();
-        return;
+const sizes = ["xs", "sm", "md", "lg", "xl", "xxl"];
+const BasicCol = /* @__PURE__ */ vue.defineComponent({
+  compatConfig: {
+    MODE: 3
+  },
+  name: "XBasicCol",
+  inheritAttrs: false,
+  props: basicColProps,
+  setup(props, {
+    slots,
+    attrs
+  }) {
+    const {
+      b,
+      m
+    } = useNamespace("basic-col");
+    const {
+      gutter,
+      supportFlexGap,
+      wrap
+    } = useBasicRowContext();
+    const classes = vue.computed(() => {
+      const {
+        span,
+        order,
+        offset,
+        push,
+        pull
+      } = props;
+      const pre = b();
+      let sizeClassObj = {};
+      sizes.forEach((size) => {
+        let sizeProps = {};
+        const propSize = props[size];
+        if (typeof propSize === "number") {
+          sizeProps.span = propSize;
+        } else if (typeof propSize === "object") {
+          sizeProps = propSize || {};
+        }
+        sizeClassObj = {
+          ...sizeClassObj,
+          [m(`${size}-${sizeProps.span}`)]: sizeProps.span !== void 0,
+          [m(`${size}-order-${sizeProps.order}`)]: sizeProps.order || sizeProps.order === 0,
+          [m(`${size}-offset-${sizeProps.offset}`)]: sizeProps.offset || sizeProps.offset === 0,
+          [m(`${size}-push-${sizeProps.push}`)]: sizeProps.push || sizeProps.push === 0,
+          [m(`${size}-pull-${sizeProps.pull}`)]: sizeProps.pull || sizeProps.pull === 0
+          // [m(`${size}-rtl`)]: true
+        };
+      });
+      return utils.classNames(pre, {
+        [m(`${span}`)]: span !== void 0,
+        [m(`order-${order}`)]: order,
+        [m(`offset-${offset}`)]: offset,
+        [m(`push-${push}`)]: push,
+        [m(`pull-${pull}`)]: pull
+      }, sizeClassObj, attrs.class);
+    });
+    const mergedStyle = vue.computed(() => {
+      const {
+        flex
+      } = props;
+      const gutterVal = gutter.value;
+      const style = {};
+      if (gutterVal && gutterVal[0] && gutterVal[0] > 0) {
+        const horizontalGutter = `${gutterVal[0] / 2}px`;
+        style.paddingLeft = horizontalGutter;
+        style.paddingRight = horizontalGutter;
       }
-      const now2 = Date.now();
-      source.value = interpolation(fromVal, toVal, ease((now2 - startedAt) / duration));
-      if (now2 < endAt) window$1 === null || window$1 === void 0 || window$1.requestAnimationFrame(tick);
-      else {
-        source.value = toVal;
-        resolve();
+      if (gutterVal && gutterVal[1] && gutterVal[1] > 0 && !supportFlexGap.value) {
+        const verticalGutter = `${gutterVal[1] / 2}px`;
+        style.paddingTop = verticalGutter;
+        style.paddingBottom = verticalGutter;
       }
-    };
-    tick();
-  });
-}
-function useTransition(source, options = {}) {
-  let currentId = 0;
-  const sourceVal = () => {
-    const v = vue.toValue(source);
-    return typeof options.interpolation === "undefined" && Array.isArray(v) ? v.map(vue.toValue) : v;
-  };
-  const outputRef = vue.shallowRef(sourceVal());
-  vue.watch(sourceVal, async (to) => {
-    var _options$onStarted, _options$onFinished;
-    if (vue.toValue(options.disabled)) return;
-    const id = ++currentId;
-    if (options.delay) await promiseTimeout(vue.toValue(options.delay));
-    if (id !== currentId) return;
-    (_options$onStarted = options.onStarted) === null || _options$onStarted === void 0 || _options$onStarted.call(options);
-    await transition(outputRef, outputRef.value, to, {
-      ...options,
-      abort: () => {
-        var _options$abort2;
-        return id !== currentId || ((_options$abort2 = options.abort) === null || _options$abort2 === void 0 ? void 0 : _options$abort2.call(options));
+      if (flex) {
+        style.flex = parseFlex(flex);
+        if (wrap.value === false && !style.minWidth) {
+          style.minWidth = 0;
+        }
       }
+      return style;
     });
-    (_options$onFinished = options.onFinished) === null || _options$onFinished === void 0 || _options$onFinished.call(options);
-  }, { deep: true });
-  vue.watch(() => vue.toValue(options.disabled), (disabled) => {
-    if (disabled) {
-      currentId++;
-      outputRef.value = sourceVal();
-    }
-  });
-  tryOnScopeDispose(() => {
-    currentId++;
-  });
-  return vue.computed(() => vue.toValue(options.disabled) ? sourceVal() : outputRef.value);
-}
-const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+    return () => {
+      var _a;
+      return vue.createVNode("div", vue.mergeProps(attrs, {
+        "class": classes.value,
+        "style": [mergedStyle.value, attrs.style]
+      }), [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+    };
+  }
+});
+const XBasicCol = utils.withInstall(BasicCol);
+const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicCountTo",
   props: {
     startValue: { default: 0 },
@@ -4876,8 +5483,8 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicCountTo = utils.withInstall(_sfc_main$E);
-const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+const XBasicCountTo = utils.withInstall(_sfc_main$y);
+const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicDatePicker",
   props: {
     disabled: { type: Boolean, default: false },
@@ -4937,7 +5544,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicDatePicker = utils.withInstall(_sfc_main$D);
+const XBasicDatePicker = utils.withInstall(_sfc_main$x);
 const basicDragVerifyProps = {
   value: {
     type: Boolean,
@@ -4984,7 +5591,7 @@ const basicDragVerifyProps = {
     default: () => ({})
   }
 };
-const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   name: "BasicDragVerify",
   props: basicDragVerifyProps,
   emits: ["success", "update:value", "change", "start", "move", "end"],
@@ -5287,7 +5894,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicDragVerify = utils.withInstall(_sfc_main$C);
+const XBasicDragVerify = utils.withInstall(_sfc_main$w);
 const basicHelpProps = {
   /**
    * Whether to display the serial number
@@ -5303,7 +5910,7 @@ const basicHelpProps = {
     default: ""
   }
 };
-const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   name: "BasicHelp",
   components: {
     XBasicSvgIcon
@@ -5349,8 +5956,8 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     });
   }
 });
-const XBasicHelp = utils.withInstall(_sfc_main$B);
-const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+const XBasicHelp = utils.withInstall(_sfc_main$v);
+const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicTitle",
   props: {
     helpMessage: {},
@@ -5393,12 +6000,12 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicTitle = utils.withInstall(_sfc_main$A);
-const _hoisted_1$9 = {
+const XBasicTitle = utils.withInstall(_sfc_main$u);
+const _hoisted_1$8 = {
   key: 0,
   class: "footer-wrapper"
 };
-const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicDrawer",
   props: {
     showCancelBtn: { type: Boolean, default: true },
@@ -5532,7 +6139,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
             !_ctx.$slots.footer ? {
               name: "footer",
               fn: vue.withCtx(() => [
-                __props.showFooter ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [
+                __props.showFooter ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
                   vue.renderSlot(_ctx.$slots, "before-footer"),
                   __props.showCancelBtn ? (vue.openBlock(), vue.createBlock(vue.unref(XBasicButton), {
                     key: 0,
@@ -5572,7 +6179,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicDrawer = utils.withInstall(_sfc_main$z);
+const XBasicDrawer = utils.withInstall(_sfc_main$t);
 const basicEditBatchKey = Symbol("basic-edit-batch");
 const createBasicEditBatchContext = (props) => {
   return vue.provide(basicEditBatchKey, props);
@@ -5580,8 +6187,8 @@ const createBasicEditBatchContext = (props) => {
 const useBasicEditBatchContext = () => {
   return vue.inject(basicEditBatchKey);
 };
-const _hoisted_1$8 = ["disabled"];
-const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$7 = ["disabled"];
+const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "EditBatchAction",
   props: {
     disabled: { type: Boolean, default: false },
@@ -5637,11 +6244,11 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
           _: 1
         }, 16, ["class", "onClick"])) : vue.createCommentVNode("", true),
         vue.renderSlot(_ctx.$slots, "submitAfter")
-      ], 10, _hoisted_1$8);
+      ], 10, _hoisted_1$7);
     };
   }
 });
-const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicHidden",
   props: {
     value: {},
@@ -5668,7 +6275,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicHidden = utils.withInstall(_sfc_main$x);
+const XBasicHidden = utils.withInstall(_sfc_main$r);
 const basicRadioGroupKey = Symbol("basic-radio-group");
 const createBasicRadioGroupContext = (props) => {
   return vue.provide(basicRadioGroupKey, props);
@@ -5936,7 +6543,7 @@ const BasicRadioGroup = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const XBasicRadioGroup = utils.withInstall(BasicRadioGroup);
-const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -6055,7 +6662,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const basicSelectProps = {};
-const XBasicSelect = utils.withInstall(_sfc_main$w);
+const XBasicSelect = utils.withInstall(_sfc_main$q);
 const componentMap$1 = /* @__PURE__ */ new Map();
 componentMap$1.set("Input", naiveUi.NInput);
 componentMap$1.set("InputNumber", naiveUi.NInputNumber);
@@ -6134,7 +6741,7 @@ function isComponentEditBatchSchema(schema) {
 function _isSlot$1(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
 }
-const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   name: "BasicEditBatchItem",
   components: {
     XBasicHelp
@@ -6872,7 +7479,7 @@ function useEditBatchValues({ getProps, defaultValueRef, getSchema, formModel })
   }
   return { handleFormValues, initDefault };
 }
-const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicEditBatch",
   props: {
     name: {},
@@ -7002,7 +7609,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
             options: vue.unref(getOptions)
           }, null, 8, ["value", "options"])
         ], 2),
-        schemaItemRef.value ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
+        schemaItemRef.value ? (vue.openBlock(), vue.createBlock(_sfc_main$p, {
           key: 0,
           schema: schemaItemRef.value,
           "edit-batch-props": getProps.value,
@@ -7019,7 +7626,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
             };
           })
         ]), 1032, ["schema", "edit-batch-props", "all-default-values", "form-model"])) : vue.createCommentVNode("", true),
-        vue.createVNode(_sfc_main$y, vue.normalizeProps(vue.guardReactiveProps(getEditBatchActionBindProps.value)), vue.createSlots({ _: 2 }, [
+        vue.createVNode(_sfc_main$s, vue.normalizeProps(vue.guardReactiveProps(getEditBatchActionBindProps.value)), vue.createSlots({ _: 2 }, [
           vue.renderList(["resetBefore", "submitBefore", "submitAfter"], (item) => {
             return {
               name: item,
@@ -7033,7 +7640,7 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicEditBatch = utils.withInstall(_sfc_main$u);
+const XBasicEditBatch = utils.withInstall(_sfc_main$o);
 const basicFontIconProps = {
   icon: {
     type: String,
@@ -7084,7 +7691,7 @@ const createBasicFormContext = (props) => {
 const useBasicFormContext = () => {
   return vue.inject(basicFormKey);
 };
-const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   __name: "FormAction",
   props: {
     showActionButtonGroup: { type: Boolean, default: true },
@@ -7224,7 +7831,7 @@ const basicScrollTextProps = {
     default: ""
   }
 };
-const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   name: "BasicScrollText",
   props: basicScrollTextProps,
   setup(props, {
@@ -7286,7 +7893,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     }, [content()]) : null])]);
   }
 });
-const XBasicScrollText = utils.withInstall(_sfc_main$s);
+const XBasicScrollText = utils.withInstall(_sfc_main$m);
 const componentMap = /* @__PURE__ */ new Map();
 componentMap.set("Input", naiveUi.NInput);
 componentMap.set("InputNumber", naiveUi.NInputNumber);
@@ -7385,7 +7992,7 @@ function isComponentFormSchema(schema) {
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
 }
-const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
   name: "BasicFormItem",
   components: {
     XBasicHelp,
@@ -8485,7 +9092,7 @@ function useFormValues({ getProps, defaultValueRef, getSchema, formModel }) {
   }
   return { handleFormValues, initDefault };
 }
-const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicForm",
   props: {
     card: { type: Boolean, default: false },
@@ -8676,7 +9283,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
               default: vue.withCtx(() => [
                 vue.renderSlot(_ctx.$slots, "formHeader"),
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(getSchema), (schema) => {
-                  return vue.openBlock(), vue.createBlock(_sfc_main$r, {
+                  return vue.openBlock(), vue.createBlock(_sfc_main$l, {
                     key: schema.field,
                     "is-advanced": vue.unref(fieldsIsAdvancedMap)[schema.field],
                     "form-action-type": formActionType,
@@ -8696,7 +9303,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
                     })
                   ]), 1032, ["is-advanced", "schema", "form-props", "all-default-values", "form-model"]);
                 }), 128)),
-                vue.createVNode(_sfc_main$t, vue.mergeProps(getFormActionBindProps.value, { onToggleAdvanced: vue.unref(handleToggleAdvanced) }), vue.createSlots({ _: 2 }, [
+                vue.createVNode(_sfc_main$n, vue.mergeProps(getFormActionBindProps.value, { onToggleAdvanced: vue.unref(handleToggleAdvanced) }), vue.createSlots({ _: 2 }, [
                   vue.renderList(["resetBefore", "submitBefore", "advanceBefore", "advanceAfter"], (item) => {
                     return {
                       name: item,
@@ -8717,8 +9324,8 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicForm = utils.withInstall(_sfc_main$q);
-const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+const XBasicForm = utils.withInstall(_sfc_main$k);
+const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicGradientTitle",
   props: {
     text: {}
@@ -8751,7 +9358,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const basicGradientTitleProps = {};
-const XBasicGradientTitle = utils.withInstall(_sfc_main$p);
+const XBasicGradientTitle = utils.withInstall(_sfc_main$j);
 const basicIconOnlineProps = {
   icon: {
     type: String,
@@ -12648,9 +13255,9 @@ const IconJson = {
     "yin-yang"
   ]
 };
-const _hoisted_1$7 = { class: "panel-icon-list" };
+const _hoisted_1$6 = { class: "panel-icon-list" };
 const _hoisted_2$3 = ["title", "onClick"];
-const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicIconPicker",
   props: {
     disabled: { type: Boolean },
@@ -12813,7 +13420,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
                             class: vue.normalizeClass(vue.unref(e)("scrollbar"))
                           }, {
                             default: vue.withCtx(() => [
-                              vue.createElementVNode("ul", _hoisted_1$7, [
+                              vue.createElementVNode("ul", _hoisted_1$6, [
                                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(pageList.value, (item, key2) => {
                                   return vue.openBlock(), vue.createElementBlock("li", {
                                     key: key2,
@@ -12880,7 +13487,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicIconPicker = utils.withInstall(_sfc_main$o);
+const XBasicIconPicker = utils.withInstall(_sfc_main$i);
 function useClipboard() {
   const copied = vue.ref(false);
   const copy = async (source) => {
@@ -14325,7 +14932,7 @@ function usePagination$1(propsRef) {
   }
   return { getPagination, getPaginationInfo, setShowPagination, getShowPagination, setPagination };
 }
-const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicListPage",
   props: {
     listClassName: {},
@@ -14494,7 +15101,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicListPage = utils.withInstall(_sfc_main$n);
+const XBasicListPage = utils.withInstall(_sfc_main$h);
 function createLoadingComponent(options) {
   let afterLeaveTimer;
   const afterLeaveFlag = vue.ref(false);
@@ -14763,7 +15370,7 @@ const XBasicLoading = {
   directive: vLoading,
   service: Loading
 };
-const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicModal",
   props: {
     width: {},
@@ -14915,12 +15522,12 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const basicModalProps = {};
-const XBasicModal = utils.withInstall(_sfc_main$m);
-const _hoisted_1$6 = ["id"];
+const XBasicModal = utils.withInstall(_sfc_main$g);
+const _hoisted_1$5 = ["id"];
 const _hoisted_2$2 = ["textContent"];
 const _hoisted_3 = { key: 0 };
 const _hoisted_4 = ["innerHTML"];
-const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicNotification",
   props: {
     customClass: { default: "" },
@@ -15056,7 +15663,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
                 }, null, 8, ["class"])) : vue.createCommentVNode("", true)
               ])
             ], 2)
-          ], 46, _hoisted_1$6), [
+          ], 46, _hoisted_1$5), [
             [vue.vShow, visible.value]
           ])
         ]),
@@ -15107,7 +15714,7 @@ const notify = (options, context) => {
     appendTo = document.body;
   }
   const container = document.createElement("div");
-  const vm = vue.createVNode(_sfc_main$l, props, utils.isFunction(props.message) ? props.message : vue.isVNode(props.message) ? () => props.message : null);
+  const vm = vue.createVNode(_sfc_main$f, props, utils.isFunction(props.message) ? props.message : vue.isVNode(props.message) ? () => props.message : null);
   vm.appContext = utils.isUndefined(context) ? notify._context : context;
   vm.props.onDestroy = () => {
     vue.render(null, container);
@@ -15165,7 +15772,7 @@ notify.closeAll = closeAll;
 notify._context = null;
 const $Notification = notify;
 const XBasicNotification = $Notification;
-const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicPage",
   props: {
     title: {},
@@ -15265,8 +15872,8 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicPage = utils.withInstall(_sfc_main$k);
-const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+const XBasicPage = utils.withInstall(_sfc_main$e);
+const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicPanel",
   props: {
     title: {},
@@ -15303,7 +15910,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicPanel = utils.withInstall(_sfc_main$j);
+const XBasicPanel = utils.withInstall(_sfc_main$d);
 const regionJson = {
   "110000": "北京市",
   "110100": "市辖区",
@@ -19310,7 +19917,7 @@ const BasicRow = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const XBasicRow = utils.withInstall(BasicRow);
-const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicSubPanel",
   props: {
     title: {}
@@ -19346,7 +19953,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const basicSubPanelProps = {};
-const XBasicSubPanel = utils.withInstall(_sfc_main$i);
+const XBasicSubPanel = utils.withInstall(_sfc_main$c);
 const ROW_KEY = "_MAX_ROW_KEY";
 const PAGE_SIZE_OPTIONS = [10, 50, 80, 100];
 const PAGE_SIZE = 10;
@@ -20168,7 +20775,7 @@ const setting = {
   showHeader: true,
   delayHover: 250,
   autoResize: true,
-  maxHeight: 325,
+  // maxHeight: 325,
   showOverflow: true,
   showHeaderOverflow: "tooltip",
   showFooterOverflow: "tooltip",
@@ -20213,8 +20820,8 @@ const setting = {
     zoom: true
   })
 };
-const _hoisted_1$5 = { class: "max-table-selection-count" };
-const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$4 = { class: "max-table-selection-count" };
+const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicTable",
   props: /* @__PURE__ */ vue.mergeDefaults({
     layouts: {},
@@ -20603,7 +21210,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
                         class: vue.normalizeClass(vue.unref(e)("selection-count"))
                       }, [
                         vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(t)("max.basic.selected")), 1),
-                        vue.createElementVNode("span", _hoisted_1$5, vue.toDisplayString(vue.unref(getSelectRows)().length), 1),
+                        vue.createElementVNode("span", _hoisted_1$4, vue.toDisplayString(vue.unref(getSelectRows)().length), 1),
                         vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(t)("max.basic.item")), 1)
                       ], 2)
                     ], 2)) : vue.createCommentVNode("", true),
@@ -20668,8 +21275,8 @@ const vxeTableFormatter = {
   }
 };
 vxeTable.VxeUI.formats.mixin(vxeTableFormatter);
-const XBasicTable = utils.withInstall(_sfc_main$h);
-const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+const XBasicTable = utils.withInstall(_sfc_main$b);
+const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicTag",
   props: {
     tagType: { type: [Number, Boolean] },
@@ -20694,7 +21301,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicTag = utils.withInstall(_sfc_main$g);
+const XBasicTag = utils.withInstall(_sfc_main$a);
 const attrAccept = (file, acceptedFiles) => {
   if (file && acceptedFiles) {
     const acceptedFilesArray = Array.isArray(acceptedFiles) ? acceptedFiles : acceptedFiles.split(",");
@@ -22429,9 +23036,9 @@ const BasicUploadDragger = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const XBasicUploadDragger = utils.withInstall(BasicUploadDragger);
-const _hoisted_1$4 = ["title"];
+const _hoisted_1$3 = ["title"];
 const _hoisted_2$1 = ["title"];
-const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicViewBar",
   props: {
     fixed: { type: Boolean },
@@ -22522,7 +23129,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
               onClick: scrollPrev
             }, [
               vue.createVNode(vue.unref(XBasicSvgIcon), { icon: "ri:arrow-left-s-line" })
-            ], 10, _hoisted_1$4),
+            ], 10, _hoisted_1$3),
             vue.createElementVNode("div", {
               class: vue.normalizeClass({ [vue.unref(is)("hide")]: !scrollable.value, [vue.unref(e)("next")]: true }),
               title: vue.unref(t)("max.viewBar.next"),
@@ -22543,13 +23150,13 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XBasicViewBar = utils.withInstall(_sfc_main$f);
-const _sfc_main$e = vue.defineComponent({
+const XBasicViewBar = utils.withInstall(_sfc_main$9);
+const _sfc_main$8 = vue.defineComponent({
   name: "CLoadingIcon"
 });
-const _hoisted_1$3 = { viewBox: "0 0 50 50" };
+const _hoisted_1$2 = { viewBox: "0 0 50 50" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$3, [..._cache[0] || (_cache[0] = [
+  return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$2, [..._cache[0] || (_cache[0] = [
     vue.createElementVNode("circle", {
       class: "imax-loading-icon__circle",
       cx: "25",
@@ -22561,7 +23168,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, -1)
   ])]);
 }
-const LoadingIcon = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render]]);
+const LoadingIcon = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render]]);
 var ignoreEnum = /* @__PURE__ */ ((ignoreEnum2) => {
   ignoreEnum2["none"] = "none";
   ignoreEnum2["parents"] = "parents";
@@ -22760,9 +23367,9 @@ const useTreeNodeCls = (props, dragoverRefs) => {
     titleCls
   };
 };
-const _hoisted_1$2 = ["d", "stroke-width", "stroke", "stroke-dasharray"];
+const _hoisted_1$1 = ["d", "stroke-width", "stroke", "stroke-dasharray"];
 const _hoisted_2 = ["draggable"];
-const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "VTreeNode"
   },
@@ -22976,7 +23583,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
               "stroke-width": strokeWidth.value,
               stroke: showLineParams.value.color,
               "stroke-dasharray": strokeDasharray.value
-            }, null, 8, _hoisted_1$2)
+            }, null, 8, _hoisted_1$1)
           ], 4);
         }), 128)) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", {
@@ -23076,7 +23683,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XTreeNode = utils.withInstall(_sfc_main$d);
+const XTreeNode = utils.withInstall(_sfc_main$7);
 const useExpandAnimation = (renderNodesRef, renderStartRef, props) => {
   const expandAnimationStart = vue.ref(false);
   const expandAnimationReady = vue.ref(false);
@@ -24526,7 +25133,7 @@ const pickReadonly = (obj, ...keys) => {
   });
   return picked;
 };
-const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "VTree",
     inheritAttrs: false
@@ -25015,7 +25622,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XTree = utils.withInstall(_sfc_main$c);
+const XTree = utils.withInstall(_sfc_main$6);
 const useTreeSearchCls = (props, options) => {
   const { checkAllStatus, isShowingChecked } = options;
   const { b } = useNamespace("tree-search");
@@ -25100,8 +25707,8 @@ const DEFAULT_TREE_SEARCH_PROPS = {
   searchDebounceTime: 300
 };
 const TREE_SEARCH_EVENTS = ["search", ...TREE_EVENTS];
-const _hoisted_1$1 = ["placeholder", "disabled"];
-const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1 = ["placeholder", "disabled"];
+const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "VTreeSearch",
     inheritAttrs: false
@@ -25358,7 +25965,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
                 placeholder: placeholder.value,
                 disabled: __props.searchDisabled,
                 onInput: handleSearch
-              }, null, 42, _hoisted_1$1), [
+              }, null, 42, _hoisted_1), [
                 [vue.vModelText, keyword.value]
               ])
             ])
@@ -25411,7 +26018,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XTreeSearch = utils.withInstall(_sfc_main$b);
+const XTreeSearch = utils.withInstall(_sfc_main$5);
 const useTreeDropCls = (props, options) => {
   const { dropdownVisible, checkedCount, selectedTitle } = options;
   const { b } = useNamespace("tree-drop");
@@ -25483,7 +26090,7 @@ const DEFAULT_TREE_DROP_PROPS = {
 };
 const TREE_SEARCH_API_METHODS = [...TREE_API_METHODS, "clearKeyword", "getKeyword", "search"];
 const TREE_DROP_EVENTS = ["clear", "dropdown-visible-change", ...TREE_SEARCH_EVENTS];
-const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "VTreeDrop",
     inheritAttrs: false
@@ -25848,8 +26455,21 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const XTreeDrop = utils.withInstall(_sfc_main$a);
+const XTreeDrop = utils.withInstall(_sfc_main$4);
 const components = [
+  XCommonPinToggler,
+  XCommonReloadButton,
+  XCommonBetterScroll,
+  XCommonButtonIcon,
+  XCommonFullScreen,
+  XCommonIconTooltip,
+  XCommonMenuToggler,
+  XBasicButtonCreate,
+  XBasicButtonDelete,
+  XBasicButtonEdit,
+  XBasicButtonExport,
+  XBasicButtonImport,
+  XBasicButtonPrint,
   XConfigProvider,
   XBasicSvgIcon,
   XBasicArrow,
@@ -25912,256 +26532,6 @@ const makeInstaller = (components2 = []) => {
   };
 };
 const installer = makeInstaller([...components]);
-const _sfc_main$9 = /* @__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 _sfc_main$8 = /* @__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);
-    };
-  }
-});
-const _sfc_main$7 = /* @__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 _sfc_main$6 = /* @__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);
-    };
-  }
-});
-const _hoisted_1 = ["multiple", "name", "accept"];
-const _sfc_main$5 = /* @__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();
-    }
-    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,
-            onChange: onFileChange
-          }, null, 40, _hoisted_1)),
-          vue.renderSlot(_ctx.$slots, "default", {}, () => [
-            vue.createTextVNode(vue.toDisplayString(vue.unref(t)("max.basic.import")), 1)
-          ], true)
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-const BasicButtonImport = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-826acb65"]]);
-const _sfc_main$4 = /* @__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$9);
-const XBasicButtonEdit = utils.withInstall(_sfc_main$7);
-const XBasicButtonDelete = utils.withInstall(_sfc_main$8);
-const XBasicButtonExport = utils.withInstall(_sfc_main$6);
-const XBasicButtonImport = utils.withInstall(BasicButtonImport);
-const XBasicButtonPrint = utils.withInstall(_sfc_main$4);
 const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicDrawerFooter",
   props: {
@@ -26603,6 +26973,13 @@ exports.XBasicTriggerButton = XBasicTriggerButton;
 exports.XBasicUpload = XBasicUpload;
 exports.XBasicUploadDragger = XBasicUploadDragger;
 exports.XBasicViewBar = XBasicViewBar;
+exports.XCommonBetterScroll = XCommonBetterScroll;
+exports.XCommonButtonIcon = XCommonButtonIcon;
+exports.XCommonFullScreen = XCommonFullScreen;
+exports.XCommonIconTooltip = XCommonIconTooltip;
+exports.XCommonMenuToggler = XCommonMenuToggler;
+exports.XCommonPinToggler = XCommonPinToggler;
+exports.XCommonReloadButton = XCommonReloadButton;
 exports.XConfigProvider = XConfigProvider;
 exports.XTree = XTree;
 exports.XTreeDrop = XTreeDrop;