@cnc_cbz/usefultools-plugin-official 1.0.5 → 1.0.6

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)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cnc_cbz/usefultools-plugin-official",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "type": "module",
   "description": "UsefulTools 官方工具插件包",
   "keywords": [