cloud-web-corejs 1.0.280 → 1.1.0-dev.10

package/src/components/xform/utils/util.js

@@ -509,6 +509,13 @@ function handleWidgetForTraverse(
   }
 }
 
+/**
+ * 容器 → 子节点所在字段名。
+ *
+ * 注意：全库同一语义的映射有多份（designer.js 的局部表、indexMixin 的
+ * getTableFiledMap / getFormTemplateTableDTOs 两张局部表），改这里时请一并核对，
+ * 漏一份的后果参见 loopHandleWidgetItem 里关于 H5 容器的注释。
+ */
 export const itemFieldMap = {
   grid: "cols",
   table: "rows",
@@ -521,6 +528,7 @@ export const itemFieldMap = {
   "vf-box": "widgetList",
   card: "widgetList",
   detail: "panes",
+  "detail-plain": "panes", // 与 indexMixin 的两张表对齐，此前这张漏了
   "detail-pane": "widgetList",
   "detail-h5": "panes",
   "h5-card": "panes",
@@ -724,16 +732,22 @@ export function traverseWidgetsOfContainer(
     });
   } else if (con.category === "container") {
     //自定义容器
+    /* 容器类型不在 itemFieldMap 里时 key 是 undefined，con[undefined] 也是 undefined，
+       直接 .forEach 会抛 TypeError —— 表里没覆盖到的容器（list-h5、detail-tabs、
+       tree-pane…）都会中招，故取值后判空再遍历。 */
     let key = itemFieldMap[con.type];
-    con[key].forEach((cw) => {
-      handleContainerTraverse(
-        cw,
-        fieldHandler,
-        containerHandler,
-        internalContainerCallFlag,
-        staticWidgetsIncluded
-      );
-    });
+    let childList = key ? con[key] : null;
+    if (childList && childList.length > 0) {
+      childList.forEach((cw) => {
+        handleContainerTraverse(
+          cw,
+          fieldHandler,
+          containerHandler,
+          internalContainerCallFlag,
+          staticWidgetsIncluded
+        );
+      });
+    }
   }
 }
 
@@ -1554,6 +1568,16 @@ export function loopHandleWidget(widgetList, callback) {
     });
 }
 
+/* 子节点挂在 panes 上的容器（detail-h5 另有 widgetList 承载底部动作栏按钮） */
+const PANES_CONTAINER_TYPES = [
+  "detail",
+  "detail-plain",
+  "detail-h5",
+  "h5-card",
+];
+/* 内容在 widgetList、按钮在 buttonWidgetList 的分组容器 */
+const PANE_CONTAINER_TYPES = ["detail-pane", "h5-card-pane"];
+
 function loopHandleWidgetItem(e, p, callback) {
   if ("container" === e.category) {
     callback(e, p);
@@ -1575,6 +1599,18 @@ function loopHandleWidgetItem(e, p, callback) {
           loopHandleWidgetItem(childItem, e, callback);
         });
       }
+      /* 行按钮与顶部查询按钮，与 data-table 的 buttons 同一性质，
+         不遍历的话它们的 wf 联动与显隐规则同样不生效 */
+      if (!!e.lineButtons && e.lineButtons.length > 0) {
+        e.lineButtons.forEach((childItem) => {
+          loopHandleWidgetItem(childItem, e, callback);
+        });
+      }
+      if (!!e.buttons && e.buttons.length > 0) {
+        e.buttons.forEach((childItem) => {
+          loopHandleWidgetItem(childItem, e, callback);
+        });
+      }
     } else if ("grid" === e.type) {
       e.cols &&
         e.cols.length > 0 &&
@@ -1611,7 +1647,14 @@ function loopHandleWidgetItem(e, p, callback) {
               loopHandleWidgetItem(childItem, e, callback);
             });
         });
-    } else if ("detail" === e.type || "detail-plain" === e.type) {
+      /* 子节点放在 panes 里的容器。detail-h5 / h5-card 是 H5 版式的两个，
+         此前它们没有分支、落到最后的兜底 else，而兜底只遍历 widgetList ——
+         等于 H5 表单的字段和按钮一个都进不了 traverseAllWidgets* 的回调，
+         wf 联动(hiddenByWf/enabledByWf/wfEdit)、组件显隐规则等全部失效。
+         设计器侧的 designer.js 早有正确映射("detail-h5"/"h5-card" → panes)，
+         这里是运行时遍历器没跟上。
+         （detail-h5 的 widgetList 是底部动作栏按钮，也要一起遍历） */
+    } else if (PANES_CONTAINER_TYPES.indexOf(e.type) > -1) {
       if (e.panes) {
         e.panes.forEach(function (childItem) {
           loopHandleWidgetItem(childItem, e, callback);
@@ -1622,7 +1665,9 @@ function loopHandleWidgetItem(e, p, callback) {
           loopHandleWidgetItem(childItem, e, callback);
         });
       }
-    } else if ("detail-pane" === e.type) {
+      /* h5-card-pane 与 detail-pane 同构：内容在 widgetList、分组按钮在 buttonWidgetList。
+         兜底 else 只认 widgetList，会漏掉分组按钮（如自动骨架里的「新增」）。 */
+    } else if (PANE_CONTAINER_TYPES.indexOf(e.type) > -1) {
       if (e.widgetList) {
         e.widgetList.forEach(function (childItem) {
           loopHandleWidgetItem(childItem, e, callback);

package/src/directive/append-to-body/index.js

@@ -0,0 +1,48 @@
+/**version-1.0*/
+/**
+ * v-append-to-body —— 把元素搬到 document.body 下，脱离宿主子树。
+ *
+ * 用途：那些视觉上是全屏浮层、但写死在业务模板里的 div（如移动版流程的
+ * 通过/驳回/中断/转办/加签确认框）。它们靠 `position:fixed` 定位，一旦祖先出现
+ * transform / filter / display:none 就会失效或被裁掉。搬到 body 下即可根治，
+ * 且不必把它们改造成 el-dialog（造型差太远，改了样式量不减反增）。
+ *
+ * ★ 必须配 v-show 用，不能配 v-if。
+ *   Vue 2 的 patch 在插入节点时要拿兄弟节点当参照物：
+ *     function insert (parent, elm, ref) {
+ *       if (isDef(ref)) { if (nodeOps.parentNode(ref) === parent) { ... } }
+ *     }
+ *   本指令把节点搬走后，它的 parentNode 变成了 body、不再等于宿主元素，于是
+ *   以它为参照物的那次插入会被这个判断**静默跳过**（不报错，但节点没插进去），
+ *   兄弟节点的顺序随之错乱。v-show 不产生插入/移除，节点从头到尾只搬一次，
+ *   没有这个问题 —— element-ui 自己的 append-to-body 弹框也是用 v-show，
+ *   不是 v-if，同一个原因。
+ *
+ * ★ 元素上原有的 `display` 内联值要保留。
+ *   v-show 记的 originalDisplay 取自 `el.style.display`；如果元素本身靠内联
+ *   `style="display: block;"` 顶掉某条 `.xxx{display:none}` 的全局规则，把内联值
+ *   删了会让「显示」态退回 display:none，表现为点了没反应。
+ */
+let modules = {};
+
+modules = {
+  install: function (Vue) {
+    Vue.directive("append-to-body", {
+      inserted(el) {
+        if (el.parentNode !== document.body) {
+          document.body.appendChild(el);
+        }
+      },
+      unbind(el) {
+        // 配 v-show 时切换显隐不会走到这里，只有宿主组件销毁才会。
+        // 那时节点在 body 下、已不在宿主子树里，宿主自身的 DOM 移除够不着它——
+        // 不在这里摘掉就会永久留在 body 上（每进出一次详情页泄漏一份）。
+        if (el.parentNode) {
+          el.parentNode.removeChild(el);
+        }
+      },
+    });
+  },
+};
+
+export default modules;

package/src/index.js

@@ -12,7 +12,7 @@ import store from "@base/store";
 import router, { resetRouter } from "@base/router";
 import settings from "@/settings";
 import { setToken as setAuthToken } from "@base/utils/auth";
-import { loadViewComponent } from "@base/utils/resolveViewComponent";
+import { loadViewComponentAsync } from "@base/utils/resolveViewComponent";
 
 import "@/icons"; // icon
 import "@base/permission"; // permission control
@@ -28,7 +28,12 @@ Vue.component("BaseKeepAlive", BaseKeepAlive);
 import VXETable from "vxe-table";
 import "vxe-table/lib/style.css";
 
-// 引入扩展插件
+// 区域选取/复制粘贴：自研实现，通过 window.VXETableMixin 挂载，
+// 必须在下面的 Vue.use(VXETable) 之前求值（core 在 install 时读取一次并 delete）
+import "@base/components/table/plugins/cell-area/index.js";
+import "@base/components/table/plugins/cell-area/index.scss";
+
+// 引入扩展插件（官方付费插件，已由上面的自研 cell-area 替代，保留仅作回退参考）
 // import "@base/components/table/plugins/extend-cell-area/vxe-table-extend-cell-area.es6.min.js";
 // import "@base/components/table/plugins/extend-cell-area/vxe-table-extend-cell-area.min.css";
 
@@ -167,6 +172,10 @@ import elReadonly from "@base/directive/el-readonly/index.js";
 
 Vue.use(elReadonly);
 
+import appendToBody from "@base/directive/append-to-body/index.js";
+
+Vue.use(appendToBody.install);
+
 /*import cnPrint from "@base/components/cnPrint/index.js"
 
 Vue.use(cnPrint);*/
@@ -306,7 +315,7 @@ function render(props = {}) {
  *   仅 $baseReload / _handleCallback 覆盖为回主应用的动作。个别详情页若有更深的 $parent 依赖，
  *   按对接清单 §5.6 做最小改造。
  */
-function mountDetailHost(props = {}) {
+async function mountDetailHost(props = {}) {
   if (props.appCode) settings.appCode = props.appCode;
   if (props.token) {
     setAuthToken(props.token);
@@ -315,7 +324,7 @@ function mountDetailHost(props = {}) {
   if (props.lang) i18n.locale = props.lang;
 
   const appCode = props.appCode || settings.appCode;
-  const resolved = loadViewComponent(props.targetPath, { appCode });
+  const resolved = await loadViewComponentAsync(props.targetPath, { appCode });
   const target = resolved.component;
   const bizParams = props.bizParams || {};
   const viewMeta = props.viewMeta || {};