From 6c5dd72f97a580382008bb6e01c679701abd82d4 Mon Sep 17 00:00:00 2001 From: Rodney Chen <rodney.chen@hotmail.com> Date: 星期二, 18 六月 2024 21:16:05 +0800 Subject: [PATCH] 忽略internal --- src/views/demo/table/CustomerCell.vue | 39 ++++++++++++++------------------------- 1 files changed, 14 insertions(+), 25 deletions(-) diff --git a/src/views/demo/table/CustomerCell.vue b/src/views/demo/table/CustomerCell.vue index d7b33b4..03b05e9 100644 --- a/src/views/demo/table/CustomerCell.vue +++ b/src/views/demo/table/CustomerCell.vue @@ -27,22 +27,23 @@ </BasicTable> </div> </template> -<script lang="ts"> - import { defineComponent } from 'vue'; - import { BasicTable, useTable, BasicColumn, TableImg } from '/@/components/Table'; +<script lang="tsx" setup> + import { h } from 'vue'; + import { BasicTable, useTable, BasicColumn, TableImg } from '@/components/Table'; import { Tag, Avatar } from 'ant-design-vue'; - import { demoListApi } from '/@/api/demo/table'; + import { demoListApi } from '@/api/demo/table'; + const columns: BasicColumn[] = [ { title: 'ID', dataIndex: 'id', - // slots: { customRender: 'id' }, + helpMessage: <div>杩欎釜鏄痶sx娓叉煋鍑烘潵鐨刪elpMessage</div>, }, { title: '澶村儚', dataIndex: 'avatar', width: 100, - // slots: { customRender: 'avatar' }, + helpMessage: h('div', '杩欐槸vue h鍑芥暟娓叉煋鍑烘潵鐨刪elpMessage'), }, { title: '鍒嗙被', @@ -50,7 +51,6 @@ width: 80, align: 'center', defaultHidden: true, - // slots: { customRender: 'category' }, }, { title: '濮撳悕', @@ -62,13 +62,11 @@ dataIndex: 'imgArr', helpMessage: ['杩欐槸绠�鍗曟ā寮忕殑鍥剧墖鍒楄〃', '鍙細鏄剧ず涓�寮犲湪琛ㄦ牸涓�', '浣嗙偣鍑诲彲棰勮澶氬紶鍥剧墖'], width: 140, - // slots: { customRender: 'img' }, }, { title: '鐓х墖鍒楄〃2', dataIndex: 'imgs', width: 160, - // slots: { customRender: 'imgs' }, }, { title: '鍦板潃', @@ -77,7 +75,6 @@ { title: '缂栧彿', dataIndex: 'no', - // slots: { customRender: 'no' }, }, { title: '寮�濮嬫椂闂�', @@ -88,21 +85,13 @@ dataIndex: 'endTime', }, ]; - export default defineComponent({ - components: { BasicTable, TableImg, Tag, Avatar }, - setup() { - const [registerTable] = useTable({ - title: '鑷畾涔夊垪鍐呭', - titleHelpMessage: '琛ㄦ牸涓墍鏈夊ご鍍忋�佸浘鐗囧潎涓簃ock鐢熸垚锛屼粎鐢ㄤ簬婕旂ず鍥剧墖鍗犱綅', - api: demoListApi, - columns: columns, - bordered: true, - showTableSetting: true, - }); - return { - registerTable, - }; - }, + const [registerTable] = useTable({ + title: '鑷畾涔夊垪鍐呭', + titleHelpMessage: '琛ㄦ牸涓墍鏈夊ご鍍忋�佸浘鐗囧潎涓簃ock鐢熸垚锛屼粎鐢ㄤ簬婕旂ず鍥剧墖鍗犱綅', + api: demoListApi, + columns: columns, + bordered: true, + showTableSetting: true, }); </script> -- Gitblit v1.9.3