@cnc_cbz/usefultools-plugin-official 1.0.1

package/dist/cron-expression.mjs

@@ -0,0 +1,487 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, createCommentVNode, createElementVNode, withDirectives, vModelText, toDisplayString, Fragment, renderList, normalizeClass, vModelSelect } from "vue";
+const _hoisted_1 = { class: "flex flex-col h-full gap-4 overflow-y-auto pr-1" };
+const _hoisted_2 = { class: "bg-deep-charcoal border-4 border-black rounded-xl p-4 shadow-hard" };
+const _hoisted_3 = { class: "flex gap-2 mb-3" };
+const _hoisted_4 = { class: "grid grid-cols-5 gap-2 mb-3" };
+const _hoisted_5 = { class: "font-mono text-base text-primary bg-bg-dark border-2 border-black rounded px-2 py-1.5" };
+const _hoisted_6 = { class: "text-xs text-gray-500 mt-1" };
+const _hoisted_7 = {
+  key: 0,
+  class: "flex items-center gap-2 px-3 py-2 bg-neon-green/10 border-2 border-neon-green/40 rounded-lg"
+};
+const _hoisted_8 = { class: "text-sm text-gray-200" };
+const _hoisted_9 = { class: "material-icons text-sm" };
+const _hoisted_10 = {
+  key: 1,
+  class: "flex items-center gap-2 px-3 py-2 bg-coral-red/15 border-2 border-coral-red/40 rounded-lg"
+};
+const _hoisted_11 = { class: "text-sm text-coral-red flex-1" };
+const _hoisted_12 = { class: "material-icons text-sm" };
+const _hoisted_13 = {
+  key: 2,
+  class: "grid grid-cols-2 sm:grid-cols-3 gap-x-6 gap-y-1 text-xs text-gray-400 font-mono mt-2 px-1"
+};
+const _hoisted_14 = { class: "flex-1 grid grid-cols-1 lg:grid-cols-2 gap-4 min-h-0" };
+const _hoisted_15 = { class: "flex flex-col gap-3" };
+const _hoisted_16 = { class: "bg-deep-charcoal border-4 border-black rounded-xl p-3 shadow-hard overflow-y-auto h-85" };
+const _hoisted_17 = { class: "grid grid-cols-2 gap-1.5" };
+const _hoisted_18 = ["onClick"];
+const _hoisted_19 = { class: "font-bold" };
+const _hoisted_20 = { class: "font-mono text-xs mt-0.5 opacity-60" };
+const _hoisted_21 = { class: "flex flex-col gap-3" };
+const _hoisted_22 = { class: "flex items-center justify-between h-8" };
+const _hoisted_23 = { class: "flex items-center gap-2" };
+const _hoisted_24 = { class: "text-sm font-bold text-gray-400 uppercase tracking-wider" };
+const _hoisted_25 = { class: "bg-deep-charcoal border-4 border-black rounded-xl p-3 shadow-hard overflow-y-auto h-85" };
+const _hoisted_26 = {
+  key: 0,
+  class: "space-y-0.5"
+};
+const _hoisted_27 = ["onClick"];
+const _hoisted_28 = { class: "text-xs text-gray-600 w-5 text-right shrink-0" };
+const _hoisted_29 = { class: "font-mono text-sm text-gray-200 flex-1" };
+const _hoisted_30 = {
+  key: 1,
+  class: "text-gray-500 text-sm text-center py-8"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const cronInput = ref("0 */5 * * *");
+    const copyField = ref("");
+    const nextCount = ref(10);
+    const showHelp = ref(false);
+    const NAMES = ["分钟", "小时", "日", "月", "星期"];
+    const RANGES = [[0, 59], [0, 23], [1, 31], [1, 12], [0, 6]];
+    const WK = ["日", "一", "二", "三", "四", "五", "六"];
+    const MO = ["", "1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"];
+    const presets = [
+      { label: "每分钟", v: "* * * * *" },
+      { label: "每5分钟", v: "*/5 * * * *" },
+      { label: "每小时", v: "0 * * * *" },
+      { label: "每天零点", v: "0 0 * * *" },
+      { label: "每天8点", v: "0 8 * * *" },
+      { label: "每周一9点", v: "0 9 * * 1" },
+      { label: "每月1号零点", v: "0 0 1 * *" },
+      { label: "工作日9点", v: "0 9 * * 1-5" },
+      { label: "每30分钟", v: "*/30 * * * *" },
+      { label: "每天12和18点", v: "0 12,18 * * *" }
+    ];
+    function pf(f, min, max) {
+      const vs = /* @__PURE__ */ new Set();
+      for (const p of f.split(",")) {
+        const sm = p.match(/^(.+)\/(\d+)$/);
+        let rng, step = 1;
+        if (sm) {
+          rng = sm[1];
+          step = +sm[2];
+          if (step <= 0) return null;
+        } else rng = p;
+        if (rng === "*") {
+          for (let i = min; i <= max; i += step) vs.add(i);
+        } else if (rng.includes("-")) {
+          const [a, b] = rng.split("-").map(Number);
+          if (isNaN(a) || isNaN(b) || a < min || b > max || a > b) return null;
+          for (let i = a; i <= b; i += step) vs.add(i);
+        } else {
+          const n = +rng;
+          if (isNaN(n) || n < min || n > max) return null;
+          if (sm) {
+            for (let i = n; i <= max; i += step) vs.add(i);
+          } else vs.add(n);
+        }
+      }
+      return vs.size ? [...vs].sort((a, b) => a - b) : null;
+    }
+    const parsed = computed(() => {
+      const ps = cronInput.value.trim().split(/\s+/);
+      if (ps.length !== 5) return { ok: false, error: `需要5个字段，当前${ps.length}个` };
+      const r = [];
+      for (let i = 0; i < 5; i++) {
+        const v = pf(ps[i], RANGES[i][0], RANGES[i][1]);
+        if (!v) return { ok: false, error: `${NAMES[i]}字段 "${ps[i]}" 无效` };
+        r.push(v);
+      }
+      return { ok: true, d: { mi: r[0], hr: r[1], dy: r[2], mo: r[3], wd: r[4] } };
+    });
+    const desc = computed(() => {
+      if (!parsed.value.ok) return "";
+      const { mi, hr, dy, mo, wd } = parsed.value.d;
+      const p = [];
+      if (wd.length < 7) p.push("每周" + wd.map((w) => WK[w]).join("、"));
+      if (mo.length < 12) p.push(mo.map((m) => MO[m]).join("、"));
+      if (dy.length < 31) p.push(dy.map((d) => `${d}号`).join("、"));
+      if (hr.length === 24 && mi.length === 60) return "每分钟执行";
+      if (hr.length === 24) p.push("每小时的第 " + mi.join("、") + " 分钟");
+      else if (mi.length === 1 && mi[0] === 0) p.push(hr.map((h) => `${h}点`).join("、") + "整");
+      else p.push(hr.map((h) => `${h}点`).join("、") + " " + mi.map((m) => `${m}分`).join("、"));
+      return (p.length ? p.join(" ") : "每分钟") + "执行";
+    });
+    const nextRuns = computed(() => {
+      if (!parsed.value.ok) return [];
+      const { mi, hr, dy, mo, wd } = parsed.value.d;
+      const ms = new Set(mi), hs = new Set(hr), ds = new Set(dy), mos = new Set(mo), ws = new Set(wd);
+      const res = [], now = /* @__PURE__ */ new Date(), pad = (n) => String(n).padStart(2, "0");
+      const c = new Date(now.getFullYear(), now.getMonth(), now.getDate(), now.getHours(), now.getMinutes() + 1, 0, 0);
+      const lim = new Date(now.getTime() + 366 * 864e5);
+      while (c < lim && res.length < nextCount.value) {
+        if (mos.has(c.getMonth() + 1) && ds.has(c.getDate()) && ws.has(c.getDay()) && hs.has(c.getHours()) && ms.has(c.getMinutes()))
+          res.push(`${c.getFullYear()}-${pad(c.getMonth() + 1)}-${pad(c.getDate())} ${pad(c.getHours())}:${pad(c.getMinutes())} 周${WK[c.getDay()]}`);
+        c.setMinutes(c.getMinutes() + 1);
+      }
+      return res;
+    });
+    const fields = computed(() => {
+      const ps = cronInput.value.trim().split(/\s+/);
+      return NAMES.map((n, i) => ({ name: n, value: ps[i] || "-" }));
+    });
+    async function cp(text, f) {
+      await navigator.clipboard.writeText(text);
+      copyField.value = f;
+      setTimeout(() => {
+        copyField.value = "";
+      }, 1200);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createCommentVNode(" 输入区 "),
+        createElementVNode("div", _hoisted_2, [
+          _cache[10] || (_cache[10] = createElementVNode(
+            "div",
+            { class: "flex items-center gap-2 mb-3" },
+            [
+              createElementVNode("span", { class: "material-icons text-primary text-lg" }, "timer"),
+              createElementVNode("span", { class: "text-sm font-bold text-gray-400 uppercase tracking-wider" }, "Cron 表达式")
+            ],
+            -1
+            /* CACHED */
+          )),
+          createElementVNode("div", _hoisted_3, [
+            withDirectives(createElementVNode(
+              "input",
+              {
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => cronInput.value = $event),
+                spellcheck: "false",
+                placeholder: "如 */5 * * * *",
+                class: "flex-1 h-12 bg-bg-dark text-gray-100 border-4 border-black rounded-lg px-4 font-mono text-lg shadow-hard focus:border-primary focus:shadow-none focus:translate-x-1 focus:translate-y-1 transition-all outline-none placeholder-gray-600"
+              },
+              null,
+              512
+              /* NEED_PATCH */
+            ), [
+              [vModelText, cronInput.value]
+            ]),
+            createElementVNode(
+              "button",
+              {
+                onClick: _cache[1] || (_cache[1] = ($event) => cp(cronInput.value, "cron")),
+                class: "h-12 px-4 bg-primary text-black font-bold border-2 border-black rounded shadow-hard-sm hover:shadow-none hover:translate-x-0.5 hover:translate-y-0.5 transition-all text-sm whitespace-nowrap"
+              },
+              toDisplayString(copyField.value === "cron" ? "✓ 已复制" : "复制"),
+              1
+              /* TEXT */
+            )
+          ]),
+          createElementVNode("div", _hoisted_4, [
+            (openBlock(true), createElementBlock(
+              Fragment,
+              null,
+              renderList(fields.value, (f) => {
+                return openBlock(), createElementBlock("div", {
+                  key: f.name,
+                  class: "text-center"
+                }, [
+                  createElementVNode(
+                    "div",
+                    _hoisted_5,
+                    toDisplayString(f.value),
+                    1
+                    /* TEXT */
+                  ),
+                  createElementVNode(
+                    "div",
+                    _hoisted_6,
+                    toDisplayString(f.name),
+                    1
+                    /* TEXT */
+                  )
+                ]);
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ]),
+          parsed.value.ok ? (openBlock(), createElementBlock("div", _hoisted_7, [
+            _cache[6] || (_cache[6] = createElementVNode(
+              "span",
+              { class: "material-icons text-neon-green text-base" },
+              "check_circle",
+              -1
+              /* CACHED */
+            )),
+            createElementVNode(
+              "span",
+              _hoisted_8,
+              toDisplayString(desc.value),
+              1
+              /* TEXT */
+            ),
+            createElementVNode("button", {
+              onClick: _cache[2] || (_cache[2] = ($event) => showHelp.value = !showHelp.value),
+              class: "ml-auto text-gray-500 hover:text-primary transition-colors flex items-center gap-1"
+            }, [
+              createElementVNode(
+                "span",
+                _hoisted_9,
+                toDisplayString(showHelp.value ? "expand_less" : "help_outline"),
+                1
+                /* TEXT */
+              ),
+              _cache[5] || (_cache[5] = createElementVNode(
+                "span",
+                { class: "text-xs" },
+                "语法",
+                -1
+                /* CACHED */
+              ))
+            ])
+          ])) : (openBlock(), createElementBlock("div", _hoisted_10, [
+            _cache[8] || (_cache[8] = createElementVNode(
+              "span",
+              { class: "material-icons text-coral-red text-base" },
+              "error_outline",
+              -1
+              /* CACHED */
+            )),
+            createElementVNode(
+              "span",
+              _hoisted_11,
+              toDisplayString(parsed.value.error),
+              1
+              /* TEXT */
+            ),
+            createElementVNode("button", {
+              onClick: _cache[3] || (_cache[3] = ($event) => showHelp.value = !showHelp.value),
+              class: "text-gray-500 hover:text-primary transition-colors flex items-center gap-1"
+            }, [
+              createElementVNode(
+                "span",
+                _hoisted_12,
+                toDisplayString(showHelp.value ? "expand_less" : "help_outline"),
+                1
+                /* TEXT */
+              ),
+              _cache[7] || (_cache[7] = createElementVNode(
+                "span",
+                { class: "text-xs" },
+                "语法",
+                -1
+                /* CACHED */
+              ))
+            ])
+          ])),
+          createCommentVNode(" 语法参考（折叠） "),
+          showHelp.value ? (openBlock(), createElementBlock("div", _hoisted_13, [..._cache[9] || (_cache[9] = [
+            createElementVNode(
+              "span",
+              null,
+              "*　　任意值",
+              -1
+              /* CACHED */
+            ),
+            createElementVNode(
+              "span",
+              null,
+              "5　　固定值",
+              -1
+              /* CACHED */
+            ),
+            createElementVNode(
+              "span",
+              null,
+              "1-5　范围",
+              -1
+              /* CACHED */
+            ),
+            createElementVNode(
+              "span",
+              null,
+              "*/5　每隔N",
+              -1
+              /* CACHED */
+            ),
+            createElementVNode(
+              "span",
+              null,
+              "1,3,5 列表",
+              -1
+              /* CACHED */
+            ),
+            createElementVNode(
+              "span",
+              null,
+              "1-5/2 范围步进",
+              -1
+              /* CACHED */
+            )
+          ])])) : createCommentVNode("v-if", true)
+        ]),
+        createElementVNode("div", _hoisted_14, [
+          createCommentVNode(" 常用预设 "),
+          createElementVNode("div", _hoisted_15, [
+            _cache[11] || (_cache[11] = createElementVNode(
+              "div",
+              { class: "flex items-center justify-between h-8" },
+              [
+                createElementVNode("div", { class: "flex items-center gap-2" }, [
+                  createElementVNode("span", { class: "material-icons text-electric-blue text-lg" }, "bookmarks"),
+                  createElementVNode("span", { class: "text-sm font-bold text-gray-400 uppercase tracking-wider" }, "常用预设")
+                ])
+              ],
+              -1
+              /* CACHED */
+            )),
+            createElementVNode("div", _hoisted_16, [
+              createElementVNode("div", _hoisted_17, [
+                (openBlock(), createElementBlock(
+                  Fragment,
+                  null,
+                  renderList(presets, (p) => {
+                    return createElementVNode("button", {
+                      key: p.v,
+                      onClick: ($event) => cronInput.value = p.v,
+                      class: normalizeClass(["text-left px-2.5 py-1.5 rounded-lg border-2 transition-all text-sm", cronInput.value === p.v ? "border-primary bg-primary/15 text-primary" : "border-black bg-bg-dark text-gray-300 hover:border-gray-600"])
+                    }, [
+                      createElementVNode(
+                        "div",
+                        _hoisted_19,
+                        toDisplayString(p.label),
+                        1
+                        /* TEXT */
+                      ),
+                      createElementVNode(
+                        "div",
+                        _hoisted_20,
+                        toDisplayString(p.v),
+                        1
+                        /* TEXT */
+                      )
+                    ], 10, _hoisted_18);
+                  }),
+                  64
+                  /* STABLE_FRAGMENT */
+                ))
+              ])
+            ])
+          ]),
+          createCommentVNode(" 下次执行时间 "),
+          createElementVNode("div", _hoisted_21, [
+            createElementVNode("div", _hoisted_22, [
+              createElementVNode("div", _hoisted_23, [
+                _cache[12] || (_cache[12] = createElementVNode(
+                  "span",
+                  { class: "material-icons text-vibrant-purple text-lg" },
+                  "event_upcoming",
+                  -1
+                  /* CACHED */
+                )),
+                createElementVNode(
+                  "span",
+                  _hoisted_24,
+                  "接下来 " + toDisplayString(nextCount.value) + " 次执行",
+                  1
+                  /* TEXT */
+                )
+              ]),
+              withDirectives(createElementVNode(
+                "select",
+                {
+                  "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => nextCount.value = $event),
+                  class: "bg-bg-dark text-gray-300 border-2 border-black rounded px-2 py-1 text-xs outline-none focus:border-primary"
+                },
+                [..._cache[13] || (_cache[13] = [
+                  createElementVNode(
+                    "option",
+                    { value: 5 },
+                    "5次",
+                    -1
+                    /* CACHED */
+                  ),
+                  createElementVNode(
+                    "option",
+                    { value: 10 },
+                    "10次",
+                    -1
+                    /* CACHED */
+                  ),
+                  createElementVNode(
+                    "option",
+                    { value: 20 },
+                    "20次",
+                    -1
+                    /* CACHED */
+                  ),
+                  createElementVNode(
+                    "option",
+                    { value: 50 },
+                    "50次",
+                    -1
+                    /* CACHED */
+                  )
+                ])],
+                512
+                /* NEED_PATCH */
+              ), [
+                [vModelSelect, nextCount.value]
+              ])
+            ]),
+            createElementVNode("div", _hoisted_25, [
+              nextRuns.value.length ? (openBlock(), createElementBlock("div", _hoisted_26, [
+                (openBlock(true), createElementBlock(
+                  Fragment,
+                  null,
+                  renderList(nextRuns.value, (run, i) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: i,
+                      class: "flex items-center gap-3 py-1.5 px-2 rounded hover:bg-white/5 cursor-pointer group",
+                      onClick: ($event) => cp(run, "r" + i)
+                    }, [
+                      createElementVNode(
+                        "span",
+                        _hoisted_28,
+                        toDisplayString(i + 1),
+                        1
+                        /* TEXT */
+                      ),
+                      createElementVNode(
+                        "span",
+                        _hoisted_29,
+                        toDisplayString(run),
+                        1
+                        /* TEXT */
+                      ),
+                      createElementVNode(
+                        "span",
+                        {
+                          class: normalizeClass(["material-icons text-sm opacity-0 group-hover:opacity-100 transition-opacity", copyField.value === "r" + i ? "text-neon-green" : "text-gray-500"])
+                        },
+                        toDisplayString(copyField.value === "r" + i ? "check" : "content_copy"),
+                        3
+                        /* TEXT, CLASS */
+                      )
+                    ], 8, _hoisted_27);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ])) : (openBlock(), createElementBlock("div", _hoisted_30, "请输入有效的 Cron 表达式"))
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};