antd-mobile 5.0.0-rc.26 → 5.0.0-rc.27

package/2x/cjs/components/date-picker/date-picker.d.ts

@@ -2,7 +2,7 @@ import { FC, ReactNode } from 'react';
 import type { PickerProps } from '../picker';
 import { NativeProps } from '../../utils/native-props';
 import type { Precision, DatePickerFilter } from './date-picker-utils';
-export declare type DatePickerProps = Pick<PickerProps, 'onCancel' | 'onClose' | 'visible' | 'confirmText' | 'cancelText' | 'getContainer' | 'afterShow' | 'afterClose' | 'onClick' | 'title' | 'stopPropagation' | 'style'> & {
+export declare type DatePickerProps = Pick<PickerProps, 'onCancel' | 'onClose' | 'closeOnMaskClick' | 'visible' | 'confirmText' | 'cancelText' | 'getContainer' | 'afterShow' | 'afterClose' | 'onClick' | 'title' | 'stopPropagation' | 'style'> & {
     value?: Date | null;
     defaultValue?: Date | null;
     onSelect?: (value: Date) => void;

package/2x/cjs/components/dialog/dialog.css

@@ -37,6 +37,10 @@
   flex: auto;
 }
 
+.adm-dialog-main > .adm-dialog-image-container + .adm-dialog-body {
+  padding-top: 24px;
+}
+
 .adm-dialog-main .adm-dialog-body {
   padding: 40px 24px;
 }

package/2x/cjs/components/dropdown/dropdown.css

@@ -53,10 +53,6 @@
   color: var(--adm-color-primary);
 }
 
-.adm-dropdown-item-active {
-  color: var(--adm-color-primary);
-}
-
 .adm-dropdown-item-active .adm-dropdown-item-title:after {
   margin-top: -2px;
   transform: rotate(135deg);

package/2x/cjs/components/dropdown/item.js

@@ -20,9 +20,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const classPrefix = `adm-dropdown-item`;
 
 const Item = props => {
+  var _a;
+
   const cls = (0, _classnames.default)(classPrefix, {
     [`${classPrefix}-active`]: props.active,
-    [`${classPrefix}-highlight`]: props.highlight
+    [`${classPrefix}-highlight`]: (_a = props.highlight) !== null && _a !== void 0 ? _a : props.active
   });
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     className: cls,

package/2x/cjs/components/empty/empty.css

@@ -11,7 +11,7 @@
   justify-content: center;
 }
 
-.adm-empty-image-container-image {
+.adm-empty-image-container .adm-empty-image {
   width: 128px;
 }
 

package/2x/cjs/components/form/form-item.css

@@ -21,6 +21,7 @@
 
 .adm-form-item-footer {
   color: var(--adm-color-danger);
+  margin-top: 8px;
 }
 
 .adm-form-item.adm-form-item-hidden {
@@ -32,10 +33,6 @@
   margin-bottom: 8px;
 }
 
-.adm-form-vertical .adm-form-item-footer {
-  margin-top: 8px;
-}
-
 .adm-form-horizontal .adm-list-item-content-prefix {
   padding-top: 24px;
   padding-bottom: 24px;

package/2x/cjs/components/form/index.css

@@ -39,6 +39,7 @@
 
 .adm-form-item-footer {
   color: var(--adm-color-danger);
+  margin-top: 8px;
 }
 
 .adm-form-item.adm-form-item-hidden {
@@ -50,10 +51,6 @@
   margin-bottom: 8px;
 }
 
-.adm-form-vertical .adm-form-item-footer {
-  margin-top: 8px;
-}
-
 .adm-form-horizontal .adm-list-item-content-prefix {
   padding-top: 24px;
   padding-bottom: 24px;

package/2x/cjs/components/image-viewer/image-viewer.css

@@ -11,6 +11,7 @@
   position: relative;
   z-index: 1;
   cursor: grab;
+  touch-action: none;
 }
 
 .adm-image-viewer-slides-inner {
@@ -37,6 +38,7 @@
   width: 100%;
   height: 100%;
   cursor: grab;
+  touch-action: none;
 }
 
 .adm-image-viewer-image-wrapper {

package/2x/cjs/components/image-viewer/slide.js

@@ -37,7 +37,7 @@ const Slide = props => {
   const pinchLockRef = (0, _react.useRef)(false);
   (0, _react2.useGesture)({
     onDrag: state => {
-      if (state.tap && state.elapsedTime > 0) {
+      if (state.tap && state.elapsedTime > 0 && state.elapsedTime < 1000) {
         // 判断点击时间>0是为了过滤掉非正常操作，例如用户长按选择图片之后的取消操作（也是一次点击）
         props.onTap();
         return;
@@ -96,13 +96,16 @@ const Slide = props => {
     target: controlRef,
     drag: {
       // filterTaps: true,
-      from: () => [x.get(), y.get()]
+      from: () => [x.get(), y.get()],
+      pointer: {
+        touch: true
+      }
     },
     pinch: {
-      from: () => [zoom.get(), 0]
-    },
-    pointer: {
-      touch: true
+      from: () => [zoom.get(), 0],
+      pointer: {
+        touch: true
+      }
     }
   });
   return _react.default.createElement("div", {

package/2x/cjs/components/index-bar/index-bar.css

@@ -33,7 +33,7 @@
   top: 50%;
   right: 0;
   transform: translateY(-50%);
-  z-index: 3;
+  z-index: 910;
   overflow: visible;
   color: var(--adm-color-weak);
   font-size: 24px;
@@ -89,6 +89,7 @@
 
 .adm-index-bar-sticky .adm-index-bar-anchor-title {
   position: sticky;
+  z-index: 900;
   top: var(--sticky-offset-top);
   left: 0;
 }

package/2x/cjs/components/input/input.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { NativeProps } from '../../utils/native-props';
 declare type NativeInputProps = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
-export declare type InputProps = Pick<NativeInputProps, 'maxLength' | 'minLength' | 'max' | 'min' | 'autoComplete' | 'pattern' | 'inputMode' | 'type' | 'onFocus' | 'onBlur' | 'autoCapitalize' | 'autoCorrect' | 'onKeyDown' | 'onKeyUp' | 'onCompositionStart' | 'onCompositionEnd'> & {
+export declare type InputProps = Pick<NativeInputProps, 'maxLength' | 'minLength' | 'autoComplete' | 'pattern' | 'inputMode' | 'type' | 'onFocus' | 'onBlur' | 'autoCapitalize' | 'autoCorrect' | 'onKeyDown' | 'onKeyUp' | 'onCompositionStart' | 'onCompositionEnd'> & {
     value?: string;
     defaultValue?: string;
     onChange?: (val: string) => void;
@@ -13,13 +13,15 @@ export declare type InputProps = Pick<NativeInputProps, 'maxLength' | 'minLength
     id?: string;
     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'>;
 export declare type InputRef = {
     clear: () => void;
     focus: () => void;
     blur: () => void;
 };
-export declare const Input: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "pattern" | "max" | "min" | "type" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "onKeyDown" | "onKeyUp" | "autoCapitalize" | "autoCorrect" | "inputMode" | "autoComplete" | "maxLength" | "minLength"> & {
+export declare const Input: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "pattern" | "type" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "onKeyDown" | "onKeyUp" | "autoCapitalize" | "autoCorrect" | "inputMode" | "autoComplete" | "maxLength" | "minLength"> & {
     value?: string | undefined;
     defaultValue?: string | undefined;
     onChange?: ((val: string) => void) | undefined;
@@ -31,5 +33,7 @@ export declare const Input: React.ForwardRefExoticComponent<Pick<React.DetailedH
     id?: string | undefined;
     onEnterPress?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
     enterKeyHint?: "enter" | "search" | "done" | "go" | "next" | "previous" | "send" | undefined;
+    min?: number | undefined;
+    max?: number | undefined;
 } & NativeProps<"--color" | "--font-size" | "--placeholder-color" | "--text-align"> & React.RefAttributes<InputRef>>;
 export {};

package/2x/cjs/components/input/input.js

@@ -19,6 +19,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _ahooks = require("ahooks");
 
+var _bound = require("../../utils/bound");
+
 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); }
@@ -71,6 +73,19 @@ const Input = (0, _react.forwardRef)((p, ref) => {
       (_a = nativeInputRef.current) === null || _a === void 0 ? void 0 : _a.removeAttribute('enterkeyhint');
     };
   }, [props.enterKeyHint]);
+
+  function checkValue() {
+    let nextValue = value;
+
+    if (props.type === 'number') {
+      nextValue = (0, _bound.bound)(parseFloat(nextValue), props.min, props.max).toString();
+    }
+
+    if (nextValue !== value) {
+      setValue(nextValue);
+    }
+  }
+
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     className: (0, _classnames.default)(`${classPrefix}`, props.disabled && `${classPrefix}-disabled`)
   }, _react.default.createElement("input", {
@@ -90,6 +105,7 @@ const Input = (0, _react.forwardRef)((p, ref) => {
       var _a;
 
       setHasFocus(false);
+      checkValue();
       (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
     },
     id: props.id,

package/2x/cjs/components/list/list.css

@@ -1,5 +1,5 @@
 .adm-list {
-  --header-font-size: 28px;
+  --header-font-size: 30px;
   --prefix-width: 'auto';
   --prefix-padding-right: 24px;
   --align-items: center;
@@ -15,9 +15,7 @@
 .adm-list-header {
   color: var(--adm-color-weak);
   font-size: var(--header-font-size);
-  padding-left: var(--padding-left);
-  padding-right: var(--padding-right);
-  margin: 32px 0 8px;
+  padding: 16px var(--padding-right) 16px var(--padding-left);
 }
 
 .adm-list-body {
@@ -43,6 +41,10 @@
   border-radius: 16px;
 }
 
+.adm-list-card .adm-list-header {
+  padding-left: 0;
+}
+
 .adm-list-item {
   display: block;
   padding-left: var(--padding-left);

package/2x/cjs/components/picker/picker.d.ts

@@ -10,6 +10,7 @@ export declare type PickerProps = {
     onConfirm?: (value: PickerValue[], extend: PickerValueExtend) => void;
     onCancel?: () => void;
     onClose?: () => void;
+    closeOnMaskClick?: boolean;
     visible?: boolean;
     title?: ReactNode;
     confirmText?: ReactNode;

package/2x/cjs/components/picker/picker.js

@@ -35,7 +35,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 const classPrefix = `adm-picker`;
 const defaultProps = {
-  defaultValue: []
+  defaultValue: [],
+  closeOnMaskClick: true
 };
 const Picker = (0, _react.memo)(p => {
   var _a;
@@ -114,6 +115,7 @@ const Picker = (0, _react.memo)(p => {
     onMaskClick: () => {
       var _a, _b;
 
+      if (!props.closeOnMaskClick) return;
       (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props);
       (_b = props.onClose) === null || _b === void 0 ? void 0 : _b.call(props);
     },

package/2x/cjs/components/popover/index.d.ts

@@ -13,11 +13,9 @@ declare const _default: import("react").ForwardRefExoticComponent<{
     stopPropagation?: "click"[] | undefined;
     content: import("react").ReactNode;
 } & Pick<import("rc-tooltip/lib/Tooltip").TooltipProps, "visible" | "align" | "defaultVisible" | "onVisibleChange"> & import("../../utils/native-props").NativeProps<"--z-index"> & import("react").RefAttributes<import("./popover").PopoverRef>> & {
-    Menu: <T extends import("./popover-menu").Action = import("./popover-menu").Action>(props: Pick<import("./popover").PopoverProps, "children" | "style" | "visible" | "className" | "tabIndex" | "mode" | "align" | "getContainer" | "stopPropagation" | "trigger" | "defaultVisible" | "onVisibleChange" | "placement" | "destroyOnHide"> & {
-        actions: T[];
-        onAction?: ((text: T) => void) | undefined;
-    } & {
-        ref?: ((instance: import("./popover").PopoverRef | null) => void) | import("react").RefObject<import("./popover").PopoverRef> | null | undefined;
-    }) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
+    Menu: import("react").ForwardRefExoticComponent<Pick<import("./popover").PopoverProps, "children" | "style" | "visible" | "className" | "tabIndex" | "mode" | "align" | "getContainer" | "stopPropagation" | "trigger" | "defaultVisible" | "onVisibleChange" | "placement" | "destroyOnHide"> & {
+        actions: import("./popover-menu").Action[];
+        onAction?: ((item: import("./popover-menu").Action) => void) | undefined;
+    } & import("react").RefAttributes<import("./popover").PopoverRef>>;
 };
 export default _default;

package/2x/cjs/components/popover/popover-menu.d.ts

@@ -1,20 +1,17 @@
-import React, { ReactElement, Ref } from 'react';
+import React from 'react';
 import { PopoverProps, PopoverRef } from './popover';
 export declare type Action = {
     text: React.ReactNode;
     icon?: React.ReactNode;
     disabled?: boolean;
-    key?: string;
+    key?: string | number;
     onClick?: () => void;
-    [key: string]: any;
 };
-export declare type PopoverMenuProps<T> = Omit<PopoverProps, 'content'> & {
-    actions: T[];
-    onAction?: (text: T) => void;
+export declare type PopoverMenuProps = Omit<PopoverProps, 'content'> & {
+    actions: Action[];
+    onAction?: (item: Action) => void;
 };
-export declare const PopoverMenu: <T extends Action = Action>(props: Pick<PopoverProps, "children" | "style" | "visible" | "className" | "tabIndex" | "mode" | "align" | "getContainer" | "stopPropagation" | "trigger" | "defaultVisible" | "onVisibleChange" | "placement" | "destroyOnHide"> & {
-    actions: T[];
-    onAction?: ((text: T) => void) | undefined;
-} & {
-    ref?: ((instance: PopoverRef | null) => void) | React.RefObject<PopoverRef> | null | undefined;
-}) => ReactElement;
+export declare const PopoverMenu: React.ForwardRefExoticComponent<Pick<PopoverProps, "children" | "style" | "visible" | "className" | "tabIndex" | "mode" | "align" | "getContainer" | "stopPropagation" | "trigger" | "defaultVisible" | "onVisibleChange" | "placement" | "destroyOnHide"> & {
+    actions: Action[];
+    onAction?: ((item: Action) => void) | undefined;
+} & React.RefAttributes<PopoverRef>>;

package/2x/cjs/components/radio/radio.js

@@ -74,12 +74,11 @@ const Radio = p => {
   };
 
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("label", {
-    className: (0, _classnames.default)(classPrefix, props.className, {
+    className: (0, _classnames.default)(classPrefix, {
       [`${classPrefix}-checked`]: checked,
       [`${classPrefix}-disabled`]: disabled,
       [`${classPrefix}-block`]: props.block
-    }),
-    style: props.style
+    })
   }, _react.default.createElement("input", {
     type: 'radio',
     checked: checked,

package/2x/es/components/date-picker/date-picker.d.ts

@@ -2,7 +2,7 @@ import { FC, ReactNode } from 'react';
 import type { PickerProps } from '../picker';
 import { NativeProps } from '../../utils/native-props';
 import type { Precision, DatePickerFilter } from './date-picker-utils';
-export declare type DatePickerProps = Pick<PickerProps, 'onCancel' | 'onClose' | 'visible' | 'confirmText' | 'cancelText' | 'getContainer' | 'afterShow' | 'afterClose' | 'onClick' | 'title' | 'stopPropagation' | 'style'> & {
+export declare type DatePickerProps = Pick<PickerProps, 'onCancel' | 'onClose' | 'closeOnMaskClick' | 'visible' | 'confirmText' | 'cancelText' | 'getContainer' | 'afterShow' | 'afterClose' | 'onClick' | 'title' | 'stopPropagation' | 'style'> & {
     value?: Date | null;
     defaultValue?: Date | null;
     onSelect?: (value: Date) => void;

package/2x/es/components/dialog/dialog.css

@@ -37,6 +37,10 @@
   flex: auto;
 }
 
+.adm-dialog-main > .adm-dialog-image-container + .adm-dialog-body {
+  padding-top: 24px;
+}
+
 .adm-dialog-main .adm-dialog-body {
   padding: 40px 24px;
 }

package/2x/es/components/dropdown/dropdown.css

@@ -53,10 +53,6 @@
   color: var(--adm-color-primary);
 }
 
-.adm-dropdown-item-active {
-  color: var(--adm-color-primary);
-}
-
 .adm-dropdown-item-active .adm-dropdown-item-title:after {
   margin-top: -2px;
   transform: rotate(135deg);

package/2x/es/components/dropdown/item.js

@@ -6,9 +6,11 @@ import { DownFill } from 'antd-mobile-icons';
 const classPrefix = `adm-dropdown-item`;
 
 const Item = props => {
+  var _a;
+
   const cls = classNames(classPrefix, {
     [`${classPrefix}-active`]: props.active,
-    [`${classPrefix}-highlight`]: props.highlight
+    [`${classPrefix}-highlight`]: (_a = props.highlight) !== null && _a !== void 0 ? _a : props.active
   });
   return withNativeProps(props, React.createElement("div", {
     className: cls,

package/2x/es/components/empty/empty.css

@@ -11,7 +11,7 @@
   justify-content: center;
 }
 
-.adm-empty-image-container-image {
+.adm-empty-image-container .adm-empty-image {
   width: 128px;
 }
 

package/2x/es/components/form/form-item.css

@@ -21,6 +21,7 @@
 
 .adm-form-item-footer {
   color: var(--adm-color-danger);
+  margin-top: 8px;
 }
 
 .adm-form-item.adm-form-item-hidden {
@@ -32,10 +33,6 @@
   margin-bottom: 8px;
 }
 
-.adm-form-vertical .adm-form-item-footer {
-  margin-top: 8px;
-}
-
 .adm-form-horizontal .adm-list-item-content-prefix {
   padding-top: 24px;
   padding-bottom: 24px;

package/2x/es/components/form/index.css

@@ -39,6 +39,7 @@
 
 .adm-form-item-footer {
   color: var(--adm-color-danger);
+  margin-top: 8px;
 }
 
 .adm-form-item.adm-form-item-hidden {
@@ -50,10 +51,6 @@
   margin-bottom: 8px;
 }
 
-.adm-form-vertical .adm-form-item-footer {
-  margin-top: 8px;
-}
-
 .adm-form-horizontal .adm-list-item-content-prefix {
   padding-top: 24px;
   padding-bottom: 24px;

package/2x/es/components/image-viewer/image-viewer.css

@@ -11,6 +11,7 @@
   position: relative;
   z-index: 1;
   cursor: grab;
+  touch-action: none;
 }
 
 .adm-image-viewer-slides-inner {
@@ -37,6 +38,7 @@
   width: 100%;
   height: 100%;
   cursor: grab;
+  touch-action: none;
 }
 
 .adm-image-viewer-image-wrapper {

package/2x/es/components/image-viewer/slide.js

@@ -22,7 +22,7 @@ export const Slide = props => {
   const pinchLockRef = useRef(false);
   useGesture({
     onDrag: state => {
-      if (state.tap && state.elapsedTime > 0) {
+      if (state.tap && state.elapsedTime > 0 && state.elapsedTime < 1000) {
         // 判断点击时间>0是为了过滤掉非正常操作，例如用户长按选择图片之后的取消操作（也是一次点击）
         props.onTap();
         return;
@@ -81,13 +81,16 @@ export const Slide = props => {
     target: controlRef,
     drag: {
       // filterTaps: true,
-      from: () => [x.get(), y.get()]
+      from: () => [x.get(), y.get()],
+      pointer: {
+        touch: true
+      }
     },
     pinch: {
-      from: () => [zoom.get(), 0]
-    },
-    pointer: {
-      touch: true
+      from: () => [zoom.get(), 0],
+      pointer: {
+        touch: true
+      }
     }
   });
   return React.createElement("div", {

package/2x/es/components/index-bar/index-bar.css

@@ -33,7 +33,7 @@
   top: 50%;
   right: 0;
   transform: translateY(-50%);
-  z-index: 3;
+  z-index: 910;
   overflow: visible;
   color: var(--adm-color-weak);
   font-size: 24px;
@@ -89,6 +89,7 @@
 
 .adm-index-bar-sticky .adm-index-bar-anchor-title {
   position: sticky;
+  z-index: 900;
   top: var(--sticky-offset-top);
   left: 0;
 }

package/2x/es/components/input/input.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { NativeProps } from '../../utils/native-props';
 declare type NativeInputProps = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
-export declare type InputProps = Pick<NativeInputProps, 'maxLength' | 'minLength' | 'max' | 'min' | 'autoComplete' | 'pattern' | 'inputMode' | 'type' | 'onFocus' | 'onBlur' | 'autoCapitalize' | 'autoCorrect' | 'onKeyDown' | 'onKeyUp' | 'onCompositionStart' | 'onCompositionEnd'> & {
+export declare type InputProps = Pick<NativeInputProps, 'maxLength' | 'minLength' | 'autoComplete' | 'pattern' | 'inputMode' | 'type' | 'onFocus' | 'onBlur' | 'autoCapitalize' | 'autoCorrect' | 'onKeyDown' | 'onKeyUp' | 'onCompositionStart' | 'onCompositionEnd'> & {
     value?: string;
     defaultValue?: string;
     onChange?: (val: string) => void;
@@ -13,13 +13,15 @@ export declare type InputProps = Pick<NativeInputProps, 'maxLength' | 'minLength
     id?: string;
     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'>;
 export declare type InputRef = {
     clear: () => void;
     focus: () => void;
     blur: () => void;
 };
-export declare const Input: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "pattern" | "max" | "min" | "type" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "onKeyDown" | "onKeyUp" | "autoCapitalize" | "autoCorrect" | "inputMode" | "autoComplete" | "maxLength" | "minLength"> & {
+export declare const Input: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "pattern" | "type" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "onKeyDown" | "onKeyUp" | "autoCapitalize" | "autoCorrect" | "inputMode" | "autoComplete" | "maxLength" | "minLength"> & {
     value?: string | undefined;
     defaultValue?: string | undefined;
     onChange?: ((val: string) => void) | undefined;
@@ -31,5 +33,7 @@ export declare const Input: React.ForwardRefExoticComponent<Pick<React.DetailedH
     id?: string | undefined;
     onEnterPress?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
     enterKeyHint?: "enter" | "search" | "done" | "go" | "next" | "previous" | "send" | undefined;
+    min?: number | undefined;
+    max?: number | undefined;
 } & NativeProps<"--color" | "--font-size" | "--placeholder-color" | "--text-align"> & React.RefAttributes<InputRef>>;
 export {};

package/2x/es/components/input/input.js

@@ -5,6 +5,7 @@ import { withNativeProps } from '../../utils/native-props';
 import { mergeProps } from '../../utils/with-default-props';
 import classNames from 'classnames';
 import { useIsomorphicLayoutEffect } from 'ahooks';
+import { bound } from '../../utils/bound';
 const classPrefix = `adm-input`;
 const defaultProps = {
   defaultValue: ''
@@ -51,6 +52,19 @@ export const Input = forwardRef((p, ref) => {
       (_a = nativeInputRef.current) === null || _a === void 0 ? void 0 : _a.removeAttribute('enterkeyhint');
     };
   }, [props.enterKeyHint]);
+
+  function checkValue() {
+    let nextValue = value;
+
+    if (props.type === 'number') {
+      nextValue = bound(parseFloat(nextValue), props.min, props.max).toString();
+    }
+
+    if (nextValue !== value) {
+      setValue(nextValue);
+    }
+  }
+
   return withNativeProps(props, React.createElement("div", {
     className: classNames(`${classPrefix}`, props.disabled && `${classPrefix}-disabled`)
   }, React.createElement("input", {
@@ -70,6 +84,7 @@ export const Input = forwardRef((p, ref) => {
       var _a;
 
       setHasFocus(false);
+      checkValue();
       (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
     },
     id: props.id,

package/2x/es/components/list/list.css

@@ -1,5 +1,5 @@
 .adm-list {
-  --header-font-size: 28px;
+  --header-font-size: 30px;
   --prefix-width: 'auto';
   --prefix-padding-right: 24px;
   --align-items: center;
@@ -15,9 +15,7 @@
 .adm-list-header {
   color: var(--adm-color-weak);
   font-size: var(--header-font-size);
-  padding-left: var(--padding-left);
-  padding-right: var(--padding-right);
-  margin: 32px 0 8px;
+  padding: 16px var(--padding-right) 16px var(--padding-left);
 }
 
 .adm-list-body {
@@ -43,6 +41,10 @@
   border-radius: 16px;
 }
 
+.adm-list-card .adm-list-header {
+  padding-left: 0;
+}
+
 .adm-list-item {
   display: block;
   padding-left: var(--padding-left);

package/2x/es/components/picker/picker.d.ts

@@ -10,6 +10,7 @@ export declare type PickerProps = {
     onConfirm?: (value: PickerValue[], extend: PickerValueExtend) => void;
     onCancel?: () => void;
     onClose?: () => void;
+    closeOnMaskClick?: boolean;
     visible?: boolean;
     title?: ReactNode;
     confirmText?: ReactNode;

package/2x/es/components/picker/picker.js

@@ -11,7 +11,8 @@ import { useMemoizedFn } from 'ahooks';
 import SafeArea from '../safe-area';
 const classPrefix = `adm-picker`;
 const defaultProps = {
-  defaultValue: []
+  defaultValue: [],
+  closeOnMaskClick: true
 };
 export const Picker = memo(p => {
   var _a;
@@ -89,6 +90,7 @@ export const Picker = memo(p => {
     onMaskClick: () => {
       var _a, _b;
 
+      if (!props.closeOnMaskClick) return;
       (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props);
       (_b = props.onClose) === null || _b === void 0 ? void 0 : _b.call(props);
     },