@szjy/ai-coms 0.1.8 → 0.1.10

package/dist/packages/common/audio/zh-simplified.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Whisper 中文转写默认偏台湾繁体，出字前转为大陆简体。
+ * 先替换常见词组，再按单字对照表转换。
+ */
+/**
+ * 将繁体中文转为简体中文。非中文内容原样返回。
+ */
+export declare function toSimplifiedChinese(input: string): string;

package/dist/packages/components/AiChat/src/index.vue.d.ts

@@ -42,6 +42,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: ObjectConstructor;
         default: () => {};
     };
+    /**
+     * 语音识别模型静态资源基础路径，默认为 '/sounds/'
+     */
+    soundBaseUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Whisper Worker 脚本地址。不传则自动探测库产物与 /scripts/ai/whisper.worker.js
+     */
+    workerUrl: {
+        type: StringConstructor;
+        default: string;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     token: {
         type: StringConstructor;
@@ -86,6 +100,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: ObjectConstructor;
         default: () => {};
     };
+    /**
+     * 语音识别模型静态资源基础路径，默认为 '/sounds/'
+     */
+    soundBaseUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Whisper Worker 脚本地址。不传则自动探测库产物与 /scripts/ai/whisper.worker.js
+     */
+    workerUrl: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & Readonly<{}>, {
     token: string;
     identifier: string;
@@ -94,5 +122,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     llmName: string;
     messagePostRender: Function;
     extraConfig: Record<string, any>;
+    soundBaseUrl: string;
+    workerUrl: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/scripts/ai/README.md

@@ -0,0 +1,14 @@
+# 语音静态脚本
+
+`pnpm build:voice` 会生成：
+
+| 文件 | 大约体积 | 是否进 git | 何时更新 |
+| :--- | ---: | :--- | :--- |
+| `whisper.worker.js` | ~10 KB | 可以 | 改 `whisper.worker.ts` 协议时 |
+| `transformers.runtime.js` | ~56 MB | 否 | 升级 `@huggingface/transformers` |
+
+日常改识别协议只提交 / 重拷 `whisper.worker.js`。大运行时请加入宿主 `.gitignore`：
+
+```
+public/scripts/ai/transformers.runtime.js
+```

package/dist/scripts/ai/whisper.worker.js

@@ -0,0 +1,297 @@
+import { env, pipeline, WhisperTextStreamer } from "./transformers.runtime.js";
+const DEFAULT_CACHE_DIR = "szjy-voice-models";
+const FALLBACK_CACHE_NAME = "szjy-voice-cache-v1";
+function isOPFSSupported() {
+  return typeof navigator !== "undefined" && !!navigator.storage && typeof navigator.storage.getDirectory === "function";
+}
+async function clearVoiceModelCache(dirName = DEFAULT_CACHE_DIR) {
+  let cleared = false;
+  if (isOPFSSupported()) {
+    try {
+      const root = await navigator.storage.getDirectory();
+      await root.removeEntry(dirName, { recursive: true });
+      cleared = true;
+      console.log(`[OPFS] 成功清空语音模型缓存目录: ${dirName}`);
+    } catch (err) {
+      if (err.name === "NotFoundError") {
+        cleared = true;
+      } else {
+        console.warn(`[OPFS] 清理目录 ${dirName} 异常:`, err);
+      }
+    }
+  }
+  if (typeof caches !== "undefined") {
+    try {
+      const cacheKeys = await caches.keys();
+      for (const key of cacheKeys) {
+        if (key.includes("transformers") || key.includes("szjy-voice") || key === FALLBACK_CACHE_NAME) {
+          await caches.delete(key);
+          cleared = true;
+        }
+      }
+    } catch (err) {
+      console.warn("[CacheStorage] 清除缓存异常:", err);
+    }
+  }
+  return cleared;
+}
+if (env?.backends?.onnx?.wasm) {
+  env.backends.onnx.wasm.wasmPaths = new URL(
+    /* @vite-ignore */
+    "./",
+    import.meta.url
+  ).href;
+}
+let asrPipeline = null;
+let isInitializing = false;
+let transcribeQueue = [];
+let transcribeRunning = false;
+const originalFetch = self.fetch.bind(self);
+self.fetch = async (input, init) => {
+  const response = await originalFetch(input, init);
+  const url = typeof input === "string" ? input : input instanceof URL ? input.href : input?.url || "";
+  const contentType = response.headers.get("content-type") || "";
+  if (response.ok && (contentType.includes("text/html") || contentType.includes("application/xhtml+xml")) && (url.includes("/sounds/") || url.endsWith(".json") || url.endsWith(".onnx") || url.endsWith(".txt") || url.endsWith(".wasm"))) {
+    return new Response("File not found", {
+      status: 404,
+      statusText: "Not Found",
+      headers: { "Content-Type": "text/plain" }
+    });
+  }
+  return response;
+};
+env.allowLocalModels = true;
+env.useBrowserCache = typeof caches !== "undefined";
+self.addEventListener("message", async (e) => {
+  const { type, data } = e.data;
+  switch (type) {
+    case "INIT":
+      await initPipeline(data);
+      break;
+    case "TRANSCRIBE":
+      await enqueueTranscribe(data);
+      break;
+    case "CLEAR_CACHE":
+      try {
+        await clearVoiceModelCache();
+        asrPipeline = null;
+        self.postMessage({ type: "CACHE_CLEARED" });
+      } catch (err) {
+        self.postMessage({ type: "ERROR", error: err.message || "清理缓存失败" });
+      }
+      break;
+    default:
+      console.warn("[Whisper Worker] 未知指令:", type);
+  }
+});
+async function sanitizeTransformersCache() {
+  if (typeof caches === "undefined") return;
+  try {
+    const cache = await caches.open("transformers-cache");
+    const requests = await cache.keys();
+    for (const req of requests) {
+      const resp = await cache.match(req);
+      if (resp) {
+        const ct = resp.headers.get("content-type") || "";
+        if (ct.includes("text/html") || ct.includes("application/xhtml+xml")) {
+          await cache.delete(req);
+          console.warn("[Whisper Worker] 清理了已污染的 HTML 缓存项:", req.url);
+          continue;
+        }
+        try {
+          const clone = resp.clone();
+          const text = await clone.text();
+          if (text.trim().startsWith("<")) {
+            await cache.delete(req);
+            console.warn("[Whisper Worker] 清理了已污染的 HTML 文本缓存项:", req.url);
+          }
+        } catch {
+        }
+      }
+    }
+  } catch (e) {
+    console.warn("[Whisper Worker] 检查缓存异常:", e);
+  }
+}
+async function checkLocalModelExists(baseUrl, modelId) {
+  try {
+    const normalized = baseUrl.endsWith("/") ? baseUrl : `${baseUrl}/`;
+    const testUrl = `${normalized}${modelId}/config.json`;
+    const res = await fetch(testUrl, { method: "GET" });
+    const contentType = res.headers.get("content-type") || "";
+    if (res.ok && !contentType.includes("text/html") && !contentType.includes("application/xhtml+xml")) {
+      return true;
+    }
+  } catch {
+  }
+  return false;
+}
+async function initPipeline(config) {
+  if (asrPipeline) {
+    self.postMessage({ type: "READY" });
+    return;
+  }
+  if (isInitializing) return;
+  isInitializing = true;
+  env.useBrowserCache = typeof caches !== "undefined";
+  await sanitizeTransformersCache();
+  const modelId = config?.modelId || "onnx-community/whisper-base";
+  const soundBaseUrl = config?.soundBaseUrl || "/sounds/";
+  const remoteHost = config?.remoteHost || "https://hf-mirror.com";
+  const dtype = config?.dtype || "q8";
+  const hasLocal = await checkLocalModelExists(soundBaseUrl, modelId);
+  if (hasLocal) {
+    console.log(`[Whisper Worker] 检测到本地静态模型目录: ${soundBaseUrl}${modelId}`);
+    const normalizedUrl = soundBaseUrl.endsWith("/") ? soundBaseUrl : `${soundBaseUrl}/`;
+    env.allowLocalModels = true;
+    env.allowRemoteModels = false;
+    env.localModelPath = normalizedUrl;
+  } else {
+    console.log(`[Whisper Worker] 本地未检测到模型文件，将自镜像源 ${remoteHost} 加载/缓存模型...`);
+    env.allowLocalModels = false;
+    env.allowRemoteModels = true;
+    env.remoteHost = remoteHost;
+    env.remotePathTemplate = "{model}/resolve/{revision}/";
+  }
+  const progress_callback = (progressData) => {
+    self.postMessage({
+      type: "PROGRESS",
+      data: progressData
+    });
+  };
+  try {
+    const requestedDevice = config?.device || "wasm";
+    let device = "wasm";
+    if (requestedDevice === "webgpu" || requestedDevice === "auto") {
+      if (typeof navigator !== "undefined" && navigator.gpu) {
+        device = "webgpu";
+      }
+    }
+    try {
+      console.log(`[Whisper Worker] 正在使用 ${device} 加载模型: ${modelId}...`);
+      asrPipeline = await pipeline("automatic-speech-recognition", modelId, {
+        device,
+        dtype,
+        progress_callback
+      });
+    } catch (gpuError) {
+      console.warn("[Whisper Worker] 指定设备初始化失败，自动降级为 WASM CPU:", gpuError);
+      device = "wasm";
+      asrPipeline = await pipeline("automatic-speech-recognition", modelId, {
+        device: "wasm",
+        dtype,
+        progress_callback
+      });
+    }
+    isInitializing = false;
+    self.postMessage({ type: "READY", device });
+  } catch (error) {
+    isInitializing = false;
+    console.error("[Whisper Worker] 模型初始化失败:", error);
+    self.postMessage({
+      type: "ERROR",
+      error: error.message || "语音模型加载失败，请检查网络或静态资源配置。"
+    });
+  }
+}
+async function enqueueTranscribe(data) {
+  transcribeQueue.push(data);
+  if (transcribeRunning) return;
+  transcribeRunning = true;
+  while (transcribeQueue.length) {
+    const next = transcribeQueue.shift();
+    await transcribeAudio(next);
+  }
+  transcribeRunning = false;
+}
+function getPeakAmplitude(audio) {
+  let maxVal = 0;
+  for (let i = 0; i < audio.length; i++) {
+    const abs = Math.abs(audio[i]);
+    if (abs > maxVal) maxVal = abs;
+  }
+  return maxVal;
+}
+async function transcribeAudio(data) {
+  if (!asrPipeline) {
+    self.postMessage({
+      type: "ERROR",
+      taskId: data?.taskId,
+      error: "语音识别引擎尚未就绪，请先初始化。"
+    });
+    return;
+  }
+  const {
+    taskId,
+    audio,
+    language = "chinese",
+    task = "transcribe",
+    chunkIndex = 0,
+    isFinal = true
+  } = data;
+  try {
+    self.postMessage({ type: "TRANSCRIBING", taskId, chunkIndex });
+    const peak = getPeakAmplitude(audio);
+    if (peak < 0.012) {
+      self.postMessage({
+        type: "RESULT",
+        taskId,
+        chunkIndex,
+        isFinal,
+        silent: true,
+        text: ""
+      });
+      return;
+    }
+    if (peak > 0 && peak < 0.4) {
+      const gain = Math.min(3, 0.8 / peak);
+      for (let i = 0; i < audio.length; i++) {
+        audio[i] = Math.max(-1, Math.min(1, audio[i] * gain));
+      }
+    }
+    let streamedText = "";
+    const generateOptions = {
+      language: language || "chinese",
+      task: task || "transcribe"
+    };
+    try {
+      const tokenizer = asrPipeline.tokenizer;
+      if (tokenizer) {
+        generateOptions.streamer = new WhisperTextStreamer(tokenizer, {
+          skip_prompt: true,
+          callback_function: (piece) => {
+            if (!piece) return;
+            streamedText += piece;
+            self.postMessage({
+              type: "PARTIAL",
+              taskId,
+              chunkIndex,
+              delta: piece,
+              text: streamedText
+            });
+          }
+        });
+      }
+    } catch (streamErr) {
+      console.warn("[Whisper Worker] 创建文本流失败，回退为整段输出:", streamErr);
+    }
+    const result = await asrPipeline(audio, generateOptions);
+    const text = (typeof result === "string" ? result : result?.text ?? streamedText ?? "").trim();
+    self.postMessage({
+      type: "RESULT",
+      taskId,
+      chunkIndex,
+      isFinal,
+      text
+    });
+  } catch (err) {
+    console.error("[Whisper Worker] 语音识别推理出错:", err);
+    self.postMessage({
+      type: "ERROR",
+      taskId,
+      chunkIndex: data?.chunkIndex,
+      isFinal: data?.isFinal,
+      error: `识别失败: ${err.message || err}`
+    });
+  }
+}

package/dist/style.css

@@ -1,4 +1,4 @@
-.svg-icon-wrapper[data-v-490b11c1]{position:relative;overflow:hidden;vertical-align:middle}.svg-icon[data-v-490b11c1]{width:1em;height:1em;fill:currentColor;vertical-align:middle;display:inline-block}.ai-copy-btn-wrapper{cursor:pointer;width:74px;height:24px;border-radius:12px;box-sizing:border-box;padding:10px 14px;border:1px solid #D9D9D9;display:flex;align-items:center;justify-content:center;font-size:12px;color:#666;line-height:20px;text-align:justify;margin-top:6px}.ai-copy-btn-wrapper .copy-text{margin-left:4px}.markdown-wrapper{line-height:1.2}.markdown-wrapper h1{font-size:2em}.markdown-wrapper h2{font-size:1.5em}.markdown-wrapper h3{font-size:1.25em}.markdown-wrapper h4{font-size:1em}.markdown-wrapper h5{font-size:.875em}.markdown-wrapper h6{font-size:.85em}.markdown-wrapper h1,.markdown-wrapper h2,.markdown-wrapper h3,.markdown-wrapper h4,.markdown-wrapper h5,.markdown-wrapper h6{margin:0 auto;line-height:1.25}.markdown-wrapper ul,.markdown-wrapper ol{padding-left:1.5em;line-height:.8}.markdown-wrapper ul,.markdown-wrapper li,.markdown-wrapper ol{list-style-position:outside;white-space:normal}.markdown-wrapper ul{list-style-type:disc}.markdown-wrapper ol{list-style-type:decimal}.markdown-wrapper li{line-height:1.5}.markdown-wrapper ol ol,.markdown-wrapper ul ul{padding-left:20px}.markdown-wrapper hr{margin:16px 0}.markdown-wrapper a{color:#536fec;font-weight:bolder;text-decoration:underline;padding:0 3px}.markdown-wrapper p{line-height:1.4}.markdown-wrapper p>code{--at-apply: "bg-#e5e5e5";--at-apply: whitespace-pre mx-4px px-6px py-3px rounded-5px}.markdown-wrapper p img{display:inline-block}.markdown-wrapper li>p{line-height:2}.markdown-wrapper strong{font-weight:700}.markdown-wrapper blockquote{padding:10px;margin:20px 0;border-left:5px solid #ccc;background-color:#f9f9f9;color:#555}.markdown-wrapper blockquote>p{margin:0}.ai-panel{margin-right:20px;width:400px;height:804px;background:#fff;border-radius:8px;box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;overflow:hidden;background-image:url(/images/ai-panel-bg.png);background-size:100% auto;background-position:top;background-repeat:no-repeat;position:relative;transition:all .3s ease}.ai-panel :deep(.el-input-group__append){box-sizing:border-box}.ai-panel.drawer-mode{position:fixed;right:0;top:0;bottom:0;height:100vh;margin:0;border-radius:0;z-index:2000}.ai-panel .panel-header{padding:20px;background:transparent}.ai-panel .panel-header .header-actions{display:flex;justify-content:space-between;gap:12px;align-items:center}.ai-panel .panel-header .header-actions .header-title{font-family:PingFangSC,PingFang SC;font-weight:700;font-size:16px;color:#333;line-height:24px;text-align:left;font-style:normal}.ai-panel .panel-header .header-actions .action-icons{display:flex;gap:12px}.ai-panel .panel-header .header-actions .action-icon{font-size:20px;color:#666;cursor:pointer}.ai-panel .panel-header .header-actions .action-icon:hover{color:#333}.ai-panel .body-content{flex:1;overflow:hidden;padding:20px;display:flex;flex-direction:column}.ai-panel .body-content .welcome-content .title{display:flex;flex-direction:column;align-items:center;margin-bottom:8px}.ai-panel .body-content .welcome-content .title .panel-icon{width:64px;height:64px;margin-bottom:16px}.ai-panel .body-content .welcome-content .title .title-text{margin:0;font-size:24px;color:#333;font-weight:500}.ai-panel .body-content .welcome-content .subtitle{text-align:center;font-size:28px;color:#333;line-height:36px;letter-spacing:2px;margin-bottom:20px}.ai-panel .body-content .welcome-content .subtitle .highlight{margin-left:2px;background:linear-gradient(270deg,#e236ffcc,#0a84ff);-webkit-background-clip:text;color:transparent;font-weight:bolder}.ai-panel .body-content .quick-questions .question-item{padding:12px 16px;background:#f5f7fa;border-radius:8px;margin-bottom:12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s}.ai-panel .body-content .quick-questions .question-item:hover{background:#e8f4ff;transform:translate(4px)}.ai-panel .body-content .quick-questions .question-item span{font-size:14px;color:#333}.ai-panel .body-content .quick-questions .question-item .el-icon{color:#666}.ai-panel .body-content .chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;height:100%;display:flex;flex-direction:column}.ai-panel .body-content .chat-messages::-webkit-scrollbar{width:0;background:transparent}.ai-panel .body-content .chat-messages{scrollbar-width:none;-ms-overflow-style:none}.ai-panel .body-content .chat-messages .message-item{display:flex;align-items:flex-start;margin-bottom:20px;gap:12px}.ai-panel .body-content .chat-messages .message-item .message-avatar{width:40px;height:40px;border-radius:20px;flex-shrink:0}.ai-panel .body-content .chat-messages .message-item .user-avatar{background:#0a84ff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px}.ai-panel .body-content .chat-messages .message-item .message-content{padding:12px 16px;border-radius:2px;max-width:70%;word-break:break-word}.ai-panel .body-content .chat-messages .message-item.ai-message .message-content{background:#f5f7fa}.ai-panel .body-content .chat-messages .message-item.user-message{flex-direction:row-reverse}.ai-panel .body-content .chat-messages .message-item.user-message .message-content{background:#f1f2f3;border-radius:4px 4px 0;color:#333;font-size:14px}.ai-panel .panel-footer{padding:24px;background:#fff;position:relative}.ai-panel .panel-footer .loading-icon{position:absolute;top:-13px}.ai-panel .panel-footer .input-box .el-input-group{height:40px;border-radius:4px}.ai-panel .panel-footer .input-box :deep(.el-input__wrapper){box-shadow:none}.ai-panel .panel-footer .input-box :deep(.el-input-group__append){box-shadow:none;background:transparent;padding:8px 12px}.ai-panel .panel-footer .input-box .send-icon-box{display:flex;align-items:center;justify-content:center;cursor:pointer}.ai-panel .panel-footer .input-box .el-input-group__append{background-color:transparent}/*!
+.svg-icon-wrapper[data-v-490b11c1]{position:relative;overflow:hidden;vertical-align:middle}.svg-icon[data-v-490b11c1]{width:1em;height:1em;fill:currentColor;vertical-align:middle;display:inline-block}.ai-copy-btn-wrapper{cursor:pointer;width:74px;height:24px;border-radius:12px;box-sizing:border-box;padding:10px 14px;border:1px solid #D9D9D9;display:flex;align-items:center;justify-content:center;font-size:12px;color:#666;line-height:20px;text-align:justify;margin-top:6px}.ai-copy-btn-wrapper .copy-text{margin-left:4px}.markdown-wrapper{line-height:1.2}.markdown-wrapper h1{font-size:2em}.markdown-wrapper h2{font-size:1.5em}.markdown-wrapper h3{font-size:1.25em}.markdown-wrapper h4{font-size:1em}.markdown-wrapper h5{font-size:.875em}.markdown-wrapper h6{font-size:.85em}.markdown-wrapper h1,.markdown-wrapper h2,.markdown-wrapper h3,.markdown-wrapper h4,.markdown-wrapper h5,.markdown-wrapper h6{margin:0 auto;line-height:1.25}.markdown-wrapper ul,.markdown-wrapper ol{padding-left:1.5em;line-height:.8}.markdown-wrapper ul,.markdown-wrapper li,.markdown-wrapper ol{list-style-position:outside;white-space:normal}.markdown-wrapper ul{list-style-type:disc}.markdown-wrapper ol{list-style-type:decimal}.markdown-wrapper li{line-height:1.5}.markdown-wrapper ol ol,.markdown-wrapper ul ul{padding-left:20px}.markdown-wrapper hr{margin:16px 0}.markdown-wrapper a{color:#536fec;font-weight:bolder;text-decoration:underline;padding:0 3px}.markdown-wrapper p{line-height:1.4}.markdown-wrapper p>code{--at-apply: "bg-#e5e5e5";--at-apply: whitespace-pre mx-4px px-6px py-3px rounded-5px}.markdown-wrapper p img{display:inline-block}.markdown-wrapper li>p{line-height:2}.markdown-wrapper strong{font-weight:700}.markdown-wrapper blockquote{padding:10px;margin:20px 0;border-left:5px solid #ccc;background-color:#f9f9f9;color:#555}.markdown-wrapper blockquote>p{margin:0}.ai-panel{margin-right:20px;width:400px;height:804px;background:#fff;border-radius:8px;box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;overflow:hidden;background-image:url(/images/ai-panel-bg.png);background-size:100% auto;background-position:top;background-repeat:no-repeat;position:relative;transition:all .3s ease}.ai-panel :deep(.el-input-group__append){box-sizing:border-box}.ai-panel.drawer-mode{position:fixed;right:0;top:0;bottom:0;height:100vh;margin:0;border-radius:0;z-index:2000}.ai-panel .panel-header{padding:20px;background:transparent}.ai-panel .panel-header .header-actions{display:flex;justify-content:space-between;gap:12px;align-items:center}.ai-panel .panel-header .header-actions .header-title{font-family:PingFangSC,PingFang SC;font-weight:700;font-size:16px;color:#333;line-height:24px;text-align:left;font-style:normal}.ai-panel .panel-header .header-actions .action-icons{display:flex;gap:12px}.ai-panel .panel-header .header-actions .action-icon{font-size:20px;color:#666;cursor:pointer}.ai-panel .panel-header .header-actions .action-icon:hover{color:#333}.ai-panel .body-content{flex:1;overflow:hidden;padding:20px;display:flex;flex-direction:column}.ai-panel .body-content .welcome-content .title{display:flex;flex-direction:column;align-items:center;margin-bottom:8px}.ai-panel .body-content .welcome-content .title .panel-icon{width:64px;height:64px;margin-bottom:16px}.ai-panel .body-content .welcome-content .title .title-text{margin:0;font-size:24px;color:#333;font-weight:500}.ai-panel .body-content .welcome-content .subtitle{text-align:center;font-size:28px;color:#333;line-height:36px;letter-spacing:2px;margin-bottom:20px}.ai-panel .body-content .welcome-content .subtitle .highlight{margin-left:2px;background:linear-gradient(270deg,#e236ffcc,#0a84ff);-webkit-background-clip:text;color:transparent;font-weight:bolder}.ai-panel .body-content .quick-questions .question-item{padding:12px 16px;background:#f5f7fa;border-radius:8px;margin-bottom:12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s}.ai-panel .body-content .quick-questions .question-item:hover{background:#e8f4ff;transform:translate(4px)}.ai-panel .body-content .quick-questions .question-item span{font-size:14px;color:#333}.ai-panel .body-content .quick-questions .question-item .el-icon{color:#666}.ai-panel .body-content .chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;height:100%;display:flex;flex-direction:column}.ai-panel .body-content .chat-messages::-webkit-scrollbar{width:0;background:transparent}.ai-panel .body-content .chat-messages{scrollbar-width:none;-ms-overflow-style:none}.ai-panel .body-content .chat-messages .message-item{display:flex;align-items:flex-start;margin-bottom:20px;gap:12px}.ai-panel .body-content .chat-messages .message-item .message-avatar{width:40px;height:40px;border-radius:20px;flex-shrink:0}.ai-panel .body-content .chat-messages .message-item .user-avatar{background:#0a84ff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px}.ai-panel .body-content .chat-messages .message-item .message-content{padding:12px 16px;border-radius:2px;max-width:70%;word-break:break-word}.ai-panel .body-content .chat-messages .message-item.ai-message .message-content{background:#f5f7fa}.ai-panel .body-content .chat-messages .message-item.user-message{flex-direction:row-reverse}.ai-panel .body-content .chat-messages .message-item.user-message .message-content{background:#f1f2f3;border-radius:4px 4px 0;color:#333;font-size:14px}.ai-panel .panel-footer{padding:24px;background:#fff;position:relative}.ai-panel .panel-footer .loading-icon{position:absolute;top:-13px}.ai-panel .panel-footer .voice-progress-banner{margin-bottom:12px;padding:10px 14px;background:linear-gradient(135deg,#f0f7ff,#e6f4ff);border:1px solid #bae0ff;border-radius:8px;display:flex;flex-direction:column;gap:6px}.ai-panel .panel-footer .voice-progress-banner .progress-info{display:flex;align-items:center;gap:8px;font-size:13px;color:#0958d9}.ai-panel .panel-footer .voice-progress-banner .progress-info .progress-icon{font-size:14px}.ai-panel .panel-footer .voice-progress-banner .progress-info .progress-text{flex:1;font-weight:500}.ai-panel .panel-footer .voice-progress-banner .progress-info .progress-percent{font-weight:700;font-family:monospace}.ai-panel .panel-footer .voice-progress-banner .progress-track{height:6px;background:#d9d9d9;border-radius:3px;overflow:hidden}.ai-panel .panel-footer .voice-progress-banner .progress-track .progress-bar{height:100%;background:linear-gradient(90deg,#1677ff,#4096ff);border-radius:3px;transition:width .2s ease}.ai-panel .panel-footer .voice-recording-panel{min-height:44px;padding:8px 14px;background:linear-gradient(135deg,#f6ffed,#e6f7ff);border:1px solid #91caff;border-radius:6px;display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 8px #1677ff14}.ai-panel .panel-footer .voice-recording-panel .recording-main{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:28px}.ai-panel .panel-footer .voice-recording-panel .live-transcript{width:100%;max-height:72px;overflow-y:auto;padding:6px 8px;background:#ffffffc7;border-radius:4px;font-size:13px;line-height:1.55;color:#1677ff;word-break:break-all}.ai-panel .panel-footer .voice-recording-panel .live-transcript.empty{color:#8c8c8c}.ai-panel .panel-footer .voice-recording-panel .live-transcript .caret{display:inline-block;margin-left:1px;font-weight:400;color:#1677ff;animation:caret-blink 1s step-end infinite}.ai-panel .panel-footer .voice-recording-panel .recording-status{display:flex;align-items:center;gap:8px}.ai-panel .panel-footer .voice-recording-panel .recording-status .recording-pulse{width:10px;height:10px;border-radius:50%;background:#ff4d4f;box-shadow:0 0 #ff4d4f66;animation:pulse 1.5s infinite}.ai-panel .panel-footer .voice-recording-panel .recording-status .recording-pulse.transcribing{background:#1890ff;box-shadow:0 0 #1890ff66}.ai-panel .panel-footer .voice-recording-panel .recording-status .recording-time{font-family:monospace;font-weight:700;font-size:13px;color:#ff4d4f}.ai-panel .panel-footer .voice-recording-panel .recording-status .recording-hint{font-size:13px;color:#333}.ai-panel .panel-footer .voice-recording-panel .recording-status .volume-waves{display:flex;align-items:center;gap:3px;height:30px;margin-left:4px}.ai-panel .panel-footer .voice-recording-panel .recording-status .volume-waves .wave{width:3px;background:#1890ff;border-radius:2px;transition:height .08s ease}.ai-panel .panel-footer .voice-recording-panel .recording-actions{display:flex;align-items:center;gap:8px}.ai-panel .panel-footer .voice-recording-panel .recording-actions .voice-cancel-btn{color:#8c8c8c;border-color:#d9d9d9}.ai-panel .panel-footer .voice-recording-panel .recording-actions .voice-cancel-btn:hover{color:#ff4d4f;border-color:#ff4d4f;background:#fff1f0}.ai-panel .panel-footer .voice-recording-panel .recording-actions .voice-finish-btn{background:#1677ff;border-color:#1677ff;padding:6px 14px;font-weight:500}.ai-panel .panel-footer .voice-recording-panel .recording-actions .voice-cancel-transcribe-btn{color:#666;border-color:#d9d9d9;background:#fff;font-size:12px;padding:4px 10px;height:28px;transition:all .2s}.ai-panel .panel-footer .voice-recording-panel .recording-actions .voice-cancel-transcribe-btn:hover{color:#ff4d4f;border-color:#ff4d4f;background:#fff1f0}.ai-panel .panel-footer .voice-playback-bar{margin-bottom:8px;height:36px;padding:0 12px;background:#f0f7ff;border:1px solid #bae0ff;border-radius:6px;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.ai-panel .panel-footer .voice-playback-bar .playback-main{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.ai-panel .panel-footer .voice-playback-bar .playback-main .playback-play-icon{width:22px;height:22px;border-radius:50%;background:#1677ff;color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .15s}.ai-panel .panel-footer .voice-playback-bar .playback-main .playback-play-icon:hover{transform:scale(1.1)}.ai-panel .panel-footer .voice-playback-bar .playback-main .playback-title{font-size:13px;color:#1677ff;font-weight:500}.ai-panel .panel-footer .voice-playback-bar .playback-main .playback-time{font-size:12px;color:#8c8c8c;font-family:monospace}.ai-panel .panel-footer .voice-playback-bar .playback-main .playback-waves{display:flex;align-items:flex-end;gap:2px;height:14px;margin-left:4px}.ai-panel .panel-footer .voice-playback-bar .playback-main .playback-waves .wave-bar{width:2px;background:#1677ff;border-radius:1px;animation:soundWave .8s ease-in-out infinite alternate}.ai-panel .panel-footer .voice-playback-bar .playback-main .playback-waves .wave-bar:nth-child(1){height:6px;animation-delay:0s}.ai-panel .panel-footer .voice-playback-bar .playback-main .playback-waves .wave-bar:nth-child(2){height:12px;animation-delay:.2s}.ai-panel .panel-footer .voice-playback-bar .playback-main .playback-waves .wave-bar:nth-child(3){height:8px;animation-delay:.4s}.ai-panel .panel-footer .voice-playback-bar .playback-main .playback-waves .wave-bar:nth-child(4){height:14px;animation-delay:.1s}.ai-panel .panel-footer .voice-playback-bar .playback-close{cursor:pointer;color:#8c8c8c;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.ai-panel .panel-footer .voice-playback-bar .playback-close:hover{color:#ff4d4f;background:#fff1f0}.ai-panel .panel-footer .input-box .el-input-group{height:40px;border-radius:4px}.ai-panel .panel-footer .input-box :deep(.el-input__wrapper){box-shadow:none}.ai-panel .panel-footer .input-box :deep(.el-input-group__append){box-shadow:none;background:transparent;padding:8px 12px}.ai-panel .panel-footer .input-box .input-actions-box{display:flex;align-items:center;gap:12px}.ai-panel .panel-footer .input-box .input-actions-box .voice-upload-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:all .2s;padding:4px;border-radius:4px}.ai-panel .panel-footer .input-box .input-actions-box .voice-upload-btn:hover{color:#1677ff;background:#f0f7ff;transform:scale(1.08)}.ai-panel .panel-footer .input-box .input-actions-box .voice-mic-btn{display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:all .2s;padding:4px;border-radius:4px}.ai-panel .panel-footer .input-box .input-actions-box .voice-mic-btn:hover{color:#1677ff;background:#f0f7ff;transform:scale(1.08)}.ai-panel .panel-footer .input-box .input-actions-box .voice-mic-btn.loading-anim{color:#1677ff}.ai-panel .panel-footer .input-box .input-actions-box .voice-mic-btn.loading-anim svg{animation:mic-breathe 1.2s ease-in-out infinite;transform-origin:center}.ai-panel .panel-footer .input-box .input-actions-box .send-icon-box{display:flex;align-items:center;justify-content:center;cursor:pointer}.ai-panel .panel-footer .input-box .el-input-group__append{background-color:transparent}@keyframes soundWave{0%{height:3px}to{height:14px}}@keyframes pulse{0%{box-shadow:0 0 #ff4d4fb3}70%{box-shadow:0 0 0 8px #ff4d4f00}to{box-shadow:0 0 #ff4d4f00}}@keyframes caret-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes mic-breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.22);opacity:.72}}/*!
   Theme: Default
   Description: Original highlight.js style
   Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
@@ -6,4 +6,4 @@
   Website: https://highlightjs.org/
   License: see project LICENSE
   Touched: 2021
-*/pre code.hljs[data-v-33f89960]{display:block;overflow-x:auto;padding:1em}code.hljs[data-v-33f89960]{padding:3px 5px}.hljs[data-v-33f89960]{background:#f3f3f3;color:#444}.hljs-comment[data-v-33f89960]{color:#697070}.hljs-punctuation[data-v-33f89960],.hljs-tag[data-v-33f89960]{color:#444a}.hljs-tag .hljs-attr[data-v-33f89960],.hljs-tag .hljs-name[data-v-33f89960]{color:#444}.hljs-attribute[data-v-33f89960],.hljs-doctag[data-v-33f89960],.hljs-keyword[data-v-33f89960],.hljs-meta .hljs-keyword[data-v-33f89960],.hljs-name[data-v-33f89960],.hljs-selector-tag[data-v-33f89960]{font-weight:700}.hljs-deletion[data-v-33f89960],.hljs-number[data-v-33f89960],.hljs-quote[data-v-33f89960],.hljs-selector-class[data-v-33f89960],.hljs-selector-id[data-v-33f89960],.hljs-string[data-v-33f89960],.hljs-template-tag[data-v-33f89960],.hljs-type[data-v-33f89960]{color:#800}.hljs-section[data-v-33f89960],.hljs-title[data-v-33f89960]{color:#800;font-weight:700}.hljs-link[data-v-33f89960],.hljs-operator[data-v-33f89960],.hljs-regexp[data-v-33f89960],.hljs-selector-attr[data-v-33f89960],.hljs-selector-pseudo[data-v-33f89960],.hljs-symbol[data-v-33f89960],.hljs-template-variable[data-v-33f89960],.hljs-variable[data-v-33f89960]{color:#ab5656}.hljs-literal[data-v-33f89960]{color:#695}.hljs-addition[data-v-33f89960],.hljs-built_in[data-v-33f89960],.hljs-bullet[data-v-33f89960],.hljs-code[data-v-33f89960]{color:#397300}.hljs-meta[data-v-33f89960]{color:#1f7199}.hljs-meta .hljs-string[data-v-33f89960]{color:#38a}.hljs-emphasis[data-v-33f89960]{font-style:italic}.hljs-strong[data-v-33f89960]{font-weight:700}.ai-assistant{box-sizing:border-box;position:fixed;right:20px;bottom:40px;z-index:1000;display:flex;align-items:flex-end}.ai-assistant div{box-sizing:border-box}.ai-assistant .ai-icon{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;cursor:pointer;width:44px;padding:6px;transition:all .3s;height:114px;background-color:#fff;box-shadow:0 4px 16px 4px #00000008,0 2px 8px #0000000d,0 0 4px -2px #00000014;border-radius:22px;border:1px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(180deg,#60fffc,#0a84ff);background-origin:border-box;background-clip:padding-box,border-box}.ai-assistant .ai-icon:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.ai-assistant .ai-icon img{width:32px;height:32px;margin-bottom:6px}.ai-assistant .ai-icon .ai-icon-text{display:inline-block;width:20px;font-size:16px;line-height:18px;font-weight:700;color:#333}.ai-assistant .ai-icon:hover .close-icon{display:flex}.ai-assistant .ai-icon .close-icon{display:none;position:absolute;top:-6px;right:-6px;width:16px;height:16px;background:#fff;border-radius:50%;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;color:#666;cursor:pointer;z-index:1}.ai-assistant .ai-icon .close-icon:hover{color:#333;background:#f5f5f5}
+*/pre code.hljs[data-v-0c5630f1]{display:block;overflow-x:auto;padding:1em}code.hljs[data-v-0c5630f1]{padding:3px 5px}.hljs[data-v-0c5630f1]{background:#f3f3f3;color:#444}.hljs-comment[data-v-0c5630f1]{color:#697070}.hljs-punctuation[data-v-0c5630f1],.hljs-tag[data-v-0c5630f1]{color:#444a}.hljs-tag .hljs-attr[data-v-0c5630f1],.hljs-tag .hljs-name[data-v-0c5630f1]{color:#444}.hljs-attribute[data-v-0c5630f1],.hljs-doctag[data-v-0c5630f1],.hljs-keyword[data-v-0c5630f1],.hljs-meta .hljs-keyword[data-v-0c5630f1],.hljs-name[data-v-0c5630f1],.hljs-selector-tag[data-v-0c5630f1]{font-weight:700}.hljs-deletion[data-v-0c5630f1],.hljs-number[data-v-0c5630f1],.hljs-quote[data-v-0c5630f1],.hljs-selector-class[data-v-0c5630f1],.hljs-selector-id[data-v-0c5630f1],.hljs-string[data-v-0c5630f1],.hljs-template-tag[data-v-0c5630f1],.hljs-type[data-v-0c5630f1]{color:#800}.hljs-section[data-v-0c5630f1],.hljs-title[data-v-0c5630f1]{color:#800;font-weight:700}.hljs-link[data-v-0c5630f1],.hljs-operator[data-v-0c5630f1],.hljs-regexp[data-v-0c5630f1],.hljs-selector-attr[data-v-0c5630f1],.hljs-selector-pseudo[data-v-0c5630f1],.hljs-symbol[data-v-0c5630f1],.hljs-template-variable[data-v-0c5630f1],.hljs-variable[data-v-0c5630f1]{color:#ab5656}.hljs-literal[data-v-0c5630f1]{color:#695}.hljs-addition[data-v-0c5630f1],.hljs-built_in[data-v-0c5630f1],.hljs-bullet[data-v-0c5630f1],.hljs-code[data-v-0c5630f1]{color:#397300}.hljs-meta[data-v-0c5630f1]{color:#1f7199}.hljs-meta .hljs-string[data-v-0c5630f1]{color:#38a}.hljs-emphasis[data-v-0c5630f1]{font-style:italic}.hljs-strong[data-v-0c5630f1]{font-weight:700}.ai-assistant{box-sizing:border-box;position:fixed;right:20px;bottom:40px;z-index:1000;display:flex;align-items:flex-end}.ai-assistant div{box-sizing:border-box}.ai-assistant .ai-icon{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;cursor:pointer;width:44px;padding:6px;transition:all .3s;height:114px;background-color:#fff;box-shadow:0 4px 16px 4px #00000008,0 2px 8px #0000000d,0 0 4px -2px #00000014;border-radius:22px;border:1px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(180deg,#60fffc,#0a84ff);background-origin:border-box;background-clip:padding-box,border-box}.ai-assistant .ai-icon:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.ai-assistant .ai-icon img{width:32px;height:32px;margin-bottom:6px}.ai-assistant .ai-icon .ai-icon-text{display:inline-block;width:20px;font-size:16px;line-height:18px;font-weight:700;color:#333}.ai-assistant .ai-icon:hover .close-icon{display:flex}.ai-assistant .ai-icon .close-icon{display:none;position:absolute;top:-6px;right:-6px;width:16px;height:16px;background:#fff;border-radius:50%;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;color:#666;cursor:pointer;z-index:1}.ai-assistant .ai-icon .close-icon:hover{color:#333;background:#f5f5f5}

package/package.json

@@ -1,22 +1,35 @@
 {
   "name": "@szjy/ai-coms",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "description": "vue3 ai component",
   "main": "dist/index.umd.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
   "files": [
-    "dist/*"
+    "dist/index.mjs",
+    "dist/index.umd.js",
+    "dist/index.d.ts",
+    "dist/style.css",
+    "dist/packages",
+    "dist/images",
+    "dist/scripts/ai/whisper.worker.js",
+    "dist/scripts/ai/highlight.11.11.1.min.js",
+    "dist/scripts/ai/highlight.11.11.1.min.css",
+    "dist/scripts/ai/markdown-it.min.js",
+    "dist/scripts/ai/README.md"
   ],
   "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "build:dev": "vue-tsc --noEmit && vite build --mode dev",
+    "dev": "node scripts/build-voice-assets.mjs && vite",
+    "build": "node scripts/build-voice-assets.mjs && vite build",
+    "build:dev": "vue-tsc --noEmit && node scripts/build-voice-assets.mjs && vite build --mode dev",
+    "build:voice": "node scripts/build-voice-assets.mjs",
     "preview": "vite preview",
     "release": "npx commit-and-tag-version",
-    "sync": "cnpm sync @szjy/ai-coms"
+    "sync": "cnpm sync @szjy/ai-coms",
+    "model:download": "python scripts/download_model.py"
   },
   "dependencies": {
+    "@huggingface/transformers": "^3.3.3",
     "aa-loader": "^0.1.5",
     "element-plus": "2.7.1",
     "vue": "^3.4.21"

package/dist/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>