@cnc_cbz/usefultools-plugin-official 1.0.5 → 1.0.7

package/dist/translator.mjs

@@ -28,27 +28,32 @@ const _hoisted_14 = {
 };
 const _hoisted_15 = { class: "flex-1 grid grid-cols-1 lg:grid-cols-2 gap-4 min-h-0" };
 const _hoisted_16 = { class: "flex flex-col min-h-0" };
-const _hoisted_17 = { class: "flex flex-col min-h-0" };
-const _hoisted_18 = { class: "flex items-center gap-2 mb-2" };
-const _hoisted_19 = { class: "material-icons text-sm" };
-const _hoisted_20 = { class: "flex-1 w-full bg-deep-charcoal border-4 border-black rounded-xl p-4 overflow-auto shadow-hard min-h-[200px] text-sm leading-relaxed flex flex-col" };
-const _hoisted_21 = {
+const _hoisted_17 = ["placeholder"];
+const _hoisted_18 = { class: "flex flex-col min-h-0" };
+const _hoisted_19 = { class: "flex items-center gap-2 mb-2" };
+const _hoisted_20 = { class: "material-icons text-sm" };
+const _hoisted_21 = { class: "flex-1 w-full bg-deep-charcoal border-4 border-black rounded-xl p-4 overflow-auto shadow-hard min-h-[200px] text-sm leading-relaxed flex flex-col" };
+const _hoisted_22 = {
   key: 0,
-  class: "text-gray-600"
+  class: "text-gray-400 flex items-center gap-2"
 };
-const _hoisted_22 = {
+const _hoisted_23 = {
   key: 1,
+  class: "text-gray-600"
+};
+const _hoisted_24 = {
+  key: 2,
   class: "text-gray-100 whitespace-pre-wrap"
 };
-const _hoisted_23 = {
+const _hoisted_25 = {
   key: 0,
   class: "fixed inset-0 z-50 flex items-center justify-center"
 };
-const _hoisted_24 = { class: "relative w-full max-w-lg bg-deep-charcoal border-4 border-black rounded-xl shadow-hard-xl p-6 flex flex-col gap-4" };
-const _hoisted_25 = { class: "flex items-center gap-2" };
-const _hoisted_26 = { class: "flex flex-col gap-1.5" };
-const _hoisted_27 = { class: "flex flex-col gap-1.5" };
-const _hoisted_28 = { class: "flex justify-end gap-3 mt-1" };
+const _hoisted_26 = { class: "relative w-full max-w-lg bg-deep-charcoal border-4 border-black rounded-xl shadow-hard-xl p-6 flex flex-col gap-4" };
+const _hoisted_27 = { class: "flex items-center gap-2" };
+const _hoisted_28 = { class: "flex flex-col gap-1.5" };
+const _hoisted_29 = { class: "flex flex-col gap-1.5" };
+const _hoisted_30 = { class: "flex justify-end gap-3 mt-1" };
 const GOOGLE_KEY = "translator-google-api-key";
 const AI_KEY = "translator-ai-api-key";
 const AI_MODEL_KEY = "translator-ai-model";
@@ -250,6 +255,48 @@ ${sourceText.value}`;
         copySuccess.value = false;
       }, 1500);
     }
+    function detectAndSwitchTarget(text) {
+      if (sourceLang.value !== "auto") return;
+      const stripped = text.replace(/\s+/g, "");
+      if (!stripped) return;
+      const cjkCount = (stripped.match(/[\u4e00-\u9fff]/g) || []).length;
+      const ratio = cjkCount / stripped.length;
+      const newTarget = ratio > 0.3 ? "en" : "zh-CN";
+      if (targetLang.value !== newTarget) targetLang.value = newTarget;
+    }
+    let googleDebounceTimer = null;
+    function triggerGoogleAuto() {
+      if (engine.value !== "google") return;
+      if (googleDebounceTimer) clearTimeout(googleDebounceTimer);
+      if (!sourceText.value.trim()) {
+        translatedText.value = "";
+        loading.value = false;
+        return;
+      }
+      loading.value = true;
+      translatedText.value = "";
+      errorMsg.value = "";
+      googleDebounceTimer = setTimeout(async () => {
+        try {
+          await translateGoogle();
+        } catch (e) {
+          errorMsg.value = e.message || "翻译失败";
+        } finally {
+          loading.value = false;
+        }
+      }, 500);
+    }
+    watch(sourceText, (val) => {
+      detectAndSwitchTarget(val);
+      triggerGoogleAuto();
+    });
+    watch([sourceLang, targetLang], () => triggerGoogleAuto());
+    function onTextareaKeydown(e) {
+      if (engine.value === "ai" && e.key === "Enter" && !e.shiftKey) {
+        e.preventDefault();
+        translate();
+      }
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createCommentVNode(" Toolbar "),
@@ -486,24 +533,19 @@ ${sourceText.value}`;
               -1
               /* CACHED */
             )),
-            withDirectives(createElementVNode(
-              "textarea",
-              {
-                "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => sourceText.value = $event),
-                spellcheck: "false",
-                placeholder: "在此输入要翻译的文本...",
-                class: "flex-1 w-full bg-deep-charcoal text-gray-100 border-4 border-black rounded-xl p-4 font-mono text-sm leading-relaxed resize-none shadow-hard focus:border-primary focus:shadow-none focus:translate-x-[4px] focus:translate-y-[4px] transition-all outline-none placeholder-gray-600 min-h-[200px]"
-              },
-              null,
-              512
-              /* NEED_PATCH */
-            ), [
+            withDirectives(createElementVNode("textarea", {
+              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => sourceText.value = $event),
+              spellcheck: "false",
+              placeholder: engine.value === "google" ? "输入文本自动翻译..." : "在此输入要翻译的文本...\nEnter 翻译 / Shift+Enter 换行",
+              class: "flex-1 w-full bg-deep-charcoal text-gray-100 border-4 border-black rounded-xl p-4 font-mono text-sm leading-relaxed resize-none shadow-hard focus:border-primary focus:shadow-none focus:translate-x-[4px] focus:translate-y-[4px] transition-all outline-none placeholder-gray-600 min-h-[200px]",
+              onKeydown: onTextareaKeydown
+            }, null, 40, _hoisted_17), [
               [vModelText, sourceText.value]
             ])
           ]),
           createCommentVNode(" 翻译结果 "),
-          createElementVNode("div", _hoisted_17, [
-            createElementVNode("div", _hoisted_18, [
+          createElementVNode("div", _hoisted_18, [
+            createElementVNode("div", _hoisted_19, [
               _cache[18] || (_cache[18] = createElementVNode(
                 "span",
                 { class: "material-icons text-neon-green text-lg" },
@@ -528,7 +570,7 @@ ${sourceText.value}`;
                 [
                   createElementVNode(
                     "span",
-                    _hoisted_19,
+                    _hoisted_20,
                     toDisplayString(copySuccess.value ? "check_circle" : "content_copy"),
                     1
                     /* TEXT */
@@ -543,10 +585,23 @@ ${sourceText.value}`;
                 /* CLASS */
               )) : createCommentVNode("v-if", true)
             ]),
-            createElementVNode("div", _hoisted_20, [
-              !translatedText.value ? (openBlock(), createElementBlock("div", _hoisted_21, " 翻译结果将显示在这里... ")) : (openBlock(), createElementBlock(
+            createElementVNode("div", _hoisted_21, [
+              loading.value && engine.value === "google" ? (openBlock(), createElementBlock("div", _hoisted_22, [..._cache[20] || (_cache[20] = [
+                createElementVNode(
+                  "span",
+                  { class: "material-icons text-primary text-base animate-spin" },
+                  "hourglass_top",
+                  -1
+                  /* CACHED */
+                ),
+                createTextVNode(
+                  " 翻译中... ",
+                  -1
+                  /* CACHED */
+                )
+              ])])) : !translatedText.value ? (openBlock(), createElementBlock("div", _hoisted_23, " 翻译结果将显示在这里... ")) : (openBlock(), createElementBlock(
                 "div",
-                _hoisted_22,
+                _hoisted_24,
                 toDisplayString(translatedText.value),
                 1
                 /* TEXT */
@@ -556,21 +611,21 @@ ${sourceText.value}`;
         ]),
         createCommentVNode(" API Key 设置弹窗 "),
         (openBlock(), createBlock(Teleport, { to: "body" }, [
-          showSettings.value ? (openBlock(), createElementBlock("div", _hoisted_23, [
+          showSettings.value ? (openBlock(), createElementBlock("div", _hoisted_25, [
             createElementVNode("div", {
               class: "absolute inset-0 bg-black/60",
               onClick: _cache[6] || (_cache[6] = ($event) => showSettings.value = false)
             }),
-            createElementVNode("div", _hoisted_24, [
-              createElementVNode("div", _hoisted_25, [
-                _cache[21] || (_cache[21] = createElementVNode(
+            createElementVNode("div", _hoisted_26, [
+              createElementVNode("div", _hoisted_27, [
+                _cache[22] || (_cache[22] = createElementVNode(
                   "span",
                   { class: "material-icons text-primary text-xl" },
                   "key",
                   -1
                   /* CACHED */
                 )),
-                _cache[22] || (_cache[22] = createElementVNode(
+                _cache[23] || (_cache[23] = createElementVNode(
                   "span",
                   { class: "text-lg font-bold text-white" },
                   "配置 API Key",
@@ -580,7 +635,7 @@ ${sourceText.value}`;
                 createElementVNode("button", {
                   class: "ml-auto w-8 h-8 flex items-center justify-center text-gray-400 hover:text-white transition-colors",
                   onClick: _cache[7] || (_cache[7] = ($event) => showSettings.value = false)
-                }, [..._cache[20] || (_cache[20] = [
+                }, [..._cache[21] || (_cache[21] = [
                   createElementVNode(
                     "span",
                     { class: "material-icons" },
@@ -591,8 +646,8 @@ ${sourceText.value}`;
                 ])])
               ]),
               createCommentVNode(" Google API Key "),
-              createElementVNode("div", _hoisted_26, [
-                _cache[23] || (_cache[23] = createElementVNode(
+              createElementVNode("div", _hoisted_28, [
+                _cache[24] || (_cache[24] = createElementVNode(
                   "label",
                   { class: "text-xs font-bold text-gray-400 uppercase tracking-wider" },
                   "Google Translation API Key",
@@ -615,8 +670,8 @@ ${sourceText.value}`;
                 ])
               ]),
               createCommentVNode(" SiliconFlow API Key "),
-              createElementVNode("div", _hoisted_27, [
-                _cache[24] || (_cache[24] = createElementVNode(
+              createElementVNode("div", _hoisted_29, [
+                _cache[25] || (_cache[25] = createElementVNode(
                   "label",
                   { class: "text-xs font-bold text-gray-400 uppercase tracking-wider" },
                   "SiliconFlow API Key（AI 翻译）",
@@ -637,7 +692,7 @@ ${sourceText.value}`;
                 ), [
                   [vModelText, aiKeyInput.value]
                 ]),
-                _cache[25] || (_cache[25] = createElementVNode(
+                _cache[26] || (_cache[26] = createElementVNode(
                   "p",
                   { class: "text-[11px] text-gray-600" },
                   "密钥从 cloud.siliconflow.cn 获取，保存后可在工具栏选择模型",
@@ -645,7 +700,7 @@ ${sourceText.value}`;
                   /* CACHED */
                 ))
               ]),
-              createElementVNode("div", _hoisted_28, [
+              createElementVNode("div", _hoisted_30, [
                 createElementVNode("button", {
                   class: "px-4 py-2 bg-white/10 text-gray-300 font-bold border-2 border-white/20 rounded hover:border-white hover:text-white transition-all text-sm",
                   onClick: _cache[10] || (_cache[10] = ($event) => showSettings.value = false)
@@ -829,6 +884,10 @@ export {
     z-index: 50;
   }
 
+  .col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
   .-mx-1 {
     margin-inline: calc(var(--spacing) * -1);
   }
@@ -949,6 +1008,10 @@ export {
     height: calc(var(--spacing) * 4);
   }
 
+  .h-5 {
+    height: calc(var(--spacing) * 5);
+  }
+
   .h-7 {
     height: calc(var(--spacing) * 7);
   }
@@ -981,10 +1044,18 @@ export {
     height: 100%;
   }
 
+  .max-h-36 {
+    max-height: calc(var(--spacing) * 36);
+  }
+
   .max-h-40 {
     max-height: calc(var(--spacing) * 40);
   }
 
+  .max-h-48 {
+    max-height: calc(var(--spacing) * 48);
+  }
+
   .max-h-60 {
     max-height: calc(var(--spacing) * 60);
   }
@@ -1013,6 +1084,10 @@ export {
     min-height: 200px;
   }
 
+  .w-1\\.5 {
+    width: calc(var(--spacing) * 1.5);
+  }
+
   .w-2 {
     width: calc(var(--spacing) * 2);
   }
@@ -1093,6 +1168,10 @@ export {
     min-width: calc(var(--spacing) * 0);
   }
 
+  .min-w-\\[90px\\] {
+    min-width: 90px;
+  }
+
   .min-w-\\[200px\\] {
     min-width: 200px;
   }
@@ -1396,6 +1475,16 @@ export {
     border-color: var(--color-primary);
   }
 
+  .border-primary\\/40 {
+    border-color: #f9b11f66;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-primary\\/40 {
+      border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
+    }
+  }
+
   .border-transparent {
     border-color: #0000;
   }
@@ -1534,6 +1623,16 @@ export {
     }
   }
 
+  .bg-neon-green\\/20 {
+    background-color: #84cc1633;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-neon-green\\/20 {
+      background-color: color-mix(in oklab, var(--color-neon-green) 20%, transparent);
+    }
+  }
+
   .bg-primary {
     background-color: var(--color-primary);
   }
@@ -1760,6 +1859,14 @@ export {
     padding-left: calc(var(--spacing) * 8);
   }
 
+  .pl-\\[22px\\] {
+    padding-left: 22px;
+  }
+
+  .pl-\\[98px\\] {
+    padding-left: 98px;
+  }
+
   .text-center {
     text-align: center;
   }
@@ -1772,6 +1879,10 @@ export {
     text-align: right;
   }
 
+  .align-middle {
+    vertical-align: middle;
+  }
+
   .font-mono {
     font-family: var(--font-mono);
   }
@@ -2258,6 +2369,10 @@ export {
       color: var(--color-coral-red);
     }
 
+    .hover\\:text-gray-200:hover {
+      color: var(--color-gray-200);
+    }
+
     .hover\\:text-gray-300:hover {
       color: var(--color-gray-300);
     }
@@ -2309,6 +2424,18 @@ export {
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
+  .focus\\:border-electric-blue:focus {
+    border-color: var(--color-electric-blue);
+  }
+
+  .focus\\:border-gray-500:focus {
+    border-color: var(--color-gray-500);
+  }
+
+  .focus\\:border-neon-green:focus {
+    border-color: var(--color-neon-green);
+  }
+
   .focus\\:border-primary:focus {
     border-color: var(--color-primary);
   }
@@ -2326,6 +2453,14 @@ export {
     cursor: grabbing;
   }
 
+  .disabled\\:cursor-not-allowed:disabled {
+    cursor: not-allowed;
+  }
+
+  .disabled\\:opacity-40:disabled {
+    opacity: .4;
+  }
+
   @media (min-width: 40rem) {
     .sm\\:grid-cols-2 {
       grid-template-columns: repeat(2, minmax(0, 1fr));

package/dist/url-codec.mjs

@@ -341,6 +341,10 @@ export {
     z-index: 50;
   }
 
+  .col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
   .-mx-1 {
     margin-inline: calc(var(--spacing) * -1);
   }
@@ -461,6 +465,10 @@ export {
     height: calc(var(--spacing) * 4);
   }
 
+  .h-5 {
+    height: calc(var(--spacing) * 5);
+  }
+
   .h-7 {
     height: calc(var(--spacing) * 7);
   }
@@ -493,10 +501,18 @@ export {
     height: 100%;
   }
 
+  .max-h-36 {
+    max-height: calc(var(--spacing) * 36);
+  }
+
   .max-h-40 {
     max-height: calc(var(--spacing) * 40);
   }
 
+  .max-h-48 {
+    max-height: calc(var(--spacing) * 48);
+  }
+
   .max-h-60 {
     max-height: calc(var(--spacing) * 60);
   }
@@ -525,6 +541,10 @@ export {
     min-height: 200px;
   }
 
+  .w-1\\.5 {
+    width: calc(var(--spacing) * 1.5);
+  }
+
   .w-2 {
     width: calc(var(--spacing) * 2);
   }
@@ -605,6 +625,10 @@ export {
     min-width: calc(var(--spacing) * 0);
   }
 
+  .min-w-\\[90px\\] {
+    min-width: 90px;
+  }
+
   .min-w-\\[200px\\] {
     min-width: 200px;
   }
@@ -908,6 +932,16 @@ export {
     border-color: var(--color-primary);
   }
 
+  .border-primary\\/40 {
+    border-color: #f9b11f66;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-primary\\/40 {
+      border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
+    }
+  }
+
   .border-transparent {
     border-color: #0000;
   }
@@ -1046,6 +1080,16 @@ export {
     }
   }
 
+  .bg-neon-green\\/20 {
+    background-color: #84cc1633;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-neon-green\\/20 {
+      background-color: color-mix(in oklab, var(--color-neon-green) 20%, transparent);
+    }
+  }
+
   .bg-primary {
     background-color: var(--color-primary);
   }
@@ -1272,6 +1316,14 @@ export {
     padding-left: calc(var(--spacing) * 8);
   }
 
+  .pl-\\[22px\\] {
+    padding-left: 22px;
+  }
+
+  .pl-\\[98px\\] {
+    padding-left: 98px;
+  }
+
   .text-center {
     text-align: center;
   }
@@ -1284,6 +1336,10 @@ export {
     text-align: right;
   }
 
+  .align-middle {
+    vertical-align: middle;
+  }
+
   .font-mono {
     font-family: var(--font-mono);
   }
@@ -1770,6 +1826,10 @@ export {
       color: var(--color-coral-red);
     }
 
+    .hover\\:text-gray-200:hover {
+      color: var(--color-gray-200);
+    }
+
     .hover\\:text-gray-300:hover {
       color: var(--color-gray-300);
     }
@@ -1821,6 +1881,18 @@ export {
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
+  .focus\\:border-electric-blue:focus {
+    border-color: var(--color-electric-blue);
+  }
+
+  .focus\\:border-gray-500:focus {
+    border-color: var(--color-gray-500);
+  }
+
+  .focus\\:border-neon-green:focus {
+    border-color: var(--color-neon-green);
+  }
+
   .focus\\:border-primary:focus {
     border-color: var(--color-primary);
   }
@@ -1838,6 +1910,14 @@ export {
     cursor: grabbing;
   }
 
+  .disabled\\:cursor-not-allowed:disabled {
+    cursor: not-allowed;
+  }
+
+  .disabled\\:opacity-40:disabled {
+    opacity: .4;
+  }
+
   @media (min-width: 40rem) {
     .sm\\:grid-cols-2 {
       grid-template-columns: repeat(2, minmax(0, 1fr));