fix: repeat fetch in visual board bind dataSource modal happend echo data

@@ -33,7 +33,7 @@
     return decode((ROUTE.params as DataComponentRouteParams).boardId as string);
   });
 
-  const frontId = ref(FrontComponent.TEXT_COMPONENT_1);
+  const frontId = ref();
 
   const isEdit = ref(false);
 
@@ -48,6 +48,7 @@
   const [register, { closeModal, changeOkLoading }] = useModalInner(
     (data: { isEdit: boolean; record?: DataBoardLayoutInfo }) => {
       componentRecord.value = data.record || ({} as unknown as DataBoardLayoutInfo);
+      if (!unref(isEdit)) frontId.value = FrontComponent.TEXT_COMPONENT_1;
       frontId.value =
         (data.record?.record?.frontId as FrontComponent) || FrontComponent.TEXT_COMPONENT_1;
       isEdit.value = data.isEdit || false;

 <script lang="ts" setup>
-  import { ref, onMounted, unref } from 'vue';
+  import { ref, onMounted, unref, computed } from 'vue';
   import { FrontComponent } from '../../../const/const';
   import { DataSourceField, dataSourceSchema } from '../../config/basicConfiguration';
   import { DeviceTypeEnum } from '/@/api/device/model/deviceModel';
@@ -7,12 +7,18 @@
   import BasicForm from '/@/components/Form/src/BasicForm.vue';
   const formEl = ref<Nullable<FormActionType>>(null);
 
-  defineProps<{
+  const props = defineProps<{
     frontId?: FrontComponent;
   }>();
 
   defineExpose({ formActionType: formEl });
 
+  const getDataSchema = computed(() => {
+    const { frontId } = props;
+    if (!frontId) return [];
+    return dataSourceSchema(frontId);
+  });
+
   onMounted(() => {
     unref(formEl)?.setFieldsValue({ [DataSourceField.DEVICE_TYPE]: DeviceTypeEnum.SENSOR });
   });
@@ -21,7 +27,7 @@
 <template>
   <BasicForm
     ref="formEl"
-    :schemas="dataSourceSchema($props.frontId)"
+    :schemas="getDataSchema"
     class="w-full flex-1 data-source-form"
     :show-action-button-group="false"
     :row-props="{

@@ -149,6 +149,7 @@ export const dataSourceSchema = (frontId?: FrontComponent): FormSchema[] => {
         const { setFieldsValue } = formActionType;
         const deviceProfileId = formModel[DataSourceField.DEVICE_PROFILE_ID];
         const deviceType = formModel[DataSourceField.DEVICE_TYPE];
+        if (![deviceType, deviceProfileId].every(Boolean)) return {};
         return {
           api: async () => {
             if (!deviceType) return [];
@@ -253,6 +254,7 @@ export const dataSourceSchema = (frontId?: FrontComponent): FormSchema[] => {
       componentProps({ formModel }) {
         const deviceProfileId = formModel[DataSourceField.DEVICE_PROFILE_ID];
         const transportType = formModel[DataSourceField.TRANSPORT_TYPE];
+        if (![deviceProfileId, transportType].every(Boolean)) return {};
         return {
           api: async () => {
             try {