Browse Source

refactor(gui-v2): use `useDialog` for rendering dialog

Signed-off-by: Pranav C <pranavxc@gmail.com>
pull/3236/head
Pranav C 2 years ago
parent
commit
eab690e8b3
  1. 24
      packages/nc-gui-v2/components/dashboard/TreeView.vue

24
packages/nc-gui-v2/components/dashboard/TreeView.vue

@ -34,8 +34,6 @@ const tablesById = $computed<Record<string, TableType>>(() =>
}, {}),
)
const tableCreateDlg = ref(false)
let key = $ref(0)
const menuRef = $ref<HTMLLIElement>()
@ -172,6 +170,23 @@ function openAirtableImportDialog() {
close(1000)
}
}
function openTableCreateDialog() {
$e('a:actions:create-table')
const isOpen = ref(true)
const { close } = useDialog(DlgTableCreate, {
'modelValue': isOpen,
'onUpdate:modelValue': closeDialog,
})
function closeDialog() {
isOpen.value = false
close(1000)
}
}
</script>
<template>
@ -196,7 +211,7 @@ function openAirtableImportDialog() {
<div style="direction: ltr" class="flex-1">
<div
class="group flex items-center gap-2 pl-5 pr-3 py-2 text-primary/70 hover:(text-primary/100) cursor-pointer select-none"
@click="tableCreateDlg = true"
@click="openTableCreateDialog"
>
<MdiPlus />
<span class="text-gray-500 group-hover:(text-primary/100) flex-1">{{ $t('tooltip.addTable') }}</span>
@ -335,7 +350,7 @@ function openAirtableImportDialog() {
<div class="flex flex-col align-center">
<a-empty :image="Empty.PRESENTED_IMAGE_SIMPLE" />
<a-button type="primary" @click.stop="tableCreateDlg = true">{{ $t('tooltip.addTable') }}</a-button>
<a-button type="primary" @click.stop="openTableCreateDialog">{{ $t('tooltip.addTable') }}</a-button>
</div>
</a-card>
</div>
@ -381,7 +396,6 @@ function openAirtableImportDialog() {
<GeneralShareBaseButton class="!mr-0" />
</div>
<DlgTableCreate v-if="tableCreateDlg" v-model="tableCreateDlg" />
<DlgTableRename v-if="renameTableMeta" v-model="renameTableDlg" :table-meta="renameTableMeta" />
</div>
</template>

Loading…
Cancel
Save