cloud-web-corejs 1.0.283 → 1.0.285

package/src/components/xform/form-render/index.vue

@@ -13,7 +13,7 @@
     <el-form
       :label-position="labelPosition"
       :size="size"
-      :class="[customClass]"
+      :class="[customClass, h5RootClass]"
       class="render-form"
       :label-width="labelWidth"
       :validate-on-rule-change="false"
@@ -145,3 +145,9 @@ export default {
   // padding: 8px;
 }
 </style>
+
+<!-- H5 版式样式基线：必须非 scoped，要穿透到各 field-widget 内部的 el-form-item。
+     全部规则收在 .xform-h5 下（由上面 el-form 的 h5RootClass 输出），PC 版式不生效。 -->
+<style lang="scss">
+@import "../styles/h5.scss";
+</style>

package/src/components/xform/form-render/indexMixin.js

@@ -69,6 +69,9 @@ import {
   resolveTreeSubmitConfig,
 } from "../utils/treeTableUtil";
 
+/* 暂时：H5 运行时整表只读（设计器画布不受影响）。打开 H5 编辑时改 false 即可。 */
+const H5_TEMP_READ_ONLY = true;
+
 let modules = {};
 const baseRefUtil = {
   emitter,
@@ -338,6 +341,27 @@ modules = {
         : "";
     },
 
+    /**
+     * H5 版式根类：整套移动端样式都收在 .xform-h5 作用域下（styles/h5.scss）。
+     * 必须由 form-render 自己输出，不能依赖宿主壳——表单还会从 formDialog /
+     * formDrawer / outLink/form_view / 微前端子应用等路径渲染，
+     * views/user/form/vform/render.vue 的 .h5-layout 在那几条路径上拿不到。
+     */
+    h5RootClass() {
+      return !!this.formConfig && this.formConfig.layoutType === "H5"
+        ? "xform-h5"
+        : "";
+    },
+
+    /** 暂时：H5 版式强制只读 */
+    isH5TempReadOnly() {
+      return (
+        H5_TEMP_READ_ONLY &&
+        !!this.formConfig &&
+        this.formConfig.layoutType === "H5"
+      );
+    },
+
     formModel() {
       return this.formDataModel;
     },
@@ -350,6 +374,7 @@ modules = {
     this.currentFormData = this.formData;
 
     this.initGlobalConfig(); //初始化全局配置
+    this.applyH5TempReadOnly();
     this.buildFormModel(!this.formJsonObj ? null : this.formJsonObj.widgetList);
 
     // this.handleOnCreated(),
@@ -1643,6 +1668,8 @@ modules = {
               this.buildDataFromWidget(childItem, e);
             });
           }
+          let c = currentFormData[fieldKeyName] ?? [];
+          this.$set(this.formDataModel, fieldKeyName, baseRefUtil.deepClone(c));
         } else if ("grid" === e.type)
           e.cols &&
             e.cols.length > 0 &&
@@ -2043,6 +2070,7 @@ modules = {
             this.$set(this.formJsonObj, "formConfig", i.formConfig),
             (this._provided.formConfig = i.formConfig),
             this.$set(this.formJsonObj, "widgetList", i.widgetList),
+            this.applyH5TempReadOnly(),
             this.insertCustomStyleAndScriptNode(),
             this.$nextTick(function () {
               t.initFormObject(!1), t.handleOnMounted();
@@ -2929,7 +2957,7 @@ modules = {
         : undefined;
     },
     /**
-     * 枚举需要独立发包获取的子表（data-table 容器）。sub-form/table2 的数组随主表
+     * 枚举需要独立发包获取的子表（data-table / list-h5 容器）。sub-form/table2 的数组随主表
      * objx 一并返回，无需单独发包。返回 [{ name, scriptCode }]。
      */
     getCompareSubTables: function () {
@@ -2938,7 +2966,11 @@ modules = {
     getCompareSubTablesFrom: function (widgetList) {
       let result = [];
       this.getContainerWidgets(widgetList).forEach((c) => {
-        if (c.type === "data-table" && c.container && c.container.options) {
+        if (
+          (c.type === "data-table" || c.type === "list-h5") &&
+          c.container &&
+          c.container.options
+        ) {
           result.push({
             // 与 data-table 实际发包(taBm)/表单存储键保持一致：优先「数据属性名称」keyName
             name: this.getFieldKeyName(c.container),
@@ -3586,10 +3618,16 @@ modules = {
     setReadMode: function () {
       let e =
         !(arguments.length > 0 && void 0 !== arguments[0]) || arguments[0];
-      this.readModeFlag = e;
+      /* H5 暂时只读：不允许关掉 */
+      this.readModeFlag = this.isH5TempReadOnly ? true : e;
     },
     getReadMode: function () {
-      return this.readModeFlag;
+      return this.readModeFlag || this.isH5TempReadOnly;
+    },
+    applyH5TempReadOnly() {
+      if (this.isH5TempReadOnly) {
+        this.readModeFlag = true;
+      }
     },
     getGlobalDsv: function () {
       return this.globalDsv;

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

@@ -193,6 +193,16 @@ export default {
           fixedQuery: "Fixed Query Condition",
           fixedQueryHelp:
             "Keeps its value when Refresh / Revert / Confirm runs, and is read-only in Query Condition Setting",
+          h5Span: "H5 Width",
+          h5SpanFull: "Full",
+          h5SpanHalf: "Half",
+          h5SpanHelp:
+            "H5 layout only. Half puts two fields side by side, matching the compact two-column mobile layout",
+          itemStyle: "Item Style",
+          itemStylePlain: "Plain",
+          itemStyleCard: "Card",
+          itemStyleHelp:
+            "Card style adds a dot title and a right arrow, tap to open item detail; Plain keeps the original look",
           textContent: "Text",
           htmlContent: "HTML",
           clearable: "Clearable",

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

@@ -347,6 +347,16 @@ export default {
       fixedQuery: "固定查询条件",
       fixedQueryHelp:
         "开启后该条件不被刷新、查询条件设置的还原/确定清空，且在查询条件设置里只读",
+      h5Span: "H5 占宽",
+      h5SpanFull: "整宽",
+      h5SpanHalf: "半宽",
+      h5SpanHelp:
+        "仅 H5 版式生效。半宽时两个字段并排一行，对应移动端的紧凑两列版式",
+      itemStyle: "明细行样式",
+      itemStylePlain: "朴素列表",
+      itemStyleCard: "卡片",
+      itemStyleHelp:
+        "卡片样式带圆点标题与右侧箭头，点击进入明细详情；朴素列表为原有表现",
       textContent: "静态文字",
       preWrap: "自动换行",
       htmlContent: "HTML",