antd-mobile 5.16.1 → 5.17.0

package/es/components/slider/thumb.js

@@ -1,76 +0,0 @@
-import React, { useRef, useState } from 'react';
-import { useDrag } from '@use-gesture/react';
-import { ThumbIcon } from './thumb-icon';
-import { Popover } from '../popover/popover';
-import { useConfig } from '../config-provider';
-const classPrefix = `adm-slider`;
-
-const Thumb = props => {
-  const {
-    value,
-    min,
-    max,
-    disabled,
-    onDrag,
-    icon
-  } = props;
-  const prevValue = useRef(value);
-  const {
-    locale
-  } = useConfig();
-
-  const currentPosition = () => {
-    return {
-      left: `${(value - min) / (max - min) * 100}%`,
-      right: 'auto'
-    };
-  };
-
-  const [dragging, setDragging] = useState(false);
-  const bind = useDrag(state => {
-    var _a;
-
-    if (disabled) return;
-
-    if (state.first) {
-      prevValue.current = value;
-    }
-
-    const x = state.xy[0] - state.initial[0];
-    const sliderOffsetWith = (_a = props.trackRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth;
-    if (!sliderOffsetWith) return;
-    const diff = x / Math.ceil(sliderOffsetWith) * (max - min);
-    onDrag(prevValue.current + diff, state.first, state.last);
-    setDragging(!state.last);
-  }, {
-    axis: 'x',
-    pointer: {
-      touch: true
-    }
-  });
-  const renderPopoverContent = typeof props.popover === 'function' ? props.popover : props.popover ? value => value.toString() : null;
-  const thumbElement = React.createElement("div", {
-    className: `${classPrefix}-thumb`
-  }, icon ? icon : React.createElement(ThumbIcon, {
-    className: `${classPrefix}-thumb-icon`
-  }));
-  return React.createElement("div", Object.assign({
-    className: `${classPrefix}-thumb-container`,
-    style: currentPosition()
-  }, bind(), {
-    role: 'slider',
-    "aria-label": props['aria-label'] || locale.Slider.name,
-    "aria-valuemax": max,
-    "aria-valuemin": min,
-    "aria-valuenow": value,
-    "aria-disabled": disabled
-  }), renderPopoverContent ? React.createElement(Popover, {
-    content: renderPopoverContent(value),
-    placement: 'top',
-    visible: dragging,
-    getContainer: null,
-    mode: 'dark'
-  }, thumbElement) : thumbElement);
-};
-
-export default Thumb;

package/es/components/slider/ticks.d.ts

@@ -1,10 +0,0 @@
-import { FC } from 'react';
-declare type TicksProps = {
-    points: number[];
-    max: number;
-    min: number;
-    upperBound: number;
-    lowerBound: number;
-};
-declare const Ticks: FC<TicksProps>;
-export default Ticks;

package/es/components/slider/ticks.js

@@ -1,34 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-const classPrefix = `adm-slider`;
-
-const Ticks = ({
-  points,
-  max,
-  min,
-  upperBound,
-  lowerBound
-}) => {
-  const range = max - min;
-  const elements = points.map(point => {
-    const offset = `${Math.abs(point - min) / range * 100}%`;
-    const isActived = point <= upperBound && point >= lowerBound;
-    const style = {
-      left: offset
-    };
-    const pointClassName = classNames({
-      [`${classPrefix}-tick`]: true,
-      [`${classPrefix}-tick-active`]: isActived
-    });
-    return React.createElement("span", {
-      className: pointClassName,
-      style: style,
-      key: point
-    });
-  });
-  return React.createElement("div", {
-    className: `${classPrefix}-ticks`
-  }, elements);
-};
-
-export default Ticks;

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

@@ -1,4 +0,0 @@
-import './space.less';
-import { Space } from './space';
-export type { SpaceProps } from './space';
-export default Space;

package/es/components/space/index.js

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

package/es/components/space/space.css

@@ -1,70 +0,0 @@
-.adm-space-item {
-  flex: none;
-}
-.adm-space {
-  display: inline-flex;
-  --gap: 8px;
-  --gap-vertical: var(--gap);
-  --gap-horizontal: var(--gap);
-}
-.adm-space-vertical {
-  flex-direction: column;
-}
-.adm-space-vertical > .adm-space-item {
-  margin-bottom: var(--gap-vertical);
-}
-.adm-space-vertical > .adm-space-item:last-child {
-  margin-bottom: 0;
-}
-.adm-space-horizontal {
-  flex-direction: row;
-}
-.adm-space-horizontal > .adm-space-item {
-  margin-right: var(--gap-horizontal);
-}
-.adm-space-horizontal > .adm-space-item:last-child {
-  margin-right: 0;
-}
-.adm-space-horizontal.adm-space-wrap {
-  flex-wrap: wrap;
-  margin-bottom: calc(var(--gap-vertical) * -1);
-}
-.adm-space-horizontal.adm-space-wrap > .adm-space-item {
-  padding-bottom: var(--gap-vertical);
-}
-.adm-space.adm-space-block {
-  display: flex;
-}
-.adm-space-align-center {
-  align-items: center;
-}
-.adm-space-align-start {
-  align-items: flex-start;
-}
-.adm-space-align-end {
-  align-items: flex-end;
-}
-.adm-space-align-baseline {
-  align-items: baseline;
-}
-.adm-space-justify-center {
-  justify-content: center;
-}
-.adm-space-justify-start {
-  justify-content: flex-start;
-}
-.adm-space-justify-end {
-  justify-content: flex-end;
-}
-.adm-space-justify-between {
-  justify-content: space-between;
-}
-.adm-space-justify-around {
-  justify-content: space-around;
-}
-.adm-space-justify-evenly {
-  justify-content: space-evenly;
-}
-.adm-space-justify-stretch {
-  justify-content: stretch;
-}

package/es/components/space/space.d.ts

@@ -1,12 +0,0 @@
-import React, { FC } from 'react';
-import { NativeProps } from '../../utils/native-props';
-export declare type SpaceProps = {
-    direction?: 'horizontal' | 'vertical';
-    align?: 'start' | 'end' | 'center' | 'baseline';
-    justify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly' | 'stretch';
-    wrap?: boolean;
-    block?: boolean;
-    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    children?: React.ReactNode;
-} & NativeProps<'--gap' | '--gap-vertical' | '--gap-horizontal'>;
-export declare const Space: FC<SpaceProps>;

package/es/components/space/space.js

@@ -1,29 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-import { withNativeProps } from '../../utils/native-props';
-import { mergeProps } from '../../utils/with-default-props';
-const classPrefix = `adm-space`;
-const defaultProps = {
-  direction: 'horizontal'
-};
-export const Space = p => {
-  const props = mergeProps(defaultProps, p);
-  const {
-    direction,
-    onClick
-  } = props;
-  return withNativeProps(props, React.createElement("div", {
-    className: classNames(classPrefix, {
-      [`${classPrefix}-wrap`]: props.wrap,
-      [`${classPrefix}-block`]: props.block,
-      [`${classPrefix}-${direction}`]: true,
-      [`${classPrefix}-align-${props.align}`]: !!props.align,
-      [`${classPrefix}-justify-${props.justify}`]: !!props.justify
-    }),
-    onClick: onClick
-  }, React.Children.map(props.children, child => {
-    return child !== null && child !== undefined && React.createElement("div", {
-      className: `${classPrefix}-item`
-    }, child);
-  })));
-};

package/es/components/space/space.patch.css

@@ -1,13 +0,0 @@
-.adm-space-vertical > .adm-space-item {
-  margin-bottom: 8px;
-}
-.adm-space-horizontal > .adm-space-item {
-  margin-right: 8px;
-}
-.adm-space-horizontal.adm-space-wrap {
-  flex-wrap: wrap;
-  margin-bottom: -8px;
-}
-.adm-space-horizontal.adm-space-wrap > .adm-space-item {
-  padding-bottom: 8px;
-}

package/es/components/spin-loading/index.d.ts

@@ -1,4 +0,0 @@
-import './spin-loading.less';
-import { SpinLoading } from './spin-loading';
-export type { SpinLoadingProps } from './spin-loading';
-export default SpinLoading;

package/es/components/spin-loading/index.js

@@ -1,3 +0,0 @@
-import "./spin-loading.css";
-import { SpinLoading } from './spin-loading';
-export default SpinLoading;

package/es/components/spin-loading/spin-loading.css

@@ -1,22 +0,0 @@
-.adm-spin-loading {
-  --color: var(--adm-color-weak);
-  --size: 32px;
-  width: var(--size);
-  height: var(--size);
-}
-.adm-spin-loading-svg {
-  width: 100%;
-  height: 100%;
-  animation: adm-spin-loading-rotate 0.8s infinite linear;
-}
-.adm-spin-loading-svg > .adm-spin-loading-fill {
-  stroke: var(--color);
-}
-@keyframes adm-spin-loading-rotate {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}

package/es/components/spin-loading/spin-loading.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { NativeProps } from '../../utils/native-props';
-export declare type SpinLoadingProps = {
-    color?: 'default' | 'primary' | 'white' | (string & {});
-} & NativeProps<'--color' | '--size'>;
-export declare const SpinLoading: React.NamedExoticComponent<SpinLoadingProps>;

package/es/components/spin-loading/spin-loading.js

@@ -1,58 +0,0 @@
-import React, { memo } from 'react';
-import { withNativeProps } from '../../utils/native-props';
-import { mergeProps } from '../../utils/with-default-props';
-import { useSpring, animated } from '@react-spring/web';
-import { useMotionReduced } from '../../utils/reduce-and-restore-motion';
-const classPrefix = 'adm-spin-loading';
-const colorRecord = {
-  default: 'var(--adm-color-weak)',
-  primary: 'var(--adm-color-primary)',
-  white: 'var(--adm-color-white)'
-};
-const defaultProps = {
-  color: 'default'
-};
-const circumference = 15 * 3.14159265358979 * 2;
-export const SpinLoading = memo(p => {
-  var _a;
-
-  const props = mergeProps(defaultProps, p);
-  const motionReduced = useMotionReduced();
-  const {
-    percent
-  } = useSpring({
-    cancel: motionReduced,
-    loop: {
-      reverse: true
-    },
-    from: {
-      percent: 80
-    },
-    to: {
-      percent: 30
-    },
-    config: {
-      duration: 1200
-    }
-  });
-  return withNativeProps(props, React.createElement(animated.div, {
-    className: classPrefix,
-    style: {
-      '--color': (_a = colorRecord[props.color]) !== null && _a !== void 0 ? _a : props.color,
-      '--percent': percent
-    }
-  }, React.createElement("svg", {
-    className: `${classPrefix}-svg`,
-    viewBox: '0 0 32 32'
-  }, React.createElement(animated.circle, {
-    className: `${classPrefix}-fill`,
-    fill: 'transparent',
-    strokeWidth: '2',
-    strokeDasharray: circumference,
-    strokeDashoffset: percent,
-    strokeLinecap: 'square',
-    r: 15,
-    cx: 16,
-    cy: 16
-  }))));
-});

package/es/components/spin-loading/spin-loading.patch.css

@@ -1,12 +0,0 @@
-.adm-spin-loading {
-  width: 32px;
-  height: 32px;
-}
-.adm-spin-loading-svg {
-  width: 100%;
-  height: 100%;
-  animation: adm-spin-loading-rotate 0.8s infinite linear;
-}
-.adm-spin-loading-svg > .adm-spin-loading-fill {
-  stroke: #999999;
-}

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

@@ -1,4 +0,0 @@
-import './stepper.less';
-import { Stepper } from './stepper';
-export type { StepperProps } from './stepper';
-export default Stepper;

package/es/components/stepper/index.js

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

package/es/components/stepper/stepper.css

@@ -1,65 +0,0 @@
-.adm-stepper {
-  --height: 28px;
-  --input-width: 44px;
-  --input-font-size: var(--adm-font-size-main);
-  --input-font-color: var(--adm-color-text);
-  --input-background-color: var(--adm-color-box);
-  --border-radius: 2px;
-  --border: none;
-  --border-inner: solid 2px transparent;
-  --active-border: var(--border);
-  --button-font-size: var(--adm-font-size-7);
-  --button-text-color: var(--adm-color-primary);
-  --button-background-color: var(--adm-color-box);
-  --button-width: var(--height);
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-  position: relative;
-  overflow: hidden;
-  width: calc(var(--input-width) + 2 * var(--button-width));
-  border: var(--border);
-  border-radius: var(--border-radius);
-}
-.adm-stepper-active {
-  border: var(--active-border);
-}
-.adm-stepper-middle {
-  flex: 1;
-  border-left: var(--border-inner);
-  border-right: var(--border-inner);
-}
-.adm-stepper .adm-stepper-input {
-  height: var(--height);
-  --background-color: var(--input-background-color);
-  --font-size: var(--input-font-size);
-  --color: var(--input-font-color);
-  --text-align: center;
-}
-.adm-stepper-minus,
-.adm-stepper-plus {
-  width: var(--button-width);
-  height: var(--height);
-  padding: 0;
-  color: var(--button-text-color);
-  background-color: var(--button-background-color);
-  font-size: var(--button-font-size);
-  --border-width: 0;
-}
-.adm-stepper-minus:disabled,
-.adm-stepper-plus:disabled {
-  color: var(--adm-color-weak);
-}
-.adm-stepper-minus svg,
-.adm-stepper-plus svg {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-.adm-stepper-minus {
-  border-radius: 0;
-}
-.adm-stepper-plus {
-  border-radius: 0;
-}

package/es/components/stepper/stepper.d.ts

@@ -1,25 +0,0 @@
-import { FC } from 'react';
-import { NativeProps } from '../../utils/native-props';
-import { InputProps } from '../input';
-declare type ValueProps = {
-    allowEmpty: true;
-    value?: number | null;
-    defaultValue?: number | null;
-    onChange?: (value: number | null) => void;
-};
-declare type ValuePropsWithNull = {
-    allowEmpty?: false;
-    value?: number;
-    defaultValue?: number;
-    onChange?: (value: number) => void;
-};
-export declare type StepperProps = Pick<InputProps, 'onFocus' | 'onBlur'> & (ValuePropsWithNull | ValueProps) & {
-    min?: number;
-    max?: number;
-    step?: number;
-    digits?: number;
-    disabled?: boolean;
-    inputReadOnly?: boolean;
-} & NativeProps<'--height' | '--input-width' | '--input-font-size' | '--input-background-color' | '--border-radius' | '--border' | '--border-inner' | '--active-border' | '--button-font-size' | '--button-background-color' | '--button-width' | '--input-font-color' | '--button-text-color'>;
-export declare const Stepper: FC<StepperProps>;
-export {};

package/es/components/stepper/stepper.js

@@ -1,164 +0,0 @@
-import classNames from 'classnames';
-import React, { useEffect, useState } from 'react';
-import { MinusOutline, AddOutline } from 'antd-mobile-icons';
-import { withNativeProps } from '../../utils/native-props';
-import { usePropsValue } from '../../utils/use-props-value';
-import { mergeProps } from '../../utils/with-default-props';
-import { bound } from '../../utils/bound';
-import Input from '../input';
-import Button from '../button';
-import Big from 'big.js';
-import { useConfig } from '../config-provider';
-const classPrefix = `adm-stepper`;
-const defaultProps = {
-  defaultValue: 0,
-  step: 1,
-  disabled: false,
-  allowEmpty: false
-};
-export const Stepper = p => {
-  const props = mergeProps(defaultProps, p);
-  const {
-    disabled,
-    step,
-    max,
-    min,
-    inputReadOnly
-  } = props;
-  const {
-    locale
-  } = useConfig();
-  const [value, setValue] = usePropsValue(props);
-  const [inputValue, setInputValue] = useState(() => convertValueToText(value, props.digits));
-
-  function setValueWithCheck(v) {
-    if (isNaN(v)) return;
-    let target = bound(v, props.min, props.max);
-
-    if (props.digits !== undefined) {
-      target = parseFloat(target.toFixed(props.digits));
-    }
-
-    setValue(target);
-  }
-
-  const [hasFocus, setHasFocus] = useState(false);
-  useEffect(() => {
-    if (!hasFocus) {
-      setInputValue(convertValueToText(value, props.digits));
-    }
-  }, [hasFocus]);
-  useEffect(() => {
-    if (!hasFocus) {
-      setInputValue(convertValueToText(value, props.digits));
-    }
-  }, [value, props.digits]);
-
-  const handleInputChange = v => {
-    setInputValue(v);
-    const value = convertTextToValue(v);
-
-    if (value === null) {
-      if (props.allowEmpty) {
-        setValue(null);
-      } else {
-        setValue(props.defaultValue);
-      }
-    } else {
-      setValueWithCheck(value);
-    }
-  };
-
-  const handleMinus = () => {
-    setValueWithCheck(Big(value !== null && value !== void 0 ? value : 0).minus(step).toNumber());
-  };
-
-  const handlePlus = () => {
-    setValueWithCheck(Big(value !== null && value !== void 0 ? value : 0).add(step).toNumber());
-  };
-
-  const minusDisabled = () => {
-    if (disabled) return true;
-    if (value === null) return false;
-
-    if (min !== undefined) {
-      return value <= min;
-    }
-
-    return false;
-  };
-
-  const plusDisabled = () => {
-    if (disabled) return true;
-    if (value === null) return false;
-
-    if (max !== undefined) {
-      return value >= max;
-    }
-
-    return false;
-  };
-
-  return withNativeProps(props, React.createElement("div", {
-    className: classNames(classPrefix, {
-      [`${classPrefix}-active`]: hasFocus
-    })
-  }, React.createElement(Button, {
-    className: `${classPrefix}-minus`,
-    onClick: handleMinus,
-    disabled: minusDisabled(),
-    fill: 'none',
-    shape: 'rectangular',
-    color: 'primary',
-    "aria-label": locale.Stepper.decrease
-  }, React.createElement(MinusOutline, null)), React.createElement("div", {
-    className: `${classPrefix}-middle`
-  }, React.createElement(Input, {
-    className: `${classPrefix}-input`,
-    onFocus: e => {
-      var _a;
-
-      setHasFocus(true);
-      (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e);
-    },
-    value: inputValue,
-    onChange: val => {
-      disabled || handleInputChange(val);
-    },
-    disabled: disabled,
-    onBlur: e => {
-      var _a;
-
-      setHasFocus(false);
-      (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
-    },
-    readOnly: inputReadOnly,
-    role: 'spinbutton',
-    "aria-valuenow": Number(inputValue),
-    "aria-valuemax": max,
-    "aria-valuemin": min
-  })), React.createElement(Button, {
-    className: `${classPrefix}-plus`,
-    onClick: handlePlus,
-    disabled: plusDisabled(),
-    fill: 'none',
-    shape: 'rectangular',
-    color: 'primary',
-    "aria-label": locale.Stepper.increase
-  }, React.createElement(AddOutline, null))));
-};
-
-function convertValueToText(value, digits) {
-  if (value === null) return '';
-
-  if (digits !== undefined) {
-    return value.toFixed(digits);
-  } else {
-    return value.toString();
-  }
-}
-
-function convertTextToValue(text) {
-  if (text === '') return null;
-  return parseFloat(text);
-}

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import './steps.less';
-export type { StepsProps } from './steps';
-export type { StepProps } from './step';
-declare const _default: import("react").FC<import("./steps").StepsProps> & {
-    Step: import("react").FC<import("./step").StepProps>;
-};
-export default _default;

package/es/components/steps/index.js

@@ -1,7 +0,0 @@
-import "./steps.css";
-import { attachPropertiesToComponent } from '../../utils/attach-properties-to-component';
-import { Step } from './step';
-import { Steps } from './steps';
-export default attachPropertiesToComponent(Steps, {
-  Step
-});

package/es/components/steps/step.d.ts

@@ -1,9 +0,0 @@
-import React, { FC } from 'react';
-import { NativeProps } from '../../utils/native-props';
-export declare type StepProps = {
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    icon?: React.ReactNode;
-    status?: 'wait' | 'process' | 'finish' | 'error';
-} & NativeProps;
-export declare const Step: FC<StepProps>;