cloud-web-corejs 1.1.0-dev.56 → 1.1.0-dev.59

package/src/components/xform/form-render/container-item/containerItemMixin.js

@@ -71,10 +71,10 @@ modules = {
       // 避免同名容器重建时误删新注册的实例。
       if (this.refList !== null && !!this.widget.options.name) {
         let name = this.widget.options.name;
-        let inRow =
-          this.subFormRowIndex !== -1 &&
-          this.subFormRowIndex !== void 0 &&
-          !!this.tableParam;
+        let inRow
+          = this.subFormRowIndex !== -1
+          && this.subFormRowIndex !== void 0
+          && !!this.tableParam;
         let key = inRow ? name + "@row" + this.tableParam.rowIndex : name;
         if (this.refList[key] === this) {
           delete this.refList[key];
@@ -153,6 +153,91 @@ modules = {
       }
     },
 
+    getTabIndexByName(name) {
+      //按页签的 options.name（el-tabs pane name）找下标；不存在返回 -1
+      return (this.widget.tabs || []).findIndex((tp) => tp.options.name === name);
+    },
+
+    getTabIndexByLabel(label) {
+      //按页签显示名找下标：同时比对配置值与 i18n 翻译值（页面上看到的是翻译后的文案）；
+      //重名页签取第一个
+      return (this.widget.tabs || []).findIndex((tp) => {
+        let tpLabel = tp.options.label;
+        return tpLabel === label || this.getI18nLabel(tpLabel) === label;
+      });
+    },
+
+    activeTabByName(name) {
+      //按页签名切换，脚本里免去找下标；未找到时静默忽略
+      let index = this.getTabIndexByName(name);
+      if (index >= 0) {
+        this.activeTab(index);
+      }
+    },
+
+    activeTabByLabel(label) {
+      let index = this.getTabIndexByLabel(label);
+      if (index >= 0) {
+        this.activeTab(index);
+      }
+    },
+
+    disableTabByName(name) {
+      let index = this.getTabIndexByName(name);
+      if (index >= 0) {
+        this.disableTab(index);
+      }
+    },
+
+    disableTabByLabel(label) {
+      let index = this.getTabIndexByLabel(label);
+      if (index >= 0) {
+        this.disableTab(index);
+      }
+    },
+
+    enableTabByName(name) {
+      let index = this.getTabIndexByName(name);
+      if (index >= 0) {
+        this.enableTab(index);
+      }
+    },
+
+    enableTabByLabel(label) {
+      let index = this.getTabIndexByLabel(label);
+      if (index >= 0) {
+        this.enableTab(index);
+      }
+    },
+
+    hideTabByName(name) {
+      let index = this.getTabIndexByName(name);
+      if (index >= 0) {
+        this.hideTab(index);
+      }
+    },
+
+    hideTabByLabel(label) {
+      let index = this.getTabIndexByLabel(label);
+      if (index >= 0) {
+        this.hideTab(index);
+      }
+    },
+
+    showTabByName(name) {
+      let index = this.getTabIndexByName(name);
+      if (index >= 0) {
+        this.showTab(index);
+      }
+    },
+
+    showTabByLabel(label) {
+      let index = this.getTabIndexByLabel(label);
+      if (index >= 0) {
+        this.showTab(index);
+      }
+    },
+
     disableTab(tabIndex) {
       if (tabIndex >= 0 && tabIndex < this.widget.tabs.length) {
         this.widget.tabs[tabIndex].options.disabled = true;
@@ -193,8 +278,8 @@ modules = {
 
     disableSubFormRow(rowIndex) {
       this.widget.widgetList.forEach((subWidget) => {
-        let swRefName =
-          subWidget.options.name + "@row" + this.rowIdData[rowIndex];
+        let swRefName
+          = subWidget.options.name + "@row" + this.rowIdData[rowIndex];
         let foundSW = this.getWidgetRef(swRefName);
         if (!!foundSW) {
           foundSW.setDisabled(true);
@@ -204,8 +289,8 @@ modules = {
 
     enableSubFormRow(rowIndex) {
       this.widget.widgetList.forEach((subWidget) => {
-        let swRefName =
-          subWidget.options.name + "@row" + this.rowIdData[rowIndex];
+        let swRefName
+          = subWidget.options.name + "@row" + this.rowIdData[rowIndex];
         let foundSW = this.getWidgetRef(swRefName);
         if (!!foundSW) {
           foundSW.setDisabled(false);

package/src/components/xform/form-render/container-item/panel-item.vue

@@ -1,7 +1,7 @@
 <template>
   <container-item-wrapper :widget="widget">
     <div :key="widget.id" class="table-container" v-show="!widget.options.hidden" :style="heightStyle">
-      <template v-if="!!widget.widgetList && widget.widgetList.length > 0" v-show="!widget.options.hidden">
+      <template v-if="!!widget.widgetList && widget.widgetList.length > 0">
         <template v-for="(subWidget, swIdx) in widget.widgetList">
           <template v-if="'container' === subWidget.category">
             <component

package/src/components/xform/form-render/container-item/tab-item.vue

@@ -14,6 +14,7 @@
         :style="{
           height: widget.options.isFullscreen ? '' : widget.options.height,
         }"
+        @tab-click="handleTabClick"
       >
         <el-tab-pane
           v-for="tab in visibleTabs"
@@ -21,6 +22,7 @@
           :label="getI18nLabel(tab.options.label)"
           :disabled="tab.options.disabled"
           :name="tab.options.name"
+          :lazy="lazyRender"
         >
           <template v-for="(subWidget, swIdx) in tab.widgetList">
             <template v-if="'container' === subWidget.category">
@@ -95,21 +97,46 @@ export default {
         return !tp.options.hidden;
       });
     },
+    /* 懒渲染(P0-1,内存优化)：开启后每个页签内容首次激活才挂载、激活后保留(element 的
+       el-tab-pane lazy 语义，即"保守版")，未激活页签不建组件、不发数据请求。
+       默认关闭——校验(el-form 只认已挂载的 form-item)和跨页签 getWidgetRef 在未激活页签
+       上都会失效，必须逐模板审计后由设计器显式开启(见 docs/2026-09 低配电脑渲染进程崩溃内存优化方案.md)。 */
+    lazyRender() {
+      return this.widget.options.lazyRender === true;
+    },
   },
   watch: {
     visibleTabs(tabs) {
       const formRef = this.getFormRef();
-      if (formRef && formRef.isFieldControlEnabled() &&
-          !tabs.some(tab => tab.options.name === this.activeTabName)) {
+      if (
+        formRef
+        && formRef.isFieldControlEnabled()
+        && !tabs.some(tab => tab.options.name === this.activeTabName)
+      ) {
         this.activeTabName = tabs.length ? tabs[0].options.name : "";
       }
     },
+    /* onTabChange：任何激活页签变化(用户点击 + 脚本 activeTab()/隐藏重置等程序化切换)。
+       initActiveTab 在 mounted 的首次赋值不算切换(oldName 为空)，避免打开详情即触发联动。 */
+    activeTabName(name, oldName) {
+      if (!oldName) return;
+      if (this.widget.options.onTabChange) {
+        new Function("name", "oldName", this.widget.options.onTabChange).call(
+          this,
+          name,
+          oldName
+        );
+      }
+    },
   },
   created() {
     this.initRefList();
+    this.handleOnCreated();
   },
   mounted() {
+    // 先定初始激活页签再跑 onMounted：懒渲染下脚本里读 activeTabName 时已是最终值
     this.initActiveTab();
+    this.handleOnMounted();
   },
   beforeDestroy() {
     this.unregisterFromRefList();
@@ -127,6 +154,18 @@ export default {
         }
       }
     },
+    /* onTabClick：仅用户点击页签头(element 原生事件，disabled 页签不会触发)。
+       实参对齐编辑器声明；此刻新页签内容(懒渲染)尚未挂载，取新页签内部组件 ref 会拿不到。 */
+    handleTabClick(tab) {
+      if (this.widget.options.onTabClick) {
+        new Function("name", "index", "label", this.widget.options.onTabClick).call(
+          this,
+          tab.name,
+          tab.index != null ? Number(tab.index) : null,
+          tab.label
+        );
+      }
+    },
   },
 };
 </script>

package/src/components/xform/icon-picker/index.vue

@@ -30,7 +30,7 @@ export default {
   name: "icon-picker",
   props: {
     value: {
-      type: String | null,
+      type: String,
       required: true,
     },
     disabled: {

package/src/components/xform/lang/en-US.js

@@ -285,6 +285,9 @@ export default {
           tabPaneSetting: "Tab Panes",
           addTabPane: "Add Tab Pane",
           paneActive: "Active",
+          lazyRender: "Lazy Render",
+          lazyRenderHint:
+            "Pane content mounts on first activation and stays mounted; inactive panes render nothing and request no data. Ensure there are no cross-pane getWidgetRef scripts and that fields on unvisited panes need no submit validation. Intended for view/detail templates.",
           customLabelIcon: "Custom Label",
           labelIconClass: "Label Icon Class",
           labelIconPosition: "Label Icon Position",

package/src/components/xform/lang/zh-CN.js

@@ -447,6 +447,9 @@ export default {
       tabPaneSetting: "选项卡设置",
       addTabPane: "增加选项卡页",
       tabClass: "选项卡样式",
+      lazyRender: "懒渲染",
+      lazyRenderHint:
+        "开启后页签内容首次激活才挂载(激活后保留)，未激活页签不渲染、不请求数据。开启前请确认：无跨页签 getWidgetRef 脚本；未访问页签的字段不参与提交校验。适用于详情展示类模板。",
       paneActive: "激活",
       customLabelIcon: "定制字段标签",
       labelIconClass: "标签Icon样式",

package/src/router/modules/customer.js

@@ -72,17 +72,17 @@ export const constantRoutes = [
         },
       }, 
     ],
-  },*/
-  {
-    path: "",
-    component: () => import("@/layout/index"),
-    children: [
-      {
-        path: "/haier/system/salesman/list",
-        component: () => import("@/views/haier/system/salesman/list.vue"),
-        name: "haierSalesmanPilot",
-        meta: { title: "业务员", icon: "user" },
-      },
-    ],
-  },
-];
+  },*/
+  {
+    path: "",
+    component: () => import("@/layout/index"),
+    children: [
+      /* {
+        path: "/haier/system/salesman/list",
+        component: () => import("@/views/haier/system/salesman/list.vue"),
+        name: "haierSalesmanPilot",
+        meta: { title: "业务员", icon: "user" },
+      }, */
+    ],
+  },
+];

package/src/styles/legacy-base.scss

@@ -0,0 +1,19 @@
+// 旧模式（boot-assets.legacy）消费应用的基础样式兜底层。
+// 背景：legacy 入口应用的样式取自应用自己的 @/styles/index.scss 旧副本，
+// 包内新增的基础文件（dialog/page-shell 等）在应用副本里不存在，样式缺斤短两。
+// 本文件由 boot-assets.legacy.js 在应用自有样式之前注入：
+//   - 应用副本缺失的文件由包补齐，随包升级；
+//   - 应用自有同名文件在本层之后加载，同名规则仍以应用为准，不影响既有定制；
+//   - 仅收编“应用常缺失”的文件，element-ui/btn 等应用普遍有自有定制的
+//     不收进来，避免大面积重复。
+// 自包含：先引 variables/mixin，后面的文件才拿得到变量和混入；
+// 不依赖 element 主题变量（element-variables 由应用自己编译）。
+@import "./variables.scss";
+@import "./mixin.scss";
+@import "./utilities.scss";
+@import "./split-handle.scss";
+@import "./nprogress.scss";
+@import "./menu-icons.scss";
+@import "./dialog.scss";
+@import "./page-shell.scss";
+@import "./layout-skins.scss";