antd-mobile 5.33.2 → 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/stepper/stepper.js

@@ -8,7 +8,7 @@ exports.Stepper = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
 var _antdMobileIcons = require("antd-mobile-icons");
-var _useMergedState = _interopRequireDefault(require("rc-util/lib/hooks/useMergedState"));
+var _rcUtil = require("rc-util");
 var _miniDecimal = _interopRequireWildcard(require("@rc-component/mini-decimal"));
 var _nativeProps = require("../../utils/native-props");
 var _withDefaultProps = require("../../utils/with-default-props");
@@ -77,7 +77,7 @@ function InnerStepper(p, ref) {
     return formatter ? formatter(value) : fixedValue(value);
   };
   // ======================== Value & InputValue ========================
-  const [mergedValue, setMergedValue] = (0, _useMergedState.default)(defaultValue, {
+  const [mergedValue, setMergedValue] = (0, _rcUtil.useMergedState)(defaultValue, {
     value,
     onChange: nextValue => {
       onChange === null || onChange === void 0 ? void 0 : onChange(nextValue);

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/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;

package/cjs/components/swiper/swiper.css

@@ -31,7 +31,8 @@
   display: flex;
   flex-wrap: nowrap;
 }
-.adm-swiper-slide {
+.adm-swiper-slide,
+.adm-swiper-slide-placeholder {
   width: 100%;
   height: 100%;
   display: block;

package/cjs/components/swiper/swiper.d.ts

@@ -22,13 +22,20 @@ export declare type SwiperProps = {
     direction?: 'horizontal' | 'vertical';
     onIndexChange?: (index: number) => void;
     indicatorProps?: Pick<PageIndicatorProps, 'color' | 'style' | 'className'>;
-    indicator?: (total: number, current: number) => ReactNode;
+    indicator?: false | ((total: number, current: number) => ReactNode);
     slideSize?: number;
     trackOffset?: number;
     stuckAtBoundary?: boolean;
     rubberband?: boolean;
     stopPropagation?: PropagationEvent[];
-    children?: ReactElement | ReactElement[];
+    /**
+     * Virtual scroll usage. Should work with renderProps `children`
+     */
+    total?: number;
+    /**
+     * renderProps is only work when `total` used
+     */
+    children?: ReactElement | ReactElement[] | ((index: number) => ReactElement);
 } & NativeProps<'--height' | '--width' | '--border-radius' | '--track-padding'>;
 export declare const Swiper: React.ForwardRefExoticComponent<{
     defaultIndex?: number | undefined;
@@ -39,13 +46,20 @@ export declare const Swiper: React.ForwardRefExoticComponent<{
     direction?: "vertical" | "horizontal" | undefined;
     onIndexChange?: ((index: number) => void) | undefined;
     indicatorProps?: Pick<PageIndicatorProps, "style" | "className" | "color"> | undefined;
-    indicator?: ((total: number, current: number) => ReactNode) | undefined;
+    indicator?: false | ((total: number, current: number) => ReactNode) | undefined;
     slideSize?: number | undefined;
     trackOffset?: number | undefined;
     stuckAtBoundary?: boolean | undefined;
     rubberband?: boolean | undefined;
     stopPropagation?: ("mousedown" | "mousemove" | "mouseup")[] | undefined;
-    children?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[] | undefined;
+    /**
+     * Virtual scroll usage. Should work with renderProps `children`
+     */
+    total?: number | undefined;
+    /**
+     * renderProps is only work when `total` used
+     */
+    children?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[] | ((index: number) => ReactElement) | undefined;
 } & {
     className?: string | undefined;
     style?: (React.CSSProperties & Partial<Record<"--width" | "--height" | "--border-radius" | "--track-padding", string>>) | undefined;