@douyinfe/semi-ui 2.36.0-beta.0 → 2.36.1-alpha.0

package/lib/es/input/textarea.js

@@ -1,20 +1,15 @@
 import _isFunction from "lodash/isFunction";
 import _omit from "lodash/omit";
 import _noop from "lodash/noop";
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
 /* eslint-disable no-unused-vars */
-
-
 import React from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
@@ -24,28 +19,23 @@ import BaseComponent from '../_base/baseComponent';
 import '@douyinfe/semi-foundation/lib/es/input/textarea.css';
 import { IconClear } from '@douyinfe/semi-icons';
 const prefixCls = cssClasses.PREFIX;
-
 class TextArea extends BaseComponent {
   constructor(props) {
     super(props);
-
     this.handleClear = e => {
       this.foundation.handleClear(e);
     };
-
     this.setRef = node => {
       this.libRef.current = node;
       const {
         forwardRef
       } = this.props;
-
       if (typeof forwardRef === 'function') {
         forwardRef(node);
       } else if (forwardRef && typeof forwardRef === 'object') {
         forwardRef.current = node;
       }
     };
-
     this.state = {
       value: '',
       isFocus: false,
@@ -58,7 +48,6 @@ class TextArea extends BaseComponent {
     this.libRef = /*#__PURE__*/React.createRef();
     this._resizeLock = false;
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       setValue: value => this.setState({
@@ -100,22 +89,17 @@ class TextArea extends BaseComponent {
       })
     });
   }
-
   static getDerivedStateFromProps(props, state) {
     const willUpdateStates = {};
-
     if (props.value !== state.cachedValue) {
       willUpdateStates.value = props.value;
       willUpdateStates.cachedValue = props.value;
     }
-
     return willUpdateStates;
   }
-
   componentDidMount() {
     this.foundation.init();
     this._resizeListener = null;
-
     if (this.props.autosize) {
       // Working around Firefox bug which runs resize listeners even when other JS is running at the same moment
       // causing competing rerenders (due to setState in the listener) in React.
@@ -125,28 +109,23 @@ class TextArea extends BaseComponent {
         if (this._resizeLock) {
           return;
         }
-
         this._resizeLock = true;
         this.foundation.resizeTextarea(() => {
           this._resizeLock = false;
         });
       };
-
       window.addEventListener('resize', this._resizeListener);
     }
   }
-
   componentWillUnmount() {
     this.foundation.destroy();
     this._resizeListener && window.removeEventListener('resize', this._resizeListener);
   }
-
   componentDidUpdate(prevProps, prevState) {
     if (this.props.value !== prevProps.value && this.props.autosize) {
       this.foundation.resizeTextarea();
     }
   }
-
   renderClearBtn() {
     const {
       showClear
@@ -155,7 +134,6 @@ class TextArea extends BaseComponent {
     const clearCls = cls(`${prefixCls}-clearbtn`, {
       [`${prefixCls}-clearbtn-hidden`]: !displayClearBtn
     });
-
     if (showClear) {
       return (
         /*#__PURE__*/
@@ -166,10 +144,8 @@ class TextArea extends BaseComponent {
         }, /*#__PURE__*/React.createElement(IconClear, null))
       );
     }
-
     return null;
   }
-
   renderCounter() {
     let counter, current, total, countCls;
     const {
@@ -177,12 +153,11 @@ class TextArea extends BaseComponent {
       maxCount,
       getValueLength
     } = this.props;
-
     if (showCounter || maxCount) {
       const {
         value
-      } = this.state; // eslint-disable-next-line no-nested-ternary
-
+      } = this.state;
+      // eslint-disable-next-line no-nested-ternary
       current = value ? _isFunction(getValueLength) ? getValueLength(value) : value.length : 0;
       total = maxCount || null;
       countCls = cls(`${prefixCls}-textarea-counter`, {
@@ -194,35 +169,32 @@ class TextArea extends BaseComponent {
     } else {
       counter = null;
     }
-
     return counter;
   }
-
   render() {
     const _a = this.props,
-          {
-      autosize,
-      placeholder,
-      onEnterPress,
-      onResize,
-      // resize,
-      disabled,
-      readonly,
-      className,
-      showCounter,
-      validateStatus,
-      maxCount,
-      defaultValue,
-      style,
-      forwardRef,
-      getValueLength,
-      maxLength,
-      minLength,
-      showClear,
-      borderless
-    } = _a,
-          rest = __rest(_a, ["autosize", "placeholder", "onEnterPress", "onResize", "disabled", "readonly", "className", "showCounter", "validateStatus", "maxCount", "defaultValue", "style", "forwardRef", "getValueLength", "maxLength", "minLength", "showClear", "borderless"]);
-
+      {
+        autosize,
+        placeholder,
+        onEnterPress,
+        onResize,
+        // resize,
+        disabled,
+        readonly,
+        className,
+        showCounter,
+        validateStatus,
+        maxCount,
+        defaultValue,
+        style,
+        forwardRef,
+        getValueLength,
+        maxLength,
+        minLength,
+        showClear,
+        borderless
+      } = _a,
+      rest = __rest(_a, ["autosize", "placeholder", "onEnterPress", "onResize", "disabled", "readonly", "className", "showCounter", "validateStatus", "maxCount", "defaultValue", "style", "forwardRef", "getValueLength", "maxLength", "minLength", "showClear", "borderless"]);
     const {
       isFocus,
       value,
@@ -233,10 +205,10 @@ class TextArea extends BaseComponent {
       [`${prefixCls}-textarea-wrapper-disabled`]: disabled,
       [`${prefixCls}-textarea-wrapper-readonly`]: readonly,
       [`${prefixCls}-textarea-wrapper-${validateStatus}`]: Boolean(validateStatus),
-      [`${prefixCls}-textarea-wrapper-focus`]: isFocus // [`${prefixCls}-textarea-wrapper-resize`]: !autosize && resize,
-
-    }); // const ref = this.props.forwardRef || this.textAreaRef;
-
+      [`${prefixCls}-textarea-wrapper-focus`]: isFocus
+      // [`${prefixCls}-textarea-wrapper-resize`]: !autosize && resize,
+    });
+    // const ref = this.props.forwardRef || this.textAreaRef;
     const itemCls = cls(`${prefixCls}-textarea`, {
       [`${prefixCls}-textarea-disabled`]: disabled,
       [`${prefixCls}-textarea-readonly`]: readonly,
@@ -254,15 +226,12 @@ class TextArea extends BaseComponent {
       onKeyDown: e => this.foundation.handleKeyDown(e),
       value: value === null || value === undefined ? '' : value
     });
-
     if (!_isFunction(getValueLength)) {
       itemProps.maxLength = maxLength;
     }
-
     if (stateMinLength) {
       itemProps.minLength = stateMinLength;
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: wrapperCls,
       style: style,
@@ -272,9 +241,7 @@ class TextArea extends BaseComponent {
       ref: this.setRef
     })), this.renderClearBtn(), this.renderCounter());
   }
-
 }
-
 TextArea.propTypes = {
   autosize: PropTypes.bool,
   borderless: PropTypes.bool,
@@ -290,10 +257,11 @@ TextArea.propTypes = {
   showClear: PropTypes.bool,
   onClear: PropTypes.func,
   onResize: PropTypes.func,
-  getValueLength: PropTypes.func // TODO
+  getValueLength: PropTypes.func
+  // TODO
   // resize: PropTypes.bool,
-
 };
+
 TextArea.defaultProps = {
   autosize: false,
   borderless: false,
@@ -307,9 +275,10 @@ TextArea.defaultProps = {
   onFocus: _noop,
   onKeyDown: _noop,
   onResize: _noop,
-  onClear: _noop // resize: false,
-
+  onClear: _noop
+  // resize: false,
 };
+
 const ForwardTextarea = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(TextArea, Object.assign({}, props, {
   forwardRef: ref
 })));