@nutui/nutui-react 1.3.5-beta.1 → 1.3.6

package/dist/esm/Switch.js

@@ -1,10 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React__default, { useState, useEffect } from 'react';
 import { c as cn } from './bem-893ad28d.js';
 import '@bem-react/classname';
@@ -18,52 +15,42 @@ var defaultProps = {
   inactiveText: '',
   className: ''
 };
-
 var Switch = function Switch(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      isAsync = _defaultProps$props.isAsync,
-      checked = _defaultProps$props.checked,
-      disable = _defaultProps$props.disable,
-      activeColor = _defaultProps$props.activeColor,
-      inactiveColor = _defaultProps$props.inactiveColor,
-      activeText = _defaultProps$props.activeText,
-      inactiveText = _defaultProps$props.inactiveText,
-      change = _defaultProps$props.change,
-      className = _defaultProps$props.className,
-      style = _defaultProps$props.style;
-
+    isAsync = _defaultProps$props.isAsync,
+    checked = _defaultProps$props.checked,
+    disable = _defaultProps$props.disable,
+    activeColor = _defaultProps$props.activeColor,
+    inactiveColor = _defaultProps$props.inactiveColor,
+    activeText = _defaultProps$props.activeText,
+    inactiveText = _defaultProps$props.inactiveText,
+    change = _defaultProps$props.change,
+    className = _defaultProps$props.className,
+    style = _defaultProps$props.style;
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
   var b = cn('switch');
   useEffect(function () {
     setValue(checked);
   }, [checked]);
-
   var classes = function classes() {
     return "".concat(b(), " ").concat(value ? 'switch-open' : 'switch-close', " ").concat(disable ? "".concat(b(), "-disable") : '', " ", "".concat(b(), "-base"), " ").concat(className);
   };
-
   var styles = function styles() {
     var myStyle = _objectSpread({
       backgroundColor: value ? activeColor : inactiveColor
     }, style || {});
-
     return myStyle;
   };
-
   var _onClick = function onClick(event) {
     if (disable) return;
-
     if (!isAsync) {
       setValue(!value);
     }
-
     change && change(!value, event);
   };
-
   return React__default.createElement("div", {
     className: classes(),
     onClick: function onClick(e) {
@@ -80,7 +67,6 @@ var Switch = function Switch(props) {
     className: "".concat(b('label'), " close")
   }, inactiveText))));
 };
-
 Switch.defaultProps = defaultProps;
 Switch.displayName = 'NutSwitch';
 export { Switch as default };

package/dist/esm/Tabbar.js

@@ -1,10 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React__default, { useState } from 'react';
 import { c as cn } from './bem-893ad28d.js';
 import '@bem-react/classname';
@@ -19,31 +16,26 @@ var defaultProps = {
   style: {},
   tabSwitch: function tabSwitch() {}
 };
-
 var Tabbar = function Tabbar(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      children = _defaultProps$props.children,
-      visible = _defaultProps$props.visible,
-      bottom = _defaultProps$props.bottom,
-      size = _defaultProps$props.size,
-      activeColor = _defaultProps$props.activeColor,
-      unactiveColor = _defaultProps$props.unactiveColor,
-      safeAreaInsetBottom = _defaultProps$props.safeAreaInsetBottom,
-      className = _defaultProps$props.className,
-      style = _defaultProps$props.style,
-      tabSwitch = _defaultProps$props.tabSwitch;
-
+    children = _defaultProps$props.children,
+    visible = _defaultProps$props.visible,
+    bottom = _defaultProps$props.bottom,
+    size = _defaultProps$props.size,
+    activeColor = _defaultProps$props.activeColor,
+    unactiveColor = _defaultProps$props.unactiveColor,
+    safeAreaInsetBottom = _defaultProps$props.safeAreaInsetBottom,
+    className = _defaultProps$props.className,
+    style = _defaultProps$props.style,
+    tabSwitch = _defaultProps$props.tabSwitch;
   var b = cn('tabbar');
-
   var _useState = useState(visible),
-      _useState2 = _slicedToArray(_useState, 2),
-      selectIndex = _useState2[0],
-      setSelectIndex = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    selectIndex = _useState2[0],
+    setSelectIndex = _useState2[1];
   var _handleClick = function handleClick(idx) {
     setSelectIndex(idx);
   };
-
   return React__default.createElement("div", {
     className: ["".concat(b()), bottom ? "".concat(b('bottom')) : '', safeAreaInsetBottom ? "".concat(b('safebottom')) : '', className].join(' '),
     style: style
@@ -51,7 +43,6 @@ var Tabbar = function Tabbar(props) {
     if (!React__default.isValidElement(child)) {
       return null;
     }
-
     var childProps = _objectSpread(_objectSpread({}, child.props), {}, {
       active: idx === selectIndex,
       index: idx,
@@ -60,15 +51,12 @@ var Tabbar = function Tabbar(props) {
       size: size,
       handleClick: function handleClick() {
         _handleClick(idx);
-
         tabSwitch(child, idx);
       }
     });
-
     return React__default.cloneElement(child, childProps);
   }));
 };
-
 Tabbar.defaultProps = defaultProps;
 Tabbar.displayName = 'NutTabbar';
 export { Tabbar as default };

package/dist/esm/TabbarItem.js

@@ -1,16 +1,12 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React__default, { useEffect } from 'react';
 import { useHistory } from 'react-router-dom';
 import { c as cn } from './bem-893ad28d.js';
 import Icon from './Icon.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
 import '@bem-react/classname';
-
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   dot: false,
   size: '',
@@ -26,25 +22,23 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   index: 0,
   handleClick: function handleClick(idx) {}
 });
-
 var TabbarItem = function TabbarItem(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      dot = _defaultProps$props.dot,
-      size = _defaultProps$props.size,
-      classPrefix = _defaultProps$props.classPrefix,
-      tabTitle = _defaultProps$props.tabTitle,
-      icon = _defaultProps$props.icon,
-      href = _defaultProps$props.href,
-      to = _defaultProps$props.to,
-      num = _defaultProps$props.num,
-      active = _defaultProps$props.active,
-      activeColor = _defaultProps$props.activeColor,
-      unactiveColor = _defaultProps$props.unactiveColor,
-      index = _defaultProps$props.index,
-      handleClick = _defaultProps$props.handleClick,
-      iconClassPrefix = _defaultProps$props.iconClassPrefix,
-      iconFontClassName = _defaultProps$props.iconFontClassName;
-
+    dot = _defaultProps$props.dot,
+    size = _defaultProps$props.size,
+    classPrefix = _defaultProps$props.classPrefix,
+    tabTitle = _defaultProps$props.tabTitle,
+    icon = _defaultProps$props.icon,
+    href = _defaultProps$props.href,
+    to = _defaultProps$props.to,
+    num = _defaultProps$props.num,
+    active = _defaultProps$props.active,
+    activeColor = _defaultProps$props.activeColor,
+    unactiveColor = _defaultProps$props.unactiveColor,
+    index = _defaultProps$props.index,
+    handleClick = _defaultProps$props.handleClick,
+    iconClassPrefix = _defaultProps$props.iconClassPrefix,
+    iconFontClassName = _defaultProps$props.iconFontClassName;
   var b = cn('tabbar-item');
   var bIcon = cn('tabbar-item__icon-box');
   var history = useHistory();
@@ -53,7 +47,6 @@ var TabbarItem = function TabbarItem(props) {
       window.location.href = href;
       return;
     }
-
     if (active && to) {
       history.push(to);
     }
@@ -89,5 +82,4 @@ var TabbarItem = function TabbarItem(props) {
     })])
   }, tabTitle)));
 };
-
 export { TabbarItem as default };

package/dist/esm/Table.js

@@ -2,11 +2,8 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["children", "className", "style", "columns", "data", "bordered", "summary", "striped", "noData", "onSorter", "iconClassPrefix", "iconFontClassName"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React__default, { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
@@ -14,7 +11,6 @@ import Icon from './Icon.js';
 import { useConfig } from './ConfigProvider.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
 import '@bem-react/classname';
-
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   className: '',
   style: {},
@@ -24,33 +20,28 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   striped: false,
   noData: '无数据'
 });
-
 var Table = function Table(props) {
   var _useConfig = useConfig(),
-      locale = _useConfig.locale;
-
+    locale = _useConfig.locale;
   defaultProps.noData = locale.noData;
-
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      children = _defaultProps$props.children,
-      className = _defaultProps$props.className,
-      style = _defaultProps$props.style,
-      columns = _defaultProps$props.columns,
-      data = _defaultProps$props.data,
-      bordered = _defaultProps$props.bordered,
-      summary = _defaultProps$props.summary,
-      striped = _defaultProps$props.striped,
-      noData = _defaultProps$props.noData,
-      onSorter = _defaultProps$props.onSorter,
-      iconClassPrefix = _defaultProps$props.iconClassPrefix,
-      iconFontClassName = _defaultProps$props.iconFontClassName,
-      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-
+    children = _defaultProps$props.children,
+    className = _defaultProps$props.className,
+    style = _defaultProps$props.style,
+    columns = _defaultProps$props.columns,
+    data = _defaultProps$props.data,
+    bordered = _defaultProps$props.bordered,
+    summary = _defaultProps$props.summary,
+    striped = _defaultProps$props.striped,
+    noData = _defaultProps$props.noData,
+    onSorter = _defaultProps$props.onSorter,
+    iconClassPrefix = _defaultProps$props.iconClassPrefix,
+    iconFontClassName = _defaultProps$props.iconFontClassName,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var _useState = useState(data),
-      _useState2 = _slicedToArray(_useState, 2),
-      curData = _useState2[0],
-      setCurData = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    curData = _useState2[0],
+    setCurData = _useState2[1];
   useEffect(function () {
     if (data && String(data) !== String(curData)) {
       setCurData(data);
@@ -59,11 +50,9 @@ var Table = function Table(props) {
   var b = cn('table');
   var classes = classNames({});
   var cls = classNames(b(), classes, className);
-
   var handleSorterClick = function handleSorterClick(item) {
     if (item.sorter) {
       onSorter && onSorter(item, curData);
-
       if (typeof item.sorter === 'function') {
         setCurData(curData.sort(item.sorter));
       } else {
@@ -71,19 +60,16 @@ var Table = function Table(props) {
       }
     }
   };
-
   var cellClasses = function cellClasses(item) {
     return _defineProperty({
       'nut-table__main__head__tr--border': props.bordered
     }, "nut-table__main__head__tr--align".concat(item.align ? item.align : ''), true);
   };
-
   var getColumnItem = function getColumnItem(value) {
     return columns.filter(function (item) {
       return item.key === value;
     })[0];
   };
-
   var renderHeadCells = function renderHeadCells() {
     return columns.map(function (item, index) {
       return React__default.createElement("span", {
@@ -100,26 +86,22 @@ var Table = function Table(props) {
       }));
     });
   };
-
   var sortDataItem = function sortDataItem() {
     return columns.map(function (columns) {
       return [columns.key, columns.render];
     });
   };
-
   var renderBodyTds = function renderBodyTds(item) {
     return sortDataItem().map(function (_ref2, index) {
       var _ref3 = _slicedToArray(_ref2, 2),
-          value = _ref3[0],
-          render = _ref3[1];
-
+        value = _ref3[0],
+        render = _ref3[1];
       return React__default.createElement("span", {
         className: classNames('nut-table__main__body__tr__td', cellClasses(getColumnItem(value))),
         key: value
       }, typeof item[value] === 'function' || typeof render === 'function' ? React__default.createElement("div", null, render ? render(item) : item[value](item)) : item[value]);
     });
   };
-
   var renderBoyTrs = function renderBoyTrs() {
     return curData.map(function (item, index) {
       return React__default.createElement("div", {
@@ -128,7 +110,6 @@ var Table = function Table(props) {
       }, renderBodyTds(item));
     });
   };
-
   return React__default.createElement("div", _objectSpread({
     className: cls,
     style: style
@@ -154,7 +135,6 @@ var Table = function Table(props) {
     className: "nut-table__nodata__text"
   }, noData))));
 };
-
 Table.defaultProps = defaultProps;
 Table.displayName = 'NutTable';
 export { Table as default };

package/dist/esm/Tag.js

@@ -1,14 +1,10 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React__default, { useState, useEffect } from 'react';
 import Icon from './Icon.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
-
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   type: 'default',
   color: '',
@@ -21,54 +17,45 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   onClose: function onClose(e) {},
   onClick: function onClick(e) {}
 });
-
 var Tag = function Tag(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      color = _defaultProps$props.color,
-      plain = _defaultProps$props.plain,
-      type = _defaultProps$props.type,
-      round = _defaultProps$props.round,
-      prefixCls = _defaultProps$props.prefixCls,
-      children = _defaultProps$props.children,
-      mark = _defaultProps$props.mark,
-      closeable = _defaultProps$props.closeable,
-      textColor = _defaultProps$props.textColor,
-      onClick = _defaultProps$props.onClick,
-      onClose = _defaultProps$props.onClose,
-      iconClassPrefix = _defaultProps$props.iconClassPrefix,
-      iconFontClassName = _defaultProps$props.iconFontClassName;
-
+    color = _defaultProps$props.color,
+    plain = _defaultProps$props.plain,
+    type = _defaultProps$props.type,
+    round = _defaultProps$props.round,
+    prefixCls = _defaultProps$props.prefixCls,
+    children = _defaultProps$props.children,
+    mark = _defaultProps$props.mark,
+    closeable = _defaultProps$props.closeable,
+    textColor = _defaultProps$props.textColor,
+    onClick = _defaultProps$props.onClick,
+    onClose = _defaultProps$props.onClose,
+    iconClassPrefix = _defaultProps$props.iconClassPrefix,
+    iconFontClassName = _defaultProps$props.iconFontClassName;
   var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      btnName = _useState2[0],
-      setBtnName = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    btnName = _useState2[0],
+    setBtnName = _useState2[1];
   var _useState3 = useState(true),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isTagShow = _useState4[0],
-      setIsTagShow = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    isTagShow = _useState4[0],
+    setIsTagShow = _useState4[1];
   useEffect(function () {
     setBtnName(classes());
   }, [type, color, textColor, plain, round, mark, closeable, prefixCls, onClick, onClose]);
-
   var classes = function classes() {
     var prefixCls = 'nut-tag';
     return "".concat(prefixCls, "\n    ").concat(type ? "".concat(prefixCls, "--").concat(type) : '', "\n    ").concat(plain ? "".concat(prefixCls, "--plain") : '', "\n    ").concat(round ? "".concat(prefixCls, "--round") : '', "\n    ").concat(mark ? "".concat(prefixCls, "--mark") : '', "\n    ").concat(closeable ? "".concat(prefixCls, "--close") : '');
   };
-
   var handleClick = function handleClick(e) {
     if (props.onClick) {
       props.onClick(e);
     }
   };
-
   var getStyle = function getStyle() {
     var style = {};
-
     if (textColor) {
       style.color = textColor;
-
       if (plain) {
         style.background = '#fff';
       } else if (color) {
@@ -78,10 +65,8 @@ var Tag = function Tag(props) {
       style.color = '#fff';
       style.background = color;
     }
-
     return style;
   };
-
   return React__default.createElement("div", null, closeable ? isTagShow && React__default.createElement("div", {
     className: "".concat(btnName),
     style: getStyle(),
@@ -98,7 +83,6 @@ var Tag = function Tag(props) {
     size: "12",
     onClick: function onClick(e) {
       setIsTagShow(false);
-
       if (props.onClose) {
         props.onClose(e);
       }
@@ -113,7 +97,6 @@ var Tag = function Tag(props) {
     className: "text"
   }, children)));
 };
-
 Tag.defaultProps = defaultProps;
 Tag.displayName = 'NutTag';
 export { Tag as default };

package/dist/esm/TextArea.js

@@ -1,11 +1,8 @@
 import _typeof from "@babel/runtime/helpers/typeof";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React__default, { useState, useRef, useEffect } from 'react';
 import { useConfig } from './ConfigProvider.js';
 import { c as cn } from './bem-893ad28d.js';
@@ -21,46 +18,38 @@ var defaultProps = {
   disabled: false,
   autosize: false
 };
-
 var TextArea = function TextArea(props) {
   var _useConfig = useConfig(),
-      locale = _useConfig.locale;
-
+    locale = _useConfig.locale;
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      className = _defaultProps$props.className,
-      defaultValue = _defaultProps$props.defaultValue,
-      textAlign = _defaultProps$props.textAlign,
-      limitshow = _defaultProps$props.limitshow,
-      maxlength = _defaultProps$props.maxlength,
-      rows = _defaultProps$props.rows,
-      placeholder = _defaultProps$props.placeholder,
-      readonly = _defaultProps$props.readonly,
-      disabled = _defaultProps$props.disabled,
-      autosize = _defaultProps$props.autosize,
-      style = _defaultProps$props.style,
-      onChange = _defaultProps$props.onChange,
-      onBlur = _defaultProps$props.onBlur,
-      onFocus = _defaultProps$props.onFocus;
-
+    className = _defaultProps$props.className,
+    defaultValue = _defaultProps$props.defaultValue,
+    textAlign = _defaultProps$props.textAlign,
+    limitshow = _defaultProps$props.limitshow,
+    maxlength = _defaultProps$props.maxlength,
+    rows = _defaultProps$props.rows,
+    placeholder = _defaultProps$props.placeholder,
+    readonly = _defaultProps$props.readonly,
+    disabled = _defaultProps$props.disabled,
+    autosize = _defaultProps$props.autosize,
+    style = _defaultProps$props.style,
+    onChange = _defaultProps$props.onChange,
+    onBlur = _defaultProps$props.onBlur,
+    onFocus = _defaultProps$props.onFocus;
   var textareaBem = cn('textarea');
-
   var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      inputValue = _useState2[0],
-      SetInputValue = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    inputValue = _useState2[0],
+    SetInputValue = _useState2[1];
   var textareaRef = useRef(null);
   useEffect(function () {
     if (defaultValue) {
       var initValue = defaultValue;
-
       if (maxlength && initValue.length > Number(maxlength)) {
         initValue = initValue.substring(0, Number(maxlength));
       }
-
       SetInputValue(initValue);
     }
-
     if (autosize) {
       setTimeout(function () {
         setContentHeight();
@@ -74,50 +63,39 @@ var TextArea = function TextArea(props) {
       }
     }
   }, [inputValue]);
-
   var setContentHeight = function setContentHeight() {
     var textarea = textareaRef.current;
-
     if (textarea) {
       textarea.style.height = 'auto';
       var height = textarea === null || textarea === void 0 ? void 0 : textarea.scrollHeight;
-
       if (_typeof(autosize) === 'object') {
         var maxHeight = autosize.maxHeight,
-            minHeight = autosize.minHeight;
-
+          minHeight = autosize.minHeight;
         if (maxHeight !== undefined) {
           height = Math.min(height, maxHeight);
         }
-
         if (minHeight !== undefined) {
           height = Math.max(height, minHeight);
         }
       }
-
       if (height) {
         textarea.style.height = "".concat(height, "px");
       }
     }
   };
-
   var textChange = function textChange(event) {
     var text = event.target;
-
     if (maxlength && text.value.length > Number(maxlength)) {
       text.value = text.value.substring(0, Number(maxlength));
     }
-
     SetInputValue(text.value);
     onChange && onChange(text.value, event);
   };
-
   var textFocus = function textFocus(event) {
     if (disabled) return;
     if (readonly) return;
     onFocus && onFocus(event);
   };
-
   var textBlur = function textBlur(event) {
     if (disabled) return;
     if (readonly) return;
@@ -125,7 +103,6 @@ var TextArea = function TextArea(props) {
     onChange && onChange(text.value, event);
     onBlur && onBlur(event);
   };
-
   return React__default.createElement("div", {
     className: "".concat(textareaBem(), " ").concat(disabled ? textareaBem('disabled') : '', " ").concat(className || '')
   }, React__default.createElement("textarea", {
@@ -156,7 +133,6 @@ var TextArea = function TextArea(props) {
     className: textareaBem('limit')
   }, inputValue.length, "/", maxlength < 0 ? 0 : maxlength) : null);
 };
-
 TextArea.defaultProps = defaultProps;
 TextArea.displayName = 'NutTextArea';
 export { TextArea as default };