aloha-vue 1.2.256 → 1.2.257

package/package.json

@@ -14,7 +14,7 @@
     "Vue.js"
   ],
   "homepage": "https://github.com/ilia-brykin/aloha/#README.md",
-  "version": "1.2.256",
+  "version": "1.2.257",
   "author": {
     "name": "Ilia Brykin",
     "email": "brykin.ilia@gmail.com"

package/src/AShowMore/compositionAPI/ObservingAPI.js

@@ -5,6 +5,7 @@ import {
 } from "vue";
 
 import {
+  debounce,
   get,
 } from "lodash-es";
 
@@ -33,9 +34,11 @@ export default function ObservingAPI(props, {
     if (isBtnHiddenDependentOnTextLength.value) {
       return;
     }
-    observer.value = new ResizeObserver(() => {
-      checkHeight();
-    });
+    observer.value = new ResizeObserver(
+      debounce(() => {
+        checkHeight();
+      }, 300)
+    );
     observer.value.observe(containerRef.value);
   };
 

package/src/ATable/compositionAPI/PreviewRightResizeAPI.js

@@ -7,6 +7,7 @@ import {
 import PreviewRightRewAPI from "./PreviewRightRewAPI";
 
 import {
+  debounce,
   get,
 } from "lodash-es";
 
@@ -90,14 +91,16 @@ export default function PreviewRightResizeAPI(props, { emit }, {
     });
   };
 
-  const resizeOb = new ResizeObserver(entries => {
-    // since we are observing only a single element, so we access the first element in entries array
-    const RECT = entries[0].contentRect;
-    if (tableGrandparentWidth !== RECT.width) {
-      tableGrandparentWidth = RECT.width;
-      correctTableUndPreviewWidth();
-    }
-  });
+  const resizeOb = new ResizeObserver(
+    debounce(entries => {
+      // since we are observing only a single element, so we access the first element in entries array
+      const RECT = entries[0].contentRect;
+      if (tableGrandparentWidth !== RECT.width) {
+        tableGrandparentWidth = RECT.width;
+        correctTableUndPreviewWidth();
+      }
+    }, 300)
+  );
 
   const addEventListenerWindowResize = () => {
     resizeOb.observe(tableGrandparentRef.value);

package/src/ATable/compositionAPI/ScrollControlAPI.js

@@ -12,6 +12,7 @@ import {
 } from "../utils/utils.js";
 import {
   cloneDeep,
+  debounce,
   forEach,
   isNil,
   isUndefined,
@@ -35,7 +36,6 @@ export default function ScrollControlAPI(props, { emit }, {
 
   const aTableRef = ref(undefined);
   const columnsVisibleAdditionalSpaceForOneGrow = ref(0);
-  const resizeTimeout = ref(undefined);
   const tableWidth = ref(undefined);
   let changingTableWidth = false;
   const delta = 20; // approx scrollbar width + 2px for <tr> border
@@ -179,18 +179,16 @@ export default function ScrollControlAPI(props, { emit }, {
     }
   };
 
-  const resizeOb = new ResizeObserver(entries => {
-    // since we are observing only a single element, so we access the first element in entries array
-    if (isUndefined(tableWidth.value)) {
-      adjustTableWidth({ entries, forceAdjust: true });
-    } else {
-      clearTimeout(resizeTimeout.value);
-
-      resizeTimeout.value = setTimeout(() => {
+  const resizeOb = new ResizeObserver(
+    debounce(entries => {
+      // since we are observing only a single element, so we access the first element in entries array
+      if (isUndefined(tableWidth.value)) {
+        adjustTableWidth({ entries, forceAdjust: true });
+      } else {
         adjustTableWidth({ entries });
-      }, 300);
-    }
-  });
+      }
+    }, 300)
+  );
 
   const onWatchMobileScrollControl = newValue => {
     if (newValue) {

package/src/AVerticalScroll/compositionAPI/ObserverAPI.js

@@ -2,6 +2,10 @@ import {
   ref,
 } from "vue";
 
+import {
+  debounce,
+} from "lodash-es";
+
 export default function ObserverAPI({
   checkScroll = () => {},
   containerRef = ref(undefined),
@@ -33,11 +37,15 @@ export default function ObserverAPI({
   };
 
   const initContainerObserver = () => {
-    resizeContainerObserver.value = new ResizeObserver(callbackContainerObserver);
+    resizeContainerObserver.value = new ResizeObserver(
+      debounce(entries => callbackContainerObserver(entries), 300)
+    );
   };
 
   const initScrollContentObserver = () => {
-    resizeScrollContentObserver.value = new ResizeObserver(callbackScrollContentObserver);
+    resizeScrollContentObserver.value = new ResizeObserver(
+      debounce(entries => callbackScrollContentObserver(entries), 300)
+    );
   };
 
   const connectContainerObserver = () => {