@xuda.io/runtime-bundle 1.0.573 → 1.0.574

package/js/xuda-runtime-slim.js

@@ -8997,6 +8997,22 @@ func.UI.refs_garbage_collector = function (SESSION_ID = Object.keys(SESSION_OBJ)
   }
 };
 
+func.UI.teleport_garbage_collector = function (SESSION_ID = Object.keys(SESSION_OBJ)[0]) {
+  if (!_.isEmpty(SCREEN_BLOCKER_OBJ)) {
+    // let dom  to finish build
+    return;
+  }
+
+  const $teleport_elements = $(`[xu-teleport-parent-id='*node-`);
+
+  $.each($teleport_elements, (key, val) => {
+    const xu_teleport_parent_id = $(val).attr('xu-teleport-parent-id');
+    if (!$(`[xu-ui-id='${xu_teleport_parent_id}`)?.length) {
+      $(val).remove();
+    }
+  });
+};
+
 func.UI.update_xu_ref = function (SESSION_ID, dsSessionP, ref_field_id, $elm) {
   let ret;
   const _session = SESSION_OBJ[SESSION_ID];
@@ -12356,25 +12372,26 @@ func.UI.screen.execute_xu_functions = async function (SESSION_ID, is_skeleton, $
             const $teleport_elm = await func.UI.screen.render_ui_tree(SESSION_ID, $(val.value), node, parent_infoP, paramsP, jobNoP, is_skeleton, Number(key), null, node, null, $root_container);
             // $teleport_elm.data('xuTeleportParentId', );
             $elm.data().xuTeleportData.push($teleport_elm.attr('xu-ui-id'));
-            console.log($teleport_elm);
+            $teleport_elm.attr('xu-teleport-parent-id', $elm.attr('xu-ui-id'));
+            // console.log($teleport_elm);
           }
 
-          // Select the node that will be observed for mutations
-          const targetNode = $elm[0];
+          // // Select the node that will be observed for mutations
+          // const targetNode = $elm[0];
 
-          // Options for the observer (which mutations to observe)
-          const config = { attributes: true, childList: true, subtree: true };
+          // // Options for the observer (which mutations to observe)
+          // const config = { attributes: true, childList: true, subtree: true };
 
-          // Callback function to execute when mutations are observed
-          const callback = (mutationList, observer) => {
-            console.log(mutationList, observer);
-          };
+          // // Callback function to execute when mutations are observed
+          // const callback = (mutationList, observer) => {
+          //   console.log(mutationList, observer);
+          // };
 
-          // Create an observer instance linked to the callback function
-          const observer = new MutationObserver(callback);
+          // // Create an observer instance linked to the callback function
+          // const observer = new MutationObserver(callback);
 
-          // Start observing the target node for configured mutations
-          observer.observe(targetNode, config);
+          // // Start observing the target node for configured mutations
+          // observer.observe(targetNode, config);
         }
         return { abort: true };
       },

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

@@ -8998,6 +8998,22 @@ func.UI.refs_garbage_collector = function (SESSION_ID = Object.keys(SESSION_OBJ)
   }
 };
 
+func.UI.teleport_garbage_collector = function (SESSION_ID = Object.keys(SESSION_OBJ)[0]) {
+  if (!_.isEmpty(SCREEN_BLOCKER_OBJ)) {
+    // let dom  to finish build
+    return;
+  }
+
+  const $teleport_elements = $(`[xu-teleport-parent-id='*node-`);
+
+  $.each($teleport_elements, (key, val) => {
+    const xu_teleport_parent_id = $(val).attr('xu-teleport-parent-id');
+    if (!$(`[xu-ui-id='${xu_teleport_parent_id}`)?.length) {
+      $(val).remove();
+    }
+  });
+};
+
 func.UI.update_xu_ref = function (SESSION_ID, dsSessionP, ref_field_id, $elm) {
   let ret;
   const _session = SESSION_OBJ[SESSION_ID];
@@ -10088,25 +10104,26 @@ func.UI.screen.execute_xu_functions = async function (SESSION_ID, is_skeleton, $
             const $teleport_elm = await func.UI.screen.render_ui_tree(SESSION_ID, $(val.value), node, parent_infoP, paramsP, jobNoP, is_skeleton, Number(key), null, node, null, $root_container);
             // $teleport_elm.data('xuTeleportParentId', );
             $elm.data().xuTeleportData.push($teleport_elm.attr('xu-ui-id'));
-            console.log($teleport_elm);
+            $teleport_elm.attr('xu-teleport-parent-id', $elm.attr('xu-ui-id'));
+            // console.log($teleport_elm);
           }
 
-          // Select the node that will be observed for mutations
-          const targetNode = $elm[0];
+          // // Select the node that will be observed for mutations
+          // const targetNode = $elm[0];
 
-          // Options for the observer (which mutations to observe)
-          const config = { attributes: true, childList: true, subtree: true };
+          // // Options for the observer (which mutations to observe)
+          // const config = { attributes: true, childList: true, subtree: true };
 
-          // Callback function to execute when mutations are observed
-          const callback = (mutationList, observer) => {
-            console.log(mutationList, observer);
-          };
+          // // Callback function to execute when mutations are observed
+          // const callback = (mutationList, observer) => {
+          //   console.log(mutationList, observer);
+          // };
 
-          // Create an observer instance linked to the callback function
-          const observer = new MutationObserver(callback);
+          // // Create an observer instance linked to the callback function
+          // const observer = new MutationObserver(callback);
 
-          // Start observing the target node for configured mutations
-          observer.observe(targetNode, config);
+          // // Start observing the target node for configured mutations
+          // observer.observe(targetNode, config);
         }
         return { abort: true };
       },