form-custom-test 3.0.220 → 3.0.222

package/dist/render.es.js

@@ -2004,6 +2004,7 @@ var enLocale_extension = {
       meetingRoomRemoteUrl: "Request URL",
       allowMultiple: "Allow Multiple",
       currentUserType: "Current User Type",
+      currentUserValueType: "Value Type",
       selectTreeCheckStrictly: "Check Strictly",
       assetSelectButtonText: "Button Text",
       assetSelectTypeJson: "Asset Type Json",
@@ -2077,6 +2078,7 @@ var zhLocale_extension = {
       meetingRoomRemoteUrl: "\u8BF7\u6C42\u5730\u5740",
       allowMultiple: "\u662F\u5426\u591A\u9009",
       currentUserType: "\u5F53\u524D\u7528\u6237\u7C7B\u578B",
+      currentUserValueType: "\u503C\u7C7B\u578B",
       selectTreeCheckStrictly: "\u662F\u5426\u4E25\u683C\u9009\u4E2D",
       assetSelectButtonText: "\u6309\u94AE\u6587\u5B57",
       assetSelectTypeJson: "\u8D44\u4EA7\u7C7B\u578BJson",
@@ -26644,13 +26646,13 @@ function registerIcon(app) {
 if (typeof window !== "undefined") {
   let loadSvg = function() {
     var body = document.body;
-    var svgDom = document.getElementById("__svg__icons__dom__1783061794431__");
+    var svgDom = document.getElementById("__svg__icons__dom__1783064649026__");
     if (!svgDom) {
       svgDom = document.createElementNS("http://www.w3.org/2000/svg", "svg");
       svgDom.style.position = "absolute";
       svgDom.style.width = "0";
       svgDom.style.height = "0";
-      svgDom.id = "__svg__icons__dom__1783061794431__";
+      svgDom.id = "__svg__icons__dom__1783064649026__";
       svgDom.setAttribute("xmlns", "http://www.w3.org/2000/svg");
       svgDom.setAttribute("xmlns:link", "http://www.w3.org/1999/xlink");
     }
@@ -62346,20 +62348,26 @@ const _sfc_main$f = {
     return {
       fieldModel: null,
       oldFieldValue: null,
-      rules: []
+      rules: [],
+      rawUserData: null
     };
   },
   computed: {
     displayModel() {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+      if (this.isStringValueType) {
+        return (_a = this.fieldModel) != null ? _a : "";
+      }
       if (this.currentUserType === "username") {
-        return this.fieldModel ? this.fieldModel.username : "";
-      } else if (this.currentUserType === "deptName") {
-        return this.fieldModel ? this.fieldModel.deptName : "";
-      } else if (this.currentUserType === "companyName") {
-        return this.fieldModel ? this.fieldModel.companyName : "";
-      } else {
-        return JSON.stringify(this.fieldModel);
+        return (_e = (_d = (_b = this.fieldModel) == null ? void 0 : _b.username) != null ? _d : (_c = this.fieldModel) == null ? void 0 : _c.userName) != null ? _e : "";
+      }
+      if (this.currentUserType === "deptName") {
+        return (_g = (_f = this.fieldModel) == null ? void 0 : _f.deptName) != null ? _g : "";
       }
+      if (this.currentUserType === "companyName") {
+        return (_i = (_h = this.fieldModel) == null ? void 0 : _h.companyName) != null ? _i : "";
+      }
+      return this.fieldModel ? JSON.stringify(this.fieldModel) : "";
     },
     widgetStyle() {
       return {
@@ -62369,22 +62377,90 @@ const _sfc_main$f = {
     currentUserType() {
       var _a;
       return ((_a = this.field.options) == null ? void 0 : _a.type) || "username";
+    },
+    isStringValueType() {
+      var _a;
+      return ((_a = this.field.options) == null ? void 0 : _a.valueType) === "string";
     }
   },
   methods: {
+    extractStringValue(data2) {
+      var _a, _b, _c, _d;
+      if (data2 == null) {
+        return "";
+      }
+      if (typeof data2 === "string") {
+        return data2;
+      }
+      if (this.currentUserType === "username") {
+        return (_b = (_a = data2.username) != null ? _a : data2.userName) != null ? _b : "";
+      }
+      if (this.currentUserType === "deptName") {
+        return (_c = data2.deptName) != null ? _c : "";
+      }
+      if (this.currentUserType === "companyName") {
+        return (_d = data2.companyName) != null ? _d : "";
+      }
+      return "";
+    },
+    normalizeFieldValue(data2) {
+      if (this.isStringValueType) {
+        return this.extractStringValue(data2);
+      }
+      if (data2 && typeof data2 === "object") {
+        return data2;
+      }
+      return data2;
+    },
+    applyFieldValue(data2, emitChange = true) {
+      var _a;
+      const oldValue = (_a = this.oldFieldValue) != null ? _a : this.fieldModel;
+      this.fieldModel = this.normalizeFieldValue(data2);
+      this.syncUpdateFormModel(this.fieldModel);
+      if (emitChange) {
+        this.emitFieldDataChange(this.fieldModel, oldValue);
+      }
+    },
     hasExistingValue() {
       var _a;
       const v = (_a = this.fieldModel) != null ? _a : this.oldFieldValue;
-      return v !== void 0 && v !== null && v !== "";
+      if (v === void 0 || v === null) {
+        return false;
+      }
+      if (this.isStringValueType) {
+        return v !== "";
+      }
+      if (typeof v === "object") {
+        return Object.keys(v).length > 0;
+      }
+      return v !== "";
     },
     async getCurrentUser() {
       const { data: data2 } = await service$1({
         method: "get",
         url: "unified-system/employee/loginInfo?accessType=0"
       });
-      this.fieldModel = data2;
-      this.syncUpdateFormModel(this.fieldModel);
-      this.emitFieldDataChange(this.fieldModel, this.oldFieldValue);
+      this.rawUserData = data2;
+      this.applyFieldValue(data2);
+    },
+    refreshFieldValueFromOptions() {
+      var _a;
+      const source2 = (_a = this.rawUserData) != null ? _a : this.fieldModel;
+      if (source2 == null) {
+        if (!this.designState) {
+          this.getCurrentUser();
+        }
+        return;
+      }
+      if (this.isStringValueType && typeof source2 === "object") {
+        this.applyFieldValue(source2);
+        return;
+      }
+      if (!this.isStringValueType && typeof source2 === "string") {
+        this.getCurrentUser();
+        return;
+      }
+      this.applyFieldValue(source2);
     }
   },
   watch: {
@@ -62397,13 +62473,11 @@ const _sfc_main$f = {
     "field.options.onValidate"() {
       this.buildFieldRules();
     },
-    "field.options.type": {
-      handler(newVal, oldVal) {
-        if (oldVal === void 0)
-          return;
-        this.getCurrentUser();
-      },
-      immediate: false
+    "field.options.type"() {
+      this.refreshFieldValueFromOptions();
+    },
+    "field.options.valueType"() {
+      this.refreshFieldValueFromOptions();
     }
   },
   created() {
@@ -62412,10 +62486,17 @@ const _sfc_main$f = {
     this.initEventHandler();
     this.buildFieldRules();
     this.handleOnCreated();
+    if (this.fieldModel && typeof this.fieldModel === "object") {
+      this.rawUserData = this.fieldModel;
+    }
   },
   mounted() {
-    if (this.hasExistingValue())
+    if (this.hasExistingValue()) {
+      if (this.isStringValueType && typeof this.fieldModel === "object") {
+        this.applyFieldValue(this.fieldModel, false);
+      }
       return;
+    }
     this.getCurrentUser();
   }
 };
@@ -63810,15 +63891,28 @@ const _sfc_main$b = {
     getFormConfigCode(item) {
       return (item == null ? void 0 : item.subCategoryCode) || (item == null ? void 0 : item.formCode) || this.documentTypeValue;
     },
+    buildReadonlyFormJson(formJson) {
+      const json = lodash.exports.cloneDeep(formJson);
+      if (json == null ? void 0 : json.widgetList) {
+        traverseFieldWidgets(json.widgetList, (widget) => {
+          if (widget == null ? void 0 : widget.options) {
+            widget.options.disabled = true;
+            widget.options.readonly = true;
+          }
+        });
+      }
+      return json;
+    },
     applyFormToRender(parsed, formData) {
-      this.formJson = parsed;
+      const disabledJson = this.buildReadonlyFormJson(parsed);
+      this.formJson = disabledJson;
       this.showForm = true;
       this.$nextTick(() => {
         const ref2 = this.$refs.detailFormRender;
         if (!ref2 || typeof ref2.setFormJson !== "function") {
           return;
         }
-        ref2.setFormJson(lodash.exports.cloneDeep(parsed));
+        ref2.setFormJson(lodash.exports.cloneDeep(disabledJson));
         this.$nextTick(() => {
           if (typeof ref2.setFormData === "function") {
             ref2.setFormData(lodash.exports.cloneDeep(formData));
@@ -63835,7 +63929,7 @@ const _sfc_main$b = {
         }
       };
       this.$nextTick(disable);
-      setTimeout(disable, 300);
+      [300, 800, 1500].forEach((delay) => setTimeout(disable, delay));
     },
     async loadDocumentDetail(item) {
       const formConfigCode = this.getFormConfigCode(item);
@@ -63881,7 +63975,7 @@ const _hoisted_1$9 = {
 };
 const _hoisted_2$7 = {
   key: 1,
-  class: "detail-form"
+  class: "detail-form detail-form--readonly"
 };
 const _hoisted_3$5 = {
   key: 2,
@@ -63945,7 +64039,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["modelValue", "onClose"]);
 }
-var DocumentDetailDialog = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["render", _sfc_render$b], ["__scopeId", "data-v-6eaf8455"]]);
+var DocumentDetailDialog = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["render", _sfc_render$b], ["__scopeId", "data-v-ddc7afce"]]);
 var index_vue_vue_type_style_index_0_lang$1 = "";
 const _sfc_main$a = {
   name: "document-select-widget",
@@ -66895,6 +66989,12 @@ const loadExtension = function(app) {
       { label: "\u516C\u53F8\u540D\u79F0", value: "companyName" }
     ]
   }));
+  registerCPEditor(app, "current-user-valueType", "current-user-valueType-editor", createSelectEditor("valueType", "extension.setting.currentUserValueType", {
+    optionItems: [
+      { label: "\u5B57\u7B26\u4E32", value: "string" },
+      { label: "\u5BF9\u8C61", value: "object" }
+    ]
+  }));
   app.component(CurrentUserSecondCompanyWidget.name, CurrentUserSecondCompanyWidget);
   app.component(AssetSelectWidget.name, AssetSelectWidget);
   registerCPEditor(app, "asset-select-buttonText", "asset-select-buttonText-editor", createInputTextEditor("buttonText", "extension.setting.assetSelectButtonText"));