From e3c73414f1ea585a8ceb42571e432c54b0c57672 Mon Sep 17 00:00:00 2001
From: xpyjs <jeremyjone@qq.com>
Date: Mon, 5 Jun 2023 14:37:13 +0800
Subject: [PATCH] =?UTF-8?q?fix(header):=20=F0=9F=90=9B=20=E8=A1=A8?=
 =?UTF-8?q?=E5=A4=B4=E5=86=85=E5=AE=B9=E6=9B=B4=E6=94=B9=E6=97=B6=E4=B8=A4?=
 =?UTF-8?q?=E8=BE=B9=E9=AB=98=E5=BA=A6=E4=B8=8D=E7=BB=9F=E4=B8=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/container/GanttHeader.vue | 3 ++-
 src/components/container/TableHeader.vue | 3 ++-
 src/composables/useElement.ts            | 5 ++++-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/container/GanttHeader.vue b/src/components/container/GanttHeader.vue
index 346a492..4f27114 100644
--- a/src/components/container/GanttHeader.vue
+++ b/src/components/container/GanttHeader.vue
@@ -57,7 +57,7 @@ import useGanttWidth from '@/composables/useGanttWidth';
 import useStyle from '@/composables/useStyle';
 import useParam from '@/composables/useParam';
 import useElement from '@/composables/useElement';
-import { onMounted } from 'vue';
+import { onMounted, onUpdated } from 'vue';
 import useGanttHeader from '@/composables/useGanttHeader';
 
 const { $param } = useParam();
@@ -67,6 +67,7 @@ const { getGanttUnitColumnWidth } = useGanttWidth();
 const { ganttHeaderRef, updateHeaderHeight } = useElement();
 const { ganttHeader } = useGanttHeader();
 onMounted(updateHeaderHeight);
+onUpdated(updateHeaderHeight);
 </script>
 
 <style lang="scss">
diff --git a/src/components/container/TableHeader.vue b/src/components/container/TableHeader.vue
index 887bfbf..6da97b5 100644
--- a/src/components/container/TableHeader.vue
+++ b/src/components/container/TableHeader.vue
@@ -29,7 +29,7 @@ import useSlotsBox from '@/composables/useSlotsBox';
 import useParams from '@/composables/useParam';
 import TableHeaderTh from './TableHeaderTh.vue';
 import useElement from '@/composables/useElement';
-import { onMounted } from 'vue';
+import { onMounted, onUpdated } from 'vue';
 import useStyle from '@/composables/useStyle';
 
 const { $slotsBox } = useSlotsBox();
@@ -38,6 +38,7 @@ const { $styleBox } = useStyle();
 const { $param } = useParams();
 const { tableHeaderRef, updateHeaderHeight } = useElement();
 onMounted(updateHeaderHeight);
+onUpdated(updateHeaderHeight);
 </script>
 
 <style lang="scss">
diff --git a/src/composables/useElement.ts b/src/composables/useElement.ts
index 7046620..93e20ea 100644
--- a/src/composables/useElement.ts
+++ b/src/composables/useElement.ts
@@ -17,7 +17,10 @@ export default () => {
   function updateHeaderHeight() {
     if (!$param.headerHeight) return;
 
-    $param.headerHeight = getMaxHeaderHeight();
+    const maxHeight = getMaxHeaderHeight();
+    if ($param.headerHeight !== maxHeight) {
+      $param.headerHeight = maxHeight;
+    }
   }
 
   return {