|
|
|
@ -1,5 +1,4 @@
|
|
|
|
|
<script setup lang="ts"> |
|
|
|
|
import type { ComponentPublicInstance } from '@vue/runtime-core' |
|
|
|
|
import { Form } from 'ant-design-vue' |
|
|
|
|
import { useToast } from 'vue-toastification' |
|
|
|
|
import { onMounted, useProject, useTableCreate, useTabs } from '#imports' |
|
|
|
@ -11,7 +10,7 @@ interface Props {
|
|
|
|
|
|
|
|
|
|
const props = defineProps<Props>() |
|
|
|
|
|
|
|
|
|
const emit = defineEmits(['update:modelValue', 'create']) |
|
|
|
|
const emit = defineEmits(['update:modelValue']) |
|
|
|
|
|
|
|
|
|
const dialogShow = useVModel(props, 'modelValue', emit) |
|
|
|
|
|
|
|
|
@ -20,8 +19,11 @@ const idTypes = [
|
|
|
|
|
{ value: 'AG', text: 'Auto generated string' }, |
|
|
|
|
] |
|
|
|
|
const toast = useToast() |
|
|
|
|
|
|
|
|
|
const valid = ref(false) |
|
|
|
|
|
|
|
|
|
const isIdToggleAllowed = ref(false) |
|
|
|
|
|
|
|
|
|
const isAdvanceOptVisible = ref(false) |
|
|
|
|
|
|
|
|
|
const { addTab } = useTabs() |
|
|
|
@ -100,7 +102,7 @@ onMounted(() => {
|
|
|
|
|
</div> |
|
|
|
|
<div class="nc-table-advanced-options" :class="{ active: isAdvanceOptVisible }"> |
|
|
|
|
<!-- hint="Table name as saved in database" --> |
|
|
|
|
<div class="mb-2">{{ $t('msg.info.tableNameInDb') }}</div> |
|
|
|
|
<div class="mb-2" v-if="!project.prefix">{{ $t('msg.info.tableNameInDb') }}</div> |
|
|
|
|
<a-form-item v-if="!project.prefix" v-bind="validateInfos.table_name"> |
|
|
|
|
<a-input v-model:value="table.table_name" size="large" hide-details :placeholder="$t('msg.info.tableNameInDb')" /> |
|
|
|
|
</a-form-item> |
|
|
|
|