BJ_ZTEITS-Developers / parking-cloud-yudao

Commit 7b2871ac72c562cc1c68e3243fb1270e904fe0c1

Authored by xingyu4j
1 parent 886bc6ea

perf: vxe renderer

Inline Side-by-side
Showing 4 changed files with 27 additions and 15 deletions
yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/html.tsx 0 → 100644
  View file @7b2871a
  1 +import { VXETable } from 'vxe-table'
  2 +
  3 +// 图片渲染
  4 +VXETable.renderer.add('XHtml', {
  5 + // 默认显示模板
  6 + renderDefault(_renderOpts, params) {
  7 + const { row, column } = params
  8 + return <span v-html={row[column.field]}></span>
  9 + }
  10 +})
yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/default.tsx renamed to yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/img.tsx
  View file @7b2871a
1 import { VXETable } from 'vxe-table' 1 import { VXETable } from 'vxe-table'
2 2
3 -// 超链接渲染  
4 -VXETable.renderer.add('XLink', {  
5 - // 默认显示模板  
6 - renderDefault(renderOpts, params) {  
7 - const { row, column } = params  
8 - const { events = {} } = renderOpts  
9 - return (  
10 - <a class="link" onClick={() => events.click(params)}>  
11 - {row[column.field]}  
12 - </a>  
13 - )  
14 - }  
15 -})  
16 -  
17 // 图片渲染 3 // 图片渲染
18 VXETable.renderer.add('XImg', { 4 VXETable.renderer.add('XImg', {
19 // 默认显示模板 5 // 默认显示模板
yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/index.tsx
  View file @7b2871a
1 import './dataTimePicker' 1 import './dataTimePicker'
2 import './dict' 2 import './dict'
3 -import './default' 3 +import './link'
  4 +import './img'
yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/link.tsx 0 → 100644
  View file @7b2871a
  1 +import { VXETable } from 'vxe-table'
  2 +
  3 +// 超链接渲染
  4 +VXETable.renderer.add('XLink', {
  5 + // 默认显示模板
  6 + renderDefault(renderOpts, params) {
  7 + const { row, column } = params
  8 + const { events = {} } = renderOpts
  9 + return (
  10 + <a class="link" onClick={() => events.click(params)}>
  11 + {row[column.field]}
  12 + </a>
  13 + )
  14 + }
  15 +})