@nutui/nutui-react 3.0.8 → 3.0.9-beta.0

package/CHANGELOG.md

@@ -1,20 +1,19 @@
 # v3.0.8
-`2025-04-11`
-
 
-* :sparkles: feat(v15): swipe 增加 v15 的 demo (#3160)
-* :sparkles: feat(dialog): 添加变量处理 (#3172)
-* :bug: fix(sidebar): scroll animation not working with sidebarDuration prop (#3169)
-* :bug: fix(switch):  异步操作中抛错可中断 loading 态 (#3143)
-* :bug: fix: jmapp demo build (#3146)
-* :bug: fix(image): 组件内部的style处理覆盖传入的className (#3165)
-* :bug: fix(cascader): 选中后 tab 应展示 text 字段的值 (#3167)
-* :bug: fix: codesandbox displays abnormal (#3159)
-* :bug: fix(docs): 修复 markdown 无法正确编译注释 (#3158)
-* :bug: fix(skeleton): 废弃inline 导致的警告问题修复 (#3154)
-* 🏡 chore: 增加 useHtmlComponents 模式 (#3156)
-* 📖 docs: 补充快速上手和主题中的配置项的解释 (#3163)
+`2025-04-11`
 
+- :sparkles: feat(v15): swipe 增加 v15 的 demo (#3160)
+- :sparkles: feat(dialog): 添加变量处理 (#3172)
+- :bug: fix(sidebar): scroll animation not working with sidebarDuration prop (#3169)
+- :bug: fix(switch): 异步操作中抛错可中断 loading 态 (#3143)
+- :bug: fix: jmapp demo build (#3146)
+- :bug: fix(image): 组件内部的style处理覆盖传入的className (#3165)
+- :bug: fix(cascader): 选中后 tab 应展示 text 字段的值 (#3167)
+- :bug: fix: codesandbox displays abnormal (#3159)
+- :bug: fix(docs): 修复 markdown 无法正确编译注释 (#3158)
+- :bug: fix(skeleton): 废弃inline 导致的警告问题修复 (#3154)
+- 🏡 chore: 增加 useHtmlComponents 模式 (#3156)
+- 📖 docs: 补充快速上手和主题中的配置项的解释 (#3163)
 
 # v3.0.7
 

package/dist/cjs/hooks/index.d.ts

@@ -0,0 +1,12 @@
+export * from './use-click-away';
+export * from './use-force-update';
+export * from './use-isomprphic-layout-effect';
+export * from './use-lock-scroll';
+export * from './use-memo';
+export * from './use-pagination';
+export * from './use-props-value';
+export * from './use-ref-state';
+export * from './use-refs';
+export * from './use-touch';
+export * from './use-uuid';
+export * from './use-watch';

package/dist/cjs/hooks/index.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+var _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./use-click-away"), exports);
+_export_star._(require("./use-force-update"), exports);
+_export_star._(require("./use-isomprphic-layout-effect"), exports);
+_export_star._(require("./use-lock-scroll"), exports);
+_export_star._(require("./use-memo"), exports);
+_export_star._(require("./use-pagination"), exports);
+_export_star._(require("./use-props-value"), exports);
+_export_star._(require("./use-ref-state"), exports);
+_export_star._(require("./use-refs"), exports);
+_export_star._(require("./use-touch"), exports);
+_export_star._(require("./use-uuid"), exports);
+_export_star._(require("./use-watch"), exports);

package/dist/cjs/hooks/index.taro.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+var _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./use-click-away"), exports);
+_export_star._(require("./taro/use-custom-event"), exports);
+_export_star._(require("./use-force-update"), exports);
+_export_star._(require("./use-isomprphic-layout-effect"), exports);
+_export_star._(require("./taro/use-lock-scoll"), exports);
+_export_star._(require("./use-lock-scroll"), exports);
+_export_star._(require("./use-memo"), exports);
+_export_star._(require("./use-pagination"), exports);
+_export_star._(require("./use-props-value"), exports);
+_export_star._(require("./use-ref-state"), exports);
+_export_star._(require("./use-refs"), exports);
+_export_star._(require("./use-touch"), exports);
+_export_star._(require("./use-uuid"), exports);
+_export_star._(require("./use-watch"), exports);

package/dist/cjs/hooks/{use-custom-event.js → taro/use-custom-event.js}

@@ -27,7 +27,7 @@ var _object_spread = require("@swc/helpers/_/_object_spread");
 var _react = require("react");
 var _reactfastcompare = /*#__PURE__*/ _interop_require_default._(require("react-fast-compare"));
 var _taro = require("@tarojs/taro");
-var _useforceupdate = require("./use-force-update");
+var _useforceupdate = require("../use-force-update");
 var customEvents = new _taro.Events();
 function useCustomEventsPath(selector) {
     var _getCurrentInstance_router;

package/dist/cjs/hooks/{use-lock-scoll-taro.js → taro/use-lock-scoll.js}

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "useLockScrollTaro", {
 });
 var _react = require("react");
 var _taro = require("@tarojs/taro");
-var _uselockscroll = require("./use-lock-scroll");
+var _uselockscroll = require("../use-lock-scroll");
 var useLockScrollTaro = function useLockScrollTaro(shouldLock) {
     var refObject = (0, _react.useRef)(null);
     if ((0, _taro.getEnv)() === 'WEB') {

package/dist/cjs/hooks/use-memo.d.ts

@@ -1 +1 @@
-export default function useMemo<Value, Condition = any[]>(getValue: () => Value, condition: Condition, shouldUpdate: (prev: Condition, next: Condition) => boolean): Value | undefined;
+export declare function useMemo<Value, Condition = any[]>(getValue: () => Value, condition: Condition, shouldUpdate: (prev: Condition, next: Condition) => boolean): Value | undefined;

package/dist/cjs/hooks/use-memo.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "useMemo", {
     enumerable: true,
     get: function() {
         return useMemo;

package/dist/cjs/hooks/use-refs.d.ts

@@ -1 +1 @@
-export default function useRefs(): any[];
+export declare function useRefs(): any[];

package/dist/cjs/hooks/use-refs.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "useRefs", {
     enumerable: true,
     get: function() {
         return useRefs;

package/dist/cjs/hooks/use-uuid.d.ts

@@ -1 +1 @@
-export default function useUuid(): string;
+export declare function useUuid(): string;

package/dist/cjs/hooks/use-uuid.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "useUuid", {
     enumerable: true,
     get: function() {
         return useUuid;

package/dist/cjs/hooks/use-watch.d.ts

@@ -2,5 +2,5 @@ type Callback<T> = (prev: T | undefined) => void;
 type Config = {
     immediate: boolean;
 };
-declare function useWatch<T>(dep: T, callback: Callback<T>, config?: Config): () => void;
-export default useWatch;
+export declare function useWatch<T>(dep: T, callback: Callback<T>, config?: Config): () => void;
+export {};

package/dist/cjs/hooks/use-watch.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "useWatch", {
     enumerable: true,
     get: function() {
-        return _default;
+        return useWatch;
     }
 });
 var _react = require("react");
@@ -39,4 +39,3 @@ function useWatch(dep, callback) {
         stop.current = true;
     };
 }
-var _default = useWatch;

package/dist/cjs/packages/avatarcropper/avatarcropper.js

@@ -22,7 +22,7 @@ var _button = /*#__PURE__*/ _interop_require_default._(require("../button"));
 var _typings = require("../../utils/typings");
 var _usetouch = require("../../hooks/use-touch");
 var _utils = require("../../utils");
-var _useclientrect = require("../../hooks/use-client-rect");
+var _getrect = require("../../utils/get-rect");
 var _configprovider = require("../configprovider");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     maxZoom: 3,
@@ -218,7 +218,7 @@ var AvatarCropper = function AvatarCropper(props) {
     ]);
     // 设置绘制图片
     var setDrawImgs = function setDrawImgs(image) {
-        var rect = (0, _useclientrect.getRect)(cropperPopupRef.current);
+        var rect = (0, _getrect.getRect)(cropperPopupRef.current);
         if (!rect) return;
         var clientWidth = rect.width, clientHeight = rect.height;
         var canvasWidth = state.displayWidth = clientWidth * devicePixelRatio;

package/dist/cjs/packages/configprovider/configprovider.js

@@ -37,9 +37,9 @@ var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _lodashkebabcase = /*#__PURE__*/ _interop_require_default._(require("lodash.kebabcase"));
 var _reactfastcompare = /*#__PURE__*/ _interop_require_default._(require("react-fast-compare"));
-var _usememo = /*#__PURE__*/ _interop_require_default._(require("../../hooks/use-memo"));
+var _usememo = require("../../hooks/use-memo");
 var _zhCN = /*#__PURE__*/ _interop_require_default._(require("../../locales/zh-CN"));
-var _raf = require("../../utils/raf");
+var _utils = require("../../utils");
 var classPrefix = 'nut-configprovider';
 var defaultConfigRef = {
     current: {
@@ -69,7 +69,7 @@ var useRtl = function useRtl() {
     if (direction) {
         return direction === 'rtl';
     }
-    return _raf.inBrowser && document.dir === 'rtl';
+    return _utils.inBrowser && document.dir === 'rtl';
 };
 var ConfigProvider = function ConfigProvider(props) {
     var style = props.style, className = props.className, children = props.children, direction = props.direction, config = (0, _object_without_properties._)(props, [
@@ -78,7 +78,7 @@ var ConfigProvider = function ConfigProvider(props) {
         "children",
         "direction"
     ]);
-    var mergedConfig = (0, _usememo.default)(function() {
+    var mergedConfig = (0, _usememo.useMemo)(function() {
         return (0, _object_spread_props._)((0, _object_spread._)({}, getDefaultConfig(), config), {
             direction: direction
         });

package/dist/cjs/packages/noticebar/noticebar.js

@@ -17,7 +17,7 @@ var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _iconsreact = require("@nutui/icons-react");
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
-var _useclientrect = require("../../hooks/use-client-rect");
+var _getrect = require("../../utils/get-rect");
 var _typings = require("../../utils/typings");
 var _configprovider = require("../configprovider");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
@@ -131,8 +131,8 @@ var NoticeBar = function NoticeBar(props) {
             if (!wrapRef.current || !contentRef.current) {
                 return;
             }
-            var wrapW = (0, _useclientrect.getRect)(wrapRef.current).width;
-            var offsetW = (0, _useclientrect.getRect)(contentRef.current).width;
+            var wrapW = (0, _getrect.getRect)(wrapRef.current).width;
+            var offsetW = (0, _getrect.getRect)(contentRef.current).width;
             var canScroll = align === 'left' && scrollable == null ? offsetW > wrapW : scrollable;
             SetIsCanScroll(canScroll);
             if (canScroll) {
@@ -209,7 +209,7 @@ var NoticeBar = function NoticeBar(props) {
     // 垂直自定义滚动方式
     var init = function init() {
         var active = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : +0;
-        var rects = (0, _useclientrect.getRect)(container === null || container === void 0 ? void 0 : container.current);
+        var rects = (0, _getrect.getRect)(container === null || container === void 0 ? void 0 : container.current);
         var _active = Math.max(Math.min(childCount - 1, active), 0);
         var _height = rects.height;
         trackSize = childCount * Number(_height);

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

@@ -207,4 +207,6 @@ export * from "./trendarrow";
 import WaterMark from "./watermark";
 export * from "./watermark";
 export * from "../types";
+export * from "../utils";
+export * from "../hooks";
 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/cjs/packages/nutui.react.build.js

@@ -429,3 +429,5 @@ var _timeselect = /*#__PURE__*/ _interop_require_default._(_export_star._(requir
 var _trendarrow = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./trendarrow"), exports));
 var _watermark = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./watermark"), exports));
 _export_star._(require("../types"), exports);
+_export_star._(require("../utils"), exports);
+_export_star._(require("../hooks"), exports);

package/dist/cjs/packages/nutui.react.d.ts

@@ -311,4 +311,6 @@ import "./timeselect/timeselect.scss";
 import "./trendarrow/trendarrow.scss";
 import "./watermark/watermark.scss";
 export * from "../types";
+export * from "../utils";
+export * from "../hooks";
 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/cjs/packages/nutui.react.js

@@ -533,3 +533,5 @@ require("./timeselect/timeselect.scss");
 require("./trendarrow/trendarrow.scss");
 require("./watermark/watermark.scss");
 _export_star._(require("../types"), exports);
+_export_star._(require("../utils"), exports);
+_export_star._(require("../hooks"), exports);

package/dist/cjs/packages/picker/picker.js

@@ -21,7 +21,7 @@ var _reactfastcompare = /*#__PURE__*/ _interop_require_default._(require("react-
 var _index = /*#__PURE__*/ _interop_require_default._(require("../pickerview/index"));
 var _index1 = /*#__PURE__*/ _interop_require_default._(require("../popup/index"));
 var _index2 = /*#__PURE__*/ _interop_require_default._(require("../safearea/index"));
-var _userefs = /*#__PURE__*/ _interop_require_default._(require("../../hooks/use-refs"));
+var _userefs = require("../../hooks/use-refs");
 var _configprovider = require("../configprovider");
 var _usepropsvalue = require("../../hooks/use-props-value");
 var _typings = require("../../utils/typings");
@@ -88,7 +88,7 @@ var InternalPicker = function InternalPicker(props, ref) {
     var innerValueRef = (0, _react.useRef)(innerValue);
     var _useState1 = (0, _sliced_to_array._)((0, _react.useState)([]), 2), innerOptions = _useState1[0], setInnerOptions = _useState1[1];
     var selectedOptionsRef = (0, _react.useRef)([]);
-    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];
     (0, _react.useEffect)(function() {
         if (innerVisible) {
             setInnerValue(selectedValue);

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

@@ -20,7 +20,7 @@ var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames")
 var _reactdom = require("react-dom");
 var _iconsreact = require("@nutui/icons-react");
 var _index = /*#__PURE__*/ _interop_require_default._(require("../popup/index"));
-var _useclientrect = require("../../hooks/use-client-rect");
+var _getrect = require("../../utils/get-rect");
 var _typings = require("../../utils/typings");
 var _useclickaway = /*#__PURE__*/ _interop_require_default._(require("../../hooks/use-click-away"));
 var _canusedom = require("../../utils/can-use-dom");
@@ -126,7 +126,7 @@ var Popover = function Popover(props) {
         onClose === null || onClose === void 0 ? void 0 : onClose();
     }, targetSet, 'touchstart', true, visible, closeOnOutsideClick);
     var getWrapperPosition = function getWrapperPosition() {
-        var rect = (0, _useclientrect.getRect)(targetId ? document.querySelector("#".concat(targetId)) : popoverRef.current);
+        var rect = (0, _getrect.getRect)(targetId ? document.querySelector("#".concat(targetId)) : popoverRef.current);
         var distance = Math.max(document.documentElement.scrollTop, document.body.scrollTop);
         var width = rect.width, height = rect.height, right = rect.right, left = rect.left, top = rect.top;
         setWrapperPosition({

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

@@ -17,7 +17,7 @@ var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _usetouch = require("../../hooks/use-touch");
-var _useclientrect = require("../../hooks/use-client-rect");
+var _getrect = require("../../utils/get-rect");
 var _typings = require("../../utils/typings");
 var _usepropsvalue = require("../../hooks/use-props-value");
 var _configprovider = require("../configprovider");
@@ -238,7 +238,7 @@ var Range = function Range(props) {
             return;
         }
         setDragStatus('');
-        var rect = (0, _useclientrect.getRect)(root.current);
+        var rect = (0, _getrect.getRect)(root.current);
         var delta = event.clientX - rect.left;
         var total = rect.width;
         if (vertical) {
@@ -302,7 +302,7 @@ var Range = function Range(props) {
         }
         touch.move(event);
         setDragStatus('draging');
-        var rect = (0, _useclientrect.getRect)(root.current);
+        var rect = (0, _getrect.getRect)(root.current);
         var delta = touch.deltaX.current;
         var total = rect.width;
         var diff = delta / total * scope;

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

@@ -19,8 +19,8 @@ var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames")
 var _iconsreact = require("@nutui/icons-react");
 var _typings = require("../../utils/typings");
 var _usepropsvalue = require("../../hooks/use-props-value");
-var _useclientrect = require("../../hooks/use-client-rect");
-var _userefs = /*#__PURE__*/ _interop_require_default._(require("../../hooks/use-refs"));
+var _getrect = require("../../utils/get-rect");
+var _userefs = require("../../hooks/use-refs");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     size: 'normal',
     showScore: false,
@@ -43,7 +43,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,
@@ -98,7 +98,7 @@ var Rate = function Rate(props) {
         for(var index = 0; index < refs.length; index++){
             var item = refs[index];
             if (item) {
-                rateRects.current[index] = (0, _useclientrect.getRect)(item);
+                rateRects.current[index] = (0, _getrect.getRect)(item);
             }
         }
     };

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

@@ -18,8 +18,8 @@ var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _getscrollparent = require("../../utils/get-scroll-parent");
-var _useclientrect = require("../../hooks/use-client-rect");
-var _usewatch = /*#__PURE__*/ _interop_require_default._(require("../../hooks/use-watch"));
+var _getrect = require("../../utils/get-rect");
+var _usewatch = require("../../hooks/use-watch");
 var _typings = require("../../utils/typings");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     position: 'top',
@@ -61,10 +61,10 @@ var Sticky = function Sticky(props) {
         var rootEle = rootRef.current;
         var stickyEle = stickyRef.current;
         if (!rootEle && !containerEle) return;
-        var rootRect = (0, _useclientrect.getRect)(rootEle);
-        var containerRect = (0, _useclientrect.getRect)(containerEle);
+        var rootRect = (0, _getrect.getRect)(rootEle);
+        var containerRect = (0, _getrect.getRect)(containerEle);
         var clientHeight = document.documentElement.clientHeight;
-        var stickyRect = (0, _useclientrect.getRect)(stickyEle);
+        var stickyRect = (0, _getrect.getRect)(stickyEle);
         var fixed = clientHeight - threshold < rootRect.bottom;
         if (containerEle) {
             fixed = containerRect.bottom > clientHeight - threshold - stickyRect.height && clientHeight - threshold - stickyRect.height > containerRect.top;
@@ -86,9 +86,9 @@ var Sticky = function Sticky(props) {
         var rootEle = rootRef.current;
         var stickyEle = stickyRef.current;
         if (!rootEle && !containerEle) return;
-        var rootRect = (0, _useclientrect.getRect)(rootEle);
-        var stickyRect = (0, _useclientrect.getRect)(stickyEle);
-        var containerRect = (0, _useclientrect.getRect)(containerEle);
+        var rootRect = (0, _getrect.getRect)(rootEle);
+        var stickyRect = (0, _getrect.getRect)(stickyEle);
+        var containerRect = (0, _getrect.getRect)(containerEle);
         if (rootRect.height) {
             setRootStyle(function(prev) {
                 return (0, _object_spread_props._)((0, _object_spread._)({}, prev), {
@@ -139,7 +139,7 @@ var Sticky = function Sticky(props) {
         threshold,
         container
     ]);
-    (0, _usewatch.default)(isFixed, function() {
+    (0, _usewatch.useWatch)(isFixed, function() {
         onChange && onChange(isFixed);
     });
     (0, _react.useEffect)(function() {

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

@@ -16,7 +16,7 @@ var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _usetouch = require("../../hooks/use-touch");
-var _useclientrect = require("../../hooks/use-client-rect");
+var _getrect = require("../../utils/get-rect");
 function preventDefault(event, isStopPropagation) {
     if (typeof event.cancelable !== 'boolean' || event.cancelable) {
         event.preventDefault();
@@ -139,7 +139,7 @@ var Swipe = /*#__PURE__*/ (0, _react.forwardRef)(function(props, instanceRef) {
     };
     var getNodeWidth = function getNodeWidth(node) {
         if (node) {
-            var ele = (0, _useclientrect.getRect)(node);
+            var ele = (0, _getrect.getRect)(node);
             return ele.width;
         }
         return 0;

package/dist/cjs/packages/tour/tour.js

@@ -18,7 +18,7 @@ var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _iconsreact = require("@nutui/icons-react");
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _popover = /*#__PURE__*/ _interop_require_default._(require("../popover"));
-var _useclientrect = require("../../hooks/use-client-rect");
+var _getrect = require("../../utils/get-rect");
 var _typings = require("../../utils/typings");
 var _configprovider = require("../configprovider");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
@@ -94,7 +94,7 @@ var Tour = function Tour(props) {
     ]);
     var getRootPosition = function getRootPosition() {
         var el = document.querySelector("#".concat(list[active].target));
-        var rect = (0, _useclientrect.getRect)(el);
+        var rect = (0, _getrect.getRect)(el);
         setMaskRect(rect);
     };
     var maskStyle = function maskStyle() {

package/dist/cjs/utils/clamp.d.ts

@@ -0,0 +1 @@
+export declare const clamp: (num: number, min: number, max: number) => number;

package/dist/cjs/utils/clamp.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "clamp", {
+    enumerable: true,
+    get: function() {
+        return clamp;
+    }
+});
+var clamp = function clamp(num, min, max) {
+    return Math.min(Math.max(num, min), max);
+};

package/dist/cjs/utils/index.d.ts

@@ -1,6 +1,28 @@
-export declare const isObject: (val: unknown) => val is Record<any, any>;
-export declare const isFunction: (val: unknown) => val is Function;
-export declare const isPromise: <T = any>(val: unknown) => val is Promise<T>;
-export declare const upperCaseFirst: (str: string) => string;
-export declare const clamp: (num: number, min: number, max: number) => number;
-export declare function preventDefault(event: React.TouchEvent<HTMLElement> | TouchEvent, isStopPropagation?: boolean): void;
+export * from './bound';
+export * from './camel-case';
+export * from './can-use-dom';
+export * from './clamp';
+export * from './date';
+export * from './get-rect';
+export * from './get-scroll-parent';
+export * from './interceptor';
+export * from './is-date';
+export * from './is-empty';
+export * from './is-forward-ref-component';
+export * from './is-function';
+export * from './is-object';
+export * from './is-promise';
+export * from './lru';
+export * from './merge';
+export * from './merge-props';
+export * from './pad-zero';
+export * from './prevent-default';
+export * from './px-check';
+export * from './raf';
+export * from './render';
+export * from './rubberband';
+export * from './sleep';
+export * from './supports-passive';
+export * from './to-array';
+export * from './typings';
+export * from './upper-case-first';

package/dist/cjs/utils/index.js

@@ -2,57 +2,32 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    clamp: function() {
-        return clamp;
-    },
-    isFunction: function() {
-        return isFunction;
-    },
-    isObject: function() {
-        return isObject;
-    },
-    isPromise: function() {
-        return isPromise;
-    },
-    preventDefault: function() {
-        return preventDefault;
-    },
-    upperCaseFirst: function() {
-        return upperCaseFirst;
-    }
-});
-var _type_of = require("@swc/helpers/_/_type_of");
-var isObject = function isObject(val) {
-    return val !== null && (typeof val === "undefined" ? "undefined" : (0, _type_of._)(val)) === 'object';
-};
-var isFunction = function isFunction(val) {
-    return typeof val === 'function';
-};
-var isPromise = function isPromise(val) {
-    return isObject(val) && isFunction(val.then) && isFunction(val.catch);
-};
-var upperCaseFirst = function upperCaseFirst(str) {
-    str = str.toLowerCase();
-    str = str.replace(/\b\w+\b/g, function(word) {
-        return word.substring(0, 1).toUpperCase() + word.substring(1);
-    });
-    return str;
-};
-var clamp = function clamp(num, min, max) {
-    return Math.min(Math.max(num, min), max);
-};
-function preventDefault(event, isStopPropagation) {
-    if (typeof event.cancelable !== 'boolean' || event.cancelable) {
-        event.preventDefault();
-    }
-    if (isStopPropagation) {
-        event.stopPropagation();
-    }
-}
+var _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./bound"), exports);
+_export_star._(require("./camel-case"), exports);
+_export_star._(require("./can-use-dom"), exports);
+_export_star._(require("./clamp"), exports);
+_export_star._(require("./date"), exports);
+_export_star._(require("./get-rect"), exports);
+_export_star._(require("./get-scroll-parent"), exports);
+_export_star._(require("./interceptor"), exports);
+_export_star._(require("./is-date"), exports);
+_export_star._(require("./is-empty"), exports);
+_export_star._(require("./is-forward-ref-component"), exports);
+_export_star._(require("./is-function"), exports);
+_export_star._(require("./is-object"), exports);
+_export_star._(require("./is-promise"), exports);
+_export_star._(require("./lru"), exports);
+_export_star._(require("./merge"), exports);
+_export_star._(require("./merge-props"), exports);
+_export_star._(require("./pad-zero"), exports);
+_export_star._(require("./prevent-default"), exports);
+_export_star._(require("./px-check"), exports);
+_export_star._(require("./raf"), exports);
+_export_star._(require("./render"), exports);
+_export_star._(require("./rubberband"), exports);
+_export_star._(require("./sleep"), exports);
+_export_star._(require("./supports-passive"), exports);
+_export_star._(require("./to-array"), exports);
+_export_star._(require("./typings"), exports);
+_export_star._(require("./upper-case-first"), exports);