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

package/dist/es/packages/hoverbutton/hoverbutton.js

@@ -7,7 +7,7 @@ import { ComponentDefaults } from "../../utils/typings";
 import { useRtl } from "../configprovider/index";
 import HoverButtonItem from "../hoverbuttonitem/index";
 import SafeArea from "../safearea/index";
-import pxTransform from "../../utils/px-transform";
+import { pxTransform } from "../../utils/taro/px-transform";
 import { UI_BOTTOM_DISTANCE } from "./utils";
 var defaultProps = _object_spread({}, ComponentDefaults);
 var classPrefix = 'nut-hoverbutton';

package/dist/es/packages/hoverbuttonitem/hoverbuttonitem.js

@@ -6,7 +6,7 @@ import React, { useMemo, useState } from "react";
 import classNames from "classnames";
 import { View } from "@tarojs/components";
 import { ComponentDefaults } from "../../utils/typings";
-import { harmony } from "../../utils/platform-taro";
+import { harmony } from "../../utils/taro/platform";
 import { getIcon } from "./utils";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     icon: null,

package/dist/es/packages/image/image.js

@@ -1,3 +1,4 @@
+import { _ as _define_property } from "@swc/helpers/_/_define_property";
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
@@ -7,7 +8,7 @@ import Taro from "@tarojs/taro";
 import { Image as TImage, View } from "@tarojs/components";
 import { Image as ImageIcon, ImageError } from "@nutui/icons-react-taro";
 import classNames from "classnames";
-import pxTransform from "../../utils/px-transform";
+import { pxTransform } from "../../utils/taro/px-transform";
 var defaultProps = {
     src: '',
     error: true,
@@ -45,15 +46,14 @@ export var Image = function(props) {
             onError && onError(e);
         }
     };
-    var containerStyle = {
-        // eslint-disable-next-line no-nested-ternary
-        height: height ? pxCheck(height) : Taro.getEnv() === 'WEB' ? '' : '100%',
-        // eslint-disable-next-line no-nested-ternary
-        width: width ? pxCheck(width) : Taro.getEnv() === 'WEB' ? '' : '100%',
-        overflow: radius !== undefined && radius !== null ? 'hidden' : '',
-        borderRadius: // eslint-disable-next-line no-nested-ternary
-        radius !== undefined && radius != null ? pxCheck(radius) : ''
-    };
+    var containerStyle = _object_spread({}, height ? {
+        height: pxCheck(height)
+    } : {}, width ? {
+        width: pxCheck(width)
+    } : {}, radius !== undefined && radius !== null ? {
+        overflow: 'hidden',
+        borderRadius: pxCheck(radius)
+    } : {});
     var imgStyle = _object_spread_props(_object_spread({}, style), {
         width: width,
         height: height
@@ -94,7 +94,7 @@ export var Image = function(props) {
         innerLoading
     ]);
     return /*#__PURE__*/ React.createElement(View, {
-        className: classNames(classPrefix, className),
+        className: classNames(classPrefix, _define_property({}, "".concat(classPrefix, "-basic"), Taro.getEnv() !== 'WEB'), className),
         style: containerStyle
     }, /*#__PURE__*/ React.createElement(TImage, _object_spread_props(_object_spread({}, rest), {
         className: "".concat(classPrefix, "-default ").concat(className ? "".concat(className, "-image") : ''),

package/dist/es/packages/image/style/image.scss

@@ -12,7 +12,10 @@
     border-radius: 50%;
     overflow: hidden;
   }
-
+  &-basic {
+    width: 100%;
+    height: 100%;
+  }
   &-loading {
     width: 100%;
     height: 100%;

package/dist/es/packages/image/style/style.css

@@ -15,6 +15,10 @@
   border-radius: 50%;
   overflow: hidden;
 }
+.nut-image-basic {
+  width: 100%;
+  height: 100%;
+}
 .nut-image-loading {
   width: 100%;
   height: 100%;

package/dist/es/packages/image/style/style.harmony.css

@@ -15,6 +15,10 @@
   border-radius: 50%;
   overflow: hidden;
 }
+.nut-image-basic {
+  width: 100%;
+  height: 100%;
+}
 .nut-image-loading {
   width: 100%;
   height: 100%;

package/dist/es/packages/imagepreview/style/style.css

@@ -608,6 +608,10 @@
   border-radius: 50%;
   overflow: hidden;
 }
+.nut-image-basic {
+  width: 100%;
+  height: 100%;
+}
 .nut-image-loading {
   width: 100%;
   height: 100%;

package/dist/es/packages/indicator/indicator.js

@@ -4,7 +4,7 @@ import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_
 import React from "react";
 import classNames from "classnames";
 import { View } from "@tarojs/components";
-import pxTransform from "../../utils/px-transform";
+import { pxTransform } from "../../utils/taro/px-transform";
 var defaultProps = {
     total: 2,
     current: 0,

package/dist/es/packages/infiniteloading/infiniteloading.js

@@ -10,7 +10,7 @@ import { ScrollView, View } from "@tarojs/components";
 import { createSelectorQuery } from "@tarojs/taro";
 import { useConfig } from "../configprovider/index";
 import { ComponentDefaults } from "../../utils/typings";
-import pxTransform from "../../utils/px-transform";
+import { pxTransform } from "../../utils/taro/px-transform";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     type: 'default',
     hasMore: true,

package/dist/es/packages/lottie/lottiemp.js

@@ -1,8 +1,8 @@
 import React, { useImperativeHandle, useRef } from "react";
 import { createSelectorQuery, getEnv, useReady, useUnload } from "@tarojs/taro";
 import lottie from "@nutui/lottie-miniprogram";
-import { getWindowInfo } from "../../utils/get-system-info";
-import useUuid from "../../hooks/use-uuid";
+import { getWindowInfo } from "../../utils/taro/get-system-info";
+import { useUuid } from "../../hooks/use-uuid";
 export var Lottie = /*#__PURE__*/ React.forwardRef(function(props, ref) {
     var uuid = useUuid();
     var id = "nutLottie-".concat(uuid);

package/dist/es/packages/menuitem/menuitem.js

@@ -10,9 +10,9 @@ import { usePageScroll } from "@tarojs/taro";
 import { View } from "@tarojs/components";
 import { CSSTransition } from "react-transition-group";
 import { Check } from "@nutui/icons-react-taro";
-import { getWindowInfo } from "../../utils/get-system-info";
+import { getWindowInfo } from "../../utils/taro/get-system-info";
 import { Overlay } from "../overlay/overlay";
-import { getRectByTaro } from "../../utils/get-rect-by-taro";
+import { getRectInMultiPlatform } from "../../utils/taro/get-rect";
 import { ComponentDefaults } from "../../utils/typings";
 import { usePropsValue } from "../../hooks/use-props-value";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
@@ -56,7 +56,7 @@ export var MenuItem = /*#__PURE__*/ forwardRef(function(props, ref) {
                         p = parent.menuRef.current;
                         return [
                             4,
-                            getRectByTaro(p)
+                            getRectInMultiPlatform(p)
                         ];
                     case 1:
                         rect = _state.sent();
@@ -85,7 +85,7 @@ export var MenuItem = /*#__PURE__*/ forwardRef(function(props, ref) {
     var updateItemOffset = useCallback(function() {
         if (!parent.lockScroll) return;
         var p = parent.menuRef.current;
-        getRectByTaro(p).then(function(rect) {
+        getRectInMultiPlatform(p).then(function(rect) {
             if (rect) {
                 setPosition({
                     height: rect.height,

package/dist/es/packages/noticebar/noticebar.js

@@ -8,7 +8,7 @@ import React, { useEffect, useMemo, useRef, useState } from "react";
 import { View } from "@tarojs/components";
 import { Close, Notice } from "@nutui/icons-react-taro";
 import classNames from "classnames";
-import { getRectByTaro } from "../../utils/get-rect-by-taro";
+import { getRectInMultiPlatform } from "../../utils/taro/get-rect";
 import { ComponentDefaults } from "../../utils/typings";
 import { useRtl } from "../configprovider/index";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
@@ -129,13 +129,13 @@ export var NoticeBar = function(props) {
                         }
                         return [
                             4,
-                            getRectByTaro(wrapRef.current)
+                            getRectInMultiPlatform(wrapRef.current)
                         ];
                     case 1:
                         warpRes = _state.sent();
                         return [
                             4,
-                            getRectByTaro(contentRef.current)
+                            getRectInMultiPlatform(contentRef.current)
                         ];
                     case 2:
                         contentRes = _state.sent();
@@ -228,7 +228,7 @@ export var NoticeBar = function(props) {
                     case 0:
                         return [
                             4,
-                            getRectByTaro(container === null || container === void 0 ? void 0 : container.current)
+                            getRectInMultiPlatform(container === null || container === void 0 ? void 0 : container.current)
                         ];
                     case 1:
                         rects = _state.sent();

package/dist/es/packages/notify/notify.js

@@ -7,10 +7,10 @@ import classNames from "classnames";
 import { CSSTransition } from "react-transition-group";
 import { View } from "@tarojs/components";
 import { Close } from "@nutui/icons-react-taro";
-import { web } from "../../utils/platform-taro";
-import pxTransform from "../../utils/px-transform";
+import { web } from "../../utils/taro/platform";
+import { pxTransform } from "../../utils/taro/px-transform";
 import { ComponentDefaults } from "../../utils/typings";
-import { customEvents, useCustomEvent, useCustomEventsPath } from "../../hooks/use-custom-event";
+import { customEvents, useCustomEvent, useCustomEventsPath } from "../../hooks/taro/use-custom-event";
 import { mergeProps } from "../../utils/merge-props";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     id: '',

package/dist/es/packages/nutui.react.build.d.ts

@@ -207,4 +207,6 @@ export * from "./trendarrow/index";
 import WaterMark from "./watermark/index";
 export * from "./watermark/index";
 export * from "../types";
+export * from "../utils/index";
+export * from "../hooks/index";
 export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Divider, Grid, GridItem, Layout, Col, Row, SafeArea, Space, Sticky, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideBar, SideBarItem, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, DatePickerView, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, PickerView, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, ResultPage, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Lottie, Pagination, Price, Progress, Segmented, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, AvatarCropper, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };

package/dist/es/packages/nutui.react.build.js

@@ -207,4 +207,6 @@ export * from "./trendarrow/index";
 import WaterMark from "./watermark/index";
 export * from "./watermark/index";
 export * from "../types";
+export * from "../utils/index";
+export * from "../hooks/index";
 export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Divider, Grid, GridItem, Layout, Col, Row, SafeArea, Space, Sticky, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideBar, SideBarItem, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, DatePickerView, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, PickerView, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, ResultPage, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Lottie, Pagination, Price, Progress, Segmented, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, AvatarCropper, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };

package/dist/es/packages/overlay/overlay.js

@@ -7,7 +7,7 @@ import { CSSTransition } from "react-transition-group";
 import classNames from "classnames";
 import { View } from "@tarojs/components";
 import { ComponentDefaults } from "../../utils/typings";
-import { useLockScrollTaro } from "../../hooks/use-lock-scoll-taro";
+import { useLockScrollTaro } from "../../hooks/taro/use-lock-scoll";
 export var defaultOverlayProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     zIndex: 1000,
     duration: 300,

package/dist/es/packages/pagination/pagination.js

@@ -9,7 +9,7 @@ import { View } from "@tarojs/components";
 import { useConfig } from "../configprovider/index";
 import { usePropsValue } from "../../hooks/use-props-value";
 import { ComponentDefaults } from "../../utils/typings";
-import addColorForHarmony from "../../utils/add-color-for-harmony";
+import { addColorForHarmony } from "../../utils/taro/add-color-for-harmony";
 import { usePagination } from "../../hooks/use-pagination";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     defaultValue: 1,

package/dist/es/packages/picker/picker.js

@@ -10,7 +10,7 @@ import isEqual from "react-fast-compare";
 import PickerView from "../pickerview/index";
 import Popup from "../popup/index";
 import SafeArea from "../safearea/index";
-import useRefs from "../../hooks/use-refs";
+import { useRefs } from "../../hooks/use-refs";
 import { useConfig } from "../configprovider/index";
 import { usePropsValue } from "../../hooks/use-props-value";
 import { ComponentDefaults } from "../../utils/typings";

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

@@ -7,11 +7,11 @@ import classNames from "classnames";
 import { View } from "@tarojs/components";
 import { useTouch } from "../../hooks/use-touch";
 import { passiveSupported } from "../../utils/supports-passive";
-import { web } from "../../utils/platform-taro";
+import { web } from "../../utils/taro/platform";
 import { preventDefault } from "../../utils";
 import { momentum, useStyles } from "./utils";
-import useUuid from "../../hooks/use-uuid";
-import { getRectByTaro } from "../../utils/get-rect-by-taro";
+import { useUuid } from "../../hooks/use-uuid";
+import { getRectInMultiPlatform } from "../../utils/taro/get-rect";
 var InternalPickerRoller = function(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(item) {
         return item.label;
@@ -125,7 +125,7 @@ var InternalPickerRoller = function(props, ref) {
                         ]);
                         return [
                             4,
-                            getRectByTaro(placeholderRef.current)
+                            getRectInMultiPlatform(placeholderRef.current)
                         ];
                     case 1:
                         placeholder = _state.sent();

package/dist/es/packages/popover/popover.js

@@ -11,11 +11,11 @@ import { nextTick } from "@tarojs/taro";
 import { Text, View } from "@tarojs/components";
 import { ArrowRadius } from "@nutui/icons-react-taro";
 import Popup from "../popup/index";
-import { getRectByTaro } from "../../utils/get-rect-by-taro";
+import { getRectInMultiPlatform } from "../../utils/taro/get-rect";
 import { ComponentDefaults } from "../../utils/typings";
 import { useRtl } from "../configprovider/index";
-import pxTransform from "../../utils/px-transform";
-import useUuid from "../../hooks/use-uuid";
+import { pxTransform } from "../../utils/taro/px-transform";
+import { useUuid } from "../../hooks/use-uuid";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     list: [],
     theme: 'light',
@@ -88,7 +88,7 @@ export var Popover = function(props) {
                                 ];
                                 return [
                                     4,
-                                    getRectByTaro(document.querySelector("#".concat(targetId)), targetId)
+                                    getRectInMultiPlatform(document.querySelector("#".concat(targetId)), targetId)
                                 ];
                             case 1:
                                 _tmp = _state.sent();
@@ -99,7 +99,7 @@ export var Popover = function(props) {
                             case 2:
                                 return [
                                     4,
-                                    getRectByTaro(popoverRef.current, popoverId)
+                                    getRectInMultiPlatform(popoverRef.current, popoverId)
                                 ];
                             case 3:
                                 _tmp = _state.sent();
@@ -140,7 +140,7 @@ export var Popover = function(props) {
                             case 0:
                                 return [
                                     4,
-                                    getRectByTaro(popoverContentRef.current)
+                                    getRectInMultiPlatform(popoverContentRef.current)
                                 ];
                             case 1:
                                 rectContent = _state.sent();

package/dist/es/packages/popup/popup.js

@@ -10,8 +10,8 @@ import { Close } from "@nutui/icons-react-taro";
 import { View } from "@tarojs/components";
 import { defaultOverlayProps } from "../overlay/overlay";
 import Overlay from "../overlay/index";
-import { useLockScrollTaro } from "../../hooks/use-lock-scoll-taro";
-import { harmony } from "../../utils/platform-taro";
+import { useLockScrollTaro } from "../../hooks/taro/use-lock-scoll";
+import { harmony } from "../../utils/taro/platform";
 var defaultProps = _object_spread_props(_object_spread({}, defaultOverlayProps), {
     position: 'center',
     transition: '',

package/dist/es/packages/price/price.js

@@ -6,7 +6,7 @@ import { Text, View } from "@tarojs/components";
 import classNames from "classnames";
 import { ComponentDefaults } from "../../utils/typings";
 import { useRtl } from "../configprovider/index";
-import { harmony } from "../../utils/platform-taro";
+import { harmony } from "../../utils/taro/platform";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     color: 'primary',
     price: 0,

package/dist/es/packages/progress/progress.js

@@ -7,11 +7,11 @@ import React, { useEffect, useRef, useState } from "react";
 import classNames from "classnames";
 import Taro from "@tarojs/taro";
 import { View } from "@tarojs/components";
-import pxTransform from "../../utils/px-transform";
+import { pxTransform } from "../../utils/taro/px-transform";
 import { ComponentDefaults } from "../../utils/typings";
 import { useRtl } from "../configprovider/index";
-import useUuid from "../../hooks/use-uuid";
-import { harmony, web } from "../../utils/platform-taro";
+import { useUuid } from "../../hooks/use-uuid";
+import { harmony, web } from "../../utils/taro/platform";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     percent: 0,
     showText: false,

package/dist/es/packages/pulltorefresh/pulltorefresh.js

@@ -14,8 +14,8 @@ import { useTouch } from "../../hooks/use-touch";
 import { rubberbandIfOutOfBounds } from "../../utils/rubberband";
 import { sleep } from "../../utils/sleep";
 import { ComponentDefaults } from "../../utils/typings";
-import pxTransform from "../../utils/px-transform";
-import { getDeviceInfo } from "../../utils/get-system-info";
+import { pxTransform } from "../../utils/taro/px-transform";
+import { getDeviceInfo } from "../../utils/taro/get-system-info";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     type: 'default',
     pullingText: '',

package/dist/es/packages/range/range.js

@@ -7,13 +7,13 @@ import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import classNames from "classnames";
 import { Text, View } from "@tarojs/components";
-import pxTransform from "../../utils/px-transform";
+import { pxTransform } from "../../utils/taro/px-transform";
 import { useTouch } from "../../hooks/use-touch";
 import { ComponentDefaults } from "../../utils/typings";
 import { usePropsValue } from "../../hooks/use-props-value";
-import { getRectByTaro } from "../../utils/get-rect-by-taro";
+import { getRectInMultiPlatform } from "../../utils/taro/get-rect";
 import { useRtl } from "../configprovider/index";
-import { harmony } from "../../utils/platform-taro";
+import { harmony } from "../../utils/taro/platform";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     range: false,
     min: 0,
@@ -242,7 +242,7 @@ export var Range = function(props) {
                         setDragStatus('');
                         return [
                             4,
-                            getRectByTaro(root.current)
+                            getRectInMultiPlatform(root.current)
                         ];
                     case 1:
                         rect = _state.sent();
@@ -332,7 +332,7 @@ export var Range = function(props) {
                         setDragStatus('draging');
                         return [
                             4,
-                            getRectByTaro(root.current)
+                            getRectInMultiPlatform(root.current)
                         ];
                     case 1:
                         rect = _state.sent();

package/dist/es/packages/rate/rate.js

@@ -9,8 +9,8 @@ import { useReady } from "@tarojs/taro";
 import { Text, View } from "@tarojs/components";
 import { ComponentDefaults } from "../../utils/typings";
 import { usePropsValue } from "../../hooks/use-props-value";
-import { getRectByTaro } from "../../utils/get-rect-by-taro";
-import useRefs from "../../hooks/use-refs";
+import { getRectInMultiPlatform } from "../../utils/taro/get-rect";
+import { useRefs } from "../../hooks/use-refs";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     size: 'normal',
     showScore: false,
@@ -88,7 +88,7 @@ export var Rate = function(props) {
         var _loop = function(index) {
             var item = refs[index];
             if (item) {
-                getRectByTaro(item).then(function(res) {
+                getRectInMultiPlatform(item).then(function(res) {
                     rateRects.current[index] = res;
                 });
             }

package/dist/es/packages/sidebar/sidebar.js

@@ -11,7 +11,7 @@ import { ComponentDefaults } from "../../utils/typings";
 import { usePropsValue } from "../../hooks/use-props-value";
 import { useForceUpdate } from "../../hooks/use-force-update";
 import raf from "../../utils/raf";
-import useUuid from "../../hooks/use-uuid";
+import { useUuid } from "../../hooks/use-uuid";
 import SideBarItem from "../sidebaritem/index";
 import { mergeProps } from "../../utils/merge-props";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
@@ -90,11 +90,19 @@ export var SideBar = function(props) {
     var titleRectRef = useRef([]);
     var _useState = _sliced_to_array(useState(0), 2), scrollTop = _useState[0], setScrollTop = _useState[1];
     var scrollDirection = function(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++;
                 raf(animate);
             }
         }

package/dist/es/packages/skeleton/skeleton.js

@@ -12,8 +12,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     visible: false,
     size: 'normal',
     shape: 'round',
-    duration: 0.6,
-    inline: false
+    duration: 0.6
 });
 export var Skeleton = function(props) {
     var shapeStyle = function shapeStyle() {

package/dist/es/packages/sticky/sticky.js

@@ -9,10 +9,10 @@ import React, { useCallback, useEffect, useMemo, useRef, useState } from "react"
 import classNames from "classnames";
 import { getEnv, usePageScroll } from "@tarojs/taro";
 import { View } from "@tarojs/components";
-import { getWindowInfo } from "../../utils/get-system-info";
+import { getWindowInfo } from "../../utils/taro/get-system-info";
 import { ComponentDefaults } from "../../utils/typings";
-import useWatch from "../../hooks/use-watch";
-import { getRectByTaro } from "../../utils/get-rect-by-taro";
+import { useWatch } from "../../hooks/use-watch";
+import { getRectInMultiPlatform } from "../../utils/taro/get-rect";
 import { getScrollParent } from "../../utils/get-scroll-parent";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     position: 'top',
@@ -89,13 +89,13 @@ export var Sticky = function(props) {
                     case 0:
                         return [
                             4,
-                            getRectByTaro(rootRef.current)
+                            getRectInMultiPlatform(rootRef.current)
                         ];
                     case 1:
                         curRootRect = _state.sent();
                         return [
                             4,
-                            getRectByTaro(stickyRef.current)
+                            getRectInMultiPlatform(stickyRef.current)
                         ];
                     case 2:
                         stickyRect = _state.sent();
@@ -119,7 +119,7 @@ export var Sticky = function(props) {
                         ];
                         return [
                             4,
-                            getRectByTaro(container.current)
+                            getRectInMultiPlatform(container.current)
                         ];
                     case 3:
                         containerRect = _state.sent();

package/dist/es/packages/swipe/swipe.js

@@ -6,13 +6,13 @@ import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import React, { forwardRef, useEffect, useImperativeHandle, useRef, useState } from "react";
 import classNames from "classnames";
 import { View } from "@tarojs/components";
-import { useReady } from "@tarojs/taro";
+import { nextTick, useReady } from "@tarojs/taro";
 import { useTouch } from "../../hooks/use-touch";
-import { getRectByTaro } from "../../utils/get-rect-by-taro";
+import { getRectInMultiPlatform } from "../../utils/taro/get-rect";
 import { ComponentDefaults } from "../../utils/typings";
-import { harmony } from "../../utils/platform-taro";
+import { harmony } from "../../utils/taro/platform";
 import { useRefState } from "../../hooks/use-ref-state";
-import useUuid from "../../hooks/use-uuid";
+import { useUuid } from "../../hooks/use-uuid";
 function preventDefault(event, isStopPropagation) {
     if (typeof event.cancelable !== 'boolean' || event.cancelable) {
         event.preventDefault();
@@ -44,7 +44,7 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
                             ];
                             return [
                                 4,
-                                getRectByTaro(leftWrapper.current, leftId)
+                                getRectInMultiPlatform(leftWrapper.current, leftId)
                             ];
                         case 1:
                             leftRect = _state.sent();
@@ -61,7 +61,7 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
                             ];
                             return [
                                 4,
-                                getRectByTaro(rightWrapper.current, rightId)
+                                getRectInMultiPlatform(rightWrapper.current, rightId)
                             ];
                         case 3:
                             rightRect = _state.sent();
@@ -82,7 +82,7 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
                 return _ref.apply(this, arguments);
             };
         }();
-        setTimeout(function() {
+        nextTick(function() {
             return getWidth();
         });
     });
@@ -128,7 +128,7 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
                         ];
                         return [
                             4,
-                            getRectByTaro(leftWrapper.current, leftId)
+                            getRectInMultiPlatform(leftWrapper.current, leftId)
                         ];
                     case 1:
                         leftRect = _state.sent();
@@ -145,7 +145,7 @@ export var Swipe = /*#__PURE__*/ forwardRef(function(props, instanceRef) {
                         ];
                         return [
                             4,
-                            getRectByTaro(rightWrapper.current, rightId)
+                            getRectInMultiPlatform(rightWrapper.current, rightId)
                         ];
                     case 3:
                         rightRect = _state.sent();

package/dist/es/packages/swiper/swiper.js

@@ -7,7 +7,7 @@ import React, { Children, useEffect, useImperativeHandle, useMemo, useState } fr
 import { Swiper as TaroSwiper, SwiperItem as TSwiperItem, View } from "@tarojs/components";
 import classNames from "classnames";
 import Indicator from "../indicator/index";
-import pxTransform from "../../utils/px-transform";
+import { pxTransform } from "../../utils/taro/px-transform";
 var defaultProps = {
     direction: 'horizontal',
     indicator: false,