@xuda.io/runtime-bundle 1.0.994 → 1.0.995

package/js/xuda-runtime-slim.js

@@ -12446,6 +12446,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) {
@@ -12458,7 +12587,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,
@@ -12496,7 +12625,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,

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

@@ -10171,6 +10171,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 +10312,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 +10350,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,