@nutui/nutui-react 1.3.5-beta.1 → 1.3.6

package/dist/esm/Infiniteloading.js

@@ -2,11 +2,8 @@ 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-893ad28d.js';
@@ -14,7 +11,6 @@ import Icon from './Icon.js';
 import { useConfig } from './ConfigProvider.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
 import '@bem-react/classname';
-
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   hasMore: true,
   threshold: 200,
@@ -28,37 +24,33 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   loadTxt: '加载中···',
   loadMoreTxt: '哎呀，这里是底部了啦'
 });
-
 var Infiniteloading = function Infiniteloading(props) {
   var _useConfig = useConfig(),
-      locale = _useConfig.locale;
-
+    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);
-
+    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];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    isInfiniting = _useState2[0],
+    setIsInfiniting = _useState2[1];
   var scroller = useRef(null);
   var refreshTop = useRef(null);
   var scrollEl = useRef(window);
@@ -88,40 +80,33 @@ var Infiniteloading = function Infiniteloading(props) {
       });
     };
   }, []);
-
   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;
@@ -130,13 +115,10 @@ var Infiniteloading = function Infiniteloading(props) {
       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");
@@ -149,7 +131,6 @@ var Infiniteloading = function Infiniteloading(props) {
       isTouching.current = false;
     }
   };
-
   var touchEnd = function touchEnd() {
     if (distance.current < refreshMaxH.current) {
       distance.current = 0;
@@ -158,53 +139,44 @@ var Infiniteloading = function Infiniteloading(props) {
       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;
+        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,
@@ -241,7 +213,6 @@ var Infiniteloading = function Infiniteloading(props) {
     className: "tips"
   }, loadMoreTxt || locale.infiniteloading.loadMoreText)));
 };
-
 Infiniteloading.defaultProps = defaultProps;
 Infiniteloading.displayName = 'NutInfiniteloading';
 export { Infiniteloading as default };

package/dist/esm/Input.js

@@ -2,50 +2,38 @@ 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", "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", "change", "blur", "focus", "clear", "formatter", "keypress", "clickInput", "clickLeftIcon", "clickRightIcon", "click", "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, useLayoutEffect, useEffect, useCallback } from 'react';
 import Icon from './Icon.js';
 import { useConfig } from './ConfigProvider.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.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',
   defaultValue: '',
@@ -80,89 +68,80 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   slotButton: null,
   slotInput: null
 });
-
 var Input = function Input(props) {
   var _useConfig = useConfig(),
-      locale = _useConfig.locale;
-
+    locale = _useConfig.locale;
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      children = _defaultProps$props.children,
-      type = _defaultProps$props.type,
-      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,
-      change = _defaultProps$props.change,
-      blur = _defaultProps$props.blur,
-      focus = _defaultProps$props.focus,
-      clear = _defaultProps$props.clear,
-      formatter = _defaultProps$props.formatter,
-      keypress = _defaultProps$props.keypress,
-      clickInput = _defaultProps$props.clickInput,
-      clickLeftIcon = _defaultProps$props.clickLeftIcon,
-      clickRightIcon = _defaultProps$props.clickRightIcon,
-      click = _defaultProps$props.click,
-      iconClassPrefix = _defaultProps$props.iconClassPrefix,
-      iconFontClassName = _defaultProps$props.iconFontClassName,
-      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-
+    children = _defaultProps$props.children,
+    type = _defaultProps$props.type,
+    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,
+    change = _defaultProps$props.change,
+    blur = _defaultProps$props.blur,
+    focus = _defaultProps$props.focus,
+    clear = _defaultProps$props.clear,
+    formatter = _defaultProps$props.formatter,
+    keypress = _defaultProps$props.keypress,
+    clickInput = _defaultProps$props.clickInput,
+    clickLeftIcon = _defaultProps$props.clickLeftIcon,
+    clickRightIcon = _defaultProps$props.clickRightIcon,
+    click = _defaultProps$props.click,
+    iconClassPrefix = _defaultProps$props.iconClassPrefix,
+    iconFontClassName = _defaultProps$props.iconFontClassName,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   locale.placeholder = placeholder || locale.placeholder;
-
   var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      inputValue = _useState2[0],
-      SetInputValue = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    inputValue = _useState2[0],
+    SetInputValue = _useState2[1];
   var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      active = _useState4[0],
-      SetActive = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    active = _useState4[0],
+    SetActive = _useState4[1];
   var _useState5 = useState(''),
-      _useState6 = _slicedToArray(_useState5, 2),
-      classes = _useState6[0],
-      setClasses = _useState6[1];
-
+    _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);
   useLayoutEffect(function () {
     updateValue(getModelValue(), formatTrigger);
   });
   useEffect(function () {
     setClasses(inputClass);
-
     if (defaultValue) {
       SetInputValue(defaultValue);
     }
@@ -177,37 +156,30 @@ var Input = function Input(props) {
     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") : '')].filter(Boolean).join(' ');
   }, [disabled, required, error, border]);
-
   var updateValue = function updateValue(value) {
     var _inputRef$current;
-
     var trigger = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'onChange';
     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;
-    } // if (val !== defaultValue) {
-
-
-    SetInputValue(val); // }
+    }
+    // if (val !== defaultValue) {
+    SetInputValue(val);
+    // }
   };
 
   var _onFocus = function onFocus(event) {
@@ -215,63 +187,48 @@ var Input = function Input(props) {
     SetActive(true);
     focus && focus(val, event);
   };
-
   var _onInput = function onInput(event) {
     var val = event.target.value;
-
     if (maxlength && val.length > Number(maxlength)) {
       val = val.slice(0, Number(maxlength));
     }
-
     updateValue(val);
     change && change(val, event);
   };
-
   var _onBlur = function onBlur(event) {
     setTimeout(function () {
       SetActive(false);
     }, 200);
     var val = event.target.value;
-
     if (maxlength && val.length > Number(maxlength)) {
       val = val.slice(0, Number(maxlength));
     }
-
     updateValue(getModelValue(), 'onBlur');
     blur && blur(val, event);
   };
-
   var onClickInput = function onClickInput(event) {
     clickInput && clickInput(event);
   };
-
   var onClickLeftIcon = function onClickLeftIcon(event) {
     clickLeftIcon && clickLeftIcon(event);
   };
-
   var onClickRightIcon = function onClickRightIcon(event) {
     clickRightIcon && clickRightIcon(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('');
     clear && clear('', event);
   };
-
   return React__default.createElement("div", _objectSpread(_objectSpread({
     className: "".concat(classes, "  ").concat(className || ''),
     style: style
@@ -395,7 +352,6 @@ var Input = function Input(props) {
     }
   }, errorMessage) : null)));
 };
-
 Input.defaultProps = defaultProps;
 Input.displayName = 'NutInput';
 export { Input as default };