fix(header): 🐛 表头内容更改时两边高度不统一

xpyjs · Jun 5, 2023 · e3c7341 · e3c7341
1 parent c243597
commit e3c7341
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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 {