antd-mobile 5.16.1 → 5.17.0

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>>;

package/es/components/switch/spin-icon.js

@@ -1,23 +0,0 @@
-import React, { memo } from 'react';
-import { withNativeProps } from '../../utils/native-props';
-export const SpinIcon = memo(props => {
-  return withNativeProps(props, React.createElement("svg", {
-    width: '28px',
-    height: '28px',
-    viewBox: '0 0 28 28'
-  }, React.createElement("g", {
-    stroke: 'none',
-    strokeWidth: '1',
-    fill: 'none',
-    fillRule: 'evenodd'
-  }, React.createElement("g", {
-    transform: 'translate(-137.000000, -840.000000)',
-    fill: '#1576FE'
-  }, React.createElement("g", {
-    transform: 'translate(80.000000, 823.000000)'
-  }, React.createElement("g", {
-    transform: 'translate(53.000000, 13.000000)'
-  }, React.createElement("path", {
-    d: 'M17.9996753,31.5 C10.5556724,31.5 4.5,25.4443275 4.5,18.0003247 C4.5,10.5563219 10.5556724,4.5 17.9996753,4.5 C18.5355492,4.5 18.9702974,4.93474816 18.9702974,5.47062208 C18.9702974,6.006496 18.5355492,6.44124416 17.9996753,6.44124416 C11.6261524,6.44124416 6.44124416,11.6267709 6.44124416,18.0002938 C6.44124416,24.3738167 11.6261524,29.5587249 17.9996753,29.5587249 C24.3731982,29.5587249 29.5587249,24.3738167 29.5587249,18.0002938 C29.5587249,14.7964616 28.2778291,11.8169616 25.9523687,9.61220279 C25.5637302,9.24317094 25.5473089,8.62893223 25.9157222,8.23967523 C26.2841356,7.84976878 26.8989928,7.83461537 27.2882498,8.20302872 C30.0042351,10.7787368 31.5,14.2580826 31.5,18.0002938 C31.5,25.4443275 25.4436781,31.5 17.9996753,31.5 Z'
-  })))))));
-});

package/es/components/switch/switch.css

@@ -1,96 +0,0 @@
-@keyframes loading-rotate {
-  100% {
-    transform: rotate(1turn);
-  }
-}
-.adm-switch {
-  --checked-color: var(--adm-color-primary);
-  --height: 31px;
-  --width: 51px;
-  --border-width: 2px;
-  display: inline-block;
-  vertical-align: middle;
-  box-sizing: border-box;
-  position: relative;
-  align-self: center;
-  cursor: pointer;
-  /* 选中状态 */
-  /* 禁用状态 */
-  /* loading图标 */
-}
-.adm-switch input {
-  display: none;
-}
-.adm-switch-checkbox {
-  min-width: var(--width);
-  height: var(--height);
-  box-sizing: border-box;
-  border-radius: 31px;
-  background: var(--adm-color-border);
-  z-index: 0;
-  overflow: hidden;
-  line-height: var(--height);
-}
-.adm-switch-checkbox:before {
-  content: ' ';
-  position: absolute;
-  left: var(--border-width);
-  top: var(--border-width);
-  width: calc(100% - 2 * var(--border-width));
-  height: calc(var(--height) - 2 * var(--border-width));
-  border-radius: calc(var(--height) - 2 * var(--border-width));
-  box-sizing: border-box;
-  background: var(--adm-color-background);
-  z-index: 1;
-  transition: all 200ms;
-  transform: scale(1);
-}
-.adm-switch-handle {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: calc(var(--height) - 2 * var(--border-width));
-  height: calc(var(--height) - 2 * var(--border-width));
-  border-radius: calc(var(--height) - 2 * var(--border-width));
-  background: var(--adm-color-white);
-  position: absolute;
-  z-index: 2;
-  top: var(--border-width);
-  left: var(--border-width);
-  transition: all 200ms;
-  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2), 0 2px 11.5px 0 rgba(0, 0, 0, 0.08), -1px 2px 2px 0 rgba(0, 0, 0, 0.1);
-}
-.adm-switch-inner {
-  position: relative;
-  z-index: 1;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin: 0 8px 0 calc(var(--height) - var(--border-width) + 4px);
-  height: 100%;
-  color: var(--adm-color-weak);
-  transition: margin 200ms;
-  font-size: var(--adm-font-size-7);
-}
-.adm-switch.adm-switch-checked .adm-switch-checkbox {
-  background: var(--checked-color);
-}
-.adm-switch.adm-switch-checked .adm-switch-checkbox:before {
-  transform: scale(0);
-}
-.adm-switch.adm-switch-checked .adm-switch-handle {
-  left: calc(100% - (var(--height) - var(--border-width)));
-}
-.adm-switch.adm-switch-checked .adm-switch-inner {
-  margin: 0 calc(var(--height) - var(--border-width) + 5px) 0 10px;
-  color: var(--adm-color-white);
-}
-.adm-switch.adm-switch-disabled {
-  cursor: not-allowed;
-  opacity: 0.4;
-}
-.adm-switch-spin-icon {
-  width: 14px;
-  height: 14px;
-  animation: loading-rotate 1s linear infinite;
-}

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

@@ -1,13 +0,0 @@
-import { FC, ReactNode } from 'react';
-import { NativeProps } from '../../utils/native-props';
-export declare type SwitchProps = {
-    loading?: boolean;
-    disabled?: boolean;
-    checked?: boolean;
-    defaultChecked?: boolean;
-    beforeChange?: (val: boolean) => Promise<void>;
-    onChange?: (checked: boolean) => void;
-    checkedText?: ReactNode;
-    uncheckedText?: ReactNode;
-} & NativeProps<'--checked-color' | '--width' | '--height' | '--border-width'>;
-export declare const Switch: FC<SwitchProps>;

package/es/components/switch/switch.js

@@ -1,70 +0,0 @@
-import { __awaiter } from "tslib";
-import classNames from 'classnames';
-import React, { useState } from 'react';
-import { withNativeProps } from '../../utils/native-props';
-import { usePropsValue } from '../../utils/use-props-value';
-import { mergeProps } from '../../utils/with-default-props';
-import { SpinIcon } from './spin-icon';
-import { useConfig } from '../config-provider';
-const classPrefix = `adm-switch`;
-const defaultProps = {
-  defaultChecked: false
-};
-export const Switch = p => {
-  const props = mergeProps(defaultProps, p);
-  const disabled = props.disabled || props.loading || false;
-  const [changing, setChanging] = useState(false);
-  const {
-    locale
-  } = useConfig();
-  const [checked, setChecked] = usePropsValue({
-    value: props.checked,
-    defaultValue: props.defaultChecked,
-    onChange: props.onChange
-  });
-
-  function onClick() {
-    return __awaiter(this, void 0, void 0, function* () {
-      if (disabled || props.loading || changing) {
-        return;
-      }
-
-      const nextChecked = !checked;
-
-      if (props.beforeChange) {
-        setChanging(true);
-
-        try {
-          yield props.beforeChange(nextChecked);
-          setChecked(nextChecked);
-          setChanging(false);
-        } catch (e) {
-          setChanging(false);
-          throw e;
-        }
-      } else {
-        setChecked(nextChecked);
-      }
-    });
-  }
-
-  return withNativeProps(props, React.createElement("div", {
-    onClick: onClick,
-    className: classNames(classPrefix, {
-      [`${classPrefix}-checked`]: checked,
-      [`${classPrefix}-disabled`]: disabled || changing
-    }),
-    role: 'switch',
-    "aria-label": locale.Switch.name,
-    "aria-checked": checked,
-    "aria-disabled": disabled
-  }, React.createElement("div", {
-    className: `${classPrefix}-checkbox`
-  }, React.createElement("div", {
-    className: `${classPrefix}-handle`
-  }, (props.loading || changing) && React.createElement(SpinIcon, {
-    className: `${classPrefix}-spin-icon`
-  })), React.createElement("div", {
-    className: `${classPrefix}-inner`
-  }, checked ? props.checkedText : props.uncheckedText))));
-};

package/es/components/tab-bar/index.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import './tab-bar.less';
-export type { TabBarProps, TabBarItemProps } from './tab-bar';
-declare const _default: import("react").FC<import("./tab-bar").TabBarProps> & {
-    Item: import("react").FC<import("./tab-bar").TabBarItemProps>;
-};
-export default _default;

package/es/components/tab-bar/index.js

@@ -1,6 +0,0 @@
-import "./tab-bar.css";
-import { TabBar, TabBarItem } from './tab-bar';
-import { attachPropertiesToComponent } from '../../utils/attach-properties-to-component';
-export default attachPropertiesToComponent(TabBar, {
-  Item: TabBarItem
-});

package/es/components/tab-bar/tab-bar.css

@@ -1,43 +0,0 @@
-.adm-tab-bar-wrap {
-  display: flex;
-  flex-wrap: nowrap;
-  justify-content: flex-start;
-  align-items: stretch;
-  overflow: hidden;
-  min-height: 48px;
-}
-.adm-tab-bar-item {
-  flex: 1;
-  color: var(--adm-color-weak);
-  white-space: nowrap;
-  padding: 4px 8px;
-  width: min-content;
-  position: relative;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-}
-.adm-tab-bar-item-icon {
-  font-size: 24px;
-  height: 24px;
-  line-height: 1;
-}
-.adm-tab-bar-item-title {
-  font-size: var(--adm-font-size-3);
-  line-height: 15px;
-}
-.adm-tab-bar-item-title-with-icon {
-  margin-top: 2px;
-}
-.adm-tab-bar-item-active {
-  color: var(--adm-color-primary);
-}
-.adm-tab-bar-icon-badge {
-  --top: 6px;
-}
-.adm-tab-bar-title-badge {
-  --right: -2px;
-  --top: -2px;
-}

package/es/components/tab-bar/tab-bar.d.ts

@@ -1,18 +0,0 @@
-import { FC, ReactNode } from 'react';
-import React from 'react';
-import { NativeProps } from '../../utils/native-props';
-import { BadgeProps } from '../badge';
-export declare type TabBarItemProps = {
-    icon?: ReactNode | ((active: boolean) => ReactNode);
-    title?: ReactNode | ((active: boolean) => ReactNode);
-    badge?: BadgeProps['content'];
-} & NativeProps;
-export declare const TabBarItem: FC<TabBarItemProps>;
-export declare type TabBarProps = {
-    activeKey?: string | null;
-    defaultActiveKey?: string | null;
-    onChange?: (key: string) => void;
-    safeArea?: boolean;
-    children?: React.ReactNode;
-} & NativeProps;
-export declare const TabBar: FC<TabBarProps>;