From 58527418bb4dd89313379a438220e6fe48bb690f Mon Sep 17 00:00:00 2001
From: "X.Mo" <root@imoi.cn>
Date: Tue, 29 Oct 2024 17:02:12 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AE=8C=E5=96=84=E5=89=8D=E7=AB=AF?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .vitepress/theme/styles/element.css    |  8 ++---
 docs/demos/ma-table/base/index.vue     | 46 ++++++++++++++++++++++++
 docs/demos/ma-table/useTable/index.vue | 50 --------------------------
 docs/zh/front/component/ma-table.md    |  5 +--
 4 files changed, 53 insertions(+), 56 deletions(-)
 create mode 100644 docs/demos/ma-table/base/index.vue
 delete mode 100644 docs/demos/ma-table/useTable/index.vue

diff --git a/.vitepress/theme/styles/element.css b/.vitepress/theme/styles/element.css
index d555196..1ee3c46 100644
--- a/.vitepress/theme/styles/element.css
+++ b/.vitepress/theme/styles/element.css
@@ -18,18 +18,18 @@
 }
 
 
-.vp-doc table {
+.el-table table {
   margin: 0;
 }
 
-.vp-doc tr {
+.el-table tr {
   margin-top: 0; border: none;
 }
 
-.vp-doc th, .vp-doc td {
+.el-table th, .el-table td {
   border: 0;
 }
 
-.vp-doc tr:nth-child(2n) {
+.el-table tr:nth-child(2n) {
   background-color: transparent;
 }
\ No newline at end of file
diff --git a/docs/demos/ma-table/base/index.vue b/docs/demos/ma-table/base/index.vue
new file mode 100644
index 0000000..5bede9f
--- /dev/null
+++ b/docs/demos/ma-table/base/index.vue
@@ -0,0 +1,46 @@
+<script setup lang="tsx">
+import { ref } from 'vue'
+import type { MaTableColumns, MaTableExpose, MaTableOptions } from "@mineadmin/table"
+
+const tableRef = ref<MaTableExpose>()
+const columns = ref<MaTableColumns[]>([
+  {
+    label: '人员信息', prop: 'base',
+    children: [
+      { label: '姓名', prop: 'name' },
+      { label: '所在部门', prop: 'dept' }
+    ]
+  },
+  {
+    label: '应发薪资', prop: 'xinshui',
+    sortable: true,
+    cellRender:({ row }) => <el-tag>{ row.xinshui }</el-tag>
+  },
+  { label: '入职时间', prop: 'date' },
+])
+
+const options = ref<MaTableOptions>({
+  defaultSort: { prop: 'xinshui', order: 'descending' },
+  showSummary: true,
+  sumText: '合计薪资',
+})
+
+const data: any[] = [
+  { name: '石昊', dept: '研发部', xinshui: 12365, date: '2021-08-04' },
+  { name: '叶凡', dept: '销售部', xinshui: 13984, date: '2022-03-31' },
+  { name: '罗峰', dept: '运营部', xinshui: 11288, date: '2022-04-05' },
+  { name: '白小纯', dept: '研发部', xinshui: 9989, date: '2022-05-05' },
+  { name: '林七夜', dept: '销售部', xinshui: 10258, date: '2022-06-05' },
+  { name: '萧炎', dept: '销售部', xinshui: 13069, date: '2022-07-05' },
+  { name: '陈平安', dept: '运营部', xinshui: 8750, date: '2022-08-05' },
+  { name: '王林', dept: '研发部', xinshui: 11369, date: '2022-09-05' },
+]
+</script>
+
+<template>
+  <ma-table ref="tableRef" :columns="columns" :data="data" :options="options" />
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/docs/demos/ma-table/useTable/index.vue b/docs/demos/ma-table/useTable/index.vue
deleted file mode 100644
index 06b3efc..0000000
--- a/docs/demos/ma-table/useTable/index.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<script setup lang="tsx">
-import { ref } from 'vue'
-import type { MaTableColumns, MaTableExpose } from "@mineadmin/table"
-
-const tableRef = ref<MaTableExpose>()
-const columns = ref<MaTableColumns[]>([
-  {
-    label: '角色基础信息',
-    prop: 'base',
-    children: [
-      { label: '姓名', prop: 'name' },
-      { label: '性别', prop: 'sex' },
-    ]
-  },
-  { label: '成就', prop: 'chengjiu' },
-  {
-    label: '战力评价', prop: 'zhanli',
-    cellRender:({ row }) => <el-tag>{ row.zhanli }</el-tag>
-  },
-])
-
-const data: any[] = [
-  {
-    name: '石昊',
-    sex: '男',
-    chengjiu: '独断万古',
-    zhanli: 'SSS+',
-  },
-  {
-    name: '叶凡',
-    sex: '男',
-    chengjiu: '一叶遮天',
-    zhanli: 'SSS+',
-  },
-  {
-    name: '罗峰',
-    sex: '男',
-    chengjiu: '永恒真神',
-    zhanli: 'SS',
-  },
-]
-</script>
-
-<template>
-  <ma-table ref="tableRef" :columns="columns" :data="data" />
-</template>
-
-<style scoped>
-
-</style>
\ No newline at end of file
diff --git a/docs/zh/front/component/ma-table.md b/docs/zh/front/component/ma-table.md
index a324587..7b6903b 100644
--- a/docs/zh/front/component/ma-table.md
+++ b/docs/zh/front/component/ma-table.md
@@ -1,6 +1,7 @@
 # MaTable
 
-基于 `Element plus` 的表格二次封装的 `Table` 组件，非常好用。
+基于 `Element plus` 的表格二次封装的 `Table` 组件，支持所有原生表格参数、事件、插槽，同时增强了部分功能，非常好用。
 
-<Preview dir="demos/ma-table/useTable/" />
+## 基础使用
+<Preview dir="demos/ma-table/base/" />