From 852d0886e59f29aba5ca7c037449a99f0e1d9525 Mon Sep 17 00:00:00 2001
From: p <p@p.cn>
Date: Fri, 14 Aug 2026 16:14:42 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20open=5Ftab=20=E6=89=A9=E5=B1=95=E6=94=B9?=
 =?UTF-8?q?=E7=94=A8=E7=8B=AC=E7=AB=8B=20.js=20=E6=96=87=E4=BB=B6=EF=BC=88?=
 =?UTF-8?q?HTML=20shell=20=E8=87=AA=E5=8A=A8=E5=8A=A0=E8=BD=BD=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 wwwroot/index.ui     |  8 --------
 wwwroot/index_tab.js | 46 ++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 46 insertions(+), 8 deletions(-)
 create mode 100644 wwwroot/index_tab.js

diff --git a/wwwroot/index.ui b/wwwroot/index.ui
index 3cc010c..52ad8af 100644
--- a/wwwroot/index.ui
+++ b/wwwroot/index.ui
@@ -7,14 +7,6 @@
     "padding": "0"
   },
   "subwidgets": [
-    {
-      "widgettype": "Html",
-      "options": {
-        "html": "<script>\n(function(){\n    if (bricks.TabPanel.prototype._dyn_patched) return;\n    bricks.TabPanel.prototype._dyn_patched = true;\n    bricks.TabPanel.prototype.open_tab = async function(desc){\n        if (this.content_buffer.hasOwnProperty(desc.name)){\n            if (desc.name !== this.cur_tab_name){\n                this.cur_tab_name = desc.name;\n                this.switch_content(this.content_buffer[desc.name]);\n                if (this.toolbar && this.toolbar.click) this.toolbar.click(desc.name);\n            }\n            return;\n        }\n        desc.content = desc.content || {\"widgettype\":\"urlwidget\",\"options\":{\"url\":desc.url}};\n        this.opts.items.push(desc);\n        if (this.add_tab) this.add_tab(desc);\n        var w = await bricks.widgetBuild(desc.content, this, {});\n        if (!w) return;\n        this.content_buffer[desc.name] = w;\n        this.cur_tab_name = desc.name;\n        this.switch_content(w);\n    };\n    bricks.TabPanel.prototype.show_tabcontent = async function(event){\n        var tdesc = event.params;\n        if (tdesc.name === this.cur_tab_name) return;\n        var items = this.opts.items;\n        for (var i=0;i<items.length;i++){\n            if (tdesc.name === items[i].name){\n                var w = this.content_buffer[tdesc.name];\n                if (!w){\n                    var c = items[i].content || {\"widgettype\":\"urlwidget\",\"options\":{\"url\":items[i].url}};\n                    w = await bricks.widgetBuild(c, this, {});\n                    if (w) this.content_buffer[tdesc.name] = w;\n                }\n                if (w){ this.cur_tab_name = tdesc.name; this.switch_content(w); }\n                return;\n            }\n        }\n    };\n})();\n<\\/script>",
-        "width": "0",
-        "height": "0"
-      }
-    },
     {
       "widgettype": "HBox",
       "options": {
diff --git a/wwwroot/index_tab.js b/wwwroot/index_tab.js
new file mode 100644
index 0000000..a9f601c
--- /dev/null
+++ b/wwwroot/index_tab.js
@@ -0,0 +1,46 @@
+// pipeline-app 首页 TabPanel 动态 tab 支持
+// 由 HTML shell 自动加载（configuredServer.get_js_files 收集 wwwroot 下 .js）
+(function(){
+    if (typeof bricks === 'undefined' || !bricks.TabPanel) return;
+    if (bricks.TabPanel.prototype._dyn_patched) return;
+    bricks.TabPanel.prototype._dyn_patched = true;
+
+    // 动态打开 tab：已存在则切换，不存在则新增
+    bricks.TabPanel.prototype.open_tab = async function(desc){
+        if (this.content_buffer.hasOwnProperty(desc.name)){
+            if (desc.name !== this.cur_tab_name){
+                this.cur_tab_name = desc.name;
+                this.switch_content(this.content_buffer[desc.name]);
+                if (this.toolbar && this.toolbar.click) this.toolbar.click(desc.name);
+            }
+            return;
+        }
+        desc.content = desc.content || {"widgettype":"urlwidget","options":{"url":desc.url}};
+        this.opts.items.push(desc);
+        if (this.add_tab) this.add_tab(desc);
+        var w = await bricks.widgetBuild(desc.content, this, {});
+        if (!w) return;
+        this.content_buffer[desc.name] = w;
+        this.cur_tab_name = desc.name;
+        this.switch_content(w);
+    };
+
+    // 修复 show_tabcontent 的 bug（cur_tab_name 赋值用了未定义变量 name）
+    bricks.TabPanel.prototype.show_tabcontent = async function(event){
+        var tdesc = event.params;
+        if (tdesc.name === this.cur_tab_name) return;
+        var items = this.opts.items;
+        for (var i=0;i<items.length;i++){
+            if (tdesc.name === items[i].name){
+                var w = this.content_buffer[tdesc.name];
+                if (!w){
+                    var c = items[i].content || {"widgettype":"urlwidget","options":{"url":items[i].url}};
+                    w = await bricks.widgetBuild(c, this, {});
+                    if (w) this.content_buffer[tdesc.name] = w;
+                }
+                if (w){ this.cur_tab_name = tdesc.name; this.switch_content(w); }
+                return;
+            }
+        }
+    };
+})();