tuikit-atomicx-vue3 3.4.2 → 4.3.0

package/dist/components/AudioSetting/AudioSettingTab.js

@@ -3,8 +3,8 @@ import q from "./MicrophoneSelect.js";
 import z from "./SpeakerSelect.js";
 import { useI18n as F } from "../../locales/index.js";
 import { TUIButton as b } from "@tencentcloud/uikit-base-component-vue3";
-import { useDeviceState as O } from "../../states/DeviceState.js";
-import { MediaSettingDisplayMode as d } from "../../types/device.js";
+import { MediaSettingDisplayMode as u } from "../../types/device.js";
+import { useDeviceState as O } from "../../states/DeviceState/DeviceState.js";
 import { _ as W } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const $ = { class: "audio-setting-tab" }, G = {
   key: 0,
@@ -20,23 +20,23 @@ const $ = { class: "audio-setting-tab" }, G = {
   setup(oe) {
     const { t: o } = F(), {
       captureVolume: E,
-      isMicrophoneTesting: u,
+      isMicrophoneTesting: d,
       isSpeakerTesting: p,
       startMicrophoneTest: w,
       stopMicrophoneTest: x,
       startSpeakerTest: A,
       stopSpeakerTest: m
     } = O(), t = P("audioSettingProps"), C = l(
-      () => (t == null ? void 0 : t.displayMode) === d.IconWithPanel
+      () => (t == null ? void 0 : t.displayMode) === u.IconWithPanel
     ), r = l(
-      () => (t == null ? void 0 : t.displayMode) === d.Panel
+      () => (t == null ? void 0 : t.displayMode) === u.Panel
     ), _ = l(() => r.value ? 36 : 28), N = l(
       () => E.value * _.value / 100
     ), V = l(
-      () => C.value || r.value && u.value
+      () => C.value || r.value && d.value
     );
     function B() {
-      u.value ? x() : w({ interval: 200 });
+      d.value ? x() : w({ interval: 200 });
     }
     async function D() {
       p.value ? m() : A({ filePath: "https://web.sdk.qcloud.com/trtc/electron/download/resources/media/TestSpeaker.mp3" });
@@ -55,7 +55,7 @@ const $ = { class: "audio-setting-tab" }, G = {
               onClick: B
             }, {
               default: y(() => [
-                g(n(e(u) ? e(o)("Stop") : e(o)("Test")), 1)
+                g(n(e(d) ? e(o)("Stop") : e(o)("Test")), 1)
               ]),
               _: 1
             })) : c("", !0)
@@ -78,7 +78,7 @@ const $ = { class: "audio-setting-tab" }, G = {
           i("div", te, [
             T(z, {
               class: "select",
-              disabled: ((S = e(t)) == null ? void 0 : S.displayMode) === e(d).Panel
+              disabled: ((S = e(t)) == null ? void 0 : S.displayMode) === e(u).Panel
             }, null, 8, ["disabled"]),
             r.value ? (s(), M(e(b), {
               key: 0,
@@ -94,7 +94,7 @@ const $ = { class: "audio-setting-tab" }, G = {
       ]);
     };
   }
-}), _e = /* @__PURE__ */ W(se, [["__scopeId", "data-v-0577050a"]]);
+}), _e = /* @__PURE__ */ W(se, [["__scopeId", "data-v-d822f4ad"]]);
 export {
   _e as default
 };

package/dist/components/AudioSetting/MicrophoneSelect.js

@@ -1,7 +1,7 @@
-import { defineComponent as I, ref as _, watch as b, onBeforeMount as g, createBlock as v, openBlock as r, unref as d, withCtx as y, createElementBlock as M, Fragment as B, renderList as k } from "vue";
+import { defineComponent as I, ref as _, watch as b, onBeforeMount as g, createBlock as v, openBlock as r, unref as c, withCtx as y, createElementBlock as M, Fragment as B, renderList as k } from "vue";
 import w from "../../baseComp/Select/SelectPC.js";
 import x from "../../baseComp/Option/OptionPC.js";
-import { useDeviceState as S } from "../../states/DeviceState.js";
+import { useDeviceState as S } from "../../states/DeviceState/DeviceState.js";
 import { _ as L } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const V = /* @__PURE__ */ I({
   __name: "MicrophoneSelect",
@@ -9,9 +9,9 @@ const V = /* @__PURE__ */ I({
     onChange: {},
     disabled: { type: Boolean, default: !1 }
   },
-  setup(c) {
+  setup(d) {
     var u;
-    const { microphoneList: i, currentMicrophone: o, setCurrentMicrophone: m, getMicrophoneList: f } = S(), n = c, t = _((u = o.value) == null ? void 0 : u.deviceId);
+    const { microphoneList: i, currentMicrophone: o, setCurrentMicrophone: m, getMicrophoneList: f } = S(), n = d, t = _((u = o.value) == null ? void 0 : u.deviceId);
     b(
       () => {
         var e;
@@ -33,18 +33,18 @@ const V = /* @__PURE__ */ I({
     }
     return g(async () => {
       await f();
-    }), (e, l) => (r(), v(d(w), {
+    }), (e, l) => (r(), v(c(w), {
       modelValue: t.value,
       "onUpdate:modelValue": l[0] || (l[0] = (a) => t.value = a),
       placeholder: "placeholder",
       class: "select",
-      disabled: c.disabled,
+      disabled: d.disabled,
       teleported: !1,
       "popper-append-to-body": !1,
       onChange: h
     }, {
       default: y(() => [
-        (r(!0), M(B, null, k(d(i), (a) => (r(), v(d(x), {
+        (r(!0), M(B, null, k(c(i), (a) => (r(), v(c(x), {
           key: a.deviceId,
           label: a.deviceName,
           value: a.deviceId
@@ -53,7 +53,7 @@ const V = /* @__PURE__ */ I({
       _: 1
     }, 8, ["modelValue", "disabled"]));
   }
-}), U = /* @__PURE__ */ L(V, [["__scopeId", "data-v-45e2de0d"]]);
+}), U = /* @__PURE__ */ L(V, [["__scopeId", "data-v-54429c40"]]);
 export {
   U as default
 };

package/dist/components/AudioSetting/SpeakerSelect.js

@@ -1,7 +1,7 @@
-import { defineComponent as C, ref as I, watch as S, onBeforeMount as b, createBlock as v, openBlock as o, unref as n, withCtx as _, createElementBlock as g, Fragment as y, renderList as B } from "vue";
+import { defineComponent as C, ref as I, watch as S, onBeforeMount as _, createBlock as v, openBlock as d, unref as n, withCtx as b, createElementBlock as g, Fragment as y, renderList as B } from "vue";
 import w from "../../baseComp/Select/SelectPC.js";
 import x from "../../baseComp/Option/OptionPC.js";
-import { useDeviceState as L } from "../../states/DeviceState.js";
+import { useDeviceState as L } from "../../states/DeviceState/DeviceState.js";
 import { _ as V } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const D = /* @__PURE__ */ C({
   __name: "SpeakerSelect",
@@ -11,7 +11,7 @@ const D = /* @__PURE__ */ C({
   },
   setup(c) {
     var i;
-    const d = c, { speakerList: u, currentSpeaker: t, setCurrentSpeaker: f, getSpeakerList: m } = L(), l = I((i = t.value) == null ? void 0 : i.deviceId);
+    const o = c, { speakerList: u, currentSpeaker: t, setCurrentSpeaker: f, getSpeakerList: m } = L(), l = I((i = t.value) == null ? void 0 : i.deviceId);
     S(
       () => {
         var e;
@@ -24,16 +24,16 @@ const D = /* @__PURE__ */ C({
     );
     async function k(e) {
       var r, a, s, p;
-      (r = d.onChange) == null || r.call(d, e);
+      (r = o.onChange) == null || r.call(o, e);
       try {
         await f({ deviceId: e });
       } catch {
         (a = t.value) != null && a.deviceId && u.value.map((h) => h.deviceId).includes((s = t.value) == null ? void 0 : s.deviceId) && (l.value = (p = t.value) == null ? void 0 : p.deviceId);
       }
     }
-    return b(async () => {
+    return _(async () => {
       await m();
-    }), (e, r) => (o(), v(n(w), {
+    }), (e, r) => (d(), v(n(w), {
       modelValue: l.value,
       "onUpdate:modelValue": r[0] || (r[0] = (a) => l.value = a),
       placeholder: "placeholder",
@@ -43,8 +43,8 @@ const D = /* @__PURE__ */ C({
       "popper-append-to-body": !1,
       onChange: k
     }, {
-      default: _(() => [
-        (o(!0), g(y, null, B(n(u), (a) => (o(), v(n(x), {
+      default: b(() => [
+        (d(!0), g(y, null, B(n(u), (a) => (d(), v(n(x), {
           key: a.deviceId,
           label: a.deviceName,
           value: a.deviceId
@@ -53,7 +53,7 @@ const D = /* @__PURE__ */ C({
       _: 1
     }, 8, ["modelValue", "disabled"]));
   }
-}), U = /* @__PURE__ */ V(D, [["__scopeId", "data-v-1cdf3bd1"]]);
+}), U = /* @__PURE__ */ V(D, [["__scopeId", "data-v-00c43451"]]);
 export {
   U as default
 };

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

@@ -4,4 +4,5 @@ export declare const resource: {
     'Input volume': string;
     Speaker: string;
     'Output volume': string;
+    'Unrecognized device': string;
 };

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

@@ -3,7 +3,8 @@ const e = {
   "Select device": "Select device",
   "Input volume": "Input volume",
   Speaker: "Speaker",
-  "Output volume": "输出音量"
+  "Output volume": "输出音量",
+  "Unrecognized device": "Unrecognized device"
 };
 export {
   e as resource

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

@@ -4,4 +4,5 @@ export declare const resource: {
     'Input volume': string;
     Speaker: string;
     'Output volume': string;
+    'Unrecognized device': string;
 };

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

@@ -3,7 +3,8 @@ const e = {
   "Select device": "选择设备",
   "Input volume": "输入音量",
   Speaker: "扬声器",
-  "Output volume": "输出音量"
+  "Output volume": "输出音量",
+  "Unrecognized device": "未识别设备"
 };
 export {
   e as resource

package/dist/components/AudioSettingPanel/index.js

@@ -1,108 +1,116 @@
-import { defineComponent as D, ref as r, onMounted as E, watch as u, createElementBlock as I, openBlock as c, createElementVNode as o, toDisplayString as a, unref as t, createVNode as v, withCtx as S, Fragment as k, renderList as w, createBlock as U } from "vue";
-import { useUIKit as P, TUISelect as b, TUIOption as g, TUISlider as x } from "@tencentcloud/uikit-base-component-vue3";
-import { useDeviceState as z } from "../../states/DeviceState.js";
-import { _ as F } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import { addI18n as C } from "../../i18n/index.js";
-import { resource as K } from "./i18n/en-US/index.js";
-import { resource as $ } from "./i18n/zh-CN/index.js";
-const j = { class: "audio-setting-panel" }, q = { class: "section" }, G = { class: "section-title" }, H = { class: "row" }, J = { class: "label" }, Q = { class: "row" }, R = { class: "label" }, W = { class: "volume-value" }, X = { class: "section" }, Y = { class: "section-title" }, Z = { class: "row" }, ee = { class: "label" }, te = { class: "row" }, le = { class: "label" }, oe = { class: "volume-value" }, se = /* @__PURE__ */ D({
+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 { 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 = {
+  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({
   __name: "index",
-  setup(ae) {
-    const { t: n } = P(), {
-      microphoneList: y,
-      currentMicrophone: p,
-      setCurrentMicrophone: M,
-      speakerList: L,
-      currentSpeaker: m,
-      setCurrentSpeaker: N,
+  setup(ne) {
+    const { t: s } = P(), {
+      microphoneList: I,
+      currentMicrophone: m,
+      setCurrentMicrophone: L,
+      speakerList: f,
+      currentSpeaker: _,
+      setCurrentSpeaker: z,
       getMicrophoneList: B,
       getSpeakerList: O,
-      captureVolume: f,
-      outputVolume: h,
+      captureVolume: S,
+      outputVolume: k,
       setCaptureVolume: T,
       setOutputVolume: A
-    } = z(), i = r(""), d = r(""), _ = r(f.value), V = r(h.value);
+    } = F(), i = v(""), u = v(""), V = v(S.value), h = v(k.value);
     return E(async () => {
-      await B(), await O(), p.value && (i.value = p.value.deviceId), m.value && (d.value = m.value.deviceId);
-    }), u(p, (e) => {
-      e && e.deviceId !== i.value && (i.value = e.deviceId);
-    }), u(m, (e) => {
-      e && e.deviceId !== d.value && (d.value = e.deviceId);
-    }), u(_, async (e) => {
-      await T(e);
-    }), u(V, async (e) => {
-      await A(e);
-    }), u(i, (e) => {
-      M({ deviceId: e });
-    }), u(d, (e) => {
-      N({ deviceId: e });
-    }), (e, s) => (c(), I("div", j, [
-      o("div", q, [
-        o("div", G, a(t(n)("Microphone")), 1),
-        o("div", H, [
-          o("span", J, a(t(n)("Select device")), 1),
-          v(t(b), {
+      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": s[0] || (s[0] = (l) => i.value = l),
-            class: "select"
+            "onUpdate:modelValue": a[0] || (a[0] = (l) => i.value = l),
+            class: "select",
+            placeholder: e(s)("Unrecognized device")
           }, {
-            default: S(() => [
-              (c(!0), I(k, null, w(t(y), (l) => (c(), U(t(g), {
+            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))
             ]),
             _: 1
-          }, 8, ["modelValue"])
-        ]),
-        o("div", Q, [
-          o("span", R, a(t(n)("Input volume")), 1),
-          v(t(x), {
-            modelValue: _.value,
-            "onUpdate:modelValue": s[1] || (s[1] = (l) => _.value = l),
+          }, 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),
             min: 0,
             max: 100
           }, null, 8, ["modelValue"]),
-          o("span", W, a(t(f)), 1)
+          o("span", X, n(e(S)), 1)
         ])
       ]),
-      s[4] || (s[4] = o("div", { class: "divider" }, null, -1)),
-      o("div", X, [
-        o("div", Y, a(t(n)("Speaker")), 1),
-        o("div", Z, [
-          o("span", ee, a(t(n)("Select device")), 1),
-          v(t(b), {
-            modelValue: d.value,
-            "onUpdate:modelValue": s[2] || (s[2] = (l) => d.value = l),
-            class: "select"
+      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),
+            class: "select",
+            placeholder: e(s)("Unrecognized device")
           }, {
-            default: S(() => [
-              (c(!0), I(k, null, w(t(L), (l) => (c(), U(t(g), {
+            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))
             ]),
             _: 1
-          }, 8, ["modelValue"])
-        ]),
-        o("div", te, [
-          o("span", le, a(t(n)("Output volume")), 1),
-          v(t(x), {
-            modelValue: V.value,
-            "onUpdate:modelValue": s[3] || (s[3] = (l) => V.value = l),
+          }, 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),
             min: 0,
             max: 100
           }, null, 8, ["modelValue"]),
-          o("span", oe, a(t(h)), 1)
+          o("span", ae, n(e(k)), 1)
         ])
       ])
     ]));
   }
-}), pe = /* @__PURE__ */ F(se, [["__scopeId", "data-v-d773f311"]]);
-C("en-US", { translation: K });
-C("zh-CN", { translation: $ });
+}), me = /* @__PURE__ */ K(se, [["__scopeId", "data-v-824562f9"]]);
+N("en-US", { translation: $ });
+N("zh-CN", { translation: j });
 export {
-  pe as AudioSettingPanel
+  me as AudioSettingPanel
 };

package/dist/components/BarrageInput/BarrageInputH5.js

@@ -2,10 +2,10 @@ import { defineComponent as R, computed as i, ref as r, createElementBlock as g,
 import { useUIKit as z, TUIButton as G, TUIToast as K } from "@tencentcloud/uikit-base-component-vue3";
 import { useLiveAudienceState as O } from "../../states/LiveAudienceState.js";
 import { useLoginState as q } from "../../states/LoginState.js";
-import J from "./BarrageInput.js";
-import Q from "./EmojiPicker/EmojiPicker.js";
-import { ERROR_MESSAGE as W } from "./constants.js";
-import { useMessageInputState as X } from "../../states/MessageInputState/MessageInputState.js";
+import { useMessageInputState as J } from "./MessageInputState.js";
+import Q from "./BarrageInput.js";
+import W from "./EmojiPicker/EmojiPicker.js";
+import { ERROR_MESSAGE as X } from "./constants.js";
 import { _ as Y } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const Z = { class: "live-message-input-h5" }, $ = { class: "input-actions" }, ee = /* @__PURE__ */ R({
   __name: "BarrageInputH5",
@@ -29,7 +29,7 @@ const Z = { class: "live-message-input-h5" }, $ = { class: "input-actions" }, ee
         return p.userId === ((f = b.value) == null ? void 0 : f.userId);
       });
       return e.disabled || (t == null ? void 0 : t.isMessageDisabled);
-    }), { inputRawValue: m, setContent: I, sendMessage: T, blurEditor: E, focusEditor: H } = X(), n = r(!1), s = r(!1), l = r(!1), k = () => {
+    }), { inputRawValue: m, setContent: I, sendMessage: T, blurEditor: E, focusEditor: H } = J(), n = r(!1), s = r(!1), l = r(!1), k = () => {
       l.value = !0;
     }, F = async () => {
       if (m.value) {
@@ -39,7 +39,7 @@ const Z = { class: "live-message-input-h5" }, $ = { class: "input-actions" }, ee
           I(""), await T(t);
         } catch (t) {
           K.error({
-            message: o(W[t.code] || "send message failed")
+            message: o(X[t.code] || "send message failed")
           });
         }
       }
@@ -60,14 +60,14 @@ const Z = { class: "live-message-input-h5" }, $ = { class: "input-actions" }, ee
         onClick: N
       }, [
         y("div", $, [
-          j(Q, {
+          j(W, {
             disabled: h.value,
             "trigger-style": { display: "flex" }
           }, null, 8, ["disabled"])
         ]),
         y("span", null, S(d.value), 1)
       ], 4)),
-      s.value ? (a(), v(J, {
+      s.value ? (a(), v(Q, {
         key: 1,
         autoFocus: e.autoFocus,
         containerClass: C.value,
@@ -95,7 +95,7 @@ const Z = { class: "live-message-input-h5" }, $ = { class: "input-actions" }, ee
       })) : u("", !0)
     ]));
   }
-}), ce = /* @__PURE__ */ Y(ee, [["__scopeId", "data-v-9fd6640c"]]);
+}), ce = /* @__PURE__ */ Y(ee, [["__scopeId", "data-v-fcdaa865"]]);
 export {
   ce as default
 };

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

@@ -3,8 +3,8 @@ import { useUIKit as y, IconEmoji as C } from "@tencentcloud/uikit-base-componen
 import { P, a as h, b as I, c as z } from "../../../PopoverTrigger-L8abAry7.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 "../../../states/MessageInputState/MessageInputState.js";
-import { MessageContentType as B } from "../../../states/MessageInputState/type.js";
+import { useMessageInputState as T } from "../MessageInputState.js";
+import { MessageContentType as B } from "../type.js";
 import { _ as S } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
 const n = {
   "emoji-picker__icon": "_emoji-picker__icon_77iku_1",
@@ -96,7 +96,7 @@ const n = {
       })
     ]));
   }
-}), D = /* @__PURE__ */ S(w, [["__scopeId", "data-v-6d8acff6"]]);
+}), D = /* @__PURE__ */ S(w, [["__scopeId", "data-v-e11cd753"]]);
 export {
   D as default
 };

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

@@ -0,0 +1,28 @@
+import { Ref } from 'vue';
+import { MessageContentType, InputContent } from './type';
+import { Editor } from '@tiptap/vue-3';
+
+/**
+ * Message Input Store
+ *
+ * This store manages the state and operations related to the chat message input, including:
+ * - Raw input value (text or structured content)
+ * - Editor instance management
+ * - Content manipulation (insertion, updating, etc.)
+ * - Message sending functionality
+ */
+interface MessageInputState {
+    inputRawValue: Ref<string | InputContent[]>;
+}
+interface MessageInputAction {
+    updateRawValue: (value: string | InputContent[]) => void;
+    setEditorInstance: (editor: Editor | null) => void;
+    setContent: (value: string | InputContent[]) => void;
+    insertContent: (value: string | InputContent[], focus?: boolean) => void;
+    focusEditor: () => void;
+    blurEditor: () => void;
+    sendMessage: (msg?: string | InputContent[]) => void;
+}
+declare function useMessageInputState(): MessageInputState & MessageInputAction;
+export { useMessageInputState, MessageContentType };
+export type { InputContent };

package/dist/components/BarrageInput/MessageInputState.js

@@ -0,0 +1,82 @@
+import { ref as m } from "vue";
+import { MessageContentType as r } from "./type.js";
+import { convertInputContentToEditorNode as f } from "./utils.js";
+import { useBarrageState as y } from "../../states/BarrageState/BarrageState.js";
+import { transformTextWithEmojiNameToKey as u } from "../../utils/emoji.js";
+const { sendTextMessage: c } = y(), e = m(null), a = m(""), g = (t) => {
+  if (typeof t != "string" && !Array.isArray(t)) {
+    console.warn("Invalid input type for updateRawValue");
+    return;
+  }
+  typeof t == "string" ? a.value = t.trim() : a.value = (t == null ? void 0 : t.length) > 0 ? t : "";
+}, T = (t) => {
+  e.value && e.value.destroy(), e.value = t;
+}, v = (t) => {
+  if (e.value) {
+    if (typeof t == "string")
+      e.value.commands.setContent(t, !0);
+    else {
+      const n = t.map(f);
+      e.value.commands.setContent(n, !0);
+    }
+    e.value.commands.focus();
+  }
+}, C = (t, n = !0) => {
+  if (e.value) {
+    if (typeof t == "string")
+      e.value.commands.insertContent(t);
+    else {
+      const s = t.map(f);
+      e.value.commands.insertContent(s);
+    }
+    n && e.value.commands.focus();
+  }
+}, E = () => {
+  var t;
+  (t = e.value) == null || t.commands.focus();
+}, w = () => {
+  var t;
+  (t = e.value) == null || t.commands.blur();
+}, x = async (t) => {
+  const n = t ?? a.value;
+  if (!n)
+    return;
+  if (typeof n == "string") {
+    c({
+      text: u(n)
+    });
+    return;
+  }
+  let s = "";
+  const d = async () => {
+    s && (await c({
+      text: u(s)
+    }), s = "");
+  }, i = {
+    [r.TEXT]: (o) => o,
+    [r.EMOJI]: (o) => o.key
+  };
+  for (const o of n) {
+    if (!o.type || !i[o.type])
+      throw new Error(`Invalid message type: ${o.type}`);
+    const p = i[o.type], l = await p(o.content);
+    [r.TEXT, r.EMOJI].includes(o.type) && (s += l);
+  }
+  await d();
+};
+function S() {
+  return {
+    inputRawValue: a,
+    updateRawValue: g,
+    setEditorInstance: T,
+    setContent: v,
+    insertContent: C,
+    focusEditor: E,
+    blurEditor: w,
+    sendMessage: x
+  };
+}
+export {
+  r as MessageContentType,
+  S as useMessageInputState
+};

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

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

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

@@ -1,7 +1,7 @@
-import { S as g, P as x, E as p, I as o } from "../../../index-Bm-QfV5o.js";
+import { S as g, P as x, E as p, I as o } from "../../../index-DTi1fL-x.js";
 import { isMobile as y } from "../../../utils/environment.js";
 import { CharacterCount as M } from "./CharacterCountExtension.js";
-import { E as T } from "../../../index-D2OVtqc8.js";
+import { E as T } from "../../../index-BfIEeWMg.js";
 import { MessageContentType as a } from "../../../states/MessageInputState/type.js";
 function b() {
   return o.extend({