agilebuilder-ui 1.1.36-tmp4 → 1.1.37-sit1

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

@@ -333,6 +333,23 @@
     <!-- <custom-fma v-if="type==null ||type === ''" /> -->
     <!-- v-model="newValue" -->
     <!--必须有@input ,否则无法输入值-->
+    <el-radio-group
+      v-else-if="type === 'radio' && !isDynamicDataSourceSource()"
+      ref="item"
+      v-model="innerValue"
+      :disabled="disabled"
+      :title="getClassOptionTitle(innerValue)"
+      @blur="cellEvent('blur', $event)"
+      @change="cellEvent('change', $event)"
+      @clear="cellEvent('clear', $event)"
+      @focus="cellEvent('focus', $event)"
+      @input="cellEvent('input', $event)"
+      @visible-change="cellEvent('visible-change', $event)"
+    >
+      <el-radio v-for="item in options" :key="item.value" :value="item.value">
+        {{ item.label }}
+      </el-radio>
+    </el-radio-group>
     <el-select
       v-else-if="type === 'select' && !isDynamicDataSourceSource()"
       ref="item"
@@ -468,6 +485,7 @@
       :check-strictly="isCheckStrictly"
       :department-info="departmentInfo"
       :disabled="disabled"
+      :limit-filter-column="controlConfig?.limitFilterColumn"
       :fields="fields"
       :is-join-table="isJoinTable"
       :models="row"
@@ -525,13 +543,19 @@ import {
   isDynamicDataSourceSource,
   isEditOptionFunction,
   otherFilesToStandard,
-  getControlConfig
+  getControlConfig,
+  rowBeforeValidate
 } from './utils'
 import dynamicSourceSelect from '../../dynamic-source-select/src/dynamic-source-select.vue'
-import { getEntityFieldValue, setEntityFieldValue } from '../../../src/utils/util'
+import {
+  getEntityFieldValue,
+  setEntityFieldValue,
+  getPropValueNew,
+  watchPageContextDynamicVariable
+} from '../../../src/utils/util'
 import { getToken } from '../../../src/utils/auth'
 import apis from './apis'
-import ViewImageDialog from './view-image-dialog'
+import ViewImageDialog from './view-image-dialog.vue'
 import { $emit } from '../../utils/gogocodeTransfer'
 import eventBus from './eventBus'
 import { isMobileBrowser, getAuthSource } from '../../../src/utils/common-util'
@@ -614,7 +638,7 @@ export default {
     if (defaultValue !== undefined && defaultValue !== null) {
       innerValue = defaultValue
     }
-    const disabled = isDisableEdit(this.column.prop, this.listCode, this.row)
+    const disabled = isDisableEdit(this.column.prop, this.listCode, this.row, this.rowIndex)
     this.$emit('change-disabled', disabled)
     const defaultAction = window.$vueApp.config.globalProperties.baseAPI + '/component/super-form/uploads'
     if (!this.listCode) {
@@ -664,7 +688,6 @@ export default {
       // 表示手机浏览器访问的
       userAgent = 'browser'
     }
-    console.log('superGrid----window.location.protocol---', window.location.protocol)
     const isDingTalk = getAuthSource() === 'dingtalk' ? true : false
     const isApk = isMobile && userAgent && userAgent === 'app' ? true : false
     const isShowScanIcon =
@@ -677,14 +700,6 @@ 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 : {}
-    console.log(
-      'super-grid-dynamicInput--designProperty=',
-      designProperty,
-      'colConfigure=',
-      colConfigure,
-      'gridParams.colConfigureMap=',
-      gridParams.colConfigureMap
-    )
     return {
       deptManTree: false, // 是否是部门人员树
       isMultiTree: false, // 是否是多选树
@@ -840,6 +855,7 @@ export default {
         }
       }
     }
+
     if (this.column.orgTreeSet) {
       const orgTreeSet = JSON.parse(this.column.orgTreeSet)
       if (this.type.indexOf('DeptTree') > 0 && orgTreeSet.checkStrictly) {
@@ -1041,6 +1057,7 @@ export default {
           // 说明是工作组树
           this.wgTree = true
         }
+        this.deptScopeLimit()
       }
     },
     orgTreeSetSort() {
@@ -1133,7 +1150,6 @@ export default {
         this.blurEvent()
         isInputVal = true
         if (this.innerValue && this.isInputControl() && this.column.dataType === 'TEXT') {
-          console.log('trim value', this.innerValue)
           this.innerValue = this.innerValue.trim()
         }
       }
@@ -1977,10 +1993,17 @@ export default {
       this.blurEvent()
     },
     packageCustomRules(columnRule) {
-      console.log('packageCustomRules---columnRule=', columnRule)
       if (!columnRule) {
         return
       }
+      let beforeValidateResult = true
+      if (columnRule.beforeValidate) {
+        const gridParams = store.get(this.listCode)
+        beforeValidateResult = rowBeforeValidate(columnRules, gridParams, this.row, this.rowIndex)
+        if (beforeValidateResult === false) {
+          return
+        }
+      }
       if (columnRule.disabled !== undefined) {
         this.$emit('change-disabled', columnRule.disabled)
       }
@@ -2021,6 +2044,53 @@ export default {
         // 表示没有跳转页面配置
         this.callCustomEvent(eventName)
       }
+    },
+    deptScopeLimit() {
+      if (this.controlConfig && this.controlConfig.deptScope) {
+        // 表示有部门范围限制
+        if (this.controlConfig.deptScope == 'field' && this.controlConfig.deptScopeField) {
+          if (this.controlConfig.deptScopeField.indexOf('${row.') === 0) {
+            // 表示是行记录的字段
+            const fieldName = this.controlConfig.deptScopeField.replace('${row.', '').replace('}', '')
+            if (this.row[fieldName]) {
+              this.departmentInfo = this.row[fieldName].split(',')
+            } else {
+              this.departmentInfo = []
+            }
+            this.$watch('row.' + fieldName, (newVal, oldVal) => {
+              if (newVal) {
+                this.departmentInfo = newVal.split(',')
+              } else {
+                this.departmentInfo = []
+              }
+            })
+          } else {
+            // 表示是页面pageContext的字段
+            this.setLimitDepartmentInfo()
+            if (!this.controlConfig.deptScopeField.indexOf('${fixed.') === 0) {
+              watchPageContextDynamicVariable(
+                this,
+                this.pageContext,
+                this.controlConfig.deptScopeField,
+                (newVal, oldVal) => {
+                  this.setLimitDepartmentInfo()
+                }
+              )
+            }
+          }
+        } else if (this.controlConfig.deptScope == 'depts' && this.controlConfig.deptScopeCodes) {
+          // 表示固定部门范围
+          this.departmentInfo = this.controlConfig.deptScopeCodes.split(',')
+        }
+      }
+    },
+    setLimitDepartmentInfo() {
+      const deptScopeFieldValue = getPropValueNew(this.controlConfig.deptScopeField, this.pageContext, this.row)
+      if (deptScopeFieldValue) {
+        this.departmentInfo = deptScopeFieldValue.split(',')
+      } else {
+        this.departmentInfo = []
+      }
     }
   }
 }

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

@@ -106,8 +106,10 @@
             :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"
             :row-index="rowIndex"
             :list-code="listCode"
             :parent-form-data="parentFormData"
@@ -1184,7 +1186,6 @@ export default {
       return 'primary'
     },
     changeDisabled(state) {
-      debugger
       this.disabled = state
     },
     refreshList() {

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,
@@ -92,6 +96,11 @@ export default {
     parentFormData: {
       type: Object,
       default: null
+    },
+    // 按钮绑定的事件名称
+    eventName: {
+      type: String,
+      default: null
     }
   },
   data() {
@@ -104,19 +113,20 @@ export default {
     ...mapGetters(['preventReclick']),
     // 是否是保存按钮
     isSaveRow() {
-      return /^\s*function\s+saveRow*\s*\(/.test((this.onClick ?? ''))
+      return ['lineEditSave', 'saveRow'].includes(this.eventName)
     },
     // 是否是删除按钮
     isDeleteRow() {
-      return /^\s*function\s+deleteRow*\s*\(/.test((this.onClick ?? ''))
+      return ['lineEditDelete', 'deleteRow'].includes(this.eventName)
     },
     // 是否是修改按钮
     isEditRow() {
-      return /^\s*function\s+editRow*\s*\(/.test((this.onClick ?? ''))
+      return ['lineEditUpdate', 'editRow'].includes(this.eventName)
     },
     // 是否是取消按钮
     isRestoreRow() {
-      return /^\s*function\s+restoreRow*\s*\(/.test((this.onClick ?? ''))
+      return ['restoreEdit', 'restoreRow'].includes(this.eventName)
+      // return /^\s*function\s+restoreRow*\s*\(/.test((this.onClick ?? ''))
     },
     // 前置图标
     prefixIcon() {
@@ -142,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
       }
@@ -166,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/super-grid.vue

@@ -581,11 +581,15 @@ export default {
       if (gridParams && gridParams.options && gridParams.options.rowKeyProp) {
         return gridParams.options.rowKeyProp
       } else {
-        if (this.dataSourceType === 'oracle') {
-          return 'ID'
-        } else {
-          return 'id'
-        }
+        // 使用rowDataGuId作为唯一标识，解决台账显示或不显示id。
+        // 大小写、或（子表时id还不存在问题，导致行选择和push新数据后 3行数据，
+        // 在第二行插入数据，因为key问题3、4行数据变成一样的)
+        return '$rowDataGuId'
+        // if (this.dataSourceType === 'oracle') {
+        //   return 'ID'
+        // } else {
+        //   return 'id'
+        // }
       }
     },
     filterGridData() {
@@ -630,15 +634,12 @@ export default {
     tableDatas: {
       deep: true,
       immediate: true,
-      handler(a, b) {
-        console.log('SGQ --- 表格监听数据修改============================》', a, b)
-      }
+      handler(a, b) {}
     },
     'options.SuperGrid': {
       deep: true,
       handler: function () {
         this.externalClickFlag = true
-        console.log('监听到数据改变')
         this.initSetting()
         this.initialize()
       }
@@ -714,7 +715,6 @@ export default {
       deep: true,
       handler: function () {
         this.externalClickFlag = true
-        console.log('监听到数据改变================', this.options.validateRules)
         const gridParams = store.get(this.code)
         if (gridParams && gridParams.options) {
           gridParams.options.validateRules = this.options.validateRules
@@ -746,7 +746,6 @@ export default {
     'options.extraParam.entityMap': {
       deep: true,
       handler(newValue, oldValue) {
-        console.log('watch====options.extraParam.entityMap===改变==', newValue)
         this.parentFormData = newValue
         this.$emit('change-form-data', this.parentFormData)
       }
@@ -937,7 +936,6 @@ export default {
       if (that.options.isEnableEnterEvent !== undefined && that.options.isEnableEnterEvent === false) {
         canCall = false
       }
-      console.log('super-grid-----isEnableEnterEvent=', that.options.isEnableEnterEvent, 'canCall=', canCall)
       const gridParams = store.get(that.code)
       if (canCall && gridParams.options && gridParams.options.isFormSubTable) {
         canCall = false
@@ -994,19 +992,19 @@ export default {
             tempMaxHeight = tableHeight
           }
         }
-        if(tempMaxHeight === null){
+        if (tempMaxHeight === null) {
           // 高度是null会导致页面卡死
           tempMaxHeight = undefined
         }
-        if(tempMaxHeight !== null && tempMaxHeight !== undefined && parseFloat(tempMaxHeight+'') < 100){
+        if (tempMaxHeight !== null && tempMaxHeight !== undefined && parseFloat(tempMaxHeight + '') < 100) {
           // 如果小于100时，高度给100
           tempMaxHeight = 100
         }
-        if(tempMaxHeight !== null && tempMaxHeight !== undefined){
+        if (tempMaxHeight !== null && tempMaxHeight !== undefined) {
           // 用parseFloat是因为tempMaxHeight的值有时是数字字符串
-          tempMaxHeight = parseFloat(tempMaxHeight+'')
-        }        
-        if(gridParams.options && gridParams.options.isFormSubTable){
+          tempMaxHeight = parseFloat(tempMaxHeight + '')
+        }
+        if (gridParams.options && gridParams.options.isFormSubTable) {
           // 表示表单页面子表时,不解析 显示效果了，直接使用高度就行了
           if (
             !this.basicInfo.displayEffect ||
@@ -1037,16 +1035,6 @@ export default {
             this.tableHeight = undefined
           }
         }
-        console.log(
-          'resizeTableHeight-----tempMaxHeight=',
-          tempMaxHeight,
-          'this.tableHeight=',
-          this.tableHeight,
-          'this.maxHeight=',
-          this.maxHeight,
-          'gridParams.options=',
-          gridParams.options
-        )
       })
     },
     // 回车键
@@ -1556,7 +1544,6 @@ export default {
             // 子表无记录时不需要刷新子表记录。表示是新建或修改时子表无记录，且不需要刷新子表。
             if (this.isSubTableEmpty(gridParams)) {
               // 表示是新建表单时，子表记录集合是空数组
-              console.log('子表无记录----code=', this.code, gridParams)
               const subTableData = []
               this.packageSubTableData(gridParams, subTableData)
             }
@@ -2180,7 +2167,7 @@ export default {
         } else {
           vm.fetchData(vm.getSearchParam(), isSearch, parentRowIds)
             .then((data) => {
-              console.log('打印1====', gridParams)
+              // console.log('打印1====', gridParams)
               if (
                 gridParams !== undefined &&
                 gridParams.options !== undefined &&
@@ -2188,18 +2175,18 @@ export default {
                 gridParams.options.isHiddenSearchForm === true
               ) {
                 // 查询时，是否隐藏查询区域，默认是不隐藏查询区域
-                console.log('打印2====', vm)
+                // console.log('打印2====', vm)
                 vm.showSearch = false
                 $emit(vm, 'cancel-search')
               }
-              console.log('打印3====', vm)
-              console.log('打印4====', vm.$refs)
+              // console.log('打印3====', vm)
+              // console.log('打印4====', vm.$refs)
               if (vm.$refs && vm.$refs.sf) {
-                console.log('打印5====', vm.$refs.sf)
+                // console.log('打印5====', vm.$refs.sf)
                 vm.$refs.sf.loading = false
                 vm.$refs.sf.searchComplete()
               }
-              console.log('打印6====', vm)
+              // console.log('打印6====', vm)
               // 重新计算列表高度
               this.resizeTableHeight()
               resolve(data)
@@ -2344,8 +2331,6 @@ export default {
       } else if (prop === undefined && column.children && column.children.length > 0) {
         type = 'GroupColumn'
       }
-      // console.log('%c描述-180428','color:#2E3435;background:#F8BB07;padding:3px;border-radius:2px',this.myCustomFormatter);
-      // console.log('%c描述-155704','color:#2E3435;background:#F8BB07;padding:3px;border-radius:2px',type);
       return type
     },
     focusOnFirstEditableInput() {
@@ -2356,7 +2341,6 @@ export default {
     },
     handleSizeChange(val) {
       if (!this.options || !this.options.isPageShow) {
-        // console.log(`每页 ${val} 条`)
         this.currentPage = 1
         this.pageSize = val
         this.pagination.pageSize = val
@@ -2839,7 +2823,6 @@ export default {
       return this.isSubTableShowPage ? this.subTableData : this.gridData
     },
     rowDblclickEvent(row, column, event) {
-      debugger
       const gridParams = store.get(this.code)
       if (gridParams.options && gridParams.options.isFormSubTable && gridParams.options.isPdfEditor) {
         // 如果是子表并且是pdf模式
@@ -2849,7 +2832,6 @@ export default {
           let canEdit = true
           const gridParams = store.get(this.code)
           if (isEditOptionFunction('beforeEdit', this.code)) {
-            debugger;
             const isSubTableShowPage = gridParams.isSubTableShowPage
             // 每页显示多少条
             const pageSize = gridParams.pagination && gridParams.pagination.pageSize
@@ -2880,7 +2862,6 @@ export default {
         }
       } else {
         if (row) {
-          debugger
           if (gridParams && gridParams.lineEdit && gridParams.lineEdit.editable && gridParams.canntEdit) {
             let index = this.gridData.findIndex(function (item) {
               return (item.id && item.id === row.id) || (item.ID && item.ID === row.ID)
@@ -2895,7 +2876,6 @@ export default {
       this.rowDblClick(row, column, event)
     },
     rowDbClickEditRow(gridParams, row) {
-      console.log('rowDbClickEditRow+++++++++++++++++++', gridParams, row)
       // 取消上一行的编辑状态
       let editRows
       if (this.isSubTableShowPage) {
@@ -3353,6 +3333,35 @@ export default {
     },
     changeOperationAddState(state) {
       eventBus.$emit('change-add-state', state)
+    },
+    scrollTo(options, yCoord) {
+      this.$refs.superGrid?.scrollTo(options, yCoord)
+    },
+    setScrollTop(top) {
+      this.$refs.superGrid?.setScrollTop(top)
+    },
+    setScrollLeft(left) {
+      this.$refs.superGrid?.setScrollLeft(left)
+    },
+    setScrollTopByRowIndex(rowIndex) {
+      if (this.$refs.superGrid) {
+        const theTableRows = this.$refs.superGrid.$el.querySelectorAll('.el-table__body tbody .el-table__row')
+        let scrollTop = 0
+        for (let i = 0; i < theTableRows.length; i++) {
+          if (i === rowIndex) {
+            break
+          }
+          scrollTop += theTableRows[i].offsetHeight
+        }
+        this.$refs.superGrid.setScrollTop(scrollTop)
+      }
+    },
+    setCurrentRowIndex(rowIndex) {
+      // 选中行
+      this.$refs.superGrid.setCurrentRow(this.tableDatas[rowIndex])
+    },
+    getSuperGridRef() {
+      return this.$refs.superGrid
     }
   },
   emits: [

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

@@ -205,7 +205,7 @@ function getEntityId(row) {
 }
 
 // 行编辑时，是否有权限编辑某字段
-export function isDisableEdit(prop, listCode, row) {
+export function isDisableEdit(prop, listCode, row, rowIndex) {
   if (!listCode) {
     listCode = store.get('_list_code')
   }
@@ -264,9 +264,18 @@ export function isDisableEdit(prop, listCode, row) {
     }
     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){
+      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']
+        let beforeValidateResult = true
+        if (columnRules.beforeValidate) {
+          beforeValidateResult = rowBeforeValidate(columnRules, gridParams, row, rowIndex)
+        }
+        if (columnRules && columnRules.disabled && beforeValidateResult !== false) {
           isDiabled = true
         }
       }
@@ -275,6 +284,16 @@ export function isDisableEdit(prop, listCode, row) {
   return isDiabled
 }
 
+export function rowBeforeValidate(columnRules, gridParams, row) {
+  const params = {
+    parent: gridParams.options.extraParam.entityMap,
+    row: row,
+    pageContext: gridParams.options.pageContext,
+    configure: gridParams.options.configureObj
+  }
+  return columnRules.beforeValidate(params)
+}
+
 // 行编辑时，是否必填某字段, 如果是流程表单子表， 需要将列表管理里配置的必填字段去掉，使用流程内的子表编辑权限控制
 export function isRequiredEdit(column, listCode) {
   const prop = column.prop
@@ -565,7 +584,6 @@ export function getTableHeight(superGrid, listCode, pageHeight) {
     rect = superGrid.$el.getBoundingClientRect()
   }
   const totalHeight = window.innerHeight - (rect?.y ?? 0) - 110
-  console.log('rect=', rect, 'window.innerHeight=', window.innerHeight, 'totalHeight=', totalHeight)
   return totalHeight
 
   // let topDivHeight = 120
@@ -755,9 +773,12 @@ export function getDynamicDataSourceOptions(column, isSql, additionalParamMap, b
 
 // 值设置是否是动态数据源类型的数据源
 export function isDynamicDataSourceSource(column) {
-  if(column.valueSetOptions) {
+  if (column.valueSetOptions) {
     const valueSetOptionsObj = JSON.parse(column.valueSetOptions)
-    if((valueSetOptionsObj.type && valueSetOptionsObj.type === 'dynamicData') || valueSetOptionsObj.dynamicDataSourceCode){
+    if (
+      (valueSetOptionsObj.type && valueSetOptionsObj.type === 'dynamicData') ||
+      valueSetOptionsObj.dynamicDataSourceCode
+    ) {
       // 表示是动态数据源
       return true
     }
@@ -782,10 +803,8 @@ export function getLastPageNum(total, rowsPerPage) {
 // 纵向滚动条滚动最底部功能
 export function scrollYToBottom(listCode) {
   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)
     scrollDivElement.scrollTop = scrollDivElement.scrollHeight
   }
 }

package/packages/super-icon/src/index.vue

@@ -4,7 +4,7 @@
   <i v-else-if="iconValue.indexOf('fa-') === 0" :class="'fa ' + iconValue" />
   <img
     v-else-if="iconValue.indexOf('svg-img-') === 0"
-    :src="defaultShowImageAction + iconValue.substring('svg-img-'.length)"
+    :src="defaultShowSvgAction + iconValue"
     style="width: 1em; height: 1em"
   />
   <SvgIcon v-else-if="iconValue.indexOf('svg-') === 0" :icon-class="iconValue.substring('svg-'.length)" />
@@ -39,6 +39,9 @@ const props = defineProps({
 const defaultShowImageAction = ref(
   window.$vueApp.config.globalProperties.baseAPI + '/component/super-form/show-image?serverPath='
 )
+const defaultShowSvgAction = ref(
+  window.$vueApp.config.globalProperties.baseAPI + '/component/super-form/show-svg?svgName='
+)
 </script>
 <style lang="scss" scoped>
 .super-icon {