antd-mobile 5.9.5 → 5.10.2

package/2x/es/components/picker-view/picker-view.d.ts

@@ -9,6 +9,7 @@ export declare type PickerValueExtend = {
 export declare type PickerColumnItem = {
     label: ReactNode;
     value: string;
+    key?: string | number;
 };
 export declare type PickerColumn = (string | PickerColumnItem)[];
 export declare type PickerViewProps = {

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

@@ -140,6 +140,8 @@ export const Wheel = memo(props => {
     className: `${classPrefix}-column-wheel`,
     "aria-hidden": true
   }, column.map((item, index) => {
+    var _a;
+
     const selected = props.value === item.value;
     if (selected) selectedIndex = index;
 
@@ -149,7 +151,7 @@ export const Wheel = memo(props => {
     }
 
     return React.createElement("div", {
-      key: item.value,
+      key: (_a = item.key) !== null && _a !== void 0 ? _a : item.value,
       "data-selected": item.value === value,
       className: `${classPrefix}-column-item`,
       onClick: handleClick,

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

@@ -3,7 +3,8 @@ import classNames from 'classnames';
 import { Popover } from './popover';
 const classPrefix = `adm-popover-menu`;
 export const PopoverMenu = forwardRef((props, ref) => {
-  const innerRef = useRef(null);
+  const innerRef = useRef(null); // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+
   useImperativeHandle(ref, () => innerRef.current, []);
   const onClick = useCallback(e => {
     var _a;

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

@@ -4,9 +4,9 @@
 }
 
 .adm-safe-area-position-top {
-  padding-top: env(safe-area-inset-top);
+  padding-top: calc(env(safe-area-inset-top) * var(--adm-hd));
 }
 
 .adm-safe-area-position-bottom {
-  padding-bottom: env(safe-area-inset-bottom);
+  padding-bottom: calc(env(safe-area-inset-bottom) * var(--adm-hd));
 }

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

@@ -4,6 +4,7 @@ import Badge from '../badge';
 import { withNativeProps } from '../../utils/native-props';
 import { usePropsValue } from '../../utils/use-props-value';
 import { Corner } from './corner';
+import { traverseReactNode } from '../../utils/traverse-react-node';
 const classPrefix = `adm-side-bar`;
 export const SideBarItem = () => {
   return null;
@@ -13,7 +14,7 @@ export const SideBar = props => {
 
   let firstActiveKey = null;
   const items = [];
-  React.Children.forEach(props.children, (child, index) => {
+  traverseReactNode(props.children, (child, index) => {
     if (!React.isValidElement(child)) return;
     const key = child.key;
     if (typeof key !== 'string') return;

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

@@ -7,6 +7,7 @@ import { mergeProps } from '../../utils/with-default-props';
 import { bound } from '../../utils/bound';
 import Input from '../input';
 import Button from '../button';
+import Big from 'big.js';
 const classPrefix = `adm-stepper`;
 const defaultProps = {
   defaultValue: 0,
@@ -24,13 +25,13 @@ export const Stepper = p => {
     inputReadOnly
   } = props;
   const [value, setValue] = usePropsValue(props);
-  const [inputValue, setInputValue] = useState(() => convertValueToText(value));
+  const [inputValue, setInputValue] = useState(() => convertValueToText(value, props.digits));
 
   function setValueWithCheck(v) {
     if (isNaN(v)) return;
     let target = bound(v, props.min, props.max);
 
-    if (props.digits || props.digits === 0) {
+    if (props.digits !== undefined) {
       target = parseFloat(target.toFixed(props.digits));
     }
 
@@ -40,14 +41,14 @@ export const Stepper = p => {
   const [hasFocus, setHasFocus] = useState(false);
   useEffect(() => {
     if (!hasFocus) {
-      setInputValue(convertValueToText(value));
+      setInputValue(convertValueToText(value, props.digits));
     }
   }, [hasFocus]);
   useEffect(() => {
     if (!hasFocus) {
-      setInputValue(convertValueToText(value));
+      setInputValue(convertValueToText(value, props.digits));
     }
-  }, [value]);
+  }, [value, props.digits]);
 
   const handleInputChange = v => {
     setInputValue(v);
@@ -65,11 +66,11 @@ export const Stepper = p => {
   };
 
   const handleMinus = () => {
-    setValueWithCheck((value !== null && value !== void 0 ? value : 0) - step);
+    setValueWithCheck(Big(value !== null && value !== void 0 ? value : 0).minus(step).toNumber());
   };
 
   const handlePlus = () => {
-    setValueWithCheck((value !== null && value !== void 0 ? value : 0) + step);
+    setValueWithCheck(Big(value !== null && value !== void 0 ? value : 0).add(step).toNumber());
   };
 
   const minusDisabled = () => {
@@ -137,9 +138,14 @@ export const Stepper = p => {
   }, React.createElement(AddOutline, null))));
 };
 
-function convertValueToText(value) {
+function convertValueToText(value, digits) {
   if (value === null) return '';
-  return value.toString();
+
+  if (digits !== undefined) {
+    return value.toFixed(digits);
+  } else {
+    return value.toString();
+  }
 }
 
 function convertTextToValue(text) {

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

@@ -101,6 +101,7 @@ export const Swiper = forwardRef(staged((p, ref) => {
       },
       onRest: () => {
         if (draggingRef.current) return;
+        if (!loop) return;
         const rawX = position.get();
         const totalWidth = 100 * count;
         const standardPosition = modulus(rawX, totalWidth);

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

@@ -5,6 +5,7 @@ import { mergeProps } from '../../utils/with-default-props';
 import Badge from '../badge';
 import SafeArea from '../safe-area';
 import { usePropsValue } from '../../utils/use-props-value';
+import { traverseReactNode } from '../../utils/traverse-react-node';
 export const TabBarItem = () => {
   return null;
 };
@@ -18,7 +19,7 @@ export const TabBar = p => {
   const props = mergeProps(defaultProps, p);
   let firstActiveKey = null;
   const items = [];
-  React.Children.forEach(props.children, (child, index) => {
+  traverseReactNode(props.children, (child, index) => {
     if (!React.isValidElement(child)) return;
     const key = child.key;
     if (typeof key !== 'string') return;

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

@@ -10,6 +10,7 @@ import { useResizeEffect } from '../../utils/use-resize-effect';
 import { mergeProps } from '../../utils/with-default-props';
 import { useIsomorphicUpdateLayoutEffect } from '../../utils/use-isomorphic-update-layout-effect';
 import { ShouldRender } from '../../utils/should-render';
+import { traverseReactNode } from '../../utils/traverse-react-node';
 const classPrefix = `adm-tabs`;
 export const Tab = () => {
   return null;
@@ -27,7 +28,7 @@ export const Tabs = p => {
   const keyToIndexRecord = {};
   let firstActiveKey = null;
   const panes = [];
-  React.Children.forEach(props.children, (child, index) => {
+  traverseReactNode(props.children, (child, index) => {
     if (!React.isValidElement(child)) return;
     const key = child.key;
     if (typeof key !== 'string') return;

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

@@ -137,7 +137,8 @@ export const Multiple = p => {
       walker(groupKeys);
     }
 
-    groupKeys = groupKeys.filter(i => !unusedKeys.includes(i));
+    groupKeys = groupKeys.filter(i => !unusedKeys.includes(i)); // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+
     const groupOptions = groupKeys.map(i => optionsMap.get(i));
     setValue(groupKeys);
     (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, groupKeys, groupOptions);

package/2x/es/global/global.css

@@ -9,6 +9,7 @@
   --adm-border-color: #eeeeee;
   --adm-font-size-main: 26px;
   --adm-color-text: #333333;
+  --adm-hd: 2;
   --adm-font-family: -apple-system, blinkmacsystemfont, 'Helvetica Neue',
     helvetica, segoe ui, arial, roboto, 'PingFang SC', 'miui',
     'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;

package/2x/es/global/theme.css

@@ -9,6 +9,7 @@
   --adm-border-color: #eeeeee;
   --adm-font-size-main: 26px;
   --adm-color-text: #333333;
+  --adm-hd: 2;
   --adm-font-family: -apple-system, blinkmacsystemfont, 'Helvetica Neue',
     helvetica, segoe ui, arial, roboto, 'PingFang SC', 'miui',
     'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;

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

@@ -0,0 +1,102 @@
+declare const koKR: {
+    locale: string;
+    common: {
+        confirm: string;
+        cancel: string;
+        loading: string;
+    };
+    Calendar: {
+        markItems: string[];
+        renderYearAndMonth: (year: number, month: number) => string;
+    };
+    Cascader: {
+        placeholder: string;
+    };
+    Dialog: {
+        ok: 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;
+    };
+    Mask: {
+        name: string;
+    };
+    Modal: {
+        ok: string;
+    };
+    PullToRefresh: {
+        pulling: string;
+        canRelease: string;
+        complete: string;
+    };
+};
+export default koKR;

package/2x/es/locales/ko-KR.js

@@ -0,0 +1,105 @@
+import { mergeLocale } from '../utils/merge-locale';
+import { base } from './base';
+const typeTemplate = '${label} 유효하지 않은 ${type} 입니다';
+const koKR = mergeLocale(base, {
+  locale: 'ko-KR',
+  common: {
+    confirm: '확인',
+    cancel: '취소',
+    loading: '로딩중...'
+  },
+  Calendar: {
+    markItems: ['월', '화', '수', '목', '금', '토', '일'],
+    renderYearAndMonth: (year, month) => `${year}년${month}일`
+  },
+  Cascader: {
+    placeholder: '선택됨'
+  },
+  Dialog: {
+    ok: '확인'
+  },
+  ErrorBlock: {
+    default: {
+      title: '문제가 발생했습니다',
+      description: '잠시 후 다시 시도해주세요'
+    },
+    busy: {
+      title: '로딩 되지 않았습니다.',
+      description: '페이지를 새로고침 해주세요'
+    },
+    disconnected: {
+      title: '네트워크를 사용 중 입니다',
+      description: '페이지를 새로고침 해주세요'
+    },
+    empty: {
+      title: '정보를 찾을 수 없습니다',
+      description: '정확한 검색어인가요?'
+    }
+  },
+  Form: {
+    required: '필수',
+    optional: '선택',
+    defaultValidateMessages: {
+      default: '필드 유효성 검사 오류 ${label}',
+      required: '${label} 입력해 주세요',
+      enum: '${label} [${enum}] 중에 하나여야 합니다',
+      whitespace: '${label} 비워둘 수 없습니다',
+      date: {
+        format: '${label} 유효하지 않은 날짜 형식입니다',
+        parse: '${label} 날짜 형식으로 변환될 수 없습니다',
+        invalid: '${label} 유효하지 않은 날짜입니다'
+      },
+      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} ${len}글자여야 합니다',
+        min: '${label} 적어도 ${min}글자 이상이어야 합니다',
+        max: '${label} ${max}글자 이하여야 합니다',
+        range: '${label} ${min}-${max}글자 사이어야 합니다'
+      },
+      number: {
+        len: '${label} 값은 ${len}이어야 합니다',
+        min: '${label} 최솟값은 ${min}입니다',
+        max: '${label} 최댓값은 ${max}입니다',
+        range: '${label} 값은 ${min}-${max} 사이어야 합니다'
+      },
+      array: {
+        len: '${len}이어야 합니다 ${label}',
+        min: '최소 ${min}이어야 합니다 ${label}',
+        max: '최대 ${max}이어야 합니다 ${label}',
+        range: '${label} ${min}-${max} 사이어야 합니다'
+      },
+      pattern: {
+        mismatch: '${label} ${pattern} 패턴과 일치하지 않습니다'
+      }
+    }
+  },
+  ImageUploader: {
+    uploading: '업로드 중...'
+  },
+  Mask: {
+    name: '마스크'
+  },
+  Modal: {
+    ok: '확인'
+  },
+  PullToRefresh: {
+    pulling: '스크롤을 당겨서 새로고침하십시오',
+    canRelease: '새로고침 하려면 놓으십시오',
+    complete: '새로고침 완료'
+  }
+});
+export default koKR;

package/2x/es/locales/zh-HK.js

@@ -1,5 +1,6 @@
 import { mergeLocale } from '../utils/merge-locale';
 import { base } from './base';
+const typeTemplate = '${label}不是一個有效的${type}';
 const zhHK = mergeLocale(base, {
   locale: 'zh-HK',
   common: {
@@ -7,6 +8,10 @@ const zhHK = mergeLocale(base, {
     cancel: '取消',
     loading: '加載中……'
   },
+  Calendar: {
+    markItems: ['一', '二', '三', '四', '五', '六', '日'],
+    renderYearAndMonth: (year, month) => `${year}年${month}月`
+  },
   Cascader: {
     placeholder: '請選擇'
   },
@@ -31,6 +36,57 @@ const zhHK = mergeLocale(base, {
       description: '找找其他的吧'
     }
   },
+  Form: {
+    required: '必填',
+    optional: '選填',
+    defaultValidateMessages: {
+      default: '字段驗證錯誤${label}',
+      required: '請輸入${label}',
+      enum: '${label}必須是其中一個[${enum}]',
+      whitespace: '${label}不能為空字符',
+      date: {
+        format: '${label}日期格式無效',
+        parse: '${label}不能轉換為日期',
+        invalid: '${label}是一個無效日期'
+      },
+      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}須為${len}個字符',
+        min: '${label}最少${min}個字符',
+        max: '${label}最多${max}個字符',
+        range: '${label}須在${min}-${max}字符之間'
+      },
+      number: {
+        len: '${label}必須等於${len}',
+        min: '${label}最小值為${min}',
+        max: '${label}最大值為${max}',
+        range: '${label}須在${min}-${max}之間'
+      },
+      array: {
+        len: '須為${len}個${label}',
+        min: '最少${min}個${label}',
+        max: '最多${max}個${label}',
+        range: '${label}数量須在${min}-${max}之間'
+      },
+      pattern: {
+        mismatch: '${label}與模式不匹配${pattern}'
+      }
+    }
+  },
   ImageUploader: {
     uploading: '上傳中...'
   },

package/2x/es/locales/zh-TW.js

@@ -1,5 +1,6 @@
 import { mergeLocale } from '../utils/merge-locale';
 import { base } from './base';
+const typeTemplate = '${label}不是一個有效的${type}';
 const zhTW = mergeLocale(base, {
   locale: 'zh-TW',
   common: {
@@ -7,6 +8,10 @@ const zhTW = mergeLocale(base, {
     cancel: '取消',
     loading: '加載中……'
   },
+  Calendar: {
+    markItems: ['一', '二', '三', '四', '五', '六', '日'],
+    renderYearAndMonth: (year, month) => `${year}年${month}月`
+  },
   Cascader: {
     placeholder: '請選擇'
   },
@@ -31,6 +36,57 @@ const zhTW = mergeLocale(base, {
       description: '找找其他的吧'
     }
   },
+  Form: {
+    required: '必填',
+    optional: '選填',
+    defaultValidateMessages: {
+      default: '字段驗證錯誤${label}',
+      required: '請輸入${label}',
+      enum: '${label}必須是其中一個[${enum}]',
+      whitespace: '${label}不能為空字符',
+      date: {
+        format: '${label}日期格式無效',
+        parse: '${label}不能轉換為日期',
+        invalid: '${label}是一個無效日期'
+      },
+      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}須為${len}個字符',
+        min: '${label}最少${min}個字符',
+        max: '${label}最多${max}個字符',
+        range: '${label}須在${min}-${max}字符之間'
+      },
+      number: {
+        len: '${label}必須等於${len}',
+        min: '${label}最小值為${min}',
+        max: '${label}最大值為${max}',
+        range: '${label}須在${min}-${max}之間'
+      },
+      array: {
+        len: '須為${len}個${label}',
+        min: '最少${min}個${label}',
+        max: '最多${max}個${label}',
+        range: '${label}数量須在${min}-${max}之間'
+      },
+      pattern: {
+        mismatch: '${label}與模式不匹配${pattern}'
+      }
+    }
+  },
   ImageUploader: {
     uploading: '上傳中...'
   },

package/2x/es/utils/traverse-react-node.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode } from 'react';
+export declare function traverseReactNode(children: ReactNode, fn: (child: ReactNode, index: number) => void): void;

package/2x/es/utils/traverse-react-node.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { isFragment } from 'react-is';
+export function traverseReactNode(children, fn) {
+  let i = 0;
+
+  function handle(target) {
+    React.Children.forEach(target, child => {
+      if (!isFragment(child)) {
+        fn(child, i);
+        i += 1;
+      } else {
+        handle(child.props.children);
+      }
+    });
+  }
+
+  handle(children);
+}

package/2x/package.json

@@ -1,18 +1,22 @@
 {
   "name": "antd-mobile",
-  "version": "5.9.5",
+  "version": "5.10.2",
   "dependencies": {
     "@floating-ui/dom": "^0.4.2",
     "@react-spring/web": "^9.4.4",
+    "@types/big.js": "^6.1.3",
+    "@types/react-is": "^17.0.3",
     "@types/resize-observer-browser": "^0.1.7",
     "@use-gesture/react": "^10.2.10",
     "ahooks": "^3.1.14",
     "antd-mobile-icons": "^0.2.2",
     "antd-mobile-v5-count": "^1.0.1",
+    "big.js": "^6.1.1",
     "classnames": "^2.3.1",
     "dayjs": "^1.11.0",
     "lodash": "^4.17.21",
     "rc-field-form": "^1.24.0",
+    "react-is": "^17.0.2",
     "staged-components": "^1.1.2",
     "tslib": "^2.3.1"
   },