perf: move calc heightTable to filter

src/components/VnTable/VnTable.vue

@@ -32,6 +32,7 @@ import VnTableOrder from 'src/components/VnTable/VnOrder.vue';
 import VnTableFilter from './VnTableFilter.vue';
 import { getColAlign } from 'src/composables/getColAlign';
 import RightMenu from '../common/RightMenu.vue';
+import heightTable from './filters/heightTable';
 
 const arrayData = useArrayData(useAttrs()['data-key']);
 const $props = defineProps({
@@ -117,15 +118,7 @@ const $props = defineProps({
     },
     tableHeight: {
         type: String,
-        default: () => {
+        default: heightTable,
-            let height = 100;
-            Array.from(document.querySelectorAll('[role="toolbar"]'))
-                .filter((element) => window.getComputedStyle(element).display !== 'none')
-                .forEach(() => {
-                    height -= 10;
-                });
-            return height + 'vh';
-        },
     },
     footer: {
         type: Boolean,

src/components/VnTable/filters/heightTable.js

@@ -0,0 +1,10 @@
+export default function () {
+    let height = 100;
+    Array.from(document.querySelectorAll('[role="toolbar"]'))
+        .filter((element) => window.getComputedStyle(element).display !== 'none')
+        .forEach(() => {
+            height -= 10;
+        });
+    console.error(height);
+    return height + 'vh';
+}