Browse Source

feat: add vxe renderer

xingyu4j 2 years ago
parent
commit
aaab618493

+ 32 - 0
yudao-ui-admin-vue3/src/plugins/vxeTable/renderer/default.tsx

@@ -0,0 +1,32 @@
+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>
+    )
+  }
+})

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

@@ -1,2 +1,3 @@
 import './dataTimePicker'
 import './dict'
+import './default'