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

package/dist/esm/indicator.taro-183ea169.js

@@ -0,0 +1,62 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["size", "current", "block", "align", "fillZero", "children", "className", "vertical"];
+
+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 classNames from 'classnames';
+import { c as cn } from './bem-893ad28d.js';
+var defaultProps = {
+  size: 3,
+  current: 1,
+  block: false,
+  align: 'center',
+  fillZero: true,
+  vertical: false
+};
+
+var Indicator = function Indicator(props) {
+  var _classNames;
+
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      size = _defaultProps$props.size,
+      current = _defaultProps$props.current,
+      block = _defaultProps$props.block,
+      align = _defaultProps$props.align,
+      fillZero = _defaultProps$props.fillZero,
+      children = _defaultProps$props.children,
+      className = _defaultProps$props.className,
+      vertical = _defaultProps$props.vertical,
+      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+
+  var b = cn('indicator');
+  var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(b('block')), block), _defineProperty(_classNames, "".concat(b('align'), "__").concat(align), block && align), _defineProperty(_classNames, "".concat(b('vertical')), vertical), _classNames), b(''));
+
+  var renderEles = function renderEles() {
+    var childs = [];
+
+    for (var item = 1; item <= size; item++) {
+      childs.push(item === current ? React__default.createElement("div", {
+        key: item,
+        className: b('number')
+      }, fillZero && item < 10 ? "0".concat(item) : item) : React__default.createElement("div", {
+        key: item,
+        className: b('dot')
+      }));
+    }
+
+    return childs;
+  };
+
+  useEffect(function () {}, []);
+  return React__default.createElement("div", _objectSpread({
+    className: "".concat(classes, " ").concat(className)
+  }, rest), renderEles());
+};
+
+Indicator.defaultProps = defaultProps;
+Indicator.displayName = 'NutIndicator';
+export { Indicator as I };

package/dist/esm/infiniteloading.taro-abf15a17.js

@@ -0,0 +1,237 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "hasMore", "threshold", "containerId", "useWindow", "useCapture", "isOpenRefresh", "pullIcon", "pullTxt", "loadIcon", "loadTxt", "loadMoreTxt", "className", "refresh", "loadMore", "scrollChange"];
+
+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';
+import { u as useConfig } from './configprovider-18657611.js';
+var defaultProps = {
+  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,
+      refresh = _defaultProps$props.refresh,
+      loadMore = _defaultProps$props.loadMore,
+      scrollChange = _defaultProps$props.scrollChange,
+      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);
+      loadMore && loadMore(infiniteDone);
+    });
+  };
+
+  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 {
+      refresh && refresh(refreshDone);
+    }
+  };
+
+  var requestAniFrame = function requestAniFrame() {
+    return window.requestAnimationFrame || window.webkitRequestAnimationFrame || function (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;
+    scrollChange && scrollChange(resScrollTop);
+    return offsetDistance <= threshold && direction == 'down';
+  };
+
+  return React__default.createElement("div", _objectSpread({
+    className: classes,
+    ref: scroller,
+    onTouchStart: touchStart,
+    onTouchMove: touchMove,
+    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, {
+    className: "top-img",
+    name: pullIcon
+  }), React__default.createElement("span", {
+    className: "top-text"
+  }, locale.infiniteloading.pullRefreshText || pullTxt))), 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, {
+    className: "bottom-img",
+    name: loadIcon
+  }), React__default.createElement("div", {
+    className: "bottom-text"
+  }, locale.infiniteloading.loadText || loadTxt)) : !hasMore && React__default.createElement("div", {
+    className: "tips"
+  }, locale.infiniteloading.loadMoreText || loadMoreTxt)));
+};
+
+Infiniteloading.defaultProps = defaultProps;
+Infiniteloading.displayName = 'NutInfiniteloading';
+export { Infiniteloading as I };

package/dist/esm/input.taro-b6927020.js

@@ -0,0 +1,190 @@
+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 { I as Icon } from './icon-62bd7379.js';
+import { u as useConfig } from './configprovider-18657611.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 = {
+  type: 'text',
+  defaultValue: '',
+  placeholder: '',
+  label: '',
+  requireShow: false,
+  disabled: false,
+  readonly: false,
+  textAlign: 'left',
+  maxLength: '',
+  clearable: true
+};
+
+var Input = function Input(props) {
+  var _useConfig = useConfig(),
+      locale = _useConfig.locale;
+
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      type = _defaultProps$props.type,
+      defaultValue = _defaultProps$props.defaultValue,
+      placeholder = _defaultProps$props.placeholder,
+      label = _defaultProps$props.label,
+      requireShow = _defaultProps$props.requireShow,
+      disabled = _defaultProps$props.disabled,
+      readonly = _defaultProps$props.readonly,
+      textAlign = _defaultProps$props.textAlign,
+      maxLength = _defaultProps$props.maxLength,
+      clearable = _defaultProps$props.clearable,
+      style = _defaultProps$props.style,
+      className = _defaultProps$props.className,
+      change = _defaultProps$props.change,
+      blur = _defaultProps$props.blur,
+      focus = _defaultProps$props.focus,
+      clear = _defaultProps$props.clear;
+
+  locale.placeholder = placeholder || locale.placeholder;
+  var inputBem = cn('input');
+
+  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];
+
+  useEffect(function () {
+    if (defaultValue) {
+      SetInputValue(defaultValue);
+    }
+  }, [defaultValue]);
+
+  var valueChange = function valueChange(event) {
+    var val = event.target.value;
+
+    if (type === 'digit') {
+      val = formatNumber(val, true);
+    }
+
+    if (type === 'number') {
+      val = formatNumber(val, false);
+    }
+
+    if (maxLength && val.length > Number(maxLength)) {
+      val = val.slice(0, Number(maxLength));
+    }
+
+    change && change(val, event);
+    SetInputValue(val);
+  };
+
+  var valueFocus = function valueFocus(event) {
+    var val = event.target.value;
+    SetActive(true);
+
+    if (focus) {
+      focus(val, event);
+    }
+  };
+
+  var valueBlur = function valueBlur(event) {
+    setTimeout(function () {
+      SetActive(false);
+    }, 0);
+    var val = event.target.value;
+
+    if (blur) {
+      blur(val, event);
+    }
+  };
+
+  var handleClear = function handleClear(event) {
+    if (clear) {
+      clear('', event);
+    }
+
+    SetInputValue('');
+  };
+
+  var textAlignStyle = {
+    textAlign: textAlign
+  };
+  return React__default.createElement("div", {
+    className: "".concat(inputBem(), " ").concat(disabled ? inputBem('disabled') : '', "  ").concat(className || '')
+  }, React__default.createElement("div", {
+    className: inputBem('label')
+  }, requireShow ? React__default.createElement("div", {
+    className: inputBem('require')
+  }, "*") : null, label ? React__default.createElement("div", {
+    className: "label-string"
+  }, label) : null), React__default.createElement("input", {
+    className: "input-text",
+    type: type,
+    placeholder: placeholder,
+    disabled: disabled,
+    readOnly: readonly,
+    value: inputValue,
+    style: _objectSpread(_objectSpread({}, style), textAlignStyle),
+    maxLength: maxLength,
+    onBlur: function onBlur(e) {
+      valueBlur(e);
+    },
+    onFocus: function onFocus(e) {
+      valueFocus(e);
+    },
+    onChange: function onChange(e) {
+      valueChange(e);
+    }
+  }), clearable && !readonly && active ? React__default.createElement("div", {
+    onClick: function onClick(e) {
+      handleClear(e);
+    },
+    className: inputBem('clear')
+  }, active && inputValue.length > 0 ? React__default.createElement(Icon, {
+    name: "close-little",
+    size: "12px"
+  }) : null) : null);
+};
+
+Input.defaultProps = defaultProps;
+Input.displayName = 'NutInput';
+export { Input as I };

package/dist/esm/inputnumber.taro-4ec2bfb6.js

@@ -0,0 +1,193 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "disabled", "buttonSize", "min", "max", "inputWidth", "readonly", "modelValue", "decimalPlaces", "step", "isAsync", "className", "style", "add", "reduce", "change", "overlimit", "blur", "focus"];
+
+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 { I as Icon } from './icon-62bd7379.js';
+import { c as cn } from './bem-893ad28d.js';
+var defaultProps = {
+  disabled: false,
+  buttonSize: '',
+  min: 1,
+  max: 9999,
+  inputWidth: '',
+  readonly: false,
+  modelValue: 0,
+  step: 1,
+  decimalPlaces: 0,
+  isAsync: false
+};
+
+function pxCheck(value) {
+  return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
+}
+
+var InputNumber = function InputNumber(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      children = _defaultProps$props.children,
+      disabled = _defaultProps$props.disabled,
+      buttonSize = _defaultProps$props.buttonSize,
+      min = _defaultProps$props.min,
+      max = _defaultProps$props.max,
+      inputWidth = _defaultProps$props.inputWidth,
+      readonly = _defaultProps$props.readonly,
+      modelValue = _defaultProps$props.modelValue,
+      decimalPlaces = _defaultProps$props.decimalPlaces,
+      step = _defaultProps$props.step,
+      isAsync = _defaultProps$props.isAsync,
+      className = _defaultProps$props.className,
+      style = _defaultProps$props.style,
+      add = _defaultProps$props.add,
+      reduce = _defaultProps$props.reduce,
+      change = _defaultProps$props.change,
+      overlimit = _defaultProps$props.overlimit,
+      blur = _defaultProps$props.blur,
+      focus = _defaultProps$props.focus,
+      restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
+
+  var _useState = useState(modelValue),
+      _useState2 = _slicedToArray(_useState, 2),
+      inputValue = _useState2[0],
+      setInputValue = _useState2[1];
+
+  useEffect(function () {
+    setInputValue(modelValue);
+  }, [modelValue]);
+  var b = cn('inputnumber');
+  var classes = classNames(_defineProperty({}, "".concat(b(''), "--disabled"), disabled), className, b(''));
+
+  var styles = _objectSpread({
+    height: pxCheck(buttonSize)
+  }, style);
+
+  var addAllow = function addAllow() {
+    var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Number(inputValue);
+    return value < Number(max) && !disabled;
+  };
+
+  var reduceAllow = function reduceAllow() {
+    var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Number(inputValue);
+    return value > Number(min) && !disabled;
+  };
+
+  var iconMinusClasses = classNames('nut-inputnumber__icon', {
+    'nut-inputnumber__icon--disabled': !reduceAllow()
+  });
+  var iconAddClasses = classNames('nut-inputnumber__icon', {
+    'nut-inputnumber__icon--disabled': !addAllow()
+  });
+
+  var fixedDecimalPlaces = function fixedDecimalPlaces(v) {
+    return Number(v).toFixed(Number(decimalPlaces));
+  };
+
+  var emitChange = function emitChange(value, e) {
+    var output_value = fixedDecimalPlaces(value);
+    change && change(output_value, e);
+
+    if (!isAsync) {
+      if (Number(output_value) < Number(min)) {
+        setInputValue(Number(min));
+      } else if (Number(output_value) > Number(max)) {
+        setInputValue(Number(max));
+      } else {
+        setInputValue(output_value);
+      }
+    }
+  };
+
+  var reduceNumber = function reduceNumber(e) {
+    reduce && reduce(e);
+
+    if (reduceAllow()) {
+      var output_value = Number(inputValue) - Number(step);
+      emitChange(output_value, e);
+    } else {
+      overlimit && overlimit(e);
+    }
+  };
+
+  var addNumber = function addNumber(e) {
+    add && add(e);
+
+    if (addAllow()) {
+      var output_value = Number(inputValue) + Number(step);
+      emitChange(output_value, e);
+    } else {
+      overlimit && overlimit(e);
+    }
+  };
+
+  var changeValue = function changeValue(e) {
+    var input = e.target;
+    change && change(input.valueAsNumber, e);
+
+    if (!isAsync) {
+      if (Number.isNaN(input.valueAsNumber)) {
+        setInputValue(inputValue);
+      } else {
+        setInputValue(input.valueAsNumber);
+      }
+    }
+  };
+
+  var focusValue = function focusValue(e) {
+    if (disabled) return;
+    if (readonly) return;
+    focus && focus(e);
+  };
+
+  var burValue = function burValue(e) {
+    if (disabled) return;
+    if (readonly) return;
+    var input = e.target;
+    var value = input.valueAsNumber;
+
+    if (value < Number(min)) {
+      value = Number(min);
+    } else if (value > Number(max)) {
+      value = Number(max);
+    }
+
+    emitChange(value, e);
+    blur && blur(e);
+  };
+
+  return React__default.createElement("div", _objectSpread({
+    className: classes,
+    style: styles
+  }, restProps), React__default.createElement(Icon, {
+    className: iconMinusClasses,
+    size: buttonSize,
+    name: "minus",
+    click: reduceNumber
+  }), React__default.createElement("input", {
+    type: "number",
+    min: min,
+    max: max,
+    style: {
+      width: pxCheck(inputWidth)
+    },
+    disabled: disabled,
+    readOnly: readonly,
+    value: inputValue,
+    onInput: changeValue,
+    onBlur: burValue,
+    onFocus: focusValue
+  }), React__default.createElement(Icon, {
+    className: iconAddClasses,
+    size: buttonSize,
+    name: "plus",
+    click: addNumber
+  }));
+};
+
+InputNumber.defaultProps = defaultProps;
+InputNumber.displayName = 'NutInputNumber';
+export { InputNumber as I };