feat: file name as label when edit

Services/client/src/components/FileForm.vue

@@ -14,6 +14,7 @@ const props = withDefaults(
       fileName2Long?: boolean
     }
     mode: 'create' | 'edit'
+    fileNameLabel?: string
     title?: string
     description?: string
     keyword?: string[]
@@ -146,7 +147,13 @@ const file = ref<File | undefined>()
           outlined
           v-model="file"
           @update:model-value="(v) => $emit('filechange', v.name)"
-          :label="file?.name ? undefined : 'เลือกไฟล์'"
+          :label="
+            mode === 'edit' && fileNameLabel && !file?.name
+              ? fileNameLabel
+              : file?.name
+                ? undefined
+                : 'เลือกไฟล์'
+          "
           :error="!!error.fileExist || !!error.fileName2Long"
           :error-message="
             error.fileExist