antd-mobile 5.42.0-alpha.0 → 5.42.0-alpha.1

package/2x/cjs/components/number-keyboard/number-keyboard.d.ts

@@ -1,11 +1,15 @@
 import type { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { PopupProps } from '../popup';
+declare type CustomKeyType = string | {
+    key: string;
+    title: string;
+};
 export declare type NumberKeyboardProps = {
     visible?: boolean;
     title?: string;
     confirmText?: string | null;
-    customKey?: string | [string, string];
+    customKey?: CustomKeyType | CustomKeyType[];
     randomOrder?: boolean;
     showCloseButton?: boolean;
     onInput?: (v: string) => void;
@@ -16,3 +20,4 @@ export declare type NumberKeyboardProps = {
     safeArea?: boolean;
 } & Pick<PopupProps, 'afterClose' | 'afterShow' | 'getContainer' | 'destroyOnClose' | 'forceRender' | 'stopPropagation'> & NativeProps<'--adm-safe-area-multiple'>;
 export declare const NumberKeyboard: FC<NumberKeyboardProps>;
+export {};

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

@@ -124,20 +124,27 @@ const NumberKeyboard = p => {
     onKeyPress(e, 'BACKSPACE');
   };
   const renderKey = (key, index) => {
-    const isNumberKey = /^\d$/.test(key);
-    const isBackspace = key === 'BACKSPACE';
+    const keyConfig = typeof key === 'string' ? {
+      key,
+      title: key
+    } : key;
+    const realKey = keyConfig.key;
+    const isNumberKey = /^\d$/.test(realKey);
+    const isBackspace = realKey === 'BACKSPACE';
+    const title = isBackspace ? locale.Input.clear : keyConfig.title;
     const className = (0, _classnames.default)(`${classPrefix}-key`, {
       [`${classPrefix}-key-number`]: isNumberKey,
-      [`${classPrefix}-key-sign`]: !isNumberKey && key,
+      [`${classPrefix}-key-sign`]: !isNumberKey && realKey,
       [`${classPrefix}-key-mid`]: index === 9 && !!confirmText && keys.length < 12
     });
-    const ariaProps = key ? {
+    const ariaProps = realKey ? {
       role: 'button',
-      title: isBackspace ? locale.Input.clear : key,
+      title,
+      'aria-label': title,
       tabIndex: -1
     } : undefined;
     return _react.default.createElement("div", Object.assign({
-      key: key,
+      key: realKey,
       className: className,
       // 仅为  backspace 绑定，支持长按快速删除
       onTouchStart: isBackspace ? onBackspaceTouchStart : undefined,
@@ -149,9 +156,9 @@ const NumberKeyboard = p => {
       // backspace touchend 时会 preventDefault 阻止其后续 click 事件
       onClick: e => {
         stopContinueClear();
-        onKeyPress(e, key);
+        onKeyPress(e, realKey);
       }
-    }, ariaProps), isBackspace ? _react.default.createElement(_antdMobileIcons.TextDeletionOutline, null) : key);
+    }, ariaProps), isBackspace ? _react.default.createElement(_antdMobileIcons.TextDeletionOutline, null) : realKey);
   };
   return _react.default.createElement(_popup.default, {
     visible: visible,

package/2x/es/components/number-keyboard/number-keyboard.d.ts

@@ -1,11 +1,15 @@
 import type { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { PopupProps } from '../popup';
+declare type CustomKeyType = string | {
+    key: string;
+    title: string;
+};
 export declare type NumberKeyboardProps = {
     visible?: boolean;
     title?: string;
     confirmText?: string | null;
-    customKey?: string | [string, string];
+    customKey?: CustomKeyType | CustomKeyType[];
     randomOrder?: boolean;
     showCloseButton?: boolean;
     onInput?: (v: string) => void;
@@ -16,3 +20,4 @@ export declare type NumberKeyboardProps = {
     safeArea?: boolean;
 } & Pick<PopupProps, 'afterClose' | 'afterShow' | 'getContainer' | 'destroyOnClose' | 'forceRender' | 'stopPropagation'> & NativeProps<'--adm-safe-area-multiple'>;
 export declare const NumberKeyboard: FC<NumberKeyboardProps>;
+export {};

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

@@ -115,20 +115,27 @@ export const NumberKeyboard = p => {
     onKeyPress(e, 'BACKSPACE');
   };
   const renderKey = (key, index) => {
-    const isNumberKey = /^\d$/.test(key);
-    const isBackspace = key === 'BACKSPACE';
+    const keyConfig = typeof key === 'string' ? {
+      key,
+      title: key
+    } : key;
+    const realKey = keyConfig.key;
+    const isNumberKey = /^\d$/.test(realKey);
+    const isBackspace = realKey === 'BACKSPACE';
+    const title = isBackspace ? locale.Input.clear : keyConfig.title;
     const className = classNames(`${classPrefix}-key`, {
       [`${classPrefix}-key-number`]: isNumberKey,
-      [`${classPrefix}-key-sign`]: !isNumberKey && key,
+      [`${classPrefix}-key-sign`]: !isNumberKey && realKey,
       [`${classPrefix}-key-mid`]: index === 9 && !!confirmText && keys.length < 12
     });
-    const ariaProps = key ? {
+    const ariaProps = realKey ? {
       role: 'button',
-      title: isBackspace ? locale.Input.clear : key,
+      title,
+      'aria-label': title,
       tabIndex: -1
     } : undefined;
     return React.createElement("div", Object.assign({
-      key: key,
+      key: realKey,
       className: className,
       // 仅为  backspace 绑定，支持长按快速删除
       onTouchStart: isBackspace ? onBackspaceTouchStart : undefined,
@@ -140,9 +147,9 @@ export const NumberKeyboard = p => {
       // backspace touchend 时会 preventDefault 阻止其后续 click 事件
       onClick: e => {
         stopContinueClear();
-        onKeyPress(e, key);
+        onKeyPress(e, realKey);
       }
-    }, ariaProps), isBackspace ? React.createElement(TextDeletionOutline, null) : key);
+    }, ariaProps), isBackspace ? React.createElement(TextDeletionOutline, null) : realKey);
   };
   return React.createElement(Popup, {
     visible: visible,

package/2x/package.json

@@ -1,6 +1,6 @@
 {
   "name": "antd-mobile",
-  "version": "5.42.0-alpha.0",
+  "version": "5.42.0-alpha.1",
   "homepage": "https://github.com/ant-design/ant-design-mobile#readme",
   "bugs": {
     "url": "https://github.com/ant-design/ant-design-mobile/issues"

package/bundle/antd-mobile.cjs.development.js

@@ -23254,20 +23254,27 @@ const NumberKeyboard = (p) => {
     onKeyPress(e2, "BACKSPACE");
   };
   const renderKey = (key, index2) => {
-    const isNumberKey = /^\d$/.test(key);
-    const isBackspace = key === "BACKSPACE";
+    const keyConfig = typeof key === "string" ? {
+      key,
+      title: key
+    } : key;
+    const realKey = keyConfig.key;
+    const isNumberKey = /^\d$/.test(realKey);
+    const isBackspace = realKey === "BACKSPACE";
+    const title2 = isBackspace ? locale.Input.clear : keyConfig.title;
     const className = classNames(`${classPrefix$x}-key`, {
       [`${classPrefix$x}-key-number`]: isNumberKey,
-      [`${classPrefix$x}-key-sign`]: !isNumberKey && key,
+      [`${classPrefix$x}-key-sign`]: !isNumberKey && realKey,
       [`${classPrefix$x}-key-mid`]: index2 === 9 && !!confirmText && keys2.length < 12
     });
-    const ariaProps = key ? {
+    const ariaProps = realKey ? {
       role: "button",
-      title: isBackspace ? locale.Input.clear : key,
+      title: title2,
+      "aria-label": title2,
       tabIndex: -1
     } : void 0;
     return React$3.createElement("div", Object.assign({
-      key,
+      key: realKey,
       className,
       // 仅为  backspace 绑定，支持长按快速删除
       onTouchStart: isBackspace ? onBackspaceTouchStart : void 0,
@@ -23279,9 +23286,9 @@ const NumberKeyboard = (p) => {
       // backspace touchend 时会 preventDefault 阻止其后续 click 事件
       onClick: (e2) => {
         stopContinueClear();
-        onKeyPress(e2, key);
+        onKeyPress(e2, realKey);
       }
-    }, ariaProps), isBackspace ? React$3.createElement(TextDeletionOutline, null) : key);
+    }, ariaProps), isBackspace ? React$3.createElement(TextDeletionOutline, null) : realKey);
   };
   return React$3.createElement(Popup, {
     visible,