antd-mobile 5.33.2 → 5.35.0

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;

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

@@ -32,7 +32,7 @@ export declare const Popover: React.ForwardRefExoticComponent<{
     mode?: "dark" | "light" | undefined;
     trigger?: "click" | undefined;
     placement?: DeprecatedPlacement | Placement | undefined;
-    stopPropagation?: "click"[] | undefined;
+    stopPropagation?: PropagationEvent[] | undefined;
     content: ReactNode;
 } & {
     className?: string | undefined;

package/es/components/radio/radio.css

@@ -8,7 +8,7 @@
   align-items: center;
   cursor: pointer;
 }
-.adm-radio input {
+.adm-radio input[type='radio'] {
   display: none;
 }
 .adm-radio .adm-radio-icon {

package/es/components/radio/radio.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 RadioValue = string | number;
 export declare type RadioProps = {

package/es/components/radio/radio.js

@@ -1,13 +1,13 @@
+import classNames from 'classnames';
 import React, { useContext } from 'react';
+import { devWarning } from '../../utils/dev-log';
+import { isDev } from '../../utils/is-dev';
 import { withNativeProps } from '../../utils/native-props';
-import classNames from 'classnames';
-import { RadioGroupContext } from './group-context';
 import { usePropsValue } from '../../utils/use-props-value';
 import { mergeProps } from '../../utils/with-default-props';
 import { CheckIcon } from '../checkbox/check-icon';
-import { devWarning } from '../../utils/dev-log';
-import { isDev } from '../../utils/is-dev';
 import { NativeInput } from '../checkbox/native-input';
+import { RadioGroupContext } from './group-context';
 const classPrefix = `adm-radio`;
 const defaultProps = {
   defaultChecked: false

package/es/components/result-page/result-page.css

@@ -17,7 +17,7 @@
   overflow: hidden;
 }
 .adm-result-page-icon {
-  color: var(--adm-color-background);
+  color: var(--adm-color-text-light-solid);
   box-sizing: border-box;
   padding: 2px;
   margin-bottom: 8px;
@@ -27,7 +27,7 @@
 }
 .adm-result-page-title {
   font-size: var(--adm-font-size-10);
-  color: var(--adm-color-background);
+  color: var(--adm-color-text-light-solid);
   line-height: 1.4;
   text-align: center;
 }
@@ -48,7 +48,7 @@
   flex-direction: row;
   justify-content: space-between;
   margin-bottom: 5px;
-  color: var(--adm-color-background);
+  color: var(--adm-color-text-light-solid);
   font-size: var(--adm-font-size-6);
 }
 .adm-result-page-detail-bold {
@@ -60,8 +60,8 @@
   height: 10px;
   margin: auto;
   margin-bottom: 5px;
-  border-top: 2px solid var(--adm-color-background);
-  border-right: 2px solid var(--adm-color-background);
+  border-top: 2px solid var(--adm-color-text-light-solid);
+  border-right: 2px solid var(--adm-color-text-light-solid);
   transform: rotate(135deg);
 }
 .adm-result-page-collapse-active {

package/es/components/stepper/stepper.js

@@ -1,7 +1,7 @@
 import classNames from 'classnames';
 import React, { useEffect, useState, forwardRef, useImperativeHandle } from 'react';
 import { MinusOutline, AddOutline } from 'antd-mobile-icons';
-import useMergedState from 'rc-util/lib/hooks/useMergedState';
+import { useMergedState } from 'rc-util';
 import getMiniDecimal, { toFixed } from '@rc-component/mini-decimal';
 import { withNativeProps } from '../../utils/native-props';
 import { mergeProps } from '../../utils/with-default-props';

package/es/components/swipe-action/swipe-action.d.ts

@@ -31,7 +31,7 @@ export declare const SwipeAction: React.ForwardRefExoticComponent<{
     closeOnTouchOutside?: boolean | undefined;
     closeOnAction?: boolean | undefined;
     children: ReactNode;
-    stopPropagation?: "click"[] | undefined;
+    stopPropagation?: PropagationEvent[] | undefined;
     onActionsReveal?: ((side: SideType) => void) | undefined;
 } & {
     className?: string | undefined;

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

@@ -9,13 +9,14 @@ declare const _default: import("react").ForwardRefExoticComponent<{
     direction?: "vertical" | "horizontal" | undefined;
     onIndexChange?: ((index: number) => void) | undefined;
     indicatorProps?: Pick<import("../page-indicator").PageIndicatorProps, "style" | "className" | "color"> | undefined;
-    indicator?: ((total: number, current: number) => import("react").ReactNode) | undefined;
+    indicator?: false | ((total: number, current: number) => import("react").ReactNode) | undefined;
     slideSize?: number | undefined;
     trackOffset?: number | undefined;
     stuckAtBoundary?: boolean | undefined;
     rubberband?: boolean | undefined;
     stopPropagation?: ("mousedown" | "mousemove" | "mouseup")[] | undefined;
-    children?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>[] | undefined;
+    total?: number | undefined;
+    children?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>[] | ((index: number) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
 } & {
     className?: string | undefined;
     style?: (import("react").CSSProperties & Partial<Record<"--width" | "--height" | "--border-radius" | "--track-padding", string>>) | undefined;