cloud-web-corejs 1.0.54-dev.798 → 1.0.54-dev.799

package/src/components/xform/form-designer/form-widget/field-widget/vabUpload-widget.vue

@@ -50,6 +50,12 @@ import FormItemWrapper from "./form-item-wrapper";
 import emitter from "../../../../../components/xform/utils/emitter";
 import i18n from "../../../../../components/xform/utils/i18n";
 import fieldMixin from "../../../../../components/xform/form-designer/form-widget/field-widget/fieldMixin";
+import {
+  normalizeAttachmentValue,
+  isSameAttachmentRows,
+  isSameModelValue,
+  toModelValue,
+} from "../../../../../components/xform/utils/attachmentValueUtil";
 
 export default {
   name: "vabUpload-widget",
@@ -94,7 +100,20 @@ export default {
   },
   watch: {
     fieldModel(val) {
-      this.handleChangeEvent(val);
+      /* fieldMixin.initValueWatchEvent 监听模型值，一变就 initFieldModel(true) 把
+         模型值原样灌回 fieldModel——URL 模式下灌回来的是字符串/字符串数组，会打破
+         「fieldModel 恒为附件对象数组」这个内部约定，所以这里兜底归一。 */
+      let rows = normalizeAttachmentValue(val);
+      if (!isSameAttachmentRows(rows, val)) {
+        this.fieldModel = rows;
+        return;
+      }
+      /* 落到表单模型的值由 urlValueEnabled 决定是对象数组还是 URL 字符串。
+         默认模式下 rows 就是 val 本身(归一未改动任何东西)，写回模型的是同一个
+         引用，模型值身份不变，不会触发 initValueWatchEvent 回灌。 */
+      let modelValue = this.toModelValue(rows);
+      if (this.isSameFieldModelValue(modelValue)) return;
+      this.handleChangeEvent(modelValue);
     },
   },
   computed: {
@@ -114,6 +133,7 @@ export default {
     this.isH5 = this.getFormConfig().layoutType === "H5";
 
     this.initFieldModel();
+    this.initAttachmentValue();
     this.registerToRefList();
     this.initEventHandler();
     this.buildFieldRules();
@@ -129,12 +149,49 @@ export default {
     this.unregisterFromRefList();
   },
   methods: {
+    /* 模型里存的可能是 URL 字符串/数组(urlValueEnabled)或外部塞进来的 URL，
+       统一归一成附件对象数组，组件内部只处理这一种形态 */
+    initAttachmentValue() {
+      let rows = normalizeAttachmentValue(this.fieldModel);
+      /* 归一前后等价就不重新赋值，换新数组会让 watcher 白触发一次 onChange */
+      if (!isSameAttachmentRows(rows, this.fieldModel)) {
+        this.fieldModel = rows;
+      }
+    },
+    toModelValue(rows) {
+      return toModelValue(rows, this.field.options);
+    },
+    /* URL 模式下 toModelValue 每次都产出新数组，值没变也回写模型的话，会和
+       initValueWatchEvent 形成「写模型 → 灌回 fieldModel → 又写模型」的死循环
+       （多值模式页面直接卡死）。默认模式模型值就是 fieldModel 本身、身份不变，
+       不存在这个问题，行为保持原样。 */
+    isSameFieldModelValue(modelValue) {
+      if (!this.field.options.urlValueEnabled) return false;
+      let currentData = this.tableRow ? this.tableRow : this.formModel;
+      let current = currentData ? currentData[this.fieldKeyName] : undefined;
+      return isSameModelValue(current, modelValue);
+    },
     setValue(val) {
-      let data = val || [];
+      let data = normalizeAttachmentValue(val);
+      let modelValue = this.toModelValue(data);
+      // 按 tableParam 决定落点：行内附件写回当前行对象，主表写回表单模型。
+      // 旧实现固定写 getFormRef().formDataModel（顶层），明细行/子表单里的附件
+      // 会写错位置并丢失联动，且多行会互相覆盖同一个顶层字段。
+      let currentData = this.tableRow ? this.tableRow : this.formModel;
+      if (currentData[this.fieldKeyName] === undefined) {
+        this.$set(currentData, this.fieldKeyName, modelValue);
+      }
+      // 赋值 fieldModel 会触发 watch.fieldModel -> handleChangeEvent（内部再走
+      // syncUpdateFormModel + emitFieldDataChange，异步一次）。这里再同步写一次模型，
+      // 保证 setValue 返回后立即可读到最新值，且落点与 watcher 一致。
       this.fieldModel = data;
-      this.getFormRef().formDataModel[this.fieldKeyName] = data;
+      this.syncUpdateFormModel(modelValue);
     },
     loadDataDefaultHandle() {
+      /* URL 模式下值就存在主表列上、随表单 getOne 一起回来，不存在独立附件记录。
+         再发这一包不仅多余，查不到还会 setValue([]) 把主表带回来的 URL 清掉。
+         在这里拦截而不是改 onCreated 脚本，已有表单不用逐个改配置。 */
+      if (this.field.options.urlValueEnabled) return;
       let dataId = this.formDataId;
       if (!dataId) return;
       let reportTemplate = this.getFormRef().reportTemplate;
@@ -174,98 +231,10 @@ export default {
         eventParamValues
       );
     },
+    /* 脚本 API：直接用 URL 赋值，支持单个 URL、逗号/换行分隔的多个 URL、URL 数组。
+       非法输入不再抛异常，会被忽略并在控制台告警。 */
     setValueByUrl(fileUrl) {
-      let value = [];
-      if (fileUrl) {
-        let row = this.parseFileUrl(fileUrl);
-        if (row) {
-          value.push(row);
-        }
-      }
-      this.setValue(value);
-    },
-    parseFileUrl(fileUrl) {
-      if (!fileUrl) return null;
-      let result = null;
-
-      // 输入校验
-      if (typeof fileUrl !== "string") {
-        throw new TypeError("输入必须是字符串格式");
-      }
-      if (!fileUrl.trim()) {
-        throw new Error("URL不能为空");
-      }
-
-      // 基本URL格式验证
-      const urlRegex =
-        /^(https?:\/\/)?([\w.-]+)(:\d+)?(\/[^?#]*)?(\?[^#]*)?(#.*)?$/i;
-      if (!urlRegex.test(fileUrl)) {
-        throw new Error("无效的URL格式");
-      }
-
-      // 提取域名部分
-      const domainRegex = /^(https?:\/\/[^\/]+)/i;
-      const domainMatch = fileUrl.match(domainRegex);
-      if (!domainMatch) {
-        throw new Error("URL缺少协议或域名部分");
-      }
-      const domain = domainMatch[0];
-
-      // 提取完整路径
-      const url = fileUrl.substring(domain.length);
-      if (!url || url === "/") {
-        throw new Error("URL缺少文件路径部分");
-      }
-
-      // 提取带扩展名的文件名
-      const filenameRegex = /[^\/]+$/;
-      const filenameMatch = url.match(filenameRegex);
-      if (!filenameMatch) {
-        throw new Error("无法从路径中提取文件名");
-      }
-      const fullFilename = filenameMatch[0];
-
-      // 验证文件名格式（至少1字符+扩展名）
-      const nameFormat = /^.+\..+$/;
-      if (!nameFormat.test(fullFilename)) {
-        throw new Error(`无效的文件名格式: ${fullFilename}`);
-      }
-
-      // 修复点：更可靠的文件名和扩展名分离
-      const lastDotIndex = fullFilename.lastIndexOf(".");
-      const filenameBase = fullFilename.substring(0, lastDotIndex); // 点之前部分
-      const extension = fullFilename.substring(lastDotIndex + 1).toLowerCase(); // 点之后部分
-
-      // 扩展名验证
-      /* const validExtensions = ['jpg', 'jpeg', 'png', 'gif', 'webp', 'svg', 'bmp'];
-    if (!validExtensions.includes(extension)) {
-      throw new Error(`不支持的扩展名类型: ${extension}`);
-    } */
-
-      let thumbnail = null,
-        large = null,
-        medium = null,
-        source = null;
-      if (this.$commonFileUtil.isPicture(extension)) {
-        thumbnail = url;
-        large = url;
-        medium = url;
-        source = url;
-      }
-
-      result = {
-        extension,
-        domain,
-        url,
-        thumbnail,
-        large,
-        medium,
-        source,
-        name: fullFilename,
-      };
-
-      // 返回结构化对象
-      return result;
+      this.setValue(normalizeAttachmentValue(fileUrl));
     },
     /*handlLineCode(fileInfos) {
       let allPromise = [];

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

@@ -175,7 +175,6 @@ div.external-link a {
 }
 
 .el-aside.side-panel {
-  width: 260px !important;
   overflow-y: hidden;
 }