@nutui/nutui-react-taro 1.3.5 → 1.3.7

package/dist/esm/pulltorefresh.taro-e66c78ad.js

@@ -2,11 +2,8 @@ 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';
@@ -14,52 +11,39 @@ import { u as useConfig } from './configprovider.taro-6c7b3056.js';
 var canUseDom = !!(typeof window !== 'undefined' && typeof document !== 'undefined' && window.document && window.document.createElement);
 var defaultRoot = canUseDom ? window : undefined;
 var overflowStylePatterns = ['scroll', 'auto', 'overlay'];
-
 function isElement(node) {
   var ELEMENT_NODE_TYPE = 1;
   return node.nodeType === ELEMENT_NODE_TYPE;
 }
-
 function getScrollParent(el) {
   var root = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultRoot;
   var node = el;
-
   while (node && node !== root && isElement(node)) {
     if (node === document.body) {
       return root;
     }
-
     var _window$getComputedSt = window.getComputedStyle(node),
-        overflowY = _window$getComputedSt.overflowY;
-
+      overflowY = _window$getComputedSt.overflowY;
     if (overflowStylePatterns.includes(overflowY) && node.scrollHeight > node.clientHeight) {
       return node;
     }
-
     node = node.parentNode;
   }
-
   return root;
 }
-
 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);
@@ -67,15 +51,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', {
@@ -88,7 +69,6 @@ if (canUseDom) {
     console.log(e);
   }
 }
-
 var defaultProps = {
   pullingText: '',
   canReleaseText: '',
@@ -100,54 +80,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) {
@@ -161,12 +132,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);
@@ -181,10 +150,8 @@ var PullToRefresh = function PullToRefresh(p) {
                             return next({
                               height: 0
                             });
-
                           case 2:
                             setStatus('pulling');
-
                           case 3:
                           case "end":
                             return _context.stop();
@@ -192,25 +159,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 () {
@@ -223,10 +185,8 @@ var PullToRefresh = function PullToRefresh(p) {
                             return next({
                               height: 0
                             });
-
                           case 2:
                             setStatus('pulling');
-
                           case 3:
                           case "end":
                             return _context2.stop();
@@ -234,15 +194,12 @@ var PullToRefresh = function PullToRefresh(p) {
                       }
                     }, _callee2);
                   }));
-
                   function to(_x2) {
                     return _to2.apply(this, arguments);
                   }
-
                   return to;
                 }()
               });
-
             case 16:
             case "end":
               return _context3.stop();
@@ -252,14 +209,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 {
@@ -267,50 +222,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({
@@ -328,23 +271,18 @@ var PullToRefresh = function PullToRefresh(p) {
       passive: false
     } : false
   });
-
   var renderStatusText = function renderStatusText() {
     console.log(props);
-
     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"
@@ -360,7 +298,6 @@ var PullToRefresh = function PullToRefresh(p) {
     className: "nut-pulltorefresh-content"
   }, props.children));
 };
-
 PullToRefresh.defaultProps = defaultProps;
 PullToRefresh.displayName = 'NutPullToRefresh';
 export { PullToRefresh as P };

package/dist/esm/radio.taro-95d43860.js

@@ -2,16 +2,12 @@ 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 { I as Icon } from './icon.taro-1d0d4fb7.js';
 import { a as RadioContext, R as RadioGroup } from './radiogroup.taro-b5dad516.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
-
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   disabled: false,
   checked: false,
@@ -23,77 +19,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,
@@ -102,33 +85,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;

package/dist/esm/radiogroup.taro-b5dad516.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 = ["className", "value", "onChange", "textPosition", "direction"];
-
 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';
 var radioContext = {
@@ -21,21 +18,19 @@ var defaultProps = {
 };
 var RadioGroup = React__default.forwardRef(function (props, ref) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      children = _defaultProps$props.children;
-
+    children = _defaultProps$props.children;
   cn('RadioGroup');
-
   var className = props.className,
-      value = props.value,
-      _onChange = props.onChange,
-      textPosition = props.textPosition,
-      direction = props.direction,
-      rest = _objectWithoutProperties(props, _excluded);
-
+    value = props.value,
+    _onChange = props.onChange,
+    textPosition = props.textPosition,
+    direction = props.direction,
+    rest = _objectWithoutProperties(props, _excluded);
   var _useState = useState(value),
-      _useState2 = _slicedToArray(_useState, 2),
-      val2State = _useState2[0],
-      setVal2State = _useState2[1]; // useImperativeHandle(ref, () => ({
+    _useState2 = _slicedToArray(_useState, 2),
+    val2State = _useState2[0],
+    setVal2State = _useState2[1];
+  // useImperativeHandle(ref, () => ({
   //   toggleAll(state: boolean) {
   //     console.log(state)
   //     if (state === false) {
@@ -50,11 +45,10 @@ var RadioGroup = React__default.forwardRef(function (props, ref) {
   //     }
   //   },
   // }))
-
-
   useEffect(function () {
     setVal2State(value);
-  }, [value]); // function handleChildChange(state: boolean, label: string) {
+  }, [value]);
+  // function handleChildChange(state: boolean, label: string) {
   //   if (innerValue) {
   //     let clippedValue = []
   //     if (state) {
@@ -67,24 +61,20 @@ var RadioGroup = React__default.forwardRef(function (props, ref) {
   //     onChange && onChange(clippedValue)
   //   }
   // }
-
   function validateChildChecked(child) {
     if (val2State === null) return false;
     return val2State === child.props.value;
   }
-
   function cloneChildren() {
     return React__default.Children.map(children, function (child, index) {
       var childChecked = validateChildChecked(child);
-
       if (child.type.displayName !== 'NutRadio') {
         return React__default.cloneElement(child);
       }
-
       return React__default.cloneElement(child, {
         textPosition: textPosition,
-        checked: childChecked // onChange: handleChildChange,
-
+        checked: childChecked
+        // onChange: handleChildChange,
       });
     });
   }