antd-mobile 5.28.1 → 5.29.0

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

@@ -30,6 +30,18 @@
     document.addEventListener("touchstart", () => {
     }, true);
   }
+  var __assign = function() {
+    __assign = Object.assign || function __assign2(t) {
+      for (var s, i = 1, n = arguments.length; i < n; i++) {
+        s = arguments[i];
+        for (var p in s)
+          if (Object.prototype.hasOwnProperty.call(s, p))
+            t[p] = s[p];
+      }
+      return t;
+    };
+    return __assign.apply(this, arguments);
+  };
   function __rest(s, e) {
     var t = {};
     for (var p in s)
@@ -69,6 +81,128 @@
       step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
   }
+  function __generator(thisArg, body) {
+    var _ = { label: 0, sent: function() {
+      if (t[0] & 1)
+        throw t[1];
+      return t[1];
+    }, trys: [], ops: [] }, f, y, t, g;
+    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 (g && (g = 0, op[0] && (_ = 0)), _)
+        try {
+          if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
+            return t;
+          if (y = 0, t)
+            op = [op[0] & 2, t.value];
+          switch (op[0]) {
+            case 0:
+            case 1:
+              t = op;
+              break;
+            case 4:
+              _.label++;
+              return { value: op[1], done: false };
+            case 5:
+              _.label++;
+              y = op[1];
+              op = [0];
+              continue;
+            case 7:
+              op = _.ops.pop();
+              _.trys.pop();
+              continue;
+            default:
+              if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                _ = 0;
+                continue;
+              }
+              if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                _.label = op[1];
+                break;
+              }
+              if (op[0] === 6 && _.label < t[1]) {
+                _.label = t[1];
+                t = op;
+                break;
+              }
+              if (t && _.label < t[2]) {
+                _.label = t[2];
+                _.ops.push(op);
+                break;
+              }
+              if (t[2])
+                _.ops.pop();
+              _.trys.pop();
+              continue;
+          }
+          op = body.call(thisArg, _);
+        } catch (e) {
+          op = [6, e];
+          y = 0;
+        } finally {
+          f = t = 0;
+        }
+      if (op[0] & 5)
+        throw op[1];
+      return { value: op[0] ? op[1] : void 0, done: true };
+    }
+  }
+  function __values(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m)
+      return m.call(o);
+    if (o && typeof o.length === "number")
+      return {
+        next: function() {
+          if (o && i >= o.length)
+            o = void 0;
+          return { value: o && o[i++], done: !o };
+        }
+      };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+  }
+  function __read(o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m)
+      return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+      while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
+        ar.push(r.value);
+    } catch (error) {
+      e = { error };
+    } finally {
+      try {
+        if (r && !r.done && (m = i["return"]))
+          m.call(i);
+      } finally {
+        if (e)
+          throw e.error;
+      }
+    }
+    return ar;
+  }
+  function __spreadArray(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 mergeLocale(base2, patch) {
     function merge2(a, b) {
       if (typeof a !== "object" || typeof b !== "object" || Array.isArray(a) || Array.isArray(b)) {
@@ -213,6 +347,9 @@
     },
     Switch: {
       name: "Switch"
+    },
+    Selector: {
+      name: "Selector"
     }
   };
   const typeTemplate$1 = "${label}\u4E0D\u662F\u4E00\u4E2A\u6709\u6548\u7684${type}";
@@ -344,6 +481,9 @@
     },
     Switch: {
       name: "\u5F00\u5173"
+    },
+    Selector: {
+      name: "\u9009\u62E9\u7EC4"
     }
   });
   const zhCN$1 = zhCN;
@@ -906,36 +1046,48 @@
     return ret;
   }
   const popup = "";
-  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 createUpdateEffect = function(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);
+    };
   };
-  const isFunction$1 = (value) => typeof value === "function";
-  const isNumber = (value) => typeof value === "number";
-  const isDev$1 = true;
+  var isFunction$1 = function(value) {
+    return typeof value === "function";
+  };
+  var isNumber = function(value) {
+    return typeof value === "number";
+  };
+  var 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 ${typeof fn}`);
+        console.error("useMemoizedFn expected parameter is a function, got ".concat(typeof fn));
       }
     }
-    const fnRef = React$4.useRef(fn);
-    fnRef.current = React$4.useMemo(() => fn, [fn]);
-    const memoizedFn = React$4.useRef();
+    var fnRef = React$4.useRef(fn);
+    fnRef.current = React$4.useMemo(function() {
+      return fn;
+    }, [fn]);
+    var memoizedFn = React$4.useRef();
     if (!memoizedFn.current) {
-      memoizedFn.current = function(...args) {
+      memoizedFn.current = function() {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          args[_i] = arguments[_i];
+        }
         return fnRef.current.apply(this, args);
       };
     }
@@ -945,26 +1097,28 @@
   function depsAreSame(oldDeps, deps) {
     if (oldDeps === deps)
       return true;
-    for (let i = 0; i < oldDeps.length; i++) {
+    for (var i = 0; i < oldDeps.length; i++) {
       if (!Object.is(oldDeps[i], deps[i]))
         return false;
     }
     return true;
   }
   function useLatest(value) {
-    const ref = React$4.useRef(value);
+    var ref = React$4.useRef(value);
     ref.current = value;
     return ref;
   }
-  const useUnmount = (fn) => {
+  var useUnmount = function(fn) {
     if (isDev$2) {
       if (!isFunction$1(fn)) {
-        console.error(`useUnmount expected parameter is a function, got ${typeof fn}`);
+        console.error("useUnmount expected parameter is a function, got ".concat(typeof fn));
       }
     }
-    const fnRef = useLatest(fn);
-    React$4.useEffect(() => () => {
-      fnRef.current();
+    var fnRef = useLatest(fn);
+    React$4.useEffect(function() {
+      return function() {
+        fnRef.current();
+      };
     }, []);
   };
   const useUnmount$1 = useUnmount;
@@ -1103,7 +1257,7 @@
     return debounced;
   }
   var debounce_1 = debounce$1;
-  const isBrowser$2 = !!(typeof window !== "undefined" && window.document && window.document.createElement);
+  var 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";
@@ -1123,20 +1277,22 @@
     });
   }
   var throttle_1 = throttle$1;
-  const useMount = (fn) => {
+  var useMount = function(fn) {
     if (isDev$2) {
       if (!isFunction$1(fn)) {
-        console.error(`useMount: parameter \`fn\` expected to be a function, but got "${typeof fn}".`);
+        console.error('useMount: parameter `fn` expected to be a function, but got "'.concat(typeof fn, '".'));
       }
     }
-    React$4.useEffect(() => {
+    React$4.useEffect(function() {
       fn === null || fn === void 0 ? void 0 : fn();
     }, []);
   };
   const useMount$1 = useMount;
-  const useUpdate = () => {
-    const [, setState] = React$4.useState({});
-    return React$4.useCallback(() => setState({}), []);
+  var useUpdate = function() {
+    var _a = __read(React$4.useState({}), 2), setState = _a[1];
+    return React$4.useCallback(function() {
+      return setState({});
+    }, []);
   };
   const useUpdate$1 = useUpdate;
   function getTargetElement(target, defaultElement) {
@@ -1146,7 +1302,7 @@
     if (!target) {
       return defaultElement;
     }
-    let targetElement;
+    var targetElement;
     if (isFunction$1(target)) {
       targetElement = target();
     } else if ("current" in target) {
@@ -1156,42 +1312,44 @@
     }
     return targetElement;
   }
-  const checkIfAllInShadow = (targets) => {
-    return targets.every((item) => {
-      const targetElement = getTargetElement(item);
+  var checkIfAllInShadow = function(targets) {
+    return targets.every(function(item) {
+      var targetElement = getTargetElement(item);
       if (!targetElement)
         return false;
       if (targetElement.getRootNode() instanceof ShadowRoot)
         return true;
     });
   };
-  const getShadow = (node) => {
+  var getShadow = function(node) {
     if (!node) {
       return document;
     }
     return node.getRootNode();
   };
-  const getDocumentOrShadow = (target) => {
+  var getDocumentOrShadow = function(target) {
     if (!target || !document.getRootNode) {
       return document;
     }
-    const targets = Array.isArray(target) ? target : [target];
+    var targets = Array.isArray(target) ? target : [target];
     if (checkIfAllInShadow(targets)) {
       return getShadow(getTargetElement(targets[0]));
     }
     return document;
   };
   const getDocumentOrShadow$1 = getDocumentOrShadow;
-  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 createEffectWithTarget = function(useEffectType) {
+    var useEffectWithTarget2 = function(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() {
         var _a;
-        const targets = Array.isArray(target) ? target : [target];
-        const els = targets.map((item) => getTargetElement(item));
+        var targets = Array.isArray(target) ? target : [target];
+        var els = targets.map(function(item) {
+          return getTargetElement(item);
+        });
         if (!hasInitRef.current) {
           hasInitRef.current = true;
           lastElementRef.current = els;
@@ -1206,7 +1364,7 @@
           unLoadRef.current = effect();
         }
       });
-      useUnmount$1(() => {
+      useUnmount$1(function() {
         var _a;
         (_a = unLoadRef.current) === null || _a === void 0 ? void 0 : _a.call(unLoadRef);
         hasInitRef.current = false;
@@ -1215,26 +1373,33 @@
     return useEffectWithTarget2;
   };
   const createEffectWithTarget$1 = createEffectWithTarget;
-  const useEffectWithTarget$1 = createEffectWithTarget$1(React$4.useEffect);
+  var useEffectWithTarget$1 = createEffectWithTarget$1(React$4.useEffect);
   const useEffectWithTarget$2 = useEffectWithTarget$1;
-  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);
+  function useClickAway(onClickAway, target, eventName) {
+    if (eventName === void 0) {
+      eventName = "click";
+    }
+    var onClickAwayRef = useLatest(onClickAway);
+    useEffectWithTarget$2(function() {
+      var handler = function(event) {
+        var targets = Array.isArray(target) ? target : [target];
+        if (targets.some(function(item) {
+          var targetElement = getTargetElement(item);
           return !targetElement || targetElement.contains(event.target);
         })) {
           return;
         }
         onClickAwayRef.current(event);
       };
-      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));
+      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);
+        });
       };
     }, Array.isArray(eventName) ? eventName : [eventName], target);
   }
@@ -1451,15 +1616,21 @@
     var _a;
     if (isDev$2) {
       if (!isFunction$1(fn)) {
-        console.error(`useDebounceFn expected parameter is a function, got ${typeof fn}`);
+        console.error("useDebounceFn expected parameter is a function, got ".concat(typeof fn));
       }
     }
-    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(() => {
+    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([], __read(args), false));
+      }, wait, options);
+    }, []);
+    useUnmount$1(function() {
       debounced.cancel();
     });
     return {
@@ -1469,13 +1640,11 @@
     };
   }
   function useDebounceEffect(effect, deps, options) {
-    const [flag, setFlag] = React$4.useState({});
-    const {
-      run
-    } = useDebounceFn(() => {
+    var _a = __read(React$4.useState({}), 2), flag = _a[0], setFlag = _a[1];
+    var run = useDebounceFn(function() {
       setFlag({});
-    }, options);
-    React$4.useEffect(() => {
+    }, options).run;
+    React$4.useEffect(function() {
       return run();
     }, deps);
     useUpdateEffect(effect, [flag]);
@@ -2597,65 +2766,100 @@
     window.IntersectionObserverEntry = IntersectionObserverEntry;
   })();
   function useInViewport(target, options) {
-    const [state, setState] = React$4.useState();
-    const [ratio, setRatio] = React$4.useState();
-    useEffectWithTarget$2(() => {
-      const el = getTargetElement(target);
+    var _a = __read(React$4.useState(), 2), state = _a[0], setState = _a[1];
+    var _b = __read(React$4.useState(), 2), ratio = _b[0], setRatio = _b[1];
+    useEffectWithTarget$2(function() {
+      var el = getTargetElement(target);
       if (!el) {
         return;
       }
-      const observer = new IntersectionObserver((entries) => {
-        for (const entry of entries) {
-          setRatio(entry.intersectionRatio);
-          setState(entry.isIntersecting);
+      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;
+          }
         }
-      }, Object.assign(Object.assign({}, options), {
+      }, __assign(__assign({}, options), {
         root: getTargetElement(options === null || options === void 0 ? void 0 : options.root)
       }));
       observer.observe(el);
-      return () => {
+      return function() {
         observer.disconnect();
       };
     }, [options === null || options === void 0 ? void 0 : options.rootMargin, options === null || options === void 0 ? void 0 : options.threshold], target);
     return [state, ratio];
   }
-  const useIsomorphicLayoutEffect$1 = isBrowser$3 ? React$4.useLayoutEffect : React$4.useEffect;
+  var useIsomorphicLayoutEffect$1 = isBrowser$3 ? React$4.useLayoutEffect : React$4.useEffect;
   const useIsomorphicLayoutEffect$2 = useIsomorphicLayoutEffect$1;
   function useLockFn(fn) {
-    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 {
-        const ret = yield fn(...args);
-        lockRef.current = false;
-        return ret;
-      } catch (e) {
-        lockRef.current = false;
-        throw e;
-      }
-    }), [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([], __read(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]);
   }
   function useRafState(initialState) {
-    const ref = React$4.useRef(0);
-    const [state, setState] = React$4.useState(initialState);
-    const setRafState = React$4.useCallback((value) => {
+    var ref = React$4.useRef(0);
+    var _a = __read(React$4.useState(initialState), 2), state = _a[0], setState = _a[1];
+    var setRafState = React$4.useCallback(function(value) {
       cancelAnimationFrame(ref.current);
-      ref.current = requestAnimationFrame(() => {
+      ref.current = requestAnimationFrame(function() {
         setState(value);
       });
     }, []);
-    useUnmount$1(() => {
+    useUnmount$1(function() {
       cancelAnimationFrame(ref.current);
     });
     return [state, setRafState];
   }
-  const useUnmountedRef = () => {
-    const unmountedRef = React$4.useRef(false);
-    React$4.useEffect(() => {
+  var useUnmountedRef = function() {
+    var unmountedRef = React$4.useRef(false);
+    React$4.useEffect(function() {
       unmountedRef.current = false;
-      return () => {
+      return function() {
         unmountedRef.current = true;
       };
     }, []);
@@ -3133,23 +3337,26 @@
     }
     return ResizeObserver$1;
   }();
-  const useEffectWithTarget = createEffectWithTarget$1(React$4.useLayoutEffect);
+  var useEffectWithTarget = createEffectWithTarget$1(React$4.useLayoutEffect);
   const useLayoutEffectWithTarget = useEffectWithTarget;
-  const useIsomorphicLayoutEffectWithTarget = isBrowser$3 ? useLayoutEffectWithTarget : useEffectWithTarget$2;
+  var useIsomorphicLayoutEffectWithTarget = isBrowser$3 ? useLayoutEffectWithTarget : useEffectWithTarget$2;
   const useIsomorphicLayoutEffectWithTarget$1 = useIsomorphicLayoutEffectWithTarget;
   function useSize(target) {
-    const [state, setState] = useRafState();
-    useIsomorphicLayoutEffectWithTarget$1(() => {
-      const el = getTargetElement(target);
+    var _a = __read(useRafState(function() {
+      var el = getTargetElement(target);
+      return el ? {
+        width: el.clientWidth,
+        height: el.clientHeight
+      } : void 0;
+    }), 2), state = _a[0], setState = _a[1];
+    useIsomorphicLayoutEffectWithTarget$1(function() {
+      var el = getTargetElement(target);
       if (!el) {
         return;
       }
-      const resizeObserver = new index$k((entries) => {
-        entries.forEach((entry) => {
-          const {
-            clientWidth,
-            clientHeight
-          } = entry.target;
+      var resizeObserver = new index$k(function(entries) {
+        entries.forEach(function(entry) {
+          var _a2 = entry.target, clientWidth = _a2.clientWidth, clientHeight = _a2.clientHeight;
           setState({
             width: clientWidth,
             height: clientHeight
@@ -3157,7 +3364,7 @@
         });
       });
       resizeObserver.observe(el);
-      return () => {
+      return function() {
         resizeObserver.disconnect();
       };
     }, [], target);
@@ -3167,15 +3374,21 @@
     var _a;
     if (isDev$2) {
       if (!isFunction$1(fn)) {
-        console.error(`useThrottleFn expected parameter is a function, got ${typeof fn}`);
+        console.error("useThrottleFn expected parameter is a function, got ".concat(typeof fn));
       }
     }
-    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(() => {
+    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() {
       throttled.cancel();
     });
     return {
@@ -3184,29 +3397,24 @@
       flush: throttled.flush
     };
   }
-  function useTimeout(fn, delay) {
-    const fnRef = useLatest(fn);
-    const timerRef = React$4.useRef(null);
-    React$4.useEffect(() => {
-      if (!isNumber(delay) || delay < 0) {
-        return;
-      }
-      timerRef.current = setTimeout(() => {
-        fnRef.current();
-      }, delay);
-      return () => {
-        if (timerRef.current) {
-          clearTimeout(timerRef.current);
-        }
-      };
-    }, [delay]);
-    const clear2 = React$4.useCallback(() => {
+  var useTimeout = function(fn, delay) {
+    var timerCallback = useMemoizedFn(fn);
+    var timerRef = React$4.useRef(null);
+    var clear2 = React$4.useCallback(function() {
       if (timerRef.current) {
         clearTimeout(timerRef.current);
       }
     }, []);
+    React$4.useEffect(function() {
+      if (!isNumber(delay) || delay < 0) {
+        return;
+      }
+      timerRef.current = setTimeout(timerCallback, delay);
+      return clear2;
+    }, [delay]);
     return clear2;
-  }
+  };
+  const useTimeout$1 = useTimeout;
   const mask = "";
   const MIN_DISTANCE = 10;
   function getDirection(x, y) {
@@ -7527,10 +7735,14 @@
       ref: wrapperRef
     }));
     return {
-      close: () => {
+      close: () => __awaiter(this, void 0, void 0, function* () {
         var _a;
-        (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.close();
-      },
+        if (!wrapperRef.current) {
+          unmount2();
+        } else {
+          (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.close();
+        }
+      }),
       replace: (element2) => {
         var _a;
         (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.replace(element2);
@@ -7587,13 +7799,17 @@
         if (props.closeOnAction) {
           (_c = props.onClose) === null || _c === void 0 ? void 0 : _c.call(props);
         }
-      }
+      },
+      role: "option",
+      "aria-disabled": action.disabled
     }, React__default.default.createElement("div", {
       className: `${classPrefix$1i}-button-item-name`
     }, action.text), action.description && React__default.default.createElement("div", {
       className: `${classPrefix$1i}-button-item-description`
     }, action.description))))), props.cancelText && React__default.default.createElement("div", {
-      className: `${classPrefix$1i}-cancel`
+      className: `${classPrefix$1i}-cancel`,
+      role: "option",
+      "aria-label": props.cancelText
     }, React__default.default.createElement("div", {
       className: `${classPrefix$1i}-button-item-wrapper`
     }, React__default.default.createElement("a", {
@@ -7818,7 +8034,8 @@
       lazy: props.lazy,
       fit: props.fit,
       onClick: props.onClick,
-      onError: props.onError
+      onError: props.onError,
+      onLoad: props.onLoad
     }));
   };
   const Avatar = Avatar$1;
@@ -8457,9 +8674,10 @@
     }));
   };
   const ScrollMask = ScrollMask$1;
-  var _reactIs_17_0_2_reactIs = { exports: {} };
+  var _reactIs_18_2_0_reactIs = { exports: {} };
   var reactIs_development$1 = {};
-  /** @license React v17.0.2
+  /**
+   * @license React
    * react-is.development.js
    *
    * Copyright (c) Facebook, Inc. and its affiliates.
@@ -8469,56 +8687,38 @@
    */
   {
     (function() {
-      var REACT_ELEMENT_TYPE = 60103;
-      var REACT_PORTAL_TYPE = 60106;
-      var REACT_FRAGMENT_TYPE = 60107;
-      var REACT_STRICT_MODE_TYPE = 60108;
-      var REACT_PROFILER_TYPE = 60114;
-      var REACT_PROVIDER_TYPE = 60109;
-      var REACT_CONTEXT_TYPE = 60110;
-      var REACT_FORWARD_REF_TYPE = 60112;
-      var REACT_SUSPENSE_TYPE = 60113;
-      var REACT_SUSPENSE_LIST_TYPE = 60120;
-      var REACT_MEMO_TYPE = 60115;
-      var REACT_LAZY_TYPE = 60116;
-      var REACT_BLOCK_TYPE = 60121;
-      var REACT_SERVER_BLOCK_TYPE = 60122;
-      var REACT_FUNDAMENTAL_TYPE = 60117;
-      var REACT_DEBUG_TRACING_MODE_TYPE = 60129;
-      var REACT_LEGACY_HIDDEN_TYPE = 60131;
-      if (typeof Symbol === "function" && Symbol.for) {
-        var symbolFor = Symbol.for;
-        REACT_ELEMENT_TYPE = symbolFor("react.element");
-        REACT_PORTAL_TYPE = symbolFor("react.portal");
-        REACT_FRAGMENT_TYPE = symbolFor("react.fragment");
-        REACT_STRICT_MODE_TYPE = symbolFor("react.strict_mode");
-        REACT_PROFILER_TYPE = symbolFor("react.profiler");
-        REACT_PROVIDER_TYPE = symbolFor("react.provider");
-        REACT_CONTEXT_TYPE = symbolFor("react.context");
-        REACT_FORWARD_REF_TYPE = symbolFor("react.forward_ref");
-        REACT_SUSPENSE_TYPE = symbolFor("react.suspense");
-        REACT_SUSPENSE_LIST_TYPE = symbolFor("react.suspense_list");
-        REACT_MEMO_TYPE = symbolFor("react.memo");
-        REACT_LAZY_TYPE = symbolFor("react.lazy");
-        REACT_BLOCK_TYPE = symbolFor("react.block");
-        REACT_SERVER_BLOCK_TYPE = symbolFor("react.server.block");
-        REACT_FUNDAMENTAL_TYPE = symbolFor("react.fundamental");
-        symbolFor("react.scope");
-        symbolFor("react.opaque.id");
-        REACT_DEBUG_TRACING_MODE_TYPE = symbolFor("react.debug_trace_mode");
-        symbolFor("react.offscreen");
-        REACT_LEGACY_HIDDEN_TYPE = symbolFor("react.legacy_hidden");
-      }
+      var REACT_ELEMENT_TYPE = Symbol.for("react.element");
+      var REACT_PORTAL_TYPE = Symbol.for("react.portal");
+      var REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
+      var REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode");
+      var REACT_PROFILER_TYPE = Symbol.for("react.profiler");
+      var REACT_PROVIDER_TYPE = Symbol.for("react.provider");
+      var REACT_CONTEXT_TYPE = Symbol.for("react.context");
+      var REACT_SERVER_CONTEXT_TYPE = Symbol.for("react.server_context");
+      var REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref");
+      var REACT_SUSPENSE_TYPE = Symbol.for("react.suspense");
+      var REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list");
+      var REACT_MEMO_TYPE = Symbol.for("react.memo");
+      var REACT_LAZY_TYPE = Symbol.for("react.lazy");
+      var REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen");
       var enableScopeAPI = false;
+      var enableCacheElement = false;
+      var enableTransitionTracing = false;
+      var enableLegacyHidden = false;
+      var enableDebugTracing = false;
+      var REACT_MODULE_REFERENCE;
+      {
+        REACT_MODULE_REFERENCE = Symbol.for("react.module.reference");
+      }
       function isValidElementType(type2) {
         if (typeof type2 === "string" || typeof type2 === "function") {
           return true;
         }
-        if (type2 === REACT_FRAGMENT_TYPE || type2 === REACT_PROFILER_TYPE || type2 === REACT_DEBUG_TRACING_MODE_TYPE || type2 === REACT_STRICT_MODE_TYPE || type2 === REACT_SUSPENSE_TYPE || type2 === REACT_SUSPENSE_LIST_TYPE || type2 === REACT_LEGACY_HIDDEN_TYPE || enableScopeAPI) {
+        if (type2 === REACT_FRAGMENT_TYPE || type2 === REACT_PROFILER_TYPE || enableDebugTracing || type2 === REACT_STRICT_MODE_TYPE || type2 === REACT_SUSPENSE_TYPE || type2 === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden || type2 === REACT_OFFSCREEN_TYPE || enableScopeAPI || enableCacheElement || enableTransitionTracing) {
           return true;
         }
         if (typeof type2 === "object" && type2 !== null) {
-          if (type2.$$typeof === REACT_LAZY_TYPE || type2.$$typeof === REACT_MEMO_TYPE || type2.$$typeof === REACT_PROVIDER_TYPE || type2.$$typeof === REACT_CONTEXT_TYPE || type2.$$typeof === REACT_FORWARD_REF_TYPE || type2.$$typeof === REACT_FUNDAMENTAL_TYPE || type2.$$typeof === REACT_BLOCK_TYPE || type2[0] === REACT_SERVER_BLOCK_TYPE) {
+          if (type2.$$typeof === REACT_LAZY_TYPE || type2.$$typeof === REACT_MEMO_TYPE || type2.$$typeof === REACT_PROVIDER_TYPE || type2.$$typeof === REACT_CONTEXT_TYPE || type2.$$typeof === REACT_FORWARD_REF_TYPE || type2.$$typeof === REACT_MODULE_REFERENCE || type2.getModuleId !== void 0) {
             return true;
           }
         }
@@ -8540,6 +8740,7 @@
                 default:
                   var $$typeofType = type2 && type2.$$typeof;
                   switch ($$typeofType) {
+                    case REACT_SERVER_CONTEXT_TYPE:
                     case REACT_CONTEXT_TYPE:
                     case REACT_FORWARD_REF_TYPE:
                     case REACT_LAZY_TYPE:
@@ -8567,6 +8768,7 @@
       var Profiler = REACT_PROFILER_TYPE;
       var StrictMode = REACT_STRICT_MODE_TYPE;
       var Suspense = REACT_SUSPENSE_TYPE;
+      var SuspenseList = REACT_SUSPENSE_LIST_TYPE;
       var hasWarnedAboutDeprecatedIsAsyncMode = false;
       var hasWarnedAboutDeprecatedIsConcurrentMode = false;
       function isAsyncMode(object2) {
@@ -8620,6 +8822,9 @@
       function isSuspense(object2) {
         return typeOf(object2) === REACT_SUSPENSE_TYPE;
       }
+      function isSuspenseList(object2) {
+        return typeOf(object2) === REACT_SUSPENSE_LIST_TYPE;
+      }
       reactIs_development$1.ContextConsumer = ContextConsumer;
       reactIs_development$1.ContextProvider = ContextProvider;
       reactIs_development$1.Element = Element2;
@@ -8631,6 +8836,7 @@
       reactIs_development$1.Profiler = Profiler;
       reactIs_development$1.StrictMode = StrictMode;
       reactIs_development$1.Suspense = Suspense;
+      reactIs_development$1.SuspenseList = SuspenseList;
       reactIs_development$1.isAsyncMode = isAsyncMode;
       reactIs_development$1.isConcurrentMode = isConcurrentMode;
       reactIs_development$1.isContextConsumer = isContextConsumer;
@@ -8644,6 +8850,7 @@
       reactIs_development$1.isProfiler = isProfiler;
       reactIs_development$1.isStrictMode = isStrictMode;
       reactIs_development$1.isSuspense = isSuspense;
+      reactIs_development$1.isSuspenseList = isSuspenseList;
       reactIs_development$1.isValidElementType = isValidElementType;
       reactIs_development$1.typeOf = typeOf;
     })();
@@ -8652,12 +8859,12 @@
     {
       module2.exports = reactIs_development$1;
     }
-  })(_reactIs_17_0_2_reactIs);
+  })(_reactIs_18_2_0_reactIs);
   function traverseReactNode(children, fn) {
     let i = 0;
     function handle(target) {
       React__default.default.Children.forEach(target, (child) => {
-        if (!_reactIs_17_0_2_reactIs.exports.isFragment(child)) {
+        if (!_reactIs_18_2_0_reactIs.exports.isFragment(child)) {
           fn(child, i);
           i += 1;
         } else {
@@ -10911,7 +11118,7 @@ Please add \`${key}Action\` when creating your handler.`);
       var useState2 = React2.useState, useEffect = React2.useEffect, useLayoutEffect2 = React2.useLayoutEffect, useDebugValue = React2.useDebugValue;
       var didWarnOld18Alpha = false;
       var didWarnUncachedGetSnapshot = false;
-      function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
+      function useSyncExternalStore(subscribe2, getSnapshot, getServerSnapshot) {
         {
           if (!didWarnOld18Alpha) {
             if (React2.startTransition !== void 0) {
@@ -10944,7 +11151,7 @@ Please add \`${key}Action\` when creating your handler.`);
               inst
             });
           }
-        }, [subscribe, value, getSnapshot]);
+        }, [subscribe2, value, getSnapshot]);
         useEffect(function() {
           if (checkIfSnapshotChanged(inst)) {
             forceUpdate({
@@ -10958,8 +11165,8 @@ Please add \`${key}Action\` when creating your handler.`);
               });
             }
           };
-          return subscribe(handleStoreChange);
-        }, [subscribe]);
+          return subscribe2(handleStoreChange);
+        }, [subscribe2]);
         useDebugValue(value);
         return value;
       }
@@ -10973,7 +11180,7 @@ Please add \`${key}Action\` when creating your handler.`);
           return true;
         }
       }
-      function useSyncExternalStore$1(subscribe, getSnapshot, getServerSnapshot) {
+      function useSyncExternalStore$1(subscribe2, getSnapshot, getServerSnapshot) {
         return getSnapshot();
       }
       var canUseDOM = !!(typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined");
@@ -11015,13 +11222,14 @@ Please add \`${key}Action\` when creating your handler.`);
   function isMotionReduced() {
     return reduced;
   }
+  function subscribe(onStoreChange) {
+    subscribers.add(onStoreChange);
+    return () => {
+      subscribers.delete(onStoreChange);
+    };
+  }
   function useMotionReduced() {
-    return shim.exports.useSyncExternalStore((onStoreChange) => {
-      subscribers.add(onStoreChange);
-      return () => {
-        subscribers.delete(onStoreChange);
-      };
-    }, isMotionReduced);
+    return shim.exports.useSyncExternalStore(subscribe, isMotionReduced);
   }
   const classPrefix$16 = "adm-spin-loading";
   const colorRecord$2 = {
@@ -11579,7 +11787,8 @@ Please add \`${key}Action\` when creating your handler.`);
       className: `${classPrefix$13}-tab-list`,
       ref: tabListContainerRef,
       scrollLeft,
-      onScroll: updateMask
+      onScroll: updateMask,
+      role: "tablist"
     }, React__default.default.createElement(animated.div, {
       ref: activeLineRef,
       className: `${classPrefix$13}-tab-line`,
@@ -11607,7 +11816,9 @@ Please add \`${key}Action\` when creating your handler.`);
       className: classNames(`${classPrefix$13}-tab`, {
         [`${classPrefix$13}-tab-active`]: pane.key === activeKey,
         [`${classPrefix$13}-tab-disabled`]: pane.props.disabled
-      })
+      }),
+      role: "tab",
+      "aria-selected": pane.key === activeKey
     }, pane.props.title)))))), panes.map((pane) => {
       if (pane.props.children === void 0) {
         return null;
@@ -11707,6 +11918,7 @@ Please add \`${key}Action\` when creating your handler.`);
     }
     const {
       activeIcon,
+      extra,
       disabled,
       readOnly
     } = props;
@@ -11716,6 +11928,7 @@ Please add \`${key}Action\` when creating your handler.`);
         check,
         uncheck,
         activeIcon,
+        extra,
         disabled,
         readOnly
       }
@@ -11733,9 +11946,11 @@ Please add \`${key}Action\` when creating your handler.`);
     }
     const active = context.value.includes(props.value);
     const readOnly = props.readOnly || context.readOnly;
+    const defaultExtra = active ? context.activeIcon : null;
+    const renderExtra = context.extra ? context.extra(active) : defaultExtra;
     const extra = React__default.default.createElement("div", {
       className: `${classPrefix$$}-extra`
-    }, active ? context.activeIcon : null);
+    }, renderExtra);
     return withNativeProps(props, React__default.default.createElement(List$1.Item, {
       title: props.title,
       className: classNames(classPrefix$$, readOnly && `${classPrefix$$}-readonly`, active && `${classPrefix$$}-active`),
@@ -13526,7 +13741,7 @@ Please add \`${key}Action\` when creating your handler.`);
         setExpanded(true);
       }
     }, props.expandText)) : null;
-    const collapseActionElement = exceeded && props.expandText ? withStopPropagation(props.stopPropagationForActionButtons, React__default.default.createElement("a", {
+    const collapseActionElement = exceeded && props.collapseText ? withStopPropagation(props.stopPropagationForActionButtons, React__default.default.createElement("a", {
       onClick: () => {
         setExpanded(false);
       }
@@ -18789,9 +19004,9 @@ Please add \`${key}Action\` when creating your handler.`);
     return typeof type2 === "function" && !shouldConstruct(type2) && type2.defaultProps === void 0;
   }
   function isSafeSetRefComponent(component) {
-    if (_reactIs_17_0_2_reactIs.exports.isFragment(component))
+    if (_reactIs_18_2_0_reactIs.exports.isFragment(component))
       return false;
-    if (_reactIs_17_0_2_reactIs.exports.isMemo(component))
+    if (_reactIs_18_2_0_reactIs.exports.isMemo(component))
       return isSafeSetRefComponent(component.type);
     return !isSimpleFunctionComponent(component.type);
   }
@@ -18881,22 +19096,6 @@ Please add \`${key}Action\` when creating your handler.`);
     } = config2;
     const validMiddleware = middleware.filter(Boolean);
     const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(floating));
-    {
-      if (platform2 == null) {
-        console.error(["Floating UI: `platform` property was not passed to config. If you", "want to use Floating UI on the web, install @floating-ui/dom", "instead of the /core package. Otherwise, you can create your own", "`platform`: https://floating-ui.com/docs/platform"].join(" "));
-      }
-      if (validMiddleware.filter((_ref) => {
-        let {
-          name
-        } = _ref;
-        return name === "autoPlacement" || name === "flip";
-      }).length > 1) {
-        throw new Error(["Floating UI: duplicate `flip` and/or `autoPlacement` middleware", "detected. This will lead to an infinite loop. Ensure only one of", "either has been passed to the `middleware` array."].join(" "));
-      }
-      if (!reference || !floating) {
-        console.error(["Floating UI: The reference and/or floating element was not defined", "when `computePosition()` was called. Ensure that both elements have", "been created and can be measured."].join(" "));
-      }
-    }
     let rects = await platform2.getElementRects({
       reference,
       floating,
@@ -18942,11 +19141,6 @@ Please add \`${key}Action\` when creating your handler.`);
           ...data
         }
       };
-      {
-        if (resetCount > 50) {
-          console.warn(["Floating UI: The middleware lifecycle appears to be running in an", "infinite loop. This is usually caused by a `reset` continually", "being returned without a break condition."].join(" "));
-        }
-      }
       if (reset && resetCount <= 50) {
         resetCount++;
         if (typeof reset === "object") {
@@ -19075,12 +19269,10 @@ Please add \`${key}Action\` when creating your handler.`);
         y,
         placement,
         rects,
-        platform: platform2
+        platform: platform2,
+        elements
       } = state;
       if (element == null) {
-        {
-          console.warn("Floating UI: No `element` was passed to the `arrow` middleware.");
-        }
         return {};
       }
       const paddingObject = getSideObjectFromPadding(padding);
@@ -19091,14 +19283,16 @@ Please add \`${key}Action\` when creating your handler.`);
       const axis = getMainAxisFromPlacement(placement);
       const length = getLengthFromAxis(axis);
       const arrowDimensions = await platform2.getDimensions(element);
-      const minProp = axis === "y" ? "top" : "left";
-      const maxProp = axis === "y" ? "bottom" : "right";
+      const isYAxis = axis === "y";
+      const minProp = isYAxis ? "top" : "left";
+      const maxProp = isYAxis ? "bottom" : "right";
+      const clientProp = isYAxis ? "clientHeight" : "clientWidth";
       const endDiff = rects.reference[length] + rects.reference[axis] - coords[axis] - rects.floating[length];
       const startDiff = coords[axis] - rects.reference[axis];
       const arrowOffsetParent = await (platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(element));
-      let clientSize = arrowOffsetParent ? axis === "y" ? arrowOffsetParent.clientHeight || 0 : arrowOffsetParent.clientWidth || 0 : 0;
-      if (clientSize === 0) {
-        clientSize = rects.floating[length];
+      let clientSize = arrowOffsetParent ? arrowOffsetParent[clientProp] : 0;
+      if (!clientSize || !await (platform2.isElement == null ? void 0 : platform2.isElement(arrowOffsetParent))) {
+        clientSize = elements.floating[clientProp] || rects.floating[length];
       }
       const centerToReference = endDiff / 2 - startDiff / 2;
       const min2 = paddingObject[minProp];
@@ -19538,25 +19732,8 @@ Please add \`${key}Action\` when creating your handler.`);
   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 isNode(value) {
+    return value instanceof getWindow(value).Node;
   }
   function getNodeName(node) {
     return isNode(node) ? (node.nodeName || "").toLowerCase() : "";
@@ -19579,9 +19756,6 @@ Please add \`${key}Action\` when creating your handler.`);
   function isElement(value) {
     return value instanceof getWindow(value).Element;
   }
-  function isNode(value) {
-    return value instanceof getWindow(value).Node;
-  }
   function isShadowRoot(node) {
     if (typeof ShadowRoot === "undefined") {
       return false;
@@ -19616,6 +19790,27 @@ Please add \`${key}Action\` when creating your handler.`);
   function isLastTraversableNode(node) {
     return ["html", "body", "#document"].includes(getNodeName(node));
   }
+  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 hasOffset = isHTMLElement(element);
+    const offsetWidth = hasOffset ? element.offsetWidth : width;
+    const offsetHeight = hasOffset ? element.offsetHeight : height;
+    const shouldFallback = round(width) !== offsetWidth || round(height) !== offsetHeight;
+    if (shouldFallback) {
+      width = offsetWidth;
+      height = offsetHeight;
+    }
+    return {
+      width,
+      height,
+      fallback: shouldFallback
+    };
+  }
   function unwrapElement(element) {
     return !isElement(element) ? element.contextElement : element;
   }
@@ -19692,16 +19887,12 @@ Please add \`${key}Action\` when creating your handler.`);
         currentIFrame = getWindow(currentIFrame).frameElement;
       }
     }
-    return {
+    return rectToClientRect({
       width,
       height,
-      top: y,
-      right: x + width,
-      bottom: y + height,
-      left: x,
       x,
       y
-    };
+    });
   }
   function getDocumentElement(node) {
     return ((isNode(node) ? node.ownerDocument : node.document) || window.document).documentElement;
@@ -19929,10 +20120,7 @@ Please add \`${key}Action\` when creating your handler.`);
     };
   }
   function getDimensions(element) {
-    if (isHTMLElement(element)) {
-      return getCssDimensions(element);
-    }
-    return element.getBoundingClientRect();
+    return getCssDimensions(element);
   }
   function getTrueOffsetParent(element, polyfill) {
     if (!isHTMLElement(element) || getComputedStyle$1(element).position === "fixed") {
@@ -19956,6 +20144,9 @@ Please add \`${key}Action\` when creating your handler.`);
   }
   function getOffsetParent(element, polyfill) {
     const window2 = getWindow(element);
+    if (!isHTMLElement(element)) {
+      return window2;
+    }
     let offsetParent = getTrueOffsetParent(element, polyfill);
     while (offsetParent && isTableElement(offsetParent) && getComputedStyle$1(offsetParent).position === "static") {
       offsetParent = getTrueOffsetParent(offsetParent, polyfill);
@@ -20044,12 +20235,8 @@ Please add \`${key}Action\` when creating your handler.`);
     });
     let observer = null;
     if (elementResize) {
-      let initialUpdate = true;
       observer = new ResizeObserver(() => {
-        if (!initialUpdate) {
-          update2();
-        }
-        initialUpdate = false;
+        update2();
       });
       isElement(reference) && !animationFrame && observer.observe(reference);
       if (!isElement(reference) && reference.contextElement && !animationFrame) {
@@ -20245,7 +20432,7 @@ Please add \`${key}Action\` when creating your handler.`);
           top: arrowY != null ? `${arrowY}px` : "",
           right: "",
           bottom: "",
-          [arrowSide]: `-${convertPx(8)}px`
+          [arrowSide]: "calc(var(--arrow-size) * -1)"
         });
         const arrowRotate = {
           top: "0deg",
@@ -22141,7 +22328,7 @@ Please add \`${key}Action\` when creating your handler.`);
       text.style.transitionDuration = `${Math.round(distance / speed)}s`;
       text.style.transform = `translateX(-${text.offsetWidth}px)`;
     }
-    useTimeout(() => {
+    useTimeout$1(() => {
       delayLockRef.current = false;
       start2();
     }, props.delay);
@@ -22278,8 +22465,9 @@ Please add \`${key}Action\` when creating your handler.`);
         className: classNames(`${classPrefix$w}-header`, {
           [`${classPrefix$w}-header-with-title`]: !!title
         })
-      }, title && React__default.default.createElement("div", {
-        className: `${classPrefix$w}-title`
+      }, React__default.default.createElement("div", {
+        className: `${classPrefix$w}-title`,
+        "aria-label": title
       }, title), showCloseButton && React__default.default.createElement("span", {
         className: `${classPrefix$w}-header-close-button`,
         onClick: () => {
@@ -22287,7 +22475,8 @@ Please add \`${key}Action\` when creating your handler.`);
           (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
         },
         role: "button",
-        title: "CLOSE"
+        title: "CLOSE",
+        tabIndex: -1
       }, React__default.default.createElement(DownOutline, null)));
     };
     const renderKey = (key, index2) => {
@@ -22298,8 +22487,9 @@ Please add \`${key}Action\` when creating your handler.`);
         [`${classPrefix$w}-key-mid`]: index2 === 9 && !!confirmText && keys2.length < 12
       });
       const ariaProps = key ? {
-        role: "button",
-        title: key
+        role: "grid",
+        title: key,
+        tabIndex: -1
       } : void 0;
       return React__default.default.createElement("div", Object.assign({
         key,
@@ -22355,7 +22545,8 @@ Please add \`${key}Action\` when creating your handler.`);
     }, React__default.default.createElement(TextDeletionOutline, null)), React__default.default.createElement("div", {
       className: `${classPrefix$w}-key ${classPrefix$w}-key-extra ${classPrefix$w}-key-ok`,
       onTouchEnd: (e) => onKeyPress(e, "OK"),
-      role: "button"
+      role: "button",
+      "aria-label": confirmText
     }, confirmText))), props.safeArea && React__default.default.createElement("div", {
       className: `${classPrefix$w}-footer`
     }, React__default.default.createElement(SafeArea, {
@@ -22614,6 +22805,19 @@ Please add \`${key}Action\` when creating your handler.`);
       (_a2 = elementRef.current) === null || _a2 === void 0 ? void 0 : _a2.addEventListener("touchmove", () => {
       });
     }, []);
+    const reset = () => {
+      return new Promise((resolve) => {
+        api.start({
+          to: {
+            height: 0
+          },
+          onResolve() {
+            setStatus("pulling");
+            resolve();
+          }
+        });
+      });
+    };
     function doRefresh() {
       return __awaiter(this, void 0, void 0, function* () {
         api.start({
@@ -22624,27 +22828,13 @@ Please add \`${key}Action\` when creating your handler.`);
           yield props.onRefresh();
           setStatus("complete");
         } catch (e) {
-          api.start({
-            to: (next) => __awaiter(this, void 0, void 0, function* () {
-              yield next({
-                height: 0
-              });
-              setStatus("pulling");
-            })
-          });
+          reset();
           throw e;
         }
         if (props.completeDelay > 0) {
           yield sleep(props.completeDelay);
         }
-        api.start({
-          to: (next) => __awaiter(this, void 0, void 0, function* () {
-            yield next({
-              height: 0
-            });
-            setStatus("pulling");
-          })
-        });
+        reset();
       });
     }
     useDrag((state) => {
@@ -23204,6 +23394,9 @@ Please add \`${key}Action\` when creating your handler.`);
         (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, val, extend);
       }
     });
+    const {
+      locale
+    } = useConfig();
     const items = props.options.map((option) => {
       const active = (value || []).includes(option.value);
       const disabled = option.disabled || props.disabled;
@@ -23226,7 +23419,9 @@ Please add \`${key}Action\` when creating your handler.`);
             const val = active ? [] : [option.value];
             setValue2(val);
           }
-        }
+        },
+        role: "option",
+        "aria-selected": active && !props.multiple || active && props.multiple
       }, option.label, option.description && React__default.default.createElement("div", {
         className: `${classPrefix$k}-item-description`
       }, option.description), active && props.showCheckMark && React__default.default.createElement("div", {
@@ -23234,7 +23429,9 @@ Please add \`${key}Action\` when creating your handler.`);
       }, React__default.default.createElement(CheckMark, null)));
     });
     return withNativeProps(props, React__default.default.createElement("div", {
-      className: classPrefix$k
+      className: classPrefix$k,
+      role: "listbox",
+      "aria-label": locale.Selector.name
     }, !props.columns && React__default.default.createElement(Space, {
       wrap: true
     }, items), props.columns && React__default.default.createElement(Grid, {
@@ -24198,7 +24395,7 @@ Please add \`${key}Action\` when creating your handler.`);
     disabled: false,
     allowEmpty: false
   };
-  function Stepper(p) {
+  function InnerStepper(p, ref) {
     const props = mergeProps(defaultProps$d, p);
     const {
       defaultValue = 0,
@@ -24217,6 +24414,20 @@ Please add \`${key}Action\` when creating your handler.`);
     const {
       locale
     } = useConfig();
+    React$4.useImperativeHandle(ref, () => ({
+      focus: () => {
+        var _a;
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+      },
+      blur: () => {
+        var _a;
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+      },
+      get nativeElement() {
+        var _a, _b;
+        return (_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.nativeElement) !== null && _b !== void 0 ? _b : null;
+      }
+    }));
     const fixedValue = (value2) => {
       const fixedValue2 = digits !== void 0 ? toFixed(value2.toString(), ".", digits) : value2;
       return fixedValue2.toString();
@@ -24381,6 +24592,8 @@ Please add \`${key}Action\` when creating your handler.`);
       "aria-label": locale.Stepper.increase
     }, React__default.default.createElement(AddOutline, null))));
   }
+  const Stepper$1 = React$4.forwardRef(InnerStepper);
+  const Stepper = Stepper$1;
   const steps = "";
   const classPrefix$d = `adm-step`;
   const Step = (props) => {
@@ -25189,6 +25402,7 @@ Please add \`${key}Action\` when creating your handler.`);
     }
     const nativeTextAreaRef = React$4.useRef(null);
     const heightRef = React$4.useRef("auto");
+    const hiddenTextAreaRef = React$4.useRef(null);
     React$4.useImperativeHandle(ref, () => ({
       clear: () => {
         setValue2("");
@@ -25209,10 +25423,13 @@ Please add \`${key}Action\` when creating your handler.`);
       if (!autoSize)
         return;
       const textArea2 = nativeTextAreaRef.current;
+      const hiddenTextArea = hiddenTextAreaRef.current;
       if (!textArea2)
         return;
       textArea2.style.height = heightRef.current;
-      let height = textArea2.scrollHeight;
+      if (!hiddenTextArea)
+        return;
+      let height = hiddenTextArea.scrollHeight;
       if (typeof autoSize === "object") {
         const computedStyle = window.getComputedStyle(textArea2);
         const lineHeight = parseFloat(computedStyle.lineHeight);
@@ -25274,7 +25491,13 @@ Please add \`${key}Action\` when creating your handler.`);
       onFocus: props.onFocus,
       onBlur: props.onBlur,
       onClick: props.onClick
-    }), count));
+    }), count, autoSize && React__default.default.createElement("textarea", {
+      ref: hiddenTextAreaRef,
+      className: `${classPrefix$6}-element ${classPrefix$6}-element-hidden`,
+      value,
+      "aria-hidden": true,
+      readOnly: true
+    })));
   });
   TextArea$1.defaultProps = defaultProps$6;
   const TextArea = TextArea$1;
@@ -25756,6 +25979,9 @@ Please add \`${key}Action\` when creating your handler.`);
     const rootRef = React$4.useRef(null);
     const contentRef = React$4.useRef(null);
     const [hasFocus, setHasFocus] = React$4.useState(false);
+    const {
+      locale
+    } = useConfig();
     function scrollToEnd() {
       const root2 = rootRef.current;
       if (!root2)
@@ -25827,7 +26053,11 @@ Please add \`${key}Action\` when creating your handler.`);
       onClick: props.onClick
     }, React__default.default.createElement("div", {
       className: `${classPrefix$2}-content`,
-      ref: contentRef
+      ref: contentRef,
+      role: "option",
+      tabIndex: props.disabled ? void 0 : 0,
+      "aria-disabled": props.disabled,
+      "aria-label": props.placeholder
     }, value, React__default.default.createElement("div", {
       className: `${classPrefix$2}-caret-container`
     }, hasFocus && React__default.default.createElement("div", {
@@ -25839,7 +26069,9 @@ Please add \`${key}Action\` when creating your handler.`);
         e.stopPropagation();
         setValue2("");
         (_a = props.onClear) === null || _a === void 0 ? void 0 : _a.call(props);
-      }
+      },
+      role: "button",
+      "aria-label": locale.Input.clear
     }, React__default.default.createElement(CloseCircleFill, null)), !value && React__default.default.createElement("div", {
       className: `${classPrefix$2}-placeholder`
     }, props.placeholder), keyboardElement));