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

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

@@ -12,10 +12,17 @@ declare const BarrageInput: import('vue').DefineComponent<import('vue').ExtractP
         type: import('vue').PropType<boolean>;
         default: boolean;
     };
+    width: {
+        type: import('vue').PropType<string>;
+    };
     autoFocus: {
         type: import('vue').PropType<boolean>;
         default: boolean;
     };
+    maxLength: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
     containerClass: {
         type: import('vue').PropType<string>;
         default: string;
@@ -47,10 +54,17 @@ declare const BarrageInput: import('vue').DefineComponent<import('vue').ExtractP
         type: import('vue').PropType<boolean>;
         default: boolean;
     };
+    width: {
+        type: import('vue').PropType<string>;
+    };
     autoFocus: {
         type: import('vue').PropType<boolean>;
         default: boolean;
     };
+    maxLength: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
     containerClass: {
         type: import('vue').PropType<string>;
         default: string;
@@ -74,78 +88,7 @@ declare const BarrageInput: import('vue').DefineComponent<import('vue').ExtractP
     height: string;
     disabled: boolean;
     autoFocus: boolean;
-    containerClass: string;
-    containerStyle: Record<string, any>;
-    minHeight: string;
-    maxHeight: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    height: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
-    placeholder: {
-        type: import('vue').PropType<string>;
-    };
-    disabled: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    autoFocus: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    containerClass: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
-    containerStyle: {
-        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, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    height: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
-    placeholder: {
-        type: import('vue').PropType<string>;
-    };
-    disabled: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    autoFocus: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    containerClass: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
-    containerStyle: {
-        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<{}>, {
-    height: string;
-    disabled: boolean;
-    autoFocus: boolean;
+    maxLength: number;
     containerClass: string;
     containerStyle: Record<string, any>;
     minHeight: string;

package/dist/components/BarrageList/BarrageList.js

@@ -2,14 +2,14 @@ import { defineComponent, useSlots, ref, provide, watch, nextTick, onMounted, on
 import ObserverView from "../../baseComp/ObserverView/ObserverView.js";
 import { throttle } from "../../utils/lodash.js";
 import { useScroll } from "../../hooks/useScroll.js";
-import { useBarrageListState } from "../../states/BarrageListState/BarrageListState.js";
-import { _ as _sfc_main$1 } from "../../Message.vue_vue_type_script_setup_true_lang-mEw2syBo.js";
+import { Message as _sfc_main$1 } from "./Message/index.js";
 import MessageForward from "./MessageForward/MessageForward.js";
 import { MessageListContextSymbol } from "./MessageListContext.js";
 import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
 import UserActionMenu from "./ClickAction/UserActionMenu.js";
 import { useLoginState } from "../../states/LoginState.js";
 import { useLiveState } from "../../states/LiveState/index.js";
+import { useBarrageListState } from "../../states/BarrageListState/BarrageListState.js";
 import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _hoisted_1 = { class: "message-chunk" };
 const _hoisted_2 = {
@@ -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

@@ -2,14 +2,14 @@ import { defineComponent, useSlots, ref, provide, watch, nextTick, onMounted, on
 import ObserverView from "../../baseComp/ObserverView/ObserverView.js";
 import { throttle } from "../../utils/lodash.js";
 import { useScroll } from "../../hooks/useScroll.js";
-import { useBarrageListState } from "../../states/BarrageListState/BarrageListState.js";
-import { _ as _sfc_main$1 } from "../../Message.vue_vue_type_script_setup_true_lang-mEw2syBo.js";
+import { Message as _sfc_main$1 } from "./Message/index.js";
 import MessageForward from "./MessageForward/MessageForward.js";
 import { MessageListContextSymbol } from "./MessageListContext.js";
 import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
 import UserActionMenu from "./ClickAction/UserActionMenu.js";
 import { useLoginState } from "../../states/LoginState.js";
 import { useLiveState } from "../../states/LiveState/index.js";
+import { useBarrageListState } from "../../states/BarrageListState/BarrageListState.js";
 import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _hoisted_1 = { class: "message-chunk" };
 const _hoisted_2 = {
@@ -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/CustomMessage/CustomMessage.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../../../../CustomMessage.vue_vue_type_script_setup_true_lang-By3MsAd0.js";
+import { CustomMessage as _sfc_main } from "./index.js";
 export {
   _sfc_main as default
 };

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

@@ -1,4 +1,12 @@
-import { _ } from "../../../../CustomMessage.vue_vue_type_script_setup_true_lang-By3MsAd0.js";
+import { defineComponent } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "CustomMessage",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return " [Custom Message] ";
+    };
+  }
+});
 export {
-  _ as CustomMessage
+  _sfc_main as CustomMessage
 };

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

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../../../../GroupTipMessage.vue_vue_type_style_index_0_lang-Dw2-5Ner.js";
+import { GroupTipMessage as _sfc_main } from "./index.js";
 export {
   _sfc_main as default
 };

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

@@ -1,4 +1,30 @@
-import { _ } from "../../../../GroupTipMessage.vue_vue_type_style_index_0_lang-Dw2-5Ner.js";
+import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, toDisplayString } from "vue";
+import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
+import { c as cs } from "../../../../index-BF6QB9jF.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GroupTipMessage",
+  props: {
+    message: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { t } = useUIKit();
+    const messageContent = props.message.getMessageContent();
+    const renderText = () => {
+      switch (messageContent.businessID) {
+        case "group_create":
+          return `${messageContent.showName || ""} ${t("TUIChat.create group")}`;
+        default:
+          return messageContent.text;
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(cs)("group-tip-message"))
+      }, toDisplayString(renderText()), 3);
+    };
+  }
+});
 export {
-  _ as GroupTipMessage
+  _sfc_main as GroupTipMessage
 };

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

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

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

@@ -1,8 +1,8 @@
 import { defineComponent, toRefs, computed, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, renderSlot, toDisplayString } from "vue";
-import ChatEngine from "@tencentcloud/chat-uikit-engine";
+import TUIChatEngine from "@tencentcloud/chat-uikit-engine";
 import { c as cs } from "../../../../../index-BF6QB9jF.js";
-import { useBarrageListState } from "../../../../../states/BarrageListState/BarrageListState.js";
 import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
+import { useBarrageListState } from "../../../../../states/BarrageListState/BarrageListState.js";
 import { _ as _export_sfc } from "../../../../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _hoisted_1 = {
   key: 0,
@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const { t } = useUIKit();
-    const MEDIA_MESSAGE_TYPE = [ChatEngine.TYPES.MSG_IMAGE, ChatEngine.TYPES.MSG_VIDEO];
+    const MEDIA_MESSAGE_TYPE = [TUIChatEngine.TYPES.MSG_IMAGE, TUIChatEngine.TYPES.MSG_VIDEO];
     const props = __props;
     const { message, isLastInChunk } = toRefs(props);
     const { highlightMessageIDList } = useBarrageListState();

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

@@ -1,9 +1,9 @@
 import { defineComponent, toRefs, computed, createBlock, createElementBlock, createCommentVNode, unref, openBlock, normalizeStyle, normalizeClass, createElementVNode, createVNode, toDisplayString, withCtx, resolveDynamicComponent } from "vue";
-import ChatEngine from "@tencentcloud/chat-uikit-engine";
+import TUIChatEngine from "@tencentcloud/chat-uikit-engine";
 import { c as cs } from "../../../../index-BF6QB9jF.js";
-import { _ as _sfc_main$2 } from "../../../../CustomMessage.vue_vue_type_script_setup_true_lang-By3MsAd0.js";
+import { CustomMessage as _sfc_main$2 } from "../CustomMessage/index.js";
 import FaceMessage from "../FaceMessage/FaceMessage.js";
-import { _ as _sfc_main$1 } from "../../../../GroupTipMessage.vue_vue_type_style_index_0_lang-Dw2-5Ner.js";
+import { GroupTipMessage as _sfc_main$1 } from "../GroupTipMessage/index.js";
 import ImageMessage from "../ImageMessage/ImageMessage.js";
 import MergerMessage from "../MergerMessage/MergerMessage.js";
 import RecalledMessage from "../RecalledMessage/RecalledMessage.js";
@@ -30,12 +30,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       style
     } = toRefs(props);
     const MessageComponentsFactory = {
-      [ChatEngine.TYPES.MSG_TEXT]: TextMessage,
-      [ChatEngine.TYPES.MSG_IMAGE]: ImageMessage,
-      [ChatEngine.TYPES.MSG_FACE]: FaceMessage,
-      [ChatEngine.TYPES.MSG_MERGER]: MergerMessage,
-      [ChatEngine.TYPES.MSG_CUSTOM]: _sfc_main$2,
-      [ChatEngine.TYPES.MSG_GRP_TIP]: _sfc_main$1
+      [TUIChatEngine.TYPES.MSG_TEXT]: TextMessage,
+      [TUIChatEngine.TYPES.MSG_IMAGE]: ImageMessage,
+      [TUIChatEngine.TYPES.MSG_FACE]: FaceMessage,
+      [TUIChatEngine.TYPES.MSG_MERGER]: MergerMessage,
+      [TUIChatEngine.TYPES.MSG_CUSTOM]: _sfc_main$2,
+      [TUIChatEngine.TYPES.MSG_GRP_TIP]: _sfc_main$1
     };
     const MessageComponent = computed(() => MessageComponentsFactory[message.value.type]);
     const isMessageOwner = computed(() => message.value.flow === "out");
@@ -44,7 +44,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         key: 0,
         class: "message-recalled",
         message: unref(message)
-      }, null, 8, ["message"])) : unref(message).type === unref(ChatEngine).TYPES.MSG_GRP_TIP || unref(message).type === unref(ChatEngine).TYPES.MSG_CUSTOM ? (openBlock(), createBlock(unref(_sfc_main$1), {
+      }, null, 8, ["message"])) : unref(message).type === unref(TUIChatEngine).TYPES.MSG_GRP_TIP || unref(message).type === unref(TUIChatEngine).TYPES.MSG_CUSTOM ? (openBlock(), createBlock(unref(_sfc_main$1), {
         key: 1,
         message: unref(message)
       }, null, 8, ["message"])) : MessageComponent.value ? (openBlock(), createElementBlock("div", {
@@ -72,7 +72,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               })
             )
           }, [
-            unref(isLastInChunk) && unref(message).type !== unref(ChatEngine).TYPES.MSG_TEXT ? (openBlock(), createElementBlock("div", {
+            unref(isLastInChunk) && unref(message).type !== unref(TUIChatEngine).TYPES.MSG_TEXT ? (openBlock(), createElementBlock("div", {
               key: 0,
               class: normalizeClass(unref(cs)("message-layout__nick"))
             }, toDisplayString(unref(message).nick + ": "), 3)) : createCommentVNode("", true),
@@ -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/RecalledMessage/RecalledMessage.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, Fragment, createTextVNode, createCommentVNode, toDisplayString } from "vue";
-import ChatEngine from "@tencentcloud/chat-uikit-engine";
+import TUIChatEngine from "@tencentcloud/chat-uikit-engine";
 import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
 import { c as cs } from "../../../../index-BF6QB9jF.js";
 import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const setInputValue = (text) => {
       console.log("Set input value:", text);
     };
-    const isTextMessage = computed(() => props.message.type === ChatEngine.TYPES.MSG_TEXT);
+    const isTextMessage = computed(() => props.message.type === TUIChatEngine.TYPES.MSG_TEXT);
     const isMessageOwner = computed(() => props.message.flow === "out");
     const otherDisplayName = computed(() => props.message.nick || props.message.from || "");
     function recallMessageToInput() {

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

@@ -3,9 +3,9 @@ import { TUIStore } from "@tencentcloud/chat-uikit-engine";
 import { useUIKit, TUIToast } from "@tencentcloud/uikit-base-component-vue3";
 import { c as cs } from "../../../../index-BF6QB9jF.js";
 import { useScroll } from "../../../../hooks/useScroll.js";
-import { useBarrageListState } from "../../../../states/BarrageListState/BarrageListState.js";
 import { safeJSONParse } from "../../../../utils/json.js";
 import { useMessageListContext } from "../../MessageListContext.js";
+import { useBarrageListState } from "../../../../states/BarrageListState/BarrageListState.js";
 import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _hoisted_1 = { class: "text-message" };
 const _hoisted_2 = { class: "text-message__reference__header" };
@@ -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
 };

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

@@ -1,4 +1,23 @@
-import { _ } from "../../../Message.vue_vue_type_script_setup_true_lang-mEw2syBo.js";
+import { defineComponent, ref, createBlock, openBlock, unref } from "vue";
+import MessageLayout from "./MessageLayout/MessageLayout.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Message",
+  props: {
+    message: { default: () => ({}) },
+    isLastInChunk: { type: Boolean, default: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const message = ref(props.message);
+    const isLastInChunk = ref(props.isLastInChunk);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(MessageLayout), {
+        message: message.value,
+        "is-last-in-chunk": isLastInChunk.value
+      }, null, 8, ["message", "is-last-in-chunk"]);
+    };
+  }
+});
 export {
-  _ as Message
+  _sfc_main as Message
 };

package/dist/components/BarrageList/MessageForward/MessageForward.js

@@ -1,10 +1,10 @@
 import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, ref, createVNode, createElementVNode, createElementBlock, createCommentVNode, createTextVNode, toDisplayString, withDirectives, vModelText, Fragment, renderList, withModifiers } from "vue";
 import { useUIKit, IconClose, IconSearch, IconCloseInput } from "@tencentcloud/uikit-base-component-vue3";
-import { i as injectDialogRootContext, D as DialogRoot_default, a as DialogPortal_default, b as DialogOverlay_default, c as DialogContent_default } from "../../../DialogPortal-8bLejP4P.js";
-import { u as useForwardExpose, P as Primitive } from "../../../Teleport-BnT1MTUO.js";
-import { useConversationListState } from "../../../states/ConversationListState/ConversationListState.js";
-import { useMessageActionState } from "../../../states/MessageActionState/MessageActionState.js";
+import { i as injectDialogRootContext, D as DialogRoot_default, a as DialogPortal_default, b as DialogOverlay_default, c as DialogContent_default } from "../../../DialogPortal-DWeT-J6v.js";
+import { a as useForwardExpose, e as Primitive } from "../../../Teleport-CMvGsENT.js";
 import ForwardListItem from "./ForwardListItem.js";
+import { useMessageActionState } from "../../../states/MessageActionState/MessageActionState.js";
+import { useConversationListState } from "../../../states/ConversationListState/ConversationListState.js";
 import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
 var DialogClose_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
   __name: "DialogClose",

package/dist/components/CameraButton/index.js

@@ -1,4 +1,50 @@
-import { i } from "../../index-BlyS4ObG.js";
+import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, createBlock, createCommentVNode } from "vue";
+import { IconCameraOn, IconCameraOff, IconUnSupport } from "@tencentcloud/uikit-base-component-vue3";
+import { useDeviceState } from "../../states/DeviceState.js";
+import { DeviceStatus, DeviceError } from "../../types/device.js";
+import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const {
+      cameraStatus,
+      hasPublishVideoPermission,
+      cameraLastError,
+      closeLocalCamera,
+      openLocalCamera
+    } = useDeviceState();
+    async function handleClick() {
+      if (!hasPublishVideoPermission.value) {
+        return;
+      }
+      if (cameraStatus.value === DeviceStatus.On) {
+        await closeLocalCamera();
+      } else {
+        await openLocalCamera();
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["camera-button", { "disabled": !unref(hasPublishVideoPermission) }]),
+        onClick: handleClick
+      }, [
+        unref(cameraStatus) === unref(DeviceStatus).On ? (openBlock(), createBlock(unref(IconCameraOn), {
+          key: 0,
+          size: "24"
+        })) : (openBlock(), createBlock(unref(IconCameraOff), {
+          key: 1,
+          size: "24"
+        })),
+        unref(cameraLastError) !== unref(DeviceError).NoError ? (openBlock(), createBlock(unref(IconUnSupport), {
+          key: 2,
+          class: "unsupport-icon",
+          size: "14"
+        })) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const CameraButtonComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cc8bbaca"]]);
 export {
-  i as CameraButton
+  CameraButtonComponent as CameraButton
 };