feat: refs #6891 Add collapse menu button to filter panel

src/components/ui/VnFilterPanel.vue

@@ -6,6 +6,7 @@ import { useRoute } from 'vue-router';
 import toDate from 'filters/toDate';
 import useRedirect from 'src/composables/useRedirect';
 import VnFilterPanelChip from 'components/ui/VnFilterPanelChip.vue';
+import { useStateStore } from 'src/stores/useStateStore';
 
 const { t } = useI18n();
 const props = defineProps({
@@ -53,6 +54,7 @@ const emit = defineEmits(['refresh', 'clear', 'search', 'init', 'remove']);
 const arrayData = useArrayData(props.dataKey, {
     exprBuilder: props.exprBuilder,
 });
+const stateStore = useStateStore();
 const route = useRoute();
 const store = arrayData.store;
 const userParams = ref({});
@@ -168,6 +170,15 @@ function formatValue(value) {
 </script>
 
 <template>
+    <Teleport to="#actions-append">
+        <div class="row q-gutter-x-sm">
+            <QBtn flat @click="stateStore.toggleRightDrawer()" round dense icon="menu">
+                <QTooltip bottom anchor="bottom right">
+                    {{ t('globals.collapseMenu') }}
+                </QTooltip>
+            </QBtn>
+        </div>
+    </Teleport>
     <QForm @submit="search" id="filterPanelForm">
         <QList dense>
             <QItem class="q-mt-xs">