cloud-web-corejs 1.0.284 → 1.0.286

package/src/components/xform/form-designer/setting-panel/property-editor/itemStyle-editor.vue

@@ -0,0 +1,39 @@
+<template>
+  <el-form-item
+    :label="i18nt('designer.setting.itemStyle')"
+    class="form-item-label-top"
+  >
+    <el-tooltip
+      :enterable="false"
+      effect="dark"
+      :content="i18nt('designer.setting.itemStyleHelp')"
+      placement="top"
+      popper-class="tooltip-skin"
+    >
+      <el-radio-group v-model="optionModel.itemStyle" size="mini">
+        <el-radio-button label="plain">
+          {{ i18nt("designer.setting.itemStylePlain") }}
+        </el-radio-button>
+        <el-radio-button label="card">
+          {{ i18nt("designer.setting.itemStyleCard") }}
+        </el-radio-button>
+      </el-radio-group>
+    </el-tooltip>
+  </el-form-item>
+</template>
+
+<script>
+import i18n from "../../../../../components/xform/utils/i18n";
+
+export default {
+  name: "itemStyle-editor",
+  mixins: [i18n],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object,
+  },
+};
+</script>
+
+<style scoped></style>

package/src/components/xform/form-designer/setting-panel/propertyRegister.js

@@ -27,6 +27,15 @@ const COMMON_PROPERTIES = {
   border: "border-editor",
   labelWidth: "labelWidth-editor",
   labelHidden: "labelHidden-editor",
+  /* 「H5 占宽」暂时隐藏（2026-09-01）。属性面板只渲染登记在这几张表里的属性
+     （setting-panel/indexMixin.js 的 hasPropEditor 逐条查），注释掉这一行，
+     面板上就不出这一项。要放出来，把注释去掉即可。
+     ★ 只动面板，不动数据与运行期：字段原型仍带 h5Span:"full"
+     （widgetsConfig 的 applyH5FieldDefaults），已经存成 "half" 的老表单
+     照旧按两列渲染（form-item-wrapper 读的是实例 options）。
+     ★ 明细列表列上那个「H5列宽」是另一处 UI（list-h5-editor 里的列表格），
+     不走这张表，不受影响。 */
+  // h5Span: "h5Span-editor",
   rows: "rows-editor",
   required: "required-editor",
   // 'requiredHint': 'requiredHint-editor',
@@ -121,6 +130,7 @@ const COMMON_PROPERTIES = {
   detailH5Container: "detail-h5-editor",
   h5Card: "h5-card-editor",
   listH5: "list-h5-editor",
+  itemStyle: "itemStyle-editor",
   formScriptEnabled: "formScriptEnabled-editor",
   textFlag: "textFlag-editor",
   showRuleFlag: "showRuleFlag-editor",

package/src/components/xform/form-designer/toolbar-panel/index.vue

@@ -17,9 +17,12 @@
       >
         <svg-icon icon-class="redo" />
       </el-button>
-      <el-button-group v-if="$store.getters.loginAccount === 'dev_徐凯'">
+      <el-button-group :title="layoutTypeLocked ? layoutTypeLockedTip : ''">
+        <!-- 锁定时只保留当前模式一个按钮，另一个不显示 -->
         <el-button
+          v-if="!layoutTypeLocked || layoutType === 'PC'"
           :type="layoutType === 'PC' ? 'info' : ''"
+          :disabled="layoutTypeLocked"
           @click="changeLayoutType('PC')"
           size="mini"
         >
@@ -27,7 +30,9 @@
         </el-button>
         <!--         <el-button :type="layoutType === 'Pad' ? 'info' : ''" @click="changeLayoutType('Pad')">{{ i18nt('designer.toolbar.padLayout') }}</el-button>-->
         <el-button
+          v-if="!layoutTypeLocked || layoutType === 'H5'"
           :type="layoutType === 'H5' ? 'info' : ''"
+          :disabled="layoutTypeLocked"
           @click="changeLayoutType('H5')"
           size="mini"
         >

package/src/components/xform/form-designer/toolbar-panel/indexMixin.js

@@ -39,6 +39,7 @@ modules = {
     "saveReportTemplate",
     "getReportTemplate",
     "getFormTemplateTableDTOs",
+    "getLayoutTypeLocked",
     "readonly",
   ],
   data() {
@@ -105,6 +106,15 @@ modules = {
     layoutType() {
       return this.designer.getLayoutType();
     },
+
+    /* 布局模式由入口（表单模板类型）锁定时，PC/移动端按钮只回显不可切换 */
+    layoutTypeLocked() {
+      return !!this.getLayoutTypeLocked();
+    },
+
+    layoutTypeLockedTip() {
+      return this.$t1("模板类型由表单模板维护，设计器内不可切换");
+    },
   },
   watch: {
     "designer.widgetList": {
@@ -281,6 +291,9 @@ modules = {
     },
 
     changeLayoutType(newType) {
+      if (this.layoutTypeLocked) {
+        return;
+      }
       this.designer.changeLayoutType(newType);
       this.$emit("loadWidgets");
     },

package/src/components/xform/form-designer/widget-panel/indexMixin.js

@@ -6,7 +6,8 @@ import {
   advancedFields,
   customFields,
   businessFields,
-  widgetPanelOrder
+  widgetPanelOrder,
+  h5PanelAllowTypes
 } from "./widgetsConfig"
 import {
   formTemplates
@@ -115,6 +116,16 @@ modules = {
         ? !1
         : !!this.designerConfig.metadataLib;
     },
+    currentLayoutType() {
+      return (this.designer && this.designer.formConfig && this.designer.formConfig.layoutType) || "PC";
+    },
+  },
+  watch: {
+    /* 打开 H5 模板是 setFormJson 后才写入 layoutType；面板 mounted 时仍是默认 PC。
+       版式变化后必须按新 layoutType 重筛，否则左侧一直停在 PC 组件列表。 */
+    currentLayoutType() {
+      this.loadWidgets();
+    },
   },
   mounted() {
     this.designerConfig.chartLib && (this.firstTab = "chartLib"),
@@ -181,7 +192,8 @@ modules = {
 
       this.commonContainers = this.containers.filter(con => !!con.commonFlag && this.getIsShow(con));
 
-      this.basicFields = this.basicFields.map(fld => {
+      /* 每次从 widgetsConfig 原表筛，不能拿 this.xxx（已被上次 layoutType 滤过）再滤一遍 */
+      this.basicFields = basicFields.map(fld => {
         return {
           ...fld,
           displayName: this.i18n2t(`designer.widgetLabel.${fld.type}`, `extension.widgetLabel.${fld.type}`)
@@ -190,13 +202,13 @@ modules = {
         return !this.isBanned(fld.type) && this.getIsShow(fld);
       });
 
-      this.advancedFields = this.advancedFields.map(fld => {
+      this.advancedFields = advancedFields.map(fld => {
         return {
           ...fld,
           displayName: this.i18n2t(`designer.widgetLabel.${fld.type}`, `extension.widgetLabel.${fld.type}`)
         };
       }).filter(fld => {
-        return !this.isBanned(fld.type) && this.getIsShow(fld);
+        return !fld.internal && !this.isBanned(fld.type) && this.getIsShow(fld);
       });
 
       /* 面板分组归一：表单数据字段（搜索框/自动完成/级联/凭证/状态等）展示在基础字段分组 */
@@ -209,7 +221,7 @@ modules = {
       );
       this.advancedFields = this.sortByPanelOrder(this.advancedFields, widgetPanelOrder.advancedFields);
 
-      this.businessFields = this.businessFields.map(fld => {
+      this.businessFields = businessFields.map(fld => {
         return {
           ...fld,
           displayName: this.i18n2t(`designer.widgetLabel.${fld.type}`, `extension.widgetLabel.${fld.type}`)
@@ -229,7 +241,7 @@ modules = {
           && moveTypes.indexOf(fld.type) === -1;
       }), widgetPanelOrder.advancedFields);
 
-      this.customFields = this.customFields.map(fld => {
+      this.customFields = customFields.map(fld => {
         return {
           ...fld,
           displayName: this.i18n2t(`designer.widgetLabel.${fld.type}`, `extension.widgetLabel.${fld.type}`)
@@ -343,6 +355,10 @@ modules = {
       let flag = !ftd.layoutType || ftd.layoutType === layoutType;
       let flag2 = this.checkColumnFlag(ftd)
       let flag3 = !!ftd.commonFlag
+      /* H5 面板按白名单收口，PC 不受影响 */
+      if (layoutType === "H5") {
+        flag = flag && h5PanelAllowTypes.indexOf(ftd.type) > -1;
+      }
       return flag && flag2 && flag3;
     }
   }

package/src/components/xform/form-designer/widget-panel/widgetsConfig.js

@@ -329,6 +329,7 @@ export const containers = [
       showRules: [],
       hideGridCheckBox: false,
       isNotQueryAllPage: false,
+      isNotReadQueryAllPage: false,
       isNotShowQueryButton: false,
 
       exportItemColumns: [],
@@ -548,6 +549,7 @@ export const containers = [
       detailH5Container: true,
       // colHeight: null,
       customClass: "",
+      // 底栏平铺个数不做成选项，写死在 detail-h5-item 的 H5_BOTTOM_MAX_BUTTONS（=3）
       wfEnabled: false,
       onCreated: "",
       onMounted: "",
@@ -573,6 +575,8 @@ export const containers = [
       listH5: true,
       // colHeight: null,
       customClass: "",
+      // 明细行样式：'plain'=原有朴素列表（默认，保持存量表现）；'card'=卡片皮肤
+      itemStyle: "plain",
       isQueryTable: false,
 
       accessUrl: null,
@@ -693,6 +697,7 @@ export const containers = [
     category: "container",
     icon: "tree-pane",
     commonFlag: !0,
+    layoutType: "PC",
     leftWidgetList: [],
     widgetList: [],
     options: {
@@ -4660,18 +4665,68 @@ export const widgetPanelOrder = {
   ],
 };
 
+/**
+ * H5 版式左侧组件面板白名单（仅影响面板展示，不影响已有模板渲染与按 type 查找）。
+ * 容器：H5详情 / H5列表 / H5卡片 / h5表格
+ * 基础字段：文本、状态、凭证、下拉选项
+ *   （status / vabUpload 定义在 advancedFields，面板会归入基础字段）
+ * 业务组件：创建人、更新人、创建时间、更新时间
+ */
+export const h5PanelAllowTypes = [
+  "detail-h5",
+  "list-h5",
+  "h5-card",
+  "h5-table",
+  "text",
+  "status",
+  "vabUpload",
+  "select",
+  "create_by-text",
+  "modify_by-text",
+  "create_date-text",
+  "modify_date-text",
+];
+
+/**
+ * H5 版式：所有表单字段统一具备 h5Span（整宽/半宽）。
+ *
+ * 为什么用后处理而不是在 42 个字段定义里逐个展开 ...defaultH5Config：
+ *   1) 一处逻辑覆盖全部字段，不会漏；
+ *   2) 顺带覆盖 extension 通过 add*Schema 动态注册的组件；
+ *   3) 用函数调用而非展开运算符，不踩本文件头部注释里那个 Babel TDZ 的坑。
+ *
+ * 属性面板显不显示「H5 占宽」由 designer.hasConfig 决定，它查的是**原型 widget
+ * 的 options**（不是实例），所以必须在这里写进原型。
+ * 详见 docs/2026-08 xform H5 P0 实现规格.md §3.1。
+ */
+export const defaultH5Config = {
+  h5Span: "full", // 'full' | 'half'
+};
+
+function applyH5FieldDefaults(schema) {
+  if (!schema || !schema.formItemFlag || !schema.options) return schema;
+  if (!Object.prototype.hasOwnProperty.call(schema.options, "h5Span")) {
+    Object.assign(schema.options, defaultH5Config);
+  }
+  return schema;
+}
+
+[basicFields, advancedFields, businessFields, customFields].forEach((list) =>
+  list.forEach(applyH5FieldDefaults)
+);
+
 export function addContainerWidgetSchema(containerSchema) {
   containers.push(containerSchema);
 }
 
 export function addBasicFieldSchema(fieldSchema) {
-  basicFields.push(fieldSchema);
+  basicFields.push(applyH5FieldDefaults(fieldSchema));
 }
 
 export function addAdvancedFieldSchema(fieldSchema) {
-  advancedFields.push(fieldSchema);
+  advancedFields.push(applyH5FieldDefaults(fieldSchema));
 }
 
 export function addCustomWidgetSchema(widgetSchema) {
-  customFields.push(widgetSchema);
+  customFields.push(applyH5FieldDefaults(widgetSchema));
 }

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

@@ -2686,6 +2686,7 @@ modules = {
         columns: columns,
         searchColumns: searchColumns,
         isQueryAllPage,
+        readQueryAllPage: !this.widget.options.isNotReadQueryAllPage,
         exportItemConfig,
         vform: true,
         ...(this.getDynamicColumnSourceType() !== "none"

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 h5-dropdown-button" :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>