更改全局变量存储方式

plugin/preload.js

@@ -214,22 +214,22 @@ if (process.platform !== 'linux') quickcommand.runInTerminal = function(cmdline,
 }
 
 let getCommandToLaunchTerminal = (cmdline, dir) => {
-    let cd = ''
+        let cd = ''
-    if (utools.isWindows()) {
+        if (utools.isWindows()) {
-        let appPath = path.join(utools.getPath('home'), '/AppData/Local/Microsoft/WindowsApps/')
+            let appPath = path.join(utools.getPath('home'), '/AppData/Local/Microsoft/WindowsApps/')
-        // 直接 existsSync wt.exe 无效
+                // 直接 existsSync wt.exe 无效
-        if (fs.existsSync(appPath) && fs.readdirSync(appPath).includes('wt.exe')) {
+            if (fs.existsSync(appPath) && fs.readdirSync(appPath).includes('wt.exe')) {
-            cmdline = cmdline.replace(/"/g, `\\"`)
+                cmdline = cmdline.replace(/"/g, `\\"`)
-            if (dir) cd = `-d "${dir.replace(/\\/g, '/')}"`
+                if (dir) cd = `-d "${dir.replace(/\\/g, '/')}"`
-            command = `${appPath}wt.exe ${cd} cmd /k "${cmdline}"`
+                command = `${appPath}wt.exe ${cd} cmd /k "${cmdline}"`
+            } else {
+                cmdline = cmdline.replace(/"/g, `^"`)
+                if (dir) cd = `cd /d "${dir.replace(/\\/g, '/')}" &&`
+                command = `${cd} start "" cmd /k "${cmdline}"`
+            }
         } else {
-            cmdline = cmdline.replace(/"/g, `^"`)
+            cmdline = cmdline.replace(/"/g, `\\"`)
-            if (dir) cd = `cd /d "${dir.replace(/\\/g, '/')}" &&`
+            if (dir) cd = `cd ${dir.replace(/ /g, `\\\\ `)} &&`
-            command = `${cd} start "" cmd /k "${cmdline}"`
-        }
-    } else {
-        cmdline = cmdline.replace(/"/g, `\\"`)
-        if (dir) cd = `cd ${dir.replace(/ /g, `\\\\ `)} &&`
         if (fs.existsSync('/Applications/iTerm.app')) {
             command = `osascript -e 'tell application "iTerm"
             create window with default profile
@@ -453,7 +453,7 @@ let parseStdout = stdout => stdout.map(x => parseItem(x)).join("\n")
 // 屏蔽危险函数
 window.getuToolsLite = () => {
     var utoolsLite = Object.assign({}, utools)
-    if (utools.isDev()) return utoolsLite
+    // if (utools.isDev()) return utoolsLite
     // 数据库相关接口
     delete utoolsLite.db
     delete utoolsLite.dbStorage
@@ -668,4 +668,4 @@ window.quickcommandHttpServer = () => {
         run,
         stop
     }
-}
+}

quasar.config.js

@@ -28,9 +28,7 @@ module.exports = configure(function(ctx) {
         // app boot file (/src/boot)
         // --> boot files are part of "main.js"
         // https://v2.quasar.dev/quasar-cli-webpack/boot-files
-        boot: [
+        boot: [],
-            'global.js'
-        ],
 
         // https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js#Property%3A-css
         css: [

src/App.vue

@@ -7,12 +7,20 @@
 <script>
 import { defineComponent } from "vue";
 import { setCssVar } from "quasar";
+import UTOOLS from "./js/utools.js";
+import programmings from "./js/options/programs.js";
+import defaultProfile from "./js/options/defaultProfile.js";
+import Cron from "croner";
 
 export default defineComponent({
   name: "App",
   data() {
     return {
       setCssVar: setCssVar,
+      programs: programmings,
+      profile: defaultProfile,
+      utools: UTOOLS,
+      cronJobs: {},
     };
   },
   computed: {},
@@ -23,7 +31,16 @@ export default defineComponent({
     init() {
       window.root = this;
       window.utools = window.getuToolsLite();
-      // 版本检测
+      if (!this.checkVer()) return;
+      this.startUp();
+      utools.onPluginEnter((enter) => {
+        this.enterPlugin(enter);
+      });
+      utools.onPluginOut(() => {
+        this.outPlugin();
+      });
+    },
+    checkVer() {
       const requiredVersion = "2.6.1";
       let version = utools.getAppVersion();
       if (version < requiredVersion) {
@@ -31,67 +48,93 @@ export default defineComponent({
           name: "needupdate",
           params: { version: version, requiredVersion: requiredVersion },
         });
-        return;
+        return false;
       }
-      this.startUp();
+      return true;
-      // 进入插件
+    },
-      utools.onPluginEnter((enter) => {
+    startUp() {
-        // 暗黑模式
+      // 读取用户配置
-        this.$q.dark.set(utools.isDarkColors());
+      let userProfile = this.utools.getDB(
-        // 路由跳转
+        this.utools.DBPRE.CFG + "preferences"
-        quickcommand.enterData = enter;
+      );
-        quickcommand.payload = enter.payload;
+      _.merge(defaultProfile, _.cloneDeep(userProfile));
-        this.$router.push(enter.code);
+      // 计划任务
-      });
+      _.forIn(this.profile.crontabs, (cronExp, featureCode) => {
-      // 退出插件
+        this.runCronTask(featureCode, cronExp);
-      utools.onPluginOut(() => {
-        // 保存偏好
-        this.saveProfile();
-        // 切到空路由
-        this.$router.push("/");
-        // 清空临时数据
-        window.temporaryStoreSoldOut();
       });
+      // 快捷命令服务
+      if (this.profile.quickFeatures.apiServer.serverStatus) {
+        window
+          .quickcommandHttpServer()
+          .run(
+            this.profile.quickFeatures.apiServer.cmd,
+            this.profile.quickFeatures.apiServer.port
+          );
+        console.log("Server Start...");
+      }
+      // 默认主题色
+      this.setCssVar("primary", this.profile.primaryColor);
+    },
+    enterPlugin(enter) {
+      this.$q.dark.set(utools.isDarkColors());
+      quickcommand.enterData = enter;
+      quickcommand.payload = enter.payload;
+      this.$router.push(enter.code);
+    },
+    outPlugin() {
+      this.saveProfile();
+      this.$router.push("/");
+      window.temporaryStoreSoldOut();
     },
     saveProfile() {
       let commandEditor = this.$refs.view.$refs.commandEditor;
       if (commandEditor && commandEditor.action.type !== "edit") {
         let command = _.cloneDeep(commandEditor.quickcommandInfo);
         command.cursorPosition = commandEditor.$refs.editor.getCursorPosition();
-        this.$profile.codeHistory[commandEditor.action.type] = command;
+        this.profile.codeHistory[commandEditor.action.type] = command;
       }
-      this.$utools.putDB(
+      this.utools.putDB(
-        _.cloneDeep(this.$profile),
+        _.cloneDeep(this.profile),
-        this.$utools.DBPRE.CFG + "preferences"
+        this.utools.DBPRE.CFG + "preferences"
       );
     },
-    // 随插件启动执行
+    runCronTask(featureCode, cronExp) {
-    startUp() {
+      this.cronJobs[featureCode] = Cron(cronExp, () => {
-      // 如果配置了后台服务则开启监听
+        this.runCommandSilently(featureCode);
-      if (this.$profile.quickFeatures.apiServer.serverStatus) {
+      });
-        window
+    },
-          .quickcommandHttpServer()
+    runCommandSilently(featureCode) {
-          .run(
+      let command = this.utools.getDB(this.utools.DBPRE.QC + featureCode);
-            this.$profile.quickFeatures.apiServer.cmd,
+      if (command.program === "quickcommand") {
-            this.$profile.quickFeatures.apiServer.port
+        window.runCodeInSandbox(command.cmd, () => {});
-          );
+      } else {
-        console.log("Server Start...");
+        let option =
+          command.program === "custom"
+            ? command.customOptions
+            : this.programs[command.program];
+        option.scptarg = command.scptarg;
+        option.charset = command.charset;
+        window.runCodeFile(command.cmd, option, false, () => {});
       }
-      // 默认主题色
-      this.setCssVar("primary", this.$profile.primaryColor);
     },
   },
 });
 </script>
 
 <style>
-.q-tooltip {
-  font-size: 11px;
-}
 :root {
   --q-dark: #464646;
   --q-dark-page: #303133;
 }
+.q-tooltip {
+  font-size: 11px;
+}
+.q-chip {
+  background: #e3e3e39a;
+}
+.q-chip--dark {
+  background: #676666;
+}
 .commandLogo {
   cursor: pointer;
   transition: 0.2s;

src/boot/global.js

@@ -1,24 +0,0 @@
-import {
-    boot
-} from 'quasar/wrappers'
-import UTOOLS from "../js/utools.js";
-import programmings from '../js/options/programs.js';
-import defaultProfile from "../js/options/defaultProfile.js"
-import Cron from "croner"
-
-// 配置数据存取
-let userProfile = UTOOLS.getDB(
-    UTOOLS.DBPRE.CFG + "preferences"
-);
-_.merge(defaultProfile, _.cloneDeep(userProfile))
-
-// "async" is optional;
-// more info on params: https://v2.quasar.dev/quasar-cli/boot-files
-export default boot(async({
-    app
-}) => {
-    app.config.globalProperties.$utools = UTOOLS
-    app.config.globalProperties.$programmings = programmings
-    app.config.globalProperties.$profile = defaultProfile
-    app.config.globalProperties.$Cron = Cron
-})

src/components/CommandCard.vue

@@ -36,8 +36,8 @@
             dense
             flat
             round
-            color="blue-9"
+            :color="!!cronExp ? 'amber' : 'blue-9'"
-            icon="insights"
+            :icon="!!cronExp ? 'timer' : 'insights'"
           >
             <q-tooltip anchor="top middle" self="center middle">
               设置
@@ -79,9 +79,9 @@
                   <q-item-section side>
                     <q-icon name="timer" />
                   </q-item-section>
-                  <q-item-section>添加定时任务</q-item-section>
+                  <q-item-section>定时任务</q-item-section>
                   <q-tooltip
-                    >定时执行当前命令，仅匹配类型为关键字时可用</q-tooltip
+                    >在后台定时执行当前命令，仅匹配类型为关键字时可用，且一律忽略输出</q-tooltip
                   >
                 </q-item>
               </q-list>
@@ -231,8 +231,7 @@
     </div>
     <q-dialog v-model="showCrontab">
       <CrontabSetting
-        :cronStatus="$profile.crontabs[featureCode]?.status"
+        :cronExp="cronExp"
-        :cronExp="$profile.crontabs[featureCode]?.cronExp"
         @addCrontab="addCrontab"
         @delCrontab="delCrontab"
       />
@@ -249,7 +248,7 @@ export default {
   components: { CrontabSetting },
   data() {
     return {
-      allProgrammings: this.$programmings,
+      allProgrammings: this.$root.programs,
       maxCmdStingLen: 8,
       commandTypes: commandTypes,
       platformTypes: platformTypes,
@@ -314,6 +313,9 @@ export default {
     featureCode() {
       return this.commandInfo.features.code;
     },
+    cronExp() {
+      return this.$root.profile.crontabs[this.featureCode];
+    },
   },
   props: {
     commandInfo: Object,
@@ -358,19 +360,12 @@ export default {
       this.$emit("commandChanged", event);
     },
     addCrontab(cronExp) {
-      this.$profile.crontabs[this.featureCode] = {
+      this.$root.profile.crontabs[this.featureCode] = cronExp;
-        cronStatus: true,
+      this.$root.runCronTask(this.featureCode, cronExp);
-        cronExp: cronExp,
-      };
-      this.cronJob = this.$Cron(cronExp, () => {
-        this.runCommand();
-      });
     },
     delCrontab() {
-      this.$profile.crontabs[this.featureCode] = {
+      delete this.$root.profile.crontabs[this.featureCode];
-        cronStatus: false,
+      this.$root.cronJobs[this.featureCode].stop();
-      };
-      this.cronJob.stop();
     },
     // 启用/禁用命令
     toggleCommandActivated() {

src/components/CommandEditor.vue

@@ -61,13 +61,13 @@
             >
               <template v-slot:append>
                 <q-avatar size="lg" square>
-                  <img :src="$programmings[quickcommandInfo.program].icon" />
+                  <img :src="$root.programs[quickcommandInfo.program].icon" />
                 </q-avatar>
               </template>
               <template v-slot:option="scope">
                 <q-item v-bind="scope.itemProps">
                   <q-item-section avatar>
-                    <img width="32" :src="$programmings[scope.opt].icon" />
+                    <img width="32" :src="$root.programs[scope.opt].icon" />
                   </q-item-section>
                   <q-item-section>
                     <q-item-label v-html="scope.opt" />
@@ -166,7 +166,7 @@ export default {
   components: { MonacoEditor, CommandSideBar, CommandRunResult },
   data() {
     return {
-      programLanguages: Object.keys(this.$programmings),
+      programLanguages: Object.keys(this.$root.programs),
       sideBarWidth: 250,
       languageBarHeight: 40,
       canCommandSave: this.action.type === "code" ? false : true,
@@ -214,7 +214,7 @@ export default {
     init() {
       let quickCommandInfo =
         this.action.type !== "edit"
-          ? this.$utools.getDB(this.$utools.DBPRE.CFG + "preferences")
+          ? this.$root.utools.getDB(this.$root.utools.DBPRE.CFG + "preferences")
               ?.codeHistory[this.action.type]
           : this.action.data;
       quickCommandInfo?.program &&
@@ -234,7 +234,7 @@ export default {
     },
     // 匹配编程语言
     matchLanguage() {
-      let language = Object.values(this.$programmings).filter(
+      let language = Object.values(this.$root.programs).filter(
         (program) => program.ext === this.quickcommandInfo.customOptions.ext
       );
       if (language.length) {
@@ -243,7 +243,7 @@ export default {
     },
     // 设置编程语言
     setLanguage(language) {
-      let highlight = this.$programmings[language].highlight;
+      let highlight = this.$root.programs[language].highlight;
       this.$refs.editor.setEditorLanguage(highlight ? highlight : language);
     },
     // 打开文档
@@ -330,9 +330,9 @@ export default {
       if (!updatedData) return;
       Object.assign(this.quickcommandInfo, _.cloneDeep(updatedData));
       let newQuickcommandInfo = _.cloneDeep(this.quickcommandInfo);
-      this.$utools.putDB(
+      this.$root.utools.putDB(
         newQuickcommandInfo,
-        this.$utools.DBPRE.QC + this.quickcommandInfo.features.code
+        this.$root.utools.DBPRE.QC + this.quickcommandInfo.features.code
       );
       this.$emit("editorEvent", {
         type: "save",

src/components/CommandRunResult.vue

@@ -106,9 +106,10 @@ export default {
           !outPlugin && this.showRunResult(stdout, true, action);
         });
       } else {
-        let option = this.$programmings[currentCommand.program];
+        let option =
-        if (currentCommand.program === "custom")
+          currentCommand.program === "custom"
-          option = currentCommand.customOptions;
+            ? currentCommand.customOptions
+            : this.$root.programs[currentCommand.program];
         option.scptarg = currentCommand.scptarg;
         option.charset = currentCommand.charset;
         window.runCodeFile(

src/components/CommandSideBar.vue

@@ -331,7 +331,8 @@ export default {
     },
     setIcon(language) {
       this.currentCommand.features.icon?.slice(0, 10) === "data:image" ||
-        (this.currentCommand.features.icon = this.$programmings[language].icon);
+        (this.currentCommand.features.icon =
+          this.$root.programs[language].icon);
     },
     getCommandType() {
       let data = { type: "key", match: [] };

src/components/ConfigurationMenu.vue

@@ -32,20 +32,20 @@
                 input-class="text-center"
                 style="width: 280px"
                 autofocus
-                v-model="quickFeatures.favFile.tag"
+                v-model="$root.profile.quickFeatures.favFile.tag"
                 type="text"
               >
                 <template v-slot:append>
                   <q-toggle
                     @click="toggleFeature('favFile')"
-                    v-model="quickFeatures.favFile.enable"
+                    v-model="$root.profile.quickFeatures.favFile.enable"
                     checked-icon="check"
                     color="primary"
                   />
                 </template>
                 <q-tooltip
                   >启用后，选中文件可以通过超级面板快速将文件收藏到「{{
-                    quickFeatures.favFile.tag
+                    $root.profile.quickFeatures.favFile.tag
                   }}」标签
                 </q-tooltip>
               </q-input>
@@ -61,20 +61,20 @@
                 outlined
                 input-class="text-center"
                 style="width: 280px"
-                v-model="quickFeatures.favUrl.tag"
+                v-model="$root.profile.quickFeatures.favUrl.tag"
                 type="text"
               >
                 <template v-slot:append>
                   <q-toggle
                     @click="toggleFeature('favUrl')"
-                    v-model="quickFeatures.favUrl.enable"
+                    v-model="$root.profile.quickFeatures.favUrl.enable"
                     checked-icon="check"
                     color="primary"
                   />
                 </template>
                 <q-tooltip
                   >启用后，在浏览器界面可以通过超级面板快速将网址收藏到「{{
-                    quickFeatures.favUrl.tag
+                    $root.profile.quickFeatures.favUrl.tag
                   }}」标签
                 </q-tooltip>
               </q-input>
@@ -91,13 +91,13 @@
                 input-class="text-center"
                 style="width: 280px"
                 autofocus
-                v-model="quickFeatures.pluNickName.tag"
+                v-model="$root.profile.quickFeatures.pluNickName.tag"
                 type="text"
               >
                 <template v-slot:append>
                   <q-toggle
                     @click="toggleFeature('pluNickName')"
-                    v-model="quickFeatures.pluNickName.enable"
+                    v-model="$root.profile.quickFeatures.pluNickName.enable"
                     checked-icon="check"
                     color="primary"
                   />
@@ -105,7 +105,7 @@
                 <q-tooltip
                   >启用后，在主输入框输入「插件别名」可以快速设置插件别名<br />
                   并将所有设置的别名保存至「{{
-                    quickFeatures.pluNickName.tag
+                    $root.profile.quickFeatures.pluNickName.tag
                   }}」标签
                 </q-tooltip>
               </q-input>
@@ -119,7 +119,7 @@
                 prefix="开启快捷命令服务"
                 suffix="端口"
                 outlined
-                v-model="quickFeatures.apiServer.port"
+                v-model="$root.profile.quickFeatures.apiServer.port"
                 input-class="text-center"
                 style="width: 280px"
                 type="text"
@@ -127,7 +127,7 @@
                 <template v-slot:append>
                   <q-toggle
                     @click="toggleFeature('apiServer')"
-                    v-model="quickFeatures.apiServer.enable"
+                    v-model="$root.profile.quickFeatures.apiServer.enable"
                     checked-icon="check"
                     color="primary"
                   />
@@ -135,7 +135,7 @@
                 <q-tooltip
                   >启用后，在主输入框输入「快捷命令服务」可以进入配置一个后台服务<br />
                   通过本地监听{{
-                    quickFeatures.apiServer.port
+                    $root.profile.quickFeatures.apiServer.port
                   }}端口的形式，接收用户传送过来的参数，然后根据参数执行不同的操作
                   <br />
                   本功能的意义在于，将 utools
@@ -233,7 +233,7 @@
                     no-header
                     no-footer
                     @change="setPrimaryColor"
-                    v-model="primaryColor"
+                    v-model="$root.profile.primaryColor"
                   />
                   <q-btn
                     color="primary"
@@ -343,7 +343,6 @@ export default {
       selectFile: ref(null),
       showAbout: false,
       showPanelConf: false,
-      quickFeatures: this.$profile.quickFeatures,
       features: features,
     };
   },
@@ -391,21 +390,21 @@ export default {
     },
     // 设置主题色
     setPrimaryColor() {
-      this.setCssVar("primary", this.$profile.primaryColor);
+      this.setCssVar("primary", this.$root.profile.primaryColor);
     },
     // 重置主题色
     resetPrimary() {
-      this.$profile.primaryColor = this.$profile.defaultPrimaryColor;
+      this.$root.profile.primaryColor = this.$root.profile.defaultPrimaryColor;
       this.setPrimaryColor();
     },
     // 修改面板视图背景
     changeBackground(reset = false) {
-      this.$profile.backgroundImg = reset ? null : this.selectFile.path;
+      this.$root.profile.backgroundImg = reset ? null : this.selectFile.path;
       this.configurationPage.$forceUpdate();
     },
     // 取消收藏
     unMarkTag() {
-      this.$utools.whole.removeFeature(
+      this.$root.utools.whole.removeFeature(
         `panel_${window.hexEncode(this.currentTag)}`
       );
       _.pull(this.$root.$refs.view.activatedQuickPanels, this.currentTag);
@@ -413,8 +412,8 @@ export default {
     },
     // 实用功能
     toggleFeature(type) {
-      this.$utools.whole.removeFeature(this.features[type].code) ||
+      this.$root.utools.whole.removeFeature(this.features[type].code) ||
-        this.$utools.whole.setFeature(_.cloneDeep(this.features[type]));
+        this.$root.utools.whole.setFeature(_.cloneDeep(this.features[type]));
     },
   },
 };

src/components/popup/CrontabSetting.vue

@@ -54,7 +54,7 @@
         flat
         color="negative"
         icon="alarm_off"
-        v-if="cronStatus"
+        v-if="!!cronExp"
         @click="delCrontab"
         label="禁用"
       />
@@ -71,22 +71,24 @@
 </template>
 
 <script>
+import Cron from "croner";
+
 export default {
   data() {
     return {
-      cronDetail: {
+      default: {
         min: { label: "分钟", value: "" },
         hour: { label: "小时", value: "" },
         day: { label: "天", value: "*" },
         month: { label: "月", value: "*" },
         week: { label: "星期", value: "*" },
       },
+      cronDetail: {},
       intervalId: null,
       nextLeftTime: null,
     };
   },
   props: {
-    cronStatus: Boolean,
     cronExp: String,
   },
   computed: {
@@ -97,7 +99,7 @@ export default {
     },
     cronJob() {
       try {
-        return this.$Cron(this.cronConverted);
+        return Cron(this.cronConverted);
       } catch (error) {
         return null;
       }
@@ -127,6 +129,7 @@ export default {
       window.showHelpPage("#Q0e7s");
     },
     initValue() {
+      this.cronDetail = _.cloneDeep(this.default);
       if (!this.cronExp) return;
       let splited = this.cronExp.split(" ");
       Object.keys(this.cronDetail).forEach((key, index) => {
@@ -146,6 +149,7 @@ export default {
     },
     delCrontab() {
       this.$emit("delCrontab");
+      this.cronDetail = _.cloneDeep(this.default);
       quickcommand.showMessageBox("禁用成功");
     },
   },

src/components/popup/PanelSetting.vue

@@ -71,7 +71,7 @@ export default {
   },
   methods: {
     markTag() {
-      this.$utools.whole.setFeature(_.cloneDeep(this.features));
+      this.$root.utools.whole.setFeature(_.cloneDeep(this.features));
       this.$root.$refs.view.activatedQuickPanels.push(this.currentTag);
       quickcommand.showMessageBox(
         `主输入框输入『${this.features.cmds.join("、")}』即可直接进入『${

src/components/quickFeatures/ApiServer.vue

@@ -6,8 +6,8 @@
       ref="editor"
       @typing="
         (val) => {
-          if ($profile.quickFeatures.apiServer.cmd !== val) {
+          if ($root.profile.quickFeatures.apiServer.cmd !== val) {
-            $profile.quickFeatures.apiServer.cmd = val;
+            $root.profile.quickFeatures.apiServer.cmd = val;
           }
           restartServer();
         }
@@ -33,7 +33,7 @@
         <q-badge color="primary" dense square>POST</q-badge
         ><q-badge color="primary" dense square>GET</q-badge>
         <span>
-          http://127.0.0.1:{{ $profile.quickFeatures.apiServer.port }}
+          http://127.0.0.1:{{ $root.profile.quickFeatures.apiServer.port }}
         </span>
         <span>的参数，均会作为本脚本里的变量 </span>
       </div>
@@ -44,7 +44,9 @@
           flat
           color="negative"
           icon="stop"
-          v-if="serverStatus && !restartTimer"
+          v-if="
+            $root.profile.quickFeatures.apiServer.serverStatus && !restartTimer
+          "
           @click="stopServer"
           label="停止服务"
         />
@@ -52,7 +54,9 @@
           flat
           color="warning"
           icon="restart_alt"
-          v-else-if="serverStatus && !!restartTimer"
+          v-else-if="
+            $root.profile.quickFeatures.apiServer.serverStatus && !!restartTimer
+          "
           @click="restartServer"
           label="正在重载"
         />
@@ -78,12 +82,13 @@ export default {
   data() {
     return {
       bottomHeight: 40,
-      serverStatus: this.$profile.quickFeatures.apiServer.serverStatus,
       restartTimer: null,
     };
   },
   mounted() {
-    this.$refs.editor.setEditorValue(this.$profile.quickFeatures.apiServer.cmd);
+    this.$refs.editor.setEditorValue(
+      this.$root.profile.quickFeatures.apiServer.cmd
+    );
     this.$refs.editor.setEditorLanguage("javascript");
     this.restartTimer = null;
   },
@@ -96,33 +101,31 @@ export default {
         )
         .then((ok) => {
           if (!ok) return;
-          this.$profile.quickFeatures.apiServer.serverStatus =
+          this.$root.profile.quickFeatures.apiServer.serverStatus = true;
-            this.serverStatus = true;
           window
             .quickcommandHttpServer()
             .run(
-              this.$profile.quickFeatures.apiServer.cmd,
+              this.$root.profile.quickFeatures.apiServer.cmd,
-              this.$profile.quickFeatures.apiServer.port
+              this.$root.profile.quickFeatures.apiServer.port
             );
           quickcommand.showMessageBox("启动服务成功！");
         });
     },
     stopServer() {
       window.quickcommandHttpServer().stop();
-      this.$profile.quickFeatures.apiServer.serverStatus =
+      this.$root.profile.quickFeatures.apiServer.serverStatus = false;
-        this.serverStatus = false;
       quickcommand.showMessageBox("关闭服务成功！");
     },
     restartServer() {
-      if (!this.serverStatus) return;
+      if (!this.$root.profile.quickFeatures.apiServer.serverStatus) return;
       clearTimeout(this.restartTimer);
       this.restartTimer = setTimeout(() => {
         window.quickcommandHttpServer().stop();
         window
           .quickcommandHttpServer()
           .run(
-            this.$profile.quickFeatures.apiServer.cmd,
+            this.$root.profile.quickFeatures.apiServer.cmd,
-            this.$profile.quickFeatures.apiServer.port
+            this.$root.profile.quickFeatures.apiServer.port
           );
         this.restartTimer = null;
       }, 1000);

src/components/quickFeatures/FavFile.vue

@@ -21,7 +21,7 @@ export default {
         program: "quickcommand",
         cmd: `open(\"${file.path.replace(/\\/g, "\\\\")}\")`,
         output: "ignore",
-        tags: [this.$profile.quickFeatures.favFile.tag],
+        tags: [this.$root.profile.quickFeatures.favFile.tag],
       };
       this.importCommand(command);
     });

src/components/quickFeatures/FavUrl.vue

@@ -47,7 +47,7 @@ export default {
       program: "quickcommand",
       cmd: `visit(\"${url}\")\n`,
       output: "ignore",
-      tags: [this.$profile.quickFeatures.favUrl.tag],
+      tags: [this.$root.profile.quickFeatures.favUrl.tag],
     };
     try {
       let res = await quickcommand.downloadFile(iconUrl, iconPath);

src/components/quickFeatures/PluginNickName.vue

@@ -127,7 +127,7 @@ export default {
         program: "quickcommand",
         cmd: `utools.redirect("${this.feature.cmd}");utools.showMainWindow()`,
         output: "ignore",
-        tags: [this.$profile.quickFeatures.pluNickName.tag],
+        tags: [this.$root.profile.quickFeatures.pluNickName.tag],
       };
       this.importCommand(command);
       this.nickName = [];

src/pages/CommandPage.vue

@@ -23,7 +23,7 @@ export default {
   },
   computed: {
     currentCommand() {
-      return this.$utools.whole.db.get("qc_" + this.featureCode).data;
+      return this.$root.utools.whole.db.get("qc_" + this.featureCode).data;
     },
   },
   methods: {

src/pages/ConfigurationPage.vue

@@ -40,8 +40,8 @@
         bottom: footerBarHeight,
         left: tabBarWidth,
         background:
-          commandCardStyle === 'mini' && $profile.backgroundImg
+          commandCardStyle === 'mini' && $root.profile.backgroundImg
-            ? 'url(file:///' + $profile.backgroundImg + ')'
+            ? 'url(file:///' + $root.profile.backgroundImg + ')'
             : 'none',
         backgroundSize: 'cover',
       }"
@@ -118,7 +118,7 @@
             <!-- 切换视图 -->
             <q-btn-toggle
               v-model="commandCardStyle"
-              @click="$profile.commandCardStyle = commandCardStyle"
+              @click="$root.profile.commandCardStyle = commandCardStyle"
               toggle-color="primary"
               flat
               :options="[
@@ -227,7 +227,7 @@ export default {
       isCommandEditorShow: false,
       commandEditorAction: {},
       footerBarHeight: "40px",
-      commandCardStyle: this.$profile.commandCardStyle,
+      commandCardStyle: this.$root.profile.commandCardStyle,
       commandCardStyleSheet: {
         mini: {
           width: "20%",
@@ -334,7 +334,10 @@ export default {
     },
     importDefaultCommands() {
       for (var code of Object.keys(defaultCommands)) {
-        this.$utools.putDB(defaultCommands[code], this.$utools.DBPRE.QC + code);
+        this.$root.utools.putDB(
+          defaultCommands[code],
+          this.$root.utools.DBPRE.QC + code
+        );
       }
       Object.assign(this.allQuickCommands, defaultCommands);
     },
@@ -356,8 +359,8 @@ export default {
     // 获取所有的快捷命令（导出的格式）
     getAllQuickCommands() {
       let allQcs = {};
-      this.$utools
+      this.$root.utools
-        .getDocs(this.$utools.DBPRE.QC)
+        .getDocs(this.$root.utools.DBPRE.QC)
         .forEach((x) => (allQcs[x.data.features.code] = x.data));
       return allQcs;
     },
@@ -390,14 +393,14 @@ export default {
     },
     // 启用命令
     enableCommand(code) {
-      this.$utools.whole.setFeature(
+      this.$root.utools.whole.setFeature(
         _.cloneDeep(this.allQuickCommands[code].features)
       );
       this.activatedQuickCommandFeatureCodes.push(code);
     },
     // 禁用命令
     disableCommand(code) {
-      this.$utools.whole.removeFeature(code);
+      this.$root.utools.whole.removeFeature(code);
       this.activatedQuickCommandFeatureCodes =
         this.activatedQuickCommandFeatureCodes.filter((x) => x !== code);
     },
@@ -405,7 +408,7 @@ export default {
     removeCommand(code) {
       utools.copyText(JSON.stringify(this.allQuickCommands[code], null, 4));
       delete this.allQuickCommands[code];
-      this.$utools.delDB(this.$utools.DBPRE.QC + code);
+      this.$root.utools.delDB(this.$root.utools.DBPRE.QC + code);
       this.disableCommand(code);
       if (!this.allQuickCommandTags.includes(this.currentTag))
         this.currentTag = "默认";
@@ -455,7 +458,10 @@ export default {
         dataToPushed = parsedData.qc;
       }
       for (var code of Object.keys(dataToPushed)) {
-        this.$utools.putDB(dataToPushed[code], this.$utools.DBPRE.QC + code);
+        this.$root.utools.putDB(
+          dataToPushed[code],
+          this.$root.utools.DBPRE.QC + code
+        );
       }
       Object.assign(this.allQuickCommands, dataToPushed);
       quickcommand.showMessageBox("导入成功！");
@@ -512,10 +518,10 @@ export default {
           if (!isConfirmed)
             return quickcommand.showMessageBox("取消操作", "info");
           this.exportAllCommands(false);
-          this.$utools
+          this.$root.utools
-            .getDocs(this.$utools.DBPRE.QC)
+            .getDocs(this.$root.utools.DBPRE.QC)
             .map((x) => x._id)
-            .forEach((y) => this.$utools.delDB(y));
+            .forEach((y) => this.$root.utools.delDB(y));
           this.importDefaultCommands();
           this.clearAllFeatures();
           Object.keys(this.allQuickCommands).forEach((featureCode) => {
@@ -531,7 +537,7 @@ export default {
     // 删除所有 features
     clearAllFeatures() {
       for (var feature of utools.getFeatures()) {
-        this.$utools.whole.removeFeature(feature.code);
+        this.$root.utools.whole.removeFeature(feature.code);
       }
     },
     // 搜索
@@ -563,8 +569,8 @@ export default {
       if (!this.activatedQuickCommandFeatureCodes.includes(code))
         this.activatedQuickCommandFeatureCodes.push(code);
       // 先删除再添加，强制刷新
-      this.$utools.whole.removeFeature(code);
+      this.$root.utools.whole.removeFeature(code);
-      this.$utools.whole.setFeature(command.features);
+      this.$root.utools.whole.setFeature(command.features);
       this.locateToCommand(command.tags, code);
     },
     editorEvent(event) {

src/pages/ShareCenterPage.vue

@@ -186,7 +186,10 @@ export default {
         return quickcommand.showMessageBox("该命令格式有误！", "error");
       let pushData = _.cloneDeep(command);
       if (!pushData?.tags.includes("来自分享")) pushData.tags.push("来自分享");
-      this.$utools.putDB(_.cloneDeep(pushData), this.$utools.DBPRE.QC + code);
+      this.$root.utools.putDB(
+        _.cloneDeep(pushData),
+        this.$root.utools.DBPRE.QC + code
+      );
       quickcommand.showMessageBox("导入成功！可到「来自分享」标签查看");
     },
     updateSearch() {

src/pages/quickFeaturesPage.vue

@@ -24,11 +24,11 @@ export default {
   methods: {
     importCommand(command) {
       command = _.cloneDeep(command);
-      this.$utools.putDB(
+      this.$root.utools.putDB(
         command,
-        this.$utools.DBPRE.QC + command.features.code
+        this.$root.utools.DBPRE.QC + command.features.code
       );
-      this.$utools.whole.setFeature(command.features);
+      this.$root.utools.whole.setFeature(command.features);
     },
     getUid() {
       return Number(