agilebuilder-ui 1.0.621 → 1.0.962

package/packages/super-grid/src/utils.js

@@ -2,6 +2,7 @@ import * as Vue from 'vue'
 import { getToken } from '../../../src/utils/auth'
 import { isPlateSys, isShowMenuRoute } from '../../../src/utils/common-util'
 import { getEntityFieldValue } from '../../../src/utils/util'
+import { doFormatWithValueSet } from './formatter'
 import store from './store'
 export function getColumnValues(data, prop) {
   const values = []
@@ -87,7 +88,7 @@ const ArrowKeyAction = {
         return null
       }
     }
-  },
+  }
 }
 export { ArrowKeyAction }
 
@@ -101,10 +102,7 @@ export function setCurrentRow(rowIndex, listCode) {
     // 新建时会传过来比记录条数大的行号
     if (gridParams.isMulitiSelect) {
       gridParams.superGrid.clearSelection()
-      gridParams.superGrid.toggleRowSelection(
-        gridParams.gridData[rowIndex],
-        true
-      )
+      gridParams.superGrid.toggleRowSelection(gridParams.gridData[rowIndex], true)
     } else {
       gridParams.superGrid.setCurrentRow(gridParams.gridData[rowIndex])
     }
@@ -160,17 +158,11 @@ export function isLastEditRowSave(listCode) {
     // 表示有正在编辑的行，不能编辑其他行
     return false
   }
-  if (
-    typeof gridParams.$rowIndex === 'undefined' ||
-    gridParams.$rowIndex === null
-  ) {
+  if (typeof gridParams.$rowIndex === 'undefined' || gridParams.$rowIndex === null) {
     // 表示没有在该列表编辑任何行，可以编辑行
     return true
   }
-  if (
-    typeof gridParams.$lastSaveRowIndex === 'undefined' ||
-    gridParams.$lastSaveRowIndex === null
-  ) {
+  if (typeof gridParams.$lastSaveRowIndex === 'undefined' || gridParams.$lastSaveRowIndex === null) {
     // 表示没有在该列表保存任何行，可以编辑行
     return true
   }
@@ -197,10 +189,7 @@ export function isCanRefreshGrid(listCode) {
     return false
   }
 
-  if (
-    typeof gridParams.isCreateRow !== 'undefined' &&
-    gridParams.isCreateRow === true
-  ) {
+  if (typeof gridParams.isCreateRow !== 'undefined' && gridParams.isCreateRow === true) {
     // 说明刚刚新建的行还没有保存 或 撤销编辑，表示当前列表中有编辑行，不能刷新列表数据
     return false
   }
@@ -237,16 +226,12 @@ export function isDisableEdit(prop, listCode, row) {
     const fieldPermissions = gridParams.options.validateRules
     if (fieldPermissions) {
       const fieldRule = fieldPermissions.filter(
-        (item) =>
-          item.name && (item.name === prop || item.name === 'all_fields')
+        (item) => item.name && (item.name === prop || item.name === 'all_fields')
       )
       let canEdit = true
       if (fieldRule && fieldRule.length > 0) {
         for (let i = 0; i < fieldRule.length; i++) {
-          if (
-            fieldRule[i].rowIndexes === undefined ||
-            fieldRule[i].rowIndexes === null
-          ) {
+          if (fieldRule[i].rowIndexes === undefined || fieldRule[i].rowIndexes === null) {
             canEdit = fieldRule[i].canEdit
           } else if (fieldRule[i].rowIndexes.indexOf(rowId) >= 0) {
             canEdit = fieldRule[i].canEdit
@@ -277,6 +262,15 @@ export function isDisableEdit(prop, listCode, row) {
         isDiabled = true
       }
     }
+    if (isDiabled === false) {
+      // 表示不是禁止编辑的，继续校验自定义规则中是否是禁止编辑的
+      if(gridParams.options.customRules && (gridParams.options.customRules[prop] || gridParams.options.customRules['_all_fields'])){
+        const columnRules = gridParams.options.customRules[prop]? gridParams.options.customRules[prop]: gridParams.options.customRules['_all_fields']
+        if(columnRules && columnRules.disabled){
+          isDiabled = true
+        }
+      }
+    }
   }
   return isDiabled
 }
@@ -342,10 +336,7 @@ export function isHasEditOption(event, listCode) {
     listCode = store.get('_list_code')
   }
   const gridParams = store.get(listCode)
-  if (
-    gridParams.options.lineEditOptions &&
-    gridParams.options.lineEditOptions[event]
-  ) {
+  if (gridParams.options.lineEditOptions && gridParams.options.lineEditOptions[event]) {
     return true
   }
   return false
@@ -356,10 +347,7 @@ export function isEditOptionFunction(event, listCode) {
     listCode = store.get('_list_code')
   }
   const gridParams = store.get(listCode)
-  if (
-    gridParams.options.lineEditOptions &&
-    typeof gridParams.options.lineEditOptions[event] === 'function'
-  ) {
+  if (gridParams.options.lineEditOptions && typeof gridParams.options.lineEditOptions[event] === 'function') {
     return true
   }
   return false
@@ -424,7 +412,7 @@ export function getGridParams() {
       isRestoreByEsc: true, // 点击ESC时，是否撤销编辑,
       aftersaveIsCancelEditState: true, // 保存后，是否取消编辑状态
       afterRestoreIsCancelEditState: true, // 撤销编辑后，是否取消编辑状态
-      input: function () {}, // 数据改变时触发
+      input: function () {} // 数据改变时触发
       // 'beforeSave': function() { return true }, // 保存行数据前的回调
       // 'saveSuccess': function() {}, // 保存行数据成功的回调
       // 'saveError': function() {}, // 保存行数据发生异常的回调
@@ -451,7 +439,7 @@ export function getGridParams() {
         // urlToSaveRow:'', // 保存行记录的url，如果设置了以该设置的为准
         // isEnableValidate: true, // 保存行记录时，是否启用必填验证
         // saveRow: function(){return new Promise((resolve, reject) => {...resolve(data)})} // 需要返回的是保存后的行记录的值
-      },
+      }
       // 自定义行编辑
       // customFormatter: {
       // },
@@ -516,7 +504,7 @@ export function getGridParams() {
       // actionPermission: { 'canAdd': true, 'canUpdate': true, 'canDelete': true }, // 列表行编辑时控制按钮的权限
       // formData: {}, // 主表单的实体信息
       // hiddenColumns:['operation','xx]
-    },
+    }
   }
   return Vue.reactive(gridParams)
 }
@@ -572,69 +560,50 @@ export function addDynamicPropDateSection(target, prop, propValue) {
 }
 
 export function getTableHeight(superGrid, listCode, pageHeight) {
-  let topDivHeight = 120
-  const boxCard = document.querySelector('.box-card')
-  if (boxCard && boxCard !== null) {
-    // 表示是配置系统的列表页面
-    //  16 .gray .app-container .box-card，
-    // 20为内容区域的padding 20
-    // 34 + 5为翻页 height 和margin-top
-    topDivHeight = 16 * 2 + 20 + 34 + 5
+  let rect
+  if (superGrid) {
+    rect = superGrid.$el.getBoundingClientRect()
   }
+  const totalHeight = window.innerHeight - rect.y - 110
+  console.log('rect=', rect, 'window.innerHeight=', window.innerHeight, 'totalHeight=', totalHeight)
+  return totalHeight
 
-  if (isShowMenuRoute() === true) {
-    // 如果显示菜单层级，列表高度需要减少50
-    topDivHeight = topDivHeight + 50
-  }
+  // let topDivHeight = 120
+  // const boxCard = document.querySelector('.box-card')
+  // if (boxCard && boxCard !== null) {
+  //   // 表示是配置系统的列表页面
+  //   //  16 .gray .app-container .box-card，
+  //   // 20为内容区域的padding 20
+  //   // 34 + 5为翻页 height 和margin-top
+  //   topDivHeight = 16 * 2 + 20 + 34 + 5
+  // }
 
-  const listGrid = document.querySelector('.el-tabs__content .' + listCode)
-  if (listGrid) {
-    // 表示当前列表在tab页签内容，需要减去tab的高度
-    topDivHeight = topDivHeight + 80
-  }
-  if (pageHeight === undefined || pageHeight === null || pageHeight === '') {
-    pageHeight = window.innerHeight
-  } else {
-    // 表示弹框页面的高度
-    topDivHeight = 0
-  }
-  let totalHeight = pageHeight - topDivHeight
-  if(superGrid){
-    totalHeight = pageHeight - superGrid.$el.offsetTop - topDivHeight
-  }
-  // const cur = document.querySelectorAll("div[class='grid-area']")
-  // if (cur.length === 1) {
-  // 表示只有一个表格
-  return totalHeight
-  // } else if (cur.length > 1) {
-  //   // 表示有多个表格
-  //   // TODO 主子表的表格高度自适应待实现
-  //   const gridParams = store.get(listCode)
-  //   let addHeight = 0
-  //   if (gridParams.options.addHeight) {
-  //     addHeight = gridParams.options.addHeight
-  //   }
-  //   const hasLoadMainTable = store.hasLoadMainTable
-  //   if (typeof (hasLoadMainTable) !== 'undefined' && hasLoadMainTable === true) {
-  //     // 表示主表已加载完成
-  //     const gridHeight = store.gridTableHeight + addHeight
-  //     store.hasLoadMainTable = false
-  //     return gridHeight
-  //   } else {
-  //     let gridHeight = totalHeight / cur.length - 5 + addHeight
-  //     if (gridHeight <= 0) {
-  //       gridHeight = 200
-  //     }
-  //     store.hasLoadMainTable = true
-  //     store.gridTableHeight = gridHeight
-  //     return gridHeight
-  //   }
+  // if (isShowMenuRoute() === true) {
+  //   // 如果显示菜单层级，列表高度需要减少50
+  //   topDivHeight = topDivHeight + 50
   // }
+
+  // const listGrid = document.querySelector('.el-tabs__content .' + listCode)
+  // if (listGrid) {
+  //   // 表示当前列表在tab页签内容，需要减去tab的高度
+  //   topDivHeight = topDivHeight + 80
+  // }
+  // if (pageHeight === undefined || pageHeight === null || pageHeight === '') {
+  //   pageHeight = window.innerHeight
+  // } else {
+  //   // 表示弹框页面的高度
+  //   topDivHeight = 0
+  // }
+  // let totalHeight = pageHeight - topDivHeight
+  // if (superGrid) {
+  //   totalHeight = pageHeight - superGrid.$el.offsetTop - topDivHeight
+  // }
+  // return totalHeight
 }
 
 export function getExtraParam(searchParam, gridParams) {
   const param = {
-    searchParam: searchParam,
+    searchParam: searchParam
   }
   param.withDataPermission = gridParams.options.isWithDataPermission
   param.isWorkflowEntity = gridParams.options.isWorkflowEntity
@@ -675,25 +644,17 @@ export function analysisFileSetObj(fileSetObj, isSql) {
   }
   return {
     showName: showName,
-    serverPath: serverPath,
+    serverPath: serverPath
   }
 }
 
-export function otherFilesToStandard(
-  fileSetObj,
-  keyValueParam,
-  files,
-  filesStringData
-) {
+export function otherFilesToStandard(fileSetObj, keyValueParam, files, filesStringData) {
   const standardFiles = []
   if (files) {
     if (files && files.length > 0) {
       for (var i = 0; i < files.length; i++) {
         const file = files[i]
-        const standardFile = packageFile(
-          file[keyValueParam.showName],
-          file[keyValueParam.serverPath]
-        )
+        const standardFile = packageFile(file[keyValueParam.showName], file[keyValueParam.serverPath])
         standardFiles.push(standardFile)
       }
     }
@@ -720,31 +681,15 @@ export function packageFile(showName, serverPath) {
   standardFile.showName = showName
   standardFile.serverPath = serverPath
 
-  if (
-    standardFile.showName &&
-    /\.(jpg|JPG|jpeg|JPEG|png|PNG|gif|GIF|bmp|BMP|psd|PSD|tif|TIF)$/.test(
-      showName
-    )
-  ) {
+  if (standardFile.showName && /\.(jpg|JPG|jpeg|JPEG|png|PNG|gif|GIF|bmp|BMP|psd|PSD|tif|TIF)$/.test(showName)) {
     standardFile.isImg = true
   }
   const token = getToken()
-  let url =
-    window.$vueApp.config.globalProperties.baseURL +
-    '/common/super-form/downloads?jwt=' +
-    token
+  let url = window.$vueApp.config.globalProperties.baseURL + '/common/super-form/downloads?jwt=' + token
   if (isPlateSys(window.$vueApp.config.globalProperties.systemCode)) {
-    url =
-      window.$vueApp.config.globalProperties.baseAPI +
-      '/component/super-form/downloads?jwt=' +
-      token
-  }
-  const src =
-    url +
-    '&showName=' +
-    encodeURI(standardFile.showName) +
-    '&serverPath=' +
-    standardFile.serverPath
+    url = window.$vueApp.config.globalProperties.baseAPI + '/component/super-form/downloads?jwt=' + token
+  }
+  const src = url + '&showName=' + encodeURI(standardFile.showName) + '&serverPath=' + standardFile.serverPath
   standardFile.src = src
   return standardFile
 }
@@ -754,8 +699,7 @@ export function getFileList(row, column, isSql) {
   if (
     column.fileSet &&
     column.fileSet !== '' &&
-    (column.componentType === 'annex' ||
-      column.componentType === 'multipartUpload')
+    (column.componentType === 'annex' || column.componentType === 'multipartUpload')
   ) {
     const fileSetObj = JSON.parse(column.fileSet)
     const keyValueParam = analysisFileSetObj(fileSetObj, isSql)
@@ -764,23 +708,13 @@ export function getFileList(row, column, isSql) {
         // const lowerStr = fileSetObj.childAnnexDataTableCode.toLowerCase()
         const fileArr = row[column.prop]
         // 子表
-        fileList = otherFilesToStandard(
-          fileSetObj,
-          keyValueParam,
-          fileArr,
-          null
-        )
+        fileList = otherFilesToStandard(fileSetObj, keyValueParam, fileArr, null)
       } else {
         const filesStringData = {
           showName: getEntityFieldValue(row, keyValueParam.showName),
-          serverPath: getEntityFieldValue(row, keyValueParam.serverPath),
+          serverPath: getEntityFieldValue(row, keyValueParam.serverPath)
         }
-        fileList = otherFilesToStandard(
-          fileSetObj,
-          keyValueParam,
-          null,
-          filesStringData
-        )
+        fileList = otherFilesToStandard(fileSetObj, keyValueParam, null, filesStringData)
       }
     } else {
       const showName = getEntityFieldValue(row, keyValueParam.showName)
@@ -791,13 +725,10 @@ export function getFileList(row, column, isSql) {
   return fileList
 }
 
-export function getDynamicDataSourceOptions(column, isSql, additionalParamMap) {
+export function getDynamicDataSourceOptions(column, isSql, additionalParamMap, baseURL) {
   let additionalParameter
   if (additionalParamMap) {
-    console.log(
-      'getDynamicDataSourceOptions--additionalParamMap=',
-      additionalParamMap
-    )
+    console.log('getDynamicDataSourceOptions--additionalParamMap=', additionalParamMap)
     if (additionalParamMap && typeof additionalParamMap === 'object') {
       additionalParameter = JSON.stringify(additionalParamMap)
     } else if (additionalParamMap && additionalParamMap !== '') {
@@ -807,6 +738,7 @@ export function getDynamicDataSourceOptions(column, isSql, additionalParamMap) {
   const options = {
     isSql: isSql,
     additionalParameter: additionalParameter,
+    backendUrl: baseURL
   }
   // 如果是多选文件类型，需要解析（需要设置临时字段，判断文件还是图片，图片需要预览）
   if (column.valueSetOptions) {
@@ -814,10 +746,7 @@ export function getDynamicDataSourceOptions(column, isSql, additionalParamMap) {
     if (valueSetOptionsObj && valueSetOptionsObj.valueSetOptions) {
       options.valueSetOptions = valueSetOptionsObj.valueSetOptions
     }
-    if (
-      valueSetOptionsObj.dynamicDataSourceCode &&
-      valueSetOptionsObj.dynamicDataSourceCode !== ''
-    ) {
+    if (valueSetOptionsObj.dynamicDataSourceCode && valueSetOptionsObj.dynamicDataSourceCode !== '') {
       options.dynamicDataSourceCode = valueSetOptionsObj.dynamicDataSourceCode
     }
   }
@@ -826,11 +755,7 @@ export function getDynamicDataSourceOptions(column, isSql, additionalParamMap) {
 
 // 值设置是否是动态数据源类型的数据源
 export function isDynamicDataSourceSource(column) {
-  if (
-    column.valueSet &&
-    column.valueSet.length > 0 &&
-    column.valueSet[0].value === 'dynamicDataSource'
-  ) {
+  if (column.valueSet && column.valueSet.length > 0 && column.valueSet[0].value === 'dynamicDataSource') {
     return true
   } else {
     return false
@@ -840,11 +765,7 @@ export function isDynamicDataSourceSource(column) {
 export function getLastPageNum(total, rowsPerPage) {
   if (total === undefined || total === null || total === 0) {
     return 1
-  } else if (
-    rowsPerPage === undefined ||
-    rowsPerPage === null ||
-    rowsPerPage === 0
-  ) {
+  } else if (rowsPerPage === undefined || rowsPerPage === null || rowsPerPage === 0) {
     return 1
   } else {
     return Math.ceil(total / rowsPerPage)
@@ -852,32 +773,67 @@ export function getLastPageNum(total, rowsPerPage) {
 }
 // 纵向滚动条滚动最底部功能
 export function scrollYToBottom(listCode) {
-  const scrollDivElement = document.querySelector(
-    '.' + listCode + ' .el-table--scrollable-y .el-table__body-wrapper'
-  )
+  const scrollDivElement = document.querySelector('.' + listCode + ' .el-table--scrollable-y .el-table__body-wrapper')
   console.log('scrollDivElement==', scrollDivElement)
   if (scrollDivElement && scrollDivElement !== null) {
     // 表示有滚动条，需要将滚动条滚动最底部
-    console.log(
-      'scrollDivElement==scrollDivElement.scrollHeight=',
-      scrollDivElement.scrollHeight
-    )
+    console.log('scrollDivElement==scrollDivElement.scrollHeight=', scrollDivElement.scrollHeight)
     scrollDivElement.scrollTop = scrollDivElement.scrollHeight
   }
 }
 
 export function getAdditionalParamMap(gridParams) {
   let additionalParamMap = null
-  if (
-    gridParams.additionalParamMap &&
-    typeof gridParams.additionalParamMap === 'object'
-  ) {
+  if (gridParams.additionalParamMap && typeof gridParams.additionalParamMap === 'object') {
     additionalParamMap = gridParams.additionalParamMap
-  } else if (
-    gridParams.additionalParamMap &&
-    gridParams.additionalParamMap !== ''
-  ) {
+  } else if (gridParams.additionalParamMap && gridParams.additionalParamMap !== '') {
     additionalParamMap = JSON.parse(gridParams.additionalParamMap)
   }
   return additionalParamMap
 }
+
+// 获得控件的配置信息，例如：自定义控件的附加配置等
+export function getControlConfig(column) {
+  let controlConfig = {}
+  if (column && column.controlConfig) {
+    controlConfig = JSON.parse(column.controlConfig)
+  }
+  return controlConfig
+}
+
+export function getContentAlign(column, gridParams) {
+  let align
+  if (gridParams.options?.align && gridParams.options.align !== '') {
+    align = gridParams.options.align
+  } else if (column.contAlign && column.contAlign !== '') {
+    align = column.contAlign
+  }
+  return align
+}
+
+export function getHeaderAlign(column, gridParams) {
+  let headerAlign
+  if (gridParams.options?.headerAlign && gridParams.options.headerAlign !== '') {
+    headerAlign = gridParams.options.headerAlign
+  } else if (column.titleAlign && column.titleAlign !== '') {
+    headerAlign = column.titleAlign
+  }
+  return headerAlign
+}
+
+export function getHeaderLable(column) {
+  let label = column.label
+  if (!column.titleValueSet) {
+    label = label.replace(/\\n/g, '</br>')
+  } else {
+    label = formatHeader(column)
+  }
+  if (label === null || label === undefined || label === '') {
+    label = column.prop
+  }
+  return label
+}
+
+function formatHeader(column) {
+  return doFormatWithValueSet(column.titleValueSetValue, column.label)
+}