@nutui/nutui-react-taro 1.2.2-beta.0

package/dist/esm/tabbar.taro-da72fa2c.js

@@ -0,0 +1,73 @@
+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';
+var defaultProps = {
+  visible: 0,
+  bottom: false,
+  size: 20,
+  unactiveColor: '',
+  activeColor: '',
+  safeAreaInsetBottom: false,
+  className: '',
+  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;
+
+  var b = cn('tabbar');
+
+  var _useState = useState(visible),
+      _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
+  }, React__default.Children.map(children, function (child, idx) {
+    if (!React__default.isValidElement(child)) {
+      return null;
+    }
+
+    var childProps = _objectSpread(_objectSpread({}, child.props), {}, {
+      active: idx === selectIndex,
+      index: idx,
+      unactiveColor: unactiveColor,
+      activeColor: activeColor,
+      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 T };

package/dist/esm/tabbaritem.taro-898becb1.js

@@ -0,0 +1,87 @@
+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 { I as Icon } from './icon-62bd7379.js';
+var defaultProps = {
+  dot: false,
+  size: '',
+  classPrefix: 'nutui-iconfont',
+  tabTitle: '',
+  icon: '',
+  href: '',
+  to: '',
+  num: '',
+  active: false,
+  activeColor: '',
+  unactiveColor: '',
+  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;
+
+  var b = cn('tabbar-item');
+  var bIcon = cn('tabbar-item__icon-box');
+  var history = useHistory();
+  useEffect(function () {
+    if (active && href) {
+      window.location.href = href;
+      return;
+    }
+
+    if (active && to) {
+      history.push(to);
+    }
+  }, [active, history, href, to]);
+  return React__default.createElement("div", {
+    className: "".concat(b({
+      active: active
+    })),
+    style: {
+      color: active ? activeColor : unactiveColor
+    },
+    onClick: function onClick() {
+      handleClick(index);
+    }
+  }, React__default.createElement("div", {
+    className: "".concat(bIcon())
+  }, !dot ? React__default.createElement(React__default.Fragment, null, num && num <= 99 && React__default.createElement("div", {
+    className: "".concat(bIcon('tips', [bIcon('num')]))
+  }, num), num && num >= 100 && React__default.createElement("div", {
+    className: "".concat(bIcon('tips', [bIcon('nums')]))
+  }, "99+")) : React__default.createElement("div", {
+    className: "".concat(bIcon('dot'))
+  }), icon && React__default.createElement("div", null, React__default.createElement(Icon, {
+    size: size,
+    name: icon,
+    classPrefix: classPrefix
+  })), React__default.createElement("div", {
+    className: bIcon({
+      'nav-word': true
+    }, [bIcon({
+      'big-word': !icon
+    })])
+  }, tabTitle)));
+};
+
+export { TabbarItem as T };

package/dist/esm/tabpane.taro-24514060.js

@@ -0,0 +1,32 @@
+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 from 'react';
+import classNames from 'classnames';
+import { c as cn } from './bem-893ad28d.js';
+var defaultProps = {
+  title: '',
+  paneKey: '',
+  activeKey: '',
+  disabled: false
+};
+
+var TabPane = function TabPane(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      children = _defaultProps$props.children,
+      paneKey = _defaultProps$props.paneKey,
+      activeKey = _defaultProps$props.activeKey;
+
+  var b = cn('tabpane');
+  var classes = classNames({
+    active: paneKey === activeKey
+  }, b(''));
+  return React__default.createElement("div", {
+    className: classes
+  }, children);
+};
+
+export { TabPane as T };

package/dist/esm/tabs.taro-56a953f6.js

@@ -0,0 +1,186 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["value", "color", "background", "direction", "type", "titleScroll", "ellipsis", "animatedTime", "titleGutter", "size", "titleNode", "children", "onClick", "onChange", "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), !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 classNames from 'classnames';
+import { c as cn } from './bem-893ad28d.js';
+import { I as Icon } from './icon-62bd7379.js';
+
+var Title = /*#__PURE__*/_createClass( // eslint-disable-next-line no-useless-constructor
+function Title() {
+  _classCallCheck(this, Title);
+
+  _defineProperty(this, "title", '');
+
+  _defineProperty(this, "paneKey", '');
+
+  _defineProperty(this, "disabled", false);
+
+  _defineProperty(this, "index", 0);
+});
+
+var defaultProps = {
+  value: 0,
+  color: '',
+  background: '',
+  direction: 'horizontal',
+  type: 'line',
+  titleScroll: false,
+  ellipsis: true,
+  animatedTime: 300,
+  titleGutter: 0,
+  size: 'normal'
+};
+
+var pxCheck = function pxCheck(value) {
+  return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
+};
+
+var Tabs = function Tabs(props) {
+  var _classNames;
+
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      value = _defaultProps$props.value,
+      color = _defaultProps$props.color,
+      background = _defaultProps$props.background,
+      direction = _defaultProps$props.direction,
+      type = _defaultProps$props.type,
+      titleScroll = _defaultProps$props.titleScroll,
+      ellipsis = _defaultProps$props.ellipsis,
+      animatedTime = _defaultProps$props.animatedTime,
+      titleGutter = _defaultProps$props.titleGutter,
+      size = _defaultProps$props.size,
+      titleNode = _defaultProps$props.titleNode,
+      children = _defaultProps$props.children,
+      onClick = _defaultProps$props.onClick,
+      onChange = _defaultProps$props.onChange,
+      className = _defaultProps$props.className,
+      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+
+  var _useState = useState({
+    index: 0
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      currentItem = _useState2[0],
+      setCurrentItem = _useState2[1];
+
+  var titles = useRef([]);
+  useEffect(function () {
+    var currentIndex = 0;
+    titles.current = []; // eslint-disable-next-line consistent-return
+
+    React__default.Children.forEach(children, function (child, idx) {
+      var _child$props, _child$props2;
+
+      if (!React__default.isValidElement(child)) {
+        return null;
+      }
+
+      var title = new Title();
+
+      if ((_child$props = child.props) !== null && _child$props !== void 0 && _child$props.title || (_child$props2 = child.props) !== null && _child$props2 !== void 0 && _child$props2.paneKey) {
+        var _child$props3, _child$props4, _child$props5;
+
+        title.title = (_child$props3 = child.props) === null || _child$props3 === void 0 ? void 0 : _child$props3.title;
+        title.paneKey = ((_child$props4 = child.props) === null || _child$props4 === void 0 ? void 0 : _child$props4.paneKey) || idx;
+        title.disabled = (_child$props5 = child.props) === null || _child$props5 === void 0 ? void 0 : _child$props5.disabled;
+        title.index = idx;
+
+        if (title.paneKey === value) {
+          currentIndex = idx;
+        }
+      }
+
+      titles.current.push(title);
+    });
+    setCurrentItem(titles.current[currentIndex]);
+  }, [children]);
+  var b = cn('tabs');
+  var classes = classNames(direction, b(''), className);
+  var classesTitle = classNames((_classNames = {}, _defineProperty(_classNames, type, type), _defineProperty(_classNames, "scrollable", titleScroll), _defineProperty(_classNames, size, size), _classNames), "".concat(b(''), "__titles"));
+  var titleStyle = {
+    marginLeft: pxCheck(titleGutter),
+    marginRight: pxCheck(titleGutter)
+  };
+  var tabsActiveStyle = {
+    color: type === 'smile' ? color : '',
+    background: type === 'line' ? color : ''
+  };
+  var index = titles.current.findIndex(function (t) {
+    return t.paneKey === value;
+  });
+  var contentStyle = {
+    transform: direction === 'horizontal' ? "translate3d(-".concat(index * 100, "%, 0, 0)") : "translate3d( 0,-".concat(index * 100, "%, 0)"),
+    transitionDuration: "".concat(animatedTime, "ms")
+  };
+
+  var tabChange = function tabChange(item, index) {
+    onClick && onClick(item);
+
+    if (item.disabled) {
+      return;
+    }
+
+    setCurrentItem(item);
+    onChange && onChange(item);
+  };
+
+  return React__default.createElement("div", _objectSpread({
+    className: classes
+  }, rest), React__default.createElement("div", {
+    className: classesTitle,
+    style: {
+      background: background
+    }
+  }, !!titleNode && typeof titleNode === 'function' ? titleNode() : titles.current.map(function (item, index) {
+    return React__default.createElement("div", {
+      style: titleStyle,
+      onClick: function onClick(e) {
+        return tabChange(item);
+      },
+      className: classNames({
+        active: item.paneKey === value,
+        disabled: item.disabled
+      }, "".concat(b(''), "__titles-item")),
+      key: item.paneKey
+    }, type === 'line' && React__default.createElement("div", {
+      className: "".concat(b(''), "__titles-item__line"),
+      style: tabsActiveStyle
+    }), type === 'smile' && React__default.createElement("div", {
+      className: "".concat(b(''), "__titles-item__smile"),
+      style: tabsActiveStyle
+    }, React__default.createElement(Icon, {
+      color: color,
+      name: "joy-smile"
+    })), React__default.createElement("div", {
+      className: classNames({
+        ellipsis: ellipsis && !titleScroll && direction === 'horizontal'
+      }, "".concat(b(''), "__titles-item__text"))
+    }, item.title));
+  })), React__default.createElement("div", {
+    className: "".concat(b(''), "__content"),
+    style: contentStyle
+  }, React__default.Children.map(children, function (child, idx) {
+    if (!React__default.isValidElement(child)) {
+      return null;
+    }
+
+    var childProps = _objectSpread(_objectSpread({}, child.props), {}, {
+      activeKey: value
+    });
+
+    return React__default.cloneElement(child, childProps);
+  })));
+};
+
+Tabs.defaultProps = defaultProps;
+Tabs.displayName = 'NutTabs';
+export { Tabs as T };

package/dist/esm/tag.taro-77cf134f.js

@@ -0,0 +1,113 @@
+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 { I as Icon } from './icon-62bd7379.js';
+var defaultProps = {
+  type: 'default',
+  color: '',
+  textColor: '',
+  plain: false,
+  round: false,
+  mark: false,
+  closeable: false,
+  prefixCls: 'nut-tag',
+  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;
+
+  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, 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) {
+        style.background = color;
+      }
+    } else if (color) {
+      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(),
+    onClick: function onClick(e) {
+      return handleClick(e);
+    }
+  }, children && React__default.createElement("span", {
+    className: "text"
+  }, children), React__default.createElement(Icon, {
+    className: "_icon",
+    name: "close",
+    size: "12",
+    click: function click(e) {
+      setIsTagShow(false);
+
+      if (props.onClose) {
+        props.onClose(e);
+      }
+    }
+  })) : React__default.createElement("div", {
+    className: "".concat(btnName),
+    style: getStyle(),
+    onClick: function onClick(e) {
+      return handleClick(e);
+    }
+  }, children && React__default.createElement("span", {
+    className: "text"
+  }, children)));
+};
+
+Tag.defaultProps = defaultProps;
+Tag.displayName = 'NutTag';
+export { Tag as T };

package/dist/esm/textarea.taro-5d4efaf0.js

@@ -0,0 +1,117 @@
+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 { u as useConfig } from './configprovider-18657611.js';
+import { c as cn } from './bem-893ad28d.js';
+var defaultProps = {
+  defaultValue: '',
+  textAlign: 'left',
+  limitshow: false,
+  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];
+
+  useEffect(function () {
+    if (defaultValue) {
+      var initValue = defaultValue;
+
+      if (maxlength && initValue.length > Number(maxlength)) {
+        initValue = initValue.substring(0, Number(maxlength));
+      }
+
+      SetInputValue(initValue);
+    }
+  }, [defaultValue]);
+
+  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;
+    var text = event.target;
+    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", {
+    className: textareaBem('textarea'),
+    style: _objectSpread({
+      textAlign: textAlign,
+      resize: "".concat(autosize ? 'vertical' : 'none')
+    }, style),
+    disabled: disabled,
+    readOnly: readonly,
+    value: inputValue,
+    onChange: function onChange(e) {
+      textChange(e);
+    },
+    onBlur: function onBlur(e) {
+      textBlur(e);
+    },
+    onFocus: function onFocus(e) {
+      textFocus(e);
+    },
+    rows: rows,
+    maxLength: maxlength < 0 ? 0 : maxlength,
+    placeholder: placeholder || locale.placeholder
+  }), limitshow ? React__default.createElement("div", {
+    className: textareaBem('limit')
+  }, inputValue.length, "/", maxlength < 0 ? 0 : maxlength) : null);
+};
+
+TextArea.defaultProps = defaultProps;
+TextArea.displayName = 'NutTextArea';
+export { TextArea as T };