@nutui/nutui-react 0.1.0-beta.1

package/dist/esm/Signature.js

@@ -0,0 +1,173 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["type", "lineWidth", "strokeStyle", "unSupportTpl", "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, { useRef, useState, useEffect } from 'react';
+import { B as Button } from './button-345fb015.js';
+import { c as cn } from './bem-893ad28d.js';
+import './Icon.js';
+import '@bem-react/classname';
+var defaultProps = {
+  type: 'png',
+  lineWidth: 2,
+  strokeStyle: '#000',
+  unSupportTpl: '对不起，当前浏览器不支持Canvas，无法使用本控件！',
+  className: ''
+};
+
+var Signature = function Signature(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      type = _defaultProps$props.type,
+      lineWidth = _defaultProps$props.lineWidth,
+      strokeStyle = _defaultProps$props.strokeStyle,
+      unSupportTpl = _defaultProps$props.unSupportTpl,
+      className = _defaultProps$props.className,
+      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+
+  var b = cn('signature');
+  var canvasRef = useRef(null);
+  var wrapRef = useRef(null);
+
+  var _useState = useState(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      canvasHeight = _useState2[0],
+      setCanvasHeight = _useState2[1];
+
+  var _useState3 = useState(0),
+      _useState4 = _slicedToArray(_useState3, 2),
+      canvasWidth = _useState4[0],
+      setCanvasWidth = _useState4[1];
+
+  var ctx = useRef(null);
+
+  var isCanvasSupported = function isCanvasSupported() {
+    var elem = document.createElement('canvas');
+    return !!(elem.getContext && elem.getContext('2d'));
+  };
+
+  var isSupportTouch = ('ontouchstart' in window);
+  var events = isSupportTouch ? ['touchstart', 'touchmove', 'touchend', 'touchleave'] : ['mousedown', 'mousemove', 'mouseup', 'mouseleave'];
+  useEffect(function () {
+    if (isCanvasSupported() && canvasRef.current && wrapRef.current) {
+      ctx.current = canvasRef.current.getContext('2d');
+      setCanvasWidth(wrapRef.current.offsetWidth);
+      setCanvasHeight(wrapRef.current.offsetHeight);
+      addEvent();
+    }
+  }, []);
+
+  var startEventHandler = function startEventHandler(event) {
+    event.preventDefault();
+
+    if (ctx.current && canvasRef.current) {
+      ctx.current.beginPath();
+      ctx.current.lineWidth = lineWidth;
+      ctx.current.strokeStyle = strokeStyle;
+      canvasRef.current.addEventListener(events[1], moveEventHandler, false);
+      canvasRef.current.addEventListener(events[2], endEventHandler, false);
+      canvasRef.current.addEventListener(events[3], leaveEventHandler, false);
+    }
+  };
+
+  var addEvent = function addEvent() {
+    if (canvasRef.current) {
+      canvasRef.current.addEventListener(events[0], startEventHandler, false);
+    }
+  };
+
+  var moveEventHandler = function moveEventHandler(event) {
+    event.preventDefault();
+    var evt = isSupportTouch ? event.touches[0] : event;
+
+    if (canvasRef.current && ctx.current) {
+      var coverPos = canvasRef.current.getBoundingClientRect();
+      var mouseX = evt.clientX - coverPos.left;
+      var mouseY = evt.clientY - coverPos.top;
+      ctx.current.lineTo(mouseX, mouseY);
+      ctx.current.stroke();
+    }
+  };
+
+  var endEventHandler = function endEventHandler(event) {
+    event.preventDefault();
+
+    if (canvasRef.current) {
+      canvasRef.current.removeEventListener(events[1], moveEventHandler, false);
+      canvasRef.current.removeEventListener(events[2], endEventHandler, false);
+    }
+  };
+
+  var leaveEventHandler = function leaveEventHandler(event) {
+    event.preventDefault();
+
+    if (canvasRef.current) {
+      canvasRef.current.removeEventListener(events[1], moveEventHandler, false);
+      canvasRef.current.removeEventListener(events[2], endEventHandler, false);
+    }
+  };
+
+  var clear = function clear() {
+    if (canvasRef.current && ctx.current) {
+      canvasRef.current.addEventListener(events[2], endEventHandler, false);
+      ctx.current.clearRect(0, 0, canvasWidth, canvasHeight);
+      ctx.current.closePath();
+    }
+
+    props.clear && props.clear();
+  };
+
+  var confirm = function confirm() {
+    onSave(canvasRef.current);
+  };
+
+  var onSave = function onSave(canvas) {
+    var dataurl;
+
+    switch (type) {
+      case 'png':
+        dataurl = canvas.toDataURL('image/png');
+        break;
+
+      case 'jpg':
+        dataurl = canvas.toDataURL('image/jpeg', 0.8);
+        break;
+    }
+
+    clear();
+    props.confirm && props.confirm(canvas, dataurl);
+  };
+
+  return React__default.createElement("div", _objectSpread({
+    className: "".concat(b(), " ").concat(className)
+  }, rest), React__default.createElement("div", {
+    className: "".concat(b('inner')),
+    ref: wrapRef
+  }, isCanvasSupported() ? React__default.createElement("canvas", {
+    ref: canvasRef,
+    height: canvasHeight,
+    width: canvasWidth
+  }) : React__default.createElement("p", {
+    className: "".concat(b('unsopport'))
+  }, unSupportTpl)), React__default.createElement(Button, {
+    className: "".concat(b('btn')),
+    type: "default",
+    onClick: function onClick() {
+      return clear();
+    }
+  }, "\u91CD\u7B7E"), React__default.createElement(Button, {
+    className: "".concat(b('btn')),
+    type: "primary",
+    onClick: function onClick() {
+      return confirm();
+    }
+  }, "\u786E\u8BA4"));
+};
+
+Signature.defaultProps = defaultProps;
+Signature.displayName = 'NutSignature';
+export { Signature as default };

package/dist/esm/Step.js

@@ -0,0 +1,73 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "title", "content", "activeIndex", "icon", "size", "className", "renderContent"];
+
+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, { useContext } from 'react';
+import { D as DataContext } from './UserContext-68f62e66.js';
+import { c as cn } from './bem-893ad28d.js';
+import classNames from 'classnames';
+import Icon from './Icon.js';
+import '@bem-react/classname';
+var defaultProps = {
+  title: '',
+  content: '',
+  activeIndex: 0,
+  icon: '',
+  size: '12px'
+};
+
+var Step = function Step(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      children = _defaultProps$props.children,
+      title = _defaultProps$props.title,
+      content = _defaultProps$props.content,
+      activeIndex = _defaultProps$props.activeIndex,
+      icon = _defaultProps$props.icon,
+      size = _defaultProps$props.size,
+      className = _defaultProps$props.className,
+      renderContent = _defaultProps$props.renderContent,
+      restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
+
+  var parent = useContext(DataContext);
+  var dot = parent.propSteps.progressDot;
+
+  var getCurrentStatus = function getCurrentStatus() {
+    var index = activeIndex;
+    if (index < +parent.propSteps.current) return 'finish';
+    return index === +parent.propSteps.current ? 'process' : 'wait';
+  };
+
+  var b = cn('step');
+  var classes = classNames(_defineProperty({}, "".concat(b(''), "-").concat(getCurrentStatus()), true), className, b(''));
+  return React__default.createElement("div", _objectSpread({
+    className: classes
+  }, restProps), React__default.createElement("div", {
+    className: "nut-step-head"
+  }, React__default.createElement("div", {
+    className: "nut-step-line"
+  }), React__default.createElement("div", {
+    className: "nut-step-icon ".concat(!dot ? icon ? 'is-icon' : 'is-text' : '')
+  }, icon ? React__default.createElement(Icon, {
+    className: "nut-step-icon-inner",
+    name: icon,
+    size: size
+  }) : dot ? React__default.createElement("span", null) : React__default.createElement("span", {
+    className: "nut-step-inner"
+  }, activeIndex))), React__default.createElement("div", {
+    className: "nut-step-main"
+  }, React__default.createElement("span", {
+    className: "nut-step-title"
+  }, title), content && React__default.createElement("span", {
+    className: "nut-step-content"
+  }, content), renderContent && React__default.createElement("span", {
+    className: "nut-step-content"
+  }, renderContent())));
+};
+
+Step.defaultProps = defaultProps;
+Step.displayName = 'NutStep';
+export { Step as default };

package/dist/esm/Steps.js

@@ -0,0 +1,44 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["children", "direction", "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 from 'react';
+import { D as DataContext } from './UserContext-68f62e66.js';
+import { c as cn } from './bem-893ad28d.js';
+import classNames from 'classnames';
+import '@bem-react/classname';
+var defaultProps = {
+  current: 0,
+  direction: 'horizontal',
+  progressDot: false
+};
+
+var Steps = function Steps(props) {
+  var _classNames;
+
+  var propSteps = _objectSpread(_objectSpread({}, defaultProps), props);
+
+  var children = propSteps.children,
+      direction = propSteps.direction,
+      className = propSteps.className,
+      restProps = _objectWithoutProperties(propSteps, _excluded);
+
+  var parentSteps = {
+    propSteps: propSteps
+  };
+  var b = cn('steps');
+  var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(b(''), "-").concat(direction), true), _defineProperty(_classNames, "".concat(b(''), "-dot"), !!props.progressDot), _classNames), className, b(''));
+  return React__default.createElement(DataContext.Provider, {
+    value: parentSteps
+  }, React__default.createElement('div', _objectSpread({
+    className: classes
+  }, restProps), children));
+};
+
+Steps.defaultProps = defaultProps;
+Steps.displayName = 'NutSteps';
+export { Steps as default };

package/dist/esm/Tabbar.js

@@ -0,0 +1,74 @@
+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 TabbarItem from './TabbarItem.js';
+import '@bem-react/classname';
+var defaultProps = {
+  visible: 0,
+  bottom: false,
+  type: '',
+  size: '',
+  unactiveColor: '',
+  activeColor: '',
+  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,
+      activeColor = _defaultProps$props.activeColor,
+      unactiveColor = _defaultProps$props.unactiveColor,
+      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')) : '', 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,
+      handleClick: function handleClick() {
+        _handleClick(idx);
+
+        tabSwitch(child, idx);
+      }
+    });
+
+    return React__default.cloneElement(child, childProps);
+  }));
+}; //@ts-ignore  todo...
+
+
+Tabbar.TabbarItem = TabbarItem;
+Tabbar.defaultProps = defaultProps;
+Tabbar.displayName = 'NutTabbar';
+export { Tabbar as default };

package/dist/esm/TabbarItem.js

@@ -0,0 +1,70 @@
+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 { c as cn } from './bem-893ad28d.js';
+import { I as Icon } from './icon-63c0d58f.js';
+import '@bem-react/classname';
+var defaultProps = {
+  tabTitle: '',
+  icon: '',
+  href: '',
+  num: '',
+  active: false,
+  activeColor: '',
+  unactiveColor: '',
+  index: 0,
+  handleClick: function handleClick(idx) {}
+};
+
+var TabbarItem = function TabbarItem(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      tabTitle = _defaultProps$props.tabTitle,
+      icon = _defaultProps$props.icon,
+      href = _defaultProps$props.href,
+      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');
+  useEffect(function () {
+    if (active && href) {
+      window.location.href = href;
+    }
+  }, [active]);
+  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())
+  }, 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+"), icon && React__default.createElement("div", null, React__default.createElement(Icon, {
+    size: 20,
+    name: icon
+  })), React__default.createElement("div", {
+    className: bIcon({
+      'nav-word': true
+    }, [bIcon({
+      'big-word': !icon
+    })])
+  }, tabTitle)));
+};
+
+export { TabbarItem as default };

package/dist/esm/Tag.js

@@ -0,0 +1,108 @@
+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';
+var defaultProps = {
+  type: 'default',
+  color: '',
+  textColor: '',
+  plain: false,
+  round: false,
+  mark: false,
+  closeable: false,
+  isShow: true,
+  prefixCls: 'nut-tag',
+  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,
+      isShow = _defaultProps$props.isShow,
+      onClick = _defaultProps$props.onClick;
+
+  var _useState = useState(''),
+      _useState2 = _slicedToArray(_useState, 2),
+      btnName = _useState2[0],
+      setBtnName = _useState2[1];
+
+  useEffect(function () {
+    setBtnName(classes());
+  }, [type, color, textColor, plain, round, mark, closeable, prefixCls, isShow, onClick]);
+
+  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 ? isShow ? React__default.createElement("div", {
+    className: "".concat(btnName),
+    style: getStyle(),
+    onClick: function onClick(e) {
+      return handleClick(e);
+    }
+  }, children && React__default.createElement("span", {
+    className: "text"
+  }, children), closeable && React__default.createElement(Icon, {
+    className: "_icon",
+    name: "close",
+    size: "12",
+    onClick: function onClick(e) {
+      return handleClick(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 default };

package/dist/esm/TextArea.js

@@ -0,0 +1,126 @@
+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';
+var defaultProps = {
+  defaultValue: '',
+  textAlign: 'left',
+  limitshow: false,
+  maxlength: '',
+  rows: '',
+  placeholder: '请输入内容',
+  readonly: false,
+  disabled: false,
+  autosize: false
+};
+
+var TextArea = function TextArea(props) {
+  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,
+      change = _defaultProps$props.change,
+      blur = _defaultProps$props.blur,
+      focus = _defaultProps$props.focus;
+
+  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);
+
+    if (change) {
+      change(text.value, event);
+    }
+  };
+
+  var textFocus = function textFocus(event) {
+    if (disabled) return;
+    if (readonly) return;
+
+    if (focus) {
+      focus(event);
+    }
+  };
+
+  var textBlur = function textBlur(event) {
+    if (disabled) return;
+    if (readonly) return;
+    var text = event.target;
+
+    if (change) {
+      change(text.value, event);
+    }
+
+    if (blur) {
+      blur(event);
+    }
+  };
+
+  return React__default.createElement("div", {
+    className: "".concat(textareaBem(), " ").concat(disabled ? textareaBem('disabled') : '', " ").concat(className ? 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
+  }), limitshow ? React__default.createElement("div", {
+    className: textareaBem('limit')
+  }, inputValue.length, "/", maxlength < 0 ? 0 : maxlength) : null);
+};
+
+TextArea.defaultProps = defaultProps;
+TextArea.displayName = 'NutTextArea';
+export { TextArea as default };

package/dist/esm/Toast.js

@@ -0,0 +1,8 @@
+import { T as Toast } from './toast-420b65b7.js';
+export { T as default } from './toast-420b65b7.js';
+import 'react';
+import 'react-dom';
+import './bem-893ad28d.js';
+import '@bem-react/classname';
+import './icon-63c0d58f.js';
+import 'classnames';