cloud-web-corejs 1.0.54-dev.675 → 1.0.54-dev.677

package/src/components/xform/form-designer/form-widget/field-widget/fieldMixin.js

@@ -7,16 +7,20 @@ import {
   getReportGlobalMap,
   getAccessUrl,
   generateId,
-  trim
+  trim,
 } from "../../../../../components/xform/utils/util";
-import FormValidators, {getRegExp} from "../../../../../components/xform/utils/validators";
+import FormValidators, {
+  getRegExp,
+} from "../../../../../components/xform/utils/validators";
 import scriptHttpMixin from "../../../../../components/xform/mixins/scriptHttp";
 import defaultHandleMixin from "../../../../../components/xform/mixins/defaultHandle";
 
 import {
-  fieldIsUsedInFormula, calculateFormula, recalculateFormulaOnSubFormRowDelete,
-} from '@base/components/xform/utils/formula-util'
-import * as formulajs from '@formulajs/formulajs'
+  fieldIsUsedInFormula,
+  calculateFormula,
+  recalculateFormulaOnSubFormRowDelete,
+} from "@base/components/xform/utils/formula-util";
+import * as formulajs from "@formulajs/formulajs";
 import settingConfig from "@/settings.js";
 
 let modules = {};
@@ -45,7 +49,7 @@ modules = {
     formItemProp: {
       type: String,
       default: null,
-    }
+    },
   },
   provide() {
     return {
@@ -77,7 +81,7 @@ modules = {
 
       disabled: false,
       hidden: false,
-      readonly: false
+      readonly: false,
     };
   },
   beforeDestroy() {
@@ -105,8 +109,7 @@ modules = {
       }
     }
   },
-  mounted() {
-  },
+  mounted() {},
   /*watch: {
     currentValue(val) {
       this.initFieldModel(true);
@@ -162,44 +165,81 @@ modules = {
       let currentValue = currentData[this.fieldKeyName];
       return currentValue;
     },
-    setFormScriptEnabled(value){
-      this.field.options.formScriptEnabled = value || false
+    setFormScriptEnabled(value) {
+      this.field.options.formScriptEnabled = value || false;
     },
-    getOptionLabel(){
+    getOptionLabel() {
       if (this.fieldModel === null) {
-        return null
-      } else {
-        let resultList = []
-        let labelField = this.getOptionItemLabelKey();
-        let valueField = this.getOptionItemValueKey();
-        this.field.options.optionItems.forEach(oItem => {
-          if ((oItem[valueField] === this.fieldModel) || (this.findInArray(this.fieldModel, oItem[valueField])) !== -1) {
-            resultList.push(this.$t1(oItem[labelField]))
-            // resultContent = resultContent === '--' ? oItem.label : resultContent + ' ' + oItem.label
-          }
-        })
-        return resultList.join(",")
+        return null;
       }
+      const selectedItems = this.getSelectedOptionItems();
+      const items =
+        selectedItems == null
+          ? []
+          : Array.isArray(selectedItems)
+            ? selectedItems
+            : [selectedItems];
+      const labelField = this.getOptionItemLabelKey();
+      return items.map((item) => this.$t1(item[labelField])).join(",");
+    },
+    getSelectedOptionItems() {
+      const fieldType = this.field.type;
+      const isOptionField =
+        fieldType === "select" ||
+        fieldType === "radio" ||
+        fieldType === "checkbox";
+      if (!isOptionField) {
+        return null;
+      }
+      const isMultiple =
+        fieldType === "checkbox" ||
+        (fieldType === "select" && this.field.options.multiple);
+      if (
+        this.fieldModel === null ||
+        this.fieldModel === undefined ||
+        this.fieldModel === ""
+      ) {
+        return isMultiple ? [] : null;
+      }
+      let resultList = [];
+      let valueField = this.getOptionItemValueKey();
+      this.field.options.optionItems.forEach((oItem) => {
+        if (
+          oItem[valueField] === this.fieldModel ||
+          this.findInArray(this.fieldModel, oItem[valueField]) !== -1
+        ) {
+          resultList.push(oItem);
+        }
+      });
+      return isMultiple
+        ? resultList
+        : resultList.length > 0
+          ? resultList[0]
+          : null;
     },
     initValueWatchEvent() {
       if (!this.designer) {
-        this.$watch(() => {
-          let currentData = this.tableParam && this.tableParam.row
-            ? this.tableParam.row
-            : this.formModel;
-          let currentValue = currentData[this.fieldKeyName];
-          return currentValue;
-        }, (newValue, oldValue) => {
-          if (oldValue !== undefined) {
-            this.initFieldModel(true);
+        this.$watch(
+          () => {
+            let currentData =
+              this.tableParam && this.tableParam.row
+                ? this.tableParam.row
+                : this.formModel;
+            let currentValue = currentData[this.fieldKeyName];
+            return currentValue;
+          },
+          (newValue, oldValue) => {
+            if (oldValue !== undefined) {
+              this.initFieldModel(true);
+            }
           }
-        })
+        );
       }
     },
     initFieldAttrs() {
-      this.setDisabled(this.field.options.disabled)
-      this.setHidden(this.field.options.hidden)
-      this.setReadonly(this.field.options.readonly)
+      this.setDisabled(this.field.options.disabled);
+      this.setHidden(this.field.options.hidden);
+      this.setReadonly(this.field.options.readonly);
     },
     initConfig() {
       /*if (this.designState) {
@@ -220,7 +260,6 @@ modules = {
         }
 
       }*/
-
       /*this.field.options = Object.assign(
         {},
         config.options,
@@ -234,7 +273,7 @@ modules = {
         e.forEach(function (e, n) {
           e === t && (i = n);
         }),
-          i
+        i
       );
     },
     getPropName: function () {
@@ -243,13 +282,13 @@ modules = {
       } else {
         return this.subFormItemFlag && !this.designState
           ? this.subFormName +
-          "." +
-          this.subFormRowIndex +
-          "." +
-          this.fieldKeyName
+              "." +
+              this.subFormRowIndex +
+              "." +
+              this.fieldKeyName
           : this.getObjectFieldFlag() && !this.designState
-            ? this.getObjectName() + "." + this.fieldKeyName
-            : this.fieldKeyName;
+          ? this.getObjectName() + "." + this.fieldKeyName
+          : this.fieldKeyName;
       }
     },
     initFieldModel: function (flag) {
@@ -283,9 +322,16 @@ modules = {
         let widgetType = this.field.type;
         if (widgetType === "number") {
           nullValue = undefined;
-        } else if (widgetType === 'checkbox' || (widgetType === 'select' && this.field.options.multiple)) {
+        } else if (
+          widgetType === "checkbox" ||
+          (widgetType === "select" && this.field.options.multiple)
+        ) {
           nullValue = [];
-        } else if (widgetType === "time-range" || widgetType === "date-range" || (widgetType === 'date' && this.field.options.type === "dates")) {
+        } else if (
+          widgetType === "time-range" ||
+          widgetType === "date-range" ||
+          (widgetType === "date" && this.field.options.type === "dates")
+        ) {
           nullValue = [];
         }
         if (void 0 === currentData[this.fieldKeyName]) {
@@ -298,15 +344,22 @@ modules = {
         } else {
           if (!dataId) {
             //新增
-            if (!this.designState && this.hasVabsearchFlag() && !this.field.options.multipleChoices) {
-              let searchDialogConfig = this.field.options.searchDialogConfig || {};
+            if (
+              !this.designState &&
+              this.hasVabsearchFlag() &&
+              !this.field.options.multipleChoices
+            ) {
+              let searchDialogConfig =
+                this.field.options.searchDialogConfig || {};
               if (this.field.options.userDefaultVabSearch) {
                 let userInfo = this.getFormRef().getUserInfo();
                 let valueSourceField = "id";
                 let labelSourceField = "nick_name";
                 if (this.field.options.clickBindEvent === "1") {
-                  if (searchDialogConfig.valueSourceField) valueSourceField = searchDialogConfig.valueSourceField
-                  if (searchDialogConfig.labelSourceField) labelSourceField = searchDialogConfig.labelSourceField
+                  if (searchDialogConfig.valueSourceField)
+                    valueSourceField = searchDialogConfig.valueSourceField;
+                  if (searchDialogConfig.labelSourceField)
+                    labelSourceField = searchDialogConfig.labelSourceField;
                 }
                 this.initValue(userInfo[valueSourceField] ?? null);
                 this.setShowValue(userInfo[labelSourceField] ?? null);
@@ -316,8 +369,10 @@ modules = {
                   let valueSourceField = "id";
                   let labelSourceField = "name";
                   if (this.field.options.clickBindEvent === "1") {
-                    if (searchDialogConfig.valueSourceField) valueSourceField = searchDialogConfig.valueSourceField
-                    if (searchDialogConfig.labelSourceField) labelSourceField = searchDialogConfig.labelSourceField
+                    if (searchDialogConfig.valueSourceField)
+                      valueSourceField = searchDialogConfig.valueSourceField;
+                    if (searchDialogConfig.labelSourceField)
+                      labelSourceField = searchDialogConfig.labelSourceField;
                   }
                   this.initValue(saleOrgDTO[valueSourceField] ?? null);
                   this.setShowValue(saleOrgDTO[labelSourceField] ?? null);
@@ -365,23 +420,23 @@ modules = {
     initFileList: function () {
       ("picture-upload" !== this.field.type &&
         "file-upload" !== this.field.type) ||
-      !0 === this.designState ||
-      (this.fieldModel &&
-        (Array.isArray(this.fieldModel)
-          ? (this.fileList = baseRefUtil.deepClone(this.fieldModel))
-          : this.fileList.splice(
-            0,
-            0,
-            baseRefUtil.deepClone(this.fieldModel)
-          )));
+        !0 === this.designState ||
+        (this.fieldModel &&
+          (Array.isArray(this.fieldModel)
+            ? (this.fileList = baseRefUtil.deepClone(this.fieldModel))
+            : this.fileList.splice(
+                0,
+                0,
+                baseRefUtil.deepClone(this.fieldModel)
+              )));
     },
     handleCreatedEnterEvent() {
       this.handleCustomEvent(this.field.options.onCreatedEnter);
     },
     initEventHandler() {
       this.designState ||
-      (this.$on("setFormData", (o) => {
-        /*if (!this.subFormItemFlag)
+        (this.$on("setFormData", (o) => {
+          /*if (!this.subFormItemFlag)
         if (
           !!this.getObjectFieldFlag()
           && !this.designState
@@ -393,8 +448,8 @@ modules = {
               : e[this.fieldKeyName]
           );
         } else this.setValue(o[this.fieldKeyName]);*/
-        this.subFormItemFlag || this.setValue(o[this.fieldKeyName]);
-      }),
+          this.subFormItemFlag || this.setValue(o[this.fieldKeyName]);
+        }),
         this.$on("field-value-changed", (o) => {
           if (this.subFormItemFlag) {
             let e = this.formModel[this.subFormName];
@@ -426,44 +481,73 @@ modules = {
           !this.subFormName && !s
             ? this.setValue(u, !0)
             : this.subFormName === s &&
-            this.subFormRowId === c &&
-            this.setValue(u, !0);
+              this.subFormRowId === c &&
+              this.setValue(u, !0);
         }),
-
         /* 执行计算公式运算 */
-        this.$on('calculate-formula', (newValue, sourceWidget) => {
-          if (!!this.field.options.formulaEnabled && !!this.field.options.formula) {
-            let changedFieldRef = sourceWidget
-            const changedFieldName = sourceWidget.field.options.name
+        this.$on("calculate-formula", (newValue, sourceWidget) => {
+          if (
+            !!this.field.options.formulaEnabled &&
+            !!this.field.options.formula
+          ) {
+            let changedFieldRef = sourceWidget;
+            const changedFieldName = sourceWidget.field.options.name;
             //检查计算公式是否包含当前修改字段
-            if (fieldIsUsedInFormula(changedFieldName, this.field.options.formula, this.getFormRef(), this)) {
-
+            if (
+              fieldIsUsedInFormula(
+                changedFieldName,
+                this.field.options.formula,
+                this.getFormRef(),
+                this
+              )
+            ) {
               /* 计算公式的计算改成延时执行，否则当子表单开启默认创建新行后，子表单字段的计算公式中使用到主表单字段则会出现计算错误！！ */
               //calculateFormula(this.getFormRef(), this.getGlobalDsv(), formulajs, this, changedFieldRef)
 
               setTimeout(() => {
-                calculateFormula(this.getFormRef(), this.getGlobalDsv(), formulajs, this, changedFieldRef)
-              }, 200)
+                calculateFormula(
+                  this.getFormRef(),
+                  this.getGlobalDsv(),
+                  formulajs,
+                  this,
+                  changedFieldRef
+                );
+              }, 200);
             }
           }
         }),
-
         /* 删除子表单行后重新执行计算公式运算 */
-        this.$on('calculate-formula-sfRowDeleted', (newValue, deletedFieldName) => {
-          if (!!this.field.options.formulaEnabled && !!this.field.options.formula) {
-            //检查计算公式是否包含当前修改字段
-            if (fieldIsUsedInFormula(deletedFieldName, this.field.options.formula, this.getFormRef())) {
-              recalculateFormulaOnSubFormRowDelete(this.getFormRef(), this.getGlobalDsv(), formulajs, this)
+        this.$on(
+          "calculate-formula-sfRowDeleted",
+          (newValue, deletedFieldName) => {
+            if (
+              !!this.field.options.formulaEnabled &&
+              !!this.field.options.formula
+            ) {
+              //检查计算公式是否包含当前修改字段
+              if (
+                fieldIsUsedInFormula(
+                  deletedFieldName,
+                  this.field.options.formula,
+                  this.getFormRef()
+                )
+              ) {
+                recalculateFormulaOnSubFormRowDelete(
+                  this.getFormRef(),
+                  this.getGlobalDsv(),
+                  formulajs,
+                  this
+                );
+              }
             }
           }
-        }),
-
+        ),
         this.$on("loadOptionItemsFromDataSet", (o) => {
           this.loadOptionItemsFromDataSet(o), (this.dataSetLoadedFlag = !0);
         }),
         this.$on("reloadOptionItems", (o) => {
           (o.length === 0 || o.indexOf(this.field.options.name) > -1) &&
-          this.initOptionItems(!0);
+            this.initOptionItems(!0);
         }));
     },
     getEventParam() {
@@ -484,20 +568,20 @@ modules = {
           funtionStr
         );
         let that = this;
-        try{
+        try {
           return e.call(
             this,
             ...eventParam.eventParamValues,
             ...eventParamValues
           );
-        }catch(error){
-          if(settingConfig.fontErrorTipEnabled){
+        } catch (error) {
+          if (settingConfig.fontErrorTipEnabled) {
             that.$errorMsg({
               rmid: that.$t1("前端脚本异常"),
               content: error.message,
-              type: 'error',
-              _errorMsg: error.stack
-            })
+              type: "error",
+              _errorMsg: error.stack,
+            });
           }
           throw error;
         }
@@ -520,7 +604,7 @@ modules = {
         if (this.tableParam && !this.designState) {
           let row = this.tableParam.row;
           if (!row._X_ROW_KEY) {
-            row._X_ROW_KEY = "row_" + generateId()
+            row._X_ROW_KEY = "row_" + generateId();
           }
           let keyVal = row._X_ROW_KEY;
           e && delete this.refList[e + "_" + keyVal];
@@ -536,21 +620,25 @@ modules = {
           this.refList[this.field.options.name] = this;
           if (this.widgetKeyNameMap) {
             if (!this.widgetKeyNameMap[this.fieldKeyName]) {
-              this.widgetKeyNameMap[this.fieldKeyName] = [this.field.options.name]
+              this.widgetKeyNameMap[this.fieldKeyName] = [
+                this.field.options.name,
+              ];
             } else {
-              this.widgetKeyNameMap[this.fieldKeyName].push(this.field.options.name);
+              this.widgetKeyNameMap[this.fieldKeyName].push(
+                this.field.options.name
+              );
             }
           }
         }
       }
     },
     getTableRef() {
-      let tableRef = this.getWidgetRef(this.parentWidget.options.name)
+      let tableRef = this.getWidgetRef(this.parentWidget.options.name);
       return tableRef;
     },
     getWidgetRefByTableRow(index, name) {
       let tableRef = this.getTableRef();
-      return tableRef.getWidgetRefByTableRow(index, name)
+      return tableRef.getWidgetRefByTableRow(index, name);
     },
     getWidgetRefByTableParam(param) {
       let tableParam = param || this.tableParam;
@@ -566,13 +654,11 @@ modules = {
       }
     },
     initOptionItemsHandle() {
-      if(this.tableParam){
-        if(this.field._syncInited){
-          this.handleCustomEvent(
-            this.field.options.formScriptSuccess
-          );
+      if (this.tableParam) {
+        if (this.field._syncInited) {
+          this.handleCustomEvent(this.field.options.formScriptSuccess);
         }
-        return
+        return;
       }
       this.initGloatOptionItems(true);
     },
@@ -602,11 +688,11 @@ modules = {
         let tableParam = this.tableParam;
         if (formScriptEnabled) {
           if (initFlag && tableParam) {
-            let optionItems = this.getOptionItemsFlag()
+            let optionItems = this.getOptionItemsFlag();
             if (optionItems !== undefined) {
-              return
+              return;
             }
-            this.setOptionItemsFlag(null)
+            this.setOptionItemsFlag(null);
           }
           let accessParam = this.handleCustomEvent(
             this.field.options.formScriptParam
@@ -637,19 +723,19 @@ modules = {
           if (initFlag && tableParam) {
             let optionItems = this.getOptionItemsFlag();
             if (optionItems !== undefined) {
-              return
+              return;
             }
-            this.setOptionItemsFlag(null)
+            this.setOptionItemsFlag(null);
           }
           let accessParam = this.handleCustomEvent(
             this.field.options.formScriptParam
           );
           this.$getBaseDicts({
             code: commonAttributeCode,
-            data:{
-              ...accessParam
+            data: {
+              ...accessParam,
             },
-            success: ({dicts, dictMap}) => {
+            success: ({ dicts, dictMap }) => {
               this.loadGloatOptions(dicts, initFlag);
               this.handleCustomEvent(
                 this.field.options.formScriptSuccess,
@@ -671,21 +757,21 @@ modules = {
         this.getOptionItemValueKey()
       );
       // this.field.options.optionItems = optionItems
-      this.setOptionItems(optionItems)
+      this.setOptionItems(optionItems);
       let tableParam = this.tableParam;
       if (tableParam) {
         if (initFlag) {
-          this.setOptionItemsFlag(true)
+          this.setOptionItemsFlag(true);
         }
-        this.loadTableOtions(optionItems)
+        this.loadTableOtions(optionItems);
       }
     },
-    setOptionItems(rows){
-      let formScriptEnabledTypes = ['select', 'checkbox', 'radio',"cascader"]
+    setOptionItems(rows) {
+      let formScriptEnabledTypes = ["select", "checkbox", "radio", "cascader"];
       let widgetType = this.field.type;
-      if(formScriptEnabledTypes.includes(widgetType)){
+      if (formScriptEnabledTypes.includes(widgetType)) {
         this.field.options.optionItems = rows || [];
-      }else if(widgetType=="status"){
+      } else if (widgetType == "status") {
         this.field.options.statusParam = rows || [];
       }
     },
@@ -699,31 +785,37 @@ modules = {
           this.getOptionItemValueKey()
         );
         let widgetName = this.field.options.name;
-        let tableWidgetName = tableParam.column.params.tableWidgetName
+        let tableWidgetName = tableParam.column.params.tableWidgetName;
         let tableTarget = this.getWidgetRef(tableWidgetName);
-        tableTarget.loopHandleWidgetByName(widgetName, (row, widget, target) => {
-          widget.options.optionItems = optionItems
-        })
+        tableTarget.loopHandleWidgetByName(
+          widgetName,
+          (row, widget, target) => {
+            widget.options.optionItems = optionItems;
+          }
+        );
         if (tableParam.column.params.widget) {
           if (tableParam.column.params.widget.options.name === widgetName) {
-            tableParam.column.params.widget.options.optionItems = optionItems
+            tableParam.column.params.widget.options.optionItems = optionItems;
           }
-
         }
         if (tableParam.column.params.editWidget) {
           if (tableParam.column.params.editWidget.options.name === widgetName) {
-            tableParam.column.params.editWidget.options.optionItems = optionItems
+            tableParam.column.params.editWidget.options.optionItems =
+              optionItems;
           }
         }
         if (tableParam.column.params.widgetList?.length) {
-          this.loopHandleWidget(tableParam.column.params.widgetList, (item1) => {
-            if (item1.options.name === widgetName) {
-              item1.options.optionItems = optionItems
+          this.loopHandleWidget(
+            tableParam.column.params.widgetList,
+            (item1) => {
+              if (item1.options.name === widgetName) {
+                item1.options.optionItems = optionItems;
+              }
             }
-          });
+          );
         }
 
-        delete tableParam.column.params[widgetName]
+        delete tableParam.column.params[widgetName];
       }
     },
     async initOptionItems(gloatFlag) {
@@ -772,7 +864,7 @@ modules = {
           if (!commonAttributeCode) return;
           this.$getBaseDicts({
             code: commonAttributeCode,
-            success: ({dicts, dictMap}) => {
+            success: ({ dicts, dictMap }) => {
               this.loadOptions(dicts);
               this.handleCustomEvent(
                 this.field.options.formScriptSuccess,
@@ -788,16 +880,16 @@ modules = {
     },
     refreshDefaultValue: function () {
       !0 === this.designState &&
-      void 0 !== this.field.options.defaultValue &&
-      (this.fieldModel = this.field.options.defaultValue);
+        void 0 !== this.field.options.defaultValue &&
+        (this.fieldModel = this.field.options.defaultValue);
     },
 
     clearFieldRules() {
       if (!this.field.formItemFlag) {
-        return
+        return;
       }
 
-      this.rules && this.rules.splice(0, this.rules.length)  //清空已有
+      this.rules && this.rules.splice(0, this.rules.length); //清空已有
     },
 
     getValidateDefaultMsg(labelCode, vldName) {
@@ -812,78 +904,85 @@ modules = {
         chinese: "[{label}]只能输入中文字符",
         email: "[{label}]邮箱格式有误",
         url: "[{label}]URL格式有误",
-        required: "[{label}]不能为空"
-      }
-      let result = null
-      let value = map[vldName]
+        required: "[{label}]不能为空",
+      };
+      let result = null;
+      let value = map[vldName];
       if (!value) {
-        value = "[{label}]invalid value"
+        value = "[{label}]invalid value";
       }
-      result = this.$t1(value, {label});
-      return result
+      result = this.$t1(value, { label });
+      return result;
     },
     getValidationHintMsg() {
-      let vldName = this.field.options.validation
+      let vldName = this.field.options.validation;
       if (this.field.options.validationHint) {
-        return this.$t1(this.field.options.validationHint)
+        return this.$t1(this.field.options.validationHint);
       } else {
-        return this.getValidateDefaultMsg(this.field.options.label, vldName)
+        return this.getValidateDefaultMsg(this.field.options.label, vldName);
       }
     },
     getRequiredHintMsg() {
       if (this.field.options.requiredHint) {
-        return this.$t1(this.field.options.requiredHint)
+        return this.$t1(this.field.options.requiredHint);
       } else {
-        return this.getValidateDefaultMsg(this.field.options.label, "required")
+        return this.getValidateDefaultMsg(this.field.options.label, "required");
       }
     },
     buildFieldRules() {
       if (!this.field.formItemFlag || this.field.options.hidden) {
-        return
+        return;
       }
 
-      this.rules.splice(0, this.rules.length)  //清空已有
+      this.rules.splice(0, this.rules.length); //清空已有
       if (!!this.field.options.required) {
         this.rules.push({
           required: true,
           //trigger: ['blur', 'change'],
-          trigger: ['blur'],  /* 去掉change事件触发校验，change事件触发时formModel数据尚未更新，导致radio/checkbox必填校验出错！！ */
-          message: this.getRequiredHintMsg()
-        })
+          trigger: [
+            "blur",
+          ] /* 去掉change事件触发校验，change事件触发时formModel数据尚未更新，导致radio/checkbox必填校验出错！！ */,
+          message: this.getRequiredHintMsg(),
+        });
       }
 
       if (!!this.field.options.validation) {
-        let vldName = this.field.options.validation
+        let vldName = this.field.options.validation;
         if (!!FormValidators[vldName]) {
           this.rules.push({
             validator: FormValidators[vldName],
-            trigger: ['blur', 'change'],
+            trigger: ["blur", "change"],
             label: this.field.options.label,
             // errorMsg: this.field.options.validationHint
-            errorMsg: this.getValidationHintMsg()
-          })
+            errorMsg: this.getValidationHintMsg(),
+          });
         } else {
           this.rules.push({
-            validator: FormValidators['regExp'],
-            trigger: ['blur', 'change'],
+            validator: FormValidators["regExp"],
+            trigger: ["blur", "change"],
             regExp: vldName,
             label: this.field.options.label,
             // errorMsg: this.field.options.validationHint
-            errorMsg: this.getValidationHintMsg()
-          })
+            errorMsg: this.getValidationHintMsg(),
+          });
         }
       }
 
       if (!!this.field.options.onValidate) {
         let customFn = (rule, value, callback) => {
-          let tmpFunc = new Function('rule', 'value', 'callback', this.field.options.onValidate)
-          return tmpFunc.call(this, rule, value, callback)
-        }
+          let tmpFunc = new Function(
+            "rule",
+            "value",
+            "callback",
+            this.field.options.onValidate
+          );
+          return tmpFunc.call(this, rule, value, callback);
+        };
         this.rules.push({
           validator: customFn,
-          trigger: ['blur', 'change'],
-          label: this.field.options.label
-        })
+          trigger: ["blur", "change"],
+          label: this.field.options.label,
+        });
       }
     },
 
@@ -892,14 +991,14 @@ modules = {
      */
     disableChangeValidate() {
       if (!this.rules) {
-        return
+        return;
       }
 
-      this.rules.forEach(rule => {
+      this.rules.forEach((rule) => {
         if (!!rule.trigger) {
-          rule.trigger.splice(0, rule.trigger.length)
+          rule.trigger.splice(0, rule.trigger.length);
         }
-      })
+      });
     },
 
     /**
@@ -907,72 +1006,89 @@ modules = {
      */
     enableChangeValidate() {
       if (!this.rules) {
-        return
+        return;
       }
 
-      this.rules.forEach(rule => {
+      this.rules.forEach((rule) => {
         if (!!rule.trigger) {
-          rule.trigger.push('blur')
-          rule.trigger.push('change')
+          rule.trigger.push("blur");
+          rule.trigger.push("change");
         }
-      })
+      });
     },
 
     disableOptionOfList(optionList, optionValue) {
-      if (!!optionList && (optionList.length > 0)) {
+      if (!!optionList && optionList.length > 0) {
         let valueKey = this.getOptionItemValueKey();
-        optionList.forEach(opt => {
+        optionList.forEach((opt) => {
           if (opt[valueKey] === optionValue) {
-            opt.disabled = true
+            opt.disabled = true;
           }
 
           if (opt.children && Array.isArray(opt.children)) {
-            this.disableOptionOfList(opt.children, optionValue)
+            this.disableOptionOfList(opt.children, optionValue);
           }
-        })
-        this.$forceUpdate()
+        });
+        this.$forceUpdate();
       }
     },
 
     enableOptionOfList(optionList, optionValue) {
-      if (!!optionList && (optionList.length > 0)) {
+      if (!!optionList && optionList.length > 0) {
         let valueKey = this.getOptionItemValueKey();
-        optionList.forEach(opt => {
+        optionList.forEach((opt) => {
           if (opt[valueKey] === optionValue) {
-            opt.disabled = false
+            opt.disabled = false;
           }
 
           if (opt.children && Array.isArray(opt.children)) {
-            this.enableOptionOfList(opt.children, optionValue)
+            this.enableOptionOfList(opt.children, optionValue);
           }
-        })
-        this.$forceUpdate()
+        });
+        this.$forceUpdate();
       }
     },
 
-
     emitFieldDataChange(newValue, oldValue) {
-      if (this.designState) return
-      this.$emit('field-value-changed', [newValue, oldValue])
+      if (this.designState) return;
+      this.$emit("field-value-changed", [newValue, oldValue]);
 
       /* 同步更新keyName属性一致的字段组件值！！ */
       if (this.field.options.keyNameEnabled) {
-        this.getFormRef().broadcast('FieldWidget', 'sync-field-value',
-          [this.field.options.name, this.field.options.keyName, this.subFormName, this.subFormRowId,
-            newValue, this.getObjectName()])
+        this.getFormRef().broadcast("FieldWidget", "sync-field-value", [
+          this.field.options.name,
+          this.field.options.keyName,
+          this.subFormName,
+          this.subFormRowId,
+          newValue,
+          this.getObjectName(),
+        ]);
       } else {
-        this.getFormRef().broadcast('FieldWidget', 'sync-field-value',
-          [this.field.options.name, this.field.options.name, this.subFormName, this.subFormRowId,
-            newValue, this.getObjectName()])
+        this.getFormRef().broadcast("FieldWidget", "sync-field-value", [
+          this.field.options.name,
+          this.field.options.name,
+          this.subFormName,
+          this.subFormRowId,
+          newValue,
+          this.getObjectName(),
+        ]);
       }
 
-      if (this.field.type === 'number') {
-        this.getFormRef().broadcast('FieldWidget', 'calculate-formula', [newValue, this])  //触发计算公式计算
+      if (this.field.type === "number") {
+        this.getFormRef().broadcast("FieldWidget", "calculate-formula", [
+          newValue,
+          this,
+        ]); //触发计算公式计算
       }
 
       /* 必须用dispatch向指定父组件派发消息！！ */
-      this.dispatch('VFormRender', 'fieldChange',
-        [this.field.options.name, newValue, oldValue, this.subFormName, this.subFormRowIndex])
+      this.dispatch("VFormRender", "fieldChange", [
+        this.field.options.name,
+        newValue,
+        oldValue,
+        this.subFormName,
+        this.subFormRowIndex,
+      ]);
     },
     syncUpdateFormModel: function (e) {
       if (!this.designState)
@@ -986,15 +1102,15 @@ modules = {
     },
     handleChangeEvent: function (e) {
       let widgetType = this.field.type;
-      if(widgetType === "select"){
-        if(e===""){
-           e = this.field.options.multiple? [] : null;
-           this.fieldModel = e;
+      if (widgetType === "select") {
+        if (e === "") {
+          e = this.field.options.multiple ? [] : null;
+          this.fieldModel = e;
         }
-      }else if(widgetType === "number"){
-        if(e===undefined){
-           e = null;
-           this.fieldModel = e;
+      } else if (widgetType === "number") {
+        if (e === undefined) {
+          e = null;
+          this.fieldModel = e;
         }
       }
 
@@ -1006,7 +1122,7 @@ modules = {
     handleFocusCustomEvent: function (e) {
       if (
         ((this.oldFieldValue = baseRefUtil.deepClone(this.fieldModel)),
-          this.field.options.onFocus)
+        this.field.options.onFocus)
       ) {
         let t = new Function("event", this.field.options.onFocus);
         t.call(this, e);
@@ -1021,8 +1137,8 @@ modules = {
     handleInputCustomEvent: function (e) {
       if (
         (this.syncUpdateFormModel(e),
-          this.dispatch("VFormRender", "fieldValidation", [this.getPropName()]),
-          this.field.options.onInput)
+        this.dispatch("VFormRender", "fieldValidation", [this.getPropName()]),
+        this.field.options.onInput)
       ) {
         let t = new Function("value", this.field.options.onInput);
         t.call(this, e);
@@ -1054,7 +1170,9 @@ modules = {
     },
     handleCustomClickEvent: function (flag) {
       let tableParam = this.tableParam;
-      let clickBindEvent = !flag ? this.field.options.clickBindEvent : this.field.options.widgetTextLinkConfig?.options?.clickBindEvent;
+      let clickBindEvent = !flag
+        ? this.field.options.clickBindEvent
+        : this.field.options.widgetTextLinkConfig?.options?.clickBindEvent;
 
       const done = () => {
         if (clickBindEvent === "1") {
@@ -1064,9 +1182,15 @@ modules = {
           //列表插入数据
           this.handleAddTableDataEvent(flag);
         }
-      }
+      };
       if (clickBindEvent && this.field.options.onBeforeClickButton) {
-        if (this.handleCustomEvent(this.field.options.onBeforeClickButton, ["done"], [done]) !== false) {
+        if (
+          this.handleCustomEvent(
+            this.field.options.onBeforeClickButton,
+            ["done"],
+            [done]
+          ) !== false
+        ) {
           done();
         }
       } else {
@@ -1074,7 +1198,9 @@ modules = {
       }
     },
     handleAddTableDataEvent(flag) {
-      let optionModel = !flag ? this.field.options : (this.field.options.widgetTextLinkConfig?.options || {});
+      let optionModel = !flag
+        ? this.field.options
+        : this.field.options.widgetTextLinkConfig?.options || {};
 
       let addTableDataConfig = optionModel.addTableDataConfig || {};
       if (!addTableDataConfig.tableRef) return;
@@ -1101,7 +1227,9 @@ modules = {
     },
     handleButtonWidgetClick: function (event, flag) {
       if (!this.designState) {
-        let onClick = !flag ? this.field.options.onClick : this.field.options.widgetTextLinkConfig?.options?.onClick
+        let onClick = !flag
+          ? this.field.options.onClick
+          : this.field.options.widgetTextLinkConfig?.options?.onClick;
         if (onClick) {
           let tableParam = this.tableParam;
           let eventParamNames = ["event"];
@@ -1110,11 +1238,7 @@ modules = {
             eventParamNames = ["row", "rowIndex", "event"];
             eventParamValues = [tableParam.row, tableParam.rowIndex, event];
           }
-          this.handleCustomEvent(
-            onClick,
-            eventParamNames,
-            eventParamValues
-          );
+          this.handleCustomEvent(onClick, eventParamNames, eventParamValues);
         } else {
           if (!flag) this.dispatch("VFormRender", "buttonClick", [this]);
         }
@@ -1126,7 +1250,9 @@ modules = {
       let tableData = searchDialogConfig.tableData || [];
     },
     openSearchDialog(tableParam, flag) {
-      let optionModel = !flag ? this.field.options : (this.field.options.widgetTextLinkConfig?.options || {});
+      let optionModel = !flag
+        ? this.field.options
+        : this.field.options.widgetTextLinkConfig?.options || {};
       let searchDialogConfig = optionModel.searchDialogConfig || {};
       let formCode = searchDialogConfig.formCode;
       let tableData = searchDialogConfig.tableData || [];
@@ -1137,9 +1263,11 @@ modules = {
         if (this.field.options.multipleChoices) {
           let fieldKeyName = this.fieldKeyName;
           let valueField = trim(this.field.options.valueField || fieldKeyName);
-          let vabSearchName = trim(this.field.options.vabSearchName || fieldKeyName);
-          let valueSourceField = trim(searchDialogConfig.valueSourceField)
-          let labelSourceField = trim(searchDialogConfig.labelSourceField)
+          let vabSearchName = trim(
+            this.field.options.vabSearchName || fieldKeyName
+          );
+          let valueSourceField = trim(searchDialogConfig.valueSourceField);
+          let labelSourceField = trim(searchDialogConfig.labelSourceField);
 
           rows = (this.fieldModel || []).map((row) => {
             return {
@@ -1153,21 +1281,27 @@ modules = {
       // dialogQueryParam.
       let queryParam = null;
       if (searchDialogConfig.dialogQueryParam) {
-        queryParam = this.handleCustomEvent(searchDialogConfig.dialogQueryParam)
+        queryParam = this.handleCustomEvent(
+          searchDialogConfig.dialogQueryParam
+        );
       }
       let dialogCustomParam = {};
       if (searchDialogConfig.dialogCustomParam) {
-        dialogCustomParam = this.handleCustomEvent(searchDialogConfig.dialogCustomParam) || {}
+        dialogCustomParam =
+          this.handleCustomEvent(searchDialogConfig.dialogCustomParam) || {};
       }
-      let dialogParam = Object.assign({
-        formCode: formCode,
-        rows,
-        queryParam,
-        multiple: searchDialogConfig.multipleChoices || false,
-        confirm: (rows) => {
-          this.handleConfirmSearchDialog(rows, false, flag);
+      let dialogParam = Object.assign(
+        {
+          formCode: formCode,
+          rows,
+          queryParam,
+          multiple: searchDialogConfig.multipleChoices || false,
+          confirm: (rows) => {
+            this.handleConfirmSearchDialog(rows, false, flag);
+          },
         },
-      },dialogCustomParam)
+        dialogCustomParam
+      );
       this.getFormRef().openSearchDialog(dialogParam);
     },
     handleClearSearchDialog() {
@@ -1181,11 +1315,17 @@ modules = {
       return multipleChoices;
     },
     hasVabsearchFlag() {
-      return this.field.type === "vabsearch" || this.field.type === "singerSearch" || this.field.type === "multiSearch"
+      return (
+        this.field.type === "vabsearch" ||
+        this.field.type === "singerSearch" ||
+        this.field.type === "multiSearch"
+      );
     },
     handleConfirmSearchDialog(rows, isClear, flag) {
       if (!isClear && !rows.length) return;
-      let optionModel = !flag ? this.field.options : (this.field.options.widgetTextLinkConfig?.options || {});
+      let optionModel = !flag
+        ? this.field.options
+        : this.field.options.widgetTextLinkConfig?.options || {};
 
       let tableParam = this.tableParam;
       let searchDialogConfig = optionModel.searchDialogConfig || {};
@@ -1196,12 +1336,14 @@ modules = {
       let multipleChoices =
         optionModel.searchDialogConfig.multipleChoices || false;
 
-      let valueSourceField = trim(searchDialogConfig.valueSourceField)
-      let labelSourceField = trim(searchDialogConfig.labelSourceField)
+      let valueSourceField = trim(searchDialogConfig.valueSourceField);
+      let labelSourceField = trim(searchDialogConfig.labelSourceField);
       if (this.hasVabsearchFlag()) {
         let fieldKeyName = this.fieldKeyName;
         let valueField = trim(this.field.options.valueField || fieldKeyName);
-        let vabSearchName = trim(this.field.options.vabSearchName || fieldKeyName);
+        let vabSearchName = trim(
+          this.field.options.vabSearchName || fieldKeyName
+        );
         if (tableParam) {
           let rowData = tableParam.row;
           if (this.getMultipleChoices()) {
@@ -1210,29 +1352,27 @@ modules = {
             } else {
               rowData[fieldKeyName] = rows.map((item) => {
                 let newData = {};
-                newData[valueField] =
-                  item[valueSourceField] ?? null;
-                newData[vabSearchName] =
-                  item[labelSourceField] ?? null;
+                newData[valueField] = item[valueSourceField] ?? null;
+                newData[vabSearchName] = item[labelSourceField] ?? null;
                 tableData.forEach((item1) => {
-                  let targetFormField = trim(item1.targetFormField || item1.targetField)
-                  let sourceField = trim(item1.sourceField)
+                  let targetFormField = trim(
+                    item1.targetFormField || item1.targetField
+                  );
+                  let sourceField = trim(item1.sourceField);
                   newData[targetFormField] = item[sourceField];
                 });
                 return newData;
               });
             }
           } else {
-            rowData[fieldKeyName] = !isClear
-              ? row[valueSourceField]
-              : null;
+            rowData[fieldKeyName] = !isClear ? row[valueSourceField] : null;
             if (labelSourceField)
-              rowData[vabSearchName] = !isClear
-                ? row[labelSourceField]
-                : null;
+              rowData[vabSearchName] = !isClear ? row[labelSourceField] : null;
             tableData.forEach((item) => {
-              let targetFormField = trim(item.targetFormField || item.targetField);
-              let sourceField = trim(item.sourceField)
+              let targetFormField = trim(
+                item.targetFormField || item.targetField
+              );
+              let sourceField = trim(item.sourceField);
               if (!isClear) {
                 rowData[targetFormField] = row[sourceField];
               } else {
@@ -1248,13 +1388,13 @@ modules = {
             } else {
               rowData = rows.map((item) => {
                 let newData = {};
-                newData[valueField] =
-                  item[valueSourceField] ?? null;
-                newData[vabSearchName] =
-                  item[labelSourceField] ?? null;
+                newData[valueField] = item[valueSourceField] ?? null;
+                newData[vabSearchName] = item[labelSourceField] ?? null;
                 tableData.forEach((item1) => {
-                  let targetFormField = trim(item1.targetFormField || item1.targetField)
-                  let sourceField = trim(item1.sourceField)
+                  let targetFormField = trim(
+                    item1.targetFormField || item1.targetField
+                  );
+                  let sourceField = trim(item1.sourceField);
                   newData[targetFormField] = item[sourceField];
                 });
                 return newData;
@@ -1265,20 +1405,16 @@ modules = {
             /* this.fieldModel = !isClear
               ? row[valueSourceField]
               : null; */
-            let value = !isClear
-                ? row[valueSourceField]
-                : null
-            this.setValue(value)
+            let value = !isClear ? row[valueSourceField] : null;
+            this.setValue(value);
             if (labelSourceField) {
-              this.setShowValue(
-                !isClear ? row[labelSourceField] : null
-              );
+              this.setShowValue(!isClear ? row[labelSourceField] : null);
             }
             tableData.forEach((item) => {
               // formModel[item.targetField] = row[item.sourceField]
               let value = !isClear ? row[item.sourceField] ?? null : null;
-              let targetField = trim(item.targetField)
-              let targetFormField = trim(item.targetFormField)
+              let targetField = trim(item.targetField);
+              let targetFormField = trim(item.targetFormField);
               if (targetField) {
                 this.getWidgetRef(targetField).setValue(value);
               } else if (targetFormField) {
@@ -1293,8 +1429,10 @@ modules = {
           let addRows = rows.map((rowData) => {
             let itemData = {};
             tableData.forEach((item) => {
-              let targetFormField = trim(item.targetFormField || item.targetField);
-              let sourceField = trim(item.sourceField)
+              let targetFormField = trim(
+                item.targetFormField || item.targetField
+              );
+              let sourceField = trim(item.sourceField);
               itemData[targetFormField] = rowData[sourceField];
             });
             return itemData;
@@ -1309,15 +1447,13 @@ modules = {
             let value = row[item.sourceField] ?? null;
             // formModel[item.targetField] = value
             // this.getWidgetRef(item.targetField).setValue(value);
-            let targetField = trim(item.targetField)
-            let targetFormField = trim(item.targetFormField)
+            let targetField = trim(item.targetField);
+            let targetFormField = trim(item.targetFormField);
             if (targetField) {
               this.getWidgetRef(targetField).setValue(value);
             } else if (targetFormField) {
               formModel[targetFormField] = value;
             }
-
-
           });
           // this.$forceUpdate();
         }
@@ -1346,26 +1482,26 @@ modules = {
       let i = this.refList[e];
       return (
         !i &&
-        t &&
-        this.$message.error(this.i18nt("render.hint.refNotFound") + e),
-          i
+          t &&
+          this.$message.error(this.i18nt("render.hint.refNotFound") + e),
+        i
       );
     },
     getFieldEditor: function () {
       return this.$refs["fieldEditor"];
     },
     initValue: function (e) {
-        let value = e ?? null;
-        let currentData =
-          this.tableParam && this.tableParam.row
-            ? this.tableParam.row
-            : this.formModel;
-        if (void 0 === currentData[this.fieldKeyName]) {
-          this.$set(currentData, this.fieldKeyName, null);
-        }
-        this.fieldModel = value;
-        this.initFileList();
-        this.syncUpdateFormModel(value);
+      let value = e ?? null;
+      let currentData =
+        this.tableParam && this.tableParam.row
+          ? this.tableParam.row
+          : this.formModel;
+      if (void 0 === currentData[this.fieldKeyName]) {
+        this.$set(currentData, this.fieldKeyName, null);
+      }
+      this.fieldModel = value;
+      this.initFileList();
+      this.syncUpdateFormModel(value);
     },
     setValue: function (e) {
       if (this.field.formItemFlag) {
@@ -1393,10 +1529,10 @@ modules = {
       if (!this.subFormItemFlag) {
         let e = this.field.options.defaultValue;
         this.setValue(e),
-        ("picture-upload" !== this.field.type &&
-          "file-upload" !== this.field.type) ||
-        (this.$refs["fieldEditor"].clearFiles(),
-          this.fileList.splice(0, this.fileList.length));
+          ("picture-upload" !== this.field.type &&
+            "file-upload" !== this.field.type) ||
+            (this.$refs["fieldEditor"].clearFiles(),
+            this.fileList.splice(0, this.fileList.length));
       }
     },
     setWidgetOption: function (e, t) {
@@ -1429,23 +1565,23 @@ modules = {
     },
     focus: function () {
       this.getFieldEditor() &&
-      this.getFieldEditor().focus &&
-      this.getFieldEditor().focus();
+        this.getFieldEditor().focus &&
+        this.getFieldEditor().focus();
     },
     clearSelectedOptions: function () {
       ("checkbox" !== this.field.type &&
         "radio" !== this.field.type &&
         "select" !== this.field.type) ||
-      ("checkbox" === this.field.type ||
-      ("select" === this.field.type && this.field.options.multiple)
-        ? (this.fieldModel = [])
-        : (this.fieldModel = ""));
+        ("checkbox" === this.field.type ||
+        ("select" === this.field.type && this.field.options.multiple)
+          ? (this.fieldModel = [])
+          : (this.fieldModel = ""));
     },
-    getOptionItemValueKey(){
-      return this.field.options.valueKey || "value"
+    getOptionItemValueKey() {
+      return this.field.options.valueKey || "value";
     },
-    getOptionItemLabelKey(){
-      return this.field.options.labelKey || "label"
+    getOptionItemLabelKey() {
+      return this.field.options.labelKey || "label";
     },
     loadRowGloatOptions: function (e) {
       let optionItems = baseRefUtil.translateOptionItems(
@@ -1455,7 +1591,7 @@ modules = {
         this.getOptionItemValueKey()()
       );
       // this.field.options.optionItems = optionItems
-      this.setOptionItems(optionItems)
+      this.setOptionItems(optionItems);
     },
     loadOptions: function (e, rowOptionFlag) {
       let optionItems = baseRefUtil.translateOptionItems(
@@ -1465,18 +1601,18 @@ modules = {
         this.getOptionItemValueKey()
       );
       // this.field.options.optionItems = optionItems
-      this.setOptionItems(optionItems)
+      this.setOptionItems(optionItems);
     },
     getOptionKey() {
-      let key = "optionItems-" + this.field.options.name
+      let key = "optionItems-" + this.field.options.name;
       return key;
     },
     getOptionItemsFlag: function () {
-      let key = this.getOptionKey()
+      let key = this.getOptionKey();
       return this.getGlobalParam(key);
     },
     setOptionItemsFlag: function (flag) {
-      let key = this.getOptionKey()
+      let key = this.getOptionKey();
       return this.setGlobalParam(key, flag);
     },
     reloadOptions: function (e) {
@@ -1487,7 +1623,7 @@ modules = {
         this.getOptionItemValueKey()
       );
       // this.field.options.optionItems = optionItems;
-      this.setOptionItems(optionItems)
+      this.setOptionItems(optionItems);
     },
     getOptions: function () {
       return this.getOptionItems();
@@ -1533,7 +1669,7 @@ modules = {
         this.field.options.customClass.map(function (i, n) {
           i === e && (t = n);
         }),
-        t > -1 && this.field.options.customClass.splice(t, 1);
+          t > -1 && this.field.options.customClass.splice(t, 1);
       }
     },
     async initAccess() {
@@ -1556,10 +1692,21 @@ modules = {
             if (!dsModel.headers) dsModel.headers = [];
             if (!dsModel.params) dsModel.params = [];
             if (!dsModel.data) dsModel.data = [];
-            if (dsModel.dataHandlerCode === null || dsModel.dataHandlerCode === undefined) dsModel.dataHandlerCode = "";
-            if (dsModel.configHandlerCode === null || dsModel.configHandlerCode === undefined)
+            if (
+              dsModel.dataHandlerCode === null ||
+              dsModel.dataHandlerCode === undefined
+            )
+              dsModel.dataHandlerCode = "";
+            if (
+              dsModel.configHandlerCode === null ||
+              dsModel.configHandlerCode === undefined
+            )
               dsModel.configHandlerCode = "";
-            if (dsModel.errorHandlerCode === null || dsModel.errorHandlerCode === undefined) dsModel.errorHandlerCode = "";
+            if (
+              dsModel.errorHandlerCode === null ||
+              dsModel.errorHandlerCode === undefined
+            )
+              dsModel.errorHandlerCode = "";
 
             requestAccess.dsModel = dsModel;
             this.requestAccess = requestAccess;
@@ -1641,13 +1788,12 @@ modules = {
     showAText() {
       this.widgetTextFlag = 3;
     },
-    getAuthCode(){
+    getAuthCode() {
       let formRef = this.getFormRef();
-      if(formRef){
+      if (formRef) {
         return formRef.reportTemplate.formCode + ":" + this.field.options.name;
       }
-
-    }
+    },
   },
 };