its_ui_vite 1.1.11 → 1.1.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "its_ui_vite",
-  "version": "1.1.11",
+  "version": "1.1.13",
   "main": "./src/libIndex.js",
   "module": "./src/libIndex.js",
   "files": [

package/src/assets/js/helpers.js

@@ -61,7 +61,7 @@ export function addTracingElement(target, moveFn = () => {}) {
   let positionInfo;
   let lockPosition = true;
 
-  const handlesEvents = ['mousemove', 'wheel', 'load', 'fullscreenchange', 'webkitfullscreenchange', 'mozfullscreenchange', 'msfullscreenchange']
+  const handlesEvents = ['wheel', 'load', 'fullscreenchange', 'webkitfullscreenchange', 'mozfullscreenchange', 'msfullscreenchange']
 
   function setPositionInfo(position, e) {
     positionInfo = {
@@ -74,6 +74,10 @@ export function addTracingElement(target, moveFn = () => {}) {
     }
   }
 
+  function isMoveTarget(position) {
+    return position.top !== target.value?.getBoundingClientRect().top;
+  }
+
   function isVisible(position) {
     if (!position) return false
 
@@ -120,12 +124,15 @@ export function addTracingElement(target, moveFn = () => {}) {
     lockPosition = !e?.deltaY;
 
     if (timer) return;
-    dispatch(positionInfo);
+    // это нужно чтобы проверить сдвинулся ли скролл
+    requestAnimationFrame(() => {
+      if (isMoveTarget(position)) dispatch(positionInfo);
+    });
 
     timer = setTimeout(() => {
       timer = undefined;
 
-      dispatch(positionInfo);
+      if (isMoveTarget(position)) dispatch(positionInfo);
 
       // здесь debounce т.к. не всегда привязанный элемент встает на место
       clearTimeout(debounceTimer);
@@ -139,19 +146,31 @@ export function addTracingElement(target, moveFn = () => {}) {
     }, 100);
   }
 
+  function setDargHandler(e) {
+    if (e.type === 'mousedown') document.body.addEventListener('mousemove', targetMoveHandler)
+    else document.body.removeEventListener('mousemove', targetMoveHandler)
+  }
+
   function addListeners() {
     handlesEvents.forEach((eventName) => {
       const handleRoot = eventName === 'load' ? window : document.body
       handleRoot.addEventListener(eventName, targetMoveHandler)
     })
-    targetMoveHandler()
+    
+    document.body.addEventListener('mousedown', setDargHandler)
+    document.body.addEventListener('mouseup', setDargHandler)
+    
+    dispatch(target.value?.getBoundingClientRect());
   }
 
   function removeListeners() {
     handlesEvents.forEach((eventName) => {
       const handleRoot = eventName === 'load' ? window : document.body
       handleRoot.removeEventListener(eventName, targetMoveHandler)
-    })
+    });
+
+    document.body.removeEventListener('mousedown', setDargHandler)
+    document.body.removeEventListener('mouseup', setDargHandler)
   }
 
   return {