antd-mobile 5.0.0-rc.9 → 5.2.0

package/2x/es/utils/render-to-container.js

@@ -3,8 +3,8 @@ import { resolveContainer } from './get-container';
 import { canUseDom } from './can-use-dom';
 export function renderToContainer(getContainer, node) {
   if (canUseDom && getContainer) {
-    var container = resolveContainer(getContainer);
-    return /*#__PURE__*/createPortal(node, container);
+    const container = resolveContainer(getContainer);
+    return createPortal(node, container);
   }
 
   return node;

package/2x/es/utils/rubberband.js

@@ -2,11 +2,7 @@ import { bound } from './bound';
 export function rubberband(distance, dimension, constant) {
   return distance * dimension * constant / (dimension + constant * distance);
 }
-export function rubberbandIfOutOfBounds(position, min, max, dimension, constant) {
-  if (constant === void 0) {
-    constant = 0.15;
-  }
-
+export function rubberbandIfOutOfBounds(position, min, max, dimension, constant = 0.15) {
   if (constant === 0) return bound(position, min, max);
   if (position < min) return -rubberband(min - position, dimension, constant) + min;
   if (position > max) return +rubberband(position - max, dimension, constant) + max;

package/2x/es/utils/shuffle.js

@@ -4,13 +4,11 @@
  * @returns any[] 打乱后的数组
  */
 export function shuffle(array) {
-  var result = [].concat(array);
+  const result = [...array];
 
-  for (var i = result.length; i > 0; i--) {
-    var j = Math.floor(Math.random() * i);
-    var _ref = [result[j], result[i - 1]];
-    result[i - 1] = _ref[0];
-    result[j] = _ref[1];
+  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/2x/es/utils/sleep.js

@@ -1,5 +1 @@
-export var sleep = function sleep(time) {
-  return new Promise(function (resolve) {
-    return setTimeout(resolve, time);
-  });
-};
+export const sleep = time => new Promise(resolve => setTimeout(resolve, time));

package/2x/es/utils/supports-passive.js

@@ -1,13 +1,14 @@
 import { canUseDom } from './can-use-dom';
-export var supportsPassive = false;
+export let supportsPassive = false;
 
 if (canUseDom) {
   try {
-    var opts = {};
+    const opts = {};
     Object.defineProperty(opts, 'passive', {
-      get: function get() {
+      get() {
         supportsPassive = true;
       }
+
     });
     window.addEventListener('test-passive', null, opts);
   } catch (e) {}

package/2x/es/utils/to-css-length.js

@@ -1,3 +1,3 @@
 export function toCSSLength(val) {
-  return typeof val === 'number' ? val + "px" : val;
+  return typeof val === 'number' ? `${val}px` : val;
 }

package/2x/es/utils/tree.js

@@ -1,12 +1,8 @@
 // 找到树的深度
-export function getTreeDeep(treeData, childrenName) {
-  if (childrenName === void 0) {
-    childrenName = 'children';
-  }
-
-  var walker = function walker(tree) {
-    var deep = 0;
-    tree.forEach(function (item) {
+export function getTreeDeep(treeData, childrenName = 'children') {
+  const walker = tree => {
+    let deep = 0;
+    tree.forEach(item => {
       if (item[childrenName]) {
         deep = Math.max(deep, walker(item[childrenName]) + 1);
       } else {

package/2x/es/utils/use-drag-and-pinch.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const useDragAndPinch: <Config extends import("@use-gesture/react").UserGestureConfig = import("@use-gesture/react").UserGestureConfig>(_handlers: Partial<import("@use-gesture/react").NativeHandlers<import("@use-gesture/react").EventTypes> & import("@use-gesture/react").UserHandlers<import("@use-gesture/react").EventTypes>>, _config?: {} | Config | undefined) => Config["target"] extends object ? void : (...args: any[]) => Pick<import("react").DOMAttributes<EventTarget>, "onClick" | "onChange" | "onPause" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">;

package/2x/es/utils/use-drag-and-pinch.js

@@ -0,0 +1,2 @@
+import { createUseGesture, dragAction, pinchAction } from '@use-gesture/react';
+export const useDragAndPinch = createUseGesture([dragAction, pinchAction]);

package/2x/es/utils/use-initialized.js

@@ -1,6 +1,6 @@
 import { useRef } from 'react';
 export function useInitialized(check) {
-  var initializedRef = useRef(check);
+  const initializedRef = useRef(check);
 
   if (check) {
     initializedRef.current = true;

package/2x/es/utils/use-isomorphic-update-layout-effect.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const useIsomorphicUpdateLayoutEffect: typeof import("react").useEffect | typeof import("react").useLayoutEffect;

package/2x/es/utils/use-isomorphic-update-layout-effect.js

@@ -0,0 +1,3 @@
+import { createUpdateEffect } from 'ahooks/lib/createUpdateEffect';
+import { useIsomorphicLayoutEffect } from 'ahooks';
+export const useIsomorphicUpdateLayoutEffect = createUpdateEffect(useIsomorphicLayoutEffect);

package/2x/es/utils/use-lock-scroll.js

@@ -2,21 +2,23 @@ import { useTouch } from './use-touch';
 import { useEffect } from 'react';
 import { getScrollParent } from './get-scroll-parent';
 import { supportsPassive } from './supports-passive';
-var totalLockCount = 0;
-var BODY_LOCK_CLASS = 'adm-overflow-hidden'; // 移植自vant：https://github.com/youzan/vant/blob/HEAD/src/composables/use-lock-scroll.ts
+let totalLockCount = 0;
+const BODY_LOCK_CLASS = 'adm-overflow-hidden'; // 移植自vant：https://github.com/youzan/vant/blob/HEAD/src/composables/use-lock-scroll.ts
 
 export function useLockScroll(rootRef, shouldLock) {
-  var touch = useTouch();
+  const touch = useTouch();
 
-  var onTouchMove = function onTouchMove(event) {
+  const onTouchMove = event => {
     touch.move(event);
-    var direction = touch.deltaY.current > 0 ? '10' : '01';
-    var el = getScrollParent(event.target, rootRef.current);
+    const direction = touch.deltaY.current > 0 ? '10' : '01';
+    const el = getScrollParent(event.target, rootRef.current);
     if (!el) return;
-    var scrollHeight = el.scrollHeight,
-        offsetHeight = el.offsetHeight,
-        scrollTop = el.scrollTop;
-    var status = '11';
+    const {
+      scrollHeight,
+      offsetHeight,
+      scrollTop
+    } = el;
+    let status = '11';
 
     if (scrollTop === 0) {
       status = offsetHeight >= scrollHeight ? '00' : '01';
@@ -31,7 +33,7 @@ export function useLockScroll(rootRef, shouldLock) {
     }
   };
 
-  var lock = function lock() {
+  const lock = () => {
     document.addEventListener('touchstart', touch.start);
     document.addEventListener('touchmove', onTouchMove, supportsPassive ? {
       passive: false
@@ -44,7 +46,7 @@ export function useLockScroll(rootRef, shouldLock) {
     totalLockCount++;
   };
 
-  var unlock = function unlock() {
+  const unlock = () => {
     if (totalLockCount) {
       document.removeEventListener('touchstart', touch.start);
       document.removeEventListener('touchmove', onTouchMove);
@@ -56,10 +58,10 @@ export function useLockScroll(rootRef, shouldLock) {
     }
   };
 
-  useEffect(function () {
+  useEffect(() => {
     if (shouldLock) {
       lock();
-      return function () {
+      return () => {
         unlock();
       };
     }

package/2x/es/utils/use-mutation-effect.js

@@ -1,14 +1,14 @@
 import { useEffect } from 'react';
 import { useMemoizedFn } from 'ahooks';
 export function useMutationEffect(effect, targetRef, options) {
-  var fn = useMemoizedFn(effect);
-  useEffect(function () {
-    var observer = new MutationObserver(function () {
+  const fn = useMemoizedFn(effect);
+  useEffect(() => {
+    const observer = new MutationObserver(() => {
       fn();
     });
     if (!targetRef.current) return;
     observer.observe(targetRef.current, options);
-    return function () {
+    return () => {
       observer.disconnect();
     };
   }, [targetRef]);

package/2x/es/utils/use-props-value.js

@@ -1,17 +1,19 @@
 import { useRef } from 'react';
 import { useMemoizedFn, useUpdate } from 'ahooks';
 export function usePropsValue(options) {
-  var value = options.value,
-      defaultValue = options.defaultValue,
-      onChange = options.onChange;
-  var update = useUpdate();
-  var stateRef = useRef(value !== undefined ? value : defaultValue);
+  const {
+    value,
+    defaultValue,
+    onChange
+  } = options;
+  const update = useUpdate();
+  const stateRef = useRef(value !== undefined ? value : defaultValue);
 
   if (value !== undefined) {
     stateRef.current = value;
   }
 
-  var setState = useMemoizedFn(function (v) {
+  const setState = useMemoizedFn(v => {
     if (value === undefined) {
       stateRef.current = v;
       update();

package/2x/es/utils/use-ref-state.js

@@ -1,11 +1,8 @@
-import { useLayoutEffect, useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 export function useRefState(initialState) {
-  var _useState = useState(initialState),
-      state = _useState[0],
-      setState = _useState[1];
-
-  var ref = useRef(state);
-  useLayoutEffect(function () {
+  const [state, setState] = useState(initialState);
+  const ref = useRef(state);
+  useEffect(() => {
     ref.current = state;
   }, [state]);
   return [state, setState, ref];

package/2x/es/utils/use-resize-effect.js

@@ -1,17 +1,16 @@
-import { useLayoutEffect } from 'react';
-import { useMemoizedFn } from 'ahooks';
+import { useIsomorphicLayoutEffect, useMemoizedFn } from 'ahooks';
 export function useResizeEffect(effect, targetRef) {
-  var fn = useMemoizedFn(effect);
-  useLayoutEffect(function () {
-    var target = targetRef.current;
+  const fn = useMemoizedFn(effect);
+  useIsomorphicLayoutEffect(() => {
+    const target = targetRef.current;
     if (!target) return;
 
     if (window.ResizeObserver) {
-      var observer = new ResizeObserver(function () {
+      const observer = new ResizeObserver(() => {
         fn(target);
       });
       observer.observe(target);
-      return function () {
+      return () => {
         observer.disconnect();
       };
     } else {

package/2x/es/utils/use-should-render.js

@@ -1,6 +1,6 @@
 import { useInitialized } from './use-initialized';
 export function useShouldRender(active, forceRender, destroyOnClose) {
-  var initialized = useInitialized(active);
+  const initialized = useInitialized(active);
   if (forceRender) return true;
   if (active) return true;
   if (!initialized) return false;

package/2x/es/utils/use-tab-list-scroll.d.ts

@@ -1,5 +1,5 @@
 import { RefObject } from 'react';
-export declare const useTabListScroll: (targetRef: RefObject<HTMLElement>, activeIndex: number) => {
+export declare const useTabListScroll: (targetRef: RefObject<HTMLElement>, activeIndex: number | undefined) => {
     scrollLeft: import("@react-spring/web").SpringValue<number>;
     animate: (immediate?: boolean) => void;
 };

package/2x/es/utils/use-tab-list-scroll.js

@@ -1,55 +1,48 @@
-import { useLayoutEffect } from 'react';
 import { useSpring } from '@react-spring/web';
 import { useMutationEffect } from './use-mutation-effect';
 import { bound } from './bound';
-import { useUpdateLayoutEffect } from 'ahooks';
-export var useTabListScroll = function useTabListScroll(targetRef, activeIndex) {
-  var _useSpring = useSpring(function () {
-    return {
-      scrollLeft: 0,
-      config: {
-        tension: 300,
-        clamp: true
-      }
-    };
-  }),
-      scrollLeft = _useSpring[0].scrollLeft,
-      api = _useSpring[1];
-
-  function animate(immediate) {
-    if (immediate === void 0) {
-      immediate = false;
+import { useIsomorphicLayoutEffect, useUpdateLayoutEffect } from 'ahooks';
+export const useTabListScroll = (targetRef, activeIndex) => {
+  const [{
+    scrollLeft
+  }, api] = useSpring(() => ({
+    scrollLeft: 0,
+    config: {
+      tension: 300,
+      clamp: true
     }
+  }));
 
-    var container = targetRef.current;
+  function animate(immediate = false) {
+    const container = targetRef.current;
     if (!container) return;
-    if (!activeIndex) return;
-    var activeTabWrapper = container.children.item(activeIndex);
-    var activeTab = activeTabWrapper.children.item(0);
-    var activeTabLeft = activeTab.offsetLeft;
-    var activeTabWidth = activeTab.offsetWidth;
-    var containerWidth = container.offsetWidth;
-    var containerScrollWidth = container.scrollWidth;
-    var containerScrollLeft = container.scrollLeft;
-    var maxScrollDistance = containerScrollWidth - containerWidth;
+    if (activeIndex === undefined) return;
+    const activeTabWrapper = container.children.item(activeIndex);
+    const activeTab = activeTabWrapper.children.item(0);
+    const activeTabLeft = activeTab.offsetLeft;
+    const activeTabWidth = activeTab.offsetWidth;
+    const containerWidth = container.offsetWidth;
+    const containerScrollWidth = container.scrollWidth;
+    const containerScrollLeft = container.scrollLeft;
+    const maxScrollDistance = containerScrollWidth - containerWidth;
     if (maxScrollDistance <= 0) return;
-    var nextScrollLeft = bound(activeTabLeft - (containerWidth - activeTabWidth) / 2, 0, containerScrollWidth - containerWidth);
+    const nextScrollLeft = bound(activeTabLeft - (containerWidth - activeTabWidth) / 2, 0, containerScrollWidth - containerWidth);
     api.start({
       scrollLeft: nextScrollLeft,
       from: {
         scrollLeft: containerScrollLeft
       },
-      immediate: immediate
+      immediate
     });
   }
 
-  useLayoutEffect(function () {
+  useIsomorphicLayoutEffect(() => {
     animate(true);
   }, []);
-  useUpdateLayoutEffect(function () {
+  useUpdateLayoutEffect(() => {
     animate();
   }, [activeIndex]);
-  useMutationEffect(function () {
+  useMutationEffect(() => {
     animate(true);
   }, targetRef, {
     subtree: true,
@@ -57,7 +50,7 @@ export var useTabListScroll = function useTabListScroll(targetRef, activeIndex)
     characterData: true
   });
   return {
-    scrollLeft: scrollLeft,
-    animate: animate
+    scrollLeft,
+    animate
   };
 };

package/2x/es/utils/use-touch.js

@@ -1,5 +1,5 @@
 import { useRef } from 'react';
-var MIN_DISTANCE = 10;
+const MIN_DISTANCE = 10;
 
 function getDirection(x, y) {
   if (x > y && x > MIN_DISTANCE) {
@@ -14,23 +14,19 @@ function getDirection(x, y) {
 }
 
 export function useTouch() {
-  var startX = useRef(0);
-  var startY = useRef(0);
-  var deltaX = useRef(0);
-  var deltaY = useRef(0);
-  var offsetX = useRef(0);
-  var offsetY = useRef(0);
-  var direction = useRef('');
+  const startX = useRef(0);
+  const startY = useRef(0);
+  const deltaX = useRef(0);
+  const deltaY = useRef(0);
+  const offsetX = useRef(0);
+  const offsetY = useRef(0);
+  const direction = useRef('');
 
-  var isVertical = function isVertical() {
-    return direction.current === 'vertical';
-  };
+  const isVertical = () => direction.current === 'vertical';
 
-  var isHorizontal = function isHorizontal() {
-    return direction.current === 'horizontal';
-  };
+  const isHorizontal = () => direction.current === 'horizontal';
 
-  var reset = function reset() {
+  const reset = () => {
     deltaX.current = 0;
     deltaY.current = 0;
     offsetX.current = 0;
@@ -38,14 +34,14 @@ export function useTouch() {
     direction.current = '';
   };
 
-  var start = function start(event) {
+  const start = event => {
     reset();
     startX.current = event.touches[0].clientX;
     startY.current = event.touches[0].clientY;
   };
 
-  var move = function move(event) {
-    var touch = event.touches[0]; // Fix: Safari back will set clientX to negative number
+  const move = event => {
+    const touch = event.touches[0]; // Fix: Safari back will set clientX to negative number
 
     deltaX.current = touch.clientX < 0 ? 0 : touch.clientX - startX.current;
     deltaY.current = touch.clientY - startY.current;
@@ -58,17 +54,17 @@ export function useTouch() {
   };
 
   return {
-    move: move,
-    start: start,
-    reset: reset,
-    startX: startX,
-    startY: startY,
-    deltaX: deltaX,
-    deltaY: deltaY,
-    offsetX: offsetX,
-    offsetY: offsetY,
-    direction: direction,
-    isVertical: isVertical,
-    isHorizontal: isHorizontal
+    move,
+    start,
+    reset,
+    startX,
+    startY,
+    deltaX,
+    deltaY,
+    offsetX,
+    offsetY,
+    direction,
+    isVertical,
+    isHorizontal
   };
 }

package/2x/es/utils/with-default-props.js

@@ -1,15 +1,15 @@
 import assign from 'lodash/assign';
 import assignWith from 'lodash/assignWith';
 import isUndefined from 'lodash/isUndefined';
-export function mergeProps() {
+export function mergeProps(...items) {
   function customizer(objValue, srcValue) {
     return isUndefined(srcValue) ? objValue : srcValue;
   }
 
-  var ret = assign({}, arguments.length <= 0 ? undefined : arguments[0]);
+  let ret = assign({}, items[0]);
 
-  for (var i = 1; i < arguments.length; i++) {
-    ret = assignWith(ret, i < 0 || arguments.length <= i ? undefined : arguments[i], customizer);
+  for (let i = 1; i < items.length; i++) {
+    ret = assignWith(ret, items[i], customizer);
   }
 
   return ret;

package/2x/es/utils/with-stop-propagation.js

@@ -1,19 +1,12 @@
-function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 import React from 'react';
-var eventToPropRecord = {
+const eventToPropRecord = {
   'click': 'onClick'
 };
 export function withStopPropagation(events, element) {
-  var props = Object.assign({}, element.props);
+  const props = Object.assign({}, element.props);
 
-  var _loop = function _loop() {
-    var key = _step.value;
-    var prop = eventToPropRecord[key];
+  for (const key of events) {
+    const prop = eventToPropRecord[key];
 
     props[prop] = function (e) {
       var _a, _b;
@@ -21,11 +14,7 @@ export function withStopPropagation(events, element) {
       e.stopPropagation();
       (_b = (_a = element.props)[prop]) === null || _b === void 0 ? void 0 : _b.call(_a, e);
     };
-  };
-
-  for (var _iterator = _createForOfIteratorHelperLoose(events), _step; !(_step = _iterator()).done;) {
-    _loop();
   }
 
-  return /*#__PURE__*/React.cloneElement(element, props);
+  return React.cloneElement(element, props);
 }

package/2x/package.json

@@ -1,19 +1,20 @@
 {
   "name": "antd-mobile",
-  "version": "5.0.0-rc.9",
+  "version": "5.2.0",
   "dependencies": {
-    "@react-spring/web": "^9.3.2",
-    "@types/resize-observer-browser": "^0.1.6",
-    "@use-gesture/react": "^10.2.4",
-    "ahooks": "^3.1.1",
+    "@react-spring/web": "^9.4.3",
+    "@types/resize-observer-browser": "^0.1.7",
+    "@use-gesture/react": "^10.2.6",
+    "ahooks": "^3.1.9",
     "antd-mobile-icons": "^0.2.2",
     "antd-mobile-v5-count": "^1.0.1",
     "classnames": "^2.3.1",
     "dayjs": "^1.10.7",
     "lodash": "^4.17.21",
-    "rc-field-form": "^1.22.0",
+    "rc-field-form": "^1.22.1",
     "rc-tooltip": "^5.1.1",
     "staged-components": "^1.1.2",
+    "tslib": "^1.14.1",
     "use-async-memo": "^1.2.3"
   },
   "peerDependencies": {
@@ -38,5 +39,6 @@
     "url": "git+https://github.com/ant-design/ant-design-mobile.git",
     "branch": "master",
     "platform": "github"
-  }
+  },
+  "packageManager": "yarn@3.1.1"
 }

package/README.md

@@ -1,18 +1,30 @@
-<img src="https://gw.alipayobjects.com/mdn/rms_ee68a8/afts/img/A*1Ps5R4QVn28AAAAAAAAAAAAAARQnAQ" alt="logo" width="100%" />
-
-![npm (tag)](https://img.shields.io/npm/v/antd-mobile/next)
-![GitHub (Pre-)Release Date](https://img.shields.io/github/release-date-pre/ant-design/ant-design-mobile)
-![npm](https://img.shields.io/npm/dw/antd-mobile-v5-count)
-![gzip size](https://img.badgesize.io/https:/unpkg.com/antd-mobile@next/umd/antd-mobile.js?label=gzip%20size&compression=gzip)
+<img src="https://gw.alipayobjects.com/mdn/rms_ee68a8/afts/img/A*hjjDS5Yy-ooAAAAAAAAAAAAAARQnAQ" alt="logo" width="100%" />
+
+<p align="center">
+  <a href="https://mobile.ant.design">English Doc</a>
+  |
+  <a href="https://mobile.ant.design/zh">中文文档</a>
+  |
+  <a href="https://discord.gg/jmNvw4WFYn">Discord</a>
+  |
+  <a href="https://gw.alipayobjects.com/mdn/rms_25513e/afts/img/A*hBjlR4nUWjkAAAAAAAAAAAAAARQnAQ">钉钉</a>
+</p>
+
+![npm (tag)](https://img.shields.io/npm/v/antd-mobile)
+![GitHub Release Date](https://img.shields.io/github/release-date/ant-design/ant-design-mobile)
+![npm](https://img.shields.io/npm/dw/antd-mobile)
+![npm](https://img.shields.io/npm/dw/antd-mobile-v5-count?label=downloads%285.x%29)
+![gzip size](https://img.badgesize.io/https:/unpkg.com/antd-mobile/umd/antd-mobile.js?label=gzip%20size&compression=gzip)
 [![Average time to resolve an issue](http://isitmaintained.com/badge/resolution/ant-design/ant-design-mobile.svg)](http://isitmaintained.com/project/ant-design/ant-design-mobile 'Average time to resolve an issue')
 [![Percentage of issues still open](http://isitmaintained.com/badge/open/ant-design/ant-design-mobile.svg)](http://isitmaintained.com/project/ant-design/ant-design-mobile 'Percentage of issues still open')
 ![GitHub Workflow Status (branch)](https://img.shields.io/github/workflow/status/ant-design/ant-design-mobile/Check/v5)
+[![codecov](https://codecov.io/gh/ant-design/ant-design-mobile/branch/master/graph/badge.svg?token=2kJyJBg1nK)](https://codecov.io/gh/ant-design/ant-design-mobile)
 ![GitHub](https://img.shields.io/github/license/ant-design/ant-design-mobile)
 
 ```bash
-$ npm install --save antd-mobile@next
+$ npm install --save antd-mobile
 # or
-$ yarn add antd-mobile@next
+$ yarn add antd-mobile
 ```
 
 - **Fast**: It is carefully optimized for harsh scenes, without configuration, you can have the best package size and ultimate performance.
@@ -20,18 +32,12 @@ $ yarn add antd-mobile@next
 - **Atomic**: The function of each component, neither more nor less, is exactly what you need.
 - **Fluent**: With smooth gestures and delicate animation, it helps the product create the ultimate experience.
 
-v5(Poplar) is the next major version of antd-mobile, we recommend using it instead of v2.
-
 You can also play with antd-mobile just in browser with [Codesandbox](https://codesandbox.io/s/antd-mobile-snrxr?file=/package.json). No need to prepare development environment.
 
 If you found bugs or would like to request some new features, please consider opening an [issue](https://github.com/ant-design/ant-design-mobile/issues/new).
 
 If you have some question about how to use ant-mobile, you can start a [discussion thread](https://github.com/ant-design/ant-design-mobile/discussions).
 
-Feel free to join our DingDing group:
-
-<img src="https://gw.alipayobjects.com/mdn/rms_25513e/afts/img/A*fo-tQ5wRk5QAAAAAAAAAAAAAARQnAQ" alt="ding-group" width="360" />
-
 ---
 
 Thanks to all the contributors of antd-mobile:

package/cjs/components/action-sheet/action-sheet.css

@@ -21,7 +21,6 @@
 .adm-action-sheet-button-item {
   padding: 14px;
   text-align: center;
-  border-radius: 0;
 }
 .adm-action-sheet-button-item-name {
   color: var(--adm-color-text);