@scienjoy/sj-ai-plus 1.0.0 → 1.0.2

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

@@ -1,22 +1,22 @@
 /* empty css                                                                                                                                */
-import { defineComponent as Se, ref as d, reactive as Xe, computed as Re, watch as ne, nextTick as m, onMounted as Ye, onUnmounted as Be, resolveComponent as Oe, resolveDirective as je, openBlock as $, createElementBlock as A, normalizeStyle as Ce, withDirectives as h, createElementVNode as n, vShow as w, normalizeClass as Te, toDisplayString as oe, createVNode as E, withModifiers as ae, withCtx as ie, renderSlot as se, createCommentVNode as N, createBlock as Ie, Teleport as ze } from "vue";
-import ke from "../../utils/api.ts";
-import xe from "../../utils/utils.ts";
+import { defineComponent as Se, ref as d, reactive as Ye, computed as Te, watch as oe, nextTick as m, onMounted as Be, onUnmounted as Ie, resolveComponent as Oe, resolveDirective as je, openBlock as P, createElementBlock as A, normalizeStyle as ke, withDirectives as f, createElementVNode as n, vShow as w, normalizeClass as xe, toDisplayString as ae, createVNode as L, withModifiers as ie, withCtx as le, renderSlot as se, createCommentVNode as G, createBlock as Ue, Teleport as ze } from "vue";
+import ce from "../../utils/api.ts";
+import Ee from "../../utils/utils.ts";
 import Fe from "../../utils/videoBackgroundRemoval.ts";
-import { ElIcon as Ue } from "../../../../../node_modules/.pnpm/element-plus@2.13.1_vue@3.5.27_typescript@5.9.3_/node_modules/element-plus/es/components/icon/index.ts";
-const Ae = { class: "digital-human-assistant" }, Ne = { class: "placeholder left-placeholder" }, Ge = { class: "placeholder right-placeholder" }, Je = { class: "window-header-left" }, qe = { class: "window-title-text" }, Ke = { class: "window-header-btns" }, Qe = { class: "disconnect-btn" }, Ze = {
+import { ElIcon as Ne } from "../../../../../node_modules/.pnpm/element-plus@2.13.1_vue@3.5.27_typescript@5.9.3_/node_modules/element-plus/es/components/icon/index.ts";
+const Ae = { class: "digital-human-assistant" }, Ge = { 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: ""
-}, et = { class: "connect-btn" }, tt = { class: "window-content" }, nt = { class: "main-content-inner" }, ot = { class: "window-header-left" }, at = { class: "window-title-text" }, it = { class: "window-header-btns" }, st = { class: "disconnect-btn" }, lt = {
+}, tt = { class: "connect-btn" }, nt = { class: "window-content" }, ot = { class: "main-content-inner" }, at = { class: "window-header-left" }, it = { class: "window-title-text" }, lt = { class: "window-header-btns" }, st = { class: "disconnect-btn" }, ct = {
   class: "connect-btn",
   disabled: ""
-}, dt = { class: "connect-btn" }, ct = { class: "window-content" }, ut = { class: "window-header-left" }, rt = { class: "window-title-text" }, vt = { class: "window-header-btns" }, ft = { class: "disconnect-btn" }, ht = {
+}, dt = { class: "connect-btn" }, ut = { class: "window-content" }, rt = { class: "window-header-left" }, vt = { class: "window-title-text" }, ht = { class: "window-header-btns" }, ft = { class: "disconnect-btn" }, wt = {
   class: "connect-btn",
   disabled: ""
-}, wt = { class: "connect-btn" }, gt = { class: "window-content" }, mt = Se({
+}, gt = { class: "connect-btn" }, mt = { class: "window-content" }, pt = Se({
   name: "SjDigitalHumanAssistant"
-}), Tt = /* @__PURE__ */ Se({
-  ...mt,
+}), kt = /* @__PURE__ */ Se({
+  ...pt,
   props: {
     windowWidth: { default: 320 },
     windowHeight: { default: 467 },
@@ -32,123 +32,134 @@ const Ae = { class: "digital-human-assistant" }, Ne = { class: "placeholder left
     maxReconnectTimes: { default: 10 },
     baseUrl: { default: "" }
   },
-  setup(P, { expose: Ee }) {
-    const o = P, le = d(null), de = d(null), c = d(null), a = d(null), p = Fe(), ce = d(null), ue = d(null), re = d(null), V = d(null), L = d(!1), u = d(!1), f = d(!1), ve = d(!0), X = d(!1), r = Xe({
+  setup(V, { expose: Le }) {
+    const o = V, de = d(null), ue = d(null), u = d(null), a = d(null), p = Fe(), re = d(null), ve = d(null), he = d(null), X = d(null), H = d(!1), s = d(!1), h = d(!1), fe = d(!0), Y = d(!1), r = Ye({
       x: 0,
       y: 0,
       offsetX: 0,
       offsetY: 0
-    }), v = d(o.defaultStickSide), Y = d(!1), R = d(!1), M = d(!1), G = d(!1), J = d(!1);
-    let s = null, C = "";
-    const B = d(null), b = d(0), O = d(!1), W = d(!1), Le = Re(() => ({
+    }), v = d(o.defaultStickSide), B = d(!1), C = d(!1), M = d(!1), J = d(!1), q = d(!1);
+    let l = null, b = "";
+    const I = d(null), y = d(0), O = d(!1), W = d(!1), He = Te(() => ({
       "--sidebar-width": o.sidebarWidth,
       "--window-width": `${o.windowWidth}px`,
       "--window-height": `${o.windowHeight}px`
-    })), Me = Re(() => ({
+    })), Me = Te(() => ({
       left: `${r.x}px`,
       top: `${r.y}px`,
       width: `${o.windowWidth}px`,
       height: `${o.windowHeight}px`,
-      zIndex: Y.value || M.value ? 9999 : 1e3
+      zIndex: B.value || M.value ? 9999 : 1e3
     })), We = (t) => {
-      !t && c.value ? (O.value = !1, b.value = 0, be()) : t ? (O.value = !0, Pe()) : console.warn("自动连接超时：video元素未挂载"), ve.value = t;
+      !t && u.value ? (O.value = !1, y.value = 0, _e()) : t ? (O.value = !0, Ve()) : console.warn("自动连接超时：video元素未挂载"), fe.value = t;
     }, j = (t) => {
-      We(!t), X.value = t, t && u.value && m(() => g());
-    }, He = () => {
+      We(!t), Y.value = t, t && s.value && m(() => g());
+    }, De = () => {
       j(!0);
-    }, fe = () => {
+    }, we = () => {
       switch (v.value) {
         case "left":
-          return ue.value ?? V.value;
+          return ve.value ?? X.value;
         case "right":
-          return re.value ?? V.value;
+          return he.value ?? X.value;
         default:
-          return ce.value ?? V.value;
+          return re.value ?? X.value;
       }
-    }, x = () => de.value?.getBoundingClientRect() || {
+    }, x = () => ue.value?.getBoundingClientRect() || {
       width: 0,
       height: 0,
       left: 0,
       right: 0,
       top: 0,
       bottom: 0
-    }, he = () => le.value?.getBoundingClientRect() || {
+    }, ge = () => de.value?.getBoundingClientRect() || {
       width: 0,
       height: 0,
       left: 0,
       right: 0,
       top: 0,
       bottom: 0
-    }, q = (t, e) => {
+    }, K = (t, e) => {
       const i = x();
       return {
         x: Math.max(0, Math.min(t, i.width - o.windowWidth)),
         y: Math.max(0, Math.min(e, i.height - o.windowHeight))
       };
-    }, we = () => {
-      const t = x(), e = t.width - o.windowWidth - 10, i = t.height - o.windowHeight - 10;
-      return q(e, i);
-    }, ge = () => {
-      const t = x(), e = he();
-      G.value = e.left <= t.left + o.edgeThreshold, J.value = e.right >= t.right - o.edgeThreshold;
     }, me = () => {
-      const t = x(), e = he(), i = e.left <= t.left + o.edgeThreshold ? "left" : e.right >= t.right - o.edgeThreshold ? "right" : "";
-      i !== v.value && (v.value = i, c.value && (c.value.volume = i ? 0.5 : 1), H(), g()), G.value = J.value = !1;
-    }, De = (t) => {
-      Y.value = !0, r.offsetX = t.clientX - r.x, r.offsetY = t.clientY - r.y, document.addEventListener("mousemove", K), document.addEventListener("mouseup", Q);
-    }, K = (t) => {
-      if (!Y.value) return;
-      const e = x(), { x: i, y: l } = q(t.clientX - e.left - r.offsetX, t.clientY - e.top - r.offsetY);
-      r.x = i, r.y = l, ge();
-    }, Q = () => {
-      me(), Y.value = !1, document.removeEventListener("mousemove", K), document.removeEventListener("mouseup", Q);
-    }, pe = (t, e) => {
-      R.value = !0, r.offsetX = e.clientX - (e.clientX - o.windowWidth / 2), r.offsetY = e.clientY - (e.clientY - 20), document.addEventListener("mousemove", I);
-    }, I = (t) => {
-      if (!R.value) return;
+      const t = x(), e = t.width - o.windowWidth - 10, i = t.height - o.windowHeight - 10;
+      return K(e, i);
+    }, pe = () => {
+      const t = x(), e = ge();
+      J.value = e.left <= t.left + o.edgeThreshold, q.value = e.right >= t.right - o.edgeThreshold;
+    }, be = () => {
+      const t = x(), e = ge(), i = e.left <= t.left + o.edgeThreshold ? "left" : e.right >= t.right - o.edgeThreshold ? "right" : "";
+      i !== v.value && (v.value = i, u.value && (u.value.volume = i ? 0.5 : 1), D(), g()), J.value = q.value = !1;
+    }, $e = (t) => {
+      B.value = !0, r.offsetX = t.clientX - r.x, r.offsetY = t.clientY - r.y, document.addEventListener("mousemove", Q), document.addEventListener("mouseup", Z);
+    }, Q = (t) => {
+      if (!B.value) return;
+      const e = x(), { x: i, y: c } = K(t.clientX - e.left - r.offsetX, t.clientY - e.top - r.offsetY);
+      r.x = i, r.y = c, pe();
+    }, Z = () => {
+      be(), B.value = !1, document.removeEventListener("mousemove", Q), document.removeEventListener("mouseup", Z);
+    }, ye = (t, e) => {
+      C.value = !0, r.offsetX = e.clientX - (e.clientX - o.windowWidth / 2), r.offsetY = e.clientY - (e.clientY - 20), document.addEventListener("mousemove", U);
+    }, U = (t) => {
+      if (!C.value) return;
       const e = Math.abs(t.movementX), i = Math.abs(t.movementY);
-      (e > o.dragThreshold || i > o.dragThreshold) && (M.value = !0, v.value = "", document.removeEventListener("mousemove", I), document.addEventListener("mousemove", Z), document.addEventListener("mouseup", ee));
-    }, Z = (t) => {
+      (e > o.dragThreshold || i > o.dragThreshold) && (M.value = !0, v.value = "", document.removeEventListener("mousemove", U), document.addEventListener("mousemove", ee), document.addEventListener("mouseup", te));
+    }, ee = (t) => {
       if (!M.value) return;
-      const e = x(), { x: i, y: l } = q(t.clientX - e.left - r.offsetX, t.clientY - e.top - r.offsetY);
-      r.x = i, r.y = l, ge();
-    }, ee = () => {
-      me(), R.value = M.value = !1, document.removeEventListener("mousemove", Z), document.removeEventListener("mouseup", ee);
+      const e = x(), { x: i, y: c } = K(t.clientX - e.left - r.offsetX, t.clientY - e.top - r.offsetY);
+      r.x = i, r.y = c, pe();
+    }, te = () => {
+      be(), C.value = M.value = !1, document.removeEventListener("mousemove", ee), document.removeEventListener("mouseup", te);
     }, z = () => {
-      R.value && !M.value && (R.value = !1, document.removeEventListener("mousemove", I));
-    }, te = async (t) => {
-      if (!u.value || !C)
+      C.value && !M.value && (C.value = !1, document.removeEventListener("mousemove", U));
+    }, ne = async (t) => {
+      if (!s.value || !b)
         return;
+      await E(), console.log("已打断当前对话，准备播放新文本：", t);
       const e = {
         text: t,
         type: "echo",
         interrupt: !0,
-        sessionid: parseInt(C)
+        sessionid: parseInt(b)
       };
-      ke.digitalHumanChat(o.baseUrl, e).then((i) => {
+      ce.digitalHumanChat(o.baseUrl, e).then((i) => {
         i && Number(i.code);
       }).catch((i) => {
         console.log("api.digitalHumanChat：", i);
       });
+    }, E = async () => {
+      if (!s.value || !b) return;
+      const t = {
+        sessionid: parseInt(b)
+      };
+      ce.digitalHumanInterruptTalk(o.baseUrl, t).then((e) => {
+        e && Number(e.code) === 0 && console.log("数字人对话已成功打断");
+      }).catch((e) => {
+        console.log("api.digitalHumanInterruptTalk：", e);
+      });
     }, S = () => {
-      B.value && (clearTimeout(B.value), B.value = null, console.log("重连定时器已清除")), W.value = !1;
-    }, H = (t = !1) => {
+      I.value && (clearTimeout(I.value), I.value = null, console.log("重连定时器已清除")), W.value = !1;
+    }, D = (t = !1) => {
       if (!a.value) return;
       t || p.stopProcessing();
       const e = a.value.getContext("2d");
       if (e && (e.clearRect(0, 0, a.value.width, a.value.height), !t)) {
-        const i = a.value.width, l = a.value.height;
-        a.value.width = i, a.value.height = l;
+        const i = a.value.width, c = a.value.height;
+        a.value.width = i, a.value.height = c;
       }
       a.value && !t && (a.value.style.width = "", a.value.style.height = "", v.value === "" && (a.value.style.marginLeft = "", a.value.style.marginTop = ""));
     }, g = async (t = !1) => {
-      if (!c.value || !a.value || !L.value || !u.value) return;
+      if (!u.value || !a.value || !H.value || !s.value) return;
       await m();
-      const e = c.value.videoWidth || o.windowWidth, i = c.value.videoHeight || o.windowHeight, l = e / i;
-      console.log("视频原始宽高比：", l, "尺寸：", e, i);
-      let y;
-      const _ = fe();
-      _ ? y = _.getBoundingClientRect() : y = {
+      const e = u.value.videoWidth || o.windowWidth, i = u.value.videoHeight || o.windowHeight, c = e / i;
+      console.log("视频原始宽高比：", c, "尺寸：", e, i);
+      let _;
+      const R = we();
+      R ? _ = R.getBoundingClientRect() : _ = {
         width: v.value ? 0 : o.windowWidth,
         height: v.value ? 0 : o.windowHeight,
         left: 0,
@@ -156,310 +167,320 @@ const Ae = { class: "digital-human-assistant" }, Ne = { class: "placeholder left
         right: 0,
         bottom: 0
       };
-      const F = y.width || (v.value ? 300 : o.windowWidth), U = y.height || (v.value ? window.innerHeight - 40 : o.windowHeight), Ve = F / U;
+      const F = _.width || (v.value ? 300 : o.windowWidth), N = _.height || (v.value ? window.innerHeight - 40 : o.windowHeight), Xe = F / N;
       let T, k;
-      Ve > l ? (k = U, T = k * l) : (T = F, k = T / l);
-      const _e = window.devicePixelRatio || 1;
-      a.value.width = Math.floor(T * _e), a.value.height = Math.floor(k * _e), a.value.style.display = "block", a.value.style.objectFit = "contain", v.value === "" ? (a.value.style.width = `${T}px`, a.value.style.height = `${k}px`, a.value.style.marginLeft = `${(F - T) / 2}px`, a.value.style.marginTop = `${(U - k) / 2}px`) : (a.value.style.width = "100%", a.value.style.height = "100%", a.value.style.marginLeft = "0", a.value.style.marginTop = "0"), console.log("Canvas适配完成：", {
+      Xe > c ? (k = N, T = k * c) : (T = F, k = T / c);
+      const Ce = window.devicePixelRatio || 1;
+      a.value.width = Math.floor(T * Ce), a.value.height = Math.floor(k * Ce), a.value.style.display = "block", a.value.style.objectFit = "contain", v.value === "" ? (a.value.style.width = `${T}px`, a.value.style.height = `${k}px`, a.value.style.marginLeft = `${(F - T) / 2}px`, a.value.style.marginTop = `${(N - k) / 2}px`) : (a.value.style.width = "100%", a.value.style.height = "100%", a.value.style.marginLeft = "0", a.value.style.marginTop = "0"), console.log("Canvas适配完成：", {
         mode: v.value || "浮动",
-        container: { width: F, height: U },
+        container: { width: F, height: N },
         canvas: { drawWidth: T, drawHeight: k, physicalWidth: a.value.width, physicalHeight: a.value.height }
-      }), t || (p.videoRef.value = c.value, p.canvasRef.value = a.value, await p.processVideo());
-    }, D = () => {
-      if (O.value || u.value || f.value || W.value) {
+      }), t || (p.videoRef.value = u.value, p.canvasRef.value = a.value, await p.processVideo());
+    }, $ = () => {
+      if (O.value || s.value || h.value || W.value) {
         console.log("重连条件不满足：手动断开/已连接/正在连接/正在冷却");
         return;
       }
-      if (o.maxReconnectTimes !== -1 && b.value >= o.maxReconnectTimes) {
-        console.warn(`数字人重连已达最大次数(${o.maxReconnectTimes})，停止重连`), S(), xe.funcElMessageShowCtrl(`数字人连接失败，已尝试${o.maxReconnectTimes}次重连，请重试！`), b.value = 0;
+      if (E().then(() => {
+        console.log("重连前已打断当前对话");
+      }), o.maxReconnectTimes !== -1 && y.value >= o.maxReconnectTimes) {
+        console.warn(`数字人重连已达最大次数(${o.maxReconnectTimes})，停止重连`), S(), Ee.funcElMessageShowCtrl(`数字人连接失败，已尝试${o.maxReconnectTimes}次重连，请重试！`), y.value = 0;
         return;
       }
-      W.value = !0, B.value = setTimeout(() => {
+      W.value = !0, I.value = setTimeout(() => {
         try {
-          b.value++, console.log(`数字人第${b.value}次重连... (最大次数：${o.maxReconnectTimes})`), be();
+          y.value++, console.log(`数字人第${y.value}次重连... (最大次数：${o.maxReconnectTimes})`), _e();
         } finally {
           W.value = !1;
         }
       }, o.reconnectInterval * 1e3);
-    }, $e = async () => {
-      if (s)
+    }, Pe = async () => {
+      if (l)
         try {
-          s.addTransceiver("video", { direction: "recvonly" }), s.addTransceiver("audio", { direction: "recvonly" });
-          const t = await s.createOffer();
-          await s.setLocalDescription(t), await new Promise((l) => {
-            if (s?.iceGatheringState === "complete")
-              l();
+          l.addTransceiver("video", { direction: "recvonly" }), l.addTransceiver("audio", { direction: "recvonly" });
+          const t = await l.createOffer();
+          await l.setLocalDescription(t), await new Promise((c) => {
+            if (l?.iceGatheringState === "complete")
+              c();
             else {
-              const y = () => {
-                s?.iceGatheringState === "complete" && (s?.removeEventListener("icegatheringstatechange", y), l());
+              const _ = () => {
+                l?.iceGatheringState === "complete" && (l?.removeEventListener("icegatheringstatechange", _), c());
               };
-              s?.addEventListener("icegatheringstatechange", y);
+              l?.addEventListener("icegatheringstatechange", _);
             }
           });
-          const e = s.localDescription, i = {
+          const e = l.localDescription, i = {
             sdp: e.sdp,
             type: e.type
           };
-          ke.digitalHumanOffer(o.baseUrl, i).then((l) => {
-            l ? (C = l.sessionid, s.setRemoteDescription(new RTCSessionDescription(l)), u.value = !0, b.value = 0, S(), console.log("数字人连接成功，重置重连状态"), m(() => g())) : (u.value = !1, console.log("数字人连接失败：接口返回空"), D()), f.value = !1;
-          }).catch((l) => {
-            console.error("api.digitalHumanOffer 失败：", l), u.value = !1, f.value = !1, D();
+          ce.digitalHumanOffer(o.baseUrl, i).then((c) => {
+            c ? (b = c.sessionid, l.setRemoteDescription(new RTCSessionDescription(c)), s.value = !0, y.value = 0, S(), console.log("数字人连接成功，重置重连状态"), m(() => g())) : (s.value = !1, console.log("数字人连接失败：接口返回空"), $()), h.value = !1;
+          }).catch((c) => {
+            console.error("api.digitalHumanOffer 失败：", c), s.value = !1, h.value = !1, $();
           });
         } catch (t) {
-          console.error("negotiate 失败：", t), u.value = !1, f.value = !1, D();
+          console.error("negotiate 失败：", t), s.value = !1, h.value = !1, $();
         }
-    }, be = () => {
-      if (u.value || f.value) {
+    }, _e = () => {
+      if (s.value || h.value) {
         console.log("当前已连接/正在连接，无需重复触发");
         return;
       }
-      f.value = !0, console.log("开始建立数字人连接...");
+      h.value = !0, console.log("开始建立数字人连接...");
       const t = {
         sdpSemantics: "unified-plan"
       };
-      s && (s.close(), s = null), s = new RTCPeerConnection(t), s.addEventListener("track", (e) => {
-        e.track.kind === "video" && c.value && (c.value.srcObject = e.streams[0], c.value.onloadedmetadata = async () => {
-          c.value && a.value && (p.videoRef.value = c.value, p.canvasRef.value = a.value, await g(), await p.processVideo());
-        }, c.value.onresize = () => {
+      l && (l.close(), l = null), l = new RTCPeerConnection(t), l.addEventListener("track", (e) => {
+        e.track.kind === "video" && u.value && (u.value.srcObject = e.streams[0], u.value.onloadedmetadata = async () => {
+          u.value && a.value && (p.videoRef.value = u.value, p.canvasRef.value = a.value, await g(), await p.processVideo());
+        }, u.value.onresize = () => {
           g();
         });
-      }), s.addEventListener("iceconnectionstatechange", () => {
-        switch (console.log("ICE连接状态变化：", s.iceConnectionState), s.iceConnectionState) {
+      }), l.addEventListener("iceconnectionstatechange", () => {
+        switch (console.log("ICE连接状态变化：", l.iceConnectionState), l.iceConnectionState) {
           case "disconnected":
           case "failed":
           case "closed":
-            console.log("WebRTC连接断开/失败，触发重连"), u.value = !1, f.value = !1, s = null, C = "", c.value && (c.value.srcObject = null), H(), D();
+            console.log("WebRTC连接断开/失败，触发重连"), s.value = !1, h.value = !1, l = null, b = "", u.value && (u.value.srcObject = null), D(), E().then(() => {
+              console.log("ICE连接断开，已打断对话");
+            }), $();
             break;
           case "connected":
-            b.value = 0, S(), console.log("ICE连接成功，重置重连状态"), m(() => g());
+            y.value = 0, S(), console.log("ICE连接成功，重置重连状态"), m(() => g());
             break;
         }
-      }), $e();
-    }, Pe = () => {
-      O.value = !0, S(), f.value = !1, p.stopProcessing(), H(), setTimeout(() => {
-        s && (s.close(), s = null), C = "", c.value && (c.value.srcObject = null), u.value = !1, b.value = 0, console.log("手动断开连接，重置所有状态");
+      }), Pe();
+    }, Ve = () => {
+      O.value = !0, S(), h.value = !1, p.stopProcessing(), D(), E().then(() => {
+        console.log("手动断开连接，已打断当前对话");
+      }), setTimeout(() => {
+        l && (l.close(), l = null), b = "", u.value && (u.value.srcObject = null), s.value = !1, y.value = 0, console.log("手动断开连接，重置所有状态");
       }, 500);
     };
-    Ee({
-      digitalHumanChat: te,
+    Le({
+      digitalHumanChat: ne,
       // 播放文本的核心方法
-      isConnected: u,
+      digitalHumanInterruptTalk: E,
+      // 打断方法
+      isConnected: s,
       // 连接状态
-      isConnecting: f,
+      isConnecting: h,
       // 连接中状态
-      reconnect: D,
+      reconnect: $,
       // 手动触发重连
       clearReconnectTimer: S,
       // 手动停止重连
-      currentReconnectTimes: b,
+      currentReconnectTimes: y,
       // 暴露当前重连次数，方便调试
       isWaitingReconnect: W,
       adaptCanvasToContainer: g
       // 暴露适配方法，方便父组件调用
-    }), ne(
+    }), oe(
       v,
       async (t, e) => {
-        !L.value || !c.value || (await m(), c.value.volume = t ? 0.5 : 1, u.value && (H(), await g()));
+        !H.value || !u.value || (await m(), u.value.volume = t ? 0.5 : 1, s.value && (D(), await g()));
       },
       { immediate: !0, deep: !0 }
-    ), ne(
-      [() => u.value, () => o.defaultPlayText],
+    ), oe(
+      [() => s.value, () => o.defaultPlayText],
       async ([t, e], [i]) => {
-        t && !i && e && C && (console.log("连接成功，自动播放默认文本：", e), await te(e), m(() => g()));
+        t && !i && e && b && (console.log("连接成功，自动播放默认文本：", e), await ne(e), m(() => g()));
       },
       { immediate: !1 }
-    ), ne(
+    ), oe(
       () => o.defaultPlayText,
       async (t) => {
-        u.value && t && C && (console.log("默认文本加载完成，自动播放：", t), await te(t), m(() => g()));
+        s.value && t && b && (console.log("默认文本加载完成，自动播放：", t), await ne(t), m(() => g()));
       },
       { immediate: !0 }
-    ), Ye(async () => {
-      await m(), await m(), L.value = !0;
-      const { x: t, y: e } = we();
-      r.x = t, r.y = e, window.addEventListener("resize", ye);
+    ), Be(async () => {
+      await m(), await m(), H.value = !0;
+      const { x: t, y: e } = me();
+      r.x = t, r.y = e, window.addEventListener("resize", Re);
     });
-    const ye = xe.debounce(() => {
+    const Re = Ee.debounce(() => {
       if (v.value === "") {
-        const { x: t, y: e } = we();
+        const { x: t, y: e } = me();
         r.x = t, r.y = e;
       }
-      u.value && L.value && (H(!0), m(() => g(!0)));
+      s.value && H.value && (D(!0), m(() => g(!0)));
     }, 50);
-    return Be(() => {
-      document.removeEventListener("mousemove", I), document.removeEventListener("mousemove", Z), document.removeEventListener("mouseup", ee), document.removeEventListener("mousemove", K), document.removeEventListener("mouseup", Q), window.removeEventListener("resize", ye), S(), p.stopProcessing(), c.value && (c.value.srcObject = null), s && s.close();
+    return Ie(() => {
+      E().then(() => {
+        console.log("组件卸载，已打断当前对话");
+      }), document.removeEventListener("mousemove", U), document.removeEventListener("mousemove", ee), document.removeEventListener("mouseup", te), document.removeEventListener("mousemove", Q), document.removeEventListener("mouseup", Z), window.removeEventListener("resize", Re), S(), p.stopProcessing(), u.value && (u.value.srcObject = null), l && l.close();
     }), (t, e) => {
-      const i = Oe("CloseBold"), l = Ue, y = je("drag");
-      return $(), A("div", {
+      const i = Oe("CloseBold"), c = Ne, _ = je("drag");
+      return P(), A("div", {
         class: "draggable-window-container",
-        style: Ce(Le.value)
+        style: ke(He.value)
       }, [
-        h(n("div", Ae, null, 512), [
-          [w, ve.value],
-          [y, ["digital-human-assistant", He, !0]]
+        f(n("div", Ae, null, 512), [
+          [w, fe.value],
+          [_, ["digital-human-assistant", De, !0]]
         ]),
         n("div", {
           ref_key: "teleportFallbackRef",
-          ref: V,
+          ref: X,
           class: "teleport-fallback"
         }, null, 512),
-        h(n("div", Ne, null, 512), [
-          [w, G.value]
-        ]),
-        h(n("div", Ge, null, 512), [
+        f(n("div", Ge, null, 512), [
           [w, J.value]
         ]),
-        X.value && v.value === "left" ? ($(), A("div", {
+        f(n("div", Je, null, 512), [
+          [w, q.value]
+        ]),
+        Y.value && v.value === "left" ? (P(), A("div", {
           key: 0,
-          class: Te(["sidebar left-sidebar", { pressing: R.value }])
+          class: xe(["sidebar left-sidebar", { pressing: C.value }])
         }, [
           n("div", {
             class: "window-header",
-            onMousedown: e[2] || (e[2] = (_) => pe("left", _)),
+            onMousedown: e[2] || (e[2] = (R) => ye("left", R)),
             onMouseup: z,
             onMouseleave: z
           }, [
-            n("div", Je, [
-              n("span", qe, oe(P.windowTitle), 1),
-              n("div", Ke, [
-                h(n("button", Qe, "未连接", 512), [
-                  [w, !u.value && !f.value]
+            n("div", qe, [
+              n("span", Ke, ae(V.windowTitle), 1),
+              n("div", Qe, [
+                f(n("button", Ze, "未连接", 512), [
+                  [w, !s.value && !h.value]
                 ]),
-                h(n("button", Ze, "连接中...", 512), [
-                  [w, f.value]
+                f(n("button", et, "连接中...", 512), [
+                  [w, h.value]
                 ]),
-                h(n("button", et, "已连接", 512), [
-                  [w, u.value]
+                f(n("button", tt, "已连接", 512), [
+                  [w, s.value]
                 ])
               ])
             ]),
-            E(l, {
+            L(c, {
               class: "drag-window-hide",
-              onClick: e[0] || (e[0] = (_) => j(!1)),
-              onMousedown: e[1] || (e[1] = ae(() => {
+              onClick: e[0] || (e[0] = (R) => j(!1)),
+              onMousedown: e[1] || (e[1] = ie(() => {
               }, ["stop"]))
             }, {
-              default: ie(() => [
-                E(i)
+              default: le(() => [
+                L(i)
               ]),
               _: 1
             })
           ], 32),
-          n("div", tt, [
+          n("div", nt, [
             se(t.$slots, "sidebar-left", {}, void 0, !0),
             n("div", {
               ref_key: "sidebarLeftVideoRef",
-              ref: ue,
+              ref: ve,
               class: "sidebar-video-container"
             }, null, 512)
           ])
-        ], 2)) : N("", !0),
+        ], 2)) : G("", !0),
         n("div", {
           class: "main-content-outer",
           ref_key: "containerRef",
-          ref: de
+          ref: ue
         }, [
-          n("div", nt, [
+          n("div", ot, [
             se(t.$slots, "main", {}, void 0, !0)
           ]),
-          X.value && v.value === "" ? ($(), A("div", {
+          Y.value && v.value === "" ? (P(), A("div", {
             key: 0,
             ref_key: "dragWindowRef",
-            ref: le,
+            ref: de,
             class: "draggable-window",
-            style: Ce(Me.value)
+            style: ke(Me.value)
           }, [
             n("div", {
               class: "window-header",
-              onMousedown: De
+              onMousedown: $e
             }, [
-              n("div", ot, [
-                n("span", at, oe(P.windowTitle), 1),
-                n("div", it, [
-                  h(n("button", st, "未连接", 512), [
-                    [w, !u.value && !f.value]
+              n("div", at, [
+                n("span", it, ae(V.windowTitle), 1),
+                n("div", lt, [
+                  f(n("button", st, "未连接", 512), [
+                    [w, !s.value && !h.value]
                   ]),
-                  h(n("button", lt, "连接中...", 512), [
-                    [w, f.value]
+                  f(n("button", ct, "连接中...", 512), [
+                    [w, h.value]
                   ]),
-                  h(n("button", dt, "已连接", 512), [
-                    [w, u.value]
+                  f(n("button", dt, "已连接", 512), [
+                    [w, s.value]
                   ])
                 ])
               ]),
-              E(l, {
+              L(c, {
                 class: "drag-window-hide",
-                onClick: e[3] || (e[3] = (_) => j(!1)),
-                onMousedown: e[4] || (e[4] = ae(() => {
+                onClick: e[3] || (e[3] = (R) => j(!1)),
+                onMousedown: e[4] || (e[4] = ie(() => {
                 }, ["stop"]))
               }, {
-                default: ie(() => [
-                  E(i)
+                default: le(() => [
+                  L(i)
                 ]),
                 _: 1
               })
             ], 32),
-            n("div", ct, [
+            n("div", ut, [
               n("div", {
                 class: "video-container",
                 ref_key: "windowVideoRef",
-                ref: ce
+                ref: re
               }, null, 512)
             ])
-          ], 4)) : N("", !0)
+          ], 4)) : G("", !0)
         ], 512),
-        X.value && v.value === "right" ? ($(), A("div", {
+        Y.value && v.value === "right" ? (P(), A("div", {
           key: 1,
-          class: Te(["sidebar right-sidebar", { pressing: R.value }])
+          class: xe(["sidebar right-sidebar", { pressing: C.value }])
         }, [
           n("div", {
             class: "window-header",
-            onMousedown: e[7] || (e[7] = (_) => pe("right", _)),
+            onMousedown: e[7] || (e[7] = (R) => ye("right", R)),
             onMouseup: z,
             onMouseleave: z
           }, [
-            n("div", ut, [
-              n("span", rt, oe(P.windowTitle), 1),
-              n("div", vt, [
-                h(n("button", ft, "未连接", 512), [
-                  [w, !u.value && !f.value]
+            n("div", rt, [
+              n("span", vt, ae(V.windowTitle), 1),
+              n("div", ht, [
+                f(n("button", ft, "未连接", 512), [
+                  [w, !s.value && !h.value]
                 ]),
-                h(n("button", ht, "连接中...", 512), [
-                  [w, f.value]
+                f(n("button", wt, "连接中...", 512), [
+                  [w, h.value]
                 ]),
-                h(n("button", wt, "已连接", 512), [
-                  [w, u.value]
+                f(n("button", gt, "已连接", 512), [
+                  [w, s.value]
                 ])
               ])
             ]),
-            E(l, {
+            L(c, {
               class: "drag-window-hide",
-              onClick: e[5] || (e[5] = (_) => j(!1)),
-              onMousedown: e[6] || (e[6] = ae(() => {
+              onClick: e[5] || (e[5] = (R) => j(!1)),
+              onMousedown: e[6] || (e[6] = ie(() => {
               }, ["stop"]))
             }, {
-              default: ie(() => [
-                E(i)
+              default: le(() => [
+                L(i)
               ]),
               _: 1
             })
           ], 32),
-          n("div", gt, [
+          n("div", mt, [
             se(t.$slots, "sidebar-right", {}, void 0, !0),
             n("div", {
               ref_key: "sidebarRightVideoRef",
-              ref: re,
+              ref: he,
               class: "sidebar-video-container"
             }, null, 512)
           ])
-        ], 2)) : N("", !0),
-        L.value ? ($(), Ie(ze, {
+        ], 2)) : G("", !0),
+        H.value ? (P(), Ue(ze, {
           key: 2,
-          to: fe()
+          to: we()
         }, [
           n("video", {
             ref_key: "digitalHumanVideo",
-            ref: c,
+            ref: u,
             class: "digital-video source-video",
             poster: "",
             playsinline: "",
@@ -470,11 +491,11 @@ const Ae = { class: "digital-human-assistant" }, Ne = { class: "placeholder left
             ref: a,
             class: "digital-video processed-canvas"
           }, null, 512)
-        ], 8, ["to"])) : N("", !0)
+        ], 8, ["to"])) : G("", !0)
       ], 4);
     };
   }
 });
 export {
-  Tt as default
+  kt as default
 };