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.
|
|
|
<script setup lang="ts">
|
|
|
|
const editorOpen = ref(false)
|
|
|
|
|
|
|
|
const tabKey = ref()
|
|
|
|
|
|
|
|
const { metas } = $(useMetas())
|
|
|
|
|
|
|
|
const { tables } = useTable()
|
|
|
|
|
|
|
|
const localTables = tables.value.filter((t) => metas[t.id as string])
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
|
|
|
<a-tooltip placement="bottom">
|
|
|
|
<template #title>
|
|
|
|
<span> Debug Meta </span>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<mdi-bug-outline class="cursor-pointer" @click="editorOpen = true" />
|
|
|
|
</a-tooltip>
|
|
|
|
|
|
|
|
<a-modal v-model:visible="editorOpen" :footer="null" width="80%" wrap-class-name="nc-modal-debug-meta">
|
|
|
|
<a-tabs v-model:activeKey="tabKey" type="card" closeable="false" class="shadow-sm">
|
|
|
|
<a-tab-pane v-for="table in localTables" :key="table.id" :tab="table.title">
|
|
|
|
<LazyMonacoEditor v-model="metas[table.id]" class="h-max-[70vh]" :read-only="true" />
|
|
|
|
</a-tab-pane>
|
|
|
|
</a-tabs>
|
|
|
|
</a-modal>
|
|
|
|
</template>
|