@arco-design/mobile-react 2.25.4 → 2.26.0

package/umd/textarea/index.js

@@ -14,54 +14,61 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.default = void 0;
   _extends2 = _interopRequireDefault(_extends2);
   _react = _interopRequireWildcard(_react);
+
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+
   var Textarea = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var id = props.id,
-      name = props.name,
-      rows = props.rows,
-      placeholder = props.placeholder,
-      readOnly = props.readOnly,
-      onKeyUp = props.onKeyUp,
-      onKeyPress = props.onKeyPress,
-      disabled = props.disabled,
-      autosize = props.autosize,
-      cloneNodeWhenAutosize = props.cloneNodeWhenAutosize,
-      _props$showStatistics = props.showStatistics,
-      showStatistics = _props$showStatistics === void 0 ? true : _props$showStatistics,
-      statisticsMaxlength = props.statisticsMaxlength,
-      statisticsLengthCaculator = props.statisticsLengthCaculator,
-      onErrStatusChange = props.onErrStatusChange,
-      onErrValueChange = props.onErrValueChange,
-      renderStatistics = props.renderStatistics,
-      maxLength = props.maxLength,
-      textareaClass = props.textareaClass,
-      textareaStyle = props.textareaStyle,
-      _props$nativeProps = props.nativeProps,
-      nativeProps = _props$nativeProps === void 0 ? {} : _props$nativeProps;
+        name = props.name,
+        rows = props.rows,
+        placeholder = props.placeholder,
+        readOnly = props.readOnly,
+        onKeyUp = props.onKeyUp,
+        onKeyPress = props.onKeyPress,
+        disabled = props.disabled,
+        autosize = props.autosize,
+        cloneNodeWhenAutosize = props.cloneNodeWhenAutosize,
+        _props$showStatistics = props.showStatistics,
+        showStatistics = _props$showStatistics === void 0 ? true : _props$showStatistics,
+        statisticsMaxlength = props.statisticsMaxlength,
+        statisticsLengthCaculator = props.statisticsLengthCaculator,
+        onErrStatusChange = props.onErrStatusChange,
+        onErrValueChange = props.onErrValueChange,
+        renderStatistics = props.renderStatistics,
+        maxLength = props.maxLength,
+        textareaClass = props.textareaClass,
+        textareaStyle = props.textareaStyle,
+        _props$nativeProps = props.nativeProps,
+        nativeProps = _props$nativeProps === void 0 ? {} : _props$nativeProps;
     var textareaRef = (0, _react.useRef)(null);
     var cloneNodeRef = (0, _react.useRef)(null);
+
     var _useInputLogic = (0, _hooks.useInputLogic)(props, textareaRef),
-      inputValue = _useInputLogic.inputValue,
-      handleClick = _useInputLogic.handleClick,
-      handleChange = _useInputLogic.handleChange,
-      handleInput = _useInputLogic.handleInput,
-      handleKeyDown = _useInputLogic.handleKeyDown,
-      handleFocus = _useInputLogic.handleFocus,
-      handleBlur = _useInputLogic.handleBlur,
-      renderWrapper = _useInputLogic.renderWrapper,
-      wrapRef = _useInputLogic.wrapRef;
+        inputValue = _useInputLogic.inputValue,
+        handleClick = _useInputLogic.handleClick,
+        handleChange = _useInputLogic.handleChange,
+        handleInput = _useInputLogic.handleInput,
+        handleKeyDown = _useInputLogic.handleKeyDown,
+        handleFocus = _useInputLogic.handleFocus,
+        handleBlur = _useInputLogic.handleBlur,
+        renderWrapper = _useInputLogic.renderWrapper,
+        wrapRef = _useInputLogic.wrapRef;
+
     var maxValueLength = statisticsMaxlength || maxLength;
     var currentValueLength = (0, _react.useMemo)(function () {
       if (statisticsLengthCaculator) {
         return statisticsLengthCaculator(inputValue);
-      }
-      // 默认为过滤换行后的字符长度
+      } // 默认为过滤换行后的字符长度
       // @en The default is the character length after filtering newlines
+
+
       var validValue = (inputValue || '').replace(/\n/g, '');
       return validValue ? String(validValue).length : 0;
     }, [inputValue, statisticsLengthCaculator]);
@@ -87,21 +94,26 @@
     (0, _react.useEffect)(function () {
       onErrValueChange && onErrValueChange(exceed, currentValueLength, maxValueLength);
     }, [maxValueLength, currentValueLength]);
+
     function resizeTextarea() {
       if (!autosize || !textareaRef.current) {
         return;
       }
+
       var currentRef = textareaRef.current;
+
       if (cloneNodeWhenAutosize) {
         var cloneNode = textareaRef.current.cloneNode(true);
+
         if (cloneNodeRef.current) {
           document.body.replaceChild(cloneNode, cloneNodeRef.current);
         } else {
           document.body.appendChild(cloneNode);
         }
-        var computedStyle = window.getComputedStyle(textareaRef.current);
-        // 影响布局的css属性复制
+
+        var computedStyle = window.getComputedStyle(textareaRef.current); // 影响布局的css属性复制
         // @en Copy css properties which affect layout
+
         ['width', 'fontSize', 'lineHeight', 'letterSpacing', 'wordSpacing'].forEach(function (styleKey) {
           cloneNode.style[styleKey] = computedStyle[styleKey];
         });
@@ -109,10 +121,12 @@
         cloneNodeRef.current = cloneNode;
         currentRef = cloneNode;
       }
+
       currentRef.style.height = 'auto';
       var maxHeight = Math.max(currentRef.clientHeight, currentRef.scrollHeight);
       textareaRef.current.style.height = maxHeight + "px";
     }
+
     function renderTextarea(_ref) {
       var prefixCls = _ref.prefixCls;
       var prefix = prefixCls + "-input";
@@ -142,9 +156,9 @@
         })
       }, renderStatistics ? renderStatistics(currentValueLength, maxValueLength) : currentValueLength + "/" + maxValueLength) : null));
     }
+
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, renderTextarea);
   });
-
   /**
    * 多行文本输入框组件，支持自适应内容高度。
    * @en A multi-line textarea, supports adaptive content height.
@@ -154,6 +168,8 @@
    * @name_en Textarea
    * @displayName Textarea
    */
+
   var _default = (0, _mobileUtils.componentWrapper)(Textarea, 'Textarea');
+
   _exports.default = _default;
 });

package/umd/toast/index.d.ts

@@ -185,8 +185,8 @@ declare const _default: React.ForwardRefExoticComponent<ToastProps & React.RefAt
      * @param {string | ToastProps} config Configuration
      * @returns {{ update: (config: ToastProps) => void; close: () => void }}
      */
-    toast: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
+    toast: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "className" | "duration" | "loadingIcon" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "className" | "duration" | "loadingIcon" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
         close: () => void;
         hide: () => void;
     };
@@ -196,8 +196,8 @@ declare const _default: React.ForwardRefExoticComponent<ToastProps & React.RefAt
      * @param {string | ToastProps} config Configuration
      * @returns {{ update: (config: ToastProps) => void; close: () => void }}
      */
-    info: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
+    info: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "className" | "duration" | "loadingIcon" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "className" | "duration" | "loadingIcon" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
         close: () => void;
         hide: () => void;
     };
@@ -207,8 +207,8 @@ declare const _default: React.ForwardRefExoticComponent<ToastProps & React.RefAt
      * @param {string | ToastProps} config Configuration
      * @returns {{ update: (config: ToastProps) => void; close: () => void }}
      */
-    success: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
+    success: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "className" | "duration" | "loadingIcon" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "className" | "duration" | "loadingIcon" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
         close: () => void;
         hide: () => void;
     };
@@ -218,8 +218,8 @@ declare const _default: React.ForwardRefExoticComponent<ToastProps & React.RefAt
      * @param {string | ToastProps} config Configuration
      * @returns {{ update: (config: ToastProps) => void; close: () => void }}
      */
-    error: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
+    error: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "className" | "duration" | "loadingIcon" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "className" | "duration" | "loadingIcon" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
         close: () => void;
         hide: () => void;
     };
@@ -229,8 +229,8 @@ declare const _default: React.ForwardRefExoticComponent<ToastProps & React.RefAt
      * @param {string | ToastProps} config Configuration
      * @returns {{ update: (config: ToastProps) => void; close: () => void }}
      */
-    loading: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
+    loading: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "className" | "duration" | "loadingIcon" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "className" | "duration" | "loadingIcon" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
         close: () => void;
         hide: () => void;
     };
@@ -240,8 +240,8 @@ declare const _default: React.ForwardRefExoticComponent<ToastProps & React.RefAt
      * @param {string | ToastProps} config Configuration
      * @returns {{ update: (config: ToastProps) => void; close: () => void }}
      */
-    warn: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
-        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "getContainer" | "className" | "duration" | "onClose" | "initialBodyOverflow" | "loadingIcon" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
+    warn: (originConfig: string | Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "className" | "duration" | "loadingIcon" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingInner" | "disableBodyTouch" | "typeIconMap">, context?: import("../context-provider").GlobalContextParams | undefined) => {
+        update: (newConfig: Pick<import("../context-provider").WithGlobalContext<ToastProps & React.RefAttributes<ToastRef>>, "loading" | "content" | "layout" | "icon" | "direction" | "transitionDuration" | "ref" | "key" | "type" | "context" | "className" | "duration" | "loadingIcon" | "getContainer" | "onClose" | "initialBodyOverflow" | "loadingInner" | "disableBodyTouch" | "typeIconMap">) => void;
         close: () => void;
         hide: () => void;
     };

package/umd/toast/index.js

@@ -14,6 +14,7 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   var _exportNames = {
     methodsGenerator: true
@@ -33,35 +34,38 @@
     _exports[key] = _methods[key];
   });
   _loading = _interopRequireDefault(_loading);
+
   function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
+
   var Toast = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var className = props.className,
-      getContainer = props.getContainer,
-      _props$visible = props.visible,
-      visible = _props$visible === void 0 ? false : _props$visible,
-      onClose = props.onClose,
-      close = props.close,
-      _props$type = props.type,
-      type = _props$type === void 0 ? 'info' : _props$type,
-      icon = props.icon,
-      _props$layout = props.layout,
-      layout = _props$layout === void 0 ? 'vertical' : _props$layout,
-      _props$duration = props.duration,
-      duration = _props$duration === void 0 ? 3000 : _props$duration,
-      _props$transitionDura = props.transitionDuration,
-      transitionDuration = _props$transitionDura === void 0 ? 300 : _props$transitionDura,
-      content = props.content,
-      _props$loading = props.loading,
-      loading = _props$loading === void 0 ? false : _props$loading,
-      loadingIcon = props.loadingIcon,
-      _props$disableBodyTou = props.disableBodyTouch,
-      disableBodyTouch = _props$disableBodyTou === void 0 ? false : _props$disableBodyTou,
-      loadingInner = props.loadingInner,
-      _props$direction = props.direction,
-      direction = _props$direction === void 0 ? 'center' : _props$direction,
-      typeIconMap = props.typeIconMap,
-      initialBodyOverflow = props.initialBodyOverflow;
+        getContainer = props.getContainer,
+        _props$visible = props.visible,
+        visible = _props$visible === void 0 ? false : _props$visible,
+        onClose = props.onClose,
+        close = props.close,
+        _props$type = props.type,
+        type = _props$type === void 0 ? 'info' : _props$type,
+        icon = props.icon,
+        _props$layout = props.layout,
+        layout = _props$layout === void 0 ? 'vertical' : _props$layout,
+        _props$duration = props.duration,
+        duration = _props$duration === void 0 ? 3000 : _props$duration,
+        _props$transitionDura = props.transitionDuration,
+        transitionDuration = _props$transitionDura === void 0 ? 300 : _props$transitionDura,
+        content = props.content,
+        _props$loading = props.loading,
+        loading = _props$loading === void 0 ? false : _props$loading,
+        loadingIcon = props.loadingIcon,
+        _props$disableBodyTou = props.disableBodyTouch,
+        disableBodyTouch = _props$disableBodyTou === void 0 ? false : _props$disableBodyTou,
+        loadingInner = props.loadingInner,
+        _props$direction = props.direction,
+        direction = _props$direction === void 0 ? 'center' : _props$direction,
+        typeIconMap = props.typeIconMap,
+        initialBodyOverflow = props.initialBodyOverflow;
     var closeTimerRef = (0, _react.useRef)();
     var domRef = (0, _react.useRef)(null);
     var isInitialMount = (0, _react.useRef)(false);
@@ -72,11 +76,13 @@
       };
     });
     (0, _helpers.usePreventBodyScroll)(visible, disableBodyTouch, initialBodyOverflow);
+
     function handleClose() {
       if (close) {
         close();
       }
     }
+
     function startCloseTimer() {
       if (duration) {
         clearTimeout(closeTimerRef.current);
@@ -85,11 +91,13 @@
         }, duration);
       }
     }
+
     function handleClickMask(e) {
       if (disableBodyTouch) {
         e.preventDefault();
       }
     }
+
     function getTypeIcons() {
       var map = typeIconMap || {};
       var defaultMap = {
@@ -99,25 +107,31 @@
       };
       return map[type] || defaultMap[type] || null;
     }
+
     (0, _react.useEffect)(function () {
       var mounted = isInitialMount.current;
+
       if (visible) {
         startCloseTimer();
       } else {
         clearTimeout(closeTimerRef.current);
+
         if (mounted) {
           setTimeout(function () {
             onClose && onClose();
           }, transitionDuration);
         }
       }
+
       isInitialMount.current = true;
     }, [visible]);
     (0, _react.useEffect)(function () {
       startCloseTimer();
     }, [duration]);
+
     function renderComponent(prefixClass) {
       var _cls;
+
       return /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _mobileUtils.cls)(prefixClass + "-wrapper", "from-" + direction, {
           'no-event': !disableBodyTouch
@@ -138,6 +152,7 @@
         className: prefixClass + "-content"
       }, content) : null));
     }
+
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
       var prefixCls = _ref.prefixCls;
       return /*#__PURE__*/_react.default.createElement(_portal.default, {
@@ -152,6 +167,7 @@
       }, renderComponent(prefixCls + "-toast"))));
     });
   });
+
   function methodsGenerator(Comp) {
     return {
       /**
@@ -161,6 +177,7 @@
        * @returns {{ update: (config: ToastProps) => void; close: () => void }}
        */
       toast: (0, _methods.toast)(Comp),
+
       /**
        * 展示常规提示框，同 Toast.toast
        * @desc {en} Show regular toast, the same as Toast.toast
@@ -168,6 +185,7 @@
        * @returns {{ update: (config: ToastProps) => void; close: () => void }}
        */
       info: (0, _methods.toast)(Comp, 'info'),
+
       /**
        * 展示成功提示框(含成功icon)
        * @desc {en} Show success prompt toast (including success icon)
@@ -175,6 +193,7 @@
        * @returns {{ update: (config: ToastProps) => void; close: () => void }}
        */
       success: (0, _methods.toast)(Comp, 'success'),
+
       /**
        * 展示错误提示框(含错误icon)
        * @desc {en} Display error prompt toast (including error icon)
@@ -182,6 +201,7 @@
        * @returns {{ update: (config: ToastProps) => void; close: () => void }}
        */
       error: (0, _methods.toast)(Comp, 'error'),
+
       /**
        * 展示加载中提示框(含加载中icon)
        * @desc {en} Display loading prompt toast (including loading icon)
@@ -189,6 +209,7 @@
        * @returns {{ update: (config: ToastProps) => void; close: () => void }}
        */
       loading: (0, _methods.toast)(Comp, 'loading'),
+
       /**
        * 展示警告提示框(含警告icon)
        * @desc {en} Display warning prompt toast (including warning icon)
@@ -198,8 +219,8 @@
       warn: (0, _methods.toast)(Comp, 'warn')
     };
   }
-  var ToastWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(Toast);
 
+  var ToastWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(Toast);
   /**
    * 轻提示组件，支持各个场景下调用方法。
    * @en The toast component, supports calling methods in various scenarios.
@@ -208,6 +229,8 @@
    * @name 轻提示
    * @name_en Toast
    */
+
   var _default = (0, _mobileUtils.componentWrapper)(Toast, methodsGenerator(ToastWithGlobalContext));
+
   _exports.default = _default;
 });

package/umd/toast/methods.js

@@ -14,32 +14,40 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.toast = toast;
   _extends2 = _interopRequireDefault(_extends2);
+
   function toast(Component, type) {
     return function (originConfig, context) {
       var config = typeof originConfig === 'string' ? {
         content: originConfig,
         type: 'info'
       } : originConfig;
+
       if (type !== void 0) {
         config.type = type;
         config.loading = type === 'loading';
       }
+
       var div = document.createElement('div');
       document.body.appendChild(div);
+
       var _ReactDOMRender = new _render.ReactDOMRender(Component, div, context),
-        render = _ReactDOMRender.render,
-        unmount = _ReactDOMRender.unmount;
+          render = _ReactDOMRender.render,
+          unmount = _ReactDOMRender.unmount;
+
       function destroy() {
         var onClose = config.onClose;
         onClose && onClose();
         unmount();
+
         if (div.parentNode) {
           div.parentNode.removeChild(div);
         }
       }
+
       var dynamicProps = (0, _extends2.default)({}, config, {
         close: close,
         getContainer: function getContainer() {
@@ -49,15 +57,18 @@
         visible: false
       });
       var leaving = false;
+
       function update(newConfig) {
         dynamicProps = (0, _extends2.default)({}, dynamicProps, newConfig);
         render(dynamicProps);
       }
+
       function close() {
         leaving = true;
         dynamicProps.visible = false;
         render(dynamicProps);
       }
+
       render(dynamicProps);
       (0, _mobileUtils.nextTick)(function () {
         // 在即将打开时发现已经调用了close则取消打开操作

package/umd/transition/index.js

@@ -14,6 +14,7 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.default = Transition;
   _extends2 = _interopRequireDefault(_extends2);
@@ -21,6 +22,7 @@
   _react = _interopRequireDefault(_react);
   _CSSTransition = _interopRequireDefault(_CSSTransition);
   var _excluded = ["children", "type", "in", "timeout", "mountOnEnter", "unmountOnExit"];
+
   /**
    * react-transition-group/CSSTransition 的简单封装。
    * @en Simple wrapper for react-transition-group/CSSTransition.
@@ -31,16 +33,16 @@
    */
   function Transition(props) {
     var _props$children = props.children,
-      children = _props$children === void 0 ? /*#__PURE__*/_react.default.createElement("div", null) : _props$children,
-      type = props.type,
-      transIn = props.in,
-      _props$timeout = props.timeout,
-      timeout = _props$timeout === void 0 ? 300 : _props$timeout,
-      _props$mountOnEnter = props.mountOnEnter,
-      mountOnEnter = _props$mountOnEnter === void 0 ? true : _props$mountOnEnter,
-      _props$unmountOnExit = props.unmountOnExit,
-      unmountOnExit = _props$unmountOnExit === void 0 ? true : _props$unmountOnExit,
-      restProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+        children = _props$children === void 0 ? /*#__PURE__*/_react.default.createElement("div", null) : _props$children,
+        type = props.type,
+        transIn = props.in,
+        _props$timeout = props.timeout,
+        timeout = _props$timeout === void 0 ? 300 : _props$timeout,
+        _props$mountOnEnter = props.mountOnEnter,
+        mountOnEnter = _props$mountOnEnter === void 0 ? true : _props$mountOnEnter,
+        _props$unmountOnExit = props.unmountOnExit,
+        unmountOnExit = _props$unmountOnExit === void 0 ? true : _props$unmountOnExit,
+        restProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
       var prefixCls = _ref.prefixCls;
       return /*#__PURE__*/_react.default.createElement(_CSSTransition.default, (0, _extends2.default)({