tuikit-atomicx-vue3 4.4.0-beta.1 → 4.4.0

package/dist/components/ConversationList/ConversationPreview/ConversationPreviewUI.js

@@ -1,4 +1,4 @@
-import { defineComponent as O, ref as U, watch as V, createElementBlock as H, openBlock as t, createElementVNode as c, createBlock as i, createCommentVNode as K, mergeProps as l, unref as o, renderSlot as j, normalizeClass as u, resolveDynamicComponent as a } from "vue";
+import { defineComponent as O, ref as U, watch as V, createElementBlock as H, openBlock as o, createElementVNode as c, createBlock as i, createCommentVNode as K, mergeProps as l, unref as t, renderSlot as j, normalizeClass as u, resolveDynamicComponent as a } from "vue";
 import P from "@tencentcloud/chat-uikit-engine";
 import F from "../../Avatar/Avatar.js";
 import z from "./ConversationPreviewAbstract.js";
@@ -29,7 +29,7 @@ const ne = /* @__PURE__ */ O({
     style: {},
     children: {}
   },
-  emits: ["select"],
+  emits: ["selectConversation"],
   setup(e, { emit: $ }) {
     const m = e, N = $, { activeConversation: h, setActiveConversation: R } = p(), _ = U(), s = U(!1), { isHovered: S } = X(_), { getEventHandlers: I } = Z(() => {
       r && (s.value = !0);
@@ -38,53 +38,53 @@ const ne = /* @__PURE__ */ O({
       r || (s.value = n);
     });
     const B = () => {
-      N("select", m.conversation), R(m.conversation.conversationID);
+      N("selectConversation", m.conversation), R(m.conversation.conversationID);
     }, d = () => {
       s.value = !1;
     };
     return (n, de) => {
       var w, f, C, A, y, M, g, q;
-      return t(), H("div", null, [
+      return o(), H("div", null, [
         c("div", l({
           ref_key: "conversationPreviewRef",
           ref: _,
           class: [
             n.$style.conversationPreview,
             e.className,
-            o(r) && [n.$style["conversationPreview--mobile"]],
-            (e.isSelected || ((w = e.conversation) == null ? void 0 : w.conversationID) === ((f = o(h)) == null ? void 0 : f.conversationID)) && [n.$style["conversationPreview--active"]],
-            !((C = e.conversation) != null && C.isMuted) && (((A = e.conversation) == null ? void 0 : A.unreadCount) > 0 || ((M = (y = e.conversation) == null ? void 0 : y.markList) == null ? void 0 : M.includes(o(P).TYPES.CONV_MARK_TYPE_UNREAD))) && [n.$style["conversationPreview--unread"]],
+            t(r) && [n.$style["conversationPreview--mobile"]],
+            (e.isSelected || ((w = e.conversation) == null ? void 0 : w.conversationID) === ((f = t(h)) == null ? void 0 : f.conversationID)) && [n.$style["conversationPreview--active"]],
+            !((C = e.conversation) != null && C.isMuted) && (((A = e.conversation) == null ? void 0 : A.unreadCount) > 0 || ((M = (y = e.conversation) == null ? void 0 : y.markList) == null ? void 0 : M.includes(t(P).TYPES.CONV_MARK_TYPE_UNREAD))) && [n.$style["conversationPreview--unread"]],
             ((g = e.conversation) == null ? void 0 : g.isPinned) && [n.$style["conversationPreview--pin"]],
             ((q = e.conversation) == null ? void 0 : q.isMuted) && [n.$style["conversationPreview--mute"]]
           ],
           style: e.style
-        }, o(Y), { onClick: B }), [
+        }, t(Y), { onClick: B }), [
           j(n.$slots, "default", {}, () => {
             var v, E, D, T, b, k, x, L;
             return [
               c("div", {
                 class: u(n.$style.conversationPreview__avatar)
               }, [
-                (t(), i(a(e.Avatar), {
+                (o(), i(a(e.Avatar), {
                   src: (E = (v = e.conversation) == null ? void 0 : v.getAvatar) == null ? void 0 : E.call(v),
-                  unreadCount: (D = e.conversation) != null && D.isMuted && ((b = (T = e.conversation) == null ? void 0 : T.markList) != null && b.includes(o(P).TYPES.CONV_MARK_TYPE_UNREAD)) ? 1 : void 0,
-                  isDotUnreadCount: ((k = e.conversation) == null ? void 0 : k.isMuted) && ((L = (x = e.conversation) == null ? void 0 : x.markList) == null ? void 0 : L.includes(o(P).TYPES.CONV_MARK_TYPE_UNREAD))
+                  unreadCount: (D = e.conversation) != null && D.isMuted && ((b = (T = e.conversation) == null ? void 0 : T.markList) != null && b.includes(t(P).TYPES.CONV_MARK_TYPE_UNREAD)) ? 1 : void 0,
+                  isDotUnreadCount: ((k = e.conversation) == null ? void 0 : k.isMuted) && ((L = (x = e.conversation) == null ? void 0 : x.markList) == null ? void 0 : L.includes(t(P).TYPES.CONV_MARK_TYPE_UNREAD))
                 }, null, 8, ["src", "unreadCount", "isDotUnreadCount"]))
               ], 2),
               c("div", {
                 class: u(n.$style.conversationPreview__content)
               }, [
-                (t(), i(a(e.Title), { conversation: e.conversation }, null, 8, ["conversation"])),
-                (t(), i(a(e.LastMessageAbstract), { conversation: e.conversation }, null, 8, ["conversation"]))
+                (o(), i(a(e.Title), { conversation: e.conversation }, null, 8, ["conversation"])),
+                (o(), i(a(e.LastMessageAbstract), { conversation: e.conversation }, null, 8, ["conversation"]))
               ], 2),
               c("div", {
                 class: u(n.$style.conversationPreview__external)
               }, [
-                (t(), i(a(e.Unread), { conversation: e.conversation }, null, 8, ["conversation"])),
-                e.enableActions && s.value && !o(r) ? (t(), i(a(e.ConversationActions), l({
+                (o(), i(a(e.Unread), { conversation: e.conversation }, null, 8, ["conversation"])),
+                e.enableActions && s.value && !t(r) ? (o(), i(a(e.ConversationActions), l({
                   key: 0,
                   conversation: e.conversation
-                }, e.actionsConfig, { onClose: d }), null, 16, ["conversation"])) : (t(), i(a(e.LastMessageTimestamp), {
+                }, e.actionsConfig, { onClose: d }), null, 16, ["conversation"])) : (o(), i(a(e.LastMessageTimestamp), {
                   key: 1,
                   conversation: e.conversation
                 }, null, 8, ["conversation"]))
@@ -92,18 +92,18 @@ const ne = /* @__PURE__ */ O({
             ];
           })
         ], 16),
-        o(r) && e.enableActions && s.value ? (t(), i(a(e.ConversationActions), l({
+        t(r) && e.enableActions && s.value ? (o(), i(a(e.ConversationActions), l({
           key: 0,
           conversation: e.conversation
         }, e.actionsConfig, { onClose: d }), null, 16, ["conversation"])) : K("", !0)
       ]);
     };
   }
-}), te = "_conversationPreview_29xqv_12", oe = "_conversationPreview__avatar_29xqv_34", ie = "_conversationPreview__content_29xqv_38", ae = "_conversationPreview__header_29xqv_42", se = "_conversationPreview__title_29xqv_48", re = "_conversationPreview__time_29xqv_58", ve = "_conversationPreview__footer_29xqv_65", ce = "_conversationPreview__abstract_29xqv_70", le = "_conversationPreview__external_29xqv_79", ue = "_conversationPreview__unread_29xqv_88", Pe = "_conversationPreview__actions_29xqv_108", me = {
-  conversationPreview: te,
+}), oe = "_conversationPreview_29xqv_12", te = "_conversationPreview__avatar_29xqv_34", ie = "_conversationPreview__content_29xqv_38", ae = "_conversationPreview__header_29xqv_42", se = "_conversationPreview__title_29xqv_48", re = "_conversationPreview__time_29xqv_58", ve = "_conversationPreview__footer_29xqv_65", ce = "_conversationPreview__abstract_29xqv_70", le = "_conversationPreview__external_29xqv_79", ue = "_conversationPreview__unread_29xqv_88", Pe = "_conversationPreview__actions_29xqv_108", me = {
+  conversationPreview: oe,
   "conversationPreview--active": "_conversationPreview--active_29xqv_28",
   "conversationPreview--pin": "_conversationPreview--pin_29xqv_31",
-  conversationPreview__avatar: oe,
+  conversationPreview__avatar: te,
   conversationPreview__content: ie,
   conversationPreview__header: ae,
   conversationPreview__title: se,

package/dist/components/ConversationList/ConversationPreview/ConversationPreviewUI.vue.d.ts

@@ -276,7 +276,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    select: (conversation: ConversationModel) => void;
+    selectConversation: (conversation: ConversationModel) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ConversationPreviewUIProps>, {
     isSelected: boolean;
     enableActions: boolean;
@@ -550,7 +550,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }>>> & Readonly<{
-    onSelect?: ((conversation: ConversationModel) => any) | undefined;
+    onSelectConversation?: ((conversation: ConversationModel) => any) | undefined;
 }>, {
     Avatar: import('vue').Component<import('../../Avatar').AvatarProps>;
     isSelected: boolean;

package/dist/components/ConversationList/ConversationPreview/index.js

@@ -53,7 +53,7 @@ const O = /* @__PURE__ */ C({
         actionsConfig: e.actionsConfig,
         className: e.className,
         style: g(e.style),
-        onSelect: f
+        onSelectConversation: f
       }, {
         default: p(() => [
           b(n.$slots, "default")

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

@@ -433,9 +433,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     type: import('vue').PropType<import('../..').ConversationActionsConfig>;
                 };
             }>> & Readonly<{
-                onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+                onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                select: (conversation: import('../..').ConversationModel) => void;
+                selectConversation: (conversation: import('../..').ConversationModel) => void;
             }, import('vue').PublicProps, {
                 Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
                 isSelected: boolean;
@@ -768,7 +768,7 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     type: import('vue').PropType<import('../..').ConversationActionsConfig>;
                 };
             }>> & Readonly<{
-                onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+                onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
             }>, {}, {}, {}, {}, {
                 Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
                 isSelected: boolean;
@@ -1098,9 +1098,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                 type: import('vue').PropType<import('../..').ConversationActionsConfig>;
             };
         }>> & Readonly<{
-            onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+            onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            select: (conversation: import('../..').ConversationModel) => void;
+            selectConversation: (conversation: import('../..').ConversationModel) => void;
         }, string, {
             Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
             isSelected: boolean;
@@ -4108,9 +4108,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     type: import('vue').PropType<import('../..').ConversationActionsConfig>;
                 };
             }>> & Readonly<{
-                onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+                onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                select: (conversation: import('../..').ConversationModel) => void;
+                selectConversation: (conversation: import('../..').ConversationModel) => void;
             }, import('vue').PublicProps, {
                 Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
                 isSelected: boolean;
@@ -4443,7 +4443,7 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     type: import('vue').PropType<import('../..').ConversationActionsConfig>;
                 };
             }>> & Readonly<{
-                onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+                onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
             }>, {}, {}, {}, {}, {
                 Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
                 isSelected: boolean;
@@ -4773,9 +4773,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                 type: import('vue').PropType<import('../..').ConversationActionsConfig>;
             };
         }>> & Readonly<{
-            onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+            onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            select: (conversation: import('../..').ConversationModel) => void;
+            selectConversation: (conversation: import('../..').ConversationModel) => void;
         }, string, {
             Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
             isSelected: boolean;
@@ -8265,9 +8265,9 @@ declare const ConversationPreview: {
                         type: import('vue').PropType<import('../..').ConversationActionsConfig>;
                     };
                 }>> & Readonly<{
-                    onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+                    onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
                 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    select: (conversation: import('../..').ConversationModel) => void;
+                    selectConversation: (conversation: import('../..').ConversationModel) => void;
                 }, import('vue').PublicProps, {
                     Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
                     isSelected: boolean;
@@ -8600,7 +8600,7 @@ declare const ConversationPreview: {
                         type: import('vue').PropType<import('../..').ConversationActionsConfig>;
                     };
                 }>> & Readonly<{
-                    onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+                    onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
                 }>, {}, {}, {}, {}, {
                     Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
                     isSelected: boolean;
@@ -8930,9 +8930,9 @@ declare const ConversationPreview: {
                     type: import('vue').PropType<import('../..').ConversationActionsConfig>;
                 };
             }>> & Readonly<{
-                onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+                onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                select: (conversation: import('../..').ConversationModel) => void;
+                selectConversation: (conversation: import('../..').ConversationModel) => void;
             }, string, {
                 Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
                 isSelected: boolean;
@@ -9555,9 +9555,9 @@ declare const ConversationPreview: {
                         type: import('vue').PropType<import('../..').ConversationActionsConfig>;
                     };
                 }>> & Readonly<{
-                    onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+                    onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
                 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    select: (conversation: import('../..').ConversationModel) => void;
+                    selectConversation: (conversation: import('../..').ConversationModel) => void;
                 }, import('vue').PublicProps, {
                     Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
                     isSelected: boolean;
@@ -9890,7 +9890,7 @@ declare const ConversationPreview: {
                         type: import('vue').PropType<import('../..').ConversationActionsConfig>;
                     };
                 }>> & Readonly<{
-                    onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+                    onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
                 }>, {}, {}, {}, {}, {
                     Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
                     isSelected: boolean;
@@ -10220,9 +10220,9 @@ declare const ConversationPreview: {
                     type: import('vue').PropType<import('../..').ConversationActionsConfig>;
                 };
             }>> & Readonly<{
-                onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+                onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                select: (conversation: import('../..').ConversationModel) => void;
+                selectConversation: (conversation: import('../..').ConversationModel) => void;
             }, string, {
                 Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
                 isSelected: boolean;
@@ -10840,9 +10840,9 @@ declare const ConversationPreview: {
                     type: import('vue').PropType<import('../..').ConversationActionsConfig>;
                 };
             }>> & Readonly<{
-                onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+                onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                select: (conversation: import('../..').ConversationModel) => void;
+                selectConversation: (conversation: import('../..').ConversationModel) => void;
             }, import('vue').PublicProps, {
                 Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
                 isSelected: boolean;
@@ -11175,7 +11175,7 @@ declare const ConversationPreview: {
                     type: import('vue').PropType<import('../..').ConversationActionsConfig>;
                 };
             }>> & Readonly<{
-                onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+                onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
             }>, {}, {}, {}, {}, {
                 Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
                 isSelected: boolean;
@@ -11505,9 +11505,9 @@ declare const ConversationPreview: {
                 type: import('vue').PropType<import('../..').ConversationActionsConfig>;
             };
         }>> & Readonly<{
-            onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+            onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            select: (conversation: import('../..').ConversationModel) => void;
+            selectConversation: (conversation: import('../..').ConversationModel) => void;
         }, string, {
             Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
             isSelected: boolean;
@@ -12008,9 +12008,9 @@ declare const ConversationPreviewUI: {
             type: import('vue').PropType<import('../..').ConversationActionsConfig>;
         };
     }>> & Readonly<{
-        onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+        onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        select: (conversation: import('../..').ConversationModel) => void;
+        selectConversation: (conversation: import('../..').ConversationModel) => void;
     }, import('vue').PublicProps, {
         Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
         isSelected: boolean;
@@ -12343,7 +12343,7 @@ declare const ConversationPreviewUI: {
             type: import('vue').PropType<import('../..').ConversationActionsConfig>;
         };
     }>> & Readonly<{
-        onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+        onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
     }>, {}, {}, {}, {}, {
         Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
         isSelected: boolean;
@@ -12673,9 +12673,9 @@ declare const ConversationPreviewUI: {
         type: import('vue').PropType<import('../..').ConversationActionsConfig>;
     };
 }>> & Readonly<{
-    onSelect?: ((conversation: import('../..').ConversationModel) => any) | undefined;
+    onSelectConversation?: ((conversation: import('../..').ConversationModel) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    select: (conversation: import('../..').ConversationModel) => void;
+    selectConversation: (conversation: import('../..').ConversationModel) => void;
 }, string, {
     Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
     isSelected: boolean;

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-L8abAry7.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-D9jiYNFu.js";
 export {
   f as default
 };

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

@@ -13,14 +13,14 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     autoFocus: boolean;
     disabled: boolean;
     hideSendButton: boolean;
-    placeholder: string;
+    placeholder: 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;
     attachmentPickerMode: string;
     actions: () => string[];
 }>>> & Readonly<{}>, {

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

@@ -6,11 +6,12 @@ interface EditorOptions {
     placeholder?: string;
     autoFocus?: boolean;
     disabled?: boolean;
+    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, onUpdate, onEnter, onFocus, onBlur, }: EditorOptions): Editor;
 export { createEditor, };
 export type { Editor, };