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

package/src/components/xform/form-render/container-item/data-table-mixin.js

@@ -68,6 +68,7 @@ import {
   isTemporaryTreeKey,
   syncTreeKeyReferences,
   sanitizeTreeRow,
+  stripTreeContainers,
 } from "../../utils/treeTableUtil";
 import { tableTreeMixins } from "../../../../mixins/tableTree/index.js";
 
@@ -2442,76 +2443,7 @@ modules = {
         };
       }
 
-      let exportItemConfig = null;
-      if (
-        this.widget.options.exportItemColumns &&
-        this.widget.options.exportItemColumns.length > 0
-      ) {
-        let formatKeys = [
-          "d1",
-          "d2",
-          "d3",
-          "d4",
-          "d5",
-          "n1",
-          "n2",
-          "n3",
-          "n4",
-          "n5",
-          "n6",
-          "n7",
-        ];
-        let exportItemColumns = this.widget.options.exportItemColumns.map(
-          (item) => {
-            let columnSlots = null;
-            let columnParams = {};
-            if (item.formatS === "render") {
-              let r = item.render
-                ? new Function("params", "h", item.render)
-                : null;
-              columnSlots = {
-                default: (params, h) => {
-                  return r ? r.call(this, params, h) : "";
-                },
-              };
-            } else if (formatKeys.includes(item.formatS)) {
-              columnSlots = {
-                default: (params, h) => {
-                  let cellValue = params.row[params.column.field];
-                  return this.getFormatterValue(
-                    cellValue,
-                    item.formatS,
-                    item.utcTransformEnabled
-                  );
-                },
-              };
-            }
-            if (item.exportType) {
-              columnParams.exportType = item.exportType;
-            }
-            return {
-              id: item.id,
-              title: item.title,
-              field: item.field,
-              params: columnParams,
-              slots: columnSlots,
-            };
-          }
-        );
-        exportItemConfig = {
-          scriptCode:
-            this.widget.options.exportItemScriptCode ||
-            this.widget.options.formScriptCode,
-          columns: exportItemColumns,
-          param: () => {
-            if (this.widget.options.exportItemParam) {
-              return this.handleCustomParam(
-                this.widget.options.exportItemParam
-              );
-            }
-          },
-        };
-      }
+      let exportItemConfig = this.buildExportItemConfig();
       let rowConfig = {};
       if (this.widget.options.tableRowHeight) {
         rowConfig.height = this.widget.options.tableRowHeight;
@@ -3228,7 +3160,9 @@ modules = {
       if (isItemExport(exportType)) {
         let $grid = this.getGridTable();
         let originOption = $grid.params.originOption;
-        let exportItemConfig = originOption.exportItemConfig || {};
+        // 导出按钮上单独维护了明细列时，配置随导出参数下发，优先于表格属性那套
+        let btnConfig = customParam?.exportParam?.exportItemConfig;
+        let exportItemConfig = btnConfig || originOption.exportItemConfig || {};
         if (exportItemConfig.scriptCode) {
           scriptCode = exportItemConfig.scriptCode;
         }
@@ -3339,30 +3273,134 @@ modules = {
       let tableRef = this.widget.id;
       return tableRef;
     },
-    /** 导出前按脱敏规则剔除列，实现见 textMaskUtil.markMaskedExportColumns。 */
-    markMaskedColumnsForExport() {
+    /**
+     * 导出前按脱敏规则剔除列，实现见 textMaskUtil.markMaskedExportColumns。
+     * @param {Array} [exportItemColumns] 本次明细导出实际使用的列；不传则取表格属性上配的那套。
+     */
+    markMaskedColumnsForExport(exportItemColumns) {
       markMaskedExportColumns(
         this.getGridTable(),
         buildTextMaskContext(
           this.getFormRef(),
           this.$store.getters.companyCode
-        )
+        ),
+        exportItemColumns
       );
     },
+    /**
+     * 明细导出列配置 → vxe 列：formatS/render 转成渲染插槽，exportType 落到 params。
+     * @param {Array} rawColumns 设计器维护的明细导出列。
+     * @returns {Array} vxe 列定义。
+     */
+    buildExportItemColumns(rawColumns) {
+      let formatKeys = [
+        "d1",
+        "d2",
+        "d3",
+        "d4",
+        "d5",
+        "n1",
+        "n2",
+        "n3",
+        "n4",
+        "n5",
+        "n6",
+        "n7",
+      ];
+      return rawColumns.map((item) => {
+        let columnSlots = null;
+        let columnParams = {};
+        if (item.formatS === "render") {
+          let r = item.render ? new Function("params", "h", item.render) : null;
+          columnSlots = {
+            default: (params, h) => {
+              return r ? r.call(this, params, h) : "";
+            },
+          };
+        } else if (formatKeys.includes(item.formatS)) {
+          columnSlots = {
+            default: (params, h) => {
+              let cellValue = params.row[params.column.field];
+              return this.getFormatterValue(
+                cellValue,
+                item.formatS,
+                item.utcTransformEnabled
+              );
+            },
+          };
+        }
+        if (item.exportType) {
+          columnParams.exportType = item.exportType;
+        }
+        return {
+          id: item.id,
+          title: item.title,
+          field: item.field,
+          params: columnParams,
+          slots: columnSlots,
+        };
+      });
+    },
+    /**
+     * 组装一份明细导出配置。导出列、脚本编码、自定义导出参数三项都可以由导出按钮单独维护，
+     * 各自独立生效：按钮留空的那一项回落到表格属性，三项都留空就是表格属性上原来那套。
+     * @param {Object} [overrides] 按钮级配置。
+     * @param {Array} [overrides.columns] 明细导出列。
+     * @param {String} [overrides.scriptCode] 明细导出脚本编码。
+     * @param {String} [overrides.paramScript] 明细导出查询参数脚本。
+     * @returns {Object|null} 两处都没维护列时返回 null。
+     */
+    buildExportItemConfig(overrides) {
+      let options = this.widget.options;
+      let o = overrides || {};
+      let hasColumns = o.columns && o.columns.length;
+      let columns = hasColumns ? o.columns : options.exportItemColumns;
+      if (!columns || !columns.length) return null;
+      let scriptCode = o.scriptCode || options.exportItemScriptCode;
+      let paramScript = o.paramScript || options.exportItemParam;
+      return {
+        scriptCode: scriptCode || options.formScriptCode,
+        columns: this.buildExportItemColumns(columns),
+        // 取数参数脚本与表格上其它脚本一样走 handleCustomEvent（它负责注入 dataId /
+        // formCode 并统一弹前端脚本异常）。原先写的 handleCustomParam 全库没有定义，
+        // 配了「明细导出查询参数」的表格一点导出就抛 TypeError。
+        param: () => {
+          if (paramScript) {
+            return this.handleCustomEvent(paramScript);
+          }
+        },
+      };
+    },
     /**
      * 使用统一 Excel 导出器导出当前表格。
      * @param {Object} option 导出参数；prefix 为空时自动使用当前服务前缀。
+     *   option.exportItemColumns / exportItemScriptCode / exportItemParam 为按钮上维护的
+     *   明细导出列、脚本编码与取数参数脚本，三项各自独立：传了哪项就以哪项为准（同一张表格
+     *   可以挂多个明细导出按钮、各导各自的列、各走各自的脚本），组装成 exportItemConfig 随
+     *   导出参数下发，下游（字段选择弹框 / 分页取数 / 脱敏剔除）一律优先读它，读不到才回落
+     *   表格属性那套。
      */
     exportData(option) {
-      this.markMaskedColumnsForExport();
+      let exportOption = { ...option };
+      let itemColumns = exportOption.exportItemColumns;
+      let itemScriptCode = exportOption.exportItemScriptCode;
+      let itemParam = exportOption.exportItemParam;
+      delete exportOption.exportItemColumns;
+      delete exportOption.exportItemScriptCode;
+      delete exportOption.exportItemParam;
+      let hasOverride = itemColumns?.length || itemScriptCode || itemParam;
+      if (isItemExport(exportOption.type) && hasOverride) {
+        exportOption.exportItemConfig = this.buildExportItemConfig({
+          columns: itemColumns,
+          scriptCode: itemScriptCode,
+          paramScript: itemParam,
+        });
+      }
+      this.markMaskedColumnsForExport(exportOption.exportItemConfig?.columns);
       let tableRef = this.getTableRef();
       let serviceName = this.getFormRef().reportTemplate.serviceName;
-      option.prefix = option.prefix || "/" + serviceName;
-      let exportTableTarget = this.$refs.exportTable;
-      let getExportTableRef = () => {
-        return exportTableTarget;
-      };
-      this.$excelExport({ targetRef: tableRef, ...option });
+      exportOption.prefix = exportOption.prefix || "/" + serviceName;
+      this.$excelExport({ targetRef: tableRef, ...exportOption });
     },
     async deleteRow(row, rowIndex) {
       let isTreeTable = this.widget.options.isTreeTable;
@@ -3533,7 +3571,7 @@ modules = {
         let newData = this.createNewTableData();
         tableRows.push(newData);
       }
-      this.setValue(tableRows);
+      this.setValue(this.stripTreeContainerRows(tableRows));
       this.$nextTick(() => {
         this.handleWbs();
       });
@@ -4520,7 +4558,7 @@ modules = {
               await reconcileGrid.clearActived();
             }
             if (rebuildTreeAfterSave && !responseAlreadyApplied) {
-              this.setValue(treeTableRows);
+              this.setValue(this.stripTreeContainerRows(treeTableRows));
               treeSnapshotApplied = true;
               await new Promise((resolve) => this.$nextTick(resolve));
             }
@@ -4692,7 +4730,7 @@ modules = {
         } else {
           tableRows.splice(0, 0, newRow);
         }
-        this.setValue(tableRows);
+        this.setValue(this.stripTreeContainerRows(tableRows));
         this.$nextTick(() => {
           this.handleWbs();
           if (isEditTable) {
@@ -4714,7 +4752,7 @@ modules = {
           } else {
             tableRows.splice(0, 0, newRow);
           }
-          this.setValue(tableRows);
+          this.setValue(this.stripTreeContainerRows(tableRows));
           this.$nextTick(() => {
             this.handleWbs();
             // setValue 已浅克隆所有行，obj.row 是失效引用，须按 _X_ROW_KEY 找回新行
@@ -4802,7 +4840,7 @@ modules = {
       });
       this.validateNewTreeRows(newRows, treeContext);
       tableRows.push(...newRows);
-      this.setValue(tableRows);
+      this.setValue(this.stripTreeContainerRows(tableRows));
       this.$nextTick(() => {
         this.handleWbs();
         if (parent) {
@@ -4811,6 +4849,26 @@ modules = {
         }
       });
     },
+    /**
+     * 去掉 VXE 建树时写回行对象的容器字段（children / mapChildren）。
+     *
+     * 删除、排序这类「改扁平数组再整表重载」的操作必须先剥容器：容器是上一次
+     * 渲染的产物，已被移出数组的节点仍挂在存活父行下，setValue 里的
+     * canonicalizeTreeInput 会顺着容器把它们收回来，删除与排序因此静默失效。
+     *
+     * 只对 isTreeTable（强制 transform，父子关系由 parentField 表达）生效；
+     * 靠 children 表达层级的表原样返回，剥掉会丢层级。
+     * @param {Array} rows 取自表单模型的扁平活动行。
+     * @returns {Array} 可安全交给 setValue 的行数组。
+     */
+    stripTreeContainerRows(rows) {
+      if (!this.widget.options.isTreeTable) {
+        return rows || [];
+      }
+      return stripTreeContainers(rows || [], {
+        fields: this.getTreeFields(),
+      });
+    },
     /**
      * 收集节点全部后代的 _X_ROW_KEY（不含节点自身）。
      * 兼容嵌套结构（children 字段）与扁平结构（parentField 关联）两种数据形态。
@@ -4890,7 +4948,7 @@ modules = {
         });
       }
       let newRows = tableRows.filter((item) => !delKeys.has(item._X_ROW_KEY));
-      this.setValue(newRows);
+      this.setValue(this.stripTreeContainerRows(newRows));
       this.$nextTick(() => {
         this.handleWbs();
       });
@@ -5148,7 +5206,7 @@ modules = {
         } else {
           tableRows.splice(0, 0, newRow);
         }
-        this.setValue(tableRows);
+        this.setValue(this.stripTreeContainerRows(tableRows));
         this.$nextTick(() => {
           this.handleWbs();
         });
@@ -5165,7 +5223,7 @@ modules = {
           } else {
             tableRows.splice(0, 0, newRow);
           }
-          this.setValue(tableRows);
+          this.setValue(this.stripTreeContainerRows(tableRows));
           this.$nextTick(() => {
             this.handleWbs();
             // setValue 已浅克隆所有行，obj.row 是失效引用，须按 _X_ROW_KEY 找回新行
@@ -5362,7 +5420,7 @@ modules = {
             );
             tableRows.splice(currentIndex, 1);
             tableRows.splice(prevIndex, 0, row);
-            this.setValue(tableRows);
+            this.setValue(this.stripTreeContainerRows(tableRows));
             this.$nextTick(() => {
               this.handleWbs();
             });
@@ -5411,7 +5469,7 @@ modules = {
             );
             tableRows.splice(currentIndex, 1);
             tableRows.splice(nextIndex, 0, row);
-            this.setValue(tableRows);
+            this.setValue(this.stripTreeContainerRows(tableRows));
             this.$nextTick(() => {
               this.handleWbs();
             });
@@ -5488,7 +5546,7 @@ modules = {
         rows.forEach((row, index1) => {
           items.splice(index + index1, 0, row);
         });
-        this.setValue(items);
+        this.setValue(this.stripTreeContainerRows(items));
         this.$nextTick(() => {
           this.handleWbs();
         });
@@ -5783,7 +5841,7 @@ modules = {
       if (this.designState) return;
       this.$on("setFormData", (o) => {
         let rows = this.formModel[this.fieldKeyName] || [];
-        this.setValue(rows);
+        this.setValue(this.stripTreeContainerRows(rows));
       });
     },
     /** @param {Object} widget 组件 schema。@param {Array<String>} ignoreFields 忽略字段。@returns {Boolean} 是否处理禁用状态。 */

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

@@ -10,9 +10,16 @@
 
 <template>
   <container-item-wrapper :widget="widget">
-    <div class="h5-detail-wrap grid-container" :class="[customClass]" :ref="widget.id">
+    <!-- h5-no-bottom-btns：底栏一个按钮都没有时打上，让内容区吃掉底栏那一格高度。
+         光靠底栏自己 v-if 不够 —— .h5-detail-body 的高度是
+         calc(100% - 底栏 - 标题栏) 硬减出来的（styles/h5.scss 块 G），
+         不同步改的话底部会空出一条 56px 的白带。见块 G2。 -->
+    <div class="h5-detail-wrap grid-container"
+         :class="[customClass, { 'h5-no-bottom-btns': !hasBottomButtons() }]" :ref="widget.id">
       <div class="h5-header">{{ widget.options.label }}</div>
-      <div>
+      <!-- 唯一滚动区：标题栏与底部动作栏 flex:none 固定，内容在这里滚。
+           样式见 components/xform/styles/h5.scss 块 G（.h5-detail-body 必须有 min-height:0） -->
+      <div class="h5-detail-body">
         <transition-group name="fade" tag="div" class="form-widget-list">
           <template v-if="!!widget.panes && (widget.panes.length > 0)">
             <template v-for="(subWidget, swIdx) in widget.panes">
@@ -39,12 +46,26 @@
             </template>
           </template>
         </transition-group>
+        <!-- 移动版流程面板：自给自足（mounted 里自己取数），只需给 wfOption。
+             全部用方法求值而非 computed —— 流程状态挂在表单实例上且非响应式，
+             computed 会缓存住早于流程就绪时的空值（见 wfStart 的注释）。
+             样式见 styles/h5.scss 块 L。 -->
+        <mobileWfContent v-if="showWfPanel()" ref="wfContent" :wfOption="getWfOption()"
+                         :defaultShowWfContent="getDefaultShowWfContent()"
+                         :hideActions="true"/>
       </div>
-      <div class="h5-fixed-bottom-btns ">
+      <!-- 一个按钮都没有时整条不渲染：底栏是 flex:none 的定高块，
+           留着就是一条 56px 的空白胶囊条，还带阴影。 -->
+      <div class="h5-fixed-bottom-btns " v-if="hasBottomButtons()">
         <transition-group name="fade" tag="div" class="form-widget-list">
-          <template v-if="!!widget.widgetList && (widget.widgetList.length > 0)">
-            <template v-for="(subWidget, swIdx) in widget.widgetList">
-              <template v-if="'container' === subWidget.category">
+          <template v-if="visibleButtons().length > 0">
+            <template v-for="(subWidget, swIdx) in visibleButtons()">
+              <!-- 审批动作按钮，不是 widget，单独渲染。只出文字不带图标 -->
+              <div class="field-wrapper" v-if="subWidget.__builtin" :key="'b-' + subWidget.__builtin">
+                <el-button class="button-sty" :type="subWidget.type"
+                           @click="subWidget.onClick">{{ subWidget.label }}</el-button>
+              </div>
+              <template v-else-if="'container' === subWidget.category">
                 <component :is="subWidget.type + '-item'" :widget="subWidget" :key="swIdx"
                            :parent-list="widget.widgetList"
                            :index-of-parent-list="swIdx" :parent-widget="widget">
@@ -67,6 +88,25 @@
             </template>
           </template>
         </transition-group>
+        <!-- 超出的按钮收进纯图标下拉。它按内容宽（不参与等分），排在最右。
+             popper-class 而非嵌套作用域：el-dropdown-menu 默认 append-to-body，
+             菜单 DOM 会被挪到 body 下、脱离 .xform-h5，故样式写成顶层
+             .xform-h5-dropdown 选择器（见 styles/h5.scss）。 -->
+        <el-dropdown v-if="overflowButtons().length > 0" class="h5-more-dropdown"
+                     trigger="click" popper-class="xform-h5-dropdown">
+          <!-- 裸图标触发器，不套 el-button：底栏在页面底部、菜单往上弹，故用向上箭头 -->
+          <i class="el-icon-arrow-up h5-more-icon"></i>
+          <el-dropdown-menu slot="dropdown">
+            <el-dropdown-item v-for="(subWidget, swIdx) in overflowButtons()" :key="swIdx">
+              <el-button v-if="subWidget.__builtin" class="button-sty" :type="subWidget.type"
+                         @click="subWidget.onClick">{{ subWidget.label }}</el-button>
+              <component v-else :is="subWidget.type + '-widget'" :field="subWidget" :designer="null"
+                         :parent-list="widget.widgetList"
+                         :index-of-parent-list="swIdx + visibleButtons().length"
+                         :parent-widget="widget"/>
+            </el-dropdown-item>
+          </el-dropdown-menu>
+        </el-dropdown>
       </div>
     </div>
 
@@ -83,7 +123,18 @@ import containerItemMixin from "./containerItemMixin"
 import FieldComponents from '../../../../components/xform/form-designer/form-widget/field-widget/index'
 
 
-import {initWf} from '../../../../components/wf/wfUtil'
+import {getVisibleWfActionItems} from '../../../../components/wf/wfActionItems'
+
+/* H5 底栏只放这四个审批动作，其余（催办/加签/减签/沟通/修改候选人/撤回…）不进底栏。
+   ★ 这里的书写序就是底栏的显示序：通过 → 驳回 → 中断 → 转办。 */
+const H5_WF_ACTION_KEYS = ['agree', 'reject', 'manual', 'transfer'];
+
+/* 底栏平铺的按钮个数上限，超出的收进最右侧的「更多」图标下拉 ——
+   即一行最多「3 个操作按钮 + 1 个更多图标」。
+   写死而不做成表单选项：这个数由底栏宽度决定，配大了会挤成一团，
+   而且此前做成 options.maxVisibleButtons 后，已保存的表单会锁住旧值，
+   改了原型默认值也不生效，反成绊脚石。 */
+const H5_BOTTOM_MAX_BUTTONS = 3;
 
 export default {
   name: "detail-h5-item",
@@ -92,6 +143,11 @@ export default {
   components: {
     ContainerItemWrapper,
     ...FieldComponents,
+    /* 懒加载：PC 版式的表单不该把移动 wf 那坨打进主包。
+       注：content.vue 的根节点是 <h5-card-pane>，Vue 2 的组件解析只查自身
+       components 与全局注册、不查父组件的局部注册，所以那个依赖必须由
+       content.vue 自己声明（已在该文件补上），在这里注册是没用的。 */
+    mobileWfContent: () => import('../../../../components/mobile/wf/content.vue'),
   },
   props: {
     widget: Object,
@@ -103,19 +159,154 @@ export default {
   },
   mounted() {
     this.handleOnMounted();
-    this.$nextTick(() => {
-      this.createWf();
-    })
   },
   beforeDestroy() {
     this.unregisterFromRefList()
   },
   data() {
-    return {
-      wfInfo: {}
-    }
+    return {}
   },
   methods: {
+    /**
+     * 流程状态实时求值 —— 与 PC 的 detail-item.wfStart() 同口径。
+     *
+     * 取数不归本组件管：form-render 的 loadDefaultEntityData 在
+     * formConfig.wfEnabled 为真时就已经初始化好流程，把结果挂在表单实例上
+     * （wfStartOption / wfStartCtx / wfParam / hasWf），入参也在那边算好
+     * （objId = dataId、wfCode = reportTemplate.objTypeCode，见 indexMixin:1394）。
+     *
+     * 必须用方法而不是 computed：wfStartOption / wfStartCtx / wfParam **都不在
+     * form-render 的 data 里**（只有 hasWf 在），不是响应式的，computed 会把
+     * 早于流程就绪时求得的空值缓存住。监听 hasWf 也不行 —— 单据没启动流程时
+     * 它是 false 赋 false，watcher 根本不触发。
+     *
+     * 注意：容器 options 上那个 wfEnabled 是旧路径的开关，与表单设置里的
+     * formConfig.wfEnabled 不是一回事，这里一律以表单实例的状态为准。
+     */
+    wfStart() {
+      let f = this.getFormRef && this.getFormRef();
+      if (!f || !f.wfStartOption) return null
+      let param = f.wfParam || {};
+      return {
+        ctx: f.wfStartCtx || f.$parent,
+        option: f.wfStartOption,
+        param: param,
+        hasWf: !!(f.hasWf || param.hasWf),
+        wfInfo: param.wfInfo || {},
+        taskParam: param.taskParam || {},
+      };
+    },
+    /**
+     * 映射成移动版 content.vue 要的 wfOption。
+     * 结果缓存在非响应式实例属性上：模板里调用的方法每次渲染都会执行，
+     * 每次返回新对象会让子组件 props 无谓变化；而在渲染期写 data 会触发重渲染循环。
+     */
+    getWfOption() {
+      if (this._wfOptionCache) return this._wfOptionCache
+      let ws = this.wfStart();
+      if (!ws) return null
+      let opt = ws.option;
+      let serviceId = opt.serviceId || "user";
+      this._wfOptionCache = {
+        objId: opt.objId,
+        wfCode: opt.wfCode,
+        serviceId: serviceId,
+        wf_prefix: "/" + serviceId,
+        startParam: opt.startParam,
+        startConfirmText: opt.startConfirmText,
+        parentVue: ws.ctx,
+      };
+      return this._wfOptionCache
+    },
+    /* 流程面板：已启动流程且非预览态才渲染 */
+    showWfPanel() {
+      let ws = this.wfStart();
+      return !this.previewState && !!ws && ws.hasWf;
+    },
+    /* 宿主通过 $attrs 传「进来就展开流程区」，与 PC 版 wfUtil 同口径 */
+    getDefaultShowWfContent() {
+      let ws = this.wfStart();
+      let target = ws && ws.ctx;
+      return !!(target && target.$attrs && target.$attrs.defaultShowWfContent);
+    },
+    /* 注：H5 底栏不放「流程启动」和「修改单据」两个内建按钮
+       （PC 的 wfUtil 与移动版 mixin 里都有，这里按需求去掉），
+       底栏只有审批动作 + 业务按钮。 */
+    /**
+     * 审批动作按钮（通过/驳回/中断/转办）。
+     *
+     * 复用 PC 的动作注册表 wfActionItems —— 它的 run 是 (wfVm) => wfVm.openAgreeDialog()
+     * 这种形式，而这些方法名在移动版 content.vue 里完全一致，所以同一份注册表两边通用。
+     *
+     * show 用表单实例上的 wfInfo 求值（读 f.hasWf 会建立响应式依赖，流程就绪时能重渲染）；
+     * run 则要真实的面板实例，点击时才从 $refs 取 —— 那时面板一定已经渲染好了。
+     * 面板内那一排同名按钮由 :hideActions="true" 藏掉，不会出现两份。
+     */
+    wfActionButtons() {
+      let ws = this.wfStart();
+      if (!ws || !ws.hasWf || this.previewState) return []
+      // 只用 wfInfo 算显隐，不依赖面板实例（它可能还没渲染）
+      let items = getVisibleWfActionItems({ wfInfo: ws.wfInfo });
+      let byKey = {};
+      items.forEach((item) => {
+        byKey[item.key] = item;
+      });
+      // 按 H5_WF_ACTION_KEYS 取，顺序由它决定 —— 不能用 items.filter，
+      // 那样保留的是注册表的定义序（通过/中断/驳回/转办），与要求的顺序不一致
+      return H5_WF_ACTION_KEYS.map((key) => byKey[key])
+        .filter((item) => !!item)
+        .map((item) => ({
+          __builtin: "wfAction-" + item.key,
+          label: item.i18nPath
+            ? this.$t2(item.defaultLabel, item.i18nPath)
+            : item.defaultLabel,
+          // 注册表里的 iconClass/elIcon 不取：H5 底栏按钮只出文字
+          type: item.buttonType || "primary",
+          onClick: () => {
+            let wfVm = this.$refs.wfContent;
+            if (!wfVm) return
+            item.run(wfVm);
+          },
+        }));
+    },
+    /**
+     * 底栏按钮：审批动作在前（审批中的单据以审批为主），然后是流程启动/修改单据，
+     * 最后是业务按钮。hidden 的业务按钮先剔除，否则「更多」里会留空条目
+     * （static-content-wrapper 内部只是 v-show 隐藏，el-dropdown-item 仍占一行）。
+     */
+    bottomButtons() {
+      let widgetButtons = (this.widget.widgetList || []).filter(
+        (w) => !w.options || !w.options.hidden
+      );
+      return this.wfActionButtons().concat(widgetButtons);
+    },
+    /**
+     * 底栏要不要出。与 visibleButtons/overflowButtons 同源（都走 bottomButtons），
+     * 不会出现「有按钮却不渲染」的错位。
+     *
+     * 用方法而非 computed，同本文件其余流程相关方法：wfActionButtons 依赖的流程状态
+     * 挂在表单实例上、多数不是响应式的。重渲染的触发点是 f.hasWf（它在 form-render
+     * 的 data 里）与 widget.widgetList —— 流程就绪、按钮显隐变化时都会重算，
+     * 底栏跟着出现或消失。
+     */
+    hasBottomButtons() {
+      return this.bottomButtons().length > 0;
+    },
+    /**
+     * 平铺的按钮。宽度由 CSS 的 flex:1 等分决定 ——
+     * 1 个铺满、2 个各一半、3 个各三分之一，不需要在这里算。
+     */
+    visibleButtons() {
+      let list = this.bottomButtons();
+      if (list.length <= H5_BOTTOM_MAX_BUTTONS) return list;
+      return list.slice(0, H5_BOTTOM_MAX_BUTTONS);
+    },
+    /** 超出上限的按钮，收进底栏最右侧那个纯图标下拉 */
+    overflowButtons() {
+      let list = this.bottomButtons();
+      if (list.length <= H5_BOTTOM_MAX_BUTTONS) return [];
+      return list.slice(H5_BOTTOM_MAX_BUTTONS);
+    },
     reload() {
       this.getFormRef().$parent.$baseReload()
     },
@@ -123,27 +314,6 @@ export default {
       if (!!this.previewState) return
       this.getFormRef().saveForm();
     },
-    createWf() {
-      if (!!this.previewState || !this.widget.options.wfEnabled) return
-      let formTarget = this.getFormRef();
-      let formData = formTarget.formData;
-      if (formData && formData.object_foreign_id) {
-        let reportTemplate = formTarget.reportTemplate;
-        let formCode = reportTemplate.formCode;
-        let option = {
-          objId: formData.object_foreign_id, //单据ID
-          wfCode: formCode, //流程编码
-          showStartBtn: true, //是否放出启动按钮,流程已启动时此参数失效
-          serviceId: 'user',
-          startConfirmText: () => formTarget.getWfStartConfirmText(),
-          callback: ({wfInfo}) => {
-            this.wfInfo = wfInfo;
-          }
-        }
-        initWf.call(formTarget.$parent, option);
-      }
-
-    }
   },
 }
 </script>