@nutui/nutui-react-taro 3.0.7 → 3.0.9-beta.0

package/dist/cjs/packages/pickerview/pickerroller.js

@@ -19,17 +19,17 @@ var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames")
 var _components = require("@tarojs/components");
 var _usetouch = require("../../hooks/use-touch");
 var _supportspassive = require("../../utils/supports-passive");
-var _platformtaro = require("../../utils/platform-taro");
+var _platform = require("../../utils/taro/platform");
 var _utils = require("../../utils");
 var _utils1 = require("./utils");
-var _useuuid = /*#__PURE__*/ _interop_require_default._(require("../../hooks/use-uuid"));
-var _getrectbytaro = require("../../utils/get-rect-by-taro");
+var _useuuid = require("../../hooks/use-uuid");
+var _getrect = require("../../utils/taro/get-rect");
 var InternalPickerRoller = function InternalPickerRoller(props, ref) {
     var _props_keyIndex = props.keyIndex, keyIndex = _props_keyIndex === void 0 ? 0 : _props_keyIndex, _props_options = props.options, options = _props_options === void 0 ? [] : _props_options, _props_threeDimensional = props.threeDimensional, threeDimensional = _props_threeDimensional === void 0 ? true : _props_threeDimensional, _props_duration = props.duration, duration = _props_duration === void 0 ? 1000 : _props_duration, onSelect = props.onSelect, _props_renderLabel = props.renderLabel, renderLabel = _props_renderLabel === void 0 ? function renderLabel(item) {
         return item.label;
     } : _props_renderLabel;
     var classPrefix = 'nut-pickerview-roller';
-    var uuid = (0, _useuuid.default)();
+    var uuid = (0, _useuuid.useUuid)();
     var DEFAULT_DURATION = 200;
     var INERTIA_TIME = 300;
     var INERTIA_DISTANCE = 15;
@@ -47,7 +47,7 @@ var InternalPickerRoller = function InternalPickerRoller(props, ref) {
     var _useState4 = (0, _sliced_to_array._)((0, _react.useState)(0), 2), startY = _useState4[0], setStartY = _useState4[1];
     var transformY = (0, _react.useRef)(0);
     var _useState5 = (0, _sliced_to_array._)((0, _react.useState)(0), 2), scrollDistance = _useState5[0], setScrollDistance = _useState5[1];
-    var _useState6 = (0, _sliced_to_array._)((0, _react.useState)((0, _platformtaro.web)()), 2), isGetLineSpacing = _useState6[0], setGetStatus = _useState6[1];
+    var _useState6 = (0, _sliced_to_array._)((0, _react.useState)((0, _platform.web)()), 2), isGetLineSpacing = _useState6[0], setGetStatus = _useState6[1];
     var _useStyles = (0, _utils1.useStyles)(touchTime, touchDeg, scrollDistance, lineSpacing, ROTATION), touchRollerStyle = _useStyles.touchRollerStyle, touchTiledStyle = _useStyles.touchTiledStyle, rollerStyle = _useStyles.rollerStyle;
     var isItemHidden = function isItemHidden(index) {
         return index >= currentIndex + 8 || index <= currentIndex - 8;
@@ -137,7 +137,7 @@ var InternalPickerRoller = function InternalPickerRoller(props, ref) {
                         ]);
                         return [
                             4,
-                            (0, _getrectbytaro.getRectByTaro)(placeholderRef.current)
+                            (0, _getrect.getRectInMultiPlatform)(placeholderRef.current)
                         ];
                     case 1:
                         placeholder = _state.sent();
@@ -168,7 +168,7 @@ var InternalPickerRoller = function InternalPickerRoller(props, ref) {
     (0, _react.useEffect)(function() {
         var element = pickerRollerRef.current;
         var currentLineSpacing;
-        if (element && (0, _platformtaro.web)()) {
+        if (element && (0, _platform.web)()) {
             var computedStyle = getComputedStyle(element);
             currentLineSpacing = computedStyle.getPropertyValue('--nutui-picker-item-height');
             if (currentLineSpacing) {

package/dist/cjs/packages/popover/popover.js

@@ -23,11 +23,11 @@ var _taro = require("@tarojs/taro");
 var _components = require("@tarojs/components");
 var _iconsreacttaro = require("@nutui/icons-react-taro");
 var _index = /*#__PURE__*/ _interop_require_default._(require("../popup/index"));
-var _getrectbytaro = require("../../utils/get-rect-by-taro");
+var _getrect = require("../../utils/taro/get-rect");
 var _typings = require("../../utils/typings");
 var _index1 = require("../configprovider/index");
-var _pxtransform = /*#__PURE__*/ _interop_require_default._(require("../../utils/px-transform"));
-var _useuuid = /*#__PURE__*/ _interop_require_default._(require("../../hooks/use-uuid"));
+var _pxtransform = require("../../utils/taro/px-transform");
+var _useuuid = require("../../hooks/use-uuid");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     list: [],
     theme: 'light',
@@ -84,7 +84,7 @@ var Popover = function Popover(props) {
     }, [
         visible
     ]);
-    var uid = (0, _useuuid.default)();
+    var uid = (0, _useuuid.useUuid)();
     var popoverId = "popover-".concat(uid);
     var getWrapperPosition = /*#__PURE__*/ function() {
         var _ref = (0, _async_to_generator._)(function() {
@@ -100,7 +100,7 @@ var Popover = function Popover(props) {
                                 ];
                                 return [
                                     4,
-                                    (0, _getrectbytaro.getRectByTaro)(document.querySelector("#".concat(targetId)), targetId)
+                                    (0, _getrect.getRectInMultiPlatform)(document.querySelector("#".concat(targetId)), targetId)
                                 ];
                             case 1:
                                 _tmp = _state.sent();
@@ -111,7 +111,7 @@ var Popover = function Popover(props) {
                             case 2:
                                 return [
                                     4,
-                                    (0, _getrectbytaro.getRectByTaro)(popoverRef.current, popoverId)
+                                    (0, _getrect.getRectInMultiPlatform)(popoverRef.current, popoverId)
                                 ];
                             case 3:
                                 _tmp = _state.sent();
@@ -152,7 +152,7 @@ var Popover = function Popover(props) {
                             case 0:
                                 return [
                                     4,
-                                    (0, _getrectbytaro.getRectByTaro)(popoverContentRef.current)
+                                    (0, _getrect.getRectInMultiPlatform)(popoverContentRef.current)
                                 ];
                             case 1:
                                 rectContent = _state.sent();
@@ -208,15 +208,15 @@ var Popover = function Popover(props) {
                 'top'
             ].includes(direction)) {
                 var h = direction === 'bottom' ? height + cross : -(popHeight + cross);
-                styles.top = (0, _pxtransform.default)(top + h);
+                styles.top = (0, _pxtransform.pxTransform)(top + h);
                 if (!skew) {
-                    styles[dir] = (0, _pxtransform.default)(-(popWidth - width) / 2 + wrapperPosition[dir] + parallel);
+                    styles[dir] = (0, _pxtransform.pxTransform)(-(popWidth - width) / 2 + wrapperPosition[dir] + parallel);
                 }
                 if (skew === 'left') {
-                    styles.left = (0, _pxtransform.default)(left + parallel);
+                    styles.left = (0, _pxtransform.pxTransform)(left + parallel);
                 }
                 if (skew === 'right') {
-                    styles.left = (0, _pxtransform.default)(right + parallel);
+                    styles.left = (0, _pxtransform.pxTransform)(right + parallel);
                 }
             }
             if ([
@@ -224,15 +224,15 @@ var Popover = function Popover(props) {
                 'right'
             ].includes(direction)) {
                 var contentW = direction === 'left' ? -(popWidth + cross) : width + cross;
-                styles.left = (0, _pxtransform.default)(left + contentW);
+                styles.left = (0, _pxtransform.pxTransform)(left + contentW);
                 if (!skew) {
-                    styles.top = (0, _pxtransform.default)(top - popHeight / 2 + height / 2 - 4 + parallel);
+                    styles.top = (0, _pxtransform.pxTransform)(top - popHeight / 2 + height / 2 - 4 + parallel);
                 }
                 if (skew === 'top') {
-                    styles.top = (0, _pxtransform.default)(top + parallel);
+                    styles.top = (0, _pxtransform.pxTransform)(top + parallel);
                 }
                 if (skew === 'bottom') {
-                    styles.top = (0, _pxtransform.default)(top + height + parallel);
+                    styles.top = (0, _pxtransform.pxTransform)(top + height + parallel);
                 }
             }
         }

package/dist/cjs/packages/popup/popup.js

@@ -22,8 +22,8 @@ var _iconsreacttaro = require("@nutui/icons-react-taro");
 var _components = require("@tarojs/components");
 var _overlay = require("../overlay/overlay");
 var _index = /*#__PURE__*/ _interop_require_default._(require("../overlay/index"));
-var _uselockscolltaro = require("../../hooks/use-lock-scoll-taro");
-var _platformtaro = require("../../utils/platform-taro");
+var _uselockscoll = require("../../hooks/taro/use-lock-scoll");
+var _platform = require("../../utils/taro/platform");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _overlay.defaultOverlayProps), {
     position: 'center',
     transition: '',
@@ -54,10 +54,10 @@ var Popup = function Popup(props) {
     var _useState1 = (0, _sliced_to_array._)((0, _react.useState)(visible), 2), innerVisible = _useState1[0], setInnerVisible = _useState1[1];
     var _useState2 = (0, _sliced_to_array._)((0, _react.useState)(true), 2), showChildren = _useState2[0], setShowChildren = _useState2[1];
     var _useState3 = (0, _sliced_to_array._)((0, _react.useState)(''), 2), transitionName = _useState3[0], setTransitionName = _useState3[1];
-    var refObject = (0, _uselockscolltaro.useLockScrollTaro)(innerVisible && lockScroll);
+    var refObject = (0, _uselockscoll.useLockScrollTaro)(innerVisible && lockScroll);
     var classPrefix = 'nut-popup';
     var overlayStyles = (0, _object_spread._)({}, overlayStyle);
-    var contentZIndex = (0, _platformtaro.harmony)() ? index + 1 : index // 解决harmony层级问题
+    var contentZIndex = (0, _platform.harmony)() ? index + 1 : index // 解决harmony层级问题
     ;
     var popStyles = (0, _object_spread._)({
         zIndex: contentZIndex

package/dist/cjs/packages/price/price.js

@@ -17,7 +17,7 @@ var _components = require("@tarojs/components");
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _typings = require("../../utils/typings");
 var _index = require("../configprovider/index");
-var _platformtaro = require("../../utils/platform-taro");
+var _platform = require("../../utils/taro/platform");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     color: 'primary',
     price: 0,
@@ -90,7 +90,7 @@ var Price = function Price(props) {
             className: "".concat(classPrefix, "-decimal ").concat(classPrefix, "-decimal-").concat(size, " ").concat(line ? "".concat(classPrefix, "-line") : '')
         }, formatDecimal(price))) : null, symbol && position === 'after' ? renderSymbol() : null);
     };
-    return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, (0, _platformtaro.harmony)() ? /*#__PURE__*/ _react.default.createElement(_components.Text, {
+    return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, (0, _platform.harmony)() ? /*#__PURE__*/ _react.default.createElement(_components.Text, {
         className: "".concat(classPrefix, " ").concat(classPrefix, "-").concat(color, " ").concat(className),
         style: style
     }, renderInner()) : /*#__PURE__*/ _react.default.createElement(_components.View, {

package/dist/cjs/packages/progress/progress.js

@@ -19,11 +19,11 @@ var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _taro = /*#__PURE__*/ _interop_require_default._(require("@tarojs/taro"));
 var _components = require("@tarojs/components");
-var _pxtransform = /*#__PURE__*/ _interop_require_default._(require("../../utils/px-transform"));
+var _pxtransform = require("../../utils/taro/px-transform");
 var _typings = require("../../utils/typings");
 var _index = require("../configprovider/index");
-var _useuuid = /*#__PURE__*/ _interop_require_default._(require("../../hooks/use-uuid"));
-var _platformtaro = require("../../utils/platform-taro");
+var _useuuid = require("../../hooks/use-uuid");
+var _platform = require("../../utils/taro/platform");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     percent: 0,
     showText: false,
@@ -59,8 +59,8 @@ var Progress = function Progress(props) {
         background: color || '#FF0F23'
     };
     if (strokeWidth) {
-        stylesOuter.height = (0, _pxtransform.default)(Number(strokeWidth));
-        stylesInner.height = (0, _pxtransform.default)(Number(strokeWidth));
+        stylesOuter.height = (0, _pxtransform.pxTransform)(Number(strokeWidth));
+        stylesInner.height = (0, _pxtransform.pxTransform)(Number(strokeWidth));
     }
     var handlePercent = function handlePercent() {
         var timer = null;
@@ -83,11 +83,11 @@ var Progress = function Progress(props) {
     var _useState1 = (0, _sliced_to_array._)((0, _react.useState)(false), 2), intersecting = _useState1[0], setIntersecting = _useState1[1];
     var progressRef = (0, _react.useRef)(null);
     var webObserver = (0, _react.useRef)(null);
-    var uuid = (0, _useuuid.default)();
+    var uuid = (0, _useuuid.useUuid)();
     var selector = "".concat(classPrefix, "-lazy-").concat(uuid);
     var resetObserver = function resetObserver() {
         var observer = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : null;
-        if ((0, _platformtaro.web)()) {
+        if ((0, _platform.web)()) {
             webObserver.current.disconnect && webObserver.current.disconnect();
         } else {
             observer && observer.disconnect();
@@ -142,9 +142,9 @@ var Progress = function Progress(props) {
         handlePercent();
     };
     (0, _react.useEffect)(function() {
-        if ((0, _platformtaro.web)()) {
+        if ((0, _platform.web)()) {
             handleWebObserver();
-        } else if (!(0, _platformtaro.harmony)()) {
+        } else if (!(0, _platform.harmony)()) {
             handleOtherObserver();
         }
     }, []);
@@ -159,7 +159,7 @@ var Progress = function Progress(props) {
         if (children) {
             return 0;
         }
-        if (!(0, _platformtaro.harmony)()) {
+        if (!(0, _platform.harmony)()) {
             return Math.floor("".concat(percent, "%").length * 9 / 2);
         }
         return Math.floor(("".concat(percent, "%").length * 9 + 4) / 2);
@@ -168,8 +168,8 @@ var Progress = function Progress(props) {
         var style = {
             backgroundColor: color || '#ff0f23'
         };
-        if ((0, _platformtaro.harmony)()) {
-            style.width = (0, _platformtaro.harmony)() ? (0, _pxtransform.default)("".concat(percent, "%").length * 9 + 4) : "".concat(percent, "%").length * 9 + 4;
+        if ((0, _platform.harmony)()) {
+            style.width = (0, _platform.harmony)() ? (0, _pxtransform.pxTransform)("".concat(percent, "%").length * 9 + 4) : "".concat(percent, "%").length * 9 + 4;
         }
         return style;
     };
@@ -193,7 +193,7 @@ var Progress = function Progress(props) {
     }, /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: "".concat(classPrefix, "-text"),
         style: (0, _object_spread_props._)((0, _object_spread._)({}, getTextStyle()), {
-            height: (0, _platformtaro.harmony)() ? (0, _pxtransform.default)(strokeWidth ? Number(strokeWidth) + 8 : 18) : strokeWidth ? Number(strokeWidth) + 8 : 18,
+            height: (0, _platform.harmony)() ? (0, _pxtransform.pxTransform)(strokeWidth ? Number(strokeWidth) + 8 : 18) : strokeWidth ? Number(strokeWidth) + 8 : 18,
             position: 'absolute',
             top: -(strokeWidth ? (Number(strokeWidth) + 8 - 9) / 2 + 5 : 9)
         })

package/dist/cjs/packages/pulltorefresh/pulltorefresh.js

@@ -26,8 +26,8 @@ var _usetouch = require("../../hooks/use-touch");
 var _rubberband = require("../../utils/rubberband");
 var _sleep = require("../../utils/sleep");
 var _typings = require("../../utils/typings");
-var _pxtransform = /*#__PURE__*/ _interop_require_default._(require("../../utils/px-transform"));
-var _getsysteminfo = require("../../utils/get-system-info");
+var _pxtransform = require("../../utils/taro/px-transform");
+var _getsysteminfo = require("../../utils/taro/get-system-info");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     type: 'default',
     pullingText: '',
@@ -170,7 +170,7 @@ var PullToRefresh = function PullToRefresh(p) {
     // 安卓微信小程序onTouchMove回调次数少导致下拉卡顿，增加动效会更顺畅
     var isAndroidWeApp = (0, _getsysteminfo.getDeviceInfo)().platform === 'android' && _taro.default.getEnv() === 'WEAPP';
     var springStyles = (0, _object_spread._)({
-        height: (0, _pxtransform.default)(height)
+        height: (0, _pxtransform.pxTransform)(height)
     }, !pullingRef.current || isAndroidWeApp ? {
         transition: 'height .3s ease'
     } : {});
@@ -188,7 +188,7 @@ var PullToRefresh = function PullToRefresh(p) {
     }, /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: (0, _classnames.default)((_obj1 = {}, (0, _define_property._)(_obj1, "".concat(classPrefix, "-head-content"), true), (0, _define_property._)(_obj1, "".concat(classPrefix, "-primary-head-content"), props.type === 'primary'), _obj1)),
         style: {
-            height: (0, _pxtransform.default)(headHeight)
+            height: (0, _pxtransform.pxTransform)(headHeight)
         }
     }, /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: (0, _classnames.default)((_obj2 = {}, (0, _define_property._)(_obj2, "".concat(classPrefix, "-status-icon"), true), (0, _define_property._)(_obj2, "".concat(classPrefix, "-primary-status-icon"), props.type === 'primary'), _obj2))

package/dist/cjs/packages/range/range.js

@@ -19,13 +19,13 @@ var _ts_generator = require("@swc/helpers/_/_ts_generator");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _components = require("@tarojs/components");
-var _pxtransform = /*#__PURE__*/ _interop_require_default._(require("../../utils/px-transform"));
+var _pxtransform = require("../../utils/taro/px-transform");
 var _usetouch = require("../../hooks/use-touch");
 var _typings = require("../../utils/typings");
 var _usepropsvalue = require("../../hooks/use-props-value");
-var _getrectbytaro = require("../../utils/get-rect-by-taro");
+var _getrect = require("../../utils/taro/get-rect");
 var _index = require("../configprovider/index");
-var _platformtaro = require("../../utils/platform-taro");
+var _platform = require("../../utils/taro/platform");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     range: false,
     min: 0,
@@ -34,7 +34,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     vertical: false,
     marks: {}
 });
-var isHm = (0, _platformtaro.harmony)();
+var isHm = (0, _platform.harmony)();
 var classPrefix = 'nut-range';
 var verticalClassPrefix = "".concat(classPrefix, "-vertical");
 var isSameValue = function isSameValue(newValue, oldValue) {
@@ -254,18 +254,18 @@ var Range = function Range(props) {
                         setDragStatus('');
                         return [
                             4,
-                            (0, _getrectbytaro.getRectByTaro)(root.current)
+                            (0, _getrect.getRectInMultiPlatform)(root.current)
                         ];
                     case 1:
                         rect = _state.sent();
                         x = typeof ((_event_detail = event.detail) === null || _event_detail === void 0 ? void 0 : _event_detail.x) !== 'undefined' ? event.detail.x : event.clientX;
-                        if (isHm) x = parseFloat((0, _pxtransform.default)(event.windowX));
+                        if (isHm) x = parseFloat((0, _pxtransform.pxTransform)(event.windowX));
                         delta = x - rect.left;
                         total = rect.width;
                         if (vertical) {
                             ;
                             y = typeof ((_event_detail1 = event.detail) === null || _event_detail1 === void 0 ? void 0 : _event_detail1.y) !== 'undefined' ? event.detail.y : event.clientY;
-                            if (isHm) y = parseFloat((0, _pxtransform.default)(event.windowY));
+                            if (isHm) y = parseFloat((0, _pxtransform.pxTransform)(event.windowY));
                             delta = y - rect.top;
                             total = rect.height;
                         }
@@ -344,19 +344,19 @@ var Range = function Range(props) {
                         setDragStatus('draging');
                         return [
                             4,
-                            (0, _getrectbytaro.getRectByTaro)(root.current)
+                            (0, _getrect.getRectInMultiPlatform)(root.current)
                         ];
                     case 1:
                         rect = _state.sent();
                         if (!rect) return [
                             2
                         ];
-                        delta = isHm ? parseFloat((0, _pxtransform.default)(touch.deltaX.current)) : touch.deltaX.current;
+                        delta = isHm ? parseFloat((0, _pxtransform.pxTransform)(touch.deltaX.current)) : touch.deltaX.current;
                         total = rect.width;
                         diff = delta / total * scope;
                         diff = rtl ? -diff : diff;
                         if (vertical) {
-                            delta = isHm ? parseFloat((0, _pxtransform.default)(touch.deltaY.current)) : touch.deltaY.current;
+                            delta = isHm ? parseFloat((0, _pxtransform.pxTransform)(touch.deltaY.current)) : touch.deltaY.current;
                             total = rect.height;
                             diff = delta / total * scope;
                         }
@@ -414,7 +414,7 @@ var Range = function Range(props) {
     ]);
     var buttonTransform = (0, _react.useMemo)(function() {
         var borderRadis = {
-            borderRadius: (0, _pxtransform.default)(13)
+            borderRadius: (0, _pxtransform.pxTransform)(13)
         };
         var transform = {
             transform: 'translate(-50%, -50%)'
@@ -485,10 +485,10 @@ var Range = function Range(props) {
         // @TODO 支持变量
         var wrapperTransformRN = [
             {
-                translateX: (0, _pxtransform.default)(vertical ? -12 : -13)
+                translateX: (0, _pxtransform.pxTransform)(vertical ? -12 : -13)
             },
             {
-                translateY: (0, _pxtransform.default)(-12)
+                translateY: (0, _pxtransform.pxTransform)(-12)
             }
         ];
         var wrapperTransform = 'translate(-50%, -50%)';

package/dist/cjs/packages/rate/rate.js

@@ -21,8 +21,8 @@ var _taro = require("@tarojs/taro");
 var _components = require("@tarojs/components");
 var _typings = require("../../utils/typings");
 var _usepropsvalue = require("../../hooks/use-props-value");
-var _getrectbytaro = require("../../utils/get-rect-by-taro");
-var _userefs = /*#__PURE__*/ _interop_require_default._(require("../../hooks/use-refs"));
+var _getrect = require("../../utils/taro/get-rect");
+var _userefs = require("../../hooks/use-refs");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     size: 'normal',
     showScore: false,
@@ -45,7 +45,7 @@ var Rate = function Rate(props) {
         4,
         5
     ]), 2), countArray = _useState[0], setCountArray = _useState[1];
-    var _useRefs = (0, _sliced_to_array._)((0, _userefs.default)(), 2), refs = _useRefs[0], setRefs = _useRefs[1];
+    var _useRefs = (0, _sliced_to_array._)((0, _userefs.useRefs)(), 2), refs = _useRefs[0], setRefs = _useRefs[1];
     var rateRects = (0, _react.useRef)([]);
     var _usePropsValue = (0, _sliced_to_array._)((0, _usepropsvalue.usePropsValue)({
         value: value,
@@ -100,7 +100,7 @@ var Rate = function Rate(props) {
         var _loop = function _loop(index) {
             var item = refs[index];
             if (item) {
-                (0, _getrectbytaro.getRectByTaro)(item).then(function(res) {
+                (0, _getrect.getRectInMultiPlatform)(item).then(function(res) {
                     rateRects.current[index] = res;
                 });
             }

package/dist/cjs/packages/sidebar/sidebar.js

@@ -23,7 +23,7 @@ var _typings = require("../../utils/typings");
 var _usepropsvalue = require("../../hooks/use-props-value");
 var _useforceupdate = require("../../hooks/use-force-update");
 var _raf = /*#__PURE__*/ _interop_require_default._(require("../../utils/raf"));
-var _useuuid = /*#__PURE__*/ _interop_require_default._(require("../../hooks/use-uuid"));
+var _useuuid = require("../../hooks/use-uuid");
 var _index = /*#__PURE__*/ _interop_require_default._(require("../sidebaritem/index"));
 var _mergeprops = require("../../utils/merge-props");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
@@ -40,7 +40,7 @@ var SideBar = function SideBar(props) {
         "onChange",
         "className"
     ]);
-    var uuid = (0, _useuuid.default)();
+    var uuid = (0, _useuuid.useUuid)();
     var _usePropsValue = (0, _sliced_to_array._)((0, _usepropsvalue.usePropsValue)({
         value: props.value,
         defaultValue: props.defaultValue,
@@ -102,11 +102,19 @@ var SideBar = function SideBar(props) {
     var titleRectRef = (0, _react.useRef)([]);
     var _useState = (0, _sliced_to_array._)((0, _react.useState)(0), 2), scrollTop = _useState[0], setScrollTop = _useState[1];
     var scrollDirection = function scrollDirection(to) {
+        if (sidebarDuration === 0) {
+            setScrollTop(to);
+            return;
+        }
+        var from = scrollTop;
+        var frames = Math.round(sidebarDuration / 16);
         var count = 0;
-        var frames = sidebarDuration === 0 ? 1 : Math.round(sidebarDuration / 16);
         function animate() {
-            setScrollTop(to);
-            if (++count < frames) {
+            var progress = count / frames;
+            var current = from + (to - from) * progress;
+            setScrollTop(current);
+            if (count < frames) {
+                count++;
                 (0, _raf.default)(animate);
             }
         }

package/dist/cjs/packages/skeleton/skeleton.js

@@ -24,8 +24,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     visible: false,
     size: 'normal',
     shape: 'round',
-    duration: 0.6,
-    inline: false
+    duration: 0.6
 });
 var Skeleton = function Skeleton(props) {
     var shapeStyle = function shapeStyle() {

package/dist/cjs/packages/sticky/sticky.js

@@ -21,10 +21,10 @@ var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _taro = require("@tarojs/taro");
 var _components = require("@tarojs/components");
-var _getsysteminfo = require("../../utils/get-system-info");
+var _getsysteminfo = require("../../utils/taro/get-system-info");
 var _typings = require("../../utils/typings");
-var _usewatch = /*#__PURE__*/ _interop_require_default._(require("../../hooks/use-watch"));
-var _getrectbytaro = require("../../utils/get-rect-by-taro");
+var _usewatch = require("../../hooks/use-watch");
+var _getrect = require("../../utils/taro/get-rect");
 var _getscrollparent = require("../../utils/get-scroll-parent");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     position: 'top',
@@ -48,7 +48,7 @@ var Sticky = function Sticky(props) {
     var _useState1 = (0, _sliced_to_array._)((0, _react.useState)(false), 2), fixed = _useState1[0], setFixed = _useState1[1];
     var _useState2 // 相对容器偏移距离
      = (0, _sliced_to_array._)((0, _react.useState)(0), 2), transform = _useState2[0], setTransform = _useState2[1];
-    (0, _usewatch.default)(fixed, function() {
+    (0, _usewatch.useWatch)(fixed, function() {
         onChange && onChange(fixed);
     });
     var rootStyle = (0, _react.useMemo)(function() {
@@ -101,13 +101,13 @@ var Sticky = function Sticky(props) {
                     case 0:
                         return [
                             4,
-                            (0, _getrectbytaro.getRectByTaro)(rootRef.current)
+                            (0, _getrect.getRectInMultiPlatform)(rootRef.current)
                         ];
                     case 1:
                         curRootRect = _state.sent();
                         return [
                             4,
-                            (0, _getrectbytaro.getRectByTaro)(stickyRef.current)
+                            (0, _getrect.getRectInMultiPlatform)(stickyRef.current)
                         ];
                     case 2:
                         stickyRect = _state.sent();
@@ -131,7 +131,7 @@ var Sticky = function Sticky(props) {
                         ];
                         return [
                             4,
-                            (0, _getrectbytaro.getRectByTaro)(container.current)
+                            (0, _getrect.getRectInMultiPlatform)(container.current)
                         ];
                     case 3:
                         containerRect = _state.sent();

package/dist/cjs/packages/swipe/swipe.js

@@ -20,11 +20,11 @@ var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames")
 var _components = require("@tarojs/components");
 var _taro = require("@tarojs/taro");
 var _usetouch = require("../../hooks/use-touch");
-var _getrectbytaro = require("../../utils/get-rect-by-taro");
+var _getrect = require("../../utils/taro/get-rect");
 var _typings = require("../../utils/typings");
-var _platformtaro = require("../../utils/platform-taro");
+var _platform = require("../../utils/taro/platform");
 var _userefstate = require("../../hooks/use-ref-state");
-var _useuuid = /*#__PURE__*/ _interop_require_default._(require("../../hooks/use-uuid"));
+var _useuuid = require("../../hooks/use-uuid");
 function preventDefault(event, isStopPropagation) {
     if (typeof event.cancelable !== 'boolean' || event.cancelable) {
         event.preventDefault();
@@ -39,7 +39,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
 var Swipe = /*#__PURE__*/ (0, _react.forwardRef)(function(props, instanceRef) {
     var classPrefix = 'nut-swipe';
     var touch = (0, _usetouch.useTouch)();
-    var uid = (0, _useuuid.default)();
+    var uid = (0, _useuuid.useUuid)();
     var leftId = "swipe-left-".concat(uid);
     var rightId = "swipe-right-".concat(uid);
     // 获取元素的时候要在页面 onReady 后，需要参考小程序的事件周期
@@ -56,7 +56,7 @@ var Swipe = /*#__PURE__*/ (0, _react.forwardRef)(function(props, instanceRef) {
                             ];
                             return [
                                 4,
-                                (0, _getrectbytaro.getRectByTaro)(leftWrapper.current, leftId)
+                                (0, _getrect.getRectInMultiPlatform)(leftWrapper.current, leftId)
                             ];
                         case 1:
                             leftRect = _state.sent();
@@ -73,7 +73,7 @@ var Swipe = /*#__PURE__*/ (0, _react.forwardRef)(function(props, instanceRef) {
                             ];
                             return [
                                 4,
-                                (0, _getrectbytaro.getRectByTaro)(rightWrapper.current, rightId)
+                                (0, _getrect.getRectInMultiPlatform)(rightWrapper.current, rightId)
                             ];
                         case 3:
                             rightRect = _state.sent();
@@ -94,7 +94,7 @@ var Swipe = /*#__PURE__*/ (0, _react.forwardRef)(function(props, instanceRef) {
                 return _ref.apply(this, arguments);
             };
         }();
-        setTimeout(function() {
+        (0, _taro.nextTick)(function() {
             return getWidth();
         });
     });
@@ -125,7 +125,7 @@ var Swipe = /*#__PURE__*/ (0, _react.forwardRef)(function(props, instanceRef) {
         }
     };
     var wrapperStyle = {
-        transform: "translate(".concat(state.offset).concat(!(0, _platformtaro.harmony)() ? 'px' : '', ", 0)"),
+        transform: "translate(".concat(state.offset).concat(!(0, _platform.harmony)() ? 'px' : '', ", 0)"),
         transitionDuration: state.dragging ? '0s' : '.6s'
     };
     var onTouchStart = /*#__PURE__*/ function() {
@@ -140,7 +140,7 @@ var Swipe = /*#__PURE__*/ (0, _react.forwardRef)(function(props, instanceRef) {
                         ];
                         return [
                             4,
-                            (0, _getrectbytaro.getRectByTaro)(leftWrapper.current, leftId)
+                            (0, _getrect.getRectInMultiPlatform)(leftWrapper.current, leftId)
                         ];
                     case 1:
                         leftRect = _state.sent();
@@ -157,7 +157,7 @@ var Swipe = /*#__PURE__*/ (0, _react.forwardRef)(function(props, instanceRef) {
                         ];
                         return [
                             4,
-                            (0, _getrectbytaro.getRectByTaro)(rightWrapper.current, rightId)
+                            (0, _getrect.getRectInMultiPlatform)(rightWrapper.current, rightId)
                         ];
                     case 3:
                         rightRect = _state.sent();
@@ -296,7 +296,7 @@ var Swipe = /*#__PURE__*/ (0, _react.forwardRef)(function(props, instanceRef) {
         };
     });
     (0, _react.useEffect)(function() {
-        if ((0, _platformtaro.harmony)()) return;
+        if ((0, _platform.harmony)()) return;
         var handler = function handler(event) {
             var targets = [
                 root

package/dist/cjs/packages/swiper/swiper.js

@@ -19,7 +19,7 @@ var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _components = require("@tarojs/components");
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _index = /*#__PURE__*/ _interop_require_default._(require("../indicator/index"));
-var _pxtransform = /*#__PURE__*/ _interop_require_default._(require("../../utils/px-transform"));
+var _pxtransform = require("../../utils/taro/px-transform");
 var defaultProps = {
     direction: 'horizontal',
     indicator: false,
@@ -103,13 +103,13 @@ var Swiper = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
         className: (0, _classnames.default)(classPrefix, className),
         style: (0, _object_spread_props._)((0, _object_spread._)({}, style), {
             width: !width ? '100%' : width,
-            height: !height ? (0, _pxtransform.default)(150) : height
+            height: !height ? (0, _pxtransform.pxTransform)(150) : height
         })
     }, /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: "nut-swiper-inner",
         style: {
             width: !width ? '100%' : width,
-            height: !height ? (0, _pxtransform.default)(150) : height
+            height: !height ? (0, _pxtransform.pxTransform)(150) : height
         }
     }, /*#__PURE__*/ _react.default.createElement(_components.Swiper, (0, _object_spread._)({
         current: current,
@@ -124,7 +124,7 @@ var Swiper = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
         },
         style: {
             width: !width ? '100%' : width,
-            height: !height ? (0, _pxtransform.default)(150) : height
+            height: !height ? (0, _pxtransform.pxTransform)(150) : height
         }
     }, rest), _react.Children.toArray(children).map(function(child, index) {
         var className;