antd-mobile 5.10.1 → 5.10.2

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "antd-mobile",
-  "version": "5.10.1",
+  "version": "5.10.2",
   "dependencies": {
     "@floating-ui/dom": "^0.4.2",
     "@react-spring/web": "^9.4.4",

package/bundle/antd-mobile.cjs.js

@@ -8287,7 +8287,13 @@ const Mask = (p) => {
       opacity
     }, props.style), {
       display: active ? "unset" : "none"
-    })
+    }),
+    onClick: (e) => {
+      var _a;
+      if (e.target === e.currentTarget) {
+        (_a = props.onMaskClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+      }
+    }
   }, props.onMaskClick && React__default["default"].createElement("div", {
     className: `${classPrefix$1g}-aria-button`,
     role: "button",
@@ -14183,6 +14189,7 @@ const ImageUploader = (p) => {
         file
       }));
       setTasks((prev) => [...prev, ...newTasks]);
+      e.target.value = "";
       yield Promise.all(newTasks.map((currentTask) => tslib.__awaiter(this, void 0, void 0, function* () {
         try {
           const result2 = yield props.upload(currentTask.file);
@@ -14214,7 +14221,6 @@ const ImageUploader = (p) => {
           throw e2;
         }
       }))).catch((error) => console.error(error));
-      e.target.value = "";
     });
   }
   const imageViewerHandlerRef = React$1.useRef(null);

package/bundle/antd-mobile.es.js

@@ -8277,7 +8277,13 @@ const Mask = (p) => {
       opacity
     }, props.style), {
       display: active ? "unset" : "none"
-    })
+    }),
+    onClick: (e) => {
+      var _a;
+      if (e.target === e.currentTarget) {
+        (_a = props.onMaskClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+      }
+    }
   }, props.onMaskClick && React$1.createElement("div", {
     className: `${classPrefix$1g}-aria-button`,
     role: "button",
@@ -14173,6 +14179,7 @@ const ImageUploader = (p) => {
         file
       }));
       setTasks((prev) => [...prev, ...newTasks]);
+      e.target.value = "";
       yield Promise.all(newTasks.map((currentTask) => __awaiter(this, void 0, void 0, function* () {
         try {
           const result2 = yield props.upload(currentTask.file);
@@ -14204,7 +14211,6 @@ const ImageUploader = (p) => {
           throw e2;
         }
       }))).catch((error) => console.error(error));
-      e.target.value = "";
     });
   }
   const imageViewerHandlerRef = useRef(null);

package/bundle/style.css

@@ -9,6 +9,7 @@
   --adm-border-color: #eeeeee;
   --adm-font-size-main: 13px;
   --adm-color-text: #333333;
+  --adm-hd: 1;
   --adm-font-family: -apple-system, blinkmacsystemfont, 'Helvetica Neue',
     helvetica, segoe ui, arial, roboto, 'PingFang SC', 'miui',
     'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
@@ -139,6 +140,7 @@ div.adm-px-tester {
   z-index: 0;
   width: 100%;
   height: 100%;
+  pointer-events: none;
 }
 .adm-mask-content {
   z-index: 1;
@@ -278,10 +280,10 @@ div.adm-px-tester {
   width: 100%;
 }
 .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));
 }
 .adm-auto-center {
   display: flex;

package/cjs/components/image-uploader/image-uploader.js

@@ -114,6 +114,8 @@ const ImageUploader = p => {
         file
       }));
       setTasks(prev => [...prev, ...newTasks]);
+      e.target.value = ''; // HACK: fix the same file doesn't trigger onChange
+
       yield Promise.all(newTasks.map(currentTask => (0, _tslib.__awaiter)(this, void 0, void 0, function* () {
         try {
           const result = yield props.upload(currentTask.file);
@@ -147,7 +149,6 @@ const ImageUploader = p => {
           throw e;
         }
       }))).catch(error => console.error(error));
-      e.target.value = ''; // HACK: fix the same file doesn't trigger onChange
     });
   }
 

package/cjs/components/mask/mask.css

@@ -15,6 +15,7 @@
   z-index: 0;
   width: 100%;
   height: 100%;
+  pointer-events: none;
 }
 .adm-mask-content {
   z-index: 1;

package/cjs/components/mask/mask.js

@@ -98,7 +98,14 @@ const Mask = p => {
       opacity
     }, props.style), {
       display: active ? 'unset' : 'none'
-    })
+    }),
+    onClick: e => {
+      var _a;
+
+      if (e.target === e.currentTarget) {
+        (_a = props.onMaskClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+      }
+    }
   }, props.onMaskClick && _react.default.createElement("div", {
     className: `${classPrefix}-aria-button`,
     role: 'button',

package/cjs/components/safe-area/safe-area.css

@@ -3,8 +3,8 @@
   width: 100%;
 }
 .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/cjs/global/global.css

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

package/cjs/global/theme.css

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

package/cjs/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/cjs/locales/ko-KR.js

@@ -0,0 +1,115 @@
+"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} 유효하지 않은 ${type} 입니다';
+const koKR = (0, _mergeLocale.mergeLocale)(_base.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: '새로고침 완료'
+  }
+});
+var _default = koKR;
+exports.default = _default;