antd-mobile 5.24.0 → 5.24.2

package/cjs/utils/nearest.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.nearest = nearest;
-
 function nearest(arr, target) {
   return arr.reduce((pre, cur) => {
     return Math.abs(pre - target) < Math.abs(cur - target) ? pre : cur;

package/cjs/utils/noop.js

@@ -4,7 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.noop = void 0;
-
 const noop = () => {};
-
 exports.noop = noop;

package/cjs/utils/reduce-and-restore-motion.js

@@ -7,42 +7,32 @@ exports.isMotionReduced = isMotionReduced;
 exports.reduceMotion = reduceMotion;
 exports.restoreMotion = restoreMotion;
 exports.useMotionReduced = useMotionReduced;
-
 var _web = require("@react-spring/web");
-
 var _shim = require("use-sync-external-store/shim");
-
 let reduced = false;
 const subscribers = new Set();
-
 function notify() {
   subscribers.forEach(subscriber => {
     subscriber();
   });
 }
-
 function reduceMotion() {
   reduced = true;
   notify();
-
   _web.Globals.assign({
     skipAnimation: true
   });
 }
-
 function restoreMotion() {
   reduced = false;
   notify();
-
   _web.Globals.assign({
     skipAnimation: false
   });
 }
-
 function isMotionReduced() {
   return reduced;
 }
-
 function useMotionReduced() {
   return (0, _shim.useSyncExternalStore)(onStoreChange => {
     subscribers.add(onStoreChange);

package/cjs/utils/render-imperatively.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderImperatively = renderImperatively;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _renderToBody = require("./render-to-body");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function renderImperatively(element) {
   const Wrapper = _react.default.forwardRef((_, ref) => {
     const [visible, setVisible] = (0, _react.useState)(false);
@@ -26,27 +21,21 @@ function renderImperatively(element) {
         afterClose();
       }
     }, []);
-
     function onClose() {
       var _a, _b;
-
       closedRef.current = true;
       setVisible(false);
       (_b = (_a = elementToRender.props).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);
     }
-
     function afterClose() {
       var _a, _b;
-
       unmount();
       (_b = (_a = elementToRender.props).afterClose) === null || _b === void 0 ? void 0 : _b.call(_a);
     }
-
     (0, _react.useImperativeHandle)(ref, () => ({
       close: onClose,
       replace: element => {
         var _a, _b;
-
         keyRef.current++;
         (_b = (_a = elementToRender.props).afterClose) === null || _b === void 0 ? void 0 : _b.call(_a);
         setElementToRender(element);
@@ -59,21 +48,17 @@ function renderImperatively(element) {
       afterClose
     }));
   });
-
   const wrapperRef = _react.default.createRef();
-
   const unmount = (0, _renderToBody.renderToBody)(_react.default.createElement(Wrapper, {
     ref: wrapperRef
   }));
   return {
     close: () => {
       var _a;
-
       (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.close();
     },
     replace: element => {
       var _a;
-
       (_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.replace(element);
     }
   };

package/cjs/utils/render-to-body.js

@@ -4,21 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderToBody = renderToBody;
-
 var _render = require("./render");
-
 function renderToBody(element) {
   const container = document.createElement('div');
   document.body.appendChild(container);
-
   function unmount() {
     const unmountResult = (0, _render.unmount)(container);
-
     if (unmountResult && container.parentNode) {
       container.parentNode.removeChild(container);
     }
   }
-
   (0, _render.render)(element, container);
   return unmount;
 }

package/cjs/utils/render-to-container.js

@@ -4,18 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderToContainer = renderToContainer;
-
 var _reactDom = require("react-dom");
-
 var _getContainer = require("./get-container");
-
 var _canUseDom = require("./can-use-dom");
-
 function renderToContainer(getContainer, node) {
   if (_canUseDom.canUseDom && getContainer) {
     const container = (0, _getContainer.resolveContainer)(getContainer);
     return (0, _reactDom.createPortal)(node, container);
   }
-
   return node;
 }

package/cjs/utils/render.js

@@ -5,15 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.render = render;
 exports.unmount = unmount;
-
 var _tslib = require("tslib");
-
 var ReactDOM = _interopRequireWildcard(require("react-dom"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 // Let compiler not to search module usage
 const fullClone = Object.assign({}, ReactDOM);
 const {
@@ -22,33 +17,27 @@ const {
   unmountComponentAtNode
 } = fullClone;
 let createRoot;
-
 try {
   const mainVersion = Number((version || '').split('.')[0]);
-
   if (mainVersion >= 18 && fullClone.createRoot) {
     // eslint-disable-next-line @typescript-eslint/no-var-requires
     createRoot = fullClone.createRoot;
   }
-} catch (e) {// Do nothing;
+} catch (e) {
+  // Do nothing;
 }
-
 function toggleWarning(skip) {
   const {
     __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED
   } = fullClone;
-
   if (__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED && typeof __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED === 'object') {
     __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = skip;
   }
 }
-
 const MARK = '__antd_mobile_root__';
-
 function legacyRender(node, container) {
   reactRender(node, container);
 }
-
 function concurrentRender(node, container) {
   toggleWarning(true);
   const root = container[MARK] || createRoot(container);
@@ -56,37 +45,30 @@ function concurrentRender(node, container) {
   root.render(node);
   container[MARK] = root;
 }
-
 function render(node, container) {
   if (createRoot) {
     concurrentRender(node, container);
     return;
   }
-
   legacyRender(node, container);
-} // ========================== Unmount =========================
-
-
+}
+// ========================== Unmount =========================
 function legacyUnmount(container) {
   return unmountComponentAtNode(container);
 }
-
 function concurrentUnmount(container) {
   return (0, _tslib.__awaiter)(this, void 0, void 0, function* () {
     // Delay to unmount to avoid React 18 sync warning
     return Promise.resolve().then(() => {
       var _a;
-
       (_a = container[MARK]) === null || _a === void 0 ? void 0 : _a.unmount();
       delete container[MARK];
     });
   });
 }
-
 function unmount(container) {
   if (createRoot) {
     return concurrentUnmount(container);
   }
-
   return legacyUnmount(container);
 }

package/cjs/utils/rubberband.js

@@ -5,13 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.rubberband = rubberband;
 exports.rubberbandIfOutOfBounds = rubberbandIfOutOfBounds;
-
 var _bound = require("./bound");
-
 function rubberband(distance, dimension, constant) {
   return distance * dimension * constant / (dimension + constant * distance);
 }
-
 function rubberbandIfOutOfBounds(position, min, max, dimension, constant = 0.15) {
   if (constant === 0) return (0, _bound.bound)(position, min, max);
   if (position < min) return -rubberband(min - position, dimension, constant) + min;

package/cjs/utils/should-render.js

@@ -5,16 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ShouldRender = void 0;
 exports.useShouldRender = useShouldRender;
-
 var _useInitialized = require("./use-initialized");
-
 const ShouldRender = props => {
   const shouldRender = useShouldRender(props.active, props.forceRender, props.destroyOnClose);
   return shouldRender ? props.children : null;
 };
-
 exports.ShouldRender = ShouldRender;
-
 function useShouldRender(active, forceRender, destroyOnClose) {
   const initialized = (0, _useInitialized.useInitialized)(active);
   if (forceRender) return true;

package/cjs/utils/shuffle.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.shuffle = shuffle;
-
 /**
  * 数组打乱
  * @param array 任意数组
@@ -12,11 +11,9 @@ exports.shuffle = shuffle;
  */
 function shuffle(array) {
   const result = [...array];
-
   for (let i = result.length; i > 0; i--) {
     const j = Math.floor(Math.random() * i);
     [result[i - 1], result[j]] = [result[j], result[i - 1]];
   }
-
   return result;
 }

package/cjs/utils/sleep.js

@@ -4,7 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.sleep = void 0;
-
 const sleep = time => new Promise(resolve => setTimeout(resolve, time));
-
 exports.sleep = sleep;

package/cjs/utils/supports-passive.js

@@ -4,12 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.supportsPassive = void 0;
-
 var _canUseDom = require("./can-use-dom");
-
 let supportsPassive = false;
 exports.supportsPassive = supportsPassive;
-
 if (_canUseDom.canUseDom) {
   try {
     const opts = {};
@@ -17,7 +14,6 @@ if (_canUseDom.canUseDom) {
       get() {
         exports.supportsPassive = supportsPassive = true;
       }
-
     });
     window.addEventListener('test-passive', null, opts);
   } catch (e) {}

package/cjs/utils/to-css-length.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.toCSSLength = toCSSLength;
-
 function toCSSLength(val) {
   return typeof val === 'number' ? `${val}px` : val;
 }

package/cjs/utils/traverse-react-node.js

@@ -4,16 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.traverseReactNode = traverseReactNode;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactIs = require("react-is");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function traverseReactNode(children, fn) {
   let i = 0;
-
   function handle(target) {
     _react.default.Children.forEach(target, child => {
       if (!(0, _reactIs.isFragment)(child)) {
@@ -24,6 +19,5 @@ function traverseReactNode(children, fn) {
       }
     });
   }
-
   handle(children);
 }

package/cjs/utils/tree.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getTreeDeep = getTreeDeep;
-
 // 找到树的深度
 function getTreeDeep(treeData, childrenName = 'children') {
   const walker = tree => {
@@ -18,6 +17,5 @@ function getTreeDeep(treeData, childrenName = 'children') {
     });
     return deep;
   };
-
   return walker(treeData);
 }

package/cjs/utils/undefined-fallback.js

@@ -4,13 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.undefinedFallback = undefinedFallback;
-
 function undefinedFallback(...items) {
   let i;
-
   for (i = 0; i < items.length; i++) {
     if (items[i] !== undefined) break;
   }
-
   return items[i];
 }

package/cjs/utils/use-drag-and-pinch.js

@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useDragAndPinch = void 0;
-
 var _react = require("@use-gesture/react");
-
 const useDragAndPinch = (0, _react.createUseGesture)([_react.dragAction, _react.pinchAction]);
 exports.useDragAndPinch = useDragAndPinch;

package/cjs/utils/use-initialized.js

@@ -4,15 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useInitialized = useInitialized;
-
 var _react = require("react");
-
 function useInitialized(check) {
   const initializedRef = (0, _react.useRef)(check);
-
   if (check) {
     initializedRef.current = true;
   }
-
   return !!initializedRef.current;
 }

package/cjs/utils/use-inner-visible.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useInnerVisible = useInnerVisible;
-
 var _react = require("react");
-
 var _ahooks = require("ahooks");
-
 function useInnerVisible(outerVisible) {
   const [innerVisible, setInnerVisible] = (0, _react.useState)(outerVisible);
   (0, _ahooks.useIsomorphicLayoutEffect)(() => {

package/cjs/utils/use-isomorphic-update-layout-effect.js

@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useIsomorphicUpdateLayoutEffect = void 0;
-
 var _ahooks = require("ahooks");
-
 const useIsomorphicUpdateLayoutEffect = (0, _ahooks.createUpdateEffect)(_ahooks.useIsomorphicLayoutEffect);
 exports.useIsomorphicUpdateLayoutEffect = useIsomorphicUpdateLayoutEffect;

package/cjs/utils/use-lock-scroll.d.ts

@@ -1,2 +1,2 @@
 import { RefObject } from 'react';
-export declare function useLockScroll(rootRef: RefObject<HTMLElement>, shouldLock: boolean): void;
+export declare function useLockScroll(rootRef: RefObject<HTMLElement>, shouldLock: boolean | 'strict'): void;

package/cjs/utils/use-lock-scroll.js

@@ -4,71 +4,75 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useLockScroll = useLockScroll;
-
 var _useTouch = require("./use-touch");
-
 var _react = require("react");
-
 var _getScrollParent = require("./get-scroll-parent");
-
 var _supportsPassive = require("./supports-passive");
-
 let totalLockCount = 0;
-const BODY_LOCK_CLASS = 'adm-overflow-hidden'; // 移植自vant：https://github.com/youzan/vant/blob/HEAD/src/composables/use-lock-scroll.ts
-
+const BODY_LOCK_CLASS = 'adm-overflow-hidden';
+function getScrollableElement(el) {
+  let current = el === null || el === void 0 ? void 0 : el.parentElement;
+  while (current) {
+    if (current.clientHeight < current.scrollHeight) {
+      return current;
+    }
+    current = current.parentElement;
+  }
+  return null;
+}
+// 移植自vant：https://github.com/youzan/vant/blob/HEAD/src/composables/use-lock-scroll.ts
 function useLockScroll(rootRef, shouldLock) {
   const touch = (0, _useTouch.useTouch)();
-
   const onTouchMove = event => {
     touch.move(event);
     const direction = touch.deltaY.current > 0 ? '10' : '01';
     const el = (0, _getScrollParent.getScrollParent)(event.target, rootRef.current);
     if (!el) return;
+    // This has perf cost but we have to compatible with iOS 12
+    if (shouldLock === 'strict') {
+      const scrollableParent = getScrollableElement(event.target);
+      if (scrollableParent === document.body || scrollableParent === document.documentElement) {
+        event.preventDefault();
+        return;
+      }
+    }
     const {
       scrollHeight,
       offsetHeight,
       scrollTop
     } = el;
     let status = '11';
-
     if (scrollTop === 0) {
       status = offsetHeight >= scrollHeight ? '00' : '01';
     } else if (scrollTop + offsetHeight >= scrollHeight) {
       status = '10';
     }
-
     if (status !== '11' && touch.isVertical() && !(parseInt(status, 2) & parseInt(direction, 2))) {
       if (event.cancelable) {
         event.preventDefault();
       }
     }
   };
-
   const lock = () => {
     document.addEventListener('touchstart', touch.start);
     document.addEventListener('touchmove', onTouchMove, _supportsPassive.supportsPassive ? {
       passive: false
     } : false);
-
     if (!totalLockCount) {
       document.body.classList.add(BODY_LOCK_CLASS);
     }
-
     totalLockCount++;
   };
-
   const unlock = () => {
     if (totalLockCount) {
       document.removeEventListener('touchstart', touch.start);
       document.removeEventListener('touchmove', onTouchMove);
       totalLockCount--;
-
       if (!totalLockCount) {
         document.body.classList.remove(BODY_LOCK_CLASS);
       }
     }
   };
-
   (0, _react.useEffect)(() => {
     if (shouldLock) {
       lock();

package/cjs/utils/use-mutation-effect.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useMutationEffect = useMutationEffect;
-
 var _react = require("react");
-
 var _ahooks = require("ahooks");
-
 function useMutationEffect(effect, targetRef, options) {
   const fn = (0, _ahooks.useMemoizedFn)(effect);
   (0, _react.useEffect)(() => {

package/cjs/utils/use-props-value.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.usePropsValue = usePropsValue;
-
 var _react = require("react");
-
 var _ahooks = require("ahooks");
-
 function usePropsValue(options) {
   const {
     value,
@@ -17,11 +14,9 @@ function usePropsValue(options) {
   } = options;
   const update = (0, _ahooks.useUpdate)();
   const stateRef = (0, _react.useRef)(value !== undefined ? value : defaultValue);
-
   if (value !== undefined) {
     stateRef.current = value;
   }
-
   const setState = (0, _ahooks.useMemoizedFn)((v, forceTrigger = false) => {
     // `forceTrigger` means trigger `onChange` even if `v` is the same as `stateRef.current`
     const nextValue = typeof v === 'function' ? v(stateRef.current) : v;

package/cjs/utils/use-ref-state.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useRefState = useRefState;
-
 var _react = require("react");
-
 function useRefState(initialState) {
   const [state, setState] = (0, _react.useState)(initialState);
   const ref = (0, _react.useRef)(state);

package/cjs/utils/use-resize-effect.js

@@ -4,15 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useResizeEffect = useResizeEffect;
-
 var _ahooks = require("ahooks");
-
 function useResizeEffect(effect, targetRef) {
   const fn = (0, _ahooks.useMemoizedFn)(effect);
   (0, _ahooks.useIsomorphicLayoutEffect)(() => {
     const target = targetRef.current;
     if (!target) return;
-
     if (window.ResizeObserver) {
       let animationFrame;
       const observer = new ResizeObserver(() => {

package/cjs/utils/use-tab-list-scroll.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useTabListScroll = void 0;
-
 var _web = require("@react-spring/web");
-
 var _useMutationEffect = require("./use-mutation-effect");
-
 var _bound = require("./bound");
-
 var _ahooks = require("ahooks");
-
 var _useIsomorphicUpdateLayoutEffect = require("./use-isomorphic-update-layout-effect");
-
 const useTabListScroll = (targetRef, activeIndex) => {
   const [{
     scrollLeft
@@ -25,7 +19,6 @@ const useTabListScroll = (targetRef, activeIndex) => {
       clamp: true
     }
   }));
-
   function animate(immediate = false) {
     const container = targetRef.current;
     if (!container) return;
@@ -48,7 +41,6 @@ const useTabListScroll = (targetRef, activeIndex) => {
       immediate: immediate && !scrollLeft.isAnimating
     });
   }
-
   (0, _ahooks.useIsomorphicLayoutEffect)(() => {
     animate(true);
   }, []);
@@ -67,5 +59,4 @@ const useTabListScroll = (targetRef, activeIndex) => {
     animate
   };
 };
-
 exports.useTabListScroll = useTabListScroll;