From a1a5c74c74e523d3b023eb41bc07d034bf147354 Mon Sep 17 00:00:00 2001
From: Soybean <soybeanjs@outlook.com>
Date: Tue, 11 Mar 2025 11:30:02 +0800
Subject: [PATCH] feat(projects): feat(projects): TableColumnCheck title
 support VNode (#716)

---
 packages/hooks/src/use-table.ts                  | 6 ++++--
 src/components/advanced/table-column-setting.vue | 5 ++++-
 src/hooks/common/table.ts                        | 2 +-
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/packages/hooks/src/use-table.ts b/packages/hooks/src/use-table.ts
index f861009e..46bcf520 100644
--- a/packages/hooks/src/use-table.ts
+++ b/packages/hooks/src/use-table.ts
@@ -1,5 +1,5 @@
 import { computed, reactive, ref } from 'vue';
-import type { Ref } from 'vue';
+import type { Ref, VNodeChild } from 'vue';
 import { jsonClone } from '@sa/utils';
 import useBoolean from './use-boolean';
 import useLoading from './use-loading';
@@ -8,9 +8,11 @@ export type MaybePromise<T> = T | Promise<T>;
 
 export type ApiFn = (args: any) => Promise<unknown>;
 
+export type TableColumnCheckTitle = string | ((...args: any) => VNodeChild);
+
 export type TableColumnCheck = {
   key: string;
-  title: string;
+  title: TableColumnCheckTitle;
   checked: boolean;
 };
 
diff --git a/src/components/advanced/table-column-setting.vue b/src/components/advanced/table-column-setting.vue
index d1e6dca4..014a51ae 100644
--- a/src/components/advanced/table-column-setting.vue
+++ b/src/components/advanced/table-column-setting.vue
@@ -25,7 +25,10 @@ const columns = defineModel<NaiveUI.TableColumnCheck[]>('columns', {
       <div v-for="item in columns" :key="item.key" class="h-36px flex-y-center rd-4px hover:(bg-primary bg-opacity-20)">
         <icon-mdi-drag class="mr-8px h-full cursor-move text-icon" />
         <NCheckbox v-model:checked="item.checked" class="none_draggable flex-1">
-          {{ item.title }}
+          <template v-if="typeof item.title === 'function'">
+            <component :is="item.title" />
+          </template>
+          <template v-else>{{ item.title }}</template>
         </NCheckbox>
       </div>
     </VueDraggable>
diff --git a/src/hooks/common/table.ts b/src/hooks/common/table.ts
index 9bb8f76b..5484bf36 100644
--- a/src/hooks/common/table.ts
+++ b/src/hooks/common/table.ts
@@ -64,7 +64,7 @@ export function useTable<A extends NaiveUI.TableApiFn>(config: NaiveUI.NaiveTabl
         if (isTableColumnHasKey(column)) {
           checks.push({
             key: column.key as string,
-            title: column.title as string,
+            title: column.title!,
             checked: true
           });
         } else if (column.type === 'selection') {