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

package/dist/chat/index.js

@@ -1,13 +1,15 @@
-import { View as _sfc_main$1 } from "../baseComp/View/index.js";
-import ChatSettingComponent from "../components/ChatSetting/ChatSetting.js";
+import { View as _sfc_main } from "../baseComp/View/index.js";
+import "../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 } 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 { MessageInput as MessageInput$1, EmojiPicker as EmojiPicker$1 } from "../components/MessageInput/index.js";
+import "../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 MessageListComponent from "../components/MessageList/MessageList.js";
+import ChatSettingComponent from "../components/ChatSetting/ChatSetting.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";
@@ -26,11 +28,14 @@ const ConversationActions = ConversationActions$1;
 const ConversationListHeader = ConversationListHeader$1;
 const ConversationListContent = ConversationListContent$1;
 const ConversationPreview = ConversationPreview$1;
+const ContactList = ContactList$1;
+const ContactListItem = ContactListItem$1;
+const ContactInfo = ContactInfo$1;
 const MessageList = MessageListComponent;
-const MessageInput = _sfc_main;
-const EmojiPicker = EmojiPickerComponent;
+const MessageInput = MessageInput$1;
+const EmojiPicker = EmojiPicker$1;
 const ChatSetting = ChatSettingComponent;
-const View = _sfc_main$1;
+const View = _sfc_main;
 const useMessageActions = useMessageActions$1;
 const useConversationListState = useConversationListState$1;
 const useMessageActionState = useMessageActionState$1;
@@ -40,6 +45,9 @@ const useSearchState = useSearchState$1;
 const useUIOpenControlState = useUIOpenControlState$1;
 export {
   ChatSetting,
+  ContactInfo,
+  ContactList,
+  ContactListItem,
   ConversationActions,
   ConversationList,
   ConversationListContent,

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,6 +1,9 @@
-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, createVNode, createBlock, createCommentVNode, unref, withCtx, createTextVNode, toDisplayString } 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 { 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" };
@@ -11,8 +14,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 },
@@ -22,6 +25,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const props = __props;
+    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 { t } = useUIKit();
     const { inputRawValue, setContent, sendMessage, blurEditor } = useMessageInputState();
     const isFocus = ref(false);
@@ -29,11 +42,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     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 = () => {
@@ -55,14 +75,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(BarrageInputPC, {
           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,
+          disabled: disabled.value,
           maxLength: props.maxLength,
           onFocus: handleFocus,
           onBlur: handleBlur
@@ -82,7 +102,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-11c76a53"]]);
 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,6 +1,6 @@
 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";

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

@@ -1,5 +1,6 @@
 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";
@@ -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,9 +48,16 @@ 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: () => {
             isFocused.value = true;

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

@@ -110,7 +110,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MessageLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7cdd355a"]]);
+const MessageLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cd1d60a2"]]);
 export {
   MessageLayout as default
 };

package/dist/components/BarrageList/Message/MessageLayout/MessageMeta/MessageMeta.js

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createCommentVNode, toDisplayString, createVNode } from "vue";
+import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createCommentVNode, toDisplayString, createVNode } from "vue";
 import { c as cs } from "../../../../../index-BF6QB9jF.js";
 import { getTimeStampAuto } from "../../../../../utils/time.js";
 import MessageStatusIcon from "./MessageStatusIcon.js";
@@ -18,19 +18,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     isShowSendStatus: { type: Boolean, default: false },
     isShowReadStatus: { type: Boolean, default: false },
     isShowTime: { type: Boolean, default: false },
-    status: { default: void 0 },
+    status: { default: "" },
     class: { default: void 0 },
     style: { default: void 0 }
   },
   setup(__props) {
     const props = __props;
+    const showStatus = computed(() => props.status && props.isShowSendStatus || props.status === "fail");
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(unref(cs)("message-meta", props.class)),
         style: normalizeStyle(props.style)
       }, [
         props.isShowTime ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(getTimeStampAuto)(props.timestamp)), 1)) : createCommentVNode("", true),
-        props.status && props.isShowSendStatus ? (openBlock(), createElementBlock("div", _hoisted_2, [
+        showStatus.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
           createVNode(MessageStatusIcon, {
             status: props.status
           }, null, 8, ["status"])
@@ -39,7 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MessageMeta = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9a18686c"]]);
+const MessageMeta = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fbbde202"]]);
 export {
   MessageMeta as default
 };

package/dist/components/BarrageList/Message/MessageLayout/MessageMeta/MessageMeta.vue.d.ts

@@ -16,14 +16,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     isShowSendStatus: boolean;
     isShowReadStatus: boolean;
     isShowTime: boolean;
-    status: undefined;
+    status: string;
     class: undefined;
     style: undefined;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IMessageMetaProps>, {
     isShowSendStatus: boolean;
     isShowReadStatus: boolean;
     isShowTime: boolean;
-    status: undefined;
+    status: string;
     class: undefined;
     style: undefined;
 }>>> & Readonly<{}>, {

package/dist/components/BarrageList/Message/MessageLayout/MessageMeta/MessageStatusIcon.js

@@ -1,5 +1,5 @@
 import { defineComponent, createBlock, createCommentVNode, openBlock, unref } from "vue";
-import { IconLoading, IconSuccess } from "@tencentcloud/uikit-base-component-vue3";
+import { IconLoading, IconSuccess, IconErrorToast } from "@tencentcloud/uikit-base-component-vue3";
 import { _ as _export_sfc } from "../../../../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MessageStatusIcon",
@@ -11,16 +11,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return _ctx.status === "unSend" ? (openBlock(), createBlock(unref(IconLoading), {
         key: 0,
         class: "message-meta__status--unSend",
-        size: 16
+        size: 14
       })) : _ctx.status === "success" ? (openBlock(), createBlock(unref(IconSuccess), {
         key: 1,
         name: "",
-        size: 16
+        size: 14
+      })) : _ctx.status === "fail" ? (openBlock(), createBlock(unref(IconErrorToast), {
+        key: 2,
+        size: 14
       })) : createCommentVNode("", true);
     };
   }
 });
-const MessageStatusIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-570fe2c0"]]);
+const MessageStatusIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a4ba2853"]]);
 export {
   MessageStatusIcon as default
 };

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

@@ -114,7 +114,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TextMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-df01dc37"]]);
+const TextMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-10eaf041"]]);
 export {
   TextMessage as default
 };