antd-mobile 5.15.1 → 5.17.0

package/es/components/swipe-action/swipe-action.js

@@ -1,203 +0,0 @@
-import React, { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';
-import { mergeProps } from '../../utils/with-default-props';
-import { useSpring, animated } from '@react-spring/web';
-import { useDrag } from '@use-gesture/react';
-import Button from '../button';
-import { nearest } from '../../utils/nearest';
-import { withNativeProps } from '../../utils/native-props';
-import { withStopPropagation } from '../../utils/with-stop-propagation';
-const classPrefix = `adm-swipe-action`;
-const defaultProps = {
-  rightActions: [],
-  leftActions: [],
-  closeOnTouchOutside: true,
-  closeOnAction: true,
-  stopPropagation: []
-};
-export const SwipeAction = forwardRef((p, ref) => {
-  const props = mergeProps(defaultProps, p);
-  const rootRef = useRef(null);
-  const leftRef = useRef(null);
-  const rightRef = useRef(null);
-
-  function getWidth(ref) {
-    const element = ref.current;
-    if (!element) return 0;
-    return element.offsetWidth;
-  }
-
-  function getLeftWidth() {
-    return getWidth(leftRef);
-  }
-
-  function getRightWidth() {
-    return getWidth(rightRef);
-  }
-
-  const [{
-    x
-  }, api] = useSpring(() => ({
-    x: 0,
-    config: {
-      tension: 200,
-      friction: 30
-    }
-  }), []);
-  const draggingRef = useRef(false);
-  const bind = useDrag(state => {
-    draggingRef.current = true;
-    const [offsetX] = state.offset;
-
-    if (state.last) {
-      const leftWidth = getLeftWidth();
-      const rightWidth = getRightWidth();
-      let position = offsetX + state.velocity[0] * state.direction[0] * 50;
-
-      if (offsetX > 0) {
-        position = Math.max(0, position);
-      } else if (offsetX < 0) {
-        position = Math.min(0, position);
-      } else {
-        position = 0;
-      }
-
-      api.start({
-        x: nearest([-rightWidth, 0, leftWidth], position)
-      });
-      window.setTimeout(() => {
-        draggingRef.current = false;
-      });
-    } else {
-      api.start({
-        x: offsetX,
-        immediate: true
-      });
-    }
-  }, {
-    from: () => [x.get(), 0],
-    bounds: () => {
-      const leftWidth = getLeftWidth();
-      const rightWidth = getRightWidth();
-      return {
-        left: -rightWidth,
-        right: leftWidth
-      };
-    },
-    // rubberband: true,
-    axis: 'x',
-    preventScroll: true,
-    pointer: {
-      touch: true
-    }
-  });
-
-  function close() {
-    api.start({
-      x: 0
-    });
-  }
-
-  useImperativeHandle(ref, () => ({
-    show: (side = 'right') => {
-      if (side === 'right') {
-        api.start({
-          x: -getRightWidth()
-        });
-      } else if (side === 'left') {
-        api.start({
-          x: getLeftWidth()
-        });
-      }
-    },
-    close
-  }));
-  useEffect(() => {
-    if (!props.closeOnTouchOutside) return;
-
-    function handle(e) {
-      if (x.get() === 0) {
-        return;
-      }
-
-      const root = rootRef.current;
-
-      if (root && !root.contains(e.target)) {
-        close();
-      }
-    }
-
-    document.addEventListener('touchstart', handle);
-    return () => {
-      document.removeEventListener('touchstart', handle);
-    };
-  }, [props.closeOnTouchOutside]);
-
-  function renderAction(action) {
-    var _a, _b;
-
-    const color = (_a = action.color) !== null && _a !== void 0 ? _a : 'light';
-    return React.createElement(Button, {
-      key: action.key,
-      className: `${classPrefix}-action-button`,
-      style: {
-        '--background-color': (_b = colorRecord[color]) !== null && _b !== void 0 ? _b : color
-      },
-      onClick: e => {
-        var _a, _b;
-
-        if (props.closeOnAction) {
-          close();
-        }
-
-        (_a = action.onClick) === null || _a === void 0 ? void 0 : _a.call(action, e);
-        (_b = props.onAction) === null || _b === void 0 ? void 0 : _b.call(props, action, e);
-      }
-    }, action.text);
-  }
-
-  return withNativeProps(props, React.createElement("div", Object.assign({
-    className: classPrefix
-  }, bind(), {
-    ref: rootRef,
-    onClickCapture: e => {
-      if (draggingRef.current) {
-        e.stopPropagation();
-        e.preventDefault();
-      }
-    }
-  }), React.createElement(animated.div, {
-    className: `${classPrefix}-track`,
-    style: {
-      x
-    }
-  }, withStopPropagation(props.stopPropagation, React.createElement("div", {
-    className: `${classPrefix}-actions ${classPrefix}-actions-left`,
-    ref: leftRef
-  }, props.leftActions.map(renderAction))), React.createElement("div", {
-    className: `${classPrefix}-content`,
-    onClickCapture: e => {
-      if (x.goal !== 0) {
-        e.preventDefault();
-        e.stopPropagation();
-        api.start({
-          x: 0
-        });
-      }
-    }
-  }, React.createElement(animated.div, {
-    style: {
-      pointerEvents: x.to(v => v !== 0 && x.goal !== 0 ? 'none' : 'auto')
-    }
-  }, props.children)), withStopPropagation(props.stopPropagation, React.createElement("div", {
-    className: `${classPrefix}-actions ${classPrefix}-actions-right`,
-    ref: rightRef
-  }, props.rightActions.map(renderAction))))));
-});
-const colorRecord = {
-  light: 'var(--adm-color-light)',
-  weak: 'var(--adm-color-weak)',
-  primary: 'var(--adm-color-primary)',
-  success: 'var(--adm-color-success)',
-  warning: 'var(--adm-color-warning)',
-  danger: 'var(--adm-color-danger)'
-};

package/es/components/swiper/index.d.ts

@@ -1,33 +0,0 @@
-/// <reference types="react" />
-import './swiper.less';
-export type { SwiperProps, SwiperRef } from './swiper';
-declare const _default: import("react").ForwardRefExoticComponent<{
-    defaultIndex?: number | undefined;
-    allowTouchMove?: boolean | undefined;
-    autoplay?: boolean | undefined;
-    autoplayInterval?: number | undefined;
-    loop?: boolean | undefined;
-    direction?: "vertical" | "horizontal" | undefined;
-    onIndexChange?: ((index: number) => void) | undefined;
-    indicatorProps?: Pick<import("../page-indicator").PageIndicatorProps, "style" | "className" | "color"> | undefined;
-    indicator?: ((total: number, current: number) => import("react").ReactNode) | undefined;
-    slideSize?: number | undefined;
-    trackOffset?: number | undefined;
-    stuckAtBoundary?: boolean | undefined;
-    rubberband?: boolean | undefined;
-    children?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>[] | undefined;
-} & {
-    className?: string | undefined;
-    style?: (import("react").CSSProperties & Partial<Record<"--width" | "--height" | "--border-radius" | "--track-padding", string>>) | undefined;
-    tabIndex?: number | undefined;
-} & import("react").AriaAttributes & import("react").RefAttributes<import("./swiper").SwiperRef>> & {
-    Item: import("react").FC<{
-        onClick?: ((e: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-        children?: import("react").ReactNode;
-    } & {
-        className?: string | undefined;
-        style?: (import("react").CSSProperties & Partial<Record<never, string>>) | undefined;
-        tabIndex?: number | undefined;
-    } & import("react").AriaAttributes>;
-};
-export default _default;

package/es/components/swiper/index.js

@@ -1,7 +0,0 @@
-import "./swiper.css";
-import { Swiper } from './swiper';
-import { attachPropertiesToComponent } from '../../utils/attach-properties-to-component';
-import { SwiperItem } from './swiper-item';
-export default attachPropertiesToComponent(Swiper, {
-  Item: SwiperItem
-});

package/es/components/swiper/swiper-item.d.ts

@@ -1,8 +0,0 @@
-import React, { FC } from 'react';
-import { NativeProps } from '../../utils/native-props';
-declare type Props = {
-    onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    children?: React.ReactNode;
-} & NativeProps;
-export declare const SwiperItem: FC<Props>;
-export {};

package/es/components/swiper/swiper-item.js

@@ -1,8 +0,0 @@
-import React from 'react';
-import { withNativeProps } from '../../utils/native-props';
-export const SwiperItem = props => {
-  return withNativeProps(props, React.createElement("div", {
-    className: 'adm-swiper-item',
-    onClick: props.onClick
-  }, props.children));
-};

package/es/components/swiper/swiper.css

@@ -1,78 +0,0 @@
-.adm-swiper {
-  --height: auto;
-  --width: 100%;
-  --border-radius: 0;
-  --track-padding: 0;
-  --slide-size: 100%;
-  --track-offset: 0%;
-  display: block;
-  width: var(--width);
-  height: var(--height);
-  position: relative;
-  border-radius: var(--border-radius);
-  z-index: 0;
-  overflow: hidden;
-}
-.adm-swiper-track {
-  width: 100%;
-  height: 100%;
-  white-space: nowrap;
-  padding: var(--track-padding);
-}
-.adm-swiper-track-allow-touch-move {
-  cursor: grab;
-}
-.adm-swiper-track-inner {
-  width: 100%;
-  height: 100%;
-  overflow: visible;
-  position: relative;
-  display: flex;
-  flex-wrap: nowrap;
-}
-.adm-swiper-slide {
-  width: 100%;
-  height: 100%;
-  display: block;
-  position: relative;
-  white-space: unset;
-  flex: none;
-}
-.adm-swiper-item {
-  display: block;
-  width: 100%;
-  height: 100%;
-  white-space: normal;
-}
-.adm-swiper-horizontal .adm-swiper-track-allow-touch-move {
-  touch-action: pan-y;
-}
-.adm-swiper-horizontal .adm-swiper-indicator {
-  position: absolute;
-  bottom: 6px;
-  left: 50%;
-  transform: translateX(-50%);
-}
-.adm-swiper-horizontal .adm-swiper-track {
-  transform: translateX(var(--track-offset));
-}
-.adm-swiper-horizontal .adm-swiper-track-inner {
-  flex-direction: row;
-  width: var(--slide-size);
-}
-.adm-swiper-vertical .adm-swiper-track-allow-touch-move {
-  touch-action: pan-x;
-}
-.adm-swiper-vertical .adm-swiper-indicator {
-  position: absolute;
-  right: 6px;
-  top: 50%;
-  transform: translateY(-50%);
-}
-.adm-swiper-vertical .adm-swiper-track {
-  transform: translateY(var(--track-offset));
-}
-.adm-swiper-vertical .adm-swiper-track-inner {
-  flex-direction: column;
-  height: var(--slide-size);
-}

package/es/components/swiper/swiper.d.ts

@@ -1,44 +0,0 @@
-import React, { ReactElement, ReactNode } from 'react';
-import { NativeProps } from '../../utils/native-props';
-import { PageIndicatorProps } from '../page-indicator';
-export declare type SwiperRef = {
-    swipeTo: (index: number) => void;
-    swipeNext: () => void;
-    swipePrev: () => void;
-};
-export declare type SwiperProps = {
-    defaultIndex?: number;
-    allowTouchMove?: boolean;
-    autoplay?: boolean;
-    autoplayInterval?: number;
-    loop?: boolean;
-    direction?: 'horizontal' | 'vertical';
-    onIndexChange?: (index: number) => void;
-    indicatorProps?: Pick<PageIndicatorProps, 'color' | 'style' | 'className'>;
-    indicator?: (total: number, current: number) => ReactNode;
-    slideSize?: number;
-    trackOffset?: number;
-    stuckAtBoundary?: boolean;
-    rubberband?: boolean;
-    children?: ReactElement | ReactElement[];
-} & NativeProps<'--height' | '--width' | '--border-radius' | '--track-padding'>;
-export declare const Swiper: React.ForwardRefExoticComponent<{
-    defaultIndex?: number | undefined;
-    allowTouchMove?: boolean | undefined;
-    autoplay?: boolean | undefined;
-    autoplayInterval?: number | undefined;
-    loop?: boolean | undefined;
-    direction?: "vertical" | "horizontal" | undefined;
-    onIndexChange?: ((index: number) => void) | undefined;
-    indicatorProps?: Pick<PageIndicatorProps, "style" | "className" | "color"> | undefined;
-    indicator?: ((total: number, current: number) => ReactNode) | undefined;
-    slideSize?: number | undefined;
-    trackOffset?: number | undefined;
-    stuckAtBoundary?: boolean | undefined;
-    rubberband?: boolean | undefined;
-    children?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[] | undefined;
-} & {
-    className?: string | undefined;
-    style?: (React.CSSProperties & Partial<Record<"--width" | "--height" | "--border-radius" | "--track-padding", string>>) | undefined;
-    tabIndex?: number | undefined;
-} & React.AriaAttributes & React.RefAttributes<SwiperRef>>;

package/es/components/swiper/swiper.js

@@ -1,273 +0,0 @@
-import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
-import { withNativeProps } from '../../utils/native-props';
-import { mergeProps } from '../../utils/with-default-props';
-import classNames from 'classnames';
-import { SwiperItem } from './swiper-item';
-import { devWarning } from '../../utils/dev-log';
-import { useSpring, animated } from '@react-spring/web';
-import { useDrag } from '@use-gesture/react';
-import PageIndicator from '../page-indicator';
-import { staged } from 'staged-components';
-import { useRefState } from '../../utils/use-ref-state';
-import { bound } from '../../utils/bound';
-import { useIsomorphicLayoutEffect, useUpdateEffect } from 'ahooks';
-const classPrefix = `adm-swiper`;
-const defaultProps = {
-  defaultIndex: 0,
-  allowTouchMove: true,
-  autoplay: false,
-  autoplayInterval: 3000,
-  loop: false,
-  direction: 'horizontal',
-  slideSize: 100,
-  trackOffset: 0,
-  stuckAtBoundary: true,
-  rubberband: true
-};
-export const Swiper = forwardRef(staged((p, ref) => {
-  const props = mergeProps(defaultProps, p);
-  const isVertical = props.direction === 'vertical';
-  const slideRatio = props.slideSize / 100;
-  const offsetRatio = props.trackOffset / 100;
-  const {
-    validChildren,
-    count
-  } = useMemo(() => {
-    let count = 0;
-    const validChildren = React.Children.map(props.children, child => {
-      if (!React.isValidElement(child)) return null;
-
-      if (child.type !== SwiperItem) {
-        devWarning('Swiper', 'The children of `Swiper` must be `Swiper.Item` components.');
-        return null;
-      }
-
-      count++;
-      return child;
-    });
-    return {
-      validChildren,
-      count
-    };
-  }, [props.children]);
-
-  if (count === 0 || !validChildren) {
-    devWarning('Swiper', '`Swiper` needs at least one child.');
-    return null;
-  }
-
-  return () => {
-    let loop = props.loop;
-
-    if (slideRatio * (count - 1) < 1) {
-      loop = false;
-    }
-
-    const trackRef = useRef(null);
-
-    function getSlidePixels() {
-      const track = trackRef.current;
-      if (!track) return 0;
-      const trackPixels = isVertical ? track.offsetHeight : track.offsetWidth;
-      return trackPixels * props.slideSize / 100;
-    }
-
-    const [current, setCurrent] = useState(props.defaultIndex);
-    useUpdateEffect(() => {
-      var _a;
-
-      (_a = props.onIndexChange) === null || _a === void 0 ? void 0 : _a.call(props, current);
-    }, [current]);
-    const [dragging, setDragging, draggingRef] = useRefState(false);
-
-    function boundIndex(current) {
-      let min = 0;
-      let max = count - 1;
-
-      if (props.stuckAtBoundary) {
-        min += offsetRatio / slideRatio;
-        max -= (1 - slideRatio - offsetRatio) / slideRatio;
-      }
-
-      return bound(current, min, max);
-    }
-
-    const [{
-      position
-    }, api] = useSpring(() => ({
-      position: boundIndex(current) * 100,
-      config: {
-        tension: 200,
-        friction: 30
-      },
-      onRest: () => {
-        if (draggingRef.current) return;
-        if (!loop) return;
-        const rawX = position.get();
-        const totalWidth = 100 * count;
-        const standardPosition = modulus(rawX, totalWidth);
-        if (standardPosition === rawX) return;
-        api.start({
-          position: standardPosition,
-          immediate: true
-        });
-      }
-    }), [count]);
-    const bind = useDrag(state => {
-      const slidePixels = getSlidePixels();
-      if (!slidePixels) return;
-      const paramIndex = isVertical ? 1 : 0;
-      const offset = state.offset[paramIndex];
-      const direction = state.direction[paramIndex];
-      const velocity = state.velocity[paramIndex];
-      setDragging(true);
-
-      if (!state.last) {
-        api.start({
-          position: offset * 100 / slidePixels,
-          immediate: true
-        });
-      } else {
-        const minIndex = Math.floor(offset / slidePixels);
-        const maxIndex = minIndex + 1;
-        const index = Math.round((offset + velocity * 2000 * direction) / slidePixels);
-        swipeTo(bound(index, minIndex, maxIndex));
-        window.setTimeout(() => {
-          setDragging(false);
-        });
-      }
-    }, {
-      transform: ([x, y]) => [-x, -y],
-      from: () => {
-        const slidePixels = getSlidePixels();
-        return [position.get() / 100 * slidePixels, position.get() / 100 * slidePixels];
-      },
-      bounds: () => {
-        if (loop) return {};
-        const slidePixels = getSlidePixels();
-        const lowerBound = boundIndex(0) * slidePixels;
-        const upperBound = boundIndex(count - 1) * slidePixels;
-        return isVertical ? {
-          top: lowerBound,
-          bottom: upperBound
-        } : {
-          left: lowerBound,
-          right: upperBound
-        };
-      },
-      rubberband: props.rubberband,
-      axis: isVertical ? 'y' : 'x',
-      preventScroll: !isVertical,
-      pointer: {
-        touch: true
-      }
-    });
-
-    function swipeTo(index, immediate = false) {
-      const roundedIndex = Math.round(index);
-      const targetIndex = loop ? modulus(roundedIndex, count) : bound(roundedIndex, 0, count - 1);
-      setCurrent(targetIndex);
-      api.start({
-        position: (loop ? roundedIndex : boundIndex(roundedIndex)) * 100,
-        immediate
-      });
-    }
-
-    function swipeNext() {
-      swipeTo(Math.round(position.get() / 100) + 1);
-    }
-
-    function swipePrev() {
-      swipeTo(Math.round(position.get() / 100) - 1);
-    }
-
-    useImperativeHandle(ref, () => ({
-      swipeTo,
-      swipeNext,
-      swipePrev
-    }));
-    useIsomorphicLayoutEffect(() => {
-      const maxIndex = validChildren.length - 1;
-
-      if (current > maxIndex) {
-        swipeTo(maxIndex, true);
-      }
-    });
-    const {
-      autoplay,
-      autoplayInterval
-    } = props;
-    useEffect(() => {
-      if (!autoplay || dragging) return;
-      const interval = window.setInterval(() => {
-        swipeNext();
-      }, autoplayInterval);
-      return () => {
-        window.clearInterval(interval);
-      };
-    }, [autoplay, autoplayInterval, dragging]);
-
-    function renderTrackInner() {
-      if (loop) {
-        return React.createElement("div", {
-          className: `${classPrefix}-track-inner`
-        }, React.Children.map(validChildren, (child, index) => {
-          return React.createElement(animated.div, {
-            className: `${classPrefix}-slide`,
-            style: {
-              [isVertical ? 'y' : 'x']: position.to(position => {
-                let finalPosition = -position + index * 100;
-                const totalWidth = count * 100;
-                const flagWidth = totalWidth / 2;
-                finalPosition = modulus(finalPosition + flagWidth, totalWidth) - flagWidth;
-                return `${finalPosition}%`;
-              }),
-              [isVertical ? 'top' : 'left']: `-${index * 100}%`
-            }
-          }, child);
-        }));
-      } else {
-        return React.createElement(animated.div, {
-          className: `${classPrefix}-track-inner`,
-          style: {
-            [isVertical ? 'y' : 'x']: position.to(position => `${-position}%`)
-          }
-        }, React.Children.map(validChildren, child => {
-          return React.createElement("div", {
-            className: `${classPrefix}-slide`
-          }, child);
-        }));
-      }
-    }
-
-    const style = {
-      '--slide-size': `${props.slideSize}%`,
-      '--track-offset': `${props.trackOffset}%`
-    };
-    return withNativeProps(props, React.createElement("div", {
-      className: classNames(classPrefix, `${classPrefix}-${props.direction}`),
-      style: style
-    }, React.createElement("div", Object.assign({
-      ref: trackRef,
-      className: classNames(`${classPrefix}-track`, {
-        [`${classPrefix}-track-allow-touch-move`]: props.allowTouchMove
-      }),
-      onClickCapture: e => {
-        if (draggingRef.current) {
-          e.stopPropagation();
-        }
-      }
-    }, props.allowTouchMove ? bind() : {}), renderTrackInner()), props.indicator === undefined ? React.createElement("div", {
-      className: `${classPrefix}-indicator`
-    }, React.createElement(PageIndicator, Object.assign({}, props.indicatorProps, {
-      total: count,
-      current: current,
-      direction: props.direction
-    }))) : props.indicator(count, current)));
-  };
-}));
-
-function modulus(value, division) {
-  const remainder = value % division;
-  return remainder < 0 ? remainder + division : remainder;
-}

package/es/components/swiper/swiper.patch.css

@@ -1,21 +0,0 @@
-.adm-swiper {
-  display: block;
-  width: 100%;
-  height: auto;
-  border-radius: 0;
-}
-.adm-swiper-track {
-  padding: 0;
-}
-.adm-swiper-horizontal .adm-swiper-track {
-  transform: translateX(0%);
-}
-.adm-swiper-horizontal .adm-swiper-track-inner {
-  width: 100%;
-}
-.adm-swiper-vertical .adm-swiper-track {
-  transform: translateY(0%);
-}
-.adm-swiper-vertical .adm-swiper-track-inner {
-  height: 100%;
-}

package/es/components/switch/index.d.ts

@@ -1,4 +0,0 @@
-import './switch.less';
-import { Switch } from './switch';
-export type { SwitchProps } from './switch';
-export default Switch;

package/es/components/switch/index.js

@@ -1,3 +0,0 @@
-import "./switch.css";
-import { Switch } from './switch';
-export default Switch;

package/es/components/switch/spin-icon.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { NativeProps } from '../../utils/native-props';
-export declare const SpinIcon: React.NamedExoticComponent<NativeProps<never>>;