tuikit-atomicx-vue3 0.1.1 → 3.3.0

package/dist/chat/index.js

@@ -1,14 +1,13 @@
-import { View as _sfc_main$1 } from "../baseComp/View/index.js";
-import ChatSettingComponent from "../components/ChatSetting/ChatSetting.js";
-import { ConversationList as ConversationList$1, ConversationActions as ConversationActions$1, ConversationListHeader as ConversationListHeader$1, ConversationListContent as ConversationListContent$1, ConversationPreview as ConversationPreview$1 } from "../components/ConversationList/index.js";
-import EmojiPickerComponent from "../components/MessageInput/EmojiPicker/EmojiPicker.js";
-import { MessageInput as _sfc_main } from "../components/MessageInput/index.js";
-import MessageListComponent from "../components/MessageList/MessageList.js";
+import { View as _sfc_main } from "../baseComp/View/index.js";
+import { ChatSetting as ChatSetting$1 } from "../components/ChatSetting/index.js";
+import { ContactList as ContactList$1, ContactListItem as ContactListItem$1, ContactInfo as ContactInfo$1 } from "../components/ContactList/index.js";
+import { ConversationList as ConversationList$1, ConversationActions as ConversationActions$1, ConversationListHeader as ConversationListHeader$1, ConversationListContent as ConversationListContent$1, ConversationPreview as ConversationPreview$1, ConversationPreviewUI as ConversationPreviewUI$1, ConversationSearch as ConversationSearch$1 } from "../components/ConversationList/index.js";
+import { MessageInput as MessageInput$1, EmojiPicker as EmojiPicker$1 } from "../components/MessageInput/index.js";
+import { MessageList as MessageList$1, Message as Message$1 } from "../components/MessageList/index.js";
 import { Search as Search$1, SearchAdvanced as SearchAdvanced$1, UserAdvanced as UserAdvanced$1, MessageAdvanced as MessageAdvanced$1, SearchResults as SearchResults$1, SearchResultItem as SearchResultItem$1, SearchBar as SearchBar$1 } from "../components/Search/index.js";
 import { useMessageActions as useMessageActions$1 } from "../hooks/useMessageActions.js";
 import { useSearchState as useSearchState$1 } from "../states/SearchState.js";
 import ChatLoginServer from "./server.js";
-import { useUIOpenControlState as useUIOpenControlState$1 } from "../states/UIOpenControlState/UIOpenControlState.js";
 import { useMessageListState as useMessageListState$1 } from "../states/MessageListState/MessageListState.js";
 import { useMessageInputState as useMessageInputState$1 } from "../states/MessageInputState/MessageInputState.js";
 import { useMessageActionState as useMessageActionState$1 } from "../states/MessageActionState/MessageActionState.js";
@@ -26,26 +25,37 @@ const ConversationActions = ConversationActions$1;
 const ConversationListHeader = ConversationListHeader$1;
 const ConversationListContent = ConversationListContent$1;
 const ConversationPreview = ConversationPreview$1;
-const MessageList = MessageListComponent;
-const MessageInput = _sfc_main;
-const EmojiPicker = EmojiPickerComponent;
-const ChatSetting = ChatSettingComponent;
-const View = _sfc_main$1;
+const ConversationPreviewUI = ConversationPreviewUI$1;
+const ConversationSearch = ConversationSearch$1;
+const ContactList = ContactList$1;
+const ContactListItem = ContactListItem$1;
+const ContactInfo = ContactInfo$1;
+const MessageList = MessageList$1;
+const Message = Message$1;
+const MessageInput = MessageInput$1;
+const EmojiPicker = EmojiPicker$1;
+const ChatSetting = ChatSetting$1;
+const View = _sfc_main;
 const useMessageActions = useMessageActions$1;
 const useConversationListState = useConversationListState$1;
 const useMessageActionState = useMessageActionState$1;
 const useMessageInputState = useMessageInputState$1;
 const useMessageListState = useMessageListState$1;
 const useSearchState = useSearchState$1;
-const useUIOpenControlState = useUIOpenControlState$1;
 export {
   ChatSetting,
+  ContactInfo,
+  ContactList,
+  ContactListItem,
   ConversationActions,
   ConversationList,
   ConversationListContent,
   ConversationListHeader,
   ConversationPreview,
+  ConversationPreviewUI,
+  ConversationSearch,
   EmojiPicker,
+  Message,
   MessageAdvanced,
   MessageInput,
   MessageList,
@@ -61,6 +71,5 @@ export {
   useMessageActions,
   useMessageInputState,
   useMessageListState,
-  useSearchState,
-  useUIOpenControlState
+  useSearchState
 };

package/dist/components/Avatar/Avatar.js

@@ -1,4 +1,4 @@
-import { defineComponent, useSlots, ref, computed, h, createBlock, openBlock, resolveDynamicComponent } from "vue";
+import { defineComponent, useSlots, useCssModule, ref, computed, h, createBlock, openBlock, resolveDynamicComponent } from "vue";
 import { Badge } from "@tencentcloud/uikit-base-component-vue3";
 import { c as cs } from "../../index-BF6QB9jF.js";
 import AvatarOnlineBadge from "./AvatarBadge/AvatarBadge.js";
@@ -26,6 +26,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const slots = useSlots();
+    const classes = useCssModule();
     const imageError = ref(false);
     const isLoading = ref(!!props.src);
     const children = computed(() => slots.default);
@@ -91,9 +92,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       };
     });
     const avatarClasses = computed(() => cs(
-      "avatar",
-      `avatar--shape-${props.shape}`,
-      typeof props.size !== "number" && `size-${props.size}`,
+      classes["avatar"],
+      classes[`avatar--shape-${props.shape}`],
+      typeof props.size !== "number" && classes[`size-${props.size}`],
       props.className
     ));
     const baseAvatar = computed(() => h(
@@ -110,11 +111,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         // Render avatar content
         (() => {
           if (children.value) {
-            return h("div", { class: "avatar__fallback" }, children.value);
+            return h("div", { class: classes["avatar__fallback"] }, children.value);
           }
           if (props.src && !imageError.value) {
             return h("img", {
-              class: cs("avatar__image"),
+              class: classes["avatar__image"],
               src: props.src,
               alt: props.alt || "avatar",
               onLoad: handleImageLoad,
@@ -122,10 +123,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             });
           }
           if (props.alt) {
-            return h("div", { class: "avatar__fallback" }, getAltText());
+            return h("div", { class: classes["avatar__fallback"] }, getAltText());
           }
           return h("img", {
-            class: "avatar__image",
+            class: classes["avatar__image"],
             src: DEFAULT_USER_AVATAR,
             alt: "default avatar",
             onLoad: () => setIsLoading(false),
@@ -133,7 +134,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           });
         })(),
         // Loading skeleton
-        isLoading.value && h("div", { class: "avatar__skeleton" })
+        isLoading.value && h("div", { class: classes["avatar__skeleton"] })
       ]
     ));
     const avatarWithBadges = computed(() => {
@@ -161,7 +162,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-06122a77"]]);
+const avatar = "_avatar_bq44a_1";
+const avatar__image = "_avatar__image_bq44a_61";
+const avatar__fallback = "_avatar__fallback_bq44a_67";
+const avatar__skeleton = "_avatar__skeleton_bq44a_78";
+const shimmer = "_shimmer_bq44a_1";
+const style0 = {
+  avatar,
+  "avatar--shape-circular": "_avatar--shape-circular_bq44a_10",
+  "avatar--shape-square": "_avatar--shape-square_bq44a_13",
+  "size-xs": "_size-xs_bq44a_16",
+  "size-sm": "_size-sm_bq44a_20",
+  "size-md": "_size-md_bq44a_24",
+  "size-lg": "_size-lg_bq44a_28",
+  "size-xl": "_size-xl_bq44a_32",
+  "size-xxl": "_size-xxl_bq44a_36",
+  "avatar--shape-rounded": "_avatar--shape-rounded_bq44a_40",
+  avatar__image,
+  avatar__fallback,
+  avatar__skeleton,
+  shimmer
+};
+const cssModules = {
+  "$style": style0
+};
+const Avatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
 export {
   Avatar as default
 };

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

@@ -68,12 +68,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     isDotUnreadCount: boolean;
 }>>> & Readonly<{}>, {
     size: AvatarSize;
-    shape: AvatarShape;
     isShowOnlineStatus: boolean;
     isOnline: boolean;
     unreadCount: number;
     maxUnreadCount: number;
     isDotUnreadCount: boolean;
+    shape: AvatarShape;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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

@@ -37,12 +37,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, {
     height: string;
     disabled: boolean;
-    maxHeight: string;
-    minHeight: string;
     autoFocus: boolean;
     maxLength: number;
     containerClass: string;
     containerStyle: Record<string, any>;
+    minHeight: string;
+    maxHeight: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/components/BarrageInput/BarrageInputH5.js

@@ -1,9 +1,14 @@
-import { defineComponent, ref, createElementBlock, openBlock, createVNode, createBlock, createCommentVNode, unref, withCtx, createTextVNode, toDisplayString } from "vue";
-import { useUIKit, TUIButton } from "@tencentcloud/uikit-base-component-vue3";
+import { defineComponent, computed, ref, createElementBlock, openBlock, createCommentVNode, createBlock, normalizeStyle, createElementVNode, createVNode, toDisplayString, unref, withCtx, createTextVNode, nextTick } from "vue";
+import { useUIKit, TUIButton, TUIToast } from "@tencentcloud/uikit-base-component-vue3";
+import { useLiveAudienceState } from "../../states/LiveAudienceState.js";
+import { useLoginState } from "../../states/LoginState.js";
 import BarrageInputPC from "./BarrageInput.js";
+import EmojiPicker from "./EmojiPicker/EmojiPicker.js";
+import { ERROR_MESSAGE } from "./constants.js";
 import { useMessageInputState } from "../../states/MessageInputState/MessageInputState.js";
 import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _hoisted_1 = { class: "live-message-input-h5" };
+const _hoisted_2 = { class: "input-actions" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BarrageInputH5",
   props: {
@@ -11,8 +16,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     containerStyle: { default: () => ({}) },
     height: { default: "" },
     width: {},
-    minHeight: { default: "40px" },
-    maxHeight: { default: "140px" },
+    minHeight: { default: "" },
+    maxHeight: { default: "" },
     placeholder: {},
     disabled: { type: Boolean, default: false },
     autoFocus: { type: Boolean, default: false },
@@ -21,19 +26,38 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["focus", "blur"],
   setup(__props, { emit: __emit }) {
     const emit = __emit;
-    const props = __props;
     const { t } = useUIKit();
-    const { inputRawValue, setContent, sendMessage, blurEditor } = useMessageInputState();
+    const props = __props;
+    const placeholderText = computed(() => props.placeholder || t("Say something"));
+    const { loginUserInfo } = useLoginState();
+    const { audienceList } = useLiveAudienceState();
+    const inputClass = computed(() => ["message-input-container-h5", props.containerClass].join(" "));
+    const disabled = computed(() => {
+      const localUser = audienceList.value.find((item) => {
+        var _a;
+        return item.userId === ((_a = loginUserInfo.value) == null ? void 0 : _a.userId);
+      });
+      return props.disabled || (localUser == null ? void 0 : localUser.isMessageDisabled);
+    });
+    const { inputRawValue, setContent, sendMessage, blurEditor, focusEditor } = useMessageInputState();
     const isFocus = ref(false);
+    const editorShow = ref(false);
     const isTouching = ref(false);
     const handleTouchStart = () => {
       isTouching.value = true;
     };
-    const handleSend = () => {
+    const handleSend = async () => {
       if (inputRawValue.value) {
-        sendMessage();
-        setContent("");
         blurEditor();
+        try {
+          const inputValue = inputRawValue.value;
+          setContent("");
+          await sendMessage(inputValue);
+        } catch (err) {
+          TUIToast.error({
+            message: t(ERROR_MESSAGE[err.code] || "send message failed")
+          });
+        }
       }
     };
     const handleTouchEnd = () => {
@@ -51,24 +75,44 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       isFocus.value = false;
       emit("blur");
     };
+    const handleShowEditor = async () => {
+      editorShow.value = true;
+      await nextTick();
+      focusEditor();
+    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(BarrageInputPC, {
+        !editorShow.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "placeholder-container",
+          style: normalizeStyle({ width: props.width }),
+          onClick: handleShowEditor
+        }, [
+          createElementVNode("div", _hoisted_2, [
+            createVNode(EmojiPicker, {
+              disabled: disabled.value,
+              "trigger-style": { display: "flex" }
+            }, null, 8, ["disabled"])
+          ]),
+          createElementVNode("span", null, toDisplayString(placeholderText.value), 1)
+        ], 4)) : createCommentVNode("", true),
+        editorShow.value ? (openBlock(), createBlock(BarrageInputPC, {
+          key: 1,
           autoFocus: props.autoFocus,
-          containerClass: props.containerClass,
+          containerClass: inputClass.value,
           containerStyle: props.containerStyle,
           width: props.width,
           height: props.height,
           minHeight: props.minHeight,
           maxHeight: props.maxHeight,
-          placeholder: props.placeholder,
-          disabled: props.disabled,
+          placeholder: placeholderText.value,
+          disabled: disabled.value,
           maxLength: props.maxLength,
           onFocus: handleFocus,
           onBlur: handleBlur
-        }, null, 8, ["autoFocus", "containerClass", "containerStyle", "width", "height", "minHeight", "maxHeight", "placeholder", "disabled", "maxLength"]),
+        }, null, 8, ["autoFocus", "containerClass", "containerStyle", "width", "height", "minHeight", "maxHeight", "placeholder", "disabled", "maxLength"])) : createCommentVNode("", true),
         isFocus.value ? (openBlock(), createBlock(unref(TUIButton), {
-          key: 0,
+          key: 2,
           type: "primary",
           onTouchstart: handleTouchStart,
           onTouchend: handleTouchEnd
@@ -82,7 +126,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BarrageInputH5 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-995197ec"]]);
+const BarrageInputH5 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9fd6640c"]]);
 export {
   BarrageInputH5 as default
 };

package/dist/components/BarrageInput/BarrageInputH5.vue.d.ts

@@ -37,12 +37,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, {
     height: string;
     disabled: boolean;
-    maxHeight: string;
-    minHeight: string;
     autoFocus: boolean;
     maxLength: number;
     containerClass: string;
     containerStyle: Record<string, any>;
+    minHeight: string;
+    maxHeight: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/components/BarrageInput/EmojiPicker/EmojiPicker.js

@@ -1,17 +1,21 @@
 import { defineComponent, onMounted, createElementBlock, openBlock, createVNode, unref, withCtx, normalizeClass, normalizeStyle, createElementVNode, Fragment, renderList } from "vue";
 import { useUIKit, IconEmoji } from "@tencentcloud/uikit-base-component-vue3";
-import { P as PopoverRoot_default, a as PopoverTrigger_default, b as PopoverPortal_default, c as PopoverContent_default } from "../../../PopoverTrigger-ByOI-vdB.js";
+import { P as PopoverRoot_default, a as PopoverTrigger_default, b as PopoverPortal_default, c as PopoverContent_default } from "../../../PopoverTrigger-BKOIHfdS.js";
 import { emojiUrlMap, emojiBaseUrl } from "../../../constants/emoji.js";
 import { transformTextWithEmojiKeyToName } from "../../../utils/emoji.js";
 import { useMessageInputState } from "../../../states/MessageInputState/MessageInputState.js";
 import { MessageContentType } from "../../../states/MessageInputState/type.js";
 import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
 const styles = {
-  "emoji-picker__icon": "_emoji-picker__icon_rc96r_1",
-  "emoji-picker__list": "_emoji-picker__list_rc96r_4",
-  "emoji-picker__list-item": "_emoji-picker__list-item_rc96r_15"
+  "emoji-picker__icon": "_emoji-picker__icon_77iku_1",
+  "emoji-picker__list": "_emoji-picker__list_77iku_4",
+  "emoji-picker__list-item": "_emoji-picker__list-item_77iku_16"
+};
+const _hoisted_1 = {
+  class: "flex flex-col gap-2.5",
+  tabindex: "-1",
+  style: { "outline": "none" }
 };
-const _hoisted_1 = { class: "flex flex-col gap-2.5" };
 const _hoisted_2 = ["onClick"];
 const _hoisted_3 = ["src", "alt"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -105,7 +109,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const EmojiPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-79c138b3"]]);
+const EmojiPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6d8acff6"]]);
 export {
   EmojiPicker as default
 };

package/dist/components/BarrageInput/TextEditor/index.js

@@ -1,17 +1,18 @@
 import { defineComponent, ref, computed, watch, nextTick, onMounted, onUnmounted, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createCommentVNode, renderSlot, toDisplayString } from "vue";
-import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
+import { useUIKit, TUIToast } from "@tencentcloud/uikit-base-component-vue3";
+import { ERROR_MESSAGE } from "../constants.js";
 import { createEditor } from "./EditorCore.js";
 import { useConversationListState } from "../../../states/ConversationListState/ConversationListState.js";
 import { useMessageInputState } from "../../../states/MessageInputState/MessageInputState.js";
-const disabled = "_disabled_3es4w_13";
-const editor = "_editor_3es4w_30";
+const disabled = "_disabled_jp6u3_13";
+const editor = "_editor_jp6u3_30";
 const styles = {
-  "input-wrapper": "_input-wrapper_3es4w_1",
+  "input-wrapper": "_input-wrapper_jp6u3_1",
   disabled,
-  "input-prefix": "_input-prefix_3es4w_17",
-  "input-suffix": "_input-suffix_3es4w_23",
+  "input-prefix": "_input-prefix_jp6u3_17",
+  "input-suffix": "_input-suffix_jp6u3_23",
   editor,
-  "disabled-editor": "_disabled-editor_3es4w_37"
+  "disabled-editor": "_disabled-editor_jp6u3_39"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TextEditor",
@@ -27,7 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const { t } = useUIKit();
     const { activeConversation } = useConversationListState();
-    const { updateRawValue, sendMessage, setEditorInstance, setContent } = useMessageInputState();
+    const { inputRawValue, updateRawValue, sendMessage, setEditorInstance, setContent } = useMessageInputState();
     const editorRef = ref(null);
     const isFocused = ref(props.autoFocus);
     const placeholderText = computed(() => props.placeholder || t("Say something"));
@@ -47,16 +48,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onUpdate: (content) => {
             updateRawValue(content);
           },
-          onEnter: () => {
-            sendMessage();
-            setContent("");
+          onEnter: async () => {
+            try {
+              const inputValue = inputRawValue.value;
+              setContent("");
+              await sendMessage(inputValue);
+            } catch (err) {
+              TUIToast.error({
+                message: t(ERROR_MESSAGE[err.code] || "send message failed")
+              });
+            }
           },
           onFocus: () => {
+            var _a;
             isFocused.value = true;
+            if (navigator && "virtualKeyboard" in navigator) {
+              (_a = navigator == null ? void 0 : navigator.virtualKeyboard) == null ? void 0 : _a.show();
+            }
             emit("focus");
           },
           onBlur: () => {
+            var _a;
             isFocused.value = false;
+            if (navigator && "virtualKeyboard" in navigator) {
+              (_a = navigator == null ? void 0 : navigator.virtualKeyboard) == null ? void 0 : _a.hide();
+            }
             emit("blur");
           }
         });

package/dist/components/BarrageInput/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const ERROR_MESSAGE: {
+    10017: string;
+};

package/dist/components/BarrageInput/constants.js

@@ -0,0 +1,6 @@
+const ERROR_MESSAGE = {
+  10017: "you have been forbidden to speak"
+};
+export {
+  ERROR_MESSAGE
+};

package/dist/components/BarrageInput/i18n/en-US/index.d.ts

@@ -2,4 +2,6 @@ export declare const resource: {
     'Say something': string;
     'You have been muted': string;
     Send: string;
+    'you have been forbidden to speak': string;
+    'send message failed': string;
 };

package/dist/components/BarrageInput/i18n/en-US/index.js

@@ -1,7 +1,9 @@
 const resource = {
   "Say something": "Say something...",
   "You have been muted": "You have been muted",
-  Send: "Send"
+  Send: "Send",
+  "you have been forbidden to speak": "You have been forbidden to speak",
+  "send message failed": "Send message failed"
 };
 export {
   resource

package/dist/components/BarrageInput/i18n/zh-CN/index.d.ts

@@ -2,4 +2,6 @@ export declare const resource: {
     'Say something': string;
     'You have been muted': string;
     Send: string;
+    'you have been forbidden to speak': string;
+    'send message failed': string;
 };

package/dist/components/BarrageInput/i18n/zh-CN/index.js

@@ -1,7 +1,9 @@
 const resource = {
   "Say something": "说点什么...",
   "You have been muted": "您已被禁言",
-  Send: "发送"
+  Send: "发送",
+  "you have been forbidden to speak": "您已被禁言",
+  "send message failed": "发送失败"
 };
 export {
   resource

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

@@ -15,14 +15,6 @@ declare const BarrageInput: import('vue').DefineComponent<import('vue').ExtractP
     width: {
         type: import('vue').PropType<string>;
     };
-    maxHeight: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
-    minHeight: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
     autoFocus: {
         type: import('vue').PropType<boolean>;
         default: boolean;
@@ -39,6 +31,14 @@ declare const BarrageInput: import('vue').DefineComponent<import('vue').ExtractP
         type: import('vue').PropType<Record<string, any>>;
         default: () => {};
     };
+    minHeight: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    maxHeight: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     focus: () => void;
     blur: () => void;
@@ -57,14 +57,6 @@ declare const BarrageInput: import('vue').DefineComponent<import('vue').ExtractP
     width: {
         type: import('vue').PropType<string>;
     };
-    maxHeight: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
-    minHeight: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
     autoFocus: {
         type: import('vue').PropType<boolean>;
         default: boolean;
@@ -81,17 +73,25 @@ declare const BarrageInput: import('vue').DefineComponent<import('vue').ExtractP
         type: import('vue').PropType<Record<string, any>>;
         default: () => {};
     };
+    minHeight: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    maxHeight: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
 }>> & Readonly<{
     onBlur?: (() => any) | undefined;
     onFocus?: (() => any) | undefined;
 }>, {
     height: string;
     disabled: boolean;
-    maxHeight: string;
-    minHeight: string;
     autoFocus: boolean;
     maxLength: number;
     containerClass: string;
     containerStyle: Record<string, any>;
+    minHeight: string;
+    maxHeight: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export { BarrageInput, BarrageInputH5 };

package/dist/components/BarrageList/BarrageList.js

@@ -188,16 +188,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               threshold: 0.1,
               onOnShow: loadMoreHistory
             }, {
-              default: withCtx(() => _cache[1] || (_cache[1] = [
+              default: withCtx(() => [..._cache[1] || (_cache[1] = [
                 createElementVNode("div", { id: "loadMore" }, null, -1)
-              ])),
-              _: 1,
-              __: [1]
+              ])]),
+              _: 1
             }),
             createElementVNode("div", _hoisted_1, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(messageList), (message) => {
                 return openBlock(), createBlock(resolveDynamicComponent(props.Message || unref(_sfc_main$1)), {
-                  key: message.ID + message.isRevoked,
+                  key: message.ID + message.isRevoked + message.status,
                   style: normalizeStyle(props.itemStyle),
                   message,
                   "is-last-in-chunk": true
@@ -225,7 +224,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BarrageListPC = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-aab4e5c8"]]);
+const BarrageListPC = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-022ab526"]]);
 export {
   BarrageListPC as default
 };

package/dist/components/BarrageList/BarrageListH5.js

@@ -184,16 +184,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               threshold: 0.1,
               onOnShow: loadMoreHistory
             }, {
-              default: withCtx(() => _cache[1] || (_cache[1] = [
+              default: withCtx(() => [..._cache[1] || (_cache[1] = [
                 createElementVNode("div", { id: "loadMore" }, null, -1)
-              ])),
-              _: 1,
-              __: [1]
+              ])]),
+              _: 1
             }),
             createElementVNode("div", _hoisted_1, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(messageList), (message) => {
                 return openBlock(), createBlock(resolveDynamicComponent(props.Message || unref(_sfc_main$1)), {
-                  key: message.ID + message.isRevoked,
+                  key: message.ID + message.isRevoked + message.status,
                   class: "message-item",
                   style: normalizeStyle(props.itemStyle),
                   message,
@@ -221,7 +220,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const BarrageListH5 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5a38aa5a"]]);
+const BarrageListH5 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2787bca3"]]);
 export {
   BarrageListH5 as default
 };

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

@@ -1,9 +1,9 @@
-import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
+import { IMessageModel as MessageModel } from '@tencentcloud/chat-uikit-engine';
 
-interface IGroupTipMessageProps {
-    message: IMessageModel;
+interface GroupTipMessageProps {
+    message: MessageModel;
 }
-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>;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<GroupTipMessageProps>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<GroupTipMessageProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {