antd-mobile 5.34.0 → 5.35.0

package/cjs/locales/hu-HU.js

@@ -0,0 +1,148 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.huHU = exports.default = void 0;
+var _mergeLocale = require("../utils/merge-locale");
+var _base = require("./base");
+const typeTemplate = '${label} is not a valid ${type}';
+const huHU = (0, _mergeLocale.mergeLocale)(_base.base, {
+  locale: 'hu',
+  common: {
+    confirm: 'Alkalmazás',
+    cancel: 'Visszavonás',
+    loading: 'Betöltés',
+    close: 'Bezárás'
+  },
+  Calendar: {
+    title: 'Dátum kiválasztása',
+    confirm: 'Alkalmazás',
+    today: 'ma',
+    markItems: ['Hét', 'Ked', 'Sze', 'Csü', 'Pén', 'Szo', 'Vas'],
+    yearAndMonth: '${year}-${month}'
+  },
+  Cascader: {
+    placeholder: 'Kiválasztás'
+  },
+  Dialog: {
+    ok: 'OK'
+  },
+  DatePicker: {
+    tillNow: 'Till Now'
+  },
+  ErrorBlock: {
+    default: {
+      title: 'Oopsz, valami hiba történt',
+      description: 'Kérjük, várjon egy percet, és próbálja újra'
+    },
+    busy: {
+      title: 'Oopsz, nem sikerült betölteni',
+      description: 'Próbálja meg frissíteni az oldalt'
+    },
+    disconnected: {
+      title: 'A hálózat elfoglalt',
+      description: 'Próbálja meg frissíteni az oldalt'
+    },
+    empty: {
+      title: "Hmm, nem találjuk amit keresel...",
+      description: 'Szeretnél új keresést indítani?'
+    }
+  },
+  Form: {
+    required: 'Kötelező',
+    optional: 'Opcionális',
+    defaultValidateMessages: {
+      default: 'Mező validációs hiba ${label}',
+      required: 'Mező kitöltése kötelező ${label}',
+      enum: '${label} tatroznia kell [${enum}]',
+      whitespace: '${label} nem lehet üres karakter',
+      date: {
+        format: '${label} dátum formátuma érvénytelen',
+        parse: '${label} nem alakítható dátummá',
+        invalid: '${label} nem érvényes dátum'
+      },
+      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} muszáj hogy ${len} karakter hosszú legyen',
+        min: '${label} muszáj hogy legalább ${min} karakter hosszú legyen',
+        max: '${label} muszáj hogy maximum ${max} karakter hosszú legyen',
+        range: '${label} muszáj hogy ${min}-${max} karakter hosszú legyen'
+      },
+      number: {
+        len: '${label} muszáj hogy ${len} legyen',
+        min: '${label} legalább ${min} legyen',
+        max: '${label} maximum ${max} lehet',
+        range: '${label} muszáj hogy ${min}-${max} között legyen'
+      },
+      array: {
+        len: 'Muszáj ${len} legyen ${label}',
+        min: 'Legalább ${min} ${label}',
+        max: 'Maximum ${max} ${label}',
+        range: '${label} értéke ${min}-${max} között kell legyen'
+      },
+      pattern: {
+        mismatch: '${label} nem hasonlít ${pattern}'
+      }
+    }
+  },
+  ImageUploader: {
+    uploading: 'Feltöltés...',
+    upload: 'Feltöltés'
+  },
+  InfiniteScroll: {
+    noMore: 'Nincs több',
+    failedToLoad: 'Nem sikerült betölteni',
+    retry: 'Újra'
+  },
+  Input: {
+    clear: 'Törlés'
+  },
+  Mask: {
+    name: 'Maszk'
+  },
+  Modal: {
+    ok: 'OK'
+  },
+  PasscodeInput: {
+    name: 'PIN-kód'
+  },
+  PullToRefresh: {
+    pulling: 'Görgessen le a frissítéshez',
+    canRelease: 'Engedje el az azonnalli frissítéshez',
+    complete: 'Sikeresen frissítve'
+  },
+  SearchBar: {
+    name: 'Keresés'
+  },
+  Slider: {
+    name: 'Csúszka'
+  },
+  Stepper: {
+    decrease: 'csökkentés',
+    increase: 'növelés'
+  },
+  Switch: {
+    name: 'Kapcsoló'
+  },
+  Selector: {
+    name: 'Kiválasztás'
+  }
+});
+exports.huHU = huHU;
+var _default = huHU;
+exports.default = _default;

package/cjs/locales/th-TH.d.ts

@@ -0,0 +1,139 @@
+declare const thTH: {
+    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 thTH;

package/cjs/locales/th-TH.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}ไม่ใช่${type}ที่ถูกต้อง';
+const thTH = (0, _mergeLocale.mergeLocale)(_base.base, {
+  locale: 'th-TH',
+  common: {
+    confirm: 'ยืนยัน',
+    cancel: 'ยกเลิก',
+    loading: 'กำลังโหลด',
+    close: 'ปิด'
+  },
+  Calendar: {
+    title: 'เลือกวันที่',
+    confirm: 'ยืนยัน',
+    start: 'เริ่ม',
+    end: 'เสร็จ',
+    today: 'วันนี้',
+    markItems: ['วันจันทร์', 'วันอังคาร', 'วันพุธ', 'วันพฤหัสบดี', 'วันศุกร์', 'วันเสาร์', 'วันอาทิตย์'],
+    yearAndMonth: '${year}/${month}'
+  },
+  Cascader: {
+    placeholder: 'เลือก'
+  },
+  Dialog: {
+    ok: 'โอเค'
+  },
+  DatePicker: {
+    tillNow: 'จนถึงตอนนี้'
+  },
+  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: 'กำลังอัปโหลด...',
+    upload: 'อัปโหลด'
+  },
+  InfiniteScroll: {
+    noMore: 'ไม่มีเพิ่มเติม',
+    failedToLoad: 'โหลดล้มเหลว',
+    retry: 'ลองใหม่'
+  },
+  Input: {
+    clear: 'ชัดเจน'
+  },
+  Mask: {
+    name: 'มาสก์'
+  },
+  Modal: {
+    ok: 'ตกลง'
+  },
+  PasscodeInput: {
+    name: 'ป้อนรหัสผ่าน'
+  },
+  PullToRefresh: {
+    pulling: 'ดึงลงเพื่อรีเฟรช',
+    canRelease: 'ปล่อยเพื่อรีเฟรชทันที',
+    complete: 'รีเฟรชสำเร็จ'
+  },
+  SearchBar: {
+    name: 'แถบค้นหา'
+  },
+  Slider: {
+    name: 'สไลด์เดอร์'
+  },
+  Stepper: {
+    decrease: 'ลด',
+    increase: 'เพิ่ม'
+  },
+  Switch: {
+    name: 'สวิตช์'
+  },
+  Selector: {
+    name: 'เลือก'
+  }
+});
+var _default = thTH;
+exports.default = _default;

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

@@ -4,15 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mergeProps = mergeProps;
-var _assignWith = _interopRequireDefault(require("lodash/assignWith"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function mergeProps(...items) {
-  function customizer(objValue, srcValue) {
-    return srcValue === undefined ? objValue : srcValue;
-  }
-  let ret = Object.assign({}, items[0]);
-  for (let i = 1; i < items.length; i++) {
-    ret = (0, _assignWith.default)(ret, items[i], customizer);
-  }
+  const ret = {};
+  items.forEach(item => {
+    Object.keys(item).forEach(key => {
+      if (item[key] !== undefined) {
+        ret[key] = item[key];
+      }
+    });
+  });
   return ret;
 }

package/cjs/utils/with-stop-propagation.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { ReactElement } from 'react';
-export declare type PropagationEvent = 'click';
+export declare type PropagationEvent = 'click' | 'touchstart';
 export declare function withStopPropagation(events: PropagationEvent[], element: ReactElement): React.ReactElement<any, string | React.JSXElementConstructor<any>>;

package/cjs/utils/with-stop-propagation.js

@@ -7,7 +7,8 @@ exports.withStopPropagation = withStopPropagation;
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const eventToPropRecord = {
-  'click': 'onClick'
+  'click': 'onClick',
+  'touchstart': 'onTouchStart'
 };
 function withStopPropagation(events, element) {
   const props = Object.assign({}, element.props);

package/es/components/button/button.d.ts

@@ -32,7 +32,7 @@ export declare const Button: React.ForwardRefExoticComponent<{
     type?: "reset" | "submit" | "button" | undefined;
     shape?: "default" | "rounded" | "rectangular" | undefined;
     children?: ReactNode;
-} & Pick<NativeButtonProps, "id" | "onMouseDown" | "onMouseUp" | "onTouchEnd" | "onTouchStart"> & {
+} & Pick<NativeButtonProps, "id" | "onTouchStart" | "onMouseDown" | "onMouseUp" | "onTouchEnd"> & {
     className?: string | undefined;
     style?: (React.CSSProperties & Partial<Record<"--border-radius" | "--text-color" | "--background-color" | "--border-width" | "--border-style" | "--border-color", string>>) | undefined;
     tabIndex?: number | undefined;

package/es/components/button/button.patch.css

@@ -47,12 +47,12 @@
   color: #00b578;
 }
 .adm-button-danger {
-  background-color: #00b578;
-  border-color: #00b578;
+  background-color: #ff3141;
+  border-color: #ff3141;
 }
 .adm-button-danger.adm-button-fill-outline,
 .adm-button-danger.adm-button-fill-none {
-  color: #00b578;
+  color: #ff3141;
 }
 .adm-button-warning {
   background-color: #ff8f1f;

package/es/components/cascader-view/use-cascader-value-extend.js

@@ -1,5 +1,6 @@
 import { useMemo } from 'react';
-import memoize from 'lodash/memoize';
+import isEqual from 'react-fast-compare';
+import memoize from 'nano-memoize';
 export function useCascaderValueExtend(options, fieldNames) {
   const {
     valueName,
@@ -19,7 +20,9 @@ export function useCascaderValueExtend(options, fieldNames) {
         currentOptions = target[childrenName];
       }
       return ret;
-    }, val => JSON.stringify(val));
+    }, {
+      equals: isEqual
+    });
   }, [options]);
   const generateIsLeaf = useMemo(() => {
     return memoize(val => {
@@ -28,7 +31,9 @@ export function useCascaderValueExtend(options, fieldNames) {
         return ((_a = currentOptions.find(option => option[valueName] === v)) === null || _a === void 0 ? void 0 : _a[childrenName]) || [];
       }, options);
       return children.length === 0;
-    }, val => JSON.stringify(val));
+    }, {
+      equals: isEqual
+    });
   }, [options]);
   function generateValueExtend(val) {
     return {

package/es/components/checkbox/native-input.js

@@ -1,5 +1,5 @@
-import React, { useEffect, useRef } from 'react';
 import { useMemoizedFn } from 'ahooks';
+import React, { useEffect, useRef } from 'react';
 export const NativeInput = props => {
   const inputRef = useRef(null);
   const handleClick = useMemoizedFn(e => {

package/es/components/config-provider/config-provider.d.ts

@@ -2,14 +2,15 @@ import type { FC, ReactNode } from 'react';
 import { Locale } from '../../locales/base';
 declare type Config = {
     locale: Locale;
-    children?: ReactNode;
 };
 export declare const defaultConfigRef: {
     current: Config;
 };
 export declare function setDefaultConfig(config: Config): void;
 export declare function getDefaultConfig(): Config;
-export declare type ConfigProviderProps = Config;
+export declare type ConfigProviderProps = Config & {
+    children?: ReactNode;
+};
 export declare const ConfigProvider: FC<ConfigProviderProps>;
 export declare function useConfig(): Config;
 export {};

package/es/components/error-block/create-error-block.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import type { ReactNode, ReactElement } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import type { ErrorBlockStatus, ImageRecord } from '.';
+import './error-block.less';
 export declare type ErrorBlockProps = {
     status?: ErrorBlockStatus;
     title?: ReactNode;

package/es/components/error-block/create-error-block.js

@@ -3,6 +3,7 @@ import classNames from 'classnames';
 import { mergeProps } from '../../utils/with-default-props';
 import { withNativeProps } from '../../utils/native-props';
 import { useConfig } from '../config-provider';
+import "./error-block.css";
 const classPrefix = `adm-error-block`;
 const defaultProps = {
   status: 'default'

package/es/components/error-block/index.d.ts

@@ -1,4 +1,3 @@
-import './error-block.less';
 import type { ReactNode } from 'react';
 import { ErrorBlock } from './error-block';
 export { createErrorBlock } from './create-error-block';

package/es/components/error-block/index.js

@@ -1,4 +1,3 @@
-import "./error-block.css";
 import { ErrorBlock } from './error-block';
 export { createErrorBlock } from './create-error-block';
 export default ErrorBlock;

package/es/components/form/form-item.js

@@ -71,6 +71,7 @@ const FormItemLayout = props => {
   }, React.createElement("span", {
     className: `${classPrefix}-label-help`,
     onClick: e => {
+      e.stopPropagation();
       e.preventDefault();
     }
   }, React.createElement(QuestionCircleOutline, null))));

package/es/components/form/form.js

@@ -7,7 +7,7 @@ import { defaultFormContext, FormContext } from './context';
 import { mergeProps } from '../../utils/with-default-props';
 import { Header } from './header';
 import { useConfig } from '../config-provider';
-import merge from 'lodash/merge';
+import merge from 'deepmerge';
 import { FormArray } from './form-array';
 import { traverseReactNode } from '../../utils/traverse-react-node';
 const classPrefix = 'adm-form';
@@ -29,7 +29,7 @@ export const Form = forwardRef((p, ref) => {
   const {
     locale
   } = useConfig();
-  const validateMessages = useMemo(() => merge({}, locale.Form.defaultValidateMessages, formProps.validateMessages), [locale.Form.defaultValidateMessages, formProps.validateMessages]);
+  const validateMessages = useMemo(() => merge(locale.Form.defaultValidateMessages, formProps.validateMessages || {}), [locale.Form.defaultValidateMessages, formProps.validateMessages]);
   const lists = [];
   let currentHeader = null;
   let items = [];

package/es/components/infinite-scroll/infinite-scroll.js

@@ -51,8 +51,10 @@ export const InfiniteScroll = p => {
     if (current >= elementTop - props.threshold) {
       const nextFlag = {};
       nextFlagRef.current = nextFlag;
-      yield doLoadMore(false);
-      setFlag(nextFlag);
+      try {
+        yield doLoadMore(false);
+        setFlag(nextFlag);
+      } catch (e) {}
     }
   }), {
     wait: 100,
@@ -78,8 +80,10 @@ export const InfiniteScroll = p => {
   function retry() {
     return __awaiter(this, void 0, void 0, function* () {
       setFailed(false);
-      yield doLoadMore(true);
-      setFlag(nextFlagRef.current);
+      try {
+        yield doLoadMore(true);
+        setFlag(nextFlagRef.current);
+      } catch (e) {}
     });
   }
   return withNativeProps(props, React.createElement("div", {

package/es/components/picker-view/wheel.js

@@ -3,10 +3,11 @@ import { useSpring, animated } from '@react-spring/web';
 import { useDrag, useWheel } from '@use-gesture/react';
 import { rubberbandIfOutOfBounds } from '../../utils/rubberband';
 import { bound } from '../../utils/bound';
-import isEqual from 'lodash/isEqual';
+import isEqual from 'react-fast-compare';
 import { useIsomorphicLayoutEffect } from 'ahooks';
 import { measureCSSLength } from '../../utils/measure-css-length';
 import { supportsPassive } from '../../utils/supports-passive';
+import classNames from 'classnames';
 const classPrefix = `adm-picker-view`;
 export const Wheel = memo(props => {
   const {
@@ -214,8 +215,10 @@ export const Wheel = memo(props => {
     }
     return React.createElement("div", {
       key: (_a = item.key) !== null && _a !== void 0 ? _a : item.value,
-      "data-selected": item.value === value,
-      className: `${classPrefix}-column-item`,
+      "data-selected": selected,
+      className: classNames(`${classPrefix}-column-item`, {
+        [`${classPrefix}-column-item-active`]: selected
+      }),
       onClick: handleClick,
       "aria-hidden": !selected,
       "aria-label": selected ? 'active' : ''

package/es/components/popover/index.d.ts

@@ -14,7 +14,7 @@ declare const _default: import("react").ForwardRefExoticComponent<{
     mode?: "dark" | "light" | undefined;
     trigger?: "click" | undefined;
     placement?: DeprecatedPlacement | Placement | undefined;
-    stopPropagation?: "click"[] | undefined;
+    stopPropagation?: import("../../utils/with-stop-propagation").PropagationEvent[] | undefined;
     content: import("react").ReactNode;
 } & {
     className?: string | undefined;