tuikit-atomicx-vue3 3.3.3 → 3.4.1

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

@@ -1,40 +1,35 @@
-import { c as cs } from "../../../../index-BF6QB9jF.js";
-function useMessageLayoutClasses({
-  isMessageOwner,
-  alignment,
-  isAggregated
+import { c as e } from "../../../../index-DPczIrgX.js";
+function y({
+  isMessageOwner: t,
+  alignment: a,
+  isAggregated: l
 }) {
-  const isRightAligned = alignment === "two-sided" && isMessageOwner || alignment === "right";
-  const layoutClasses = cs(
+  const s = a === "two-sided" && t || a === "right", o = e(
     "message-layout",
-    isRightAligned ? "message-layout--right" : "message-layout--left"
-  );
-  const wrapperClasses = cs(
+    s ? "message-layout--right" : "message-layout--left"
+  ), u = e(
     "message-layout__wrapper",
-    isRightAligned ? "message-layout__wrapper--right" : "message-layout__wrapper--left",
-    isAggregated ? "message-layout__wrapper--aggregated" : "",
-    alignment === "two-sided" && isMessageOwner ? "message-layout__wrapper--no-padding" : ""
-  );
-  const bubbleClasses = cs(
+    s ? "message-layout__wrapper--right" : "message-layout__wrapper--left",
+    l ? "message-layout__wrapper--aggregated" : "",
+    a === "two-sided" && t ? "message-layout__wrapper--no-padding" : ""
+  ), _ = e(
     "message-layout__bubble",
-    isRightAligned ? "message-layout__bubble--right" : "message-layout__bubble--left",
-    isAggregated ? "message-layout__bubble--aggregated" : ""
-  );
-  const avatarClasses = cs(
+    s ? "message-layout__bubble--right" : "message-layout__bubble--left",
+    l ? "message-layout__bubble--aggregated" : ""
+  ), g = e(
     "message-layout__avatar"
-  );
-  const metaClasses = cs(
+  ), r = e(
     "message-layout__meta",
-    isRightAligned ? "message-layout__meta--right" : "message-layout__meta--left"
+    s ? "message-layout__meta--right" : "message-layout__meta--left"
   );
   return {
-    layoutClasses,
-    wrapperClasses,
-    bubbleClasses,
-    avatarClasses,
-    metaClasses
+    layoutClasses: o,
+    wrapperClasses: u,
+    bubbleClasses: _,
+    avatarClasses: g,
+    metaClasses: r
   };
 }
 export {
-  useMessageLayoutClasses
+  y as useMessageLayoutClasses
 };

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

@@ -1,58 +1,49 @@
-import { defineComponent, computed, createBlock, openBlock, unref, normalizeStyle, normalizeClass, withCtx, createElementBlock, Fragment, createTextVNode, createCommentVNode, toDisplayString } from "vue";
-import TUIChatEngine from "@tencentcloud/chat-uikit-engine";
-import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
-import { c as cs } from "../../../../index-BF6QB9jF.js";
-import { View as _sfc_main$1 } from "../../../../baseComp/View/index.js";
-import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as x, computed as o, createBlock as m, openBlock as a, unref as s, normalizeStyle as T, normalizeClass as v, withCtx as n, createElementBlock as i, Fragment as p, createTextVNode as l, createCommentVNode as C, toDisplayString as r } from "vue";
+import { useUIKit as $ } from "@tencentcloud/uikit-base-component-vue3";
+import { c as w } from "../../../../index-DPczIrgX.js";
+import { View as d } from "../../../../baseComp/View/index.js";
+import { MessageType as I } from "../../../../types/engine.js";
+import { useMessageInputState as L } from "../../../../states/MessageInputState/MessageInputState.js";
+import { _ as h } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const B = /* @__PURE__ */ x({
   __name: "RecalledMessage",
   props: {
     message: {},
     class: { default: void 0 },
     style: { default: void 0 }
   },
-  setup(__props) {
-    const props = __props;
-    const { t } = useUIKit();
-    const setInputValue = (text) => {
-      console.log("Set input value:", text);
-    };
-    const isTextMessage = computed(() => props.message.type === TUIChatEngine.TYPES.MSG_TEXT);
-    const isMessageOwner = computed(() => props.message.flow === "out");
-    const otherDisplayName = computed(() => props.message.nick || props.message.from || "");
-    function recallMessageToInput() {
-      const transformedText = props.message.payload.text;
-      setInputValue(transformedText);
+  setup(u) {
+    const e = u, { t } = $(), { setContent: g, focusEditor: f } = L(), _ = o(() => e.message.type === I.TEXT), y = o(() => e.message.flow === "out"), M = o(() => e.message.nick || e.message.from || "");
+    function k() {
+      const c = e.message.payload.text;
+      g(c), f();
     }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1), {
-        class: normalizeClass(unref(cs)("recalled-message", props.class)),
-        style: normalizeStyle(props.style)
-      }, {
-        default: withCtx(() => [
-          isMessageOwner.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            createTextVNode(toDisplayString(unref(t)("MessageList.you")) + toDisplayString(unref(t)("MessageList.recalled_a_message")) + " ", 1),
-            isTextMessage.value ? (openBlock(), createBlock(unref(_sfc_main$1), {
-              key: 0,
-              role: "button",
-              class: "recalled-message__button",
-              onClick: recallMessageToInput
-            }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(t)("MessageList.reedit")), 1)
-              ]),
-              _: 1
-            })) : createCommentVNode("", true)
-          ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            createTextVNode(toDisplayString(otherDisplayName.value) + " " + toDisplayString(unref(t)("MessageList.recalled_a_message")), 1)
-          ], 64))
-        ]),
-        _: 1
-      }, 8, ["class", "style"]);
-    };
+    return (c, E) => (a(), m(s(d), {
+      class: v(s(w)("recalled-message", e.class)),
+      style: T(e.style)
+    }, {
+      default: n(() => [
+        y.value ? (a(), i(p, { key: 0 }, [
+          l(r(`${s(t)("MessageList.you")} ${s(t)("MessageList.recalled_a_message")}`) + " ", 1),
+          _.value ? (a(), m(s(d), {
+            key: 0,
+            role: "button",
+            class: "recalled-message__button",
+            onClick: k
+          }, {
+            default: n(() => [
+              l(r(s(t)("MessageList.reedit")), 1)
+            ]),
+            _: 1
+          })) : C("", !0)
+        ], 64)) : (a(), i(p, { key: 1 }, [
+          l(r(`${M.value} ${s(t)("MessageList.recalled_a_message")}`), 1)
+        ], 64))
+      ]),
+      _: 1
+    }, 8, ["class", "style"]));
   }
-});
-const RecalledMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c0fdcab9"]]);
+}), F = /* @__PURE__ */ h(B, [["__scopeId", "data-v-63c123ed"]]);
 export {
-  RecalledMessage as default
+  F as default
 };

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

@@ -1,7 +1,7 @@
-import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
+import { MessageModel } from '../../../../types';
 
 interface IRecalledMessageProps {
-    message: IMessageModel;
+    message: MessageModel;
     class?: string;
     style?: Record<string, any>;
 }

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

@@ -1,4 +1,4 @@
-import { default as default2 } from "./RecalledMessage.js";
+import { default as l } from "./RecalledMessage.js";
 export {
-  default2 as RecalledMessage
+  l as RecalledMessage
 };

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

@@ -1,122 +1,100 @@
-import { defineComponent, computed, createBlock, openBlock, unref, withCtx, createCommentVNode, createVNode, normalizeClass, createElementBlock, Fragment, createTextVNode, toDisplayString, renderList } from "vue";
-import { TUIStore } from "@tencentcloud/chat-uikit-engine";
-import { useUIKit, TUIToast } from "@tencentcloud/uikit-base-component-vue3";
-import { c as cs } from "../../../../index-BF6QB9jF.js";
-import { View as _sfc_main$1 } from "../../../../baseComp/View/index.js";
-import { useScroll } from "../../../../hooks/useScroll.js";
-import { safeJSONParse } from "../../../../utils/json.js";
-import { useMessageListState } from "../../../../states/MessageListState/MessageListState.js";
-import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = {
+import { defineComponent as C, computed as f, createBlock as I, openBlock as s, unref as a, withCtx as c, createCommentVNode as L, createVNode as d, normalizeClass as N, createElementBlock as o, Fragment as i, createTextVNode as u, toDisplayString as g, renderList as B } from "vue";
+import { TUIStore as E } from "@tencentcloud/chat-uikit-engine";
+import { useUIKit as U, TUIToast as w } from "@tencentcloud/uikit-base-component-vue3";
+import { c as K } from "../../../../index-DPczIrgX.js";
+import { View as l } from "../../../../baseComp/View/index.js";
+import { useScroll as O } from "../../../../hooks/useScroll.js";
+import { safeJSONParse as j } from "../../../../utils/json.js";
+import { useMessageListState as z } from "../../../../states/MessageListState/MessageListState.js";
+import { _ as A } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const F = {
   key: 0,
   class: "text-message__content__text"
-};
-const _hoisted_2 = ["src", "alt"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, H = ["src", "alt"], J = /* @__PURE__ */ C({
   __name: "TextMessage",
   props: {
     message: { default: () => ({}) }
   },
-  setup(__props) {
-    const props = __props;
-    const { t } = useUIKit();
-    const { scrollToMessage } = useScroll();
-    const {
-      highlightMessageIDSet,
-      recalledMessageIDSet,
-      highlightMessage
-    } = useMessageListState();
-    const messageContent = computed(() => props.message.getMessageContent());
-    const referencedInfo = computed(() => {
-      var _a, _b, _c, _d;
-      const cloudCustomData = safeJSONParse((_a = props.message) == null ? void 0 : _a.cloudCustomData, {});
-      const content = ((_b = cloudCustomData == null ? void 0 : cloudCustomData.messageReply) == null ? void 0 : _b.messageAbstract) || "";
-      const sender = ((_c = cloudCustomData == null ? void 0 : cloudCustomData.messageReply) == null ? void 0 : _c.messageSender) || "";
-      const messageID = ((_d = cloudCustomData == null ? void 0 : cloudCustomData.messageReply) == null ? void 0 : _d.messageID) || "";
+  setup(y) {
+    const p = y, { t: x } = U(), { scrollToMessage: S } = O(), {
+      highlightMessageIDSet: T,
+      recalledMessageIDSet: b,
+      highlightMessage: R
+    } = z(), D = f(() => p.message.getMessageContent()), n = f(() => {
+      var h, v, k, M;
+      const e = j((h = p.message) == null ? void 0 : h.cloudCustomData, {}), r = ((v = e == null ? void 0 : e.messageReply) == null ? void 0 : v.messageAbstract) || "", t = ((k = e == null ? void 0 : e.messageReply) == null ? void 0 : k.messageSender) || "", _ = ((M = e == null ? void 0 : e.messageReply) == null ? void 0 : M.messageID) || "";
       return {
-        content,
-        sender,
-        messageID
+        content: r,
+        sender: t,
+        messageID: _
       };
-    });
-    const isOriginMessageHasRecalled = computed(() => recalledMessageIDSet.value.has(referencedInfo.value.messageID));
-    const handleReferenceClick = () => {
-      if (referencedInfo.value.messageID) {
-        const { messageID } = referencedInfo.value;
-        const messageModel = TUIStore.getMessageModel(messageID);
-        if (isOriginMessageHasRecalled.value || !messageModel || messageModel.isDeleted || messageModel.isRevoked) {
-          TUIToast.error({
-            message: t("MessageList.origin_message_has_been_recalled")
+    }), m = f(() => b.value.has(n.value.messageID)), V = () => {
+      if (n.value.messageID) {
+        const { messageID: e } = n.value, r = E.getMessageModel(e);
+        if (m.value || !r || r.isDeleted || r.isRevoked) {
+          w.error({
+            message: x("MessageList.origin_message_has_been_recalled")
           });
           return;
         }
-        const isExist = highlightMessageIDSet.value.has(messageID);
-        if (!isExist) {
-          highlightMessage({
-            messageID,
-            duration: 3e3
-          });
-        }
-        scrollToMessage(messageID, {
+        T.value.has(e) || R({
+          messageID: e,
+          duration: 3e3
+        }), S(e, {
           block: "center",
-          skipIfVisible: true,
+          skipIfVisible: !0,
           behavior: "instant"
         }).catch(() => {
         });
       }
     };
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1), { class: "text-message" }, {
-        default: withCtx(() => [
-          referencedInfo.value.content ? (openBlock(), createBlock(unref(_sfc_main$1), {
-            key: 0,
-            class: normalizeClass(unref(cs)("text-message__reference", {
-              "text-danger": isOriginMessageHasRecalled.value
-            })),
-            onClick: handleReferenceClick
-          }, {
-            default: withCtx(() => [
-              isOriginMessageHasRecalled.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                createTextVNode(toDisplayString(unref(t)("MessageList.origin_message_has_been_recalled")), 1)
-              ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                createVNode(unref(_sfc_main$1), { class: "text-message__reference__header" }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(referencedInfo.value.sender), 1)
-                  ]),
-                  _: 1
-                }),
-                createVNode(unref(_sfc_main$1), { class: "text-message__reference__content" }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(referencedInfo.value.content), 1)
-                  ]),
-                  _: 1
-                })
-              ], 64))
-            ]),
-            _: 1
-          }, 8, ["class"])) : createCommentVNode("", true),
-          createVNode(unref(_sfc_main$1), { class: "text-message__content" }, {
-            default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(messageContent.value.text, (item, index) => {
-                return openBlock(), createElementBlock(Fragment, { key: index }, [
-                  item.name === "text" ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(item.text), 1)) : (openBlock(), createElementBlock("img", {
-                    key: 1,
-                    class: "text-message__content__img",
-                    src: item.src,
-                    alt: item.emojiKey || ""
-                  }, null, 8, _hoisted_2))
-                ], 64);
-              }), 128))
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      });
-    };
+    return (e, r) => (s(), I(a(l), { class: "text-message" }, {
+      default: c(() => [
+        n.value.content ? (s(), I(a(l), {
+          key: 0,
+          class: N(a(K)("text-message__reference", {
+            "text-danger": m.value
+          })),
+          onClick: V
+        }, {
+          default: c(() => [
+            m.value ? (s(), o(i, { key: 0 }, [
+              u(g(a(x)("MessageList.origin_message_has_been_recalled")), 1)
+            ], 64)) : (s(), o(i, { key: 1 }, [
+              d(a(l), { class: "text-message__reference__header" }, {
+                default: c(() => [
+                  u(g(n.value.sender), 1)
+                ]),
+                _: 1
+              }),
+              d(a(l), { class: "text-message__reference__content" }, {
+                default: c(() => [
+                  u(g(n.value.content), 1)
+                ]),
+                _: 1
+              })
+            ], 64))
+          ]),
+          _: 1
+        }, 8, ["class"])) : L("", !0),
+        d(a(l), { class: "text-message__content" }, {
+          default: c(() => [
+            (s(!0), o(i, null, B(D.value.text, (t, _) => (s(), o(i, { key: _ }, [
+              t.name === "text" ? (s(), o("span", F, g(t.text), 1)) : (s(), o("img", {
+                key: 1,
+                class: "text-message__content__img",
+                src: t.src,
+                alt: t.emojiKey || ""
+              }, null, 8, H))
+            ], 64))), 128))
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }));
   }
-});
-const TextMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f201397f"]]);
+}), ee = /* @__PURE__ */ A(J, [["__scopeId", "data-v-f201397f"]]);
 export {
-  TextMessage as default
+  ee as default
 };

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

@@ -1,4 +1,4 @@
-import { default as default2 } from "./TextMessage.js";
+import { default as s } from "./TextMessage.js";
 export {
-  default2 as TextMessage
+  s as TextMessage
 };

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

@@ -1,107 +1,83 @@
-import { defineComponent, ref, computed, onMounted, onUnmounted, watch, createBlock, openBlock, unref, normalizeStyle, normalizeClass, withCtx, createElementBlock, createCommentVNode, createElementVNode } from "vue";
-import { c as cs } from "../../../../index-BF6QB9jF.js";
-import { View as _sfc_main$1 } from "../../../../baseComp/View/index.js";
-import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = {
+import { defineComponent as f, ref as d, computed as v, onMounted as _, onUnmounted as H, watch as w, createBlock as R, openBlock as g, unref as i, normalizeStyle as I, normalizeClass as C, withCtx as E, createElementBlock as L, createCommentVNode as x, createElementVNode as z } from "vue";
+import { c as M } from "../../../../index-DPczIrgX.js";
+import { View as k } from "../../../../baseComp/View/index.js";
+import { _ as y } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const A = {
   key: 0,
   class: "video-placeholder"
-};
-const _hoisted_2 = ["src", "poster"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, T = ["src", "poster"], V = /* @__PURE__ */ f({
   __name: "VideoMessage",
   props: {
     message: { default: () => ({}) },
-    isLastInChunk: { type: Boolean, default: false }
+    isLastInChunk: { type: Boolean, default: !1 }
   },
-  setup(__props) {
-    const props = __props;
-    const messageContent = props.message.getMessageContent();
-    const windowResize = ref(false);
-    const loaded = ref(false);
-    const naturalSize = ref(
-      messageContent.snapshotWidth && messageContent.snapshotHeight ? {
-        height: messageContent.snapshotHeight,
-        aspectRatio: messageContent.snapshotWidth / messageContent.snapshotHeight
+  setup(n) {
+    const l = n, e = l.message.getMessageContent(), u = d(!1), t = d(!1), s = d(
+      e.snapshotWidth && e.snapshotHeight ? {
+        height: e.snapshotHeight,
+        aspectRatio: e.snapshotWidth / e.snapshotHeight
       } : null
-    );
-    const isMessageOwner = computed(() => props.message.flow === "out");
-    const displaySize = computed(() => {
-      const MAX_HEIGHT = 400;
-      const DEFAULT_RATIO = 3 / 4;
-      if (!naturalSize.value) {
-        return {
-          height: MAX_HEIGHT,
-          aspectRatio: DEFAULT_RATIO
-        };
-      }
-      const { aspectRatio } = naturalSize.value;
-      if (aspectRatio > 1) {
+    ), r = v(() => l.message.flow === "out"), a = v(() => {
+      if (!s.value)
         return {
-          aspectRatio,
-          height: 200
+          height: 400,
+          aspectRatio: 0.75
         };
-      }
-      return {
-        aspectRatio,
-        height: MAX_HEIGHT
+      const { aspectRatio: c } = s.value;
+      return c > 1 ? {
+        aspectRatio: c,
+        height: 200
+      } : {
+        aspectRatio: c,
+        height: 400
       };
-    });
-    const onResize = () => {
-      windowResize.value = true;
+    }), p = () => {
+      u.value = !0;
+    }, m = (h) => {
+      const o = h.target;
+      s.value = {
+        aspectRatio: o.videoWidth / o.videoHeight,
+        height: o.videoHeight
+      }, t.value = !0;
     };
-    const onVideoLoad = (e) => {
-      const video = e.target;
-      naturalSize.value = {
-        aspectRatio: video.videoWidth / video.videoHeight,
-        height: video.videoHeight
-      };
-      loaded.value = true;
-    };
-    onMounted(() => {
-      window.addEventListener("resize", onResize);
-    });
-    onUnmounted(() => {
-      window.removeEventListener("resize", onResize);
-    });
-    watch(() => props.message.ID, () => {
-      loaded.value = false;
-      naturalSize.value = messageContent.snapshotWidth && messageContent.snapshotHeight ? {
-        height: messageContent.snapshotHeight,
-        aspectRatio: messageContent.snapshotWidth / messageContent.snapshotHeight
+    return _(() => {
+      window.addEventListener("resize", p);
+    }), H(() => {
+      window.removeEventListener("resize", p);
+    }), w(() => l.message.ID, () => {
+      t.value = !1, s.value = e.snapshotWidth && e.snapshotHeight ? {
+        height: e.snapshotHeight,
+        aspectRatio: e.snapshotWidth / e.snapshotHeight
       } : null;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1), {
-        class: normalizeClass(unref(cs)("video-message", {
-          "video-message--last--self": isMessageOwner.value && _ctx.isLastInChunk,
-          "video-message--last--other": !isMessageOwner.value && _ctx.isLastInChunk,
-          "video-message--loaded": loaded.value
-        })),
-        style: normalizeStyle({
-          minHeight: windowResize.value ? "auto" : `${displaySize.value.height}px`,
-          maxHeight: `${displaySize.value.height}px`,
-          aspectRatio: naturalSize.value ? `${displaySize.value.aspectRatio}` : "auto",
-          width: !loaded.value ? `${displaySize.value.height * displaySize.value.aspectRatio}px` : void 0
-        })
-      }, {
-        default: withCtx(() => [
-          !loaded.value ? (openBlock(), createElementBlock("div", _hoisted_1)) : createCommentVNode("", true),
-          createElementVNode("video", {
-            class: "video-message__video",
-            src: unref(messageContent).url,
-            poster: unref(messageContent).snapshotUrl,
-            controls: "",
-            muted: "",
-            autoplay: false,
-            onLoadedmetadata: onVideoLoad
-          }, null, 40, _hoisted_2)
-        ]),
-        _: 1
-      }, 8, ["class", "style"]);
-    };
+    }), (h, o) => (g(), R(i(k), {
+      class: C(i(M)("video-message", {
+        "video-message--last--self": r.value && n.isLastInChunk,
+        "video-message--last--other": !r.value && n.isLastInChunk,
+        "video-message--loaded": t.value
+      })),
+      style: I({
+        minHeight: u.value ? "auto" : `${a.value.height}px`,
+        maxHeight: `${a.value.height}px`,
+        aspectRatio: s.value ? `${a.value.aspectRatio}` : "auto",
+        width: t.value ? void 0 : `${a.value.height * a.value.aspectRatio}px`
+      })
+    }, {
+      default: E(() => [
+        t.value ? x("", !0) : (g(), L("div", A)),
+        z("video", {
+          class: "video-message__video",
+          src: i(e).url,
+          poster: i(e).snapshotUrl,
+          controls: "",
+          muted: "",
+          autoplay: !1,
+          onLoadedmetadata: m
+        }, null, 40, T)
+      ]),
+      _: 1
+    }, 8, ["class", "style"]));
   }
-});
-const VideoMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c5688c84"]]);
+}), D = /* @__PURE__ */ y(V, [["__scopeId", "data-v-c5688c84"]]);
 export {
-  VideoMessage as default
+  D as default
 };

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

@@ -1,4 +1,4 @@
-import { default as default2 } from "./VideoMessage.js";
+import { default as o } from "./VideoMessage.js";
 export {
-  default2 as VideoMessage
+  o as VideoMessage
 };

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

@@ -1,32 +1,30 @@
-import { defineComponent, createBlock, openBlock, unref } from "vue";
-import MessageLayout from "./MessageLayout/MessageLayout.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as s, createBlock as a, openBlock as i, unref as t } from "vue";
+import n from "./MessageLayout/MessageLayout.js";
+const o = /* @__PURE__ */ s({
   __name: "Message",
   props: {
     message: {},
     alignment: { default: "two-sided" },
     messageActionList: { default: void 0 },
-    isAggregated: { type: Boolean, default: false },
+    isAggregated: { type: Boolean, default: !1 },
     isFirstInChunk: { type: Boolean, default: void 0 },
     isLastInChunk: { type: Boolean, default: void 0 },
-    isHiddenMessageAvatar: { type: Boolean, default: false },
-    isHiddenMessageMeta: { type: Boolean, default: false }
+    isHiddenMessageAvatar: { type: Boolean, default: !1 },
+    isHiddenMessageMeta: { type: Boolean, default: !1 }
   },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(MessageLayout), {
-        message: _ctx.message,
-        messageActionList: _ctx.messageActionList,
-        alignment: _ctx.alignment,
-        "is-aggregated": _ctx.isAggregated,
-        "is-first-in-chunk": _ctx.isFirstInChunk,
-        "is-last-in-chunk": _ctx.isLastInChunk,
-        "is-hidden-message-avatar": _ctx.isHiddenMessageAvatar,
-        "is-hidden-message-meta": _ctx.isHiddenMessageMeta
-      }, null, 8, ["message", "messageActionList", "alignment", "is-aggregated", "is-first-in-chunk", "is-last-in-chunk", "is-hidden-message-avatar", "is-hidden-message-meta"]);
-    };
+  setup(e) {
+    return (g, d) => (i(), a(t(n), {
+      message: e.message,
+      messageActionList: e.messageActionList,
+      alignment: e.alignment,
+      "is-aggregated": e.isAggregated,
+      "is-first-in-chunk": e.isFirstInChunk,
+      "is-last-in-chunk": e.isLastInChunk,
+      "is-hidden-message-avatar": e.isHiddenMessageAvatar,
+      "is-hidden-message-meta": e.isHiddenMessageMeta
+    }, null, 8, ["message", "messageActionList", "alignment", "is-aggregated", "is-first-in-chunk", "is-last-in-chunk", "is-hidden-message-avatar", "is-hidden-message-meta"]));
   }
 });
 export {
-  _sfc_main as Message
+  o as Message
 };