@nutui/nutui-react-taro 1.3.0 → 1.3.1-beta.2

package/dist/esm/{popover.taro-4c102df6.js → popover.taro-9b3da0fa.js}

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
@@ -22,6 +22,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import React__default, { useRef, useState, useEffect } from 'react';
 import { I as Icon } from './icon-8dc4de10.js';
 import { O as Overlay } from './overlay-ed3eb37d.js';
+import { g as getRectByTaro } from './useClientRect-8b7cc406.js';
 /**
  * 过滤ref
  */
@@ -103,41 +104,6 @@ var Trigger = /*#__PURE__*/function (_React__default$Compo) {
   return Trigger;
 }(React__default.Component);
 
-var getEleAttr = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(ele) {
-    var res;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            if (!(ele && ele.getBoundingClientRect)) {
-              _context.next = 5;
-              break;
-            }
-
-            _context.next = 3;
-            return ele.getBoundingClientRect();
-
-          case 3:
-            res = _context.sent;
-            return _context.abrupt("return", res);
-
-          case 5:
-            return _context.abrupt("return", null);
-
-          case 6:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-
-  return function getEleAttr(_x) {
-    return _ref.apply(this, arguments);
-  };
-}();
-
 var defaultProps = {
   list: [],
   theme: 'light',
@@ -164,51 +130,31 @@ var Popover = function Popover(props) {
       reset = _objectWithoutProperties(_defaultProps$props, _excluded);
 
   var goodItem = useRef(null);
-  setTimeout( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+  setTimeout( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var res;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) {
-        switch (_context2.prev = _context2.next) {
+        switch (_context.prev = _context.next) {
           case 0:
-            _context2.t0 = goodItem.current;
-
-            if (!_context2.t0) {
-              _context2.next = 5;
-              break;
-            }
-
-            _context2.next = 4;
-            return getEleAttr(goodItem.current);
-
-          case 4:
-            _context2.t0 = _context2.sent;
-
-          case 5:
-            if (!_context2.t0) {
-              _context2.next = 16;
+            if (!goodItem.current) {
+              _context.next = 6;
               break;
             }
 
-            _context2.t1 = setElWidth;
-            _context2.next = 9;
-            return getEleAttr(goodItem.current);
-
-          case 9:
-            _context2.t2 = _context2.sent.width;
-            (0, _context2.t1)(_context2.t2);
-            _context2.t3 = setElHeight;
-            _context2.next = 14;
-            return getEleAttr(goodItem.current);
+            _context.next = 3;
+            return getRectByTaro(goodItem.current);
 
-          case 14:
-            _context2.t4 = _context2.sent.height;
-            (0, _context2.t3)(_context2.t4);
+          case 3:
+            res = _context.sent;
+            setElWidth(res === null || res === void 0 ? void 0 : res.width);
+            setElHeight(res === null || res === void 0 ? void 0 : res.height);
 
-          case 16:
+          case 6:
           case "end":
-            return _context2.stop();
+            return _context.stop();
         }
       }
-    }, _callee2);
+    }, _callee);
   })));
 
   var _useState = useState(''),

package/dist/esm/{range.taro-034fcf7a.js → range.taro-fe08c5f4.js}

@@ -1,5 +1,7 @@
+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; }
 
@@ -7,52 +9,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import React__default, { useState, useRef, useEffect, useCallback } from 'react';
 import { u as useTouch } from './useTouch-a2ea68c6.js';
-import { N as Notification } from './Notification-dccc7625.js';
-import { u as useConfig } from './configprovider-18657611.js';
-/**
-  获取元素的大小及其相对于视口的位置，等价于 Element.getBoundingClientRect。
-  width 宽度	number
-  height 高度	number
-  top	顶部与视图窗口左上角的距离	number
-  left	左侧与视图窗口左上角的距离	number
-  right	右侧与视图窗口左上角的距离	number
-  bottom	底部与视图窗口左上角的距离	number
- */
-
-function isWindow(val) {
-  return val === window;
-}
-
-var getRect = function getRect(elementRef) {
-  var element = elementRef;
-
-  if (isWindow(element)) {
-    var width = element.innerWidth;
-    var height = element.innerHeight;
-    return {
-      top: 0,
-      left: 0,
-      right: width,
-      bottom: height,
-      width: width,
-      height: height
-    };
-  }
-
-  if (element && element.getBoundingClientRect) {
-    return element.getBoundingClientRect();
-  }
-
-  return {
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    width: 0,
-    height: 0
-  };
-};
-
+import { g as getRectByTaro } from './useClientRect-8b7cc406.js';
+import { N as Notification } from './Notification-422905bd.js';
+import { u as useConfig } from './configprovider-9c393a29.js';
 var messageInstance = null;
 var options = {
   msg: '',
@@ -430,41 +389,64 @@ var Range = function Range(props) {
     }
   };
 
-  var click = function click(event) {
-    if (disabled || !root.current) {
-      return;
-    }
-
-    SetDragStatus('');
-    var rect = getRect(root.current);
-    var delta = event.clientX - rect.left;
-    var total = rect.width;
-
-    if (vertical) {
-      delta = event.clientY - rect.top;
-      total = rect.height;
-    }
-
-    var value = Number(min) + delta / total * scope();
-    currentValue = initValue || initValue === 0 ? initValue : modelValue;
-
-    if (isRange(currentValue)) {
-      var _currentValue = currentValue,
-          _currentValue2 = _slicedToArray(_currentValue, 2),
-          left = _currentValue2[0],
-          right = _currentValue2[1];
-
-      var middle = (left + right) / 2;
+  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) {
+            case 0:
+              if (!(disabled || !root.current)) {
+                _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 {
+                  updateValue([left, value], true);
+                }
+              } else {
+                updateValue(value, true);
+              }
+
+            case 12:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
 
-      if (value <= middle) {
-        updateValue([value, right], true);
-      } else {
-        updateValue([left, value], true);
-      }
-    } else {
-      updateValue(value, true);
-    }
-  };
+    return function click(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
 
   var _onTouchStart = function onTouchStart(event) {
     if (disabled) {
@@ -483,36 +465,62 @@ var Range = function Range(props) {
     SetDragStatus('start');
   };
 
-  var _onTouchMove = function onTouchMove(event) {
-    if (disabled || !root.current) {
-      return;
-    }
-
-    if (dragStatus === 'start') {
-      dragStart && dragStart();
-    }
-
-    touch.move(event);
-    SetDragStatus('draging');
-    var rect = getRect(root.current);
-    var delta = touch.deltaX;
-    var total = rect.width;
-    var 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;
-    }
+  var _onTouchMove = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(event) {
+      var rect, delta, total, diff;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              if (!(disabled || !root.current)) {
+                _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();
+          }
+        }
+      }, _callee2);
+    }));
 
-    updateValue(currentValue);
-  };
+    return function onTouchMove(_x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
 
   var _onTouchEnd = function onTouchEnd(event) {
     if (disabled) {
@@ -562,7 +570,7 @@ var Range = function Range(props) {
     return React__default.createElement("div", {
       role: "slider",
       key: index,
-      className: "".concat(index === 0 ? 'nut-range-button-wrapper-left' : '', "\n              ").concat(index === 1 ? 'nut-range-button-wrapper-right' : ''),
+      className: "".concat(index === 0 ? 'nut-range-button-wrapper-left' : '', "\n                  ").concat(index === 1 ? 'nut-range-button-wrapper-right' : ''),
       tabIndex: disabled ? -1 : 0,
       "aria-valuemin": +min,
       "aria-valuenow": curValue(index),

package/dist/esm/render-4a3856cb.js

@@ -0,0 +1,32 @@
+import * as ReactDOM from 'react-dom';
+var createRoot;
+
+try {
+  var mainVersion = Number((ReactDOM.version || '').split('.')[0]);
+
+  if (mainVersion >= 18 && ReactDOM.createRoot) {
+    createRoot = ReactDOM.createRoot;
+  }
+} catch (e) {
+  console.log(e);
+}
+
+function legacyRender(node, container) {
+  ReactDOM.render(node, container);
+}
+
+function concurrentRender(node, container) {
+  var root = ReactDOM.createRoot(container);
+  root.render(node);
+}
+
+function render(node, container) {
+  if (createRoot) {
+    concurrentRender(node, container);
+    return;
+  }
+
+  legacyRender(node, container);
+}
+
+export { render as r };

package/dist/esm/{searchbar.taro-4c6091cb.js → searchbar.taro-450d2f88.js}

@@ -7,7 +7,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import React__default, { useRef, useState, useEffect } from 'react';
 import { c as cn } from './bem-893ad28d.js';
-import { u as useConfig } from './configprovider-18657611.js';
+import { u as useConfig } from './configprovider-9c393a29.js';
 import { I as Icon } from './icon-8dc4de10.js';
 var defaultProps = {
   placeholder: '',

package/dist/esm/{shortpassword.taro-ce46b9cd.js → shortpassword.taro-08a05360.js}

@@ -2,7 +2,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["title", "desc", "tips", "visible", "modelValue", "errorMsg", "noButton", "closeOnClickOverlay", "length", "style", "className", "change", "onOk", "onTips", "onCancel", "onClose", "complete"];
+var _excluded = ["title", "desc", "tips", "visible", "modelValue", "errorMsg", "noButton", "closeOnClickOverlay", "length", "style", "className", "onChange", "onOk", "onTips", "onCancel", "onClose", "onComplete"];
 
 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; }
 
@@ -12,11 +12,11 @@ import React__default, { useRef, useState, useEffect } from 'react';
 import { c as cn } from './bem-893ad28d.js';
 import { P as Popup } from './popup-67173ec6.js';
 import { I as Icon } from './icon-8dc4de10.js';
-import { u as useConfig } from './configprovider-18657611.js';
+import { u as useConfig } from './configprovider-9c393a29.js';
 var defaultProps = {
-  title: '请输入密码',
-  desc: '您使用了虚拟资产，请进行验证',
-  tips: '忘记密码',
+  title: '',
+  desc: '',
+  tips: '',
   visible: false,
   modelValue: '',
   errorMsg: '',
@@ -24,12 +24,12 @@ var defaultProps = {
   closeOnClickOverlay: true,
   length: 6,
   className: '',
-  change: function change(value) {},
+  onChange: function onChange(value) {},
   onOk: function onOk(value) {},
   onCancel: function onCancel() {},
   onClose: function onClose() {},
   onTips: function onTips() {},
-  complete: function complete(value) {}
+  onComplete: function onComplete(value) {}
 };
 
 var ShortPassword = function ShortPassword(props) {
@@ -47,12 +47,12 @@ var ShortPassword = function ShortPassword(props) {
       length = props.length,
       style = props.style,
       className = props.className,
-      change = props.change,
+      onChange = props.onChange,
       onOk = props.onOk,
       onTips = props.onTips,
       onCancel = props.onCancel,
       onClose = props.onClose,
-      complete = props.complete,
+      onComplete = props.onComplete,
       reset = _objectWithoutProperties(props, _excluded);
 
   var b = cn('shortpassword');
@@ -81,7 +81,7 @@ var ShortPassword = function ShortPassword(props) {
     setInnerVisible(visible);
   }, [visible]);
   useEffect(function () {
-    if (modelValue) {
+    if (typeof modelValue !== 'undefined') {
       setInputValue(modelValue);
     }
   }, [modelValue]);
@@ -96,10 +96,10 @@ var ShortPassword = function ShortPassword(props) {
     setInputValue(inputValue);
 
     if (String(inputValue).length === comLen) {
-      complete && complete(inputValue);
+      onComplete && onComplete(inputValue);
     }
 
-    change && change(inputValue);
+    onChange && onChange(inputValue);
   };
 
   var systemStyle = function systemStyle() {
@@ -108,18 +108,23 @@ var ShortPassword = function ShortPassword(props) {
 
     var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); // ios终端
 
+    var style = {};
+    console.log(isIOS, isAndroid);
+
     if (isIOS) {
-      return {
+      style = {
         paddingRight: '1200px'
       };
     }
 
     if (isAndroid) {
-      return {
+      style = {
         opacity: 0,
         zIndex: 10
       };
     }
+
+    return style;
   };
 
   var focus = function focus() {
@@ -148,9 +153,9 @@ var ShortPassword = function ShortPassword(props) {
     style: _objectSpread({}, style)
   }, reset), React__default.createElement("div", {
     className: b('title')
-  }, locale.shortpassword.title || title), React__default.createElement("div", {
+  }, title || locale.shortpassword.title), React__default.createElement("div", {
     className: b('subtitle')
-  }, locale.shortpassword.desc || desc), React__default.createElement("div", {
+  }, desc || locale.shortpassword.desc), React__default.createElement("div", {
     className: b('input')
   }, React__default.createElement("input", {
     ref: textInput,
@@ -180,7 +185,7 @@ var ShortPassword = function ShortPassword(props) {
     className: b('message')
   }, React__default.createElement("div", {
     className: b('message__error')
-  }, errorMsg), tips ? React__default.createElement("div", {
+  }, errorMsg), tips || locale.shortpassword.tips ? React__default.createElement("div", {
     className: b('message__forget')
   }, React__default.createElement(Icon, {
     className: "icon",
@@ -188,7 +193,7 @@ var ShortPassword = function ShortPassword(props) {
     name: "tips"
   }), React__default.createElement("div", {
     onClick: onTips
-  }, locale.shortpassword.tips || tips)) : null), !noButton ? React__default.createElement("div", {
+  }, tips || locale.shortpassword.tips)) : null), !noButton ? React__default.createElement("div", {
     className: b('footer')
   }, React__default.createElement("div", {
     className: b('footer__cancel'),

package/dist/esm/{sidenavbar.taro-36f1e118.js → sidenavbar.taro-dd471476.js}

@@ -7,7 +7,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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 { u as useConfig } from './configprovider-18657611.js';
+import { u as useConfig } from './configprovider-9c393a29.js';
 import { P as Popup } from './popup-67173ec6.js';
 import { h as handleClick, O as OffsetContext } from './offsetContext-0e3d04b3.js';
 var defaultProps = {

package/dist/esm/{signature.taro-45aedfa9.js → signature.taro-7cb77bab.js}

@@ -10,7 +10,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React__default, { useRef, useState, useEffect } from 'react';
 import { B as Button } from './button-521a516b.js';
 import { c as cn } from './bem-893ad28d.js';
-import { u as useConfig } from './configprovider-18657611.js';
+import { u as useConfig } from './configprovider-9c393a29.js';
 var defaultProps = {
   type: 'png',
   lineWidth: 2,