antd-mobile 5.34.0 → 5.36.0

package/cjs/components/button/button.d.ts

@@ -11,7 +11,7 @@ export declare type ButtonProps = {
     loadingText?: string;
     loadingIcon?: ReactNode;
     disabled?: boolean;
-    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | Promise<void> | unknown;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | Promise<void>;
     type?: 'submit' | 'reset' | 'button';
     shape?: 'default' | 'rounded' | 'rectangular';
     children?: ReactNode;
@@ -28,11 +28,11 @@ export declare const Button: React.ForwardRefExoticComponent<{
     loadingText?: string | undefined;
     loadingIcon?: ReactNode;
     disabled?: boolean | undefined;
-    onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | Promise<void> | unknown) | undefined;
+    onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | Promise<void>) | undefined;
     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/input/input.d.ts

@@ -4,7 +4,7 @@ declare type NativeInputProps = React.DetailedHTMLProps<React.InputHTMLAttribute
 declare type AriaProps = {
     role?: string;
 };
-export declare type InputProps = Pick<NativeInputProps, 'maxLength' | 'minLength' | 'autoComplete' | 'autoFocus' | 'pattern' | 'inputMode' | 'type' | 'name' | 'onFocus' | 'onBlur' | 'autoCapitalize' | 'autoCorrect' | 'onKeyDown' | 'onKeyUp' | 'onCompositionStart' | 'onCompositionEnd' | 'onClick' | 'step' | 'id' | 'placeholder' | 'readOnly' | 'disabled'> & {
+export declare type InputProps = Pick<NativeInputProps, 'maxLength' | 'minLength' | 'autoComplete' | 'autoFocus' | 'pattern' | 'inputMode' | 'type' | 'name' | 'onFocus' | 'onBlur' | 'autoCapitalize' | 'autoCorrect' | 'onKeyDown' | 'onKeyUp' | 'onCompositionStart' | 'onCompositionEnd' | 'onClick' | 'step' | 'id' | 'placeholder' | 'readOnly' | 'disabled' | 'enterKeyHint'> & {
     value?: string;
     defaultValue?: string;
     onChange?: (val: string) => void;
@@ -12,7 +12,6 @@ export declare type InputProps = Pick<NativeInputProps, 'maxLength' | 'minLength
     onlyShowClearWhenFocus?: boolean;
     onClear?: () => void;
     onEnterPress?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
-    enterKeyHint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
     min?: number;
     max?: number;
 } & NativeProps<'--font-size' | '--color' | '--placeholder-color' | '--text-align'> & AriaProps;
@@ -22,7 +21,7 @@ export declare type InputRef = {
     blur: () => void;
     nativeElement: HTMLInputElement | null;
 };
-export declare const Input: React.ForwardRefExoticComponent<Pick<NativeInputProps, "pattern" | "id" | "onClick" | "disabled" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "onKeyDown" | "onKeyUp" | "type" | "step" | "autoFocus" | "placeholder" | "autoCapitalize" | "autoCorrect" | "inputMode" | "name" | "readOnly" | "autoComplete" | "maxLength" | "minLength"> & {
+export declare const Input: React.ForwardRefExoticComponent<Pick<NativeInputProps, "pattern" | "id" | "onClick" | "disabled" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "onKeyDown" | "onKeyUp" | "type" | "step" | "autoFocus" | "placeholder" | "autoCapitalize" | "autoCorrect" | "inputMode" | "name" | "readOnly" | "autoComplete" | "enterKeyHint" | "maxLength" | "minLength"> & {
     value?: string | undefined;
     defaultValue?: string | undefined;
     onChange?: ((val: string) => void) | undefined;
@@ -30,7 +29,6 @@ export declare const Input: React.ForwardRefExoticComponent<Pick<NativeInputProp
     onlyShowClearWhenFocus?: boolean | undefined;
     onClear?: (() => void) | undefined;
     onEnterPress?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
-    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
     min?: number | undefined;
     max?: number | undefined;
 } & {

package/cjs/components/input/input.js

@@ -10,10 +10,10 @@ var _antdMobileIcons = require("antd-mobile-icons");
 var _nativeProps = require("../../utils/native-props");
 var _withDefaultProps = require("../../utils/with-default-props");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _ahooks = require("ahooks");
 var _bound = require("../../utils/bound");
 var _validate = require("../../utils/validate");
 var _configProvider = require("../config-provider");
+var _useInputHandleKeyDown = _interopRequireDefault(require("./useInputHandleKeyDown"));
 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; }
@@ -31,6 +31,12 @@ const Input = (0, _react.forwardRef)((p, ref) => {
   const {
     locale
   } = (0, _configProvider.useConfig)();
+  const handleKeydown = (0, _useInputHandleKeyDown.default)({
+    onEnterPress: props.onEnterPress,
+    onKeyDown: props.onKeyDown,
+    nativeInputRef,
+    enterKeyHint: props.enterKeyHint
+  });
   (0, _react.useImperativeHandle)(ref, () => ({
     clear: () => {
       setValue('');
@@ -47,22 +53,6 @@ const Input = (0, _react.forwardRef)((p, ref) => {
       return nativeInputRef.current;
     }
   }));
-  const handleKeydown = e => {
-    var _a;
-    if (props.onEnterPress && (e.code === 'Enter' || e.keyCode === 13)) {
-      props.onEnterPress(e);
-    }
-    (_a = props.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(props, e);
-  };
-  (0, _ahooks.useIsomorphicLayoutEffect)(() => {
-    var _a;
-    if (!props.enterKeyHint) return;
-    (_a = nativeInputRef.current) === null || _a === void 0 ? void 0 : _a.setAttribute('enterkeyhint', props.enterKeyHint);
-    return () => {
-      var _a;
-      (_a = nativeInputRef.current) === null || _a === void 0 ? void 0 : _a.removeAttribute('enterkeyhint');
-    };
-  }, [props.enterKeyHint]);
   function checkValue() {
     let nextValue = value;
     if (props.type === 'number') {
@@ -113,6 +103,7 @@ const Input = (0, _react.forwardRef)((p, ref) => {
     max: props.max,
     min: props.min,
     autoComplete: props.autoComplete,
+    enterKeyHint: props.enterKeyHint,
     autoFocus: props.autoFocus,
     pattern: props.pattern,
     inputMode: props.inputMode,

package/cjs/components/input/useInputHandleKeyDown.d.ts

@@ -0,0 +1,8 @@
+interface InputHandleKeyDownType<T> {
+    onEnterPress?: (e: React.KeyboardEvent<T>) => void;
+    onKeyDown?: (e: React.KeyboardEvent<T>) => void;
+    enterKeyHint?: React.InputHTMLAttributes<HTMLInputElement>['enterKeyHint'];
+    nativeInputRef: React.RefObject<T>;
+}
+export default function useInputHandleKeyDown<T extends HTMLInputElement | HTMLTextAreaElement>({ onEnterPress, onKeyDown, nativeInputRef, enterKeyHint, }: InputHandleKeyDownType<T>): (e: React.KeyboardEvent<T>) => void;
+export {};

package/cjs/components/input/useInputHandleKeyDown.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useInputHandleKeyDown;
+var _ahooks = require("ahooks");
+function useInputHandleKeyDown({
+  onEnterPress,
+  onKeyDown,
+  nativeInputRef,
+  enterKeyHint
+}) {
+  const handleKeydown = e => {
+    if (onEnterPress && (e.code === 'Enter' || e.keyCode === 13)) {
+      onEnterPress(e);
+    }
+    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
+  };
+  (0, _ahooks.useIsomorphicLayoutEffect)(() => {
+    const ele = nativeInputRef.current;
+    if (!enterKeyHint || !ele) return;
+    ele.setAttribute('enterkeyhint', enterKeyHint);
+    return () => {
+      ele.removeAttribute('enterkeyhint');
+    };
+  }, [enterKeyHint]);
+  return handleKeydown;
+}

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/result-page/result-page.d.ts

@@ -7,7 +7,7 @@ interface ResultPageDetail {
     bold?: boolean;
 }
 declare type ResultPageDetails = ResultPageDetail[];
-declare type OnClick = (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | Promise<void> | unknown;
+declare type OnClick = (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | Promise<void>;
 export declare type ResultPageProps = {
     status?: 'success' | 'error' | 'info' | 'waiting' | 'warning';
     title: ReactNode;

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

@@ -3,7 +3,7 @@ export type { SwiperProps, SwiperRef } from './swiper';
 declare const _default: import("react").ForwardRefExoticComponent<{
     defaultIndex?: number | undefined;
     allowTouchMove?: boolean | undefined;
-    autoplay?: boolean | undefined;
+    autoplay?: boolean | "reverse" | undefined;
     autoplayInterval?: number | undefined;
     loop?: boolean | undefined;
     direction?: "vertical" | "horizontal" | undefined;

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

@@ -16,7 +16,7 @@ export declare type SwiperRef = {
 export declare type SwiperProps = {
     defaultIndex?: number;
     allowTouchMove?: boolean;
-    autoplay?: boolean;
+    autoplay?: boolean | 'reverse';
     autoplayInterval?: number;
     loop?: boolean;
     direction?: 'horizontal' | 'vertical';
@@ -40,7 +40,7 @@ export declare type SwiperProps = {
 export declare const Swiper: React.ForwardRefExoticComponent<{
     defaultIndex?: number | undefined;
     allowTouchMove?: boolean | undefined;
-    autoplay?: boolean | undefined;
+    autoplay?: boolean | "reverse" | undefined;
     autoplayInterval?: number | undefined;
     loop?: boolean | undefined;
     direction?: "vertical" | "horizontal" | undefined;

package/cjs/components/swiper/swiper.js

@@ -228,7 +228,11 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
     } = props;
     const runTimeSwiper = () => {
       timeoutRef.current = window.setTimeout(() => {
-        swipeNext();
+        if (autoplay === 'reverse') {
+          swipePrev();
+        } else {
+          swipeNext();
+        }
         runTimeSwiper();
       }, autoplayInterval);
     };

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/components/text-area/text-area.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
-export declare type TextAreaProps = Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, 'autoComplete' | 'autoFocus' | 'disabled' | 'readOnly' | 'name' | 'onFocus' | 'onBlur' | 'onCompositionStart' | 'onCompositionEnd' | 'onClick'> & {
+export declare type TextAreaProps = Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, 'autoComplete' | 'autoFocus' | 'disabled' | 'readOnly' | 'name' | 'onFocus' | 'onBlur' | 'onCompositionStart' | 'onCompositionEnd' | 'onClick' | 'onKeyDown'> & {
     onChange?: (val: string) => void;
     value?: string;
     defaultValue?: string;
@@ -14,6 +14,8 @@ export declare type TextAreaProps = Pick<React.DetailedHTMLProps<React.TextareaH
         maxRows?: number;
     };
     id?: string;
+    onEnterPress?: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+    enterKeyHint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
 } & NativeProps<'--font-size' | '--color' | '--placeholder-color' | '--disabled-color' | '--text-align' | '--count-text-align'>;
 export declare type TextAreaRef = {
     clear: () => void;
@@ -21,7 +23,7 @@ export declare type TextAreaRef = {
     blur: () => void;
     nativeElement: HTMLTextAreaElement | null;
 };
-export declare const TextArea: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "onClick" | "disabled" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "autoFocus" | "name" | "readOnly" | "autoComplete"> & {
+export declare const TextArea: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "onClick" | "disabled" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "onKeyDown" | "autoFocus" | "name" | "readOnly" | "autoComplete"> & {
     onChange?: ((val: string) => void) | undefined;
     value?: string | undefined;
     defaultValue?: string | undefined;
@@ -34,6 +36,8 @@ export declare const TextArea: React.ForwardRefExoticComponent<Pick<React.Detail
         maxRows?: number | undefined;
     } | undefined;
     id?: string | undefined;
+    onEnterPress?: ((e: React.KeyboardEvent<HTMLTextAreaElement>) => void) | undefined;
+    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
 } & {
     className?: string | undefined;
     style?: (React.CSSProperties & Partial<Record<"--color" | "--font-size" | "--placeholder-color" | "--text-align" | "--disabled-color" | "--count-text-align", string>>) | undefined;

package/cjs/components/text-area/text-area.js

@@ -11,6 +11,7 @@ var _nativeProps = require("../../utils/native-props");
 var _usePropsValue = require("../../utils/use-props-value");
 var _withDefaultProps = require("../../utils/with-default-props");
 var _devLog = require("../../utils/dev-log");
+var _useInputHandleKeyDown = _interopRequireDefault(require("../../components/input/useInputHandleKeyDown"));
 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; }
@@ -39,6 +40,12 @@ const TextArea = (0, _react.forwardRef)((p, ref) => {
   const heightRef = (0, _react.useRef)('auto');
   // https://github.com/ant-design/ant-design-mobile/issues/6051
   const hiddenTextAreaRef = (0, _react.useRef)(null);
+  const handleKeydown = (0, _useInputHandleKeyDown.default)({
+    onEnterPress: props.onEnterPress,
+    onKeyDown: props.onKeyDown,
+    nativeInputRef: nativeTextAreaRef,
+    enterKeyHint: props.enterKeyHint
+  });
   (0, _react.useImperativeHandle)(ref, () => ({
     clear: () => {
       setValue('');
@@ -132,7 +139,8 @@ const TextArea = (0, _react.forwardRef)((p, ref) => {
     name: props.name,
     onFocus: props.onFocus,
     onBlur: props.onBlur,
-    onClick: props.onClick
+    onClick: props.onClick,
+    onKeyDown: handleKeydown
   }), count, autoSize && _react.default.createElement("textarea", {
     ref: hiddenTextAreaRef,
     className: `${classPrefix}-element ${classPrefix}-element-hidden`,