From 5c4b95b01ecdd257353b81f61eb7806a7fdc48f2 Mon Sep 17 00:00:00 2001
From: puhui999 <puhui999@163.com>
Date: Sun, 27 Apr 2025 18:13:08 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=20vxe=20table=20?=
 =?UTF-8?q?=E5=B7=A5=E5=85=B7=E6=A0=8F=E4=BA=8C=E6=AC=A1=E5=B0=81=E8=A3=85?=
 =?UTF-8?q?=EF=BC=8C=E6=8F=90=E4=BE=9B=E7=BB=99=20vxe=20=E5=8E=9F=E7=94=9F?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E4=BD=BF=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/table-toolbar/index.ts     |  1 +
 .../table-toolbar/table-toolbar.vue           | 54 +++++++++++++++++++
 packages/@core/base/icons/src/lucide.ts       |  3 +-
 .../effects/hooks/src/use-content-maximize.ts | 17 ++++++
 4 files changed, 74 insertions(+), 1 deletion(-)
 create mode 100644 apps/web-antd/src/components/table-toolbar/index.ts
 create mode 100644 apps/web-antd/src/components/table-toolbar/table-toolbar.vue

diff --git a/apps/web-antd/src/components/table-toolbar/index.ts b/apps/web-antd/src/components/table-toolbar/index.ts
new file mode 100644
index 00000000..720e3224
--- /dev/null
+++ b/apps/web-antd/src/components/table-toolbar/index.ts
@@ -0,0 +1 @@
+export { default as TableToolbar } from './table-toolbar.vue';
diff --git a/apps/web-antd/src/components/table-toolbar/table-toolbar.vue b/apps/web-antd/src/components/table-toolbar/table-toolbar.vue
new file mode 100644
index 00000000..099d3a8c
--- /dev/null
+++ b/apps/web-antd/src/components/table-toolbar/table-toolbar.vue
@@ -0,0 +1,54 @@
+<script setup lang="ts">
+import type { VxeToolbarInstance } from 'vxe-table';
+
+import { ref } from 'vue';
+
+import { useContentMaximize, useRefresh } from '@vben/hooks';
+import { Fullscreen, RefreshCw, Search } from '@vben/icons';
+
+import { Button } from 'ant-design-vue';
+import { VxeToolbar } from 'vxe-table';
+
+/** 列表工具栏封装 */
+defineOptions({ name: 'TableToolbar' });
+
+const props = defineProps<{
+  hiddenSearch: boolean;
+}>();
+
+const emits = defineEmits(['update:hiddenSearch']);
+
+const toolbarRef = ref<VxeToolbarInstance>();
+const { toggleMaximizeAndTabbarHidden } = useContentMaximize();
+const { refresh } = useRefresh();
+
+/** 隐藏搜索栏 */
+function onHiddenSearchBar() {
+  emits('update:hiddenSearch', !props.hiddenSearch);
+}
+
+defineExpose({
+  getToolbarRef: () => toolbarRef.value,
+});
+</script>
+
+<template>
+  <VxeToolbar ref="toolbarRef" custom>
+    <template #toolPrefix>
+      <slot></slot>
+      <Button class="ml-2 font-[8px]" shape="circle" @click="onHiddenSearchBar">
+        <Search :size="15" />
+      </Button>
+      <Button class="ml-2 font-[8px]" shape="circle" @click="refresh">
+        <RefreshCw :size="15" />
+      </Button>
+      <Button
+        class="ml-2 font-[8px]"
+        shape="circle"
+        @click="toggleMaximizeAndTabbarHidden"
+      >
+        <Fullscreen :size="15" />
+      </Button>
+    </template>
+  </VxeToolbar>
+</template>
diff --git a/packages/@core/base/icons/src/lucide.ts b/packages/@core/base/icons/src/lucide.ts
index 21ac04e2..a4e6f050 100644
--- a/packages/@core/base/icons/src/lucide.ts
+++ b/packages/@core/base/icons/src/lucide.ts
@@ -55,10 +55,12 @@ export {
   Pin,
   PinOff,
   Plus,
+  RefreshCw,
   RotateCw,
   Search,
   SearchX,
   Settings,
+  ShieldQuestion,
   Shrink,
   Square,
   SquareCheckBig,
@@ -69,5 +71,4 @@ export {
   Upload,
   UserRoundPen,
   X,
-  RefreshCw,
 } from 'lucide-vue-next';
diff --git a/packages/effects/hooks/src/use-content-maximize.ts b/packages/effects/hooks/src/use-content-maximize.ts
index 77d1fab3..142a254f 100644
--- a/packages/effects/hooks/src/use-content-maximize.ts
+++ b/packages/effects/hooks/src/use-content-maximize.ts
@@ -17,8 +17,25 @@ export function useContentMaximize() {
       },
     });
   }
+
+  function toggleMaximizeAndTabbarHidden() {
+    const isMaximize = contentIsMaximize.value;
+    updatePreferences({
+      header: {
+        hidden: !isMaximize,
+      },
+      sidebar: {
+        hidden: !isMaximize,
+      },
+      tabbar: {
+        enable: isMaximize,
+      },
+    });
+  }
+
   return {
     contentIsMaximize,
     toggleMaximize,
+    toggleMaximizeAndTabbarHidden,
   };
 }