import { defineStore } from 'pinia'
import { ref } from 'vue'

// 管理全局 UI 状态，例如记一笔弹层的开关和当前编辑项。
export const useUiStore = defineStore('ui', () => {
  const addEntryVisible = ref(false)
  const editingTransactionId = ref('')

  const openAddEntry = (id = '') => {
    editingTransactionId.value = id || ''
    addEntryVisible.value = true
  }

  const closeAddEntry = () => {
    addEntryVisible.value = false
    editingTransactionId.value = ''
  }

  return {
    addEntryVisible,
    editingTransactionId,
    openAddEntry,
    closeAddEntry,
  }
})