antd-mobile 5.23.0 → 5.24.1

package/2x/bundle/style.css

@@ -802,6 +802,7 @@ div.adm-px-tester {
 .adm-picker-body {
   flex: 1;
   width: 100%;
+  height: 100%;
 }
 
 .adm-picker-body>.adm-picker-view {
@@ -1269,7 +1270,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
   --width: 100%;
   --height: 0;
   --border-radius: 0;
-  background-color: #bebebe33;
+  background-color: rgba(190,190,190,.2);
   border-radius: var(--border-radius);
   width: var(--width);
   height: var(--height);
@@ -1912,12 +1913,14 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
 }
 
 .adm-form {
-  --border-inner: solid 2px var(--adm-color-border);
-  --border-top: solid 2px var(--adm-color-border);
-  --border-bottom: solid 2px var(--adm-color-border);
+  --border-inner: solid 2px var(--adm-border-color);
+  --border-top: solid 2px var(--adm-border-color);
+  --border-bottom: solid 2px var(--adm-border-color);
+  --prefix-width: 6.8em;
   ---border-inner: var(--border-inner);
   ---border-top: var(--border-top);
   ---border-bottom: var(--border-bottom);
+  ---prefix-width: var(--prefix-width);
 }
 
 .adm-form .adm-list.adm-list {
@@ -1932,6 +1935,10 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
   padding: 40px 24px;
 }
 
+.adm-form .adm-form-item-horizontal.adm-list-item {
+  --prefix-width: var(---prefix-width);
+}
+
 .adm-form-list-operation {
   text-align: center;
   color: #1677ff;
@@ -2006,7 +2013,6 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
 
 .adm-form-item.adm-form-item-horizontal.adm-list-item {
   --align-items: stretch;
-  --prefix-width: 6.8em;
 }
 
 .adm-form-item.adm-form-item-horizontal .adm-list-item-content-prefix {
@@ -2065,7 +2071,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
   background-color: var(--background);
   background-clip: padding-box;
   border-radius: 16px;
-  box-shadow: 0 0 60px #3333;
+  box-shadow: 0 0 60px rgba(51,51,51,.2);
   font-size: var(--adm-font-size-7);
   width: -webkit-max-content;
   width: max-content;
@@ -2377,7 +2383,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
   right: 0;
   width: 28px;
   height: 28px;
-  background-color: #000000b3;
+  background-color: rgba(0,0,0,.7);
   border-radius: 0 0 0 24px;
   font-size: 16px;
   color: var(--adm-color-white);
@@ -2397,7 +2403,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
   bottom: 0;
   left: 0;
   color: var(--adm-color-white);
-  background-color: #323233e0;
+  background-color: rgba(50,50,51,.88);
 }
 
 .adm-image-uploader-cell-loading {
@@ -2993,7 +2999,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
 }
 
 .adm-number-keyboard-main.adm-number-keyboard-main-confirmed-style .adm-number-keyboard-key-sign {
-  background-color: var(--adm-color-white);
+  background-color: var(--adm-color-background);
 }
 
 .adm-number-keyboard-popup.adm-popup {
@@ -3254,7 +3260,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
   content: "";
   width: var(--dot-size);
   height: var(--dot-size);
-  border-radius: 50%;
+  border-radius: 100%;
   background: var(--adm-color-text);
 }
 
@@ -3634,7 +3640,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
   margin-top: 16px;
   margin-bottom: 48px;
   font-size: var(--adm-font-size-6);
-  color: #fff9;
+  color: rgba(255,255,255,.6);
   line-height: 1.4;
   text-align: center;
 }
@@ -4013,7 +4019,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
   text-align: center;
   line-height: 56px;
   background: var(--adm-color-white);
-  box-shadow: 0 4px 10px #0000001f;
+  box-shadow: 0 4px 10px rgba(0,0,0,.12);
   color: var(--fill-color);
 }
 
@@ -4077,12 +4083,12 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
   right: 0;
   bottom: 0;
   border-radius: inherit;
-  background-color: #fff9;
+  background-color: rgba(255,255,255,.6);
 }
 
 .adm-slider-disabled .adm-slider-thumb {
   cursor: not-allowed;
-  box-shadow: 0 4px 10px #0000000f;
+  box-shadow: 0 4px 10px rgba(0,0,0,.06);
 }
 
 .adm-slider-disabled .adm-slider-mark-text,
@@ -4537,7 +4543,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
   top: var(--border-width);
   left: var(--border-width);
   transition: all .2s;
-  box-shadow: 0 0 4px #0003,0 4px 23px #00000014,-2px 4px 4px #0000001a;
+  box-shadow: 0 0 4px rgba(0,0,0,.2),0 4px 23px rgba(0,0,0,.08),-2px 4px 4px rgba(0,0,0,.1);
 }
 
 .adm-switch-inner {
@@ -4751,7 +4757,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
   overflow: auto;
   color: #fff;
   word-break: break-all;
-  background-color: #000000b3;
+  background-color: rgba(0,0,0,.7);
   border-radius: 16px;
   pointer-events: all;
   font-size: var(--adm-font-size-7);

package/2x/cjs/components/action-sheet/action-sheet.js

@@ -5,23 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ActionSheet = void 0;
 exports.showActionSheet = showActionSheet;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _nativeProps = require("../../utils/native-props");
-
 var _withDefaultProps = require("../../utils/with-default-props");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _popup = _interopRequireDefault(require("../popup"));
-
 var _safeArea = _interopRequireDefault(require("../safe-area"));
-
 var _renderImperatively = require("../../utils/render-imperatively");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const classPrefix = `adm-action-sheet`;
 const defaultProps = {
   visible: false,
@@ -33,16 +24,13 @@ const defaultProps = {
   destroyOnClose: false,
   forceRender: false
 };
-
 const ActionSheet = p => {
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
   return _react.default.createElement(_popup.default, {
     visible: props.visible,
     onMaskClick: () => {
       var _a, _b;
-
       (_a = props.onMaskClick) === null || _a === void 0 ? void 0 : _a.call(props);
-
       if (props.closeOnMaskClick) {
         (_b = props.onClose) === null || _b === void 0 ? void 0 : _b.call(props);
       }
@@ -70,10 +58,8 @@ const ActionSheet = p => {
     }),
     onClick: () => {
       var _a, _b, _c;
-
       (_a = action.onClick) === null || _a === void 0 ? void 0 : _a.call(action);
       (_b = props.onAction) === null || _b === void 0 ? void 0 : _b.call(props, action, index);
-
       if (props.closeOnAction) {
         (_c = props.onClose) === null || _c === void 0 ? void 0 : _c.call(props);
       }
@@ -90,7 +76,6 @@ const ActionSheet = p => {
     className: (0, _classnames.default)('adm-plain-anchor', `${classPrefix}-button-item`),
     onClick: () => {
       var _a;
-
       (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
     }
   }, _react.default.createElement("div", {
@@ -99,9 +84,7 @@ const ActionSheet = p => {
     position: 'bottom'
   }))));
 };
-
 exports.ActionSheet = ActionSheet;
-
 function showActionSheet(props) {
   return (0, _renderImperatively.renderImperatively)(_react.default.createElement(ActionSheet, Object.assign({}, props)));
 }

package/2x/cjs/components/action-sheet/index.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("./action-sheet.css");
-
 var _attachPropertiesToComponent = require("../../utils/attach-properties-to-component");
-
 var _actionSheet2 = require("./action-sheet");
-
 var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_actionSheet2.ActionSheet, {
   show: _actionSheet2.showActionSheet
 });
-
 exports.default = _default;

package/2x/cjs/components/auto-center/auto-center.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AutoCenter = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _nativeProps = require("../../utils/native-props");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const classPrefix = 'adm-auto-center';
-
 const AutoCenter = props => {
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     className: classPrefix
@@ -20,5 +15,4 @@ const AutoCenter = props => {
     className: `${classPrefix}-content`
   }, props.children)));
 };
-
 exports.AutoCenter = AutoCenter;

package/2x/cjs/components/auto-center/index.js

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("./auto-center.css");
-
 var _autoCenter2 = require("./auto-center");
-
 var _default = _autoCenter2.AutoCenter;
 exports.default = _default;

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

@@ -4,25 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Avatar = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _nativeProps = require("../../utils/native-props");
-
 var _image = _interopRequireDefault(require("../image"));
-
 var _withDefaultProps = require("../../utils/with-default-props");
-
 var _fallback = require("./fallback");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const classPrefix = 'adm-avatar';
 const defaultProps = {
   fallback: _react.default.createElement(_fallback.Fallback, null),
   fit: 'cover'
 };
-
 const Avatar = p => {
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement(_image.default, {
@@ -37,5 +29,4 @@ const Avatar = p => {
     onError: props.onError
   }));
 };
-
 exports.Avatar = Avatar;

package/2x/cjs/components/avatar/fallback.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Fallback = void 0;
-
 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 Fallback = (0, _react.memo)(() => _react.default.createElement("svg", {
   className: 'adm-avatar-fallback',
   width: '88px',

package/2x/cjs/components/avatar/index.js

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("./avatar.css");
-
 var _avatar2 = require("./avatar");
-
 var _default = _avatar2.Avatar;
 exports.default = _default;

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

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.dot = exports.Badge = void 0;
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _nativeProps = require("../../utils/native-props");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const classPrefix = `adm-badge`;
-
 const dot = _react.default.createElement(_react.default.Fragment, null);
-
 exports.dot = dot;
-
 const Badge = props => {
   const {
     content,
@@ -40,5 +32,4 @@ const Badge = props => {
     style: props.wrapperStyle
   }, children, element) : element;
 };
-
 exports.Badge = Badge;

package/2x/cjs/components/badge/index.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("./badge.css");
-
 var _badge2 = require("./badge");
-
 var _attachPropertiesToComponent = require("../../utils/attach-properties-to-component");
-
 var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_badge2.Badge, {
   dot: _badge2.dot
 });
-
 exports.default = _default;

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

@@ -4,27 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Button = void 0;
-
 var _tslib = require("tslib");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _dotLoading = _interopRequireDefault(require("../dot-loading"));
-
 var _withDefaultProps = require("../../utils/with-default-props");
-
 var _nativeProps = require("../../utils/native-props");
-
 var _validate = require("../../utils/validate");
-
 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; }
-
 const classPrefix = `adm-button`;
 const defaultProps = {
   color: 'default',
@@ -48,13 +37,10 @@ const Button = (0, _react.forwardRef)((p, ref) => {
     get nativeElement() {
       return nativeButtonRef.current;
     }
-
   }));
-
   const handleClick = e => (0, _tslib.__awaiter)(void 0, void 0, void 0, function* () {
     if (!props.onClick) return;
     const promise = props.onClick(e);
-
     if ((0, _validate.isPromise)(promise)) {
       try {
         setInnerLoading(true);
@@ -66,7 +52,6 @@ const Button = (0, _react.forwardRef)((p, ref) => {
       }
     }
   });
-
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("button", {
     ref: nativeButtonRef,
     type: props.type,

package/2x/cjs/components/button/index.js

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("./button.css");
-
 var _button2 = require("./button");
-
 var _default = _button2.Button;
 exports.default = _default;

package/2x/cjs/components/calendar/arrow-left-double.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ArrowLeftDouble = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const ArrowLeftDouble = () => {
   return _react.default.createElement("svg", {
     height: '1em',
@@ -37,5 +34,4 @@ const ArrowLeftDouble = () => {
     d: 'M19.5305114,17.0699744 C19.0173831,17.5315665 18.9752295,18.3220903 19.436308,18.8357433 C19.4660129,18.8688164 19.4974585,18.9002801 19.5305113,18.9300007 L29.4833057,27.2801611 C30.1234001,27.8559077 30.1759552,28.8420707 29.6007967,29.4827774 C29.0256382,30.1235263 28.0404824,30.1761351 27.400388,29.6003885 L17.4475937,21.2502703 C17.3320874,21.1463692 17.2222026,21.036372 17.1184079,20.920748 C15.5069703,19.1256817 15.6543605,16.3628317 17.4475933,14.7497465 L27.4003877,6.39962828 C28.0404821,5.82383957 29.0256378,5.87649058 29.6007963,6.51723942 C30.1759548,7.1579461 30.1233997,8.14410915 29.4833053,8.7198557 L19.5305114,17.0699744 Z'
   }))))));
 };
-
 exports.ArrowLeftDouble = ArrowLeftDouble;

package/2x/cjs/components/calendar/arrow-left.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ArrowLeft = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const ArrowLeft = () => {
   return _react.default.createElement("svg", {
     height: '1em',
@@ -35,5 +32,4 @@ const ArrowLeft = () => {
     d: 'M19.4833058,2.71985611 L3.53051139,17.0699744 C3.0173831,17.5315665 2.97522952,18.3220903 3.43630803,18.8357433 L3.43630796,18.8357432 C3.46601289,18.8688164 3.49745845,18.9002801 3.53051133,18.9300007 L19.4833057,33.2801611 C20.1234001,33.8559077 20.1759552,34.8420707 19.6007967,35.4827774 C19.0256382,36.1235263 18.0404824,36.1761351 17.400388,35.6003885 L1.44759367,21.2502703 L1.4475933,21.25027 C1.33208743,21.1463692 1.22220259,21.036372 1.11840792,20.920748 C-0.49302969,19.1256817 -0.345639536,16.3628317 1.4475933,14.7497465 L17.4003877,0.399628282 C18.0404821,-0.176160428 19.0256378,-0.123509422 19.6007963,0.517239417 C20.1759548,1.1579461 20.1233997,2.14410915 19.4833053,2.7198557 L19.4833058,2.71985611 Z'
   }))))));
 };
-
 exports.ArrowLeft = ArrowLeft;

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

@@ -1,9 +1,6 @@
 import React from 'react';
 import { NativeProps } from '../../utils/native-props';
-declare type Page = {
-    month: number;
-    year: number;
-};
+import { Page } from './convert';
 export declare type CalendarRef = {
     jumpTo: (page: Page | ((page: Page) => Page)) => void;
     jumpToToday: () => void;
@@ -20,6 +17,8 @@ export declare type CalendarProps = {
     max?: Date;
     min?: Date;
     shouldDisableDate?: (date: Date) => boolean;
+    minPage?: Page;
+    maxPage?: Page;
 } & ({
     selectionMode?: undefined;
     value?: undefined;
@@ -37,4 +36,3 @@ export declare type CalendarProps = {
     onChange?: (val: [Date, Date] | null) => void;
 }) & NativeProps;
 export declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<CalendarRef>>;
-export {};