fix(VnFilter): refs #8277 update columnFilter event handling on component mount

src/components/VnTable/VnFilter.vue

@@ -1,6 +1,6 @@
 <script setup>
-import { markRaw, computed } from 'vue';
-import { QCheckbox, QToggle } from 'quasar';
+import { markRaw, computed, onBeforeMount } from 'vue';
+import { QToggle } from 'quasar';
 import { useArrayData } from 'composables/useArrayData';
 import VnSelect from 'components/common/VnSelect.vue';
 import VnInput from 'components/common/VnInput.vue';
@@ -150,6 +150,16 @@ const showFilter = computed(
 const onTabPressed = async () => {
     if (model.value) enterEvent['keyup.enter']();
 };
+
+onBeforeMount(() => {
+    const columnFilter = $props.column?.columnFilter;
+    const component = columnFilter?.component;
+    const defaultComponent = components[component];
+
+    if (!columnFilter || defaultComponent) return;
+    if (columnFilter.event == 'update') $props.column.columnFilter.event = updateEvent;
+    if (columnFilter.event == 'enter') $props.column.columnFilter.event = enterEvent;
+});
 </script>
 <template>
     <div v-if="showFilter" class="full-width" style="overflow: hidden">

src/pages/Entry/EntryPreAccount.vue

@@ -133,6 +133,7 @@ const columns = computed(() => [
             label: null,
             name: 'supplierFk',
             class: 'fit',
+            event: 'update',
         },
     },
     {