fix: click update data component modal will happend data can not echo

@@ -46,12 +46,18 @@
     getAllDataSourceFieldValue: Fn<any, Recordable>;
   }>();
 
+  const resetForm = () => {
+    isEdit.value = false;
+    frontId.value = '';
+    componentRecord.value = {} as unknown as DataBoardLayoutInfo;
+    componentDefaultConfig.value = {};
+  };
+
   const handleSubmit = () => {
     const { getAllDataSourceFieldValue } = unref(basicConfigurationEl)!;
     const value = getAllDataSourceFieldValue();
     unref(isEdit) ? handleUpdateComponent(value) : handleAddComponent(value);
-    isEdit.value = false;
-    frontId.value = '';
+    resetForm();
   };
 
   const handleAddComponent = async (value: Recordable) => {
@@ -111,6 +117,7 @@
     width="70%"
     :destroy-on-close="true"
     @ok="handleSubmit"
+    @cancel="resetForm"
   >
     <section>
       <Tabs type="card">

@@ -350,9 +350,9 @@
       </template>
       <template #extra>
         <Authority value="api:yt:data_component:add:post">
-          <Button v-if="!getIsSharePage" type="primary" @click="handleOpenCreatePanel"
-            >创建组件</Button
-          >
+          <Button v-if="!getIsSharePage" type="primary" @click="handleOpenCreatePanel">
+            创建组件
+          </Button>
         </Authority>
       </template>
       <div>