From c0a1b918aac13a6839a658cef9f09fbda6b9ee07 Mon Sep 17 00:00:00 2001
From: xiaoxian521 <1923740402@qq.com>
Date: Sat, 6 Apr 2024 12:25:13 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20`pure-table`=E6=B7=BB=E5=8A=A0`headerSl?=
 =?UTF-8?q?ot`=E8=87=AA=E5=AE=9A=E4=B9=89=E8=A1=A8=E5=A4=B4=E6=8F=92?=
 =?UTF-8?q?=E6=A7=BD=E7=94=A8=E6=B3=95=E7=A4=BA=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/system/menu/form.vue                   |  2 +-
 src/views/system/menu/index.vue                  |  2 +-
 src/views/table/base/header-renderer/columns.tsx |  8 ++++----
 src/views/table/base/header-renderer/index.vue   | 10 +++++++++-
 4 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/views/system/menu/form.vue b/src/views/system/menu/form.vue
index 0c8ab8b15..46892f2f0 100644
--- a/src/views/system/menu/form.vue
+++ b/src/views/system/menu/form.vue
@@ -26,7 +26,7 @@ const props = withDefaults(defineProps<FormProps>(), {
     path: "",
     component: "",
     rank: 99,
-    redirect: " ",
+    redirect: "",
     icon: "",
     extraIcon: "",
     enterTransition: "",
diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
index ebd0d1c40..c27e3a819 100644
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@@ -61,7 +61,7 @@ const {
     </el-form>
 
     <PureTableBar
-      title="菜单管理（初版，持续完善中）"
+      title="菜单管理（仅演示，操作后不生效）"
       :columns="columns"
       :isExpandAll="false"
       :tableRef="tableRef?.getTableRef()"
diff --git a/src/views/table/base/header-renderer/columns.tsx b/src/views/table/base/header-renderer/columns.tsx
index 32b4f805a..512355625 100644
--- a/src/views/table/base/header-renderer/columns.tsx
+++ b/src/views/table/base/header-renderer/columns.tsx
@@ -2,7 +2,6 @@ import { message } from "@/utils/message";
 import { tableData } from "../data";
 import { ref, computed } from "vue";
 
-// 如果您不习惯tsx写法，可以传slot，然后在template里写
 // 需是hooks写法（函数中有return），避免失去响应性
 export function useColumns() {
   const search = ref("");
@@ -26,8 +25,9 @@ export function useColumns() {
 
   const columns: TableColumnList = [
     {
-      label: "日期",
-      prop: "date"
+      prop: "date",
+      // 自定义表头，slot用法  #nameHeader="{ column, $index }"
+      headerSlot: "nameHeader"
     },
     {
       label: "姓名",
@@ -39,7 +39,7 @@ export function useColumns() {
     },
     {
       align: "right",
-      // 自定义表头
+      // 自定义表头，tsx用法
       headerRenderer: () => (
         <el-input
           v-model={search.value}
diff --git a/src/views/table/base/header-renderer/index.vue b/src/views/table/base/header-renderer/index.vue
index 6dcfc499e..33355f715 100644
--- a/src/views/table/base/header-renderer/index.vue
+++ b/src/views/table/base/header-renderer/index.vue
@@ -1,9 +1,17 @@
 <script setup lang="ts">
 import { useColumns } from "./columns";
+import Calendar from "@iconify-icons/ri/calendar-2-line";
 
 const { columns, filterTableData } = useColumns();
 </script>
 
 <template>
-  <pure-table :data="filterTableData" :columns="columns" />
+  <pure-table :data="filterTableData" :columns="columns">
+    <template #nameHeader>
+      <span class="flex items-center">
+        <IconifyIconOffline :icon="Calendar" />
+        日期
+      </span>
+    </template>
+  </pure-table>
 </template>