From 27e077b56b481c97e3bd7b1d8714eed32c355c9b Mon Sep 17 00:00:00 2001
From: fofolee <fofolee@qq.com>
Date: Thu, 31 Mar 2022 21:18:45 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=8E=86=E5=8F=B2=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/quickcommand.js         | 24 ----------------
 src/components/MonocaEditor.vue |  5 +++-
 src/{api => js}/importAll.js    |  4 +++
 src/{api => js}/programs.js     |  4 +++
 src/js/quickcommand.js          |  4 +--
 src/js/utools.js                | 51 +++++++++++++++++++++++++++++++++
 src/pages/CodeRunner.vue        | 46 +++++++++++++++++++++++------
 src/router/index.js             |  2 +-
 8 files changed, 104 insertions(+), 36 deletions(-)
 delete mode 100644 src/api/quickcommand.js
 rename src/{api => js}/importAll.js (83%)
 rename src/{api => js}/programs.js (97%)
 create mode 100644 src/js/utools.js

diff --git a/src/api/quickcommand.js b/src/api/quickcommand.js
deleted file mode 100644
index 1374487..0000000
--- a/src/api/quickcommand.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import { Dialog } from 'quasar'
-import inputBox from "../components/InputBox"
-
-let showInputBox = (labels = [], title = "", hints = []) => {
-    return new Promise((reslove, reject) => {
-        Dialog.create({
-            component: inputBox,
-            componentProps: {
-                labels: labels,
-                title: title,
-                hints: hints
-            }
-        }).onOk(results => {
-            reslove(Array.from(results))
-        }).onCancel(() => {
-            console.log('取消')
-        }).onDismiss(() => {
-            console.log('对话框被关闭')
-        })
-    })
-};
-export default {
-    showInputBox,
-};
diff --git a/src/components/MonocaEditor.vue b/src/components/MonocaEditor.vue
index e1746d3..cc0c3b8 100644
--- a/src/components/MonocaEditor.vue
+++ b/src/components/MonocaEditor.vue
@@ -5,7 +5,7 @@
 <script>
 import * as monaco from "monaco-editor";
 import { toRaw } from "vue";
-import importAll from "../api/importAll.js";
+import importAll from "../js/importAll.js";
 
 // 批量导入声明文件
 let apis = importAll(
@@ -135,6 +135,9 @@ export default {
     getEditorValue() {
       return toRaw(this.editor).getValue();
     },
+    setEditorValue(value) {
+      toRaw(this.editor).setValue(value);
+    },
     setEditorLanguage(language) {
       monaco.editor.setModelLanguage(this.editor.getModel(), language);
     },
diff --git a/src/api/importAll.js b/src/js/importAll.js
similarity index 83%
rename from src/api/importAll.js
rename to src/js/importAll.js
index fd4c80f..bdf24e9 100644
--- a/src/api/importAll.js
+++ b/src/js/importAll.js
@@ -1,3 +1,7 @@
+/**
+ * 快速导入同一目录下的所有脚本
+*/
+
 const importAll = context => {
     const map = {}
     for (const key of context.keys()) {
diff --git a/src/api/programs.js b/src/js/programs.js
similarity index 97%
rename from src/api/programs.js
rename to src/js/programs.js
index 9227d68..a4a1b07 100644
--- a/src/api/programs.js
+++ b/src/js/programs.js
@@ -1,3 +1,7 @@
+/**
+ * 所有支持的编程语言
+*/
+
 const programs = {
   quickcommand: {
     name: "quickcommand",
diff --git a/src/js/quickcommand.js b/src/js/quickcommand.js
index d5f002e..d1e799f 100644
--- a/src/js/quickcommand.js
+++ b/src/js/quickcommand.js
@@ -14,8 +14,8 @@ let showInputBox = (options = [], title = "") => {
         if (!(options instanceof Object)) return reject(new TypeError("必须为数组或对象"))
         if (options instanceof Array) props.labels = options
         else props = options
-        if (!props.values) props.values = options.map(() => "")
-        if (!props.hints) props.hints = options.map(() => "")
+        if (!props.values) props.values = options.labels.map(() => "")
+        if (!props.hints) props.hints = options.labels.map(() => "")
         Dialog.create({
             component: inputBox,
             componentProps: props
diff --git a/src/js/utools.js b/src/js/utools.js
new file mode 100644
index 0000000..0451111
--- /dev/null
+++ b/src/js/utools.js
@@ -0,0 +1,51 @@
+/**
+ * 阉割utools，同时返回一个满血版的UTOOLS
+ * 防止输出html输出时，通过script标签调用utools执行危险函数
+*/
+
+// 禁用危险函数
+let whole = window.utools
+if (!utools.isDev()) window.utools = window.getuToolsLite()
+
+// 数据库前缀
+const DBPRE = {
+    QC: 'qc_',
+    CFG: 'cfg_',
+    PAN: 'pan_'
+}
+
+// 数据库函数封装
+let getDB = id => {
+    let db = whole.db.get(id)
+    return db ? db.data : {}
+}
+
+let putDB = (value, id) => {
+    let db = whole.db.get(id);
+    if (db) whole.db.put({
+        _id: id,
+        data: value,
+        _rev: db._rev
+    })
+    else whole.db.put({
+        _id: id,
+        data: value
+    });
+}
+
+let delDB = id => {
+    return whole.db.remove(id)
+}
+
+let getDocs = key => {
+    return whole.db.allDocs(key)
+}
+
+export default {
+    whole,
+    getDB,
+    putDB,
+    delDB,
+    getDocs,
+    DBPRE
+}
diff --git a/src/pages/CodeRunner.vue b/src/pages/CodeRunner.vue
index 27dcdd0..965abdc 100644
--- a/src/pages/CodeRunner.vue
+++ b/src/pages/CodeRunner.vue
@@ -127,8 +127,9 @@
 </template>
 
 <script>
-import allProgrammings from "../api/programs.js";
+import allProgrammings from "../js/programs.js";
 import MonocaEditor from "components/MonocaEditor";
+import UTOOLS from "../js/utools.js";
 
 export default {
   components: { MonocaEditor },
@@ -149,6 +150,7 @@ export default {
   },
   mounted() {
     this.bindKeys();
+    this.loadOrSaveHistory();
   },
   computed: {},
   created() {},
@@ -158,6 +160,30 @@ export default {
     },
   },
   methods: {
+    loadOrSaveHistory() {
+      // 读取
+      var history = UTOOLS.getDB(UTOOLS.DBPRE.CFG + "codeHistory");
+      if (history.program) {
+        this.$refs.editor.setEditorValue(history.cmd);
+        this.program = history.program;
+        this.scptarg = history.scptarg || "";
+        this.scriptCode = history.scriptCode || "";
+        this.outputCode = history.outputCode || "";
+        if (history.customOptions) this.customOptions = history.customOptions;
+      }
+      utools.onPluginOut(() => {
+        var saveData = {
+          cmd: this.$refs.editor.getEditorValue(),
+          program: this.program,
+          scptarg: this.scptarg,
+          scriptCode: this.scriptCode,
+          outputCode: this.outputCode,
+          customOptions: JSON.parse(JSON.stringify(this.customOptions))
+        };
+        // 保存
+        UTOOLS.putDB(saveData, UTOOLS.DBPRE.CFG + "codeHistory");
+      });
+    },
     bindKeys() {
       let that = this;
       // ctrl+b 运行
@@ -184,14 +210,18 @@ export default {
       });
     },
     showCodingPage() {
-      quickcommand.showInputBox(
-        ["文件编码", "输出编码"],
-        "编码设置",
-        ["基于iconv-lite进行编码，无乱码请留空", "无乱码请留空"],
-        (res) => {
+      quickcommand
+        .showInputBox(
+          {
+            labels: ["文件编码", "输出编码"],
+            hints: ["基于iconv-lite进行编码，无乱码请留空", "无乱码请留空"],
+            values: [this.scriptCode, this.outputCode],
+          },
+          "编码设置"
+        )
+        .then((res) => {
           if (res) [this.scriptCode, this.outputCode] = res;
-        }
-      );
+        });
     },
     async runCurrentCommand() {
       let cmd = this.$refs.editor.getEditorValue();
diff --git a/src/router/index.js b/src/router/index.js
index 6bd0d95..ce971e1 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,7 +1,7 @@
 import { route } from 'quasar/wrappers'
 import { createRouter, createMemoryHistory, createWebHistory, createWebHashHistory } from 'vue-router'
 import routes from './routes'
-import quickcommand from '../api/quickcommand'
+import quickcommand from '../js/quickcommand'
 
 window.quickcommand = quickcommand