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

package/dist/esm/Progress.js

@@ -1,12 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["name", "size", "classPrefix", "color", "tag", "children", "className", "fontClassName", "style", "onClick"],
-    _excluded2 = ["className", "style", "isShowPercentage", "percentage", "fillColor", "strokeColor", "strokeWidth", "size", "textColor", "textWidth", "showText", "textInside", "textBackground", "textType", "status", "iconName", "iconColor", "iconSize", "rounded", "children", "iconClassPrefix", "iconFontClassName"];
-
+  _excluded2 = ["className", "style", "isShowPercentage", "percentage", "fillColor", "strokeColor", "strokeWidth", "size", "textColor", "textWidth", "showText", "textInside", "textBackground", "textType", "status", "iconName", "iconColor", "iconSize", "rounded", "children", "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 from 'react';
 import classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
@@ -22,42 +19,36 @@ var defaultProps$1 = {
   onClick: function onClick(e) {},
   className: ''
 };
-
 function pxCheck(value) {
   return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
 }
-
 function Icon(props) {
   var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props),
-      name = _defaultProps$1$props.name,
-      size = _defaultProps$1$props.size,
-      classPrefix = _defaultProps$1$props.classPrefix,
-      color = _defaultProps$1$props.color,
-      tag = _defaultProps$1$props.tag,
-      children = _defaultProps$1$props.children,
-      className = _defaultProps$1$props.className,
-      fontClassName = _defaultProps$1$props.fontClassName,
-      style = _defaultProps$1$props.style,
-      onClick = _defaultProps$1$props.onClick,
-      rest = _objectWithoutProperties(_defaultProps$1$props, _excluded);
-
+    name = _defaultProps$1$props.name,
+    size = _defaultProps$1$props.size,
+    classPrefix = _defaultProps$1$props.classPrefix,
+    color = _defaultProps$1$props.color,
+    tag = _defaultProps$1$props.tag,
+    children = _defaultProps$1$props.children,
+    className = _defaultProps$1$props.className,
+    fontClassName = _defaultProps$1$props.fontClassName,
+    style = _defaultProps$1$props.style,
+    onClick = _defaultProps$1$props.onClick,
+    rest = _objectWithoutProperties(_defaultProps$1$props, _excluded);
   var isImage = name ? name.indexOf('/') !== -1 : false;
   var type = isImage ? 'img' : tag;
   var b = cn('icon');
-
   var handleClick = function handleClick(e) {
     if (onClick) {
       onClick(e);
     }
   };
-
   var hasSrc = function hasSrc() {
     if (isImage) return {
       src: name
     };
     return {};
   };
-
   return React__default.createElement(type, _objectSpread(_objectSpread({
     className: isImage ? "".concat(b('img'), " ").concat(className || '', " ") : "".concat(fontClassName, " ").concat(b(null), " ").concat(classPrefix, "-").concat(name, " ").concat(className || ''),
     style: _objectSpread({
@@ -70,10 +61,8 @@ function Icon(props) {
     onClick: handleClick
   }, hasSrc()), children);
 }
-
 Icon.defaultProps = defaultProps$1;
 Icon.displayName = 'NutIcon';
-
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   className: '',
   style: {},
@@ -95,35 +84,32 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   rounded: true,
   children: undefined
 });
-
 var Progress = function Progress(props) {
   var _classNames, _classNames2, _classNames4;
-
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      className = _defaultProps$props.className,
-      style = _defaultProps$props.style,
-      isShowPercentage = _defaultProps$props.isShowPercentage,
-      percentage = _defaultProps$props.percentage,
-      fillColor = _defaultProps$props.fillColor,
-      strokeColor = _defaultProps$props.strokeColor,
-      strokeWidth = _defaultProps$props.strokeWidth,
-      size = _defaultProps$props.size,
-      textColor = _defaultProps$props.textColor,
-      textWidth = _defaultProps$props.textWidth,
-      showText = _defaultProps$props.showText,
-      textInside = _defaultProps$props.textInside,
-      textBackground = _defaultProps$props.textBackground,
-      textType = _defaultProps$props.textType,
-      status = _defaultProps$props.status,
-      iconName = _defaultProps$props.iconName,
-      iconColor = _defaultProps$props.iconColor,
-      iconSize = _defaultProps$props.iconSize,
-      rounded = _defaultProps$props.rounded,
-      children = _defaultProps$props.children,
-      iconClassPrefix = _defaultProps$props.iconClassPrefix,
-      iconFontClassName = _defaultProps$props.iconFontClassName,
-      rest = _objectWithoutProperties(_defaultProps$props, _excluded2);
-
+    className = _defaultProps$props.className,
+    style = _defaultProps$props.style,
+    isShowPercentage = _defaultProps$props.isShowPercentage,
+    percentage = _defaultProps$props.percentage,
+    fillColor = _defaultProps$props.fillColor,
+    strokeColor = _defaultProps$props.strokeColor,
+    strokeWidth = _defaultProps$props.strokeWidth,
+    size = _defaultProps$props.size,
+    textColor = _defaultProps$props.textColor,
+    textWidth = _defaultProps$props.textWidth,
+    showText = _defaultProps$props.showText,
+    textInside = _defaultProps$props.textInside,
+    textBackground = _defaultProps$props.textBackground,
+    textType = _defaultProps$props.textType,
+    status = _defaultProps$props.status,
+    iconName = _defaultProps$props.iconName,
+    iconColor = _defaultProps$props.iconColor,
+    iconSize = _defaultProps$props.iconSize,
+    rounded = _defaultProps$props.rounded,
+    children = _defaultProps$props.children,
+    iconClassPrefix = _defaultProps$props.iconClassPrefix,
+    iconFontClassName = _defaultProps$props.iconFontClassName,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded2);
   var b = cn('progress');
   var classes = classNames(b(''));
   var classesOuter = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(b(''), "-outer"), true), _defineProperty(_classNames, "".concat(b(''), "-").concat(size || 'base'), true), _classNames));
@@ -191,7 +177,6 @@ var Progress = function Progress(props) {
     color: iconColor
   })));
 };
-
 Progress.defaultProps = defaultProps;
 Progress.displayName = 'NutProgress';
 export { Progress as default };

package/dist/esm/PullToRefresh.js

@@ -2,35 +2,26 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-
 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 { useDrag } from '@use-gesture/react';
 import { useSpring, animated } from '@react-spring/web';
 import { useConfig } from './ConfigProvider.js';
 import { c as canUseDom, g as getScrollParent } from './get-scroll-parent-3dcd3f53.js';
-
 function bound(position, min, max) {
   var ret = position;
-
   if (min !== undefined) {
     ret = Math.max(position, min);
   }
-
   if (max !== undefined) {
     ret = Math.min(ret, max);
   }
-
   return ret;
 }
-
 function rubberband(distance, dimension, constant) {
   return distance * dimension * constant / (dimension + constant * distance);
 }
-
 function rubberbandIfOutOfBounds(position, min, max, dimension) {
   var constant = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0.15;
   if (constant === 0) return bound(position, min, max);
@@ -38,15 +29,12 @@ function rubberbandIfOutOfBounds(position, min, max, dimension) {
   if (position > max) return +rubberband(position - max, dimension, constant) + max;
   return position;
 }
-
 var sleep = function sleep(time) {
   return new Promise(function (resolve) {
     return setTimeout(resolve, time);
   });
 };
-
 var passiveSupported = false;
-
 if (canUseDom) {
   try {
     var opts = Object.defineProperty({}, 'passive', {
@@ -59,7 +47,6 @@ if (canUseDom) {
     console.log(e);
   }
 }
-
 var defaultProps = {
   className: '',
   style: {},
@@ -73,54 +60,45 @@ var defaultProps = {
   threshold: 60,
   onRefresh: function onRefresh() {}
 };
-
 var PullToRefresh = function PullToRefresh(p) {
   var _useConfig = useConfig(),
-      locale = _useConfig.locale;
-
+    locale = _useConfig.locale;
   var props = _objectSpread(_objectSpread(_objectSpread({}, defaultProps), p), {
     pullingText: p.pullingText || locale.pullToRefresh.pullingText,
     canReleaseText: p.canReleaseText || locale.pullToRefresh.canReleaseText,
     refreshingText: p.refreshingText || locale.pullToRefresh.refreshingText,
     completeText: p.completeText || locale.pullToRefresh.completeText
   });
-
   var headHeight = props.headHeight;
   var threshold = props.threshold;
-
   var _useState = useState('pulling'),
-      _useState2 = _slicedToArray(_useState, 2),
-      status = _useState2[0],
-      setStatus = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    status = _useState2[0],
+    setStatus = _useState2[1];
   var _useSpring = useSpring(function () {
-    return {
-      from: {
-        height: 0
-      },
-      config: {
-        tension: 300,
-        friction: 30,
-        clamp: true
-      }
-    };
-  }),
-      _useSpring2 = _slicedToArray(_useSpring, 2),
-      springStyles = _useSpring2[0],
-      api = _useSpring2[1];
-
+      return {
+        from: {
+          height: 0
+        },
+        config: {
+          tension: 300,
+          friction: 30,
+          clamp: true
+        }
+      };
+    }),
+    _useSpring2 = _slicedToArray(_useSpring, 2),
+    springStyles = _useSpring2[0],
+    api = _useSpring2[1];
   var elementRef = useRef(null);
   var pullingRef = useRef(false);
   useEffect(function () {
     var _elementRef$current;
-
     (_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 ? void 0 : _elementRef$current.addEventListener('touchmove', function () {});
   }, []);
-
   function doRefresh() {
     return _doRefresh.apply(this, arguments);
   }
-
   function _doRefresh() {
     _doRefresh = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
       return _regeneratorRuntime.wrap(function _callee3$(_context3) {
@@ -134,12 +112,10 @@ var PullToRefresh = function PullToRefresh(p) {
               _context3.prev = 2;
               _context3.next = 5;
               return props.onRefresh();
-
             case 5:
               setStatus('complete');
               _context3.next = 12;
               break;
-
             case 8:
               _context3.prev = 8;
               _context3.t0 = _context3["catch"](2);
@@ -154,10 +130,8 @@ var PullToRefresh = function PullToRefresh(p) {
                             return next({
                               height: 0
                             });
-
                           case 2:
                             setStatus('pulling');
-
                           case 3:
                           case "end":
                             return _context.stop();
@@ -165,25 +139,20 @@ var PullToRefresh = function PullToRefresh(p) {
                       }
                     }, _callee);
                   }));
-
                   function to(_x) {
                     return _to.apply(this, arguments);
                   }
-
                   return to;
                 }()
               });
               throw _context3.t0;
-
             case 12:
               if (!(props.completeDelay > 0)) {
                 _context3.next = 15;
                 break;
               }
-
               _context3.next = 15;
               return sleep(props.completeDelay);
-
             case 15:
               api.start({
                 to: function () {
@@ -196,10 +165,8 @@ var PullToRefresh = function PullToRefresh(p) {
                             return next({
                               height: 0
                             });
-
                           case 2:
                             setStatus('pulling');
-
                           case 3:
                           case "end":
                             return _context2.stop();
@@ -207,15 +174,12 @@ var PullToRefresh = function PullToRefresh(p) {
                       }
                     }, _callee2);
                   }));
-
                   function to(_x2) {
                     return _to2.apply(this, arguments);
                   }
-
                   return to;
                 }()
               });
-
             case 16:
             case "end":
               return _context3.stop();
@@ -225,14 +189,12 @@ var PullToRefresh = function PullToRefresh(p) {
     }));
     return _doRefresh.apply(this, arguments);
   }
-
   useDrag(function (state) {
     if (status === 'refreshing' || status === 'complete') return;
-    var event = state.event; // 最后一个事件，检查是否可以刷新或是否是开始状态（第一个状态也是最后一个状态）
-
+    var event = state.event;
+    // 最后一个事件，检查是否可以刷新或是否是开始状态（第一个状态也是最后一个状态）
     if (state.last) {
       pullingRef.current = false;
-
       if (status === 'canRelease') {
         doRefresh();
       } else {
@@ -240,50 +202,38 @@ var PullToRefresh = function PullToRefresh(p) {
           height: 0
         });
       }
-
       return;
     }
-
     function getScrollTop(element) {
       return 'scrollTop' in element ? element.scrollTop : element.scrollY;
-    } // 手指位置
-
-
+    }
+    // 手指位置
     var _state$movement = _slicedToArray(state.movement, 2),
-        y = _state$movement[1]; // 第一个事件，并且手指位置大于0
-
-
+      y = _state$movement[1];
+    // 第一个事件，并且手指位置大于0
     if (state.first && y > 0) {
       var target = state.event.target;
       if (!target || !(target instanceof Element)) return;
       var scrollParent = getScrollParent(target);
-
       while (true) {
         if (!scrollParent) return;
         var scrollTop = getScrollTop(scrollParent);
-
         if (scrollTop > 0) {
           return;
-        } // 查找到 window 说明到顶了
-
-
+        }
+        // 查找到 window 说明到顶了
         if (scrollParent instanceof Window) {
           break;
-        } // 递归查找
-
-
+        }
+        // 递归查找
         scrollParent = getScrollParent(scrollParent.parentNode);
       }
-
       pullingRef.current = true;
     }
-
     if (!pullingRef.current) return;
-
     if (event.cancelable) {
       event.preventDefault();
     }
-
     event.stopPropagation();
     var height = Math.max(rubberbandIfOutOfBounds(y, 0, 0, headHeight * 5, 0.5), 0);
     api.start({
@@ -301,21 +251,17 @@ var PullToRefresh = function PullToRefresh(p) {
       passive: false
     } : false
   });
-
   var renderStatusText = function renderStatusText() {
     if (props.renderText) {
       var _props$renderText;
-
       return (_props$renderText = props.renderText) === null || _props$renderText === void 0 ? void 0 : _props$renderText.call(props, status);
     }
-
     if (status === 'pulling') return props.pullingText;
     if (status === 'canRelease') return props.canReleaseText;
     if (status === 'refreshing') return props.refreshingText;
     if (status === 'complete') return props.completeText;
     return '';
   };
-
   return React__default.createElement(animated.div, {
     ref: elementRef,
     className: "nut-pulltorefresh ".concat(props.className),
@@ -332,7 +278,6 @@ var PullToRefresh = function PullToRefresh(p) {
     className: "nut-pulltorefresh-content"
   }, props.children));
 };
-
 PullToRefresh.defaultProps = defaultProps;
 PullToRefresh.displayName = 'NutPullToRefresh';
 export { PullToRefresh as default };

package/dist/esm/Radio.js

@@ -2,17 +2,13 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["className", "disabled", "checked", "shape", "textPosition", "value", "iconName", "iconActiveName", "iconSize", "onChange", "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, useContext, useEffect } from 'react';
 import Icon from './Icon.js';
 import { R as RadioContext } from './context-aa058329.js';
 import RadioGroup from './RadioGroup.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
-
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   className: '',
   style: {},
@@ -26,77 +22,64 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   iconSize: 18,
   onChange: function onChange(e) {}
 });
-
 var Radio = function Radio(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      children = _defaultProps$props.children;
-
+    children = _defaultProps$props.children;
   var className = props.className,
-      disabled = props.disabled,
-      checked = props.checked,
-      shape = props.shape,
-      textPosition = props.textPosition,
-      value = props.value,
-      iconName = props.iconName,
-      iconActiveName = props.iconActiveName,
-      iconSize = props.iconSize,
-      onChange = props.onChange,
-      iconClassPrefix = props.iconClassPrefix,
-      iconFontClassName = props.iconFontClassName,
-      rest = _objectWithoutProperties(props, _excluded);
-
+    disabled = props.disabled,
+    checked = props.checked,
+    shape = props.shape,
+    textPosition = props.textPosition,
+    value = props.value,
+    iconName = props.iconName,
+    iconActiveName = props.iconActiveName,
+    iconSize = props.iconSize,
+    onChange = props.onChange,
+    iconClassPrefix = props.iconClassPrefix,
+    iconFontClassName = props.iconFontClassName,
+    rest = _objectWithoutProperties(props, _excluded);
   var componentName = 'nut-radio';
-
   var _useState = useState(checked),
-      _useState2 = _slicedToArray(_useState, 2),
-      checkedStatement = _useState2[0],
-      setCheckedStatement = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    checkedStatement = _useState2[0],
+    setCheckedStatement = _useState2[1];
   var _useState3 = useState(value),
-      _useState4 = _slicedToArray(_useState3, 2),
-      valueStatement = _useState4[0],
-      setValueStatement = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    valueStatement = _useState4[0],
+    setValueStatement = _useState4[1];
   var _useState5 = useState(disabled),
-      _useState6 = _slicedToArray(_useState5, 2),
-      disabledStatement = _useState6[0],
-      setDisabledStatement = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    disabledStatement = _useState6[0],
+    setDisabledStatement = _useState6[1];
   var context = useContext(RadioContext);
   useEffect(function () {
     setDisabledStatement(disabled);
     setValueStatement(value);
     setCheckedStatement(checked);
   }, [disabled, value, checked]);
-
   var renderLabel = function renderLabel() {
     return React__default.createElement("div", {
       className: "".concat(componentName, "__label ").concat(disabledStatement ? "".concat(componentName, "__label--disabled") : '')
     }, children);
   };
-
   var renderButton = function renderButton() {
     return React__default.createElement("div", {
       className: "".concat(componentName, "__button ").concat(checkedStatement && "".concat(componentName, "__button--active"), " ").concat(disabledStatement ? "".concat(componentName, "__button--disabled") : '')
     }, children);
   };
-
   var color = function color() {
     if (disabledStatement) {
       return 'nut-radio__icon--disable';
     }
-
     if (checkedStatement) {
       return 'nut-radio__icon';
     }
-
     return 'nut-radio__icon--unchecked';
   };
-
   var renderIcon = function renderIcon() {
     var iconName = props.iconName,
-        iconSize = props.iconSize,
-        iconActiveName = props.iconActiveName;
+      iconSize = props.iconSize,
+      iconActiveName = props.iconActiveName;
     return React__default.createElement(Icon, {
       classPrefix: iconClassPrefix,
       fontClassName: iconFontClassName,
@@ -105,33 +88,27 @@ var Radio = function Radio(props) {
       className: color()
     });
   };
-
   var renderRadioItem = function renderRadioItem() {
     if (shape === 'button') {
       return renderButton();
     }
-
     if (reverseState) {
       return [renderLabel(), renderIcon()];
     }
-
     return [renderIcon(), renderLabel()];
   };
-
   var handleClick = function handleClick(e) {
     if (disabledStatement || checkedStatement) return;
     setCheckedStatement(!checkedStatement);
     onChange && onChange(e);
     context && context.onChange(valueStatement);
   };
-
   var reverseState = textPosition === 'left';
   return React__default.createElement("div", _objectSpread({
     className: "nut-radio ".concat(className),
     onClick: handleClick
   }, rest), renderRadioItem());
 };
-
 Radio.defaultProps = defaultProps;
 Radio.displayName = 'NutRadio';
 Radio.RadioGroup = RadioGroup;