refactor: reset on leave

Services/client/src/components/FileForm.vue

@@ -38,6 +38,10 @@ const emit = defineEmits([
   'submit',
 ])
 
+defineExpose({
+  reset,
+})
+
 function keydown(e: KeyboardEvent) {
   if (e.key === 'Escape' && props.open === true) {
     emit('update:open', false)
@@ -63,7 +67,6 @@ function submit() {
     keyword: props.keyword,
     category: props.category,
   })
-  emit('update:open', !open), reset()
 }
 
 const createKeyword = ((val, done) => {

Services/client/src/components/FileItem.vue

@@ -64,6 +64,7 @@ const fileFormData = ref<{
 const fileFormType = ref<'edit' | 'create'>('create')
 const fileFormError = ref<{ fileExist?: boolean; fileName2Long?: boolean }>({})
 const fileExistNotification = ref<boolean>(false)
+const fileFormComponent = ref<InstanceType<typeof FileForm>>()
 
 function triggerFolderDelete(pathname: string) {
   deleteFormType.value = 'deleteFolder'
@@ -176,6 +177,7 @@ async function submitFileForm(
   fileFormData.value = {}
   fileFormState.value = false
   currentParam.value = undefined
+  fileFormComponent.value?.reset()
 }
 </script>
 
@@ -379,6 +381,7 @@ async function submitFileForm(
   </div>
 
   <file-form
+    ref="fileFormComponent"
     :mode="fileFormType"
     :error="fileFormError"
     v-model:open="fileFormState"