its_ui_vite 1.1.12 → 1.1.14

package/package.json

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

package/src/assets/js/helpers.js

@@ -57,11 +57,12 @@ export const CClasses = {
 
 export function addTracingElement(target, moveFn = () => {}) {  
   let timer;
+  let interval;
   let debounceTimer;
   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 +75,10 @@ export function addTracingElement(target, moveFn = () => {}) {
     }
   }
 
+  function isMoveTarget(position) {
+    return position.top !== target.value?.getBoundingClientRect().top;
+  }
+
   function isVisible(position) {
     if (!position) return false
 
@@ -120,38 +125,59 @@ 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);
-      debounceTimer = setTimeout(() => {
+      // здесь interval т.к. некоторые элементы могут двигатся после onMounted (к примеру попапы на карте)
+      clearInterval(interval);
+      interval = setInterval(() => {
         const position = target.value?.getBoundingClientRect();
-        lockPosition = true;
         
         setPositionInfo(position);
         dispatch(positionInfo);
       }, 200);
+      
+      // здесь debounce т.к. не всегда привязанный элемент встает на место
+      clearTimeout(debounceTimer);
+      debounceTimer = setTimeout(() => {
+        clearInterval(interval);
+        lockPosition = true;
+      }, 1250);
     }, 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)
+    
+    targetMoveHandler();
   }
 
   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 {