added lazyload handler

symbo-ls · Jan 18, 2025 · 8970f3f · 8970f3f
1 parent c1a44f6
commit 8970f3f
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 3 deletions.
diff --git a/packages/element/node.js b/packages/element/node.js
@@ -82,7 +82,13 @@ export const createNode = async (element, options) => {
         }
 
         if ((element.props && element.props.lazyLoad) || options.lazyLoad) {
-          window.requestAnimationFrame(async () => await createAsync())
+          window.requestAnimationFrame(async () => {
+            await createAsync()
+            // handle lazy load
+            if (!options.preventUpdateListener) {
+              triggerEventOn('lazyLoad', element, options)
+            }
+          })
         } else await createAsync()
       }
     }

diff --git a/packages/element/set.js b/packages/element/set.js
@@ -63,7 +63,13 @@ export const set = function (params, options = {}, el) {
     }
 
     if (lazyLoad) {
-      window.requestAnimationFrame(() => resetElement(params, element, options))
+      window.requestAnimationFrame(() => {
+        resetElement(params, element, options)
+        // handle lazy load
+        if (!options.preventUpdateListener) {
+          triggerEventOn('lazyLoad', element, options)
+        }
+      })
     } else resetElement(params, element, options)
   }
 

diff --git a/packages/element/update.js b/packages/element/update.js
@@ -152,7 +152,13 @@ export const update = function (params = {}, opts) {
         calleeElement
       })
 
-      lazyLoad ? window.requestAnimationFrame(() => childUpdateCall()) : childUpdateCall()
+      lazyLoad ? window.requestAnimationFrame(() => { // eslint-disable-line
+        childUpdateCall()
+        // handle lazy load
+        if (!options.preventUpdateListener) {
+          triggerEventOn('lazyLoad', element, options)
+        }
+      }) : childUpdateCall()
     }
   }