@sheinx/hooks 3.3.7-beta.6 → 3.3.7

package/cjs/common/use-transform/use-transform.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-transform.d.ts","sourceRoot":"","sources":["use-transform.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,QAAA,MAAM,YAAY,aAAc,iBAAiB;;;;;;;;8BAwBd,MAAM;;;CAsFxC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"use-transform.d.ts","sourceRoot":"","sources":["use-transform.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,QAAA,MAAM,YAAY,aAAc,iBAAiB;;;;;;;;8BAwBd,MAAM;;;CA0FxC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/common/use-transform/use-transform.js

@@ -116,13 +116,17 @@ var useTransform = function useTransform(props) {
       setAtStart(true);
     }
     var removeWheelListener;
+    var removeScrollerListener;
     if (autoScroll) {
       var removeMouse = shouldScroll ? (0, _scrollBehavior.banOverScrollx)(container) : null;
       removeWheelListener = (0, _element.addResizeObserver)(container, handleResize);
+      // 同时需要监听tabs-header-scroll的resize事件，防止tabs-header-scroll的宽度变化后不出现左右箭头的问题
+      removeScrollerListener = (0, _element.addResizeObserver)(target, handleResize);
       return function () {
-        var _removeWheelListener;
+        var _removeWheelListener, _removeScrollerListen;
         removeMouse === null || removeMouse === void 0 || removeMouse();
         (_removeWheelListener = removeWheelListener) === null || _removeWheelListener === void 0 || _removeWheelListener();
+        (_removeScrollerListen = removeScrollerListener) === null || _removeScrollerListen === void 0 || _removeScrollerListen();
       };
     }
   }, [containerRef.current, targetRef.current, shouldScroll]);

package/esm/common/use-transform/use-transform.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-transform.d.ts","sourceRoot":"","sources":["use-transform.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,QAAA,MAAM,YAAY,aAAc,iBAAiB;;;;;;;;8BAwBd,MAAM;;;CAsFxC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"use-transform.d.ts","sourceRoot":"","sources":["use-transform.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,QAAA,MAAM,YAAY,aAAc,iBAAiB;;;;;;;;8BAwBd,MAAM;;;CA0FxC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/esm/common/use-transform/use-transform.js

@@ -110,13 +110,17 @@ var useTransform = function useTransform(props) {
       setAtStart(true);
     }
     var removeWheelListener;
+    var removeScrollerListener;
     if (autoScroll) {
       var removeMouse = shouldScroll ? banOverScrollx(container) : null;
       removeWheelListener = addResizeObserver(container, handleResize);
+      // 同时需要监听tabs-header-scroll的resize事件，防止tabs-header-scroll的宽度变化后不出现左右箭头的问题
+      removeScrollerListener = addResizeObserver(target, handleResize);
       return function () {
-        var _removeWheelListener;
+        var _removeWheelListener, _removeScrollerListen;
         removeMouse === null || removeMouse === void 0 || removeMouse();
         (_removeWheelListener = removeWheelListener) === null || _removeWheelListener === void 0 || _removeWheelListener();
+        (_removeScrollerListen = removeScrollerListener) === null || _removeScrollerListen === void 0 || _removeScrollerListen();
       };
     }
   }, [containerRef.current, targetRef.current, shouldScroll]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sheinx/hooks",
-  "version": "3.3.7-beta.6",
+  "version": "3.3.7",
   "description": "",
   "keywords": [],
   "license": "MIT",