antd-mobile 5.31.0 → 5.32.0

package/2x/es/components/date-picker-view/date-picker-view.js

@@ -5,6 +5,7 @@ import { mergeProps } from '../../utils/with-default-props';
 import { usePropsValue } from '../../utils/use-props-value';
 import { generateDatePickerColumns, convertDateToStringArray, convertStringArrayToDate } from '../date-picker/date-picker-utils';
 import useRenderLabel from './useRenderLabel';
+import { TILL_NOW } from '../date-picker/util';
 const thisYear = new Date().getFullYear();
 const defaultProps = {
   min: new Date(new Date().setFullYear(thisYear - 10)),
@@ -22,7 +23,12 @@ export const DatePickerView = p => {
     defaultValue: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : null
   });
   const mergedRenderLabel = useRenderLabel(renderLabel);
-  const pickerValue = useMemo(() => convertDateToStringArray(value, props.precision), [value, props.precision]);
+  const pickerValue = useMemo(() => {
+    if (value === null || value === void 0 ? void 0 : value.tillNow) {
+      return [TILL_NOW, null, null];
+    }
+    return convertDateToStringArray(value, props.precision);
+  }, [value, props.precision]);
   const onChange = useCallback(val => {
     var _a;
     const date = convertStringArrayToDate(val, props.precision);
@@ -32,7 +38,7 @@ export const DatePickerView = p => {
     }
   }, [props.onChange, props.precision]);
   return withNativeProps(props, React.createElement(PickerView, {
-    columns: selected => generateDatePickerColumns(selected, props.min, props.max, props.precision, mergedRenderLabel, props.filter),
+    columns: selected => generateDatePickerColumns(selected, props.min, props.max, props.precision, mergedRenderLabel, props.filter, props.tillNow),
     loading: props.loading,
     loadingContent: props.loadingContent,
     value: pickerValue,

package/2x/es/components/dropdown/dropdown.js

@@ -1,6 +1,6 @@
 import { useClickAway } from 'ahooks';
 import classNames from 'classnames';
-import React, { cloneElement, useEffect, useRef, useState, forwardRef, useImperativeHandle } from 'react';
+import React, { cloneElement, useEffect, useRef, useState, forwardRef, useImperativeHandle, isValidElement } from 'react';
 import Popup from '../popup';
 import { ItemChildrenWrap } from './item';
 import { withNativeProps } from '../../utils/native-props';
@@ -49,7 +49,7 @@ const Dropdown = forwardRef((p, ref) => {
   let popupForceRender = false;
   const items = [];
   const navs = React.Children.map(props.children, child => {
-    if (React.isValidElement(child)) {
+    if (isValidElement(child)) {
       const childProps = Object.assign(Object.assign({}, child.props), {
         onClick: () => {
           changeActive(child.key);

package/2x/es/components/footer/footer.js

@@ -35,29 +35,25 @@ export const Footer = p => {
     className: classNames(classPrefix)
   }, label && React.createElement("div", {
     className: `${classPrefix}-label`
-  }, React.createElement(Divider, null, label)), links && links.length > 0 && React.createElement("div", {
+  }, React.createElement(Divider, null, label)), !!(links === null || links === void 0 ? void 0 : links.length) && React.createElement("div", {
     className: `${classPrefix}-links`
-  }, links.map((link, index) => {
-    return React.createElement(React.Fragment, {
-      key: index
-    }, React.createElement("a", {
-      href: link.href,
-      rel: 'noopener noreferrer',
-      onClick: event => clickLinkItem(link, index, event)
-    }, link.text), index !== links.length - 1 && React.createElement(Divider, {
-      direction: 'vertical'
-    }));
-  })), content && React.createElement("div", {
+  }, links.map((link, index) => React.createElement(React.Fragment, {
+    key: index
+  }, React.createElement("a", {
+    href: link.href,
+    rel: 'noopener noreferrer',
+    onClick: event => clickLinkItem(link, index, event)
+  }, link.text), index !== links.length - 1 && React.createElement(Divider, {
+    direction: 'vertical'
+  })))), content && React.createElement("div", {
     className: `${classPrefix}-content`
   }, content), chips && chips.length > 0 && React.createElement("div", {
     className: `${classPrefix}-chips`
-  }, chips.map((chip, index) => {
-    return React.createElement("div", {
-      key: index,
-      onClick: () => clickChipItem(chip, index),
-      className: classNames(`${classPrefix}-chip`, {
-        [`${classPrefix}-chip-link`]: chip.type === 'link'
-      })
-    }, chip.text);
-  }))));
+  }, chips.map((chip, index) => React.createElement("div", {
+    key: index,
+    onClick: () => clickChipItem(chip, index),
+    className: classNames(`${classPrefix}-chip`, {
+      [`${classPrefix}-chip-link`]: chip.type === 'link'
+    })
+  }, chip.text)))));
 };

package/2x/es/components/form/form-subscribe.js

@@ -7,7 +7,7 @@ export const FormSubscribe = props => {
   const form = useContext(FieldContext);
   const value = form.getFieldsValue(props.to);
   // Memo to avoid useless render
-  const childNode = React.useMemo(() => props.children(value, form), [JSON.stringify(value)]);
+  const childNode = React.useMemo(() => props.children(value, form), [JSON.stringify(value), props.children]);
   return React.createElement(React.Fragment, null, childNode, props.to.map(namePath => React.createElement(Watcher, {
     key: namePath.toString(),
     form: form,

package/2x/es/components/image-uploader/image-uploader.js

@@ -95,9 +95,7 @@ export const ImageUploader = p => {
       let files = [].slice.call(rawFiles);
       e.target.value = ''; // HACK: fix the same file doesn't trigger onChange
       if (props.beforeUpload) {
-        const postFiles = files.map(file => {
-          return processFile(file, files);
-        });
+        const postFiles = files.map(file => processFile(file, files));
         yield Promise.all(postFiles).then(filesList => {
           files = filesList.filter(Boolean);
         });

package/2x/es/components/input/input.js

@@ -57,7 +57,11 @@ export const Input = forwardRef((p, ref) => {
   function checkValue() {
     let nextValue = value;
     if (props.type === 'number') {
-      nextValue = nextValue && bound(parseFloat(nextValue), props.min, props.max).toString();
+      const boundValue = nextValue && bound(parseFloat(nextValue), props.min, props.max).toString();
+      // fix the display issue of numbers starting with 0
+      if (Number(nextValue) !== Number(boundValue)) {
+        nextValue = boundValue;
+      }
     }
     if (nextValue !== value) {
       setValue(nextValue);

package/2x/es/components/jumbo-tabs/jumbo-tabs.js

@@ -1,4 +1,4 @@
-import React, { useRef } from 'react';
+import React, { isValidElement, useRef } from 'react';
 import classNames from 'classnames';
 import { animated } from '@react-spring/web';
 import { withNativeProps } from '../../utils/native-props';
@@ -20,7 +20,7 @@ export const JumboTabs = props => {
   let firstActiveKey = null;
   const panes = [];
   traverseReactNode(props.children, (child, index) => {
-    if (!React.isValidElement(child)) return;
+    if (!isValidElement(child)) return;
     const key = child.key;
     if (typeof key !== 'string') return;
     if (index === 0) {

package/2x/es/components/modal/modal.js

@@ -31,19 +31,17 @@ export const Modal = p => {
     direction: 'vertical',
     block: true,
     className: classNames(cls('footer'), props.actions.length === 0 && cls('footer-empty'))
-  }, props.actions.map((action, index) => {
-    return React.createElement(ModalActionButton, {
-      key: action.key,
-      action: action,
-      onAction: () => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b, _c;
-        yield Promise.all([(_a = action.onClick) === null || _a === void 0 ? void 0 : _a.call(action), (_b = props.onAction) === null || _b === void 0 ? void 0 : _b.call(props, action, index)]);
-        if (props.closeOnAction) {
-          (_c = props.onClose) === null || _c === void 0 ? void 0 : _c.call(props);
-        }
-      })
-    });
-  })));
+  }, props.actions.map((action, index) => React.createElement(ModalActionButton, {
+    key: action.key,
+    action: action,
+    onAction: () => __awaiter(void 0, void 0, void 0, function* () {
+      var _a, _b, _c;
+      yield Promise.all([(_a = action.onClick) === null || _a === void 0 ? void 0 : _a.call(action), (_b = props.onAction) === null || _b === void 0 ? void 0 : _b.call(props, action, index)]);
+      if (props.closeOnAction) {
+        (_c = props.onClose) === null || _c === void 0 ? void 0 : _c.call(props);
+      }
+    })
+  }))));
   return React.createElement(CenterPopup, {
     className: classNames(cls(), props.className),
     style: props.style,

package/2x/es/components/notice-bar/notice-bar.css

@@ -67,6 +67,8 @@
 }
 
 .adm-notice-bar .adm-notice-bar-right {
+  display: flex;
+  align-items: center;
   flex-shrink: 0;
   margin-left: 24px;
 }

package/2x/es/components/popover/popover.js

@@ -31,13 +31,11 @@ export const Popover = forwardRef((p, ref) => {
     defaultValue: props.defaultVisible,
     onChange: props.onVisibleChange
   });
-  useImperativeHandle(ref, () => {
-    return {
-      show: () => setVisible(true),
-      hide: () => setVisible(false),
-      visible
-    };
-  }, [visible]);
+  useImperativeHandle(ref, () => ({
+    show: () => setVisible(true),
+    hide: () => setVisible(false),
+    visible
+  }), [visible]);
   const targetRef = useRef(null);
   const floatingRef = useRef(null);
   const arrowRef = useRef(null);

package/2x/es/components/popup/popup.js

@@ -21,18 +21,18 @@ const defaultProps = Object.assign(Object.assign({}, defaultPopupBaseProps), {
 });
 export const Popup = p => {
   const props = mergeProps(defaultProps, p);
+  const bodyCls = classNames(`${classPrefix}-body`, props.bodyClassName, `${classPrefix}-body-position-${props.position}`);
   const {
     locale
   } = useConfig();
-  const bodyCls = classNames(`${classPrefix}-body`, props.bodyClassName, `${classPrefix}-body-position-${props.position}`);
   const [active, setActive] = useState(props.visible);
+  const ref = useRef(null);
+  useLockScroll(ref, props.disableBodyScroll && active ? 'strict' : false);
   useIsomorphicLayoutEffect(() => {
     if (props.visible) {
       setActive(true);
     }
   }, [props.visible]);
-  const ref = useRef(null);
-  useLockScroll(ref, props.disableBodyScroll && active ? 'strict' : false);
   const unmountedRef = useUnmountedRef();
   const {
     percent

package/2x/es/components/radio/radio.d.ts

@@ -11,5 +11,6 @@ export declare type RadioProps = {
     id?: string;
     icon?: (checked: boolean) => React.ReactNode;
     children?: React.ReactNode;
+    onClick?: (event: React.MouseEvent<HTMLLabelElement, MouseEvent>) => void;
 } & NativeProps<'--icon-size' | '--font-size' | '--gap'>;
 export declare const Radio: FC<RadioProps>;

package/2x/es/components/radio/radio.js

@@ -56,6 +56,7 @@ export const Radio = p => {
     }, checked && React.createElement(CheckIcon, null));
   };
   return withNativeProps(props, React.createElement("label", {
+    onClick: props.onClick,
     className: classNames(classPrefix, {
       [`${classPrefix}-checked`]: checked,
       [`${classPrefix}-disabled`]: disabled,

package/2x/es/components/rate/star.d.ts

@@ -1,2 +1,2 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 export declare const Star: FC;

package/2x/es/components/result/result.js

@@ -30,7 +30,7 @@ export const Result = p => {
     className: `${classPrefix}-icon`
   }, resultIcon), React.createElement("div", {
     className: `${classPrefix}-title`
-  }, title), description ? React.createElement("div", {
+  }, title), !!description && React.createElement("div", {
     className: `${classPrefix}-description`
-  }, description) : null));
+  }, description)));
 };

package/2x/es/components/safe-area/safe-area.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type SafeAreaProps = {
     position: 'top' | 'bottom';

package/2x/es/components/safe-area/safe-area.js

@@ -1,5 +1,5 @@
-import { withNativeProps } from '../../utils/native-props';
 import React from 'react';
+import { withNativeProps } from '../../utils/native-props';
 import classNames from 'classnames';
 const classPrefix = 'adm-safe-area';
 export const SafeArea = props => {

package/2x/es/components/side-bar/side-bar.d.ts

@@ -1,5 +1,4 @@
-import { FC, ReactNode } from 'react';
-import React from 'react';
+import React, { FC, ReactNode } from 'react';
 import { BadgeProps } from '../badge';
 import { NativeProps } from '../../utils/native-props';
 export declare type SideBarItemProps = {

package/2x/es/components/side-bar/side-bar.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { isValidElement } from 'react';
 import classNames from 'classnames';
 import Badge from '../badge';
 import { withNativeProps } from '../../utils/native-props';
@@ -15,7 +15,7 @@ export const SideBar = props => {
   let firstActiveKey = null;
   const items = [];
   traverseReactNode(props.children, (child, index) => {
-    if (!React.isValidElement(child)) return;
+    if (!isValidElement(child)) return;
     const key = child.key;
     if (typeof key !== 'string') return;
     if (index === 0) {

package/2x/es/components/skeleton/skeleton.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type SkeletonProps = {
     animated?: boolean;

package/2x/es/components/stepper/stepper.js

@@ -64,11 +64,7 @@ export function InnerStepper(p, ref) {
   };
   const formatValue = value => {
     if (value === null) return '';
-    if (formatter) {
-      return formatter(value);
-    } else {
-      return fixedValue(value);
-    }
+    return formatter ? formatter(value) : fixedValue(value);
   };
   // ======================== Value & InputValue ========================
   const [mergedValue, setMergedValue] = useMergedState(defaultValue, {

package/2x/es/components/swiper/swiper.js

@@ -172,10 +172,10 @@ export const Swiper = forwardRef(staged((p, ref) => {
       var _a;
       const roundedIndex = Math.round(index);
       const targetIndex = loop ? modulus(roundedIndex, count) : bound(roundedIndex, 0, count - 1);
-      setCurrent(targetIndex);
       if (targetIndex !== getCurrent()) {
         (_a = props.onIndexChange) === null || _a === void 0 ? void 0 : _a.call(props, targetIndex);
       }
+      setCurrent(targetIndex);
       api.start({
         position: (loop ? roundedIndex : boundIndex(roundedIndex)) * 100,
         immediate

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

@@ -1,5 +1,4 @@
-import { FC, ReactNode } from 'react';
-import React from 'react';
+import React, { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { BadgeProps } from '../badge';
 export declare type TabBarItemProps = {

package/2x/es/components/tab-bar/tab-bar.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { isValidElement } from 'react';
 import classNames from 'classnames';
 import { withNativeProps } from '../../utils/native-props';
 import { mergeProps } from '../../utils/with-default-props';
@@ -20,7 +20,7 @@ export const TabBar = p => {
   let firstActiveKey = null;
   const items = [];
   traverseReactNode(props.children, (child, index) => {
-    if (!React.isValidElement(child)) return;
+    if (!isValidElement(child)) return;
     const key = child.key;
     if (typeof key !== 'string') return;
     if (index === 0) {

package/2x/es/components/tabs/tabs.js

@@ -1,4 +1,4 @@
-import React, { useRef } from 'react';
+import React, { isValidElement, useRef } from 'react';
 import classNames from 'classnames';
 import { useSpring, animated } from '@react-spring/web';
 import { withNativeProps } from '../../utils/native-props';
@@ -28,7 +28,7 @@ export const Tabs = p => {
   let firstActiveKey = null;
   const panes = [];
   traverseReactNode(props.children, (child, index) => {
-    if (!React.isValidElement(child)) return;
+    if (!isValidElement(child)) return;
     const key = child.key;
     if (typeof key !== 'string') return;
     if (index === 0) {

package/2x/es/components/text-area/text-area.css

@@ -5,6 +5,7 @@
   --disabled-color: var(--adm-color-weak);
   --text-align: left;
   --count-text-align: right;
+  position: relative;
   width: 100%;
   max-width: 100%;
   max-height: 100%;

package/2x/es/components/tree-select/multiple.js

@@ -224,13 +224,9 @@ export const Multiple = p => {
     }
     const isLeaf = deep === index + 1;
     if (isLeaf) {
-      return React.createElement(React.Fragment, null, renderSelectAllLeafItem(columnOptions, index), columnOptions.map(option => {
-        return renderLeafItem(option);
-      }));
+      return React.createElement(React.Fragment, null, renderSelectAllLeafItem(columnOptions, index), columnOptions.map(option => renderLeafItem(option)));
     }
-    return React.createElement(React.Fragment, null, renderSelectAllItem(columnOptions, index), columnOptions.map(option => {
-      return renderItem(option);
-    }));
+    return React.createElement(React.Fragment, null, renderSelectAllItem(columnOptions, index), columnOptions.map(option => renderItem(option)));
   };
   const renderColumns = () => {
     var _a;

package/2x/es/components/virtual-input/virtual-input.js

@@ -106,7 +106,7 @@ export const VirtualInput = forwardRef((p, ref) => {
     },
     role: 'button',
     "aria-label": locale.Input.clear
-  }, React.createElement(CloseCircleFill, null)), !value && React.createElement("div", {
+  }, React.createElement(CloseCircleFill, null)), [undefined, null, ''].includes(value) && React.createElement("div", {
     className: `${classPrefix}-placeholder`
   }, props.placeholder), keyboardElement));
 });

package/2x/es/locales/ru-RU.d.ts

@@ -0,0 +1,134 @@
+declare const ruRU: {
+    locale: string;
+    common: {
+        confirm: string;
+        cancel: string;
+        loading: string;
+        close: string;
+    };
+    Calendar: {
+        markItems: string[];
+        renderYearAndMonth: (year: number, month: number) => string;
+    };
+    Cascader: {
+        placeholder: string;
+    };
+    Dialog: {
+        ok: string;
+    };
+    DatePicker: {
+        tillNow: string;
+    };
+    ErrorBlock: {
+        default: {
+            title: string;
+            description: string;
+        };
+        busy: {
+            title: string;
+            description: string;
+        };
+        disconnected: {
+            title: string;
+            description: string;
+        };
+        empty: {
+            title: string;
+            description: string;
+        };
+    };
+    Form: {
+        required: string;
+        optional: string;
+        defaultValidateMessages: {
+            default: string;
+            required: string;
+            enum: string;
+            whitespace: string;
+            date: {
+                format: string;
+                parse: string;
+                invalid: string;
+            };
+            types: {
+                string: string;
+                method: string;
+                array: string;
+                object: string;
+                number: string;
+                date: string;
+                boolean: string;
+                integer: string;
+                float: string;
+                regexp: string;
+                email: string;
+                url: string;
+                hex: string;
+            };
+            string: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            number: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            array: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            pattern: {
+                mismatch: string;
+            };
+        };
+    };
+    ImageUploader: {
+        uploading: string;
+        upload: string;
+    };
+    InfiniteScroll: {
+        noMore: string;
+        failedToLoad: string;
+        retry: string;
+    };
+    Input: {
+        clear: string;
+    };
+    Mask: {
+        name: string;
+    };
+    Modal: {
+        ok: string;
+    };
+    PasscodeInput: {
+        name: string;
+    };
+    PullToRefresh: {
+        pulling: string;
+        canRelease: string;
+        complete: string;
+    };
+    SearchBar: {
+        name: string;
+    };
+    Slider: {
+        name: string;
+    };
+    Stepper: {
+        decrease: string;
+        increase: string;
+    };
+    Switch: {
+        name: string;
+    };
+    Selector: {
+        name: string;
+    };
+};
+export default ruRU;