@nutui/nutui-react-taro 1.3.5 → 1.3.7

package/dist/esm/{range.taro-515d37a4.js → range.taro-fc7c0b6a.js}

@@ -2,14 +2,11 @@ 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, useCallback } from 'react';
 import { u as useTouch } from './useTouch-a2ea68c6.js';
-import { g as getRectByTaro } from './useClientRect-8b7cc406.js';
+import { g as getRectByTaro } from './useClientRect-bf69d7b3.js';
 import { T as Toast } from './toast.taro-86862dff.js';
 import { u as useConfig } from './configprovider.taro-6c7b3056.js';
 var defaultProps = {
@@ -25,84 +22,70 @@ var defaultProps = {
 };
 var startValue;
 var currentValue;
-
 var Range = function Range(props) {
   var _useConfig = useConfig(),
-      locale = _useConfig.locale;
-
+    locale = _useConfig.locale;
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      className = _defaultProps$props.className,
-      range = _defaultProps$props.range,
-      disabled = _defaultProps$props.disabled,
-      activeColor = _defaultProps$props.activeColor,
-      inactiveColor = _defaultProps$props.inactiveColor,
-      buttonColor = _defaultProps$props.buttonColor,
-      hiddenRange = _defaultProps$props.hiddenRange,
-      hiddenTag = _defaultProps$props.hiddenTag,
-      modelValue = _defaultProps$props.modelValue,
-      button = _defaultProps$props.button,
-      vertical = _defaultProps$props.vertical,
-      marks = _defaultProps$props.marks,
-      change = _defaultProps$props.change,
-      dragStart = _defaultProps$props.dragStart,
-      dragEnd = _defaultProps$props.dragEnd;
-
+    className = _defaultProps$props.className,
+    range = _defaultProps$props.range,
+    disabled = _defaultProps$props.disabled,
+    activeColor = _defaultProps$props.activeColor,
+    inactiveColor = _defaultProps$props.inactiveColor,
+    buttonColor = _defaultProps$props.buttonColor,
+    hiddenRange = _defaultProps$props.hiddenRange,
+    hiddenTag = _defaultProps$props.hiddenTag,
+    modelValue = _defaultProps$props.modelValue,
+    button = _defaultProps$props.button,
+    vertical = _defaultProps$props.vertical,
+    marks = _defaultProps$props.marks,
+    change = _defaultProps$props.change,
+    dragStart = _defaultProps$props.dragStart,
+    dragEnd = _defaultProps$props.dragEnd;
   var _defaultProps$props2 = _objectSpread(_objectSpread({}, defaultProps), props),
-      min = _defaultProps$props2.min,
-      max = _defaultProps$props2.max,
-      step = _defaultProps$props2.step;
-
+    min = _defaultProps$props2.min,
+    max = _defaultProps$props2.max,
+    step = _defaultProps$props2.step;
   min = Number(min);
   max = Number(max);
   step = Number(step);
-
   var _useState = useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      buttonIndex = _useState2[0],
-      SetButtonIndex = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    buttonIndex = _useState2[0],
+    SetButtonIndex = _useState2[1];
   var _useState3 = useState(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      initValue = _useState4[0],
-      SetInitValue = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    initValue = _useState4[0],
+    SetInitValue = _useState4[1];
   var _useState5 = useState('start'),
-      _useState6 = _slicedToArray(_useState5, 2),
-      dragStatus = _useState6[0],
-      SetDragStatus = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    dragStatus = _useState6[0],
+    SetDragStatus = _useState6[1];
   var touch = useTouch();
   var root = useRef(null);
-
   var _useState7 = useState([]),
-      _useState8 = _slicedToArray(_useState7, 2),
-      marksList = _useState8[0],
-      SetMarksList = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    marksList = _useState8[0],
+    SetMarksList = _useState8[1];
   var _useState9 = useState(false),
-      _useState10 = _slicedToArray(_useState9, 2),
-      show = _useState10[0],
-      SetShow = _useState10[1];
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    show = _useState10[0],
+    SetShow = _useState10[1];
   var _useState11 = useState(''),
-      _useState12 = _slicedToArray(_useState11, 2),
-      toastMsg = _useState12[0],
-      SetToastMsg = _useState12[1];
-
+    _useState12 = _slicedToArray(_useState11, 2),
+    toastMsg = _useState12[0],
+    SetToastMsg = _useState12[1];
   var toastShow = function toastShow(msg) {
     SetToastMsg(msg);
     SetShow(true);
   };
-
   useEffect(function () {
     if (modelValue) {
       if (!range && (modelValue < min || modelValue > max)) {
-        SetInitValue(0); // Toast.text(`${modelValue} ${locale.range.rangeText}`)
-
+        SetInitValue(0);
+        // Toast.text(`${modelValue} ${locale.range.rangeText}`)
         toastShow("".concat(modelValue, " ").concat(locale.range.rangeText));
         return;
       }
-
       SetInitValue(modelValue);
     }
   }, [modelValue]);
@@ -117,11 +100,9 @@ var Range = function Range(props) {
       SetMarksList(list);
     }
   }, [marks]);
-
   var scope = function scope() {
     return Number(max) - Number(min);
   };
-
   var classes = useCallback(function () {
     var prefixCls = 'nut-range';
     return [prefixCls, "".concat(disabled ? "".concat(prefixCls, "-disabled") : ''), "".concat(vertical ? "".concat(prefixCls, "-vertical") : ''), "".concat(!hiddenRange ? "".concat(prefixCls, "-show-number") : '')].filter(Boolean).join(' ');
@@ -134,73 +115,57 @@ var Range = function Range(props) {
     var classPrefix = 'nut-range-mark';
     var lowerBound = Number(min);
     var upperBound = Number(max);
-
     if (range) {
       var _modelValue = _slicedToArray(modelValue, 2),
-          left = _modelValue[0],
-          right = _modelValue[1];
-
+        left = _modelValue[0],
+        right = _modelValue[1];
       lowerBound = left;
       upperBound = right;
     } else {
       upperBound = modelValue;
     }
-
     var isActive = mark <= upperBound && mark >= lowerBound;
     return ["".concat(classPrefix, "-text"), "".concat(isActive ? "".concat(classPrefix, "-text-active") : '')].filter(Boolean).join(' ');
   }, [range, modelValue, min, max]);
-
   var _useState13 = useState(classes()),
-      _useState14 = _slicedToArray(_useState13, 2),
-      rangeName = _useState14[0],
-      setRangeName = _useState14[1];
-
+    _useState14 = _slicedToArray(_useState13, 2),
+    rangeName = _useState14[0],
+    setRangeName = _useState14[1];
   var _useState15 = useState(containerClasses()),
-      _useState16 = _slicedToArray(_useState15, 2),
-      containerName = _useState16[0],
-      setContainerName = _useState16[1];
-
+    _useState16 = _slicedToArray(_useState15, 2),
+    containerName = _useState16[0],
+    setContainerName = _useState16[1];
   useEffect(function () {
     setRangeName(classes());
     setContainerName(containerClasses());
   }, [classes, containerClasses]);
-
   var wrapperStyle = function wrapperStyle() {
     return {
       background: inactiveColor
     };
   };
-
   var buttonStyle = function buttonStyle() {
     return {
       borderColor: buttonColor
     };
   };
-
   var isRange = function isRange(val) {
     return !!range && Array.isArray(val);
   };
-
   var calcMainAxis = function calcMainAxis() {
     var modelVal = initValue || initValue === 0 ? initValue : modelValue;
-
     if (isRange(modelVal)) {
       return "".concat((modelVal[1] - modelVal[0]) * 100 / scope(), "%");
     }
-
     return "".concat((modelVal - Number(min)) * 100 / scope(), "%");
   };
-
   var calcOffset = function calcOffset() {
     var modelVal = initValue || initValue === 0 ? initValue : modelValue;
-
     if (isRange(modelVal)) {
       return "".concat((modelVal[0] - Number(min)) * 100 / scope(), "%");
     }
-
     return "0%";
   };
-
   var barStyle = function barStyle() {
     if (vertical) {
       return {
@@ -210,7 +175,6 @@ var Range = function Range(props) {
         transition: dragStatus ? 'none' : undefined
       };
     }
-
     return {
       width: calcMainAxis(),
       left: calcOffset(),
@@ -218,80 +182,63 @@ var Range = function Range(props) {
       transition: dragStatus ? 'none' : undefined
     };
   };
-
   var marksStyle = function marksStyle(mark) {
     var style = {
       left: "".concat((mark - Number(min)) / scope() * 100, "%")
     };
-
     if (vertical) {
       style = {
         top: "".concat((mark - Number(min)) / scope() * 100, "%")
       };
     }
-
     return style;
   };
-
   var tickStyle = function tickStyle(mark) {
     var lowerBound = Number(min);
     var upperBound = Number(max);
-
     if (range) {
       var _modelValue2 = _slicedToArray(modelValue, 2),
-          left = _modelValue2[0],
-          right = _modelValue2[1];
-
+        left = _modelValue2[0],
+        right = _modelValue2[1];
       lowerBound = left;
       upperBound = right;
     }
-
     var isActive = mark <= upperBound && mark >= lowerBound;
     var style = {
       background: !isActive ? inactiveColor : activeColor
     };
     return style;
   };
-
   var format = function format(value) {
     value = Math.max(+min, Math.min(value, +max));
     return Math.round(value / +step) * +step;
   };
-
   var isSameValue = function isSameValue(newValue, oldValue) {
     return JSON.stringify(newValue) === JSON.stringify(oldValue);
   };
-
   var handleOverlap = function handleOverlap(value) {
     if (value[0] > value[1]) {
       return value.slice(0).reverse();
     }
-
     return value;
   };
-
   var updateValue = function updateValue(value, end) {
     if (isRange(value)) {
       value = handleOverlap(value).map(format);
     } else {
       value = format(value);
     }
-
     var modelVal = initValue || initValue === 0 ? initValue : modelValue;
-
     if (!isSameValue(value, modelVal)) {
       SetInitValue(value);
     }
-
     if ((marks || end) && !isSameValue(value, startValue)) {
       change && change(value);
     }
   };
-
   var click = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(event) {
       var rect, delta, total, value, _currentValue, _currentValue2, left, right, middle;
-
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
@@ -300,31 +247,24 @@ var Range = function Range(props) {
                 _context.next = 2;
                 break;
               }
-
               return _context.abrupt("return");
-
             case 2:
               SetDragStatus('');
               _context.next = 5;
               return getRectByTaro(root.current);
-
             case 5:
               rect = _context.sent;
               delta = event.detail.x - rect.left;
               total = rect.width;
-
               if (vertical) {
                 delta = event.detail.y - rect.top;
                 total = rect.height;
               }
-
               value = Number(min) + delta / total * scope();
               currentValue = initValue || initValue === 0 ? initValue : modelValue;
-
               if (isRange(currentValue)) {
                 _currentValue = currentValue, _currentValue2 = _slicedToArray(_currentValue, 2), left = _currentValue2[0], right = _currentValue2[1];
                 middle = (left + right) / 2;
-
                 if (value <= middle) {
                   updateValue([value, right], true);
                 } else {
@@ -333,7 +273,6 @@ var Range = function Range(props) {
               } else {
                 updateValue(value, true);
               }
-
             case 12:
             case "end":
               return _context.stop();
@@ -341,29 +280,23 @@ var Range = function Range(props) {
         }
       }, _callee);
     }));
-
     return function click(_x) {
       return _ref.apply(this, arguments);
     };
   }();
-
   var _onTouchStart = function onTouchStart(event) {
     if (disabled) {
       return;
     }
-
     touch.start(event);
     currentValue = initValue || initValue === 0 ? initValue : modelValue;
-
     if (isRange(currentValue)) {
       startValue = currentValue.map(format);
     } else {
       startValue = format(currentValue);
     }
-
     SetDragStatus('start');
   };
-
   var _onTouchMove = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(event) {
       var rect, delta, total, diff;
@@ -375,39 +308,31 @@ var Range = function Range(props) {
                 _context2.next = 2;
                 break;
               }
-
               return _context2.abrupt("return");
-
             case 2:
               if (dragStatus === 'start') {
                 dragStart && dragStart();
               }
-
               touch.move(event);
               SetDragStatus('draging');
               _context2.next = 7;
               return getRectByTaro(root.current);
-
             case 7:
               rect = _context2.sent;
               delta = touch.deltaX;
               total = rect.width;
               diff = delta / total * scope();
-
               if (vertical) {
                 delta = touch.deltaY;
                 total = rect.height;
                 diff = delta / total * scope();
               }
-
               if (isRange(startValue)) {
                 currentValue[buttonIndex] = startValue[buttonIndex] + diff;
               } else {
                 currentValue = startValue + diff;
               }
-
               updateValue(currentValue);
-
             case 14:
             case "end":
               return _context2.stop();
@@ -415,31 +340,25 @@ var Range = function Range(props) {
         }
       }, _callee2);
     }));
-
     return function onTouchMove(_x2) {
       return _ref2.apply(this, arguments);
     };
   }();
-
   var _onTouchEnd = function onTouchEnd(event) {
     if (disabled) {
       return;
     }
-
     if (dragStatus === 'draging') {
       updateValue(currentValue, true);
       dragEnd && dragEnd();
     }
-
     SetDragStatus('');
   };
-
   var curValue = function curValue(idx) {
     var modelVal = initValue || initValue === 0 ? initValue : modelValue;
     var value = typeof idx === 'number' ? modelVal[idx] : modelVal;
     return value;
   };
-
   return React__default.createElement("div", {
     className: "".concat(containerName)
   }, !hiddenRange ? React__default.createElement("div", {
@@ -480,7 +399,6 @@ var Range = function Range(props) {
           // 实时更新当前拖动的按钮索引
           SetButtonIndex(index);
         }
-
         _onTouchStart(e);
       },
       onTouchMove: function onTouchMove(e) {
@@ -540,7 +458,6 @@ var Range = function Range(props) {
     }
   }));
 };
-
 Range.defaultProps = defaultProps;
 Range.displayName = 'NutRange';
 export { Range as R };

package/dist/esm/rate.taro-69c85081.js

@@ -1,15 +1,11 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React__default, { useState, useEffect } from 'react';
 import { c as cn } from './bem-893ad28d.js';
 import { I as Icon } from './icon-8dc4de10.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
-
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   count: 5,
   modelValue: 0,
@@ -24,70 +20,58 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   allowHalf: false,
   spacing: 14
 });
-
 var Rate = function Rate(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      count = _defaultProps$props.count,
-      modelValue = _defaultProps$props.modelValue,
-      minimizeValue = _defaultProps$props.minimizeValue,
-      iconSize = _defaultProps$props.iconSize,
-      activeColor = _defaultProps$props.activeColor,
-      voidColor = _defaultProps$props.voidColor,
-      checkedIcon = _defaultProps$props.checkedIcon,
-      uncheckedIcon = _defaultProps$props.uncheckedIcon,
-      disabled = _defaultProps$props.disabled,
-      readonly = _defaultProps$props.readonly,
-      allowHalf = _defaultProps$props.allowHalf,
-      spacing = _defaultProps$props.spacing,
-      onChange = _defaultProps$props.onChange,
-      iconClassPrefix = _defaultProps$props.iconClassPrefix,
-      iconFontClassName = _defaultProps$props.iconFontClassName;
-
+    count = _defaultProps$props.count,
+    modelValue = _defaultProps$props.modelValue,
+    minimizeValue = _defaultProps$props.minimizeValue,
+    iconSize = _defaultProps$props.iconSize,
+    activeColor = _defaultProps$props.activeColor,
+    voidColor = _defaultProps$props.voidColor,
+    checkedIcon = _defaultProps$props.checkedIcon,
+    uncheckedIcon = _defaultProps$props.uncheckedIcon,
+    disabled = _defaultProps$props.disabled,
+    readonly = _defaultProps$props.readonly,
+    allowHalf = _defaultProps$props.allowHalf,
+    spacing = _defaultProps$props.spacing,
+    onChange = _defaultProps$props.onChange,
+    iconClassPrefix = _defaultProps$props.iconClassPrefix,
+    iconFontClassName = _defaultProps$props.iconFontClassName;
   var b = cn('rate');
   var bi = cn('rate-item');
-
   var _useState = useState([1, 2, 3, 4, 5]),
-      _useState2 = _slicedToArray(_useState, 2),
-      countArray = _useState2[0],
-      setCountArray = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    countArray = _useState2[0],
+    setCountArray = _useState2[1];
   var _useState3 = useState(0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      score = _useState4[0],
-      setScore = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    score = _useState4[0],
+    setScore = _useState4[1];
   useEffect(function () {
     var tmp = [];
-
     for (var i = 1; i <= Number(count); i++) {
       tmp.push(i);
     }
-
     setCountArray(tmp);
   }, [count]);
   useEffect(function () {
     setScore(Math.max(Number(modelValue), Number(minimizeValue)));
   }, [modelValue]);
-
   var pxCheck = function pxCheck(value) {
     return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
   };
-
   var _onClick = function onClick(e, index) {
     e.preventDefault();
     e.stopPropagation();
     if (disabled || readonly) return;
     var value = 0;
-
     if (!(index === 1 && score === index)) {
       value = index;
     }
-
     value = Math.max(value, Number(minimizeValue));
     setScore(value);
     onChange && onChange(value);
   };
-
   var onHalfClick = function onHalfClick(event, n) {
     event.preventDefault();
     event.stopPropagation();
@@ -95,7 +79,6 @@ var Rate = function Rate(props) {
     setScore(value);
     onChange && onChange(value);
   };
-
   return React__default.createElement("div", {
     className: b()
   }, countArray.map(function (n) {
@@ -128,7 +111,6 @@ var Rate = function Rate(props) {
     }));
   }));
 };
-
 Rate.defaultProps = defaultProps;
 Rate.displayName = 'NutRate';
 export { Rate as R };

package/dist/esm/row.taro-cec13a7e.js

@@ -1,9 +1,6 @@
 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';
 import { D as DataContext } from './UserContext-be8097d2.js';
 var defaultProps = {
@@ -13,29 +10,24 @@ var defaultProps = {
   wrap: 'nowrap',
   gutter: '0'
 };
-
 var Row = function Row(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      children = _defaultProps$props.children,
-      type = _defaultProps$props.type,
-      justify = _defaultProps$props.justify,
-      align = _defaultProps$props.align,
-      wrap = _defaultProps$props.wrap,
-      gutter = _defaultProps$props.gutter,
-      _onClick = _defaultProps$props.onClick;
-
+    children = _defaultProps$props.children,
+    type = _defaultProps$props.type,
+    justify = _defaultProps$props.justify,
+    align = _defaultProps$props.align,
+    wrap = _defaultProps$props.wrap,
+    gutter = _defaultProps$props.gutter,
+    _onClick = _defaultProps$props.onClick;
   var prefixCls = 'nut-row';
-
   var getClass = function getClass(prefix, type) {
     var classType = type ? "nut-row-".concat(prefix, "-").concat(type) : '';
     var className = prefix ? classType : "nut-row-".concat(type);
     return className;
   };
-
   var getClasses = function getClasses() {
     return "\n    ".concat(getClass('', type), "\n    ").concat(getClass('justify', justify), "\n    ").concat(getClass('align', align), "\n    ").concat(getClass('flex', wrap), "\n    ").concat(prefixCls, "\n   ");
   };
-
   var parentRow = {
     gutter: gutter
   };
@@ -48,7 +40,6 @@ var Row = function Row(props) {
     }
   }, children));
 };
-
 Row.defaultProps = defaultProps;
 Row.displayName = 'NutRow';
 export { Row as R };