@nutui/nutui-react 1.5.1 → 2.0.0-alpha.0

package/dist/esm/Table.js

@@ -1,111 +1,109 @@
 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", "showHeader"];
-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-3b438e61.js';
-import Icon from './Icon.js';
-import { useConfig } from './ConfigProvider.js';
-import { C as ComponentDefaults } from './typings-f27b58f4.js';
-import '@bem-react/classname';
+var _excluded = ["children", "className", "style", "columns", "data", "bordered", "summary", "striped", "noData", "onSorter", "sorterIcon", "showHeader"];
+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), true).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 { DownArrow } from "@nutui/icons-react";
+import { c as cn } from "./bem.js";
+import { useConfig } from "./ConfigProvider.js";
+import { C as ComponentDefaults } from "./typings.js";
+import "@bem-react/classname";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  className: '',
+  className: "",
   style: {},
   columns: [],
   data: [],
   bordered: true,
   striped: false,
-  noData: '无数据',
+  noData: "无数据",
+  sorterIcon: null,
   showHeader: true
 });
-var Table = function Table(props) {
-  var _useConfig = useConfig(),
-    locale = _useConfig.locale;
+var Table = function Table2(props) {
+  var _useConfig = useConfig(), 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,
-    showHeader = _defaultProps$props.showHeader,
-    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var _useState = useState(data),
-    _useState2 = _slicedToArray(_useState, 2),
-    curData = _useState2[0],
-    setCurData = _useState2[1];
-  useEffect(function () {
+  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, sorterIcon = _defaultProps$props.sorterIcon, showHeader = _defaultProps$props.showHeader, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _useState = useState(data), _useState2 = _slicedToArray(_useState, 2), curData = _useState2[0], setCurData = _useState2[1];
+  useEffect(function() {
     if (data && String(data) !== String(curData)) {
       setCurData(data);
     }
   }, [data]);
-  var b = cn('table');
+  var b = cn("table");
   var classes = classNames({});
   var cls = classNames(b(), classes, className);
-  var handleSorterClick = function handleSorterClick(item) {
+  var handleSorterClick = function handleSorterClick2(item) {
     if (item.sorter) {
       onSorter && onSorter(item, curData);
-      if (typeof item.sorter === 'function') {
+      if (typeof item.sorter === "function") {
         setCurData(curData.sort(item.sorter));
       } else {
-        setCurData(item.sorter === 'default' ? curData.sort() : curData);
+        setCurData(item.sorter === "default" ? curData.sort() : curData);
       }
     }
   };
-  var cellClasses = function cellClasses(item) {
+  var cellClasses = function cellClasses2(item) {
     return _defineProperty({
-      'nut-table__main__head__tr--border': props.bordered
-    }, "nut-table__main__head__tr--align".concat(item.align ? item.align : ''), true);
+      "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) {
+  var getColumnItem = function getColumnItem2(value) {
+    return columns.filter(function(item) {
       return item.key === value;
     })[0];
   };
-  var renderHeadCells = function renderHeadCells() {
-    return columns.map(function (item, index) {
+  var renderHeadCells = function renderHeadCells2() {
+    return columns.map(function(item, index) {
       return React__default.createElement("span", {
-        className: classNames('nut-table__main__head__tr__th', cellClasses(item)),
+        className: classNames("nut-table__main__head__tr__th", cellClasses(item)),
         key: item.key,
         onClick: function onClick() {
           return handleSorterClick(item);
         }
-      }, item.title, item.sorter && React__default.createElement(Icon, {
-        classPrefix: iconClassPrefix,
-        fontClassName: iconFontClassName,
-        name: "down-arrow",
-        size: "12px"
-      }));
+      }, item.title, " ", item.sorter && (sorterIcon || React__default.createElement(DownArrow, {
+        width: "12px",
+        height: "12px"
+      })));
     });
   };
-  var sortDataItem = function sortDataItem() {
-    return columns.map(function (columns) {
-      return [columns.key, columns.render];
+  var sortDataItem = function sortDataItem2() {
+    return columns.map(function(columns2) {
+      return [columns2.key, columns2.render];
     });
   };
-  var renderBodyTds = function renderBodyTds(item) {
-    return sortDataItem().map(function (_ref2, index) {
-      var _ref3 = _slicedToArray(_ref2, 2),
-        value = _ref3[0],
-        render = _ref3[1];
+  var renderBodyTds = function renderBodyTds2(item) {
+    return sortDataItem().map(function(_ref2, index) {
+      var _ref3 = _slicedToArray(_ref2, 2), value = _ref3[0], render = _ref3[1];
       return React__default.createElement("span", {
-        className: classNames('nut-table__main__body__tr__td', cellClasses(getColumnItem(value))),
+        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]);
+      }, 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) {
+  var renderBoyTrs = function renderBoyTrs2() {
+    return curData.map(function(item, index) {
       return React__default.createElement("div", {
         className: "nut-table__main__body__tr",
         key: index
@@ -114,10 +112,10 @@ var Table = function Table(props) {
   };
   return React__default.createElement("div", _objectSpread({
     className: cls,
-    style: style
+    style
   }, rest), React__default.createElement("div", {
-    className: classNames('nut-table__main', {
-      'nut-table__main--striped': striped
+    className: classNames("nut-table__main", {
+      "nut-table__main--striped": striped
     })
   }, showHeader && React__default.createElement("div", {
     className: "nut-table__main__head"
@@ -138,5 +136,7 @@ var Table = function Table(props) {
   }, noData))));
 };
 Table.defaultProps = defaultProps;
-Table.displayName = 'NutTable';
-export { Table as default };
+Table.displayName = "NutTable";
+export {
+  Table as default
+};

package/dist/esm/Tabs/style/index.js

@@ -1,4 +1,3 @@
 
-import '../../TabPane/style'
-import '../../Icon/style'
+import '../../TabPane/style'
 import '../../../packages/tabs/tabs.scss'

package/dist/esm/Tabs.js

@@ -1,9 +1,11 @@
-import { T as Tabs } from './tabs-e1b4e4b1.js';
-import 'react';
-import 'classnames';
-import './bem-3b438e61.js';
-import '@bem-react/classname';
-import './Icon.js';
-import './typings-f27b58f4.js';
-import './TabPane.js';
-export { Tabs as default };
+import { T as Tabs } from "./tabs2.js";
+import "react";
+import "classnames";
+import "@nutui/icons-react";
+import "./bem.js";
+import "@bem-react/classname";
+import "./typings.js";
+import "./TabPane.js";
+export {
+  Tabs as default
+};

package/dist/esm/Tag/style/index.js

@@ -1,2 +1,2 @@
-import '../../Icon/style'
+
 import '../../../packages/tag/tag.scss'

package/dist/esm/Tag.js

@@ -1,105 +1,102 @@
 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 classNames from 'classnames';
-import Icon from './Icon.js';
-import { C as ComponentDefaults } from './typings-f27b58f4.js';
+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), true).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 { Close } from "@nutui/icons-react";
+import classNames from "classnames";
+import { C as ComponentDefaults } from "./typings.js";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  type: 'default',
-  color: '',
-  textColor: '',
+  type: "default",
+  color: "",
+  textColor: "",
   plain: false,
   round: false,
   mark: false,
   closeable: false,
-  iconSize: '12px',
-  prefixCls: 'nut-tag',
-  onClose: function onClose(e) {},
-  onClick: function onClick(e) {}
+  closeIcon: null,
+  prefixCls: "nut-tag",
+  onClose: function onClose(e) {
+  },
+  onClick: function onClick(e) {
+  }
 });
-var Tag = function Tag(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    className = _defaultProps$props.className,
-    style = _defaultProps$props.style,
-    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,
-    iconSize = _defaultProps$props.iconSize,
-    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];
-  var _useState3 = useState(true),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isTagShow = _useState4[0],
-    setIsTagShow = _useState4[1];
-  useEffect(function () {
+var Tag = function Tag2(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, 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, closeIcon = _defaultProps$props.closeIcon, textColor = _defaultProps$props.textColor, onClick2 = _defaultProps$props.onClick, onClose2 = _defaultProps$props.onClose;
+  var _useState = useState(""), _useState2 = _slicedToArray(_useState, 2), btnName = _useState2[0], setBtnName = _useState2[1];
+  var _useState3 = useState(true), _useState4 = _slicedToArray(_useState3, 2), isTagShow = _useState4[0], setIsTagShow = _useState4[1];
+  useEffect(function() {
     setBtnName(classes());
-  }, [type, color, textColor, plain, round, mark, closeable, iconSize, prefixCls, onClick, onClose, className]);
-  var classes = function classes() {
+  }, [type, color, textColor, plain, round, mark, closeable, prefixCls, onClick2, onClose2, className]);
+  var classes = function classes2() {
     var _classNames;
-    var prefixCls = 'nut-tag';
-    return classNames((_classNames = {}, _defineProperty(_classNames, prefixCls, true), _defineProperty(_classNames, "".concat(prefixCls, "--").concat(type), type), _defineProperty(_classNames, "".concat(prefixCls, "--plain"), plain), _defineProperty(_classNames, "".concat(prefixCls, "--round"), round), _defineProperty(_classNames, "".concat(prefixCls, "--mark"), mark), _defineProperty(_classNames, "".concat(prefixCls, "--close"), closeable), _defineProperty(_classNames, "".concat(className), className), _classNames));
+    var prefixCls2 = "nut-tag";
+    return classNames((_classNames = {}, _defineProperty(_classNames, prefixCls2, true), _defineProperty(_classNames, "".concat(prefixCls2, "--").concat(type), type), _defineProperty(_classNames, "".concat(prefixCls2, "--plain"), plain), _defineProperty(_classNames, "".concat(prefixCls2, "--round"), round), _defineProperty(_classNames, "".concat(prefixCls2, "--mark"), mark), _defineProperty(_classNames, "".concat(prefixCls2, "--close"), closeable), _defineProperty(_classNames, "".concat(className), className), _classNames));
   };
-  var handleClick = function handleClick(e) {
+  var handleClick = function handleClick2(e) {
     if (props.onClick) {
       props.onClick(e);
     }
   };
-  // 综合考虑 textColor、color、plain 组合使用时的效果
-  var getStyle = function getStyle() {
-    var style = {};
-    // 标签内字体颜色
+  var getStyle = function getStyle2() {
+    var style2 = {};
     if (textColor) {
-      style.color = textColor;
+      style2.color = textColor;
     } else if (color && plain) {
-      style.color = color;
+      style2.color = color;
     }
-    // 标签背景与边框颜色
     if (plain) {
-      style.background = '#fff';
-      style.borderColor = color;
+      style2.background = "#fff";
+      style2.borderColor = color;
     } else if (color) {
-      style.background = color;
+      style2.background = color;
     }
-    return style;
+    return style2;
   };
   return React__default.createElement(React__default.Fragment, null, closeable ? isTagShow && React__default.createElement("div", {
     className: btnName,
     style: _objectSpread(_objectSpread({}, style), getStyle()),
-    onClick: function onClick(e) {
+    onClick: function onClick3(e) {
       return handleClick(e);
     }
   }, children && React__default.createElement("span", {
     className: "nut-tag-text"
-  }, children), React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    className: "_icon",
-    name: "close",
-    size: iconSize,
-    onClick: function onClick(e) {
+  }, children), React__default.isValidElement(closeIcon) ? React__default.createElement("i", {
+    className: "nut-tag-custom-icon",
+    onClick: function onClick3(e) {
       setIsTagShow(false);
-      if (props.onClose) {
-        props.onClose(e);
-      }
+      props.onClose && props.onClose(e);
+    }
+  }, closeIcon) : React__default.createElement(Close, {
+    width: 12,
+    height: 12,
+    onClick: function onClick3(e) {
+      setIsTagShow(false);
+      props.onClose && props.onClose(e);
     }
   })) : React__default.createElement("div", {
     className: btnName,
     style: _objectSpread(_objectSpread({}, style), getStyle()),
-    onClick: function onClick(e) {
+    onClick: function onClick3(e) {
       return handleClick(e);
     }
   }, children && React__default.createElement("span", {
@@ -107,5 +104,7 @@ var Tag = function Tag(props) {
   }, children)));
 };
 Tag.defaultProps = defaultProps;
-Tag.displayName = 'NutTag';
-export { Tag as default };
+Tag.displayName = "NutTag";
+export {
+  Tag as default
+};

package/dist/esm/TextArea.js

@@ -2,79 +2,79 @@ import _typeof from "@babel/runtime/helpers/typeof";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 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-3b438e61.js';
-import '@bem-react/classname';
+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), true).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.js";
+import "@bem-react/classname";
 var defaultProps = {
-  defaultValue: '',
-  textAlign: 'left',
+  defaultValue: "",
+  textAlign: "left",
   limitshow: false,
-  maxlength: '',
-  rows: '',
-  placeholder: '',
+  maxlength: "",
+  rows: "",
+  placeholder: "",
   readonly: false,
   disabled: false,
   autosize: false
 };
-var TextArea = function TextArea(props) {
-  var _useConfig = useConfig(),
-    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;
-  var textareaBem = cn('textarea');
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    inputValue = _useState2[0],
-    SetInputValue = _useState2[1];
+var TextArea = function TextArea2(props) {
+  var _useConfig = useConfig(), 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;
+  var textareaBem = cn("textarea");
+  var _useState = useState(""), _useState2 = _slicedToArray(_useState, 2), inputValue = _useState2[0], SetInputValue = _useState2[1];
   var textareaRef = useRef(null);
   var compositingRef = useRef(false);
-  useEffect(function () {
+  useEffect(function() {
     var initValue = defaultValue;
     if (initValue && maxlength && _toConsumableArray(initValue).length > Number(maxlength)) {
       initValue = initValue.substring(0, Number(maxlength));
     }
     SetInputValue(initValue);
     if (autosize) {
-      setTimeout(function () {
+      setTimeout(function() {
         setContentHeight();
       });
     }
   }, [defaultValue, autosize]);
-  useEffect(function () {
+  useEffect(function() {
     if (inputValue) {
       if (autosize) {
         setContentHeight();
       }
     }
   }, [inputValue]);
-  var setContentHeight = function setContentHeight() {
+  var setContentHeight = function setContentHeight2() {
     var textarea = textareaRef.current;
     if (textarea) {
-      textarea.style.height = 'auto';
+      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;
-        if (maxHeight !== undefined) {
+      if (_typeof(autosize) === "object") {
+        var maxHeight = autosize.maxHeight, minHeight = autosize.minHeight;
+        if (maxHeight !== void 0) {
           height = Math.min(height, maxHeight);
         }
-        if (minHeight !== undefined) {
+        if (minHeight !== void 0) {
           height = Math.max(height, minHeight);
         }
       }
@@ -83,7 +83,7 @@ var TextArea = function TextArea(props) {
       }
     }
   };
-  var textChange = function textChange(event) {
+  var textChange = function textChange2(event) {
     var text = event.target;
     if (maxlength && _toConsumableArray(text.value).length > Number(maxlength) && !compositingRef.current) {
       text.value = text.value.substring(0, Number(maxlength));
@@ -91,45 +91,49 @@ var TextArea = function TextArea(props) {
     SetInputValue(text.value);
     onChange && onChange(text.value, event);
   };
-  var textFocus = function textFocus(event) {
-    if (disabled) return;
-    if (readonly) return;
+  var textFocus = function textFocus2(event) {
+    if (disabled)
+      return;
+    if (readonly)
+      return;
     onFocus && onFocus(event);
   };
-  var textBlur = function textBlur(event) {
-    if (disabled) return;
-    if (readonly) return;
+  var textBlur = function textBlur2(event) {
+    if (disabled)
+      return;
+    if (readonly)
+      return;
     var text = event.target;
     onChange && onChange(text.value, event);
     onBlur && onBlur(event);
   };
-  var startComposing = function startComposing() {
+  var startComposing = function startComposing2() {
     compositingRef.current = true;
   };
-  var endComposing = function endComposing() {
+  var endComposing = function endComposing2() {
     compositingRef.current = false;
   };
   return React__default.createElement("div", {
-    className: "".concat(textareaBem(), " ").concat(disabled ? textareaBem('disabled') : '', " ").concat(className || '')
+    className: "".concat(textareaBem(), " ").concat(disabled ? textareaBem("disabled") : "", " ").concat(className || "")
   }, React__default.createElement("textarea", {
     ref: textareaRef,
-    className: textareaBem('textarea'),
+    className: textareaBem("textarea"),
     style: _objectSpread({
-      textAlign: textAlign
+      textAlign
     }, style),
-    disabled: disabled,
+    disabled,
     readOnly: readonly,
     value: inputValue,
     // onInput={(e: any) => {
     //   textChange(e)
     // }}
-    onChange: function onChange(e) {
+    onChange: function onChange2(e) {
       textChange(e);
     },
-    onBlur: function onBlur(e) {
+    onBlur: function onBlur2(e) {
       textBlur(e);
     },
-    onFocus: function onFocus(e) {
+    onFocus: function onFocus2(e) {
       textFocus(e);
     },
     onCompositionEnd: function onCompositionEnd(e) {
@@ -138,13 +142,15 @@ var TextArea = function TextArea(props) {
     onCompositionStart: function onCompositionStart(e) {
       return startComposing();
     },
-    rows: rows,
+    rows,
     maxLength: maxlength < 0 ? 0 : maxlength,
     placeholder: placeholder || locale.placeholder
   }), limitshow ? React__default.createElement("div", {
-    className: textareaBem('limit')
+    className: textareaBem("limit")
   }, _toConsumableArray(inputValue).length, "/", maxlength < 0 ? 0 : maxlength) : null);
 };
 TextArea.defaultProps = defaultProps;
-TextArea.displayName = 'NutTextArea';
-export { TextArea as default };
+TextArea.displayName = "NutTextArea";
+export {
+  TextArea as default
+};