tuikit-atomicx-vue3 3.4.2 → 3.5.0-beta.8

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

@@ -7,8 +7,8 @@ const e = {
   "Exit Picture in Picture": "退出画中画",
   Fullscreen: "全屏",
   "Exit Fullscreen": "退出全屏",
-  Mute: "静音",
-  Unmute: "取消静音",
+  "Open Speaker": "取消静音",
+  "Close Speaker": "静音",
   "The system does not support picture-in-picture mode": "系统不支持画中画模式",
   "co-Hosting": "连线中",
   "In battle": "PK中",

package/dist/components/LiveView/index.js

@@ -1,17 +1,17 @@
 import { addI18n as J } from "../../i18n/index.js";
 import oe from "./DefaultStreamViewUI.js";
-import { defineComponent as ne, useSlots as ue, computed as n, ref as p, onMounted as T, onBeforeUnmount as D, watch as P, createElementBlock as x, openBlock as v, normalizeClass as se, createCommentVNode as w, createElementVNode as N, createBlock as M, toDisplayString as ve, unref as g, normalizeStyle as A, renderSlot as E, createVNode as he, Fragment as ce, renderList as de, mergeProps as K, normalizeProps as fe, Teleport as me } from "vue";
+import { defineComponent as ne, useSlots as ue, computed as n, ref as p, onMounted as T, onBeforeUnmount as D, watch as P, createElementBlock as L, openBlock as v, normalizeClass as se, createCommentVNode as w, createElementVNode as N, createBlock as M, toDisplayString as ve, unref as g, normalizeStyle as A, renderSlot as E, createVNode as he, Fragment as ce, renderList as de, mergeProps as K, normalizeProps as fe, Teleport as me } from "vue";
 import { useUIKit as pe } from "@tencentcloud/uikit-base-component-vue3";
 import { useLiveSeatState as we } from "../../states/LiveSeatState/index.js";
-import { useLiveState as ge } from "../../states/LiveState/index.js";
-import { useLoginState as ye } from "../../states/LoginState.js";
+import { useLoginState as ge } from "../../states/LoginState.js";
 import { getContentSize as j } from "../../utils/domOperation.js";
 import q from "./PlayerControl/PlayerControl.js";
-import Ie from "./CoreViewDecorate/LiveCoreDecorate.js";
-import { usePlayerControlState as Se } from "./PlayerControl/PlayerControlState.js";
+import ye from "./CoreViewDecorate/LiveCoreDecorate.js";
+import { usePlayerControlState as Ie } from "./PlayerControl/PlayerControlState.js";
+import { useLiveListState as Se } from "../../states/LiveListState/LiveListState.js";
 import { isMobile as G } from "../../utils/env.js";
-import { _ as xe } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import { resource as Le } from "./i18n/en-US/index.js";
+import { _ as Le } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import { resource as xe } from "./i18n/en-US/index.js";
 import { resource as Ce } from "./i18n/zh-CN/index.js";
 const Ve = {
   key: 0,
@@ -22,9 +22,9 @@ const Ve = {
 }, $e = /* @__PURE__ */ ne({
   __name: "index",
   setup(be) {
-    const { isFullscreen: X, isLandscapeStyleMode: Y } = Se(), { t: Z } = pe(), { seatList: d, canvas: u, startPlayStream: ee, stopPlayStream: te } = we(), { currentLive: L } = ge(), ae = ue(), C = n(() => ae.localVideo), { loginUserInfo: $ } = ye(), b = p(!1), R = p(!1), le = n(() => !(!C.value && V.value && h.value < c.value && G)), U = n(() => {
+    const { isFullscreen: X, isLandscapeStyleMode: Y } = Ie(), { t: Z } = pe(), { seatList: d, canvas: u, startPlayStream: ee, stopPlayStream: te } = we(), { currentLive: x } = Se(), ae = ue(), C = n(() => ae.localVideo), { loginUserInfo: $ } = ge(), b = p(!1), R = p(!1), le = n(() => !(!C.value && V.value && h.value < c.value && G)), U = n(() => {
       var e;
-      return ((e = L.value) == null ? void 0 : e.liveId) && !d.value.some((l) => {
+      return ((e = x.value) == null ? void 0 : e.liveId) && !d.value.some((l) => {
         var t, a;
         return ((t = l.userInfo) == null ? void 0 : t.userId) === ((a = $.value) == null ? void 0 : a.userId);
       });
@@ -132,7 +132,7 @@ const Ve = {
       transform: `translate(${r.value.transformX * r.value.scale}px, ${r.value.transformY * r.value.scale}px)`
     })), m = n(() => {
       var e, l;
-      return u.value.width && u.value.height ? `${u.value.width}:${u.value.height}` : L.value && ((e = L.value) == null ? void 0 : e.layoutTemplate) >= 200 && ((l = L.value) == null ? void 0 : l.layoutTemplate) <= 599 ? "16:9" : "9:16";
+      return u.value.width && u.value.height ? `${u.value.width}:${u.value.height}` : x.value && ((e = x.value) == null ? void 0 : e.layoutTemplate) >= 200 && ((l = x.value) == null ? void 0 : l.layoutTemplate) <= 599 ? "16:9" : "9:16";
     }), h = n(() => !m.value || m.value.indexOf(":") < 0 ? 0 : Number(m.value.split(":")[0])), c = n(() => !m.value || m.value.indexOf(":") < 0 ? 0 : Number(m.value.split(":")[1])), I = p(
       "fit"
       /* Fit */
@@ -182,13 +182,13 @@ const Ve = {
       F.unobserve(s.value);
     }), (e, l) => {
       var t;
-      return v(), x("div", {
+      return v(), L("div", {
         ref_key: "liveCoreViewContainerRef",
         ref: s,
         id: "live-core-view-container",
         class: se(["live-core-view-container", { "align-center": le.value }])
       }, [
-        !e.$slots.localVideo && !b.value ? (v(), x("div", Ve, [
+        !e.$slots.localVideo && !b.value ? (v(), L("div", Ve, [
           N("span", ze, ve(g(Z)("No video")), 1)
         ])) : w("", !0),
         N("div", {
@@ -199,8 +199,8 @@ const Ve = {
             id: "atomicx-live-stream-content",
             class: "stream-content"
           }, null, -1)),
-          O.value.length > 0 ? (v(), x("div", Me, [
-            (v(!0), x(ce, null, de(O.value, (a, o) => (v(), x("div", {
+          O.value.length > 0 ? (v(), L("div", Me, [
+            (v(!0), L(ce, null, de(O.value, (a, o) => (v(), L("div", {
               key: `seat-${o}`,
               style: A(a.region)
             }, [
@@ -213,7 +213,7 @@ const Ve = {
             ], 4))), 128))
           ])) : w("", !0),
           e.$slots.localVideo && R.value ? E(e.$slots, "localVideo", fe(K({ key: 1 }, { style: (t = re.value) == null ? void 0 : t.region })), void 0, !0) : w("", !0),
-          he(Ie, { seatListWithRealSize: z.value }, null, 8, ["seatListWithRealSize"])
+          he(ye, { seatListWithRealSize: z.value }, null, 8, ["seatListWithRealSize"])
         ], 4),
         g(X) ? w("", !0) : (v(), M(me, {
           key: 1,
@@ -232,8 +232,8 @@ const Ve = {
       ], 2);
     };
   }
-}), Q = /* @__PURE__ */ xe($e, [["__scopeId", "data-v-3a7697b1"]]);
-J("en-US", { translation: Le });
+}), Q = /* @__PURE__ */ Le($e, [["__scopeId", "data-v-cef15515"]]);
+J("en-US", { translation: xe });
 J("zh-CN", { translation: Ce });
 const Ae = Q, Ee = Q;
 export {

package/dist/components/MessageInput/AttachmentPicker/index.js

@@ -1,6 +1,6 @@
 import { defineComponent as E, computed as k, createElementBlock as o, openBlock as t, normalizeClass as n, unref as e, createBlock as s, withCtx as r, createVNode as c, renderSlot as b, createElementVNode as I, Fragment as f, renderList as h, resolveDynamicComponent as P, mergeProps as C } from "vue";
 import { useUIKit as D, IconPlus as q } from "@tencentcloud/uikit-base-component-vue3";
-import { P as A, a as x, b as L, c as N } from "../../../PopoverTrigger-L8abAry7.js";
+import { P as A, a as x, b as L, c as N } from "../../../PopoverTrigger-CglNN8IV.js";
 import S from "./FilePicker.js";
 import V from "./ImagePicker.js";
 import z from "./VideoPicker.js";

package/dist/components/MessageInput/AudioCallPicker/AudioCallPicker.js

@@ -1,14 +1,14 @@
-import { defineComponent as T, useCssModule as B, ref as g, computed as f, createBlock as O, openBlock as z, unref as t, withCtx as M, createElementVNode as N, createVNode as m, normalizeClass as I, renderSlot as V } from "vue";
-import { useUIKit as $, IconCall1 as F, TUIDialog as K } from "@tencentcloud/uikit-base-component-vue3";
-import { c as X } from "../../../index-DPczIrgX.js";
-import { View as Y } from "../../../baseComp/View/index.js";
+import { defineComponent as B, useCssModule as O, ref as M, computed as f, createBlock as z, openBlock as N, unref as r, withCtx as g, createElementVNode as V, createVNode as m, normalizeClass as I, renderSlot as $ } from "vue";
+import { useUIKit as F, IconCall1 as K, TUIDialog as X } from "@tencentcloud/uikit-base-component-vue3";
+import { c as Y } from "../../../index-DPczIrgX.js";
+import { View as Z } from "../../../baseComp/View/index.js";
 import { ConversationType as _ } from "../../../types/engine.js";
 import { startCall as k } from "../../../utils/call.js";
-import { UserPicker as Z } from "../../UserPicker/index.js";
-import { useGroupSettingState as j } from "../../../states/GroupSettingState/GroupSettingState.js";
-import { useConversationListState as q } from "../../../states/ConversationListState/ConversationListState.js";
-import { _ as H } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
-const y = 1, J = 80, Q = 9, W = 1, ee = /* @__PURE__ */ T({
+import { UserPicker as j } from "../../UserPicker/index.js";
+import { useGroupSettingState as q } from "../../../states/GroupSettingState/GroupSettingState.js";
+import { useConversationListState as H } from "../../../states/ConversationListState/ConversationListState.js";
+import { _ as J } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const y = 1, Q = 80, W = 9, ee = 1, oe = /* @__PURE__ */ B({
   __name: "AudioCallPicker",
   props: {
     label: { default: "" },
@@ -16,24 +16,22 @@ const y = 1, J = 80, Q = 9, W = 1, ee = /* @__PURE__ */ T({
     disabled: { type: Boolean, default: !1 }
   },
   setup(G) {
-    const s = G, n = B(), { t: i } = $(), { activeConversation: a } = q(), { allMembers: C, getGroupMemberList: h, memberCount: D } = j(), c = g(!1), u = g(), P = f(
+    const s = G, n = O(), { t: i } = F(), { activeConversation: a } = H(), { allMembers: C, getGroupMemberList: h, memberCount: D, currentUserID: P } = q(), c = M(!1), u = M(), U = f(
       () => {
         var e;
         return ((e = a.value) == null ? void 0 : e.type) === _.C2C;
       }
-    ), x = f(
-      () => {
-        var e;
-        return ((e = C.value) == null ? void 0 : e.map((o) => ({
-          key: o.userID,
-          label: o.nick || o.userID,
-          avatarUrl: o.avatar
-        }))) ?? [];
-      }
-    ), A = f(() => !(!a.value || s.disabled));
+    ), x = f(() => {
+      var t;
+      return (((t = C.value) == null ? void 0 : t.map((o) => ({
+        key: o.userID,
+        label: o.nick || o.userID,
+        avatarUrl: o.avatar
+      }))) ?? []).filter((o) => o.key !== P.value);
+    }), A = f(() => !(!a.value || s.disabled));
     function E() {
-      var o, r;
-      const e = (r = (o = a.value) == null ? void 0 : o.userProfile) == null ? void 0 : r.userID;
+      var t, o;
+      const e = (o = (t = a.value) == null ? void 0 : t.userProfile) == null ? void 0 : o.userID;
       if (!e) {
         console.warn("No peer user ID found for private call");
         return;
@@ -48,38 +46,38 @@ const y = 1, J = 80, Q = 9, W = 1, ee = /* @__PURE__ */ T({
         console.error("Failed to start private audio call:", l);
       }
     }
-    function v() {
-      var r, l;
-      if (((r = a.value) == null ? void 0 : r.type) !== _.GROUP)
+    function b() {
+      var o, l;
+      if (((o = a.value) == null ? void 0 : o.type) !== _.GROUP)
         return;
-      const e = ((l = C.value) == null ? void 0 : l.length) || 0, o = D.value || 0;
-      e < o && h({
-        count: J,
+      const e = ((l = C.value) == null ? void 0 : l.length) || 0, t = D.value || 0;
+      e < t && h({
+        count: Q,
         offset: e
       });
     }
     function L() {
-      v(), c.value = !0;
+      b(), c.value = !0;
     }
     function p() {
       c.value = !1;
     }
     function S() {
-      var l, b;
-      const e = (b = (l = a.value) == null ? void 0 : l.groupProfile) == null ? void 0 : b.groupID;
+      var l, v;
+      const e = (v = (l = a.value) == null ? void 0 : l.groupProfile) == null ? void 0 : v.groupID;
       if (!u.value || !e) {
         console.warn("Missing group information for group call");
         return;
       }
-      const o = u.value.getSelectedItems();
-      if (!Array.isArray(o) || o.length === 0) {
+      const t = u.value.getSelectedItems();
+      if (!Array.isArray(t) || t.length === 0) {
         console.warn("No members selected for group call");
         return;
       }
-      const r = o.map((d) => d.key);
+      const o = t.map((d) => d.key);
       try {
         k({
-          userIDList: r,
+          userIDList: o,
           chatGroupID: e,
           type: y
         }), p();
@@ -87,54 +85,54 @@ const y = 1, J = 80, Q = 9, W = 1, ee = /* @__PURE__ */ T({
         console.error("Failed to start group audio call:", d);
       }
     }
-    function U() {
+    function R() {
       if (!A.value) {
         console.warn("Cannot start audio call");
         return;
       }
-      P.value ? E() : L();
+      U.value ? E() : L();
     }
-    const R = () => {
+    const w = () => {
       var e;
-      ((e = a.value) == null ? void 0 : e.type) === _.GROUP && v();
-    }, w = () => S();
-    return (e, o) => (z(), O(t(Y), null, {
-      default: M(() => [
-        N("div", {
-          class: I(t(X)(t(n)["audio-call-picker__button"], {
-            [t(n).disabled]: s.disabled
+      ((e = a.value) == null ? void 0 : e.type) === _.GROUP && b();
+    }, T = () => S();
+    return (e, t) => (N(), z(r(Z), null, {
+      default: g(() => [
+        V("div", {
+          class: I(r(Y)(r(n)["audio-call-picker__button"], {
+            [r(n).disabled]: s.disabled
           })),
-          onClick: U
+          onClick: R
         }, [
-          V(e.$slots, "default", {}, () => [
-            m(t(F), {
+          $(e.$slots, "default", {}, () => [
+            m(r(K), {
               size: s.iconSize,
-              class: I(t(n)["audio-call-picker__icon"])
+              class: I(r(n)["audio-call-picker__icon"])
             }, null, 8, ["size", "class"])
           ])
         ], 2),
-        m(t(K), {
+        m(r(X), {
           visible: c.value,
-          title: t(i)("MessageInput.select_call_members"),
-          cancelText: t(i)("MessageInput.cancel"),
+          title: r(i)("MessageInput.select_call_members"),
+          cancelText: r(i)("MessageInput.cancel"),
           cancel: p,
           close: p,
-          confirmText: t(i)("MessageInput.initiate_call"),
-          confirm: w,
+          confirmText: r(i)("MessageInput.initiate_call"),
+          confirm: T,
           customClasses: ["group-call-dialog"],
           appendTo: "body"
         }, {
-          default: M(() => [
-            m(t(Z), {
+          default: g(() => [
+            m(r(j), {
               ref_key: "groupMemberPickerRef",
               ref: u,
               "display-mode": "list",
               "data-source": x.value,
-              "max-count": Q,
-              "min-count": W,
+              "max-count": W,
+              "min-count": ee,
               class: "group-member-picker",
               style: { width: "100%" },
-              onReachEnd: R
+              onReachEnd: w
             }, null, 8, ["data-source"])
           ]),
           _: 1
@@ -143,13 +141,13 @@ const y = 1, J = 80, Q = 9, W = 1, ee = /* @__PURE__ */ T({
       _: 3
     }));
   }
-}), oe = "_disabled_1xb1g_16", te = {
+}), te = "_disabled_1xb1g_16", re = {
   "audio-call-picker__button": "_audio-call-picker__button_1xb1g_1",
-  disabled: oe,
+  disabled: te,
   "audio-call-picker__icon": "_audio-call-picker__icon_1xb1g_22"
-}, re = {
-  $style: te
-}, me = /* @__PURE__ */ H(ee, [["__cssModules", re]]);
+}, le = {
+  $style: re
+}, _e = /* @__PURE__ */ J(oe, [["__cssModules", le]]);
 export {
-  me as default
+  _e as default
 };

package/dist/components/MessageInput/EmojiPicker/EmojiPicker.js

@@ -1,13 +1,14 @@
-import { defineComponent as g, ref as C, useCssModule as E, onMounted as P, createElementBlock as _, openBlock as d, createVNode as s, unref as e, withCtx as n, createElementVNode as r, mergeProps as h, renderSlot as x, normalizeClass as a, Fragment as M, renderList as I } from "vue";
-import { useUIKit as z, IconEmoji as O } from "@tencentcloud/uikit-base-component-vue3";
-import { c as T } from "../../../index-DPczIrgX.js";
-import { P as $, a as y, b as B, c as S } from "../../../PopoverTrigger-L8abAry7.js";
+import { defineComponent as g, ref as C, useCssModule as E, onMounted as P, createBlock as h, openBlock as _, unref as e, withCtx as s, createVNode as i, createElementVNode as n, mergeProps as x, renderSlot as M, normalizeClass as a, createElementBlock as u, Fragment as I, renderList as $ } from "vue";
+import { useUIKit as z, IconEmoji as B } from "@tencentcloud/uikit-base-component-vue3";
+import { c as O } from "../../../index-DPczIrgX.js";
+import { P as T, a as y, b as S, c as U } from "../../../PopoverTrigger-CglNN8IV.js";
+import { View as w } from "../../../baseComp/View/index.js";
 import { emojiUrlMap as c, emojiBaseUrl as m } from "../../../constants/emoji.js";
-import { transformTextWithEmojiKeyToName as U } from "../../../utils/emoji.js";
-import { useMessageInputState as N } from "../../../states/MessageInputState/MessageInputState.js";
-import { MessageContentType as w } from "../../../states/MessageInputState/type.js";
-import { _ as V } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
-const A = ["onClick"], F = ["src", "alt"], J = /* @__PURE__ */ g({
+import { transformTextWithEmojiKeyToName as N } from "../../../utils/emoji.js";
+import { useMessageInputState as V } from "../../../states/MessageInputState/MessageInputState.js";
+import { MessageContentType as A } from "../../../states/MessageInputState/type.js";
+import { _ as F } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const J = ["onClick"], L = ["src", "alt"], R = /* @__PURE__ */ g({
   name: "EmojiPicker",
   inheritAttrs: !1,
   __name: "EmojiPicker",
@@ -17,103 +18,106 @@ const A = ["onClick"], F = ["src", "alt"], J = /* @__PURE__ */ g({
     disabled: { type: Boolean, default: !1 }
   },
   setup(f) {
-    const i = f, p = C(!1), o = E(), { t: k } = z(), { insertContent: j } = N();
+    const l = f, d = C(!1), o = E(), { t: k } = z(), { insertContent: j } = V();
     P(() => {
       Object.values(c).forEach((t) => {
-        const u = new Image();
-        u.src = m + t;
+        const p = new Image();
+        p.src = m + t;
       });
     });
     const b = (t) => {
-      i.disabled || (p.value = t);
+      l.disabled || (d.value = t);
     };
     function v(t) {
       t && j([
         {
-          type: w.EMOJI,
+          type: A.EMOJI,
           content: {
             url: m + c[t],
             key: t,
-            text: U(t)
+            text: N(t)
           }
         }
       ]);
     }
-    return (t, u) => (d(), _("div", null, [
-      s(e($), {
-        open: p.value,
-        "onUpdate:open": b
-      }, {
-        default: n(() => [
-          s(e(y), {
-            as: "div",
-            disabled: i.disabled
-          }, {
-            default: n(() => [
-              r("div", h({
-                "data-test": "test",
-                class: e(T)(
-                  e(o)["emoji-picker__button"],
-                  {
-                    [e(o).disabled]: i.disabled
-                  }
-                )
-              }, t.$attrs), [
-                x(t.$slots, "default", {}, () => [
-                  s(e(O), {
-                    class: a(e(o)["emoji-picker__icon"]),
-                    size: i.iconSize
-                  }, null, 8, ["class", "size"])
-                ])
-              ], 16)
-            ]),
-            _: 3
-          }, 8, ["disabled"]),
-          s(e(B), null, {
-            default: n(() => [
-              s(e(S), {
-                side: "top",
-                align: "start",
-                "side-offset": 5
-              }, {
-                default: n(() => [
-                  r("div", null, [
-                    r("div", {
-                      class: a(e(o)["emoji-picker__list"])
-                    }, [
-                      (d(!0), _(M, null, I(Object.keys(e(c)), (l) => (d(), _("div", {
-                        key: l,
-                        class: a(e(o)["emoji-picker__list-item"]),
-                        onClick: (q) => v(l)
+    return (t, p) => (_(), h(e(w), null, {
+      default: s(() => [
+        i(e(T), {
+          open: d.value,
+          "onUpdate:open": b
+        }, {
+          default: s(() => [
+            i(e(y), {
+              as: "div",
+              disabled: l.disabled
+            }, {
+              default: s(() => [
+                n("div", x({
+                  "data-test": "test",
+                  class: e(O)(
+                    e(o)["emoji-picker__button"],
+                    {
+                      [e(o).disabled]: l.disabled
+                    }
+                  )
+                }, t.$attrs), [
+                  M(t.$slots, "default", {}, () => [
+                    i(e(B), {
+                      class: a(e(o)["emoji-picker__icon"]),
+                      size: l.iconSize
+                    }, null, 8, ["class", "size"])
+                  ])
+                ], 16)
+              ]),
+              _: 3
+            }, 8, ["disabled"]),
+            i(e(S), null, {
+              default: s(() => [
+                i(e(U), {
+                  side: "top",
+                  align: "start",
+                  "side-offset": 5
+                }, {
+                  default: s(() => [
+                    n("div", null, [
+                      n("div", {
+                        class: a(e(o)["emoji-picker__list"])
                       }, [
-                        r("img", {
+                        (_(!0), u(I, null, $(Object.keys(e(c)), (r) => (_(), u("div", {
+                          key: r,
                           class: a(e(o)["emoji-picker__list-item"]),
-                          src: e(m) + e(c)[l],
-                          alt: e(k)(`Emoji.${l}`)
-                        }, null, 10, F)
-                      ], 10, A))), 128))
-                    ], 2)
-                  ])
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ]),
-        _: 3
-      }, 8, ["open"])
-    ]));
+                          onClick: (G) => v(r)
+                        }, [
+                          n("img", {
+                            class: a(e(o)["emoji-picker__list-item"]),
+                            src: e(m) + e(c)[r],
+                            alt: e(k)(`Emoji.${r}`)
+                          }, null, 10, L)
+                        ], 10, J))), 128))
+                      ], 2)
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 3
+        }, 8, ["open"])
+      ]),
+      _: 3
+    }));
   }
-}), L = "_disabled_kxj4t_16", R = {
+}), W = "_disabled_kxj4t_16", q = {
   "emoji-picker__button": "_emoji-picker__button_kxj4t_1",
-  disabled: L,
+  disabled: W,
   "emoji-picker__icon": "_emoji-picker__icon_kxj4t_22",
   "emoji-picker__list": "_emoji-picker__list_kxj4t_25",
   "emoji-picker__list-item": "_emoji-picker__list-item_kxj4t_36"
-}, W = {
-  $style: R
-}, te = /* @__PURE__ */ V(J, [["__cssModules", W]]);
+}, D = {
+  $style: q
+}, ie = /* @__PURE__ */ F(R, [["__cssModules", D]]);
 export {
-  te as default
+  ie as default
 };

package/dist/components/MessageInput/MessageInput.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../../MessageInput.vue_vue_type_script_setup_true_lang-D1G-LitO.js";
+import { _ as f } from "../../MessageInput.vue_vue_type_script_setup_true_lang-jPzZ5INK.js";
 export {
   f as default
 };

package/dist/components/MessageInput/MessageInput.vue.d.ts

@@ -13,20 +13,23 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     autoFocus: boolean;
     disabled: boolean;
     hideSendButton: boolean;
-    placeholder: string;
+    placeholder: undefined;
+    maxLength: undefined;
     attachmentPickerMode: string;
     actions: () => string[];
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MessageInputProps>, {
     autoFocus: boolean;
     disabled: boolean;
     hideSendButton: boolean;
-    placeholder: string;
+    placeholder: undefined;
+    maxLength: undefined;
     attachmentPickerMode: string;
     actions: () => string[];
 }>>> & Readonly<{}>, {
     placeholder: string;
     disabled: boolean;
     autoFocus: boolean;
+    maxLength: number;
     actions: import('./types').MessageInputActions;
     attachmentPickerMode: import('./types').MessageInputAttachmentPickerMode;
     hideSendButton: boolean;

package/dist/components/MessageInput/TextEditor/EditorCore.d.ts

@@ -6,11 +6,13 @@ interface EditorOptions {
     placeholder?: string;
     autoFocus?: boolean;
     disabled?: boolean;
+    maxLength?: number;
+    isPlaceholderOnlyShowWhenEditable?: boolean;
     onUpdate?: (content: InputContent[]) => void;
     onEnter?: () => void;
     onFocus?: () => void;
     onBlur?: () => void;
 }
-declare function createEditor({ element, placeholder, autoFocus, disabled, onUpdate, onEnter, onFocus, onBlur, }: EditorOptions): Editor;
+declare function createEditor({ element, placeholder, autoFocus, disabled, isPlaceholderOnlyShowWhenEditable, maxLength, onUpdate, onEnter, onFocus, onBlur, }: EditorOptions): Editor;
 export { createEditor, };
 export type { Editor, };