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.
47 lines
1.2 KiB
47 lines
1.2 KiB
4 weeks ago
|
<script lang="ts" setup>
|
||
|
|
import { PanelPosition } from '@vue-flow/additional-components'
|
||
|
|
import type { AiBaseSchema, AiERDConfig } from './utils'
|
||
|
|
|
||
|
|
interface Props {
|
||
|
|
showAllColumns?: boolean
|
||
|
|
aiBaseSchema: AiBaseSchema
|
||
|
|
}
|
||
|
|
|
||
|
|
const props = withDefaults(defineProps<Props>(), {
|
||
|
|
showAllColumns: true,
|
||
|
|
})
|
||
|
|
|
||
|
|
const config = reactive<AiERDConfig>({
|
||
|
|
showPkAndFk: true,
|
||
|
|
showViews: false,
|
||
|
|
showAllColumns: props.showAllColumns,
|
||
|
|
singleTableMode: false,
|
||
|
|
showMMTables: false,
|
||
|
|
showJunctionTableNames: false,
|
||
|
|
isFullScreen: false,
|
||
|
|
})
|
||
|
|
|
||
|
|
const toggleFullScreen = () => {
|
||
|
|
config.isFullScreen = !config.isFullScreen
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div
|
||
|
|
class="w-full bg-white"
|
||
|
|
:class="{
|
||
|
|
'z-100 h-screen w-screen fixed top-0 left-0 right-0 bottom-0': config.isFullScreen,
|
||
|
|
'nc-erd-vue-flow-single-table': config.singleTableMode,
|
||
|
|
'nc-erd-vue-flow': !config.singleTableMode,
|
||
|
|
}"
|
||
|
|
>
|
||
|
|
<div class="relative h-full">
|
||
|
|
<LazyAiErdFlow :ai-base-schema="aiBaseSchema" :config="config">
|
||
|
|
<ErdFullScreenToggle :config="config" :position="PanelPosition.TopRight" @toggle-full-screen="toggleFullScreen" />
|
||
|
|
</LazyAiErdFlow>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style lang="scss" scoped></style>
|