@scienjoy/sj-ai-plus 1.0.8 → 1.0.9

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

@@ -1,22 +1,22 @@
-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 { defineComponent as xe, useCssVars as Ye, ref as c, reactive as Be, computed as Ce, watch as S, nextTick as T, onMounted as Ue, onUnmounted as Oe, resolveDirective as je, openBlock as W, createElementBlock as H, normalizeStyle as ke, withDirectives as w, createElementVNode as n, vShow as m, normalizeClass as J, toDisplayString as se, withModifiers as ae, renderSlot as le, createCommentVNode as L, createBlock as ze, Teleport as Fe } from "vue";
+import de from "../../utils/api.ts";
 import q from "../../utils/utils.ts";
-import Fe from "../../utils/videoBackgroundRemoval.ts";
-const Ae = { class: "digital-human-assistant" }, Ne = { class: "placeholder left-placeholder" }, Je = { class: "placeholder right-placeholder" }, qe = { class: "window-header-left" }, Ke = { class: "window-title-text" }, Qe = { class: "window-header-btns" }, Ze = { class: "disconnect-btn" }, et = {
+import Ae from "../../utils/videoBackgroundRemoval.ts";
+const Ge = { class: "digital-human-assistant" }, Ne = { class: "placeholder left-placeholder" }, Je = { class: "placeholder right-placeholder" }, qe = { class: "window-header-left" }, Ke = { class: "window-title-text" }, Qe = { class: "window-header-btns" }, Ze = { class: "disconnect-btn" }, et = {
   class: "connect-btn",
   disabled: ""
-}, tt = { class: "connect-btn" }, nt = { class: "window-content" }, ot = { class: "main-content-inner" }, it = { class: "window-header-left" }, at = { class: "window-title-text" }, st = { class: "window-header-btns" }, lt = { class: "disconnect-btn" }, ct = {
+}, tt = { class: "connect-btn" }, nt = { class: "window-content" }, ot = { class: "main-content-inner" }, it = { class: "window-header-left" }, st = { class: "window-title-text" }, at = { class: "window-header-btns" }, lt = { class: "disconnect-btn" }, dt = {
   class: "connect-btn",
   disabled: ""
-}, dt = { class: "connect-btn" }, ut = { class: "window-content" }, rt = { class: "window-header-left" }, vt = { class: "window-title-text" }, ft = { class: "window-header-btns" }, ht = { class: "disconnect-btn" }, wt = {
+}, ct = { class: "connect-btn" }, ut = { class: "window-content" }, rt = { class: "window-header-left" }, vt = { class: "window-title-text" }, ft = { class: "window-header-btns" }, ht = { class: "disconnect-btn" }, wt = {
   class: "connect-btn",
   disabled: ""
-}, gt = { class: "connect-btn" }, mt = { class: "window-content" }, pt = {
+}, mt = { class: "connect-btn" }, gt = { class: "window-content" }, pt = {
   key: 0,
   class: "digital-video-loading"
-}, bt = Se({
+}, bt = xe({
   name: "SjDigitalHumanAssistant"
-}), Tt = /* @__PURE__ */ Se({
+}), Ct = /* @__PURE__ */ xe({
   ...bt,
   props: {
     windowWidth: { default: 320 },
@@ -32,50 +32,50 @@ const Ae = { class: "digital-human-assistant" }, Ne = { class: "placeholder left
     maxReconnectTimes: { default: 10 },
     baseUrl: { default: "" }
   },
-  setup(V, { expose: Ee }) {
+  setup(D, { expose: Me }) {
     Ye((e) => ({
-      v4920a482: e.sidebarBgColor
+      b0dba578: 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(), 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({
+    const i = D, ce = c(null), ue = c(null), a = c(null), o = c(null), re = c(null), ve = c(null), fe = c(null), P = c(null), r = Ae(), C = c(!1), l = c(!1), f = c(!1), k = c(!1), he = c(!0), I = c(!1), h = c(i.defaultStickSide), $ = c(!1), y = c(!1), x = c(!1), K = c(!1), Q = c(!1);
+    let v = null, g = "";
+    const V = c(null), p = c(0), X = c(!1), M = c(!1), u = Be({
       x: 0,
       y: 0,
       offsetX: 0,
       offsetY: 0
-    }), xe = Te(() => ({
+    }), Ee = Ce(() => ({
       "--sidebar-width": i.sidebarWidth,
       "--window-width": `${i.windowWidth}px`,
       "--window-height": `${i.windowHeight}px`
-    })), Me = Te(() => ({
-      left: `${v.x}px`,
-      top: `${v.y}px`,
+    })), Se = Ce(() => ({
+      left: `${u.x}px`,
+      top: `${u.y}px`,
       width: `${i.windowWidth}px`,
       height: `${i.windowHeight}px`,
-      zIndex: B.value || x.value ? 9999 : 1e3
-    })), Le = (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 ? y(() => b()) : e || (E.value = !1);
-    }, He = () => {
-      j(!0);
+      zIndex: $.value || x.value ? 9999 : 1e3
+    })), He = (e) => {
+      !e && a.value ? (X.value = !1, p.value = 0, Re()) : e ? (X.value = !0, Ve()) : console.warn("❌ 自动连接超时：video元素未挂载"), he.value = e;
+    }, Y = (e) => {
+      He(!e), I.value = e, e && l.value ? T(() => b()) : e || (k.value = !1);
+    }, Le = () => {
+      Y(!0);
     }, we = () => {
       switch (h.value) {
         case "left":
-          return ve.value ?? X.value;
+          return ve.value ?? P.value;
         case "right":
-          return fe.value ?? X.value;
+          return fe.value ?? P.value;
         default:
-          return re.value ?? X.value;
+          return re.value ?? P.value;
       }
-    }, G = () => ue.value?.getBoundingClientRect() || {
+    }, B = () => ue.value?.getBoundingClientRect() || {
       width: 0,
       height: 0,
       left: 0,
       right: 0,
       top: 0,
       bottom: 0
-    }, ge = () => de.value?.getBoundingClientRect() || {
+    }, me = () => ce.value?.getBoundingClientRect() || {
       width: 0,
       height: 0,
       left: 0,
@@ -83,105 +83,105 @@ const Ae = { class: "digital-human-assistant" }, Ne = { class: "placeholder left
       top: 0,
       bottom: 0
     }, Z = (e, t) => {
-      const c = window.innerWidth || document.documentElement.clientWidth, a = window.innerHeight || document.documentElement.clientHeight;
+      const s = window.innerWidth || document.documentElement.clientWidth, d = window.innerHeight || document.documentElement.clientHeight;
       return {
-        x: Math.max(0, Math.min(e, c - i.windowWidth)),
-        y: Math.max(0, Math.min(t, a - i.windowHeight))
+        x: Math.max(0, Math.min(e, s - i.windowWidth)),
+        y: Math.max(0, Math.min(t, d - i.windowHeight))
       };
-    }, me = () => {
-      const e = window.innerWidth || document.documentElement.clientWidth, t = window.innerHeight || document.documentElement.clientHeight, c = e - i.windowWidth - 10, a = t - i.windowHeight - 10;
-      return Z(c, a);
+    }, ge = () => {
+      const e = window.innerWidth || document.documentElement.clientWidth, t = window.innerHeight || document.documentElement.clientHeight, s = e - i.windowWidth - 10, d = t - i.windowHeight - 10;
+      return Z(s, d);
     }, pe = () => {
-      const e = G(), t = ge();
+      const e = B(), t = me();
       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(), b()), K.value = Q.value = !1;
-    }, Ie = () => {
-      E.value = !0;
+      const e = B(), t = me(), s = t.left <= e.left + i.edgeThreshold ? "left" : t.right >= e.right - i.edgeThreshold ? "right" : "";
+      s !== h.value && (h.value = s, a.value && (a.value.volume = s ? 0.5 : 1), z(), b()), K.value = Q.value = !1;
+    }, De = () => {
+      k.value = !0;
     }, Pe = () => {
-      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);
+      k.value = !1;
+    }, Ie = (e) => {
+      $.value = !0, u.offsetX = e.clientX - u.x, u.offsetY = e.clientY - u.y, document.addEventListener("mousemove", ee), document.addEventListener("mouseup", te);
     }, ee = (e) => {
-      if (!B.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();
+      if (!$.value) return;
+      const t = B(), { x: s, y: d } = Z(e.clientX - t.left - u.offsetX, e.clientY - t.top - u.offsetY);
+      u.x = s, u.y = d, pe();
     }, te = () => {
-      be(), B.value = !1, document.removeEventListener("mousemove", ee), document.removeEventListener("mouseup", te);
+      be(), $.value = !1, document.removeEventListener("mousemove", ee), document.removeEventListener("mouseup", te);
     }, ye = (e, t) => {
-      R.value = !0, v.offsetX = t.clientX - (t.clientX - i.windowWidth / 2), v.offsetY = t.clientY - (t.clientY - 20), document.addEventListener("mousemove", z);
-    }, z = (e) => {
-      if (!R.value) return;
-      const t = Math.abs(e.movementX), c = Math.abs(e.movementY);
-      (t > i.dragThreshold || c > i.dragThreshold) && (x.value = !0, h.value = "", document.removeEventListener("mousemove", z), document.addEventListener("mousemove", ne), document.addEventListener("mouseup", oe));
+      y.value = !0, u.offsetX = t.clientX - (t.clientX - i.windowWidth / 2), u.offsetY = t.clientY - (t.clientY - 20), document.addEventListener("mousemove", U);
+    }, U = (e) => {
+      if (!y.value) return;
+      const t = Math.abs(e.movementX), s = Math.abs(e.movementY);
+      (t > i.dragThreshold || s > i.dragThreshold) && (x.value = !0, h.value = "", document.removeEventListener("mousemove", U), document.addEventListener("mousemove", ne), document.addEventListener("mouseup", oe));
     }, ne = (e) => {
       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();
+      const t = B(), { x: s, y: d } = Z(e.clientX - t.left - u.offsetX, e.clientY - t.top - u.offsetY);
+      u.x = s, u.y = d, pe();
     }, oe = () => {
-      be(), R.value = x.value = !1, document.removeEventListener("mousemove", ne), document.removeEventListener("mouseup", oe);
-    }, F = () => {
-      R.value && !x.value && (R.value = !1, document.removeEventListener("mousemove", z));
+      be(), y.value = x.value = !1, document.removeEventListener("mousemove", ne), document.removeEventListener("mouseup", oe);
+    }, O = () => {
+      y.value && !x.value && (y.value = !1, document.removeEventListener("mousemove", U));
     }, ie = async (e) => {
-      if (!l.value || !m) return;
+      if (!l.value || !g) return;
       console.log("✅ 准备播放文本：", e);
       const t = {
         text: e,
         type: "echo",
         interrupt: !0,
-        sessionid: parseInt(m)
+        sessionid: parseInt(g)
       };
-      ce.digitalHumanChat(i.baseUrl, t).then((c) => {
-        c && Number(c.code) === 0 && console.log("✅ 播放指令发送成功");
-      }).catch((c) => {
-        console.error("❌ 播放指令发送失败:", c);
+      de.digitalHumanChat(i.baseUrl, t).then((s) => {
+        s && Number(s.code) === 0 && console.log("✅ 播放指令发送成功");
+      }).catch((s) => {
+        console.error("❌ 播放指令发送失败:", s);
       });
-    }, L = async () => {
-      if (!l.value || !m) return;
-      const e = { sessionid: parseInt(m) };
-      ce.digitalHumanInterruptTalk(i.baseUrl, e).then((t) => {
+    }, j = async () => {
+      if (!l.value || !g) return;
+      const e = { sessionid: parseInt(g) };
+      de.digitalHumanInterruptTalk(i.baseUrl, e).then((t) => {
         t && Number(t.code) === 0 && console.log("✅ 对话已打断");
       }).catch((t) => {
         console.error("❌ 打断对话失败:", t);
       });
-    }, T = () => {
-      U.value && (clearTimeout(U.value), U.value = null), M.value = !1, console.log("✅ 重连定时器已清除");
-    }, H = (e = !1) => {
+    }, E = () => {
+      V.value && (clearTimeout(V.value), V.value = null), M.value = !1, console.log("✅ 重连定时器已清除");
+    }, z = (e = !1) => {
       if (!o.value) return;
       e || r.stopProcessing();
       const t = o.value.getContext("2d");
       if (t && (t.clearRect(0, 0, o.value.width, o.value.height), !e)) {
-        const c = o.value.width, a = o.value.height;
-        o.value.width = c, o.value.height = a;
+        const s = o.value.width, d = o.value.height;
+        o.value.width = s, o.value.height = d;
       }
       o.value && !e && (o.value.style.width = "", o.value.style.height = "", h.value === "" && (o.value.style.marginLeft = "", o.value.style.marginTop = ""));
     }, 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();
-      _e ? C = _e.getBoundingClientRect() : C = { width: 0, height: 0, left: 0, top: 0, right: 0, bottom: 0 };
-      const A = C.width || (h.value ? 300 : i.windowWidth), N = C.height || (h.value ? window.innerHeight - 40 : i.windowHeight), Xe = A / N;
-      let _, W;
-      Xe > a ? (W = N, _ = W * a) : (_ = A, W = _ / a);
+      if (!a.value || !o.value || !C.value || !l.value) return;
+      await T();
+      const t = a.value.videoWidth || i.windowWidth, s = a.value.videoHeight || i.windowHeight, d = t / s;
+      let A;
+      const Te = we();
+      Te ? A = Te.getBoundingClientRect() : A = { width: 0, height: 0, left: 0, top: 0, right: 0, bottom: 0 };
+      const G = A.width || (h.value ? 300 : i.windowWidth), N = A.height || (h.value ? window.innerHeight - 40 : i.windowHeight), Xe = G / N;
+      let R, _;
+      Xe > d ? (_ = N, R = _ * d) : (R = G, _ = R / d);
       const We = window.devicePixelRatio || 1;
-      o.value.width = Math.floor(_ * We), o.value.height = Math.floor(W * We), o.value.style.display = "block", o.value.style.objectFit = "contain", h.value === "" ? (o.value.style.width = `${_}px`, o.value.style.height = `${W}px`, o.value.style.marginLeft = `${(A - _) / 2}px`, o.value.style.marginTop = `${(N - W) / 2}px`) : (o.value.style.width = "100%", o.value.style.height = "100%", o.value.style.marginLeft = "0", o.value.style.marginTop = "0"), console.log("✅ Canvas适配完成：", {
+      o.value.width = Math.floor(R * We), o.value.height = Math.floor(_ * We), o.value.style.display = "block", o.value.style.objectFit = "contain", h.value === "" ? (o.value.style.width = `${R}px`, o.value.style.height = `${_}px`, o.value.style.marginLeft = `${(G - R) / 2}px`, o.value.style.marginTop = `${(N - _) / 2}px`) : (o.value.style.width = "100%", o.value.style.height = "100%", o.value.style.marginLeft = "0", o.value.style.marginTop = "0"), console.log("✅ Canvas适配完成：", {
         mode: h.value || "浮动",
-        container: { width: A, height: N },
-        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 || M.value) {
+        container: { width: G, height: N },
+        canvas: { drawWidth: R, drawHeight: _ }
+      }), e || (r.videoRef.value = a.value, r.canvasRef.value = o.value, await r.processVideo()), !r.isInitSuccess.value && l.value && (console.log("🔄 检测到WebGPU未初始化，触发手动重连"), await r.reInitWebGPU() && await r.processVideo());
+    }, F = () => {
+      if (X.value || l.value || f.value || M.value) {
         console.log("🚫 重连条件不满足");
         return;
       }
-      if (L(), i.maxReconnectTimes !== -1 && p.value >= i.maxReconnectTimes) {
-        console.warn(`🚫 重连已达最大次数(${i.maxReconnectTimes})`), T(), q.funcElMessageShowCtrl(`❌ 数字人连接失败，已尝试${i.maxReconnectTimes}次重连，请重试！`, "error"), p.value = 0;
+      if (j(), i.maxReconnectTimes !== -1 && p.value >= i.maxReconnectTimes) {
+        console.warn(`🚫 重连已达最大次数(${i.maxReconnectTimes})`), E(), q.funcElMessageShowCtrl(`❌ 数字人连接失败，已尝试${i.maxReconnectTimes}次重连，请重试！`, "error"), p.value = 0;
         return;
       }
-      M.value = !0, U.value = setTimeout(() => {
+      M.value = !0, V.value = setTimeout(() => {
         try {
           p.value++, console.log(`🔄 第${p.value}次重连WebRTC...`), r.stopProcessing(), Re();
         } finally {
@@ -189,110 +189,88 @@ const Ae = { class: "digital-human-assistant" }, Ne = { class: "placeholder left
         }
       }, i.reconnectInterval * 1e3);
     }, $e = async () => {
-      if (d)
+      if (v)
         try {
-          d.addTransceiver("video", { direction: "recvonly" }), d.addTransceiver("audio", { direction: "recvonly" });
-          const e = await d.createOffer();
-          await d.setLocalDescription(e), await new Promise((a) => {
-            if (d?.iceGatheringState === "complete")
-              a();
-            else {
-              const C = () => {
-                d?.iceGatheringState === "complete" && (d?.removeEventListener("icegatheringstatechange", C), a());
-              };
-              d?.addEventListener("icegatheringstatechange", C);
-            }
-          });
-          const t = d.localDescription, c = { sdp: t.sdp, type: t.type };
-          ce.digitalHumanOffer(i.baseUrl, c).then((a) => {
-            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();
+          v.addTransceiver("video", { direction: "recvonly" }), v.addTransceiver("audio", { direction: "recvonly" });
+          const e = await v.createOffer();
+          await v.setLocalDescription(e);
+          const t = v.localDescription, s = { sdp: t.sdp, type: t.type };
+          de.digitalHumanOffer(i.baseUrl, s).then((d) => {
+            d ? (g = d.sessionid, v.setRemoteDescription(new RTCSessionDescription(d)), l.value = !0, p.value = 0, E(), console.log("✅ WebRTC连接成功"), T(() => b())) : (l.value = !1, console.log("❌ WebRTC连接失败：接口返回空"), F()), f.value = !1;
+          }).catch((d) => {
+            console.error("❌ WebRTC Offer发送失败:", d), l.value = !1, f.value = !1, F();
           });
         } catch (e) {
-          console.error("❌ WebRTC协商失败:", e), l.value = !1, f.value = !1, I();
+          console.error("❌ WebRTC协商失败:", e), l.value = !1, f.value = !1, F();
         }
     }, Re = () => {
       if (l.value || f.value) return;
-      f.value = !0, console.log("🔄 开始建立WebRTC连接..."), d && (d.close(), d = null);
+      f.value = !0, console.log("🔄 开始建立WebRTC连接..."), v && (v.close(), v = null);
       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 b(), await r.processVideo());
-        }, s.value.onresize = () => {
+      v = new RTCPeerConnection(e), v.addEventListener("track", (t) => {
+        t.track.kind === "video" && a.value && (a.value.srcObject = t.streams[0], a.value.onloadedmetadata = async () => {
+          a.value && o.value && (r.videoRef.value = a.value, r.canvasRef.value = o.value, await b(), await r.processVideo());
+        }, a.value.onresize = () => {
           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, m = "", s.value && (s.value.srcObject = null), H(), L(), I();
-            break;
-          case "connected":
-            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, T(), f.value = !1, r.stopProcessing(), H(), L().then(() => {
+      X.value = !0, E(), f.value = !1, r.stopProcessing(), z(), j().then(() => {
         setTimeout(() => {
-          d && (d.close(), d = null), m = "", s.value && (s.value.srcObject = null), l.value = !1, p.value = 0, console.log("✅ 手动断开连接，资源已清理");
+          v && (v.close(), v = null), g = "", a.value && (a.value.srcObject = null), l.value = !1, p.value = 0, console.log("✅ 手动断开连接，资源已清理");
         }, 500);
       });
-    }, Ce = q.debounce(() => {
+    }, _e = q.debounce(() => {
       if (h.value === "") {
-        const { x: e, y: t } = me();
-        v.x = e, v.y = t;
+        const { x: e, y: t } = ge();
+        u.x = e, u.y = t;
       }
-      l.value && S.value && (H(!0), y(() => b(!0)));
+      l.value && C.value && (z(!0), T(() => b(!0)));
     }, 50);
-    return P(r.isInitSuccess, (e) => {
+    return S(r.isInitSuccess, (e) => {
       !e && f.value && q.funcElMessageShowCtrl("🔄 WebGPU初始化失败，正在尝试重连...", "warning");
-    }, { immediate: !0 }), P(
+    }, { immediate: !0 }), S(
       [() => r.isInitSuccess, () => l.value],
       async ([e, t]) => {
-        !e && t && s.value && o.value ? (o.value.style.display = "none", s.value.style.opacity = "1", s.value.style.width = "100%", s.value.style.height = "100%", q.funcElMessageShowCtrl("ℹ️ 当前浏览器不支持WebGPU，将显示原始视频（无透明背景）", "info")) : e && t && s.value && o.value && (o.value.style.display = "block", s.value.style.opacity = "0");
+        !e && t && a.value && o.value ? (o.value.style.display = "none", a.value.style.opacity = "1", a.value.style.width = "100%", a.value.style.height = "100%", q.funcElMessageShowCtrl("ℹ️ 当前浏览器不支持WebGPU，将显示原始视频（无透明背景）", "info")) : e && t && a.value && o.value && (o.value.style.display = "block", a.value.style.opacity = "0");
       },
       { immediate: !0 }
-    ), P(
+    ), S(
       h,
       async (e) => {
-        !S.value || !s.value || (await y(), s.value.volume = e ? 0.5 : 1, l.value && (H(), await b()));
+        !C.value || !a.value || (await T(), a.value.volume = e ? 0.5 : 1, l.value && (z(), await b()));
       },
       { immediate: !0, deep: !0 }
-    ), P(
+    ), S(
       [() => l.value, () => i.defaultPlayText],
-      async ([e, t], [c]) => {
-        e && !c && t && m && (console.log("✅ 连接成功，自动播放默认文本：", t), await ie(t));
+      async ([e, t], [s]) => {
+        e && !s && t && g && (console.log("✅ 连接成功，自动播放默认文本：", t), await ie(t));
       },
       { immediate: !1 }
-    ), P(
+    ), S(
       () => i.defaultPlayText,
       async (e) => {
-        l.value && e && m && (console.log("✅ 默认文本更新，自动播放：", e), await ie(e));
+        l.value && e && g && (console.log("✅ 默认文本更新，自动播放：", e), await ie(e));
       },
       { immediate: !0 }
     ), Ue(async () => {
-      await y(), await y(), S.value = !0;
-      const { x: e, y: t } = me();
-      v.x = e, v.y = t, window.addEventListener("resize", Ce);
+      await T(), await T(), C.value = !0;
+      const { x: e, y: t } = ge();
+      u.x = e, u.y = t, window.addEventListener("resize", _e);
     }), 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), T(), r.stopProcessing(), L(), d && d.close(), s.value && (s.value.srcObject = null);
-    }), Ee({
+      document.removeEventListener("mousemove", U), document.removeEventListener("mousemove", ne), document.removeEventListener("mouseup", oe), document.removeEventListener("mousemove", ee), document.removeEventListener("mouseup", te), window.removeEventListener("resize", _e), E(), r.stopProcessing(), j(), v && v.close(), a.value && (a.value.srcObject = null);
+    }), Me({
       digitalHumanChat: ie,
       // 播放文本
-      digitalHumanInterruptTalk: L,
+      digitalHumanInterruptTalk: j,
       // 打断对话
       isConnected: l,
       // 连接状态
       isConnecting: f,
       // 连接中状态
-      reconnect: I,
+      reconnect: F,
       // 手动重连WebRTC
-      clearReconnectTimer: T,
+      clearReconnectTimer: E,
       // 停止重连
       currentReconnectTimes: p,
       // 当前重连次数
@@ -307,54 +285,54 @@ const Ae = { class: "digital-human-assistant" }, Ne = { class: "placeholder left
       webgpuIsProcessing: r.isProcessing
       // WebGPU运行状态
     }), (e, t) => {
-      const c = je("drag");
-      return k(), D("div", {
+      const s = je("drag");
+      return W(), H("div", {
         class: "draggable-window-container",
-        style: ke(xe.value)
+        style: ke(Ee.value)
       }, [
-        w(n("div", Ae, null, 512), [
-          [g, he.value],
-          [c, ["digital-human-assistant", He, !0]]
+        w(n("div", Ge, null, 512), [
+          [m, he.value],
+          [s, ["digital-human-assistant", Le, !0]]
         ]),
         n("div", {
           ref_key: "teleportFallbackRef",
-          ref: X,
+          ref: P,
           class: "teleport-fallback"
         }, null, 512),
         w(n("div", Ne, null, 512), [
-          [g, K.value]
+          [m, K.value]
         ]),
         w(n("div", Je, null, 512), [
-          [g, Q.value]
+          [m, Q.value]
         ]),
-        Y.value && h.value === "left" ? (k(), D("div", {
+        I.value && h.value === "left" ? (W(), H("div", {
           key: 0,
-          class: J(["sidebar left-sidebar", { pressing: R.value }])
+          class: J(["sidebar left-sidebar", { pressing: y.value }])
         }, [
           n("div", {
             class: "window-header",
-            onMousedown: t[2] || (t[2] = (a) => ye("left", a)),
-            onMouseup: F,
-            onMouseleave: F
+            onMousedown: t[2] || (t[2] = (d) => ye("left", d)),
+            onMouseup: O,
+            onMouseleave: O
           }, [
             n("div", qe, [
-              n("span", Ke, ae(V.windowTitle), 1),
+              n("span", Ke, se(D.windowTitle), 1),
               n("div", Qe, [
                 w(n("button", Ze, "未连接", 512), [
-                  [g, !l.value && !f.value]
+                  [m, !l.value && !f.value]
                 ]),
                 w(n("button", et, "连接中...", 512), [
-                  [g, f.value]
+                  [m, f.value]
                 ]),
                 w(n("button", tt, "已连接", 512), [
-                  [g, l.value]
+                  [m, l.value]
                 ])
               ])
             ]),
             n("div", {
               class: "drag-window-hide",
-              onClick: t[0] || (t[0] = (a) => j(!1)),
-              onMousedown: t[1] || (t[1] = se(() => {
+              onClick: t[0] || (t[0] = (d) => Y(!1)),
+              onMousedown: t[1] || (t[1] = ae(() => {
               }, ["stop"]))
             }, null, 32)
           ], 32),
@@ -366,7 +344,7 @@ const Ae = { class: "digital-human-assistant" }, Ne = { class: "placeholder left
               class: "sidebar-video-container"
             }, null, 512)
           ])
-        ], 2)) : $("", !0),
+        ], 2)) : L("", !0),
         n("div", {
           class: "main-content-outer",
           ref_key: "containerRef",
@@ -375,37 +353,37 @@ const Ae = { class: "digital-human-assistant" }, Ne = { class: "placeholder left
           n("div", ot, [
             le(e.$slots, "main", {}, void 0, !0)
           ]),
-          Y.value && h.value === "" ? (k(), D("div", {
+          I.value && h.value === "" ? (W(), H("div", {
             key: 0,
             ref_key: "dragWindowRef",
-            ref: de,
-            class: J(["draggable-window", { "draggable-window-shadow": !l.value || E.value }]),
-            style: ke(Me.value),
-            onMouseenter: Ie,
+            ref: ce,
+            class: J(["draggable-window", { "draggable-window-shadow": !l.value || k.value }]),
+            style: ke(Se.value),
+            onMouseenter: De,
             onMouseleave: Pe
           }, [
             n("div", {
-              class: J(["window-header", { "window-header-opacity": l.value && !E.value }]),
-              onMousedown: De
+              class: J(["window-header", { "window-header-opacity": l.value && !k.value }]),
+              onMousedown: Ie
             }, [
               n("div", it, [
-                n("span", at, ae(V.windowTitle), 1),
-                n("div", st, [
+                n("span", st, se(D.windowTitle), 1),
+                n("div", at, [
                   w(n("button", lt, "未连接", 512), [
-                    [g, !l.value && !f.value]
+                    [m, !l.value && !f.value]
                   ]),
-                  w(n("button", ct, "连接中...", 512), [
-                    [g, f.value]
+                  w(n("button", dt, "连接中...", 512), [
+                    [m, f.value]
                   ]),
-                  w(n("button", dt, "已连接", 512), [
-                    [g, l.value]
+                  w(n("button", ct, "已连接", 512), [
+                    [m, l.value]
                   ])
                 ])
               ]),
               n("div", {
                 class: "drag-window-hide",
-                onClick: t[3] || (t[3] = (a) => j(!1)),
-                onMousedown: t[4] || (t[4] = se(() => {
+                onClick: t[3] || (t[3] = (d) => Y(!1)),
+                onMousedown: t[4] || (t[4] = ae(() => {
                 }, ["stop"]))
               }, null, 32)
             ], 34),
@@ -416,40 +394,40 @@ const Ae = { class: "digital-human-assistant" }, Ne = { class: "placeholder left
                 ref: re
               }, null, 512)
             ])
-          ], 38)) : $("", !0)
+          ], 38)) : L("", !0)
         ], 512),
-        Y.value && h.value === "right" ? (k(), D("div", {
+        I.value && h.value === "right" ? (W(), H("div", {
           key: 1,
-          class: J(["sidebar right-sidebar", { pressing: R.value }])
+          class: J(["sidebar right-sidebar", { pressing: y.value }])
         }, [
           n("div", {
             class: "window-header",
-            onMousedown: t[7] || (t[7] = (a) => ye("right", a)),
-            onMouseup: F,
-            onMouseleave: F
+            onMousedown: t[7] || (t[7] = (d) => ye("right", d)),
+            onMouseup: O,
+            onMouseleave: O
           }, [
             n("div", rt, [
-              n("span", vt, ae(V.windowTitle), 1),
+              n("span", vt, se(D.windowTitle), 1),
               n("div", ft, [
                 w(n("button", ht, "未连接", 512), [
-                  [g, !l.value && !f.value]
+                  [m, !l.value && !f.value]
                 ]),
                 w(n("button", wt, "连接中...", 512), [
-                  [g, f.value]
+                  [m, f.value]
                 ]),
-                w(n("button", gt, "已连接", 512), [
-                  [g, l.value]
+                w(n("button", mt, "已连接", 512), [
+                  [m, l.value]
                 ])
               ])
             ]),
             n("div", {
               class: "drag-window-hide",
-              onClick: t[5] || (t[5] = (a) => j(!1)),
-              onMousedown: t[6] || (t[6] = se(() => {
+              onClick: t[5] || (t[5] = (d) => Y(!1)),
+              onMousedown: t[6] || (t[6] = ae(() => {
               }, ["stop"]))
             }, null, 32)
           ], 32),
-          n("div", mt, [
+          n("div", gt, [
             le(e.$slots, "sidebar-right", {}, void 0, !0),
             n("div", {
               ref_key: "sidebarRightVideoRef",
@@ -457,14 +435,14 @@ const Ae = { class: "digital-human-assistant" }, Ne = { class: "placeholder left
               class: "sidebar-video-container"
             }, null, 512)
           ])
-        ], 2)) : $("", !0),
-        S.value ? (k(), Ge(ze, {
+        ], 2)) : L("", !0),
+        C.value ? (W(), ze(Fe, {
           key: 2,
           to: we()
         }, [
           n("video", {
             ref_key: "digitalHumanVideo",
-            ref: s,
+            ref: a,
             class: "digital-video source-video",
             poster: "",
             playsinline: "",
@@ -475,12 +453,12 @@ const Ae = { class: "digital-human-assistant" }, Ne = { class: "placeholder left
             ref: o,
             class: "digital-video processed-canvas"
           }, null, 512),
-          f.value ? (k(), D("div", pt)) : $("", !0)
-        ], 8, ["to"])) : $("", !0)
+          f.value ? (W(), H("div", pt)) : L("", !0)
+        ], 8, ["to"])) : L("", !0)
       ], 4);
     };
   }
 });
 export {
-  Tt as default
+  Ct as default
 };