@cnc_cbz/usefultools-plugin-official 1.0.7 → 1.0.9

package/dist/translator.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, openBlock, createElementBlock, createCommentVNode, createElementVNode, normalizeClass, toDisplayString, createTextVNode, Fragment, withDirectives, renderList, vModelSelect, unref, vModelText, createBlock, Teleport } from "vue";
+import { defineComponent, ref, watch, computed, openBlock, createElementBlock, createCommentVNode, createElementVNode, normalizeClass, toDisplayString, createTextVNode, Fragment, withDirectives, renderList, vModelSelect, vModelCheckbox, createStaticVNode, unref, vModelText, createBlock, Teleport, vModelDynamic } from "vue";
 import { fetch } from "@tauri-apps/plugin-http";
 const _hoisted_1 = { class: "flex flex-col h-full gap-4" };
 const _hoisted_2 = { class: "flex flex-wrap items-center gap-3" };
@@ -19,46 +19,62 @@ const _hoisted_10 = {
   key: 0,
   class: "text-coral-red text-xs font-bold"
 };
-const _hoisted_11 = { class: "flex items-center gap-3" };
-const _hoisted_12 = ["value"];
-const _hoisted_13 = ["value"];
-const _hoisted_14 = {
+const _hoisted_11 = { class: "flex items-center gap-2 ml-auto" };
+const _hoisted_12 = { class: "flex items-center gap-1.5 cursor-pointer" };
+const _hoisted_13 = { class: "flex items-center gap-3" };
+const _hoisted_14 = ["value"];
+const _hoisted_15 = ["value"];
+const _hoisted_16 = {
   key: 0,
   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-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 = ["placeholder"];
+const _hoisted_17 = { class: "flex-1 grid grid-cols-1 lg:grid-cols-2 gap-4 min-h-0" };
 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 = {
+const _hoisted_19 = ["placeholder"];
+const _hoisted_20 = { class: "flex flex-col min-h-0" };
+const _hoisted_21 = { class: "flex items-center gap-2 mb-2" };
+const _hoisted_22 = { class: "material-icons text-sm" };
+const _hoisted_23 = { 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_24 = {
   key: 0,
   class: "text-gray-400 flex items-center gap-2"
 };
-const _hoisted_23 = {
+const _hoisted_25 = {
   key: 1,
   class: "text-gray-600"
 };
-const _hoisted_24 = {
+const _hoisted_26 = {
   key: 2,
   class: "text-gray-100 whitespace-pre-wrap"
 };
-const _hoisted_25 = {
+const _hoisted_27 = {
   key: 0,
   class: "fixed inset-0 z-50 flex items-center justify-center"
 };
-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 _hoisted_28 = { 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_29 = { class: "flex items-center gap-2" };
+const _hoisted_30 = {
+  key: 0,
+  class: "flex flex-col gap-1.5"
+};
+const _hoisted_31 = { class: "relative" };
+const _hoisted_32 = ["type"];
+const _hoisted_33 = { class: "material-icons text-base" };
+const _hoisted_34 = {
+  key: 1,
+  class: "flex flex-col gap-1.5"
+};
+const _hoisted_35 = { class: "relative" };
+const _hoisted_36 = ["type"];
+const _hoisted_37 = { class: "material-icons text-base" };
+const _hoisted_38 = { 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";
 const ENGINE_KEY = "translator-engine";
 const DEFAULT_MODEL = "Qwen/Qwen2.5-72B-Instruct";
+const VAR_MODE_KEY = "translator-var-mode";
+const VAR_CASE_KEY = "translator-var-case";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props) {
@@ -69,6 +85,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const showSettings = ref(false);
     const googleKeyInput = ref("");
     const aiKeyInput = ref("");
+    const showGoogleKey = ref(false);
+    const showAiKey = ref(false);
+    const hasGoogleApiKey = computed(() => !!googleApiKey.value.trim());
+    const hasAiApiKey = computed(() => !!aiApiKey.value.trim());
+    const hasCurrentApiKey = computed(() => engine.value === "google" ? hasGoogleApiKey.value : hasAiApiKey.value);
+    const canToggleGoogleKey = computed(() => !!googleKeyInput.value.trim());
+    const canToggleAiKey = computed(() => !!aiKeyInput.value.trim());
     const aiModel = ref(localStorage.getItem(AI_MODEL_KEY) || DEFAULT_MODEL);
     const aiModels = ref([]);
     const modelsLoading = ref(false);
@@ -105,6 +128,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const loading = ref(false);
     const errorMsg = ref("");
     const copySuccess = ref(false);
+    const varMode = ref(localStorage.getItem(VAR_MODE_KEY) === "true");
+    const varCase = ref(
+      localStorage.getItem(VAR_CASE_KEY) || "camel"
+    );
+    watch(varMode, (v) => localStorage.setItem(VAR_MODE_KEY, String(v)));
+    watch(varCase, (v) => localStorage.setItem(VAR_CASE_KEY, v));
     const languages = [
       { code: "auto", name: "自动检测" },
       { code: "zh-CN", name: "中文（简体）" },
@@ -135,6 +164,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function openSettings() {
       googleKeyInput.value = googleApiKey.value;
       aiKeyInput.value = aiApiKey.value;
+      showGoogleKey.value = false;
+      showAiKey.value = false;
       showSettings.value = true;
     }
     function saveKeys() {
@@ -159,6 +190,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       sourceText.value = translatedText.value;
       translatedText.value = tmpText;
     }
+    function cleanText(text) {
+      return text.replace(/\n{3,}/g, "\n\n").replace(/[ \t]+/g, " ").trim();
+    }
     async function translateGoogle() {
       var _a, _b;
       if (!googleApiKey.value) {
@@ -166,8 +200,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         showSettings.value = true;
         return;
       }
+      const cleanedText = cleanText(sourceText.value);
       const body = {
-        q: sourceText.value,
+        q: cleanedText,
         target: targetLang.value,
         format: "text"
       };
@@ -188,11 +223,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         showSettings.value = true;
         return;
       }
+      const cleanedText = cleanText(sourceText.value);
       const targetName = getLangName(targetLang.value);
       const sourceName = sourceLang.value === "auto" ? "" : `源语言是${getLangName(sourceLang.value)}，`;
       const prompt = `你是一个专业翻译。${sourceName}请将以下文本翻译为${targetName}。只输出翻译结果，不要解释。
 
-${sourceText.value}`;
+${cleanedText}`;
       const res = await fetch("https://api.siliconflow.cn/v1/chat/completions", {
         method: "POST",
         headers: {
@@ -233,6 +269,24 @@ ${sourceText.value}`;
         }
       }
     }
+    function toVarName(text, caseType) {
+      const words = text.trim().toLowerCase().replace(/[^\w\s]/g, " ").split(/\s+/).filter((w) => w);
+      if (!words.length) return "";
+      switch (caseType) {
+        case "camel":
+          return words[0] + words.slice(1).map((w) => w[0].toUpperCase() + w.slice(1)).join("");
+        case "pascal":
+          return words.map((w) => w[0].toUpperCase() + w.slice(1)).join("");
+        case "snake":
+          return words.join("_");
+        case "screaming":
+          return words.join("_").toUpperCase();
+        case "kebab":
+          return words.join("-");
+        default:
+          return text;
+      }
+    }
     async function translate() {
       if (!sourceText.value.trim()) return;
       loading.value = true;
@@ -241,6 +295,9 @@ ${sourceText.value}`;
       try {
         if (engine.value === "google") await translateGoogle();
         else await translateAI();
+        if (varMode.value && translatedText.value) {
+          translatedText.value = toVarName(translatedText.value, varCase.value);
+        }
       } catch (e) {
         errorMsg.value = e.message || "翻译失败";
       } finally {
@@ -248,8 +305,9 @@ ${sourceText.value}`;
       }
     }
     async function copyResult() {
-      if (!translatedText.value) return;
-      await navigator.clipboard.writeText(translatedText.value);
+      const textToCopy = translatedText.value.trim();
+      if (!textToCopy) return;
+      await navigator.clipboard.writeText(textToCopy);
       copySuccess.value = true;
       setTimeout(() => {
         copySuccess.value = false;
@@ -279,6 +337,9 @@ ${sourceText.value}`;
       googleDebounceTimer = setTimeout(async () => {
         try {
           await translateGoogle();
+          if (varMode.value && translatedText.value) {
+            translatedText.value = toVarName(translatedText.value, varCase.value);
+          }
         } catch (e) {
           errorMsg.value = e.message || "翻译失败";
         } finally {
@@ -294,6 +355,7 @@ ${sourceText.value}`;
     function onTextareaKeydown(e) {
       if (engine.value === "ai" && e.key === "Enter" && !e.shiftKey) {
         e.preventDefault();
+        e.stopPropagation();
         translate();
       }
     }
@@ -351,19 +413,19 @@ ${sourceText.value}`;
             class: "h-9 px-3 bg-deep-charcoal text-gray-300 font-bold border-2 border-white/20 rounded hover:border-primary hover:text-primary transition-all text-sm flex items-center gap-1.5",
             onClick: openSettings
           }, [
-            _cache[11] || (_cache[11] = createElementVNode(
+            _cache[15] || (_cache[15] = createElementVNode(
               "span",
               { class: "material-icons text-lg" },
               "key",
               -1
               /* CACHED */
             )),
-            _cache[12] || (_cache[12] = createTextVNode(
+            _cache[16] || (_cache[16] = createTextVNode(
               " API Key ",
               -1
               /* CACHED */
             )),
-            engine.value === "google" && googleApiKey.value || engine.value === "ai" && aiApiKey.value ? (openBlock(), createElementBlock("span", _hoisted_5)) : (openBlock(), createElementBlock("span", _hoisted_6))
+            hasCurrentApiKey.value ? (openBlock(), createElementBlock("span", _hoisted_5)) : (openBlock(), createElementBlock("span", _hoisted_6))
           ]),
           createCommentVNode(" AI 模型选择 "),
           engine.value === "ai" ? (openBlock(), createElementBlock(
@@ -371,7 +433,7 @@ ${sourceText.value}`;
             { key: 0 },
             [
               createElementVNode("div", _hoisted_7, [
-                _cache[14] || (_cache[14] = createElementVNode(
+                _cache[18] || (_cache[18] = createElementVNode(
                   "span",
                   { class: "material-icons text-vibrant-purple text-base" },
                   "smart_toy",
@@ -414,7 +476,7 @@ ${sourceText.value}`;
                     title: "刷新模型列表",
                     onClick: fetchModels
                   },
-                  [..._cache[13] || (_cache[13] = [
+                  [..._cache[17] || (_cache[17] = [
                     createElementVNode(
                       "span",
                       { class: "material-icons text-sm" },
@@ -437,14 +499,54 @@ ${sourceText.value}`;
             ],
             64
             /* STABLE_FRAGMENT */
-          )) : createCommentVNode("v-if", true)
+          )) : createCommentVNode("v-if", true),
+          createCommentVNode(" 变量名模式 "),
+          createElementVNode("div", _hoisted_11, [
+            createElementVNode("label", _hoisted_12, [
+              withDirectives(createElementVNode(
+                "input",
+                {
+                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => varMode.value = $event),
+                  type: "checkbox",
+                  class: "accent-electric-blue w-4 h-4"
+                },
+                null,
+                512
+                /* NEED_PATCH */
+              ), [
+                [vModelCheckbox, varMode.value]
+              ]),
+              _cache[19] || (_cache[19] = createElementVNode(
+                "span",
+                { class: "text-xs text-gray-400 font-bold" },
+                "变量名模式",
+                -1
+                /* CACHED */
+              ))
+            ]),
+            varMode.value ? withDirectives((openBlock(), createElementBlock(
+              "select",
+              {
+                key: 0,
+                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => varCase.value = $event),
+                class: "h-9 bg-deep-charcoal text-white border-2 border-black rounded px-3 text-sm font-bold outline-none focus:border-electric-blue transition-colors"
+              },
+              [..._cache[20] || (_cache[20] = [
+                createStaticVNode('<option value="camel" data-v-f1bace68>驼峰 camelCase</option><option value="pascal" data-v-f1bace68>帕斯卡 PascalCase</option><option value="snake" data-v-f1bace68>蛇形 snake_case</option><option value="screaming" data-v-f1bace68>常量 SCREAMING_CASE</option><option value="kebab" data-v-f1bace68>短横 kebab-case</option>', 5)
+              ])],
+              512
+              /* NEED_PATCH */
+            )), [
+              [vModelSelect, varCase.value]
+            ]) : createCommentVNode("v-if", true)
+          ])
         ]),
         createCommentVNode(" 语言选择栏 "),
-        createElementVNode("div", _hoisted_11, [
+        createElementVNode("div", _hoisted_13, [
           withDirectives(createElementVNode(
             "select",
             {
-              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => sourceLang.value = $event),
+              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => sourceLang.value = $event),
               class: "bg-deep-charcoal text-white border-2 border-black rounded px-3 py-1.5 text-sm font-bold outline-none focus:border-primary transition-colors"
             },
             [
@@ -455,7 +557,7 @@ ${sourceText.value}`;
                   return createElementVNode("option", {
                     key: l.code,
                     value: l.code
-                  }, toDisplayString(l.name), 9, _hoisted_12);
+                  }, toDisplayString(l.name), 9, _hoisted_14);
                 }),
                 64
                 /* STABLE_FRAGMENT */
@@ -469,7 +571,7 @@ ${sourceText.value}`;
           createElementVNode("button", {
             class: "w-8 h-8 flex items-center justify-center bg-deep-charcoal border-2 border-white/20 rounded-full hover:border-primary hover:text-primary transition-all",
             onClick: swapLangs
-          }, [..._cache[15] || (_cache[15] = [
+          }, [..._cache[21] || (_cache[21] = [
             createElementVNode(
               "span",
               { class: "material-icons text-base" },
@@ -481,7 +583,7 @@ ${sourceText.value}`;
           withDirectives(createElementVNode(
             "select",
             {
-              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => targetLang.value = $event),
+              "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => targetLang.value = $event),
               class: "bg-deep-charcoal text-white border-2 border-black rounded px-3 py-1.5 text-sm font-bold outline-none focus:border-primary transition-colors"
             },
             [
@@ -492,7 +594,7 @@ ${sourceText.value}`;
                   return openBlock(), createElementBlock("option", {
                     key: l.code,
                     value: l.code
-                  }, toDisplayString(l.name), 9, _hoisted_13);
+                  }, toDisplayString(l.name), 9, _hoisted_15);
                 }),
                 128
                 /* KEYED_FRAGMENT */
@@ -505,8 +607,8 @@ ${sourceText.value}`;
           ])
         ]),
         createCommentVNode(" Error bar "),
-        errorMsg.value ? (openBlock(), createElementBlock("div", _hoisted_14, [
-          _cache[16] || (_cache[16] = createElementVNode(
+        errorMsg.value ? (openBlock(), createElementBlock("div", _hoisted_16, [
+          _cache[22] || (_cache[22] = createElementVNode(
             "span",
             { class: "material-icons text-lg" },
             "error_outline",
@@ -520,10 +622,10 @@ ${sourceText.value}`;
           )
         ])) : createCommentVNode("v-if", true),
         createCommentVNode(" 翻译面板 "),
-        createElementVNode("div", _hoisted_15, [
+        createElementVNode("div", _hoisted_17, [
           createCommentVNode(" 源文本 "),
-          createElementVNode("div", _hoisted_16, [
-            _cache[17] || (_cache[17] = createElementVNode(
+          createElementVNode("div", _hoisted_18, [
+            _cache[23] || (_cache[23] = createElementVNode(
               "div",
               { class: "flex items-center gap-2 mb-2" },
               [
@@ -534,26 +636,26 @@ ${sourceText.value}`;
               /* CACHED */
             )),
             withDirectives(createElementVNode("textarea", {
-              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => sourceText.value = $event),
+              "onUpdate:modelValue": _cache[7] || (_cache[7] = ($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), [
+            }, null, 40, _hoisted_19), [
               [vModelText, sourceText.value]
             ])
           ]),
           createCommentVNode(" 翻译结果 "),
-          createElementVNode("div", _hoisted_18, [
-            createElementVNode("div", _hoisted_19, [
-              _cache[18] || (_cache[18] = createElementVNode(
+          createElementVNode("div", _hoisted_20, [
+            createElementVNode("div", _hoisted_21, [
+              _cache[24] || (_cache[24] = createElementVNode(
                 "span",
                 { class: "material-icons text-neon-green text-lg" },
                 "g_translate",
                 -1
                 /* CACHED */
               )),
-              _cache[19] || (_cache[19] = createElementVNode(
+              _cache[25] || (_cache[25] = createElementVNode(
                 "span",
                 { class: "text-sm font-bold text-gray-400 uppercase tracking-wider" },
                 "译文",
@@ -570,7 +672,7 @@ ${sourceText.value}`;
                 [
                   createElementVNode(
                     "span",
-                    _hoisted_20,
+                    _hoisted_22,
                     toDisplayString(copySuccess.value ? "check_circle" : "content_copy"),
                     1
                     /* TEXT */
@@ -585,8 +687,8 @@ ${sourceText.value}`;
                 /* CLASS */
               )) : createCommentVNode("v-if", true)
             ]),
-            createElementVNode("div", _hoisted_21, [
-              loading.value && engine.value === "google" ? (openBlock(), createElementBlock("div", _hoisted_22, [..._cache[20] || (_cache[20] = [
+            createElementVNode("div", _hoisted_23, [
+              loading.value && engine.value === "google" ? (openBlock(), createElementBlock("div", _hoisted_24, [..._cache[26] || (_cache[26] = [
                 createElementVNode(
                   "span",
                   { class: "material-icons text-primary text-base animate-spin" },
@@ -599,9 +701,9 @@ ${sourceText.value}`;
                   -1
                   /* CACHED */
                 )
-              ])])) : !translatedText.value ? (openBlock(), createElementBlock("div", _hoisted_23, " 翻译结果将显示在这里... ")) : (openBlock(), createElementBlock(
+              ])])) : !translatedText.value ? (openBlock(), createElementBlock("div", _hoisted_25, " 翻译结果将显示在这里... ")) : (openBlock(), createElementBlock(
                 "div",
-                _hoisted_24,
+                _hoisted_26,
                 toDisplayString(translatedText.value),
                 1
                 /* TEXT */
@@ -611,21 +713,21 @@ ${sourceText.value}`;
         ]),
         createCommentVNode(" API Key 设置弹窗 "),
         (openBlock(), createBlock(Teleport, { to: "body" }, [
-          showSettings.value ? (openBlock(), createElementBlock("div", _hoisted_25, [
+          showSettings.value ? (openBlock(), createElementBlock("div", _hoisted_27, [
             createElementVNode("div", {
               class: "absolute inset-0 bg-black/60",
-              onClick: _cache[6] || (_cache[6] = ($event) => showSettings.value = false)
+              onClick: _cache[8] || (_cache[8] = ($event) => showSettings.value = false)
             }),
-            createElementVNode("div", _hoisted_26, [
-              createElementVNode("div", _hoisted_27, [
-                _cache[22] || (_cache[22] = createElementVNode(
+            createElementVNode("div", _hoisted_28, [
+              createElementVNode("div", _hoisted_29, [
+                _cache[28] || (_cache[28] = createElementVNode(
                   "span",
                   { class: "material-icons text-primary text-xl" },
                   "key",
                   -1
                   /* CACHED */
                 )),
-                _cache[23] || (_cache[23] = createElementVNode(
+                _cache[29] || (_cache[29] = createElementVNode(
                   "span",
                   { class: "text-lg font-bold text-white" },
                   "配置 API Key",
@@ -634,8 +736,8 @@ ${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[21] || (_cache[21] = [
+                  onClick: _cache[9] || (_cache[9] = ($event) => showSettings.value = false)
+                }, [..._cache[27] || (_cache[27] = [
                   createElementVNode(
                     "span",
                     { class: "material-icons" },
@@ -645,65 +747,81 @@ ${sourceText.value}`;
                   )
                 ])])
               ]),
-              createCommentVNode(" Google API Key "),
-              createElementVNode("div", _hoisted_28, [
-                _cache[24] || (_cache[24] = createElementVNode(
+              createCommentVNode(" 当前引擎 API Key "),
+              engine.value === "google" ? (openBlock(), createElementBlock("div", _hoisted_30, [
+                _cache[30] || (_cache[30] = createElementVNode(
                   "label",
                   { class: "text-xs font-bold text-gray-400 uppercase tracking-wider" },
                   "Google Translation API Key",
                   -1
                   /* CACHED */
                 )),
-                withDirectives(createElementVNode(
-                  "input",
-                  {
-                    "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => googleKeyInput.value = $event),
-                    type: "password",
+                createElementVNode("div", _hoisted_31, [
+                  withDirectives(createElementVNode("input", {
+                    "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => googleKeyInput.value = $event),
+                    type: showGoogleKey.value ? "text" : "password",
                     placeholder: "AIzaSy...",
-                    class: "w-full bg-bg-dark text-gray-100 border-2 border-black rounded-lg px-4 py-2.5 font-mono text-sm outline-none focus:border-primary transition-colors placeholder-gray-600"
-                  },
-                  null,
-                  512
-                  /* NEED_PATCH */
-                ), [
-                  [vModelText, googleKeyInput.value]
+                    class: "api-key-input w-full bg-bg-dark text-gray-100 border-2 border-black rounded-lg px-4 py-2.5 pr-11 font-mono text-sm outline-none focus:border-primary transition-colors placeholder-gray-600"
+                  }, null, 8, _hoisted_32), [
+                    [vModelDynamic, googleKeyInput.value]
+                  ]),
+                  canToggleGoogleKey.value ? (openBlock(), createElementBlock("button", {
+                    key: 0,
+                    class: "absolute right-2 top-1/2 -translate-y-1/2 w-7 h-7 flex items-center justify-center text-gray-400 hover:text-primary transition-colors",
+                    onClick: _cache[11] || (_cache[11] = ($event) => showGoogleKey.value = !showGoogleKey.value)
+                  }, [
+                    createElementVNode(
+                      "span",
+                      _hoisted_33,
+                      toDisplayString(showGoogleKey.value ? "visibility_off" : "visibility"),
+                      1
+                      /* TEXT */
+                    )
+                  ])) : createCommentVNode("v-if", true)
                 ])
-              ]),
-              createCommentVNode(" SiliconFlow API Key "),
-              createElementVNode("div", _hoisted_29, [
-                _cache[25] || (_cache[25] = createElementVNode(
+              ])) : (openBlock(), createElementBlock("div", _hoisted_34, [
+                _cache[31] || (_cache[31] = createElementVNode(
                   "label",
                   { class: "text-xs font-bold text-gray-400 uppercase tracking-wider" },
                   "SiliconFlow API Key（AI 翻译）",
                   -1
                   /* CACHED */
                 )),
-                withDirectives(createElementVNode(
-                  "input",
-                  {
-                    "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => aiKeyInput.value = $event),
-                    type: "password",
+                createElementVNode("div", _hoisted_35, [
+                  withDirectives(createElementVNode("input", {
+                    "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => aiKeyInput.value = $event),
+                    type: showAiKey.value ? "text" : "password",
                     placeholder: "sk-...",
-                    class: "w-full bg-bg-dark text-gray-100 border-2 border-black rounded-lg px-4 py-2.5 font-mono text-sm outline-none focus:border-primary transition-colors placeholder-gray-600"
-                  },
-                  null,
-                  512
-                  /* NEED_PATCH */
-                ), [
-                  [vModelText, aiKeyInput.value]
+                    class: "api-key-input w-full bg-bg-dark text-gray-100 border-2 border-black rounded-lg px-4 py-2.5 pr-11 font-mono text-sm outline-none focus:border-primary transition-colors placeholder-gray-600"
+                  }, null, 8, _hoisted_36), [
+                    [vModelDynamic, aiKeyInput.value]
+                  ]),
+                  canToggleAiKey.value ? (openBlock(), createElementBlock("button", {
+                    key: 0,
+                    class: "absolute right-2 top-1/2 -translate-y-1/2 w-7 h-7 flex items-center justify-center text-gray-400 hover:text-primary transition-colors",
+                    onClick: _cache[13] || (_cache[13] = ($event) => showAiKey.value = !showAiKey.value)
+                  }, [
+                    createElementVNode(
+                      "span",
+                      _hoisted_37,
+                      toDisplayString(showAiKey.value ? "visibility_off" : "visibility"),
+                      1
+                      /* TEXT */
+                    )
+                  ])) : createCommentVNode("v-if", true)
                 ]),
-                _cache[26] || (_cache[26] = createElementVNode(
+                _cache[32] || (_cache[32] = createElementVNode(
                   "p",
                   { class: "text-[11px] text-gray-600" },
                   "密钥从 cloud.siliconflow.cn 获取，保存后可在工具栏选择模型",
                   -1
                   /* CACHED */
                 ))
-              ]),
-              createElementVNode("div", _hoisted_30, [
+              ])),
+              createElementVNode("div", _hoisted_38, [
                 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)
+                  onClick: _cache[14] || (_cache[14] = ($event) => showSettings.value = false)
                 }, " 取消 "),
                 createElementVNode("button", {
                   class: "px-4 py-2 bg-primary text-black font-bold border-2 border-black rounded shadow-hard-sm hover:shadow-none hover:translate-x-[2px] hover:translate-y-[2px] transition-all text-sm",
@@ -717,8 +835,16 @@ ${sourceText.value}`;
     };
   }
 });
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f1bace68"]]);
 export {
-  _sfc_main as default
+  index as default
 };
 
 ;(function(){var c=typeof __exports__!=="undefined"&&__exports__;var d=c&&(c.default||c);if(d)d.__pluginCss=`/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@@ -876,6 +1002,10 @@ export {
     top: 50%;
   }
 
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
@@ -1108,6 +1238,10 @@ export {
     width: calc(var(--spacing) * 5);
   }
 
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -1843,6 +1977,10 @@ export {
     padding-right: calc(var(--spacing) * 6);
   }
 
+  .pr-11 {
+    padding-right: calc(var(--spacing) * 11);
+  }
+
   .pl-1\\.5 {
     padding-left: calc(var(--spacing) * 1.5);
   }
@@ -2146,6 +2284,10 @@ export {
     color: var(--color-gray-600);
   }
 
+  .accent-electric-blue {
+    accent-color: var(--color-electric-blue);
+  }
+
   .accent-primary {
     accent-color: var(--color-primary);
   }
@@ -2753,4 +2895,13 @@ export {
     opacity: .5;
   }
 }
+
+.api-key-input[data-v-f1bace68]::-ms-reveal,
+.api-key-input[data-v-f1bace68]::-ms-clear,
+.api-key-input[data-v-f1bace68]::-webkit-credentials-auto-fill-button,
+.api-key-input[data-v-f1bace68]::-webkit-contacts-auto-fill-button {
+  display: none !important;
+  visibility: hidden;
+  pointer-events: none;
+}
 `;})();