cloud-web-corejs 1.0.174 → 1.0.175

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

@@ -9,24 +9,35 @@
 -->
 
 <template>
-  <div class="field-wrapper" :class="{'design-time-bottom-margin': !!this.designer}"
-       v-show="!field.options.hidden || (designState === true)">
+  <div
+    class="field-wrapper"
+    :class="{ 'design-time-bottom-margin': !!this.designer }"
+    v-show="!field.options.hidden || designState === true"
+  >
     <div>
-      <template v-if="formItemProp==='false'">
+      <template v-if="formItemProp === 'false'">
         <template v-if="!field.options.hidden">
           <template v-if="isShowWidget()">
             <slot></slot>
           </template>
-          <template v-else-if="field.options.widgetTextFlag===3 && field.options.widgetTextLinkConfig">
+          <template
+            v-else-if="
+              field.options.widgetTextFlag === 3 && field.options.widgetTextLinkConfig
+            "
+          >
             <div class="ellipsis">
               <a class="a-link" :class="getWidgetClass()" @click.native="handleClick">
-              <span>
-                <i :class="field.options.widgetTextLinkConfig.options.prefixIcon"
-                   v-if="!!field.options.widgetTextLinkConfig.options.prefixIcon"></i>
-                <span>{{ getWidgetValue() }}</span>
-                <i :class="field.options.widgetTextLinkConfig.options.suffixIcon"
-                   v-if="!!field.options.widgetTextLinkConfig.options.suffixIcon"></i>
-              </span>
+                <span>
+                  <i
+                    :class="field.options.widgetTextLinkConfig.options.prefixIcon"
+                    v-if="!!field.options.widgetTextLinkConfig.options.prefixIcon"
+                  ></i>
+                  <span>{{ getWidgetValue() }}</span>
+                  <i
+                    :class="field.options.widgetTextLinkConfig.options.suffixIcon"
+                    v-if="!!field.options.widgetTextLinkConfig.options.suffixIcon"
+                  ></i>
+                </span>
               </a>
             </div>
           </template>
@@ -36,46 +47,76 @@
         </template>
       </template>
       <template v-else>
-        <el-form-item v-if="!!field.formItemFlag && (!field.options.hidden || (designState === true))"
-                      :label="label" :label-width="labelWidth"
-                      :title="field.options.labelTooltip"
-                      :rules="getRules()" :prop="getPropName()"
-                      :class="[selected ? 'selected' : '', labelAlign, customClass, field.options.required ? 'required' : '']"
-                      @click.native.stop="selectField(field)">
-
-          <span v-if="!!field.options.labelIconClass" slot="label" class="custom-label"
-                :style="{'color':field.options.labelColor}">
+        <el-form-item
+          v-if="!!field.formItemFlag && (!field.options.hidden || designState === true)"
+          :label="label"
+          :label-width="labelWidth"
+          :title="field.options.labelTooltip"
+          :rules="getRules()"
+          :prop="getPropName()"
+          :class="[
+            selected ? 'selected' : '',
+            labelAlign,
+            customClass,
+            field.options.required ? 'required' : '',
+          ]"
+          @click.native.stop="selectField(field)"
+        >
+          <span
+            v-if="!!field.options.labelIconClass"
+            slot="label"
+            class="custom-label"
+            :style="{ color: field.options.labelColor }"
+          >
             <template v-if="field.options.labelIconPosition === 'front'">
               <template v-if="!!field.options.labelTooltip">
                 <el-tooltip :content="field.options.labelTooltip" effect="light">
-                  <i :class="field.options.labelIconClass"></i></el-tooltip>{{ label }}</template>
+                  <i :class="field.options.labelIconClass"></i></el-tooltip
+                >{{ label }}</template
+              >
               <template v-else>
-                <i :class="field.options.labelIconClass"></i>{{ label }}</template>
+                <i :class="field.options.labelIconClass"></i>{{ label }}</template
+              >
             </template>
             <template v-else-if="field.options.labelIconPosition === 'rear'">
               <template v-if="!!field.options.labelTooltip">
-                {{ label }}<el-tooltip :content="field.options.labelTooltip" effect="light">
-                <i :class="field.options.labelIconClass"></i></el-tooltip></template>
+                {{ label
+                }}<el-tooltip :content="field.options.labelTooltip" effect="light">
+                  <i :class="field.options.labelIconClass"></i></el-tooltip
+              ></template>
               <template v-else>
-                {{ label }}<i :class="field.options.labelIconClass"></i></template>
+                {{ label }}<i :class="field.options.labelIconClass"></i
+              ></template>
             </template>
           </span>
-          <span v-if="!!field.options.labelColor" slot="label" :style="{'color':field.options.labelColor}">
+          <span
+            v-if="!!field.options.labelColor"
+            slot="label"
+            :style="{ color: field.options.labelColor }"
+          >
             {{ label }}
           </span>
           <template v-if="isShowWidget()">
             <slot></slot>
           </template>
-          <template v-else-if="field.options.widgetTextFlag===3 && field.options.widgetTextLinkConfig">
+          <template
+            v-else-if="
+              field.options.widgetTextFlag === 3 && field.options.widgetTextLinkConfig
+            "
+          >
             <div class="ellipsis">
               <a class="a-link" :class="getWidgetClass()" @click="handleClick">
-              <span>
-                <i :class="field.options.widgetTextLinkConfig.options.prefixIcon"
-                   v-if="!!field.options.widgetTextLinkConfig.options.prefixIcon"></i>
-                <span>{{ getWidgetValue() }}</span>
-                <i :class="field.options.widgetTextLinkConfig.options.suffixIcon"
-                   v-if="!!field.options.widgetTextLinkConfig.options.suffixIcon"></i>
-              </span>
+                <span>
+                  <i
+                    :class="field.options.widgetTextLinkConfig.options.prefixIcon"
+                    v-if="!!field.options.widgetTextLinkConfig.options.prefixIcon"
+                  ></i>
+                  <span>{{ getWidgetValue() }}</span>
+                  <i
+                    :class="field.options.widgetTextLinkConfig.options.suffixIcon"
+                    v-if="!!field.options.widgetTextLinkConfig.options.suffixIcon"
+                  ></i>
+                </span>
               </a>
             </div>
           </template>
@@ -87,20 +128,41 @@
     </div>
     <template v-if="!!this.designer">
       <div class="field-action" v-if="designer.selectedId === field.id">
-        <i class="el-icon-back" :title="i18nt('designer.hint.selectParentWidget')"
-           @click.stop="selectParentWidget(field)"></i>
-        <i class="el-icon-top" v-if="!!parentList && (parentList.length > 1)"
-           :title="i18nt('designer.hint.moveUpWidget')"
-           @click.stop="moveUpWidget(field)"></i>
-        <i class="el-icon-bottom" v-if="!!parentList && (parentList.length > 1)"
-           :title="i18nt('designer.hint.moveDownWidget')"
-           @click.stop="moveDownWidget(field)"></i>
-        <i class="el-icon-delete" :title="i18nt('designer.hint.remove')" @click.stop="removeFieldWidget"></i>
+        <i
+          class="el-icon-back"
+          :title="i18nt('designer.hint.selectParentWidget')"
+          @click.stop="selectParentWidget(field)"
+        ></i>
+        <i
+          class="el-icon-top"
+          v-if="!!parentList && parentList.length > 1"
+          :title="i18nt('designer.hint.moveUpWidget')"
+          @click.stop="moveUpWidget(field)"
+        ></i>
+        <i
+          class="el-icon-bottom"
+          v-if="!!parentList && parentList.length > 1"
+          :title="i18nt('designer.hint.moveDownWidget')"
+          @click.stop="moveDownWidget(field)"
+        ></i>
+        <i
+          class="el-icon-delete"
+          :title="i18nt('designer.hint.remove')"
+          @click.stop="removeFieldWidget"
+        ></i>
       </div>
 
-      <div class="drag-handler background-opacity" v-if="designer.selectedId === field.id">
+      <div
+        class="drag-handler background-opacity"
+        v-if="designer.selectedId === field.id"
+      >
         <i class="el-icon-rank" :title="i18nt('designer.hint.dragHandler')"></i>
-        <i>{{ i18n2t(`designer.widgetLabel.${field.type}`, `extension.widgetLabel.${field.type}`) }}</i>
+        <i>{{
+          i18n2t(
+            `designer.widgetLabel.${field.type}`,
+            `extension.widgetLabel.${field.type}`
+          )
+        }}</i>
         <i v-if="field.options.hidden === true" class="iconfont icon-hide"></i>
       </div>
     </template>
@@ -109,8 +171,7 @@
 
 <script>
 import i18n from "../../../../../components/xform/utils/i18n";
-import {getSubFormNameByFieldId} from "../../../../../components/xform/utils/util";
-
+import { getSubFormNameByFieldId } from "../../../../../components/xform/utils/util";
 
 export default {
   name: "form-item-wrapper",
@@ -124,89 +185,101 @@ export default {
 
     designState: {
       type: Boolean,
-      default: false
+      default: false,
     },
-    subFormRowIndex: { /* 子表单组件行索引，从0开始计数 */
-      type: Number,
-      default: -1
+    subFormRowIndex: {
+      /* 子表单组件行索引，从0开始计数 */ type: Number,
+      default: -1,
     },
-    subFormColIndex: { /* 子表单组件列索引，从0开始计数 */
-      type: Number,
-      default: -1
+    subFormColIndex: {
+      /* 子表单组件列索引，从0开始计数 */ type: Number,
+      default: -1,
     },
-    subFormRowId: { /* 子表单组件行Id，唯一id且不可变 */
-      type: String,
-      default: ''
+    subFormRowId: {
+      /* 子表单组件行Id，唯一id且不可变 */ type: String,
+      default: "",
     },
 
     rules: Array,
   },
-  inject: ["getFormConfig", "getSubFormFieldFlag", "getSubFormName", "tableParam", "formItemProp", "getObjectFieldFlag", "getObjectName"],
-  data(){
+  inject: [
+    "getFormConfig",
+    "getSubFormFieldFlag",
+    "getSubFormName",
+    "tableParam",
+    "formItemProp",
+    "getObjectFieldFlag",
+    "getObjectName",
+  ],
+  data() {
     return {
-      encryptFormula:null
-    }
+      encryptFormula: null,
+    };
   },
   computed: {
     formConfig: function () {
-      return this.getFormConfig()
+      return this.getFormConfig();
     },
     selected() {
-      return !!this.designer && this.field.id === this.designer.selectedId
+      return !!this.designer && this.field.id === this.designer.selectedId;
     },
 
     label() {
       if (!!this.field.options.labelHidden) {
-        return ''
+        return "";
       }
-      return this.getI18nLabel(this.field.options.label)
+      return this.getI18nLabel(this.field.options.label);
       // let label = this.field.options.label
       // return label ? this.$t2(label) : label;
     },
 
     labelWidth() {
       if (!!this.field.options.labelHidden) {
-        return (!!this.designState ? 5 : 0)+"px"  //设计期间标签最小宽度5像素，以便于鼠标点击可选中组件！！
+        return (!!this.designState ? 5 : 0) + "px"; //设计期间标签最小宽度5像素，以便于鼠标点击可选中组件！！
       }
 
       if (!!this.field.options.labelWidth) {
-        return this.field.options.labelWidth + "px !important"
+        return this.field.options.labelWidth + "px !important";
       }
 
       if (!!this.designer) {
-        return this.designer.formConfig.labelWidth + "px"
+        return this.designer.formConfig.labelWidth + "px";
       } else {
-        return this.formConfig.labelWidth + "px"
+        return this.formConfig.labelWidth + "px";
       }
     },
 
     labelAlign() {
       if (!this?.field?.options?.labelAlign) {
-        return ""
+        return "";
       }
       if (!!this.field.options.labelAlign) {
-        return this.field.options.labelAlign
+        return this.field.options.labelAlign;
       }
 
       if (!!this.designer) {
-        return this.designer.formConfig.labelAlign || 'label-left-align'
+        return this.designer.formConfig.labelAlign || "label-left-align";
       } else {
-        return this.formConfig.labelAlign || 'label-left-align'
+        return this.formConfig.labelAlign || "label-left-align";
       }
     },
 
     customClass() {
-      return !!this.field.options.customClass ? this.field.options.customClass.join(' ') : ''
+      return !!this.field.options.customClass
+        ? this.field.options.customClass.join(" ")
+        : "";
     },
 
     subFormName() {
-      return !!this.parentWidget ? this.parentWidget.options.name : ''
+      return !!this.parentWidget ? this.parentWidget.options.name : "";
     },
 
     subFormItemFlag() {
-      return this.isSubFormItem() || (!!this.parentWidget ? this.parentWidget.type === 'sub-form' : false)
+      return (
+        this.isSubFormItem() ||
+        (!!this.parentWidget ? this.parentWidget.type === "sub-form" : false)
+      );
     },
-
   },
   created() {
     //
@@ -218,122 +291,103 @@ export default {
     },
     selectField(field) {
       if (!!this.designer) {
-        this.designer.setSelected(field)
-        this.designer.emitEvent('field-selected', this.parentWidget)  //发送选中组件的父组件对象
+        this.designer.setSelected(field);
+        this.designer.emitEvent("field-selected", this.parentWidget); //发送选中组件的父组件对象
       }
     },
 
     selectParentWidget() {
       if (this.parentWidget) {
-        this.designer.setSelected(this.parentWidget)
+        this.designer.setSelected(this.parentWidget);
       } else {
-        this.designer.clearSelected()
+        this.designer.clearSelected();
       }
     },
 
     moveUpWidget() {
-      this.designer.moveUpWidget(this.parentList, this.indexOfParentList)
-      this.designer.emitHistoryChange()
+      this.designer.moveUpWidget(this.parentList, this.indexOfParentList);
+      this.designer.emitHistoryChange();
     },
 
     moveDownWidget() {
-      this.designer.moveDownWidget(this.parentList, this.indexOfParentList)
-      this.designer.emitHistoryChange()
+      this.designer.moveDownWidget(this.parentList, this.indexOfParentList);
+      this.designer.emitHistoryChange();
     },
 
     removeFieldWidget() {
       if (!!this.parentList) {
         const selectedWidgetName = this.designer.selectedWidgetName;
         let selectedId = this.designer.selectedId;
-        let nextSelected = null
+        let nextSelected = null;
         if (this.parentList.length === 1) {
           if (!!this.parentWidget) {
-            nextSelected = this.parentWidget
+            nextSelected = this.parentWidget;
           }
-        } else if (this.parentList.length === (1 + this.indexOfParentList)) {
-          nextSelected = this.parentList[this.indexOfParentList - 1]
+        } else if (this.parentList.length === 1 + this.indexOfParentList) {
+          nextSelected = this.parentList[this.indexOfParentList - 1];
         } else {
-          nextSelected = this.parentList[this.indexOfParentList + 1]
+          nextSelected = this.parentList[this.indexOfParentList + 1];
         }
 
         this.$nextTick(() => {
-          const l = getSubFormNameByFieldId(
-            this.designer.widgetList,
-            selectedId
-          );
-          this.parentList.splice(this.indexOfParentList, 1)
+          const l = getSubFormNameByFieldId(this.designer.widgetList, selectedId);
+          this.parentList.splice(this.indexOfParentList, 1);
           //if (!!nextSelected) {
-          this.designer.setSelected(nextSelected)
+          this.designer.setSelected(nextSelected);
           //}
-          this.designer.formWidget.deleteWidgetRef(
-            selectedWidgetName,
-            l
-          );
-          this.designer.emitHistoryChange()
-          this.designer.emitEvent(
-            "canvas-remove-field",
-            selectedWidgetName
-          );
-        })
+          this.designer.formWidget.deleteWidgetRef(selectedWidgetName, l);
+          this.designer.emitHistoryChange();
+          this.designer.emitEvent("canvas-remove-field", selectedWidgetName);
+        });
       }
     },
-    getIsFormItemUnabled(){
-      return this.field.type == "vabUpload" || this.field.type == "baseAttachment"
+    getIsFormItemUnabled() {
+      return this.field.type == "vabUpload" || this.field.type == "baseAttachment";
     },
-    getRules(){
-      if(this.getIsFormItemUnabled()){
-        return null
+    getRules() {
+      if (this.getIsFormItemUnabled()) {
+        return null;
       }
       return this.rules;
     },
     getPropName() {
-      if(this.getIsFormItemUnabled()){
-        return null
+      if (this.getIsFormItemUnabled()) {
+        return null;
       }
       if (this.formItemProp) {
         return this.formItemProp;
       }
       let o = this.field.options.name;
-      let propName = (
-        (o
-          = (this.field.options.keyNameEnabled
-            && this.field.options.keyName)
-          || o),
-          this.subFormItemFlag && !this.designState
-            ? this.subFormName
-            + "."
-            + this.subFormRowIndex
-            + "."
-            + o
-            : this.getObjectFieldFlag() && !this.designState
-              ? this.getObjectName() + "." + o
-              : o
-      );
-
-      return propName
+      let propName =
+        ((o = (this.field.options.keyNameEnabled && this.field.options.keyName) || o),
+        this.subFormItemFlag && !this.designState
+          ? this.subFormName + "." + this.subFormRowIndex + "." + o
+          : this.getObjectFieldFlag() && !this.designState
+          ? this.getObjectName() + "." + o
+          : o);
+
+      return propName;
     },
     getI18nLabel(label, path, param) {
       return !this.designState && label ? this.$t2(label, path, param) : label;
     },
-    getProcessText(text,pattern) {
-
-      if (pattern == '' || pattern === null || pattern === undefined) {
+    getProcessText(text, pattern) {
+      if (pattern == "" || pattern === null || pattern === undefined) {
         return text;
       }
 
-      let result = '';
+      let result = "";
 
       // 处理固定模式
-      if (pattern === '-') {
-        result = '-';
-      }
-      else if (pattern === '*') {
-        result = '*****';
+      if (pattern === "-") {
+        result = "-";
+      } else if (pattern === "*") {
+        result = "*****";
       }
       // 处理自定义模式
-      else if (pattern.includes('*')) {
-        text = text ?? ""
-        const parts = pattern.split('*');
+      else if (pattern.includes("*")) {
+        text = text ?? "";
+        const parts = pattern.split("*");
 
         // 处理 A*B 模式
         if (parts.length === 2 && parts[0] && parts[1]) {
@@ -344,10 +398,10 @@ export default {
             if (text.length >= a + b) {
               const prefix = text.substring(0, a);
               const suffix = text.substring(text.length - b);
-              const stars = '*'.repeat(text.length - a - b);
+              const stars = "*".repeat(text.length - a - b);
               result = prefix + stars + suffix;
             } else {
-              result = '*****';
+              result = "*****";
             }
           } else {
             // result = '无效模式：A和B必须是数字';
@@ -361,10 +415,10 @@ export default {
           if (!isNaN(a) && a >= 0) {
             if (text.length >= a) {
               const prefix = text.substring(0, a);
-              const stars = '*'.repeat(text.length - a);
+              const stars = "*".repeat(text.length - a);
               result = prefix + stars;
             } else {
-              result = '*****';
+              result = "*****";
             }
           } else {
             // result = '无效模式：A必须是数字';
@@ -378,10 +432,10 @@ export default {
           if (!isNaN(b) && b >= 0) {
             if (text.length >= b) {
               const suffix = text.substring(text.length - b);
-              const stars = '*'.repeat(text.length - b);
+              const stars = "*".repeat(text.length - b);
               result = stars + suffix;
             } else {
-              result = '*****';
+              result = "*****";
             }
           } else {
             // result = '无效模式：B必须是数字';
@@ -390,26 +444,26 @@ export default {
         }
         // 处理无效模式
         else {
-          result = '*****';
+          result = "*****";
         }
       }
       // 处理其他无效模式
       else {
-        result = '*****';
+        result = "*****";
       }
 
       return result;
     },
     initShowType() {
-      if (!!this.designer) return
-      let that = this.$parent
+      if (!!this.designer) return;
+      let that = this.$parent;
       let formRef = that.getFormRef ? that.getFormRef() : that;
 
-      if(!formRef)return
+      if (!formRef) return;
       //详情页，新增页面不加密
       let fJson = formRef.formJson;
       let formConfig = fJson.formConfig;
-      if (formConfig.isLoadEntity && !formRef.dataId) return
+      if (formConfig.isLoadEntity && !formRef.dataId) return;
 
       let bdService = formRef.bdService;
       let companyCode = this.$store.getters.companyCode;
@@ -418,12 +472,12 @@ export default {
       let userSaleOrgDTOs = formRef.userSaleOrgDTOs;
       let userRoleDTOs = formRef.userRoleDTOs;
 
-      let saleOrgCodeList = userSaleOrgDTOs.map(item => item.sn);
-      let roleCodeList = userRoleDTOs.map(item => item.roleCode);
+      let saleOrgCodeList = userSaleOrgDTOs.map((item) => item.sn);
+      let roleCodeList = userRoleDTOs.map((item) => item.roleCode);
 
       let optionModel = this.field.options;
 
-      let flag = 0;//0 原本组件，1明文文本，2密文文本
+      let flag = 0; //0 原本组件，1明文文本，2密文文本
       /*if (optionModel.showTextEnabled) {
         flag = 1;
       } else if (optionModel.showEncryptTextEnabled) {
@@ -433,11 +487,13 @@ export default {
       }*/
       if (optionModel.userTextRuleEnabled) {
         let userTextRuleConfig = optionModel.userTextRuleConfig || [];
-        userTextRuleConfig.forEach(item => {
+        userTextRuleConfig.forEach((item) => {
           let type = item.type ?? null;
           if (type !== null && type !== "") {
             let companyCodeStr = item.companyCodes;
-            let companyCodes = companyCodeStr ? companyCodeStr.split(",").filter(item => !!item) : [];
+            let companyCodes = companyCodeStr
+              ? companyCodeStr.split(",").filter((item) => !!item)
+              : [];
             /*
 
                         let loginAccountStr = item.loginAccounts;
@@ -448,27 +504,29 @@ export default {
             */
 
             let roleCodeStr = item.roleCodes;
-            let roleCodes = roleCodeStr ? roleCodeStr.split(",").filter(item => !!item) : [];
+            let roleCodes = roleCodeStr
+              ? roleCodeStr.split(",").filter((item) => !!item)
+              : [];
 
             let flag1 = !item.serveName || item.serveName == bdService;
-            let flag2 = !companyCodes.length || companyCodes.includes(companyCode)
+            let flag2 = !companyCodes.length || companyCodes.includes(companyCode);
             // let flag3 = !loginAccounts.length || loginAccounts.includes(loginAccount)
             // let flag4 = this.compareToList(saleOrgCodes, saleOrgCodeList)
-            if(flag1 && flag2){
-              this.encryptFormula = item.encryptFormula
-              let flag5 = this.compareToList(roleCodes, roleCodeList)
-              if(flag5){
+            if (flag1 && flag2) {
+              this.encryptFormula = item.encryptFormula;
+              let flag5 = this.compareToList(roleCodes, roleCodeList);
+              if (flag5) {
                 //匹配角色
-                if(type == 2)flag = 2//type=2时加密
-              }else {
+                if (type == 2) flag = 2; //type=2时加密
+              } else {
                 //角色不匹配
-                if(type == 1)flag = 2
+                if (type == 1) flag = 2;
               }
             }
           }
-        })
+        });
       }
-      this.field.options.widgetTextFlag = flag
+      this.field.options.widgetTextFlag = flag;
       // this.showType = flag;
     },
     compareToList(list1, list2) {
@@ -478,21 +536,23 @@ export default {
       if (!list2.length) {
         return false;
       }
-      return list1.some(item => {
-        return list2.some(item2 => item == item2)
+      return list1.some((item) => {
+        return list2.some((item2) => item == item2);
       });
     },
     isShowWidget() {
       let widgetTextFlag = this.field.options.widgetTextFlag;
-      return widgetTextFlag === undefined || widgetTextFlag === null || widgetTextFlag === 0
+      return (
+        widgetTextFlag === undefined || widgetTextFlag === null || widgetTextFlag === 0
+      );
     },
     getShowValue() {
       let widgetTextFlag = this.field.options.widgetTextFlag;
       let fieldModel = this.$parent.fieldModel;
       if (this.$parent.fieldModelLabel) fieldModel = this.$parent.fieldModelLabel();
-      let showValue = fieldModel
+      let showValue = fieldModel;
       if (widgetTextFlag == 2) {
-        showValue = this.getProcessText(showValue,this.encryptFormula)
+        showValue = this.getProcessText(showValue, this.encryptFormula);
       }
 
       return showValue;
@@ -501,13 +561,13 @@ export default {
       let list = [];
       let optionModel = this.field.options.widgetTextLinkConfig?.options || {};
       if (optionModel.colorClass) list.push(optionModel.colorClass);
-      if (optionModel.underline) list.push('underLine');
-      if (this.field.options.disabled) list.push('is-disabled');
-      return list
+      if (optionModel.underline) list.push("underLine");
+      if (this.field.options.disabled) list.push("is-disabled");
+      return list;
     },
     handleClick(event) {
-      if(this.field.options.disabled) return;
-      this.$parent.handleButtonWidgetClick(event, true)
+      if (this.field.options.disabled) return;
+      this.$parent.handleButtonWidgetClick(event, true);
       if (!this.designState && this.field.options.widgetTextLinkConfig?.options.href) {
         window.open(this.field.options.widgetTextLinkConfig?.options.href);
       }
@@ -516,9 +576,9 @@ export default {
       let fieldModel = this.$parent.fieldModel;
       if (this.$parent.fieldModelLabel) fieldModel = this.$parent.fieldModelLabel();
       return fieldModel;
-    }
-  }
-}
+    },
+  },
+};
 </script>
 
 <style lang="scss" scoped>
@@ -607,8 +667,8 @@ export default {
 }
 
 .required ::v-deep .el-form-item__label::before {
-  content: '*';
-  color: #F56C6C;
+  content: "*";
+  color: #f56c6c;
   margin-right: 4px;
 }
 
@@ -622,7 +682,8 @@ export default {
   }
 }
 
-.el-form-item.selected, .static-content-item.selected {
+.el-form-item.selected,
+.static-content-item.selected {
   outline: 2px solid $--color-primary;
 }
 
@@ -641,5 +702,4 @@ export default {
 .a-link.is-disabled {
   cursor: no-drop;
 }
-
 </style>