tuikit-atomicx-vue3 4.4.0 → 4.5.1

package/dist/components/AudioSettingPanel/index.js

@@ -1,116 +1,149 @@
-import { defineComponent as D, ref as v, onMounted as E, watch as c, createElementBlock as r, openBlock as d, createElementVNode as o, createCommentVNode as g, toDisplayString as n, unref as e, createVNode as p, withCtx as U, Fragment as w, renderList as b, createBlock as y } from "vue";
-import { useUIKit as P, TUISelect as C, TUIOption as x, TUISlider as M } from "@tencentcloud/uikit-base-component-vue3";
-import { useDeviceState as F } from "../../states/DeviceState/DeviceState.js";
-import { _ as K } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import { addI18n as N } from "../../i18n/index.js";
+import { addI18n as B } from "../../i18n/index.js";
 import { resource as $ } from "./i18n/en-US/index.js";
-import { resource as j } from "./i18n/zh-CN/index.js";
-const q = { class: "audio-setting-panel" }, G = { class: "section" }, H = { class: "section-title" }, J = {
+import { resource as q } from "./i18n/zh-CN/index.js";
+import { defineComponent as F, ref as _, computed as g, watch as k, createElementBlock as a, openBlock as l, createElementVNode as t, createCommentVNode as u, toDisplayString as o, unref as e, createVNode as m, createBlock as b, withCtx as y, createTextVNode as A, Fragment as j, renderList as G, normalizeClass as H } from "vue";
+import { useUIKit as J, TUIButton as P, TUISlider as x } from "@tencentcloud/uikit-base-component-vue3";
+import Q from "./MicrophoneSelect.js";
+import W from "./SpeakerSelect.js";
+import { useDeviceState as X } from "../../states/DeviceState/DeviceState.js";
+import { _ as Y } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const Z = { class: "audio-setting-tab" }, ee = { class: "item-setting" }, te = { class: "title" }, se = { class: "flex" }, oe = {
   key: 0,
-  class: "row"
-}, Q = { class: "label" }, R = { class: "row" }, W = { class: "label" }, X = { class: "volume-value" }, Y = { class: "section" }, Z = { class: "section-title" }, ee = {
-  key: 0,
-  class: "row"
-}, te = { class: "label" }, le = { class: "row" }, oe = { class: "label" }, ae = { class: "volume-value" }, se = /* @__PURE__ */ D({
+  class: "item-setting"
+}, le = { class: "title" }, ie = { class: "mic-bar-container" }, ae = {
+  key: 1,
+  class: "item-setting"
+}, ne = { class: "title" }, ue = { class: "flex" }, ce = { class: "volume-value" }, re = { class: "item-setting" }, de = { class: "title" }, me = { class: "flex" }, pe = {
+  key: 2,
+  class: "item-setting"
+}, ve = { class: "title" }, Ve = { class: "flex" }, _e = { class: "volume-value" }, fe = /* @__PURE__ */ F({
   __name: "index",
-  setup(ne) {
-    const { t: s } = P(), {
-      microphoneList: I,
-      currentMicrophone: m,
-      setCurrentMicrophone: L,
-      speakerList: f,
-      currentSpeaker: _,
-      setCurrentSpeaker: z,
-      getMicrophoneList: B,
-      getSpeakerList: O,
-      captureVolume: S,
-      outputVolume: k,
-      setCaptureVolume: T,
-      setOutputVolume: A
-    } = F(), i = v(""), u = v(""), V = v(S.value), h = v(k.value);
-    return E(async () => {
-      await B(), await O(), m.value && (i.value = m.value.deviceId), _.value && (u.value = _.value.deviceId);
-    }), c(m, (t) => {
-      t && t.deviceId !== i.value && (i.value = t.deviceId);
-    }), c(_, (t) => {
-      t && t.deviceId !== u.value && (u.value = t.deviceId);
-    }), c(V, async (t) => {
-      await T(t);
-    }), c(h, async (t) => {
-      await A(t);
-    }), c(i, (t) => {
-      L({ deviceId: t });
-    }), c(u, (t) => {
-      z({ deviceId: t });
-    }), (t, a) => (d(), r("div", q, [
-      o("div", G, [
-        o("div", H, n(e(s)("Microphone")), 1),
-        e(I).length > 0 ? (d(), r("div", J, [
-          o("span", Q, n(e(s)("Select device")), 1),
-          p(e(C), {
-            modelValue: i.value,
-            "onUpdate:modelValue": a[0] || (a[0] = (l) => i.value = l),
-            class: "select",
-            placeholder: e(s)("Unrecognized device")
+  props: {
+    micTestVisible: {
+      type: Boolean,
+      default: !0
+    },
+    inputVolumeLevelVisible: {
+      type: Boolean,
+      default: !0
+    },
+    inputVolumeVisible: {
+      type: Boolean,
+      default: !0
+    },
+    speakerTestVisible: {
+      type: Boolean,
+      default: !0
+    },
+    outputVolumeVisible: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(i) {
+    const { t: s } = J(), C = i, {
+      captureVolume: f,
+      currentMicVolume: w,
+      testingMicVolume: E,
+      outputVolume: S,
+      setCaptureVolume: I,
+      setOutputVolume: M,
+      isMicrophoneTesting: c,
+      isSpeakerTesting: h,
+      startMicrophoneTest: U,
+      stopMicrophoneTest: N,
+      startSpeakerTest: L,
+      stopSpeakerTest: R
+    } = X();
+    function K() {
+      c.value ? N() : U({ interval: 200 });
+    }
+    async function z() {
+      h.value ? R() : L({ filePath: "https://web.sdk.qcloud.com/trtc/electron/download/resources/media/TestSpeaker.mp3" });
+    }
+    const p = _(28), D = g(() => c.value ? E.value * p.value / 100 : w.value * p.value / 100), O = g(() => C.micTestVisible ? c.value : !0), v = _(f.value), V = _(S.value);
+    return k(v, async (n) => {
+      await I(n);
+    }), k(V, async (n) => {
+      await M(n);
+    }), (n, r) => (l(), a("div", Z, [
+      t("div", ee, [
+        t("span", te, o(e(s)("AudioSettingPanel.Microphone")), 1),
+        t("div", se, [
+          m(Q, { class: "select" }),
+          i.micTestVisible ? (l(), b(e(P), {
+            key: 0,
+            onClick: K
           }, {
-            default: U(() => [
-              (d(!0), r(w, null, b(e(I), (l) => (d(), y(e(x), {
-                key: l.deviceId,
-                label: l.deviceName,
-                value: l.deviceId
-              }, null, 8, ["label", "value"]))), 128))
+            default: y(() => [
+              A(o(e(c) ? e(s)("AudioSettingPanel.Stop") : e(s)("AudioSettingPanel.Test")), 1)
             ]),
             _: 1
-          }, 8, ["modelValue", "placeholder"])
-        ])) : g("", !0),
-        o("div", R, [
-          o("span", W, n(e(s)("Input volume")), 1),
-          p(e(M), {
-            modelValue: V.value,
-            "onUpdate:modelValue": a[1] || (a[1] = (l) => V.value = l),
+          })) : u("", !0)
+        ])
+      ]),
+      i.inputVolumeLevelVisible ? (l(), a("div", oe, [
+        t("span", le, o(e(s)("AudioSettingPanel.InputLevel")), 1),
+        t("div", ie, [
+          (l(!0), a(j, null, G(new Array(p.value).fill(""), (d, T) => (l(), a("div", {
+            key: T,
+            class: H([
+              "mic-bar",
+              `${O.value && D.value > T ? "active" : ""}`
+            ])
+          }, null, 2))), 128))
+        ])
+      ])) : u("", !0),
+      i.inputVolumeVisible ? (l(), a("div", ae, [
+        t("span", ne, o(e(s)("AudioSettingPanel.InputVolume")), 1),
+        t("div", ue, [
+          m(e(x), {
+            modelValue: v.value,
+            "onUpdate:modelValue": r[0] || (r[0] = (d) => v.value = d),
+            class: "custom-slider",
             min: 0,
             max: 100
           }, null, 8, ["modelValue"]),
-          o("span", X, n(e(S)), 1)
+          t("span", ce, o(e(f)), 1)
         ])
-      ]),
-      a[4] || (a[4] = o("div", { class: "divider" }, null, -1)),
-      o("div", Y, [
-        o("div", Z, n(e(s)("Speaker")), 1),
-        e(f).length > 0 ? (d(), r("div", ee, [
-          o("span", te, n(e(s)("Select device")), 1),
-          p(e(C), {
-            modelValue: u.value,
-            "onUpdate:modelValue": a[2] || (a[2] = (l) => u.value = l),
+      ])) : u("", !0),
+      t("div", re, [
+        t("span", de, o(e(s)("AudioSettingPanel.Speaker")), 1),
+        t("div", me, [
+          m(W, {
             class: "select",
-            placeholder: e(s)("Unrecognized device")
+            disabled: i.speakerTestVisible
+          }, null, 8, ["disabled"]),
+          i.speakerTestVisible ? (l(), b(e(P), {
+            key: 0,
+            onClick: z
           }, {
-            default: U(() => [
-              (d(!0), r(w, null, b(e(f), (l) => (d(), y(e(x), {
-                key: l.deviceId,
-                label: l.deviceName,
-                value: l.deviceId
-              }, null, 8, ["label", "value"]))), 128))
+            default: y(() => [
+              A(o(e(h) ? e(s)("AudioSettingPanel.Stop") : e(s)("AudioSettingPanel.Test")), 1)
             ]),
             _: 1
-          }, 8, ["modelValue", "placeholder"])
-        ])) : g("", !0),
-        o("div", le, [
-          o("span", oe, n(e(s)("Output volume")), 1),
-          p(e(M), {
-            modelValue: h.value,
-            "onUpdate:modelValue": a[3] || (a[3] = (l) => h.value = l),
+          })) : u("", !0)
+        ])
+      ]),
+      i.outputVolumeVisible ? (l(), a("div", pe, [
+        t("span", ve, o(e(s)("AudioSettingPanel.OutputVolume")), 1),
+        t("div", Ve, [
+          m(e(x), {
+            modelValue: V.value,
+            "onUpdate:modelValue": r[1] || (r[1] = (d) => V.value = d),
+            class: "custom-slider",
             min: 0,
             max: 100
           }, null, 8, ["modelValue"]),
-          o("span", ae, n(e(k)), 1)
+          t("span", _e, o(e(S)), 1)
         ])
-      ])
+      ])) : u("", !0)
     ]));
   }
-}), me = /* @__PURE__ */ K(se, [["__scopeId", "data-v-824562f9"]]);
-N("en-US", { translation: $ });
-N("zh-CN", { translation: j });
+}), Se = /* @__PURE__ */ Y(fe, [["__scopeId", "data-v-6cabe0da"]]);
+B("en-US", { translation: $ });
+B("zh-CN", { translation: q });
+const Be = Se;
 export {
-  me as AudioSettingPanel
+  Be as AudioSettingPanel
 };

package/dist/components/AudioSettingPanel/index.vue.d.ts

@@ -1,2 +1,50 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    micTestVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inputVolumeLevelVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inputVolumeVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    speakerTestVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    outputVolumeVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    micTestVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inputVolumeLevelVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inputVolumeVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    speakerTestVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    outputVolumeVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    micTestVisible: boolean;
+    inputVolumeLevelVisible: boolean;
+    inputVolumeVisible: boolean;
+    speakerTestVisible: boolean;
+    outputVolumeVisible: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/BarrageInput/EmojiPicker/EmojiPicker.js

@@ -1,6 +1,7 @@
 import { defineComponent as j, onMounted as x, createElementBlock as a, openBlock as c, createVNode as o, unref as e, withCtx as r, normalizeClass as i, normalizeStyle as v, createElementVNode as _, Fragment as b, renderList as E } from "vue";
-import { useUIKit as y, IconEmoji as C } from "@tencentcloud/uikit-base-component-vue3";
-import { P, a as h, b as I, c as z } from "../../../PopoverTrigger-L8abAry7.js";
+import { useUIKit as y, IconEmoji as P } from "@tencentcloud/uikit-base-component-vue3";
+import { P as C, a as h, b as I } from "../../../PopoverPortal-DghpKKm8.js";
+import { P as z } from "../../../PopoverTrigger-BajjNkGO.js";
 import { emojiUrlMap as l, emojiBaseUrl as m } from "../../../constants/emoji.js";
 import { transformTextWithEmojiKeyToName as M } from "../../../utils/emoji.js";
 import { useMessageInputState as T } from "../MessageInputState.js";
@@ -44,24 +45,24 @@ const n = {
       );
     }
     return (t, d) => (c(), a("div", null, [
-      o(e(P), null, {
+      o(e(C), null, {
         default: r(() => [
-          o(e(h), {
+          o(e(z), {
             as: "span",
             style: v(p.triggerStyle),
             class: i([u.disabled && "disabled"])
           }, {
             default: r(() => [
-              o(e(C), {
+              o(e(P), {
                 class: i(e(n)["emoji-picker__icon"]),
                 size: "24"
               }, null, 8, ["class"])
             ]),
             _: 1
           }, 8, ["style", "class"]),
-          o(e(I), null, {
+          o(e(h), null, {
             default: r(() => [
-              o(e(z), {
+              o(e(I), {
                 side: "top",
                 align: "center",
                 "side-offset": 8,
@@ -96,7 +97,7 @@ const n = {
       })
     ]));
   }
-}), D = /* @__PURE__ */ S(w, [["__scopeId", "data-v-e11cd753"]]);
+}), G = /* @__PURE__ */ S(w, [["__scopeId", "data-v-e11cd753"]]);
 export {
-  D as default
+  G as default
 };

package/dist/components/BarrageInput/TextEditor/CharacterCountExtension.js

@@ -1,4 +1,4 @@
-import { E as l, P as h, a as f } from "../../../index-BfIEeWMg.js";
+import { E as l, P as h, a as f } from "../../../index-C8Jw_xE4.js";
 const m = l.create({
   name: "characterCount",
   addOptions() {

package/dist/components/BarrageInput/TextEditor/EditorCore.js

@@ -1,10 +1,12 @@
-import { S as g, P as x, E as p, I as o } from "../../../index-DTi1fL-x.js";
+import { I as u } from "../../../index-CiYL_XsE.js";
+import { S as g, P as x } from "../../../index-BvFYOUyz.js";
+import { E as p } from "../../../index-CzCDLp99.js";
 import { isMobile as y } from "../../../utils/environment.js";
 import { CharacterCount as M } from "./CharacterCountExtension.js";
-import { E as T } from "../../../index-BfIEeWMg.js";
+import { E as T } from "../../../index-C8Jw_xE4.js";
 import { MessageContentType as a } from "../../../states/MessageInputState/type.js";
 function b() {
-  return o.extend({
+  return u.extend({
     name: a.EMOJI,
     inline: !0,
     group: "inline",
@@ -21,7 +23,7 @@ function b() {
   });
 }
 function C() {
-  return o.extend({
+  return u.extend({
     addOptions() {
       var t;
       return {
@@ -101,43 +103,43 @@ function c(t) {
     }
   }) : [];
 }
-function L({
+function j({
   element: t,
   placeholder: e = "",
   autoFocus: r = !1,
   disabled: s = !1,
   maxLength: i,
   onUpdate: n,
-  onEnter: f,
-  onFocus: m,
+  onEnter: m,
+  onFocus: f,
   onBlur: E
 }) {
   const l = {
     element: t,
     autofocus: r,
     editable: !s,
-    extensions: ((u) => [
+    extensions: ((o) => [
       g,
       M.configure({
         limit: i
       }),
-      I(u ? { onEnter: u } : void 0),
+      I(o ? { onEnter: o } : void 0),
       b(),
       C(),
       x.configure({
         emptyEditorClass: "is-editor-empty",
         placeholder: e
       })
-    ])(f),
-    onUpdate: ({ editor: u }) => {
-      const d = c(u.getJSON());
+    ])(m),
+    onUpdate: ({ editor: o }) => {
+      const d = c(o.getJSON());
       n == null || n(d);
     },
-    onFocus: m,
+    onFocus: f,
     onBlur: E
   };
   return new p(l);
 }
 export {
-  L as createEditor
+  j as createEditor
 };

package/dist/components/BarrageInput/TextEditor/TextEditor.vue.d.ts

@@ -23,8 +23,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     onBlur?: (() => any) | undefined;
     onFocus?: (() => any) | undefined;
 }>, {
-    placeholder: string;
     disabled: boolean;
+    placeholder: string;
     autoFocus: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/dist/components/BarrageInput/index.d.ts

@@ -5,9 +5,6 @@ declare const BarrageInput: import('vue').DefineComponent<import('vue').ExtractP
         type: import('vue').PropType<string>;
         default: string;
     };
-    placeholder: {
-        type: import('vue').PropType<string>;
-    };
     disabled: {
         type: import('vue').PropType<boolean>;
         default: boolean;
@@ -15,6 +12,9 @@ declare const BarrageInput: import('vue').DefineComponent<import('vue').ExtractP
     width: {
         type: import('vue').PropType<string>;
     };
+    placeholder: {
+        type: import('vue').PropType<string>;
+    };
     autoFocus: {
         type: import('vue').PropType<boolean>;
         default: boolean;
@@ -47,9 +47,6 @@ declare const BarrageInput: import('vue').DefineComponent<import('vue').ExtractP
         type: import('vue').PropType<string>;
         default: string;
     };
-    placeholder: {
-        type: import('vue').PropType<string>;
-    };
     disabled: {
         type: import('vue').PropType<boolean>;
         default: boolean;
@@ -57,6 +54,9 @@ declare const BarrageInput: import('vue').DefineComponent<import('vue').ExtractP
     width: {
         type: import('vue').PropType<string>;
     };
+    placeholder: {
+        type: import('vue').PropType<string>;
+    };
     autoFocus: {
         type: import('vue').PropType<boolean>;
         default: boolean;

package/dist/components/BarrageList/BarrageList.js

@@ -15,7 +15,7 @@ const ue = { class: "message-chunk" }, ce = {
 }, ve = {
   key: 0,
   class: "message-group-tip"
-}, me = { class: "message-group-tip-name" }, de = { class: "message-group-tip-action" }, b = 150, fe = /* @__PURE__ */ K({
+}, me = { class: "message-group-tip-name" }, de = { class: "message-group-tip-action" }, b = 150, pe = /* @__PURE__ */ K({
   __name: "BarrageList",
   props: {
     Message: { default: void 0 },
@@ -45,8 +45,8 @@ const ue = { class: "message-chunk" }, ce = {
     J(re, {
       slots: V,
       nickClick: (e) => {
-        var f, p, g;
-        const { message: t, event: s } = e, n = ((f = L.value) == null ? void 0 : f.userId) === ((p = A.value) == null ? void 0 : p.liveOwner.userId), a = ((g = L.value) == null ? void 0 : g.userId) === t.sender.userId;
+        var p, f, g;
+        const { message: t, event: s } = e, n = ((p = L.value) == null ? void 0 : p.userId) === ((f = A.value) == null ? void 0 : f.liveOwner.userId), a = ((g = L.value) == null ? void 0 : g.userId) === t.sender.userId;
         if (!n || a)
           return;
         u.value = t, N.value = s.currentTarget;
@@ -78,7 +78,7 @@ const ue = { class: "message-chunk" }, ce = {
     }), W(() => {
       o.value && o.value.removeEventListener("scroll", z);
     }), (e, t) => {
-      var s, n, a, r, f, p, g, q, w, D;
+      var s, n, a, r, p, f, g, q, w, D;
       return c(), k(H, null, [
         h("div", {
           class: "message-list",
@@ -103,12 +103,12 @@ const ue = { class: "message-chunk" }, ce = {
           ], 4),
           l(d) ? (c(), k("div", ve, [
             h("div", me, T(((n = l(d)) == null ? void 0 : n.nameCard) || ((a = l(d)) == null ? void 0 : a.userName) || ((r = l(d)) == null ? void 0 : r.userId)), 1),
-            h("div", de, T(((f = l(d)) == null ? void 0 : f.displayAction) === "enter" ? l(I)("Come in") : l(I)("Leave")), 1)
+            h("div", de, T(((p = l(d)) == null ? void 0 : p.displayAction) === "enter" ? l(I)("Come in") : l(I)("Leave")), 1)
           ])) : M("", !0)
         ], 4),
         x.value && u.value ? (c(), O(ne, {
           key: 0,
-          "user-id": (p = u.value) == null ? void 0 : p.sender.userId,
+          "user-id": (f = u.value) == null ? void 0 : f.sender.userId,
           "user-name": ((g = u.value) == null ? void 0 : g.sender.nameCard) || ((q = u.value) == null ? void 0 : q.sender.userName) || ((w = u.value) == null ? void 0 : w.sender.userId),
           "avatar-url": (D = u.value) == null ? void 0 : D.sender.avatarUrl,
           style: C($.value),
@@ -118,7 +118,7 @@ const ue = { class: "message-chunk" }, ce = {
       ], 64);
     };
   }
-}), Be = /* @__PURE__ */ ie(fe, [["__scopeId", "data-v-5b9fdfa7"]]);
+}), Be = /* @__PURE__ */ ie(pe, [["__scopeId", "data-v-bc639779"]]);
 export {
   Be as default
 };

package/dist/components/BarrageList/BarrageListH5.js

@@ -22,7 +22,7 @@ const ue = { class: "message-chunk" }, ce = {
     style: {}
   },
   setup(F) {
-    const { t: B } = Z(), c = F, O = P(), { loginUserInfo: I } = te(), { currentLive: M } = ae(), u = i(), C = i(!1), b = i({}), A = i(null), L = i(!1), g = i(!1), h = i(0), o = i(null), { messageList: y, messageGroupTip: v } = oe(), { scrollToBottom: E } = ee(), V = (e) => {
+    const { t: b } = Z(), c = F, O = P(), { loginUserInfo: I } = te(), { currentLive: B } = ae(), u = i(), C = i(!1), M = i({}), A = i(null), L = i(!1), g = i(!1), h = i(0), o = i(null), { messageList: y, messageGroupTip: v } = oe(), { scrollToBottom: E } = ee(), V = (e) => {
       if (!o.value)
         return {
           position: "fixed",
@@ -43,12 +43,12 @@ const ue = { class: "message-chunk" }, ce = {
       slots: O,
       nickClick: (e) => {
         var m, d, f;
-        const { message: t, event: s } = e, n = ((m = I.value) == null ? void 0 : m.userId) === ((d = M.value) == null ? void 0 : d.liveOwner.userId), a = ((f = I.value) == null ? void 0 : f.userId) === t.sender.userId;
+        const { message: t, event: s } = e, n = ((m = I.value) == null ? void 0 : m.userId) === ((d = B.value) == null ? void 0 : d.liveOwner.userId), a = ((f = I.value) == null ? void 0 : f.userId) === t.sender.userId;
         if (!n || a)
           return;
         u.value = t, A.value = s.currentTarget;
         const l = s.currentTarget.getBoundingClientRect();
-        b.value = V(l), C.value = !0;
+        M.value = V(l), C.value = !0;
       }
     });
     const $ = se(() => {
@@ -58,7 +58,7 @@ const ue = { class: "message-chunk" }, ce = {
     };
     N(() => {
       var e;
-      return (e = M.value) == null ? void 0 : e.liveId;
+      return (e = B.value) == null ? void 0 : e.liveId;
     }, () => {
       H();
     }), N(() => {
@@ -103,7 +103,7 @@ const ue = { class: "message-chunk" }, ce = {
           ]),
           r(v) ? (p(), x("div", ce, [
             k("div", ve, D(((s = r(v)) == null ? void 0 : s.nameCard) || ((n = r(v)) == null ? void 0 : n.userName) || ((a = r(v)) == null ? void 0 : a.userId)), 1),
-            k("div", me, D(((l = r(v)) == null ? void 0 : l.displayAction) === "enter" ? r(B)("Come in") : r(B)("Leave")), 1)
+            k("div", me, D(((l = r(v)) == null ? void 0 : l.displayAction) === "enter" ? r(b)("Come in") : r(b)("Leave")), 1)
           ])) : w("", !0)
         ], 36),
         C.value && u.value ? (p(), q(ne, {
@@ -111,14 +111,14 @@ const ue = { class: "message-chunk" }, ce = {
           "user-id": (m = u.value) == null ? void 0 : m.sender.userId,
           "user-name": ((d = u.value) == null ? void 0 : d.sender.nameCard) || ((f = u.value) == null ? void 0 : f.sender.userName) || ((U = u.value) == null ? void 0 : U.sender.userId),
           "avatar-url": (z = u.value) == null ? void 0 : z.sender.avatarUrl,
-          style: _(b.value),
+          style: _(M.value),
           "click-target": A.value,
           onClose: t[0] || (t[0] = (S) => C.value = !1)
         }, null, 8, ["user-id", "user-name", "avatar-url", "style", "click-target"])) : w("", !0)
       ], 4);
     };
   }
-}), xe = /* @__PURE__ */ ie(de, [["__scopeId", "data-v-c0c678f4"]]);
+}), xe = /* @__PURE__ */ ie(de, [["__scopeId", "data-v-f09bc347"]]);
 export {
   xe as default
 };

package/dist/components/BarrageList/BarrageListState.d.ts

@@ -1,4 +1,4 @@
-import { Barrage } from '../../states/BarrageState';
+import { Barrage } from '../../types/barrage';
 
 interface IMessageGroupTip {
     avatarUrl: string;
@@ -11,45 +11,23 @@ interface IMessageGroupTip {
 }
 declare function useBarrageListState(): {
     messageList: import('vue').Ref<{
-        messageType: import('../../states/BarrageState').BarrageType;
+        messageType: import('../..').BarrageType;
         textContent?: string | undefined;
         extensionInfo?: (Record<string, string> | null) | undefined;
         businessId?: string | undefined;
         data?: string | undefined;
         liveId: string;
-        sender: {
-            userId: string;
-            userName: string;
-            nameCard: string;
-            avatarUrl: string;
-            userRole: import('@tencentcloud/tuiroom-engine-js').TUIRole;
-            hasAudioStream: boolean;
-            hasVideoStream: boolean;
-            hasScreenStream: boolean;
-            isMessageDisabled: boolean;
-            roomCustomInfo: Record<string, any>;
-        };
+        sender: TUIUserInfo;
         sequence: number;
         timestampInSecond: number;
     }[], Barrage[] | {
-        messageType: import('../../states/BarrageState').BarrageType;
+        messageType: import('../..').BarrageType;
         textContent?: string | undefined;
         extensionInfo?: (Record<string, string> | null) | undefined;
         businessId?: string | undefined;
         data?: string | undefined;
         liveId: string;
-        sender: {
-            userId: string;
-            userName: string;
-            nameCard: string;
-            avatarUrl: string;
-            userRole: import('@tencentcloud/tuiroom-engine-js').TUIRole;
-            hasAudioStream: boolean;
-            hasVideoStream: boolean;
-            hasScreenStream: boolean;
-            isMessageDisabled: boolean;
-            roomCustomInfo: Record<string, any>;
-        };
+        sender: TUIUserInfo;
         sequence: number;
         timestampInSecond: number;
     }[]>;