1.0发布，Fixes Bug，以及新增 ProTable组件

src/views/comp/table/columns.ts

@@ -0,0 +1,57 @@
+import { h } from 'vue'
+import { NAvatar, NButton } from 'naive-ui'
+
+export const columns = [
+  {
+    title: 'id',
+    key: 'id'
+  },
+  {
+    title: '名称',
+    key: 'name'
+  },
+  {
+    title: '头像',
+    key: 'avatar',
+    render(row) {
+      return h(
+        NAvatar,
+        {
+          size: 48,
+          src: row.avatar
+        }
+      )
+    }
+  },
+  {
+    title: '地址',
+    key: 'address'
+  },
+  {
+    title: '开始日期',
+    key: 'beginTime',
+  },
+  {
+    title: '结束日期',
+    key: 'endTime',
+  },
+  {
+    title: '创建时间',
+    key: 'date',
+  },
+  {
+    title: '操作',
+    key: 'actions',
+    render(row) {
+      return h(
+        NButton,
+        {
+          size: 'small',
+          onClick: () => {
+          }
+        },
+        { default: () => '编辑' }
+      )
+    }
+  }
+]

src/views/comp/table/list.vue

@@ -0,0 +1,65 @@
+<template>
+  <n-card :bordered="false" class="proCard">
+    <ProTable
+      title="表格列表"
+      titleTooltip="这是一个提示"
+      :columns="columns"
+      :request="loadDataTable"
+      :row-key="row => row.id"
+      ref="actionRef"
+      @update:checked-row-keys="onCheckedRow"
+    >
+      <template #toolbar>
+        <n-button type="primary" @click="reloadTable">刷新数据</n-button>
+      </template>
+    </ProTable>
+  </n-card>
+</template>
+
+<script lang="ts">
+import { defineComponent, onMounted, reactive, toRefs, ref, h } from 'vue'
+import { NTag, NButton, useMessage } from 'naive-ui'
+import { ProTable } from '@/components/ProTable'
+import { getTableList } from '@/api/table/list'
+import { columns } from './columns'
+
+export default defineComponent({
+  components: { ProTable },
+  setup() {
+    const message = useMessage()
+    const actionRef = ref()
+    const state = reactive({
+      params: {
+        pageSize: 5,
+        name: 'xiaoMa'
+      },
+    })
+    const loadDataTable = async (params) => {
+      const data = await getTableList(params);
+      return data
+    }
+
+    function onCheckedRow(rowKeys) {
+      console.log(rowKeys)
+    }
+
+    function reloadTable() {
+      console.log(actionRef.value)
+      actionRef.value.reload()
+    }
+
+    return {
+      ...toRefs(state),
+      columns,
+      actionRef,
+      loadDataTable,
+      onCheckedRow,
+      reloadTable
+    }
+  }
+})
+</script>
+
+<style lang='less' scoped>
+
+</style>