tuikit-atomicx-vue3 0.1.1 → 3.3.0

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

@@ -1,6 +1,373 @@
-import { AttachmentPicker, FilePicker, ImagePicker, VideoPicker } from './AttachmentPicker';
-import { EmojiPicker } from './EmojiPicker';
-import { default as MessageInput } from './MessageInput.vue';
-import { TextEditor } from './TextEditor';
-
-export { TextEditor, MessageInput, EmojiPicker, AttachmentPicker, FilePicker, ImagePicker, VideoPicker, };
+declare const AttachmentPicker: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    attachmentPickerMode: {
+        type: import('vue').PropType<"expanded" | "collapsed">;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    attachmentPickerMode: {
+        type: import('vue').PropType<"expanded" | "collapsed">;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    attachmentPickerMode: "collapsed" | "expanded";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const FilePicker: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    onClose: {
+        type: import('vue').PropType<() => void>;
+        default: () => void;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    style: {
+        type: import('vue').PropType<Record<string, string>>;
+        default: undefined;
+    };
+    className: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    iconSize: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    onClose: {
+        type: import('vue').PropType<() => void>;
+        default: () => void;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    style: {
+        type: import('vue').PropType<Record<string, string>>;
+        default: undefined;
+    };
+    className: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    iconSize: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    onClose: () => void;
+    label: string;
+    style: Record<string, string>;
+    className: string;
+    iconSize: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const ImagePicker: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    onClose: {
+        type: import('vue').PropType<() => void>;
+        default: () => void;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    style: {
+        type: import('vue').PropType<Record<string, string>>;
+        default: undefined;
+    };
+    className: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    iconSize: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    onClose: {
+        type: import('vue').PropType<() => void>;
+        default: () => void;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    style: {
+        type: import('vue').PropType<Record<string, string>>;
+        default: undefined;
+    };
+    className: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    iconSize: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    onClose: () => void;
+    label: string;
+    style: Record<string, string>;
+    className: string;
+    iconSize: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const VideoPicker: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    onClose: {
+        type: import('vue').PropType<() => void>;
+        default: () => void;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    style: {
+        type: import('vue').PropType<Record<string, string>>;
+        default: undefined;
+    };
+    className: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    iconSize: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    onClose: {
+        type: import('vue').PropType<() => void>;
+        default: () => void;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    style: {
+        type: import('vue').PropType<Record<string, string>>;
+        default: undefined;
+    };
+    className: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    iconSize: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    onClose: () => void;
+    label: string;
+    style: Record<string, string>;
+    className: string;
+    iconSize: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const EmojiPicker: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    triggerStyle: {
+        type: import('vue').PropType<Record<string, any>>;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    triggerStyle: {
+        type: import('vue').PropType<Record<string, any>>;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const TextEditor: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        placeholder: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        autoFocus: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        placeholder: string;
+        disabled: boolean;
+        autoFocus: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        placeholder: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        autoFocus: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        placeholder: string;
+        disabled: boolean;
+        autoFocus: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    placeholder: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    autoFocus: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    placeholder: string;
+    disabled: boolean;
+    autoFocus: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        inputPrefix?(_: {}): any;
+        inputSuffix?(_: {}): any;
+    };
+});
+declare const MessageInput: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        slots: {
+            type: import('vue').PropType<import('./types').MessageInputSlots>;
+        };
+        placeholder: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        autoFocus: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        actions: {
+            type: import('vue').PropType<import('./types').MessageInputActions>;
+            default: () => string[];
+        };
+        attachmentPickerMode: {
+            type: import('vue').PropType<import('./types').MessageInputAttachmentPickerMode>;
+            default: string;
+        };
+        hideSendButton: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        placeholder: string;
+        disabled: boolean;
+        autoFocus: boolean;
+        actions: import('./types').MessageInputActions;
+        attachmentPickerMode: import('./types').MessageInputAttachmentPickerMode;
+        hideSendButton: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        slots: {
+            type: import('vue').PropType<import('./types').MessageInputSlots>;
+        };
+        placeholder: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        autoFocus: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        actions: {
+            type: import('vue').PropType<import('./types').MessageInputActions>;
+            default: () => string[];
+        };
+        attachmentPickerMode: {
+            type: import('vue').PropType<import('./types').MessageInputAttachmentPickerMode>;
+            default: string;
+        };
+        hideSendButton: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        placeholder: string;
+        disabled: boolean;
+        autoFocus: boolean;
+        actions: import('./types').MessageInputActions;
+        attachmentPickerMode: import('./types').MessageInputAttachmentPickerMode;
+        hideSendButton: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    slots: {
+        type: import('vue').PropType<import('./types').MessageInputSlots>;
+    };
+    placeholder: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    autoFocus: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    actions: {
+        type: import('vue').PropType<import('./types').MessageInputActions>;
+        default: () => string[];
+    };
+    attachmentPickerMode: {
+        type: import('vue').PropType<import('./types').MessageInputAttachmentPickerMode>;
+        default: string;
+    };
+    hideSendButton: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    placeholder: string;
+    disabled: boolean;
+    autoFocus: boolean;
+    actions: import('./types').MessageInputActions;
+    attachmentPickerMode: import('./types').MessageInputAttachmentPickerMode;
+    hideSendButton: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        headerToolbar?(_: {}): any;
+        leftInline?(_: {}): any;
+        textEditor?(_: {}): any;
+        inputPrefix?(_: {}): any;
+        inputSuffix?(_: {}): any;
+        rightInline?(_: {}): any;
+        footerToolbar?(_: {}): any;
+    };
+});
+export { AttachmentPicker, FilePicker, ImagePicker, VideoPicker, EmojiPicker, TextEditor, MessageInput, };

package/dist/components/MessageInput/index.js

@@ -1,129 +1,27 @@
 import { AttachmentPicker as _sfc_main$1 } from "./AttachmentPicker/index.js";
-import { _ as _sfc_main$5 } from "../../FilePicker.vue_vue_type_script_setup_true_lang-CaSj3Gh_.js";
-import { _ as _sfc_main$6 } from "../../ImagePicker.vue_vue_type_script_setup_true_lang-CrzGMmrh.js";
-import { _ as _sfc_main$7 } 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 { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot, createElementVNode, Fragment, renderList, createBlock, resolveDynamicComponent, mergeProps, createVNode, createCommentVNode } from "vue";
-import { QuotedMessagePreview as _sfc_main$2 } from "./QuotedMessagePreview/index.js";
-import { SendButton as _sfc_main$4 } from "./SendButton/index.js";
-import { TextEditor as _sfc_main$3 } from "./TextEditor/index.js";
-import { useMessageInputState } from "../../states/MessageInputState/MessageInputState.js";
-const styles = {
-  "message-input": "_message-input_1p3x8_1",
-  "message-input__toolbar": "_message-input__toolbar_1p3x8_11",
-  "message-input__wrapper": "_message-input__wrapper_1p3x8_18",
-  "message-input__leftInline": "_message-input__leftInline_1p3x8_23",
-  "message-input__rightInline": "_message-input__rightInline_1p3x8_23",
-  "message-input__actions": "_message-input__actions_1p3x8_27",
-  "message-input__footerToolbar": "_message-input__footerToolbar_1p3x8_33"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "MessageInput",
-  props: {
-    autoFocus: { type: Boolean, default: true },
-    disabled: { type: Boolean, default: false },
-    hideSendButton: { type: Boolean, default: false },
-    placeholder: { default: "" },
-    className: { default: "" },
-    style: { default: () => ({}) },
-    attachmentPickerMode: { default: "collapsed" },
-    actions: { default: () => ["EmojiPicker", "ImagePicker", "FilePicker", "VideoPicker"] },
-    slots: {}
-  },
-  setup(__props) {
-    const DEFAULT_ACTIONS = [
-      { key: "EmojiPicker", component: EmojiPickerComponent },
-      { key: "AttachmentPicker", component: _sfc_main$1 },
-      { key: "FilePicker", component: _sfc_main$5 },
-      { key: "ImagePicker", component: _sfc_main$6 },
-      { key: "VideoPicker", component: _sfc_main$7 }
-    ];
-    const props = __props;
-    const { inputRawValue, setContent, sendMessage } = useMessageInputState();
-    const pickProps = (sourceObject, propertyKeys) => Object.fromEntries(
-      propertyKeys.map((key) => [key, sourceObject[key]]).filter(([, value]) => value !== void 0)
-    );
-    const resolveStringAction = (actionKey) => {
-      const { component = () => null } = DEFAULT_ACTIONS.find(({ key }) => key === actionKey) ?? {};
-      return { Component: component, props: {} };
-    };
-    const resolveObjectAction = (action) => {
-      var _a;
-      const { key: actionKey, component, ...restProps } = action;
-      const defaultComponent = ((_a = DEFAULT_ACTIONS.find(({ key }) => key === actionKey)) == null ? void 0 : _a.component) ?? (() => null);
-      return {
-        Component: component ?? defaultComponent,
-        props: pickProps(restProps, ["label", "className", "style", "iconSize"])
-      };
-    };
-    const actionList = computed(
-      () => props.actions.map((action) => typeof action === "string" ? resolveStringAction(action) : resolveObjectAction(action)).filter(({ Component }) => Component !== null)
-    );
-    const sendInputMessage = () => {
-      if (inputRawValue.value) {
-        sendMessage();
-        setContent("");
-      }
-    };
-    return (_ctx, _cache) => {
-      var _a, _b;
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([unref(styles)["message-input"], _ctx.className]),
-        style: normalizeStyle(_ctx.style)
-      }, [
-        renderSlot(_ctx.$slots, "headerToolbar", {}, () => [
-          createElementVNode("div", {
-            class: normalizeClass(unref(styles)["message-input__toolbar"])
-          }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(actionList.value, (action, index) => {
-              return openBlock(), createBlock(resolveDynamicComponent(action.Component), mergeProps({ key: index }, { ref_for: true }, { ...action.props, ...action.Component === unref(_sfc_main$1) ? { attachmentPickerMode: _ctx.attachmentPickerMode } : {} }), null, 16);
-            }), 128))
-          ], 2)
-        ]),
-        createElementVNode("div", {
-          class: normalizeClass(unref(styles)["message-input__wrapper"])
-        }, [
-          createVNode(unref(_sfc_main$2)),
-          createElementVNode("div", {
-            class: normalizeClass(unref(styles)["message-input__leftInline"])
-          }, [
-            renderSlot(_ctx.$slots, "leftInline")
-          ], 2),
-          createVNode(unref(_sfc_main$3), {
-            autoFocus: _ctx.autoFocus,
-            disabled: _ctx.disabled,
-            placeholder: _ctx.placeholder,
-            prefix: (_a = _ctx.slots) == null ? void 0 : _a.inputPrefix,
-            suffix: (_b = _ctx.slots) == null ? void 0 : _b.inputSuffix
-          }, null, 8, ["autoFocus", "disabled", "placeholder", "prefix", "suffix"]),
-          createElementVNode("div", {
-            class: normalizeClass(unref(styles)["message-input__rightInline"])
-          }, [
-            renderSlot(_ctx.$slots, "rightInline")
-          ], 2)
-        ], 2),
-        renderSlot(_ctx.$slots, "footerToolbar", {}, () => [
-          createElementVNode("div", {
-            class: normalizeClass(unref(styles)["message-input__footerToolbar"])
-          }, [
-            !_ctx.hideSendButton ? (openBlock(), createBlock(unref(_sfc_main$4), {
-              key: 0,
-              class: normalizeClass(unref(styles)["message-input__send-button"]),
-              disabled: !unref(inputRawValue),
-              onClick: sendInputMessage
-            }, null, 8, ["class", "disabled"])) : createCommentVNode("", true)
-          ], 2)
-        ])
-      ], 6);
-    };
-  }
-});
+import { TextEditor as _sfc_main$5 } from "./TextEditor/index.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"] } });
+addI18n("zh-CN", { translation: { MessageInput: resources["zh-CN"] } });
+const AttachmentPicker = _sfc_main$1;
+const FilePicker = _sfc_main$2;
+const ImagePicker = _sfc_main$3;
+const VideoPicker = _sfc_main$4;
+const EmojiPicker = EmojiPickerComponent;
+const TextEditor = _sfc_main$5;
+const MessageInput = _sfc_main;
 export {
-  _sfc_main$1 as AttachmentPicker,
-  EmojiPickerComponent as EmojiPicker,
-  _sfc_main$5 as FilePicker,
-  _sfc_main$6 as ImagePicker,
-  _sfc_main as MessageInput,
-  _sfc_main$3 as TextEditor,
-  _sfc_main$7 as VideoPicker
+  AttachmentPicker,
+  EmojiPicker,
+  FilePicker,
+  ImagePicker,
+  MessageInput,
+  TextEditor,
+  VideoPicker
 };

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

@@ -41,7 +41,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["play-button", { "play-button--playing": _ctx.isPlaying }]),
         onClick
       }, [
-        _ctx.isPlaying ? (openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+        _ctx.isPlaying ? (openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
           createElementVNode("rect", {
             x: "6",
             y: "4",
@@ -54,9 +54,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             width: "4",
             height: "16"
           }, null, -1)
-        ]))) : (openBlock(), createElementBlock("svg", _hoisted_2, _cache[1] || (_cache[1] = [
+        ])])) : (openBlock(), createElementBlock("svg", _hoisted_2, [..._cache[1] || (_cache[1] = [
           createElementVNode("polygon", { points: "5 3 19 12 5 21 5 3" }, null, -1)
-        ])))
+        ])]))
       ], 2);
     };
   }

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/ImageMessage/ImageMessage.js

@@ -169,10 +169,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         })
       }, [
         loadingState.value === "loading" ? (openBlock(), createElementBlock("div", _hoisted_1)) : createCommentVNode("", true),
-        loadingState.value === "error" ? (openBlock(), createElementBlock("div", _hoisted_2, _cache[0] || (_cache[0] = [
+        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),
+        ])])) : createCommentVNode("", true),
         createElementVNode("img", {
           ref_key: "imageRef",
           ref: imageRef,

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 {