use popover-close property to close popover

This commit is contained in:
MaysWind
2025-12-05 22:54:05 +08:00
parent eccea273e6
commit ee8aa2bb8e
5 changed files with 104 additions and 98 deletions
@@ -101,10 +101,10 @@
</f7-accordion-item>
</f7-block>
<f7-popover class="tag-filter-state-popover-menu"
v-model:opened="showTagFilterStatePopover">
<f7-popover class="tag-filter-state-popover-menu">
<f7-list dividers>
<f7-list-item :title="state.displayName"
<f7-list-item link="#" no-chevron popover-close
:title="state.displayName"
:class="{ 'list-item-selected': filterTagIds[currentTransactionTagId] === state.type }"
:key="state.type"
v-for="state in [
@@ -191,7 +191,6 @@ const transactionTagsStore = useTransactionTagsStore();
const loadingError = ref<unknown | null>(null);
const currentTransactionTagId = ref<string>('');
const showTagFilterStatePopover = ref<boolean>(false);
const showMoreActionSheet = ref<boolean>(false);
const collapseStates = ref<Record<string, CollapseState>>({
@@ -222,7 +221,6 @@ function init(): void {
function updateCurrentTransactionTagState(state: number): void {
filterTagIds.value[currentTransactionTagId.value] = state;
showTagFilterStatePopover.value = false;
currentTransactionTagId.value = '';
}