antd-mobile 5.17.1 → 5.19.0

package/2x/cjs/components/number-keyboard/number-keyboard.js

@@ -57,13 +57,18 @@ const NumberKeyboard = p => {
   const keys = (0, _react.useMemo)(() => {
     const defaultKeys = ['1', '2', '3', '4', '5', '6', '7', '8', '9'];
     const keyList = randomOrder ? (0, _shuffle.shuffle)(defaultKeys) : defaultKeys;
+    const customKeys = Array.isArray(customKey) ? customKey : [customKey];
     keyList.push('0');
 
     if (confirmText) {
-      keyList.push(customKey || '');
+      if (customKeys.length === 2) {
+        keyList.splice(9, 0, customKeys.pop());
+      }
+
+      keyList.push(customKeys[0] || '');
     } else {
-      keyList.splice(9, 0, customKey || '');
-      keyList.push('BACKSPACE');
+      keyList.splice(9, 0, customKeys[0] || '');
+      keyList.push(customKeys[1] || 'BACKSPACE');
     }
 
     return keyList;
@@ -86,8 +91,7 @@ const NumberKeyboard = p => {
   const onBackspacePressEnd = () => {
     clearTimeout(timeoutRef.current);
     clearInterval(intervalRef.current);
-  }; // 点击键盘按键
-
+  };
 
   const onKeyPress = (e, key) => {
     var _a, _b;
@@ -109,18 +113,17 @@ const NumberKeyboard = p => {
         break;
 
       default:
-        // 当 customKey 不存在时，点击该键不应该触发 onInput
+        // onInput should't be called when customKey doesn't exist
         if (key !== '') onInput === null || onInput === void 0 ? void 0 : onInput(key);
         break;
     }
-  }; // 渲染 title 和 close button
-
+  };
 
   const renderHeader = () => {
     if (!showCloseButton && !title) return null;
     return _react.default.createElement("div", {
       className: (0, _classnames.default)(`${classPrefix}-header`, {
-        'with-title': !!title
+        [`${classPrefix}-header-with-title`]: !!title
       })
     }, title && _react.default.createElement("div", {
       className: `${classPrefix}-title`
@@ -134,15 +137,14 @@ const NumberKeyboard = p => {
       role: 'button',
       title: 'CLOSE'
     }, _react.default.createElement(_antdMobileIcons.DownOutline, null)));
-  }; // 渲染基础键盘按键
-
+  };
 
   const renderKey = (key, index) => {
     const isNumberKey = /^\d$/.test(key);
     const className = (0, _classnames.default)(`${classPrefix}-key`, {
-      'number-key': isNumberKey,
-      'sign-key': !isNumberKey && key,
-      'mid-key': index === 9 && !!confirmText
+      [`${classPrefix}-key-number`]: isNumberKey,
+      [`${classPrefix}-key-sign`]: !isNumberKey && key,
+      [`${classPrefix}-key-mid`]: index === 9 && !!confirmText && keys.length < 12
     });
     const ariaProps = key ? {
       role: 'button',
@@ -186,12 +188,12 @@ const NumberKeyboard = p => {
     className: `${classPrefix}-wrapper`
   }, _react.default.createElement("div", {
     className: (0, _classnames.default)(`${classPrefix}-main`, {
-      'confirmed-style': !!confirmText
+      [`${classPrefix}-main-confirmed-style`]: !!confirmText
     })
   }, keys.map(renderKey)), !!confirmText && _react.default.createElement("div", {
     className: `${classPrefix}-confirm`
   }, _react.default.createElement("div", {
-    className: `${classPrefix}-key extra-key bs-key`,
+    className: `${classPrefix}-key ${classPrefix}-key-extra ${classPrefix}-key-bs`,
     onTouchStart: () => {
       onBackspacePressStart();
     },
@@ -202,7 +204,7 @@ const NumberKeyboard = p => {
     title: 'BACKSPACE',
     role: 'button'
   }, _react.default.createElement(_antdMobileIcons.TextDeletionOutline, null)), _react.default.createElement("div", {
-    className: `${classPrefix}-key extra-key ok-key`,
+    className: `${classPrefix}-key ${classPrefix}-key-extra ${classPrefix}-key-ok`,
     onTouchEnd: e => onKeyPress(e, 'OK'),
     role: 'button'
   }, confirmText))), props.safeArea && _react.default.createElement("div", {

package/2x/cjs/components/passcode-input/index.d.ts

@@ -1,4 +1,4 @@
 import './passcode-input.less';
 import { PasscodeInput } from './passcode-input';
-export type { PasscodeInputProps } from './passcode-input';
+export type { PasscodeInputProps, PasscodeInputRef } from './passcode-input';
 export default PasscodeInput;

package/2x/cjs/components/passcode-input/passcode-input.css

@@ -25,56 +25,56 @@
   background: var(--adm-color-background);
 }
 
-.adm-passcode-input:not(.seperated) {
+.adm-passcode-input:not(.adm-passcode-input-seperated) {
   border-radius: var(--border-radius);
   overflow: hidden;
   border: 2px solid var(--border-color);
 }
 
-.adm-passcode-input:not(.seperated) .adm-passcode-input-cell:not(:last-child) {
+.adm-passcode-input:not(.adm-passcode-input-seperated) .adm-passcode-input-cell:not(:last-child) {
   border-right: 2px solid var(--border-color);
 }
 
-.adm-passcode-input:not(.seperated).focused {
+.adm-passcode-input:not(.adm-passcode-input-seperated).adm-passcode-input-focused {
   border-color: var(--adm-color-primary);
   box-shadow: 0 0 4px 0 var(--adm-color-primary);
   outline: none;
 }
 
-.adm-passcode-input:not(.seperated).error {
+.adm-passcode-input:not(.adm-passcode-input-seperated).adm-passcode-input-error {
   border-color: var(--adm-color-danger);
   box-shadow: 0 0 4px 0 var(--adm-color-danger);
   animation: 100ms ease-in-out 0s 3 normal none running adm-shake-horizontal;
 }
 
-.adm-passcode-input.seperated .adm-passcode-input-cell {
+.adm-passcode-input.adm-passcode-input-seperated .adm-passcode-input-cell {
   border-radius: var(--border-radius);
   border: 2px solid var(--border-color);
 }
 
-.adm-passcode-input.seperated .adm-passcode-input-cell:not(:last-child) {
+.adm-passcode-input.adm-passcode-input-seperated .adm-passcode-input-cell:not(:last-child) {
   margin-right: var(--cell-gap);
 }
 
-.adm-passcode-input.seperated .adm-passcode-input-cell.focused {
+.adm-passcode-input.adm-passcode-input-seperated .adm-passcode-input-cell-focused {
   border-color: var(--adm-color-primary);
   box-shadow: 0 0 4px 0 var(--adm-color-primary);
 }
 
-.adm-passcode-input.seperated.focused {
+.adm-passcode-input-seperated.adm-passcode-input-focused {
   outline: none;
 }
 
-.adm-passcode-input.seperated.error {
+.adm-passcode-input.adm-passcode-input-seperated.adm-passcode-input-error {
   animation: 100ms ease-in-out 0s 3 normal none running adm-shake-horizontal;
 }
 
-.adm-passcode-input.seperated.error .adm-passcode-input-cell {
+.adm-passcode-input.adm-passcode-input-seperated.adm-passcode-input-error .adm-passcode-input-cell {
   border-color: var(--adm-color-danger);
   box-shadow: 0 0 4px 0 var(--adm-color-danger);
 }
 
-.adm-passcode-input-cell.dot::before {
+.adm-passcode-input-cell-dot::before {
   content: '';
   width: var(--dot-size);
   height: var(--dot-size);
@@ -82,7 +82,7 @@
   background: var(--adm-color-text);
 }
 
-.adm-passcode-input-cell.caret::after {
+.adm-passcode-input-cell-caret::after {
   content: '';
   width: 4px;
   height: 1.1em;

package/2x/cjs/components/passcode-input/passcode-input.js

@@ -17,6 +17,8 @@ var _bound = require("../../utils/bound");
 
 var _usePropsValue = require("../../utils/use-props-value");
 
+var _configProvider = require("../config-provider");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -36,6 +38,9 @@ const PasscodeInput = (0, _react.forwardRef)((p, ref) => {
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p); // 防止 length 值不合法
 
   const cellLength = props.length > 0 && props.length < Infinity ? Math.floor(props.length) : defaultProps.length;
+  const {
+    locale
+  } = (0, _configProvider.useConfig)();
   const [focused, setFocused] = (0, _react.useState)(false);
   const [value, setValue] = (0, _usePropsValue.usePropsValue)(props);
   const rootRef = (0, _react.useRef)(null);
@@ -106,9 +111,9 @@ const PasscodeInput = (0, _react.forwardRef)((p, ref) => {
     for (let i = 0; i < cellLength; i++) {
       cells.push(_react.default.createElement("div", {
         className: (0, _classnames.default)(`${classPrefix}-cell`, {
-          caret: props.caret && caretIndex === i && focused,
-          focused: focusedIndex === i && focused,
-          dot: !props.plain && chars[i]
+          [`${classPrefix}-cell-caret`]: props.caret && caretIndex === i && focused,
+          [`${classPrefix}-cell-focused`]: focusedIndex === i && focused,
+          [`${classPrefix}-cell-dot`]: !props.plain && chars[i]
         }),
         key: i
       }, chars[i] && props.plain ? chars[i] : ''));
@@ -118,16 +123,18 @@ const PasscodeInput = (0, _react.forwardRef)((p, ref) => {
   };
 
   const cls = (0, _classnames.default)(classPrefix, {
-    focused: focused,
-    error: props.error,
-    seperated: props.seperated
+    [`${classPrefix}-focused`]: focused,
+    [`${classPrefix}-error`]: props.error,
+    [`${classPrefix}-seperated`]: props.seperated
   });
   return _react.default.createElement(_react.default.Fragment, null, (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     ref: rootRef,
     tabIndex: 0,
     className: cls,
     onFocus: onFocus,
-    onBlur: onBlur
+    onBlur: onBlur,
+    role: 'button',
+    "aria-label": locale.PasscodeInput.name
   }, _react.default.createElement("div", {
     className: `${classPrefix}-cell-container`
   }, renderCells()), _react.default.createElement("input", {
@@ -139,7 +146,8 @@ const PasscodeInput = (0, _react.forwardRef)((p, ref) => {
     inputMode: 'numeric',
     onChange: e => {
       setValue(e.target.value.slice(0, props.length));
-    }
+    },
+    "aria-hidden": true
   }))), props.keyboard && _react.default.cloneElement(props.keyboard, {
     visible: focused,
     onInput: v => {

package/2x/cjs/components/picker-view/wheel.js

@@ -62,7 +62,7 @@ const Wheel = (0, _react.memo)(props => {
   });
   (0, _ahooks.useIsomorphicLayoutEffect)(() => {
     if (draggingRef.current) return;
-    if (!value) return;
+    if (value === null) return;
     const targetIndex = column.findIndex(item => item.value === value);
     if (targetIndex < 0) return;
     const finalPosition = targetIndex * -itemHeight.current;

package/2x/cjs/components/rate/rate.js

@@ -49,12 +49,17 @@ const Rate = p => {
         } else {
           setValue(v);
         }
-      }
+      },
+      role: 'radio',
+      "aria-checked": value >= v,
+      "aria-label": '' + v
     }, props.character);
   }
 
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
-    className: classPrefix
+    className: classPrefix,
+    role: 'radiogroup',
+    "aria-readonly": props.readOnly
   }, starList.map((_, i) => _react.default.createElement("div", {
     key: i,
     className: (0, _classnames.default)(`${classPrefix}-box`)

package/2x/cjs/components/rate/star.js

@@ -10,16 +10,6 @@ var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const Star = () => {
-  // return (
-  //   <svg height='1em' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'>
-  //     <title>{'star-fill\u5907\u4EFD 71'}</title>
-  //     <path
-  //       d='m24 36-10.52 5.53a2 2 0 0 1-2.902-2.108l2.01-11.714-8.511-8.296a2 2 0 0 1 1.108-3.411l11.762-1.71 5.26-10.657a2 2 0 0 1 3.586 0l5.26 10.658L42.815 16a2 2 0 0 1 1.108 3.411l-8.51 8.296 2.009 11.714a2 2 0 0 1-2.902 2.109L24 36Z'
-  //       fill='#E5E5E5'
-  //       fillRule='evenodd'
-  //     />
-  //   </svg>
-  // )
   return _react.default.createElement("svg", {
     viewBox: '0 0 42 40',
     height: '1em',

package/2x/cjs/components/result/result.d.ts

@@ -1,7 +1,7 @@
 import { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type ResultProps = {
-    status: 'success' | 'error' | 'info' | 'waiting' | 'warning';
+    status?: 'success' | 'error' | 'info' | 'waiting' | 'warning';
     title: ReactNode;
     description?: ReactNode;
     icon?: ReactNode;

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

@@ -13,6 +13,8 @@ var _antdMobileIcons = require("antd-mobile-icons");
 
 var _nativeProps = require("../../utils/native-props");
 
+var _withDefaultProps = require("../../utils/with-default-props");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const classPrefix = `adm-result`;
@@ -23,8 +25,12 @@ const iconRecord = {
   waiting: _antdMobileIcons.ClockCircleFill,
   warning: _antdMobileIcons.ExclamationCircleFill
 };
+const defaultProps = {
+  status: 'info'
+};
 
-const Result = props => {
+const Result = p => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
   const {
     status,
     title,

package/2x/cjs/components/search-bar/search-bar.js

@@ -48,6 +48,7 @@ const SearchBar = (0, _react.forwardRef)((p, ref) => {
   const [value, setValue] = (0, _usePropsValue.usePropsValue)(props);
   const [hasFocus, setHasFocus] = (0, _react.useState)(false);
   const inputRef = (0, _react.useRef)(null);
+  const composingRef = (0, _react.useRef)(false);
   (0, _react.useImperativeHandle)(ref, () => ({
     clear: () => {
       var _a;
@@ -140,8 +141,17 @@ const SearchBar = (0, _react.forwardRef)((p, ref) => {
     onEnterPress: () => {
       var _a, _b;
 
-      (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
-      (_b = props.onSearch) === null || _b === void 0 ? void 0 : _b.call(props, value);
+      if (!composingRef.current) {
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+        (_b = props.onSearch) === null || _b === void 0 ? void 0 : _b.call(props, value);
+      }
+    },
+    "aria-label": locale.SearchBar.name,
+    onCompositionStart: () => {
+      composingRef.current = true;
+    },
+    onCompositionEnd: () => {
+      composingRef.current = false;
     }
   })), renderCancelButton()));
 });

package/2x/cjs/components/switch/switch.d.ts

@@ -5,8 +5,9 @@ export declare type SwitchProps = {
     disabled?: boolean;
     checked?: boolean;
     defaultChecked?: boolean;
+    /** @deprecated use `onChange` instead */
     beforeChange?: (val: boolean) => Promise<void>;
-    onChange?: (checked: boolean) => void;
+    onChange?: (checked: boolean) => void | Promise<void>;
     checkedText?: ReactNode;
     uncheckedText?: ReactNode;
 } & NativeProps<'--checked-color' | '--width' | '--height' | '--border-width'>;

package/2x/cjs/components/switch/switch.js

@@ -21,6 +21,8 @@ var _spinIcon = require("./spin-icon");
 
 var _configProvider = require("../config-provider");
 
+var _validate = require("../../utils/validate");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -58,14 +60,25 @@ const Switch = p => {
 
         try {
           yield props.beforeChange(nextChecked);
-          setChecked(nextChecked);
           setChanging(false);
         } catch (e) {
           setChanging(false);
           throw e;
         }
-      } else {
-        setChecked(nextChecked);
+      }
+
+      const result = setChecked(nextChecked);
+
+      if ((0, _validate.isPromise)(result)) {
+        setChanging(true);
+
+        try {
+          yield result;
+          setChanging(false);
+        } catch (e) {
+          setChanging(false);
+          throw e;
+        }
       }
     });
   }

package/2x/cjs/components/text-area/text-area.js

@@ -68,6 +68,7 @@ const TextArea = (0, _react.forwardRef)((p, ref) => {
     if (!autoSize) return;
     const textArea = nativeTextAreaRef.current;
     if (!textArea) return;
+    textArea.style.height = 'auto';
     let height = textArea.scrollHeight;
 
     if (typeof autoSize === 'object') {

package/2x/cjs/locales/base.d.ts

@@ -93,17 +93,26 @@ export declare const base: {
         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;
     };

package/2x/cjs/locales/base.js

@@ -100,17 +100,26 @@ const base = {
     failedToLoad: 'Failed to load',
     retry: 'Retry'
   },
+  Input: {
+    clear: 'clear'
+  },
   Mask: {
     name: 'Mask'
   },
   Modal: {
     ok: 'OK'
   },
+  PasscodeInput: {
+    name: 'Passcode Input'
+  },
   PullToRefresh: {
     pulling: 'Scroll down to refresh',
     canRelease: 'Release to refresh immediately',
     complete: 'Refresh successful'
   },
+  SearchBar: {
+    name: 'Search Bar'
+  },
   Slider: {
     name: 'Slider'
   },

package/2x/cjs/locales/en-US.d.ts

@@ -93,17 +93,26 @@ declare const enUS: {
         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;
     };

package/2x/cjs/locales/es-ES.d.ts

@@ -93,17 +93,26 @@ declare const esES: {
         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;
     };

package/2x/cjs/locales/fa-IR.d.ts

@@ -93,17 +93,26 @@ declare const faIR: {
         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;
     };

package/2x/cjs/locales/fr-FR.d.ts

@@ -93,17 +93,26 @@ declare const frFR: {
         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;
     };

package/2x/cjs/locales/id-ID.d.ts

@@ -93,17 +93,26 @@ declare const idID: {
         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;
     };

package/2x/cjs/locales/kk-KZ.d.ts

@@ -93,17 +93,26 @@ declare const kkKZ: {
         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;
     };

package/2x/cjs/locales/ko-KR.d.ts

@@ -93,17 +93,26 @@ declare const koKR: {
         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;
     };