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

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

@@ -1,158 +1,158 @@
-<template>
-  <div v-show="getIsShow()">
-    <el-form-item label-width="0">
-      <el-divider class="custom-divider-margin-top">请求访问设置</el-divider>
-    </el-form-item>
-    <el-form-item
-      label="启用请求后台脚本"
-      v-if="formScriptEnabledTypes.includes(selectedWidget.type)"
-      class="el-form-item-isSwitch"
-    >
-      <el-switch
-        v-model="optionModel.formScriptEnabled"
-        @change="changeFormScriptEnabled"
-      ></el-switch>
-    </el-form-item>
-    <template>
-      <!--      <el-form-item label="请求表单编码" v-if="optionModel.formScriptEnabled">
-        <el-input v-model="optionModel.httpFormCode" clearable></el-input>
-      </el-form-item>-->
-      <el-form-item label="表单脚本编码" v-if="optionModel.formScriptEnabled" class="form-item-label-top el-form-item-second">
-        <el-input v-model="optionModel.formScriptCode" clearable></el-input>
-      </el-form-item>
-      <el-form-item
-        label="查询参数"
-        class="el-form-item-second"
-        v-if="
-          optionModel.formScriptEnabled || optionModel.commonAttributeEnabled
-        "
-      >
-        <a
-          href="javascript:void(0);"
-          class="a-link link-oneLind"
-          @click="editEventHandler('formScriptParam', ['dataId', 'formCode'])"
-        >
-          <span>{{ optionModel.formScriptParam }}</span>
-          <i class="el-icon-edit"></i>
-        </a>
-      </el-form-item>
-    </template>
-    <template v-if="formScriptEnabledTypes.includes(selectedWidget.type)">
-      <el-form-item :label="i18nt('启用系统词汇')">
-        <el-switch
-          v-model="optionModel.commonAttributeEnabled"
-          @change="changeCommonAttributeEnabled"
-        ></el-switch>
-      </el-form-item>
-      <el-form-item
-        :label="i18nt('词汇编码')"
-        v-if="optionModel.commonAttributeEnabled"
-        class="form-item-label-top el-form-item-second"
-      >
-        <el-input
-          type="text"
-          v-model="optionModel.commonAttributeCode"
-        ></el-input>
-      </el-form-item>
-      <!-- <el-form-item :label="i18nt('显示字段')" v-if="optionModel.formScriptEnabled || optionModel.commonAttributeEnabled">
-        <el-input type="text" v-model="optionModel.labelKey" :disabled="optionModel.commonAttributeEnabled"></el-input>
-      </el-form-item>
-      <el-form-item :label="i18nt('关联字段')" v-if="optionModel.formScriptEnabled || optionModel.commonAttributeEnabled">
-        <el-input type="text" v-model="optionModel.valueKey" :disabled="optionModel.commonAttributeEnabled"></el-input>
-      </el-form-item> -->
-    </template>
-    <el-form-item
-      label="请求去掉data层"
-      v-if="optionModel.formScriptEnabled"
-      class="el-form-item-second"
-    >
-      <el-switch v-model="optionModel.removeDataLevel"></el-switch>
-    </el-form-item>
-    <el-form-item
-      label="查询回调"
-      class="el-form-item-second"
-      v-if="optionModel.formScriptEnabled || optionModel.commonAttributeEnabled"
-    >
-      <a
-        href="javascript:void(0);"
-        class="a-link link-oneLind"
-        @click="
-          editEventHandler('formScriptSuccess', ['dataId', 'formCode', 'res'])
-        "
-      >
-        <span>{{ optionModel.formScriptSuccess }}</span>
-        <i class="el-icon-edit"></i>
-      </a>
-    </el-form-item>
-  </div>
-</template>
-
-<script>
-import i18n from "../../../../../components/xform/utils/i18n";
-import eventMixin from "../../../../../components/xform/form-designer/setting-panel/property-editor/event-handler/eventMixin";
-
-export default {
-  name: "formScriptEnabled-editor",
-  mixins: [i18n, eventMixin],
-  props: {
-    designer: Object,
-    selectedWidget: Object,
-    optionModel: Object,
-  },
-  data() {
-    return {
-      formScriptEnabledTypes: [
-        "select",
-        "checkbox",
-        "radio",
-        "census",
-        "status",
-        "gantt",
-        "cascader",
-        "autocomplete",
-      ],
-    };
-  },
-  methods: {
-    getIsShow() {
-      return this.selectedWidget.type !== "data-table";
-    },
-    changeFormScriptEnabled(val) {
-      if (val) {
-        this.optionModel.commonAttributeEnabled = false;
-      }
-      this.handleLabelAndValueKey();
-    },
-    changeCommonAttributeEnabled(val) {
-      if (val) {
-        this.optionModel.formScriptEnabled = false;
-      }
-      this.handleLabelAndValueKey();
-    },
-    handleLabelAndValueKey() {
-      if (this.optionModel.commonAttributeEnabled) {
-        this.optionModel.labelKey = "value";
-        this.optionModel.valueKey = "sn";
-      } else {
-        this.optionModel.labelKey = "label";
-        this.optionModel.valueKey = "value";
-      }
-    },
-  },
-};
-</script>
-
-<style scoped lang="scss">
-  ::v-deep .el-form-item-second{
-    .el-form-item__label{
-      padding-left:0 !important;
-      &:before{display:none !important}
-    }
-  }
-  ::v-deep .el-form-item-isSwitch{
-    ~ .el-form-item-second .el-form-item__label{
-      padding-left:4px !important;
-      &:before{display:inline-block !important}
-    }
-  }
-</style>
+<template>
+  <div v-show="getIsShow()">
+    <el-form-item label-width="0">
+      <el-divider class="custom-divider-margin-top">请求访问设置</el-divider>
+    </el-form-item>
+    <el-form-item
+      label="启用请求后台脚本"
+      v-if="formScriptEnabledTypes.includes(selectedWidget.type)"
+      class="el-form-item-isSwitch"
+    >
+      <el-switch
+        v-model="optionModel.formScriptEnabled"
+        @change="changeFormScriptEnabled"
+      ></el-switch>
+    </el-form-item>
+    <template>
+      <!--      <el-form-item label="请求表单编码" v-if="optionModel.formScriptEnabled">
+        <el-input v-model="optionModel.httpFormCode" clearable></el-input>
+      </el-form-item>-->
+      <el-form-item label="表单脚本编码" v-if="optionModel.formScriptEnabled" class="form-item-label-top el-form-item-second">
+        <el-input v-model="optionModel.formScriptCode" clearable></el-input>
+      </el-form-item>
+      <el-form-item
+        label="查询参数"
+        class="el-form-item-second"
+        v-if="
+          optionModel.formScriptEnabled || optionModel.commonAttributeEnabled
+        "
+      >
+        <a
+          href="javascript:void(0);"
+          class="a-link link-oneLind"
+          @click="editEventHandler('formScriptParam', ['dataId', 'formCode'])"
+        >
+          <span>{{ optionModel.formScriptParam }}</span>
+          <i class="el-icon-edit"></i>
+        </a>
+      </el-form-item>
+    </template>
+    <template v-if="formScriptEnabledTypes.includes(selectedWidget.type)">
+      <el-form-item :label="i18nt('启用系统词汇')">
+        <el-switch
+          v-model="optionModel.commonAttributeEnabled"
+          @change="changeCommonAttributeEnabled"
+        ></el-switch>
+      </el-form-item>
+      <el-form-item
+        :label="i18nt('词汇编码')"
+        v-if="optionModel.commonAttributeEnabled"
+        class="form-item-label-top el-form-item-second"
+      >
+        <el-input
+          type="text"
+          v-model="optionModel.commonAttributeCode"
+        ></el-input>
+      </el-form-item>
+      <!-- <el-form-item :label="i18nt('显示字段')" v-if="optionModel.formScriptEnabled || optionModel.commonAttributeEnabled">
+        <el-input type="text" v-model="optionModel.labelKey" :disabled="optionModel.commonAttributeEnabled"></el-input>
+      </el-form-item>
+      <el-form-item :label="i18nt('关联字段')" v-if="optionModel.formScriptEnabled || optionModel.commonAttributeEnabled">
+        <el-input type="text" v-model="optionModel.valueKey" :disabled="optionModel.commonAttributeEnabled"></el-input>
+      </el-form-item> -->
+    </template>
+    <el-form-item
+      label="请求去掉data层"
+      v-if="optionModel.formScriptEnabled"
+      class="el-form-item-second"
+    >
+      <el-switch v-model="optionModel.removeDataLevel"></el-switch>
+    </el-form-item>
+    <el-form-item
+      label="查询回调"
+      class="el-form-item-second"
+      v-if="optionModel.formScriptEnabled || optionModel.commonAttributeEnabled"
+    >
+      <a
+        href="javascript:void(0);"
+        class="a-link link-oneLind"
+        @click="
+          editEventHandler('formScriptSuccess', ['dataId', 'formCode', 'res'])
+        "
+      >
+        <span>{{ optionModel.formScriptSuccess }}</span>
+        <i class="el-icon-edit"></i>
+      </a>
+    </el-form-item>
+  </div>
+</template>
+
+<script>
+import i18n from "../../../../../components/xform/utils/i18n";
+import eventMixin from "../../../../../components/xform/form-designer/setting-panel/property-editor/event-handler/eventMixin";
+
+export default {
+  name: "formScriptEnabled-editor",
+  mixins: [i18n, eventMixin],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object,
+  },
+  data() {
+    return {
+      formScriptEnabledTypes: [
+        "select",
+        "checkbox",
+        "radio",
+        "census",
+        "status",
+        "gantt",
+        "cascader",
+        "autocomplete",
+      ],
+    };
+  },
+  methods: {
+    getIsShow() {
+      return this.selectedWidget.type !== "data-table";
+    },
+    changeFormScriptEnabled(val) {
+      if (val) {
+        this.optionModel.commonAttributeEnabled = false;
+      }
+      this.handleLabelAndValueKey();
+    },
+    changeCommonAttributeEnabled(val) {
+      if (val) {
+        this.optionModel.formScriptEnabled = false;
+      }
+      this.handleLabelAndValueKey();
+    },
+    handleLabelAndValueKey() {
+      if (this.optionModel.commonAttributeEnabled) {
+        this.optionModel.labelKey = "value";
+        this.optionModel.valueKey = "sn";
+      } else {
+        this.optionModel.labelKey = "label";
+        this.optionModel.valueKey = "value";
+      }
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+  ::v-deep .el-form-item-second{
+    .el-form-item__label{
+      padding-left:0 !important;
+      &:before{display:none !important}
+    }
+  }
+  ::v-deep .el-form-item-isSwitch{
+    ~ .el-form-item-second .el-form-item__label{
+      padding-left:4px !important;
+      &:before{display:inline-block !important}
+    }
+  }
+</style>

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

@@ -0,0 +1,51 @@
+<template>
+  <!-- 仅 H5 版式下显示：该选项在 PC/Pad 版式没有任何作用 -->
+  <el-form-item
+    v-if="showEditor"
+    :label="i18nt('designer.setting.h5Span')"
+    class="form-item-label-top"
+  >
+    <el-tooltip
+      :enterable="false"
+      effect="dark"
+      :content="i18nt('designer.setting.h5SpanHelp')"
+      placement="top"
+      popper-class="tooltip-skin"
+    >
+      <el-radio-group v-model="optionModel.h5Span" size="mini">
+        <el-radio-button label="full">
+          {{ i18nt("designer.setting.h5SpanFull") }}
+        </el-radio-button>
+        <el-radio-button label="half">
+          {{ i18nt("designer.setting.h5SpanHalf") }}
+        </el-radio-button>
+      </el-radio-group>
+    </el-tooltip>
+  </el-form-item>
+</template>
+
+<script>
+import i18n from "../../../../../components/xform/utils/i18n";
+
+export default {
+  name: "h5Span-editor",
+  mixins: [i18n],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object,
+  },
+  computed: {
+    showEditor() {
+      let formConfig = this.designer && this.designer.formConfig;
+      return !!formConfig && formConfig.layoutType === "H5";
+    },
+  },
+  // 注意：不要在 created 里给老表单自动回填 "full"。
+  // upgradeWidgetConfig 给老表单补新增 option 时补的是 null（不是默认值），
+  // 此时两个 radio 都不选中是可接受表现（等价整宽）；自动回填会把所有老表单
+  // 标记成已修改。详见 docs/2026-08 xform H5 P0 实现规格.md §3.2 / §3.4。
+};
+</script>
+
+<style scoped></style>

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>