@nutui/nutui-react-taro 1.5.2-beta.1 → 1.5.2

package/dist/esm/Infiniteloading.js

@@ -1,16 +1,217 @@
-import { I as Infiniteloading } from './infiniteloading.taro-183bccbf.js';
-import 'react';
-import 'classnames';
-import '@tarojs/components';
-import '@tarojs/taro';
-import './bem-350c1702.js';
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["children", "hasMore", "threshold", "containerId", "useWindow", "useCapture", "isOpenRefresh", "pullIcon", "pullTxt", "loadIcon", "loadTxt", "loadMoreTxt", "className", "onRefresh", "onLoadMore", "onScrollChange", "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, useRef, 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';
-import './icon.taro-296a1bec.js';
-import './configprovider.taro-8d71eb49.js';
-import 'lodash.kebabcase';
-import './zh-CN-c779e6c1.js';
-import './typings-b9828dba.js';
-
-
-
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  hasMore: true,
+  threshold: 200,
+  containerId: '',
+  useWindow: true,
+  useCapture: false,
+  isOpenRefresh: false,
+  pullIcon: 'https://img10.360buyimg.com/imagetools/jfs/t1/169863/6/4565/6306/60125948E7e92774e/40b3a0cf42852bcb.png',
+  pullTxt: '松开刷新',
+  loadIcon: 'https://img10.360buyimg.com/imagetools/jfs/t1/169863/6/4565/6306/60125948E7e92774e/40b3a0cf42852bcb.png',
+  loadTxt: '加载中···',
+  loadMoreTxt: '哎呀，这里是底部了啦'
+});
+var Infiniteloading = function Infiniteloading(props) {
+  var _useConfig = useConfig(),
+    locale = _useConfig.locale;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    children = _defaultProps$props.children,
+    hasMore = _defaultProps$props.hasMore,
+    threshold = _defaultProps$props.threshold,
+    containerId = _defaultProps$props.containerId,
+    useWindow = _defaultProps$props.useWindow,
+    useCapture = _defaultProps$props.useCapture,
+    isOpenRefresh = _defaultProps$props.isOpenRefresh,
+    pullIcon = _defaultProps$props.pullIcon,
+    pullTxt = _defaultProps$props.pullTxt,
+    loadIcon = _defaultProps$props.loadIcon,
+    loadTxt = _defaultProps$props.loadTxt,
+    loadMoreTxt = _defaultProps$props.loadMoreTxt,
+    className = _defaultProps$props.className,
+    onRefresh = _defaultProps$props.onRefresh,
+    onLoadMore = _defaultProps$props.onLoadMore,
+    onScrollChange = _defaultProps$props.onScrollChange,
+    iconClassPrefix = _defaultProps$props.iconClassPrefix,
+    iconFontClassName = _defaultProps$props.iconFontClassName,
+    restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isInfiniting = _useState2[0],
+    setIsInfiniting = _useState2[1];
+  var scroller = useRef(null);
+  var refreshTop = useRef(null);
+  var scrollEl = useRef(window);
+  var isTouching = useRef(false);
+  var beforeScrollTop = useRef(0);
+  var refreshMaxH = useRef(0);
+  var y = useRef(0);
+  var distance = useRef(0);
+  var b = cn('infiniteloading');
+  var classes = classNames(className, b());
+  useEffect(function () {
+    var parentElement = getParentElement(scroller.current);
+    scrollEl.current = useWindow ? window : parentElement;
+    scrollEl.current.addEventListener('scroll', handleScroll, useCapture);
+    return function () {
+      scrollEl.current.removeEventListener('scroll', handleScroll, useCapture);
+    };
+  }, [hasMore, isInfiniting]);
+  useEffect(function () {
+    var element = scroller.current;
+    element.addEventListener('touchmove', touchMove, {
+      passive: false
+    });
+    return function () {
+      element.removeEventListener('touchmove', touchMove, {
+        passive: false
+      });
+    };
+  }, []);
+  var getStyle = function getStyle() {
+    return {
+      height: distance.current < 0 ? "0px" : "".concat(distance.current, "px"),
+      transition: isTouching.current ? "height 0s cubic-bezier(0.25,0.1,0.25,1)" : "height 0.2s cubic-bezier(0.25,0.1,0.25,1)"
+    };
+  };
+  var getParentElement = function getParentElement(el) {
+    return containerId ? document.querySelector("#".concat(containerId)) : el && el.parentNode;
+  };
+  var handleScroll = function handleScroll() {
+    requestAniFrame()(function () {
+      if (!isScrollAtBottom() || !hasMore || isInfiniting) {
+        return false;
+      }
+      setIsInfiniting(true);
+      onLoadMore && onLoadMore(infiniteDone);
+      return true;
+    });
+  };
+  var infiniteDone = function infiniteDone() {
+    setIsInfiniting(false);
+  };
+  var refreshDone = function refreshDone() {
+    distance.current = 0;
+    refreshTop.current.style.height = "".concat(distance.current, "px");
+    isTouching.current = false;
+  };
+  var touchStart = function touchStart(event) {
+    if (beforeScrollTop.current === 0 && !isTouching.current && isOpenRefresh) {
+      y.current = event.touches[0].pageY;
+      isTouching.current = true;
+      var childHeight = refreshTop.current.firstElementChild.offsetHeight;
+      refreshMaxH.current = Math.floor(childHeight * 1 + 10);
+    }
+  };
+  var touchMove = function touchMove(event) {
+    distance.current = event.touches[0].pageY - y.current;
+    if (distance.current > 0 && isTouching.current) {
+      event.preventDefault();
+      if (distance.current >= refreshMaxH.current) {
+        distance.current = refreshMaxH.current;
+        refreshTop.current.style.height = "".concat(distance.current, "px");
+      } else {
+        refreshTop.current.style.height = "".concat(distance.current, "px");
+      }
+    } else {
+      distance.current = 0;
+      refreshTop.current.style.height = "".concat(distance.current, "px");
+      isTouching.current = false;
+    }
+  };
+  var touchEnd = function touchEnd() {
+    if (distance.current < refreshMaxH.current) {
+      distance.current = 0;
+      refreshTop.current.style.height = "".concat(distance.current, "px");
+    } else {
+      onRefresh && onRefresh(refreshDone);
+    }
+  };
+  var requestAniFrame = function requestAniFrame() {
+    return window.requestAnimationFrame || window.webkitRequestAnimationFrame || function fn(callback) {
+      window.setTimeout(callback, 1000 / 60);
+    };
+  };
+  var getWindowScrollTop = function getWindowScrollTop() {
+    return window.pageYOffset !== undefined ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;
+  };
+  var calculateTopPosition = function calculateTopPosition(el) {
+    return !el ? 0 : el.offsetTop + calculateTopPosition(el.offsetParent);
+  };
+  var isScrollAtBottom = function isScrollAtBottom() {
+    var offsetDistance = 0;
+    var resScrollTop = 0;
+    var direction = 'down';
+    var windowScrollTop = getWindowScrollTop();
+    if (useWindow) {
+      if (scroller.current) {
+        offsetDistance = calculateTopPosition(scroller.current) + scroller.current.offsetHeight - windowScrollTop - window.innerHeight;
+      }
+      resScrollTop = windowScrollTop;
+    } else {
+      var _scrollEl$current = scrollEl.current,
+        scrollHeight = _scrollEl$current.scrollHeight,
+        clientHeight = _scrollEl$current.clientHeight,
+        scrollTop = _scrollEl$current.scrollTop;
+      offsetDistance = scrollHeight - clientHeight - scrollTop;
+      resScrollTop = scrollTop;
+    }
+    if (beforeScrollTop.current > resScrollTop) {
+      direction = 'up';
+    } else {
+      direction = 'down';
+    }
+    beforeScrollTop.current = resScrollTop;
+    onScrollChange && onScrollChange(resScrollTop);
+    return offsetDistance <= threshold && direction === 'down';
+  };
+  return React__default.createElement("div", _objectSpread({
+    className: classes,
+    ref: scroller,
+    onTouchStart: touchStart,
+    onTouchEnd: touchEnd
+  }, restProps), React__default.createElement("div", {
+    className: "nut-infinite-top",
+    ref: refreshTop,
+    style: getStyle()
+  }, React__default.createElement("div", {
+    className: "top-box"
+  }, React__default.createElement(Icon, {
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
+    className: "top-img",
+    name: pullIcon
+  }), React__default.createElement("span", {
+    className: "top-text"
+  }, pullTxt || locale.infiniteloading.pullRefreshText))), React__default.createElement("div", {
+    className: "nut-infinite-container"
+  }, children), React__default.createElement("div", {
+    className: "nut-infinite-bottom"
+  }, isInfiniting ? React__default.createElement("div", {
+    className: "bottom-box"
+  }, React__default.createElement(Icon, {
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
+    className: "bottom-img",
+    name: loadIcon
+  }), React__default.createElement("div", {
+    className: "bottom-text"
+  }, loadTxt || locale.infiniteloading.loadText)) : !hasMore && React__default.createElement("div", {
+    className: "tips"
+  }, loadMoreTxt || locale.infiniteloading.loadMoreText)));
+};
+Infiniteloading.defaultProps = defaultProps;
+Infiniteloading.displayName = 'NutInfiniteloading';
 export { Infiniteloading as default };

package/dist/esm/Input.js

@@ -1,13 +1,363 @@
-import { I as Input } from './input.taro-97af6c96.js';
-import 'react';
-import './icon.taro-296a1bec.js';
-import './bem-350c1702.js';
-import '@bem-react/classname';
-import './configprovider.taro-8d71eb49.js';
-import 'lodash.kebabcase';
-import './zh-CN-c779e6c1.js';
-import './typings-b9828dba.js';
-
-
-
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["children", "type", "name", "defaultValue", "placeholder", "label", "labelClass", "labelWidth", "labelAlign", "colon", "inputAlign", "center", "required", "disabled", "readonly", "error", "maxlength", "leftIcon", "leftIconSize", "rightIcon", "rightIconSize", "clearable", "clearIcon", "clearSize", "border", "formatTrigger", "rules", "errorMessage", "errorMessageAlign", "showWordLimit", "autofocus", "style", "className", "rows", "slotButton", "slotInput", "onChange", "onBlur", "onFocus", "onClear", "formatter", "keypress", "onClickInput", "onClickLeftIcon", "onClickRightIcon", "onClick", "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, { forwardRef, useState, useRef, useEffect, useImperativeHandle, useCallback } from 'react';
+import Icon from './Icon.js';
+import { useConfig } from './ConfigProvider.js';
+import { C as ComponentDefaults } from './typings-f27b58f4.js';
+function trimExtraChar(value, _char, regExp) {
+  var index = value.indexOf(_char);
+  if (index === -1) {
+    return value;
+  }
+  if (_char === '-' && index !== 0) {
+    return value.slice(0, index);
+  }
+  return value.slice(0, index + 1) + value.slice(index).replace(regExp, '');
+}
+function formatNumber(value) {
+  var allowDot = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  var allowMinus = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  if (allowDot) {
+    value = trimExtraChar(value, '.', /\./g);
+  } else {
+    value = value.split('.')[0];
+  }
+  if (allowMinus) {
+    value = trimExtraChar(value, '-', /-/g);
+  } else {
+    value = value.replace(/-/, '');
+  }
+  var regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
+  return value.replace(regExp, '');
+}
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  type: 'text',
+  name: '',
+  defaultValue: '',
+  placeholder: '',
+  label: '',
+  labelClass: '',
+  labelWidth: '80',
+  labelAlign: 'left',
+  colon: false,
+  inputAlign: 'left',
+  center: false,
+  required: false,
+  disabled: false,
+  readonly: false,
+  error: false,
+  maxlength: '9999',
+  leftIcon: '',
+  leftIconSize: '',
+  rightIcon: '',
+  rightIconSize: '',
+  clearable: false,
+  clearIcon: 'mask-close',
+  clearSize: '14',
+  border: true,
+  formatTrigger: 'onChange',
+  rules: [],
+  rows: null,
+  errorMessage: '',
+  errorMessageAlign: '',
+  showWordLimit: false,
+  autofocus: false,
+  slotButton: null,
+  slotInput: null
+});
+var Input = forwardRef(function (props, ref) {
+  var _useConfig = useConfig(),
+    locale = _useConfig.locale;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    children = _defaultProps$props.children,
+    type = _defaultProps$props.type,
+    name = _defaultProps$props.name,
+    defaultValue = _defaultProps$props.defaultValue,
+    placeholder = _defaultProps$props.placeholder,
+    label = _defaultProps$props.label,
+    labelClass = _defaultProps$props.labelClass,
+    labelWidth = _defaultProps$props.labelWidth,
+    labelAlign = _defaultProps$props.labelAlign,
+    colon = _defaultProps$props.colon,
+    inputAlign = _defaultProps$props.inputAlign,
+    center = _defaultProps$props.center,
+    required = _defaultProps$props.required,
+    disabled = _defaultProps$props.disabled,
+    readonly = _defaultProps$props.readonly,
+    error = _defaultProps$props.error,
+    maxlength = _defaultProps$props.maxlength,
+    leftIcon = _defaultProps$props.leftIcon,
+    leftIconSize = _defaultProps$props.leftIconSize,
+    rightIcon = _defaultProps$props.rightIcon,
+    rightIconSize = _defaultProps$props.rightIconSize,
+    clearable = _defaultProps$props.clearable,
+    clearIcon = _defaultProps$props.clearIcon,
+    clearSize = _defaultProps$props.clearSize,
+    border = _defaultProps$props.border,
+    formatTrigger = _defaultProps$props.formatTrigger,
+    rules = _defaultProps$props.rules,
+    errorMessage = _defaultProps$props.errorMessage,
+    errorMessageAlign = _defaultProps$props.errorMessageAlign,
+    showWordLimit = _defaultProps$props.showWordLimit,
+    autofocus = _defaultProps$props.autofocus,
+    style = _defaultProps$props.style,
+    className = _defaultProps$props.className,
+    rows = _defaultProps$props.rows,
+    slotButton = _defaultProps$props.slotButton,
+    slotInput = _defaultProps$props.slotInput,
+    onChange = _defaultProps$props.onChange,
+    onBlur = _defaultProps$props.onBlur,
+    onFocus = _defaultProps$props.onFocus,
+    onClear = _defaultProps$props.onClear,
+    formatter = _defaultProps$props.formatter,
+    keypress = _defaultProps$props.keypress,
+    onClickInput = _defaultProps$props.onClickInput,
+    onClickLeftIcon = _defaultProps$props.onClickLeftIcon,
+    onClickRightIcon = _defaultProps$props.onClickRightIcon,
+    _onClick = _defaultProps$props.onClick,
+    iconClassPrefix = _defaultProps$props.iconClassPrefix,
+    iconFontClassName = _defaultProps$props.iconFontClassName,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var inputPlaceholder = placeholder || locale.placeholder;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    inputValue = _useState2[0],
+    SetInputValue = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    active = _useState4[0],
+    SetActive = _useState4[1];
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    classes = _useState6[0],
+    setClasses = _useState6[1];
+  var getModelValue = function getModelValue() {
+    return String(inputValue !== null && inputValue !== void 0 ? inputValue : '');
+  };
+  var inputRef = useRef(null);
+  useEffect(function () {
+    setClasses(inputClass);
+    SetInputValue(defaultValue);
+  }, [defaultValue]);
+  useEffect(function () {
+    if (inputValue) {
+      updateValue(getModelValue());
+      resetValidation();
+    }
+  }, [inputValue]);
+  useImperativeHandle(ref, function () {
+    return inputRef.current;
+  });
+  var inputClass = useCallback(function () {
+    var prefixCls = 'nut-input';
+    return [prefixCls, "".concat(center ? 'center' : ''), "".concat(disabled ? "".concat(prefixCls, "-disabled") : ''), "".concat(required ? "".concat(prefixCls, "-required") : ''), "".concat(error ? "".concat(prefixCls, "-error") : ''), "".concat(border ? "".concat(prefixCls, "-border") : ''), "".concat(slotButton || rightIcon ? "".concat(prefixCls, "-right-mark") : '')].filter(Boolean).join(' ');
+  }, [disabled, required, error, border, slotButton, rightIcon, center]);
+  // 样式状态重置
+  useEffect(function () {
+    setClasses(inputClass);
+  }, [disabled, required, error, border, slotButton, rightIcon, center]);
+  var updateValue = function updateValue(value) {
+    var _inputRef$current;
+    var trigger = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'onChange';
+    var event = arguments.length > 2 ? arguments[2] : undefined;
+    var val = value;
+    if (type === 'digit' || type === 'tel') {
+      val = formatNumber(val, false, false);
+    }
+    if (type === 'number') {
+      val = formatNumber(val, true, true);
+    }
+    if (type === 'tel' && !formatter) {
+      var regTel = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
+      var regNumber = /[^-0-9]/g;
+      val = !regTel.test(val) && val.length > 11 ? val.substring(0, 11) : val.replace(regNumber, '');
+    }
+    if (formatter && trigger === formatTrigger) {
+      val = formatter(val);
+    }
+    if ((inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.value) !== val) {
+      inputRef.current.value = val;
+    }
+    SetInputValue(val);
+  };
+  var handleFocus = function handleFocus(event) {
+    var val = event.target.value;
+    SetActive(true);
+    onFocus && onFocus(val, event);
+  };
+  var handleInput = function handleInput(event) {
+    var val = event.target.value;
+    if (maxlength && val.length > Number(maxlength)) {
+      val = val.slice(0, Number(maxlength));
+    }
+    updateValue(val, 'onChange');
+    onChange && onChange(val, event);
+  };
+  var handleBlur = function handleBlur(event) {
+    setTimeout(function () {
+      SetActive(false);
+    }, 200);
+    var val = event.target.value;
+    if (maxlength && val.length > Number(maxlength)) {
+      val = val.slice(0, Number(maxlength));
+    }
+    updateValue(val, 'onBlur');
+    onBlur && onBlur(val, event);
+  };
+  var handleClickInput = function handleClickInput(event) {
+    onClickInput && onClickInput(event);
+  };
+  var handleClickLeftIcon = function handleClickLeftIcon(event) {
+    onClickLeftIcon && onClickLeftIcon(event);
+  };
+  var handleClickRightIcon = function handleClickRightIcon(event) {
+    onClickRightIcon && onClickRightIcon(event);
+  };
+  var resetValidation = function resetValidation() {};
+  var inputType = function inputType(type) {
+    if (type === 'number') {
+      return 'text';
+    }
+    if (type === 'digit') {
+      return 'tel';
+    }
+    return type;
+  };
+  var handleClear = function handleClear(event) {
+    updateValue('');
+    onClear && onClear('', event);
+  };
+  return React__default.createElement("div", _objectSpread(_objectSpread({
+    className: "".concat(classes, "  ").concat(className || ''),
+    style: style
+  }, rest), {}, {
+    onClick: function onClick(e) {
+      _onClick && _onClick(e);
+    }
+  }), slotInput ? React__default.createElement(React__default.Fragment, null, label ? React__default.createElement("div", {
+    className: "nut-input-label ".concat(labelClass),
+    style: {
+      width: "".concat(labelWidth, "px"),
+      textAlign: labelAlign
+    }
+  }, React__default.createElement("div", {
+    className: "label-string"
+  }, label, colon ? ':' : '')) : null, React__default.createElement("div", {
+    className: "nut-input-value"
+  }, React__default.createElement("div", {
+    className: "nut-input-inner",
+    onClick: function onClick(e) {
+      handleClickInput(e);
+    }
+  }, slotInput))) : React__default.createElement(React__default.Fragment, null, leftIcon && leftIcon.length > 0 ? React__default.createElement("div", {
+    className: "nut-input-left-icon",
+    onClick: function onClick(e) {
+      handleClickLeftIcon(e);
+    }
+  }, React__default.createElement(Icon, {
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
+    name: leftIcon,
+    size: leftIconSize
+  })) : null, label ? React__default.createElement("div", {
+    className: "nut-input-label ".concat(labelClass),
+    style: {
+      width: "".concat(labelWidth, "px"),
+      textAlign: labelAlign
+    }
+  }, React__default.createElement("div", {
+    className: "label-string"
+  }, label, colon ? ':' : '')) : null, React__default.createElement("div", {
+    className: "nut-input-value"
+  }, React__default.createElement("div", {
+    className: "nut-input-main-con"
+  }, React__default.createElement("div", {
+    className: "nut-input-inner",
+    onClick: function onClick(e) {
+      handleClickInput(e);
+    }
+  }, type === 'textarea' ? React__default.createElement("textarea", {
+    name: name,
+    className: "input-text",
+    ref: inputRef,
+    style: {
+      textAlign: inputAlign,
+      height: "".concat(Number(rows) * 24, "px")
+    },
+    maxLength: maxlength,
+    placeholder: inputPlaceholder,
+    disabled: disabled,
+    readOnly: readonly,
+    value: inputValue,
+    autoFocus: autofocus,
+    onBlur: function onBlur(e) {
+      handleBlur(e);
+    },
+    onFocus: function onFocus(e) {
+      handleFocus(e);
+    },
+    onInput: function onInput(e) {
+      handleInput(e);
+    }
+  }) : React__default.createElement("input", {
+    name: name,
+    className: "input-text",
+    ref: inputRef,
+    style: {
+      textAlign: inputAlign
+    },
+    type: inputType(type),
+    maxLength: maxlength,
+    placeholder: inputPlaceholder,
+    disabled: disabled,
+    readOnly: readonly,
+    value: inputValue,
+    autoFocus: autofocus,
+    onBlur: function onBlur(e) {
+      handleBlur(e);
+    },
+    onFocus: function onFocus(e) {
+      handleFocus(e);
+    },
+    onInput: function onInput(e) {
+      handleInput(e);
+    }
+  }), clearable && !readonly && active && inputValue.length > 0 ? React__default.createElement(Icon, {
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
+    className: "nut-input-clear",
+    name: clearIcon,
+    size: clearSize,
+    onClick: function onClick(e) {
+      handleClear(e);
+    }
+  }) : null), rightIcon && rightIcon.length > 0 ? React__default.createElement("div", {
+    className: "nut-input-right-icon",
+    onClick: function onClick(e) {
+      handleClickRightIcon(e);
+    }
+  }, React__default.createElement(Icon, {
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
+    name: rightIcon,
+    size: rightIconSize
+  })) : null, slotButton ? React__default.createElement("div", {
+    className: "nut-input-button"
+  }, slotButton) : null, showWordLimit && maxlength ? React__default.createElement("div", {
+    className: "nut-input-word-limit"
+  }, React__default.createElement("span", {
+    className: "nut-input-word-num"
+  }, inputValue ? inputValue.length : 0), "/", maxlength) : null), errorMessage ? React__default.createElement("div", {
+    className: "nut-input-error-message",
+    style: {
+      textAlign: errorMessageAlign
+    }
+  }, errorMessage) : React__default.createElement("div", null))));
+});
+Input.defaultProps = defaultProps;
+Input.displayName = 'NutInput';
 export { Input as default };