import type { BaseType, SourceType } from 'nocodb-sdk' import type { WritableComputedRef } from '@vue/reactivity' import { defineStore } from 'pinia' export const useTabs = defineStore('tabStore', () => { const tabs = ref([]) const activeTabIndex: WritableComputedRef = computed({ get() { return 0 }, set(_index: number) {}, }) const activeTab = computed(() => ({} as TabItem)) const addTab = async (_tabMeta: TabItem) => {} const addErdTab = async (source: SourceType, fallback_title?: string) => { return addTab({ id: `${TabType.ERD}-${source?.id}`, type: TabType.ERD, title: `ERD${source?.alias ? ` (${source.alias})` : `(${fallback_title})`}`, tabMeta: { source }, baseId: source.base_id as string, }) } const addSqlEditorTab = async (base: BaseType) => { return addTab({ id: `${TabType.SQL}-${base.id}`, type: TabType.SQL, title: `SQL Editor (${base.title})`, tabMeta: { base }, baseId: base.id as string, }) } const clearTabs = () => { tabs.value = [] } const closeTab = async (_key: number | Partial) => {} const updateTab = (_key: number | Partial, _newTabItemProps: Partial) => {} return { tabs, addTab, activeTabIndex, activeTab, clearTabs, closeTab, updateTab, addErdTab, addSqlEditorTab } })