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

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

@@ -1,23 +1,14 @@
 declare const AttachmentPicker: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    className: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
     attachmentPickerMode: {
         type: import('vue').PropType<"expanded" | "collapsed">;
         default: string;
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    className: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
     attachmentPickerMode: {
         type: import('vue').PropType<"expanded" | "collapsed">;
         default: string;
     };
 }>> & Readonly<{}>, {
-    className: string;
     attachmentPickerMode: "collapsed" | "expanded";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const FilePicker: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -247,16 +238,12 @@ declare const TextEditor: {
     autoFocus: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
-        prefix?(_: {}): any;
-        suffix?(_: {}): any;
+        inputPrefix?(_: {}): any;
+        inputSuffix?(_: {}): any;
     };
 });
 declare const MessageInput: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-        style: {
-            type: import('vue').PropType<import('vue').CSSProperties>;
-            default: () => {};
-        };
         slots: {
             type: import('vue').PropType<import('./types').MessageInputSlots>;
         };
@@ -268,10 +255,6 @@ declare const MessageInput: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
-        className: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
         autoFocus: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -289,10 +272,8 @@ declare const MessageInput: {
             default: boolean;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        style: import('vue').CSSProperties;
         placeholder: string;
         disabled: boolean;
-        className: string;
         autoFocus: boolean;
         actions: import('./types').MessageInputActions;
         attachmentPickerMode: import('./types').MessageInputAttachmentPickerMode;
@@ -305,10 +286,6 @@ declare const MessageInput: {
         M: {};
         Defaults: {};
     }, Readonly<import('vue').ExtractPropTypes<{
-        style: {
-            type: import('vue').PropType<import('vue').CSSProperties>;
-            default: () => {};
-        };
         slots: {
             type: import('vue').PropType<import('./types').MessageInputSlots>;
         };
@@ -320,10 +297,6 @@ declare const MessageInput: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
-        className: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
         autoFocus: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -341,10 +314,8 @@ declare const MessageInput: {
             default: boolean;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, {
-        style: import('vue').CSSProperties;
         placeholder: string;
         disabled: boolean;
-        className: string;
         autoFocus: boolean;
         actions: import('./types').MessageInputActions;
         attachmentPickerMode: import('./types').MessageInputAttachmentPickerMode;
@@ -354,10 +325,6 @@ declare const MessageInput: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-    style: {
-        type: import('vue').PropType<import('vue').CSSProperties>;
-        default: () => {};
-    };
     slots: {
         type: import('vue').PropType<import('./types').MessageInputSlots>;
     };
@@ -369,10 +336,6 @@ declare const MessageInput: {
         type: import('vue').PropType<boolean>;
         default: boolean;
     };
-    className: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
     autoFocus: {
         type: import('vue').PropType<boolean>;
         default: boolean;
@@ -390,10 +353,8 @@ declare const MessageInput: {
         default: boolean;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    style: import('vue').CSSProperties;
     placeholder: string;
     disabled: boolean;
-    className: string;
     autoFocus: boolean;
     actions: import('./types').MessageInputActions;
     attachmentPickerMode: import('./types').MessageInputAttachmentPickerMode;
@@ -402,6 +363,9 @@ declare const MessageInput: {
     $slots: {
         headerToolbar?(_: {}): any;
         leftInline?(_: {}): any;
+        textEditor?(_: {}): any;
+        inputPrefix?(_: {}): any;
+        inputSuffix?(_: {}): any;
         rightInline?(_: {}): any;
         footerToolbar?(_: {}): any;
     };

package/dist/components/MessageInput/index.js

@@ -1,10 +1,10 @@
 import { AttachmentPicker as _sfc_main$1 } from "./AttachmentPicker/index.js";
-import { _ as _sfc_main$2 } from "../../FilePicker.vue_vue_type_script_setup_true_lang-CaSj3Gh_.js";
-import { _ as _sfc_main$3 } from "../../ImagePicker.vue_vue_type_script_setup_true_lang-CrzGMmrh.js";
-import { _ as _sfc_main$4 } from "../../VideoPicker.vue_vue_type_script_setup_true_lang-DTv6TJKr.js";
+import { _ as _sfc_main$2 } from "../../FilePicker.vue_vue_type_script_setup_true_lang-CdJ4DUzE.js";
+import { _ as _sfc_main$3 } from "../../ImagePicker.vue_vue_type_script_setup_true_lang-CbNUofpK.js";
+import { _ as _sfc_main$4 } from "../../VideoPicker.vue_vue_type_script_setup_true_lang-CmxjbNDJ.js";
 import EmojiPickerComponent from "./EmojiPicker/EmojiPicker.js";
 import { TextEditor as _sfc_main$5 } from "./TextEditor/index.js";
-import { _ as _sfc_main } from "../../MessageInput.vue_vue_type_script_setup_true_lang-XRL7A5Gj.js";
+import { _ as _sfc_main } from "../../MessageInput.vue_vue_type_script_setup_true_lang-wUJPjWbx.js";
 import { addI18n } from "../../i18n/index.js";
 import { resources } from "./i18n/index.js";
 addI18n("en-US", { translation: { MessageInput: resources["en-US"] } });

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

@@ -1,9 +1,9 @@
-import { defineComponent } from "vue";
+import { defineComponent, createElementBlock, openBlock } from "vue";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "CustomMessage",
   setup(__props) {
     return (_ctx, _cache) => {
-      return " [Custom Message] ";
+      return openBlock(), createElementBlock("div", null, "undefined custom Message");
     };
   }
 });

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

@@ -8,21 +8,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     message: { default: () => ({}) }
   },
   setup(__props) {
-    const props = __props;
-    const messageContent = props.message.getMessageContent();
+    const messageContent = {
+      url: "https://web.sdk.qcloud.com/im/assets/face-elem/yz13@2x.png",
+      name: "yz13@2x"
+    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(unref(cs)("face-message"))
       }, [
         createElementVNode("img", {
-          src: unref(messageContent).url,
-          alt: unref(messageContent).name
+          src: messageContent.url,
+          alt: messageContent.name
         }, null, 8, _hoisted_1)
       ], 2);
     };
   }
 });
-const FaceMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1804a1b1"]]);
+const FaceMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-eb892ba9"]]);
 export {
   FaceMessage as default
 };

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

@@ -1,14 +1,14 @@
-import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
+import { MessageModel } from '../../../../types/engine';
 
-interface IFaceMessageProps {
-    message: IMessageModel;
+interface FaceMessageProps {
+    message: MessageModel;
 }
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IFaceMessageProps>, {
-    message: () => IMessageModel;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IFaceMessageProps>, {
-    message: () => IMessageModel;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FaceMessageProps>, {
+    message: () => MessageModel;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FaceMessageProps>, {
+    message: () => MessageModel;
 }>>> & Readonly<{}>, {
-    message: IMessageModel;
+    message: MessageModel;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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

@@ -1,7 +1,8 @@
+import { createElementBlock, openBlock } from "vue";
 import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _sfc_main = {};
 function _sfc_render(_ctx, _cache) {
-  return " [Location Message] ";
+  return openBlock(), createElementBlock("div", null, " [undefined location Message] ");
 }
 const LocationMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

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

@@ -1,7 +1,8 @@
+import { createElementBlock, openBlock } from "vue";
 import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _sfc_main = {};
 function _sfc_render(_ctx, _cache) {
-  return " [Merger Message] ";
+  return openBlock(), createElementBlock("div", null, "undefined merger Message");
 }
 const MergerMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

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

@@ -251,9 +251,11 @@ var RovingFocusGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
         if (!entryFocusEvent.defaultPrevented) {
           const items = getItems().map((i) => i.ref).filter((i) => i.dataset.disabled !== "");
           const activeItem = items.find((item) => item.getAttribute("data-active") === "");
+          const highlightedItem = items.find((item) => item.getAttribute("data-highlighted") === "");
           const currentItem = items.find((item) => item.id === currentTabStopId.value);
           const candidateItems = [
             activeItem,
+            highlightedItem,
             currentItem,
             ...items
           ].filter(Boolean);
@@ -1263,6 +1265,11 @@ var ContextMenuRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
   inheritAttrs: false,
   __name: "ContextMenuRoot",
   props: {
+    pressOpenDelay: {
+      type: Number,
+      required: false,
+      default: 700
+    },
     dir: {
       type: String,
       required: false
@@ -1277,7 +1284,7 @@ var ContextMenuRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const { dir: propDir, modal } = toRefs(props);
+    const { dir: propDir, modal, pressOpenDelay } = toRefs(props);
     useForwardExpose();
     const dir = useDirection(propDir);
     const open = ref(false);
@@ -1289,7 +1296,8 @@ var ContextMenuRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
       },
       dir,
       modal,
-      triggerElement
+      triggerElement,
+      pressOpenDelay
     });
     watch(open, (value) => {
       emits("update:open", value);
@@ -1565,7 +1573,7 @@ var ContextMenuTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
         await nextTick();
         if (isTouchOrPen(event) && !event.defaultPrevented) {
           clearLongPress();
-          longPressTimer.value = window.setTimeout(() => handleOpen(event), 700);
+          longPressTimer.value = window.setTimeout(() => handleOpen(event), rootContext.pressOpenDelay.value);
         }
       }
     }
@@ -1698,7 +1706,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MessageActionDropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2fb5c178"]]);
+const MessageActionDropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6c925a96"]]);
 export {
   MessageActionDropdown as default
 };

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

@@ -1,17 +1,17 @@
 import { MessageAction } from '../../../../../hooks/useMessageActions';
 import { IMessageModel as MessageModel } from '@tencentcloud/chat-uikit-engine';
 
-interface IMessageActionDropdownProps {
+interface MessageActionDropdownProps {
     message: MessageModel;
     messageActionList?: MessageAction[] | undefined;
 }
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IMessageActionDropdownProps>, {
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MessageActionDropdownProps>, {
     messageActionList: undefined;
     message: () => MessageModel;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IMessageActionDropdownProps>, {
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MessageActionDropdownProps>, {
     messageActionList: undefined;
     message: () => MessageModel;
 }>>> & Readonly<{}>, {

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

@@ -3,8 +3,7 @@ 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 as _sfc_main$1 } from "../../../baseComp/View/index.js";
-import "../../UserPicker/index.js";
-import UserPicker from "../../UserPicker/UserPicker.js";
+import { UserPicker } from "../../UserPicker/index.js";
 import { useConversationListState } from "../../../states/ConversationListState/ConversationListState.js";
 import { useMessageActionState } from "../../../states/MessageActionState/MessageActionState.js";
 import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
@@ -128,7 +127,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MessageForward = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-913cb71e"]]);
+const MessageForward = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6d9a1f77"]]);
 export {
   MessageForward as default
 };

package/dist/components/MessageList/MessageList.js

@@ -40,7 +40,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       loadMoreOlderMessage,
       activeConversationID,
       isDisableScroll,
-      setIsDisableScroll
+      setIsDisableScroll,
+      setEnableReadReceipt
     } = useMessageListState();
     const { scrollToBottom } = useScroll();
     const enableMessageAggregation = computed(() => props.messageAggregationTime && props.messageAggregationTime > 0);
@@ -60,8 +61,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const MAX_TIME_BETWEEN_MESSAGE_GROUP = props.messageAggregationTime;
       filteredMessageList.forEach((message, index, messages) => {
         const messageTime = message.time;
-        const lastChunk = chunks[chunks.length - 1];
-        const shouldCreateNewChunk = !lastChunk || messageTime - lastChunk.timestamp > MAX_TIME_BETWEEN_MESSAGE_GROUP || lastChunk.messages[0].from !== message.from || message.isRevoked || index > 0 && messages[index - 1].isRevoked;
+        const lastChunk = chunks.length > 0 ? chunks[chunks.length - 1] : void 0;
+        const lastMessage = index > 0 ? messages[index - 1] : void 0;
+        const shouldCreateNewChunk = !lastChunk || messageTime - lastChunk.timestamp > MAX_TIME_BETWEEN_MESSAGE_GROUP || lastChunk.messages[0].from !== message.from || message.isRevoked || lastMessage && lastMessage.isRevoked || message.status === "fail" || lastMessage && lastMessage.status === "fail" || message.hasRiskContent || lastMessage && lastMessage.hasRiskContent;
         if (shouldCreateNewChunk) {
           chunks.push({
             timestamp: messageTime,
@@ -139,6 +141,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       }
     });
+    watch(() => props.enableReadReceipt, (newEnableReadReceipt) => {
+      setEnableReadReceipt(newEnableReadReceipt);
+    }, {
+      immediate: true
+    });
     onMounted(() => {
       if (scrollContainer.value) {
         scrollContainer.value.addEventListener("scroll", handleScroll);
@@ -176,9 +183,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, {
               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"])),
+                  previousMessage: chunkIndex > 0 ? messageChunks.value[chunkIndex - 1].messages[0] : void 0,
+                  currentMessage: chunk.messages[0]
+                }, null, 8, ["previousMessage", "currentMessage"])),
                 createElementVNode("div", _hoisted_2, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(chunk.messages, (message, messageIndex) => {
                     return openBlock(), createBlock(resolveDynamicComponent(props.Message || unref(_sfc_main$2)), {
@@ -213,7 +220,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MessageListComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7ced8e4a"]]);
+const MessageListComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cb526f87"]]);
 export {
   MessageListComponent as default
 };

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

@@ -39,11 +39,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     MessageTimeDivider: undefined;
 }>>> & Readonly<{}>, {
     filter: (message: MessageModel) => boolean;
+    enableReadReceipt: boolean;
     messageActionList: MessageAction[];
     Message: Component;
     messageAggregationTime: number;
     MessageTimeDivider: Component;
-    enableReadReceipt: boolean;
     alignment: "left" | "right" | "two-sided";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/MessageList/MessageTimeDivider/MessageTimeDivider.js

@@ -5,24 +5,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MessageTimeDivider",
   props: {
     previousMessage: { default: void 0 },
-    message: { default: () => ({}) }
+    currentMessage: { default: () => ({}) }
   },
   setup(__props) {
     const props = __props;
     const shouldShowTimeDivider = computed(() => {
       var _a, _b;
-      if (!((_a = props.message) == null ? void 0 : _a.time)) {
+      if (!((_a = props.currentMessage) == null ? void 0 : _a.time)) {
         return false;
       }
       const prevTime = ((_b = props.previousMessage) == null ? void 0 : _b.time) || 0;
-      const currentTime = props.message.time;
+      const currentTime = props.currentMessage.time;
       return currentTime - prevTime > 5 * 60;
     });
     const renderDefaultContent = () => {
       if (!shouldShowTimeDivider.value) {
         return h(Fragment, null, []);
       }
-      const currentTime = props.message.time;
+      const currentTime = props.currentMessage.time;
       return h("div", { class: "message-time-divider" }, [
         h("span", {}, getTimeStampAuto(currentTime * 1e3))
       ]);
@@ -32,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DefaultMessageTimeDivider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1f3e276c"]]);
+const DefaultMessageTimeDivider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3ccc6b1e"]]);
 export {
   DefaultMessageTimeDivider as default
 };

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

@@ -1,18 +1,18 @@
-import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
+import { MessageModel } from '../../../types';
 
-interface IMessageTimeDividerProps {
-    previousMessage: IMessageModel | undefined;
-    message: IMessageModel;
+interface MessageTimeDividerProps {
+    previousMessage: MessageModel | undefined;
+    currentMessage: MessageModel;
 }
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IMessageTimeDividerProps>, {
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MessageTimeDividerProps>, {
     previousMessage: undefined;
-    message: () => IMessageModel;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IMessageTimeDividerProps>, {
+    currentMessage: () => MessageModel;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MessageTimeDividerProps>, {
     previousMessage: undefined;
-    message: () => IMessageModel;
+    currentMessage: () => MessageModel;
 }>>> & Readonly<{}>, {
-    message: IMessageModel;
-    previousMessage: IMessageModel | undefined;
+    currentMessage: MessageModel;
+    previousMessage: MessageModel | undefined;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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

@@ -1,5 +1,143 @@
-import { Message } from './Message';
-import { MessageActionDropdown } from './Message/MessageLayout/MessageActionDropdown';
-import { default as MessageList } from './MessageList.vue';
-
-export { Message, MessageList, MessageActionDropdown, };
+declare const Message: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    message: {
+        type: import('vue').PropType<import('@tencentcloud/chat-uikit-engine').IMessageModel>;
+        required: true;
+    };
+    isLastInChunk: {
+        type: import('vue').PropType<boolean>;
+        default: undefined;
+    };
+    messageActionList: {
+        type: import('vue').PropType<import('../../hooks/useMessageActions').MessageAction[]>;
+        default: undefined;
+    };
+    alignment: {
+        type: import('vue').PropType<"left" | "right" | "two-sided">;
+        default: string;
+    };
+    isAggregated: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    isHiddenMessageAvatar: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    isHiddenMessageMeta: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    isFirstInChunk: {
+        type: import('vue').PropType<boolean>;
+        default: undefined;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    message: {
+        type: import('vue').PropType<import('@tencentcloud/chat-uikit-engine').IMessageModel>;
+        required: true;
+    };
+    isLastInChunk: {
+        type: import('vue').PropType<boolean>;
+        default: undefined;
+    };
+    messageActionList: {
+        type: import('vue').PropType<import('../../hooks/useMessageActions').MessageAction[]>;
+        default: undefined;
+    };
+    alignment: {
+        type: import('vue').PropType<"left" | "right" | "two-sided">;
+        default: string;
+    };
+    isAggregated: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    isHiddenMessageAvatar: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    isHiddenMessageMeta: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    isFirstInChunk: {
+        type: import('vue').PropType<boolean>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    isLastInChunk: boolean;
+    messageActionList: import('../../hooks/useMessageActions').MessageAction[];
+    alignment: "left" | "right" | "two-sided";
+    isAggregated: boolean;
+    isHiddenMessageAvatar: boolean;
+    isHiddenMessageMeta: boolean;
+    isFirstInChunk: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const MessageList: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    filter: {
+        type: import('vue').PropType<(message: import('@tencentcloud/chat-uikit-engine').IMessageModel) => boolean>;
+        default: undefined;
+    };
+    enableReadReceipt: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    messageActionList: {
+        type: import('vue').PropType<import('../../hooks/useMessageActions').MessageAction[]>;
+        default: undefined;
+    };
+    Message: {
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
+    };
+    messageAggregationTime: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    MessageTimeDivider: {
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
+    };
+    alignment: {
+        type: import('vue').PropType<"left" | "right" | "two-sided">;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    filter: {
+        type: import('vue').PropType<(message: import('@tencentcloud/chat-uikit-engine').IMessageModel) => boolean>;
+        default: undefined;
+    };
+    enableReadReceipt: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    messageActionList: {
+        type: import('vue').PropType<import('../../hooks/useMessageActions').MessageAction[]>;
+        default: undefined;
+    };
+    Message: {
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
+    };
+    messageAggregationTime: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    MessageTimeDivider: {
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
+    };
+    alignment: {
+        type: import('vue').PropType<"left" | "right" | "two-sided">;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    filter: (message: import('@tencentcloud/chat-uikit-engine').IMessageModel) => boolean;
+    enableReadReceipt: boolean;
+    messageActionList: import('../../hooks/useMessageActions').MessageAction[];
+    Message: import('vue').Component;
+    messageAggregationTime: number;
+    MessageTimeDivider: import('vue').Component;
+    alignment: "left" | "right" | "two-sided";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { Message, MessageList, };

package/dist/components/MessageList/index.js

@@ -1,12 +1,12 @@
-import { Message } from "./Message/index.js";
-import { default as default2 } from "./Message/MessageLayout/MessageActionDropdown/MessageActionDropdown.js";
-import { default as default3 } from "./MessageList.js";
+import { Message as _sfc_main } from "./Message/index.js";
+import MessageListComponent from "./MessageList.js";
 import { addI18n } from "../../i18n/index.js";
 import { resources } from "./i18n/index.js";
 addI18n("en-US", { translation: { MessageList: resources["en-US"] } });
 addI18n("zh-CN", { translation: { MessageList: resources["zh-CN"] } });
+const Message = _sfc_main;
+const MessageList = MessageListComponent;
 export {
   Message,
-  default2 as MessageActionDropdown,
-  default3 as MessageList
+  MessageList
 };