antd-mobile 5.26.0 → 5.28.0

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index-bar.less';
 export type { IndexBarProps, IndexBarRef } from './index-bar';
 export type { IndexBarPanelProps } from './panel';

package/es/components/input/input.js

@@ -120,6 +120,7 @@ export const Input = forwardRef((p, ref) => {
       (_a = props.onCompositionEnd) === null || _a === void 0 ? void 0 : _a.call(props, e);
     },
     onClick: props.onClick,
+    step: props.step,
     role: props.role,
     "aria-valuenow": props['aria-valuenow'],
     "aria-valuemax": props['aria-valuemax'],

package/es/components/jumbo-tabs/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './jumbo-tabs.less';
 export type { JumboTabsProps, JumboTabProps } from './jumbo-tabs';
 declare const _default: import("react").FC<import("./jumbo-tabs").JumboTabsProps> & {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './list.less';
 export type { ListProps, ListRef } from './list';
 export type { ListItemProps } from './list-item';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './modal.less';
 import { show } from './show';
 import { alert } from './alert';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './popover.less';
 import './popover-menu.less';
 export type { PopoverProps, PopoverRef } from './popover';

package/es/components/radio/group-context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RadioValue } from '.';
 export declare const RadioGroupContext: import("react").Context<{
     value: RadioValue[];

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './radio.less';
 export type { RadioProps, RadioValue } from './radio';
 export type { RadioGroupProps } from './group';

package/es/components/result-page/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './result-page.less';
 export type { ResultPageProps } from './result-page';
 declare const _default: import("react").FC<import("./result-page").ResultPageProps> & {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './side-bar.less';
 export type { SideBarProps, SideBarItemProps } from './side-bar';
 declare const _default: import("react").FC<import("./side-bar").SideBarProps> & {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './skeleton.less';
 export type { SkeletonProps, SkeletonTitleProps } from './skeleton';
 declare const _default: import("react").FC<import("./skeleton").SkeletonProps> & {

package/es/components/slider/slider.js

@@ -3,12 +3,12 @@ import { withNativeProps } from '../../utils/native-props';
 import classNames from 'classnames';
 import Ticks from './ticks';
 import Marks from './marks';
+import getMiniDecimal, { toFixed } from '@rc-component/mini-decimal';
 import Thumb from './thumb';
 import { mergeProps } from '../../utils/with-default-props';
 import { nearest } from '../../utils/nearest';
 import { usePropsValue } from '../../utils/use-props-value';
 import { devWarning } from '../../utils/dev-log';
-import Big from 'big.js';
 const classPrefix = `adm-slider`;
 const defaultProps = {
   min: 0,
@@ -38,9 +38,14 @@ export const Slider = p => {
   function convertValue(value) {
     return props.range ? value : [props.min, value];
   }
+  function alignValue(value, decimalLen) {
+    const decimal = getMiniDecimal(value);
+    const fixedStr = toFixed(decimal.toString(), '.', decimalLen);
+    return getMiniDecimal(fixedStr).toNumber();
+  }
   function reverseValue(value) {
     const mergedDecimalLen = Math.max(getDecimalLen(step), getDecimalLen(value[0]), getDecimalLen(value[1]));
-    return props.range ? value.map(v => Big(Big(v).toFixed(mergedDecimalLen)).toNumber()) : Big(Big(value[1]).toFixed(mergedDecimalLen)).toNumber();
+    return props.range ? value.map(v => alignValue(v, mergedDecimalLen)) : alignValue(value[1], mergedDecimalLen);
   }
   function getDecimalLen(n) {
     return (`${n}`.split('.')[1] || '').length;
@@ -75,7 +80,7 @@ export const Slider = p => {
       return Object.keys(marks).map(parseFloat).sort((a, b) => a - b);
     } else {
       const points = [];
-      for (let i = Big(min); i.lte(max); i = i.plus(step)) {
+      for (let i = getMiniDecimal(min); i.lessEquals(getMiniDecimal(max)); i = i.add(step)) {
         points.push(i.toNumber());
       }
       return points;

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

@@ -1,27 +1,34 @@
-import { FC } from 'react';
+import React from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { InputProps } from '../input';
-declare type ValueProps = {
+declare type ValueProps<ValueType> = {
     allowEmpty: true;
-    value?: number | null;
-    defaultValue?: number | null;
-    onChange?: (value: number | null) => void;
+    value?: ValueType | null;
+    defaultValue?: ValueType | null;
+    onChange?: (value: ValueType | null) => void;
 };
-declare type ValuePropsWithNull = {
+declare type ValuePropsWithNull<ValueType> = {
     allowEmpty?: false;
-    value?: number;
-    defaultValue?: number;
-    onChange?: (value: number) => void;
+    value?: ValueType;
+    defaultValue?: ValueType;
+    onChange?: (value: ValueType) => void;
 };
-export declare type StepperProps = Pick<InputProps, 'onFocus' | 'onBlur'> & (ValuePropsWithNull | ValueProps) & {
-    min?: number;
-    max?: number;
-    step?: number;
+export declare type BaseStepperProps<ValueType> = Pick<InputProps, 'onFocus' | 'onBlur'> & (ValuePropsWithNull<ValueType> | ValueProps<ValueType>) & {
+    min?: ValueType;
+    max?: ValueType;
+    step?: ValueType;
     digits?: number;
     disabled?: boolean;
     inputReadOnly?: boolean;
-    parser?: (text: string) => number;
-    formatter?: (value?: number) => string;
+    parser?: (text: string) => ValueType;
+    formatter?: (value?: ValueType) => string;
 } & 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 declare type NumberStepperProps = BaseStepperProps<number> & {
+    stringMode?: false;
+};
+export declare type StringStepperProps = BaseStepperProps<string> & {
+    stringMode: true;
+};
+export declare type StepperProps = NumberStepperProps | StringStepperProps;
+export declare function Stepper<ValueType extends number | string>(p: StepperProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 export {};

package/es/components/stepper/stepper.js

@@ -1,30 +1,32 @@
 import classNames from 'classnames';
 import React, { useEffect, useState } from 'react';
 import { MinusOutline, AddOutline } from 'antd-mobile-icons';
+import useMergedState from 'rc-util/lib/hooks/useMergedState';
+import getMiniDecimal, { toFixed } from '@rc-component/mini-decimal';
 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 => {
+export function Stepper(p) {
   const props = mergeProps(defaultProps, p);
   const {
+    defaultValue = 0,
+    value,
+    onChange,
     disabled,
     step,
     max,
     min,
     inputReadOnly,
     digits,
+    stringMode,
     formatter,
     parser
   } = props;
@@ -32,44 +34,70 @@ export const Stepper = p => {
     locale
   } = useConfig();
   // ========================== Parse / Format ==========================
+  const fixedValue = value => {
+    const fixedValue = digits !== undefined ? toFixed(value.toString(), '.', digits) : value;
+    return fixedValue.toString();
+  };
+  const getValueAsType = value => stringMode ? value.toString() : value.toNumber();
   const parseValue = text => {
     if (text === '') return null;
-    return parser ? parser(text) : parseFloat(text);
+    if (parser) {
+      return String(parser(text));
+    }
+    const decimal = getMiniDecimal(text);
+    return decimal.isInvalidate() ? null : decimal.toString();
   };
   const formatValue = value => {
     if (value === null) return '';
     if (formatter) {
       return formatter(value);
-    } else if (digits !== undefined) {
-      return value.toFixed(digits);
     } else {
-      return value.toString();
+      return fixedValue(value);
     }
   };
   // ======================== Value & InputValue ========================
-  const [value, setValue] = usePropsValue(props);
-  const [inputValue, setInputValue] = useState(() => formatValue(value));
+  const [mergedValue, setMergedValue] = useMergedState(defaultValue, {
+    value,
+    onChange: nextValue => {
+      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue);
+    }
+  });
+  const [inputValue, setInputValue] = useState(() => formatValue(mergedValue));
   // >>>>> Value
-  function setValueWithCheck(v) {
-    if (isNaN(v)) return;
-    let target = bound(v, props.min, props.max);
+  function setValueWithCheck(nextValue) {
+    if (nextValue.isNaN()) return;
+    let target = nextValue;
+    // Put into range
+    if (min !== undefined) {
+      const minDecimal = getMiniDecimal(min);
+      if (target.lessEquals(minDecimal)) {
+        target = minDecimal;
+      }
+    }
+    if (max !== undefined) {
+      const maxDecimal = getMiniDecimal(max);
+      if (maxDecimal.lessEquals(target)) {
+        target = maxDecimal;
+      }
+    }
+    // Fix digits
     if (digits !== undefined) {
-      target = parseFloat(target.toFixed(digits));
+      target = getMiniDecimal(fixedValue(getValueAsType(target)));
     }
-    setValue(target);
+    setMergedValue(getValueAsType(target));
   }
   // >>>>> Input
   const handleInputChange = v => {
     setInputValue(v);
-    const value = parseValue(v);
-    if (value === null) {
+    const valueStr = parseValue(v);
+    if (valueStr === null) {
       if (props.allowEmpty) {
-        setValue(null);
+        setMergedValue(null);
       } else {
-        setValue(props.defaultValue);
+        setMergedValue(defaultValue);
       }
     } else {
-      setValueWithCheck(value);
+      setValueWithCheck(getMiniDecimal(valueStr));
     }
   };
   // ============================== Focus ===============================
@@ -79,7 +107,7 @@ export const Stepper = p => {
     setFocused(nextFocus);
     // We will convert value to original text when focus
     if (nextFocus) {
-      setInputValue(typeof value === 'number' ? String(value) : '');
+      setInputValue(mergedValue !== null && mergedValue !== undefined ? String(mergedValue) : '');
     }
   }
   useEffect(() => {
@@ -91,29 +119,36 @@ export const Stepper = p => {
   // Focus change to format value
   useEffect(() => {
     if (!focused) {
-      setInputValue(formatValue(value));
+      setInputValue(formatValue(mergedValue));
     }
-  }, [focused, value, digits]);
+  }, [focused, mergedValue, digits]);
   // ============================ Operations ============================
+  const handleOffset = positive => {
+    let stepValue = getMiniDecimal(step);
+    if (!positive) {
+      stepValue = stepValue.negate();
+    }
+    setValueWithCheck(getMiniDecimal(mergedValue !== null && mergedValue !== void 0 ? mergedValue : 0).add(stepValue.toString()));
+  };
   const handleMinus = () => {
-    setValueWithCheck(Big(value !== null && value !== void 0 ? value : 0).minus(step).toNumber());
+    handleOffset(false);
   };
   const handlePlus = () => {
-    setValueWithCheck(Big(value !== null && value !== void 0 ? value : 0).add(step).toNumber());
+    handleOffset(true);
   };
   const minusDisabled = () => {
     if (disabled) return true;
-    if (value === null) return false;
+    if (mergedValue === null) return false;
     if (min !== undefined) {
-      return value <= min;
+      return mergedValue <= min;
     }
     return false;
   };
   const plusDisabled = () => {
     if (disabled) return true;
-    if (value === null) return false;
+    if (mergedValue === null) return false;
     if (max !== undefined) {
-      return value >= max;
+      return mergedValue >= max;
     }
     return false;
   };
@@ -153,8 +188,8 @@ export const Stepper = p => {
     readOnly: inputReadOnly,
     role: 'spinbutton',
     "aria-valuenow": Number(inputValue),
-    "aria-valuemax": max,
-    "aria-valuemin": min,
+    "aria-valuemax": Number(max),
+    "aria-valuemin": Number(min),
     inputMode: 'decimal'
   })), React.createElement(Button, {
     className: `${classPrefix}-plus`,
@@ -165,4 +200,4 @@ export const Stepper = p => {
     color: 'primary',
     "aria-label": locale.Stepper.increase
   }, React.createElement(AddOutline, null))));
-};
+}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './steps.less';
 export type { StepsProps } from './steps';
 export type { StepProps } from './step';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './swiper.less';
 export type { SwiperProps, SwiperRef } from './swiper';
 declare const _default: import("react").ForwardRefExoticComponent<{
@@ -15,6 +14,7 @@ declare const _default: import("react").ForwardRefExoticComponent<{
     trackOffset?: number | undefined;
     stuckAtBoundary?: boolean | undefined;
     rubberband?: boolean | undefined;
+    stopPropagation?: ("mousedown" | "mousemove" | "mouseup")[] | undefined;
     children?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>[] | undefined;
 } & {
     className?: string | undefined;

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

@@ -1,6 +1,12 @@
 import React, { ReactElement, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { PageIndicatorProps } from '../page-indicator';
+declare const eventToPropRecord: {
+    readonly mousedown: "onMouseDown";
+    readonly mousemove: "onMouseMove";
+    readonly mouseup: "onMouseUp";
+};
+declare type PropagationEvent = keyof typeof eventToPropRecord;
 export declare type SwiperRef = {
     swipeTo: (index: number) => void;
     swipeNext: () => void;
@@ -20,6 +26,7 @@ export declare type SwiperProps = {
     trackOffset?: number;
     stuckAtBoundary?: boolean;
     rubberband?: boolean;
+    stopPropagation?: PropagationEvent[];
     children?: ReactElement | ReactElement[];
 } & NativeProps<'--height' | '--width' | '--border-radius' | '--track-padding'>;
 export declare const Swiper: React.ForwardRefExoticComponent<{
@@ -36,9 +43,11 @@ export declare const Swiper: React.ForwardRefExoticComponent<{
     trackOffset?: number | undefined;
     stuckAtBoundary?: boolean | undefined;
     rubberband?: boolean | undefined;
+    stopPropagation?: ("mousedown" | "mousemove" | "mouseup")[] | 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>>;
+export {};

package/es/components/swiper/swiper.js

@@ -11,7 +11,13 @@ import { staged } from 'staged-components';
 import { useRefState } from '../../utils/use-ref-state';
 import { bound } from '../../utils/bound';
 import { useIsomorphicLayoutEffect, useUpdateEffect } from 'ahooks';
+import { mergeFuncProps } from '../../utils/with-func-props';
 const classPrefix = `adm-swiper`;
+const eventToPropRecord = {
+  'mousedown': 'onMouseDown',
+  'mousemove': 'onMouseMove',
+  'mouseup': 'onMouseUp'
+};
 const defaultProps = {
   defaultIndex: 0,
   allowTouchMove: true,
@@ -22,7 +28,8 @@ const defaultProps = {
   slideSize: 100,
   trackOffset: 0,
   stuckAtBoundary: true,
-  rubberband: true
+  rubberband: true,
+  stopPropagation: []
 };
 let currentUid;
 export const Swiper = forwardRef(staged((p, ref) => {
@@ -239,6 +246,15 @@ export const Swiper = forwardRef(staged((p, ref) => {
       '--slide-size': `${props.slideSize}%`,
       '--track-offset': `${props.trackOffset}%`
     };
+    const dragProps = Object.assign({}, props.allowTouchMove ? bind() : {});
+    const stopPropagationProps = {};
+    for (const key of props.stopPropagation) {
+      const prop = eventToPropRecord[key];
+      stopPropagationProps[prop] = function (e) {
+        e.stopPropagation();
+      };
+    }
+    const mergedProps = mergeFuncProps(dragProps, stopPropagationProps);
     return withNativeProps(props, React.createElement("div", {
       className: classNames(classPrefix, `${classPrefix}-${props.direction}`),
       style: style
@@ -253,7 +269,7 @@ export const Swiper = forwardRef(staged((p, ref) => {
         }
         forceCancelDrag();
       }
-    }, props.allowTouchMove ? bind() : {}), renderTrackInner()), props.indicator === undefined ? React.createElement("div", {
+    }, mergedProps), renderTrackInner()), props.indicator === undefined ? React.createElement("div", {
       className: `${classPrefix}-indicator`
     }, React.createElement(PageIndicator, Object.assign({}, props.indicatorProps, {
       total: count,

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './tabs.less';
 export type { TabsProps, TabProps } from './tabs';
 declare const _default: import("react").FC<import("./tabs").TabsProps> & {

package/es/components/tree-select/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './tree-select.less';
 export type { TreeSelectProps, TreeSelectOption } from './tree-select';
 export type { MultipleProps } from './multiple';

package/es/global/css-vars-patch.css

@@ -85,6 +85,9 @@
   .adm-button.adm-button-shape-rectangular {
     border-radius: 0;
   }
+  .adm-cascader .adm-cascader-view-content {
+    height: 310px;
+  }
   .adm-center-popup {
     z-index: 1000;
   }

package/es/locales/base.d.ts

@@ -15,6 +15,9 @@ export declare const base: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

package/es/locales/base.js

@@ -16,6 +16,9 @@ export const base = {
   Dialog: {
     ok: 'OK'
   },
+  DatePicker: {
+    tillNow: 'Till Now'
+  },
   ErrorBlock: {
     default: {
       title: 'Oops, something went wrong',

package/es/locales/en-US.d.ts

@@ -15,6 +15,9 @@ declare const enUS: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

package/es/locales/es-ES.d.ts

@@ -15,6 +15,9 @@ declare const esES: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

package/es/locales/fa-IR.d.ts

@@ -15,6 +15,9 @@ declare const faIR: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

package/es/locales/fr-FR.d.ts

@@ -15,6 +15,9 @@ declare const frFR: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

package/es/locales/id-ID.d.ts

@@ -15,6 +15,9 @@ declare const idID: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

package/es/locales/ja-JP.d.ts

@@ -15,6 +15,9 @@ declare const jaJP: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

package/es/locales/kk-KZ.d.ts

@@ -15,6 +15,9 @@ declare const kkKZ: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

package/es/locales/ko-KR.d.ts

@@ -15,6 +15,9 @@ declare const koKR: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

package/es/locales/zh-CN.d.ts

@@ -15,6 +15,9 @@ declare const zhCN: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

package/es/locales/zh-CN.js

@@ -18,6 +18,9 @@ const zhCN = mergeLocale(base, {
   Dialog: {
     ok: '我知道了'
   },
+  DatePicker: {
+    tillNow: '至今'
+  },
   ErrorBlock: {
     default: {
       title: '页面遇到一些小问题',

package/es/locales/zh-HK.d.ts

@@ -15,6 +15,9 @@ declare const zhHK: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

package/es/locales/zh-TW.d.ts

@@ -15,6 +15,9 @@ declare const zhTW: {
     Dialog: {
         ok: string;
     };
+    DatePicker: {
+        tillNow: string;
+    };
     ErrorBlock: {
         default: {
             title: string;

package/es/utils/use-isomorphic-update-layout-effect.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const useIsomorphicUpdateLayoutEffect: typeof import("react").useEffect | typeof import("react").useLayoutEffect;

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

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