Browse Source

perf: vxe renderer

xingyu4j 2 years ago
parent
commit
7b2871ac72

+ 10 - 0
yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/html.tsx

@@ -0,0 +1,10 @@
+import { VXETable } from 'vxe-table'
+
+// 图片渲染
+VXETable.renderer.add('XHtml', {
+  // 默认显示模板
+  renderDefault(_renderOpts, params) {
+    const { row, column } = params
+    return <span v-html={row[column.field]}></span>
+  }
+})

+ 0 - 14
yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/default.tsx → yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/img.tsx

@@ -1,19 +1,5 @@
 import { VXETable } from 'vxe-table'
 
-// 超链接渲染
-VXETable.renderer.add('XLink', {
-  // 默认显示模板
-  renderDefault(renderOpts, params) {
-    const { row, column } = params
-    const { events = {} } = renderOpts
-    return (
-      <a class="link" onClick={() => events.click(params)}>
-        {row[column.field]}
-      </a>
-    )
-  }
-})
-
 // 图片渲染
 VXETable.renderer.add('XImg', {
   // 默认显示模板

+ 2 - 1
yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/index.tsx

@@ -1,3 +1,4 @@
 import './dataTimePicker'
 import './dict'
-import './default'
+import './link'
+import './img'

+ 15 - 0
yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/link.tsx

@@ -0,0 +1,15 @@
+import { VXETable } from 'vxe-table'
+
+// 超链接渲染
+VXETable.renderer.add('XLink', {
+  // 默认显示模板
+  renderDefault(renderOpts, params) {
+    const { row, column } = params
+    const { events = {} } = renderOpts
+    return (
+      <a class="link" onClick={() => events.click(params)}>
+        {row[column.field]}
+      </a>
+    )
+  }
+})