antd-mobile 5.27.0 → 5.28.1

package/2x/bundle/antd-mobile.umd.development.js

@@ -42,7 +42,7 @@
       }
     return t;
   }
-  function __awaiter$1(thisArg, _arguments, P, generator) {
+  function __awaiter(thisArg, _arguments, P, generator) {
     function adopt(value) {
       return value instanceof P ? value : new P(function(resolve) {
         resolve(value);
@@ -90,7 +90,8 @@
     common: {
       confirm: "Confirm",
       cancel: "Cancel",
-      loading: "Loading"
+      loading: "Loading",
+      close: "Close"
     },
     Calendar: {
       markItems: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
@@ -220,7 +221,8 @@
     common: {
       confirm: "\u786E\u5B9A",
       cancel: "\u53D6\u6D88",
-      loading: "\u52A0\u8F7D\u4E2D"
+      loading: "\u52A0\u8F7D\u4E2D",
+      close: "\u5173\u95ED"
     },
     Calendar: {
       markItems: ["\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D", "\u65E5"],
@@ -904,48 +906,36 @@
     return ret;
   }
   const popup = "";
-  var createUpdateEffect = function createUpdateEffect2(hook) {
-    return function(effect, deps) {
-      var isMounted = React$4.useRef(false);
-      hook(function() {
-        return function() {
-          isMounted.current = false;
-        };
-      }, []);
-      hook(function() {
-        if (!isMounted.current) {
-          isMounted.current = true;
-        } else {
-          return effect();
-        }
-      }, deps);
-    };
-  };
-  var isFunction$1 = function isFunction2(value) {
-    return typeof value === "function";
-  };
-  var isNumber = function isNumber2(value) {
-    return typeof value === "number";
+  const createUpdateEffect = (hook) => (effect, deps) => {
+    const isMounted = React$4.useRef(false);
+    hook(() => {
+      return () => {
+        isMounted.current = false;
+      };
+    }, []);
+    hook(() => {
+      if (!isMounted.current) {
+        isMounted.current = true;
+      } else {
+        return effect();
+      }
+    }, deps);
   };
-  var isDev$1 = true;
+  const isFunction$1 = (value) => typeof value === "function";
+  const isNumber = (value) => typeof value === "number";
+  const isDev$1 = true;
   const isDev$2 = isDev$1;
   function useMemoizedFn(fn) {
     if (isDev$2) {
       if (!isFunction$1(fn)) {
-        console.error("useMemoizedFn expected parameter is a function, got ".concat(typeof fn));
+        console.error(`useMemoizedFn expected parameter is a function, got ${typeof fn}`);
       }
     }
-    var fnRef = React$4.useRef(fn);
-    fnRef.current = React$4.useMemo(function() {
-      return fn;
-    }, [fn]);
-    var memoizedFn = React$4.useRef();
+    const fnRef = React$4.useRef(fn);
+    fnRef.current = React$4.useMemo(() => fn, [fn]);
+    const memoizedFn = React$4.useRef();
     if (!memoizedFn.current) {
-      memoizedFn.current = function() {
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-          args[_i] = arguments[_i];
-        }
+      memoizedFn.current = function(...args) {
         return fnRef.current.apply(this, args);
       };
     }
@@ -955,28 +945,26 @@
   function depsAreSame(oldDeps, deps) {
     if (oldDeps === deps)
       return true;
-    for (var i = 0; i < oldDeps.length; i++) {
+    for (let i = 0; i < oldDeps.length; i++) {
       if (!Object.is(oldDeps[i], deps[i]))
         return false;
     }
     return true;
   }
   function useLatest(value) {
-    var ref = React$4.useRef(value);
+    const ref = React$4.useRef(value);
     ref.current = value;
     return ref;
   }
-  var useUnmount = function useUnmount2(fn) {
+  const useUnmount = (fn) => {
     if (isDev$2) {
       if (!isFunction$1(fn)) {
-        console.error("useUnmount expected parameter is a function, got ".concat(typeof fn));
+        console.error(`useUnmount expected parameter is a function, got ${typeof fn}`);
       }
     }
-    var fnRef = useLatest(fn);
-    React$4.useEffect(function() {
-      return function() {
-        fnRef.current();
-      };
+    const fnRef = useLatest(fn);
+    React$4.useEffect(() => () => {
+      fnRef.current();
     }, []);
   };
   const useUnmount$1 = useUnmount;
@@ -1115,7 +1103,7 @@
     return debounced;
   }
   var debounce_1 = debounce$1;
-  var isBrowser$2 = !!(typeof window !== "undefined" && window.document && window.document.createElement);
+  const isBrowser$2 = !!(typeof window !== "undefined" && window.document && window.document.createElement);
   const isBrowser$3 = isBrowser$2;
   var debounce = debounce_1, isObject$5 = isObject_1;
   var FUNC_ERROR_TEXT$1 = "Expected a function";
@@ -1135,46 +1123,20 @@
     });
   }
   var throttle_1 = throttle$1;
-  var useMount = function useMount2(fn) {
+  const useMount = (fn) => {
     if (isDev$2) {
       if (!isFunction$1(fn)) {
-        console.error('useMount: parameter `fn` expected to be a function, but got "'.concat(typeof fn, '".'));
+        console.error(`useMount: parameter \`fn\` expected to be a function, but got "${typeof fn}".`);
       }
     }
-    React$4.useEffect(function() {
+    React$4.useEffect(() => {
       fn === null || fn === void 0 ? void 0 : fn();
     }, []);
   };
   const useMount$1 = useMount;
-  var __read$7 = globalThis && globalThis.__read || function(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
-      };
-    } finally {
-      try {
-        if (r && !r.done && (m = i["return"]))
-          m.call(i);
-      } finally {
-        if (e)
-          throw e.error;
-      }
-    }
-    return ar;
-  };
-  var useUpdate = function useUpdate2() {
-    var _a = __read$7(React$4.useState({}), 2), setState = _a[1];
-    return React$4.useCallback(function() {
-      return setState({});
-    }, []);
+  const useUpdate = () => {
+    const [, setState] = React$4.useState({});
+    return React$4.useCallback(() => setState({}), []);
   };
   const useUpdate$1 = useUpdate;
   function getTargetElement(target, defaultElement) {
@@ -1184,7 +1146,7 @@
     if (!target) {
       return defaultElement;
     }
-    var targetElement;
+    let targetElement;
     if (isFunction$1(target)) {
       targetElement = target();
     } else if ("current" in target) {
@@ -1194,44 +1156,42 @@
     }
     return targetElement;
   }
-  var checkIfAllInShadow = function checkIfAllInShadow2(targets) {
-    return targets.every(function(item) {
-      var targetElement = getTargetElement(item);
+  const checkIfAllInShadow = (targets) => {
+    return targets.every((item) => {
+      const targetElement = getTargetElement(item);
       if (!targetElement)
         return false;
       if (targetElement.getRootNode() instanceof ShadowRoot)
         return true;
     });
   };
-  var getShadow = function getShadow2(node) {
+  const getShadow = (node) => {
     if (!node) {
       return document;
     }
     return node.getRootNode();
   };
-  var getDocumentOrShadow = function getDocumentOrShadow2(target) {
+  const getDocumentOrShadow = (target) => {
     if (!target || !document.getRootNode) {
       return document;
     }
-    var targets = Array.isArray(target) ? target : [target];
+    const targets = Array.isArray(target) ? target : [target];
     if (checkIfAllInShadow(targets)) {
       return getShadow(getTargetElement(targets[0]));
     }
     return document;
   };
   const getDocumentOrShadow$1 = getDocumentOrShadow;
-  var createEffectWithTarget = function createEffectWithTarget2(useEffectType) {
-    var useEffectWithTarget2 = function useEffectWithTarget3(effect, deps, target) {
-      var hasInitRef = React$4.useRef(false);
-      var lastElementRef = React$4.useRef([]);
-      var lastDepsRef = React$4.useRef([]);
-      var unLoadRef = React$4.useRef();
-      useEffectType(function() {
+  const createEffectWithTarget = (useEffectType) => {
+    const useEffectWithTarget2 = (effect, deps, target) => {
+      const hasInitRef = React$4.useRef(false);
+      const lastElementRef = React$4.useRef([]);
+      const lastDepsRef = React$4.useRef([]);
+      const unLoadRef = React$4.useRef();
+      useEffectType(() => {
         var _a;
-        var targets = Array.isArray(target) ? target : [target];
-        var els = targets.map(function(item) {
-          return getTargetElement(item);
-        });
+        const targets = Array.isArray(target) ? target : [target];
+        const els = targets.map((item) => getTargetElement(item));
         if (!hasInitRef.current) {
           hasInitRef.current = true;
           lastElementRef.current = els;
@@ -1246,7 +1206,7 @@
           unLoadRef.current = effect();
         }
       });
-      useUnmount$1(function() {
+      useUnmount$1(() => {
         var _a;
         (_a = unLoadRef.current) === null || _a === void 0 ? void 0 : _a.call(unLoadRef);
         hasInitRef.current = false;
@@ -1255,33 +1215,26 @@
     return useEffectWithTarget2;
   };
   const createEffectWithTarget$1 = createEffectWithTarget;
-  var useEffectWithTarget$1 = createEffectWithTarget$1(React$4.useEffect);
+  const useEffectWithTarget$1 = createEffectWithTarget$1(React$4.useEffect);
   const useEffectWithTarget$2 = useEffectWithTarget$1;
-  function useClickAway(onClickAway, target, eventName) {
-    if (eventName === void 0) {
-      eventName = "click";
-    }
-    var onClickAwayRef = useLatest(onClickAway);
-    useEffectWithTarget$2(function() {
-      var handler = function handler2(event) {
-        var targets = Array.isArray(target) ? target : [target];
-        if (targets.some(function(item) {
-          var targetElement = getTargetElement(item);
+  function useClickAway(onClickAway, target, eventName = "click") {
+    const onClickAwayRef = useLatest(onClickAway);
+    useEffectWithTarget$2(() => {
+      const handler = (event) => {
+        const targets = Array.isArray(target) ? target : [target];
+        if (targets.some((item) => {
+          const targetElement = getTargetElement(item);
           return !targetElement || targetElement.contains(event.target);
         })) {
           return;
         }
         onClickAwayRef.current(event);
       };
-      var documentOrShadow = getDocumentOrShadow$1(target);
-      var eventNames = Array.isArray(eventName) ? eventName : [eventName];
-      eventNames.forEach(function(event) {
-        return documentOrShadow.addEventListener(event, handler);
-      });
-      return function() {
-        eventNames.forEach(function(event) {
-          return documentOrShadow.removeEventListener(event, handler);
-        });
+      const documentOrShadow = getDocumentOrShadow$1(target);
+      const eventNames = Array.isArray(eventName) ? eventName : [eventName];
+      eventNames.forEach((event) => documentOrShadow.addEventListener(event, handler));
+      return () => {
+        eventNames.forEach((event) => documentOrShadow.removeEventListener(event, handler));
       };
     }, Array.isArray(eventName) ? eventName : [eventName], target);
   }
@@ -1494,60 +1447,19 @@
     });
   })(dayjs_min);
   const dayjs = dayjs_min.exports;
-  var __read$6 = globalThis && globalThis.__read || function(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
-      };
-    } finally {
-      try {
-        if (r && !r.done && (m = i["return"]))
-          m.call(i);
-      } finally {
-        if (e)
-          throw e.error;
-      }
-    }
-    return ar;
-  };
-  var __spreadArray$2 = globalThis && globalThis.__spreadArray || function(to2, 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 to2.concat(ar || Array.prototype.slice.call(from));
-  };
   function useDebounceFn(fn, options) {
     var _a;
     if (isDev$2) {
       if (!isFunction$1(fn)) {
-        console.error("useDebounceFn expected parameter is a function, got ".concat(typeof fn));
+        console.error(`useDebounceFn expected parameter is a function, got ${typeof fn}`);
       }
     }
-    var fnRef = useLatest(fn);
-    var wait = (_a = options === null || options === void 0 ? void 0 : options.wait) !== null && _a !== void 0 ? _a : 1e3;
-    var debounced = React$4.useMemo(function() {
-      return debounce_1(function() {
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-          args[_i] = arguments[_i];
-        }
-        return fnRef.current.apply(fnRef, __spreadArray$2([], __read$6(args), false));
-      }, wait, options);
-    }, []);
-    useUnmount$1(function() {
+    const fnRef = useLatest(fn);
+    const wait = (_a = options === null || options === void 0 ? void 0 : options.wait) !== null && _a !== void 0 ? _a : 1e3;
+    const debounced = React$4.useMemo(() => debounce_1((...args) => {
+      return fnRef.current(...args);
+    }, wait, options), []);
+    useUnmount$1(() => {
       debounced.cancel();
     });
     return {
@@ -1556,36 +1468,14 @@
       flush: debounced.flush
     };
   }
-  var __read$5 = globalThis && globalThis.__read || function(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
-      };
-    } finally {
-      try {
-        if (r && !r.done && (m = i["return"]))
-          m.call(i);
-      } finally {
-        if (e)
-          throw e.error;
-      }
-    }
-    return ar;
-  };
   function useDebounceEffect(effect, deps, options) {
-    var _a = __read$5(React$4.useState({}), 2), flag = _a[0], setFlag = _a[1];
-    var run = useDebounceFn(function() {
+    const [flag, setFlag] = React$4.useState({});
+    const {
+      run
+    } = useDebounceFn(() => {
       setFlag({});
-    }, options).run;
-    React$4.useEffect(function() {
+    }, options);
+    React$4.useEffect(() => {
       return run();
     }, deps);
     useUpdateEffect(effect, [flag]);
@@ -2706,333 +2596,66 @@
     window.IntersectionObserver = IntersectionObserver2;
     window.IntersectionObserverEntry = IntersectionObserverEntry;
   })();
-  var __assign = globalThis && globalThis.__assign || function() {
-    __assign = Object.assign || function(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);
-  };
-  var __read$4 = globalThis && globalThis.__read || function(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
-      };
-    } finally {
-      try {
-        if (r && !r.done && (m = i["return"]))
-          m.call(i);
-      } finally {
-        if (e)
-          throw e.error;
-      }
-    }
-    return ar;
-  };
-  var __values = globalThis && globalThis.__values || function(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 next() {
-          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 useInViewport(target, options) {
-    var _a = __read$4(React$4.useState(), 2), state = _a[0], setState = _a[1];
-    var _b = __read$4(React$4.useState(), 2), ratio = _b[0], setRatio = _b[1];
-    useEffectWithTarget$2(function() {
-      var el = getTargetElement(target);
+    const [state, setState] = React$4.useState();
+    const [ratio, setRatio] = React$4.useState();
+    useEffectWithTarget$2(() => {
+      const el = getTargetElement(target);
       if (!el) {
         return;
       }
-      var observer = new IntersectionObserver(function(entries) {
-        var e_1, _a2;
-        try {
-          for (var entries_1 = __values(entries), entries_1_1 = entries_1.next(); !entries_1_1.done; entries_1_1 = entries_1.next()) {
-            var entry = entries_1_1.value;
-            setRatio(entry.intersectionRatio);
-            setState(entry.isIntersecting);
-          }
-        } catch (e_1_1) {
-          e_1 = {
-            error: e_1_1
-          };
-        } finally {
-          try {
-            if (entries_1_1 && !entries_1_1.done && (_a2 = entries_1["return"]))
-              _a2.call(entries_1);
-          } finally {
-            if (e_1)
-              throw e_1.error;
-          }
+      const observer = new IntersectionObserver((entries) => {
+        for (const entry of entries) {
+          setRatio(entry.intersectionRatio);
+          setState(entry.isIntersecting);
         }
-      }, __assign(__assign({}, options), {
+      }, Object.assign(Object.assign({}, options), {
         root: getTargetElement(options === null || options === void 0 ? void 0 : options.root)
       }));
       observer.observe(el);
-      return function() {
+      return () => {
         observer.disconnect();
       };
-    }, [], target);
+    }, [options === null || options === void 0 ? void 0 : options.rootMargin, options === null || options === void 0 ? void 0 : options.threshold], target);
     return [state, ratio];
   }
-  var useIsomorphicLayoutEffect$1 = isBrowser$3 ? React$4.useLayoutEffect : React$4.useEffect;
+  const useIsomorphicLayoutEffect$1 = isBrowser$3 ? React$4.useLayoutEffect : React$4.useEffect;
   const useIsomorphicLayoutEffect$2 = useIsomorphicLayoutEffect$1;
-  var __awaiter = globalThis && globalThis.__awaiter || function(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(result2) {
-        result2.done ? resolve(result2.value) : adopt(result2.value).then(fulfilled, rejected);
-      }
-      step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-  };
-  var __generator = globalThis && globalThis.__generator || function(thisArg, body) {
-    var _ = {
-      label: 0,
-      sent: function sent() {
-        if (t[0] & 1)
-          throw t[1];
-        return t[1];
-      },
-      trys: [],
-      ops: []
-    }, f, y, t, g;
-    return g = {
-      next: verb(0),
-      "throw": verb(1),
-      "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 (_) {
-        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
-      };
-    }
-  };
-  var __read$3 = globalThis && globalThis.__read || function(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
-      };
-    } finally {
-      try {
-        if (r && !r.done && (m = i["return"]))
-          m.call(i);
-      } finally {
-        if (e)
-          throw e.error;
-      }
-    }
-    return ar;
-  };
-  var __spreadArray$1 = globalThis && globalThis.__spreadArray || function(to2, 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 to2.concat(ar || Array.prototype.slice.call(from));
-  };
   function useLockFn(fn) {
-    var _this = this;
-    var lockRef = React$4.useRef(false);
-    return React$4.useCallback(function() {
-      var args = [];
-      for (var _i = 0; _i < arguments.length; _i++) {
-        args[_i] = arguments[_i];
-      }
-      return __awaiter(_this, void 0, void 0, function() {
-        var ret, e_1;
-        return __generator(this, function(_a) {
-          switch (_a.label) {
-            case 0:
-              if (lockRef.current)
-                return [2];
-              lockRef.current = true;
-              _a.label = 1;
-            case 1:
-              _a.trys.push([1, 3, , 4]);
-              return [4, fn.apply(void 0, __spreadArray$1([], __read$3(args), false))];
-            case 2:
-              ret = _a.sent();
-              lockRef.current = false;
-              return [2, ret];
-            case 3:
-              e_1 = _a.sent();
-              lockRef.current = false;
-              throw e_1;
-            case 4:
-              return [2];
-          }
-        });
-      });
-    }, [fn]);
-  }
-  var __read$2 = globalThis && globalThis.__read || function(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
-      };
-    } finally {
+    const lockRef = React$4.useRef(false);
+    return React$4.useCallback((...args) => __awaiter(this, void 0, void 0, function* () {
+      if (lockRef.current)
+        return;
+      lockRef.current = true;
       try {
-        if (r && !r.done && (m = i["return"]))
-          m.call(i);
-      } finally {
-        if (e)
-          throw e.error;
+        const ret = yield fn(...args);
+        lockRef.current = false;
+        return ret;
+      } catch (e) {
+        lockRef.current = false;
+        throw e;
       }
-    }
-    return ar;
-  };
+    }), [fn]);
+  }
   function useRafState(initialState) {
-    var ref = React$4.useRef(0);
-    var _a = __read$2(React$4.useState(initialState), 2), state = _a[0], setState = _a[1];
-    var setRafState = React$4.useCallback(function(value) {
+    const ref = React$4.useRef(0);
+    const [state, setState] = React$4.useState(initialState);
+    const setRafState = React$4.useCallback((value) => {
       cancelAnimationFrame(ref.current);
-      ref.current = requestAnimationFrame(function() {
+      ref.current = requestAnimationFrame(() => {
         setState(value);
       });
     }, []);
-    useUnmount$1(function() {
+    useUnmount$1(() => {
       cancelAnimationFrame(ref.current);
     });
     return [state, setRafState];
   }
-  var useUnmountedRef = function useUnmountedRef2() {
-    var unmountedRef = React$4.useRef(false);
-    React$4.useEffect(function() {
+  const useUnmountedRef = () => {
+    const unmountedRef = React$4.useRef(false);
+    React$4.useEffect(() => {
       unmountedRef.current = false;
-      return function() {
+      return () => {
         unmountedRef.current = true;
       };
     }, []);
@@ -3510,44 +3133,23 @@
     }
     return ResizeObserver$1;
   }();
-  var useEffectWithTarget = createEffectWithTarget$1(React$4.useLayoutEffect);
+  const useEffectWithTarget = createEffectWithTarget$1(React$4.useLayoutEffect);
   const useLayoutEffectWithTarget = useEffectWithTarget;
-  var useIsomorphicLayoutEffectWithTarget = isBrowser$3 ? useLayoutEffectWithTarget : useEffectWithTarget$2;
+  const useIsomorphicLayoutEffectWithTarget = isBrowser$3 ? useLayoutEffectWithTarget : useEffectWithTarget$2;
   const useIsomorphicLayoutEffectWithTarget$1 = useIsomorphicLayoutEffectWithTarget;
-  var __read$1 = globalThis && globalThis.__read || function(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
-      };
-    } finally {
-      try {
-        if (r && !r.done && (m = i["return"]))
-          m.call(i);
-      } finally {
-        if (e)
-          throw e.error;
-      }
-    }
-    return ar;
-  };
   function useSize(target) {
-    var _a = __read$1(useRafState(), 2), state = _a[0], setState = _a[1];
-    useIsomorphicLayoutEffectWithTarget$1(function() {
-      var el = getTargetElement(target);
+    const [state, setState] = useRafState();
+    useIsomorphicLayoutEffectWithTarget$1(() => {
+      const el = getTargetElement(target);
       if (!el) {
         return;
       }
-      var resizeObserver = new index$k(function(entries) {
-        entries.forEach(function(entry) {
-          var _a2 = entry.target, clientWidth = _a2.clientWidth, clientHeight = _a2.clientHeight;
+      const resizeObserver = new index$k((entries) => {
+        entries.forEach((entry) => {
+          const {
+            clientWidth,
+            clientHeight
+          } = entry.target;
           setState({
             width: clientWidth,
             height: clientHeight
@@ -3555,66 +3157,25 @@
         });
       });
       resizeObserver.observe(el);
-      return function() {
+      return () => {
         resizeObserver.disconnect();
       };
     }, [], target);
     return state;
   }
-  var __read = globalThis && globalThis.__read || function(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
-      };
-    } finally {
-      try {
-        if (r && !r.done && (m = i["return"]))
-          m.call(i);
-      } finally {
-        if (e)
-          throw e.error;
-      }
-    }
-    return ar;
-  };
-  var __spreadArray = globalThis && globalThis.__spreadArray || function(to2, 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 to2.concat(ar || Array.prototype.slice.call(from));
-  };
   function useThrottleFn(fn, options) {
     var _a;
     if (isDev$2) {
       if (!isFunction$1(fn)) {
-        console.error("useThrottleFn expected parameter is a function, got ".concat(typeof fn));
+        console.error(`useThrottleFn expected parameter is a function, got ${typeof fn}`);
       }
     }
-    var fnRef = useLatest(fn);
-    var wait = (_a = options === null || options === void 0 ? void 0 : options.wait) !== null && _a !== void 0 ? _a : 1e3;
-    var throttled = React$4.useMemo(function() {
-      return throttle_1(function() {
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-          args[_i] = arguments[_i];
-        }
-        return fnRef.current.apply(fnRef, __spreadArray([], __read(args), false));
-      }, wait, options);
-    }, []);
-    useUnmount$1(function() {
+    const fnRef = useLatest(fn);
+    const wait = (_a = options === null || options === void 0 ? void 0 : options.wait) !== null && _a !== void 0 ? _a : 1e3;
+    const throttled = React$4.useMemo(() => throttle_1((...args) => {
+      return fnRef.current(...args);
+    }, wait, options), []);
+    useUnmount$1(() => {
       throttled.cancel();
     });
     return {
@@ -3624,22 +3185,22 @@
     };
   }
   function useTimeout(fn, delay) {
-    var fnRef = useLatest(fn);
-    var timerRef = React$4.useRef(null);
-    React$4.useEffect(function() {
+    const fnRef = useLatest(fn);
+    const timerRef = React$4.useRef(null);
+    React$4.useEffect(() => {
       if (!isNumber(delay) || delay < 0) {
         return;
       }
-      timerRef.current = setTimeout(function() {
+      timerRef.current = setTimeout(() => {
         fnRef.current();
       }, delay);
-      return function() {
+      return () => {
         if (timerRef.current) {
           clearTimeout(timerRef.current);
         }
       };
     }, [delay]);
-    var clear2 = React$4.useCallback(function() {
+    const clear2 = React$4.useCallback(() => {
       if (timerRef.current) {
         clearTimeout(timerRef.current);
       }
@@ -4131,6 +3692,7 @@
     const index2 = arr.findIndex(test);
     return index2 < 0 ? arr.length : index2;
   }
+  const clamp$1 = (min2, max2, v) => Math.min(Math.max(v, min2), max2);
   const colors = {
     transparent: 0,
     aliceblue: 4042850303,
@@ -4452,6 +4014,64 @@
         break;
     return i - 1;
   }
+  const steps$1 = (steps2, direction = "end") => (progress) => {
+    progress = direction === "end" ? Math.min(progress, 0.999) : Math.max(progress, 1e-3);
+    const expanded = progress * steps2;
+    const rounded = direction === "end" ? Math.floor(expanded) : Math.ceil(expanded);
+    return clamp$1(0, 1, rounded / steps2);
+  };
+  const c1 = 1.70158;
+  const c2 = c1 * 1.525;
+  const c3 = c1 + 1;
+  const c4 = 2 * Math.PI / 3;
+  const c5 = 2 * Math.PI / 4.5;
+  const bounceOut = (x) => {
+    const n1 = 7.5625;
+    const d1 = 2.75;
+    if (x < 1 / d1) {
+      return n1 * x * x;
+    } else if (x < 2 / d1) {
+      return n1 * (x -= 1.5 / d1) * x + 0.75;
+    } else if (x < 2.5 / d1) {
+      return n1 * (x -= 2.25 / d1) * x + 0.9375;
+    } else {
+      return n1 * (x -= 2.625 / d1) * x + 0.984375;
+    }
+  };
+  const easings = {
+    linear: (x) => x,
+    easeInQuad: (x) => x * x,
+    easeOutQuad: (x) => 1 - (1 - x) * (1 - x),
+    easeInOutQuad: (x) => x < 0.5 ? 2 * x * x : 1 - Math.pow(-2 * x + 2, 2) / 2,
+    easeInCubic: (x) => x * x * x,
+    easeOutCubic: (x) => 1 - Math.pow(1 - x, 3),
+    easeInOutCubic: (x) => x < 0.5 ? 4 * x * x * x : 1 - Math.pow(-2 * x + 2, 3) / 2,
+    easeInQuart: (x) => x * x * x * x,
+    easeOutQuart: (x) => 1 - Math.pow(1 - x, 4),
+    easeInOutQuart: (x) => x < 0.5 ? 8 * x * x * x * x : 1 - Math.pow(-2 * x + 2, 4) / 2,
+    easeInQuint: (x) => x * x * x * x * x,
+    easeOutQuint: (x) => 1 - Math.pow(1 - x, 5),
+    easeInOutQuint: (x) => x < 0.5 ? 16 * x * x * x * x * x : 1 - Math.pow(-2 * x + 2, 5) / 2,
+    easeInSine: (x) => 1 - Math.cos(x * Math.PI / 2),
+    easeOutSine: (x) => Math.sin(x * Math.PI / 2),
+    easeInOutSine: (x) => -(Math.cos(Math.PI * x) - 1) / 2,
+    easeInExpo: (x) => x === 0 ? 0 : Math.pow(2, 10 * x - 10),
+    easeOutExpo: (x) => x === 1 ? 1 : 1 - Math.pow(2, -10 * x),
+    easeInOutExpo: (x) => x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ? Math.pow(2, 20 * x - 10) / 2 : (2 - Math.pow(2, -20 * x + 10)) / 2,
+    easeInCirc: (x) => 1 - Math.sqrt(1 - Math.pow(x, 2)),
+    easeOutCirc: (x) => Math.sqrt(1 - Math.pow(x - 1, 2)),
+    easeInOutCirc: (x) => x < 0.5 ? (1 - Math.sqrt(1 - Math.pow(2 * x, 2))) / 2 : (Math.sqrt(1 - Math.pow(-2 * x + 2, 2)) + 1) / 2,
+    easeInBack: (x) => c3 * x * x * x - c1 * x * x,
+    easeOutBack: (x) => 1 + c3 * Math.pow(x - 1, 3) + c1 * Math.pow(x - 1, 2),
+    easeInOutBack: (x) => x < 0.5 ? Math.pow(2 * x, 2) * ((c2 + 1) * 2 * x - c2) / 2 : (Math.pow(2 * x - 2, 2) * ((c2 + 1) * (x * 2 - 2) + c2) + 2) / 2,
+    easeInElastic: (x) => x === 0 ? 0 : x === 1 ? 1 : -Math.pow(2, 10 * x - 10) * Math.sin((x * 10 - 10.75) * c4),
+    easeOutElastic: (x) => x === 0 ? 0 : x === 1 ? 1 : Math.pow(2, -10 * x) * Math.sin((x * 10 - 0.75) * c4) + 1,
+    easeInOutElastic: (x) => x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ? -(Math.pow(2, 20 * x - 10) * Math.sin((20 * x - 11.125) * c5)) / 2 : Math.pow(2, -20 * x + 10) * Math.sin((20 * x - 11.125) * c5) / 2 + 1,
+    easeInBounce: (x) => 1 - bounceOut(1 - x),
+    easeOutBounce: bounceOut,
+    easeInOutBounce: (x) => x < 0.5 ? (1 - bounceOut(1 - 2 * x)) / 2 : (1 + bounceOut(2 * x - 1)) / 2,
+    steps: steps$1
+  };
   function _extends$4() {
     _extends$4 = Object.assign ? Object.assign.bind() : function(target) {
       for (var i = 1; i < arguments.length; i++) {
@@ -5133,57 +4753,6 @@
       friction: 120
     }
   };
-  const c1 = 1.70158;
-  const c2 = c1 * 1.525;
-  const c3 = c1 + 1;
-  const c4 = 2 * Math.PI / 3;
-  const c5 = 2 * Math.PI / 4.5;
-  const bounceOut = (x) => {
-    const n1 = 7.5625;
-    const d1 = 2.75;
-    if (x < 1 / d1) {
-      return n1 * x * x;
-    } else if (x < 2 / d1) {
-      return n1 * (x -= 1.5 / d1) * x + 0.75;
-    } else if (x < 2.5 / d1) {
-      return n1 * (x -= 2.25 / d1) * x + 0.9375;
-    } else {
-      return n1 * (x -= 2.625 / d1) * x + 0.984375;
-    }
-  };
-  const easings = {
-    linear: (x) => x,
-    easeInQuad: (x) => x * x,
-    easeOutQuad: (x) => 1 - (1 - x) * (1 - x),
-    easeInOutQuad: (x) => x < 0.5 ? 2 * x * x : 1 - Math.pow(-2 * x + 2, 2) / 2,
-    easeInCubic: (x) => x * x * x,
-    easeOutCubic: (x) => 1 - Math.pow(1 - x, 3),
-    easeInOutCubic: (x) => x < 0.5 ? 4 * x * x * x : 1 - Math.pow(-2 * x + 2, 3) / 2,
-    easeInQuart: (x) => x * x * x * x,
-    easeOutQuart: (x) => 1 - Math.pow(1 - x, 4),
-    easeInOutQuart: (x) => x < 0.5 ? 8 * x * x * x * x : 1 - Math.pow(-2 * x + 2, 4) / 2,
-    easeInQuint: (x) => x * x * x * x * x,
-    easeOutQuint: (x) => 1 - Math.pow(1 - x, 5),
-    easeInOutQuint: (x) => x < 0.5 ? 16 * x * x * x * x * x : 1 - Math.pow(-2 * x + 2, 5) / 2,
-    easeInSine: (x) => 1 - Math.cos(x * Math.PI / 2),
-    easeOutSine: (x) => Math.sin(x * Math.PI / 2),
-    easeInOutSine: (x) => -(Math.cos(Math.PI * x) - 1) / 2,
-    easeInExpo: (x) => x === 0 ? 0 : Math.pow(2, 10 * x - 10),
-    easeOutExpo: (x) => x === 1 ? 1 : 1 - Math.pow(2, -10 * x),
-    easeInOutExpo: (x) => x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ? Math.pow(2, 20 * x - 10) / 2 : (2 - Math.pow(2, -20 * x + 10)) / 2,
-    easeInCirc: (x) => 1 - Math.sqrt(1 - Math.pow(x, 2)),
-    easeOutCirc: (x) => Math.sqrt(1 - Math.pow(x - 1, 2)),
-    easeInOutCirc: (x) => x < 0.5 ? (1 - Math.sqrt(1 - Math.pow(2 * x, 2))) / 2 : (Math.sqrt(1 - Math.pow(-2 * x + 2, 2)) + 1) / 2,
-    easeInBack: (x) => c3 * x * x * x - c1 * x * x,
-    easeOutBack: (x) => 1 + c3 * Math.pow(x - 1, 3) + c1 * Math.pow(x - 1, 2),
-    easeInOutBack: (x) => x < 0.5 ? Math.pow(2 * x, 2) * ((c2 + 1) * 2 * x - c2) / 2 : (Math.pow(2 * x - 2, 2) * ((c2 + 1) * (x * 2 - 2) + c2) + 2) / 2,
-    easeInElastic: (x) => x === 0 ? 0 : x === 1 ? 1 : -Math.pow(2, 10 * x - 10) * Math.sin((x * 10 - 10.75) * c4),
-    easeOutElastic: (x) => x === 0 ? 0 : x === 1 ? 1 : Math.pow(2, -10 * x) * Math.sin((x * 10 - 0.75) * c4) + 1,
-    easeInOutElastic: (x) => x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ? -(Math.pow(2, 20 * x - 10) * Math.sin((20 * x - 11.125) * c5)) / 2 : Math.pow(2, -20 * x + 10) * Math.sin((20 * x - 11.125) * c5) / 2 + 1,
-    easeInBounce: (x) => 1 - bounceOut(1 - x),
-    easeOutBounce: bounceOut,
-    easeInOutBounce: (x) => x < 0.5 ? (1 - bounceOut(1 - 2 * x)) / 2 : (1 + bounceOut(2 * x - 1)) / 2
-  };
   const defaults = _extends$2({}, config$1.default, {
     mass: 1,
     damping: 1,
@@ -5379,7 +4948,7 @@
       };
       const animate = (arg1, arg2) => {
         const bailSignal = new BailSignal();
-        const skipAnimationSignal = new SkipAniamtionSignal();
+        const skipAnimationSignal = new SkipAnimationSignal();
         return (async () => {
           if (globals.skipAnimation) {
             stopAsync(state);
@@ -5428,7 +4997,7 @@
       } catch (err) {
         if (err instanceof BailSignal) {
           result2 = err.result;
-        } else if (err instanceof SkipAniamtionSignal) {
+        } else if (err instanceof SkipAnimationSignal) {
           result2 = err.result;
         } else {
           throw err;
@@ -5462,7 +5031,7 @@
       this.result = void 0;
     }
   }
-  class SkipAniamtionSignal extends Error {
+  class SkipAnimationSignal extends Error {
     constructor() {
       super("SkipAnimationSignal");
       this.result = void 0;
@@ -6493,11 +6062,11 @@
     }
     return target;
   }
-  const _excluded$3$1 = ["children"];
+  const _excluded$6 = ["children"];
   const SpringContext = (_ref) => {
     let {
       children
-    } = _ref, props = _objectWithoutPropertiesLoose$3(_ref, _excluded$3$1);
+    } = _ref, props = _objectWithoutPropertiesLoose$3(_ref, _excluded$6);
     const inherited = React$4.useContext(ctx);
     const pause = props.pause || !!inherited.pause, immediate = props.immediate || !!inherited.immediate;
     props = useMemoOne(() => ({
@@ -6801,7 +6370,7 @@
     }
     return target;
   }
-  const _excluded$2$1 = ["style", "children", "scrollTop", "scrollLeft"];
+  const _excluded$2$1 = ["style", "children", "scrollTop", "scrollLeft", "viewBox"];
   const isCustomPropRE = /^--/;
   function dangerousStyleValue(name, value) {
     if (value == null || typeof value === "boolean" || value === "")
@@ -6820,7 +6389,8 @@
       style,
       children,
       scrollTop,
-      scrollLeft
+      scrollLeft,
+      viewBox
     } = _ref, attributes = _objectWithoutPropertiesLoose$2(_ref, _excluded$2$1);
     const values = Object.values(attributes);
     const names = Object.keys(attributes).map((name) => isFilterElement || instance.hasAttribute(name) ? name : attributeCache[name] || (attributeCache[name] = name.replace(/([A-Z])/g, (n) => "-" + n.toLowerCase())));
@@ -6846,6 +6416,9 @@
     if (scrollLeft !== void 0) {
       instance.scrollLeft = scrollLeft;
     }
+    if (viewBox !== void 0) {
+      instance.setAttribute("viewBox", viewBox);
+    }
   }
   let isUnitlessNumber = {
     animationIterationCount: true,
@@ -7018,13 +6591,13 @@
       return false;
     return !destroyOnClose;
   }
-  const eventToPropRecord = {
+  const eventToPropRecord$1 = {
     "click": "onClick"
   };
   function withStopPropagation(events, element) {
     const props = Object.assign({}, element.props);
     for (const key of events) {
-      const prop = eventToPropRecord[key];
+      const prop = eventToPropRecord$1[key];
       props[prop] = function(e) {
         var _a, _b;
         e.stopPropagation();
@@ -7738,6 +7311,9 @@
   });
   const Popup$1 = (p) => {
     const props = mergeProps(defaultProps$12, p);
+    const {
+      locale
+    } = useConfig();
     const bodyCls = classNames(`${classPrefix$1k}-body`, props.bodyClassName, `${classPrefix$1k}-body-position-${props.position}`);
     const [active, setActive] = React$4.useState(props.visible);
     useIsomorphicLayoutEffect$2(() => {
@@ -7817,7 +7393,9 @@
       onClick: () => {
         var _a;
         (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
-      }
+      },
+      role: "button",
+      "aria-label": locale.common.close
     }, React__default.default.createElement(CloseOutline, null)), props.children))));
     return React__default.default.createElement(ShouldRender, {
       active,
@@ -7878,7 +7456,7 @@
     return unmountComponentAtNode(container);
   }
   function concurrentUnmount(container) {
-    return __awaiter$1(this, void 0, void 0, function* () {
+    return __awaiter(this, void 0, void 0, function* () {
       return Promise.resolve().then(() => {
         var _a;
         (_a = container[MARK]) === null || _a === void 0 ? void 0 : _a.unmount();
@@ -8357,7 +7935,7 @@
         return nativeButtonRef.current;
       }
     }));
-    const handleClick = (e) => __awaiter$1(void 0, void 0, void 0, function* () {
+    const handleClick = (e) => __awaiter(void 0, void 0, void 0, function* () {
       if (!props.onClick)
         return;
       const promise = props.onClick(e);
@@ -8699,7 +8277,7 @@
           }
         }, React__default.default.createElement("div", {
           className: `${classPrefix$1b}-cell-top`
-        }, d.date()), React__default.default.createElement("div", {
+        }, props.renderDate ? props.renderDate(d.toDate()) : d.date()), React__default.default.createElement("div", {
           className: `${classPrefix$1b}-cell-bottom`
         }, (_a = props.renderLabel) === null || _a === void 0 ? void 0 : _a.call(props, d.toDate()))));
         iterator = iterator.add(1, "day");
@@ -13441,7 +13019,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }, actions.map((action, index3) => React__default.default.createElement(DialogActionButton, {
         key: action.key,
         action,
-        onAction: () => __awaiter$1(void 0, void 0, void 0, function* () {
+        onAction: () => __awaiter(void 0, void 0, void 0, function* () {
           var _a, _b, _c;
           yield Promise.all([(_a = action.onClick) === null || _a === void 0 ? void 0 : _a.call(action), (_b = props.onAction) === null || _b === void 0 ? void 0 : _b.call(props, action, index3)]);
           if (props.closeOnAction) {
@@ -13532,7 +13110,7 @@ Please add \`${key}Action\` when creating your handler.`);
         actions: [[{
           key: "cancel",
           text: props.cancelText,
-          onClick: () => __awaiter$1(this, void 0, void 0, function* () {
+          onClick: () => __awaiter(this, void 0, void 0, function* () {
             var _a;
             yield (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props);
             resolve(false);
@@ -13541,7 +13119,7 @@ Please add \`${key}Action\` when creating your handler.`);
           key: "confirm",
           text: props.confirmText,
           bold: true,
-          onClick: () => __awaiter$1(this, void 0, void 0, function* () {
+          onClick: () => __awaiter(this, void 0, void 0, function* () {
             var _b;
             yield (_b = props.onConfirm) === null || _b === void 0 ? void 0 : _b.call(props);
             resolve(true);
@@ -13840,13 +13418,14 @@ Please add \`${key}Action\` when creating your handler.`);
     collapseText: "",
     stopPropagationForActionButtons: [],
     onContentClick: () => {
-    }
+    },
+    defaultExpanded: false
   };
   const Ellipsis$1 = (p) => {
     const props = mergeProps(defaultProps$G, p);
     const rootRef = React$4.useRef(null);
     const [ellipsised, setEllipsised] = React$4.useState({});
-    const [expanded, setExpanded] = React$4.useState(false);
+    const [expanded, setExpanded] = React$4.useState(props.defaultExpanded);
     const [exceeded, setExceeded] = React$4.useState(false);
     const chars = React$4.useMemo(() => _runes_0_4_3_runes.exports(props.content), [props.content]);
     function getSubString(start2, end) {
@@ -14910,9 +14489,8 @@ Please add \`${key}Action\` when creating your handler.`);
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length)
       len = arr.length;
-    for (var i = 0, arr2 = new Array(len); i < len; i++) {
+    for (var i = 0, arr2 = new Array(len); i < len; i++)
       arr2[i] = arr[i];
-    }
     return arr2;
   }
   function _arrayWithoutHoles(arr) {
@@ -15444,10 +15022,9 @@ Please add \`${key}Action\` when creating your handler.`);
           return iterable;
         if (!isNaN(iterable.length)) {
           var i = -1, next = function next2() {
-            for (; ++i < iterable.length; ) {
+            for (; ++i < iterable.length; )
               if (hasOwn.call(iterable, i))
                 return next2.value = iterable[i], next2.done = false, next2;
-            }
             return next2.value = void 0, next2.done = true, next2;
           };
           return next.next = next;
@@ -15492,9 +15069,8 @@ Please add \`${key}Action\` when creating your handler.`);
       return "[object Generator]";
     }), exports3.keys = function(val) {
       var object2 = Object(val), keys2 = [];
-      for (var key in object2) {
+      for (var key in object2)
         keys2.push(key);
-      }
       return keys2.reverse(), function next() {
         for (; keys2.length; ) {
           var key2 = keys2.pop();
@@ -15507,9 +15083,8 @@ Please add \`${key}Action\` when creating your handler.`);
       constructor: Context2,
       reset: function reset(skipTempReset) {
         if (this.prev = 0, this.next = 0, this.sent = this._sent = void 0, this.done = false, this.delegate = null, this.method = "next", this.arg = void 0, this.tryEntries.forEach(resetTryEntry), !skipTempReset)
-          for (var name in this) {
+          for (var name in this)
             "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = void 0);
-          }
       },
       stop: function stop2() {
         this.done = true;
@@ -16906,7 +16481,7 @@ Please add \`${key}Action\` when creating your handler.`);
     _validateRule = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee2(name, value, rule, options, messageVariables) {
       var cloneRule, originValidator, subRuleField, validator, messages2, result2, subResults, kv, fillVariableResult;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) {
+        while (1)
           switch (_context2.prev = _context2.next) {
             case 0:
               cloneRule = _objectSpread2({}, rule);
@@ -16979,7 +16554,6 @@ Please add \`${key}Action\` when creating your handler.`);
             case "end":
               return _context2.stop();
           }
-        }
       }, _callee2, null, [[9, 14]]);
     }));
     return _validateRule.apply(this, arguments);
@@ -17035,7 +16609,7 @@ Please add \`${key}Action\` when creating your handler.`);
         var _ref3 = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee(resolve, reject) {
           var i, rule, errors;
           return _regeneratorRuntime().wrap(function _callee$(_context) {
-            while (1) {
+            while (1)
               switch (_context.prev = _context.next) {
                 case 0:
                   i = 0;
@@ -17068,7 +16642,6 @@ Please add \`${key}Action\` when creating your handler.`);
                 case "end":
                   return _context.stop();
               }
-            }
           }, _callee);
         }));
         return function(_x6, _x7) {
@@ -17099,7 +16672,7 @@ Please add \`${key}Action\` when creating your handler.`);
   function _finishOnAllFailed() {
     _finishOnAllFailed = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee3(rulePromises) {
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-        while (1) {
+        while (1)
           switch (_context3.prev = _context3.next) {
             case 0:
               return _context3.abrupt("return", Promise.all(rulePromises).then(function(errorsList) {
@@ -17111,7 +16684,6 @@ Please add \`${key}Action\` when creating your handler.`);
             case "end":
               return _context3.stop();
           }
-        }
       }, _callee3);
     }));
     return _finishOnAllFailed.apply(this, arguments);
@@ -17123,7 +16695,7 @@ Please add \`${key}Action\` when creating your handler.`);
     _finishOnFirstFailed = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime().mark(function _callee4(rulePromises) {
       var count;
       return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-        while (1) {
+        while (1)
           switch (_context4.prev = _context4.next) {
             case 0:
               count = 0;
@@ -17144,7 +16716,6 @@ Please add \`${key}Action\` when creating your handler.`);
             case "end":
               return _context4.stop();
           }
-        }
       }, _callee4);
     }));
     return _finishOnFirstFailed.apply(this, arguments);
@@ -17685,9 +17256,8 @@ Please add \`${key}Action\` when creating your handler.`);
             return;
           _n = false;
         } else
-          for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = true) {
+          for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = true)
             ;
-          }
       } catch (err) {
         _d = true, _e = err;
       } finally {
@@ -18658,6 +18228,11 @@ Please add \`${key}Action\` when creating your handler.`);
       return Math.random();
     }
   }
+  var useWatchWarning = function(namePath) {
+    var fullyStr = namePath.join("__RC_FIELD_FORM_SPLIT__");
+    var nameStrRef = React$4.useRef(fullyStr);
+    warningOnce$1(nameStrRef.current === fullyStr, "`useWatch` is not support dynamic `namePath`. Please provide static instead.");
+  };
   function useWatch() {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
@@ -18678,6 +18253,7 @@ Please add \`${key}Action\` when creating your handler.`);
     var namePath = getNamePath(dependencies);
     var namePathRef = React$4.useRef(namePath);
     namePathRef.current = namePath;
+    useWatchWarning(namePath);
     React$4.useEffect(
       function() {
         if (!isValidForm) {
@@ -19230,18 +18806,18 @@ Please add \`${key}Action\` when creating your handler.`);
       d: "M0,0 L30,0 L18.07289,14.312538 C16.65863,16.009645 14.13637,16.238942 12.43926,14.824685 C12.25341,14.669808 12.08199,14.49839 11.92711,14.312538 L0,0 L0,0 Z"
     }))));
   });
-  function getSide(placement) {
-    return placement.split("-")[0];
-  }
   function getAlignment(placement) {
     return placement.split("-")[1];
   }
-  function getMainAxisFromPlacement(placement) {
-    return ["top", "bottom"].includes(getSide(placement)) ? "x" : "y";
-  }
   function getLengthFromAxis(axis) {
     return axis === "y" ? "height" : "width";
   }
+  function getSide(placement) {
+    return placement.split("-")[0];
+  }
+  function getMainAxisFromPlacement(placement) {
+    return ["top", "bottom"].includes(getSide(placement)) ? "x" : "y";
+  }
   function computeCoordsFromPlacement(_ref, placement, rtl) {
     let {
       reference,
@@ -19427,7 +19003,7 @@ Please add \`${key}Action\` when creating your handler.`);
       bottom: rect.y + rect.height
     };
   }
-  async function detectOverflow(middlewareArguments, options) {
+  async function detectOverflow(state, options) {
     var _await$platform$isEle;
     if (options === void 0) {
       options = {};
@@ -19439,7 +19015,7 @@ Please add \`${key}Action\` when creating your handler.`);
       rects,
       elements,
       strategy
-    } = middlewareArguments;
+    } = state;
     const {
       boundary = "clippingAncestors",
       rootBoundary = "viewport",
@@ -19489,18 +19065,18 @@ Please add \`${key}Action\` when creating your handler.`);
   const arrow = (options) => ({
     name: "arrow",
     options,
-    async fn(middlewareArguments) {
+    async fn(state) {
       const {
         element,
         padding = 0
-      } = options != null ? options : {};
+      } = options || {};
       const {
         x,
         y,
         placement,
         rects,
         platform: platform2
-      } = middlewareArguments;
+      } = state;
       if (element == null) {
         {
           console.warn("Floating UI: No `element` was passed to the `arrow` middleware.");
@@ -19513,7 +19089,6 @@ Please add \`${key}Action\` when creating your handler.`);
         y
       };
       const axis = getMainAxisFromPlacement(placement);
-      const alignment = getAlignment(placement);
       const length = getLengthFromAxis(axis);
       const arrowDimensions = await platform2.getDimensions(element);
       const minProp = axis === "y" ? "top" : "left";
@@ -19530,8 +19105,7 @@ Please add \`${key}Action\` when creating your handler.`);
       const max2 = clientSize - arrowDimensions[length] - paddingObject[maxProp];
       const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;
       const offset2 = within(min2, center, max2);
-      const alignmentPadding = alignment === "start" ? paddingObject[minProp] : paddingObject[maxProp];
-      const shouldAddOffset = alignmentPadding > 0 && center !== offset2 && rects.reference[length] <= rects.floating[length];
+      const shouldAddOffset = getAlignment(placement) != null && center != offset2 && rects.reference[length] / 2 - (center < min2 ? paddingObject[minProp] : paddingObject[maxProp]) - arrowDimensions[length] / 2 < 0;
       const alignmentOffset = shouldAddOffset ? center < min2 ? min2 - center : max2 - center : 0;
       return {
         [axis]: coords[axis] - alignmentOffset,
@@ -19542,14 +19116,15 @@ Please add \`${key}Action\` when creating your handler.`);
       };
     }
   });
-  const hash$1 = {
+  const sides = ["top", "right", "bottom", "left"];
+  const oppositeSideMap = {
     left: "right",
     right: "left",
     bottom: "top",
     top: "bottom"
   };
   function getOppositePlacement(placement) {
-    return placement.replace(/left|right|bottom|top/g, (matched) => hash$1[matched]);
+    return placement.replace(/left|right|bottom|top/g, (side) => oppositeSideMap[side]);
   }
   function getAlignmentSides(placement, rects, rtl) {
     if (rtl === void 0) {
@@ -19567,18 +19142,46 @@ Please add \`${key}Action\` when creating your handler.`);
       cross: getOppositePlacement(mainAlignmentSide)
     };
   }
-  const hash = {
+  const oppositeAlignmentMap = {
     start: "end",
     end: "start"
   };
   function getOppositeAlignmentPlacement(placement) {
-    return placement.replace(/start|end/g, (matched) => hash[matched]);
+    return placement.replace(/start|end/g, (alignment) => oppositeAlignmentMap[alignment]);
   }
-  const sides = ["top", "right", "bottom", "left"];
   function getExpandedPlacements(placement) {
     const oppositePlacement = getOppositePlacement(placement);
     return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
   }
+  function getSideList(side, isStart, rtl) {
+    const lr = ["left", "right"];
+    const rl = ["right", "left"];
+    const tb = ["top", "bottom"];
+    const bt = ["bottom", "top"];
+    switch (side) {
+      case "top":
+      case "bottom":
+        if (rtl)
+          return isStart ? rl : lr;
+        return isStart ? lr : rl;
+      case "left":
+      case "right":
+        return isStart ? tb : bt;
+      default:
+        return [];
+    }
+  }
+  function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
+    const alignment = getAlignment(placement);
+    let list2 = getSideList(getSide(placement), direction === "start", rtl);
+    if (alignment) {
+      list2 = list2.map((side) => side + "-" + alignment);
+      if (flipAlignment) {
+        list2 = list2.concat(list2.map(getOppositeAlignmentPlacement));
+      }
+    }
+    return list2;
+  }
   const flip = function(options) {
     if (options === void 0) {
       options = {};
@@ -19586,7 +19189,7 @@ Please add \`${key}Action\` when creating your handler.`);
     return {
       name: "flip",
       options,
-      async fn(middlewareArguments) {
+      async fn(state) {
         var _middlewareData$flip;
         const {
           placement,
@@ -19595,20 +19198,25 @@ Please add \`${key}Action\` when creating your handler.`);
           initialPlacement,
           platform: platform2,
           elements
-        } = middlewareArguments;
+        } = state;
         const {
           mainAxis: checkMainAxis = true,
           crossAxis: checkCrossAxis = true,
           fallbackPlacements: specifiedFallbackPlacements,
           fallbackStrategy = "bestFit",
+          fallbackAxisSideDirection = "none",
           flipAlignment = true,
           ...detectOverflowOptions
         } = options;
         const side = getSide(placement);
-        const isBasePlacement = side === initialPlacement;
+        const isBasePlacement = getSide(initialPlacement) === initialPlacement;
+        const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating));
         const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
+        if (!specifiedFallbackPlacements && fallbackAxisSideDirection !== "none") {
+          fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
+        }
         const placements = [initialPlacement, ...fallbackPlacements];
-        const overflow = await detectOverflow(middlewareArguments, detectOverflowOptions);
+        const overflow = await detectOverflow(state, detectOverflowOptions);
         const overflows = [];
         let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
         if (checkMainAxis) {
@@ -19618,7 +19226,7 @@ Please add \`${key}Action\` when creating your handler.`);
           const {
             main,
             cross
-          } = getAlignmentSides(placement, rects, await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating)));
+          } = getAlignmentSides(placement, rects, rtl);
           overflows.push(overflow[main], overflow[cross]);
         }
         overflowsData = [...overflowsData, {
@@ -19626,8 +19234,8 @@ Please add \`${key}Action\` when creating your handler.`);
           overflows
         }];
         if (!overflows.every((side2) => side2 <= 0)) {
-          var _middlewareData$flip$, _middlewareData$flip2;
-          const nextIndex = ((_middlewareData$flip$ = (_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) != null ? _middlewareData$flip$ : 0) + 1;
+          var _middlewareData$flip2, _overflowsData$filter;
+          const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
           const nextPlacement = placements[nextIndex];
           if (nextPlacement) {
             return {
@@ -19640,19 +19248,21 @@ Please add \`${key}Action\` when creating your handler.`);
               }
             };
           }
-          let resetPlacement = "bottom";
-          switch (fallbackStrategy) {
-            case "bestFit": {
-              var _overflowsData$map$so;
-              const placement2 = (_overflowsData$map$so = overflowsData.map((d) => [d, d.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$map$so[0].placement;
-              if (placement2) {
-                resetPlacement = placement2;
+          let resetPlacement = (_overflowsData$filter = overflowsData.filter((d) => d.overflows[0] <= 0).sort((a, b) => a.overflows[1] - b.overflows[1])[0]) == null ? void 0 : _overflowsData$filter.placement;
+          if (!resetPlacement) {
+            switch (fallbackStrategy) {
+              case "bestFit": {
+                var _overflowsData$map$so;
+                const placement2 = (_overflowsData$map$so = overflowsData.map((d) => [d.placement, d.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$map$so[0];
+                if (placement2) {
+                  resetPlacement = placement2;
+                }
+                break;
               }
-              break;
+              case "initialPlacement":
+                resetPlacement = initialPlacement;
+                break;
             }
-            case "initialPlacement":
-              resetPlacement = initialPlacement;
-              break;
           }
           if (placement !== resetPlacement) {
             return {
@@ -19677,20 +19287,24 @@ Please add \`${key}Action\` when creating your handler.`);
   function isAnySideFullyClipped(overflow) {
     return sides.some((side) => overflow[side] >= 0);
   }
-  const hide = function(_temp) {
-    let {
-      strategy = "referenceHidden",
-      ...detectOverflowOptions
-    } = _temp === void 0 ? {} : _temp;
+  const hide = function(options) {
+    if (options === void 0) {
+      options = {};
+    }
     return {
       name: "hide",
-      async fn(middlewareArguments) {
+      options,
+      async fn(state) {
+        const {
+          strategy = "referenceHidden",
+          ...detectOverflowOptions
+        } = options;
         const {
           rects
-        } = middlewareArguments;
+        } = state;
         switch (strategy) {
           case "referenceHidden": {
-            const overflow = await detectOverflow(middlewareArguments, {
+            const overflow = await detectOverflow(state, {
               ...detectOverflowOptions,
               elementContext: "reference"
             });
@@ -19703,7 +19317,7 @@ Please add \`${key}Action\` when creating your handler.`);
             };
           }
           case "escaped": {
-            const overflow = await detectOverflow(middlewareArguments, {
+            const overflow = await detectOverflow(state, {
               ...detectOverflowOptions,
               altBoundary: true
             });
@@ -19722,19 +19336,19 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     };
   };
-  async function convertValueToCoords(middlewareArguments, value) {
+  async function convertValueToCoords(state, value) {
     const {
       placement,
       platform: platform2,
       elements
-    } = middlewareArguments;
+    } = state;
     const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating));
     const side = getSide(placement);
     const alignment = getAlignment(placement);
     const isVertical = getMainAxisFromPlacement(placement) === "x";
     const mainAxisMulti = ["left", "top"].includes(side) ? -1 : 1;
     const crossAxisMulti = rtl && isVertical ? -1 : 1;
-    const rawValue = typeof value === "function" ? value(middlewareArguments) : value;
+    const rawValue = typeof value === "function" ? value(state) : value;
     let {
       mainAxis,
       crossAxis,
@@ -19767,12 +19381,12 @@ Please add \`${key}Action\` when creating your handler.`);
     return {
       name: "offset",
       options: value,
-      async fn(middlewareArguments) {
+      async fn(state) {
         const {
           x,
           y
-        } = middlewareArguments;
-        const diffCoords = await convertValueToCoords(middlewareArguments, value);
+        } = state;
+        const diffCoords = await convertValueToCoords(state, value);
         return {
           x: x + diffCoords.x,
           y: y + diffCoords.y,
@@ -19791,12 +19405,12 @@ Please add \`${key}Action\` when creating your handler.`);
     return {
       name: "shift",
       options,
-      async fn(middlewareArguments) {
+      async fn(state) {
         const {
           x,
           y,
           placement
-        } = middlewareArguments;
+        } = state;
         const {
           mainAxis: checkMainAxis = true,
           crossAxis: checkCrossAxis = false,
@@ -19818,7 +19432,7 @@ Please add \`${key}Action\` when creating your handler.`);
           x,
           y
         };
-        const overflow = await detectOverflow(middlewareArguments, detectOverflowOptions);
+        const overflow = await detectOverflow(state, detectOverflowOptions);
         const mainAxis = getMainAxisFromPlacement(getSide(placement));
         const crossAxis = getCrossAxis(mainAxis);
         let mainAxisCoord = coords[mainAxis];
@@ -19838,7 +19452,7 @@ Please add \`${key}Action\` when creating your handler.`);
           crossAxisCoord = within(min2, crossAxisCoord, max2);
         }
         const limitedCoords = limiter.fn({
-          ...middlewareArguments,
+          ...state,
           [mainAxis]: mainAxisCoord,
           [crossAxis]: crossAxisCoord
         });
@@ -19858,14 +19472,14 @@ Please add \`${key}Action\` when creating your handler.`);
     }
     return {
       options,
-      fn(middlewareArguments) {
+      fn(state) {
         const {
           x,
           y,
           placement,
           rects,
           middlewareData
-        } = middlewareArguments;
+        } = state;
         const {
           offset: offset2 = 0,
           mainAxis: checkMainAxis = true,
@@ -19879,7 +19493,7 @@ Please add \`${key}Action\` when creating your handler.`);
         const crossAxis = getCrossAxis(mainAxis);
         let mainAxisCoord = coords[mainAxis];
         let crossAxisCoord = coords[crossAxis];
-        const rawOffset = typeof offset2 === "function" ? offset2(middlewareArguments) : offset2;
+        const rawOffset = typeof offset2 === "function" ? offset2(state) : offset2;
         const computedOffset = typeof rawOffset === "number" ? {
           mainAxis: rawOffset,
           crossAxis: 0
@@ -19899,11 +19513,11 @@ Please add \`${key}Action\` when creating your handler.`);
           }
         }
         if (checkCrossAxis) {
-          var _middlewareData$offse, _middlewareData$offse2, _middlewareData$offse3, _middlewareData$offse4;
+          var _middlewareData$offse, _middlewareData$offse2;
           const len = mainAxis === "y" ? "width" : "height";
           const isOriginSide = ["top", "left"].includes(getSide(placement));
-          const limitMin = rects.reference[crossAxis] - rects.floating[len] + (isOriginSide ? (_middlewareData$offse = (_middlewareData$offse2 = middlewareData.offset) == null ? void 0 : _middlewareData$offse2[crossAxis]) != null ? _middlewareData$offse : 0 : 0) + (isOriginSide ? 0 : computedOffset.crossAxis);
-          const limitMax = rects.reference[crossAxis] + rects.reference[len] + (isOriginSide ? 0 : (_middlewareData$offse3 = (_middlewareData$offse4 = middlewareData.offset) == null ? void 0 : _middlewareData$offse4[crossAxis]) != null ? _middlewareData$offse3 : 0) - (isOriginSide ? computedOffset.crossAxis : 0);
+          const limitMin = rects.reference[crossAxis] - rects.floating[len] + (isOriginSide ? ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse[crossAxis]) || 0 : 0) + (isOriginSide ? 0 : computedOffset.crossAxis);
+          const limitMax = rects.reference[crossAxis] + rects.reference[len] + (isOriginSide ? 0 : ((_middlewareData$offse2 = middlewareData.offset) == null ? void 0 : _middlewareData$offse2[crossAxis]) || 0) - (isOriginSide ? computedOffset.crossAxis : 0);
           if (crossAxisCoord < limitMin) {
             crossAxisCoord = limitMin;
           } else if (crossAxisCoord > limitMax) {
@@ -19917,30 +19531,45 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     };
   };
-  const min = Math.min;
-  const max = Math.max;
-  const round = Math.round;
-  function getScale(element, paramRect) {
-    const rect = paramRect || element.getBoundingClientRect();
-    return {
-      x: element.offsetWidth > 0 ? round(rect.width) / element.offsetWidth || 1 : 1,
-      y: element.offsetHeight > 0 ? round(rect.height) / element.offsetHeight || 1 : 1
-    };
-  }
   function getWindow(node) {
     var _node$ownerDocument;
     return ((_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
   }
-  function getComputedStyle(element) {
+  function getComputedStyle$1(element) {
     return getWindow(element).getComputedStyle(element);
   }
+  const min = Math.min;
+  const max = Math.max;
+  const round = Math.round;
+  function getCssDimensions(element) {
+    const css = getComputedStyle$1(element);
+    let width = parseFloat(css.width);
+    let height = parseFloat(css.height);
+    const offsetWidth = element.offsetWidth;
+    const offsetHeight = element.offsetHeight;
+    const shouldFallback = round(width) !== offsetWidth || round(height) !== offsetHeight;
+    if (shouldFallback) {
+      width = offsetWidth;
+      height = offsetHeight;
+    }
+    return {
+      width,
+      height,
+      fallback: shouldFallback
+    };
+  }
   function getNodeName(node) {
     return isNode(node) ? (node.nodeName || "").toLowerCase() : "";
   }
+  let uaString;
   function getUAString() {
+    if (uaString) {
+      return uaString;
+    }
     const uaData = navigator.userAgentData;
     if (uaData && Array.isArray(uaData.brands)) {
-      return uaData.brands.map((item) => item.brand + "/" + item.version).join(" ");
+      uaString = uaData.brands.map((item) => item.brand + "/" + item.version).join(" ");
+      return uaString;
     }
     return navigator.userAgent;
   }
@@ -19966,31 +19595,60 @@ Please add \`${key}Action\` when creating your handler.`);
       overflowX,
       overflowY,
       display
-    } = getComputedStyle(element);
-    return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX) && !["inline", "contents"].includes(display);
+    } = getComputedStyle$1(element);
+    return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !["inline", "contents"].includes(display);
   }
   function isTableElement(element) {
     return ["table", "td", "th"].includes(getNodeName(element));
   }
   function isContainingBlock(element) {
     const isFirefox = /firefox/i.test(getUAString());
-    const css = getComputedStyle(element);
+    const css = getComputedStyle$1(element);
     const backdropFilter = css.backdropFilter || css.WebkitBackdropFilter;
-    return css.transform !== "none" || css.perspective !== "none" || (backdropFilter ? backdropFilter !== "none" : false) || isFirefox && css.willChange === "filter" || isFirefox && (css.filter ? css.filter !== "none" : false) || ["transform", "perspective"].some((value) => css.willChange.includes(value)) || ["paint", "layout", "strict", "content"].some(
-      (value) => {
-        const contain = css.contain;
-        return contain != null ? contain.includes(value) : false;
-      }
-    );
+    return css.transform !== "none" || css.perspective !== "none" || (backdropFilter ? backdropFilter !== "none" : false) || isFirefox && css.willChange === "filter" || isFirefox && (css.filter ? css.filter !== "none" : false) || ["transform", "perspective"].some((value) => css.willChange.includes(value)) || ["paint", "layout", "strict", "content"].some((value) => {
+      const contain = css.contain;
+      return contain != null ? contain.includes(value) : false;
+    });
   }
-  function isLayoutViewport() {
-    return !/^((?!chrome|android).)*safari/i.test(getUAString());
+  function isClientRectVisualViewportBased() {
+    return /^((?!chrome|android).)*safari/i.test(getUAString());
   }
   function isLastTraversableNode(node) {
     return ["html", "body", "#document"].includes(getNodeName(node));
   }
-  function getBoundingClientRect(element, includeScale, isFixedStrategy) {
-    var _win$visualViewport$o, _win$visualViewport, _win$visualViewport$o2, _win$visualViewport2;
+  function unwrapElement(element) {
+    return !isElement(element) ? element.contextElement : element;
+  }
+  const FALLBACK_SCALE = {
+    x: 1,
+    y: 1
+  };
+  function getScale(element) {
+    const domElement = unwrapElement(element);
+    if (!isHTMLElement(domElement)) {
+      return FALLBACK_SCALE;
+    }
+    const rect = domElement.getBoundingClientRect();
+    const {
+      width,
+      height,
+      fallback
+    } = getCssDimensions(domElement);
+    let x = (fallback ? round(rect.width) : rect.width) / width;
+    let y = (fallback ? round(rect.height) : rect.height) / height;
+    if (!x || !Number.isFinite(x)) {
+      x = 1;
+    }
+    if (!y || !Number.isFinite(y)) {
+      y = 1;
+    }
+    return {
+      x,
+      y
+    };
+  }
+  function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
+    var _win$visualViewport, _win$visualViewport2;
     if (includeScale === void 0) {
       includeScale = false;
     }
@@ -19998,25 +19656,42 @@ Please add \`${key}Action\` when creating your handler.`);
       isFixedStrategy = false;
     }
     const clientRect = element.getBoundingClientRect();
-    let contextRect = clientRect;
-    let elementToCheckForScale = element;
-    let scale2 = {
-      x: 1,
-      y: 1
-    };
-    if (!isElement(element) && element.contextElement) {
-      contextRect = element.contextElement.getBoundingClientRect();
-      elementToCheckForScale = element.contextElement;
-    }
-    if (includeScale && isHTMLElement(elementToCheckForScale)) {
-      scale2 = getScale(elementToCheckForScale, contextRect);
+    const domElement = unwrapElement(element);
+    let scale2 = FALLBACK_SCALE;
+    if (includeScale) {
+      if (offsetParent) {
+        if (isElement(offsetParent)) {
+          scale2 = getScale(offsetParent);
+        }
+      } else {
+        scale2 = getScale(element);
+      }
+    }
+    const win = domElement ? getWindow(domElement) : window;
+    const addVisualOffsets = isClientRectVisualViewportBased() && isFixedStrategy;
+    let x = (clientRect.left + (addVisualOffsets ? ((_win$visualViewport = win.visualViewport) == null ? void 0 : _win$visualViewport.offsetLeft) || 0 : 0)) / scale2.x;
+    let y = (clientRect.top + (addVisualOffsets ? ((_win$visualViewport2 = win.visualViewport) == null ? void 0 : _win$visualViewport2.offsetTop) || 0 : 0)) / scale2.y;
+    let width = clientRect.width / scale2.x;
+    let height = clientRect.height / scale2.y;
+    if (domElement) {
+      const win2 = getWindow(domElement);
+      const offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;
+      let currentIFrame = win2.frameElement;
+      while (currentIFrame && offsetParent && offsetWin !== win2) {
+        const iframeScale = getScale(currentIFrame);
+        const iframeRect = currentIFrame.getBoundingClientRect();
+        const css = getComputedStyle(currentIFrame);
+        iframeRect.x += (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
+        iframeRect.y += (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
+        x *= iframeScale.x;
+        y *= iframeScale.y;
+        width *= iframeScale.x;
+        height *= iframeScale.y;
+        x += iframeRect.x;
+        y += iframeRect.y;
+        currentIFrame = getWindow(currentIFrame).frameElement;
+      }
     }
-    const win = isElement(element) ? getWindow(element) : window;
-    const addVisualOffsets = !isLayoutViewport() && isFixedStrategy;
-    const x = (clientRect.left + (addVisualOffsets ? (_win$visualViewport$o = (_win$visualViewport = win.visualViewport) == null ? void 0 : _win$visualViewport.offsetLeft) != null ? _win$visualViewport$o : 0 : 0)) / scale2.x;
-    const y = (clientRect.top + (addVisualOffsets ? (_win$visualViewport$o2 = (_win$visualViewport2 = win.visualViewport) == null ? void 0 : _win$visualViewport2.offsetTop) != null ? _win$visualViewport$o2 : 0 : 0)) / scale2.y;
-    const width = clientRect.width / scale2.x;
-    const height = clientRect.height / scale2.y;
     return {
       width,
       height,
@@ -20043,96 +19718,6 @@ Please add \`${key}Action\` when creating your handler.`);
       scrollTop: element.pageYOffset
     };
   }
-  function getWindowScrollBarX(element) {
-    return getBoundingClientRect(getDocumentElement(element)).left + getNodeScroll(element).scrollLeft;
-  }
-  function isScaled(element) {
-    const rect = getBoundingClientRect(element);
-    return round(rect.width) !== element.offsetWidth || round(rect.height) !== element.offsetHeight;
-  }
-  function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
-    const isOffsetParentAnElement = isHTMLElement(offsetParent);
-    const documentElement = getDocumentElement(offsetParent);
-    const rect = getBoundingClientRect(
-      element,
-      isOffsetParentAnElement && isScaled(offsetParent),
-      strategy === "fixed"
-    );
-    let scroll = {
-      scrollLeft: 0,
-      scrollTop: 0
-    };
-    const offsets = {
-      x: 0,
-      y: 0
-    };
-    if (isOffsetParentAnElement || !isOffsetParentAnElement && strategy !== "fixed") {
-      if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) {
-        scroll = getNodeScroll(offsetParent);
-      }
-      if (isHTMLElement(offsetParent)) {
-        const offsetRect = getBoundingClientRect(offsetParent, true);
-        offsets.x = offsetRect.x + offsetParent.clientLeft;
-        offsets.y = offsetRect.y + offsetParent.clientTop;
-      } else if (documentElement) {
-        offsets.x = getWindowScrollBarX(documentElement);
-      }
-    }
-    return {
-      x: rect.left + scroll.scrollLeft - offsets.x,
-      y: rect.top + scroll.scrollTop - offsets.y,
-      width: rect.width,
-      height: rect.height
-    };
-  }
-  function getParentNode(node) {
-    if (getNodeName(node) === "html") {
-      return node;
-    }
-    const result2 = node.assignedSlot || node.parentNode || (isShadowRoot(node) ? node.host : null) || getDocumentElement(node);
-    return isShadowRoot(result2) ? result2.host : result2;
-  }
-  function getTrueOffsetParent(element) {
-    if (!isHTMLElement(element) || getComputedStyle(element).position === "fixed") {
-      return null;
-    }
-    return element.offsetParent;
-  }
-  function getContainingBlock(element) {
-    let currentNode = getParentNode(element);
-    while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
-      if (isContainingBlock(currentNode)) {
-        return currentNode;
-      } else {
-        currentNode = getParentNode(currentNode);
-      }
-    }
-    return null;
-  }
-  function getOffsetParent(element) {
-    const window2 = getWindow(element);
-    let offsetParent = getTrueOffsetParent(element);
-    while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === "static") {
-      offsetParent = getTrueOffsetParent(offsetParent);
-    }
-    if (offsetParent && (getNodeName(offsetParent) === "html" || getNodeName(offsetParent) === "body" && getComputedStyle(offsetParent).position === "static" && !isContainingBlock(offsetParent))) {
-      return window2;
-    }
-    return offsetParent || getContainingBlock(element) || window2;
-  }
-  function getDimensions(element) {
-    if (isHTMLElement(element)) {
-      return {
-        width: element.offsetWidth,
-        height: element.offsetHeight
-      };
-    }
-    const rect = getBoundingClientRect(element);
-    return {
-      width: rect.width,
-      height: rect.height
-    };
-  }
   function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
     let {
       rect,
@@ -20174,41 +19759,19 @@ Please add \`${key}Action\` when creating your handler.`);
       y: rect.y * scale2.y - scroll.scrollTop * scale2.y + offsets.y
     };
   }
-  function getViewportRect(element, strategy) {
-    const win = getWindow(element);
-    const html = getDocumentElement(element);
-    const visualViewport = win.visualViewport;
-    let width = html.clientWidth;
-    let height = html.clientHeight;
-    let x = 0;
-    let y = 0;
-    if (visualViewport) {
-      width = visualViewport.width;
-      height = visualViewport.height;
-      const layoutViewport = isLayoutViewport();
-      if (layoutViewport || !layoutViewport && strategy === "fixed") {
-        x = visualViewport.offsetLeft;
-        y = visualViewport.offsetTop;
-      }
-    }
-    return {
-      width,
-      height,
-      x,
-      y
-    };
+  function getWindowScrollBarX(element) {
+    return getBoundingClientRect(getDocumentElement(element)).left + getNodeScroll(element).scrollLeft;
   }
   function getDocumentRect(element) {
-    var _element$ownerDocumen;
     const html = getDocumentElement(element);
     const scroll = getNodeScroll(element);
-    const body = (_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body;
-    const width = max(html.scrollWidth, html.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0);
-    const height = max(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);
+    const body = element.ownerDocument.body;
+    const width = max(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);
+    const height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
     let x = -scroll.scrollLeft + getWindowScrollBarX(element);
     const y = -scroll.scrollTop;
-    if (getComputedStyle(body || html).direction === "rtl") {
-      x += max(html.clientWidth, body ? body.clientWidth : 0) - width;
+    if (getComputedStyle$1(body).direction === "rtl") {
+      x += max(html.clientWidth, body.clientWidth) - width;
     }
     return {
       width,
@@ -20217,10 +19780,17 @@ Please add \`${key}Action\` when creating your handler.`);
       y
     };
   }
+  function getParentNode(node) {
+    if (getNodeName(node) === "html") {
+      return node;
+    }
+    const result2 = node.assignedSlot || node.parentNode || isShadowRoot(node) && node.host || getDocumentElement(node);
+    return isShadowRoot(result2) ? result2.host : result2;
+  }
   function getNearestOverflowAncestor(node) {
     const parentNode = getParentNode(node);
     if (isLastTraversableNode(parentNode)) {
-      return node.ownerDocument.body;
+      return parentNode.ownerDocument.body;
     }
     if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {
       return parentNode;
@@ -20240,6 +19810,30 @@ Please add \`${key}Action\` when creating your handler.`);
     }
     return list2.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor));
   }
+  function getViewportRect(element, strategy) {
+    const win = getWindow(element);
+    const html = getDocumentElement(element);
+    const visualViewport = win.visualViewport;
+    let width = html.clientWidth;
+    let height = html.clientHeight;
+    let x = 0;
+    let y = 0;
+    if (visualViewport) {
+      width = visualViewport.width;
+      height = visualViewport.height;
+      const visualViewportBased = isClientRectVisualViewportBased();
+      if (!visualViewportBased || visualViewportBased && strategy === "fixed") {
+        x = visualViewport.offsetLeft;
+        y = visualViewport.offsetTop;
+      }
+    }
+    return {
+      width,
+      height,
+      x,
+      y
+    };
+  }
   function getInnerBoundingClientRect(element, strategy) {
     const clientRect = getBoundingClientRect(element, true, strategy === "fixed");
     const top = clientRect.top + element.clientTop;
@@ -20253,41 +19847,60 @@ Please add \`${key}Action\` when creating your handler.`);
     const x = left * scale2.x;
     const y = top * scale2.y;
     return {
-      top: y,
-      left: x,
-      right: x + width,
-      bottom: y + height,
-      x,
-      y,
       width,
-      height
+      height,
+      x,
+      y
     };
   }
   function getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {
+    let rect;
     if (clippingAncestor === "viewport") {
-      return rectToClientRect(getViewportRect(element, strategy));
-    }
-    if (isElement(clippingAncestor)) {
-      return getInnerBoundingClientRect(clippingAncestor, strategy);
+      rect = getViewportRect(element, strategy);
+    } else if (clippingAncestor === "document") {
+      rect = getDocumentRect(getDocumentElement(element));
+    } else if (isElement(clippingAncestor)) {
+      rect = getInnerBoundingClientRect(clippingAncestor, strategy);
+    } else {
+      const mutableRect = {
+        ...clippingAncestor
+      };
+      if (isClientRectVisualViewportBased()) {
+        var _win$visualViewport, _win$visualViewport2;
+        const win = getWindow(element);
+        mutableRect.x -= ((_win$visualViewport = win.visualViewport) == null ? void 0 : _win$visualViewport.offsetLeft) || 0;
+        mutableRect.y -= ((_win$visualViewport2 = win.visualViewport) == null ? void 0 : _win$visualViewport2.offsetTop) || 0;
+      }
+      rect = mutableRect;
     }
-    return rectToClientRect(getDocumentRect(getDocumentElement(element)));
+    return rectToClientRect(rect);
   }
-  function getClippingElementAncestors(element) {
+  function getClippingElementAncestors(element, cache) {
+    const cachedResult = cache.get(element);
+    if (cachedResult) {
+      return cachedResult;
+    }
     let result2 = getOverflowAncestors(element).filter((el) => isElement(el) && getNodeName(el) !== "body");
     let currentContainingBlockComputedStyle = null;
-    const elementIsFixed = getComputedStyle(element).position === "fixed";
+    const elementIsFixed = getComputedStyle$1(element).position === "fixed";
     let currentNode = elementIsFixed ? getParentNode(element) : element;
     while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
-      const computedStyle = getComputedStyle(currentNode);
+      const computedStyle = getComputedStyle$1(currentNode);
       const containingBlock = isContainingBlock(currentNode);
-      const shouldDropCurrentNode = elementIsFixed ? !containingBlock && !currentContainingBlockComputedStyle : !containingBlock && computedStyle.position === "static" && !!currentContainingBlockComputedStyle && ["absolute", "fixed"].includes(currentContainingBlockComputedStyle.position);
-      if (shouldDropCurrentNode) {
-        result2 = result2.filter((ancestor) => ancestor !== currentNode);
+      const shouldIgnoreCurrentNode = computedStyle.position === "fixed";
+      if (shouldIgnoreCurrentNode) {
+        currentContainingBlockComputedStyle = null;
       } else {
-        currentContainingBlockComputedStyle = computedStyle;
+        const shouldDropCurrentNode = elementIsFixed ? !containingBlock && !currentContainingBlockComputedStyle : !containingBlock && computedStyle.position === "static" && !!currentContainingBlockComputedStyle && ["absolute", "fixed"].includes(currentContainingBlockComputedStyle.position);
+        if (shouldDropCurrentNode) {
+          result2 = result2.filter((ancestor) => ancestor !== currentNode);
+        } else {
+          currentContainingBlockComputedStyle = computedStyle;
+        }
       }
       currentNode = getParentNode(currentNode);
     }
+    cache.set(element, result2);
     return result2;
   }
   function getClippingRect(_ref) {
@@ -20297,7 +19910,7 @@ Please add \`${key}Action\` when creating your handler.`);
       rootBoundary,
       strategy
     } = _ref;
-    const elementClippingAncestors = boundary === "clippingAncestors" ? getClippingElementAncestors(element) : [].concat(boundary);
+    const elementClippingAncestors = boundary === "clippingAncestors" ? getClippingElementAncestors(element, this._c) : [].concat(boundary);
     const clippingAncestors = [...elementClippingAncestors, rootBoundary];
     const firstClippingAncestor = clippingAncestors[0];
     const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
@@ -20315,6 +19928,74 @@ Please add \`${key}Action\` when creating your handler.`);
       y: clippingRect.top
     };
   }
+  function getDimensions(element) {
+    if (isHTMLElement(element)) {
+      return getCssDimensions(element);
+    }
+    return element.getBoundingClientRect();
+  }
+  function getTrueOffsetParent(element, polyfill) {
+    if (!isHTMLElement(element) || getComputedStyle$1(element).position === "fixed") {
+      return null;
+    }
+    if (polyfill) {
+      return polyfill(element);
+    }
+    return element.offsetParent;
+  }
+  function getContainingBlock(element) {
+    let currentNode = getParentNode(element);
+    while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
+      if (isContainingBlock(currentNode)) {
+        return currentNode;
+      } else {
+        currentNode = getParentNode(currentNode);
+      }
+    }
+    return null;
+  }
+  function getOffsetParent(element, polyfill) {
+    const window2 = getWindow(element);
+    let offsetParent = getTrueOffsetParent(element, polyfill);
+    while (offsetParent && isTableElement(offsetParent) && getComputedStyle$1(offsetParent).position === "static") {
+      offsetParent = getTrueOffsetParent(offsetParent, polyfill);
+    }
+    if (offsetParent && (getNodeName(offsetParent) === "html" || getNodeName(offsetParent) === "body" && getComputedStyle$1(offsetParent).position === "static" && !isContainingBlock(offsetParent))) {
+      return window2;
+    }
+    return offsetParent || getContainingBlock(element) || window2;
+  }
+  function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
+    const isOffsetParentAnElement = isHTMLElement(offsetParent);
+    const documentElement = getDocumentElement(offsetParent);
+    const rect = getBoundingClientRect(element, true, strategy === "fixed", offsetParent);
+    let scroll = {
+      scrollLeft: 0,
+      scrollTop: 0
+    };
+    const offsets = {
+      x: 0,
+      y: 0
+    };
+    if (isOffsetParentAnElement || !isOffsetParentAnElement && strategy !== "fixed") {
+      if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) {
+        scroll = getNodeScroll(offsetParent);
+      }
+      if (isHTMLElement(offsetParent)) {
+        const offsetRect = getBoundingClientRect(offsetParent, true);
+        offsets.x = offsetRect.x + offsetParent.clientLeft;
+        offsets.y = offsetRect.y + offsetParent.clientTop;
+      } else if (documentElement) {
+        offsets.x = getWindowScrollBarX(documentElement);
+      }
+    }
+    return {
+      x: rect.left + scroll.scrollLeft - offsets.x,
+      y: rect.top + scroll.scrollTop - offsets.y,
+      width: rect.width,
+      height: rect.height
+    };
+  }
   const platform = {
     getClippingRect,
     convertOffsetParentRelativeRectToViewportRelativeRect,
@@ -20341,7 +20022,7 @@ Please add \`${key}Action\` when creating your handler.`);
       };
     },
     getClientRects: (element) => Array.from(element.getClientRects()),
-    isRTL: (element) => getComputedStyle(element).direction === "rtl"
+    isRTL: (element) => getComputedStyle$1(element).direction === "rtl"
   };
   function autoUpdate(reference, floating, update2, options) {
     if (options === void 0) {
@@ -20403,10 +20084,21 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     };
   }
-  const computePosition = (reference, floating, options) => computePosition$1(reference, floating, {
-    platform,
-    ...options
-  });
+  const computePosition = (reference, floating, options) => {
+    const cache = /* @__PURE__ */ new Map();
+    const mergedOptions = {
+      platform,
+      ...options
+    };
+    const platformWithCache = {
+      ...mergedOptions.platform,
+      _c: cache
+    };
+    return computePosition$1(reference, floating, {
+      ...mergedOptions,
+      platform: platformWithCache
+    });
+  };
   class Wrapper extends React__default.default.Component {
     constructor() {
       super(...arguments);
@@ -20510,7 +20202,7 @@ Please add \`${key}Action\` when creating your handler.`);
     const [targetElement, setTargetElement] = React$4.useState(null);
     function update2() {
       var _a, _b, _c;
-      return __awaiter$1(this, void 0, void 0, function* () {
+      return __awaiter(this, void 0, void 0, function* () {
         const target = (_b = (_a = targetRef.current) === null || _a === void 0 ? void 0 : _a.element) !== null && _b !== void 0 ? _b : null;
         const floating2 = floatingRef.current;
         const arrowElement = arrowRef.current;
@@ -21524,7 +21216,7 @@ Please add \`${key}Action\` when creating your handler.`);
       renderItem
     } = props;
     function processFile(file, fileList) {
-      return __awaiter$1(this, void 0, void 0, function* () {
+      return __awaiter(this, void 0, void 0, function* () {
         const {
           beforeUpload
         } = props;
@@ -21538,7 +21230,7 @@ Please add \`${key}Action\` when creating your handler.`);
     }
     function onChange(e) {
       var _a;
-      return __awaiter$1(this, void 0, void 0, function* () {
+      return __awaiter(this, void 0, void 0, function* () {
         e.persist();
         const {
           files: rawFiles
@@ -21571,7 +21263,7 @@ Please add \`${key}Action\` when creating your handler.`);
           file
         }));
         setTasks((prev) => [...getFinalTasks(prev), ...newTasks]);
-        yield Promise.all(newTasks.map((currentTask) => __awaiter$1(this, void 0, void 0, function* () {
+        yield Promise.all(newTasks.map((currentTask) => __awaiter(this, void 0, void 0, function* () {
           try {
             const result2 = yield props.upload(currentTask.file);
             setTasks((prev) => {
@@ -21636,7 +21328,7 @@ Please add \`${key}Action\` when creating your handler.`);
             }
             onPreview && onPreview(index2, fileItem);
           },
-          onDelete: () => __awaiter$1(void 0, void 0, void 0, function* () {
+          onDelete: () => __awaiter(void 0, void 0, void 0, function* () {
             var _c;
             const canDelete = yield (_c = props.onDelete) === null || _c === void 0 ? void 0 : _c.call(props, fileItem);
             if (canDelete === false)
@@ -21884,7 +21576,7 @@ Please add \`${key}Action\` when creating your handler.`);
   const InfiniteScroll$1 = (p) => {
     const props = mergeProps(defaultProps$w, p);
     const [failed, setFailed] = React$4.useState(false);
-    const doLoadMore = useLockFn((isRetry) => __awaiter$1(void 0, void 0, void 0, function* () {
+    const doLoadMore = useLockFn((isRetry) => __awaiter(void 0, void 0, void 0, function* () {
       try {
         yield props.loadMore(isRetry);
       } catch (e) {
@@ -21898,7 +21590,7 @@ Please add \`${key}Action\` when creating your handler.`);
     const [scrollParent, setScrollParent] = React$4.useState();
     const {
       run: check
-    } = useThrottleFn(() => __awaiter$1(void 0, void 0, void 0, function* () {
+    } = useThrottleFn(() => __awaiter(void 0, void 0, void 0, function* () {
       if (nextFlagRef.current !== flag)
         return;
       if (!props.hasMore)
@@ -21944,7 +21636,7 @@ Please add \`${key}Action\` when creating your handler.`);
       };
     }, [scrollParent]);
     function retry() {
-      return __awaiter$1(this, void 0, void 0, function* () {
+      return __awaiter(this, void 0, void 0, function* () {
         setFailed(false);
         yield doLoadMore(true);
         setFlag(nextFlagRef.current);
@@ -22089,6 +21781,7 @@ Please add \`${key}Action\` when creating your handler.`);
         (_a = props.onCompositionEnd) === null || _a === void 0 ? void 0 : _a.call(props, e);
       },
       onClick: props.onClick,
+      step: props.step,
       role: props.role,
       "aria-valuenow": props["aria-valuenow"],
       "aria-valuemax": props["aria-valuemax"],
@@ -22256,7 +21949,7 @@ Please add \`${key}Action\` when creating your handler.`);
       return React__default.default.createElement(ModalActionButton, {
         key: action.key,
         action,
-        onAction: () => __awaiter$1(void 0, void 0, void 0, function* () {
+        onAction: () => __awaiter(void 0, void 0, void 0, function* () {
           var _a, _b, _c;
           yield Promise.all([(_a = action.onClick) === null || _a === void 0 ? void 0 : _a.call(action), (_b = props.onAction) === null || _b === void 0 ? void 0 : _b.call(props, action, index2)]);
           if (props.closeOnAction) {
@@ -22346,7 +22039,7 @@ Please add \`${key}Action\` when creating your handler.`);
           key: "confirm",
           text: props.confirmText,
           primary: true,
-          onClick: () => __awaiter$1(this, void 0, void 0, function* () {
+          onClick: () => __awaiter(this, void 0, void 0, function* () {
             var _a;
             yield (_a = props.onConfirm) === null || _a === void 0 ? void 0 : _a.call(props);
             resolve(true);
@@ -22354,7 +22047,7 @@ Please add \`${key}Action\` when creating your handler.`);
         }, {
           key: "cancel",
           text: props.cancelText,
-          onClick: () => __awaiter$1(this, void 0, void 0, function* () {
+          onClick: () => __awaiter(this, void 0, void 0, function* () {
             var _b;
             yield (_b = props.onCancel) === null || _b === void 0 ? void 0 : _b.call(props);
             resolve(false);
@@ -22922,7 +22615,7 @@ Please add \`${key}Action\` when creating your handler.`);
       });
     }, []);
     function doRefresh() {
-      return __awaiter$1(this, void 0, void 0, function* () {
+      return __awaiter(this, void 0, void 0, function* () {
         api.start({
           height: headHeight
         });
@@ -22932,7 +22625,7 @@ Please add \`${key}Action\` when creating your handler.`);
           setStatus("complete");
         } catch (e) {
           api.start({
-            to: (next) => __awaiter$1(this, void 0, void 0, function* () {
+            to: (next) => __awaiter(this, void 0, void 0, function* () {
               yield next({
                 height: 0
               });
@@ -22945,7 +22638,7 @@ Please add \`${key}Action\` when creating your handler.`);
           yield sleep(props.completeDelay);
         }
         api.start({
-          to: (next) => __awaiter$1(this, void 0, void 0, function* () {
+          to: (next) => __awaiter(this, void 0, void 0, function* () {
             yield next({
               height: 0
             });
@@ -24311,9 +24004,8 @@ Please add \`${key}Action\` when creating your handler.`);
               return;
             _n = false;
           } else
-            for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = true) {
+            for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = true)
               ;
-            }
         } catch (err) {
           _d = true, _e = err;
         } finally {
@@ -24336,9 +24028,8 @@ Please add \`${key}Action\` when creating your handler.`);
     function _arrayLikeToArray2(arr, len) {
       if (len == null || len > arr.length)
         len = arr.length;
-      for (var i = 0, arr2 = new Array(len); i < len; i++) {
+      for (var i = 0, arr2 = new Array(len); i < len; i++)
         arr2[i] = arr[i];
-      }
       return arr2;
     }
     module2.exports = _arrayLikeToArray2, module2.exports.__esModule = true, module2.exports["default"] = module2.exports;
@@ -24968,7 +24659,31 @@ Please add \`${key}Action\` when creating your handler.`);
     }, [state]);
     return [state, setState, ref];
   }
+  function mergeFuncProps(p1, p2) {
+    const p1Keys = Object.keys(p1);
+    const p2Keys = Object.keys(p2);
+    const keys2 = /* @__PURE__ */ new Set([...p1Keys, ...p2Keys]);
+    const res = {};
+    keys2.forEach((key) => {
+      const p1Value = p1[key];
+      const p2Value = p2[key];
+      if (typeof p1Value === "function" && typeof p2Value === "function") {
+        res[key] = function(...args) {
+          p1Value(...args);
+          p2Value(...args);
+        };
+      } else {
+        res[key] = p1Value || p2Value;
+      }
+    });
+    return res;
+  }
   const classPrefix$a = `adm-swiper`;
+  const eventToPropRecord = {
+    "mousedown": "onMouseDown",
+    "mousemove": "onMouseMove",
+    "mouseup": "onMouseUp"
+  };
   const defaultProps$a = {
     defaultIndex: 0,
     allowTouchMove: true,
@@ -24979,7 +24694,8 @@ Please add \`${key}Action\` when creating your handler.`);
     slideSize: 100,
     trackOffset: 0,
     stuckAtBoundary: true,
-    rubberband: true
+    rubberband: true,
+    stopPropagation: []
   };
   let currentUid;
   const Swiper = React$4.forwardRef(staged_1((p, ref) => {
@@ -25163,11 +24879,15 @@ Please add \`${key}Action\` when creating your handler.`);
       React$4.useEffect(() => {
         if (!autoplay || dragging)
           return;
-        const interval = window.setInterval(() => {
+        let interval;
+        function tick() {
+          interval = window.setTimeout(tick, autoplayInterval);
           swipeNext();
-        }, autoplayInterval);
+        }
+        interval = window.setTimeout(tick, autoplayInterval);
         return () => {
-          window.clearInterval(interval);
+          if (interval)
+            window.clearTimeout(interval);
         };
       }, [autoplay, autoplayInterval, dragging, count]);
       function renderTrackInner() {
@@ -25206,6 +24926,15 @@ Please add \`${key}Action\` when creating your handler.`);
         "--slide-size": `${props.slideSize}%`,
         "--track-offset": `${props.trackOffset}%`
       };
+      const dragProps = Object.assign({}, props.allowTouchMove ? bind() : {});
+      const stopPropagationProps = {};
+      for (const key of props.stopPropagation) {
+        const prop = eventToPropRecord[key];
+        stopPropagationProps[prop] = function(e) {
+          e.stopPropagation();
+        };
+      }
+      const mergedProps = mergeFuncProps(dragProps, stopPropagationProps);
       return withNativeProps(props, React__default.default.createElement("div", {
         className: classNames(classPrefix$a, `${classPrefix$a}-${props.direction}`),
         style
@@ -25220,7 +24949,7 @@ Please add \`${key}Action\` when creating your handler.`);
           }
           forceCancelDrag();
         }
-      }, props.allowTouchMove ? bind() : {}), renderTrackInner()), props.indicator === void 0 ? React__default.default.createElement("div", {
+      }, mergedProps), renderTrackInner()), props.indicator === void 0 ? React__default.default.createElement("div", {
         className: `${classPrefix$a}-indicator`
       }, React__default.default.createElement(PageIndicator, Object.assign({}, props.indicatorProps, {
         total: count,
@@ -25275,7 +25004,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onChange: props.onChange
     });
     function onClick() {
-      return __awaiter$1(this, void 0, void 0, function* () {
+      return __awaiter(this, void 0, void 0, function* () {
         if (disabled || props.loading || changing) {
           return;
         }
@@ -25459,6 +25188,7 @@ Please add \`${key}Action\` when creating your handler.`);
       devError("TextArea", "`value` prop on `TextArea` should not be `null`. Consider using an empty string to clear the component.");
     }
     const nativeTextAreaRef = React$4.useRef(null);
+    const heightRef = React$4.useRef("auto");
     React$4.useImperativeHandle(ref, () => ({
       clear: () => {
         setValue2("");
@@ -25481,7 +25211,7 @@ Please add \`${key}Action\` when creating your handler.`);
       const textArea2 = nativeTextAreaRef.current;
       if (!textArea2)
         return;
-      textArea2.style.height = "auto";
+      textArea2.style.height = heightRef.current;
       let height = textArea2.scrollHeight;
       if (typeof autoSize === "object") {
         const computedStyle = window.getComputedStyle(textArea2);
@@ -25493,6 +25223,7 @@ Please add \`${key}Action\` when creating your handler.`);
           height = Math.min(height, autoSize.maxRows * lineHeight);
         }
       }
+      heightRef.current = `${height}px`;
       textArea2.style.height = `${height}px`;
     }, [value, autoSize]);
     const compositingRef = React$4.useRef(false);
@@ -26227,7 +25958,7 @@ Please add \`${key}Action\` when creating your handler.`);
       className: classNames(classPrefix)
     }, label && React__default.default.createElement("div", {
       className: `${classPrefix}-label`
-    }, React__default.default.createElement(Divider$1, null, label)), links && links.length > 0 && React__default.default.createElement("div", {
+    }, React__default.default.createElement(Divider, null, label)), links && links.length > 0 && React__default.default.createElement("div", {
       className: `${classPrefix}-links`
     }, links.map((link, index2) => {
       return React__default.default.createElement(React__default.default.Fragment, {
@@ -26236,7 +25967,7 @@ Please add \`${key}Action\` when creating your handler.`);
         href: link.href,
         rel: "noopener noreferrer",
         onClick: (event) => clickLinkItem(link, index2, event)
-      }, link.text), index2 !== links.length - 1 && React__default.default.createElement(Divider$1, {
+      }, link.text), index2 !== links.length - 1 && React__default.default.createElement(Divider, {
         direction: "vertical"
       }));
     })), content && React__default.default.createElement("div", {