antd-mobile 5.28.1 → 5.28.2

package/bundle/antd-mobile.es.development.js

@@ -3116,7 +3116,13 @@ const useLayoutEffectWithTarget = useEffectWithTarget;
 const useIsomorphicLayoutEffectWithTarget = isBrowser$3 ? useLayoutEffectWithTarget : useEffectWithTarget$2;
 const useIsomorphicLayoutEffectWithTarget$1 = useIsomorphicLayoutEffectWithTarget;
 function useSize(target) {
-  const [state, setState] = useRafState();
+  const [state, setState] = useRafState(() => {
+    const el = getTargetElement(target);
+    return el ? {
+      width: el.clientWidth,
+      height: el.clientHeight
+    } : void 0;
+  });
   useIsomorphicLayoutEffectWithTarget$1(() => {
     const el = getTargetElement(target);
     if (!el) {
@@ -7505,10 +7511,14 @@ function renderImperatively(element) {
     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);
@@ -8435,9 +8445,10 @@ const ScrollMask$1 = (props) => {
   }));
 };
 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.
@@ -8447,56 +8458,38 @@ var reactIs_development$1 = {};
  */
 {
   (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(type4) {
       if (typeof type4 === "string" || typeof type4 === "function") {
         return true;
       }
-      if (type4 === REACT_FRAGMENT_TYPE || type4 === REACT_PROFILER_TYPE || type4 === REACT_DEBUG_TRACING_MODE_TYPE || type4 === REACT_STRICT_MODE_TYPE || type4 === REACT_SUSPENSE_TYPE || type4 === REACT_SUSPENSE_LIST_TYPE || type4 === REACT_LEGACY_HIDDEN_TYPE || enableScopeAPI) {
+      if (type4 === REACT_FRAGMENT_TYPE || type4 === REACT_PROFILER_TYPE || enableDebugTracing || type4 === REACT_STRICT_MODE_TYPE || type4 === REACT_SUSPENSE_TYPE || type4 === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden || type4 === REACT_OFFSCREEN_TYPE || enableScopeAPI || enableCacheElement || enableTransitionTracing) {
         return true;
       }
       if (typeof type4 === "object" && type4 !== null) {
-        if (type4.$$typeof === REACT_LAZY_TYPE || type4.$$typeof === REACT_MEMO_TYPE || type4.$$typeof === REACT_PROVIDER_TYPE || type4.$$typeof === REACT_CONTEXT_TYPE || type4.$$typeof === REACT_FORWARD_REF_TYPE || type4.$$typeof === REACT_FUNDAMENTAL_TYPE || type4.$$typeof === REACT_BLOCK_TYPE || type4[0] === REACT_SERVER_BLOCK_TYPE) {
+        if (type4.$$typeof === REACT_LAZY_TYPE || type4.$$typeof === REACT_MEMO_TYPE || type4.$$typeof === REACT_PROVIDER_TYPE || type4.$$typeof === REACT_CONTEXT_TYPE || type4.$$typeof === REACT_FORWARD_REF_TYPE || type4.$$typeof === REACT_MODULE_REFERENCE || type4.getModuleId !== void 0) {
           return true;
         }
       }
@@ -8518,6 +8511,7 @@ var reactIs_development$1 = {};
               default:
                 var $$typeofType = type4 && type4.$$typeof;
                 switch ($$typeofType) {
+                  case REACT_SERVER_CONTEXT_TYPE:
                   case REACT_CONTEXT_TYPE:
                   case REACT_FORWARD_REF_TYPE:
                   case REACT_LAZY_TYPE:
@@ -8545,6 +8539,7 @@ var reactIs_development$1 = {};
     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(object4) {
@@ -8598,6 +8593,9 @@ var reactIs_development$1 = {};
     function isSuspense(object4) {
       return typeOf(object4) === REACT_SUSPENSE_TYPE;
     }
+    function isSuspenseList(object4) {
+      return typeOf(object4) === REACT_SUSPENSE_LIST_TYPE;
+    }
     reactIs_development$1.ContextConsumer = ContextConsumer;
     reactIs_development$1.ContextProvider = ContextProvider;
     reactIs_development$1.Element = Element2;
@@ -8609,6 +8607,7 @@ var reactIs_development$1 = {};
     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;
@@ -8622,6 +8621,7 @@ var reactIs_development$1 = {};
     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;
   })();
@@ -8630,12 +8630,12 @@ var reactIs_development$1 = {};
   {
     module.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.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 {
@@ -10889,7 +10889,7 @@ var useSyncExternalStoreShim_development = {};
     var useState2 = React2.useState, useEffect2 = 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) {
@@ -10922,7 +10922,7 @@ var useSyncExternalStoreShim_development = {};
             inst
           });
         }
-      }, [subscribe, value, getSnapshot]);
+      }, [subscribe2, value, getSnapshot]);
       useEffect2(function() {
         if (checkIfSnapshotChanged(inst)) {
           forceUpdate({
@@ -10936,8 +10936,8 @@ var useSyncExternalStoreShim_development = {};
             });
           }
         };
-        return subscribe(handleStoreChange);
-      }, [subscribe]);
+        return subscribe2(handleStoreChange);
+      }, [subscribe2]);
       useDebugValue(value);
       return value;
     }
@@ -10951,7 +10951,7 @@ var useSyncExternalStoreShim_development = {};
         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");
@@ -10993,13 +10993,14 @@ function restoreMotion() {
 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 = {
@@ -18767,9 +18768,9 @@ function isSimpleFunctionComponent(type4) {
   return typeof type4 === "function" && !shouldConstruct(type4) && type4.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);
 }
@@ -19053,7 +19054,8 @@ const arrow = (options) => ({
       y,
       placement,
       rects,
-      platform: platform2
+      platform: platform2,
+      elements
     } = state;
     if (element == null) {
       {
@@ -19069,14 +19071,16 @@ const arrow = (options) => ({
     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];
@@ -19516,25 +19520,8 @@ function getWindow(node) {
 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() : "";
@@ -19557,9 +19544,6 @@ function isHTMLElement(value) {
 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;
@@ -19594,6 +19578,27 @@ function isClientRectVisualViewportBased() {
 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;
 }
@@ -19670,16 +19675,12 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
       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;
@@ -19907,10 +19908,7 @@ function getClippingRect(_ref) {
   };
 }
 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") {
@@ -19934,6 +19932,9 @@ function getContainingBlock(element) {
 }
 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);
@@ -20022,12 +20023,8 @@ function autoUpdate(reference, floating, update2, options) {
   });
   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) {
@@ -22592,6 +22589,19 @@ const PullToRefresh$1 = (p) => {
     (_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({
@@ -22602,27 +22612,13 @@ const PullToRefresh$1 = (p) => {
         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) => {
@@ -24176,7 +24172,7 @@ const defaultProps$d = {
   disabled: false,
   allowEmpty: false
 };
-function Stepper(p) {
+function InnerStepper(p, ref) {
   const props = mergeProps(defaultProps$d, p);
   const {
     defaultValue = 0,
@@ -24195,6 +24191,20 @@ function Stepper(p) {
   const {
     locale
   } = useConfig();
+  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();
@@ -24359,6 +24369,8 @@ function Stepper(p) {
     "aria-label": locale.Stepper.increase
   }, React__default.createElement(AddOutline, null))));
 }
+const Stepper$1 = forwardRef(InnerStepper);
+const Stepper = Stepper$1;
 const steps = "";
 const classPrefix$d = `adm-step`;
 const Step = (props) => {
@@ -25167,6 +25179,7 @@ const TextArea$1 = forwardRef((p, ref) => {
   }
   const nativeTextAreaRef = useRef(null);
   const heightRef = useRef("auto");
+  const hiddenTextAreaRef = useRef(null);
   useImperativeHandle(ref, () => ({
     clear: () => {
       setValue2("");
@@ -25187,10 +25200,13 @@ const TextArea$1 = forwardRef((p, ref) => {
     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);
@@ -25252,7 +25268,13 @@ const TextArea$1 = forwardRef((p, ref) => {
     onFocus: props.onFocus,
     onBlur: props.onBlur,
     onClick: props.onClick
-  }), count));
+  }), count, autoSize && React__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;