@xuda.io/runtime-bundle 1.0.994 → 1.0.996

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

@@ -2723,6 +2723,7 @@ var UI_WORKER_OBJ = {
   num: 9000,
   cache: {},
   viewport_height_set_ids: [],
+  xu_render_cache: {},
   //  pending_for_viewport_render: {}
 };
 
@@ -10171,6 +10172,135 @@ func.UI.screen.execute_xu_functions = async function (SESSION_ID, is_skeleton, $
       return {};
     },
     'xu-render': async function ($elm, val, from_panel) {
+      var value = await func.common.get_cast_val(SESSION_ID, 'common fx', 'xu-render', 'bool', val.value);
+      const init_render = function () {
+        if (!value) {
+          var cloned_$div = $elm.clone(true);
+
+          let $xurender = $('<xurender>').attr('xu-ui-id', $elm.attr('xu-ui-id')).attr('hidden', true).appendTo($container).hide();
+          let original_data_obj = {
+            $container: cloned_$div,
+            nodeP: _.cloneDeep(nodeP),
+            parent_infoP,
+            paramsP,
+            keyP,
+            parent_nodeP,
+            $root_container,
+          };
+          $xurender.data('xuData', cloned_$div.data().xuData);
+          $xurender.data().xuData.original_data_obj = original_data_obj;
+          $xurender.data().xuData.xurender_node = cloned_$div;
+          $xurender.data().xuAttributes = nodeP.attributes || {};
+          $xurender.hide();
+
+          $elm.remove();
+          return { abort: true };
+        }
+        return {};
+      };
+
+      const post_render = async function () {
+        if (value) {
+          try {
+            // abort if already rended
+            if ($elm[0].tagName !== 'XURENDER' && $elm?.length) {
+              return func.events.delete_job(SESSION_ID, jobNoP);
+            }
+
+            let original_data_obj = $elm.data().xuData.original_data_obj;
+
+            if (!original_data_obj) {
+              func.events.delete_job(SESSION_ID, jobNoP);
+              return { delete_job: jobNoP };
+            }
+
+            const new_$div = await func.UI.screen.render_ui_tree(
+              SESSION_ID,
+              $elm, //original_data_obj.$container,
+              _.cloneDeep(original_data_obj.nodeP),
+              original_data_obj.parent_infoP,
+              original_data_obj.paramsP,
+              jobNoP,
+              null,
+              original_data_obj.keyP,
+              null,
+              original_data_obj.parent_nodeP,
+              null,
+              original_data_obj.$root_container,
+            );
+
+            new_$div.data().xuData.original_data_obj = original_data_obj;
+            new_$div.data().xuData.xurender_node = $elm.clone(true);
+            new_$div.data().xuAttributes = $elm.data().xuAttributes || {};
+
+            const replace = async function () {
+              $elm.replaceWith(new_$div);
+              if (from_panel) {
+                const xuPanelWrapper = _.clone(new_$div.data().xuPanelWrapper);
+                $elm.parent().data().xuPanelWrapper = xuPanelWrapper;
+                $elm.replaceWith(new_$div.children());
+              }
+
+              if (val.fields_arr) {
+                return await func.UI.screen.refresh_xu_attributes(SESSION_ID, val.fields_arr, val.jobNoP, new_$div);
+              }
+              func.events.delete_job(SESSION_ID, jobNoP);
+            };
+
+            if ($elm && func.UI.utils.find_in_element_data('xuData', $(SESSION_OBJ[SESSION_ID].root_element), 'xu_id', $elm.data().xuData.xu_id).length) {
+              if (new_$div.data().xuData.paramsP) {
+                return await replace();
+              }
+
+              func.events.delete_job(SESSION_ID, jobNoP);
+            }
+          } catch (error) {
+            func.events.delete_job(SESSION_ID, jobNoP);
+          }
+          return;
+        }
+        // if (!value) {
+        if ($elm.prop('tagName') === 'XURENDER') {
+          func.events.delete_job(SESSION_ID, jobNoP);
+          return;
+        }
+
+        let tmp_$div = $('<div>');
+
+        let $xurender = $('<xurender>').attr('xu-ui-id', $elm.attr('xu-ui-id')).appendTo(tmp_$div).hide();
+        // was true before
+        if ($elm.data().xuData.xurender_node) {
+          $xurender.data({
+            xuAttributes: $elm.data().xuData.xurender_node.data().xuAttributes || {},
+            xuData: $elm.data().xuData.xurender_node.data().xuData || {},
+          });
+        } else {
+          // default new state
+
+          $xurender.data({
+            xuAttributes: $elm.data().xuAttributes || {},
+            xuData: $elm.data().xuData || {},
+          });
+          const original_data_obj = {
+            nodeP: _.cloneDeep($elm.data().xuData.node_org),
+            paramsP: $elm.data().xuData.paramsP,
+            $container: $elm.clone(true),
+            parent_infoP: parent_infoP,
+          };
+
+          $xurender.data().xuData.original_data_obj = original_data_obj;
+        }
+
+        $elm.replaceWith(tmp_$div.children());
+        func.events.delete_job(SESSION_ID, jobNoP);
+        // }
+      };
+      if (is_init) {
+        return init_render();
+      }
+      return await post_render();
+    },
+    'xu-render-new': async function ($elm, val, from_panel) {
       var value = await func.common.get_cast_val(SESSION_ID, 'common fx', 'xu-render', 'bool', val.value);
       const init_render = function () {
         if (!value) {
@@ -10183,7 +10313,7 @@ func.UI.screen.execute_xu_functions = async function (SESSION_ID, is_skeleton, $
             .appendTo($container)
             .hide();
           let original_data_obj = {
-            not_rendered: true,
+            force_render: true,
             $container: cloned_$div,
             nodeP: _.cloneDeep(nodeP),
             parent_infoP,
@@ -10221,7 +10351,7 @@ func.UI.screen.execute_xu_functions = async function (SESSION_ID, is_skeleton, $
 
             let new_$div = original_data_obj.$container.clone(true);
 
-            if (original_data_obj.not_rendered) {
+            if (original_data_obj.force_render) {
               new_$div = await func.UI.screen.render_ui_tree(
                 SESSION_ID,
                 $elm, //original_data_obj.$container,
@@ -10268,19 +10398,17 @@ func.UI.screen.execute_xu_functions = async function (SESSION_ID, is_skeleton, $
           }
           return;
         }
-        // if (!value) {
+
+        /////////// !value ///////////
+
         if ($elm.prop('tagName') === 'XURENDER') {
           func.events.delete_job(SESSION_ID, jobNoP);
           return;
         }
 
         let tmp_$div = $('<div>');
-
-        let $xurender = $('<xurender>')
-          // .attr('xu-ui-id', $elm.data().xuData.node.id + '_' + $elm.data().xuData.recordid)
-          .attr('xu-ui-id', $elm.attr('xu-ui-id'))
-          .appendTo(tmp_$div)
-          .hide();
+        const xu_ui_id = $elm.attr('xu-ui-id');
+        let $xurender = $('<xurender>').attr('xu-ui-id', xu_ui_id).appendTo(tmp_$div).hide();
         // // was true before
         // if ($elm.data().xuData.xurender_node) {
         //   $xurender.data({
@@ -10302,10 +10430,12 @@ func.UI.screen.execute_xu_functions = async function (SESSION_ID, is_skeleton, $
         };
 
         $xurender.data().xuData.original_data_obj = original_data_obj;
+
+        UI_WORKER_OBJ.xu_render_cache[xu_ui_id] = original_data_obj;
+
         // }
         $elm.replaceWith(tmp_$div.children());
         func.events.delete_job(SESSION_ID, jobNoP);
-        // }
       };
       if (is_init) {
         return init_render();