perf: auto switch basic configuration form when not validate pass

@@ -23,6 +23,7 @@
   }>();
 
   const emit = defineEmits(['update', 'create', 'register']);
+  const activeKey = ref('basicConfig');
 
   const ROUTE = useRoute();
 
@@ -62,11 +63,15 @@
   };
 
   const handleSubmit = async () => {
-    const { getAllDataSourceFieldValue, validate } = unref(basicConfigurationEl)!;
-    await validate();
-    const value = getAllDataSourceFieldValue();
-    unref(isEdit) ? handleUpdateComponent(value) : handleAddComponent(value);
-    resetForm();
+    try {
+      const { getAllDataSourceFieldValue, validate } = unref(basicConfigurationEl)!;
+      await validate();
+      const value = getAllDataSourceFieldValue();
+      unref(isEdit) ? handleUpdateComponent(value) : handleAddComponent(value);
+      resetForm();
+    } catch (error: unknown) {
+      if (unref(activeKey) !== 'basicConfig') activeKey.value = 'basicConfig';
+    }
   };
 
   const { calcLayoutInfo } = useCalcGridLayout();
@@ -132,8 +137,8 @@
     @cancel="resetForm"
   >
     <section>
-      <Tabs type="card">
-        <Tabs.TabPane key="1" tab="基础配置">
+      <Tabs v-model:activeKey="activeKey" type="card">
+        <Tabs.TabPane key="basicConfig" tab="基础配置">
           <BasicConfiguration
             ref="basicConfigurationEl"
             :front-id="frontId"
@@ -141,7 +146,7 @@
             :defaultConfig="componentDefaultConfig"
           />
         </Tabs.TabPane>
-        <Tabs.TabPane key="2" tab="可视化配置">
+        <Tabs.TabPane key="visualConfig" tab="可视化配置">
           <VisualConfiguration v-model:value="frontId" @change="handleComponentCheckedChange" />
         </Tabs.TabPane>
       </Tabs>