@arco-design/mobile-react 2.24.2 → 2.25.0

package/esm/tabs/tab-pane.js

@@ -5,53 +5,48 @@ import { cls, scrollWithAnimation, getScrollContainerRect } from '@arco-design/m
 import { getStyleWithVendor } from '../_helpers';
 var TabPane = /*#__PURE__*/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 = useRef(null);
   var panesRef = useRef([]);
   var autoScrollingRef = useRef(false);
   var timerRef = useRef(0);
-
   var _useState = 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 = useState('auto'),
-      currentPaneHeight = _useState2[0],
-      setCurrentPaneHeight = _useState2[1];
-
+    currentPaneHeight = _useState2[0],
+    setCurrentPaneHeight = _useState2[1];
   useImperativeHandle(ref, function () {
     return {
       dom: domRef.current,
@@ -71,91 +66,72 @@ var TabPane = /*#__PURE__*/forwardRef(function (props, ref) {
     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 ? lodashThrottle(handler, scrollThrottle) : handler;
   }, [mode, scrollThrottle, getScrollContainer, panes.length, scrollOffset, goLastWhenScrollBottom, scrollVertical, onScroll]);
   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';
@@ -174,21 +150,19 @@ var TabPane = /*#__PURE__*/forwardRef(function (props, ref) {
       } 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 = 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 {
@@ -198,12 +172,10 @@ var TabPane = /*#__PURE__*/forwardRef(function (props, ref) {
       containerBottom: containerBottom
     };
   }
-
   function getRectTop(ele, attr) {
     if (attr === void 0) {
       attr = 'top';
     }
-
     var attrMap = scrollVertical ? {
       top: 'top',
       bottom: 'bottom'
@@ -212,19 +184,16 @@ var TabPane = /*#__PURE__*/forwardRef(function (props, ref) {
       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 + "%",
@@ -240,7 +209,6 @@ var TabPane = /*#__PURE__*/forwardRef(function (props, ref) {
       transitionDuration: getTransition() + "ms"
     }, heightStyle, commonStyle));
   }
-
   function renderContent(pane, index) {
     var contentProps = {
       key: index,
@@ -250,30 +218,26 @@ var TabPane = /*#__PURE__*/forwardRef(function (props, ref) {
       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.createElement("div", contentProps, pane);
-    } // 不在加载范围内，视renderHideContent和hideContentStyle情况而定
+    }
+    // 不在加载范围内，视renderHideContent和hideContentStyle情况而定
     // @en Not in the loading range, depending on renderHideContent and hideContentStyle
-
-
     if (renderHideContent) {
       return /*#__PURE__*/React.createElement("div", _extends({}, contentProps, {
         style: hideContentStyle || {}
       }), renderHideContent(index, pane));
     }
-
     if (hideContentStyle === null) {
       return /*#__PURE__*/React.createElement("div", contentProps);
     }
-
     return /*#__PURE__*/React.createElement("div", _extends({}, contentProps, {
       style: hideContentStyle
     }), pane);
   }
-
   return /*#__PURE__*/React.createElement("div", {
     className: cls(prefix + "-container", tabDirection, "mode-" + mode, tabPaneClass, {
       'full-screen': fullScreen

package/esm/tag/index.js

@@ -2,12 +2,13 @@ import { componentWrapper } from '@arco-design/mobile-utils';
 import { componentGenerator } from './list';
 import { Tag } from './tag';
 export * from './type';
+
 /**
  * 标签列表，支持动态编辑标签
  * @en Tag list, support dynamic editing of tags
  */
-
 var List = componentGenerator(Tag);
+
 /**
  * 标签组件，支持标签和标签组。
  * @en Tag component, supports tags and tag groups.
@@ -16,7 +17,6 @@ var List = componentGenerator(Tag);
  * @name 标签
  * @name_en Tag
  */
-
 export default componentWrapper(Tag, {
   List: List
 });

package/esm/tag/list.js

@@ -7,23 +7,22 @@ import IconAdd from '../icon/IconAdd';
 export function componentGenerator(Comp) {
   return /*#__PURE__*/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 = useRef(null);
     useImperativeHandle(ref, function () {
       return {
         dom: domRef.current
       };
     });
-
     function getTagStyle(tag, index) {
       var baseStyle = tag.style || {};
       var paddingStyle = index === list.length - 1 && !showAddButton ? {} : {
@@ -33,10 +32,8 @@ export function componentGenerator(Comp) {
         marginBottom: verticalPadding
       });
     }
-
     function getListStyle() {
       var marginStyle = {};
-
       if (verticalPadding && typeof verticalPadding === 'string') {
         marginStyle = {
           marginBottom: "-" + verticalPadding
@@ -46,13 +43,11 @@ export function componentGenerator(Comp) {
           marginBottom: -1 * verticalPadding
         };
       }
-
       return _extends({}, style || {}, marginStyle);
     }
-
     return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
       var prefixCls = _ref.prefixCls,
-          locale = _ref.locale;
+        locale = _ref.locale;
       var prefix = prefixCls + "-tag-list";
       return /*#__PURE__*/React.createElement("div", {
         className: cls(prefix, className),

package/esm/tag/tag.js

@@ -6,26 +6,26 @@ import { useSystem } from '../_helpers';
 import IconClose from '../icon/IconClose';
 export var Tag = /*#__PURE__*/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 = useRef(null);
   var system = useSystem();
   useImperativeHandle(ref, function () {
@@ -33,7 +33,6 @@ export var Tag = /*#__PURE__*/forwardRef(function (props, ref) {
       dom: domRef.current
     };
   });
-
   function getTagStyle() {
     return _extends({
       color: color,
@@ -42,7 +41,6 @@ export var Tag = /*#__PURE__*/forwardRef(function (props, ref) {
       borderStyle: borderStyle
     }, style || {});
   }
-
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     var prefix = prefixCls + "-tag";

package/esm/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/esm/textarea/index.js

@@ -1,62 +1,50 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef, useImperativeHandle, useRef, useEffect, useMemo } from 'react';
-import { cls } from '@arco-design/mobile-utils';
+import { cls, componentWrapper } from '@arco-design/mobile-utils';
 import { ContextLayout } from '../context-provider';
 import { useInputLogic } from '../input/hooks';
-
-/**
- * 多行文本输入框组件，支持自适应内容高度。
- * @en A multi-line textarea, supports adaptive content height.
- * @type 数据录入
- * @type_en Data Entry
- * @name 多行文本框
- * @name_en Textarea
- */
 var Textarea = /*#__PURE__*/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 = useRef(null);
   var cloneNodeRef = useRef(null);
-
   var _useInputLogic = 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 = 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]);
@@ -82,26 +70,21 @@ var Textarea = /*#__PURE__*/forwardRef(function (props, ref) {
   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,12 +92,10 @@ var Textarea = /*#__PURE__*/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";
@@ -144,7 +125,16 @@ var Textarea = /*#__PURE__*/forwardRef(function (props, ref) {
       })
     }, renderStatistics ? renderStatistics(currentValueLength, maxValueLength) : currentValueLength + "/" + maxValueLength) : null));
   }
-
   return /*#__PURE__*/React.createElement(ContextLayout, null, renderTextarea);
 });
-export default Textarea;
+
+/**
+ * 多行文本输入框组件，支持自适应内容高度。
+ * @en A multi-line textarea, supports adaptive content height.
+ * @type 数据录入
+ * @type_en Data Entry
+ * @name 多行文本框
+ * @name_en Textarea
+ * @displayName Textarea
+ */
+export default componentWrapper(Textarea, 'Textarea');

package/esm/textarea/style/css/index.css

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