@arco-design/mobile-react 2.24.2 → 2.25.0

package/cjs/textarea/index.js

@@ -1,77 +1,57 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _contextProvider = require("../context-provider");
-
 var _hooks = require("../input/hooks");
-
 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; }
-
-/**
- * 多行文本输入框组件，支持自适应内容高度。
- * @en A multi-line textarea, supports adaptive content height.
- * @type 数据录入
- * @type_en Data Entry
- * @name 多行文本框
- * @name_en Textarea
- */
 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]);
@@ -97,26 +77,21 @@ var Textarea = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   (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];
       });
@@ -124,12 +99,10 @@ var Textarea = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       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";
@@ -159,8 +132,17 @@ var Textarea = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       })
     }, renderStatistics ? renderStatistics(currentValueLength, maxValueLength) : currentValueLength + "/" + maxValueLength) : null));
   }
-
   return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, renderTextarea);
 });
-var _default = Textarea;
+
+/**
+ * 多行文本输入框组件，支持自适应内容高度。
+ * @en A multi-line textarea, supports adaptive content height.
+ * @type 数据录入
+ * @type_en Data Entry
+ * @name 多行文本框
+ * @name_en Textarea
+ * @displayName Textarea
+ */
+var _default = (0, _mobileUtils.componentWrapper)(Textarea, 'Textarea');
 exports.default = _default;

package/cjs/textarea/style/css/index.css

@@ -27,5 +27,5 @@
   color:  #86909c ;
 }
 .arco-input-container .statistic-text.exceed {
-  color:  #ee4d38 ;
+  color:  #f53f3f ;
 }

package/cjs/textarea/style/css/index.js

@@ -1,7 +1,5 @@
 "use strict";
 
 require("../../../../style/css/public.css");
-
 require("../../../input/style/css");
-
 require("./index.css");

package/cjs/textarea/style/index.js

@@ -1,7 +1,5 @@
 "use strict";
 
 require("../../../style/public.less");
-
 require("../../input/style");
-
 require("./index.less");

package/cjs/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" | "context" | "getContainer" | "type" | "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" | "context" | "getContainer" | "type" | "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" | "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;
         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" | "context" | "getContainer" | "type" | "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" | "context" | "getContainer" | "type" | "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" | "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;
         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" | "context" | "getContainer" | "type" | "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" | "context" | "getContainer" | "type" | "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" | "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;
         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" | "context" | "getContainer" | "type" | "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" | "context" | "getContainer" | "type" | "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" | "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;
         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" | "context" | "getContainer" | "type" | "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" | "context" | "getContainer" | "type" | "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" | "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;
         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" | "context" | "getContainer" | "type" | "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" | "context" | "getContainer" | "type" | "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" | "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;
         close: () => void;
         hide: () => void;
     };

package/cjs/toast/index.js

@@ -1,74 +1,58 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 var _exportNames = {
   methodsGenerator: true
 };
 exports.default = void 0;
 exports.methodsGenerator = methodsGenerator;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _contextProvider = require("../context-provider");
-
 var _transition = _interopRequireDefault(require("../transition"));
-
 var _IconErrorCircle = _interopRequireDefault(require("../icon/IconErrorCircle"));
-
 var _IconWarnCircle = _interopRequireDefault(require("../icon/IconWarnCircle"));
-
 var _IconSuccessCircle = _interopRequireDefault(require("../icon/IconSuccessCircle"));
-
 var _portal = _interopRequireDefault(require("../portal"));
-
 var _methods = require("./methods");
-
 Object.keys(_methods).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _methods[key]) return;
   exports[key] = _methods[key];
 });
-
 var _loading = _interopRequireDefault(require("../loading"));
-
 var _helpers = require("../_helpers");
-
 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);
@@ -79,13 +63,11 @@ var Toast = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     };
   });
   (0, _helpers.usePreventBodyScroll)(visible, disableBodyTouch, initialBodyOverflow);
-
   function handleClose() {
     if (close) {
       close();
     }
   }
-
   function startCloseTimer() {
     if (duration) {
       clearTimeout(closeTimerRef.current);
@@ -94,13 +76,11 @@ var Toast = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       }, duration);
     }
   }
-
   function handleClickMask(e) {
     if (disableBodyTouch) {
       e.preventDefault();
     }
   }
-
   function getTypeIcons() {
     var map = typeIconMap || {};
     var defaultMap = {
@@ -110,31 +90,25 @@ var Toast = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     };
     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
@@ -155,7 +129,6 @@ var Toast = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       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, {
@@ -170,7 +143,6 @@ var Toast = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }, renderComponent(prefixCls + "-toast"))));
   });
 });
-
 function methodsGenerator(Comp) {
   return {
     /**
@@ -180,7 +152,6 @@ function methodsGenerator(Comp) {
      * @returns {{ update: (config: ToastProps) => void; close: () => void }}
      */
     toast: (0, _methods.toast)(Comp),
-
     /**
      * 展示常规提示框，同 Toast.toast
      * @desc {en} Show regular toast, the same as Toast.toast
@@ -188,7 +159,6 @@ function methodsGenerator(Comp) {
      * @returns {{ update: (config: ToastProps) => void; close: () => void }}
      */
     info: (0, _methods.toast)(Comp, 'info'),
-
     /**
      * 展示成功提示框(含成功icon)
      * @desc {en} Show success prompt toast (including success icon)
@@ -196,7 +166,6 @@ function methodsGenerator(Comp) {
      * @returns {{ update: (config: ToastProps) => void; close: () => void }}
      */
     success: (0, _methods.toast)(Comp, 'success'),
-
     /**
      * 展示错误提示框(含错误icon)
      * @desc {en} Display error prompt toast (including error icon)
@@ -204,7 +173,6 @@ function methodsGenerator(Comp) {
      * @returns {{ update: (config: ToastProps) => void; close: () => void }}
      */
     error: (0, _methods.toast)(Comp, 'error'),
-
     /**
      * 展示加载中提示框(含加载中icon)
      * @desc {en} Display loading prompt toast (including loading icon)
@@ -212,7 +180,6 @@ function methodsGenerator(Comp) {
      * @returns {{ update: (config: ToastProps) => void; close: () => void }}
      */
     loading: (0, _methods.toast)(Comp, 'loading'),
-
     /**
      * 展示警告提示框(含警告icon)
      * @desc {en} Display warning prompt toast (including warning icon)
@@ -222,8 +189,8 @@ function methodsGenerator(Comp) {
     warn: (0, _methods.toast)(Comp, 'warn')
   };
 }
-
 var ToastWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(Toast);
+
 /**
  * 轻提示组件，支持各个场景下调用方法。
  * @en The toast component, supports calling methods in various scenarios.
@@ -232,7 +199,5 @@ var ToastWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(Toast);
  * @name 轻提示
  * @name_en Toast
  */
-
 var _default = (0, _mobileUtils.componentWrapper)(Toast, methodsGenerator(ToastWithGlobalContext));
-
 exports.default = _default;

package/cjs/toast/methods.js

@@ -1,45 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.toast = toast;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _render = require("../_helpers/render");
-
 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,18 +38,15 @@ function toast(Component, type) {
       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/cjs/toast/style/css/index.js

@@ -1,9 +1,6 @@
 "use strict";
 
 require("../../../../style/css/public.css");
-
 require("../../../transition/style/css");
-
 require("../../../loading/style/css");
-
 require("./index.css");

package/cjs/toast/style/index.js

@@ -1,9 +1,6 @@
 "use strict";
 
 require("../../../style/public.less");
-
 require("../../transition/style");
-
 require("../../loading/style");
-
 require("./index.less");

package/cjs/transition/index.js

@@ -1,22 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = Transition;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _CSSTransition = _interopRequireDefault(require("react-transition-group/CSSTransition"));
-
 var _contextProvider = require("../context-provider");
-
 var _excluded = ["children", "type", "in", "timeout", "mountOnEnter", "unmountOnExit"];
-
 /**
  * react-transition-group/CSSTransition 的简单封装。
  * @en Simple wrapper for react-transition-group/CSSTransition.
@@ -27,16 +19,16 @@ var _excluded = ["children", "type", "in", "timeout", "mountOnEnter", "unmountOn
  */
 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)({