Merge branch 'fix/DEFECT-1565' into 'main_dev'

fix: DEFECT-1565 修复设备导入上传文件后返回上一步文件消失

See merge request yunteng/thingskit-front!859

 <script lang="ts" setup>
   import { Upload, Button } from 'ant-design-vue';
   import { InboxOutlined } from '@ant-design/icons-vue';
-  import { computed, ref } from 'vue';
+  import { computed } from 'vue';
   import StepContainer from './StepContainer.vue';
   import XLSX, { CellObject } from 'xlsx';
   import { basicProps } from './props';
@@ -10,15 +10,17 @@
 
   const props = defineProps({
     ...basicProps,
+    fileList: {
+      required: true,
+      type: Array as PropType<(Record<'uid' | 'name', string> & File)[]>,
+    },
     value: {
       require: true,
       type: Object as PropType<UploadFileParseValue>,
     },
   });
 
-  const emit = defineEmits(['update:value']);
-
-  const fileList = ref<Record<'uid' | 'name', string>[]>([]);
+  const emit = defineEmits(['update:value', 'update:fileList']);
 
   interface FileRequestParams {
     file: File & { uid: string };
@@ -83,19 +85,19 @@
   };
 
   const handleParseFile = async ({ file, onSuccess, onError }: FileRequestParams) => {
-    fileList.value = [];
     const value = await readFile(file);
     if (!value) {
       onError();
       return;
     }
-    fileList.value = [file];
+
+    emit('update:fileList', [file]);
     emit('update:value', value);
     onSuccess({}, file);
   };
 
   const canGoNextStep = computed(() => {
-    return !!fileList.value.length;
+    return !!props.fileList.length;
   });
 
   const handlePreviousStep = () => {
@@ -105,16 +107,22 @@
   const handleNextStep = () => {
     props.goNextStep?.();
   };
+
+  const handleRemove = () => {
+    emit('update:fileList', []);
+    return true;
+  };
 </script>
 
 <template>
   <StepContainer>
     <div class="">设备文件</div>
     <Upload.Dragger
-      v-model:fileList="fileList"
+      :fileList="fileList"
       :customRequest="handleParseFile"
       accept=".csv"
       name="file"
+      :remove="handleRemove"
     >
       <section class="cursor-pointer flex flex-col justify-center items-center">
         <InboxOutlined class="text-[4rem] !text-blue-400" />

@@ -17,6 +17,8 @@
 
   const basicInfo = ref({});
 
+  const fileList = ref<(File & Record<'uid' | 'name', string>)[]>([]);
+
   const fileParseValue = ref<UploadFileParseValue>({ header: [], content: [] });
 
   const columnConfiguration = ref<Record<'type', string>[]>([]);
@@ -61,6 +63,7 @@
 
   const reset = () => {
     basicInfo.value = {};
+    fileList.value = [];
     fileParseValue.value = { header: [], content: [] };
     columnConfiguration.value = [];
     importResult.value = {} as unknown as ImportDeviceResponse;
@@ -109,6 +112,7 @@
             />
             <ImportCsv
               v-if="StepsEnum[item] === StepsEnum.IMPORT_FILE && StepsEnum[item] === currentStep"
+              v-model:fileList="fileList"
               v-model:value="fileParseValue"
               :go-next-step="goNextStep"
               :go-previous-step="goPreviousStep"