mirror of https://github.com/nocodb/nocodb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
34 lines
1.1 KiB
34 lines
1.1 KiB
<script setup lang="ts"> |
|
import useTabs from '~/composables/useTabs' |
|
import { TabMetaInj } from '~/context' |
|
|
|
const { tabs, activeTabIndex, activeTab, closeTab } = useTabs() |
|
const tableCreateDialog = ref(false) |
|
|
|
provide(TabMetaInj, activeTab) |
|
</script> |
|
|
|
<template> |
|
<div> |
|
<!-- <v-tabs v-model="activeTab" height="32" density="compact" color="primary"> |
|
<v-tab v-for="(tab, i) in tabs" :key="i" :value="i" class="text-capitalize"> |
|
{{ tab.title }} |
|
<MdiCloseIcon class="ml-2 text-gray-500/50" @click.stop="closeTab(i)"></MdiCloseIcon> |
|
</v-tab> |
|
<MdiPlusIcon @click="tableCreateDialog = true" /> |
|
<DlgTableCreate v-if="tableCreateDialog" v-model="tableCreateDialog" /> |
|
</v-tabs> --> |
|
<a-tabs v-model:activeKey="activeTabIndex" size="small" type="editable-card" @edit="closeTab"> |
|
<a-tab-pane v-for="(tab, i) in tabs" :key="i" :tab="tab.title" /> |
|
</a-tabs> |
|
|
|
<NuxtPage /> |
|
<!-- <v-window v-model="activeTab"> |
|
<v-window-item v-for="(tab, i) in tabs" :key="i" :value="i"> |
|
<TabsSmartsheet :tab-meta="tab" /> |
|
</v-window-item> |
|
</v-window> --> |
|
</div> |
|
</template> |
|
|
|
<style scoped></style>
|
|
|