yudao
/
admin-vben
mirror of https://gitee.com/yudaocode/yudao-ui-admin-vben.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: render img use TableImg

pull/7/head
xingyu 2023-05-04 16:46:17 +08:00
parent f33e8788f8
commit 80d11b8554
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/Table/src/hooks/useRender.ts
View File

@ -1,8 +1,10 @@
import { DictTag } from '@/components/DictTag'
import Icon from '@/components/Icon'
import { Button, Image, Tag } from 'ant-design-vue'
import { Button, Tag } from 'ant-design-vue'
import dayjs from 'dayjs'
import { h } from 'vue'
import { TableImg } from '../..'
import { isArray } from '@/utils/is'
export const useRender = {
/**
@ -12,7 +14,11 @@ export const useRender = {
*/
renderImg: (text) => {
if (text) {
return h(Image, { src: text, height: 80, width: 80 })
if (isArray(text)) {
return h(TableImg, { imgList: text })
} else {
return h(TableImg, { imgList: text.split(',,,,,,') })
}
}
return ''
},
@ -94,7 +100,7 @@ export const useRender = {
*/
renderDict: (text, type, dictType?) => {
if (type) {
return h(DictTag, { type: type, value: text !== null ? text : '', dictType: dictType || 'number' })
return h(DictTag, { type: type, value: text, dictType: dictType || 'number' })
}
return ''
},