@xuda.io/runtime-bundle 1.0.993 → 1.0.995

package/js/xuda-runtime-bundle.js

@@ -32130,6 +32130,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) {
@@ -32142,7 +32271,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,
@@ -32180,7 +32309,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,
@@ -32240,28 +32369,28 @@ func.UI.screen.execute_xu_functions = async function (SESSION_ID, is_skeleton, $
           .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,
-          };
+        // // 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;
-        }
+        $xurender.data().xuData.original_data_obj = original_data_obj;
+        // }
         $elm.replaceWith(tmp_$div.children());
         func.events.delete_job(SESSION_ID, jobNoP);
         // }