antd-mobile 5.22.0 → 5.24.0

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("./footer.css");
+
+var _footer2 = require("./footer");
+
+var _default = _footer2.Footer;
+exports.default = _default;

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

@@ -67,7 +67,6 @@
 
 .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 {

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

@@ -1,10 +1,12 @@
 .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 {
@@ -19,6 +21,10 @@
   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;

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

@@ -4,13 +4,13 @@ import { ListProps } from '../list';
 import type { FormProps as RcFormProps, FormInstance as RCFormInstance } from 'rc-field-form';
 import { FormContextType } from './context';
 export declare type FormInstance = Pick<RCFormInstance, 'getFieldValue' | 'getFieldsValue' | 'getFieldError' | 'getFieldsError' | 'isFieldTouched' | 'isFieldsTouched' | 'resetFields' | 'setFields' | 'setFieldsValue' | 'submit' | 'validateFields'>;
-export declare type FormProps = Pick<RcFormProps, 'form' | 'initialValues' | 'name' | 'preserve' | 'validateMessages' | 'validateTrigger' | 'onFieldsChange' | 'onFinish' | 'onFinishFailed' | 'onValuesChange' | 'children'> & NativeProps<'--border-inner' | '--border-top' | '--border-bottom'> & Partial<FormContextType> & {
+export declare type FormProps = Pick<RcFormProps, 'form' | 'initialValues' | 'name' | 'preserve' | 'validateMessages' | 'validateTrigger' | 'onFieldsChange' | 'onFinish' | 'onFinishFailed' | 'onValuesChange' | 'children'> & NativeProps<'--border-inner' | '--border-top' | '--border-bottom' | '--prefix-width'> & Partial<FormContextType> & {
     footer?: ReactNode;
     mode?: ListProps['mode'];
 };
 export declare const Form: React.ForwardRefExoticComponent<Pick<RcFormProps<any>, "children" | "form" | "name" | "initialValues" | "preserve" | "validateMessages" | "validateTrigger" | "onFieldsChange" | "onFinish" | "onFinishFailed" | "onValuesChange"> & {
     className?: string | undefined;
-    style?: (React.CSSProperties & Partial<Record<"--border-bottom" | "--border-inner" | "--border-top", string>>) | undefined;
+    style?: (React.CSSProperties & Partial<Record<"--border-bottom" | "--border-inner" | "--border-top" | "--prefix-width", string>>) | undefined;
     tabIndex?: number | undefined;
 } & React.AriaAttributes & Partial<FormContextType> & {
     footer?: ReactNode;

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

@@ -1,10 +1,12 @@
 .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 {
@@ -19,6 +21,10 @@
   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;
@@ -93,7 +99,6 @@
 
 .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 {

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

@@ -9,7 +9,7 @@ export type { ValidateMessages, FieldData, NamePath, } from 'rc-field-form/es/in
 export type { FormArrayField, FormArrayOperation, FormArrayProps, } from './form-array';
 declare const _default: import("react").ForwardRefExoticComponent<Pick<import("rc-field-form").FormProps<any>, "children" | "form" | "name" | "initialValues" | "preserve" | "validateMessages" | "validateTrigger" | "onFieldsChange" | "onFinish" | "onFinishFailed" | "onValuesChange"> & {
     className?: string | undefined;
-    style?: (import("react").CSSProperties & Partial<Record<"--border-bottom" | "--border-inner" | "--border-top", string>>) | undefined;
+    style?: (import("react").CSSProperties & Partial<Record<"--border-bottom" | "--border-inner" | "--border-top" | "--prefix-width", string>>) | undefined;
     tabIndex?: number | undefined;
 } & import("react").AriaAttributes & Partial<import("./context").FormContextType> & {
     footer?: import("react").ReactNode;

package/2x/cjs/components/image-uploader/image-uploader.d.ts

@@ -1,17 +1,25 @@
 import React, { FC, InputHTMLAttributes } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import type { ImageProps } from '../image';
-export declare type TaskStatus = 'pending' | 'fail';
+export declare type TaskStatus = 'pending' | 'fail' | 'success';
 export interface ImageUploadItem {
     key?: string | number;
     url: string;
     thumbnailUrl?: string;
     extra?: any;
 }
+declare type Task = {
+    id: number;
+    url?: string;
+    file: File;
+    status: TaskStatus;
+};
+export declare type UploadTask = Pick<Task, 'id' | 'status'>;
 export declare type ImageUploaderProps = {
     defaultValue?: ImageUploadItem[];
     value?: ImageUploadItem[];
     onChange?: (items: ImageUploadItem[]) => void;
+    onUploadQueueChange?: (tasks: UploadTask[]) => void;
     accept?: string;
     multiple?: boolean;
     maxCount?: number;
@@ -28,5 +36,7 @@ export declare type ImageUploaderProps = {
     showFailed?: boolean;
     imageFit?: ImageProps['fit'];
     children?: React.ReactNode;
+    renderItem?: (originNode: React.ReactElement, file: ImageUploadItem, fileList: ImageUploadItem[]) => React.ReactNode;
 } & NativeProps<'--cell-size'>;
 export declare const ImageUploader: FC<ImageUploaderProps>;
+export {};

package/2x/cjs/components/image-uploader/image-uploader.js

@@ -60,10 +60,19 @@ const ImageUploader = p => {
       return !value.some(fileItem => fileItem.url === task.url);
     }));
   }, [value]);
+  (0, _ahooks.useIsomorphicLayoutEffect)(() => {
+    var _a;
+
+    (_a = props.onUploadQueueChange) === null || _a === void 0 ? void 0 : _a.call(props, tasks.map(item => ({
+      id: item.id,
+      status: item.status
+    })));
+  }, [tasks]);
   const idCountRef = (0, _react.useRef)(0);
   const {
     maxCount,
-    onPreview
+    onPreview,
+    renderItem
   } = props;
 
   function processFile(file, fileList) {
@@ -124,6 +133,7 @@ const ImageUploader = p => {
             return prev.map(task => {
               if (task.id === currentTask.id) {
                 return Object.assign(Object.assign({}, task), {
+                  status: 'success',
                   url: result.url
                 });
               }
@@ -171,36 +181,43 @@ const ImageUploader = p => {
     (_a = imageViewerHandlerRef.current) === null || _a === void 0 ? void 0 : _a.close();
   });
   const showUpload = props.showUpload && (maxCount === 0 || value.length + tasks.length < maxCount);
+
+  const renderImages = () => {
+    return value.map((fileItem, index) => {
+      var _a, _b;
+
+      const originNode = _react.default.createElement(_previewItem.default, {
+        key: (_a = fileItem.key) !== null && _a !== void 0 ? _a : index,
+        url: (_b = fileItem.thumbnailUrl) !== null && _b !== void 0 ? _b : fileItem.url,
+        deletable: props.deletable,
+        imageFit: props.imageFit,
+        onClick: () => {
+          if (props.preview) {
+            previewImage(index);
+          }
+
+          onPreview && onPreview(index, fileItem);
+        },
+        onDelete: () => (0, _tslib.__awaiter)(void 0, void 0, void 0, function* () {
+          var _c;
+
+          const canDelete = yield (_c = props.onDelete) === null || _c === void 0 ? void 0 : _c.call(props, fileItem);
+          if (canDelete === false) return;
+          setValue(value.filter((x, i) => i !== index));
+        })
+      });
+
+      return renderItem ? renderItem(originNode, fileItem, value) : originNode;
+    });
+  };
+
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     className: classPrefix
   }, _react.default.createElement(_space.default, {
     className: `${classPrefix}-space`,
     wrap: true,
     block: true
-  }, value.map((fileItem, index) => {
-    var _a, _b;
-
-    return _react.default.createElement(_previewItem.default, {
-      key: (_a = fileItem.key) !== null && _a !== void 0 ? _a : index,
-      url: (_b = fileItem.thumbnailUrl) !== null && _b !== void 0 ? _b : fileItem.url,
-      deletable: props.deletable,
-      imageFit: props.imageFit,
-      onClick: () => {
-        if (props.preview) {
-          previewImage(index);
-        }
-
-        onPreview && onPreview(index, fileItem);
-      },
-      onDelete: () => (0, _tslib.__awaiter)(void 0, void 0, void 0, function* () {
-        var _c;
-
-        const canDelete = yield (_c = props.onDelete) === null || _c === void 0 ? void 0 : _c.call(props, fileItem);
-        if (canDelete === false) return;
-        setValue(value.filter((x, i) => i !== index));
-      })
-    });
-  }), tasks.map(task => {
+  }, renderImages(), tasks.map(task => {
     if (!props.showFailed && task.status === 'fail') {
       return null;
     }

package/2x/cjs/components/image-uploader/index.d.ts

@@ -1,4 +1,4 @@
 import { ImageUploader } from './image-uploader';
 import './image-uploader.less';
-export type { ImageUploadItem, ImageUploaderProps } from './image-uploader';
+export type { ImageUploadItem, ImageUploaderProps, UploadTask, } from './image-uploader';
 export default ImageUploader;

package/2x/cjs/components/image-uploader/preview-item.js

@@ -47,6 +47,11 @@ const PreviewItem = props => {
 
     return '';
   }, [url, file]);
+  (0, _react.useLayoutEffect)(() => {
+    return () => {
+      URL.revokeObjectURL(src);
+    };
+  }, [src]);
 
   function renderLoading() {
     return props.status === 'pending' && _react.default.createElement("div", {

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

@@ -92,8 +92,8 @@ const Slides = (0, _react.forwardRef)((props, ref) => {
     style: {
       x: x.to(x => -x)
     }
-  }, props.images.map(image => _react.default.createElement(_slide.Slide, {
-    key: image,
+  }, props.images.map((image, index) => _react.default.createElement(_slide.Slide, {
+    key: index,
     image: image,
     onTap: props.onTap,
     maxZoom: props.maxZoom,

package/2x/cjs/components/page-indicator/page-indicator.css

@@ -28,6 +28,7 @@
 }
 
 .adm-page-indicator-color-white {
+  --dot-color: rgba(255, 255, 255, 0.5);
   --active-dot-color: var(--adm-color-white);
 }
 

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

@@ -24,7 +24,7 @@ declare const _default: import("react").NamedExoticComponent<{
     popupStyle?: import("react").CSSProperties | undefined;
 } & Pick<import("../popup").PopupProps, "onClick" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation"> & {
     className?: string | undefined;
-    style?: (import("react").CSSProperties & Partial<Record<"--item-height" | "--header-button-font-size" | "--title-font-size" | "--item-font-size", string>>) | undefined;
+    style?: (import("react").CSSProperties & Partial<Record<"--header-button-font-size" | "--title-font-size" | "--item-font-size" | "--item-height", string>>) | undefined;
     tabIndex?: number | undefined;
 } & import("react").AriaAttributes & import("react").RefAttributes<import("./picker").PickerActions>> & {
     readonly type: import("react").ForwardRefExoticComponent<{
@@ -49,7 +49,7 @@ declare const _default: import("react").NamedExoticComponent<{
         popupStyle?: import("react").CSSProperties | undefined;
     } & Pick<import("../popup").PopupProps, "onClick" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation"> & {
         className?: string | undefined;
-        style?: (import("react").CSSProperties & Partial<Record<"--item-height" | "--header-button-font-size" | "--title-font-size" | "--item-font-size", string>>) | undefined;
+        style?: (import("react").CSSProperties & Partial<Record<"--header-button-font-size" | "--title-font-size" | "--item-font-size" | "--item-height", string>>) | undefined;
         tabIndex?: number | undefined;
     } & import("react").AriaAttributes & import("react").RefAttributes<import("./picker").PickerActions>>;
 } & {

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

@@ -51,6 +51,6 @@ export declare const Picker: React.MemoExoticComponent<React.ForwardRefExoticCom
     popupStyle?: React.CSSProperties | undefined;
 } & Pick<PopupProps, "onClick" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation"> & {
     className?: string | undefined;
-    style?: (React.CSSProperties & Partial<Record<"--item-height" | "--header-button-font-size" | "--title-font-size" | "--item-font-size", string>>) | undefined;
+    style?: (React.CSSProperties & Partial<Record<"--header-button-font-size" | "--title-font-size" | "--item-font-size" | "--item-height", string>>) | undefined;
     tabIndex?: number | undefined;
 } & React.AriaAttributes & React.RefAttributes<PickerActions>>>;

package/2x/cjs/components/picker-view/picker-view.css

@@ -133,4 +133,13 @@
   display: flex;
   justify-content: center;
   align-items: center;
+}
+
+.adm-picker-view-item-height-measure {
+  position: relative;
+  left: 0;
+  top: 0;
+  height: var(--item-height);
+  width: 0;
+  pointer-events: none;
 }

package/2x/cjs/components/picker-view/wheel.js

@@ -54,11 +54,12 @@ const Wheel = (0, _react.memo)(props => {
   }));
   const draggingRef = (0, _react.useRef)(false);
   const rootRef = (0, _react.useRef)(null);
+  const itemHeightMeasureRef = (0, _react.useRef)(null);
   const itemHeight = (0, _react.useRef)(34);
   (0, _ahooks.useIsomorphicLayoutEffect)(() => {
-    const root = rootRef.current;
-    if (!root) return;
-    itemHeight.current = (0, _measureCssLength.measureCSSLength)(window.getComputedStyle(root).getPropertyValue('--item-height'));
+    const itemHeightMeasure = itemHeightMeasureRef.current;
+    if (!itemHeightMeasure) return;
+    itemHeight.current = (0, _measureCssLength.measureCSSLength)(window.getComputedStyle(itemHeightMeasure).getPropertyValue('height'));
   });
   (0, _ahooks.useIsomorphicLayoutEffect)(() => {
     if (draggingRef.current) return;
@@ -175,7 +176,10 @@ const Wheel = (0, _react.memo)(props => {
 
   return _react.default.createElement("div", {
     className: `${classPrefix}-column`
-  }, _react.default.createElement(_web.animated.div, {
+  }, _react.default.createElement("div", {
+    className: `${classPrefix}-item-height-measure`,
+    ref: itemHeightMeasureRef
+  }), _react.default.createElement(_web.animated.div, {
     ref: rootRef,
     style: {
       translateY: y

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

@@ -167,11 +167,11 @@ const Popover = (0, _react.forwardRef)((p, ref) => {
   (0, _ahooks.useClickAway)(() => {
     if (!props.trigger) return;
     setVisible(false);
-  }, () => {
+  }, [() => {
     var _a;
 
     return (_a = targetRef.current) === null || _a === void 0 ? void 0 : _a.element;
-  });
+  }, floatingRef], ['click', 'touchmove']);
   const shouldRender = (0, _shouldRender.useShouldRender)(visible, false, props.destroyOnHide);
   return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_wrapper.Wrapper, {
     ref: targetRef

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

@@ -1,7 +1,8 @@
 .adm-rate {
   --star-size: 48px;
   --active-color: #ffd21e;
-  --inactive-color: var(--adm-color-border);
+  --inactive-color: #e5e5e5;
+  --inactive-color-half: #dbdbdb;
   display: inline-flex;
   touch-action: pan-y;
   -webkit-user-select: none;
@@ -38,4 +39,8 @@
 
 .adm-rate-star-readonly {
   cursor: unset;
+}
+
+.adm-rate.adm-rate-half .adm-rate-star-half:not(.adm-rate-star-active) {
+  color: var(--inactive-color-half);
 }

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

@@ -85,7 +85,9 @@ const Rate = p => {
     filterTaps: true
   });
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", Object.assign({
-    className: classPrefix,
+    className: (0, _classnames.default)(classPrefix, {
+      [`${classPrefix}-half`]: props.allowHalf
+    }),
     role: 'radiogroup',
     "aria-readonly": props.readOnly,
     ref: containerRef

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

@@ -105,12 +105,26 @@
   transform: translateX(-50%);
 }
 
-.adm-slider-disabled {
+.adm-slider-disabled .adm-slider-mark,
+.adm-slider-disabled .adm-slider-thumb-icon {
   opacity: 0.4;
 }
 
+.adm-slider-disabled .adm-slider-tick-active::after,
+.adm-slider-disabled .adm-slider-fill::after {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  border-radius: inherit;
+  background-color: rgba(255, 255, 255, 0.6);
+}
+
 .adm-slider-disabled .adm-slider-thumb {
   cursor: not-allowed;
+  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.06);
 }
 
 .adm-slider-disabled .adm-slider-mark-text,

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

@@ -14,6 +14,7 @@ export declare type SliderProps = {
     range?: boolean;
     icon?: ReactNode;
     popover?: boolean | ((value: number) => ReactNode);
+    residentPopover?: boolean;
     onChange?: (value: SliderValue) => void;
     onAfterChange?: (value: SliderValue) => void;
 } & NativeProps<'--fill-color'>;

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

@@ -23,6 +23,8 @@ var _nearest = require("../../utils/nearest");
 
 var _usePropsValue = require("../../utils/use-props-value");
 
+var _devLog = require("../../utils/dev-log");
+
 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); }
@@ -37,7 +39,8 @@ const defaultProps = {
   ticks: false,
   range: false,
   disabled: false,
-  popover: false
+  popover: false,
+  residentPopover: false
 };
 
 const Slider = p => {
@@ -72,8 +75,15 @@ const Slider = p => {
     (_a = props.onAfterChange) === null || _a === void 0 ? void 0 : _a.call(props, reverseValue(value));
   }
 
+  let propsValue = props.value;
+
+  if (props.range && typeof props.value === 'number') {
+    (0, _devLog.devWarning)('Slider', 'When `range` prop is enabled, the `value` prop should be an array, like: [0, 0]');
+    propsValue = [0, props.value];
+  }
+
   const [rawValue, setRawValue] = (0, _usePropsValue.usePropsValue)({
-    value: props.value,
+    value: propsValue,
     defaultValue: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : props.range ? [min, min] : min,
     onChange: props.onChange
   });
@@ -159,6 +169,7 @@ const Slider = p => {
       trackRef: trackRef,
       icon: icon,
       popover: props.popover,
+      residentPopover: props.residentPopover,
       onDrag: (position, first, last) => {
         if (first) {
           dragLockRef.current += 1;

package/2x/cjs/components/slider/thumb.d.ts

@@ -9,6 +9,7 @@ declare type ThumbProps = {
     trackRef: RefObject<HTMLDivElement>;
     icon?: React.ReactNode;
     popover: boolean | ((value: number) => ReactNode);
+    residentPopover: boolean;
 } & NativeProps;
 declare const Thumb: FC<ThumbProps>;
 export default Thumb;

package/2x/cjs/components/slider/thumb.js

@@ -27,8 +27,9 @@ const Thumb = props => {
     min,
     max,
     disabled,
-    onDrag,
-    icon
+    icon,
+    residentPopover,
+    onDrag
   } = props;
   const prevValue = (0, _react.useRef)(value);
   const {
@@ -85,7 +86,7 @@ const Thumb = props => {
   }), renderPopoverContent ? _react.default.createElement(_popover.Popover, {
     content: renderPopoverContent(value),
     placement: 'top',
-    visible: dragging,
+    visible: residentPopover || dragging,
     getContainer: null,
     mode: 'dark'
   }, thumbElement) : thumbElement);

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

@@ -161,7 +161,8 @@ const Stepper = p => {
     role: 'spinbutton',
     "aria-valuenow": Number(inputValue),
     "aria-valuemax": max,
-    "aria-valuemin": min
+    "aria-valuemin": min,
+    inputMode: 'decimal'
   })), _react.default.createElement(_button.default, {
     className: `${classPrefix}-plus`,
     onClick: handlePlus,

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

@@ -50,8 +50,10 @@ const defaultProps = {
   stuckAtBoundary: true,
   rubberband: true
 };
+let currentUid;
 const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) => {
   const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const [uid] = (0, _react.useState)({});
   const isVertical = props.direction === 'vertical';
   const slideRatio = props.slideSize / 100;
   const offsetRatio = props.trackOffset / 100;
@@ -153,6 +155,13 @@ const Swiper = (0, _react.forwardRef)((0, _stagedComponents.staged)((p, ref) =>
     const bind = (0, _react2.useDrag)(state => {
       dragCancelRef.current = state.cancel;
       if (!state.intentional) return;
+
+      if (state.first && !currentUid) {
+        currentUid = uid;
+      }
+
+      if (currentUid !== uid) return;
+      currentUid = state.last ? undefined : uid;
       const slidePixels = getSlidePixels();
       if (!slidePixels) return;
       const paramIndex = isVertical ? 1 : 0;

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

@@ -13,8 +13,7 @@
   left: 50%;
   transform: translate(-50%, -50%);
   width: auto;
-  min-width: 192px;
-  max-width: 400px;
+  max-width: 408px;
   max-height: 70%;
   overflow: auto;
   color: white;
@@ -29,10 +28,12 @@
 
 .adm-toast-mask .adm-toast-main-text {
   padding: 24px;
+  min-width: 0;
 }
 
 .adm-toast-mask .adm-toast-main-icon {
-  padding: 70px 80px;
+  padding: 70px 24px;
+  min-width: 300px;
 }
 
 .adm-toast-mask .adm-toast-main-icon .adm-toast-icon {

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

@@ -79,5 +79,6 @@ export { default as Toast } from './components/toast';
 export { default as TreeSelect } from './components/tree-select';
 export { default as VirtualInput } from './components/virtual-input';
 export { default as WaterMark } from './components/water-mark';
+export { default as Footer } from './components/footer';
 export { createErrorBlock } from './components/error-block';
 export { reduceMotion, restoreMotion } from './utils/reduce-and-restore-motion';

package/2x/cjs/index.js

@@ -171,6 +171,12 @@ Object.defineProperty(exports, "FloatingPanel", {
     return _floatingPanel.default;
   }
 });
+Object.defineProperty(exports, "Footer", {
+  enumerable: true,
+  get: function () {
+    return _footer.default;
+  }
+});
 Object.defineProperty(exports, "Form", {
   enumerable: true,
   get: function () {
@@ -662,6 +668,8 @@ var _virtualInput = _interopRequireDefault(require("./components/virtual-input")
 
 var _waterMark = _interopRequireDefault(require("./components/water-mark"));
 
+var _footer = _interopRequireDefault(require("./components/footer"));
+
 var _reduceAndRestoreMotion = require("./utils/reduce-and-restore-motion");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/2x/cjs/locales/zh-CN.js

@@ -109,7 +109,7 @@ const zhCN = (0, _mergeLocale.mergeLocale)(_base.base, {
     clear: '清除'
   },
   Mask: {
-    name: '遮罩层'
+    name: '背景蒙层'
   },
   Modal: {
     ok: '我知道了'

package/2x/cjs/utils/measure-css-length.js

@@ -12,7 +12,7 @@ var _devLog = require("./dev-log");
 function measureCSSLength(raw) {
   if (raw === null || raw === undefined || raw === '') {
     if (_isDev.isDev) {
-      (0, _devLog.devError)('Global', 'Seems like the you will encounter a style messed problem. Please check the browser environment to make sure it supports CSS variables.');
+      (0, _devLog.devError)('Global', 'Something went wrong when calculating CSS length. Please report an issue at https://github.com/ant-design/ant-design-mobile/issues/new/choose');
     }
 
     return 0;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { withNativeProps } from '../../utils/native-props';
-import { Image } from '../../index';
+import Image from '../image';
 import { mergeProps } from '../../utils/with-default-props';
 import { Fallback } from './fallback';
 const classPrefix = 'adm-avatar';