tuikit-atomicx-vue3 4.4.0 → 4.5.0

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

@@ -0,0 +1,29 @@
+interface Props {
+    onChange?: (id: string) => void;
+    disabled?: boolean;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    disabled: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    disabled: boolean;
+}>>> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/AudioSettingPanel/i18n/en-US/index.d.ts

@@ -1,8 +1,14 @@
 export declare const resource: {
-    Microphone: string;
-    'Select device': string;
-    'Input volume': string;
-    Speaker: string;
-    'Output volume': string;
-    'Unrecognized device': string;
+    AudioSettingPanel: {
+        Microphone: string;
+        SelectMicrophone: string;
+        SelectSpeaker: string;
+        InputLevel: string;
+        InputVolume: string;
+        Speaker: string;
+        OutputVolume: string;
+        UnrecognizedDevice: string;
+        Test: string;
+        Stop: string;
+    };
 };

package/dist/components/AudioSettingPanel/i18n/en-US/index.js

@@ -1,10 +1,16 @@
 const e = {
-  Microphone: "Microphone",
-  "Select device": "Select device",
-  "Input volume": "Input volume",
-  Speaker: "Speaker",
-  "Output volume": "输出音量",
-  "Unrecognized device": "Unrecognized device"
+  AudioSettingPanel: {
+    Microphone: "Microphone",
+    SelectMicrophone: "Select microphone",
+    SelectSpeaker: "Select speaker",
+    InputLevel: "Input level",
+    InputVolume: "Input volume",
+    Speaker: "Speaker",
+    OutputVolume: "Output volume",
+    UnrecognizedDevice: "Unrecognized device",
+    Test: "Test",
+    Stop: "Stop"
+  }
 };
 export {
   e as resource

package/dist/components/AudioSettingPanel/i18n/zh-CN/index.d.ts

@@ -1,8 +1,14 @@
 export declare const resource: {
-    Microphone: string;
-    'Select device': string;
-    'Input volume': string;
-    Speaker: string;
-    'Output volume': string;
-    'Unrecognized device': string;
+    AudioSettingPanel: {
+        Microphone: string;
+        SelectMicrophone: string;
+        SelectSpeaker: string;
+        InputLevel: string;
+        InputVolume: string;
+        Speaker: string;
+        OutputVolume: string;
+        UnrecognizedDevice: string;
+        Test: string;
+        Stop: string;
+    };
 };

package/dist/components/AudioSettingPanel/i18n/zh-CN/index.js

@@ -1,10 +1,16 @@
 const e = {
-  Microphone: "麦克风",
-  "Select device": "选择设备",
-  "Input volume": "输入音量",
-  Speaker: "扬声器",
-  "Output volume": "输出音量",
-  "Unrecognized device": "未识别设备"
+  AudioSettingPanel: {
+    Microphone: "麦克风",
+    SelectMicrophone: "选择麦克风",
+    SelectSpeaker: "选择扬声器",
+    InputLevel: "输入等级",
+    InputVolume: "输入音量",
+    Speaker: "扬声器",
+    OutputVolume: "输出音量",
+    UnrecognizedDevice: "未识别设备",
+    Test: "测试",
+    Stop: "停止测试"
+  }
 };
 export {
   e as resource

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

@@ -1,3 +1,50 @@
-import { default as AudioSettingPanel } from './index.vue';
-
+declare const AudioSettingPanel: 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 { AudioSettingPanel };

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/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-Do-2CngU.js";
 const m = l.create({
   name: "characterCount",
   addOptions() {

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

@@ -1,7 +1,8 @@
-import { S as g, P as x, E as p, I as o } from "../../../index-DTi1fL-x.js";
+import { I as o } from "../../../index-7vNB_Vx8.js";
+import { S as g, P as x, E as p } from "../../../index-ZILx4LYk.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-Do-2CngU.js";
 import { MessageContentType as a } from "../../../states/MessageInputState/type.js";
 function b() {
   return o.extend({
@@ -101,7 +102,7 @@ function c(t) {
     }
   }) : [];
 }
-function L({
+function S({
   element: t,
   placeholder: e = "",
   autoFocus: r = !1,
@@ -139,5 +140,5 @@ function L({
   return new p(l);
 }
 export {
-  L as createEditor
+  S 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
 };