From 05999db5d2b3cb8020c3f49b30d11037dd9a0700 Mon Sep 17 00:00:00 2001
From: fofolee <fofolee@qq.com>
Date: Mon, 18 Apr 2022 08:05:35 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=9A=E6=97=B6=E4=BB=BB=E5=8A=A1=2080%?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 plugin/preload.js                           |   9 ++
 src/assets/feature/crontab.png              | Bin 3759 -> 0 bytes
 src/components/CommandCard.vue              |  74 ++++++++-
 src/components/ConfigurationMenu.vue        |  34 -----
 src/components/popup/CrontabSetting.vue     | 161 ++++++++++++++++++++
 src/components/quickFeatures/ApiServer.vue  |   7 +-
 src/components/quickFeatures/CrontabCmd.vue |  55 -------
 src/js/options/defaultProfile.js            |   5 +-
 src/js/options/quickFeatures.js             |   7 -
 src/pages/quickFeaturesPage.vue             |   2 -
 10 files changed, 240 insertions(+), 114 deletions(-)
 delete mode 100644 src/assets/feature/crontab.png
 create mode 100644 src/components/popup/CrontabSetting.vue
 delete mode 100644 src/components/quickFeatures/CrontabCmd.vue

diff --git a/plugin/preload.js b/plugin/preload.js
index 0158a28..5ce3749 100644
--- a/plugin/preload.js
+++ b/plugin/preload.js
@@ -498,6 +498,15 @@ let createNodeVM = (userVars) => {
     return vm
 }
 
+window.showHelpPage = path => {
+    utools.ubrowser
+        .goto("https://www.yuque.com/fofolee-awga0/cpbg1m/bg31vl" + path)
+        .run({
+            width: 1380,
+            height: 750
+        });
+}
+
 window.VmEval = (cmd, sandbox = {}) => new VM({
     sandbox: sandbox
 }).run(cmd)
diff --git a/src/assets/feature/crontab.png b/src/assets/feature/crontab.png
deleted file mode 100644
index 5d0a5afc82a8aeb37f5a9a7e617d5fc7d7fd05a5..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3759
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
Z`5zMNp{SrOq80!E002ovPDHLkV1l-&4G;hT

diff --git a/src/components/CommandCard.vue b/src/components/CommandCard.vue
index 36b0cf4..382b897 100644
--- a/src/components/CommandCard.vue
+++ b/src/components/CommandCard.vue
@@ -37,10 +37,10 @@
             flat
             round
             color="blue-9"
-            icon="share"
+            icon="insights"
           >
             <q-tooltip anchor="top middle" self="center middle">
-              导出
+              设置
             </q-tooltip>
             <q-menu transition-show="jump-down" transition-hide="jump-up">
               <q-list style="min-width: 100px">
@@ -56,6 +56,34 @@
                   </q-item-section>
                   <q-item-section>复制到剪贴板</q-item-section>
                 </q-item>
+                <q-item clickable disable>
+                  <q-item-section side>
+                    <q-icon name="share" />
+                  </q-item-section>
+                  <q-item-section>分享</q-item-section>
+                  <q-tooltip>暂未开放</q-tooltip>
+                </q-item>
+                <q-item clickable disable>
+                  <q-item-section side>
+                    <q-icon name="supervisor_account" />
+                  </q-item-section>
+                  <q-item-section>分享设置</q-item-section>
+                  <q-tooltip>暂未开放</q-tooltip>
+                </q-item>
+                <q-item
+                  clickable
+                  v-close-popup
+                  @click="showCrontab = true"
+                  :disable="!canCommandAddCron"
+                >
+                  <q-item-section side>
+                    <q-icon name="timer" />
+                  </q-item-section>
+                  <q-item-section>添加定时任务</q-item-section>
+                  <q-tooltip
+                    >定时执行当前命令，仅匹配类型为关键字时可用</q-tooltip
+                  >
+                </q-item>
               </q-list>
             </q-menu>
           </q-btn>
@@ -201,20 +229,32 @@
         </q-card-section>
       </q-card>
     </div>
+    <q-dialog v-model="showCrontab">
+      <CrontabSetting
+        :cronStatus="$profile.crontabs[featureCode]?.status"
+        :cronExp="$profile.crontabs[featureCode]?.cronExp"
+        @addCrontab="addCrontab"
+        @delCrontab="delCrontab"
+      />
+    </q-dialog>
   </div>
 </template>
 
 <script>
 import commandTypes from "../js/options/commandTypes.js";
 import platformTypes from "../js/options/platformTypes.js";
+import CrontabSetting from "components/popup/CrontabSetting";
 
 export default {
+  components: { CrontabSetting },
   data() {
     return {
       allProgrammings: this.$programmings,
       maxCmdStingLen: 8,
       commandTypes: commandTypes,
       platformTypes: platformTypes,
+      showCrontab: false,
+      cronJob: null,
     };
   },
   computed: {
@@ -243,6 +283,10 @@ export default {
       if (cmd.type && cmd.type === "window") return false;
       return true;
     },
+    // 命令未启用也可以添加计划任务
+    canCommandAddCron() {
+      return !!this.commandInfo.features.cmds[0].length;
+    },
     // 默认命令不可删除
     canCommandEdit() {
       if (utools.isDev()) return true;
@@ -267,6 +311,9 @@ export default {
     cardBgColor() {
       return this.$q.dark.isActive ? "#ffffff08" : "#00000008";
     },
+    featureCode() {
+      return this.commandInfo.features.code;
+    },
   },
   props: {
     commandInfo: Object,
@@ -298,7 +345,7 @@ export default {
     editCommand() {
       let event = {
         type: "edit",
-        data: this.commandInfo.features.code,
+        data: this.featureCode,
       };
       this.$emit("commandChanged", event);
     },
@@ -306,14 +353,29 @@ export default {
     runCommand() {
       let event = {
         type: "run",
-        data: this.commandInfo.features.code,
+        data: this.featureCode,
       };
       this.$emit("commandChanged", event);
     },
+    addCrontab(cronExp) {
+      this.$profile.crontabs[this.featureCode] = {
+        cronStatus: true,
+        cronExp: cronExp,
+      };
+      this.cronJob = this.$Cron(cronExp, () => {
+        this.runCommand();
+      });
+    },
+    delCrontab() {
+      this.$profile.crontabs[this.featureCode] = {
+        cronStatus: false,
+      };
+      this.cronJob.stop();
+    },
     // 启用/禁用命令
     toggleCommandActivated() {
       let event = {
-        data: this.commandInfo.features.code,
+        data: this.featureCode,
         type: "toggle",
       };
       event.type = this.isCommandActivated ? "disable" : "enable";
@@ -324,7 +386,7 @@ export default {
       quickcommand.showConfirmBox("删除这个快捷命令").then((x) => {
         if (!x) return;
         this.isCommandAlive = false;
-        let code = this.commandInfo.features.code;
+        let code = this.featureCode;
         this.$emit("commandChanged", {
           type: "remove",
           data: code,
diff --git a/src/components/ConfigurationMenu.vue b/src/components/ConfigurationMenu.vue
index b991d84..11db6e9 100644
--- a/src/components/ConfigurationMenu.vue
+++ b/src/components/ConfigurationMenu.vue
@@ -110,40 +110,6 @@
                 </q-tooltip>
               </q-input>
             </q-item>
-            <q-item>
-              <q-item-section side>
-                <q-icon name="timer" />
-              </q-item-section>
-              <q-input
-                dense
-                prefix="新建计划任务至"
-                suffix="标签"
-                outlined
-                input-class="text-center"
-                style="width: 280px"
-                v-model="quickFeatures.crontab.tag"
-                type="text"
-              >
-                <template v-slot:append>
-                  <q-toggle
-                    @click="toggleFeature('crontab')"
-                    v-model="quickFeatures.crontab.enable"
-                    checked-icon="check"
-                    color="primary"
-                  />
-                </template>
-                <q-tooltip
-                  >启用后，在主输入框输入「计划任务」可以配置计划任务，定制执行指定或新建的快捷命令<br />
-                  如果是直接新建，则新建的任务会保存在「{{
-                    quickFeatures.crontab.tag
-                  }}」标签<br />
-                  注意此功能并没有使用系统自带的计划任务，需要配置插件跟随
-                  utools 启动和保留后台<br />
-                  本功能比系统自带的更为强大，因为你可以在计划任务中任意使用
-                  utools 或 quickcommand 的 api
-                </q-tooltip>
-              </q-input>
-            </q-item>
             <q-item>
               <q-item-section side>
                 <q-icon name="api" />
diff --git a/src/components/popup/CrontabSetting.vue b/src/components/popup/CrontabSetting.vue
new file mode 100644
index 0000000..090fee3
--- /dev/null
+++ b/src/components/popup/CrontabSetting.vue
@@ -0,0 +1,161 @@
+<template>
+  <q-card>
+    <q-card-section class="text-h5 text-center">定时执行</q-card-section>
+    <q-card-section class="flex">
+      <div
+        v-for="item in Object.keys(cronDetail)"
+        :key="item"
+        class="q-pa-sm"
+        :style="{
+          width: '20%',
+        }"
+      >
+        <q-input
+          v-model="cronDetail[item].value"
+          stack-label
+          autofocus
+          type="text"
+          standout="bg-primary text-white"
+          :label="cronDetail[item].label"
+        >
+        </q-input>
+      </div>
+    </q-card-section>
+    <q-card-section class="q-px-lg q-gutter-md">
+      <div class="flex items-center">
+        <div class="text-primary text-weight-bolder">表达式</div>
+        <div class="q-px-sm">
+          {{ cronConverted }}
+        </div>
+      </div>
+      <div class="flex">
+        <div class="text-primary text-weight-bolder">距下次</div>
+        <div class="q-px-sm">
+          {{ nextLeftTime }}
+        </div>
+      </div>
+      <div class="flex">
+        <div class="text-primary text-weight-bolder">下三次</div>
+        <div v-for="time in nextTasks" :key="time" class="q-px-sm">
+          {{ time }}
+        </div>
+      </div>
+    </q-card-section>
+    <q-card-actions align="right" class="q-px-lg">
+      <q-btn
+        flat
+        color="grey"
+        icon="arrow_back_ios_new"
+        label="返回"
+        v-close-popup
+      />
+      <q-btn flat color="info" icon="help" label="帮助" @click="showHelp" />
+      <q-btn
+        flat
+        color="negative"
+        icon="alarm_off"
+        v-if="cronStatus"
+        @click="delCrontab"
+        label="禁用"
+      />
+      <q-btn
+        flat
+        color="primary"
+        icon="alarm_on"
+        v-else
+        @click="addCrontab"
+        label="启用"
+      />
+    </q-card-actions>
+  </q-card>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      cronDetail: {
+        min: { label: "分钟", value: "" },
+        hour: { label: "小时", value: "" },
+        day: { label: "天", value: "*" },
+        month: { label: "月", value: "*" },
+        week: { label: "星期", value: "*" },
+      },
+      intervalId: null,
+      nextLeftTime: null,
+    };
+  },
+  props: {
+    cronStatus: Boolean,
+    cronExp: String,
+  },
+  computed: {
+    cronConverted() {
+      return _.values(this.cronDetail)
+        .map((x) => x.value)
+        .join(" ");
+    },
+    cronJob() {
+      try {
+        return this.$Cron(this.cronConverted);
+      } catch (error) {
+        return null;
+      }
+    },
+    nextTasks() {
+      return this.cronJob?.enumerate(3)?.map((x) => x?.toLocaleString());
+    },
+  },
+  methods: {
+    formatDuring(ms) {
+      if (!ms) return;
+      let days = parseInt(ms / (1000 * 60 * 60 * 24));
+      let hours = parseInt((ms % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+      let minutes = parseInt((ms % (1000 * 60 * 60)) / (1000 * 60));
+      let seconds = Math.floor((ms % (1000 * 60)) / 1000);
+      return (
+        days + " 天 " + hours + " 小时 " + minutes + " 分钟 " + seconds + " 秒 "
+      );
+    },
+    refreshTime() {
+      if (!!this.intervalId) return;
+      this.intervalId = setInterval(() => {
+        this.nextLeftTime = this.formatDuring(this.cronJob?.msToNext());
+      }, 1000);
+    },
+    showHelp() {
+      window.showHelpPage("#Q0e7s");
+    },
+    initValue() {
+      if (!this.cronExp) return;
+      let splited = this.cronExp.split(" ");
+      Object.keys(this.cronDetail).forEach((key, index) => {
+        this.cronDetail[key].value = splited[index];
+      });
+    },
+    addCrontab() {
+      if (!this.cronJob)
+        return quickcommand.showMessageBox(
+          "crontab表达式错误，请检查！",
+          "error"
+        );
+      this.$emit("addCrontab", this.cronConverted);
+      quickcommand.showMessageBox(
+        `启用成功，下次执行时间为 ${this.nextTasks[0]}`
+      );
+    },
+    delCrontab() {
+      this.$emit("delCrontab");
+      quickcommand.showMessageBox("禁用成功");
+    },
+  },
+  mounted() {
+    this.initValue();
+    this.refreshTime();
+  },
+  unmounted() {
+    clearInterval(this.intervalId);
+    this.intervalId = null;
+  },
+};
+</script>
diff --git a/src/components/quickFeatures/ApiServer.vue b/src/components/quickFeatures/ApiServer.vue
index 47e4195..1a6bccb 100644
--- a/src/components/quickFeatures/ApiServer.vue
+++ b/src/components/quickFeatures/ApiServer.vue
@@ -128,12 +128,7 @@ export default {
       }, 1000);
     },
     showHelp() {
-      utools.ubrowser
-        .goto("https://www.yuque.com/fofolee-awga0/cpbg1m/bg31vl#GNjEg")
-        .run({
-          width: 1380,
-          height: 750,
-        });
+      window.showHelpPage("#GNjEg");
     },
   },
 };
diff --git a/src/components/quickFeatures/CrontabCmd.vue b/src/components/quickFeatures/CrontabCmd.vue
deleted file mode 100644
index f461aa2..0000000
--- a/src/components/quickFeatures/CrontabCmd.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<template>
-  <q-card>
-    <q-card-section class="text-h5 text-center">定时执行</q-card-section>
-    <q-card-section class="q-gutter-md">
-      <q-input
-        v-model="crontab"
-        type="text"
-        standout="bg-primary text-white"
-        label="请输入 Crontab 表达式"
-        mask="# # # # # #"
-      >
-        <template v-slot:append>
-          <q-btn flat icon="help"></q-btn>
-        </template>
-      </q-input>
-      <pre class="explain">
-        {{ explain }}
-      </pre>
-      <div>当前状态：</div>
-      <div>下次执行时间：</div>
-    </q-card-section>
-    <q-card-actions align="right">
-      <q-btn flat color="negative" v-close-popup>禁用</q-btn>
-      <q-btn flat color="primary" v-close-popup>启用</q-btn>
-    </q-card-actions>
-  </q-card>
-</template>
-
-<script>
-const explain = `
-┌──────────────── (可选) 秒 (0 - 59)
-│ ┌────────────── 分钟 (0 - 59)
-│ │ ┌──────────── 小时 (0 - 23)
-│ │ │ ┌────────── 日 (1 - 31)
-│ │ │ │ ┌──────── 月 (1 - 12, 一月-十二月)
-│ │ │ │ │ ┌────── 星期 (0 - 6, 周日-周六)
-*  *  *  *  *  *`;
-
-export default {
-  data() {
-    return {
-      crontab: "",
-      explain: explain,
-    };
-  },
-};
-</script>
-
-<style scoped>
-.explain {
-  background: #ffffff18;
-  padding: 0 10px;
-  border-radius: 5px;
-}
-</style>
diff --git a/src/js/options/defaultProfile.js b/src/js/options/defaultProfile.js
index 656e84d..d02d9ce 100644
--- a/src/js/options/defaultProfile.js
+++ b/src/js/options/defaultProfile.js
@@ -4,6 +4,7 @@ export default {
     defaultPrimaryColor: "#009688",
     backgroundImg: null,
     codeHistory: {},
+    crontabs: {},
     quickFeatures: {
         favFile: {
             enable: false,
@@ -17,10 +18,6 @@ export default {
             enable: false,
             tag: "别名"
         },
-        crontab: {
-            enable: false,
-            tag: "任务"
-        },
         apiServer: {
             enable: false,
             port: 33442,
diff --git a/src/js/options/quickFeatures.js b/src/js/options/quickFeatures.js
index 375ce9e..f77a6f3 100644
--- a/src/js/options/quickFeatures.js
+++ b/src/js/options/quickFeatures.js
@@ -43,13 +43,6 @@ const quickFeatures = {
         icon: require("../../assets/feature/plugin.png"),
         platform: ["win32", "darwin", "linux"],
     },
-    crontab: {
-        code: "feature_crontab",
-        explain: "为快捷命令添加计划任务",
-        cmds: ["计划任务", "crontab"],
-        icon: require("../../assets/feature/crontab.png"),
-        platform: ["win32", "darwin", "linux"],
-    },
     apiServer: {
         code: "feature_apiServer",
         explain: "配置快捷命令后台服务",
diff --git a/src/pages/quickFeaturesPage.vue b/src/pages/quickFeaturesPage.vue
index 0c29b01..d285475 100644
--- a/src/pages/quickFeaturesPage.vue
+++ b/src/pages/quickFeaturesPage.vue
@@ -4,7 +4,6 @@
 
 <script>
 import PluginNickName from "components/quickFeatures/PluginNickName";
-import CrontabCmd from "components/quickFeatures/CrontabCmd";
 import ApiServer from "components/quickFeatures/ApiServer";
 import FavFile from "components/quickFeatures/FavFile";
 import FavUrl from "components/quickFeatures/FavUrl";
@@ -13,7 +12,6 @@ import { markRaw } from "vue";
 export default {
   components: {
     pluNickName: markRaw(PluginNickName),
-    crontab: markRaw(CrontabCmd),
     apiServer: markRaw(ApiServer),
     favFile: markRaw(FavFile),
     favUrl: markRaw(FavUrl),