xrk-components 2.0.0-beta.60 → 2.0.0-beta.62

package/lib/index.esm.js

@@ -1,4 +1,4 @@
-import { getCurrentScope, onScopeDispose, unref, readonly, shallowRef, watchEffect, ref, watch, getCurrentInstance, onMounted, nextTick, computed, defineComponent, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, onBeforeUnmount, inject, isRef, onBeforeMount, provide, renderSlot, normalizeClass, normalizeStyle, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, toRef, onUnmounted, reactive, toRefs, onUpdated, TransitionGroup, useAttrs as useAttrs$1, withModifiers, onActivated, cloneVNode, Text as Text$1, Teleport as Teleport$1, onDeactivated, renderList, withKeys, createSlots, normalizeProps, guardReactiveProps, toRaw, vModelCheckbox, vModelRadio, h as h$1, resolveComponent, onBeforeUpdate, vModelText, toHandlers, markRaw, effectScope, resolveDirective, toHandlerKey, render as render$2, createApp, shallowReactive, pushScopeId, popScopeId } from 'vue';
+import { unref, readonly, shallowRef, watchEffect, ref, watch, customRef, getCurrentScope, onScopeDispose, getCurrentInstance, onMounted, nextTick, computed, defineComponent, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, onBeforeUnmount, inject, isRef, onBeforeMount, provide, renderSlot, normalizeClass, normalizeStyle, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, toRef, onUnmounted, reactive, toRefs, onUpdated, TransitionGroup, useAttrs as useAttrs$1, withModifiers, onActivated, cloneVNode, Text as Text$1, Teleport as Teleport$1, onDeactivated, renderList, withKeys, createSlots, normalizeProps, guardReactiveProps, toRaw, vModelCheckbox, vModelRadio, h as h$1, resolveComponent, onBeforeUpdate, vModelText, toHandlers, markRaw, effectScope, resolveDirective, toHandlerKey, render as render$2, createApp, shallowReactive, pushScopeId, popScopeId } from 'vue';
 import { check, base } from 'xrk-tools';
 
 /*
@@ -133,69 +133,88 @@ function computedEager(fn, options) {
   return readonly(result);
 }
 
-var _a;
-const isClient = typeof window !== "undefined";
+var _a$1;
+const isClient$1 = typeof window !== "undefined";
 const isDef = (val) => typeof val !== "undefined";
-const isString$2 = (val) => typeof val === "string";
-const noop$1 = () => {
+const isFunction$3 = (val) => typeof val === "function";
+const isString$3 = (val) => typeof val === "string";
+const noop$2 = () => {
 };
-const isIOS = isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+const isIOS = isClient$1 && ((_a$1 = window == null ? void 0 : window.navigator) == null ? void 0 : _a$1.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 
-function resolveUnref(r) {
+function resolveUnref$1(r) {
   return typeof r === "function" ? r() : unref(r);
 }
 
 function createFilterWrapper(filter, fn) {
   function wrapper(...args) {
-    filter(() => fn.apply(this, args), { fn, thisArg: this, 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$2;
+  const _clearTimeout = (timer2) => {
+    clearTimeout(timer2);
+    lastRejector();
+    lastRejector = noop$2;
+  };
   const filter = (invoke) => {
-    const duration = resolveUnref(ms);
-    const maxDuration = resolveUnref(options.maxWait);
+    const duration = resolveUnref$1(ms);
+    const maxDuration = resolveUnref$1(options.maxWait);
     if (timer)
-      clearTimeout(timer);
+      _clearTimeout(timer);
     if (duration <= 0 || maxDuration !== void 0 && maxDuration <= 0) {
       if (maxTimer) {
-        clearTimeout(maxTimer);
+        _clearTimeout(maxTimer);
         maxTimer = null;
       }
-      return invoke();
+      return Promise.resolve(invoke());
     }
-    if (maxDuration && !maxTimer) {
-      maxTimer = setTimeout(() => {
-        if (timer)
-          clearTimeout(timer);
+    return new Promise((resolve, reject) => {
+      lastRejector = options.rejectOnCancel ? reject : resolve;
+      if (maxDuration && !maxTimer) {
+        maxTimer = setTimeout(() => {
+          if (timer)
+            _clearTimeout(timer);
+          maxTimer = null;
+          resolve(invoke());
+        }, maxDuration);
+      }
+      timer = setTimeout(() => {
+        if (maxTimer)
+          _clearTimeout(maxTimer);
         maxTimer = null;
-        invoke();
-      }, maxDuration);
-    }
-    timer = setTimeout(() => {
-      if (maxTimer)
-        clearTimeout(maxTimer);
-      maxTimer = null;
-      invoke();
-    }, duration);
+        resolve(invoke());
+      }, duration);
+    });
   };
   return filter;
 }
-function throttleFilter(ms, trailing = true, leading = true) {
+function throttleFilter(ms, trailing = true, leading = true, rejectOnCancel = false) {
   let lastExec = 0;
   let timer;
   let isLeading = true;
+  let lastRejector = noop$2;
+  let lastValue;
   const clear = () => {
     if (timer) {
       clearTimeout(timer);
       timer = void 0;
+      lastRejector();
+      lastRejector = noop$2;
     }
   };
-  const filter = (invoke) => {
-    const duration = resolveUnref(ms);
+  const filter = (_invoke) => {
+    const duration = resolveUnref$1(ms);
     const elapsed = Date.now() - lastExec;
+    const invoke = () => {
+      return lastValue = _invoke();
+    };
     clear();
     if (duration <= 0) {
       lastExec = Date.now();
@@ -205,24 +224,62 @@ function throttleFilter(ms, trailing = true, leading = true) {
       lastExec = Date.now();
       invoke();
     } else if (trailing) {
-      timer = setTimeout(() => {
-        lastExec = Date.now();
-        isLeading = true;
-        clear();
-        invoke();
-      }, duration);
+      lastValue = new Promise((resolve, reject) => {
+        lastRejector = rejectOnCancel ? reject : resolve;
+        timer = setTimeout(() => {
+          lastExec = Date.now();
+          isLeading = true;
+          resolve(invoke());
+          clear();
+        }, Math.max(0, duration - elapsed));
+      });
     }
     if (!leading && !timer)
       timer = setTimeout(() => isLeading = true, duration);
     isLeading = false;
+    return lastValue;
   };
   return filter;
 }
-function identity$1(arg) {
+function identity$2(arg) {
   return arg;
 }
 
-function tryOnScopeDispose(fn) {
+function computedWithControl(source, fn) {
+  let v = void 0;
+  let track;
+  let trigger;
+  const dirty = ref(true);
+  const update = () => {
+    dirty.value = true;
+    trigger();
+  };
+  watch(source, update, { flush: "sync" });
+  const get = isFunction$3(fn) ? fn : fn.get;
+  const set = isFunction$3(fn) ? void 0 : fn.set;
+  const result = customRef((_track, _trigger) => {
+    track = _track;
+    trigger = _trigger;
+    return {
+      get() {
+        if (dirty.value) {
+          v = get();
+          dirty.value = false;
+        }
+        track();
+        return v;
+      },
+      set(v2) {
+        set == null ? void 0 : set(v2);
+      }
+    };
+  });
+  if (Object.isExtensible(result))
+    result.trigger = update;
+  return result;
+}
+
+function tryOnScopeDispose$1(fn) {
   if (getCurrentScope()) {
     onScopeDispose(fn);
     return true;
@@ -235,8 +292,6 @@ function useDebounceFn(fn, ms = 200, options = {}) {
 }
 
 function refDebounced(value, ms = 200, options = {}) {
-  if (ms <= 0)
-    return value;
   const debounced = ref(value.value);
   const updater = useDebounceFn(() => {
     debounced.value = value.value;
@@ -245,8 +300,8 @@ function refDebounced(value, ms = 200, options = {}) {
   return debounced;
 }
 
-function useThrottleFn(fn, ms = 200, trailing = false, leading = true) {
-  return createFilterWrapper(throttleFilter(ms, trailing, leading), fn);
+function useThrottleFn(fn, ms = 200, trailing = false, leading = true, rejectOnCancel = false) {
+  return createFilterWrapper(throttleFilter(ms, trailing, leading, rejectOnCancel), fn);
 }
 
 function tryOnMounted(fn, sync = true) {
@@ -281,100 +336,117 @@ function useTimeoutFn(cb, interval, options = {}) {
       isPending.value = false;
       timer = null;
       cb(...args);
-    }, resolveUnref(interval));
+    }, resolveUnref$1(interval));
   }
   if (immediate) {
     isPending.value = true;
-    if (isClient)
+    if (isClient$1)
       start();
   }
-  tryOnScopeDispose(stop);
+  tryOnScopeDispose$1(stop);
   return {
-    isPending,
+    isPending: readonly(isPending),
     start,
     stop
   };
 }
 
-function unrefElement(elRef) {
+function unrefElement$1(elRef) {
   var _a;
-  const plain = resolveUnref(elRef);
+  const plain = resolveUnref$1(elRef);
   return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
 }
 
-const defaultWindow = isClient ? window : void 0;
-const defaultDocument = isClient ? window.document : void 0;
+const defaultWindow$1 = isClient$1 ? window : void 0;
+const defaultDocument = isClient$1 ? window.document : void 0;
+isClient$1 ? window.navigator : void 0;
+isClient$1 ? window.location : void 0;
 
-function useEventListener(...args) {
+function useEventListener$1(...args) {
   let target;
-  let event;
-  let listener;
+  let events;
+  let listeners;
   let options;
-  if (isString$2(args[0])) {
-    [event, listener, options] = args;
-    target = defaultWindow;
+  if (isString$3(args[0]) || Array.isArray(args[0])) {
+    [events, listeners, options] = args;
+    target = defaultWindow$1;
   } else {
-    [target, event, listener, options] = args;
+    [target, events, listeners, options] = args;
   }
   if (!target)
-    return noop$1;
-  let cleanup = noop$1;
-  const stopWatch = watch(() => unrefElement(target), (el) => {
+    return noop$2;
+  if (!Array.isArray(events))
+    events = [events];
+  if (!Array.isArray(listeners))
+    listeners = [listeners];
+  const cleanups = [];
+  const cleanup = () => {
+    cleanups.forEach((fn) => fn());
+    cleanups.length = 0;
+  };
+  const register = (el, event, listener, options2) => {
+    el.addEventListener(event, listener, options2);
+    return () => el.removeEventListener(event, listener, options2);
+  };
+  const stopWatch = watch(() => [unrefElement$1(target), resolveUnref$1(options)], ([el, options2]) => {
     cleanup();
     if (!el)
       return;
-    el.addEventListener(event, listener, options);
-    cleanup = () => {
-      el.removeEventListener(event, listener, options);
-      cleanup = noop$1;
-    };
+    cleanups.push(...events.flatMap((event) => {
+      return listeners.map((listener) => register(el, event, listener, options2));
+    }));
   }, { immediate: true, flush: "post" });
   const stop = () => {
     stopWatch();
     cleanup();
   };
-  tryOnScopeDispose(stop);
+  tryOnScopeDispose$1(stop);
   return stop;
 }
 
+let _iOSWorkaround = false;
 function onClickOutside(target, handler, options = {}) {
-  const { window = defaultWindow, ignore, capture = true, detectIframe = false } = options;
+  const { window = defaultWindow$1, ignore = [], capture = true, detectIframe = false } = options;
   if (!window)
     return;
-  const shouldListen = ref(true);
-  let fallback;
+  if (isIOS && !_iOSWorkaround) {
+    _iOSWorkaround = true;
+    Array.from(window.document.body.children).forEach((el) => el.addEventListener("click", noop$2));
+  }
+  let shouldListen = true;
+  const shouldIgnore = (event) => {
+    return ignore.some((target2) => {
+      if (typeof target2 === "string") {
+        return Array.from(window.document.querySelectorAll(target2)).some((el) => el === event.target || event.composedPath().includes(el));
+      } else {
+        const el = unrefElement$1(target2);
+        return el && (event.target === el || event.composedPath().includes(el));
+      }
+    });
+  };
   const listener = (event) => {
-    window.clearTimeout(fallback);
-    const el = unrefElement(target);
-    const composedPath = event.composedPath();
-    if (!el || el === event.target || composedPath.includes(el) || !shouldListen.value)
+    const el = unrefElement$1(target);
+    if (!el || el === event.target || event.composedPath().includes(el))
+      return;
+    if (event.detail === 0)
+      shouldListen = !shouldIgnore(event);
+    if (!shouldListen) {
+      shouldListen = true;
       return;
-    if (ignore && ignore.length > 0) {
-      if (ignore.some((target2) => {
-        const el2 = unrefElement(target2);
-        return el2 && (event.target === el2 || composedPath.includes(el2));
-      }))
-        return;
     }
     handler(event);
   };
   const cleanup = [
-    useEventListener(window, "click", listener, { passive: true, capture }),
-    useEventListener(window, "pointerdown", (e) => {
-      const el = unrefElement(target);
-      shouldListen.value = !!el && !e.composedPath().includes(el);
-    }, { passive: true }),
-    useEventListener(window, "pointerup", (e) => {
-      if (e.button === 0) {
-        const path = e.composedPath();
-        e.composedPath = () => path;
-        fallback = window.setTimeout(() => listener(e), 50);
-      }
+    useEventListener$1(window, "click", listener, { passive: true, capture }),
+    useEventListener$1(window, "pointerdown", (e) => {
+      const el = unrefElement$1(target);
+      if (el)
+        shouldListen = !e.composedPath().includes(el) && !shouldIgnore(e);
     }, { passive: true }),
-    detectIframe && useEventListener(window, "blur", (event) => {
+    detectIframe && useEventListener$1(window, "blur", (event) => {
       var _a;
-      const el = unrefElement(target);
-      if (((_a = document.activeElement) == null ? void 0 : _a.tagName) === "IFRAME" && !(el == null ? void 0 : el.contains(document.activeElement)))
+      const el = unrefElement$1(target);
+      if (((_a = window.document.activeElement) == null ? void 0 : _a.tagName) === "IFRAME" && !(el == null ? void 0 : el.contains(window.document.activeElement)))
         handler(event);
     })
   ].filter(Boolean);
@@ -383,16 +455,19 @@ function onClickOutside(target, handler, options = {}) {
 }
 
 function useActiveElement(options = {}) {
-  const { window = defaultWindow } = options;
-  const counter = ref(0);
+  var _a;
+  const { window = defaultWindow$1 } = options;
+  const document = (_a = options.document) != null ? _a : window == null ? void 0 : window.document;
+  const activeElement = computedWithControl(() => null, () => document == null ? void 0 : document.activeElement);
   if (window) {
-    useEventListener(window, "blur", () => counter.value += 1, true);
-    useEventListener(window, "focus", () => counter.value += 1, true);
+    useEventListener$1(window, "blur", (event) => {
+      if (event.relatedTarget !== null)
+        return;
+      activeElement.trigger();
+    }, true);
+    useEventListener$1(window, "focus", activeElement.trigger, true);
   }
-  return computed(() => {
-    counter.value;
-    return window == null ? void 0 : window.document.activeElement;
-  });
+  return activeElement;
 }
 
 function useSupported(callback, sync = false) {
@@ -402,19 +477,22 @@ function useSupported(callback, sync = false) {
   tryOnMounted(update, sync);
   return isSupported;
 }
+function cloneFnJSON(source) {
+  return JSON.parse(JSON.stringify(source));
+}
 
-const _global = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
-const globalKey = "__vueuse_ssr_handlers__";
-_global[globalKey] = _global[globalKey] || {};
-_global[globalKey];
+const _global$1 = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+const globalKey$1 = "__vueuse_ssr_handlers__";
+_global$1[globalKey$1] = _global$1[globalKey$1] || {};
+_global$1[globalKey$1];
 
-function useCssVar(prop, target, { window = defaultWindow, initialValue = "" } = {}) {
+function useCssVar(prop, target, { window = defaultWindow$1, initialValue = "" } = {}) {
   const variable = ref(initialValue);
   const elRef = computed(() => {
     var _a;
-    return unrefElement(target) || ((_a = window == null ? void 0 : window.document) == null ? void 0 : _a.documentElement);
+    return unrefElement$1(target) || ((_a = window == null ? void 0 : window.document) == null ? void 0 : _a.documentElement);
   });
-  watch([elRef, () => resolveUnref(prop)], ([el, prop2]) => {
+  watch([elRef, () => resolveUnref$1(prop)], ([el, prop2]) => {
     var _a;
     if (el && window) {
       const value = (_a = window.getComputedStyle(el).getPropertyValue(prop2)) == null ? void 0 : _a.trim();
@@ -424,7 +502,7 @@ function useCssVar(prop, target, { window = defaultWindow, initialValue = "" } =
   watch(variable, (val) => {
     var _a;
     if ((_a = elRef.value) == null ? void 0 : _a.style)
-      elRef.value.style.setProperty(resolveUnref(prop), val);
+      elRef.value.style.setProperty(resolveUnref$1(prop), val);
   });
   return variable;
 }
@@ -433,29 +511,29 @@ function useDocumentVisibility({ document = defaultDocument } = {}) {
   if (!document)
     return ref("visible");
   const visibility = ref(document.visibilityState);
-  useEventListener(document, "visibilitychange", () => {
+  useEventListener$1(document, "visibilitychange", () => {
     visibility.value = document.visibilityState;
   });
   return visibility;
 }
 
-var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
-var __hasOwnProp$f = Object.prototype.hasOwnProperty;
-var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
+var __hasOwnProp$g = Object.prototype.hasOwnProperty;
+var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
 var __objRest$2 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$f.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$g.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$f)
-    for (var prop of __getOwnPropSymbols$f(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$f.call(source, prop))
+  if (source != null && __getOwnPropSymbols$g)
+    for (var prop of __getOwnPropSymbols$g(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$g.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
 };
 function useResizeObserver(target, callback, options = {}) {
-  const _a = options, { window = defaultWindow } = _a, observerOptions = __objRest$2(_a, ["window"]);
+  const _a = options, { window = defaultWindow$1 } = _a, observerOptions = __objRest$2(_a, ["window"]);
   let observer;
   const isSupported = useSupported(() => window && "ResizeObserver" in window);
   const cleanup = () => {
@@ -464,7 +542,7 @@ function useResizeObserver(target, callback, options = {}) {
       observer = void 0;
     }
   };
-  const stopWatch = watch(() => unrefElement(target), (el) => {
+  const stopWatch = watch(() => unrefElement$1(target), (el) => {
     cleanup();
     if (isSupported.value && window && el) {
       observer = new ResizeObserver(callback);
@@ -475,7 +553,7 @@ function useResizeObserver(target, callback, options = {}) {
     cleanup();
     stopWatch();
   };
-  tryOnScopeDispose(stop);
+  tryOnScopeDispose$1(stop);
   return {
     isSupported,
     stop
@@ -498,7 +576,7 @@ function useElementBounding(target, options = {}) {
   const x = ref(0);
   const y = ref(0);
   function update() {
-    const el = unrefElement(target);
+    const el = unrefElement$1(target);
     if (!el) {
       if (reset) {
         height.value = 0;
@@ -523,11 +601,11 @@ function useElementBounding(target, options = {}) {
     y.value = rect.y;
   }
   useResizeObserver(target, update);
-  watch(() => unrefElement(target), (ele) => !ele && update());
+  watch(() => unrefElement$1(target), (ele) => !ele && update());
   if (windowScroll)
-    useEventListener("scroll", update, { passive: true });
+    useEventListener$1("scroll", update, { capture: true, passive: true });
   if (windowResize)
-    useEventListener("resize", update, { passive: true });
+    useEventListener$1("resize", update, { passive: true });
   tryOnMounted(() => {
     if (immediate)
       update();
@@ -545,23 +623,23 @@ function useElementBounding(target, options = {}) {
   };
 }
 
-var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
-var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
-var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
+var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
+var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
 var __objRest$1 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$7.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$8.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$7)
-    for (var prop of __getOwnPropSymbols$7(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$7.call(source, prop))
+  if (source != null && __getOwnPropSymbols$8)
+    for (var prop of __getOwnPropSymbols$8(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$8.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
 };
 function useMutationObserver(target, callback, options = {}) {
-  const _a = options, { window = defaultWindow } = _a, mutationOptions = __objRest$1(_a, ["window"]);
+  const _a = options, { window = defaultWindow$1 } = _a, mutationOptions = __objRest$1(_a, ["window"]);
   let observer;
   const isSupported = useSupported(() => window && "MutationObserver" in window);
   const cleanup = () => {
@@ -570,7 +648,7 @@ function useMutationObserver(target, callback, options = {}) {
       observer = void 0;
     }
   };
-  const stopWatch = watch(() => unrefElement(target), (el) => {
+  const stopWatch = watch(() => unrefElement$1(target), (el) => {
     cleanup();
     if (isSupported.value && window && el) {
       observer = new MutationObserver(callback);
@@ -581,39 +659,39 @@ function useMutationObserver(target, callback, options = {}) {
     cleanup();
     stopWatch();
   };
-  tryOnScopeDispose(stop);
+  tryOnScopeDispose$1(stop);
   return {
     isSupported,
     stop
   };
 }
 
-var SwipeDirection;
+var SwipeDirection$1;
 (function(SwipeDirection2) {
   SwipeDirection2["UP"] = "UP";
   SwipeDirection2["RIGHT"] = "RIGHT";
   SwipeDirection2["DOWN"] = "DOWN";
   SwipeDirection2["LEFT"] = "LEFT";
   SwipeDirection2["NONE"] = "NONE";
-})(SwipeDirection || (SwipeDirection = {}));
-
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
+})(SwipeDirection$1 || (SwipeDirection$1 = {}));
+
+var __defProp$1 = Object.defineProperty;
+var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
+var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
+var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+    if (__hasOwnProp$1.call(b, prop))
+      __defNormalProp$1(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(b)) {
+      if (__propIsEnum$1.call(b, prop))
+        __defNormalProp$1(a, prop, b[prop]);
     }
   return a;
 };
-const _TransitionPresets = {
+const _TransitionPresets$1 = {
   easeInSine: [0.12, 0, 0.39, 0],
   easeOutSine: [0.61, 1, 0.88, 1],
   easeInOutSine: [0.37, 0, 0.63, 1],
@@ -639,13 +717,14 @@ const _TransitionPresets = {
   easeOutBack: [0.34, 1.56, 0.64, 1],
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
-__spreadValues({
-  linear: identity$1
-}, _TransitionPresets);
+__spreadValues$1({
+  linear: identity$2
+}, _TransitionPresets$1);
 
 function useVModel(props, key, emit, options = {}) {
   var _a, _b, _c;
   const {
+    clone = false,
     passive = false,
     eventName,
     deep = false,
@@ -660,16 +739,16 @@ function useVModel(props, key, emit, options = {}) {
     }
   }
   event = eventName || event || `update:${key.toString()}`;
-  const getValue = () => isDef(props[key]) ? props[key] : defaultValue;
+  const cloneFn = (val) => !clone ? val : isFunction$3(clone) ? clone(val) : cloneFnJSON(val);
+  const getValue = () => isDef(props[key]) ? cloneFn(props[key]) : defaultValue;
   if (passive) {
-    const proxy = ref(getValue());
-    watch(() => props[key], (v) => proxy.value = v);
+    const initialValue = getValue();
+    const proxy = ref(initialValue);
+    watch(() => props[key], (v) => proxy.value = cloneFn(v));
     watch(proxy, (v) => {
       if (v !== props[key] || deep)
         _emit(event, v);
-    }, {
-      deep
-    });
+    }, { deep });
     return proxy;
   } else {
     return computed({
@@ -683,14 +762,14 @@ function useVModel(props, key, emit, options = {}) {
   }
 }
 
-function useWindowFocus({ window = defaultWindow } = {}) {
+function useWindowFocus({ window = defaultWindow$1 } = {}) {
   if (!window)
     return ref(false);
   const focused = ref(window.document.hasFocus());
-  useEventListener(window, "blur", () => {
+  useEventListener$1(window, "blur", () => {
     focused.value = false;
   });
-  useEventListener(window, "focus", () => {
+  useEventListener$1(window, "focus", () => {
     focused.value = true;
   });
   return focused;
@@ -698,31 +777,37 @@ function useWindowFocus({ window = defaultWindow } = {}) {
 
 function useWindowSize(options = {}) {
   const {
-    window = defaultWindow,
+    window = defaultWindow$1,
     initialWidth = Infinity,
     initialHeight = Infinity,
-    listenOrientation = true
+    listenOrientation = true,
+    includeScrollbar = true
   } = options;
   const width = ref(initialWidth);
   const height = ref(initialHeight);
   const update = () => {
     if (window) {
-      width.value = window.innerWidth;
-      height.value = window.innerHeight;
+      if (includeScrollbar) {
+        width.value = window.innerWidth;
+        height.value = window.innerHeight;
+      } else {
+        width.value = window.document.documentElement.clientWidth;
+        height.value = window.document.documentElement.clientHeight;
+      }
     }
   };
   update();
   tryOnMounted(update);
-  useEventListener("resize", update, { passive: true });
+  useEventListener$1("resize", update, { passive: true });
   if (listenOrientation)
-    useEventListener("orientationchange", update, { passive: true });
+    useEventListener$1("orientationchange", update, { passive: true });
   return { width, height };
 }
 
-const isFirefox = () => isClient && /firefox/i.test(window.navigator.userAgent);
+const isFirefox = () => isClient$1 && /firefox/i.test(window.navigator.userAgent);
 
 const isInContainer = (el, container) => {
-  if (!isClient || !el || !container)
+  if (!isClient$1 || !el || !container)
     return false;
   const elRect = el.getBoundingClientRect();
   let containerRect;
@@ -778,59 +863,52 @@ function easeInOutCubic(t, b, c, d) {
   return cc / 2 * ((t -= 2) * t * t + 2) + b;
 }
 
-/**
- * Make a map and return a function for checking if a key
- * is in that map.
- * IMPORTANT: all calls of this function must be prefixed with
- * \/\*#\_\_PURE\_\_\*\/
- * So that rollup can tree-shake them if necessary.
- */
+/**
+* @vue/shared v3.5.13
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**/
 
-(process.env.NODE_ENV !== 'production')
-    ? Object.freeze({})
-    : {};
-(process.env.NODE_ENV !== 'production') ? Object.freeze([]) : [];
-const NOOP = () => { };
-const hasOwnProperty$p = Object.prototype.hasOwnProperty;
-const hasOwn = (val, key) => hasOwnProperty$p.call(val, key);
-const isArray$1 = Array.isArray;
-const isDate$1 = (val) => toTypeString(val) === '[object Date]';
-const isFunction$2 = (val) => typeof val === 'function';
-const isString$1 = (val) => typeof val === 'string';
-const isObject$1 = (val) => val !== null && typeof val === 'object';
-const isPromise = (val) => {
-    return isObject$1(val) && isFunction$2(val.then) && isFunction$2(val.catch);
-};
-const objectToString$1 = Object.prototype.toString;
-const toTypeString = (value) => objectToString$1.call(value);
-const toRawType = (value) => {
-    // extract "RawType" from strings like "[object RawType]"
-    return toTypeString(value).slice(8, -1);
-};
-const isPlainObject$1 = (val) => toTypeString(val) === '[object Object]';
-const cacheStringFunction = (fn) => {
-    const cache = Object.create(null);
-    return ((str) => {
-        const hit = cache[str];
-        return hit || (cache[str] = fn(str));
-    });
-};
-const camelizeRE = /-(\w)/g;
-/**
- * @private
- */
-const camelize = cacheStringFunction((str) => {
-    return str.replace(camelizeRE, (_, c) => (c ? c.toUpperCase() : ''));
-});
-const hyphenateRE = /\B([A-Z])/g;
-/**
- * @private
- */
-const hyphenate = cacheStringFunction((str) => str.replace(hyphenateRE, '-$1').toLowerCase());
-/**
- * @private
- */
-const capitalize$2 = cacheStringFunction((str) => str.charAt(0).toUpperCase() + str.slice(1));
+!!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
+!!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
+const NOOP = () => {
+};
+const hasOwnProperty$p = Object.prototype.hasOwnProperty;
+const hasOwn = (val, key) => hasOwnProperty$p.call(val, key);
+const isArray$1 = Array.isArray;
+const isDate$1 = (val) => toTypeString(val) === "[object Date]";
+const isFunction$2 = (val) => typeof val === "function";
+const isString$2 = (val) => typeof val === "string";
+const isObject$1 = (val) => val !== null && typeof val === "object";
+const isPromise = (val) => {
+  return (isObject$1(val) || isFunction$2(val)) && isFunction$2(val.then) && isFunction$2(val.catch);
+};
+const objectToString$1 = Object.prototype.toString;
+const toTypeString = (value) => objectToString$1.call(value);
+const toRawType = (value) => {
+  return toTypeString(value).slice(8, -1);
+};
+const isPlainObject$1 = (val) => toTypeString(val) === "[object Object]";
+const cacheStringFunction = (fn) => {
+  const cache = /* @__PURE__ */ Object.create(null);
+  return (str) => {
+    const hit = cache[str];
+    return hit || (cache[str] = fn(str));
+  };
+};
+const camelizeRE = /-(\w)/g;
+const camelize = cacheStringFunction(
+  (str) => {
+    return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : "");
+  }
+);
+const hyphenateRE = /\B([A-Z])/g;
+const hyphenate = cacheStringFunction(
+  (str) => str.replace(hyphenateRE, "-$1").toLowerCase()
+);
+const capitalize$2 = cacheStringFunction((str) => {
+  return str.charAt(0).toUpperCase() + str.slice(1);
+});
 
 /** Detect free variable `global` from Node.js. */
 var freeGlobal = typeof global == 'object' && global && global.Object === Object && global;
@@ -1384,7 +1462,7 @@ function after(n, func) {
  * console.log(_.identity(object) === object);
  * // => true
  */
-function identity(value) {
+function identity$1(value) {
   return value;
 }
 
@@ -1546,7 +1624,7 @@ var metaMap = WeakMap && new WeakMap;
  * @param {*} data The metadata.
  * @returns {Function} Returns `func`.
  */
-var baseSetData = !metaMap ? identity : function(func, data) {
+var baseSetData = !metaMap ? identity$1 : function(func, data) {
   metaMap.set(func, data);
   return func;
 };
@@ -1798,7 +1876,7 @@ LazyWrapper.prototype.constructor = LazyWrapper;
  * _.times(2, _.noop);
  * // => [undefined, undefined]
  */
-function noop() {
+function noop$1() {
   // No operation performed.
 }
 
@@ -1809,7 +1887,7 @@ function noop() {
  * @param {Function} func The function to query.
  * @returns {*} Returns the metadata for `func`.
  */
-var getData = !metaMap ? noop : function(func) {
+var getData = !metaMap ? noop$1 : function(func) {
   return metaMap.get(func);
 };
 
@@ -2191,7 +2269,7 @@ var defineProperty = (function() {
  * @param {Function} string The `toString` result.
  * @returns {Function} Returns `func`.
  */
-var baseSetToString = !defineProperty ? identity : function(func, string) {
+var baseSetToString = !defineProperty ? identity$1 : function(func, string) {
   return defineProperty(func, 'toString', {
     'configurable': true,
     'enumerable': false,
@@ -3034,7 +3112,7 @@ function overRest(func, start, transform) {
  * @returns {Function} Returns the new function.
  */
 function baseRest(func, start) {
-  return setToString(overRest(func, start, identity), func + '');
+  return setToString(overRest(func, start, identity$1), func + '');
 }
 
 /** Used as references for various `Number` constants. */
@@ -7356,7 +7434,7 @@ function baseIteratee(value) {
     return value;
   }
   if (value == null) {
-    return identity;
+    return identity$1;
   }
   if (typeof value == 'object') {
     return isArray(value)
@@ -8878,7 +8956,7 @@ function dropWhile(array, predicate) {
  * @returns {Function} Returns cast function.
  */
 function castFunction(value) {
-  return typeof value == 'function' ? value : identity;
+  return typeof value == 'function' ? value : identity$1;
 }
 
 /**
@@ -10625,7 +10703,7 @@ var stringTag = '[object String]';
  * _.isString(1);
  * // => false
  */
-function isString(value) {
+function isString$1(value) {
   return typeof value == 'string' ||
     (!isArray(value) && isObjectLike(value) && baseGetTag(value) == stringTag);
 }
@@ -10717,7 +10795,7 @@ function includes(collection, value, fromIndex, guard) {
   if (fromIndex < 0) {
     fromIndex = nativeMax$7(length + fromIndex, 0);
   }
-  return isString(collection)
+  return isString$1(collection)
     ? (fromIndex <= length && collection.indexOf(value, fromIndex) > -1)
     : (!!length && baseIndexOf(collection, value, fromIndex) > -1);
 }
@@ -11018,7 +11096,7 @@ var invert = createInverter(function(result, value, key) {
   }
 
   result[value] = key;
-}, constant(identity));
+}, constant(identity$1));
 
 /** Used for built-in method references. */
 var objectProto$4 = Object.prototype;
@@ -12338,7 +12416,7 @@ function baseExtremum(array, iteratee, comparator) {
  */
 function max$2(array) {
   return (array && array.length)
-    ? baseExtremum(array, identity, baseGt)
+    ? baseExtremum(array, identity$1, baseGt)
     : undefined;
 }
 
@@ -12426,7 +12504,7 @@ function baseMean(array, iteratee) {
  * // => 5
  */
 function mean(array) {
-  return baseMean(array, identity);
+  return baseMean(array, identity$1);
 }
 
 /**
@@ -12570,7 +12648,7 @@ var methodOf = baseRest(function(object, args) {
  */
 function min$2(array) {
   return (array && array.length)
-    ? baseExtremum(array, identity, baseLt)
+    ? baseExtremum(array, identity$1, baseLt)
     : undefined;
 }
 
@@ -12778,7 +12856,7 @@ function toArray(value) {
     return [];
   }
   if (isArrayLike(value)) {
-    return isString(value) ? stringToArray(value) : copyArray(value);
+    return isString$1(value) ? stringToArray(value) : copyArray(value);
   }
   if (symIterator$1 && value[symIterator$1]) {
     return iteratorToArray(value[symIterator$1]());
@@ -13229,7 +13307,7 @@ function baseOrderBy(collection, iteratees, orders) {
       return iteratee;
     });
   } else {
-    iteratees = [identity];
+    iteratees = [identity$1];
   }
 
   var index = -1;
@@ -15120,7 +15198,7 @@ function size$1(collection) {
     return 0;
   }
   if (isArrayLike(collection)) {
-    return isString(collection) ? stringSize(collection) : collection.length;
+    return isString$1(collection) ? stringSize(collection) : collection.length;
   }
   var tag = getTag$1(collection);
   if (tag == mapTag || tag == setTag) {
@@ -15389,7 +15467,7 @@ function baseSortedIndex(array, value, retHighest) {
     }
     return high;
   }
-  return baseSortedIndexBy(array, value, identity, retHighest);
+  return baseSortedIndexBy(array, value, identity$1, retHighest);
 }
 
 /**
@@ -15865,7 +15943,7 @@ var subtract = createMathOperation(function(minuend, subtrahend) {
  */
 function sum$1(array) {
   return (array && array.length)
-    ? baseSum(array, identity)
+    ? baseSum(array, identity$1)
     : 0;
 }
 
@@ -17146,7 +17224,7 @@ var INFINITY = 1 / 0;
  * @param {Array} values The values to add to the set.
  * @returns {Object} Returns the new set.
  */
-var createSet = !(Set$1 && (1 / setToArray(new Set$1([,-0]))[1]) == INFINITY) ? noop : function(values) {
+var createSet = !(Set$1 && (1 / setToArray(new Set$1([,-0]))[1]) == INFINITY) ? noop$1 : function(values) {
   return new Set$1(values);
 };
 
@@ -18045,7 +18123,7 @@ var lang = {
   isLength, isMap, isMatch, isMatchWith, isNaN: isNaN$1,
   isNative, isNil, isNull, isNumber: isNumber$1, isObject,
   isObjectLike, isPlainObject, isRegExp, isSafeInteger, isSet,
-  isString, isSymbol, isTypedArray, isUndefined: isUndefined$1, isWeakMap,
+  isString: isString$1, isSymbol, isTypedArray, isUndefined: isUndefined$1, isWeakMap,
   isWeakSet, lt: lt$1, lte, toArray, toFinite,
   toInteger, toLength, toNumber, toPlainObject, toSafeInteger,
   toString
@@ -18092,9 +18170,9 @@ var string$1 = {
 
 var util = {
   attempt, bindAll, cond, conforms, constant,
-  defaultTo, flow, flowRight, identity, iteratee,
+  defaultTo, flow, flowRight, identity: identity$1, iteratee,
   matches, matchesProperty, method: method$1, methodOf, mixin: mixin$1,
-  noop, nthArg, over, overEvery, overSome,
+  noop: noop$1, nthArg, over, overEvery, overSome,
   property, propertyOf, range: range$1, rangeRight, stubArray,
   stubFalse, stubObject, stubString, stubTrue, times,
   toPath, uniqueId
@@ -18489,7 +18567,7 @@ lodash.gte = lang.gte;
 lodash.has = object$1.has;
 lodash.hasIn = object$1.hasIn;
 lodash.head = array$1.head;
-lodash.identity = identity;
+lodash.identity = identity$1;
 lodash.includes = collection.includes;
 lodash.indexOf = array$1.indexOf;
 lodash.inRange = number$1.inRange;
@@ -18689,7 +18767,7 @@ arrayEach(['initial', 'tail'], function(methodName, index) {
 });
 
 LazyWrapper.prototype.compact = function() {
-  return this.filter(identity);
+  return this.filter(identity$1);
 };
 
 LazyWrapper.prototype.find = function(predicate) {
@@ -18854,7 +18932,7 @@ const isPropAbsent = (prop) => {
   return isNil(prop);
 };
 const isStringNumber = (val) => {
-  if (!isString$1(val)) {
+  if (!isString$2(val)) {
     return false;
   }
   return !Number.isNaN(Number(val));
@@ -18863,8 +18941,8 @@ const isWindow = (val) => {
   return val === window;
 };
 
-const rAF = (fn) => isClient ? window.requestAnimationFrame(fn) : setTimeout(fn, 16);
-const cAF = (handle) => isClient ? window.cancelAnimationFrame(handle) : clearTimeout(handle);
+const rAF = (fn) => isClient$1 ? window.requestAnimationFrame(fn) : setTimeout(fn, 16);
+const cAF = (handle) => isClient$1 ? window.cancelAnimationFrame(handle) : clearTimeout(handle);
 
 const escapeStringRegexp = (string = "") => string.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&").replace(/-/g, "\\x2d");
 const capitalize = (str) => capitalize$2(str);
@@ -18893,7 +18971,7 @@ function throwError(scope, m) {
 }
 function debugWarn(scope, message) {
   if (process.env.NODE_ENV !== "production") {
-    const error = isString$1(scope) ? new ElementPlusError(`[${scope}] ${message}`) : scope;
+    const error = isString$2(scope) ? new ElementPlusError(`[${scope}] ${message}`) : scope;
     console.warn(error);
   }
 }
@@ -18919,7 +18997,7 @@ const removeClass = (el, cls) => {
 };
 const getStyle = (element, styleName) => {
   var _a;
-  if (!isClient || !element || !styleName)
+  if (!isClient$1 || !element || !styleName)
     return "";
   let key = camelize(styleName);
   if (key === "float")
@@ -18939,14 +19017,14 @@ function addUnit(value, defaultUnit = "px") {
     return "";
   if (isNumber(value) || isStringNumber(value)) {
     return `${value}${defaultUnit}`;
-  } else if (isString$1(value)) {
+  } else if (isString$2(value)) {
     return value;
   }
   debugWarn(SCOPE$9, "binding value must be a string or number");
 }
 
 const isScroll = (el, isVertical) => {
-  if (!isClient)
+  if (!isClient$1)
     return false;
   const key = {
     undefined: "overflow",
@@ -18957,7 +19035,7 @@ const isScroll = (el, isVertical) => {
   return ["scroll", "auto", "overlay"].some((s) => overflow.includes(s));
 };
 const getScrollContainer = (el, isVertical) => {
-  if (!isClient)
+  if (!isClient$1)
     return;
   let parent = el;
   while (parent) {
@@ -18972,7 +19050,7 @@ const getScrollContainer = (el, isVertical) => {
 let scrollBarWidth;
 const getScrollBarWidth = (namespace) => {
   var _a;
-  if (!isClient)
+  if (!isClient$1)
     return 0;
   if (scrollBarWidth !== void 0)
     return scrollBarWidth;
@@ -18994,7 +19072,7 @@ const getScrollBarWidth = (namespace) => {
   return scrollBarWidth;
 };
 function scrollIntoView(container, selected) {
-  if (!isClient)
+  if (!isClient$1)
     return;
   if (!selected) {
     container.scrollTop = 0;
@@ -19053,9 +19131,9 @@ const getScrollTop = (container) => {
 };
 
 const getElement = (target) => {
-  if (!isClient || target === "")
+  if (!isClient$1 || target === "")
     return null;
-  if (isString$1(target)) {
+  if (isString$2(target)) {
     try {
       return document.querySelector(target);
     } catch (e) {
@@ -20403,10 +20481,10 @@ const buildLocaleContext = (locale) => {
 const localeContextKey = Symbol("localeContextKey");
 const useLocale = (localeOverrides) => {
   const locale = localeOverrides || inject(localeContextKey, ref());
-  return buildLocaleContext(computed(() => locale.value || zhCn));
+  return buildLocaleContext(computed(() => locale.value || zhCn));
 };
 
-const defaultNamespace = "xrk";
+const defaultNamespace = "xrk";
 const statePrefix = "is-";
 const _bem = (namespace, block, blockSuffix, element, modifier) => {
   let cls = `${namespace}-${block}`;
@@ -20485,7 +20563,7 @@ const useLockscreen = (trigger, options = {}) => {
   }
   const ns = options.ns || useNamespace("popup");
   const hiddenCls = computed(() => ns.bm("parent", "hidden"));
-  if (!isClient || hasClass(document.body, hiddenCls.value)) {
+  if (!isClient$1 || hasClass(document.body, hiddenCls.value)) {
     return;
   }
   let scrollBarWidth = 0;
@@ -20576,7 +20654,7 @@ const createModelToggleComposable = (name) => {
     const show = (event) => {
       if (props.disabled === true || isFunction$2(shouldProceed) && !shouldProceed())
         return;
-      const shouldEmit = hasUpdateHandler.value && isClient;
+      const shouldEmit = hasUpdateHandler.value && isClient$1;
       if (shouldEmit) {
         emit(updateEventKey, true);
       }
@@ -20585,9 +20663,9 @@ const createModelToggleComposable = (name) => {
       }
     };
     const hide = (event) => {
-      if (props.disabled === true || !isClient)
+      if (props.disabled === true || !isClient$1)
         return;
-      const shouldEmit = hasUpdateHandler.value && isClient;
+      const shouldEmit = hasUpdateHandler.value && isClient$1;
       if (shouldEmit) {
         emit(updateEventKey, false);
       }
@@ -20795,7 +20873,7 @@ function useTimeout() {
     timeoutHandle = window.setTimeout(fn, delay);
   };
   const cancelTimeout = () => window.clearTimeout(timeoutHandle);
-  tryOnScopeDispose(() => cancelTimeout());
+  tryOnScopeDispose$1(() => cancelTimeout());
   return {
     registerTimeout,
     cancelTimeout
@@ -20812,7 +20890,7 @@ const useIdInjection = () => {
 };
 const useId = (deterministicId) => {
   const idInjection = useIdInjection();
-  if (!isClient && idInjection === defaultIdInjection) {
+  if (!isClient$1 && idInjection === defaultIdInjection) {
     debugWarn("IdInjection", `Looks like you are using server rendering, you must provide a id provider to ensure the hydration process to be succeed
 usage: app.provide(ID_INJECTION_KEY, {
   prefix: number,
@@ -20836,13 +20914,13 @@ const useEscapeKeydown = (handler) => {
     if (registeredEscapeHandlers.length === 0) {
       document.addEventListener("keydown", cachedHandler);
     }
-    if (isClient)
+    if (isClient$1)
       registeredEscapeHandlers.push(handler);
   });
   onBeforeUnmount(() => {
     registeredEscapeHandlers = registeredEscapeHandlers.filter((registeredHandler) => registeredHandler !== handler);
     if (registeredEscapeHandlers.length === 0) {
-      if (isClient)
+      if (isClient$1)
         document.removeEventListener("keydown", cachedHandler);
     }
   });
@@ -20869,7 +20947,7 @@ const createContainer = (id) => {
 const usePopperContainer = () => {
   const { id, selector } = usePopperContainerId();
   onBeforeMount(() => {
-    if (!isClient)
+    if (!isClient$1)
       return;
     if (process.env.NODE_ENV === "test" || !document.body.querySelector(selector.value)) {
       createContainer(id.value);
@@ -20973,7 +21051,7 @@ const useZIndex = (zIndexOverrides) => {
     zIndex.value = increasingInjection.current;
     return currentZIndex.value;
   };
-  if (!isClient && !inject(ZINDEX_INJECTION_KEY)) {
+  if (!isClient$1 && !inject(ZINDEX_INJECTION_KEY)) {
     debugWarn("ZIndexInjection", `Looks like you are using server rendering, you must provide a z-index provider to ensure the hydration process to be succeed
 usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
   }
@@ -22228,7 +22306,8 @@ function isContainingBlock(elementOrCss) {
   const css = isElement(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
 
   // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
-  return css.transform !== 'none' || css.perspective !== 'none' || (css.containerType ? css.containerType !== 'normal' : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !webkit && (css.filter ? css.filter !== 'none' : false) || ['transform', 'perspective', 'filter'].some(value => (css.willChange || '').includes(value)) || ['paint', 'layout', 'strict', 'content'].some(value => (css.contain || '').includes(value));
+  // https://drafts.csswg.org/css-transforms-2/#individual-transforms
+  return ['transform', 'translate', 'scale', 'rotate', 'perspective'].some(value => css[value] ? css[value] !== 'none' : false) || (css.containerType ? css.containerType !== 'normal' : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !webkit && (css.filter ? css.filter !== 'none' : false) || ['transform', 'translate', 'scale', 'rotate', 'perspective', 'filter'].some(value => (css.willChange || '').includes(value)) || ['paint', 'layout', 'strict', 'content'].some(value => (css.contain || '').includes(value));
 }
 function getContainingBlock(element) {
   let currentNode = getParentNode(element);
@@ -22786,6 +22865,10 @@ const platform = {
   isRTL: isRTL$1
 };
 
+function rectsAreEqual(a, b) {
+  return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
+}
+
 // https://samthor.au/2021/observing-dom/
 function observeMove(element, onMove) {
   let io = null;
@@ -22805,12 +22888,13 @@ function observeMove(element, onMove) {
       threshold = 1;
     }
     cleanup();
+    const elementRectForRootMargin = element.getBoundingClientRect();
     const {
       left,
       top,
       width,
       height
-    } = element.getBoundingClientRect();
+    } = elementRectForRootMargin;
     if (!skip) {
       onMove();
     }
@@ -22843,6 +22927,16 @@ function observeMove(element, onMove) {
           refresh(false, ratio);
         }
       }
+      if (ratio === 1 && !rectsAreEqual(elementRectForRootMargin, element.getBoundingClientRect())) {
+        // It's possible that even though the ratio is reported as 1, the
+        // element is not actually fully within the IntersectionObserver's root
+        // area anymore. This can happen under performance constraints. This may
+        // be a bug in the browser's IntersectionObserver implementation. To
+        // work around this, we compare the element's bounding rect now with
+        // what it was at the time we created the IntersectionObserver. If they
+        // are not equal then the element moved, so we refresh.
+        refresh();
+      }
       isFirstUpdate = false;
     }
 
@@ -22920,7 +23014,7 @@ function autoUpdate(reference, floating, update, options) {
   }
   function frameLoop() {
     const nextRefRect = getBoundingClientRect(reference);
-    if (prevRefRect && (nextRefRect.x !== prevRefRect.x || nextRefRect.y !== prevRefRect.y || nextRefRect.width !== prevRefRect.width || nextRefRect.height !== prevRefRect.height)) {
+    if (prevRefRect && !rectsAreEqual(prevRefRect, nextRefRect)) {
       update();
     }
     prevRefRect = nextRefRect;
@@ -23160,15 +23254,15 @@ function useFocusController(target, {
       el.setAttribute("tabindex", "-1");
     }
   });
-  useEventListener(wrapperRef, "focus", handleFocus, true);
-  useEventListener(wrapperRef, "blur", handleBlur, true);
-  useEventListener(wrapperRef, "click", handleClick, true);
+  useEventListener$1(wrapperRef, "focus", handleFocus, true);
+  useEventListener$1(wrapperRef, "blur", handleBlur, true);
+  useEventListener$1(wrapperRef, "click", handleClick, true);
   if (process.env.NODE_ENV === "test") {
     onMounted(() => {
       const targetEl = isElement$1(target.value) ? target.value : document.querySelector("input,textarea");
       if (targetEl) {
-        useEventListener(targetEl, "focus", handleFocus, true);
-        useEventListener(targetEl, "blur", handleBlur, true);
+        useEventListener$1(targetEl, "focus", handleFocus, true);
+        useEventListener$1(targetEl, "blur", handleBlur, true);
       }
     });
   }
@@ -23511,7 +23605,7 @@ const _sfc_main$2o = /* @__PURE__ */ defineComponent({
       scrollContainer.value = getScrollContainer(root.value, true);
       updateRoot();
     });
-    useEventListener(scrollContainer, "scroll", handleScroll);
+    useEventListener$1(scrollContainer, "scroll", handleScroll);
     watchEffect(update);
     expose({
       update,
@@ -23825,7 +23919,7 @@ const formProps = buildProps({
   }
 });
 const formEmits = {
-  validate: (prop, isValid, message) => (isArray$1(prop) || isString$1(prop)) && isBoolean(isValid) && isString$1(message)
+  validate: (prop, isValid, message) => (isArray$1(prop) || isString$2(prop)) && isBoolean(isValid) && isString$2(message)
 };
 
 const SCOPE$6 = "ElForm";
@@ -25541,7 +25635,7 @@ const _sfc_main$2k = /* @__PURE__ */ defineComponent({
     const propString = computed(() => {
       if (!props.prop)
         return "";
-      return isString$1(props.prop) ? props.prop : props.prop.join(".");
+      return isString$2(props.prop) ? props.prop : props.prop.join(".");
     });
     const hasLabel = computed(() => {
       return !!(props.label || slots.label);
@@ -25943,9 +26037,9 @@ const inputProps = buildProps({
   ...useAriaProps(["ariaLabel"])
 });
 const inputEmits = {
-  [UPDATE_MODEL_EVENT]: (value) => isString$1(value),
-  input: (value) => isString$1(value),
-  change: (value) => isString$1(value),
+  [UPDATE_MODEL_EVENT]: (value) => isString$2(value),
+  input: (value) => isString$2(value),
+  change: (value) => isString$2(value),
   focus: (evt) => evt instanceof FocusEvent,
   blur: (evt) => evt instanceof FocusEvent,
   clear: () => true,
@@ -26062,7 +26156,7 @@ const _sfc_main$2j = /* @__PURE__ */ defineComponent({
     });
     const resizeTextarea = () => {
       const { type, autosize } = props;
-      if (!isClient || type !== "textarea" || !textarea.value)
+      if (!isClient$1 || type !== "textarea" || !textarea.value)
         return;
       if (autosize) {
         const minRows = isObject$1(autosize) ? autosize.minRows : void 0;
@@ -26446,7 +26540,7 @@ const _sfc_main$2i = /* @__PURE__ */ defineComponent({
     const visible = ref(false);
     let cursorDown = false;
     let cursorLeave = false;
-    let originalOnSelectStart = isClient ? document.onselectstart : null;
+    let originalOnSelectStart = isClient$1 ? document.onselectstart : null;
     const bar = computed(() => BAR_MAP[props.vertical ? "vertical" : "horizontal"]);
     const thumbStyle = computed(() => renderThumbStyle$1({
       size: props.size,
@@ -26520,8 +26614,8 @@ const _sfc_main$2i = /* @__PURE__ */ defineComponent({
       if (document.onselectstart !== originalOnSelectStart)
         document.onselectstart = originalOnSelectStart;
     };
-    useEventListener(toRef(scrollbar, "scrollbarElement"), "mousemove", mouseMoveScrollbarHandler);
-    useEventListener(toRef(scrollbar, "scrollbarElement"), "mouseleave", mouseLeaveScrollbarHandler);
+    useEventListener$1(toRef(scrollbar, "scrollbarElement"), "mousemove", mouseMoveScrollbarHandler);
+    useEventListener$1(toRef(scrollbar, "scrollbarElement"), "mouseleave", mouseLeaveScrollbarHandler);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Transition, {
         name: unref(ns).b("fade"),
@@ -26757,7 +26851,7 @@ const _sfc_main$2g = /* @__PURE__ */ defineComponent({
         stopResizeListener == null ? void 0 : stopResizeListener();
       } else {
         ({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update));
-        stopResizeListener = useEventListener("resize", update);
+        stopResizeListener = useEventListener$1("resize", update);
       }
     }, { immediate: true });
     watch(() => [props.maxHeight, props.height], () => {
@@ -27060,7 +27154,7 @@ const _sfc_main$2d = /* @__PURE__ */ defineComponent({
     onMounted(() => {
       watch(() => props.virtualRef, (virtualEl) => {
         if (virtualEl) {
-          triggerRef.value = unrefElement(virtualEl);
+          triggerRef.value = unrefElement$1(virtualEl);
         }
       }, {
         immediate: true
@@ -27462,7 +27556,7 @@ const _sfc_main$2c = defineComponent({
           if (!focusEvent.defaultPrevented) {
             nextTick(() => {
               let focusStartEl = props.focusStartEl;
-              if (!isString$1(focusStartEl)) {
+              if (!isString$2(focusStartEl)) {
                 tryFocus(focusStartEl);
                 if (document.activeElement !== focusStartEl) {
                   focusStartEl = "first";
@@ -27631,9 +27725,9 @@ const buildPopperOptions = (props, modifiers = []) => {
   return options;
 };
 const unwrapMeasurableEl = ($el) => {
-  if (!isClient)
+  if (!isClient$1)
     return;
-  return unrefElement($el);
+  return unrefElement$1($el);
 };
 function genModifiers(options) {
   const { offset, gpuAcceleration, fallbackPlacements } = options;
@@ -28509,9 +28603,9 @@ const autocompleteProps = buildProps({
   ...useAriaProps(["ariaLabel"])
 });
 const autocompleteEmits = {
-  [UPDATE_MODEL_EVENT]: (value) => isString$1(value),
-  [INPUT_EVENT]: (value) => isString$1(value),
-  [CHANGE_EVENT]: (value) => isString$1(value),
+  [UPDATE_MODEL_EVENT]: (value) => isString$2(value),
+  [INPUT_EVENT]: (value) => isString$2(value),
+  [CHANGE_EVENT]: (value) => isString$2(value),
   focus: (evt) => evt instanceof FocusEvent,
   blur: (evt) => evt instanceof FocusEvent,
   clear: () => true,
@@ -28912,7 +29006,7 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
     const avatarClass = computed(() => {
       const { size, icon, shape } = props;
       const classList = [ns.b()];
-      if (isString$1(size))
+      if (isString$2(size))
         classList.push(ns.m(size));
       if (icon)
         classList.push(ns.m("icon"));
@@ -28996,7 +29090,7 @@ const useBackTop = (props, emit, componentName) => {
     emit("click", event);
   };
   const handleScrollThrottled = useThrottleFn(handleScroll, 300, true);
-  useEventListener(container, "scroll", handleScrollThrottled);
+  useEventListener$1(container, "scroll", handleScrollThrottled);
   onMounted(() => {
     var _a;
     container.value = document;
@@ -29346,7 +29440,7 @@ const buttonTypes = [
   "info",
   "danger",
   "text",
-  "primary2",
+  "primary2",
   ""
 ];
 const buttonNativeTypes = ["button", "submit", "reset"];
@@ -31662,7 +31756,7 @@ const useOldValue = (props) => {
 };
 
 const nodeList = /* @__PURE__ */ new Map();
-if (isClient) {
+if (isClient$1) {
   let startClick;
   document.addEventListener("mousedown", (e) => startClick = e);
   document.addEventListener("mouseup", (e) => {
@@ -33305,7 +33399,7 @@ const useCarousel = (props, emit, componentName) => {
       isTransitioning.value = true;
     }
     isFirstCall.value = false;
-    if (isString$1(index)) {
+    if (isString$2(index)) {
       const filteredItems = items.value.filter((item) => item.props.name === index);
       if (filteredItems.length > 0) {
         index = items.value.indexOf(filteredItems[0]);
@@ -33951,8 +34045,8 @@ const checkboxProps = {
   ...useAriaProps(["ariaControls"])
 };
 const checkboxEmits = {
-  [UPDATE_MODEL_EVENT]: (val) => isString$1(val) || isNumber(val) || isBoolean(val),
-  change: (val) => isString$1(val) || isNumber(val) || isBoolean(val)
+  [UPDATE_MODEL_EVENT]: (val) => isString$2(val) || isNumber(val) || isBoolean(val),
+  change: (val) => isString$2(val) || isNumber(val) || isBoolean(val)
 };
 
 const checkboxGroupContextKey = Symbol("checkboxGroupContextKey");
@@ -34503,8 +34597,8 @@ const radioProps = buildProps({
   border: Boolean
 });
 const radioEmits = {
-  [UPDATE_MODEL_EVENT]: (val) => isString$1(val) || isNumber(val) || isBoolean(val),
-  [CHANGE_EVENT]: (val) => isString$1(val) || isNumber(val) || isBoolean(val)
+  [UPDATE_MODEL_EVENT]: (val) => isString$2(val) || isNumber(val) || isBoolean(val),
+  [CHANGE_EVENT]: (val) => isString$2(val) || isNumber(val) || isBoolean(val)
 };
 
 const radioGroupKey = Symbol("radioGroupKey");
@@ -35534,7 +35628,7 @@ const _sfc_main$1J = defineComponent({
       nextTick(scrollToExpandingNode);
     };
     const scrollToExpandingNode = () => {
-      if (!isClient)
+      if (!isClient$1)
         return;
       menuList.value.forEach((menu) => {
         const menuElement = menu == null ? void 0 : menu.$el;
@@ -36062,7 +36156,7 @@ const _sfc_main$1H = /* @__PURE__ */ defineComponent({
       const inputInner = (_a = input.value) == null ? void 0 : _a.input;
       const tagWrapperEl = tagWrapper.value;
       const suggestionPanelEl = (_b = suggestionPanel.value) == null ? void 0 : _b.$el;
-      if (!isClient || !inputInner)
+      if (!isClient$1 || !inputInner)
         return;
       if (suggestionPanelEl) {
         const suggestionList = suggestionPanelEl.querySelector(`.${nsCascader.e("suggestion-list")}`);
@@ -36671,7 +36765,7 @@ var Col = /* @__PURE__ */ _export_sfc(_sfc_main$1E, [["__file", "col.vue"]]);
 
 const ElCol = withInstall(Col);
 
-const emitChangeFn = (value) => isNumber(value) || isString$1(value) || isArray$1(value);
+const emitChangeFn = (value) => isNumber(value) || isString$2(value) || isArray$1(value);
 const collapseProps = buildProps({
   accordion: Boolean,
   modelValue: {
@@ -37028,7 +37122,7 @@ const alphaSliderProps = buildProps({
 
 let isDragging = false;
 function draggable(element, options) {
-  if (!isClient)
+  if (!isClient$1)
     return;
   const moveFn = function(event) {
     var _a;
@@ -37408,9 +37502,9 @@ const colorPickerProps = buildProps({
   ...useAriaProps(["ariaLabel"])
 });
 const colorPickerEmits = {
-  [UPDATE_MODEL_EVENT]: (val) => isString$1(val) || isNil(val),
-  [CHANGE_EVENT]: (val) => isString$1(val) || isNil(val),
-  activeChange: (val) => isString$1(val) || isNil(val),
+  [UPDATE_MODEL_EVENT]: (val) => isString$2(val) || isNil(val),
+  [CHANGE_EVENT]: (val) => isString$2(val) || isNil(val),
+  activeChange: (val) => isString$2(val) || isNil(val),
   focus: (evt) => evt instanceof FocusEvent,
   blur: (evt) => evt instanceof FocusEvent
 };
@@ -42363,7 +42457,7 @@ const useDialog = (props, targetRef) => {
     }
   }
   function doOpen() {
-    if (!isClient)
+    if (!isClient$1)
       return;
     visible.value = true;
   }
@@ -43086,7 +43180,7 @@ const _sfc_main$1b = defineComponent({
     watch(() => props.currentTabId, (val) => {
       currentTabbedId.value = val != null ? val : null;
     });
-    useEventListener(rovingFocusGroupRef, ENTRY_FOCUS_EVT, handleEntryFocus);
+    useEventListener$1(rovingFocusGroupRef, ENTRY_FOCUS_EVT, handleEntryFocus);
   }
 });
 function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
@@ -44246,8 +44340,8 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
         });
       });
       scopeEventListener.run(() => {
-        useEventListener(document, "keydown", keydownHandler);
-        useEventListener(document, "wheel", mousewheelHandler);
+        useEventListener$1(document, "keydown", keydownHandler);
+        useEventListener$1(document, "wheel", mousewheelHandler);
       });
     }
     function unregisterEventListener() {
@@ -44274,8 +44368,8 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
           offsetY: offsetY + ev.pageY - startY
         };
       });
-      const removeMousemove = useEventListener(document, "mousemove", dragHandler);
-      useEventListener(document, "mouseup", () => {
+      const removeMousemove = useEventListener$1(document, "mousemove", dragHandler);
+      useEventListener$1(document, "mouseup", () => {
         removeMousemove();
       });
       e.preventDefault();
@@ -44364,14 +44458,14 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
       (_b = (_a2 = wrapper.value) == null ? void 0 : _a2.focus) == null ? void 0 : _b.call(_a2);
     });
     expose({
-      setActiveItem,
-      registerEventListener,
-      unregisterEventListener,
-      hide,
-      toggleMode,
-      next,
-      prev,
-      handleActions
+      setActiveItem,
+      registerEventListener,
+      unregisterEventListener,
+      hide,
+      toggleMode,
+      next,
+      prev,
+      handleActions
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ElTeleport), {
@@ -44613,7 +44707,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
     const showViewer = ref(false);
     const container = ref();
     const _scrollContainer = ref();
-    const supportLoading = isClient && "loading" in HTMLImageElement.prototype;
+    const supportLoading = isClient$1 && "loading" in HTMLImageElement.prototype;
     let stopScrollListener;
     let stopWheelListener;
     const imageKls = computed(() => [
@@ -44623,7 +44717,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
     ]);
     const imageStyle = computed(() => {
       const { fit } = props;
-      if (isClient && fit) {
+      if (isClient$1 && fit) {
         return { objectFit: fit };
       }
       return {};
@@ -44646,7 +44740,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
       return !supportLoading && props.loading === "lazy" || props.lazy;
     });
     const loadImage = () => {
-      if (!isClient)
+      if (!isClient$1)
         return;
       isLoading.value = true;
       hasLoadError.value = false;
@@ -44671,24 +44765,24 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
     const lazyLoadHandler = useThrottleFn(handleLazyLoad, 200, true);
     async function addLazyLoadListener() {
       var _a;
-      if (!isClient)
+      if (!isClient$1)
         return;
       await nextTick();
       const { scrollContainer } = props;
       if (isElement$1(scrollContainer)) {
         _scrollContainer.value = scrollContainer;
-      } else if (isString$1(scrollContainer) && scrollContainer !== "") {
+      } else if (isString$2(scrollContainer) && scrollContainer !== "") {
         _scrollContainer.value = (_a = document.querySelector(scrollContainer)) != null ? _a : void 0;
       } else if (container.value) {
         _scrollContainer.value = getScrollContainer(container.value);
       }
       if (_scrollContainer.value) {
-        stopScrollListener = useEventListener(_scrollContainer, "scroll", lazyLoadHandler);
+        stopScrollListener = useEventListener$1(_scrollContainer, "scroll", lazyLoadHandler);
         setTimeout(() => handleLazyLoad(), 100);
       }
     }
     function removeLazyLoadListener() {
-      if (!isClient || !_scrollContainer.value || !lazyLoadHandler)
+      if (!isClient$1 || !_scrollContainer.value || !lazyLoadHandler)
         return;
       stopScrollListener == null ? void 0 : stopScrollListener();
       _scrollContainer.value = void 0;
@@ -44707,7 +44801,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
     function clickHandler() {
       if (!preview.value)
         return;
-      stopWheelListener = useEventListener("wheel", wheelHandler, {
+      stopWheelListener = useEventListener$1("wheel", wheelHandler, {
         passive: false
       });
       prevOverflow = document.body.style.overflow;
@@ -44980,7 +45074,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
         if (valueOnClear === null) {
           return null;
         }
-        newVal = isString$1(valueOnClear) ? { min, max }[valueOnClear] : valueOnClear;
+        newVal = isString$2(valueOnClear) ? { min, max }[valueOnClear] : valueOnClear;
       }
       if (stepStrictly) {
         newVal = toPrecision(Math.round(newVal / step) * step, precision);
@@ -45695,7 +45789,7 @@ var SubMenu = defineComponent({
             transform: opened.value ? props.expandCloseIcon && props.expandOpenIcon || props.collapseCloseIcon && props.collapseOpenIcon && rootMenu.props.collapse ? "none" : "rotateZ(180deg)" : "none"
           }
         }, {
-          default: () => isString$1(subMenuTitleIcon.value) ? h$1(instance.appContext.components[subMenuTitleIcon.value]) : h$1(subMenuTitleIcon.value)
+          default: () => isString$2(subMenuTitleIcon.value) ? h$1(instance.appContext.components[subMenuTitleIcon.value]) : h$1(subMenuTitleIcon.value)
         })
       ];
       const child = rootMenu.isMenuPopup ? h$1(ElTooltip, {
@@ -45830,11 +45924,11 @@ const menuProps = buildProps({
     default: 300
   }
 });
-const checkIndexPath = (indexPath) => Array.isArray(indexPath) && indexPath.every((path) => isString$1(path));
+const checkIndexPath = (indexPath) => Array.isArray(indexPath) && indexPath.every((path) => isString$2(path));
 const menuEmits = {
-  close: (index, indexPath) => isString$1(index) && checkIndexPath(indexPath),
-  open: (index, indexPath) => isString$1(index) && checkIndexPath(indexPath),
-  select: (index, indexPath, item, routerResult) => isString$1(index) && checkIndexPath(indexPath) && isObject$1(item) && (routerResult === void 0 || routerResult instanceof Promise)
+  close: (index, indexPath) => isString$2(index) && checkIndexPath(indexPath),
+  open: (index, indexPath) => isString$2(index) && checkIndexPath(indexPath),
+  select: (index, indexPath, item, routerResult) => isString$2(index) && checkIndexPath(indexPath) && isObject$1(item) && (routerResult === void 0 || routerResult instanceof Promise)
 };
 var Menu = defineComponent({
   name: "ElMenu",
@@ -46111,7 +46205,7 @@ const menuItemProps = buildProps({
   disabled: Boolean
 });
 const menuItemEmits = {
-  click: (item) => isString$1(item.index) && Array.isArray(item.indexPath)
+  click: (item) => isString$2(item.index) && Array.isArray(item.indexPath)
 };
 
 const COMPONENT_NAME$b = "ElMenuItem";
@@ -46858,7 +46952,7 @@ const useSelect$2 = (props, emit) => {
   });
   watch(() => states.options.entries(), () => {
     var _a;
-    if (!isClient)
+    if (!isClient$1)
       return;
     const inputs = ((_a = selectRef.value) == null ? void 0 : _a.querySelectorAll("input")) || [];
     if (!props.filterable && !props.defaultFirstOption && !isUndefined(props.modelValue) || !Array.from(inputs).includes(document.activeElement)) {
@@ -47333,7 +47427,7 @@ var ElOptions = defineComponent({
           var _a2, _b2, _c, _d;
           const name = (_a2 = (item == null ? void 0 : item.type) || {}) == null ? void 0 : _a2.name;
           if (name === "ElOptionGroup") {
-            filterOptions(!isString$1(item.children) && !isArray$1(item.children) && isFunction$2((_b2 = item.children) == null ? void 0 : _b2.default) ? (_c = item.children) == null ? void 0 : _c.default() : item.children);
+            filterOptions(!isString$2(item.children) && !isArray$1(item.children) && isFunction$2((_b2 = item.children) == null ? void 0 : _b2.default) ? (_c = item.children) == null ? void 0 : _c.default() : item.children);
           } else if (name === "ElOption") {
             valueList.push((_d = item.props) == null ? void 0 : _d.value);
           } else if (isArray$1(item.children)) {
@@ -49087,7 +49181,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     function getColors(color) {
       const span = 100 / color.length;
       const seriesColors = color.map((seriesColor, index) => {
-        if (isString$1(seriesColor)) {
+        if (isString$2(seriesColor)) {
           return {
             color: seriesColor,
             percentage: (index + 1) * span
@@ -49102,7 +49196,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
       const { color } = props;
       if (isFunction$2(color)) {
         return color(percentage);
-      } else if (isString$1(color)) {
+      } else if (isString$2(color)) {
         return color;
       } else {
         const colors = getColors(color);
@@ -49363,7 +49457,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
       } : icons;
     });
     const decimalIconComponent = computed(() => getValueFromMap(props.modelValue, componentMap.value));
-    const voidComponent = computed(() => rateDisabled.value ? isString$1(props.disabledVoidIcon) ? props.disabledVoidIcon : markRaw(props.disabledVoidIcon) : isString$1(props.voidIcon) ? props.voidIcon : markRaw(props.voidIcon));
+    const voidComponent = computed(() => rateDisabled.value ? isString$2(props.disabledVoidIcon) ? props.disabledVoidIcon : markRaw(props.disabledVoidIcon) : isString$2(props.voidIcon) ? props.voidIcon : markRaw(props.voidIcon));
     const activeComponent = computed(() => getValueFromMap(currentValue.value, componentMap.value));
     function showDecimalIcon(item) {
       const showWhenDisabled = rateDisabled.value && valueDecimal.value > 0 && item - 1 < props.modelValue && item > props.modelValue;
@@ -50147,7 +50241,7 @@ const createList = ({
         (_b = (_a = scrollbarRef.value).onMouseUp) == null ? void 0 : _b.call(_a);
         scrollTo(Math.min(states.value.scrollOffset + offset, estimatedTotalSize.value - clientSize.value));
       });
-      useEventListener(windowRef, "wheel", onWheel, {
+      useEventListener$1(windowRef, "wheel", onWheel, {
         passive: false
       });
       const emitEvents = () => {
@@ -50267,7 +50361,7 @@ const createList = ({
         }
       };
       onMounted(() => {
-        if (!isClient)
+        if (!isClient$1)
           return;
         const { initScrollOffset } = props;
         const windowElement = unref(windowRef);
@@ -50382,7 +50476,7 @@ const createList = ({
         h$1(Inner, {
           style: innerStyle,
           ref: "innerRef"
-        }, !isString$1(Inner) ? {
+        }, !isString$2(Inner) ? {
           default: () => children
         } : children)
       ];
@@ -50401,7 +50495,7 @@ const createList = ({
         onScroll,
         ref: "windowRef",
         key: 0
-      }, !isString$1(Container) ? { default: () => [InnerNode] } : [InnerNode]);
+      }, !isString$2(Container) ? { default: () => [InnerNode] } : [InnerNode]);
       return h$1("div", {
         key: 0,
         class: [ns.e("wrapper"), states.scrollbarAlwaysOn ? "always-on" : ""]
@@ -50417,7 +50511,7 @@ const FixedSizeList = createList({
   getEstimatedTotalSize: ({ total, itemSize }) => itemSize * total,
   getOffset: ({ height, total, itemSize, layout, width }, index, alignment, scrollOffset) => {
     const size = isHorizontal(layout) ? width : height;
-    if (process.env.NODE_ENV !== "production" && isString$1(size)) {
+    if (process.env.NODE_ENV !== "production" && isString$2(size)) {
       throwError("[ElVirtualList]", `
         You should set
           width/height
@@ -50874,7 +50968,7 @@ const createGrid = ({
           scrollTop: Math.min(states.value.scrollTop + y, estimatedTotalHeight.value - height)
         });
       });
-      useEventListener(windowRef, "wheel", onWheel, {
+      useEventListener$1(windowRef, "wheel", onWheel, {
         passive: false
       });
       const scrollTo = ({
@@ -50942,7 +51036,7 @@ const createGrid = ({
         });
       };
       onMounted(() => {
-        if (!isClient)
+        if (!isClient$1)
           return;
         const { initScrollLeft, initScrollTop } = props;
         const windowElement = unref(windowRef);
@@ -51070,7 +51164,7 @@ const createGrid = ({
           h$1(Inner, {
             style: unref(innerStyle),
             ref: innerRef
-          }, !isString$1(Inner) ? {
+          }, !isString$2(Inner) ? {
             default: () => children
           } : children)
         ];
@@ -51089,7 +51183,7 @@ const createGrid = ({
             style: unref(windowStyle),
             onScroll,
             ref: windowRef
-          }, !isString$1(Container) ? { default: () => Inner } : Inner),
+          }, !isString$2(Container) ? { default: () => Inner } : Inner),
           horizontalScrollbar,
           verticalScrollbar
         ]);
@@ -53290,7 +53384,7 @@ const useLifecycle = (props, initData, resetSize) => {
       }
       initData.oldValue = initData.firstValue;
     }
-    useEventListener(window, "resize", resetSize);
+    useEventListener$1(window, "resize", resetSize);
     await nextTick();
     resetSize();
   });
@@ -53662,7 +53756,7 @@ const useSliderButton = (props, initData, emit) => {
   watch(() => initData.dragging, (val) => {
     updateDragging(val);
   });
-  useEventListener(button, "touchstart", onButtonDown, { passive: false });
+  useEventListener$1(button, "touchstart", onButtonDown, { passive: false });
   return {
     disabled,
     button,
@@ -53893,9 +53987,9 @@ var SliderMarker = defineComponent({
   setup(props) {
     const ns = useNamespace("slider");
     const label = computed(() => {
-      return isString$1(props.mark) ? props.mark : props.mark.label;
+      return isString$2(props.mark) ? props.mark : props.mark.label;
     });
-    const style = computed(() => isString$1(props.mark) ? void 0 : props.mark.style);
+    const style = computed(() => isString$2(props.mark) ? void 0 : props.mark.style);
     return () => h$1("div", {
       class: ns.e("marks-text"),
       style: style.value
@@ -53988,10 +54082,10 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     const updateDragging = (val) => {
       initData.dragging = val;
     };
-    useEventListener(sliderWrapper, "touchstart", onSliderWrapperPrevent, {
+    useEventListener$1(sliderWrapper, "touchstart", onSliderWrapperPrevent, {
       passive: false
     });
-    useEventListener(sliderWrapper, "touchmove", onSliderWrapperPrevent, {
+    useEventListener$1(sliderWrapper, "touchmove", onSliderWrapperPrevent, {
       passive: false
     });
     provide(sliderContextKey, {
@@ -54227,7 +54321,7 @@ const spaceProps = buildProps({
   spacer: {
     type: definePropType([Object, String, Number, Array]),
     default: null,
-    validator: (val) => isVNode(val) || isNumber(val) || isString$1(val)
+    validator: (val) => isVNode(val) || isNumber(val) || isString$2(val)
   },
   wrap: Boolean,
   fill: Boolean,
@@ -54876,9 +54970,9 @@ const switchProps = buildProps({
   ...useAriaProps(["ariaLabel"])
 });
 const switchEmits = {
-  [UPDATE_MODEL_EVENT]: (val) => isBoolean(val) || isString$1(val) || isNumber(val),
-  [CHANGE_EVENT]: (val) => isBoolean(val) || isString$1(val) || isNumber(val),
-  [INPUT_EVENT]: (val) => isBoolean(val) || isString$1(val) || isNumber(val)
+  [UPDATE_MODEL_EVENT]: (val) => isBoolean(val) || isString$2(val) || isNumber(val),
+  [CHANGE_EVENT]: (val) => isBoolean(val) || isString$2(val) || isNumber(val),
+  [INPUT_EVENT]: (val) => isBoolean(val) || isString$2(val) || isNumber(val)
 };
 
 const COMPONENT_NAME$8 = "ElSwitch";
@@ -56547,7 +56641,7 @@ class TableLayout {
     return false;
   }
   setHeight(value, prop = "height") {
-    if (!isClient)
+    if (!isClient$1)
       return;
     const el = this.table.vnode.el;
     value = parseHeight(value);
@@ -56594,7 +56688,7 @@ class TableLayout {
     return false;
   }
   updateColumnsWidth() {
-    if (!isClient)
+    if (!isClient$1)
       return;
     const fit = this.fit;
     const bodyWidth = this.table.vnode.el.clientWidth;
@@ -57050,7 +57144,7 @@ function useEvent(props, emit) {
   const dragging = ref(false);
   const dragState = ref({});
   const handleMouseDown = (event, column) => {
-    if (!isClient)
+    if (!isClient$1)
       return;
     if (column.children && column.children.length > 0)
       return;
@@ -57142,7 +57236,7 @@ function useEvent(props, emit) {
     }
   };
   const handleMouseOut = () => {
-    if (!isClient)
+    if (!isClient$1)
       return;
     document.body.style.cursor = "";
   };
@@ -58048,7 +58142,7 @@ var TableBody = defineComponent({
         hoveredCellList.forEach((item) => removeClass(item, "hover-cell"));
         hoveredCellList.length = 0;
       }
-      if (!props.store.states.isComplex.value || !isClient)
+      if (!props.store.states.isComplex.value || !isClient$1)
         return;
       rAF(() => {
         const oldRow = rows[oldVal];
@@ -58430,14 +58524,14 @@ function useStyle(props, layout, store, table) {
     if (!table.refs.scrollBarRef)
       return;
     if (table.refs.scrollBarRef.wrapRef) {
-      useEventListener(table.refs.scrollBarRef.wrapRef, "scroll", syncPosition, {
+      useEventListener$1(table.refs.scrollBarRef.wrapRef, "scroll", syncPosition, {
         passive: true
       });
     }
     if (props.fit) {
       useResizeObserver(table.vnode.el, resizeListener);
     } else {
-      useEventListener(window, "resize", resizeListener);
+      useEventListener$1(window, "resize", resizeListener);
     }
     useResizeObserver(table.refs.bodyWrapper, () => {
       var _a, _b;
@@ -58479,7 +58573,7 @@ function useStyle(props, layout, store, table) {
         height,
         headerHeight: props.showHeader && (tableHeader == null ? void 0 : tableHeader.offsetHeight) || 0
       };
-      requestAnimationFrame(doLayout);
+      requestAnimationFrame(doLayout);
     }
   };
   const tableSize = useFormSize();
@@ -59679,7 +59773,7 @@ var ElTableColumn$1 = defineComponent({
             children.push(childNode);
           } else if (childNode.type === Fragment && Array.isArray(childNode.children)) {
             childNode.children.forEach((vnode2) => {
-              if ((vnode2 == null ? void 0 : vnode2.patchFlag) !== 1024 && !isString$1(vnode2 == null ? void 0 : vnode2.children)) {
+              if ((vnode2 == null ? void 0 : vnode2.patchFlag) !== 1024 && !isString$2(vnode2 == null ? void 0 : vnode2.children)) {
                 children.push(vnode2);
               }
             });
@@ -62200,7 +62294,7 @@ const tabsProps = buildProps({
   },
   stretch: Boolean
 });
-const isPaneName = (value) => isString$1(value) || isNumber(value);
+const isPaneName = (value) => isString$2(value) || isNumber(value);
 const tabsEmits = {
   [UPDATE_MODEL_EVENT]: (name) => isPaneName(name),
   tabClick: (pane, ev) => ev instanceof Event,
@@ -64373,7 +64467,7 @@ const _sfc_main$k = defineComponent({
       } else {
         className = nodeClassFunc;
       }
-      if (isString$1(className)) {
+      if (isString$2(className)) {
         return { [className]: true };
       } else {
         return className;
@@ -64656,7 +64750,7 @@ function useKeydown({ el$ }, store) {
       hasInput.click();
     }
   };
-  useEventListener(el$, "keydown", handleKeydown);
+  useEventListener$1(el$, "keydown", handleKeydown);
   const initTabIndex = () => {
     var _a;
     treeItems.value = Array.from(el$.value.querySelectorAll(`.${ns.is("focusable")}[role=treeitem]`));
@@ -65268,7 +65362,7 @@ var CacheOptions = defineComponent({
         }
       });
       const inputs = ((_a = select.selectRef) == null ? void 0 : _a.querySelectorAll("input")) || [];
-      if (isClient && !Array.from(inputs).includes(document.activeElement)) {
+      if (isClient$1 && !Array.from(inputs).includes(document.activeElement)) {
         select.setSelected();
       }
     }, { flush: "post", immediate: true });
@@ -66782,7 +66876,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           });
         }
       }
-      return doUpload(Object.assign(file, {
+      return doUpload(Object.assign(file, {
         uid: rawFile.uid
       }), beforeData);
     };
@@ -66836,7 +66930,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       requests.value[uid] = request;
       if (request instanceof Promise) {
         request.then(options.onSuccess, options.onError);
-      }      return request;
+      }      return request;
     };
     const handleChange = (e) => {
       const files = e.target.files;
@@ -66863,8 +66957,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
     expose({
       abort,
-      upload,
-      inputClick: handleClick
+      upload,
+      inputClick: handleClick
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
@@ -66921,10 +67015,10 @@ const useHandlers = (props, uploadRef) => {
     var _a;
     (_a = uploadRef.value) == null ? void 0 : _a.abort(file);
   }
-  function inputClick() {
-    var _a;
-    (_a = uploadRef.value) == null ? void 0 : _a.inputClick();
-  }
+  function inputClick() {
+    var _a;
+    (_a = uploadRef.value) == null ? void 0 : _a.inputClick();
+  }
   function clearFiles(states = ["ready", "uploading", "success", "fail"]) {
     uploadFiles.value = uploadFiles.value.filter((row) => !states.includes(row.status));
   }
@@ -66999,20 +67093,20 @@ const useHandlers = (props, uploadRef) => {
     }
   };
   function submit() {
-    // uploadFiles.value.filter(({ status }) => status === "ready").forEach(({ raw }) => {
-    //   var _a;
-    //   return raw && ((_a = uploadRef.value) == null ? void 0 : _a.upload(raw));
-    // });
-      
-    return Promise.all(uploadFiles.value.filter(({ status }) => status === "ready").map(async ({ raw }) => {
+    // uploadFiles.value.filter(({ status }) => status === "ready").forEach(({ raw }) => {
+    //   var _a;
+    //   return raw && ((_a = uploadRef.value) == null ? void 0 : _a.upload(raw));
+    // });
+      
+    return Promise.all(uploadFiles.value.filter(({ status }) => status === "ready").map(async ({ raw }) => {
       var _a;
-      return (
-        raw &&
-        ((_a = uploadRef.value) == null
-          ? void 0
-          : await _a.upload(raw).catch(err => Promise.resolve(err)))
-      );
-    }));
+      return (
+        raw &&
+        ((_a = uploadRef.value) == null
+          ? void 0
+          : await _a.upload(raw).catch(err => Promise.resolve(err)))
+      );
+    }));
   }
   watch(() => props.listType, (val) => {
     if (val !== "picture-card" && val !== "picture") {
@@ -67039,7 +67133,7 @@ const useHandlers = (props, uploadRef) => {
   return {
     uploadFiles,
     abort,
-    inputClick,
+    inputClick,
     clearFiles,
     handleError,
     handleProgress,
@@ -67063,7 +67157,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const uploadRef = shallowRef();
     const {
       abort,
-      inputClick,
+      inputClick,
       submit,
       clearFiles,
       uploadFiles,
@@ -67092,7 +67186,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     });
     expose({
       abort,
-      inputClick,
+      inputClick,
       submit,
       clearFiles,
       handleStart,
@@ -67541,7 +67635,7 @@ const useTarget = (target, open, gap, mergedMask, scrollIntoViewOptions) => {
   const posInfo = ref(null);
   const getTargetEl = () => {
     let targetEl;
-    if (isString$1(target.value)) {
+    if (isString$2(target.value)) {
       targetEl = document.querySelector(target.value);
     } else if (isFunction$2(target.value)) {
       targetEl = target.value();
@@ -67653,7 +67747,7 @@ const useFloating = (referenceRef, contentRef, arrowRef, placement, strategy, of
     return _middleware;
   });
   const update = async () => {
-    if (!isClient)
+    if (!isClient$1)
       return;
     const referenceEl = unref(referenceRef);
     const contentEl = unref(contentRef);
@@ -68410,8 +68504,8 @@ const anchorProps = buildProps({
   }
 });
 const anchorEmits = {
-  change: (href) => isString$1(href),
-  click: (e, href) => e instanceof MouseEvent && (isString$1(href) || isUndefined(href))
+  change: (href) => isString$2(href),
+  click: (e, href) => e instanceof MouseEvent && (isString$2(href) || isUndefined(href))
 };
 
 const anchorKey = Symbol("anchor");
@@ -68526,7 +68620,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         containerEl.value = el;
       }
     };
-    useEventListener(containerEl, "scroll", handleScroll);
+    useEventListener$1(containerEl, "scroll", handleScroll);
     const markerStyle = computed(() => {
       if (!anchorRef.value || !markerRef.value || !currentAnchor.value)
         return {};
@@ -68708,8 +68802,8 @@ const segmentedProps = buildProps({
   ...useAriaProps(["ariaLabel"])
 });
 const segmentedEmits = {
-  [UPDATE_MODEL_EVENT]: (val) => isString$1(val) || isNumber(val) || isBoolean(val),
-  [CHANGE_EVENT]: (val) => isString$1(val) || isNumber(val) || isBoolean(val)
+  [UPDATE_MODEL_EVENT]: (val) => isString$2(val) || isNumber(val) || isBoolean(val),
+  [CHANGE_EVENT]: (val) => isString$2(val) || isNumber(val) || isBoolean(val)
 };
 
 const __default__$G = defineComponent({
@@ -69018,9 +69112,9 @@ const mentionProps = buildProps({
     type: definePropType([String, Array]),
     default: "@",
     validator: (val) => {
-      if (isString$1(val))
+      if (isString$2(val))
         return val.length === 1;
-      return val.every((v) => isString$1(v) && v.length === 1);
+      return val.every((v) => isString$2(v) && v.length === 1);
     }
   },
   split: {
@@ -69062,9 +69156,9 @@ const mentionProps = buildProps({
   }
 });
 const mentionEmits = {
-  [UPDATE_MODEL_EVENT]: (value) => isString$1(value),
-  search: (pattern, prefix) => isString$1(pattern) && isString$1(prefix),
-  select: (option, prefix) => isString$1(option.value) && isString$1(prefix),
+  [UPDATE_MODEL_EVENT]: (value) => isString$2(value),
+  search: (pattern, prefix) => isString$2(pattern) && isString$2(prefix),
+  select: (option, prefix) => isString$2(option.value) && isString$2(prefix),
   focus: (evt) => evt instanceof FocusEvent,
   blur: (evt) => evt instanceof FocusEvent
 };
@@ -69080,7 +69174,7 @@ const mentionDropdownProps = buildProps({
   ariaLabel: String
 });
 const mentionDropdownEmits = {
-  select: (option) => isString$1(option.value)
+  select: (option) => isString$2(option.value)
 };
 
 const __default__$F = defineComponent({
@@ -69753,7 +69847,7 @@ function createLoadingComponent(options) {
 
 let fullscreenInstance = void 0;
 const Loading = function(options = {}) {
-  if (!isClient)
+  if (!isClient$1)
     return void 0;
   const resolved = resolveOptions(options);
   if (resolved.fullscreen && fullscreenInstance) {
@@ -69788,7 +69882,7 @@ const Loading = function(options = {}) {
 const resolveOptions = (options) => {
   var _a, _b, _c, _d;
   let target;
-  if (isString$1(options.target)) {
+  if (isString$2(options.target)) {
     target = (_a = document.querySelector(options.target)) != null ? _a : document.body;
   } else {
     target = options.target || document.body;
@@ -69853,7 +69947,7 @@ const createInstance = (el, binding) => {
   const vm = binding.instance;
   const getBindingProp = (key) => isObject$1(binding.value) ? binding.value[key] : void 0;
   const resolveExpression = (key) => {
-    const data = isString$1(key) && (vm == null ? void 0 : vm[key]) || key;
+    const data = isString$2(key) && (vm == null ? void 0 : vm[key]) || key;
     if (data)
       return ref(data);
     else
@@ -69936,7 +70030,7 @@ const messageDefaults = mutable({
   zIndex: 0,
   grouping: false,
   repeatNum: 1,
-  appendTo: isClient ? document.body : void 0
+  appendTo: isClient$1 ? document.body : void 0
 });
 const messageProps = buildProps({
   customClass: {
@@ -70086,7 +70180,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       clearTimer();
       startTimer();
     });
-    useEventListener(document, "keydown", keydown);
+    useEventListener$1(document, "keydown", keydown);
     useResizeObserver(messageRef, () => {
       height.value = messageRef.value.getBoundingClientRect().height;
     });
@@ -70170,14 +70264,14 @@ var MessageConstructor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "m
 
 let seed = 1;
 const normalizeOptions = (params) => {
-  const options = !params || isString$1(params) || isVNode(params) || isFunction$2(params) ? { message: params } : params;
+  const options = !params || isString$2(params) || isVNode(params) || isFunction$2(params) ? { message: params } : params;
   const normalized = {
     ...messageDefaults,
     ...options
   };
   if (!normalized.appendTo) {
     normalized.appendTo = document.body;
-  } else if (isString$1(normalized.appendTo)) {
+  } else if (isString$2(normalized.appendTo)) {
     let appendTo = document.querySelector(normalized.appendTo);
     if (!isElement$1(appendTo)) {
       debugWarn("ElMessage", "the appendTo option is not an HTMLElement. Falling back to document.body.");
@@ -70244,7 +70338,7 @@ const createMessage = ({ appendTo, ...options }, context) => {
   return instance;
 };
 const message = (options = {}, context) => {
-  if (!isClient)
+  if (!isClient$1)
     return { close: () => void 0 };
   const normalized = normalizeOptions(options);
   if (normalized.grouping && instances.length) {
@@ -70762,7 +70856,7 @@ const messageInstance = /* @__PURE__ */ new Map();
 const getAppendToElement = (props) => {
   let appendTo = document.body;
   if (props.appendTo) {
-    if (isString$1(props.appendTo)) {
+    if (isString$2(props.appendTo)) {
       appendTo = document.querySelector(props.appendTo);
     }
     if (isElement$1(props.appendTo)) {
@@ -70826,10 +70920,10 @@ const showMessage = (options, appContext) => {
   return vm;
 };
 function MessageBox(options, appContext = null) {
-  if (!isClient)
+  if (!isClient$1)
     return Promise.reject();
   let callback;
-  if (isString$1(options) || isVNode(options)) {
+  if (isString$2(options) || isVNode(options)) {
     options = {
       message: options
     };
@@ -70895,112 +70989,112 @@ _MessageBox.install = (app) => {
 };
 const ElMessageBox = _MessageBox;
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-function __generator(thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-}
-
-function __values(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-}
-
-function __read(o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-}
-
-function __spreadArray(to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+var __assign = function() {
+  __assign = Object.assign || function __assign(t) {
+      for (var s, i = 1, n = arguments.length; i < n; i++) {
+          s = arguments[i];
+          for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+      return t;
+  };
+  return __assign.apply(this, arguments);
+};
+
+function __awaiter(thisArg, _arguments, P, generator) {
+  function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+  return new (P || (P = Promise))(function (resolve, reject) {
+      function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+      function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+      function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+      step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+}
+
+function __generator(thisArg, body) {
+  var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+  return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+  function verb(n) { return function (v) { return step([n, v]); }; }
+  function step(op) {
+      if (f) throw new TypeError("Generator is already executing.");
+      while (g && (g = 0, op[0] && (_ = 0)), _) try {
+          if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+          if (y = 0, t) op = [op[0] & 2, t.value];
+          switch (op[0]) {
+              case 0: case 1: t = op; break;
+              case 4: _.label++; return { value: op[1], done: false };
+              case 5: _.label++; y = op[1]; op = [0]; continue;
+              case 7: op = _.ops.pop(); _.trys.pop(); continue;
+              default:
+                  if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                  if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                  if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                  if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                  if (t[2]) _.ops.pop();
+                  _.trys.pop(); continue;
+          }
+          op = body.call(thisArg, _);
+      } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+      if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+  }
+}
+
+function __values(o) {
+  var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+  if (m) return m.call(o);
+  if (o && typeof o.length === "number") return {
+      next: function () {
+          if (o && i >= o.length) o = void 0;
+          return { value: o && o[i++], done: !o };
+      }
+  };
+  throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+}
+
+function __read(o, n) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m) return o;
+  var i = m.call(o), r, ar = [], e;
+  try {
+      while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+  }
+  catch (error) { e = { error: error }; }
+  finally {
+      try {
+          if (r && !r.done && (m = i["return"])) m.call(i);
+      }
+      finally { if (e) throw e.error; }
+  }
+  return ar;
+}
+
+function __spreadArray(to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+      if (ar || !(i in from)) {
+          if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+          ar[i] = from[i];
+      }
+  }
+  return to.concat(ar || Array.prototype.slice.call(from));
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+  var e = new Error(message);
+  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
 var __default__$C = {
@@ -71293,6 +71387,128 @@ var script$C = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$A
 
 script$C.__file = "packages/base/image/image.vue";
 
+var _a;
+const isClient = typeof window !== "undefined";
+const isString = (val) => typeof val === "string";
+const noop = () => {
+};
+isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+
+function resolveUnref(r) {
+  return typeof r === "function" ? r() : unref(r);
+}
+function identity(arg) {
+  return arg;
+}
+
+function tryOnScopeDispose(fn) {
+  if (getCurrentScope()) {
+    onScopeDispose(fn);
+    return true;
+  }
+  return false;
+}
+
+function unrefElement(elRef) {
+  var _a;
+  const plain = resolveUnref(elRef);
+  return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
+}
+
+const defaultWindow = isClient ? window : void 0;
+
+function useEventListener(...args) {
+  let target;
+  let event;
+  let listener;
+  let options;
+  if (isString(args[0])) {
+    [event, listener, options] = args;
+    target = defaultWindow;
+  } else {
+    [target, event, listener, options] = args;
+  }
+  if (!target)
+    return noop;
+  let cleanup = noop;
+  const stopWatch = watch(() => unrefElement(target), (el) => {
+    cleanup();
+    if (!el)
+      return;
+    el.addEventListener(event, listener, options);
+    cleanup = () => {
+      el.removeEventListener(event, listener, options);
+      cleanup = noop;
+    };
+  }, { immediate: true, flush: "post" });
+  const stop = () => {
+    stopWatch();
+    cleanup();
+  };
+  tryOnScopeDispose(stop);
+  return stop;
+}
+
+const _global = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+const globalKey = "__vueuse_ssr_handlers__";
+_global[globalKey] = _global[globalKey] || {};
+_global[globalKey];
+
+var SwipeDirection;
+(function(SwipeDirection2) {
+  SwipeDirection2["UP"] = "UP";
+  SwipeDirection2["RIGHT"] = "RIGHT";
+  SwipeDirection2["DOWN"] = "DOWN";
+  SwipeDirection2["LEFT"] = "LEFT";
+  SwipeDirection2["NONE"] = "NONE";
+})(SwipeDirection || (SwipeDirection = {}));
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+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]
+};
+__spreadValues({
+  linear: identity
+}, _TransitionPresets);
+
 var _hoisted_1$g = {
     key: 0,
     style: { "width": "100%", "height": "100%" }
@@ -72187,6 +72403,14 @@ var script$s = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$q
         var toolTipDefault = ref(null);
         var toolTipDefaultContent = ref(null);
         var _content = computed(function () { return String(props.content); });
+        var _getTooltipWidthClass = function (cellValue) {
+            if (!cellValue || (cellValue === null || cellValue === void 0 ? void 0 : cellValue.length) < 400)
+                return 'base-tool-tip-400';
+            if ((cellValue === null || cellValue === void 0 ? void 0 : cellValue.length) < 600)
+                return 'base-tool-tip-800';
+            if ((cellValue === null || cellValue === void 0 ? void 0 : cellValue.length) > 600)
+                return 'base-tool-tip-1200';
+        };
         var handleMouseMove = function () {
             var _a, _b;
             if (((_a = toolTipDefault.value) === null || _a === void 0 ? void 0 : _a.tagName) && ((_b = toolTipDefaultContent.value) === null || _b === void 0 ? void 0 : _b.tagName)) {
@@ -72198,7 +72422,7 @@ var script$s = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$q
         return function (_ctx, _cache) {
             return (openBlock(), createBlock(unref(ElTooltip), mergeProps(__props.useVisible ? { visible: __props.visible } : {}, {
                 key: _overShow.value ? '1' : '0',
-                "popper-class": __props.popperClass,
+                "popper-class": "".concat(__props.popperClass, " ").concat(_getTooltipWidthClass(unref(_content))),
                 trigger: __props.trigger,
                 transition: __props.transition,
                 disabled: _overShow.value || __props.disabled,
@@ -76465,13 +76689,15 @@ var script$3 = /*#__PURE__*/ defineComponent(__assign(__assign({}, __default__$3
                 emits('menuClick', menu);
             }
         };
-        var onHashChange = function (newPath) {
+        var onHashChange = function (_route) {
             var _a, _b, _c, _d;
-            if (newPath === void 0) { newPath = (_d = (_c = (_b = (_a = ctx === null || ctx === void 0 ? void 0 : ctx.appContext) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.globalProperties) === null || _c === void 0 ? void 0 : _c.$route) === null || _d === void 0 ? void 0 : _d.path; }
-            activeMenus.value = menusMap.get(newPath) || [];
+            if (_route === void 0) { _route = (_c = (_b = (_a = ctx === null || ctx === void 0 ? void 0 : ctx.appContext) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.globalProperties) === null || _c === void 0 ? void 0 : _c.$route; }
+            // 优先使用meta.parentPath，这种参数路由不会注册到menu中，例如详情页面。如果有该值则使用父级path。
+            activeMenus.value =
+                menusMap.get(((_d = _route === null || _route === void 0 ? void 0 : _route.meta) === null || _d === void 0 ? void 0 : _d.parentPath) || (_route === null || _route === void 0 ? void 0 : _route.path)) || [];
         };
-        watch(function () { var _a, _b, _c, _d; return (_d = (_c = (_b = (_a = ctx === null || ctx === void 0 ? void 0 : ctx.appContext) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.globalProperties) === null || _c === void 0 ? void 0 : _c.$route) === null || _d === void 0 ? void 0 : _d.path; }, function (newPath) {
-            onHashChange(newPath);
+        watch(function () { var _a, _b, _c; return (_c = (_b = (_a = ctx === null || ctx === void 0 ? void 0 : ctx.appContext) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.globalProperties) === null || _c === void 0 ? void 0 : _c.$route; }, function () {
+            onHashChange();
         });
         var _b = (function () {
             var showSub = ref(false);
@@ -77616,7 +77842,7 @@ var install = function (app, defaultProps) {
     });
 };
 var index = {
-    version: '2.0.0-beta.60',
+    version: '2.0.0-beta.62',
     useSetGlobalDefaultProps: useSetGlobalDefaultProps,
     /**
      * install会调用useSetGlobalDefaultProps