@scienjoy/sj-ai-plus 1.0.3 → 1.0.5

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

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