mirror of
https://github.com/nocodb/nocodb.git
synced 2026-04-30 15:36:57 +00:00
83 lines
2.5 KiB
Vue
83 lines
2.5 KiB
Vue
<script lang="ts" setup>
|
|
import type { SourceType } from 'nocodb-sdk'
|
|
|
|
interface Props {
|
|
visible: boolean
|
|
}
|
|
|
|
const props = withDefaults(defineProps<Props>(), {})
|
|
|
|
const emits = defineEmits(['@update:visible', 'newTable'])
|
|
|
|
const vVisible = useVModel(props, 'visible', emits)
|
|
|
|
const base = inject(ProjectInj)!
|
|
|
|
const source = computed(() => {
|
|
return base.value.sources?.[0]
|
|
})
|
|
|
|
const { isUIAllowed } = useRoles()
|
|
|
|
const showBaseOption = (source: SourceType) => {
|
|
return (
|
|
(source.enabled || (base.value.sources || []).length > 1) &&
|
|
['airtableImport', 'csvImport', 'jsonImport', 'excelImport'].some((permission) => isUIAllowed(permission, { source }))
|
|
)
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<NcMenu variant="large" data-testid="nc-home-create-new-menu" @click="vVisible = false">
|
|
<NcMenuItem inner-class="w-full" class="nc-menu-item-combo" data-testid="create-new-table" @click="emits('newTable')">
|
|
<div class="w-full flex items-center">
|
|
<div class="flex-1 flex items-center gap-2 cursor-pointer">
|
|
<GeneralIcon icon="table" class="!w-4 !h-4" />
|
|
{{ $t('objects.table') }}
|
|
</div>
|
|
<template v-if="source && showBaseOption(source)">
|
|
<div class="px-1 cursor-default flex items-center h-9 -my-2" @click.stop>
|
|
<div class="h-7 w-px flex-none bg-nc-border-gray-medium" />
|
|
</div>
|
|
|
|
<DashboardTreeViewBaseOptions
|
|
v-model:base="base"
|
|
:source="source"
|
|
variant="large"
|
|
submenu-class="nc-sub-menu-item-icon-only"
|
|
title-class="!p-0 hover:bg-brand-50 group"
|
|
show-noco-db-import
|
|
:popup-offset="[8, -2]"
|
|
>
|
|
<template #title>
|
|
<div class="w-8 h-8 flex items-center justify-center rounded-lg cursor-pointer group-hover:text-nc-content-brand">
|
|
<GeneralIcon icon="ncChevronRight" />
|
|
</div>
|
|
</template>
|
|
<template #expandIcon> </template>
|
|
<template #label>
|
|
<NcMenuItemLabel>
|
|
<span class="normal-case min-w-[180px]"> {{ $t('labels.importOptions') }} </span>
|
|
</NcMenuItemLabel>
|
|
</template>
|
|
</DashboardTreeViewBaseOptions>
|
|
</template>
|
|
</div>
|
|
</NcMenuItem>
|
|
</NcMenu>
|
|
</template>
|
|
|
|
<style lang="scss">
|
|
.nc-menu-item-combo {
|
|
@apply !pr-1;
|
|
}
|
|
|
|
.nc-sub-menu-item-icon-only {
|
|
@apply !mx-0 -my-1;
|
|
|
|
.ant-dropdown-menu-submenu-title {
|
|
@apply !px-0 !w-8 children:w-8 flex items-center !justify-center;
|
|
}
|
|
}
|
|
</style>
|