@scienjoy/sj-ai-plus 1.0.7 → 1.0.8

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@scienjoy/sj-ai-plus",
     "private": false,
-    "version": "1.0.7",
+    "version": "1.0.8",
     "type": "module",
     "main": "./ui/lib/packages/components/index.ts",
     "module": "./ui/es/packages/components/index.ts",

package/ui/es/packages/components/src/sjDigitalHumanAssistant/src/index.vue.ts

@@ -1,7 +1,7 @@
 import t from "./index.vue2.ts";
 /* empty css           */
 import o from "../../../../../_virtual/_plugin-vue_export-helper.ts";
-const i = /* @__PURE__ */ o(t, [["__scopeId", "data-v-bdffed0d"]]);
+const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-0e24153b"]]);
 export {
-  i as default
+  m as default
 };

package/ui/es/packages/components/src/sjDigitalHumanAssistant/src/index.vue2.ts

@@ -1,4 +1,4 @@
-import { defineComponent as Se, useCssVars as Ye, ref as u, reactive as Be, computed as Te, watch as P, nextTick as p, onMounted as Ue, onUnmounted as Oe, resolveDirective as je, openBlock as S, createElementBlock as D, normalizeStyle as ke, withDirectives as w, createElementVNode as n, vShow as g, normalizeClass as J, toDisplayString as ae, withModifiers as se, renderSlot as le, createCommentVNode as $, createBlock as Ge, Teleport as ze } from "vue";
+import { defineComponent as Se, useCssVars as Ye, ref as u, reactive as Be, computed as Te, watch as P, nextTick as y, onMounted as Ue, onUnmounted as Oe, resolveDirective as je, openBlock as k, createElementBlock as D, normalizeStyle as ke, withDirectives as w, createElementVNode as n, vShow as g, normalizeClass as J, toDisplayString as ae, withModifiers as se, renderSlot as le, createCommentVNode as $, createBlock as Ge, Teleport as ze } from "vue";
 import ce from "../../utils/api.ts";
 import q from "../../utils/utils.ts";
 import Fe from "../../utils/videoBackgroundRemoval.ts";
@@ -34,11 +34,11 @@ const Ae = { class: "digital-human-assistant" }, Ne = { class: "placeholder left
   },
   setup(V, { expose: Ee }) {
     Ye((e) => ({
-      f2c09f26: e.sidebarBgColor
+      v4920a482: e.sidebarBgColor
     }));
-    const i = V, de = u(null), ue = u(null), s = u(null), o = u(null), re = u(null), ve = u(null), fe = u(null), X = u(null), r = Fe(), E = u(!1), l = u(!1), f = u(!1), x = u(!1), he = u(!0), Y = u(!1), h = u(i.defaultStickSide), B = u(!1), R = u(!1), M = u(!1), K = u(!1), Q = u(!1);
-    let d = null, b = "";
-    const U = u(null), y = u(0), O = u(!1), L = u(!1), v = Be({
+    const i = V, de = u(null), ue = u(null), s = u(null), o = u(null), re = u(null), ve = u(null), fe = u(null), X = u(null), r = Fe(), S = u(!1), l = u(!1), f = u(!1), E = u(!1), he = u(!0), Y = u(!1), h = u(i.defaultStickSide), B = u(!1), R = u(!1), x = u(!1), K = u(!1), Q = u(!1);
+    let d = null, m = "";
+    const U = u(null), p = u(0), O = u(!1), M = u(!1), v = Be({
       x: 0,
       y: 0,
       offsetX: 0,
@@ -52,11 +52,11 @@ const Ae = { class: "digital-human-assistant" }, Ne = { class: "placeholder left
       top: `${v.y}px`,
       width: `${i.windowWidth}px`,
       height: `${i.windowHeight}px`,
-      zIndex: B.value || M.value ? 9999 : 1e3
+      zIndex: B.value || x.value ? 9999 : 1e3
     })), Le = (e) => {
-      !e && s.value ? (O.value = !1, y.value = 0, Re()) : e ? (O.value = !0, Ve()) : console.warn("❌ 自动连接超时：video元素未挂载"), he.value = e;
+      !e && s.value ? (O.value = !1, p.value = 0, Re()) : e ? (O.value = !0, Ve()) : console.warn("❌ 自动连接超时：video元素未挂载"), he.value = e;
     }, j = (e) => {
-      Le(!e), Y.value = e, e && l.value ? p(() => m()) : e || (x.value = !1);
+      Le(!e), Y.value = e, e && l.value ? y(() => b()) : e || (E.value = !1);
     }, He = () => {
       j(!0);
     }, we = () => {
@@ -96,11 +96,11 @@ const Ae = { class: "digital-human-assistant" }, Ne = { class: "placeholder left
       K.value = t.left <= e.left + i.edgeThreshold, Q.value = t.right >= e.right - i.edgeThreshold;
     }, be = () => {
       const e = G(), t = ge(), c = t.left <= e.left + i.edgeThreshold ? "left" : t.right >= e.right - i.edgeThreshold ? "right" : "";
-      c !== h.value && (h.value = c, s.value && (s.value.volume = c ? 0.5 : 1), H(), m()), K.value = Q.value = !1;
+      c !== h.value && (h.value = c, s.value && (s.value.volume = c ? 0.5 : 1), H(), b()), K.value = Q.value = !1;
     }, Ie = () => {
-      x.value = !0;
+      E.value = !0;
     }, Pe = () => {
-      x.value = !1;
+      E.value = !1;
     }, De = (e) => {
       B.value = !0, v.offsetX = e.clientX - v.x, v.offsetY = e.clientY - v.y, document.addEventListener("mousemove", ee), document.addEventListener("mouseup", te);
     }, ee = (e) => {
@@ -114,39 +114,39 @@ const Ae = { class: "digital-human-assistant" }, Ne = { class: "placeholder left
     }, z = (e) => {
       if (!R.value) return;
       const t = Math.abs(e.movementX), c = Math.abs(e.movementY);
-      (t > i.dragThreshold || c > i.dragThreshold) && (M.value = !0, h.value = "", document.removeEventListener("mousemove", z), document.addEventListener("mousemove", ne), document.addEventListener("mouseup", oe));
+      (t > i.dragThreshold || c > i.dragThreshold) && (x.value = !0, h.value = "", document.removeEventListener("mousemove", z), document.addEventListener("mousemove", ne), document.addEventListener("mouseup", oe));
     }, ne = (e) => {
-      if (!M.value) return;
+      if (!x.value) return;
       const t = G(), { x: c, y: a } = Z(e.clientX - t.left - v.offsetX, e.clientY - t.top - v.offsetY);
       v.x = c, v.y = a, pe();
     }, oe = () => {
-      be(), R.value = M.value = !1, document.removeEventListener("mousemove", ne), document.removeEventListener("mouseup", oe);
+      be(), R.value = x.value = !1, document.removeEventListener("mousemove", ne), document.removeEventListener("mouseup", oe);
     }, F = () => {
-      R.value && !M.value && (R.value = !1, document.removeEventListener("mousemove", z));
+      R.value && !x.value && (R.value = !1, document.removeEventListener("mousemove", z));
     }, ie = async (e) => {
-      if (!l.value || !b) return;
-      await T(), console.log("✅ 准备播放文本：", e);
+      if (!l.value || !m) return;
+      console.log("✅ 准备播放文本：", e);
       const t = {
         text: e,
         type: "echo",
         interrupt: !0,
-        sessionid: parseInt(b)
+        sessionid: parseInt(m)
       };
       ce.digitalHumanChat(i.baseUrl, t).then((c) => {
         c && Number(c.code) === 0 && console.log("✅ 播放指令发送成功");
       }).catch((c) => {
         console.error("❌ 播放指令发送失败:", c);
       });
-    }, T = async () => {
-      if (!l.value || !b) return;
-      const e = { sessionid: parseInt(b) };
+    }, L = async () => {
+      if (!l.value || !m) return;
+      const e = { sessionid: parseInt(m) };
       ce.digitalHumanInterruptTalk(i.baseUrl, e).then((t) => {
         t && Number(t.code) === 0 && console.log("✅ 对话已打断");
       }).catch((t) => {
         console.error("❌ 打断对话失败:", t);
       });
-    }, k = () => {
-      U.value && (clearTimeout(U.value), U.value = null), L.value = !1, console.log("✅ 重连定时器已清除");
+    }, T = () => {
+      U.value && (clearTimeout(U.value), U.value = null), M.value = !1, console.log("✅ 重连定时器已清除");
     }, H = (e = !1) => {
       if (!o.value) return;
       e || r.stopProcessing();
@@ -156,9 +156,9 @@ const Ae = { class: "digital-human-assistant" }, Ne = { class: "placeholder left
         o.value.width = c, o.value.height = a;
       }
       o.value && !e && (o.value.style.width = "", o.value.style.height = "", h.value === "" && (o.value.style.marginLeft = "", o.value.style.marginTop = ""));
-    }, m = async (e = !1) => {
-      if (!s.value || !o.value || !E.value || !l.value) return;
-      await p();
+    }, b = async (e = !1) => {
+      if (!s.value || !o.value || !S.value || !l.value) return;
+      await y();
       const t = s.value.videoWidth || i.windowWidth, c = s.value.videoHeight || i.windowHeight, a = t / c;
       let C;
       const _e = we();
@@ -173,19 +173,19 @@ const Ae = { class: "digital-human-assistant" }, Ne = { class: "placeholder left
         canvas: { drawWidth: _, drawHeight: W }
       }), e || (r.videoRef.value = s.value, r.canvasRef.value = o.value, await r.processVideo()), !r.isInitSuccess.value && l.value && (console.log("🔄 检测到WebGPU未初始化，触发手动重连"), await r.reInitWebGPU() && await r.processVideo());
     }, I = () => {
-      if (O.value || l.value || f.value || L.value) {
+      if (O.value || l.value || f.value || M.value) {
         console.log("🚫 重连条件不满足");
         return;
       }
-      if (T(), i.maxReconnectTimes !== -1 && y.value >= i.maxReconnectTimes) {
-        console.warn(`🚫 重连已达最大次数(${i.maxReconnectTimes})`), k(), q.funcElMessageShowCtrl(`❌ 数字人连接失败，已尝试${i.maxReconnectTimes}次重连，请重试！`, "error"), y.value = 0;
+      if (L(), i.maxReconnectTimes !== -1 && p.value >= i.maxReconnectTimes) {
+        console.warn(`🚫 重连已达最大次数(${i.maxReconnectTimes})`), T(), q.funcElMessageShowCtrl(`❌ 数字人连接失败，已尝试${i.maxReconnectTimes}次重连，请重试！`, "error"), p.value = 0;
         return;
       }
-      L.value = !0, U.value = setTimeout(() => {
+      M.value = !0, U.value = setTimeout(() => {
         try {
-          y.value++, console.log(`🔄 第${y.value}次重连WebRTC...`), r.stopProcessing(), Re();
+          p.value++, console.log(`🔄 第${p.value}次重连WebRTC...`), r.stopProcessing(), Re();
         } finally {
-          L.value = !1;
+          M.value = !1;
         }
       }, i.reconnectInterval * 1e3);
     }, $e = async () => {
@@ -205,7 +205,7 @@ const Ae = { class: "digital-human-assistant" }, Ne = { class: "placeholder left
           });
           const t = d.localDescription, c = { sdp: t.sdp, type: t.type };
           ce.digitalHumanOffer(i.baseUrl, c).then((a) => {
-            a ? (b = a.sessionid, d.setRemoteDescription(new RTCSessionDescription(a)), l.value = !0, y.value = 0, k(), console.log("✅ WebRTC连接成功"), p(() => m())) : (l.value = !1, console.log("❌ WebRTC连接失败：接口返回空"), I()), f.value = !1;
+            a ? (m = a.sessionid, d.setRemoteDescription(new RTCSessionDescription(a)), l.value = !0, p.value = 0, T(), console.log("✅ WebRTC连接成功"), y(() => b())) : (l.value = !1, console.log("❌ WebRTC连接失败：接口返回空"), I()), f.value = !1;
           }).catch((a) => {
             console.error("❌ WebRTC Offer发送失败:", a), l.value = !1, f.value = !1, I();
           });
@@ -218,28 +218,28 @@ const Ae = { class: "digital-human-assistant" }, Ne = { class: "placeholder left
       const e = { sdpSemantics: "unified-plan" };
       d = new RTCPeerConnection(e), d.addEventListener("track", (t) => {
         t.track.kind === "video" && s.value && (s.value.srcObject = t.streams[0], s.value.onloadedmetadata = async () => {
-          s.value && o.value && (r.videoRef.value = s.value, r.canvasRef.value = o.value, await m(), await r.processVideo());
+          s.value && o.value && (r.videoRef.value = s.value, r.canvasRef.value = o.value, await b(), await r.processVideo());
         }, s.value.onresize = () => {
-          m(!0);
+          b(!0);
         });
       }), d.addEventListener("iceconnectionstatechange", () => {
         switch (console.log("📶 ICE状态变化：", d.iceConnectionState), d.iceConnectionState) {
           case "disconnected":
           case "failed":
           case "closed":
-            console.log("📶 ICE连接断开，触发重连"), l.value = !1, f.value = !1, d = null, b = "", s.value && (s.value.srcObject = null), H(), T(), I();
+            console.log("📶 ICE连接断开，触发重连"), l.value = !1, f.value = !1, d = null, m = "", s.value && (s.value.srcObject = null), H(), L(), I();
             break;
           case "connected":
-            console.log("📶 ICE连接成功"), y.value = 0, k(), p(async () => {
+            console.log("📶 ICE连接成功"), p.value = 0, T(), y(async () => {
               !r.isInitSuccess.value && l.value && await r.reInitWebGPU() && await r.processVideo();
             });
             break;
         }
       }), $e();
     }, Ve = () => {
-      O.value = !0, k(), f.value = !1, r.stopProcessing(), H(), T().then(() => {
+      O.value = !0, T(), f.value = !1, r.stopProcessing(), H(), L().then(() => {
         setTimeout(() => {
-          d && (d.close(), d = null), b = "", s.value && (s.value.srcObject = null), l.value = !1, y.value = 0, console.log("✅ 手动断开连接，资源已清理");
+          d && (d.close(), d = null), m = "", s.value && (s.value.srcObject = null), l.value = !1, p.value = 0, console.log("✅ 手动断开连接，资源已清理");
         }, 500);
       });
     }, Ce = q.debounce(() => {
@@ -247,7 +247,7 @@ const Ae = { class: "digital-human-assistant" }, Ne = { class: "placeholder left
         const { x: e, y: t } = me();
         v.x = e, v.y = t;
       }
-      l.value && E.value && (H(!0), p(() => m(!0)));
+      l.value && S.value && (H(!0), y(() => b(!0)));
     }, 50);
     return P(r.isInitSuccess, (e) => {
       !e && f.value && q.funcElMessageShowCtrl("🔄 WebGPU初始化失败，正在尝试重连...", "warning");
@@ -260,31 +260,31 @@ const Ae = { class: "digital-human-assistant" }, Ne = { class: "placeholder left
     ), P(
       h,
       async (e) => {
-        !E.value || !s.value || (await p(), s.value.volume = e ? 0.5 : 1, l.value && (H(), await m()));
+        !S.value || !s.value || (await y(), s.value.volume = e ? 0.5 : 1, l.value && (H(), await b()));
       },
       { immediate: !0, deep: !0 }
     ), P(
       [() => l.value, () => i.defaultPlayText],
       async ([e, t], [c]) => {
-        e && !c && t && b && (console.log("✅ 连接成功，自动播放默认文本：", t), await ie(t), p(() => m()));
+        e && !c && t && m && (console.log("✅ 连接成功，自动播放默认文本：", t), await ie(t));
       },
       { immediate: !1 }
     ), P(
       () => i.defaultPlayText,
       async (e) => {
-        l.value && e && b && (console.log("✅ 默认文本更新，自动播放：", e), await ie(e), p(() => m()));
+        l.value && e && m && (console.log("✅ 默认文本更新，自动播放：", e), await ie(e));
       },
       { immediate: !0 }
     ), Ue(async () => {
-      await p(), await p(), E.value = !0;
+      await y(), await y(), S.value = !0;
       const { x: e, y: t } = me();
       v.x = e, v.y = t, window.addEventListener("resize", Ce);
     }), Oe(() => {
-      document.removeEventListener("mousemove", z), document.removeEventListener("mousemove", ne), document.removeEventListener("mouseup", oe), document.removeEventListener("mousemove", ee), document.removeEventListener("mouseup", te), window.removeEventListener("resize", Ce), k(), r.stopProcessing(), T(), d && d.close(), s.value && (s.value.srcObject = null);
+      document.removeEventListener("mousemove", z), document.removeEventListener("mousemove", ne), document.removeEventListener("mouseup", oe), document.removeEventListener("mousemove", ee), document.removeEventListener("mouseup", te), window.removeEventListener("resize", Ce), T(), r.stopProcessing(), L(), d && d.close(), s.value && (s.value.srcObject = null);
     }), Ee({
       digitalHumanChat: ie,
       // 播放文本
-      digitalHumanInterruptTalk: T,
+      digitalHumanInterruptTalk: L,
       // 打断对话
       isConnected: l,
       // 连接状态
@@ -292,13 +292,13 @@ const Ae = { class: "digital-human-assistant" }, Ne = { class: "placeholder left
       // 连接中状态
       reconnect: I,
       // 手动重连WebRTC
-      clearReconnectTimer: k,
+      clearReconnectTimer: T,
       // 停止重连
-      currentReconnectTimes: y,
+      currentReconnectTimes: p,
       // 当前重连次数
-      isWaitingReconnect: L,
+      isWaitingReconnect: M,
       // 重连冷却状态
-      adaptCanvasToContainer: m,
+      adaptCanvasToContainer: b,
       // 手动适配Canvas
       webgpuReInit: r.reInitWebGPU,
       // 手动重连WebGPU
@@ -308,7 +308,7 @@ const Ae = { class: "digital-human-assistant" }, Ne = { class: "placeholder left
       // WebGPU运行状态
     }), (e, t) => {
       const c = je("drag");
-      return S(), D("div", {
+      return k(), D("div", {
         class: "draggable-window-container",
         style: ke(xe.value)
       }, [
@@ -327,7 +327,7 @@ const Ae = { class: "digital-human-assistant" }, Ne = { class: "placeholder left
         w(n("div", Je, null, 512), [
           [g, Q.value]
         ]),
-        Y.value && h.value === "left" ? (S(), D("div", {
+        Y.value && h.value === "left" ? (k(), D("div", {
           key: 0,
           class: J(["sidebar left-sidebar", { pressing: R.value }])
         }, [
@@ -375,17 +375,17 @@ const Ae = { class: "digital-human-assistant" }, Ne = { class: "placeholder left
           n("div", ot, [
             le(e.$slots, "main", {}, void 0, !0)
           ]),
-          Y.value && h.value === "" ? (S(), D("div", {
+          Y.value && h.value === "" ? (k(), D("div", {
             key: 0,
             ref_key: "dragWindowRef",
             ref: de,
-            class: J(["draggable-window", { "draggable-window-shadow": !l.value || x.value }]),
+            class: J(["draggable-window", { "draggable-window-shadow": !l.value || E.value }]),
             style: ke(Me.value),
             onMouseenter: Ie,
             onMouseleave: Pe
           }, [
             n("div", {
-              class: J(["window-header", { "window-header-opacity": l.value && !x.value }]),
+              class: J(["window-header", { "window-header-opacity": l.value && !E.value }]),
               onMousedown: De
             }, [
               n("div", it, [
@@ -418,7 +418,7 @@ const Ae = { class: "digital-human-assistant" }, Ne = { class: "placeholder left
             ])
           ], 38)) : $("", !0)
         ], 512),
-        Y.value && h.value === "right" ? (S(), D("div", {
+        Y.value && h.value === "right" ? (k(), D("div", {
           key: 1,
           class: J(["sidebar right-sidebar", { pressing: R.value }])
         }, [
@@ -458,7 +458,7 @@ const Ae = { class: "digital-human-assistant" }, Ne = { class: "placeholder left
             }, null, 512)
           ])
         ], 2)) : $("", !0),
-        E.value ? (S(), Ge(ze, {
+        S.value ? (k(), Ge(ze, {
           key: 2,
           to: we()
         }, [
@@ -475,7 +475,7 @@ const Ae = { class: "digital-human-assistant" }, Ne = { class: "placeholder left
             ref: o,
             class: "digital-video processed-canvas"
           }, null, 512),
-          f.value ? (S(), D("div", pt)) : $("", !0)
+          f.value ? (k(), D("div", pt)) : $("", !0)
         ], 8, ["to"])) : $("", !0)
       ], 4);
     };