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

package/lib/index.umd.js

@@ -136,69 +136,88 @@
     return vue.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() : vue.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();
@@ -208,24 +227,62 @@
         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 = vue.ref(true);
+    const update = () => {
+      dirty.value = true;
+      trigger();
+    };
+    vue.watch(source, update, { flush: "sync" });
+    const get = isFunction$3(fn) ? fn : fn.get;
+    const set = isFunction$3(fn) ? void 0 : fn.set;
+    const result = vue.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 (vue.getCurrentScope()) {
       vue.onScopeDispose(fn);
       return true;
@@ -238,8 +295,6 @@
   }
 
   function refDebounced(value, ms = 200, options = {}) {
-    if (ms <= 0)
-      return value;
     const debounced = vue.ref(value.value);
     const updater = useDebounceFn(() => {
       debounced.value = value.value;
@@ -248,8 +303,8 @@
     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) {
@@ -284,100 +339,117 @@
         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: vue.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 = vue.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 = vue.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 = vue.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);
@@ -386,16 +458,19 @@
   }
 
   function useActiveElement(options = {}) {
-    const { window = defaultWindow } = options;
-    const counter = vue.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 vue.computed(() => {
-      counter.value;
-      return window == null ? void 0 : window.document.activeElement;
-    });
+    return activeElement;
   }
 
   function useSupported(callback, sync = false) {
@@ -405,19 +480,22 @@
     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 = vue.ref(initialValue);
     const elRef = vue.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);
     });
-    vue.watch([elRef, () => resolveUnref(prop)], ([el, prop2]) => {
+    vue.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();
@@ -427,7 +505,7 @@
     vue.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;
   }
@@ -436,29 +514,29 @@
     if (!document)
       return vue.ref("visible");
     const visibility = vue.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 = () => {
@@ -467,7 +545,7 @@
         observer = void 0;
       }
     };
-    const stopWatch = vue.watch(() => unrefElement(target), (el) => {
+    const stopWatch = vue.watch(() => unrefElement$1(target), (el) => {
       cleanup();
       if (isSupported.value && window && el) {
         observer = new ResizeObserver(callback);
@@ -478,7 +556,7 @@
       cleanup();
       stopWatch();
     };
-    tryOnScopeDispose(stop);
+    tryOnScopeDispose$1(stop);
     return {
       isSupported,
       stop
@@ -501,7 +579,7 @@
     const x = vue.ref(0);
     const y = vue.ref(0);
     function update() {
-      const el = unrefElement(target);
+      const el = unrefElement$1(target);
       if (!el) {
         if (reset) {
           height.value = 0;
@@ -526,11 +604,11 @@
       y.value = rect.y;
     }
     useResizeObserver(target, update);
-    vue.watch(() => unrefElement(target), (ele) => !ele && update());
+    vue.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();
@@ -548,23 +626,23 @@
     };
   }
 
-  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 = () => {
@@ -573,7 +651,7 @@
         observer = void 0;
       }
     };
-    const stopWatch = vue.watch(() => unrefElement(target), (el) => {
+    const stopWatch = vue.watch(() => unrefElement$1(target), (el) => {
       cleanup();
       if (isSupported.value && window && el) {
         observer = new MutationObserver(callback);
@@ -584,39 +662,39 @@
       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],
@@ -642,13 +720,14 @@
     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,
@@ -663,16 +742,16 @@
       }
     }
     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 = vue.ref(getValue());
-      vue.watch(() => props[key], (v) => proxy.value = v);
+      const initialValue = getValue();
+      const proxy = vue.ref(initialValue);
+      vue.watch(() => props[key], (v) => proxy.value = cloneFn(v));
       vue.watch(proxy, (v) => {
         if (v !== props[key] || deep)
           _emit(event, v);
-      }, {
-        deep
-      });
+      }, { deep });
       return proxy;
     } else {
       return vue.computed({
@@ -686,14 +765,14 @@
     }
   }
 
-  function useWindowFocus({ window = defaultWindow } = {}) {
+  function useWindowFocus({ window = defaultWindow$1 } = {}) {
     if (!window)
       return vue.ref(false);
     const focused = vue.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;
@@ -701,31 +780,37 @@
 
   function useWindowSize(options = {}) {
     const {
-      window = defaultWindow,
+      window = defaultWindow$1,
       initialWidth = Infinity,
       initialHeight = Infinity,
-      listenOrientation = true
+      listenOrientation = true,
+      includeScrollbar = true
     } = options;
     const width = vue.ref(initialWidth);
     const height = vue.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;
@@ -781,59 +866,52 @@
     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;
@@ -1387,7 +1465,7 @@
    * console.log(_.identity(object) === object);
    * // => true
    */
-  function identity(value) {
+  function identity$1(value) {
     return value;
   }
 
@@ -1549,7 +1627,7 @@
    * @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;
   };
@@ -1801,7 +1879,7 @@
    * _.times(2, _.noop);
    * // => [undefined, undefined]
    */
-  function noop() {
+  function noop$1() {
     // No operation performed.
   }
 
@@ -1812,7 +1890,7 @@
    * @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);
   };
 
@@ -2194,7 +2272,7 @@
    * @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,
@@ -3037,7 +3115,7 @@
    * @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. */
@@ -7359,7 +7437,7 @@
       return value;
     }
     if (value == null) {
-      return identity;
+      return identity$1;
     }
     if (typeof value == 'object') {
       return isArray(value)
@@ -8881,7 +8959,7 @@
    * @returns {Function} Returns cast function.
    */
   function castFunction(value) {
-    return typeof value == 'function' ? value : identity;
+    return typeof value == 'function' ? value : identity$1;
   }
 
   /**
@@ -10628,7 +10706,7 @@
    * _.isString(1);
    * // => false
    */
-  function isString(value) {
+  function isString$1(value) {
     return typeof value == 'string' ||
       (!isArray(value) && isObjectLike(value) && baseGetTag(value) == stringTag);
   }
@@ -10720,7 +10798,7 @@
     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);
   }
@@ -11021,7 +11099,7 @@
     }
 
     result[value] = key;
-  }, constant(identity));
+  }, constant(identity$1));
 
   /** Used for built-in method references. */
   var objectProto$4 = Object.prototype;
@@ -12341,7 +12419,7 @@
    */
   function max$2(array) {
     return (array && array.length)
-      ? baseExtremum(array, identity, baseGt)
+      ? baseExtremum(array, identity$1, baseGt)
       : undefined;
   }
 
@@ -12429,7 +12507,7 @@
    * // => 5
    */
   function mean(array) {
-    return baseMean(array, identity);
+    return baseMean(array, identity$1);
   }
 
   /**
@@ -12573,7 +12651,7 @@
    */
   function min$2(array) {
     return (array && array.length)
-      ? baseExtremum(array, identity, baseLt)
+      ? baseExtremum(array, identity$1, baseLt)
       : undefined;
   }
 
@@ -12781,7 +12859,7 @@
       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]());
@@ -13232,7 +13310,7 @@
         return iteratee;
       });
     } else {
-      iteratees = [identity];
+      iteratees = [identity$1];
     }
 
     var index = -1;
@@ -15123,7 +15201,7 @@
       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) {
@@ -15392,7 +15470,7 @@
       }
       return high;
     }
-    return baseSortedIndexBy(array, value, identity, retHighest);
+    return baseSortedIndexBy(array, value, identity$1, retHighest);
   }
 
   /**
@@ -15868,7 +15946,7 @@
    */
   function sum$1(array) {
     return (array && array.length)
-      ? baseSum(array, identity)
+      ? baseSum(array, identity$1)
       : 0;
   }
 
@@ -17149,7 +17227,7 @@
    * @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);
   };
 
@@ -18048,7 +18126,7 @@
     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
@@ -18095,9 +18173,9 @@
 
   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
@@ -18492,7 +18570,7 @@
   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;
@@ -18692,7 +18770,7 @@
   });
 
   LazyWrapper.prototype.compact = function() {
-    return this.filter(identity);
+    return this.filter(identity$1);
   };
 
   LazyWrapper.prototype.find = function(predicate) {
@@ -18857,7 +18935,7 @@
     return isNil(prop);
   };
   const isStringNumber = (val) => {
-    if (!isString$1(val)) {
+    if (!isString$2(val)) {
       return false;
     }
     return !Number.isNaN(Number(val));
@@ -18866,8 +18944,8 @@
     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);
@@ -18896,7 +18974,7 @@
   }
   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);
     }
   }
@@ -18922,7 +19000,7 @@
   };
   const getStyle = (element, styleName) => {
     var _a;
-    if (!isClient || !element || !styleName)
+    if (!isClient$1 || !element || !styleName)
       return "";
     let key = camelize(styleName);
     if (key === "float")
@@ -18942,14 +19020,14 @@
       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",
@@ -18960,7 +19038,7 @@
     return ["scroll", "auto", "overlay"].some((s) => overflow.includes(s));
   };
   const getScrollContainer = (el, isVertical) => {
-    if (!isClient)
+    if (!isClient$1)
       return;
     let parent = el;
     while (parent) {
@@ -18975,7 +19053,7 @@
   let scrollBarWidth;
   const getScrollBarWidth = (namespace) => {
     var _a;
-    if (!isClient)
+    if (!isClient$1)
       return 0;
     if (scrollBarWidth !== void 0)
       return scrollBarWidth;
@@ -18997,7 +19075,7 @@
     return scrollBarWidth;
   };
   function scrollIntoView(container, selected) {
-    if (!isClient)
+    if (!isClient$1)
       return;
     if (!selected) {
       container.scrollTop = 0;
@@ -19056,9 +19134,9 @@
   };
 
   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) {
@@ -20406,10 +20484,10 @@ For more detail, please visit: ${ref}
   const localeContextKey = Symbol("localeContextKey");
   const useLocale = (localeOverrides) => {
     const locale = localeOverrides || vue.inject(localeContextKey, vue.ref());
-    return buildLocaleContext(vue.computed(() => locale.value || zhCn));
+    return buildLocaleContext(vue.computed(() => locale.value || zhCn));
   };
 
-  const defaultNamespace = "xrk";
+  const defaultNamespace = "xrk";
   const statePrefix = "is-";
   const _bem = (namespace, block, blockSuffix, element, modifier) => {
     let cls = `${namespace}-${block}`;
@@ -20488,7 +20566,7 @@ For more detail, please visit: ${ref}
     }
     const ns = options.ns || useNamespace("popup");
     const hiddenCls = vue.computed(() => ns.bm("parent", "hidden"));
-    if (!isClient || hasClass(document.body, hiddenCls.value)) {
+    if (!isClient$1 || hasClass(document.body, hiddenCls.value)) {
       return;
     }
     let scrollBarWidth = 0;
@@ -20579,7 +20657,7 @@ For more detail, please visit: ${ref}
       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);
         }
@@ -20588,9 +20666,9 @@ For more detail, please visit: ${ref}
         }
       };
       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);
         }
@@ -20798,7 +20876,7 @@ For more detail, please visit: ${ref}
       timeoutHandle = window.setTimeout(fn, delay);
     };
     const cancelTimeout = () => window.clearTimeout(timeoutHandle);
-    tryOnScopeDispose(() => cancelTimeout());
+    tryOnScopeDispose$1(() => cancelTimeout());
     return {
       registerTimeout,
       cancelTimeout
@@ -20815,7 +20893,7 @@ For more detail, please visit: ${ref}
   };
   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,
@@ -20839,13 +20917,13 @@ usage: app.provide(ID_INJECTION_KEY, {
       if (registeredEscapeHandlers.length === 0) {
         document.addEventListener("keydown", cachedHandler);
       }
-      if (isClient)
+      if (isClient$1)
         registeredEscapeHandlers.push(handler);
     });
     vue.onBeforeUnmount(() => {
       registeredEscapeHandlers = registeredEscapeHandlers.filter((registeredHandler) => registeredHandler !== handler);
       if (registeredEscapeHandlers.length === 0) {
-        if (isClient)
+        if (isClient$1)
           document.removeEventListener("keydown", cachedHandler);
       }
     });
@@ -20872,7 +20950,7 @@ usage: app.provide(ID_INJECTION_KEY, {
   const usePopperContainer = () => {
     const { id, selector } = usePopperContainerId();
     vue.onBeforeMount(() => {
-      if (!isClient)
+      if (!isClient$1)
         return;
       if (process.env.NODE_ENV === "test" || !document.body.querySelector(selector.value)) {
         createContainer(id.value);
@@ -20976,7 +21054,7 @@ usage: app.provide(ID_INJECTION_KEY, {
       zIndex.value = increasingInjection.current;
       return currentZIndex.value;
     };
-    if (!isClient && !vue.inject(ZINDEX_INJECTION_KEY)) {
+    if (!isClient$1 && !vue.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 })`);
     }
@@ -22231,7 +22309,8 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     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);
@@ -22789,6 +22868,10 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     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;
@@ -22808,12 +22891,13 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
         threshold = 1;
       }
       cleanup();
+      const elementRectForRootMargin = element.getBoundingClientRect();
       const {
         left,
         top,
         width,
         height
-      } = element.getBoundingClientRect();
+      } = elementRectForRootMargin;
       if (!skip) {
         onMove();
       }
@@ -22846,6 +22930,16 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
             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;
       }
 
@@ -22923,7 +23017,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     }
     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;
@@ -23163,15 +23257,15 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
         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") {
       vue.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);
         }
       });
     }
@@ -23514,7 +23608,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
         scrollContainer.value = getScrollContainer(root.value, true);
         updateRoot();
       });
-      useEventListener(scrollContainer, "scroll", handleScroll);
+      useEventListener$1(scrollContainer, "scroll", handleScroll);
       vue.watchEffect(update);
       expose({
         update,
@@ -23828,7 +23922,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     }
   });
   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";
@@ -25544,7 +25638,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       const propString = vue.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 = vue.computed(() => {
         return !!(props.label || slots.label);
@@ -25946,9 +26040,9 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     ...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,
@@ -26065,7 +26159,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       });
       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;
@@ -26449,7 +26543,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       const visible = vue.ref(false);
       let cursorDown = false;
       let cursorLeave = false;
-      let originalOnSelectStart = isClient ? document.onselectstart : null;
+      let originalOnSelectStart = isClient$1 ? document.onselectstart : null;
       const bar = vue.computed(() => BAR_MAP[props.vertical ? "vertical" : "horizontal"]);
       const thumbStyle = vue.computed(() => renderThumbStyle$1({
         size: props.size,
@@ -26523,8 +26617,8 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
         if (document.onselectstart !== originalOnSelectStart)
           document.onselectstart = originalOnSelectStart;
       };
-      useEventListener(vue.toRef(scrollbar, "scrollbarElement"), "mousemove", mouseMoveScrollbarHandler);
-      useEventListener(vue.toRef(scrollbar, "scrollbarElement"), "mouseleave", mouseLeaveScrollbarHandler);
+      useEventListener$1(vue.toRef(scrollbar, "scrollbarElement"), "mousemove", mouseMoveScrollbarHandler);
+      useEventListener$1(vue.toRef(scrollbar, "scrollbarElement"), "mouseleave", mouseLeaveScrollbarHandler);
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.Transition, {
           name: vue.unref(ns).b("fade"),
@@ -26760,7 +26854,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           stopResizeListener == null ? void 0 : stopResizeListener();
         } else {
           ({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update));
-          stopResizeListener = useEventListener("resize", update);
+          stopResizeListener = useEventListener$1("resize", update);
         }
       }, { immediate: true });
       vue.watch(() => [props.maxHeight, props.height], () => {
@@ -27063,7 +27157,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       vue.onMounted(() => {
         vue.watch(() => props.virtualRef, (virtualEl) => {
           if (virtualEl) {
-            triggerRef.value = unrefElement(virtualEl);
+            triggerRef.value = unrefElement$1(virtualEl);
           }
         }, {
           immediate: true
@@ -27465,7 +27559,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
             if (!focusEvent.defaultPrevented) {
               vue.nextTick(() => {
                 let focusStartEl = props.focusStartEl;
-                if (!isString$1(focusStartEl)) {
+                if (!isString$2(focusStartEl)) {
                   tryFocus(focusStartEl);
                   if (document.activeElement !== focusStartEl) {
                     focusStartEl = "first";
@@ -27634,9 +27728,9 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     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;
@@ -28512,9 +28606,9 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     ...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,
@@ -28915,7 +29009,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       const avatarClass = vue.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"));
@@ -28999,7 +29093,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       emit("click", event);
     };
     const handleScrollThrottled = useThrottleFn(handleScroll, 300, true);
-    useEventListener(container, "scroll", handleScrollThrottled);
+    useEventListener$1(container, "scroll", handleScrollThrottled);
     vue.onMounted(() => {
       var _a;
       container.value = document;
@@ -29349,7 +29443,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     "info",
     "danger",
     "text",
-    "primary2",
+    "primary2",
     ""
   ];
   const buttonNativeTypes = ["button", "submit", "reset"];
@@ -31665,7 +31759,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
   };
 
   const nodeList = /* @__PURE__ */ new Map();
-  if (isClient) {
+  if (isClient$1) {
     let startClick;
     document.addEventListener("mousedown", (e) => startClick = e);
     document.addEventListener("mouseup", (e) => {
@@ -33308,7 +33402,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
         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]);
@@ -33954,8 +34048,8 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     ...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");
@@ -34506,8 +34600,8 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     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");
@@ -35537,7 +35631,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
         vue.nextTick(scrollToExpandingNode);
       };
       const scrollToExpandingNode = () => {
-        if (!isClient)
+        if (!isClient$1)
           return;
         menuList.value.forEach((menu) => {
           const menuElement = menu == null ? void 0 : menu.$el;
@@ -36065,7 +36159,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
         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")}`);
@@ -36674,7 +36768,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 
   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: {
@@ -37031,7 +37125,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 
   let isDragging = false;
   function draggable(element, options) {
-    if (!isClient)
+    if (!isClient$1)
       return;
     const moveFn = function(event) {
       var _a;
@@ -37411,9 +37505,9 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     ...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
   };
@@ -42366,7 +42460,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       }
     }
     function doOpen() {
-      if (!isClient)
+      if (!isClient$1)
         return;
       visible.value = true;
     }
@@ -43089,7 +43183,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       vue.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) {
@@ -44249,8 +44343,8 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           });
         });
         scopeEventListener.run(() => {
-          useEventListener(document, "keydown", keydownHandler);
-          useEventListener(document, "wheel", mousewheelHandler);
+          useEventListener$1(document, "keydown", keydownHandler);
+          useEventListener$1(document, "wheel", mousewheelHandler);
         });
       }
       function unregisterEventListener() {
@@ -44277,8 +44371,8 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
             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();
@@ -44367,14 +44461,14 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
         (_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 vue.openBlock(), vue.createBlock(vue.unref(ElTeleport), {
@@ -44616,7 +44710,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       const showViewer = vue.ref(false);
       const container = vue.ref();
       const _scrollContainer = vue.ref();
-      const supportLoading = isClient && "loading" in HTMLImageElement.prototype;
+      const supportLoading = isClient$1 && "loading" in HTMLImageElement.prototype;
       let stopScrollListener;
       let stopWheelListener;
       const imageKls = vue.computed(() => [
@@ -44626,7 +44720,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       ]);
       const imageStyle = vue.computed(() => {
         const { fit } = props;
-        if (isClient && fit) {
+        if (isClient$1 && fit) {
           return { objectFit: fit };
         }
         return {};
@@ -44649,7 +44743,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
         return !supportLoading && props.loading === "lazy" || props.lazy;
       });
       const loadImage = () => {
-        if (!isClient)
+        if (!isClient$1)
           return;
         isLoading.value = true;
         hasLoadError.value = false;
@@ -44674,24 +44768,24 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       const lazyLoadHandler = useThrottleFn(handleLazyLoad, 200, true);
       async function addLazyLoadListener() {
         var _a;
-        if (!isClient)
+        if (!isClient$1)
           return;
         await vue.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;
@@ -44710,7 +44804,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       function clickHandler() {
         if (!preview.value)
           return;
-        stopWheelListener = useEventListener("wheel", wheelHandler, {
+        stopWheelListener = useEventListener$1("wheel", wheelHandler, {
           passive: false
         });
         prevOverflow = document.body.style.overflow;
@@ -44983,7 +45077,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           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);
@@ -45698,7 +45792,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
               transform: opened.value ? props.expandCloseIcon && props.expandOpenIcon || props.collapseCloseIcon && props.collapseOpenIcon && rootMenu.props.collapse ? "none" : "rotateZ(180deg)" : "none"
             }
           }, {
-            default: () => isString$1(subMenuTitleIcon.value) ? vue.h(instance.appContext.components[subMenuTitleIcon.value]) : vue.h(subMenuTitleIcon.value)
+            default: () => isString$2(subMenuTitleIcon.value) ? vue.h(instance.appContext.components[subMenuTitleIcon.value]) : vue.h(subMenuTitleIcon.value)
           })
         ];
         const child = rootMenu.isMenuPopup ? vue.h(ElTooltip, {
@@ -45833,11 +45927,11 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       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 = vue.defineComponent({
     name: "ElMenu",
@@ -46114,7 +46208,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     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";
@@ -46861,7 +46955,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     });
     vue.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)) {
@@ -47336,7 +47430,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
             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)) {
@@ -49090,7 +49184,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       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
@@ -49105,7 +49199,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
         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);
@@ -49366,7 +49460,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
         } : icons;
       });
       const decimalIconComponent = vue.computed(() => getValueFromMap(props.modelValue, componentMap.value));
-      const voidComponent = vue.computed(() => rateDisabled.value ? isString$1(props.disabledVoidIcon) ? props.disabledVoidIcon : vue.markRaw(props.disabledVoidIcon) : isString$1(props.voidIcon) ? props.voidIcon : vue.markRaw(props.voidIcon));
+      const voidComponent = vue.computed(() => rateDisabled.value ? isString$2(props.disabledVoidIcon) ? props.disabledVoidIcon : vue.markRaw(props.disabledVoidIcon) : isString$2(props.voidIcon) ? props.voidIcon : vue.markRaw(props.voidIcon));
       const activeComponent = vue.computed(() => getValueFromMap(currentValue.value, componentMap.value));
       function showDecimalIcon(item) {
         const showWhenDisabled = rateDisabled.value && valueDecimal.value > 0 && item - 1 < props.modelValue && item > props.modelValue;
@@ -50150,7 +50244,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           (_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 = () => {
@@ -50270,7 +50364,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           }
         };
         vue.onMounted(() => {
-          if (!isClient)
+          if (!isClient$1)
             return;
           const { initScrollOffset } = props;
           const windowElement = vue.unref(windowRef);
@@ -50385,7 +50479,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           vue.h(Inner, {
             style: innerStyle,
             ref: "innerRef"
-          }, !isString$1(Inner) ? {
+          }, !isString$2(Inner) ? {
             default: () => children
           } : children)
         ];
@@ -50404,7 +50498,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           onScroll,
           ref: "windowRef",
           key: 0
-        }, !isString$1(Container) ? { default: () => [InnerNode] } : [InnerNode]);
+        }, !isString$2(Container) ? { default: () => [InnerNode] } : [InnerNode]);
         return vue.h("div", {
           key: 0,
           class: [ns.e("wrapper"), states.scrollbarAlwaysOn ? "always-on" : ""]
@@ -50420,7 +50514,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     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
@@ -50877,7 +50971,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
             scrollTop: Math.min(states.value.scrollTop + y, estimatedTotalHeight.value - height)
           });
         });
-        useEventListener(windowRef, "wheel", onWheel, {
+        useEventListener$1(windowRef, "wheel", onWheel, {
           passive: false
         });
         const scrollTo = ({
@@ -50945,7 +51039,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           });
         };
         vue.onMounted(() => {
-          if (!isClient)
+          if (!isClient$1)
             return;
           const { initScrollLeft, initScrollTop } = props;
           const windowElement = vue.unref(windowRef);
@@ -51073,7 +51167,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
             vue.h(Inner, {
               style: vue.unref(innerStyle),
               ref: innerRef
-            }, !isString$1(Inner) ? {
+            }, !isString$2(Inner) ? {
               default: () => children
             } : children)
           ];
@@ -51092,7 +51186,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
               style: vue.unref(windowStyle),
               onScroll,
               ref: windowRef
-            }, !isString$1(Container) ? { default: () => Inner } : Inner),
+            }, !isString$2(Container) ? { default: () => Inner } : Inner),
             horizontalScrollbar,
             verticalScrollbar
           ]);
@@ -53293,7 +53387,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
         }
         initData.oldValue = initData.firstValue;
       }
-      useEventListener(window, "resize", resetSize);
+      useEventListener$1(window, "resize", resetSize);
       await vue.nextTick();
       resetSize();
     });
@@ -53665,7 +53759,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     vue.watch(() => initData.dragging, (val) => {
       updateDragging(val);
     });
-    useEventListener(button, "touchstart", onButtonDown, { passive: false });
+    useEventListener$1(button, "touchstart", onButtonDown, { passive: false });
     return {
       disabled,
       button,
@@ -53896,9 +53990,9 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     setup(props) {
       const ns = useNamespace("slider");
       const label = vue.computed(() => {
-        return isString$1(props.mark) ? props.mark : props.mark.label;
+        return isString$2(props.mark) ? props.mark : props.mark.label;
       });
-      const style = vue.computed(() => isString$1(props.mark) ? void 0 : props.mark.style);
+      const style = vue.computed(() => isString$2(props.mark) ? void 0 : props.mark.style);
       return () => vue.h("div", {
         class: ns.e("marks-text"),
         style: style.value
@@ -53991,10 +54085,10 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       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
       });
       vue.provide(sliderContextKey, {
@@ -54230,7 +54324,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     spacer: {
       type: definePropType([Object, String, Number, Array]),
       default: null,
-      validator: (val) => vue.isVNode(val) || isNumber(val) || isString$1(val)
+      validator: (val) => vue.isVNode(val) || isNumber(val) || isString$2(val)
     },
     wrap: Boolean,
     fill: Boolean,
@@ -54879,9 +54973,9 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     ...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";
@@ -56550,7 +56644,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       return false;
     }
     setHeight(value, prop = "height") {
-      if (!isClient)
+      if (!isClient$1)
         return;
       const el = this.table.vnode.el;
       value = parseHeight(value);
@@ -56597,7 +56691,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       return false;
     }
     updateColumnsWidth() {
-      if (!isClient)
+      if (!isClient$1)
         return;
       const fit = this.fit;
       const bodyWidth = this.table.vnode.el.clientWidth;
@@ -57053,7 +57147,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     const dragging = vue.ref(false);
     const dragState = vue.ref({});
     const handleMouseDown = (event, column) => {
-      if (!isClient)
+      if (!isClient$1)
         return;
       if (column.children && column.children.length > 0)
         return;
@@ -57145,7 +57239,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       }
     };
     const handleMouseOut = () => {
-      if (!isClient)
+      if (!isClient$1)
         return;
       document.body.style.cursor = "";
     };
@@ -58051,7 +58145,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           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];
@@ -58433,14 +58527,14 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       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;
@@ -58482,7 +58576,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           height,
           headerHeight: props.showHeader && (tableHeader == null ? void 0 : tableHeader.offsetHeight) || 0
         };
-        requestAnimationFrame(doLayout);
+        requestAnimationFrame(doLayout);
       }
     };
     const tableSize = useFormSize();
@@ -59682,7 +59776,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
               children.push(childNode);
             } else if (childNode.type === vue.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);
                 }
               });
@@ -62203,7 +62297,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     },
     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,
@@ -64376,7 +64470,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
         } else {
           className = nodeClassFunc;
         }
-        if (isString$1(className)) {
+        if (isString$2(className)) {
           return { [className]: true };
         } else {
           return className;
@@ -64659,7 +64753,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
         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]`));
@@ -65271,7 +65365,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           }
         });
         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 });
@@ -66785,7 +66879,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
             });
           }
         }
-        return doUpload(Object.assign(file, {
+        return doUpload(Object.assign(file, {
           uid: rawFile.uid
         }), beforeData);
       };
@@ -66839,7 +66933,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
         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;
@@ -66866,8 +66960,8 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       };
       expose({
         abort,
-        upload,
-        inputClick: handleClick
+        upload,
+        inputClick: handleClick
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
@@ -66924,10 +67018,10 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       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));
     }
@@ -67002,20 +67096,20 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       }
     };
     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)))
+        );
+      }));
     }
     vue.watch(() => props.listType, (val) => {
       if (val !== "picture-card" && val !== "picture") {
@@ -67042,7 +67136,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     return {
       uploadFiles,
       abort,
-      inputClick,
+      inputClick,
       clearFiles,
       handleError,
       handleProgress,
@@ -67066,7 +67160,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       const uploadRef = vue.shallowRef();
       const {
         abort,
-        inputClick,
+        inputClick,
         submit,
         clearFiles,
         uploadFiles,
@@ -67095,7 +67189,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       });
       expose({
         abort,
-        inputClick,
+        inputClick,
         submit,
         clearFiles,
         handleStart,
@@ -67544,7 +67638,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     const posInfo = vue.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();
@@ -67656,7 +67750,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       return _middleware;
     });
     const update = async () => {
-      if (!isClient)
+      if (!isClient$1)
         return;
       const referenceEl = vue.unref(referenceRef);
       const contentEl = vue.unref(contentRef);
@@ -68413,8 +68507,8 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     }
   });
   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");
@@ -68529,7 +68623,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           containerEl.value = el;
         }
       };
-      useEventListener(containerEl, "scroll", handleScroll);
+      useEventListener$1(containerEl, "scroll", handleScroll);
       const markerStyle = vue.computed(() => {
         if (!anchorRef.value || !markerRef.value || !currentAnchor.value)
           return {};
@@ -68711,8 +68805,8 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     ...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 = vue.defineComponent({
@@ -69021,9 +69115,9 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       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: {
@@ -69065,9 +69159,9 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     }
   });
   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
   };
@@ -69083,7 +69177,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     ariaLabel: String
   });
   const mentionDropdownEmits = {
-    select: (option) => isString$1(option.value)
+    select: (option) => isString$2(option.value)
   };
 
   const __default__$F = vue.defineComponent({
@@ -69756,7 +69850,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 
   let fullscreenInstance = void 0;
   const Loading = function(options = {}) {
-    if (!isClient)
+    if (!isClient$1)
       return void 0;
     const resolved = resolveOptions(options);
     if (resolved.fullscreen && fullscreenInstance) {
@@ -69791,7 +69885,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
   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;
@@ -69856,7 +69950,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     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 vue.ref(data);
       else
@@ -69939,7 +70033,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     zIndex: 0,
     grouping: false,
     repeatNum: 1,
-    appendTo: isClient ? document.body : void 0
+    appendTo: isClient$1 ? document.body : void 0
   });
   const messageProps = buildProps({
     customClass: {
@@ -70089,7 +70183,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
         clearTimer();
         startTimer();
       });
-      useEventListener(document, "keydown", keydown);
+      useEventListener$1(document, "keydown", keydown);
       useResizeObserver(messageRef, () => {
         height.value = messageRef.value.getBoundingClientRect().height;
       });
@@ -70173,14 +70267,14 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 
   let seed = 1;
   const normalizeOptions = (params) => {
-    const options = !params || isString$1(params) || vue.isVNode(params) || isFunction$2(params) ? { message: params } : params;
+    const options = !params || isString$2(params) || vue.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.");
@@ -70247,7 +70341,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     return instance;
   };
   const message = (options = {}, context) => {
-    if (!isClient)
+    if (!isClient$1)
       return { close: () => void 0 };
     const normalized = normalizeOptions(options);
     if (normalized.grouping && instances.length) {
@@ -70765,7 +70859,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
   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)) {
@@ -70829,10 +70923,10 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     return vm;
   };
   function MessageBox(options, appContext = null) {
-    if (!isClient)
+    if (!isClient$1)
       return Promise.reject();
     let callback;
-    if (isString$1(options) || vue.isVNode(options)) {
+    if (isString$2(options) || vue.isVNode(options)) {
       options = {
         message: options
       };
@@ -70898,112 +70992,112 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
   };
   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 = {
@@ -71296,6 +71390,128 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 
   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() : vue.unref(r);
+  }
+  function identity(arg) {
+    return arg;
+  }
+
+  function tryOnScopeDispose(fn) {
+    if (vue.getCurrentScope()) {
+      vue.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 = vue.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%" }
@@ -72190,6 +72406,14 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           var toolTipDefault = vue.ref(null);
           var toolTipDefaultContent = vue.ref(null);
           var _content = vue.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)) {
@@ -72201,7 +72425,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
           return function (_ctx, _cache) {
               return (vue.openBlock(), vue.createBlock(vue.unref(ElTooltip), vue.mergeProps(__props.useVisible ? { visible: __props.visible } : {}, {
                   key: _overShow.value ? '1' : '0',
-                  "popper-class": __props.popperClass,
+                  "popper-class": "".concat(__props.popperClass, " ").concat(_getTooltipWidthClass(vue.unref(_content))),
                   trigger: __props.trigger,
                   transition: __props.transition,
                   disabled: _overShow.value || __props.disabled,
@@ -76468,13 +76692,15 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                   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)) || [];
           };
-          vue.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);
+          vue.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 = vue.ref(false);
@@ -77619,7 +77845,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       });
   };
   var index = {
-      version: '2.0.0-beta.60',
+      version: '2.0.0-beta.62',
       useSetGlobalDefaultProps: useSetGlobalDefaultProps,
       /**
        * install会调用useSetGlobalDefaultProps