cloud-web-corejs 1.0.276 → 1.0.277

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

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.styleTableClass')">
+  <el-form-item :label="i18nt('designer.setting.styleTableClass')" class="form-item-label-top">
     <el-select v-model="optionModel.styleTableClass">
       <el-option v-for="(item, idx) in classList" :key="idx" :label="item.name" :value="item.value"></el-option>
     </el-select>

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

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.styleTitClass')">
+  <el-form-item :label="i18nt('designer.setting.styleTitClass')" class="form-item-label-top">
     <el-select v-model="optionModel.styleTitClass">
       <el-option v-for="(item, idx) in classList" :key="idx" :label="item.name" :value="item.value"></el-option>
     </el-select>

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

@@ -1,23 +1,22 @@
 <template>
   <el-form-item :label="i18nt('designer.setting.suffixIcon')">
-    <el-input type="text" v-model="optionModel.suffixIcon"></el-input>
+    <icon-picker v-model="optionModel.suffixIcon"></icon-picker>
   </el-form-item>
 </template>
 
 <script>
-  import i18n from "../../../../../components/xform/utils/i18n";
-
-  export default {
-    name: "suffixIcon-editor",
-    mixins: [i18n],
-    props: {
-      designer: Object,
-      selectedWidget: Object,
-      optionModel: Object,
-    },
-  }
+import i18n from "@base/components/xform/utils/i18n";
+import IconPicker from "@base/components/xform/icon-picker/index.vue";
+export default {
+  name: "suffixIcon-editor",
+  components: { IconPicker },
+  mixins: [i18n],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object,
+  },
+};
 </script>
 
-<style scoped>
-
-</style>
+<style scoped></style>

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

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <el-form-item :label="i18nt('暂存唯一编码')">
+    <el-form-item :label="i18nt('暂存唯一编码')" class="form-item-label-top">
       <el-input
         type="text"
         v-model="optionModel.tempStorageCode"

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

@@ -15,7 +15,7 @@
     <el-form-item :label="i18nt('启用特定用户显示规则设置')">
       <el-switch v-model="optionModel.userTextRuleEnabled"></el-switch>
     </el-form-item>
-    <el-form-item :label="i18nt('特定用户显示规则设置')" v-if="optionModel.userTextRuleEnabled">
+    <el-form-item :label="i18nt('特定用户显示规则设置')" v-if="optionModel.userTextRuleEnabled" class="el-form-item-second">
       <a href="javascript:void(0);" class="a-link link-oneLind" @click="openDialog">
         <span>{{ optionModel.userTextRuleConfig && optionModel.userTextRuleConfig.length ? "已维护" : "" }}</span>
         <i class="el-icon-edit"></i>
@@ -316,8 +316,7 @@ export default {
         // index: index,
         // columnEditFields: columnEditFields,
         callback: (columnSelectedWidget) => {
-          widget.options = columnSelectedWidget.options
-          // this.confirmFormatConfigDialog(columnSelectedWidget, row);
+          widget.options = columnSelectedWidget.options;
         },
       });
     },

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

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.displayType')" v-if="selectedWidget.type === 'input'">
+  <el-form-item :label="i18nt('designer.setting.displayType')" v-if="selectedWidget.type === 'input'" class="form-item-label-top">
     <el-select v-model="optionModel.type">
       <el-option label="text" value="text"></el-option>
       <!-- 当input的type设置为number时，如果输入非数字字符，则v-model拿到的值为空字符串，无法实现输入校验！故屏蔽之！！ -->

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

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.uploadTip')">
+  <el-form-item :label="i18nt('designer.setting.uploadTip')" class="form-item-label-top">
     <el-input type="text" v-model="optionModel.uploadTip"></el-input>
   </el-form-item>
 </template>

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

@@ -3,7 +3,7 @@
     <el-form-item label-width="0">
       <el-divider class="custom-divider">{{i18nt('designer.setting.uploadSetting')}}</el-divider>
     </el-form-item>
-    <el-form-item :label="i18nt('designer.setting.uploadURL')">
+    <el-form-item :label="i18nt('designer.setting.uploadURL')" class="form-item-label-top">
       <el-input type="text" v-model="optionModel.uploadURL"></el-input>
     </el-form-item>
   </div>

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

@@ -0,0 +1,91 @@
+<template>
+  <div>
+    <el-form-item :label="i18nt('值存为URL')">
+      <el-tooltip
+        effect="dark"
+        placement="top"
+        content="开启后字段值以完整 URL 字符串保存：限制数量为 1 时存单个字符串，否则存字符串数组。关闭时字段值为附件对象数组，但外部传入的 URL 值同样能正常显示。"
+      >
+        <el-switch
+          v-model="optionModel.urlValueEnabled"
+          @change="handleEnabledChange"
+        ></el-switch>
+      </el-tooltip>
+    </el-form-item>
+    <template v-if="optionModel.urlValueEnabled">
+      <el-form-item :label="i18nt('URL取值字段')" class="form-item-label-top">
+        <el-select v-model="optionModel.urlValueField">
+          <el-option value="url" :label="i18nt('原文件')"></el-option>
+          <el-option value="large" :label="i18nt('大图')"></el-option>
+          <el-option value="medium" :label="i18nt('中图')"></el-option>
+          <el-option value="thumbnail" :label="i18nt('小图')"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label-width="0" v-if="showKeyNameHint">
+        <div class="url-value-hint">
+          该字段的值现在存在主表的普通列上，「数据属性名称」需改成后端表字段名。
+        </div>
+      </el-form-item>
+    </template>
+  </div>
+</template>
+
+<script>
+import i18n from "../../../../../components/xform/utils/i18n";
+
+export default {
+  name: "urlValueEnabled-editor",
+  mixins: [i18n],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object,
+  },
+  computed: {
+    /* 明细列的 keyName 被强制设成列 prop（见 table-column-dialog.getColumnWidgetConfig），
+       不走 attachments_ 自动前缀，无需提示改名 */
+    showKeyNameHint() {
+      return this.optionModel.hasOwnProperty("keyNameSuffix");
+    },
+  },
+  methods: {
+    /* 附件字段默认走 attachments_ 独立附件通道，keyName 形如 attachments_<uuid>；
+       开启 URL 模式后它变成主表普通列，必须去掉前缀，否则保存时会被当附件包发走 */
+    handleEnabledChange(enabled) {
+      if (enabled && !this.optionModel.urlValueField) {
+        /* 旧表单升级时缺失的属性会被填成 null，开关打开时补默认取值字段 */
+        this.$set(this.optionModel, "urlValueField", "url");
+      }
+      if (!this.optionModel.hasOwnProperty("keyNameSuffix")) {
+        return;
+      }
+      let type = this.selectedWidget.type;
+      if (enabled) {
+        let prefix = this.designer.getKeyNamePrefix(type);
+        let keyName = this.optionModel.keyName || "";
+        if (prefix && keyName.startsWith(prefix)) {
+          /* 保留原 uuid 作占位，避免 keyName 为空静默回落到 name（widget id） */
+          this.$set(this.optionModel, "keyName", keyName.substring(prefix.length));
+        }
+        this.$set(this.optionModel, "keyNameSuffix", "");
+      } else {
+        let suffix = this.designer.createKeyNameSuffix(type);
+        this.$set(this.optionModel, "keyNameSuffix", suffix);
+        this.$set(
+          this.optionModel,
+          "keyName",
+          this.designer.createKeyName(type, suffix, this.optionModel)
+        );
+      }
+    },
+  },
+};
+</script>
+
+<style scoped>
+.url-value-hint {
+  line-height: 1.5;
+  color: #e6a23c;
+  word-break: break-all;
+}
+</style>

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

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item>
+  <el-form-item class="form-item-label-top">
     <span slot="label">{{i18nt('designer.setting.validation')}}
       <el-tooltip effect="light" :content="i18nt('designer.setting.validationHelp')">
         <i class="el-icon-info"></i></el-tooltip>

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

@@ -1,5 +1,5 @@
 <template>
-  <el-form-item :label="i18nt('designer.setting.validationHint')">
+  <el-form-item :label="i18nt('designer.setting.validationHint')" class="form-item-label-top">
     <el-input type="text" v-model="optionModel.validationHint"></el-input>
   </el-form-item>
 </template>

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

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <el-form-item :label="i18nt('designer.setting.widgetWidth')">
+    <el-form-item :label="i18nt('designer.setting.widgetWidth')" class="form-item-label-top">
       <el-input type="text" v-model="optionModel.widgetWidth"></el-input>
     </el-form-item>
   </div>