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

package/dist/esm/Input.js

@@ -0,0 +1,363 @@
+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 };

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

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

package/dist/esm/InputNumber.js

@@ -0,0 +1,277 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["children", "disabled", "buttonSize", "min", "max", "inputWidth", "readonly", "modelValue", "decimalPlaces", "step", "isAsync", "className", "style", "formatter", "add", "reduce", "change", "overlimit", "blur", "focus", "onAdd", "onReduce", "onOverlimit", "onBlurFuc", "onFocus", "onChangeFuc", "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 Icon from './Icon.js';
+import { c as cn } from './bem-3b438e61.js';
+import { C as ComponentDefaults } from './typings-f27b58f4.js';
+import '@bem-react/classname';
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  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,
+    formatter = _defaultProps$props.formatter,
+    add = _defaultProps$props.add,
+    reduce = _defaultProps$props.reduce,
+    change = _defaultProps$props.change,
+    overlimit = _defaultProps$props.overlimit,
+    blur = _defaultProps$props.blur,
+    focus = _defaultProps$props.focus,
+    onAdd = _defaultProps$props.onAdd,
+    onReduce = _defaultProps$props.onReduce,
+    onOverlimit = _defaultProps$props.onOverlimit,
+    onBlurFuc = _defaultProps$props.onBlurFuc,
+    onFocus = _defaultProps$props.onFocus,
+    onChangeFuc = _defaultProps$props.onChangeFuc,
+    iconClassPrefix = _defaultProps$props.iconClassPrefix,
+    iconFontClassName = _defaultProps$props.iconFontClassName,
+    restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _useState = useState(modelValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    inputValue = _useState2[0],
+    setInputValue = _useState2[1];
+  var inputRef = useRef('');
+  useEffect(function () {
+    if (formatter) {
+      inputRef.current = formatter(modelValue);
+      setInputValue(formatter(modelValue));
+    } else {
+      setInputValue(modelValue);
+    }
+  }, [modelValue, formatter]);
+  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] : inputValue;
+    if (formatter) {
+      var numValue = String(value).replace(/[^0-9|\.]/gi, '');
+      return Number(numValue) < Number(max) && !disabled;
+    }
+    if (value || typeof value === 'number') {
+      return value < Number(max) && !disabled;
+    }
+    return false;
+  };
+  var reduceAllow = function reduceAllow() {
+    var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : inputValue;
+    if (formatter) {
+      var numValue = String(value).replace(/[^0-9|\.]/gi, '');
+      return Number(numValue) > Number(min) && !disabled;
+    }
+    if (value || typeof value === 'number') {
+      return value > Number(min) && !disabled;
+    }
+    return false;
+  };
+  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 outputValue = fixedDecimalPlaces(value);
+    onChangeFuc && onChangeFuc(outputValue, e);
+    change && change(outputValue, e);
+    if (!isAsync) {
+      if (Number(outputValue) < Number(min)) {
+        formatter ? setInputValue(formatter(Number(min))) : setInputValue(Number(min));
+      } else if (Number(outputValue) > Number(max)) {
+        formatter ? setInputValue(formatter(Number(max))) : setInputValue(Number(max));
+      } else {
+        formatter ? setInputValue(formatter(outputValue)) : setInputValue(outputValue);
+      }
+    }
+  };
+  var reduceNumber = function reduceNumber(e) {
+    onReduce && onReduce(e);
+    reduce && reduce(e);
+    if (reduceAllow()) {
+      if (formatter) {
+        var numValue = String(inputValue).replace(/[^0-9|\.]/gi, '');
+        var outputValue = Number(numValue) - Number(step);
+        inputRef.current = formatter(outputValue);
+        emitChange(outputValue, e);
+      } else {
+        var _outputValue = Number(inputValue) - Number(step);
+        emitChange(_outputValue, e);
+      }
+    } else {
+      onOverlimit && onOverlimit(e);
+      overlimit && overlimit(e);
+    }
+  };
+  var addNumber = function addNumber(e) {
+    onAdd && onAdd(e);
+    add && add(e);
+    if (addAllow()) {
+      if (formatter) {
+        var numValue = String(inputValue).replace(/[^0-9|\.]/gi, '');
+        var outputValue = Number(numValue) + Number(step);
+        inputRef.current = formatter(outputValue);
+        emitChange(outputValue, e);
+      } else {
+        var _outputValue2 = Number(inputValue) + Number(step);
+        emitChange(_outputValue2, e);
+      }
+    } else {
+      onOverlimit && onOverlimit(e);
+      overlimit && overlimit(e);
+    }
+  };
+  var changeValue = function changeValue(e) {
+    var input = e.target;
+    change && change(input.valueAsNumber, e);
+    onChangeFuc && onChangeFuc(input.valueAsNumber, e);
+    if (!isAsync) {
+      if (Number.isNaN(input.valueAsNumber)) {
+        setInputValue('');
+      } else {
+        setInputValue(input.valueAsNumber);
+      }
+    }
+  };
+  var changeFormatValue = function changeFormatValue(e) {
+    var input = e.target.value;
+    var numReg = new RegExp('^[0-9]*$');
+    var numValue = input.replace(/[^0-9|\.]/gi, '');
+    if (formatter) {
+      if (!numReg.test(input[0]) && numValue) {
+        setInputValue(formatter(numValue));
+      } else if (!numReg.test(input[0]) && !numValue) {
+        setInputValue(input);
+      } else if (numReg.test(input[0])) {
+        console.log('inputRef.current', inputRef.current);
+        console.log('formatter(numValue)', formatter(numValue));
+        // 针对于100%这种尾字符例子，直接删除会进行匹配
+        if (formatter(numValue) === inputRef.current) {
+          setInputValue(numValue);
+        } else {
+          setInputValue(formatter(numValue));
+          inputRef.current = formatter(numValue);
+        }
+      }
+    }
+  };
+  var burFormatValue = function burFormatValue(e) {
+    var input = e.target.value;
+    var numReg = new RegExp('^[0-9]*$');
+    var numValue = input.replace(/[^0-9|\.]/gi, '');
+    if (formatter) {
+      if (formatter(numValue) === input) {
+        emitChange(numValue, e);
+        return;
+      }
+      if (!numReg.test(input) || !input) {
+        setInputValue(formatter(''));
+      }
+    }
+  };
+  var focusValue = function focusValue(e) {
+    if (disabled) return;
+    if (readonly) return;
+    onFocus && onFocus(e);
+    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);
+    onBlurFuc && onBlurFuc(e);
+    blur && blur(e);
+  };
+  return React__default.createElement("div", _objectSpread({
+    className: classes,
+    style: styles
+  }, restProps), React__default.createElement("div", {
+    className: "nut-input-minus"
+  }, React__default.createElement(Icon, {
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
+    className: iconMinusClasses,
+    size: buttonSize,
+    name: "minus",
+    onClick: reduceNumber
+  })), React__default.createElement(React__default.Fragment, null, formatter ? React__default.createElement("input", {
+    type: "text",
+    min: min,
+    max: max,
+    style: {
+      width: pxCheck(inputWidth)
+    },
+    disabled: disabled,
+    readOnly: readonly,
+    value: inputValue,
+    onInput: changeFormatValue,
+    onBlur: burFormatValue,
+    onFocus: focusValue
+  }) : 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("div", {
+    className: "nut-input-add"
+  }, React__default.createElement(Icon, {
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
+    className: iconAddClasses,
+    size: buttonSize,
+    name: "plus",
+    onClick: addNumber
+  })));
+};
+InputNumber.defaultProps = defaultProps;
+InputNumber.displayName = 'NutInputNumber';
+export { InputNumber as default };

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

@@ -0,0 +1,2 @@
+
+import '../../../packages/layout/layout.scss'

package/dist/esm/Layout.js

@@ -0,0 +1,14 @@
+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';
+var defaultProps = {};
+var Layout = function Layout(props) {
+  _objectSpread(_objectSpread({}, defaultProps), props);
+  return React__default.createElement("div", {
+    className: "nut-layout"
+  }, "Layout");
+};
+Layout.defaultProps = defaultProps;
+Layout.displayName = 'NutLayout';
+export { Layout as default };

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

@@ -0,0 +1,3 @@
+
+import '../../MenuItem/style'
+import '../../../packages/menu/menu.scss'