antd-mobile 5.35.0 → 5.36.1

package/2x/cjs/locales/vi-VN.d.ts

@@ -0,0 +1,139 @@
+declare const viVN: {
+    locale: string;
+    common: {
+        confirm: string;
+        cancel: string;
+        loading: string;
+        close: string;
+    };
+    Calendar: {
+        title: string;
+        confirm: string;
+        start: string;
+        end: string;
+        today: string;
+        markItems: string[];
+        yearAndMonth: 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 viVN;

package/2x/cjs/locales/vi-VN.js

@@ -0,0 +1,149 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _mergeLocale = require("../utils/merge-locale");
+var _base = require("./base");
+const typeTemplate = '${label} không phải là một ${type} hợp lệ';
+const viVN = (0, _mergeLocale.mergeLocale)(_base.base, {
+  'locale': 'vi-VN',
+  'common': {
+    'confirm': 'Chắc chắn',
+    'cancel': 'Hủy',
+    'loading': 'Đang tải',
+    'close': 'Đóng'
+  },
+  'Calendar': {
+    'title': 'Chọn ngày',
+    'confirm': 'Xác nhận',
+    'start': 'Bắt đầu',
+    'end': 'Kết thúc',
+    'today': 'Hôm nay',
+    'markItems': ['Một', 'Hai', 'Ba', 'Bốn', 'Năm', 'Sáu', 'Ngày'],
+    'yearAndMonth': 'Tháng ${month} năm ${year}'
+  },
+  'Cascader': {
+    'placeholder': 'Vui lòng lựa chọn'
+  },
+  'Dialog': {
+    'ok': 'OK'
+  },
+  'DatePicker': {
+    'tillNow': 'Đến nay'
+  },
+  'ErrorBlock': {
+    'default': {
+      'title': 'Trang đang gặp một số vấn đề nhỏ',
+      'description': 'Đợi chút rồi thử'
+    },
+    'busy': {
+      'title': 'Ùn tắc phía trước',
+      'description': 'Thử quét mới'
+    },
+    'disconnected': {
+      'title': 'Mạng đang bận',
+      'description': 'Chạm khẽ để chỉnh sửa'
+    },
+    'empty': {
+      'title': 'Không tìm thấy thứ bạn cần',
+      'description': 'Tìm cái khác'
+    }
+  },
+  'Form': {
+    'required': 'Bắt buộc',
+    'optional': 'Tùy chọn',
+    'defaultValidateMessages': {
+      'default': 'Lỗi xác thực trường ${label}',
+      'required': 'Vui lòng nhập ${label}',
+      'enum': '${label} phải là một trong [${enum}]',
+      'whitespace': '${label} không được là ký tự trống',
+      'date': {
+        'format': '${label}Định dạng ngày tháng không còn hiệu lực',
+        'parse': '${label} Không thể chuyển đổi thành ngày',
+        'invalid': '${label} là một ngày không hợp lệ'
+      },
+      'types': {
+        'string': typeTemplate,
+        'method': typeTemplate,
+        'array': typeTemplate,
+        'object': typeTemplate,
+        'number': typeTemplate,
+        'date': typeTemplate,
+        'boolean': typeTemplate,
+        'integer': typeTemplate,
+        'float': typeTemplate,
+        'regexp': typeTemplate,
+        'email': typeTemplate,
+        'url': typeTemplate,
+        'hex': typeTemplate
+      },
+      'string': {
+        'len': '${label} phải là ${len} ký tự',
+        'min': '${label} tối thiểu ${min} ký tự',
+        'max': '${label} tối đa ${max} ký tự',
+        'range': '${label} phải ở giữa chữ ${min} - ${max}'
+      },
+      'number': {
+        'len': '${label} phải bằng ${len}',
+        'min': '${label} giá trị tối thiểu là ${min}',
+        'max': '${label} giá trị tối đa là ${max}',
+        'range': '${label} phải ở giữa ${min} - ${max}'
+      },
+      'array': {
+        'len': 'Phải là ${len} chiếc ${label}',
+        'min': 'Tối thiểu ${min} chiếc ${label}',
+        'max': 'Tối đa ${max} chiếc ${label}',
+        'range': '${label} số lượng phải ở giữa ${min} - ${max}'
+      },
+      'pattern': {
+        'mismatch': '${label} không khớp với mẫu ${pattern}'
+      }
+    }
+  },
+  'ImageUploader': {
+    'uploading': 'Đang tải lên...',
+    'upload': 'Tải lên'
+  },
+  'InfiniteScroll': {
+    'noMore': 'Hết rồi bạn ơi',
+    'failedToLoad': 'Tải xuống thất bại',
+    'retry': 'Tải lại'
+  },
+  'Input': {
+    'clear': 'Xóa'
+  },
+  'Mask': {
+    'name': 'Nền tối'
+  },
+  'Modal': {
+    'ok': 'OK'
+  },
+  'PasscodeInput': {
+    'name': 'Khung nhập mật khẩu'
+  },
+  'PullToRefresh': {
+    'pulling': 'Kéo xuống để làm mới',
+    'canRelease': 'Thả ra để làm mới',
+    'complete': 'Làm mới thành công'
+  },
+  'SearchBar': {
+    'name': 'Khung tìm kiếm'
+  },
+  'Slider': {
+    'name': 'Thanh nhập liệu trượt'
+  },
+  'Stepper': {
+    'decrease': 'Giảm',
+    'increase': 'Tăng'
+  },
+  'Switch': {
+    'name': 'Bật tắt'
+  },
+  'Selector': {
+    'name': 'Chọn nhóm'
+  }
+});
+var _default = viVN;
+exports.default = _default;

package/2x/cjs/locales/zh-CN.d.ts

@@ -1,139 +1,3 @@
-declare const zhCN: {
-    locale: string;
-    common: {
-        confirm: string;
-        cancel: string;
-        loading: string;
-        close: string;
-    };
-    Calendar: {
-        title: string;
-        confirm: string;
-        start: string;
-        end: string;
-        today: string;
-        markItems: string[];
-        yearAndMonth: 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;
-    };
-};
+import { Locale } from './base';
+declare const zhCN: Locale;
 export default zhCN;

package/2x/cjs/locales/zh-CN.js

@@ -4,10 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _mergeLocale = require("../utils/merge-locale");
-var _base = require("./base");
 const typeTemplate = '${label}不是一个有效的${type}';
-const zhCN = (0, _mergeLocale.mergeLocale)(_base.base, {
+const zhCN = {
   locale: 'zh-CH',
   common: {
     confirm: '确定',
@@ -144,6 +142,6 @@ const zhCN = (0, _mergeLocale.mergeLocale)(_base.base, {
   Selector: {
     name: '选择组'
   }
-});
+};
 var _default = zhCN;
 exports.default = _default;

package/2x/cjs/locales/zh-CN.test.d.ts

@@ -0,0 +1 @@
+export {};

package/2x/cjs/locales/zh-CN.test.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _base = require("./base");
+var _zhCN = _interopRequireDefault(require("./zh-CN"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+test('zh-CN', () => {
+  function compareKeys(a, b) {
+    return !Object.keys(a).some(key => {
+      if (typeof b[key] === 'string') {
+        return false;
+      } else if (b[key]) {
+        return !compareKeys(a[key], b[key]);
+      } else {
+        return true;
+      }
+    });
+  }
+  expect(compareKeys(_base.base, _zhCN.default)).toBeTruthy();
+});

package/2x/cjs/utils/use-mutation-effect.d.ts

@@ -1,2 +1,3 @@
 import { RefObject } from 'react';
+export declare function observe(element: HTMLElement | null, options: MutationObserverInit, callback: VoidFunction): () => void;
 export declare function useMutationEffect(effect: () => void, targetRef: RefObject<HTMLElement>, options: MutationObserverInit): void;

package/2x/cjs/utils/use-mutation-effect.js

@@ -3,19 +3,30 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.observe = observe;
 exports.useMutationEffect = useMutationEffect;
-var _react = require("react");
 var _ahooks = require("ahooks");
-function useMutationEffect(effect, targetRef, options) {
-  const fn = (0, _ahooks.useMemoizedFn)(effect);
-  (0, _react.useEffect)(() => {
-    const observer = new MutationObserver(() => {
-      fn();
+var _react = require("react");
+function observe(element, options, callback) {
+  if (element && typeof MutationObserver !== 'undefined') {
+    let observer = new MutationObserver(() => {
+      callback();
     });
-    if (!targetRef.current) return;
-    observer.observe(targetRef.current, options);
+    observer.observe(element, options);
+    // Return cleanup function
     return () => {
-      observer.disconnect();
+      if (observer) {
+        observer.disconnect();
+        observer = null;
+      }
     };
+  }
+  return () => {};
+}
+function useMutationEffect(effect, targetRef, options) {
+  const fn = (0, _ahooks.useMemoizedFn)(effect);
+  (0, _react.useEffect)(() => {
+    const cleanup = observe(targetRef.current, options, fn);
+    return cleanup;
   }, [targetRef]);
 }

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

@@ -11,7 +11,7 @@ export declare type ButtonProps = {
     loadingText?: string;
     loadingIcon?: ReactNode;
     disabled?: boolean;
-    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | Promise<void> | unknown;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | Promise<void>;
     type?: 'submit' | 'reset' | 'button';
     shape?: 'default' | 'rounded' | 'rectangular';
     children?: ReactNode;
@@ -28,7 +28,7 @@ export declare const Button: React.ForwardRefExoticComponent<{
     loadingText?: string | undefined;
     loadingIcon?: ReactNode;
     disabled?: boolean | undefined;
-    onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | Promise<void> | unknown) | undefined;
+    onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | Promise<void>) | undefined;
     type?: "reset" | "submit" | "button" | undefined;
     shape?: "default" | "rounded" | "rectangular" | undefined;
     children?: ReactNode;

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import type { FC, ReactNode } from 'react';
+import React from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type CollapsePanelProps = {
     key: string;

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

@@ -1,14 +1,15 @@
-import React, { isValidElement, useRef } from 'react';
-import { withNativeProps } from '../../utils/native-props';
-import List from '../list';
+import { animated, useSpring } from '@react-spring/web';
+import { useMount } from 'ahooks';
 import { DownOutline } from 'antd-mobile-icons';
 import classNames from 'classnames';
-import { useSpring, animated } from '@react-spring/web';
-import { usePropsValue } from '../../utils/use-props-value';
-import { useMount } from 'ahooks';
+import React, { isValidElement, useRef } from 'react';
+import { withNativeProps } from '../../utils/native-props';
 import { useShouldRender } from '../../utils/should-render';
-import { useIsomorphicUpdateLayoutEffect } from '../../utils/use-isomorphic-update-layout-effect';
 import { traverseReactNode } from '../../utils/traverse-react-node';
+import { useIsomorphicUpdateLayoutEffect } from '../../utils/use-isomorphic-update-layout-effect';
+import { observe } from '../../utils/use-mutation-effect';
+import { usePropsValue } from '../../utils/use-props-value';
+import List from '../list';
 const classPrefix = `adm-collapse`;
 export const CollapsePanel = () => {
   return null;
@@ -46,9 +47,25 @@ const CollapsePanelContent = props => {
     const inner = innerRef.current;
     if (!inner) return;
     if (visible) {
-      api.start({
-        height: inner.offsetHeight
-      });
+      let lastMotionId = 0;
+      let cancelObserve = () => {};
+      const handleMotion = () => {
+        lastMotionId += 1;
+        const motionId = lastMotionId;
+        api.start({
+          height: inner.offsetHeight
+        })[0].then(() => {
+          if (motionId === lastMotionId) {
+            cancelObserve();
+          }
+        });
+      };
+      cancelObserve = observe(inner, {
+        childList: true,
+        subtree: true
+      }, handleMotion);
+      handleMotion();
+      return cancelObserve;
     } else {
       api.start({
         height: inner.offsetHeight,

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

@@ -4,7 +4,7 @@ declare type NativeInputProps = React.DetailedHTMLProps<React.InputHTMLAttribute
 declare type AriaProps = {
     role?: string;
 };
-export declare type InputProps = Pick<NativeInputProps, 'maxLength' | 'minLength' | 'autoComplete' | 'autoFocus' | 'pattern' | 'inputMode' | 'type' | 'name' | 'onFocus' | 'onBlur' | 'autoCapitalize' | 'autoCorrect' | 'onKeyDown' | 'onKeyUp' | 'onCompositionStart' | 'onCompositionEnd' | 'onClick' | 'step' | 'id' | 'placeholder' | 'readOnly' | 'disabled'> & {
+export declare type InputProps = Pick<NativeInputProps, 'maxLength' | 'minLength' | 'autoComplete' | 'autoFocus' | 'pattern' | 'inputMode' | 'type' | 'name' | 'onFocus' | 'onBlur' | 'autoCapitalize' | 'autoCorrect' | 'onKeyDown' | 'onKeyUp' | 'onCompositionStart' | 'onCompositionEnd' | 'onClick' | 'step' | 'id' | 'placeholder' | 'readOnly' | 'disabled' | 'enterKeyHint'> & {
     value?: string;
     defaultValue?: string;
     onChange?: (val: string) => void;
@@ -12,7 +12,6 @@ export declare type InputProps = Pick<NativeInputProps, 'maxLength' | 'minLength
     onlyShowClearWhenFocus?: boolean;
     onClear?: () => void;
     onEnterPress?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
-    enterKeyHint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
     min?: number;
     max?: number;
 } & NativeProps<'--font-size' | '--color' | '--placeholder-color' | '--text-align'> & AriaProps;
@@ -22,7 +21,7 @@ export declare type InputRef = {
     blur: () => void;
     nativeElement: HTMLInputElement | null;
 };
-export declare const Input: React.ForwardRefExoticComponent<Pick<NativeInputProps, "pattern" | "id" | "onClick" | "disabled" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "onKeyDown" | "onKeyUp" | "type" | "step" | "autoFocus" | "placeholder" | "autoCapitalize" | "autoCorrect" | "inputMode" | "name" | "readOnly" | "autoComplete" | "maxLength" | "minLength"> & {
+export declare const Input: React.ForwardRefExoticComponent<Pick<NativeInputProps, "pattern" | "id" | "onClick" | "disabled" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "onKeyDown" | "onKeyUp" | "type" | "step" | "autoFocus" | "placeholder" | "autoCapitalize" | "autoCorrect" | "inputMode" | "name" | "readOnly" | "autoComplete" | "enterKeyHint" | "maxLength" | "minLength"> & {
     value?: string | undefined;
     defaultValue?: string | undefined;
     onChange?: ((val: string) => void) | undefined;
@@ -30,7 +29,6 @@ export declare const Input: React.ForwardRefExoticComponent<Pick<NativeInputProp
     onlyShowClearWhenFocus?: boolean | undefined;
     onClear?: (() => void) | undefined;
     onEnterPress?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
-    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
     min?: number | undefined;
     max?: number | undefined;
 } & {

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

@@ -4,10 +4,10 @@ import { CloseCircleFill } from 'antd-mobile-icons';
 import { withNativeProps } from '../../utils/native-props';
 import { mergeProps } from '../../utils/with-default-props';
 import classNames from 'classnames';
-import { useIsomorphicLayoutEffect } from 'ahooks';
 import { bound } from '../../utils/bound';
 import { isIOS } from '../../utils/validate';
 import { useConfig } from '../config-provider';
+import useInputHandleKeyDown from './useInputHandleKeyDown';
 const classPrefix = `adm-input`;
 const defaultProps = {
   defaultValue: '',
@@ -22,6 +22,12 @@ export const Input = forwardRef((p, ref) => {
   const {
     locale
   } = useConfig();
+  const handleKeydown = useInputHandleKeyDown({
+    onEnterPress: props.onEnterPress,
+    onKeyDown: props.onKeyDown,
+    nativeInputRef,
+    enterKeyHint: props.enterKeyHint
+  });
   useImperativeHandle(ref, () => ({
     clear: () => {
       setValue('');
@@ -38,22 +44,6 @@ export const Input = forwardRef((p, ref) => {
       return nativeInputRef.current;
     }
   }));
-  const handleKeydown = e => {
-    var _a;
-    if (props.onEnterPress && (e.code === 'Enter' || e.keyCode === 13)) {
-      props.onEnterPress(e);
-    }
-    (_a = props.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(props, e);
-  };
-  useIsomorphicLayoutEffect(() => {
-    var _a;
-    if (!props.enterKeyHint) return;
-    (_a = nativeInputRef.current) === null || _a === void 0 ? void 0 : _a.setAttribute('enterkeyhint', props.enterKeyHint);
-    return () => {
-      var _a;
-      (_a = nativeInputRef.current) === null || _a === void 0 ? void 0 : _a.removeAttribute('enterkeyhint');
-    };
-  }, [props.enterKeyHint]);
   function checkValue() {
     let nextValue = value;
     if (props.type === 'number') {
@@ -104,6 +94,7 @@ export const Input = forwardRef((p, ref) => {
     max: props.max,
     min: props.min,
     autoComplete: props.autoComplete,
+    enterKeyHint: props.enterKeyHint,
     autoFocus: props.autoFocus,
     pattern: props.pattern,
     inputMode: props.inputMode,