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

package/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/es/components/list/list.css

@@ -1,5 +1,5 @@
 .adm-list {
-  --header-font-size: 14px;
+  --header-font-size: 15px;
   --prefix-width: 'auto';
   --prefix-padding-right: 12px;
   --align-items: center;
@@ -14,9 +14,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: 16px 0 4px;
+  padding: 8px var(--padding-right) 8px var(--padding-left);
 }
 .adm-list-body {
   background-color: #ffffff;
@@ -36,6 +34,9 @@
 .adm-list-card .adm-list-body {
   border-radius: 8px;
 }
+.adm-list-card .adm-list-header {
+  padding-left: 0;
+}
 .adm-list-item {
   display: block;
   padding-left: var(--padding-left);

package/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/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);
     },

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

@@ -53,12 +53,11 @@ export const Radio = p => {
   };
 
   return withNativeProps(props, React.createElement("label", {
-    className: classNames(classPrefix, props.className, {
+    className: classNames(classPrefix, {
       [`${classPrefix}-checked`]: checked,
       [`${classPrefix}-disabled`]: disabled,
       [`${classPrefix}-block`]: props.block
-    }),
-    style: props.style
+    })
   }, React.createElement("input", {
     type: 'radio',
     checked: checked,

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "antd-mobile",
-  "version": "5.0.0-rc.26",
+  "version": "5.0.0-rc.27",
   "dependencies": {
-    "@react-spring/web": "^9.4.2",
+    "@react-spring/web": "^9.4.3",
     "@types/resize-observer-browser": "^0.1.7",
-    "@use-gesture/react": "^10.2.5",
+    "@use-gesture/react": "^10.2.6",
     "ahooks": "^3.1.9",
     "antd-mobile-icons": "^0.2.2",
     "antd-mobile-v5-count": "^1.0.1",