antd-mobile 5.36.0 → 5.37.0

package/cjs/components/virtual-input/virtual-input.js

@@ -4,30 +4,32 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.VirtualInput = void 0;
+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 _withDefaultProps = require("../../utils/with-default-props");
 var _usePropsValue = require("../../utils/use-props-value");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _antdMobileIcons = require("antd-mobile-icons");
-var _ahooks = require("ahooks");
+var _withDefaultProps = require("../../utils/with-default-props");
 var _configProvider = require("../config-provider");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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-virtual-input';
 const defaultProps = {
   defaultValue: ''
 };
-const VirtualInput = (0, _react.forwardRef)((p, ref) => {
-  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-  const [value, setValue] = (0, _usePropsValue.usePropsValue)(props);
+const VirtualInput = (0, _react.forwardRef)((props, ref) => {
+  const {
+    locale,
+    input: componentConfig = {}
+  } = (0, _configProvider.useConfig)();
+  const mergedProps = (0, _withDefaultProps.mergeProps)(defaultProps, componentConfig, props);
+  const [value, setValue] = (0, _usePropsValue.usePropsValue)(mergedProps);
   const rootRef = (0, _react.useRef)(null);
   const contentRef = (0, _react.useRef)(null);
   const [hasFocus, setHasFocus] = (0, _react.useState)(false);
-  const {
-    locale
-  } = (0, _configProvider.useConfig)();
+  const clearIcon = (0, _withDefaultProps.mergeProp)(_react.default.createElement(_antdMobileIcons.CloseCircleFill, null), componentConfig.clearIcon, props.clearIcon);
   function scrollToEnd() {
     const root = rootRef.current;
     if (!root) return;
@@ -59,14 +61,14 @@ const VirtualInput = (0, _react.forwardRef)((p, ref) => {
   function onFocus() {
     var _a;
     setHasFocus(true);
-    (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props);
+    (_a = mergedProps.onFocus) === null || _a === void 0 ? void 0 : _a.call(mergedProps);
   }
   function onBlur() {
     var _a;
     setHasFocus(false);
-    (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props);
+    (_a = mergedProps.onBlur) === null || _a === void 0 ? void 0 : _a.call(mergedProps);
   }
-  const keyboard = props.keyboard;
+  const keyboard = mergedProps.keyboard;
   const keyboardElement = keyboard && _react.default.cloneElement(keyboard, {
     onInput: v => {
       var _a, _b;
@@ -93,37 +95,37 @@ const VirtualInput = (0, _react.forwardRef)((p, ref) => {
     },
     getContainer: null
   });
-  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+  return (0, _nativeProps.withNativeProps)(mergedProps, _react.default.createElement("div", {
     ref: rootRef,
     className: (0, _classnames.default)(classPrefix, {
-      [`${classPrefix}-disabled`]: props.disabled
+      [`${classPrefix}-disabled`]: mergedProps.disabled
     }),
-    tabIndex: props.disabled ? undefined : 0,
+    tabIndex: mergedProps.disabled ? undefined : 0,
     role: 'textbox',
     onFocus: onFocus,
     onBlur: onBlur,
-    onClick: props.onClick
+    onClick: mergedProps.onClick
   }, _react.default.createElement("div", {
     className: `${classPrefix}-content`,
     ref: contentRef,
-    "aria-disabled": props.disabled,
-    "aria-label": props.placeholder
+    "aria-disabled": mergedProps.disabled,
+    "aria-label": mergedProps.placeholder
   }, value, _react.default.createElement("div", {
     className: `${classPrefix}-caret-container`
   }, hasFocus && _react.default.createElement("div", {
     className: `${classPrefix}-caret`
-  }))), props.clearable && !!value && hasFocus && _react.default.createElement("div", {
+  }))), mergedProps.clearable && !!value && hasFocus && _react.default.createElement("div", {
     className: `${classPrefix}-clear`,
     onClick: e => {
       var _a;
       e.stopPropagation();
       setValue('');
-      (_a = props.onClear) === null || _a === void 0 ? void 0 : _a.call(props);
+      (_a = mergedProps.onClear) === null || _a === void 0 ? void 0 : _a.call(mergedProps);
     },
     role: 'button',
     "aria-label": locale.Input.clear
-  }, _react.default.createElement(_antdMobileIcons.CloseCircleFill, null)), [undefined, null, ''].includes(value) && _react.default.createElement("div", {
+  }, clearIcon), [undefined, null, ''].includes(value) && _react.default.createElement("div", {
     className: `${classPrefix}-placeholder`
-  }, props.placeholder), keyboardElement));
+  }, mergedProps.placeholder), keyboardElement));
 });
 exports.VirtualInput = VirtualInput;

package/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/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/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/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/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/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/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/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/cjs/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/cjs/utils/is-node-with-content.js

@@ -4,6 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isNodeWithContent = isNodeWithContent;
+/**
+ * Check if the `node` is visible Node (not null, undefined, or false)
+ */
 function isNodeWithContent(node) {
   return node !== undefined && node !== null && node !== false;
 }

package/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/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/cjs/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/cjs/utils/with-default-props.js

@@ -3,15 +3,31 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.mergeProp = mergeProp;
 exports.mergeProps = mergeProps;
 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.
+ */
+function mergeProp(defaultProp, ...propList) {
+  for (let i = propList.length - 1; i >= 0; i -= 1) {
+    if (propList[i] !== undefined) {
+      return propList[i];
+    }
+  }
+  return defaultProp;
 }

package/es/components/card/card.css

@@ -1,7 +1,7 @@
 .adm-card {
   background: var(--adm-color-background);
-  border-radius: 8px;
-  padding: 0 12px;
+  border-radius: var(--adm-card-border-radius, 8px);
+  padding: 0 var(--adm-card-padding-inline, 12px);
 }
 .adm-card-header {
   position: relative;
@@ -9,10 +9,10 @@
   justify-content: space-between;
   align-items: center;
   box-sizing: border-box;
-  padding: 12px 0;
+  padding: var(--adm-card-header-padding-block, 12px) 0;
 }
 .adm-card-header:not(:last-child) {
-  border-bottom: solid 0.5px var(--adm-color-border);
+  border-bottom: solid var(--adm-card-header-border-width, 0.5px) var(--adm-card-header-border-color, var(--adm-color-border));
 }
 .adm-card-header-title {
   font-size: var(--adm-font-size-7);
@@ -20,5 +20,5 @@
   font-weight: bold;
 }
 .adm-card-body {
-  padding: 12px 0;
+  padding: var(--adm-card-body-padding-block, 12px) 0;
 }

package/es/components/card/card.patch.css

@@ -0,0 +1,17 @@
+.adm-card {
+  background: #fff;
+  border-radius: 8px;
+  padding: 0 12px;
+}
+.adm-card-header {
+  padding: 12px 0;
+}
+.adm-card-header:not(:last-child) {
+  border-bottom: solid 0.5px #eee;
+}
+.adm-card-header-title {
+  font-size: 15px;
+}
+.adm-card-body {
+  padding: 12px 0;
+}