antd-mobile 5.36.0 → 5.36.1

package/2x/cjs/components/collapse/collapse.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import type { FC, ReactNode } from 'react';
+import React from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type CollapsePanelProps = {
     key: string;

package/2x/cjs/components/collapse/collapse.js

@@ -4,20 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CollapsePanel = exports.Collapse = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _nativeProps = require("../../utils/native-props");
-var _list = _interopRequireDefault(require("../list"));
-var _antdMobileIcons = require("antd-mobile-icons");
-var _classnames = _interopRequireDefault(require("classnames"));
 var _web = require("@react-spring/web");
-var _usePropsValue = require("../../utils/use-props-value");
 var _ahooks = require("ahooks");
+var _antdMobileIcons = require("antd-mobile-icons");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _nativeProps = require("../../utils/native-props");
 var _shouldRender = require("../../utils/should-render");
-var _useIsomorphicUpdateLayoutEffect = require("../../utils/use-isomorphic-update-layout-effect");
 var _traverseReactNode = require("../../utils/traverse-react-node");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _useIsomorphicUpdateLayoutEffect = require("../../utils/use-isomorphic-update-layout-effect");
+var _useMutationEffect = require("../../utils/use-mutation-effect");
+var _usePropsValue = require("../../utils/use-props-value");
+var _list = _interopRequireDefault(require("../list"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const classPrefix = `adm-collapse`;
 const CollapsePanel = () => {
   return null;
@@ -56,9 +57,25 @@ const CollapsePanelContent = props => {
     const inner = innerRef.current;
     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 = (0, _useMutationEffect.observe)(inner, {
+        childList: true,
+        subtree: true
+      }, handleMotion);
+      handleMotion();
+      return cancelObserve;
     } else {
       api.start({
         height: inner.offsetHeight,

package/2x/cjs/locales/ar-SA.js

@@ -28,7 +28,7 @@ const arSA = (0, _mergeLocale.mergeLocale)(_base.base, {
     'placeholder': 'اختر من فضلك'
   },
   'Dialog': {
-    'ok': 'عرفت'
+    'ok': 'فهمت'
   },
   'DatePicker': {
     'tillNow': 'إلى اليوم'
@@ -118,7 +118,7 @@ const arSA = (0, _mergeLocale.mergeLocale)(_base.base, {
     'name': 'قناع الخلفية'
   },
   'Modal': {
-    'ok': 'عرفت'
+    'ok': 'فهمت'
   },
   'PasscodeInput': {
     'name': 'مربع إدخال كلمة المرور'

package/2x/cjs/locales/de-DE.js

@@ -21,14 +21,14 @@ const deDE = (0, _mergeLocale.mergeLocale)(_base.base, {
     'start': 'Starten',
     'end': 'Beenden',
     'today': 'Heute',
-    'markItems': ['Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag', 'Tag'],
+    'markItems': ['I', 'II', 'III', 'IV', 'V', 'Sechs', 'Tag'],
     'yearAndMonth': '${year}Jahr${month}Monat'
   },
   'Cascader': {
     'placeholder': 'Bitte auswählen'
   },
   'Dialog': {
-    'ok': 'OK'
+    'ok': 'Ich weiß.'
   },
   'DatePicker': {
     'tillNow': 'Bis heute'
@@ -118,7 +118,7 @@ const deDE = (0, _mergeLocale.mergeLocale)(_base.base, {
     'name': 'Hintergrundmaske'
   },
   'Modal': {
-    'ok': 'OK'
+    'ok': 'Ich weiß.'
   },
   'PasscodeInput': {
     'name': 'Passwort-Eingabefeld'

package/2x/cjs/locales/es-ES.js

@@ -22,7 +22,7 @@ const esES = (0, _mergeLocale.mergeLocale)(_base.base, {
     placeholder: 'Seleccionando'
   },
   Dialog: {
-    ok: 'OK'
+    ok: 'Entendido'
   },
   ErrorBlock: {
     default: {
@@ -100,7 +100,7 @@ const esES = (0, _mergeLocale.mergeLocale)(_base.base, {
     name: 'Máscara'
   },
   Modal: {
-    ok: 'OK'
+    ok: 'Entendido'
   },
   PullToRefresh: {
     pulling: 'Desplácese hacia abajo para refrescar',

package/2x/cjs/locales/fr-FR.js

@@ -10,7 +10,7 @@ const typeTemplate = '${label}Pas un valide${type}';
 const frFR = (0, _mergeLocale.mergeLocale)(_base.base, {
   locale: 'fr-FR',
   common: {
-    confirm: 'Valider',
+    confirm: 'Activer',
     cancel: 'Annuler',
     loading: 'Chargement'
   },

package/2x/cjs/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/cjs/locales/in-ID.js

@@ -0,0 +1,149 @@
+"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} bukan ${type} yang valid';
+const inID = (0, _mergeLocale.mergeLocale)(_base.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'
+  }
+});
+var _default = inID;
+exports.default = _default;

package/2x/cjs/locales/ja-JP.js

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

package/2x/cjs/locales/th-TH.js

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

package/2x/cjs/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/cjs/utils/use-mutation-effect.js

@@ -3,19 +3,30 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.observe = observe;
 exports.useMutationEffect = useMutationEffect;
-var _react = require("react");
 var _ahooks = require("ahooks");
-function useMutationEffect(effect, targetRef, options) {
-  const fn = (0, _ahooks.useMemoizedFn)(effect);
-  (0, _react.useEffect)(() => {
-    const observer = new MutationObserver(() => {
-      fn();
+var _react = require("react");
+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 () => {};
+}
+function useMutationEffect(effect, targetRef, options) {
+  const fn = (0, _ahooks.useMemoizedFn)(effect);
+  (0, _react.useEffect)(() => {
+    const cleanup = observe(targetRef.current, options, fn);
+    return cleanup;
   }, [targetRef]);
 }

package/2x/es/components/collapse/collapse.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import type { FC, ReactNode } from 'react';
+import React from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type CollapsePanelProps = {
     key: string;

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

@@ -1,14 +1,15 @@
-import React, { isValidElement, useRef } from 'react';
-import { withNativeProps } from '../../utils/native-props';
-import List from '../list';
+import { animated, useSpring } from '@react-spring/web';
+import { useMount } from 'ahooks';
 import { DownOutline } from 'antd-mobile-icons';
 import classNames from 'classnames';
-import { useSpring, animated } from '@react-spring/web';
-import { usePropsValue } from '../../utils/use-props-value';
-import { useMount } from 'ahooks';
+import React, { isValidElement, useRef } from 'react';
+import { withNativeProps } from '../../utils/native-props';
 import { useShouldRender } from '../../utils/should-render';
-import { useIsomorphicUpdateLayoutEffect } from '../../utils/use-isomorphic-update-layout-effect';
 import { traverseReactNode } from '../../utils/traverse-react-node';
+import { useIsomorphicUpdateLayoutEffect } from '../../utils/use-isomorphic-update-layout-effect';
+import { observe } from '../../utils/use-mutation-effect';
+import { usePropsValue } from '../../utils/use-props-value';
+import List from '../list';
 const classPrefix = `adm-collapse`;
 export const CollapsePanel = () => {
   return null;
@@ -46,9 +47,25 @@ const CollapsePanelContent = props => {
     const inner = innerRef.current;
     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,

package/2x/es/locales/ar-SA.js

@@ -22,7 +22,7 @@ const arSA = mergeLocale(base, {
     'placeholder': 'اختر من فضلك'
   },
   'Dialog': {
-    'ok': 'عرفت'
+    'ok': 'فهمت'
   },
   'DatePicker': {
     'tillNow': 'إلى اليوم'
@@ -112,7 +112,7 @@ const arSA = mergeLocale(base, {
     'name': 'قناع الخلفية'
   },
   'Modal': {
-    'ok': 'عرفت'
+    'ok': 'فهمت'
   },
   'PasscodeInput': {
     'name': 'مربع إدخال كلمة المرور'

package/2x/es/locales/de-DE.js

@@ -15,14 +15,14 @@ const deDE = mergeLocale(base, {
     'start': 'Starten',
     'end': 'Beenden',
     'today': 'Heute',
-    'markItems': ['Montag', 'Dienstag', 'Mittwoch', 'Donnerstag', 'Freitag', 'Samstag', 'Tag'],
+    'markItems': ['I', 'II', 'III', 'IV', 'V', 'Sechs', 'Tag'],
     'yearAndMonth': '${year}Jahr${month}Monat'
   },
   'Cascader': {
     'placeholder': 'Bitte auswählen'
   },
   'Dialog': {
-    'ok': 'OK'
+    'ok': 'Ich weiß.'
   },
   'DatePicker': {
     'tillNow': 'Bis heute'
@@ -112,7 +112,7 @@ const deDE = mergeLocale(base, {
     'name': 'Hintergrundmaske'
   },
   'Modal': {
-    'ok': 'OK'
+    'ok': 'Ich weiß.'
   },
   'PasscodeInput': {
     'name': 'Passwort-Eingabefeld'

package/2x/es/locales/es-ES.js

@@ -16,7 +16,7 @@ const esES = mergeLocale(base, {
     placeholder: 'Seleccionando'
   },
   Dialog: {
-    ok: 'OK'
+    ok: 'Entendido'
   },
   ErrorBlock: {
     default: {
@@ -94,7 +94,7 @@ const esES = mergeLocale(base, {
     name: 'Máscara'
   },
   Modal: {
-    ok: 'OK'
+    ok: 'Entendido'
   },
   PullToRefresh: {
     pulling: 'Desplácese hacia abajo para refrescar',

package/2x/es/locales/fr-FR.js

@@ -4,7 +4,7 @@ const typeTemplate = '${label}Pas un valide${type}';
 const frFR = mergeLocale(base, {
   locale: 'fr-FR',
   common: {
-    confirm: 'Valider',
+    confirm: 'Activer',
     cancel: 'Annuler',
     loading: 'Chargement'
   },