antd-mobile 5.0.0-rc.6 → 5.0.0

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

@@ -1,10 +1,10 @@
 import ReactDOM from 'react-dom';
 export function renderToBody(element) {
-  var container = document.createElement('div');
+  const container = document.createElement('div');
   document.body.appendChild(container);
 
   function unmount() {
-    var unmountResult = ReactDOM.unmountComponentAtNode(container);
+    const unmountResult = ReactDOM.unmountComponentAtNode(container);
 
     if (unmountResult && container.parentNode) {
       container.parentNode.removeChild(container);

package/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/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/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/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/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/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/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/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/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/es/utils/use-mutation-effect.js

@@ -1,14 +1,14 @@
 import { useEffect } from 'react';
-import { usePersistFn } from 'ahooks';
+import { useMemoizedFn } from 'ahooks';
 export function useMutationEffect(effect, targetRef, options) {
-  var fn = usePersistFn(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/es/utils/use-props-value.js

@@ -1,17 +1,19 @@
 import { useRef } from 'react';
-import { usePersistFn, useUpdate } from 'ahooks';
+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 = usePersistFn(function (v) {
+  const setState = useMemoizedFn(v => {
     if (value === undefined) {
       stateRef.current = v;
       update();

package/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/es/utils/use-resize-effect.js

@@ -1,17 +1,16 @@
-import { useLayoutEffect } from 'react';
-import { usePersistFn } from 'ahooks';
+import { useIsomorphicLayoutEffect, useMemoizedFn } from 'ahooks';
 export function useResizeEffect(effect, targetRef) {
-  var fn = usePersistFn(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/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/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/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/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/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/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/package.json

@@ -1,19 +1,20 @@
 {
   "name": "antd-mobile",
-  "version": "5.0.0-rc.6",
+  "version": "5.0.0",
   "dependencies": {
-    "@react-spring/web": "^9.3.1",
-    "@types/resize-observer-browser": "^0.1.6",
-    "@use-gesture/react": "^10.2.4",
-    "ahooks": "^2.10.14",
+    "@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"
 }