Table组件columns增加泛型

src/components/Table/src/hooks/useTableContext.ts

@@ -4,7 +4,7 @@ import { provide, inject, ComputedRef } from 'vue';
 
 const key = Symbol('s-table');
 
-type Instance = TableActionType & {
+type Instance = TableActionType<{}> & {
   wrapRef: Ref<Nullable<HTMLElement>>;
   getBindValues: ComputedRef<Recordable>;
 };

src/components/Table/src/types/table.ts

@@ -1,6 +1,6 @@
 import type { TableBaseColumn } from 'naive-ui/lib/data-table/src/interface';
 import { ComponentType } from './componentType';
-export interface BasicColumn extends TableBaseColumn {
+export interface BasicColumn<T> extends TableBaseColumn<T> {
   //编辑表格
   edit?: boolean;
   editRow?: boolean;
@@ -13,16 +13,16 @@ export interface BasicColumn extends TableBaseColumn {
   // 权限编码控制是否显示
   auth?: string[];
   // 业务控制是否显示
-  ifShow?: boolean | ((column: BasicColumn) => boolean);
+  ifShow?: boolean | ((column: BasicColumn<T>) => boolean);
   // 控制是否支持拖拽，默认支持
   draggable?: boolean;
 }
 
-export interface TableActionType {
+export interface TableActionType<T> {
   reload: (opt) => Promise<void>;
   emit?: any;
-  getColumns: (opt?) => BasicColumn[];
+  getColumns: (opt?) => BasicColumn<T>[];
-  setColumns: (columns: BasicColumn[] | string[]) => void;
+  setColumns: (columns: BasicColumn<T>[] | string[]) => void;
 }
 
 export interface BasicTableProps {

src/views/list/basicList/columns.ts

@@ -1,7 +1,16 @@
 import { h } from 'vue';
 import { NAvatar } from 'naive-ui';
-
+import { BasicColumn } from '@/components/Table';
-export const columns = [
+export interface ListData {
+  id: string;
+  name: string;
+  avatar: string;
+  address: string;
+  beginTime: string;
+  endTime: string;
+  date: string;
+}
+export const columns: BasicColumn<ListData>[] = [
   {
     title: 'id',
     key: 'id',

src/views/list/basicList/index.vue

@@ -9,7 +9,7 @@
     <BasicTable
       :columns="columns"
       :request="loadDataTable"
-      :row-key="(row) => row.id"
+      :row-key="(row:ListData) => row.id"
       ref="actionRef"
       :actionColumn="actionColumn"
       @update:checked-row-keys="onCheckedRow"
@@ -67,7 +67,7 @@
   import { BasicTable, TableAction } from '@/components/Table';
   import { BasicForm, FormSchema, useForm } from '@/components/Form/index';
   import { getTableList } from '@/api/table/list';
-  import { columns } from './columns';
+  import { columns, ListData } from './columns';
   import { PlusOutlined } from '@vicons/antd';
   import { useRouter } from 'vue-router';
   import { type FormRules } from 'naive-ui';