feat: 表单编辑器magic-api调用不会弹框,而是以图标闪烁的形式显示

This commit is contained in:
gaoyunqi
2024-03-27 16:42:01 +08:00
parent 46b36b1c92
commit f4adcd3dff
8 changed files with 114 additions and 7 deletions

View File

@ -13,6 +13,7 @@
<a-step :title="t('表单事件')" />
</a-steps>
<div class="btn-box">
<ajax-error-icon />
<a-button type="primary" @click="handleStepPrev" v-show="current !== 0">{{
t('上一步')
}}</a-button>
@ -34,12 +35,13 @@
</BasicModal>
</template>
<script lang="ts" setup>
import { ref, reactive, provide, watch, Ref, toRaw } from 'vue';
import { ref, reactive, provide, watch, Ref, toRaw, onUnmounted } from 'vue';
import BasicConfigStep from '../BasicConfigStep.vue';
import { FormDesignStep, FormEventStep } from '/@/components/CreateCodeStep';
import { BasicModal, useModalInner } from '/@/components/Modal';
import { CustomFormConfig, GeneratorConfig } from '/@/model/generator/generatorConfig';
import { TableInfo } from '/@/components/Designer';
import AjaxErrorIcon from '/@/components/SecondDev/AjaxErrorIcon.vue';
import {
addDataFirstFormTemplate,
updateDataFirstFormTemplate,
@ -49,6 +51,8 @@
import * as antd from '/@/components/Designer/src/types';
import { useI18n } from '/@/hooks/web/useI18n';
import DesignLogo from '/@/components/ModalPanel/src/DesignLogo.vue';
import useGlobalFlag from '/@/hooks/core/useGlobalFlag';
const { t } = useI18n();
const current = ref(0);
@ -61,6 +65,16 @@
const isUpdate = ref<boolean>(false);
const formId = ref<string>('');
const emits = defineEmits(['success', 'register', 'close']);
const globalFlag = useGlobalFlag();
const { isEditorOpen } = globalFlag;
watch(current, () => {
isEditorOpen.value = current.value === 1;
});
onUnmounted(() => {
isEditorOpen.value = false;
});
let generatorConfig = reactive<GeneratorConfig>({
databaseId: '', //数据库id