@xuda.io/runtime-bundle 1.0.853 → 1.0.855

package/js/xuda-runtime-slim.js

@@ -11555,7 +11555,7 @@ func.UI.screen.refresh_xu_attributes = async function (SESSION_ID, fields_arr, j
   }
   UI_WORKER_OBJ.cache = {};
   const _session = SESSION_OBJ[SESSION_ID];
-  if (_session.engine_mode === 'live_preview') {
+  if (glb.DEBUG_MODE) {
     console.info('========= xu-attributes refresh info ==============');
     console.info('fields_arr:', fields_arr);
   }
@@ -11665,7 +11665,7 @@ func.UI.screen.refresh_xu_attributes = async function (SESSION_ID, fields_arr, j
       };
       new_job = await func.UI.worker.add_to_queue(SESSION_ID, 'gui event', type, obj, new_job, elem_val.$elm);
 
-      if (_session.engine_mode === 'live_preview') {
+      if (glb.DEBUG_MODE) {
         console.log(type + '>>>', new_job, obj);
       }
     };
@@ -11700,7 +11700,7 @@ func.UI.screen.refresh_xu_attributes = async function (SESSION_ID, fields_arr, j
       new_job = jobNoP;
       new_job = await func.UI.worker.add_to_queue(SESSION_ID, 'gui event', 'execute_xu_render_attributes', obj, new_job, elem_val.$elm, elem_val.$elm.data().xuData.paramsP.dsSessionP);
       performed_render = true;
-      if (_session.engine_mode === 'live_preview') {
+      if (glb.DEBUG_MODE) {
         console.info('execute_xu_render_attributes', obj);
       }
     }
@@ -11755,7 +11755,7 @@ func.UI.screen.refresh_xu_attributes = async function (SESSION_ID, fields_arr, j
 
       refreshed_ids.push(parent_element_ui_id);
 
-      if (_session.engine_mode === 'live_preview') {
+      if (glb.DEBUG_MODE) {
         console.info('execute_xu_for', obj);
       }
     }
@@ -11833,7 +11833,7 @@ func.UI.screen.refresh_xu_attributes = async function (SESSION_ID, fields_arr, j
 
   func.events.delete_job(SESSION_ID, jobNoP);
 
-  if (_session.engine_mode === 'live_preview') {
+  if (glb.DEBUG_MODE) {
     console.info('===================================================');
   }
 };
@@ -11972,7 +11972,7 @@ func.UI.screen.refresh_screen = async function (SESSION_ID, fields_changed_arr,
             //   $("[xu-ui-id='" + elm_to_delete + "']").remove();
             // });
 
-            if (_session.engine_mode === 'live_preview') {
+            if (glb.DEBUG_MODE) {
               console.info('========= refresh main info ==============');
               console.info('reason:', refresh_reason);
               console.info('element:', $elm);
@@ -12009,7 +12009,7 @@ func.UI.screen.refresh_screen = async function (SESSION_ID, fields_changed_arr,
     if (found) {
       UI_WORKER_OBJ.cache = {};
       const _session = SESSION_OBJ[SESSION_ID];
-      if (_session.engine_mode === 'live_preview') {
+      if (glb.DEBUG_MODE) {
         console.info('========= refresh info ==============');
         console.info('reason:', refresh_reason);
         console.info('details:', refresh_details);
@@ -14081,8 +14081,8 @@ func.UI.screen.render_ui_tree = async function (SESSION_ID, $container, nodeP, p
   const _$ = function ($elm) {
     try {
       const id = $elm.attr('xu-ui-id');
-      if (!id) return $elm;
-      const $el = $(`[xu-ui-id="${id}"]`); // $("#" + id);
+      if (!id || !glb.DEBUG_MODE) return $elm;
+      const $el = $(`[xu-ui-id="${id}"]`);
 
       if ($el.length > 1) {
         console.warn('Multiple elements for xu-ui-id: ' + id, $el);
@@ -14774,11 +14774,11 @@ func.UI.screen.render_ui_tree = async function (SESSION_ID, $container, nodeP, p
       },
     );
 
-    // const render_child = async function () {
-    //   await iterate_child($div, nodeP, parent_infoP, $root_container);
-    // };
-
     if (nodeP?.attributes?.['xu-viewport'] == 'true') {
+      if ($div.parent().data().xuData.viewport_elm_height) {
+        $div.css(height, $div.parent().data().xuData.viewport_elm_height);
+      }
+
       $div.on('inViewport', function () {
         if ($div.children().length) {
           $div.removeClass('skeleton');
@@ -14791,6 +14791,12 @@ func.UI.screen.render_ui_tree = async function (SESSION_ID, $container, nodeP, p
         } else {
           hover_in($div);
           func.UI.worker.add_to_queue(SESSION_ID, 'gui event', 'render_viewport', { $div, nodeP, parent_infoP, $root_container, paramsP, jobNoP, is_skeleton, keyP, refreshed_ds, parent_nodeP, check_existP, $container }, null, null, paramsP.dsSessionP);
+          //viewport_elm_height
+          if (!$div.parent().data().xuData.viewport_elm_height) {
+            setTimeout(() => {
+              $div.parent().data().xuData.viewport_elm_height = $div.height();
+            }, 2000);
+          }
         }
         observer_outViewport.observe($div[0]);
       });

package/js/xuda-runtime-slim.min.es.js

@@ -9263,7 +9263,7 @@ func.UI.screen.refresh_xu_attributes = async function (SESSION_ID, fields_arr, j
   }
   UI_WORKER_OBJ.cache = {};
   const _session = SESSION_OBJ[SESSION_ID];
-  if (_session.engine_mode === 'live_preview') {
+  if (glb.DEBUG_MODE) {
     console.info('========= xu-attributes refresh info ==============');
     console.info('fields_arr:', fields_arr);
   }
@@ -9373,7 +9373,7 @@ func.UI.screen.refresh_xu_attributes = async function (SESSION_ID, fields_arr, j
       };
       new_job = await func.UI.worker.add_to_queue(SESSION_ID, 'gui event', type, obj, new_job, elem_val.$elm);
 
-      if (_session.engine_mode === 'live_preview') {
+      if (glb.DEBUG_MODE) {
         console.log(type + '>>>', new_job, obj);
       }
     };
@@ -9408,7 +9408,7 @@ func.UI.screen.refresh_xu_attributes = async function (SESSION_ID, fields_arr, j
       new_job = jobNoP;
       new_job = await func.UI.worker.add_to_queue(SESSION_ID, 'gui event', 'execute_xu_render_attributes', obj, new_job, elem_val.$elm, elem_val.$elm.data().xuData.paramsP.dsSessionP);
       performed_render = true;
-      if (_session.engine_mode === 'live_preview') {
+      if (glb.DEBUG_MODE) {
         console.info('execute_xu_render_attributes', obj);
       }
     }
@@ -9463,7 +9463,7 @@ func.UI.screen.refresh_xu_attributes = async function (SESSION_ID, fields_arr, j
 
       refreshed_ids.push(parent_element_ui_id);
 
-      if (_session.engine_mode === 'live_preview') {
+      if (glb.DEBUG_MODE) {
         console.info('execute_xu_for', obj);
       }
     }
@@ -9541,7 +9541,7 @@ func.UI.screen.refresh_xu_attributes = async function (SESSION_ID, fields_arr, j
 
   func.events.delete_job(SESSION_ID, jobNoP);
 
-  if (_session.engine_mode === 'live_preview') {
+  if (glb.DEBUG_MODE) {
     console.info('===================================================');
   }
 };
@@ -9680,7 +9680,7 @@ func.UI.screen.refresh_screen = async function (SESSION_ID, fields_changed_arr,
             //   $("[xu-ui-id='" + elm_to_delete + "']").remove();
             // });
 
-            if (_session.engine_mode === 'live_preview') {
+            if (glb.DEBUG_MODE) {
               console.info('========= refresh main info ==============');
               console.info('reason:', refresh_reason);
               console.info('element:', $elm);
@@ -9717,7 +9717,7 @@ func.UI.screen.refresh_screen = async function (SESSION_ID, fields_changed_arr,
     if (found) {
       UI_WORKER_OBJ.cache = {};
       const _session = SESSION_OBJ[SESSION_ID];
-      if (_session.engine_mode === 'live_preview') {
+      if (glb.DEBUG_MODE) {
         console.info('========= refresh info ==============');
         console.info('reason:', refresh_reason);
         console.info('details:', refresh_details);
@@ -11789,8 +11789,8 @@ func.UI.screen.render_ui_tree = async function (SESSION_ID, $container, nodeP, p
   const _$ = function ($elm) {
     try {
       const id = $elm.attr('xu-ui-id');
-      if (!id) return $elm;
-      const $el = $(`[xu-ui-id="${id}"]`); // $("#" + id);
+      if (!id || !glb.DEBUG_MODE) return $elm;
+      const $el = $(`[xu-ui-id="${id}"]`);
 
       if ($el.length > 1) {
         console.warn('Multiple elements for xu-ui-id: ' + id, $el);
@@ -12482,11 +12482,11 @@ func.UI.screen.render_ui_tree = async function (SESSION_ID, $container, nodeP, p
       },
     );
 
-    // const render_child = async function () {
-    //   await iterate_child($div, nodeP, parent_infoP, $root_container);
-    // };
-
     if (nodeP?.attributes?.['xu-viewport'] == 'true') {
+      if ($div.parent().data().xuData.viewport_elm_height) {
+        $div.css(height, $div.parent().data().xuData.viewport_elm_height);
+      }
+
       $div.on('inViewport', function () {
         if ($div.children().length) {
           $div.removeClass('skeleton');
@@ -12499,6 +12499,12 @@ func.UI.screen.render_ui_tree = async function (SESSION_ID, $container, nodeP, p
         } else {
           hover_in($div);
           func.UI.worker.add_to_queue(SESSION_ID, 'gui event', 'render_viewport', { $div, nodeP, parent_infoP, $root_container, paramsP, jobNoP, is_skeleton, keyP, refreshed_ds, parent_nodeP, check_existP, $container }, null, null, paramsP.dsSessionP);
+          //viewport_elm_height
+          if (!$div.parent().data().xuData.viewport_elm_height) {
+            setTimeout(() => {
+              $div.parent().data().xuData.viewport_elm_height = $div.height();
+            }, 2000);
+          }
         }
         observer_outViewport.observe($div[0]);
       });