antd-mobile 5.7.2 → 5.8.0

package/cjs/components/dialog/dialog.js

@@ -53,9 +53,9 @@ const Dialog = p => {
     scale: props.visible ? 1 : 0.8,
     opacity: props.visible ? 1 : 0,
     config: {
-      mass: 1,
+      mass: 1.2,
       tension: 200,
-      friction: 30,
+      friction: 25,
       clamp: true
     },
     onStart: () => {

package/cjs/components/form/form-item.d.ts

@@ -17,7 +17,7 @@ export declare type FormItemProps = Pick<RcFieldProps, 'dependencies' | 'valuePr
     hidden?: boolean;
     layout?: FormLayout;
     childElementPosition?: 'normal' | 'right';
-    children: ChildrenType;
+    children?: ChildrenType;
 } & NativeProps;
 export declare const FormItem: FC<FormItemProps>;
 export {};

package/cjs/components/input/input.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { NativeProps } from '../../utils/native-props';
 declare type NativeInputProps = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
-export declare type InputProps = Pick<NativeInputProps, 'maxLength' | 'minLength' | 'autoComplete' | 'pattern' | 'inputMode' | 'type' | 'onFocus' | 'onBlur' | 'autoCapitalize' | 'autoCorrect' | 'onKeyDown' | 'onKeyUp' | 'onCompositionStart' | 'onCompositionEnd'> & {
+export declare type InputProps = Pick<NativeInputProps, 'maxLength' | 'minLength' | 'autoComplete' | 'autoFocus' | 'pattern' | 'inputMode' | 'type' | 'onFocus' | 'onBlur' | 'autoCapitalize' | 'autoCorrect' | 'onKeyDown' | 'onKeyUp' | 'onCompositionStart' | 'onCompositionEnd'> & {
     value?: string;
     defaultValue?: string;
     onChange?: (val: string) => void;
@@ -20,8 +20,9 @@ export declare type InputRef = {
     clear: () => void;
     focus: () => void;
     blur: () => void;
+    nativeElement: HTMLInputElement | null;
 };
-export declare const Input: React.ForwardRefExoticComponent<Pick<NativeInputProps, "pattern" | "type" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "onKeyDown" | "onKeyUp" | "autoCapitalize" | "autoCorrect" | "inputMode" | "autoComplete" | "maxLength" | "minLength"> & {
+export declare const Input: React.ForwardRefExoticComponent<Pick<NativeInputProps, "pattern" | "type" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "onKeyDown" | "onKeyUp" | "autoCapitalize" | "autoCorrect" | "inputMode" | "autoComplete" | "autoFocus" | "maxLength" | "minLength"> & {
     value?: string | undefined;
     defaultValue?: string | undefined;
     onChange?: ((val: string) => void) | undefined;

package/cjs/components/input/input.js

@@ -49,7 +49,12 @@ const Input = (0, _react.forwardRef)((p, ref) => {
       var _a;
 
       (_a = nativeInputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+    },
+
+    get nativeElement() {
+      return nativeInputRef.current;
     }
+
   }));
 
   const handleKeydown = e => {
@@ -117,6 +122,7 @@ const Input = (0, _react.forwardRef)((p, ref) => {
     max: props.max,
     min: props.min,
     autoComplete: props.autoComplete,
+    autoFocus: props.autoFocus,
     pattern: props.pattern,
     inputMode: props.inputMode,
     type: props.type,

package/cjs/components/modal/modal.js

@@ -58,9 +58,9 @@ const Modal = p => {
     scale: props.visible ? 1 : 0.8,
     opacity: props.visible ? 1 : 0,
     config: {
-      mass: 1,
+      mass: 1.2,
       tension: 200,
-      friction: 30,
+      friction: 25,
       clamp: true
     },
     onStart: () => {

package/cjs/components/popover/popover.js

@@ -23,7 +23,7 @@ var _arrow = require("./arrow");
 
 var _renderToContainer = require("../../utils/render-to-container");
 
-var _tempFloatingUiMin = require("./temp-floating-ui.min.js");
+var _dom = require("@floating-ui/dom");
 
 var _wrapper = require("./wrapper");
 
@@ -98,13 +98,13 @@ const Popover = (0, _react.forwardRef)((p, ref) => {
         y,
         placement: realPlacement,
         middlewareData
-      } = yield (0, _tempFloatingUiMin.computePosition)(target, floating, {
+      } = yield (0, _dom.computePosition)(target, floating, {
         placement,
-        middleware: [(0, _tempFloatingUiMin.offset)((0, _convertPx.convertPx)(12)), (0, _tempFloatingUiMin.shift)({
+        middleware: [(0, _dom.offset)((0, _convertPx.convertPx)(12)), (0, _dom.shift)({
           padding: (0, _convertPx.convertPx)(4),
           crossAxis: false,
-          limiter: (0, _tempFloatingUiMin.limitShift)()
-        }), (0, _tempFloatingUiMin.flip)(), (0, _tempFloatingUiMin.hide)(), (0, _tempFloatingUiMin.arrow)({
+          limiter: (0, _dom.limitShift)()
+        }), (0, _dom.flip)(), (0, _dom.hide)(), (0, _dom.arrow)({
           element: arrowElement,
           padding: (0, _convertPx.convertPx)(12)
         })]
@@ -161,7 +161,7 @@ const Popover = (0, _react.forwardRef)((p, ref) => {
   (0, _react.useEffect)(() => {
     const floatingElement = floatingRef.current;
     if (!targetElement || !floatingElement) return;
-    return (0, _tempFloatingUiMin.autoUpdate)(targetElement, floatingElement, update);
+    return (0, _dom.autoUpdate)(targetElement, floatingElement, update);
   }, [targetElement]);
   (0, _ahooks.useClickAway)(() => {
     if (!props.trigger) return;

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

@@ -62,7 +62,14 @@ const SearchBar = (0, _react.forwardRef)((p, ref) => {
       var _a;
 
       return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+    },
+
+    get nativeElement() {
+      var _a, _b;
+
+      return (_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.nativeElement) !== null && _b !== void 0 ? _b : null;
     }
+
   }));
 
   const renderCancelButton = () => {

package/cjs/components/slider/slider.css

@@ -43,6 +43,8 @@
   height: 22px;
   margin: 5px;
   border-radius: 50%;
+  text-align: center;
+  line-height: 22px;
   background: var(--adm-color-white);
   box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.12), 0 1.5px 3px -2px rgba(0, 0, 0, 0.25);
 }

package/cjs/components/slider/slider.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { SliderMarks } from './marks';
 export declare type SliderValue = number | [number, number];
@@ -12,6 +12,7 @@ export declare type SliderProps = {
     ticks?: boolean;
     disabled?: boolean;
     range?: boolean;
+    icon?: React.ReactNode;
     onChange?: (value: SliderValue) => void;
     onAfterChange?: (value: SliderValue) => void;
 } & NativeProps<'--fill-color'>;

package/cjs/components/slider/slider.js

@@ -49,7 +49,8 @@ const Slider = p => {
     disabled,
     marks,
     ticks,
-    step
+    step,
+    icon
   } = props;
 
   function sortValue(val) {
@@ -149,6 +150,7 @@ const Slider = p => {
 
   const renderThumb = index => {
     return _react.default.createElement(_thumb.default, {
+      icon: icon,
       key: index,
       value: sliderValue[index],
       min: min,

package/cjs/components/slider/thumb.d.ts

@@ -1,4 +1,4 @@
-import { FC, RefObject } from 'react';
+import React, { FC, RefObject } from 'react';
 declare type ThumbProps = {
     value: number;
     min: number;
@@ -6,6 +6,7 @@ declare type ThumbProps = {
     disabled: boolean;
     onDrag: (value: number, first: boolean, last: boolean) => void;
     trackRef: RefObject<HTMLDivElement>;
+    icon?: React.ReactNode;
 };
 declare const Thumb: FC<ThumbProps>;
 export default Thumb;

package/cjs/components/slider/thumb.js

@@ -23,7 +23,8 @@ const Thumb = props => {
     min,
     max,
     disabled,
-    onDrag
+    onDrag,
+    icon
   } = props;
   const prevValue = (0, _react.useRef)(value);
 
@@ -59,7 +60,7 @@ const Thumb = props => {
     style: currentPosition()
   }, bind()), _react.default.createElement("div", {
     className: `${classPrefix}-thumb`
-  }, _react.default.createElement(_thumbIcon.ThumbIcon, {
+  }, icon ? icon : _react.default.createElement(_thumbIcon.ThumbIcon, {
     className: `${classPrefix}-thumb-icon`
   })));
 };

package/cjs/components/text-area/text-area.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
-export declare type TextAreaProps = Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, 'autoComplete' | 'disabled' | 'readOnly' | 'onFocus' | 'onBlur' | 'onCompositionStart' | 'onCompositionEnd'> & {
+export declare type TextAreaProps = Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, 'autoComplete' | 'autoFocus' | 'disabled' | 'readOnly' | 'onFocus' | 'onBlur' | 'onCompositionStart' | 'onCompositionEnd'> & {
     onChange?: (val: string) => void;
     value?: string;
     defaultValue?: string;
@@ -20,7 +20,7 @@ export declare type TextAreaRef = {
     focus: () => void;
     blur: () => void;
 };
-export declare const TextArea: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "disabled" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "autoComplete" | "readOnly"> & {
+export declare const TextArea: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "disabled" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "autoComplete" | "autoFocus" | "readOnly"> & {
     onChange?: ((val: string) => void) | undefined;
     value?: string | undefined;
     defaultValue?: string | undefined;

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

@@ -127,6 +127,7 @@ const TextArea = (0, _react.forwardRef)((p, ref) => {
       (_a = props.onCompositionEnd) === null || _a === void 0 ? void 0 : _a.call(props, e);
     },
     autoComplete: props.autoComplete,
+    autoFocus: props.autoFocus,
     disabled: props.disabled,
     readOnly: props.readOnly,
     onFocus: props.onFocus,

package/cjs/locales/base.d.ts

@@ -1,4 +1,5 @@
 export declare const base: {
+    locale: string;
     common: {
         confirm: string;
         cancel: string;

package/cjs/locales/base.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.base = void 0;
 const typeTemplate = '${label} is not a valid ${type}';
 const base = {
+  locale: 'en',
   common: {
     confirm: 'Confirm',
     cancel: 'Cancel',

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

@@ -1,4 +1,5 @@
 declare const enUS: {
+    locale: string;
     common: {
         confirm: string;
         cancel: string;

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

@@ -1,4 +1,5 @@
 declare const faIR: {
+    locale: string;
     common: {
         confirm: string;
         cancel: string;

package/cjs/locales/fa-IR.js

@@ -11,6 +11,7 @@ var _base = require("./base");
 
 const typeTemplate = '${label} یک ${type} معتبر نیست';
 const faIR = (0, _mergeLocale.mergeLocale)(_base.base, {
+  locale: 'fa-IR',
   common: {
     confirm: 'تایید',
     cancel: 'لغو'

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

@@ -1,4 +1,5 @@
 declare const zhCN: {
+    locale: string;
     common: {
         confirm: string;
         cancel: string;

package/cjs/locales/zh-CN.js

@@ -11,6 +11,7 @@ var _base = require("./base");
 
 const typeTemplate = '${label}不是一个有效的${type}';
 const zhCN = (0, _mergeLocale.mergeLocale)(_base.base, {
+  locale: 'zh-CH',
   common: {
     confirm: '确定',
     cancel: '取消',

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

@@ -1,4 +1,5 @@
 declare const zhHK: {
+    locale: string;
     common: {
         confirm: string;
         cancel: string;

package/cjs/locales/zh-HK.js

@@ -10,6 +10,7 @@ var _mergeLocale = require("../utils/merge-locale");
 var _base = require("./base");
 
 const zhHK = (0, _mergeLocale.mergeLocale)(_base.base, {
+  locale: 'zh-HK',
   common: {
     confirm: '確定',
     cancel: '取消',

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

@@ -1,4 +1,5 @@
 declare const zhTW: {
+    locale: string;
     common: {
         confirm: string;
         cancel: string;

package/cjs/locales/zh-TW.js

@@ -10,6 +10,7 @@ var _mergeLocale = require("../utils/merge-locale");
 var _base = require("./base");
 
 const zhTW = (0, _mergeLocale.mergeLocale)(_base.base, {
+  locale: 'zh-TW',
   common: {
     confirm: '確定',
     cancel: '取消',

package/es/components/dialog/dialog.js

@@ -26,9 +26,9 @@ export const Dialog = p => {
     scale: props.visible ? 1 : 0.8,
     opacity: props.visible ? 1 : 0,
     config: {
-      mass: 1,
+      mass: 1.2,
       tension: 200,
-      friction: 30,
+      friction: 25,
       clamp: true
     },
     onStart: () => {

package/es/components/form/form-item.d.ts

@@ -17,7 +17,7 @@ export declare type FormItemProps = Pick<RcFieldProps, 'dependencies' | 'valuePr
     hidden?: boolean;
     layout?: FormLayout;
     childElementPosition?: 'normal' | 'right';
-    children: ChildrenType;
+    children?: ChildrenType;
 } & NativeProps;
 export declare const FormItem: FC<FormItemProps>;
 export {};

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { NativeProps } from '../../utils/native-props';
 declare type NativeInputProps = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
-export declare type InputProps = Pick<NativeInputProps, 'maxLength' | 'minLength' | 'autoComplete' | 'pattern' | 'inputMode' | 'type' | 'onFocus' | 'onBlur' | 'autoCapitalize' | 'autoCorrect' | 'onKeyDown' | 'onKeyUp' | 'onCompositionStart' | 'onCompositionEnd'> & {
+export declare type InputProps = Pick<NativeInputProps, 'maxLength' | 'minLength' | 'autoComplete' | 'autoFocus' | 'pattern' | 'inputMode' | 'type' | 'onFocus' | 'onBlur' | 'autoCapitalize' | 'autoCorrect' | 'onKeyDown' | 'onKeyUp' | 'onCompositionStart' | 'onCompositionEnd'> & {
     value?: string;
     defaultValue?: string;
     onChange?: (val: string) => void;
@@ -20,8 +20,9 @@ export declare type InputRef = {
     clear: () => void;
     focus: () => void;
     blur: () => void;
+    nativeElement: HTMLInputElement | null;
 };
-export declare const Input: React.ForwardRefExoticComponent<Pick<NativeInputProps, "pattern" | "type" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "onKeyDown" | "onKeyUp" | "autoCapitalize" | "autoCorrect" | "inputMode" | "autoComplete" | "maxLength" | "minLength"> & {
+export declare const Input: React.ForwardRefExoticComponent<Pick<NativeInputProps, "pattern" | "type" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "onKeyDown" | "onKeyUp" | "autoCapitalize" | "autoCorrect" | "inputMode" | "autoComplete" | "autoFocus" | "maxLength" | "minLength"> & {
     value?: string | undefined;
     defaultValue?: string | undefined;
     onChange?: ((val: string) => void) | undefined;

package/es/components/input/input.js

@@ -28,7 +28,12 @@ export const Input = forwardRef((p, ref) => {
       var _a;
 
       (_a = nativeInputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+    },
+
+    get nativeElement() {
+      return nativeInputRef.current;
     }
+
   }));
 
   const handleKeydown = e => {
@@ -96,6 +101,7 @@ export const Input = forwardRef((p, ref) => {
     max: props.max,
     min: props.min,
     autoComplete: props.autoComplete,
+    autoFocus: props.autoFocus,
     pattern: props.pattern,
     inputMode: props.inputMode,
     type: props.type,

package/es/components/modal/modal.js

@@ -29,9 +29,9 @@ export const Modal = p => {
     scale: props.visible ? 1 : 0.8,
     opacity: props.visible ? 1 : 0,
     config: {
-      mass: 1,
+      mass: 1.2,
       tension: 200,
-      friction: 30,
+      friction: 25,
       clamp: true
     },
     onStart: () => {

package/es/components/popover/popover.js

@@ -7,7 +7,7 @@ import { withNativeProps } from '../../utils/native-props';
 import { withStopPropagation } from '../../utils/with-stop-propagation';
 import { Arrow } from './arrow';
 import { renderToContainer } from '../../utils/render-to-container';
-import { arrow, computePosition, flip, offset, autoUpdate, hide, shift, limitShift } from './temp-floating-ui.min.js';
+import { arrow, computePosition, flip, offset, autoUpdate, hide, shift, limitShift } from '@floating-ui/dom';
 import { Wrapper } from './wrapper';
 import { useShouldRender } from '../../utils/should-render';
 import { useClickAway, useIsomorphicLayoutEffect } from 'ahooks';

package/es/components/search-bar/search-bar.js

@@ -40,7 +40,14 @@ export const SearchBar = forwardRef((p, ref) => {
       var _a;
 
       return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+    },
+
+    get nativeElement() {
+      var _a, _b;
+
+      return (_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.nativeElement) !== null && _b !== void 0 ? _b : null;
     }
+
   }));
 
   const renderCancelButton = () => {

package/es/components/slider/slider.css

@@ -43,6 +43,8 @@
   height: 22px;
   margin: 5px;
   border-radius: 50%;
+  text-align: center;
+  line-height: 22px;
   background: var(--adm-color-white);
   box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.12), 0 1.5px 3px -2px rgba(0, 0, 0, 0.25);
 }

package/es/components/slider/slider.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { SliderMarks } from './marks';
 export declare type SliderValue = number | [number, number];
@@ -12,6 +12,7 @@ export declare type SliderProps = {
     ticks?: boolean;
     disabled?: boolean;
     range?: boolean;
+    icon?: React.ReactNode;
     onChange?: (value: SliderValue) => void;
     onAfterChange?: (value: SliderValue) => void;
 } & NativeProps<'--fill-color'>;

package/es/components/slider/slider.js

@@ -26,7 +26,8 @@ export const Slider = p => {
     disabled,
     marks,
     ticks,
-    step
+    step,
+    icon
   } = props;
 
   function sortValue(val) {
@@ -126,6 +127,7 @@ export const Slider = p => {
 
   const renderThumb = index => {
     return React.createElement(Thumb, {
+      icon: icon,
       key: index,
       value: sliderValue[index],
       min: min,

package/es/components/slider/thumb.d.ts

@@ -1,4 +1,4 @@
-import { FC, RefObject } from 'react';
+import React, { FC, RefObject } from 'react';
 declare type ThumbProps = {
     value: number;
     min: number;
@@ -6,6 +6,7 @@ declare type ThumbProps = {
     disabled: boolean;
     onDrag: (value: number, first: boolean, last: boolean) => void;
     trackRef: RefObject<HTMLDivElement>;
+    icon?: React.ReactNode;
 };
 declare const Thumb: FC<ThumbProps>;
 export default Thumb;

package/es/components/slider/thumb.js

@@ -9,7 +9,8 @@ const Thumb = props => {
     min,
     max,
     disabled,
-    onDrag
+    onDrag,
+    icon
   } = props;
   const prevValue = useRef(value);
 
@@ -45,7 +46,7 @@ const Thumb = props => {
     style: currentPosition()
   }, bind()), React.createElement("div", {
     className: `${classPrefix}-thumb`
-  }, React.createElement(ThumbIcon, {
+  }, icon ? icon : React.createElement(ThumbIcon, {
     className: `${classPrefix}-thumb-icon`
   })));
 };

package/es/components/text-area/text-area.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
-export declare type TextAreaProps = Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, 'autoComplete' | 'disabled' | 'readOnly' | 'onFocus' | 'onBlur' | 'onCompositionStart' | 'onCompositionEnd'> & {
+export declare type TextAreaProps = Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, 'autoComplete' | 'autoFocus' | 'disabled' | 'readOnly' | 'onFocus' | 'onBlur' | 'onCompositionStart' | 'onCompositionEnd'> & {
     onChange?: (val: string) => void;
     value?: string;
     defaultValue?: string;
@@ -20,7 +20,7 @@ export declare type TextAreaRef = {
     focus: () => void;
     blur: () => void;
 };
-export declare const TextArea: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "disabled" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "autoComplete" | "readOnly"> & {
+export declare const TextArea: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "disabled" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "autoComplete" | "autoFocus" | "readOnly"> & {
     onChange?: ((val: string) => void) | undefined;
     value?: string | undefined;
     defaultValue?: string | undefined;

package/es/components/text-area/text-area.js

@@ -111,6 +111,7 @@ export const TextArea = forwardRef((p, ref) => {
       (_a = props.onCompositionEnd) === null || _a === void 0 ? void 0 : _a.call(props, e);
     },
     autoComplete: props.autoComplete,
+    autoFocus: props.autoFocus,
     disabled: props.disabled,
     readOnly: props.readOnly,
     onFocus: props.onFocus,

package/es/locales/base.d.ts

@@ -1,4 +1,5 @@
 export declare const base: {
+    locale: string;
     common: {
         confirm: string;
         cancel: string;

package/es/locales/base.js

@@ -1,5 +1,6 @@
 const typeTemplate = '${label} is not a valid ${type}';
 export const base = {
+  locale: 'en',
   common: {
     confirm: 'Confirm',
     cancel: 'Cancel',

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

@@ -1,4 +1,5 @@
 declare const enUS: {
+    locale: string;
     common: {
         confirm: string;
         cancel: string;

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

@@ -1,4 +1,5 @@
 declare const faIR: {
+    locale: string;
     common: {
         confirm: string;
         cancel: string;

package/es/locales/fa-IR.js

@@ -2,6 +2,7 @@ import { mergeLocale } from '../utils/merge-locale';
 import { base } from './base';
 const typeTemplate = '${label} یک ${type} معتبر نیست';
 const faIR = mergeLocale(base, {
+  locale: 'fa-IR',
   common: {
     confirm: 'تایید',
     cancel: 'لغو'

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

@@ -1,4 +1,5 @@
 declare const zhCN: {
+    locale: string;
     common: {
         confirm: string;
         cancel: string;

package/es/locales/zh-CN.js

@@ -2,6 +2,7 @@ import { mergeLocale } from '../utils/merge-locale';
 import { base } from './base';
 const typeTemplate = '${label}不是一个有效的${type}';
 const zhCN = mergeLocale(base, {
+  locale: 'zh-CH',
   common: {
     confirm: '确定',
     cancel: '取消',

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

@@ -1,4 +1,5 @@
 declare const zhHK: {
+    locale: string;
     common: {
         confirm: string;
         cancel: string;

package/es/locales/zh-HK.js

@@ -1,6 +1,7 @@
 import { mergeLocale } from '../utils/merge-locale';
 import { base } from './base';
 const zhHK = mergeLocale(base, {
+  locale: 'zh-HK',
   common: {
     confirm: '確定',
     cancel: '取消',

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

@@ -1,4 +1,5 @@
 declare const zhTW: {
+    locale: string;
     common: {
         confirm: string;
         cancel: string;

package/es/locales/zh-TW.js

@@ -1,6 +1,7 @@
 import { mergeLocale } from '../utils/merge-locale';
 import { base } from './base';
 const zhTW = mergeLocale(base, {
+  locale: 'zh-TW',
   common: {
     confirm: '確定',
     cancel: '取消',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "antd-mobile",
-  "version": "5.7.2",
+  "version": "5.8.0",
   "dependencies": {
     "@floating-ui/dom": "^0.3.1",
     "@react-spring/web": "^9.4.3",