tuikit-atomicx-vue3 0.1.0 → 3.3.0-beta.3

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

@@ -2,9 +2,9 @@ import { defineComponent, computed, createBlock, openBlock, unref, withCtx, crea
 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 from "../../../../baseComp/View/View.js";
-import { safeJSONParse } from "../../../../utils/json.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 = {
@@ -46,7 +46,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         const messageModel = TUIStore.getMessageModel(messageID);
         if (isOriginMessageHasRecalled.value || !messageModel || messageModel.isDeleted || messageModel.isRevoked) {
           TUIToast.error({
-            message: t("TUIChat.Message has been deleted or recalled")
+            message: t("MessageList.origin_message_has_been_recalled")
           });
           return;
         }
@@ -66,9 +66,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(View), { class: "text-message" }, {
+      return openBlock(), createBlock(unref(_sfc_main$1), { class: "text-message" }, {
         default: withCtx(() => [
-          referencedInfo.value.content ? (openBlock(), createBlock(unref(View), {
+          referencedInfo.value.content ? (openBlock(), createBlock(unref(_sfc_main$1), {
             key: 0,
             class: normalizeClass(unref(cs)("text-message__reference", {
               "text-danger": isOriginMessageHasRecalled.value
@@ -77,15 +77,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, {
             default: withCtx(() => [
               isOriginMessageHasRecalled.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                createTextVNode(toDisplayString(unref(t)("TUIChat.origin message has been recalled")), 1)
+                createTextVNode(toDisplayString(unref(t)("MessageList.origin_message_has_been_recalled")), 1)
               ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                createVNode(unref(View), { class: "text-message__reference__header" }, {
+                createVNode(unref(_sfc_main$1), { class: "text-message__reference__header" }, {
                   default: withCtx(() => [
                     createTextVNode(toDisplayString(referencedInfo.value.sender), 1)
                   ]),
                   _: 1
                 }),
-                createVNode(unref(View), { class: "text-message__reference__content" }, {
+                createVNode(unref(_sfc_main$1), { class: "text-message__reference__content" }, {
                   default: withCtx(() => [
                     createTextVNode(toDisplayString(referencedInfo.value.content), 1)
                   ]),
@@ -95,7 +95,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 8, ["class"])) : createCommentVNode("", true),
-          createVNode(unref(View), { class: "text-message__content" }, {
+          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 }, [
@@ -116,7 +116,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TextMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2884d10b"]]);
+const TextMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f201397f"]]);
 export {
   TextMessage as default
 };

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

@@ -1,6 +1,6 @@
 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 from "../../../../baseComp/View/View.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 = {
   key: 0,
@@ -71,7 +71,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       } : null;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(View), {
+      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,

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

@@ -1,4 +1,32 @@
-import { _ } from "../../../Message.vue_vue_type_script_setup_true_lang-BV0PxtjX.js";
+import { defineComponent, createBlock, openBlock, unref } from "vue";
+import MessageLayout from "./MessageLayout/MessageLayout.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Message",
+  props: {
+    message: {},
+    alignment: { default: "two-sided" },
+    messageActionList: { default: void 0 },
+    isAggregated: { type: Boolean, default: false },
+    isFirstInChunk: { type: Boolean, default: void 0 },
+    isLastInChunk: { type: Boolean, default: void 0 },
+    isHiddenMessageAvatar: { type: Boolean, default: false },
+    isHiddenMessageMeta: { type: Boolean, default: false }
+  },
+  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"]);
+    };
+  }
+});
 export {
-  _ as Message
+  _sfc_main as Message
 };

package/dist/components/MessageList/MessageForward/ForwardListItem.js

@@ -1,9 +1,9 @@
 import { defineComponent, computed, createBlock, openBlock, unref, normalizeClass, withCtx, createVNode, createCommentVNode, createTextVNode, toDisplayString } from "vue";
 import { IconCheckSm } from "@tencentcloud/uikit-base-component-vue3";
 import { c as cs } from "../../../index-BF6QB9jF.js";
-import View from "../../../baseComp/View/View.js";
-import { useConversationListState } from "../../../states/ConversationListState/ConversationListState.js";
+import { View as _sfc_main$1 } from "../../../baseComp/View/index.js";
 import Avatar from "../../Avatar/Avatar.js";
+import { useConversationListState } from "../../../states/ConversationListState/ConversationListState.js";
 import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ForwardListItem",
@@ -27,7 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return (_a = conversation.value) == null ? void 0 : _a.getAvatar();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(View), {
+      return openBlock(), createBlock(unref(_sfc_main$1), {
         class: normalizeClass(unref(cs)("forward-list-item", { "forward-list-item--selected": props.isSelected }))
       }, {
         default: withCtx(() => [
@@ -35,9 +35,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             src: conversationAvatar.value,
             style: { marginRight: "8px" }
           }, null, 8, ["src"]),
-          createVNode(unref(View), { class: "forward-item__info" }, {
+          createVNode(unref(_sfc_main$1), { class: "forward-item__info" }, {
             default: withCtx(() => [
-              createVNode(unref(View), { class: "forward-item__name" }, {
+              createVNode(unref(_sfc_main$1), { class: "forward-item__name" }, {
                 default: withCtx(() => [
                   createTextVNode(toDisplayString(conversationName.value), 1)
                 ]),

package/dist/components/MessageList/MessageForward/MessageForward.js

@@ -1,11 +1,12 @@
 import { defineComponent, ref, computed, createBlock, openBlock, unref, withCtx, createVNode, createElementVNode, toDisplayString, createTextVNode } from "vue";
-import ChatEngine from "@tencentcloud/chat-uikit-engine";
+import TUIChatEngine from "@tencentcloud/chat-uikit-engine";
 import { useUIKit, IconClose, TUIToast, TUIButton } from "@tencentcloud/uikit-base-component-vue3";
 import Modal from "../../../baseComp/Modal/Modal.js";
-import View from "../../../baseComp/View/View.js";
+import { View as _sfc_main$1 } from "../../../baseComp/View/index.js";
+import "../../UserPicker/index.js";
+import UserPicker from "../../UserPicker/UserPicker.js";
 import { useConversationListState } from "../../../states/ConversationListState/ConversationListState.js";
 import { useMessageActionState } from "../../../states/MessageActionState/MessageActionState.js";
-import UserPicker from "../../UserPicker/UserPicker.js";
 import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _hoisted_1 = { class: "forward-header__title" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -33,11 +34,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           label: "",
           avatarUrl: conversation.getAvatar() || ""
         };
-        if (type === ChatEngine.TYPES.CONV_C2C) {
+        if (type === TUIChatEngine.TYPES.CONV_C2C) {
           const userDisplayName = remark || (userProfile == null ? void 0 : userProfile.nick) || (userProfile == null ? void 0 : userProfile.userID);
           userPickerRow.label = userDisplayName || "";
         }
-        if (type === ChatEngine.TYPES.CONV_GROUP) {
+        if (type === TUIChatEngine.TYPES.CONV_GROUP) {
           const groupDisplayName = (groupProfile == null ? void 0 : groupProfile.name) || (groupProfile == null ? void 0 : groupProfile.groupID);
           userPickerRow.label = groupDisplayName || "";
         }
@@ -76,7 +77,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onOnClose: closeMessageForward
       }, {
         default: withCtx(() => [
-          createVNode(unref(View), {
+          createVNode(unref(_sfc_main$1), {
             class: "forward-header",
             dir: "row"
           }, {
@@ -86,11 +87,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 class: "forward-header__close",
                 onClick: closeMessageForward
               }),
-              createElementVNode("span", _hoisted_1, toDisplayString(unref(t)("TUIChat.Forward")), 1),
+              createElementVNode("span", _hoisted_1, toDisplayString(unref(t)("MessageList.forward")), 1),
               _cache[0] || (_cache[0] = createElementVNode("div", { class: "forward-header__placeholder" }, null, -1))
             ]),
-            _: 1,
-            __: [0]
+            _: 1
           }),
           createVNode(unref(UserPicker), {
             ref_key: "userPickerRef",
@@ -101,21 +101,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "on-selected-change": handleSelectedChange,
             "on-max-count-exceed": () => {
               unref(TUIToast).error({
-                message: unref(t)("TUIChat.Max Count Exceed")
+                message: unref(t)("MessageList.max_count_exceed")
               });
             }
           }, null, 8, ["data-source", "on-max-count-exceed"]),
-          createVNode(unref(View), { class: "forward-footer" }, {
+          createVNode(unref(_sfc_main$1), { class: "forward-footer" }, {
             default: withCtx(() => [
               createVNode(unref(TUIButton), {
-                shape: "rect",
+                radius: "rect",
                 color: "blue",
                 type: "primary",
                 disabled: isDisableConfirm.value,
                 onClick: forward
               }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(unref(t)("TUIChat.Forward")), 1)
+                  createTextVNode(toDisplayString(unref(t)("MessageList.forward")), 1)
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -128,7 +128,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MessageForward = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9b5e8b75"]]);
+const MessageForward = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-913cb71e"]]);
 export {
   MessageForward as default
 };

package/dist/components/MessageList/MessageList.js

@@ -1,14 +1,15 @@
-import { defineComponent, useSlots, provide, ref, computed, watch, nextTick, onMounted, onUnmounted, createElementBlock, openBlock, Fragment, createElementVNode, createVNode, unref, withCtx, renderList, createBlock, normalizeClass, resolveDynamicComponent } from "vue";
+import { defineComponent, useSlots, provide, ref, computed, watch, nextTick, onMounted, onUnmounted, createElementBlock, openBlock, createElementVNode, createVNode, createBlock, createCommentVNode, unref, withCtx, Fragment, renderList, normalizeClass, resolveDynamicComponent } from "vue";
 import { c as cs } from "../../index-BF6QB9jF.js";
 import ObserverView from "../../baseComp/ObserverView/ObserverView.js";
-import View from "../../baseComp/View/View.js";
+import { View as _sfc_main$1 } from "../../baseComp/View/index.js";
 import { useScroll } from "../../hooks/useScroll.js";
-import { useMessageListState } from "../../states/MessageListState/MessageListState.js";
 import { throttle } from "../../utils/lodash.js";
-import { _ as _sfc_main$1 } from "../../Message.vue_vue_type_script_setup_true_lang-BV0PxtjX.js";
+import { Message as _sfc_main$2 } from "./Message/index.js";
 import MessageForward from "./MessageForward/MessageForward.js";
 import { MessageListContextSymbol } from "./MessageListContext.js";
 import DefaultMessageTimeDivider from "./MessageTimeDivider/MessageTimeDivider.js";
+import ScrollToBottom from "./ScrollToBottom/ScrollToBottom.js";
+import { useMessageListState } from "../../states/MessageListState/MessageListState.js";
 import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _hoisted_1 = { class: "message-list" };
 const _hoisted_2 = { class: "message-chunk" };
@@ -32,6 +33,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const distanceToBottom = ref(0);
     const isLoadingHistory = ref(false);
     const scrollContainer = ref(null);
+    const isScrollToBottomVisible = ref(false);
     const storeDistanceToBottom = ref(0);
     const {
       messageList,
@@ -79,14 +81,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       distanceToBottom.value = scrollContainer.value.scrollHeight - scrollContainer.value.scrollTop - scrollContainer.value.clientHeight;
       if (distanceToBottom.value > autoScrollThreshold) {
         setIsDisableScroll(true);
+        isScrollToBottomVisible.value = true;
       }
       if (distanceToBottom.value < autoScrollThreshold) {
         setIsDisableScroll(false);
+        isScrollToBottomVisible.value = false;
       }
     }, 100);
     const initializeMessageList = async () => {
       isFinishFirstRender.value = false;
       setIsDisableScroll(false);
+      isScrollToBottomVisible.value = false;
     };
     const loadMoreHistory = async () => {
       var _a;
@@ -146,67 +151,69 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("div", _hoisted_1, [
-          createElementVNode("div", {
-            id: "messageScrollList",
-            ref_key: "scrollContainer",
-            ref: scrollContainer,
-            class: "message-list-container"
-          }, [
-            createVNode(unref(ObserverView), {
-              root: "#messageScrollList",
-              rootMargin: "50px 0px 0px 0px",
-              threshold: 0.1,
-              onOnShow: loadMoreHistory
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          id: "messageScrollList",
+          ref_key: "scrollContainer",
+          ref: scrollContainer,
+          class: "message-list-container"
+        }, [
+          createVNode(unref(ObserverView), {
+            root: "#messageScrollList",
+            rootMargin: "50px 0px 0px 0px",
+            threshold: 0.1,
+            onOnShow: loadMoreHistory
+          }, {
+            default: withCtx(() => [..._cache[1] || (_cache[1] = [
+              createElementVNode("div", { id: "loadMore" }, null, -1)
+            ])]),
+            _: 1
+          }),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(messageChunks.value, (chunk, chunkIndex) => {
+            return openBlock(), createBlock(unref(_sfc_main$1), {
+              key: chunk.key,
+              class: normalizeClass(unref(cs)("message-chunk--container"))
             }, {
-              default: withCtx(() => _cache[0] || (_cache[0] = [
-                createElementVNode("div", { id: "loadMore" }, null, -1)
-              ])),
-              _: 1,
-              __: [0]
-            }),
-            (openBlock(true), createElementBlock(Fragment, null, renderList(messageChunks.value, (chunk, chunkIndex) => {
-              return openBlock(), createBlock(unref(View), {
-                key: chunk.key,
-                class: normalizeClass(unref(cs)("message-chunk--container"))
-              }, {
-                default: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent(props.MessageTimeDivider || unref(DefaultMessageTimeDivider)), {
-                    "previous-message": chunkIndex > 0 ? messageChunks.value[chunkIndex - 1].messages[0] : void 0,
-                    message: chunk.messages[0]
-                  }, null, 8, ["previous-message", "message"])),
-                  createElementVNode("div", _hoisted_2, [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(chunk.messages, (message, messageIndex) => {
-                      return openBlock(), createBlock(resolveDynamicComponent(props.Message || unref(_sfc_main$1)), {
-                        key: message.ID,
-                        message,
-                        alignment: props.alignment,
-                        messageActionList: props.messageActionList,
-                        isAggregated: Boolean(enableMessageAggregation.value && messageIndex !== chunk.messages.length - 1),
-                        "is-first-in-chunk": Boolean(messageIndex === 0),
-                        "is-last-in-chunk": Boolean(messageIndex === chunk.messages.length - 1),
-                        isHiddenMessageAvatar: Boolean(
-                          _ctx.alignment === "two-sided" ? enableMessageAggregation.value && messageIndex !== chunk.messages.length - 1 || message.flow === "out" : enableMessageAggregation.value && messageIndex !== chunk.messages.length - 1
-                        ),
-                        isHiddenMessageMeta: Boolean(
-                          enableMessageAggregation.value && messageIndex !== chunk.messages.length - 1
-                        )
-                      }, null, 8, ["message", "alignment", "messageActionList", "isAggregated", "is-first-in-chunk", "is-last-in-chunk", "isHiddenMessageAvatar", "isHiddenMessageMeta"]);
-                    }), 128))
-                  ])
-                ]),
-                _: 2
-              }, 1032, ["class"]);
-            }), 128))
-          ], 512)
-        ]),
-        createVNode(unref(MessageForward))
-      ], 64);
+              default: withCtx(() => [
+                (openBlock(), createBlock(resolveDynamicComponent(props.MessageTimeDivider || unref(DefaultMessageTimeDivider)), {
+                  "previous-message": chunkIndex > 0 ? messageChunks.value[chunkIndex - 1].messages[0] : void 0,
+                  message: chunk.messages[0]
+                }, null, 8, ["previous-message", "message"])),
+                createElementVNode("div", _hoisted_2, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(chunk.messages, (message, messageIndex) => {
+                    return openBlock(), createBlock(resolveDynamicComponent(props.Message || unref(_sfc_main$2)), {
+                      key: message.ID,
+                      message,
+                      alignment: props.alignment,
+                      messageActionList: props.messageActionList,
+                      isAggregated: Boolean(enableMessageAggregation.value && messageIndex !== chunk.messages.length - 1),
+                      "is-first-in-chunk": Boolean(messageIndex === 0),
+                      "is-last-in-chunk": Boolean(messageIndex === chunk.messages.length - 1),
+                      isHiddenMessageAvatar: Boolean(
+                        _ctx.alignment === "two-sided" ? enableMessageAggregation.value && messageIndex !== chunk.messages.length - 1 || message.flow === "out" : enableMessageAggregation.value && messageIndex !== chunk.messages.length - 1
+                      ),
+                      isHiddenMessageMeta: Boolean(
+                        enableMessageAggregation.value && messageIndex !== chunk.messages.length - 1
+                      )
+                    }, null, 8, ["message", "alignment", "messageActionList", "isAggregated", "is-first-in-chunk", "is-last-in-chunk", "isHiddenMessageAvatar", "isHiddenMessageMeta"]);
+                  }), 128))
+                ])
+              ]),
+              _: 2
+            }, 1032, ["class"]);
+          }), 128))
+        ], 512),
+        createVNode(unref(MessageForward)),
+        isScrollToBottomVisible.value ? (openBlock(), createBlock(unref(ScrollToBottom), {
+          key: 0,
+          class: normalizeClass(unref(cs)("scroll-to-bottom")),
+          onClick: _cache[0] || (_cache[0] = ($event) => unref(scrollToBottom)({ behavior: "smooth" }))
+        }, null, 8, ["class"])) : createCommentVNode("", true)
+      ]);
     };
   }
 });
-const MessageList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e0764a88"]]);
+const MessageListComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7ced8e4a"]]);
 export {
-  MessageList as default
+  MessageListComponent as default
 };

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

@@ -2,7 +2,7 @@ import { Component } from 'vue';
 import { MessageAction } from '../../hooks/useMessageActions';
 import { IMessageModel as MessageModel } from '@tencentcloud/chat-uikit-engine';
 
-interface IMessageListProps {
+interface MessageListProps {
     alignment?: 'left' | 'right' | 'two-sided';
     /** max time between message group */
     messageAggregationTime?: number | undefined;
@@ -17,7 +17,7 @@ interface IMessageListProps {
     /** custom message timeline component */
     MessageTimeDivider?: Component | undefined;
 }
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IMessageListProps>, {
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MessageListProps>, {
     /** props */
     alignment: string;
     messageAggregationTime: number;
@@ -27,7 +27,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     /** custom components */
     Message: undefined;
     MessageTimeDivider: undefined;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IMessageListProps>, {
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MessageListProps>, {
     /** props */
     alignment: string;
     messageAggregationTime: number;