@cnc_cbz/usefultools-plugin-official 1.0.1

package/dist/text-stats.mjs

@@ -0,0 +1,205 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, createElementVNode, withDirectives, vModelText, createCommentVNode, Fragment, renderList, toDisplayString, normalizeClass, normalizeStyle } from "vue";
+const _hoisted_1 = { class: "flex flex-col h-full gap-5" };
+const _hoisted_2 = { class: "bg-deep-charcoal border-4 border-black rounded-xl p-4 shadow-hard" };
+const _hoisted_3 = {
+  key: 0,
+  class: "flex-1 flex flex-col gap-4 overflow-auto min-h-0"
+};
+const _hoisted_4 = { class: "grid grid-cols-2 lg:grid-cols-4 gap-3" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = { class: "flex items-center gap-1.5 mb-1" };
+const _hoisted_7 = { class: "material-icons text-sm text-gray-600" };
+const _hoisted_8 = { class: "text-[10px] font-bold text-gray-500 uppercase tracking-wider" };
+const _hoisted_9 = {
+  key: 0,
+  class: "bg-deep-charcoal border-4 border-black rounded-xl p-4 shadow-hard"
+};
+const _hoisted_10 = { class: "space-y-1.5" };
+const _hoisted_11 = { class: "font-mono text-sm text-gray-300 w-24 truncate" };
+const _hoisted_12 = { class: "flex-1 h-4 bg-bg-dark rounded-full border border-black overflow-hidden" };
+const _hoisted_13 = { class: "font-mono text-xs text-gray-500 w-8 text-right" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const input = ref("");
+    const copyField = ref("");
+    const stats = computed(() => {
+      const text = input.value;
+      if (!text) return [];
+      const chars = text.length;
+      const charsNoSpace = text.replace(/\s/g, "").length;
+      const words = text.trim() ? text.trim().split(/\s+/).length : 0;
+      const lines = text ? text.split("\n").length : 0;
+      const sentences = text.trim() ? text.split(/[.!?。！？]+/).filter((s) => s.trim()).length : 0;
+      const paragraphs = text.trim() ? text.split(/\n\s*\n/).filter((p) => p.trim()).length : 0;
+      const cjk = (text.match(/[\u4e00-\u9fff\u3400-\u4dbf]/g) || []).length;
+      const enWords = (text.match(/[a-zA-Z]+/g) || []).length;
+      const digits = (text.match(/\d/g) || []).length;
+      const punctuation = (text.match(/[^\w\s\u4e00-\u9fff\u3400-\u4dbf]/g) || []).length;
+      const byteSize = new TextEncoder().encode(text).length;
+      return [
+        { label: "总字符数", value: chars.toLocaleString(), color: "text-primary", icon: "text_fields" },
+        { label: "字符数（不含空格）", value: charsNoSpace.toLocaleString(), color: "text-primary", icon: "text_fields" },
+        { label: "单词数", value: words.toLocaleString(), color: "text-electric-blue", icon: "spellcheck" },
+        { label: "行数", value: lines.toLocaleString(), color: "text-vibrant-purple", icon: "format_list_numbered" },
+        { label: "句子数", value: sentences.toLocaleString(), color: "text-neon-green", icon: "short_text" },
+        { label: "段落数", value: paragraphs.toLocaleString(), color: "text-hot-pink", icon: "subject" },
+        { label: "中文字符", value: cjk.toLocaleString(), color: "text-coral-red", icon: "translate" },
+        { label: "英文单词", value: enWords.toLocaleString(), color: "text-electric-blue", icon: "abc" },
+        { label: "数字字符", value: digits.toLocaleString(), color: "text-neon-green", icon: "pin" },
+        { label: "标点符号", value: punctuation.toLocaleString(), color: "text-gray-400", icon: "more_horiz" },
+        { label: "字节大小", value: formatBytes(byteSize), color: "text-vibrant-purple", icon: "data_usage" }
+      ];
+    });
+    const wordFreq = computed(() => {
+      if (!input.value.trim()) return [];
+      const words = input.value.toLowerCase().match(/[\u4e00-\u9fff]|[a-zA-Z]+/g) || [];
+      const freq = {};
+      for (const w of words) freq[w] = (freq[w] || 0) + 1;
+      return Object.entries(freq).sort((a, b) => b[1] - a[1]).slice(0, 10);
+    });
+    function formatBytes(bytes) {
+      if (bytes < 1024) return `${bytes} B`;
+      if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+      return `${(bytes / (1024 * 1024)).toFixed(2)} MB`;
+    }
+    async function copy(text, field) {
+      await navigator.clipboard.writeText(text);
+      copyField.value = field;
+      setTimeout(() => {
+        copyField.value = "";
+      }, 1200);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          _cache[1] || (_cache[1] = createElementVNode(
+            "div",
+            { class: "flex items-center gap-2 mb-3" },
+            [
+              createElementVNode("span", { class: "material-icons text-primary text-lg" }, "analytics"),
+              createElementVNode("span", { class: "text-sm font-bold text-gray-400 uppercase tracking-wider" }, "文本统计")
+            ],
+            -1
+            /* CACHED */
+          )),
+          withDirectives(createElementVNode(
+            "textarea",
+            {
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => input.value = $event),
+              rows: "6",
+              placeholder: "输入或粘贴文本...",
+              class: "w-full bg-bg-dark text-gray-100 border-4 border-black rounded-lg px-4 py-3 font-mono text-sm shadow-hard focus:border-primary focus:shadow-none focus:translate-x-[4px] focus:translate-y-[4px] transition-all outline-none placeholder-gray-600 resize-none"
+            },
+            null,
+            512
+            /* NEED_PATCH */
+          ), [
+            [vModelText, input.value]
+          ])
+        ]),
+        stats.value.length ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          createCommentVNode(" 统计网格 "),
+          createElementVNode("div", _hoisted_4, [
+            (openBlock(true), createElementBlock(
+              Fragment,
+              null,
+              renderList(stats.value, (s) => {
+                return openBlock(), createElementBlock("div", {
+                  key: s.label,
+                  class: "bg-deep-charcoal border-4 border-black rounded-xl p-3 shadow-hard cursor-pointer hover:border-primary transition-all group",
+                  onClick: ($event) => copy(s.value, s.label)
+                }, [
+                  createElementVNode("div", _hoisted_6, [
+                    createElementVNode(
+                      "span",
+                      _hoisted_7,
+                      toDisplayString(s.icon),
+                      1
+                      /* TEXT */
+                    ),
+                    createElementVNode(
+                      "span",
+                      _hoisted_8,
+                      toDisplayString(s.label),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  createElementVNode(
+                    "div",
+                    {
+                      class: normalizeClass(["font-mono text-lg font-bold", s.color])
+                    },
+                    toDisplayString(s.value),
+                    3
+                    /* TEXT, CLASS */
+                  )
+                ], 8, _hoisted_5);
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ]),
+          createCommentVNode(" 词频 "),
+          wordFreq.value.length ? (openBlock(), createElementBlock("div", _hoisted_9, [
+            _cache[2] || (_cache[2] = createElementVNode(
+              "div",
+              { class: "flex items-center gap-2 mb-3" },
+              [
+                createElementVNode("span", { class: "material-icons text-primary text-sm" }, "bar_chart"),
+                createElementVNode("span", { class: "text-xs font-bold text-gray-500 uppercase tracking-wider" }, "词频 TOP 10")
+              ],
+              -1
+              /* CACHED */
+            )),
+            createElementVNode("div", _hoisted_10, [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(wordFreq.value, ([word, count]) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: word,
+                    class: "flex items-center gap-3"
+                  }, [
+                    createElementVNode(
+                      "span",
+                      _hoisted_11,
+                      toDisplayString(word),
+                      1
+                      /* TEXT */
+                    ),
+                    createElementVNode("div", _hoisted_12, [
+                      createElementVNode(
+                        "div",
+                        {
+                          class: "h-full bg-primary rounded-full transition-all",
+                          style: normalizeStyle({ width: count / wordFreq.value[0][1] * 100 + "%" })
+                        },
+                        null,
+                        4
+                        /* STYLE */
+                      )
+                    ]),
+                    createElementVNode(
+                      "span",
+                      _hoisted_13,
+                      toDisplayString(count),
+                      1
+                      /* TEXT */
+                    )
+                  ]);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ])
+          ])) : createCommentVNode("v-if", true)
+        ])) : createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/timestamp-converter.mjs

@@ -0,0 +1,339 @@
+import { defineComponent, ref, onMounted, onBeforeUnmount, computed, openBlock, createElementBlock, createCommentVNode, createElementVNode, Fragment, renderList, toDisplayString, createTextVNode, normalizeClass, withDirectives, vModelText } from "vue";
+const _hoisted_1 = { class: "flex flex-col h-full gap-5" };
+const _hoisted_2 = { class: "bg-deep-charcoal border-4 border-black rounded-xl p-4 shadow-hard" };
+const _hoisted_3 = { class: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = { class: "text-xs text-gray-500 mb-1" };
+const _hoisted_6 = { class: "font-mono text-sm text-gray-100 break-all flex items-center gap-2" };
+const _hoisted_7 = { class: "flex-1 grid grid-cols-1 lg:grid-cols-2 gap-4 min-h-0" };
+const _hoisted_8 = { class: "flex flex-col gap-3" };
+const _hoisted_9 = { class: "flex gap-2" };
+const _hoisted_10 = {
+  key: 0,
+  class: "bg-deep-charcoal border-4 border-black rounded-xl p-4 shadow-hard space-y-2"
+};
+const _hoisted_11 = ["onClick"];
+const _hoisted_12 = { class: "text-xs text-gray-500 w-20 shrink-0" };
+const _hoisted_13 = { class: "font-mono text-sm text-gray-100 flex-1 text-right" };
+const _hoisted_14 = {
+  key: 1,
+  class: "px-4 py-2 bg-coral-red/20 border-2 border-coral-red rounded flex items-center gap-2 text-coral-red font-bold text-sm"
+};
+const _hoisted_15 = { class: "flex flex-col gap-3" };
+const _hoisted_16 = { class: "flex gap-2" };
+const _hoisted_17 = {
+  key: 0,
+  class: "bg-deep-charcoal border-4 border-black rounded-xl p-4 shadow-hard space-y-2"
+};
+const _hoisted_18 = ["onClick"];
+const _hoisted_19 = { class: "text-xs text-gray-500 w-20 shrink-0" };
+const _hoisted_20 = { class: "font-mono text-sm text-gray-100 flex-1 text-right" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const timestampInput = ref("");
+    const dateInput = ref("");
+    const errorMsg = ref("");
+    const now = ref(Date.now());
+    const copyField = ref("");
+    let timer;
+    onMounted(() => {
+      timer = setInterval(() => {
+        now.value = Date.now();
+      }, 1e3);
+    });
+    onBeforeUnmount(() => clearInterval(timer));
+    const currentSeconds = computed(() => Math.floor(now.value / 1e3));
+    const currentMillis = computed(() => now.value);
+    const currentISO = computed(() => new Date(now.value).toISOString());
+    const currentLocal = computed(() => formatLocal(new Date(now.value)));
+    function formatLocal(d) {
+      const pad = (n) => String(n).padStart(2, "0");
+      return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}:${pad(d.getSeconds())}`;
+    }
+    const tsResult = computed(() => {
+      const raw = timestampInput.value.trim();
+      if (!raw) return null;
+      const n = Number(raw);
+      if (isNaN(n)) {
+        errorMsg.value = "无效的时间戳";
+        return null;
+      }
+      const ms = raw.length <= 10 ? n * 1e3 : n;
+      const d = new Date(ms);
+      if (isNaN(d.getTime())) {
+        errorMsg.value = "无效的时间戳";
+        return null;
+      }
+      errorMsg.value = "";
+      return {
+        local: formatLocal(d),
+        iso: d.toISOString(),
+        utc: d.toUTCString(),
+        relative: getRelative(d),
+        date: d
+      };
+    });
+    const dateResult = computed(() => {
+      const raw = dateInput.value.trim();
+      if (!raw) return null;
+      const d = new Date(raw);
+      if (isNaN(d.getTime())) return null;
+      return { seconds: Math.floor(d.getTime() / 1e3), millis: d.getTime() };
+    });
+    function getRelative(d) {
+      const diff = Date.now() - d.getTime();
+      const abs = Math.abs(diff);
+      const suffix = diff > 0 ? "前" : "后";
+      if (abs < 6e4) return `${Math.floor(abs / 1e3)} 秒${suffix}`;
+      if (abs < 36e5) return `${Math.floor(abs / 6e4)} 分钟${suffix}`;
+      if (abs < 864e5) return `${Math.floor(abs / 36e5)} 小时${suffix}`;
+      return `${Math.floor(abs / 864e5)} 天${suffix}`;
+    }
+    function useNow() {
+      timestampInput.value = String(Math.floor(Date.now() / 1e3));
+    }
+    function useNowDate() {
+      dateInput.value = formatLocal(/* @__PURE__ */ new Date());
+    }
+    async function copy(text, field) {
+      await navigator.clipboard.writeText(text);
+      copyField.value = field;
+      setTimeout(() => {
+        copyField.value = "";
+      }, 1200);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createCommentVNode(" 当前时间实时显示 "),
+        createElementVNode("div", _hoisted_2, [
+          _cache[2] || (_cache[2] = createElementVNode(
+            "div",
+            { class: "flex items-center gap-2 mb-3" },
+            [
+              createElementVNode("span", { class: "material-icons text-primary text-lg" }, "schedule"),
+              createElementVNode("span", { class: "text-sm font-bold text-gray-400 uppercase tracking-wider" }, "当前时间"),
+              createElementVNode("span", { class: "ml-2 w-2 h-2 rounded-full bg-neon-green animate-pulse" })
+            ],
+            -1
+            /* CACHED */
+          )),
+          createElementVNode("div", _hoisted_3, [
+            (openBlock(true), createElementBlock(
+              Fragment,
+              null,
+              renderList([
+                { label: "秒级时间戳", value: String(currentSeconds.value), key: "cs" },
+                { label: "毫秒时间戳", value: String(currentMillis.value), key: "cm" },
+                { label: "本地时间", value: currentLocal.value, key: "cl" },
+                { label: "ISO 8601", value: currentISO.value, key: "ci" }
+              ], (item) => {
+                return openBlock(), createElementBlock("div", {
+                  key: item.key,
+                  class: "bg-bg-dark border-2 border-black rounded-lg p-3 cursor-pointer hover:border-primary transition-all group",
+                  onClick: ($event) => copy(item.value, item.key)
+                }, [
+                  createElementVNode(
+                    "div",
+                    _hoisted_5,
+                    toDisplayString(item.label),
+                    1
+                    /* TEXT */
+                  ),
+                  createElementVNode("div", _hoisted_6, [
+                    createTextVNode(
+                      toDisplayString(item.value) + " ",
+                      1
+                      /* TEXT */
+                    ),
+                    createElementVNode(
+                      "span",
+                      {
+                        class: normalizeClass(["material-icons text-sm opacity-0 group-hover:opacity-100 transition-opacity", copyField.value === item.key ? "text-neon-green" : "text-gray-500"])
+                      },
+                      toDisplayString(copyField.value === item.key ? "check" : "content_copy"),
+                      3
+                      /* TEXT, CLASS */
+                    )
+                  ])
+                ], 8, _hoisted_4);
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ])
+        ]),
+        createCommentVNode(" 双向转换区域 "),
+        createElementVNode("div", _hoisted_7, [
+          createCommentVNode(" 时间戳 → 日期 "),
+          createElementVNode("div", _hoisted_8, [
+            _cache[4] || (_cache[4] = createElementVNode(
+              "div",
+              { class: "flex items-center gap-2" },
+              [
+                createElementVNode("span", { class: "material-icons text-primary text-lg" }, "tag"),
+                createElementVNode("span", { class: "text-sm font-bold text-gray-400 uppercase tracking-wider" }, "时间戳 → 日期")
+              ],
+              -1
+              /* CACHED */
+            )),
+            createElementVNode("div", _hoisted_9, [
+              withDirectives(createElementVNode(
+                "input",
+                {
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => timestampInput.value = $event),
+                  placeholder: "输入秒级或毫秒级时间戳...",
+                  class: "flex-1 h-10 bg-deep-charcoal text-gray-100 border-4 border-black rounded-lg px-4 font-mono text-sm shadow-hard focus:border-primary focus:shadow-none focus:translate-x-[4px] focus:translate-y-[4px] transition-all outline-none placeholder-gray-600"
+                },
+                null,
+                512
+                /* NEED_PATCH */
+              ), [
+                [vModelText, timestampInput.value]
+              ]),
+              createElementVNode("button", {
+                onClick: useNow,
+                class: "h-10 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"
+              }, " 现在 ")
+            ]),
+            createCommentVNode(" 转换结果 "),
+            tsResult.value ? (openBlock(), createElementBlock("div", _hoisted_10, [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList([
+                  { label: "本地时间", value: tsResult.value.local, key: "tl" },
+                  { label: "ISO 8601", value: tsResult.value.iso, key: "ti" },
+                  { label: "UTC", value: tsResult.value.utc, key: "tu" },
+                  { label: "相对时间", value: tsResult.value.relative, key: "tr" }
+                ], (row) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: row.key,
+                    class: "flex items-center justify-between py-1.5 px-2 rounded hover:bg-white/5 cursor-pointer group",
+                    onClick: ($event) => copy(row.value, row.key)
+                  }, [
+                    createElementVNode(
+                      "span",
+                      _hoisted_12,
+                      toDisplayString(row.label),
+                      1
+                      /* TEXT */
+                    ),
+                    createElementVNode(
+                      "span",
+                      _hoisted_13,
+                      toDisplayString(row.value),
+                      1
+                      /* TEXT */
+                    ),
+                    createElementVNode(
+                      "span",
+                      {
+                        class: normalizeClass(["material-icons text-sm ml-2 opacity-0 group-hover:opacity-100 transition-opacity", copyField.value === row.key ? "text-neon-green" : "text-gray-500"])
+                      },
+                      toDisplayString(copyField.value === row.key ? "check" : "content_copy"),
+                      3
+                      /* TEXT, CLASS */
+                    )
+                  ], 8, _hoisted_11);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ])) : timestampInput.value.trim() && errorMsg.value ? (openBlock(), createElementBlock("div", _hoisted_14, [
+              _cache[3] || (_cache[3] = createElementVNode(
+                "span",
+                { class: "material-icons text-lg" },
+                "error_outline",
+                -1
+                /* CACHED */
+              )),
+              createTextVNode(
+                " " + toDisplayString(errorMsg.value),
+                1
+                /* TEXT */
+              )
+            ])) : createCommentVNode("v-if", true)
+          ]),
+          createCommentVNode(" 日期 → 时间戳 "),
+          createElementVNode("div", _hoisted_15, [
+            _cache[5] || (_cache[5] = createElementVNode(
+              "div",
+              { class: "flex items-center gap-2" },
+              [
+                createElementVNode("span", { class: "material-icons text-neon-green text-lg" }, "calendar_today"),
+                createElementVNode("span", { class: "text-sm font-bold text-gray-400 uppercase tracking-wider" }, "日期 → 时间戳")
+              ],
+              -1
+              /* CACHED */
+            )),
+            createElementVNode("div", _hoisted_16, [
+              withDirectives(createElementVNode(
+                "input",
+                {
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => dateInput.value = $event),
+                  placeholder: "如 2024-01-15 12:30:00 或 ISO 格式...",
+                  class: "flex-1 h-10 bg-deep-charcoal text-gray-100 border-4 border-black rounded-lg px-4 font-mono text-sm shadow-hard focus:border-primary focus:shadow-none focus:translate-x-[4px] focus:translate-y-[4px] transition-all outline-none placeholder-gray-600"
+                },
+                null,
+                512
+                /* NEED_PATCH */
+              ), [
+                [vModelText, dateInput.value]
+              ]),
+              createElementVNode("button", {
+                onClick: useNowDate,
+                class: "h-10 px-4 bg-neon-green 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"
+              }, " 现在 ")
+            ]),
+            dateResult.value ? (openBlock(), createElementBlock("div", _hoisted_17, [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList([
+                  { label: "秒级时间戳", value: String(dateResult.value.seconds), key: "ds" },
+                  { label: "毫秒时间戳", value: String(dateResult.value.millis), key: "dm" }
+                ], (row) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: row.key,
+                    class: "flex items-center justify-between py-1.5 px-2 rounded hover:bg-white/5 cursor-pointer group",
+                    onClick: ($event) => copy(row.value, row.key)
+                  }, [
+                    createElementVNode(
+                      "span",
+                      _hoisted_19,
+                      toDisplayString(row.label),
+                      1
+                      /* TEXT */
+                    ),
+                    createElementVNode(
+                      "span",
+                      _hoisted_20,
+                      toDisplayString(row.value),
+                      1
+                      /* TEXT */
+                    ),
+                    createElementVNode(
+                      "span",
+                      {
+                        class: normalizeClass(["material-icons text-sm ml-2 opacity-0 group-hover:opacity-100 transition-opacity", copyField.value === row.key ? "text-neon-green" : "text-gray-500"])
+                      },
+                      toDisplayString(copyField.value === row.key ? "check" : "content_copy"),
+                      3
+                      /* TEXT, CLASS */
+                    )
+                  ], 8, _hoisted_18);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ])) : createCommentVNode("v-if", true)
+          ])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};