agilebuilder-ui 1.1.40 → 1.1.41-sit1

package/packages/fs-upload-list/src/fs-upload-list.vue

@@ -1,133 +1,35 @@
 <template>
-  <span>
+  <span style="width: 100%">
     <template v-if="!disabled">
       <template v-if="!isMobile">
-        <el-input
-          ref="item"
+        <fs-preview
+          :enable-delete="true"
+          :entity="row"
           :disabled="disabled"
-          :model-value="value"
-          :placeholder="$t('imatrixUIMessage.fileUpload')"
-          :readonly="true"
+          :fileInfo="fileInfo"
+          :file-set-obj="fileSetObj"
+          :is-sql="isSql"
+          :label="value"
+          @delete-file="deleteRow"
         >
-          <template v-slot:append>
-            <div class="group-link-btn-main">
-              <el-link v-if="!disabled" type="info" :underline="false" @click="openAnnexUpload">
-                <template v-slot:icon>
-                  <el-icon :size="14"><Upload /></el-icon>
-                </template>
-              </el-link>
-              <el-link size="default" type="info" :underline="false" @click="preview">
-                <template v-slot:icon>
-                  <el-icon :size="14"><ZoomIn /></el-icon>
-                </template>
-              </el-link>
-            </div>
+          <template #prefix>
+            <el-upload
+              :accept="fileSetObj.accept ? fileSetObj.accept : null"
+              :action="defaultAction"
+              :multiple="fileSetObj.multiple"
+              :before-upload="handleBeforeUpload"
+              :show-file-list="false"
+              :headers="headers"
+              :on-success="uploadOnSuccess"
+              :with-credentials="true"
+              name="file"
+            >
+              <el-button size="small" style="margin-right: 5px" bg>
+                <el-icon><UploadFilled /></el-icon>
+              </el-button>
+            </el-upload>
           </template>
-        </el-input>
-
-        <el-dialog
-          v-model="annexUploadFlag"
-          :append-to-body="true"
-          :show-close="true"
-          :title="$t('imatrixUIMessage.upload')"
-          width="30%"
-        >
-          <el-upload
-            v-if="annexUploadFlag"
-            :accept="fileSetObj.accept ? fileSetObj.accept : null"
-            :action="defaultAction"
-            :multiple="fileSetObj.multiple"
-            :before-upload="handleBeforeUpload"
-            :headers="headers"
-            :on-success="uploadOnSuccess"
-            :with-credentials="true"
-            name="file"
-          >
-            <el-button>{{ $t('imatrixUIMessage.upload') }}</el-button>
-          </el-upload>
-        </el-dialog>
-        <el-dialog
-          v-model="showPreviewSingleImage"
-          :append-to-body="true"
-          :show-close="true"
-          :title="$t('imatrixUIPublicModel.previewImage')"
-          @close="$emit('close')"
-        >
-          <template v-slot:title>
-            <span
-              >{{ $t('imatrixUIPublicModel.previewImage') }}
-              <!-- <i v-if="downloadable" class="el-icon-download" style="padding-left:5px;cursor:pointer;color:#409EFF" @click="downloadFile()" /> -->
-              <!-- <i v-if="deleteable" class="el-icon-delete" style="padding-left:5px;cursor:pointer;color:#F56C6C" @click="deleteFile()" /> -->
-            </span>
-          </template>
-          <el-image
-            v-if="previewImageInfo && previewImageInfo.isImg"
-            :preview-src-list="[previewImageInfo.src]"
-            :src="previewImageInfo.src"
-          />
-        </el-dialog>
-        <el-dialog
-          v-model="showPreviewMulti"
-          :append-to-body="true"
-          :show-close="true"
-          :title="$t('imatrixUIPublicModel.preview')"
-          width="30%"
-          @close="$emit('close')"
-        >
-          <template v-slot:title>
-            <span
-              >{{ $t('imatrixUIPublicModel.preview') }}
-              <!-- <i v-if="downloadable" class="el-icon-download" style="padding-left:5px;cursor:pointer;color:#409EFF" @click="downloadFile()" /> -->
-              <!-- <i v-if="deleteable" class="el-icon-delete" style="padding-left:5px;cursor:pointer;color:#F56C6C" @click="deleteFile()" /> -->
-            </span>
-          </template>
-          <el-table :show-header="false" :data="showFileList" max-height="60vh">
-            <el-table-column prop="showName" show-overflow-tooltip>
-              <template v-slot="scope">
-                <div style="display: flex; align-items: center">
-                  <span>
-                    <super-icon :iconValue="getFileIconByName(scope.row.showName)" />
-                  </span>
-                  <span class="amb-list-preivew-name" @click="previewSingle(scope.row)">
-                    {{ scope.row.showName }}
-                  </span>
-                </div>
-              </template>
-            </el-table-column>
-            <el-table-column width="80" align="center">
-              <template v-slot="scope">
-                <div style="margin: -10px 0">
-                  <el-tooltip
-                    v-if="!fileSetObj.disabledNoPreview"
-                    :content="$t('imatrixUIPublicModel.preview')"
-                    class="item"
-                    effect="dark"
-                    placement="top"
-                  >
-                    <el-button type="text" @click="previewSingle(scope.row)">
-                      <el-icon style="cursor: pointer">
-                        <el-icon-view />
-                      </el-icon>
-                    </el-button>
-                  </el-tooltip>
-                  <el-tooltip
-                    v-if="!disabled"
-                    :content="$t('imatrixUIPublicModel.delete')"
-                    class="item"
-                    effect="dark"
-                    placement="top"
-                  >
-                    <el-button type="text" @click="deleteRow(scope.$index)">
-                      <el-icon style="cursor: pointer">
-                        <el-icon-delete />
-                      </el-icon>
-                    </el-button>
-                  </el-tooltip>
-                </div>
-              </template>
-            </el-table-column>
-          </el-table>
-        </el-dialog>
+        </fs-preview>
       </template>
       <FileUploadInputMobile
         v-else
@@ -177,6 +79,7 @@ import { packageFile } from '../../super-grid/src/utils'
 import FileUploadInputMobile from '../../fs-upload-new/src/file-upload-mobile/file-upload-input.vue'
 import { Base64 } from 'js-base64'
 import { getFileIconByName } from '../../../src/utils/file-util'
+import { ElMessage } from 'element-plus'
 export default {
   name: 'FsUploadList',
   props: {
@@ -278,9 +181,28 @@ export default {
     ElIconDelete,
     FileUploadInputMobile
   },
-  created() {},
+  created() {
+    this.fileList.length = 0
+    this.fileList.push(...this.getFileList())
+  },
   mounted() {},
   methods: {
+    getFileList() {
+      const fileList = []
+      if (this.fileInfo?.serverPath) {
+        const uuids = this.fileInfo.serverPath.split(',')
+        const names = this.fileInfo.showName.split(',')
+        for (let i = 0; i < uuids.length; i++) {
+          if (uuids[i]) {
+            fileList.push({
+              serverPath: uuids[i],
+              showName: names[i]
+            })
+          }
+        }
+      }
+      return fileList
+    },
     openAnnexUpload() {
       if (this.openFsUpload) {
         this.annexUploadFlag = true
@@ -320,6 +242,7 @@ export default {
     // 上传成功
     uploadOnSuccess(response, file) {
       if (response) {
+        ElMessage.success(this.$t('fsUpload.uploadSucceeded'))
         $emit(this, 'upload-success', {
           showName: response.name,
           serverPath: response.serverPath
@@ -339,100 +262,33 @@ export default {
       }
       this.annexUploadFlag = false
     },
-    preview() {
-      this.fileList.length = 0
-      const uuids = this.fileInfo.serverPath.split(',')
-      const baseURL = window.$vueApp.config.globalProperties.baseURL
-      const baseAPI = window.$vueApp.config.globalProperties.baseAPI
-      let tempAction = baseURL + '/common/fs-upload/search-file-names'
-      if (isPlateSys(window.$vueApp.config.globalProperties.systemCode)) {
-        tempAction = baseAPI + '/api/search-file-names'
-      }
-      this.$http.post(tempAction, uuids).then((result) => {
-        uuids.forEach((uuid) => {
-          this.fileList.push({ showName: result[uuid], serverPath: uuid })
-        })
-        this.showFileList = this.fileList
-        this.showPreviewMulti = true
-      })
-    },
-    previewSingle(fileInfo) {
-      fileInfo = packageFile(fileInfo.showName, fileInfo.serverPath)
-      if (isImage(fileInfo.showName)) {
-        this.previewImageInfo = fileInfo
-        this.showPreviewSingleImage = true
-      } else {
-        this.previewDoc(fileInfo)
-      }
-    },
-    previewDoc(file) {
-      const showName = file.showName.replace('#', '~~').replace('?', '~$').replace('&', '$')
-      const token = getToken()
-      if (window.$vueApp.config.globalProperties.customPreviewUrl) {
-        window.open(
-          getSystemFrontendUrl(window.$vueApp.config.globalProperties.portalUrl) +
-            '/#/file-service/preview?serverPath=' +
-            file.serverPath +
-            '&showName=' +
-            encodeURI(showName),
-          file.showName
-        )
-      } else {
-        let previewUrl
-        const myShowName = showName
-        const uuid = file.serverPath
-        let baseUrl = window.$vueApp.config.globalProperties.baseURL
-        if (isPlateSys(window.$vueApp.config.globalProperties.systemCode)) {
-          baseUrl = window.$vueApp.config.globalProperties.baseAPI
-        }
-        if (window.$vueApp.config.globalProperties.kkFileViewUrl) {
-          const originUrl =
-            baseUrl +
-            '/common/super-form/downloads?jwt=' +
-            token +
-            '&showName=' +
-            encodeURI(myShowName) +
-            '&serverPath=' +
-            uuid
-          //要预览文件的访问地址
-          const myPreviewUrl = originUrl + '&fullfilename=' + myShowName
-          // http://127.0.0.1:8012/onlinePreview
-          previewUrl =
-            window.$vueApp.config.globalProperties.kkFileViewUrl +
-            '?url=' +
-            encodeURIComponent(Base64.encode(myPreviewUrl))
-        } else {
-          previewUrl = baseUrl + '/common/fs-upload/preview?jwt=' + token
-          previewUrl = previewUrl + '&showName=' + encodeURI(myShowName) + '&serverPath=' + uuid
-        }
-        window.open(previewUrl, myShowName)
-      }
-    },
-    deleteRow(index) {
-      const deleteFile = this.showFileList[index]
+    deleteRow(deleteFile) {
       // this.fileList.splice(index, 1)
       const nameArr = []
       const pathArr = []
-      for (let i = 0; i < this.showFileList.length; i++) {
-        if (i !== index) {
-          nameArr.push(this.showFileList[i].showName)
-          pathArr.push(this.showFileList[i].serverPath)
+      let deleteFileIndex = -1
+      for (let i = 0; i < this.fileList.length; i++) {
+        if (this.fileList[i].serverPath !== deleteFile.serverPath) {
+          nameArr.push(this.fileList[i].showName)
+          pathArr.push(this.fileList[i].serverPath)
+        } else {
+          deleteFileIndex = i
         }
       }
       if (nameArr.length === 0) {
         this.fileInfo.showName = null
         this.fileInfo.serverPath = null
-        this.showFileList = []
+        this.fileList.length = 0
         $emit(this, 'delete-success', { deleteFile: deleteFile, all: [] })
-        $emit(this, 'delete', [], index)
+        $emit(this, 'delete', [], deleteFileIndex)
       } else {
         this.fileInfo.showName = nameArr.join(',')
         this.fileInfo.serverPath = pathArr.join(',')
         $emit(this, 'delete-success', {
           deleteFile: deleteFile,
-          all: this.showFileList
+          all: this.fileList
         })
-        $emit(this, 'delete', this.showFileList, index)
+        $emit(this, 'delete', this.fileList, deleteFileIndex)
       }
     },
     // 移动端上传成功

package/packages/fs-upload-new/src/fs-upload-new.vue

@@ -132,9 +132,9 @@ import FsDragUpload from './fs-drag-upload.vue'
 import FsButtonUpload from './fs-button-upload.vue'
 import FileUploadMobile from './file-upload-mobile/file-upload.vue'
 import FileUploadInputMobile from './file-upload-mobile/file-upload-input.vue'
+import FsUploadList from '../../fs-upload-list/src/fs-upload-list.vue'
 import { ref, defineProps } from 'vue'
 import { getReplaceUrlDomain, isMobileBrowser, isPlateSys } from '../../../src/utils/common-util'
-import { Download } from '@element-plus/icons-vue'
 const props = defineProps({
   openFsUpload: {
     type: Object,

package/packages/super-grid/src/custom-formatter.js

@@ -212,7 +212,7 @@ const customFormatter = {
       // console.log('getHyperLinkSetting--resut=', result)
       if (result && result.label && result.label !== '') {
         console.log('label存在')
-      } else if(result && (result.displayTextJudge === undefined || result.displayTextJudge)){
+      } else if (result && (result.displayTextJudge === undefined || result.displayTextJudge)) {
         result.label = this.objectPropValueTwo(row, column)
       }
       if (result && result.title && result.title !== '') {
@@ -249,14 +249,8 @@ const customFormatter = {
       // 解析是否需要显示该超链接
       let canClick = true
       const gridParams = store.get(listCode)
-      console.log('super-grid---jumpPageLink--jumpPageSetting=', jumpPageSetting)
       if (jumpPageSetting.beforeClick) {
         const funName = jumpPageSetting.beforeClick
-        console.log('super-grid---jumpPageLink--jumpPageSetting.beforeClick=', funName)
-        console.log(
-          'super-grid---jumpPageLink--gridParams.options[eventCallBack]=',
-          gridParams.options['eventCallBack']
-        )
         if (
           gridParams.options &&
           gridParams.options['eventCallBack'] &&
@@ -287,11 +281,23 @@ const customFormatter = {
     if (gridParams.options.extraParam && gridParams.options.extraParam.entityMap) {
       parentFormData = gridParams.options.extraParam.entityMap
     }
-    console.log('gridParams.options.extraParam.entityMap', gridParams.options.extraParam)
-
+    if (gridParams.isSubTableShowPage && jumpPageSetting.jumpPageAdditional?.length > 0) {
+      // 如果是子表，则需要把配置的 ${data.字段} 改成 ${parent.字段}
+      jumpPageSetting.jumpPageAdditional.forEach((item, index) => {
+        if (item && item.paramValue) {
+          if (item.paramValue.startsWith('${data.')) {
+            item.paramValue = item.paramValue.replace('${data.', '${parent.')
+          }
+        }
+      })
+    }
     /// 把父页面的pageData传给弹出的页面或新页签
     const copyPageData = JSON.parse(
-      JSON.stringify(gridParams.pageContext && gridParams.pageContext.entity && gridParams.pageContext.entity.page ? gridParams.pageContext.entity.page : {})
+      JSON.stringify(
+        gridParams.pageContext && gridParams.pageContext.entity && gridParams.pageContext.entity.page
+          ? gridParams.pageContext.entity.page
+          : {}
+      )
     )
     jumpPageSetting._pageData = copyPageData
     jumpToPage(

package/packages/super-grid/src/dynamic-input.vue

@@ -699,6 +699,10 @@ export default {
     const colConfigure = gridParams.colConfigureMap ? gridParams.colConfigureMap[this.column.prop] : null
     const runtimeInfo = colConfigure && colConfigure.runtime ? colConfigure.runtime : {}
     const designProperty = runtimeInfo.props ? runtimeInfo.props : {}
+    let systemCode
+    if (gridParams && gridParams.basicInfo && gridParams.basicInfo.systemCode) {
+      systemCode = gridParams.basicInfo.systemCode
+    }
     return {
       deptManTree: false, // 是否是部门人员树
       isMultiTree: false, // 是否是多选树
@@ -713,7 +717,6 @@ export default {
       annexUploadFlag: false,
       defaultAction,
       fileMultiple: false, // 文件是否多选
-      lastFileName: '',
       fileList: [],
       lastServerName: '',
       fileSetObj: null,
@@ -764,7 +767,8 @@ export default {
       baseURL,
       colConfigure, // v10字段配置原信息
       designProperty, // 字段配置
-      myCustomParams: {}
+      myCustomParams: {},
+      systemCode
     }
   },
   computed: {},
@@ -838,7 +842,6 @@ export default {
         this.fileMultiple = true
       }
       this.fileList = getFileList(this.row, this.column, this.isSql)
-      this.packageFileNameWithFileList()
     }
 
     if (this.column.componentType === 'inputNumber') {
@@ -1323,6 +1326,7 @@ export default {
                 this.radioStorageFile(fileSetObj, responseFile)
               }
               this.fileList = getFileList(this.row, this.column, this.isSql)
+              console.log('superGrid---uploadOnSuccess----fileList=', this.fileList)
             }
           }
         }
@@ -1368,7 +1372,6 @@ export default {
           }
         }
       }
-      this.packageFileNameWithFileList([{ showName: responseFile.name, serverPath: responseFile.serverPath }])
     },
     // 多选上传完成后存储
     multiStorage(fileSetObj, responseFile) {
@@ -1453,7 +1456,6 @@ export default {
           serverPath: pathNameStr
         })
       }
-      this.packageFileNameWithFileList()
     },
     // 多选上传完成后存储 移动端时
     multiStorageMobile(fileSetObj, responseFiles) {
@@ -1545,7 +1547,6 @@ export default {
           serverPath: pathNameStr
         })
       }
-      this.packageFileNameWithFileList()
     },
     responseFileToFileObj(fileSetObj, responseFile) {
       const fileObj = {}
@@ -1601,11 +1602,12 @@ export default {
       }
     },
     deleteFile(fileList, index) {
+      console.log(JSON.stringify(fileList))
       this.fileList = fileList
       if (index !== undefined && index !== -1) {
         this.fileList.splice(index, 1)
       }
-      this.packageFileNameWithFileList()
+      console.log(JSON.stringify(this.fileList))
       if (this.column.fileSet && this.column.fileSet !== '') {
         const fileSetObj = JSON.parse(this.column.fileSet)
         if (fileSetObj) {
@@ -1620,26 +1622,6 @@ export default {
         }
       }
     },
-    packageFileNameWithFileList(fileList) {
-      if (!fileList) {
-        fileList = this.fileList
-      }
-      if (fileList && fileList.length > 0) {
-        let fileNames = ''
-        let fileServerName = ''
-        fileList.forEach((item) => {
-          fileNames += item.showName + ','
-          fileServerName += item.serverPath + ','
-        })
-        if (fileNames && fileNames.indexOf(',') > 0) {
-          this.lastFileName = fileNames.substring(0, fileNames.lastIndexOf(','))
-          this.lastServerName = fileServerName.substring(0, fileServerName.lastIndexOf(','))
-        }
-      } else {
-        this.lastFileName = null
-        this.lastServerName = null
-      }
-    },
     // fileList 赋值Row
     standardToOtherFiles(fileSetObj, keyValueParam) {
       if (fileSetObj.childAnnexDataTableCode) {
@@ -1966,7 +1948,7 @@ export default {
         const message = {
           type: 'scan',
           componentId: this.componentId,
-          systemCode: this.pageContext.systemCode,
+          systemCode: this.systemCode,
           listCode: this.listCode
         }
         if (this.isDingTalk) {

package/packages/super-grid/src/normal-column-content.vue

@@ -107,6 +107,7 @@
             :is-show="operation.isShow"
             :label="operation.props.label ? operation.props.label : row[column.prop]"
             :on-click="operation.onClick"
+            :operation="operation"
             :operation-index="operationIndex"
             :operation-setting="operation.props"
             :event-name="operation.eventName"
@@ -199,7 +200,6 @@
         <span v-if="column.formatter && column.formatter.type === 'files'" type="primary">
           <span
             :id="column.prop + 'DomData' + rowIndex"
-            :style="textOverflow === 'newline' ? {} : { width: cellWidth + 'px' }"
             :title="isShowOverflowTooltip ? $escapeHtml(getLabel(row)) : ''"
             :class="textOverflow === 'newline' ? 'wrap-text' : 'ellipsis cell--span'"
           >
@@ -264,15 +264,19 @@
         }}</span>
       </template>
       <template v-else>
-        <span v-if="column.componentType === 'annex' || column.componentType === 'multipartUpload'" type="primary">
+        <span
+          v-if="column.componentType === 'annex' || column.componentType === 'multipartUpload'"
+          type="primary"
+          style="width: 100%"
+        >
           <span
             v-if="isShowOverflowTooltip"
             :id="column.prop + 'DomData' + rowIndex"
-            :style="textOverflow === 'newline' ? {} : { width: cellWidth + 'px' }"
             :title="$escapeHtml(getLabel(row))"
             :class="textOverflow === 'newline' ? 'wrap-text' : 'ellipsis cell--span'"
           >
             <FsPreview
+              :width="cellWidth"
               :entity="row"
               :file-set-obj="getFileObj(column.fileSet)"
               :is-sql="isSql"
@@ -291,7 +295,6 @@
         <span v-else-if="column.formatter && column.formatter.type === 'files'">
           <span
             :id="column.prop + 'DomData' + rowIndex"
-            :style="textOverflow === 'newline' ? {} : { width: cellWidth + 'px' }"
             :title="isShowOverflowTooltip ? $escapeHtml(getLabel(row)) : ''"
             :class="textOverflow === 'newline' ? 'wrap-text' : 'ellipsis cell--span'"
           >
@@ -704,7 +707,7 @@ export default {
       }
     }
     this.setScanRuleSets()
-    this.requiredClass = this.isRequired(this.row.$editing) ? 'm-requried' : ''
+    this.requiredClass = this.isRequired(this.row.$editing) ? 'm-requried column-text-main' : ''
   },
   mounted() {
     if (this.controlConfig) {
@@ -1219,7 +1222,7 @@ export default {
       }
     },
     changeRequired(required) {
-      this.requiredClass = required ? 'm-requried' : ''
+      this.requiredClass = required ? 'm-requried column-text-main' : ''
     },
     openPageEvent(openPageParams) {
       console.log('normalColumnContent----openPageEvent----', openPageParams)

package/packages/super-grid/src/normal-column.vue

@@ -151,7 +151,10 @@ export default {
     if (gridParams.options.extraParam && gridParams.options.extraParam.entityMap) {
       parentFormData = gridParams.options.extraParam.entityMap
     }
-
+    let controlConfig = {}
+    if (this.column.controlConfig) {
+      controlConfig = JSON.parse(this.column.controlConfig)
+    }
     return {
       selectRow: null,
       that: this,
@@ -162,7 +165,8 @@ export default {
       isShowAdd: false, // 是否显示表头的新增按钮
       cellWidth: null,
       parentFormData,
-      options
+      options,
+      controlConfig
     }
   },
   computed: {
@@ -290,9 +294,9 @@ export default {
       gridParams.options.showOperationButton
   },
   mounted() {
-    if(this.column.prop === 'operation'){
+    if (this.column.prop === 'operation') {
       const that = this
-      eventBus.$on('change-add-state',(value)=>{
+      eventBus.$on('change-add-state', (value) => {
         that.isShowAdd = value
       })
     }

package/packages/super-grid/src/row-operation.vue

@@ -1,10 +1,10 @@
 <template>
   <!--将@click改为@mousedown.native是因为操作列保存按钮时事件和input等组件的@blur冲突，导致保存需要保存两次，因为
       @blur先于@click执行的，所以只会执行@blur，@click就失效了，@mousedown是先于@blur执行的-->
-  <span :style="myStyle">
+  <span class="table-operation-row-btn" :style="myStyle">
     <template v-if="isShowButton()">
       <el-tooltip :disabled="tooltipDisabled" :content="label" placement="top">
-        <template v-if="operationSettingData.permission">
+        <template v-if="operationSettingData?.permission">
           <component
             v-bind="operationSettingData"
             :is="isElementType"
@@ -77,9 +77,13 @@ export default {
       type: String,
       default: null,
     },
+    operation: {
+      type: Object,
+      default: () => ({}),
+    },
     operationSetting: {
       type: Object,
-      default: null,
+      default: () => ({}),
     },
     operationIndex: {
       type: Number,
@@ -148,16 +152,16 @@ export default {
     },
     // 后置图标
     suffixIcon() {
-      if(['right'].includes(this.operationSettingData.iconPosition)) return this.operationSetting.iconValue
+      if(['right'].includes(this.operationSetting.iconPosition)) return this.operationSetting.iconValue
       return undefined
     },
     // 是否显示文字按钮 > 图标模式
     isTextIcon() {
       if (this.isTableBtnLinkShow) {
-        if (this.operationSettingData.isTextIcon === undefined) {
+        if (this.operationSetting.isTextIcon === undefined) {
           return this.isSaveRow || this.isDeleteRow || this.isEditRow || this.isRestoreRow
         }
-        return this.operationSettingData.isTextIcon
+        return this.operationSetting.isTextIcon
       } else {
         return false
       }
@@ -172,14 +176,14 @@ export default {
     },
     // 是否自动开启表格 按钮 转 文字按钮
     isTableBtnLinkShow() {
-      if (this.operationSetting.text) return true
+      if (this.operationSetting?.text) return true
       if (this.isTableBtnLink && this.elementType === 'el-button') {
-        return [this.operationSetting.text, this.operationSetting.plain, this.operationSetting.round].every(v => v === undefined)
+        return [this.operationSetting?.text, this.operationSetting?.plain, this.operationSetting?.round].every(v => v === undefined)
       }
       return false
     },
     operationSettingData() {
-      const dataList = { ...this.operationSetting }
+      const dataList = { ...(this.operationSetting ?? {}) }
       if (this.isTableBtnLinkShow) {
         dataList.underline = false
         delete dataList.text

package/packages/super-grid/src/search-form-advancedQuery.vue

@@ -278,7 +278,7 @@
 							@focus="selectRow(scope.row)"
 							@input="setValueToModelProp(scope.$index, $event)"
 					/>
-					<span v-else-if="customComponent(scope.row.prop) === true">
+					<span v-else-if="customComponent(scope.row.prop) === true" style="width: 100%">
             <component
 		            :is="scope.row.componentName"
 		            :ref="scope.row.componentName"