antd-mobile 5.16.1 → 5.17.0

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

@@ -1,69 +0,0 @@
-import { useTouch } from './use-touch';
-import { useEffect } from 'react';
-import { getScrollParent } from './get-scroll-parent';
-import { supportsPassive } from './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
-
-export function useLockScroll(rootRef, shouldLock) {
-  const touch = useTouch();
-
-  const onTouchMove = event => {
-    touch.move(event);
-    const direction = touch.deltaY.current > 0 ? '10' : '01';
-    const el = getScrollParent(event.target, rootRef.current);
-    if (!el) 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 ? {
-      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);
-      }
-    }
-  };
-
-  useEffect(() => {
-    if (shouldLock) {
-      lock();
-      return () => {
-        unlock();
-      };
-    }
-  }, [shouldLock]);
-}

package/es/utils/use-mutation-effect.d.ts

@@ -1,2 +0,0 @@
-import { RefObject } from 'react';
-export declare function useMutationEffect(effect: () => void, targetRef: RefObject<HTMLElement>, options: MutationObserverInit): void;

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

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

package/es/utils/use-props-value.d.ts

@@ -1,8 +0,0 @@
-import { SetStateAction } from 'react';
-declare type Options<T> = {
-    value?: T;
-    defaultValue: T;
-    onChange?: (v: T) => void;
-};
-export declare function usePropsValue<T>(options: Options<T>): readonly [T, (v: SetStateAction<T>) => void];
-export {};

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

@@ -1,23 +0,0 @@
-import { useRef } from 'react';
-import { useMemoizedFn, useUpdate } from 'ahooks';
-export function usePropsValue(options) {
-  const {
-    value,
-    defaultValue,
-    onChange
-  } = options;
-  const update = useUpdate();
-  const stateRef = useRef(value !== undefined ? value : defaultValue);
-
-  if (value !== undefined) {
-    stateRef.current = value;
-  }
-
-  const setState = useMemoizedFn(v => {
-    const nextValue = typeof v === 'function' ? v(stateRef.current) : v;
-    stateRef.current = nextValue;
-    update();
-    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue);
-  });
-  return [stateRef.current, setState];
-}

package/es/utils/use-ref-state.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function useRefState<T>(initialState: T | (() => T)): readonly [T, import("react").Dispatch<import("react").SetStateAction<T>>, import("react").MutableRefObject<T>];

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

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

package/es/utils/use-resize-effect.d.ts

@@ -1,2 +0,0 @@
-import { RefObject } from 'react';
-export declare function useResizeEffect<T extends HTMLElement>(effect: (target: T) => void, targetRef: RefObject<T>): void;

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

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

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

@@ -1,5 +0,0 @@
-import { RefObject } from 'react';
-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,57 +0,0 @@
-import { useSpring } from '@react-spring/web';
-import { useMutationEffect } from './use-mutation-effect';
-import { bound } from './bound';
-import { useIsomorphicLayoutEffect } from 'ahooks';
-import { useIsomorphicUpdateLayoutEffect } from './use-isomorphic-update-layout-effect';
-export const useTabListScroll = (targetRef, activeIndex) => {
-  const [{
-    scrollLeft
-  }, api] = useSpring(() => ({
-    scrollLeft: 0,
-    config: {
-      tension: 300,
-      clamp: true
-    }
-  }));
-
-  function animate(immediate = false) {
-    const container = targetRef.current;
-    if (!container) return;
-    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;
-    const nextScrollLeft = bound(activeTabLeft - (containerWidth - activeTabWidth) / 2, 0, containerScrollWidth - containerWidth);
-    api.start({
-      scrollLeft: nextScrollLeft,
-      from: {
-        scrollLeft: containerScrollLeft
-      },
-      immediate
-    });
-  }
-
-  useIsomorphicLayoutEffect(() => {
-    animate(true);
-  }, []);
-  useIsomorphicUpdateLayoutEffect(() => {
-    animate();
-  }, [activeIndex]);
-  useMutationEffect(() => {
-    animate(true);
-  }, targetRef, {
-    subtree: true,
-    childList: true,
-    characterData: true
-  });
-  return {
-    scrollLeft,
-    animate
-  };
-};

package/es/utils/use-touch.d.ts

@@ -1,16 +0,0 @@
-declare type Direction = '' | 'vertical' | 'horizontal';
-export declare function useTouch(): {
-    move: EventListener;
-    start: EventListener;
-    reset: () => void;
-    startX: import("react").MutableRefObject<number>;
-    startY: import("react").MutableRefObject<number>;
-    deltaX: import("react").MutableRefObject<number>;
-    deltaY: import("react").MutableRefObject<number>;
-    offsetX: import("react").MutableRefObject<number>;
-    offsetY: import("react").MutableRefObject<number>;
-    direction: import("react").MutableRefObject<Direction>;
-    isVertical: () => boolean;
-    isHorizontal: () => boolean;
-};
-export {};

package/es/utils/use-touch.js

@@ -1,70 +0,0 @@
-import { useRef } from 'react';
-const MIN_DISTANCE = 10;
-
-function getDirection(x, y) {
-  if (x > y && x > MIN_DISTANCE) {
-    return 'horizontal';
-  }
-
-  if (y > x && y > MIN_DISTANCE) {
-    return 'vertical';
-  }
-
-  return '';
-}
-
-export function useTouch() {
-  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('');
-
-  const isVertical = () => direction.current === 'vertical';
-
-  const isHorizontal = () => direction.current === 'horizontal';
-
-  const reset = () => {
-    deltaX.current = 0;
-    deltaY.current = 0;
-    offsetX.current = 0;
-    offsetY.current = 0;
-    direction.current = '';
-  };
-
-  const start = event => {
-    reset();
-    startX.current = event.touches[0].clientX;
-    startY.current = event.touches[0].clientY;
-  };
-
-  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;
-    offsetX.current = Math.abs(deltaX.current);
-    offsetY.current = Math.abs(deltaY.current);
-
-    if (!direction.current) {
-      direction.current = getDirection(offsetX.current, offsetY.current);
-    }
-  };
-
-  return {
-    move,
-    start,
-    reset,
-    startX,
-    startY,
-    deltaX,
-    deltaY,
-    offsetX,
-    offsetY,
-    direction,
-    isVertical,
-    isHorizontal
-  };
-}

package/es/utils/validate.d.ts

@@ -1,8 +0,0 @@
-export declare function isDef<T>(val: T): val is NonNullable<T>;
-export declare function isObject(val: unknown): val is Record<any, any>;
-export declare function isPromise(obj: unknown): obj is Promise<unknown>;
-export declare function isDate(val: unknown): val is Date;
-export declare function isMobile(value: string): boolean;
-export declare function isNumeric(val: string | number): val is string;
-export declare function isAndroid(): boolean;
-export declare function isIOS(): boolean;

package/es/utils/validate.js

@@ -1,26 +0,0 @@
-import { canUseDom } from './can-use-dom';
-export function isDef(val) {
-  return val !== undefined && val !== null;
-}
-export function isObject(val) {
-  return val !== null && typeof val === 'object';
-}
-export function isPromise(obj) {
-  return !!obj && typeof obj === 'object' && typeof obj.then === 'function';
-}
-export function isDate(val) {
-  return Object.prototype.toString.call(val) === '[object Date]' && !Number.isNaN(val.getTime());
-}
-export function isMobile(value) {
-  value = value.replace(/[^-|\d]/g, '');
-  return /^((\+86)|(86))?(1)\d{10}$/.test(value) || /^0[0-9-]{10,13}$/.test(value);
-}
-export function isNumeric(val) {
-  return typeof val === 'number' || /^\d+(\.\d+)?$/.test(val);
-}
-export function isAndroid() {
-  return canUseDom ? /android/.test(navigator.userAgent.toLowerCase()) : false;
-}
-export function isIOS() {
-  return canUseDom ? /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase()) : false;
-}

package/es/utils/with-cache.d.ts

@@ -1 +0,0 @@
-export declare function withCache<T>(generate: () => T): () => T;

package/es/utils/with-cache.js

@@ -1,10 +0,0 @@
-export function withCache(generate) {
-  let cache = null;
-  return () => {
-    if (cache === null) {
-      cache = generate();
-    }
-
-    return cache;
-  };
-}

package/es/utils/with-default-props.d.ts

@@ -1,2 +0,0 @@
-export declare function mergeProps<A, B>(a: A, b: B): B & A;
-export declare function mergeProps<A, B, C>(a: A, b: B, c: C): C & B & A;

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

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

package/es/utils/with-stop-propagation.d.ts

@@ -1,3 +0,0 @@
-import React, { ReactElement } from 'react';
-export declare type PropagationEvent = 'click';
-export declare function withStopPropagation(events: PropagationEvent[], element: ReactElement): React.ReactElement<any, string | React.JSXElementConstructor<any>>;

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

@@ -1,20 +0,0 @@
-import React from 'react';
-const eventToPropRecord = {
-  'click': 'onClick'
-};
-export function withStopPropagation(events, element) {
-  const props = Object.assign({}, element.props);
-
-  for (const key of events) {
-    const prop = eventToPropRecord[key];
-
-    props[prop] = function (e) {
-      var _a, _b;
-
-      e.stopPropagation();
-      (_b = (_a = element.props)[prop]) === null || _b === void 0 ? void 0 : _b.call(_a, e);
-    };
-  }
-
-  return React.cloneElement(element, props);
-}