@arco-design/mobile-react 2.24.1 → 2.25.0

package/umd/tabs/tab-pane.js

@@ -14,66 +14,57 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.default = void 0;
   _extends2 = _interopRequireDefault(_extends2);
   _react = _interopRequireWildcard(_react);
   _lodash = _interopRequireDefault(_lodash);
-
   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 TabPane = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var _cls;
-
     var prefixCls = props.prefixCls,
-        panes = props.panes,
-        tabDirection = props.tabDirection,
-        activeIndex = props.activeIndex,
-        activeIndexRef = props.activeIndexRef,
-        distance = props.distance,
-        wrapWidth = props.wrapWidth,
-        wrapHeight = props.wrapHeight,
-        handlePaneTouchEnd = props.handlePaneTouchEnd,
-        transitionDuration = props.transitionDuration,
-        paneTrans = props.paneTrans,
-        swipeable = props.swipeable,
-        lazyloadCount = props.lazyloadCount,
-        hideContentStyle = props.hideContentStyle,
-        renderHideContent = props.renderHideContent,
-        mode = props.mode,
-        tabPaneStyle = props.tabPaneStyle,
-        tabPaneClass = props.tabPaneClass,
-        tabPaneExtra = props.tabPaneExtra,
-        getScrollContainer = props.getScrollContainer,
-        scrollThrottle = props.scrollThrottle,
-        _props$scrollOffset = props.scrollOffset,
-        scrollOffset = _props$scrollOffset === void 0 ? 0 : _props$scrollOffset,
-        goLastWhenScrollBottom = props.goLastWhenScrollBottom,
-        scrollVertical = props.scrollVertical,
-        translateZ = props.translateZ,
-        fullScreen = props.fullScreen,
-        autoHeight = props.autoHeight,
-        changeIndex = props.changeIndex,
-        onScroll = props.onScroll;
+      panes = props.panes,
+      tabDirection = props.tabDirection,
+      activeIndex = props.activeIndex,
+      activeIndexRef = props.activeIndexRef,
+      distance = props.distance,
+      wrapWidth = props.wrapWidth,
+      wrapHeight = props.wrapHeight,
+      handlePaneTouchEnd = props.handlePaneTouchEnd,
+      transitionDuration = props.transitionDuration,
+      paneTrans = props.paneTrans,
+      swipeable = props.swipeable,
+      lazyloadCount = props.lazyloadCount,
+      hideContentStyle = props.hideContentStyle,
+      renderHideContent = props.renderHideContent,
+      mode = props.mode,
+      tabPaneStyle = props.tabPaneStyle,
+      tabPaneClass = props.tabPaneClass,
+      tabPaneExtra = props.tabPaneExtra,
+      getScrollContainer = props.getScrollContainer,
+      scrollThrottle = props.scrollThrottle,
+      _props$scrollOffset = props.scrollOffset,
+      scrollOffset = _props$scrollOffset === void 0 ? 0 : _props$scrollOffset,
+      goLastWhenScrollBottom = props.goLastWhenScrollBottom,
+      scrollVertical = props.scrollVertical,
+      translateZ = props.translateZ,
+      fullScreen = props.fullScreen,
+      autoHeight = props.autoHeight,
+      changeIndex = props.changeIndex,
+      onScroll = props.onScroll;
     var domRef = (0, _react.useRef)(null);
     var panesRef = (0, _react.useRef)([]);
     var autoScrollingRef = (0, _react.useRef)(false);
     var timerRef = (0, _react.useRef)(0);
-
     var _useState = (0, _react.useState)([activeIndex, activeIndex]),
-        shownIndexes = _useState[0],
-        setShownIndexes = _useState[1];
-
+      shownIndexes = _useState[0],
+      setShownIndexes = _useState[1];
     var prefix = prefixCls + "-tab-pane";
     var handleTouchEnd = swipeable ? handlePaneTouchEnd : void 0;
-
     var _useState2 = (0, _react.useState)('auto'),
-        currentPaneHeight = _useState2[0],
-        setCurrentPaneHeight = _useState2[1];
-
+      currentPaneHeight = _useState2[0],
+      setCurrentPaneHeight = _useState2[1];
     (0, _react.useImperativeHandle)(ref, function () {
       return {
         dom: domRef.current,
@@ -93,91 +84,72 @@
       if (mode !== 'scroll') {
         return function () {};
       }
-
       var handler = function handler() {
         onScroll == null ? void 0 : onScroll();
-
         if (autoScrollingRef.current) {
           return;
         }
-
         var container = getScrollContainer ? getScrollContainer() : window;
         if (!container) return;
-
         var _getContainerTop = getContainerTop(container),
-            containerTop = _getContainerTop.containerTop,
-            containerBottom = _getContainerTop.containerBottom;
-
+          containerTop = _getContainerTop.containerTop,
+          containerBottom = _getContainerTop.containerBottom;
         for (var i = 0; i < panes.length; i += 1) {
           // 判断范围：-∞ ... top0 ... top1 ... top n ... ∞
           // @en Judge the range: (-∞, top0, top1, ...top n, ∞)
           var curPaneTop = i === 0 ? -Infinity : getRectTop(panesRef.current[i]);
           var nextPaneTop = i === panes.length - 1 ? Infinity : getRectTop(panesRef.current[i + 1]);
-
           if (containerTop >= curPaneTop - scrollOffset && containerTop < nextPaneTop - scrollOffset) {
             changeIndex(i, 'scroll');
             break;
           }
         }
-
         if (goLastWhenScrollBottom) {
           var lastIndex = panes.length - 1;
           var curPaneBottom = getRectTop(panesRef.current[lastIndex], 'bottom');
-
           if (containerBottom === curPaneBottom) {
             changeIndex(lastIndex, 'scroll');
           }
         }
       };
-
       return scrollThrottle ? (0, _lodash.default)(handler, scrollThrottle) : handler;
     }, [mode, scrollThrottle, getScrollContainer, panes.length, scrollOffset, goLastWhenScrollBottom, scrollVertical, onScroll]);
     (0, _react.useEffect)(function () {
       var container = (getScrollContainer == null ? void 0 : getScrollContainer()) || window;
-
       if (container && mode === 'scroll') {
         container.addEventListener('scroll', scrollHandler);
       }
-
       return function () {
         if (container && mode === 'scroll') {
           container.removeEventListener('scroll', scrollHandler);
         }
       };
     }, [scrollHandler]);
-
     function setCurrentHeight() {
       if (!domRef.current || !autoHeight || mode !== 'swipe' || tabDirection !== 'vertical') {
         return;
       }
-
       var allPanesDom = panesRef.current;
       var nowIndex = activeIndexRef.current;
       var currentHeight = (allPanesDom[nowIndex] || {}).offsetHeight || 'auto';
       setCurrentPaneHeight(currentHeight);
     }
-
     function calcShownIndexes() {
       if (typeof lazyloadCount === 'number') {
         setShownIndexes([activeIndex - lazyloadCount, activeIndex + lazyloadCount]);
         return;
       }
-
       setShownIndexes([0, Infinity]);
     }
-
     function getTransition() {
       return paneTrans ? transitionDuration || 0 : 0;
     }
-
     function scrollToIndex(index, rightNow) {
       var container = (getScrollContainer == null ? void 0 : getScrollContainer()) || window;
-
       var _getContainerTop2 = getContainerTop(container),
-          isGlobal = _getContainerTop2.isGlobal,
-          scrollEle = _getContainerTop2.scrollEle,
-          containerTop = _getContainerTop2.containerTop;
-
+        isGlobal = _getContainerTop2.isGlobal,
+        scrollEle = _getContainerTop2.scrollEle,
+        containerTop = _getContainerTop2.containerTop;
       var curPaneTop = getRectTop(panesRef.current[index]);
       var topDis = curPaneTop - containerTop - scrollOffset;
       var scrollAttr = scrollVertical ? 'scrollTop' : 'scrollLeft';
@@ -196,21 +168,19 @@
         } else {
           scrollEle[scrollAttr] = top;
         }
-      }, duration); // 在自动滚动完成后，过一小段时间再解锁，避免最后一次触发scroll还未完成时就解锁导致乱跳的情况
+      }, duration);
+      // 在自动滚动完成后，过一小段时间再解锁，避免最后一次触发scroll还未完成时就解锁导致乱跳的情况
       // @en After the automatic scrolling is completed, unlock it after a short period of time, to avoid the situation of random jumping caused by unlocking when the scroll is not completed for the last time.
-
       var buffer = 100;
       timerRef.current = window.setTimeout(function () {
         autoScrollingRef.current = false;
       }, duration + (scrollThrottle || 0) + buffer);
     }
-
     function getContainerTop(container) {
       var _getScrollContainerRe = (0, _mobileUtils.getScrollContainerRect)(container),
-          isGlobal = _getScrollContainerRe.isGlobal,
-          scrollEle = _getScrollContainerRe.scrollEle,
-          containerRect = _getScrollContainerRe.containerRect;
-
+        isGlobal = _getScrollContainerRe.isGlobal,
+        scrollEle = _getScrollContainerRe.scrollEle,
+        containerRect = _getScrollContainerRe.containerRect;
       var containerTop = Math.floor(scrollVertical ? containerRect.top : containerRect.left);
       var containerBottom = Math.floor(scrollVertical ? containerRect.bottom : containerRect.right);
       return {
@@ -220,12 +190,10 @@
         containerBottom: containerBottom
       };
     }
-
     function getRectTop(ele, attr) {
       if (attr === void 0) {
         attr = 'top';
       }
-
       var attrMap = scrollVertical ? {
         top: 'top',
         bottom: 'bottom'
@@ -234,19 +202,16 @@
         bottom: 'right'
       };
       var attrKey = attrMap[attr];
-      var rect = (ele == null ? void 0 : ele.getBoundingClientRect()) || {}; // 消除误差
+      var rect = (ele == null ? void 0 : ele.getBoundingClientRect()) || {};
+      // 消除误差
       // @en Eliminate errors
-
       return rect[attrKey] ? Math.floor(rect[attrKey]) : 0;
     }
-
     function getPaneStyle() {
       var commonStyle = tabPaneStyle || {};
-
       if (mode === 'scroll') {
         return commonStyle;
       }
-
       var translateStr = translateZ ? ' translateZ(0)' : '';
       var sizeStyle = tabDirection === 'vertical' ? {
         width: 100 * panes.length + "%",
@@ -262,7 +227,6 @@
         transitionDuration: getTransition() + "ms"
       }, heightStyle, commonStyle));
     }
-
     function renderContent(pane, index) {
       var contentProps = {
         key: index,
@@ -272,30 +236,26 @@
         ref: function ref(r) {
           return panesRef.current[index] = r;
         }
-      }; // 是滚动模式或在加载范围内，直接渲染
+      };
+      // 是滚动模式或在加载范围内，直接渲染
       // @en Render directly when in scroll mode or in loading scope
-
       if (mode === 'scroll' || index >= shownIndexes[0] && index <= shownIndexes[1]) {
         return /*#__PURE__*/_react.default.createElement("div", contentProps, pane);
-      } // 不在加载范围内，视renderHideContent和hideContentStyle情况而定
+      }
+      // 不在加载范围内，视renderHideContent和hideContentStyle情况而定
       // @en Not in the loading range, depending on renderHideContent and hideContentStyle
-
-
       if (renderHideContent) {
         return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, contentProps, {
           style: hideContentStyle || {}
         }), renderHideContent(index, pane));
       }
-
       if (hideContentStyle === null) {
         return /*#__PURE__*/_react.default.createElement("div", contentProps);
       }
-
       return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, contentProps, {
         style: hideContentStyle
       }), pane);
     }
-
     return /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _mobileUtils.cls)(prefix + "-container", tabDirection, "mode-" + mode, tabPaneClass, {
         'full-screen': fullScreen

package/umd/tag/index.js

@@ -22,12 +22,12 @@
     if (key in _exports && _exports[key] === _type[key]) return;
     _exports[key] = _type[key];
   });
-
   /**
    * 标签列表，支持动态编辑标签
    * @en Tag list, support dynamic editing of tags
    */
   var List = (0, _list.componentGenerator)(_tag.Tag);
+
   /**
    * 标签组件，支持标签和标签组。
    * @en Tag component, supports tags and tag groups.
@@ -36,10 +36,8 @@
    * @name 标签
    * @name_en Tag
    */
-
   var _default = (0, _mobileUtils.componentWrapper)(_tag.Tag, {
     List: List
   });
-
   _exports.default = _default;
 });

package/umd/tag/list.js

@@ -14,37 +14,32 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.componentGenerator = componentGenerator;
   _extends2 = _interopRequireDefault(_extends2);
   _react = _interopRequireWildcard(_react);
   _IconAdd = _interopRequireDefault(_IconAdd);
-
   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; }
-
   function componentGenerator(Comp) {
     return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       var className = props.className,
-          style = props.style,
-          list = props.list,
-          type = props.type,
-          _props$showAddButton = props.showAddButton,
-          showAddButton = _props$showAddButton === void 0 ? true : _props$showAddButton,
-          addArea = props.addArea,
-          horizontalPadding = props.horizontalPadding,
-          verticalPadding = props.verticalPadding,
-          onAdd = props.onAdd,
-          _onClose = props.onClose;
+        style = props.style,
+        list = props.list,
+        type = props.type,
+        _props$showAddButton = props.showAddButton,
+        showAddButton = _props$showAddButton === void 0 ? true : _props$showAddButton,
+        addArea = props.addArea,
+        horizontalPadding = props.horizontalPadding,
+        verticalPadding = props.verticalPadding,
+        onAdd = props.onAdd,
+        _onClose = props.onClose;
       var domRef = (0, _react.useRef)(null);
       (0, _react.useImperativeHandle)(ref, function () {
         return {
           dom: domRef.current
         };
       });
-
       function getTagStyle(tag, index) {
         var baseStyle = tag.style || {};
         var paddingStyle = index === list.length - 1 && !showAddButton ? {} : {
@@ -54,10 +49,8 @@
           marginBottom: verticalPadding
         });
       }
-
       function getListStyle() {
         var marginStyle = {};
-
         if (verticalPadding && typeof verticalPadding === 'string') {
           marginStyle = {
             marginBottom: "-" + verticalPadding
@@ -67,13 +60,11 @@
             marginBottom: -1 * verticalPadding
           };
         }
-
         return (0, _extends2.default)({}, style || {}, marginStyle);
       }
-
       return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
         var prefixCls = _ref.prefixCls,
-            locale = _ref.locale;
+          locale = _ref.locale;
         var prefix = prefixCls + "-tag-list";
         return /*#__PURE__*/_react.default.createElement("div", {
           className: (0, _mobileUtils.cls)(prefix, className),

package/umd/tag/tag.js

@@ -14,39 +14,35 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.Tag = void 0;
   _extends2 = _interopRequireDefault(_extends2);
   _react = _interopRequireWildcard(_react);
   _IconClose = _interopRequireDefault(_IconClose);
-
   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 Tag = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var className = props.className,
-        style = props.style,
-        _props$type = props.type,
-        type = _props$type === void 0 ? 'primary' : _props$type,
-        icon = props.icon,
-        children = props.children,
-        _props$size = props.size,
-        size = _props$size === void 0 ? 'medium' : _props$size,
-        color = props.color,
-        bgColor = props.bgColor,
-        borderColor = props.borderColor,
-        _props$borderStyle = props.borderStyle,
-        borderStyle = _props$borderStyle === void 0 ? 'solid' : _props$borderStyle,
-        _props$halfBorder = props.halfBorder,
-        halfBorder = _props$halfBorder === void 0 ? true : _props$halfBorder,
-        closeable = props.closeable,
-        closeIcon = props.closeIcon,
-        closeColor = props.closeColor,
-        filleted = props.filleted,
-        onClose = props.onClose,
-        onClick = props.onClick;
+      style = props.style,
+      _props$type = props.type,
+      type = _props$type === void 0 ? 'primary' : _props$type,
+      icon = props.icon,
+      children = props.children,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'medium' : _props$size,
+      color = props.color,
+      bgColor = props.bgColor,
+      borderColor = props.borderColor,
+      _props$borderStyle = props.borderStyle,
+      borderStyle = _props$borderStyle === void 0 ? 'solid' : _props$borderStyle,
+      _props$halfBorder = props.halfBorder,
+      halfBorder = _props$halfBorder === void 0 ? true : _props$halfBorder,
+      closeable = props.closeable,
+      closeIcon = props.closeIcon,
+      closeColor = props.closeColor,
+      filleted = props.filleted,
+      onClose = props.onClose,
+      onClick = props.onClick;
     var domRef = (0, _react.useRef)(null);
     var system = (0, _helpers.useSystem)();
     (0, _react.useImperativeHandle)(ref, function () {
@@ -54,7 +50,6 @@
         dom: domRef.current
       };
     });
-
     function getTagStyle() {
       return (0, _extends2.default)({
         color: color,
@@ -63,7 +58,6 @@
         borderStyle: borderStyle
       }, style || {});
     }
-
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
       var prefixCls = _ref.prefixCls;
       var prefix = prefixCls + "-tag";

package/umd/textarea/index.d.ts

@@ -81,6 +81,7 @@ export interface TextareaRef {
      */
     resize: () => void;
 }
+declare const _default: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<TextareaRef>> & "Textarea";
 /**
  * 多行文本输入框组件，支持自适应内容高度。
  * @en A multi-line textarea, supports adaptive content height.
@@ -88,6 +89,6 @@ export interface TextareaRef {
  * @type_en Data Entry
  * @name 多行文本框
  * @name_en Textarea
+ * @displayName Textarea
  */
-declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<TextareaRef>>;
-export default Textarea;
+export default _default;

package/umd/textarea/index.js

@@ -14,69 +14,54 @@
   "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; }
-
-  /**
-   * 多行文本输入框组件，支持自适应内容高度。
-   * @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]);
@@ -102,26 +87,21 @@
     (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];
         });
@@ -129,12 +109,10 @@
         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";
@@ -164,9 +142,18 @@
         })
       }, 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/umd/textarea/style/css/index.css

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