antd-mobile 5.34.0 → 5.35.0

package/cjs/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/cjs/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/cjs/components/cascader-view/use-cascader-value-extend.js

@@ -5,7 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useCascaderValueExtend = useCascaderValueExtend;
 var _react = require("react");
-var _memoize = _interopRequireDefault(require("lodash/memoize"));
+var _reactFastCompare = _interopRequireDefault(require("react-fast-compare"));
+var _nanoMemoize = _interopRequireDefault(require("nano-memoize"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function useCascaderValueExtend(options, fieldNames) {
   const {
@@ -13,7 +14,7 @@ function useCascaderValueExtend(options, fieldNames) {
     childrenName
   } = fieldNames;
   const generateItems = (0, _react.useMemo)(() => {
-    return (0, _memoize.default)(val => {
+    return (0, _nanoMemoize.default)(val => {
       const ret = [];
       let currentOptions = options;
       for (const v of val) {
@@ -26,16 +27,20 @@ function useCascaderValueExtend(options, fieldNames) {
         currentOptions = target[childrenName];
       }
       return ret;
-    }, val => JSON.stringify(val));
+    }, {
+      equals: _reactFastCompare.default
+    });
   }, [options]);
   const generateIsLeaf = (0, _react.useMemo)(() => {
-    return (0, _memoize.default)(val => {
+    return (0, _nanoMemoize.default)(val => {
       const children = val.reduce((currentOptions, v) => {
         var _a;
         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: _reactFastCompare.default
+    });
   }, [options]);
   function generateValueExtend(val) {
     return {

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NativeInput = void 0;
-var _react = _interopRequireWildcard(require("react"));
 var _ahooks = require("ahooks");
+var _react = _interopRequireWildcard(require("react"));
 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; }
 const NativeInput = props => {

package/cjs/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/cjs/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/cjs/components/error-block/create-error-block.js

@@ -9,6 +9,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _withDefaultProps = require("../../utils/with-default-props");
 var _nativeProps = require("../../utils/native-props");
 var _configProvider = require("../config-provider");
+require("./error-block.css");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const classPrefix = `adm-error-block`;
 const defaultProps = {

package/cjs/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/cjs/components/error-block/index.js

@@ -10,8 +10,7 @@ Object.defineProperty(exports, "createErrorBlock", {
   }
 });
 exports.default = void 0;
-require("./error-block.css");
-var _errorBlock2 = require("./error-block");
+var _errorBlock = require("./error-block");
 var _createErrorBlock = require("./create-error-block");
-var _default = _errorBlock2.ErrorBlock;
+var _default = _errorBlock.ErrorBlock;
 exports.default = _default;

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

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

package/cjs/components/form/form.js

@@ -13,7 +13,7 @@ var _context = require("./context");
 var _withDefaultProps = require("../../utils/with-default-props");
 var _header = require("./header");
 var _configProvider = require("../config-provider");
-var _merge = _interopRequireDefault(require("lodash/merge"));
+var _deepmerge = _interopRequireDefault(require("deepmerge"));
 var _formArray = require("./form-array");
 var _traverseReactNode = require("../../utils/traverse-react-node");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -38,7 +38,7 @@ const Form = (0, _react.forwardRef)((p, ref) => {
   const {
     locale
   } = (0, _configProvider.useConfig)();
-  const validateMessages = (0, _react.useMemo)(() => (0, _merge.default)({}, locale.Form.defaultValidateMessages, formProps.validateMessages), [locale.Form.defaultValidateMessages, formProps.validateMessages]);
+  const validateMessages = (0, _react.useMemo)(() => (0, _deepmerge.default)(locale.Form.defaultValidateMessages, formProps.validateMessages || {}), [locale.Form.defaultValidateMessages, formProps.validateMessages]);
   const lists = [];
   let currentHeader = null;
   let items = [];

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

@@ -60,8 +60,10 @@ 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,
@@ -87,8 +89,10 @@ const InfiniteScroll = p => {
   function retry() {
     return (0, _tslib.__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 (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {

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

@@ -9,10 +9,11 @@ var _web = require("@react-spring/web");
 var _react2 = require("@use-gesture/react");
 var _rubberband = require("../../utils/rubberband");
 var _bound = require("../../utils/bound");
-var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
+var _reactFastCompare = _interopRequireDefault(require("react-fast-compare"));
 var _ahooks = require("ahooks");
 var _measureCssLength = require("../../utils/measure-css-length");
 var _supportsPassive = require("../../utils/supports-passive");
+var _classnames = _interopRequireDefault(require("classnames"));
 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; }
@@ -223,8 +224,10 @@ const Wheel = (0, _react.memo)(props => {
     }
     return _react.default.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: (0, _classnames.default)(`${classPrefix}-column-item`, {
+        [`${classPrefix}-column-item-active`]: selected
+      }),
       onClick: handleClick,
       "aria-hidden": !selected,
       "aria-label": selected ? 'active' : ''
@@ -238,7 +241,7 @@ const Wheel = (0, _react.memo)(props => {
   if (prev.onSelect !== next.onSelect) return false;
   if (prev.renderLabel !== next.renderLabel) return false;
   if (prev.mouseWheel !== next.mouseWheel) return false;
-  if (!(0, _isEqual.default)(prev.column, next.column)) return false;
+  if (!(0, _reactFastCompare.default)(prev.column, next.column)) return false;
   return true;
 });
 exports.Wheel = Wheel;

package/cjs/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/cjs/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/cjs/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/cjs/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/cjs/components/radio/radio.js

@@ -4,19 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Radio = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
+var _devLog = require("../../utils/dev-log");
+var _isDev = require("../../utils/is-dev");
 var _nativeProps = require("../../utils/native-props");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _groupContext = require("./group-context");
 var _usePropsValue = require("../../utils/use-props-value");
 var _withDefaultProps = require("../../utils/with-default-props");
 var _checkIcon = require("../checkbox/check-icon");
-var _devLog = require("../../utils/dev-log");
-var _isDev = require("../../utils/is-dev");
 var _nativeInput = require("../checkbox/native-input");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _groupContext = require("./group-context");
 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-radio`;
 const defaultProps = {
   defaultChecked: false

package/cjs/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/cjs/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/cjs/components/text-area/text-area.css

@@ -58,9 +58,6 @@
 .adm-text-area-element::-ms-clear {
   display: none;
 }
-.adm-text-area-element[readonly] {
-  pointer-events: none;
-}
 .adm-text-area-element-hidden {
   visibility: hidden;
   position: absolute;

package/cjs/global/css-vars-patch.css

@@ -48,12 +48,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/cjs/index.d.ts

@@ -36,7 +36,7 @@ export { default as Checkbox } from './components/checkbox';
 export type { CheckboxProps, CheckboxGroupProps, CheckboxRef, } from './components/checkbox';
 export { default as Collapse } from './components/collapse';
 export type { CollapseProps, CollapsePanelProps } from './components/collapse';
-export { default as ConfigProvider } from './components/config-provider';
+export { default as ConfigProvider, useConfig } from './components/config-provider';
 export type { ConfigProviderProps } from './components/config-provider';
 export { default as DatePicker } from './components/date-picker';
 export type { DatePickerProps, DatePickerRef } from './components/date-picker';

package/cjs/index.js

@@ -519,6 +519,12 @@ Object.defineProperty(exports, "setDefaultConfig", {
     return _configProvider.setDefaultConfig;
   }
 });
+Object.defineProperty(exports, "useConfig", {
+  enumerable: true,
+  get: function () {
+    return _configProvider.useConfig;
+  }
+});
 require("./global");
 var _configProvider = _interopRequireWildcard(require("./components/config-provider"));
 var _actionSheet = _interopRequireDefault(require("./components/action-sheet"));

package/cjs/locales/hu-HU.d.ts

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