tuikit-atomicx-vue3 0.1.0

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

@@ -0,0 +1,3 @@
+import { default as CustomMessage } from './CustomMessage.vue';
+
+export { CustomMessage };

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

@@ -0,0 +1,4 @@
+import { _ } from "../../../../CustomMessage.vue_vue_type_script_setup_true_lang-CoK94Qxs.js";
+export {
+  _ as CustomMessage
+};

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

@@ -0,0 +1,28 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, createElementVNode } from "vue";
+import { c as cs } from "../../../../index-BF6QB9jF.js";
+import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _hoisted_1 = ["src", "alt"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FaceMessage",
+  props: {
+    message: { default: () => ({}) }
+  },
+  setup(__props) {
+    const props = __props;
+    const messageContent = props.message.getMessageContent();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(cs)("face-message"))
+      }, [
+        createElementVNode("img", {
+          src: unref(messageContent).url,
+          alt: unref(messageContent).name
+        }, null, 8, _hoisted_1)
+      ], 2);
+    };
+  }
+});
+const FaceMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1804a1b1"]]);
+export {
+  FaceMessage as default
+};

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

@@ -0,0 +1,30 @@
+import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
+
+interface IFaceMessageProps {
+    message: IMessageModel;
+}
+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;
+}>>> & Readonly<{}>, {
+    message: IMessageModel;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +1,3 @@
+import { default as FaceMessage } from './FaceMessage.vue';
+
+export { FaceMessage };

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

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

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

@@ -0,0 +1,83 @@
+import { defineComponent, createBlock, openBlock, unref, normalizeClass, withCtx, createVNode, createTextVNode, toDisplayString } from "vue";
+import { useUIKit, IconFile, IconDownload, TUIToast } from "@tencentcloud/uikit-base-component-vue3";
+import { c as cs } from "../../../../index-BF6QB9jF.js";
+import View from "../../../../baseComp/View/View.js";
+import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FileMessage",
+  props: {
+    message: { default: () => ({}) }
+  },
+  setup(__props) {
+    const { t } = useUIKit();
+    const props = __props;
+    const messageContent = props.message.getMessageContent();
+    const handleFileClick = async (event) => {
+      if (event.metaKey || event.ctrlKey) {
+        window.open(messageContent.url, "_blank");
+      } else {
+        try {
+          event.preventDefault();
+          const response = await fetch(messageContent.url);
+          if (!response.ok) {
+            throw new Error("Download failed");
+          }
+          const blob = await response.blob();
+          const blobUrl = window.URL.createObjectURL(blob);
+          const link = document.createElement("a");
+          link.href = blobUrl;
+          link.download = messageContent.name;
+          link.click();
+          window.URL.revokeObjectURL(blobUrl);
+        } catch {
+          TUIToast.error({
+            message: t("TUIChat.Download failed")
+          });
+        }
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(View), {
+        class: normalizeClass(unref(cs)("file-message")),
+        onClick: handleFileClick
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(View), { class: "file-message__icon" }, {
+            default: withCtx(() => [
+              createVNode(unref(IconFile))
+            ]),
+            _: 1
+          }),
+          createVNode(unref(View), { class: "file-message__middle" }, {
+            default: withCtx(() => [
+              createVNode(unref(View), { class: "file-message__name" }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(messageContent).name), 1)
+                ]),
+                _: 1
+              }),
+              createVNode(unref(View), { class: "file-message__size" }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(messageContent).size), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          createVNode(unref(View), { class: "file-message__download" }, {
+            default: withCtx(() => [
+              createVNode(unref(IconDownload))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+});
+const FileMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-277d6d0c"]]);
+export {
+  FileMessage as default
+};

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

@@ -0,0 +1,30 @@
+import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
+
+interface IFileMessageProps {
+    message: IMessageModel;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IFileMessageProps>, {
+    message: () => IMessageModel;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IFileMessageProps>, {
+    message: () => IMessageModel;
+}>>> & Readonly<{}>, {
+    message: IMessageModel;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +1,3 @@
+import { default as FileMessage } from './FileMessage.vue';
+
+export { FileMessage };

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

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

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

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../../../../GroupTipMessage.vue_vue_type_style_index_0_lang-BqyPcZln.js";
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,16 @@
+import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
+
+interface IGroupTipMessageProps {
+    message: IMessageModel;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IGroupTipMessageProps>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IGroupTipMessageProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -0,0 +1,3 @@
+import { default as GroupTipMessage } from './GroupTipMessage.vue';
+
+export { GroupTipMessage };

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

@@ -0,0 +1,4 @@
+import { _ } from "../../../../GroupTipMessage.vue_vue_type_style_index_0_lang-BqyPcZln.js";
+export {
+  _ as GroupTipMessage
+};

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

@@ -0,0 +1,194 @@
+import { defineComponent, computed, ref, watch, onMounted, onUnmounted, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createCommentVNode, createElementVNode, nextTick } from "vue";
+import { c as cs } from "../../../../index-BF6QB9jF.js";
+import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "image-placeholder"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "image-error"
+};
+const _hoisted_3 = ["alt"];
+const MAX_HEIGHT = 320;
+const MIN_HEIGHT = 50;
+const DEFAULT_ASPECT_RATIO = 4 / 3;
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ImageMessage",
+  props: {
+    message: {},
+    isLastMessage: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const messageContent = computed(() => props.message.getMessageContent());
+    const getInitialLoadingState = (url) => {
+      if (url.startsWith("blob:")) {
+        return "loading";
+      }
+      const img = new Image();
+      img.src = url;
+      if (img.complete && img.naturalWidth > 0) {
+        return "loaded";
+      }
+      return "loading";
+    };
+    const loadingState = ref(getInitialLoadingState(messageContent.value.url));
+    const naturalSize = ref(
+      messageContent.value.width && messageContent.value.height ? {
+        width: messageContent.value.width,
+        height: messageContent.value.height,
+        aspectRatio: messageContent.value.width / messageContent.value.height
+      } : null
+    );
+    const imageRef = ref(null);
+    const containerRef = ref(null);
+    let observerRef = null;
+    const isBlobImage = computed(() => messageContent.value.url.startsWith("blob"));
+    const getImageDimensionsFromBlobImage = (url) => new Promise((resolve, reject) => {
+      const img = new Image();
+      img.onload = () => {
+        resolve({ width: img.naturalWidth, height: img.naturalHeight });
+      };
+      img.onerror = reject;
+      img.src = url;
+    });
+    const displaySize = computed(() => {
+      if (!naturalSize.value) {
+        return {
+          height: MAX_HEIGHT,
+          // Use max height to avoid size changes after loading
+          width: MAX_HEIGHT * DEFAULT_ASPECT_RATIO,
+          aspectRatio: DEFAULT_ASPECT_RATIO
+        };
+      }
+      const { width: originalWidth, height: originalHeight, aspectRatio } = naturalSize.value;
+      let finalWidth = originalWidth;
+      let finalHeight = originalHeight;
+      if (finalHeight > MAX_HEIGHT) {
+        finalHeight = MAX_HEIGHT;
+        finalWidth = finalHeight * aspectRatio;
+      }
+      if (finalHeight < MIN_HEIGHT) {
+        finalHeight = MIN_HEIGHT;
+        finalWidth = finalHeight * aspectRatio;
+      }
+      return {
+        width: finalWidth,
+        height: finalHeight,
+        aspectRatio
+      };
+    });
+    const initializeLazyLoading = async () => {
+      await nextTick();
+      if (!imageRef.value) {
+        return;
+      }
+      if (loadingState.value === "loaded") {
+        imageRef.value.src = messageContent.value.url;
+        return;
+      }
+      observerRef = new IntersectionObserver((entries) => {
+        if (entries[0].isIntersecting) {
+          if (imageRef.value) {
+            imageRef.value.src = messageContent.value.url;
+          }
+          if (observerRef) {
+            observerRef.disconnect();
+          }
+        }
+      }, { threshold: 0.1 });
+      observerRef.observe(imageRef.value);
+    };
+    const fetchBlobDimensions = async () => {
+      if (isBlobImage.value && !naturalSize.value) {
+        try {
+          const dimensions = await getImageDimensionsFromBlobImage(messageContent.value.url);
+          if (dimensions) {
+            naturalSize.value = {
+              width: dimensions.width,
+              height: dimensions.height,
+              aspectRatio: dimensions.width / dimensions.height
+            };
+          }
+        } catch (_error) {
+          naturalSize.value = {
+            width: 400,
+            height: 300,
+            aspectRatio: DEFAULT_ASPECT_RATIO
+          };
+        }
+      }
+    };
+    const handleImageLoad = (e) => {
+      const img = e.target;
+      if (!naturalSize.value || isBlobImage.value) {
+        naturalSize.value = {
+          width: img.naturalWidth,
+          height: img.naturalHeight,
+          aspectRatio: img.naturalWidth / img.naturalHeight
+        };
+      }
+      loadingState.value = "loaded";
+    };
+    const handleImageError = () => {
+      loadingState.value = "error";
+    };
+    watch(() => messageContent.value.url, () => {
+      loadingState.value = getInitialLoadingState(messageContent.value.url);
+      naturalSize.value = messageContent.value.width && messageContent.value.height ? {
+        width: messageContent.value.width,
+        height: messageContent.value.height,
+        aspectRatio: messageContent.value.width / messageContent.value.height
+      } : null;
+      initializeLazyLoading();
+      fetchBlobDimensions();
+    });
+    onMounted(() => {
+      initializeLazyLoading();
+      fetchBlobDimensions();
+    });
+    onUnmounted(() => {
+      if (observerRef) {
+        observerRef.disconnect();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "containerRef",
+        ref: containerRef,
+        class: normalizeClass(unref(cs)("image-message", {
+          "image-message--loading": loadingState.value === "loading",
+          "image-message--error": loadingState.value === "error",
+          "image-message--loaded": loadingState.value === "loaded"
+        })),
+        style: normalizeStyle({
+          width: `${displaySize.value.width}px`,
+          height: `${displaySize.value.height}px`,
+          aspectRatio: `${displaySize.value.aspectRatio}`
+        })
+      }, [
+        loadingState.value === "loading" ? (openBlock(), createElementBlock("div", _hoisted_1)) : createCommentVNode("", true),
+        loadingState.value === "error" ? (openBlock(), createElementBlock("div", _hoisted_2, _cache[0] || (_cache[0] = [
+          createElementVNode("div", { class: "image-error__icon" }, null, -1),
+          createElementVNode("span", { class: "image-error__text" }, "Load failed", -1)
+        ]))) : createCommentVNode("", true),
+        createElementVNode("img", {
+          ref_key: "imageRef",
+          ref: imageRef,
+          class: normalizeClass(unref(cs)("image", {
+            "image--visible": loadingState.value === "loaded"
+          })),
+          alt: messageContent.value.showName || "image message",
+          loading: "lazy",
+          onLoad: handleImageLoad,
+          onError: handleImageError
+        }, null, 42, _hoisted_3)
+      ], 6);
+    };
+  }
+});
+const ImageMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6fb58367"]]);
+export {
+  ImageMessage as default
+};

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

@@ -0,0 +1,31 @@
+import { IMessageModel as MessageModel } from '@tencentcloud/chat-uikit-engine';
+
+interface ImageMessageProps {
+    message: MessageModel;
+    isLastMessage?: boolean;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ImageMessageProps>, {
+    isLastMessage: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ImageMessageProps>, {
+    isLastMessage: boolean;
+}>>> & Readonly<{}>, {
+    isLastMessage: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +1,3 @@
+import { default as ImageMessage } from './ImageMessage.vue';
+
+export { ImageMessage };

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

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

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

@@ -0,0 +1,9 @@
+import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _sfc_main = {};
+function _sfc_render(_ctx, _cache) {
+  return " [Location Message] ";
+}
+const LocationMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  LocationMessage as default
+};

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

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,3 @@
+import { default as LocationMessage } from './LocationMessage.vue';
+
+export { LocationMessage };

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

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

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

@@ -0,0 +1,9 @@
+import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _sfc_main = {};
+function _sfc_render(_ctx, _cache) {
+  return " [Merger Message] ";
+}
+const MergerMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  MergerMessage as default
+};

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

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,3 @@
+import { default as MergerMessage } from './MergerMessage.vue';
+
+export { MergerMessage };

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

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

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

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../../../Message.vue_vue_type_script_setup_true_lang-BV0PxtjX.js";
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,56 @@
+import { MessageAction } from '../../../hooks/useMessageActions';
+import { IMessageModel as MessageModel } from '@tencentcloud/chat-uikit-engine';
+
+interface MessageProps {
+    message: MessageModel;
+    alignment?: 'left' | 'right' | 'two-sided';
+    messageActionList?: MessageAction[] | undefined;
+    isAggregated?: boolean;
+    isFirstInChunk?: boolean;
+    isLastInChunk?: boolean;
+    isHiddenMessageAvatar?: boolean;
+    isHiddenMessageMeta?: boolean;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MessageProps>, {
+    alignment: string;
+    messageActionList: undefined;
+    isAggregated: boolean;
+    isFirstInChunk: undefined;
+    isLastInChunk: undefined;
+    isHiddenMessageAvatar: boolean;
+    isHiddenMessageMeta: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<MessageProps>, {
+    alignment: string;
+    messageActionList: undefined;
+    isAggregated: boolean;
+    isFirstInChunk: undefined;
+    isLastInChunk: undefined;
+    isHiddenMessageAvatar: boolean;
+    isHiddenMessageMeta: boolean;
+}>>> & Readonly<{}>, {
+    isLastInChunk: boolean;
+    messageActionList: MessageAction[];
+    alignment: "left" | "right" | "two-sided";
+    isAggregated: boolean;
+    isHiddenMessageAvatar: boolean;
+    isHiddenMessageMeta: boolean;
+    isFirstInChunk: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};