antd-mobile 5.36.0 → 5.36.1

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

@@ -1,6 +1,6 @@
 {
   "name": "antd-mobile",
-  "version": "5.36.0",
+  "version": "5.36.1",
   "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": [

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

@@ -9727,18 +9727,27 @@ function useResizeEffect(effect, targetRef) {
     }
   }, [targetRef]);
 }
-function useMutationEffect(effect, targetRef, options) {
-  const fn = useMemoizedFn(effect);
-  React$1.useEffect(() => {
-    const observer = new MutationObserver(() => {
-      fn();
+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 () => {
-      observer.disconnect();
+      if (observer) {
+        observer.disconnect();
+        observer = null;
+      }
     };
+  }
+  return () => {
+  };
+}
+function useMutationEffect(effect, targetRef, options) {
+  const fn = useMemoizedFn(effect);
+  React$1.useEffect(() => {
+    const cleanup = observe(targetRef.current, options, fn);
+    return cleanup;
   }, [targetRef]);
 }
 function bound(position, min2, max2) {
@@ -12215,9 +12224,26 @@ const CollapsePanelContent = (props) => {
     if (!inner)
       return;
     if (visible) {
-      api.start({
-        height: inner.offsetHeight
-      });
+      let lastMotionId = 0;
+      let cancelObserve = () => {
+      };
+      const handleMotion = () => {
+        lastMotionId += 1;
+        const motionId = lastMotionId;
+        api.start({
+          height: inner.offsetHeight
+        })[0].then(() => {
+          if (motionId === lastMotionId) {
+            cancelObserve();
+          }
+        });
+      };
+      cancelObserve = observe(inner, {
+        childList: true,
+        subtree: true
+      }, handleMotion);
+      handleMotion();
+      return cancelObserve;
     } else {
       api.start({
         height: inner.offsetHeight,