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

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

@@ -3,18 +3,22 @@ declare const MessageInput: {
         slots: {
             type: import('vue').PropType<import('./types').MessageInputSlots>;
         };
-        placeholder: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
         disabled: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
+        placeholder: {
+            type: import('vue').PropType<string>;
+            default: undefined;
+        };
         autoFocus: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
+        maxLength: {
+            type: import('vue').PropType<number>;
+            default: undefined;
+        };
         actions: {
             type: import('vue').PropType<import('./types').MessageInputActions>;
             default: () => string[];
@@ -28,9 +32,10 @@ declare const MessageInput: {
             default: boolean;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        placeholder: string;
         disabled: boolean;
+        placeholder: string;
         autoFocus: boolean;
+        maxLength: number;
         actions: import('./types').MessageInputActions;
         attachmentPickerMode: import('./types').MessageInputAttachmentPickerMode;
         hideSendButton: boolean;
@@ -45,18 +50,22 @@ declare const MessageInput: {
         slots: {
             type: import('vue').PropType<import('./types').MessageInputSlots>;
         };
-        placeholder: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
         disabled: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
+        placeholder: {
+            type: import('vue').PropType<string>;
+            default: undefined;
+        };
         autoFocus: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
+        maxLength: {
+            type: import('vue').PropType<number>;
+            default: undefined;
+        };
         actions: {
             type: import('vue').PropType<import('./types').MessageInputActions>;
             default: () => string[];
@@ -70,9 +79,10 @@ declare const MessageInput: {
             default: boolean;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, {
-        placeholder: string;
         disabled: boolean;
+        placeholder: string;
         autoFocus: boolean;
+        maxLength: number;
         actions: import('./types').MessageInputActions;
         attachmentPickerMode: import('./types').MessageInputAttachmentPickerMode;
         hideSendButton: boolean;
@@ -84,18 +94,22 @@ declare const MessageInput: {
     slots: {
         type: import('vue').PropType<import('./types').MessageInputSlots>;
     };
-    placeholder: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
     disabled: {
         type: import('vue').PropType<boolean>;
         default: boolean;
     };
+    placeholder: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
     autoFocus: {
         type: import('vue').PropType<boolean>;
         default: boolean;
     };
+    maxLength: {
+        type: import('vue').PropType<number>;
+        default: undefined;
+    };
     actions: {
         type: import('vue').PropType<import('./types').MessageInputActions>;
         default: () => string[];
@@ -109,9 +123,10 @@ declare const MessageInput: {
         default: boolean;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    placeholder: string;
     disabled: boolean;
+    placeholder: string;
     autoFocus: boolean;
+    maxLength: number;
     actions: import('./types').MessageInputActions;
     attachmentPickerMode: import('./types').MessageInputAttachmentPickerMode;
     hideSendButton: boolean;
@@ -400,22 +415,27 @@ declare const VideoPicker: {
 });
 declare const TextEditor: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-        placeholder: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
         disabled: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
+        placeholder: {
+            type: import('vue').PropType<string>;
+            default: undefined;
+        };
         autoFocus: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
+        maxLength: {
+            type: import('vue').PropType<number>;
+            default: undefined;
+        };
     }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        placeholder: string;
         disabled: boolean;
+        placeholder: string;
         autoFocus: boolean;
+        maxLength: number;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -424,43 +444,53 @@ declare const TextEditor: {
         M: {};
         Defaults: {};
     }, Readonly<import('vue').ExtractPropTypes<{
-        placeholder: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
         disabled: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
+        placeholder: {
+            type: import('vue').PropType<string>;
+            default: undefined;
+        };
         autoFocus: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
+        maxLength: {
+            type: import('vue').PropType<number>;
+            default: undefined;
+        };
     }>> & Readonly<{}>, {}, {}, {}, {}, {
-        placeholder: string;
         disabled: boolean;
+        placeholder: string;
         autoFocus: boolean;
+        maxLength: number;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-    placeholder: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
     disabled: {
         type: import('vue').PropType<boolean>;
         default: boolean;
     };
+    placeholder: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
     autoFocus: {
         type: import('vue').PropType<boolean>;
         default: boolean;
     };
+    maxLength: {
+        type: import('vue').PropType<number>;
+        default: undefined;
+    };
 }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    placeholder: string;
     disabled: boolean;
+    placeholder: string;
     autoFocus: boolean;
+    maxLength: number;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         inputPrefix?(_: {}): any;

package/dist/components/MessageInput/index.js

@@ -6,7 +6,7 @@ import n from "./EmojiPicker/EmojiPicker.js";
 import { TextEditor as c } from "./TextEditor/index.js";
 import s from "./AudioCallPicker/AudioCallPicker.js";
 import a from "./VideoCallPicker/VideoCallPicker.js";
-import { _ as p } from "../../MessageInput.vue_vue_type_script_setup_true_lang-D1G-LitO.js";
+import { _ as p } from "../../MessageInput.vue_vue_type_script_setup_true_lang-jPzZ5INK.js";
 import { addI18n as o } from "../../i18n/index.js";
 import { resources as t } from "./i18n/index.js";
 o("en-US", { translation: { MessageInput: t["en-US"] } });

package/dist/components/MessageList/Message/AudioMessage/WaveForm.js

@@ -1,6 +1,6 @@
-import { defineComponent as g, computed as i, ref as b, onMounted as y, createElementBlock as a, openBlock as n, normalizeStyle as c, createElementVNode as C, Fragment as k, renderList as x, normalizeClass as B } from "vue";
-import { _ as E } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
-const F = /* @__PURE__ */ g({
+import { defineComponent as g, computed as l, createElementBlock as a, openBlock as n, normalizeStyle as i, Fragment as w, renderList as C, unref as b, normalizeClass as y } from "vue";
+import { _ as k } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const x = /* @__PURE__ */ g({
   __name: "WaveForm",
   props: {
     progress: {},
@@ -9,41 +9,31 @@ const F = /* @__PURE__ */ g({
   },
   emits: ["seek"],
   setup(m, { emit: u }) {
-    const t = m, d = u, f = i(() => ({
-      width: typeof t.width == "number" ? `${t.width}px` : t.width
-    })), l = b([]);
-    y(() => {
-      const e = [];
-      for (let r = 0; r < t.barsCount; r++)
-        e.push(Math.random() * 16 + 8);
-      l.value = e;
-    });
-    const p = (e) => {
-      const r = (e + 1) / t.barsCount;
-      return (t.progress || 0) >= r;
-    }, v = i(() => ({
-      left: `${(t.progress || 0) * 100}%`
-    })), h = (e) => {
-      const s = e.currentTarget.getBoundingClientRect(), _ = (e.clientX - s.left) / s.width, w = Math.max(0, Math.min(1, _));
-      d("seek", w);
+    const e = m, f = u, d = l(() => ({
+      width: typeof e.width == "number" ? `${e.width}px` : e.width
+    })), p = Array.from({ length: e.barsCount }, () => Math.random() * 16 + 4), v = l(() => {
+      const t = e.progress || 0;
+      return t === 0 ? Array(e.barsCount).fill(!1) : Array.from({ length: e.barsCount }, (r, s) => {
+        const o = s / e.barsCount;
+        return t >= o;
+      });
+    }), _ = (t) => {
+      const r = t.currentTarget.getBoundingClientRect(), o = (t.clientX - r.left) / r.width, h = Math.max(0, Math.min(1, o));
+      f("seek", h);
     };
-    return (e, r) => (n(), a("div", {
+    return (t, c) => (n(), a("div", {
       class: "wave-form",
-      onClick: h,
-      style: c(f.value)
+      style: i(d.value),
+      onClick: _
     }, [
-      (n(!0), a(k, null, x(l.value, (s, o) => (n(), a("div", {
-        key: o,
-        class: B(["wave-form__bar", { "wave-form__bar--active": p(o) }]),
-        style: c({ height: `${s}px` })
-      }, null, 6))), 128)),
-      C("div", {
-        class: "wave-form__cursor",
-        style: c(v.value)
-      }, null, 4)
+      (n(!0), a(w, null, C(b(p), (r, s) => (n(), a("div", {
+        key: s,
+        class: y(["wave-form__bar", { "wave-form__bar--active": v.value[s] }]),
+        style: i({ height: `${r}px` })
+      }, null, 6))), 128))
     ], 4));
   }
-}), S = /* @__PURE__ */ E(F, [["__scopeId", "data-v-5bc04a79"]]);
+}), F = /* @__PURE__ */ k(x, [["__scopeId", "data-v-93c67ced"]]);
 export {
-  S as default
+  F as default
 };

package/dist/components/MessageList/Message/CustomMessage/CallMessage/CallMessage.js

@@ -1,60 +1,61 @@
-import { defineComponent as v, useCssModule as y, computed as i, createBlock as c, unref as e, openBlock as t, normalizeClass as o, withCtx as m, createTextVNode as _, toDisplayString as p } from "vue";
-import { IconCall1Filled as k, IconVideoDefaultFilled as x } from "@tencentcloud/uikit-base-component-vue3";
-import { View as u } from "../../../../../baseComp/View/index.js";
-import { ConversationType as g } from "../../../../../types/engine.js";
-import { parseCallMessageText as z, parseCallMessage as M, startCall as T } from "../../../../../utils/call.js";
-import { useConversationListState as w } from "../../../../../states/ConversationListState/ConversationListState.js";
-import { _ as D } from "../../../../../_plugin-vue_export-helper-CHgC5LLL.js";
-const I = /* @__PURE__ */ v({
+import { defineComponent as k, useCssModule as x, computed as u, createBlock as l, unref as e, openBlock as c, normalizeClass as o, withCtx as _, createTextVNode as p, toDisplayString as g } from "vue";
+import { useUIKit as z, IconCall1Filled as M, IconVideoDefaultFilled as I } from "@tencentcloud/uikit-base-component-vue3";
+import { View as d } from "../../../../../baseComp/View/index.js";
+import { ConversationType as f } from "../../../../../types/engine.js";
+import { parseCallMessageText as T, parseCallMessage as D, startCall as w } from "../../../../../utils/call.js";
+import { useConversationListState as V } from "../../../../../states/ConversationListState/ConversationListState.js";
+import { _ as h } from "../../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const B = /* @__PURE__ */ k({
   __name: "CallMessage",
   props: {
     message: {}
   },
-  setup(d) {
-    const s = d, a = y(), { activeConversation: f } = w(), n = i(() => z(s.message)), l = i(() => M(s.message)), C = () => {
-      !f.value || !l.value || s.message.conversationType === g.GROUP || T({
-        type: l.value.data.data.call_type,
-        userIDList: l.value.data.inviteeList
+  setup(C) {
+    const s = C, { t: y } = z(), a = x(), { activeConversation: n } = V(), i = u(() => T(s.message, y)), t = u(() => D(s.message)), v = () => {
+      var r;
+      !n.value || !t.value || s.message.conversationType === f.GROUP || w({
+        type: t.value.data.data.call_type,
+        userIDList: [(r = n.value.userProfile) == null ? void 0 : r.userID]
       });
     };
-    return (h, B) => s.message.conversationType === e(g).C2C ? (t(), c(e(u), {
+    return (r, P) => s.message.conversationType === e(f).C2C ? (c(), l(e(d), {
       key: 0,
       gap: 8,
       dir: "row",
       class: o(e(a)["call-message-c2c"]),
-      onClick: C
+      onClick: v
     }, {
-      default: m(() => {
-        var r;
+      default: _(() => {
+        var m;
         return [
-          ((r = l.value) == null ? void 0 : r.data.data.call_type) === 1 ? (t(), c(e(k), {
+          ((m = t.value) == null ? void 0 : m.data.data.call_type) === 1 ? (c(), l(e(M), {
             key: 0,
             class: o(e(a)["call-message-c2c__icon"])
-          }, null, 8, ["class"])) : (t(), c(e(x), {
+          }, null, 8, ["class"])) : (c(), l(e(I), {
             key: 1,
             class: o(e(a)["call-message-c2c__icon"])
           }, null, 8, ["class"])),
-          _(" " + p(n.value), 1)
+          p(" " + g(i.value), 1)
         ];
       }),
       _: 1
-    }, 8, ["class"])) : (t(), c(e(u), {
+    }, 8, ["class"])) : (c(), l(e(d), {
       key: 1,
       class: o(e(a)["call-message-group"])
     }, {
-      default: m(() => [
-        _(p(n.value), 1)
+      default: _(() => [
+        p(g(i.value), 1)
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), L = {
+}), F = {
   "call-message-c2c": "_call-message-c2c_u2zzk_1",
   "call-message-c2c__icon": "_call-message-c2c__icon_u2zzk_7",
   "call-message-group": "_call-message-group_u2zzk_11"
-}, V = {
-  $style: L
-}, P = /* @__PURE__ */ D(I, [["__cssModules", V]]);
+}, L = {
+  $style: F
+}, O = /* @__PURE__ */ h(B, [["__cssModules", L]]);
 export {
-  P as default
+  O as default
 };

package/dist/components/MessageList/Message/GroupTipMessage/index.js

@@ -1,21 +1,21 @@
-import { defineComponent as a, createElementBlock as n, openBlock as p, normalizeClass as m, unref as i, toDisplayString as g } from "vue";
-import { useUIKit as c } from "@tencentcloud/uikit-base-component-vue3";
-import { c as u } from "../../../../index-DPczIrgX.js";
-import { ConversationType as l } from "../../../../types/engine.js";
-import { isCallMessage as f, parseCallMessageText as _ } from "../../../../utils/call.js";
-import { resolveGroupTipMessage as C } from "./resolveGroupTipMessage.js";
-const k = /* @__PURE__ */ a({
+import { defineComponent as a, computed as n, createElementBlock as p, openBlock as m, normalizeClass as i, unref as g, toDisplayString as c } from "vue";
+import { useUIKit as u } from "@tencentcloud/uikit-base-component-vue3";
+import { c as l } from "../../../../index-DPczIrgX.js";
+import { ConversationType as f } from "../../../../types/engine.js";
+import { isCallMessage as _, parseCallMessageText as C } from "../../../../utils/call.js";
+import { resolveGroupTipMessage as M } from "./resolveGroupTipMessage.js";
+const B = /* @__PURE__ */ a({
   __name: "GroupTipMessage",
   props: {
     message: {}
   },
-  setup(r) {
-    const e = r, { t: o } = c(), s = e.message.getMessageContent(), t = () => s.businessID === "group_create" ? `${s.showName || ""} ${o("MessageList.create_group")}` : f(e.message) && e.message.conversationType === l.GROUP ? _(e.message) : C(e.message).text;
-    return (M, T) => (p(), n("div", {
-      class: m(i(u)("group-tip-message"))
-    }, g(t()), 3));
+  setup(o) {
+    const e = o, { t: s } = u(), r = e.message.getMessageContent(), t = n(() => r.businessID === "group_create" ? `${r.showName || ""} ${s("MessageList.create_group")}` : _(e.message) && e.message.conversationType === f.GROUP ? C(e.message, s) : M(e.message).text);
+    return (T, v) => (m(), p("div", {
+      class: i(g(l)("group-tip-message"))
+    }, c(t.value), 3));
   }
 });
 export {
-  k as GroupTipMessage
+  B as GroupTipMessage
 };

package/dist/components/MessageList/Message/Message.vue.d.ts

@@ -1,5 +1,5 @@
 import { MessageAction } from '../../../hooks/useMessageActions';
-import { IMessageModel as MessageModel } from '@tencentcloud/chat-uikit-engine';
+import { MessageModel } from '../../../types/engine';
 
 interface MessageProps {
     message: MessageModel;

package/dist/components/MessageList/Message/MessageLayout/MessageLayout.js

@@ -1,26 +1,26 @@
-import { defineComponent as w, ref as B, computed as l, createElementBlock as h, openBlock as o, Fragment as D, createBlock as n, createCommentVNode as r, createVNode as g, unref as s, normalizeStyle as E, normalizeClass as m, withCtx as d, resolveDynamicComponent as G } from "vue";
-import { c } from "../../../../index-DPczIrgX.js";
-import { View as f } from "../../../../baseComp/View/index.js";
-import { MessageType as a, ConversationType as M } from "../../../../types/engine.js";
+import { defineComponent as b, ref as B, computed as o, createElementBlock as h, openBlock as n, Fragment as D, createBlock as l, createCommentVNode as g, createVNode as u, unref as a, normalizeStyle as E, normalizeClass as i, withCtx as c, resolveDynamicComponent as G } from "vue";
+import { c as f } from "../../../../index-DPczIrgX.js";
+import { View as p } from "../../../../baseComp/View/index.js";
+import { MessageType as s, ConversationType as C } from "../../../../types/engine.js";
 import { isCallMessage as F } from "../../../../utils/call.js";
 import P from "../../../Avatar/Avatar.js";
-import b from "../../ReadReceiptInfo/ReadReceiptInfo.js";
-import x from "../AudioMessage/AudioMessage.js";
-import U from "../CustomMessage/CustomMessage.js";
-import V from "../FaceMessage/FaceMessage.js";
-import H from "../FileMessage/FileMessage.js";
-import { GroupTipMessage as p } from "../GroupTipMessage/index.js";
-import N from "../ImageMessage/ImageMessage.js";
-import S from "../LocationMessage/LocationMessage.js";
-import z from "../MergerMessage/MergerMessage.js";
-import $ from "../RecalledMessage/RecalledMessage.js";
-import X from "../TextMessage/TextMessage.js";
-import j from "../VideoMessage/VideoMessage.js";
-import q from "./MessageBubble/MessageBubble.js";
-import J from "./MessageMeta/MessageMeta.js";
-import { useMessageLayoutClasses as K } from "./useMessageLayoutClasses.js";
-import { _ as Q } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
-const W = /* @__PURE__ */ w({
+import x from "../../ReadReceiptInfo/ReadReceiptInfo.js";
+import U from "../AudioMessage/AudioMessage.js";
+import V from "../CustomMessage/CustomMessage.js";
+import H from "../FaceMessage/FaceMessage.js";
+import N from "../FileMessage/FileMessage.js";
+import { GroupTipMessage as M } from "../GroupTipMessage/index.js";
+import S from "../ImageMessage/ImageMessage.js";
+import z from "../LocationMessage/LocationMessage.js";
+import $ from "../MergerMessage/MergerMessage.js";
+import X from "../RecalledMessage/RecalledMessage.js";
+import j from "../TextMessage/TextMessage.js";
+import q from "../VideoMessage/VideoMessage.js";
+import J from "./MessageBubble/MessageBubble.js";
+import K from "./MessageMeta/MessageMeta.js";
+import { useMessageLayoutClasses as Q } from "./useMessageLayoutClasses.js";
+import { _ as W } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const Y = /* @__PURE__ */ b({
   __name: "MessageLayout",
   props: {
     message: { default: () => ({}) },
@@ -35,98 +35,92 @@ const W = /* @__PURE__ */ w({
     style: { default: void 0 }
   },
   setup(e) {
-    const t = e, i = B(!1), C = l(() => !!(t.message.type === a.CUSTOM && t.message.getMessageContent().businessID === "group_create" || t.message.type === a.CUSTOM && F(t.message) && t.message.conversationType === M.GROUP)), y = {
-      [a.TEXT]: X,
-      [a.IMAGE]: N,
-      [a.AUDIO]: x,
-      [a.VIDEO]: j,
-      [a.FILE]: H,
-      [a.FACE]: V,
-      [a.LOCATION]: S,
-      [a.MERGER]: z,
-      [a.CUSTOM]: U,
-      [a.GRP_TIP]: p
-    }, u = l(() => y[t.message.type]), R = l(() => t.message.flow === "out"), {
-      layoutClasses: I,
-      wrapperClasses: v,
-      avatarClasses: A,
-      bubbleClasses: T,
-      metaClasses: O
-    } = K({
+    const t = e, r = B(!1), v = o(() => !!(t.message.type === s.CUSTOM && t.message.getMessageContent().businessID === "group_create" || t.message.type === s.CUSTOM && F(t.message) && t.message.conversationType === C.GROUP)), y = {
+      [s.TEXT]: j,
+      [s.IMAGE]: S,
+      [s.AUDIO]: U,
+      [s.VIDEO]: q,
+      [s.FILE]: N,
+      [s.FACE]: H,
+      [s.LOCATION]: z,
+      [s.MERGER]: $,
+      [s.CUSTOM]: V,
+      [s.GRP_TIP]: M
+    }, d = o(() => y[t.message.type]), R = o(() => t.message.flow === "out"), m = o(() => Q({
       isMessageOwner: R.value,
       alignment: t.alignment,
       isAggregated: t.isAggregated
-    });
-    function k() {
-      i.value = !0;
-    }
+    })), I = o(() => m.value.layoutClasses), A = o(() => m.value.wrapperClasses), T = o(() => m.value.avatarClasses), O = o(() => m.value.bubbleClasses), k = o(() => m.value.metaClasses);
     function L() {
-      i.value = !1;
+      r.value = !0;
+    }
+    function w() {
+      r.value = !1;
     }
-    return (Y, Z) => (o(), h(D, null, [
-      e.message.isRevoked ? (o(), n(s($), {
+    return (Z, _) => (n(), h(D, null, [
+      e.message.isRevoked ? (n(), l(a(X), {
         key: 0,
         class: "message-recalled",
         message: e.message
-      }, null, 8, ["message"])) : e.message.type === s(a).GRP_TIP || C.value ? (o(), n(s(p), {
+      }, null, 8, ["message"])) : e.message.type === a(s).GRP_TIP || v.value ? (n(), l(a(M), {
         key: 1,
         message: e.message
-      }, null, 8, ["message"])) : u.value ? (o(), n(s(f), {
+      }, null, 8, ["message"])) : d.value ? (n(), l(a(p), {
         key: 2,
         "data-message-id": e.message.ID,
-        class: m(s(I)),
+        class: i(I.value),
         style: E(e.style)
       }, {
-        default: d(() => [
-          e.isHiddenMessageAvatar ? r("", !0) : (o(), n(s(P), {
+        default: c(() => [
+          e.isHiddenMessageAvatar ? g("", !0) : (n(), l(a(P), {
             key: 0,
-            class: m(s(c)(s(A))),
+            class: i(a(f)(T.value)),
             src: e.message.avatar
           }, null, 8, ["class", "src"])),
-          g(s(f), {
-            class: m(s(c)(s(v)))
+          u(a(p), {
+            class: i(a(f)(A.value))
           }, {
-            default: d(() => [
-              g(s(q), {
-                class: m(s(T)),
+            default: c(() => [
+              u(a(J), {
+                class: i(O.value),
                 message: e.message,
                 alignment: e.alignment,
                 isLastInChunk: !1,
                 messageActionList: e.messageActionList
               }, {
-                default: d(() => [
-                  (o(), n(G(u.value), { message: e.message }, null, 8, ["message"]))
+                default: c(() => [
+                  (n(), l(G(d.value), { message: e.message }, null, 8, ["message"]))
                 ]),
                 _: 1
               }, 8, ["class", "message", "alignment", "messageActionList"]),
-              e.isHiddenMessageMeta ? r("", !0) : (o(), n(s(J), {
+              e.isHiddenMessageMeta ? g("", !0) : (n(), l(a(K), {
                 key: 0,
-                class: m(s(O)),
+                class: i(k.value),
                 status: e.message.status,
                 flow: e.message.flow,
                 timestamp: e.message.time * 1e3,
                 "need-read-receipt": e.message.needReadReceipt,
                 "read-receipt-info": e.message.readReceiptInfo,
-                "is-group": e.message.conversationType === s(M).GROUP,
-                onOnReadReceiptTextClick: k
+                "is-group": e.message.conversationType === a(C).GROUP,
+                onOnReadReceiptTextClick: L
               }, null, 8, ["class", "status", "flow", "timestamp", "need-read-receipt", "read-receipt-info", "is-group"]))
             ]),
             _: 1
           }, 8, ["class"])
         ]),
         _: 1
-      }, 8, ["data-message-id", "class", "style"])) : r("", !0),
-      g(s(b), {
-        open: i.value,
+      }, 8, ["data-message-id", "class", "style"])) : g("", !0),
+      u(a(x), {
+        open: r.value,
         messageID: e.message.ID,
         "read-count": e.message.readReceiptInfo.readCount,
         "unread-count": e.message.readReceiptInfo.unreadCount,
         "is-peer-read": e.message.readReceiptInfo.isPeerRead,
-        onOnClose: L
+        onOnClose: w
       }, null, 8, ["open", "messageID", "read-count", "unread-count", "is-peer-read"])
     ], 64));
   }
-}), ve = /* @__PURE__ */ Q(W, [["__scopeId", "data-v-af693331"]]);
+}), Ae = /* @__PURE__ */ W(Y, [["__scopeId", "data-v-e038fbd1"]]);
 export {
-  ve as default
+  Ae as default
 };