antd-mobile 5.0.0-rc.2 → 5.0.0-rc.23

package/es/utils/dev-log.js

@@ -1,11 +1,11 @@
 import { isDev } from './is-dev';
 export function devWarning(component, message) {
   if (isDev) {
-    console.warn("[antd-mobile: " + component + "] " + message);
+    console.warn(`[antd-mobile: ${component}] ${message}`);
   }
 }
 export function devError(component, message) {
   if (isDev) {
-    console.error("[antd-mobile: " + component + "] " + message);
+    console.error(`[antd-mobile: ${component}] ${message}`);
   }
 }

package/es/utils/generate-int-array.js

@@ -1,7 +1,7 @@
 export function generateIntArray(from, to) {
-  var array = [];
+  const array = [];
 
-  for (var i = from; i <= to; i++) {
+  for (let i = from; i <= to; i++) {
     array.push(i);
   }
 

package/es/utils/get-container.js

@@ -1,4 +1,4 @@
 export function resolveContainer(getContainer) {
-  var container = typeof getContainer === 'function' ? getContainer() : getContainer;
+  const container = typeof getContainer === 'function' ? getContainer() : getContainer;
   return container || document.body;
 }

package/es/utils/get-scroll-parent.js

@@ -1,23 +1,20 @@
 import { canUseDom } from './can-use-dom';
-var overflowScrollReg = /scroll|auto/i;
-var defaultRoot = canUseDom ? window : undefined;
+const overflowScrollReg = /scroll|auto|overlay/i;
+const defaultRoot = canUseDom ? window : undefined;
 
 function isElement(node) {
-  var ELEMENT_NODE_TYPE = 1;
+  const ELEMENT_NODE_TYPE = 1;
   return node.tagName !== 'HTML' && node.tagName !== 'BODY' && node.nodeType === ELEMENT_NODE_TYPE;
 } // https://github.com/youzan/vant/issues/3823
 
 
-export function getScrollParent(el, root) {
-  if (root === void 0) {
-    root = defaultRoot;
-  }
-
-  var node = el;
+export function getScrollParent(el, root = defaultRoot) {
+  let node = el;
 
   while (node && node !== root && isElement(node)) {
-    var _window$getComputedSt = window.getComputedStyle(node),
-        overflowY = _window$getComputedSt.overflowY;
+    const {
+      overflowY
+    } = window.getComputedStyle(node);
 
     if (overflowScrollReg.test(overflowY)) {
       return node;

package/es/utils/is-dev.js

@@ -1 +1 @@
-export var isDev = process.env.NODE_ENV === 'development';
+export const isDev = process.env.NODE_ENV === 'development';

package/es/utils/native-props.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import classNames from 'classnames';
 export function withNativeProps(props, element) {
-  var p = Object.assign({}, element.props);
+  const p = Object.assign({}, element.props);
 
   if (props.className) {
     p.className = classNames(element.props.className, props.className);
@@ -15,7 +15,7 @@ export function withNativeProps(props, element) {
     p.tabIndex = props.tabIndex;
   }
 
-  for (var key in props) {
+  for (const key in props) {
     if (!props.hasOwnProperty(key)) continue;
 
     if (key.startsWith('data-') || key.startsWith('aria-')) {
@@ -23,5 +23,5 @@ export function withNativeProps(props, element) {
     }
   }
 
-  return /*#__PURE__*/React.cloneElement(element, p);
+  return React.cloneElement(element, p);
 }

package/es/utils/nearest.js

@@ -1,5 +1,5 @@
 export function nearest(arr, target) {
-  return arr.reduce(function (pre, cur) {
+  return arr.reduce((pre, cur) => {
     return Math.abs(pre - target) < Math.abs(cur - target) ? pre : cur;
   });
 }

package/es/utils/noop.js

@@ -1 +1 @@
-export var noop = function noop() {};
+export const noop = () => {};

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';
 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);
+  useLayoutEffect(() => {
     ref.current = state;
   }, [state]);
   return [state, setState, ref];

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

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

@@ -3,53 +3,47 @@ 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;
+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 () {
+  useLayoutEffect(() => {
     animate(true);
   }, []);
-  useUpdateLayoutEffect(function () {
+  useUpdateLayoutEffect(() => {
     animate();
   }, [activeIndex]);
-  useMutationEffect(function () {
+  useMutationEffect(() => {
     animate(true);
   }, targetRef, {
     subtree: true,
@@ -57,7 +51,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);
 }