antd-mobile 5.36.0 → 5.37.0

package/es/locales/in-ID.d.ts

@@ -0,0 +1,139 @@
+declare const inID: {
+    locale: string;
+    common: {
+        confirm: string;
+        cancel: string;
+        loading: string;
+        close: string;
+    };
+    Calendar: {
+        title: string;
+        confirm: string;
+        start: string;
+        end: string;
+        today: string;
+        markItems: string[];
+        yearAndMonth: string;
+    };
+    Cascader: {
+        placeholder: string;
+    };
+    Dialog: {
+        ok: string;
+    };
+    DatePicker: {
+        tillNow: 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;
+        upload: string;
+    };
+    InfiniteScroll: {
+        noMore: string;
+        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;
+    };
+    Stepper: {
+        decrease: string;
+        increase: string;
+    };
+    Switch: {
+        name: string;
+    };
+    Selector: {
+        name: string;
+    };
+};
+export default inID;

package/es/locales/in-ID.js

@@ -0,0 +1,142 @@
+import { mergeLocale } from '../utils/merge-locale';
+import { base } from './base';
+const typeTemplate = '${label} bukan ${type} yang valid';
+const inID = mergeLocale(base, {
+  locale: 'in-ID',
+  common: {
+    confirm: 'Yakin',
+    cancel: 'Batal ',
+    loading: 'memuat',
+    close: 'Tutup'
+  },
+  Calendar: {
+    title: 'Pilih Tanggal',
+    confirm: 'OK',
+    start: 'Mulai',
+    end: 'Selesai',
+    today: 'Hari Ini',
+    markItems: ['Senin', 'Selasa', 'Rabu', 'Kamis', 'Jumat', 'Sabtu', 'Minggu'],
+    yearAndMonth: '${year} Tahun ${month} Bulan'
+  },
+  Cascader: {
+    placeholder: 'Silahkan Pilih'
+  },
+  Dialog: {
+    ok: 'Saya mendapatkannya'
+  },
+  DatePicker: {
+    tillNow: 'Sampai sekarang'
+  },
+  ErrorBlock: {
+    default: {
+      title: 'Halaman mengalami beberapa permasalahan kecil',
+      description: 'Coba lagi nanti'
+    },
+    busy: {
+      title: 'kepadatan diawal',
+      description: 'Coba untuk menyegarkan'
+    },
+    disconnected: {
+      title: 'jaringan sedikit sibuk',
+      description: 'Gerakkan jari Anda untuk membantu memperbaiki'
+    },
+    empty: {
+      title: 'Itu tidak menemukan apa yang Anda butuhkan',
+      description: 'Silahkan cari yang lain'
+    }
+  },
+  Form: {
+    required: 'Diperlukan',
+    optional: 'opsional untuk diisi',
+    defaultValidateMessages: {
+      default: 'Kesalahan validasi bidang ${label}',
+      required: 'Harap masukkan ${label}',
+      enum: '${label} harus salah satu dari [${enum}]',
+      whitespace: '${label} tidak boleh berupa karakter kosong',
+      date: {
+        format: 'Format tanggal ${label} tidak valid',
+        parse: '${label} tidak dapat dikonversi ke tanggal',
+        invalid: '${label} adalah tanggal yang tidak valid'
+      },
+      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} harus berupa ${len} karakter',
+        min: '${label} Minimal ${min} karakter',
+        max: '${label}Maksimum ${max} karakter',
+        range: '${label} harus antara ${min}-${max} karakter'
+      },
+      number: {
+        len: '${label} harus sama dengan ${len}',
+        min: 'Nilai minimum ${label} adalah ${min}',
+        max: '${label} memiliki nilai maksimum ${max}',
+        range: '${label} harus antara ${min}-${max}'
+      },
+      array: {
+        len: 'Harus ${len} ${label}',
+        min: 'Minimal ${min} ${label}',
+        max: 'Hingga ${max} ${label}',
+        range: 'Jumlah ${label} harus antara ${min}-${max}'
+      },
+      pattern: {
+        mismatch: '${label} tidak cocok dengan pola ${pattern}'
+      }
+    }
+  },
+  ImageUploader: {
+    uploading: 'mengunggah...',
+    upload: 'diunggah'
+  },
+  InfiniteScroll: {
+    noMore: 'tidak ada lagi',
+    failedToLoad: 'Gagal memuat',
+    retry: 'memuat ulang'
+  },
+  Input: {
+    clear: 'Hapus'
+  },
+  Mask: {
+    name: 'lapisan pelindung'
+  },
+  Modal: {
+    ok: 'Saya mendapatkannya'
+  },
+  PasscodeInput: {
+    name: 'Kotak kata sandi'
+  },
+  PullToRefresh: {
+    pulling: 'Tarik ke bawah untuk menyegarkan',
+    canRelease: 'Lepaskan untuk menyegarkan segera',
+    complete: 'Segarkan berhasil'
+  },
+  SearchBar: {
+    name: 'Bilah Pencarian'
+  },
+  Slider: {
+    name: 'Penggeser'
+  },
+  Stepper: {
+    decrease: 'mengurangi',
+    increase: 'meningkat'
+  },
+  Switch: {
+    name: 'Mengalihkan'
+  },
+  Selector: {
+    name: 'Grup pilih'
+  }
+});
+export default inID;

package/es/locales/ja-JP.js

@@ -16,7 +16,7 @@ const jaJP = mergeLocale(base, {
     placeholder: '選択下さい'
   },
   Dialog: {
-    ok: 'わかりました'
+    ok: '了解'
   },
   ErrorBlock: {
     default: {
@@ -103,7 +103,7 @@ const jaJP = mergeLocale(base, {
     name: 'マスク'
   },
   Modal: {
-    ok: 'わかりました'
+    ok: '了解'
   },
   PasscodeInput: {
     name: 'パスコード入力'

package/es/locales/th-TH.js

@@ -22,7 +22,7 @@ const thTH = mergeLocale(base, {
     placeholder: 'เลือก'
   },
   Dialog: {
-    ok: 'โอเค'
+    ok: 'ฉันรู้แล้ว'
   },
   DatePicker: {
     tillNow: 'จนถึงตอนนี้'
@@ -112,7 +112,7 @@ const thTH = mergeLocale(base, {
     name: 'มาสก์'
   },
   Modal: {
-    ok: 'ตกลง'
+    ok: 'ฉันรู้แล้ว'
   },
   PasscodeInput: {
     name: 'ป้อนรหัสผ่าน'

package/es/utils/is-node-with-content.d.ts

@@ -1,4 +1,7 @@
 import type { ReactNode } from 'react';
 declare type Regulated<T> = T extends null | undefined | false ? never : T;
+/**
+ * Check if the `node` is visible Node (not null, undefined, or false)
+ */
 export declare function isNodeWithContent(node: ReactNode): node is Regulated<ReactNode>;
 export {};

package/es/utils/is-node-with-content.js

@@ -1,3 +1,6 @@
+/**
+ * Check if the `node` is visible Node (not null, undefined, or false)
+ */
 export function isNodeWithContent(node) {
   return node !== undefined && node !== null && node !== false;
 }

package/es/utils/use-mutation-effect.d.ts

@@ -1,2 +1,3 @@
 import { RefObject } from 'react';
+export declare function observe(element: HTMLElement | null, options: MutationObserverInit, callback: VoidFunction): () => void;
 export declare function useMutationEffect(effect: () => void, targetRef: RefObject<HTMLElement>, options: MutationObserverInit): void;

package/es/utils/use-mutation-effect.js

@@ -1,15 +1,25 @@
-import { useEffect } from 'react';
 import { useMemoizedFn } from 'ahooks';
-export function useMutationEffect(effect, targetRef, options) {
-  const fn = useMemoizedFn(effect);
-  useEffect(() => {
-    const observer = new MutationObserver(() => {
-      fn();
+import { useEffect } from 'react';
+export function observe(element, options, callback) {
+  if (element && typeof MutationObserver !== 'undefined') {
+    let observer = new MutationObserver(() => {
+      callback();
     });
-    if (!targetRef.current) return;
-    observer.observe(targetRef.current, options);
+    observer.observe(element, options);
+    // Return cleanup function
     return () => {
-      observer.disconnect();
+      if (observer) {
+        observer.disconnect();
+        observer = null;
+      }
     };
+  }
+  return () => {};
+}
+export function useMutationEffect(effect, targetRef, options) {
+  const fn = useMemoizedFn(effect);
+  useEffect(() => {
+    const cleanup = observe(targetRef.current, options, fn);
+    return cleanup;
   }, [targetRef]);
 }

package/es/utils/with-default-props.d.ts

@@ -1,2 +1,9 @@
 export declare function mergeProps<A, B>(a: A, b: B): B & A;
 export declare function mergeProps<A, B, C>(a: A, b: B, c: C): C & B & A;
+export declare function mergeProps<A, B, C, D>(a: A, b: B, c: C, d: D): D & C & B & A;
+/**
+ * Merge props and return the first non-undefined value.
+ * The later has higher priority. e.g. (10, 1, 5) => 5 wins.
+ * This is useful with legacy props that have been deprecated.
+ */
+export declare function mergeProp<T, DefaultT extends T = T>(defaultProp: DefaultT, ...propList: T[]): T | undefined;

package/es/utils/with-default-props.js

@@ -1,11 +1,26 @@
 export function mergeProps(...items) {
   const ret = {};
   items.forEach(item => {
-    Object.keys(item).forEach(key => {
-      if (item[key] !== undefined) {
-        ret[key] = item[key];
-      }
-    });
+    if (item) {
+      Object.keys(item).forEach(key => {
+        if (item[key] !== undefined) {
+          ret[key] = item[key];
+        }
+      });
+    }
   });
   return ret;
+}
+/**
+ * Merge props and return the first non-undefined value.
+ * The later has higher priority. e.g. (10, 1, 5) => 5 wins.
+ * This is useful with legacy props that have been deprecated.
+ */
+export function mergeProp(defaultProp, ...propList) {
+  for (let i = propList.length - 1; i >= 0; i -= 1) {
+    if (propList[i] !== undefined) {
+      return propList[i];
+    }
+  }
+  return defaultProp;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "antd-mobile",
-  "version": "5.36.0",
+  "version": "5.37.0",
   "homepage": "https://github.com/ant-design/ant-design-mobile#readme",
   "bugs": {
     "url": "https://github.com/ant-design/ant-design-mobile/issues"
@@ -52,7 +52,8 @@
     "use-sync-external-store": "^1.2.0"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
   },
   "GravityCDN": "./umd/antd-mobile.js",
   "size-limit": [