完善保存功能

frontend/src/components/markdown/tui-editor.vue

@@ -90,6 +90,7 @@ function initEditor(editorRef:Ref<any>){
 
     return editor;
 }
+
 let editor: any = {}
 onMounted(() => {
     editor = initEditor(editorRef);
@@ -103,7 +104,7 @@ onMounted(() => {
 })
 
 const ctx = reactive({
-    data: ""
+    openFilePath: ""
 })
 
 function openFile() {
@@ -123,14 +124,34 @@ function openFile(){
         }
 
         useApi().readFile({path}).then(resp => {
+            ctx.openFilePath = path
             editor.setMarkdown(resp.data)
         })
     })
 }
 
-function saveFile(){
+function getDir(path: string) {
+    let position = path.lastIndexOf("/")
+    if (position === -1) {
+        position = path.lastIndexOf("\\")
+    }
+
+    return path.substring(0, position)
+}
+
+function getFileName(path: string) {
+    let position = path.lastIndexOf("/")
+    if (position === -1) {
+        position = path.lastIndexOf("\\")
+    }
+
+    return path.substring(position + 1)
+}
+
+
+function createFile() {
     SaveFileDialog({
-        title: `${t("general.save")} markdown`,
+        title: `${t("general.new")} markdown ${t("general.file")}`,
         filters: [
             {
                 displayName: "Markdown",
@@ -138,14 +159,16 @@ function saveFile(){
             }
         ]
     }).then(path => {
-        console.log(path)
-
-        if(!path){
-            return
+        ctx.openFilePath = path
+        editor.setMarkdown("")
+    })
 }
 
+function saveFile(saveAs: boolean = false) {
+
+    function writeFile() {
         useApi().saveFile({
-            fileName: path,
+            fileName: ctx.openFilePath,
             data: new Blob([editor.getMarkdown()], {
                 type: 'text/plain'
             })
@@ -157,13 +180,41 @@ function saveFile(){
                 ElMessage.error(res.msg)
             }
         })
+    }
+
+
+    if (ctx.openFilePath && !saveAs) {
+        writeFile()
+    } else {
+        SaveFileDialog({
+            title: `${t("general.save")} markdown ${t("general.file")}`,
+            defaultDirectory: getDir(ctx.openFilePath),
+            defaultFileName: getFileName(ctx.openFilePath),
+            filters: [
+                {
+                    displayName: "Markdown",
+                    pattern: "*.md;*.markdown"
+                }
+            ]
+        }).then(path => {
+            console.log(path)
+            ctx.openFilePath = path
+
+            if (!path) {
+                return
+            }
+
+            writeFile()
         })
     }
+}
 </script>
 
 <template>
+    <el-button type="primary" @click="createFile">{{ t("general.new") }}</el-button>
     <el-button type="primary" @click="openFile">{{ t("general.open") }}</el-button>
-    <el-button type="success" @click="saveFile">{{ t("general.save")}}</el-button>
+    <el-button type="success" :disabled="!ctx.openFilePath" @click="saveFile()">{{ t("general.save") }}</el-button>
+    <el-button type="success" @click="saveFile(true)">{{ t("general.saveAs") }}</el-button>
     <div ref="editorRef" class="overscroll-none"/>
 </template>
 

frontend/src/i18n/locales/en.json

@@ -32,6 +32,8 @@
   "general": {
     "open": "open",
     "save": "save",
-    "file": "file"
+    "saveAs": "save as",
+    "file": "file",
+    "new": "new"
   }
 }

frontend/src/i18n/locales/zh-CN.json

@@ -32,6 +32,8 @@
   "general": {
     "open": "打开",
     "save": "保存",
-    "file": "文件"
+    "saveAs": "另存为",
+    "file": "文件",
+    "new": "新建"
   }
 }