@cnc_cbz/usefultools-plugin-official 1.0.6 → 1.0.8

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, 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" };
@@ -51,9 +51,21 @@ const _hoisted_25 = {
 };
 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 = {
+  key: 0,
+  class: "flex flex-col gap-1.5"
+};
+const _hoisted_29 = { class: "relative" };
+const _hoisted_30 = ["type"];
+const _hoisted_31 = { class: "material-icons text-base" };
+const _hoisted_32 = {
+  key: 1,
+  class: "flex flex-col gap-1.5"
+};
+const _hoisted_33 = { class: "relative" };
+const _hoisted_34 = ["type"];
+const _hoisted_35 = { class: "material-icons text-base" };
+const _hoisted_36 = { 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";
@@ -69,6 +81,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);
@@ -135,6 +154,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() {
@@ -248,8 +269,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;
@@ -294,6 +316,7 @@ ${sourceText.value}`;
     function onTextareaKeydown(e) {
       if (engine.value === "ai" && e.key === "Enter" && !e.shiftKey) {
         e.preventDefault();
+        e.stopPropagation();
         translate();
       }
     }
@@ -351,19 +374,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[13] || (_cache[13] = createElementVNode(
               "span",
               { class: "material-icons text-lg" },
               "key",
               -1
               /* CACHED */
             )),
-            _cache[12] || (_cache[12] = createTextVNode(
+            _cache[14] || (_cache[14] = 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 +394,7 @@ ${sourceText.value}`;
             { key: 0 },
             [
               createElementVNode("div", _hoisted_7, [
-                _cache[14] || (_cache[14] = createElementVNode(
+                _cache[16] || (_cache[16] = createElementVNode(
                   "span",
                   { class: "material-icons text-vibrant-purple text-base" },
                   "smart_toy",
@@ -414,7 +437,7 @@ ${sourceText.value}`;
                     title: "刷新模型列表",
                     onClick: fetchModels
                   },
-                  [..._cache[13] || (_cache[13] = [
+                  [..._cache[15] || (_cache[15] = [
                     createElementVNode(
                       "span",
                       { class: "material-icons text-sm" },
@@ -469,7 +492,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[17] || (_cache[17] = [
             createElementVNode(
               "span",
               { class: "material-icons text-base" },
@@ -506,7 +529,7 @@ ${sourceText.value}`;
         ]),
         createCommentVNode(" Error bar "),
         errorMsg.value ? (openBlock(), createElementBlock("div", _hoisted_14, [
-          _cache[16] || (_cache[16] = createElementVNode(
+          _cache[18] || (_cache[18] = createElementVNode(
             "span",
             { class: "material-icons text-lg" },
             "error_outline",
@@ -523,7 +546,7 @@ ${sourceText.value}`;
         createElementVNode("div", _hoisted_15, [
           createCommentVNode(" 源文本 "),
           createElementVNode("div", _hoisted_16, [
-            _cache[17] || (_cache[17] = createElementVNode(
+            _cache[19] || (_cache[19] = createElementVNode(
               "div",
               { class: "flex items-center gap-2 mb-2" },
               [
@@ -546,14 +569,14 @@ ${sourceText.value}`;
           createCommentVNode(" 翻译结果 "),
           createElementVNode("div", _hoisted_18, [
             createElementVNode("div", _hoisted_19, [
-              _cache[18] || (_cache[18] = createElementVNode(
+              _cache[20] || (_cache[20] = createElementVNode(
                 "span",
                 { class: "material-icons text-neon-green text-lg" },
                 "g_translate",
                 -1
                 /* CACHED */
               )),
-              _cache[19] || (_cache[19] = createElementVNode(
+              _cache[21] || (_cache[21] = createElementVNode(
                 "span",
                 { class: "text-sm font-bold text-gray-400 uppercase tracking-wider" },
                 "译文",
@@ -586,7 +609,7 @@ ${sourceText.value}`;
               )) : createCommentVNode("v-if", true)
             ]),
             createElementVNode("div", _hoisted_21, [
-              loading.value && engine.value === "google" ? (openBlock(), createElementBlock("div", _hoisted_22, [..._cache[20] || (_cache[20] = [
+              loading.value && engine.value === "google" ? (openBlock(), createElementBlock("div", _hoisted_22, [..._cache[22] || (_cache[22] = [
                 createElementVNode(
                   "span",
                   { class: "material-icons text-primary text-base animate-spin" },
@@ -618,14 +641,14 @@ ${sourceText.value}`;
             }),
             createElementVNode("div", _hoisted_26, [
               createElementVNode("div", _hoisted_27, [
-                _cache[22] || (_cache[22] = createElementVNode(
+                _cache[24] || (_cache[24] = createElementVNode(
                   "span",
                   { class: "material-icons text-primary text-xl" },
                   "key",
                   -1
                   /* CACHED */
                 )),
-                _cache[23] || (_cache[23] = createElementVNode(
+                _cache[25] || (_cache[25] = createElementVNode(
                   "span",
                   { class: "text-lg font-bold text-white" },
                   "配置 API Key",
@@ -635,7 +658,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[21] || (_cache[21] = [
+                }, [..._cache[23] || (_cache[23] = [
                   createElementVNode(
                     "span",
                     { class: "material-icons" },
@@ -645,65 +668,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_28, [
+                _cache[26] || (_cache[26] = createElementVNode(
                   "label",
                   { class: "text-xs font-bold text-gray-400 uppercase tracking-wider" },
                   "Google Translation API Key",
                   -1
                   /* CACHED */
                 )),
-                withDirectives(createElementVNode(
-                  "input",
-                  {
+                createElementVNode("div", _hoisted_29, [
+                  withDirectives(createElementVNode("input", {
                     "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => googleKeyInput.value = $event),
-                    type: "password",
+                    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_30), [
+                    [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[9] || (_cache[9] = ($event) => showGoogleKey.value = !showGoogleKey.value)
+                  }, [
+                    createElementVNode(
+                      "span",
+                      _hoisted_31,
+                      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_32, [
+                _cache[27] || (_cache[27] = 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_33, [
+                  withDirectives(createElementVNode("input", {
+                    "onUpdate:modelValue": _cache[10] || (_cache[10] = ($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_34), [
+                    [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[11] || (_cache[11] = ($event) => showAiKey.value = !showAiKey.value)
+                  }, [
+                    createElementVNode(
+                      "span",
+                      _hoisted_35,
+                      toDisplayString(showAiKey.value ? "visibility_off" : "visibility"),
+                      1
+                      /* TEXT */
+                    )
+                  ])) : createCommentVNode("v-if", true)
                 ]),
-                _cache[26] || (_cache[26] = createElementVNode(
+                _cache[28] || (_cache[28] = createElementVNode(
                   "p",
                   { class: "text-[11px] text-gray-600" },
                   "密钥从 cloud.siliconflow.cn 获取，保存后可在工具栏选择模型",
                   -1
                   /* CACHED */
                 ))
-              ]),
-              createElementVNode("div", _hoisted_30, [
+              ])),
+              createElementVNode("div", _hoisted_36, [
                 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[12] || (_cache[12] = ($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 +756,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-63055e53"]]);
 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 +923,10 @@ export {
     top: 50%;
   }
 
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
@@ -884,6 +935,10 @@ export {
     z-index: 50;
   }
 
+  .col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+
   .-mx-1 {
     margin-inline: calc(var(--spacing) * -1);
   }
@@ -1004,6 +1059,10 @@ export {
     height: calc(var(--spacing) * 4);
   }
 
+  .h-5 {
+    height: calc(var(--spacing) * 5);
+  }
+
   .h-7 {
     height: calc(var(--spacing) * 7);
   }
@@ -1036,10 +1095,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);
   }
@@ -1068,6 +1135,10 @@ export {
     min-height: 200px;
   }
 
+  .w-1\\.5 {
+    width: calc(var(--spacing) * 1.5);
+  }
+
   .w-2 {
     width: calc(var(--spacing) * 2);
   }
@@ -1088,6 +1159,10 @@ export {
     width: calc(var(--spacing) * 5);
   }
 
+  .w-7 {
+    width: calc(var(--spacing) * 7);
+  }
+
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -1148,6 +1223,10 @@ export {
     min-width: calc(var(--spacing) * 0);
   }
 
+  .min-w-\\[90px\\] {
+    min-width: 90px;
+  }
+
   .min-w-\\[200px\\] {
     min-width: 200px;
   }
@@ -1451,6 +1530,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;
   }
@@ -1589,6 +1678,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);
   }
@@ -1799,6 +1898,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);
   }
@@ -1815,6 +1918,14 @@ export {
     padding-left: calc(var(--spacing) * 8);
   }
 
+  .pl-\\[22px\\] {
+    padding-left: 22px;
+  }
+
+  .pl-\\[98px\\] {
+    padding-left: 98px;
+  }
+
   .text-center {
     text-align: center;
   }
@@ -1827,6 +1938,10 @@ export {
     text-align: right;
   }
 
+  .align-middle {
+    vertical-align: middle;
+  }
+
   .font-mono {
     font-family: var(--font-mono);
   }
@@ -2313,6 +2428,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);
     }
@@ -2364,6 +2483,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);
   }
@@ -2381,6 +2512,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));
@@ -2673,4 +2812,13 @@ export {
     opacity: .5;
   }
 }
+
+.api-key-input[data-v-63055e53]::-ms-reveal,
+.api-key-input[data-v-63055e53]::-ms-clear,
+.api-key-input[data-v-63055e53]::-webkit-credentials-auto-fill-button,
+.api-key-input[data-v-63055e53]::-webkit-contacts-auto-fill-button {
+  display: none !important;
+  visibility: hidden;
+  pointer-events: none;
+}
 `;})();