From 7b2871ac72c562cc1c68e3243fb1270e904fe0c1 Mon Sep 17 00:00:00 2001
From: xingyu4j <xingyu4j@vip.qq.com>
Date: Tue, 22 Nov 2022 14:56:29 +0800
Subject: [PATCH] perf: vxe renderer

---
 yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/default.tsx | 32 --------------------------------
 yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/html.tsx    | 10 ++++++++++
 yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/img.tsx     | 18 ++++++++++++++++++
 yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/index.tsx   |  3 ++-
 yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/link.tsx    | 15 +++++++++++++++
 5 files changed, 45 insertions(+), 33 deletions(-)
 delete mode 100644 yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/default.tsx
 create mode 100644 yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/html.tsx
 create mode 100644 yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/img.tsx
 create mode 100644 yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/link.tsx

diff --git a/yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/default.tsx b/yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/default.tsx
deleted file mode 100644
index ec30646..0000000
--- a/yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/default.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-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', {
-  // 默认显示模板
-  renderDefault(_renderOpts, params) {
-    const { row, column } = params
-    return (
-      <el-image
-        style="width: 80px; height: 50px"
-        src={row[column.field]}
-        key={row[column.field]}
-        fit="contain"
-        lazy
-      ></el-image>
-    )
-  }
-})
diff --git a/yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/html.tsx b/yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/html.tsx
new file mode 100644
index 0000000..46483a1
--- /dev/null
+++ b/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>
+  }
+})
diff --git a/yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/img.tsx b/yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/img.tsx
new file mode 100644
index 0000000..8b67e0e
--- /dev/null
+++ b/yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/img.tsx
@@ -0,0 +1,18 @@
+import { VXETable } from 'vxe-table'
+
+// 图片渲染
+VXETable.renderer.add('XImg', {
+  // 默认显示模板
+  renderDefault(_renderOpts, params) {
+    const { row, column } = params
+    return (
+      <el-image
+        style="width: 80px; height: 50px"
+        src={row[column.field]}
+        key={row[column.field]}
+        fit="contain"
+        lazy
+      ></el-image>
+    )
+  }
+})
diff --git a/yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/index.tsx b/yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/index.tsx
index 50a41bc..9e048dd 100644
--- a/yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/index.tsx
+++ b/yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/index.tsx
@@ -1,3 +1,4 @@
 import './dataTimePicker'
 import './dict'
-import './default'
+import './link'
+import './img'
diff --git a/yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/link.tsx b/yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/link.tsx
new file mode 100644
index 0000000..84e1a5a
--- /dev/null
+++ b/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>
+    )
+  }
+})
--
libgit2 0.21.4