feat: v1.3.1

Author: Flex-7746

CHANGELOG.md

@@ -1,5 +1,9 @@
 # 更新日志
 
+## 1.3.1
+
+- 新增打开不存在文件，编辑后可选择新增并保存
+
 ## 1.3.0
 
 - 优化资源加载方式，大幅度提升加载速度

app/manifest

@@ -1,5 +1,5 @@
 appname=code.editor
-version=1.3.0
+version=1.3.1
 desc=`<div>VS Code 同源库，支持多种编码文件的操作，更有语法高亮、代码补全。</div>
 <div>text、txt、js、ts、html、htm、css、scss、less、json、md、py、java、c、cpp、cc、cxx、go、rs、php、rb、sh、sql、xml、yaml、yml、vue 后缀文件直接双击文件或右键选择代码编辑器打开。</div><div>非上述后缀文件，右键【详细信息】-【复制原始路径】，点击桌面图标访问后粘贴路径打开。</div>
 <div>提示：编辑用户目录中的文件需【系统设置】-【应用】-【代码编辑器】进行文件夹授权，应用文件夹中目录下可直接编辑；</div><div>提示：移动端暂未做 UI 适配，访问可能布局错乱；访问二进制文件将显示乱码，请谨慎操作。</div>`

backend/src/router/save.js

@@ -1,21 +1,31 @@
 const fs = require("fs");
 const iconv = require("iconv-lite");
+const { dirname } = require("path");
 
 module.exports = async function read({ body }) {
-  const { path, encode, value } = body;
+  const { path, encode, value, force } = body;
 
   if (!path) {
     return { code: 400, msg: "缺少文件路径参数", data: body };
   }
 
   try {
-    if (!fs.existsSync(path)) {
-      return { code: 404, msg: "文件不存在", data: body };
-    }
+    const fileExists = fs.existsSync(path);
+
+    if (fs.existsSync(path)) {
+      const stat = fs.statSync(path);
+      if (!stat.isFile()) {
+        return { code: 400, msg: "路径不是文件", data: body };
+      }
 
-    const stat = fs.statSync(path);
-    if (!stat.isFile()) {
-      return { code: 400, msg: "路径不是文件", data: body };
+      fs.writeFileSync(path, iconv.encode(value, encode));
+    } else {
+      if (Number(force) === 1) {
+        const dir = dirname(path);
+        fs.existsSync(dir) || fs.mkdirSync(dir, { recursive: true });
+      } else {
+        return { code: 404, msg: "文件不存在", data: body };
+      }
     }
 
     fs.writeFileSync(path, iconv.encode(value, encode));
@@ -27,7 +37,7 @@ module.exports = async function read({ body }) {
     } else if (err.code === "ENOENT") {
       return { code: 400, msg: "目录不存在，无法写入文件", data: body };
     } else {
-      return { code: 400, msg: "文件操作错误", data: body };
+      return { code: 400, msg: `文件操作错误: ${err.message}`, data: body };
     }
   }
 };

code.editor.fpk

@@ -66,14 +66,15 @@ export default function useCode(option: {
     }
   }
 
-  const upload = async () => {
+  const upload = async (force?: 1) => {
     try {
       const { data: value }: any = await axios.post(
         HOST,
         {
           encode: code.encode,
           value: code.value,
           path: option.path,
+          force,
         },
         { params: { _api: 'save' } },
       )
@@ -85,7 +86,15 @@ export default function useCode(option: {
 
         option.onSave()
       } else {
-        ElMessage({ type: 'error', message: value.msg })
+        if (value.code === 404) {
+          ElMessageBox.confirm('文件不存在，是否创建并保存？', '提示', {
+            confirmButtonText: '继续',
+            cancelButtonText: '取消',
+            type: 'info',
+          }).then(() => upload(1))
+        } else {
+          ElMessage({ type: 'error', message: value.msg })
+        }
       }
     } catch {
       ElMessage({ type: 'error', message: '操作失败' })

frontend/src/hooks/useCode.ts

@@ -26,6 +26,7 @@ export default function usePath() {
         showCancelButton: !force,
         confirmButtonText: '确认',
         cancelButtonText: '取消',
+        inputPlaceholder: '不存在的文件路径在编辑后可新增并保存',
       },
     )
       .then(({ value }) => value)