tuikit-atomicx-vue3 3.3.4 → 3.4.1

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

@@ -1,95 +1,71 @@
-import { defineComponent, ref, computed, onMounted, onUnmounted, watch, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createCommentVNode, createElementVNode } from "vue";
-import { c as cs } from "../../../../index-BF6QB9jF.js";
-import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = {
+import { defineComponent as I, ref as h, computed as d, onMounted as R, onUnmounted as L, watch as z, createElementBlock as v, openBlock as p, normalizeStyle as C, normalizeClass as f, unref as c, createCommentVNode as E, createElementVNode as H } from "vue";
+import { c as _ } from "../../../../index-DPczIrgX.js";
+import { _ as x } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const M = {
   key: 0,
   class: "image-placeholder"
-};
-const _hoisted_2 = ["src"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, k = ["src"], A = /* @__PURE__ */ I({
   __name: "ImageMessage",
   props: {
     message: { default: () => ({}) },
-    isLastInChunk: { type: Boolean, default: false }
+    isLastInChunk: { type: Boolean, default: !1 }
   },
-  setup(__props) {
-    const props = __props;
-    const messageContent = props.message.getMessageContent();
-    const windowResize = ref(false);
-    const loaded = ref(false);
-    const naturalSize = ref(
-      messageContent.width && messageContent.height ? { height: messageContent.height, aspectRatio: messageContent.width / messageContent.height } : null
-    );
-    const isMessageOwner = computed(() => props.message.flow === "out");
-    const displaySize = computed(() => {
-      const MAX_HEIGHT = 400;
-      const DEFAULT_RATIO = 3 / 4;
-      if (!naturalSize.value) {
-        return {
-          height: MAX_HEIGHT,
-          aspectRatio: DEFAULT_RATIO
-        };
-      }
-      const { aspectRatio } = naturalSize.value;
-      if (aspectRatio > 1) {
+  setup(i) {
+    const n = i, e = n.message.getMessageContent(), g = h(!1), t = h(!1), a = h(
+      e.width && e.height ? { height: e.height, aspectRatio: e.width / e.height } : null
+    ), r = d(() => n.message.flow === "out"), s = d(() => {
+      if (!a.value)
         return {
-          aspectRatio,
-          height: 200
+          height: 400,
+          aspectRatio: 0.75
         };
-      }
-      return {
-        aspectRatio,
+      const { aspectRatio: u } = a.value;
+      return u > 1 ? {
+        aspectRatio: u,
+        height: 200
+      } : {
+        aspectRatio: u,
         height: 400
       };
-    });
-    const onResize = () => {
-      windowResize.value = true;
+    }), m = () => {
+      g.value = !0;
+    }, w = (l) => {
+      const o = l.target;
+      a.value = {
+        aspectRatio: o.naturalWidth / o.naturalHeight,
+        height: o.naturalHeight
+      }, t.value = !0;
     };
-    const onImageLoad = (e) => {
-      const img = e.target;
-      naturalSize.value = {
-        aspectRatio: img.naturalWidth / img.naturalHeight,
-        height: img.naturalHeight
-      };
-      loaded.value = true;
-    };
-    onMounted(() => {
-      window.addEventListener("resize", onResize);
-    });
-    onUnmounted(() => {
-      window.removeEventListener("resize", onResize);
-    });
-    watch(() => props.message.ID, () => {
-      loaded.value = false;
-      naturalSize.value = messageContent.width && messageContent.height ? { height: messageContent.height, aspectRatio: messageContent.width / messageContent.height } : null;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(cs)("image-message", {
-          "image-message--last--self": isMessageOwner.value && _ctx.isLastInChunk,
-          "image-message--last--other": !isMessageOwner.value && _ctx.isLastInChunk,
-          "image-message--loaded": loaded.value
+    return R(() => {
+      window.addEventListener("resize", m);
+    }), L(() => {
+      window.removeEventListener("resize", m);
+    }), z(() => n.message.ID, () => {
+      t.value = !1, a.value = e.width && e.height ? { height: e.height, aspectRatio: e.width / e.height } : null;
+    }), (l, o) => (p(), v("div", {
+      class: f(c(_)("image-message", {
+        "image-message--last--self": r.value && i.isLastInChunk,
+        "image-message--last--other": !r.value && i.isLastInChunk,
+        "image-message--loaded": t.value
+      })),
+      style: C({
+        minHeight: g.value ? "auto" : `${s.value.height}px`,
+        maxHeight: `${s.value.height}px`,
+        aspectRatio: a.value ? `${s.value.aspectRatio}` : "auto",
+        width: t.value ? void 0 : `${s.value.height * s.value.aspectRatio}px`
+      })
+    }, [
+      t.value ? E("", !0) : (p(), v("div", M)),
+      H("img", {
+        src: c(e).url,
+        class: f(c(_)("image", {
+          "image--loaded": t.value
         })),
-        style: normalizeStyle({
-          minHeight: windowResize.value ? "auto" : `${displaySize.value.height}px`,
-          maxHeight: `${displaySize.value.height}px`,
-          aspectRatio: naturalSize.value ? `${displaySize.value.aspectRatio}` : "auto",
-          width: !loaded.value ? `${displaySize.value.height * displaySize.value.aspectRatio}px` : void 0
-        })
-      }, [
-        !loaded.value ? (openBlock(), createElementBlock("div", _hoisted_1)) : createCommentVNode("", true),
-        createElementVNode("img", {
-          src: unref(messageContent).url,
-          class: normalizeClass(unref(cs)("image", {
-            "image--loaded": loaded.value
-          })),
-          onLoad: onImageLoad
-        }, null, 42, _hoisted_2)
-      ], 6);
-    };
+        onLoad: w
+      }, null, 42, k)
+    ], 6));
   }
-});
-const ImageMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6bb07424"]]);
+}), B = /* @__PURE__ */ x(A, [["__scopeId", "data-v-6bb07424"]]);
 export {
-  ImageMessage as default
+  B as default
 };

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

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

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

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

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

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

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

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

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

@@ -1,48 +1,37 @@
-import { defineComponent, toRefs, computed, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, renderSlot, toDisplayString } from "vue";
-import TUIChatEngine from "@tencentcloud/chat-uikit-engine";
-import { c as cs } from "../../../../../index-BF6QB9jF.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 = {
+import { defineComponent as f, toRefs as _, computed as n, createElementBlock as i, openBlock as l, normalizeClass as b, unref as e, createCommentVNode as v, renderSlot as E, toDisplayString as I } from "vue";
+import r from "@tencentcloud/chat-uikit-engine";
+import { c as M } from "../../../../../index-DPczIrgX.js";
+import { useUIKit as k } from "@tencentcloud/uikit-base-component-vue3";
+import { useBarrageListState as S } from "../../../../../states/BarrageListState/BarrageListState.js";
+import { _ as C } from "../../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const y = {
   key: 0,
   class: "has-risk-content"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, B = /* @__PURE__ */ f({
   __name: "MessageBubble",
   props: {
     message: { default: () => ({}) },
-    isLastInChunk: { type: Boolean, default: false }
+    isLastInChunk: { type: Boolean, default: !1 }
   },
-  setup(__props) {
-    const { t } = useUIKit();
-    const MEDIA_MESSAGE_TYPE = [TUIChatEngine.TYPES.MSG_IMAGE, TUIChatEngine.TYPES.MSG_VIDEO];
-    const props = __props;
-    const { message, isLastInChunk } = toRefs(props);
-    const { highlightMessageIDList } = useBarrageListState();
-    const isMediaMessage = computed(() => MEDIA_MESSAGE_TYPE.includes(message.value.type));
-    const isHighlighted = computed(() => highlightMessageIDList.value.includes(message.value.ID));
-    const { flow } = message.value;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          "message-bubble",
-          unref(cs)({
-            [`bubble-${unref(flow)}`]: unref(flow) && true,
-            "all-round-radius": !unref(isLastInChunk),
-            "no-background": MEDIA_MESSAGE_TYPE.includes(unref(message).type),
-            "highlight--normal": isHighlighted.value,
-            "highlight--media": isHighlighted.value && isMediaMessage.value
-          })
-        ])
-      }, [
-        unref(message).hasRiskContent ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(unref(t)("This message contains risky content")), 1)) : createCommentVNode("", true),
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 2);
-    };
+  setup(c) {
+    const { t: u } = k(), t = [r.TYPES.MSG_IMAGE, r.TYPES.MSG_VIDEO], m = c, { message: s, isLastInChunk: d } = _(m), { highlightMessageIDList: p } = S(), g = n(() => t.includes(s.value.type)), o = n(() => p.value.includes(s.value.ID)), { flow: a } = s.value;
+    return (h, D) => (l(), i("div", {
+      class: b([
+        "message-bubble",
+        e(M)({
+          [`bubble-${e(a)}`]: e(a) && !0,
+          "all-round-radius": !e(d),
+          "no-background": t.includes(e(s).type),
+          "highlight--normal": o.value,
+          "highlight--media": o.value && g.value
+        })
+      ])
+    }, [
+      e(s).hasRiskContent ? (l(), i("div", y, I(e(u)("This message contains risky content")), 1)) : v("", !0),
+      E(h.$slots, "default", {}, void 0, !0)
+    ], 2));
   }
-});
-const MessageBubble = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2548c596"]]);
+}), x = /* @__PURE__ */ C(B, [["__scopeId", "data-v-2548c596"]]);
 export {
-  MessageBubble as default
+  x as default
 };

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

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

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

@@ -1,116 +1,108 @@
-import { defineComponent, toRefs, computed, createBlock, createElementBlock, createCommentVNode, unref, openBlock, normalizeStyle, normalizeClass, createElementVNode, createVNode, toDisplayString, withCtx, resolveDynamicComponent } from "vue";
-import TUIChatEngine from "@tencentcloud/chat-uikit-engine";
-import { c as cs } from "../../../../index-BF6QB9jF.js";
-import { CustomMessage as _sfc_main$2 } from "../CustomMessage/index.js";
-import FaceMessage from "../FaceMessage/FaceMessage.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";
-import TextMessage from "../TextMessage/TextMessage.js";
-import MessageBubble from "./MessageBubble/MessageBubble.js";
-import MessageMeta from "./MessageMeta/MessageMeta.js";
-import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = ["data-message-id"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as T, toRefs as E, computed as c, createBlock as u, createElementBlock as _, createCommentVNode as n, unref as e, openBlock as l, normalizeStyle as k, normalizeClass as m, createElementVNode as p, createVNode as v, toDisplayString as C, withCtx as G, resolveDynamicComponent as P } from "vue";
+import a from "@tencentcloud/chat-uikit-engine";
+import { c as r } from "../../../../index-DPczIrgX.js";
+import { CustomMessage as h } from "../CustomMessage/index.js";
+import I from "../FaceMessage/FaceMessage.js";
+import { GroupTipMessage as g } from "../GroupTipMessage/index.js";
+import Y from "../ImageMessage/ImageMessage.js";
+import w from "../MergerMessage/MergerMessage.js";
+import R from "../RecalledMessage/RecalledMessage.js";
+import b from "../TextMessage/TextMessage.js";
+import x from "./MessageBubble/MessageBubble.js";
+import B from "./MessageMeta/MessageMeta.js";
+import { _ as N } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const L = ["data-message-id"], $ = /* @__PURE__ */ T({
   __name: "MessageLayout",
   props: {
     message: { default: () => ({}) },
-    isLastInChunk: { type: Boolean, default: true },
+    isLastInChunk: { type: Boolean, default: !0 },
     className: { default: "" },
     style: { default: () => ({}) }
   },
-  setup(__props) {
-    const props = __props;
-    const {
-      message,
-      isLastInChunk,
+  setup(f) {
+    const d = f, {
+      message: s,
+      isLastInChunk: t,
       // messageActionList,
-      className,
-      style
-    } = toRefs(props);
-    const MessageComponentsFactory = {
-      [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");
-    return (_ctx, _cache) => {
-      return unref(message).isRevoked ? (openBlock(), createBlock(unref(RecalledMessage), {
-        key: 0,
-        class: "message-recalled",
-        message: unref(message)
-      }, 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", {
-        key: 2,
-        "data-message-id": unref(message).ID,
-        class: normalizeClass(
-          unref(cs)(
-            "message-layout",
-            {
-              "message-layout--self": isMessageOwner.value,
-              [`message-layout--not-last${isMessageOwner.value ? "--self" : ""}`]: !unref(isLastInChunk)
-            },
-            unref(className)
-          )
-        ),
-        style: normalizeStyle(unref(style))
+      className: y,
+      style: M
+    } = E(d), S = {
+      [a.TYPES.MSG_TEXT]: b,
+      [a.TYPES.MSG_IMAGE]: Y,
+      [a.TYPES.MSG_FACE]: I,
+      [a.TYPES.MSG_MERGER]: w,
+      [a.TYPES.MSG_CUSTOM]: h,
+      [a.TYPES.MSG_GRP_TIP]: g
+    }, i = c(() => S[s.value.type]), o = c(() => s.value.flow === "out");
+    return (D, F) => e(s).isRevoked ? (l(), u(e(R), {
+      key: 0,
+      class: "message-recalled",
+      message: e(s)
+    }, null, 8, ["message"])) : e(s).type === e(a).TYPES.MSG_GRP_TIP || e(s).type === e(a).TYPES.MSG_CUSTOM ? (l(), u(e(g), {
+      key: 1,
+      message: e(s)
+    }, null, 8, ["message"])) : i.value ? (l(), _("div", {
+      key: 2,
+      "data-message-id": e(s).ID,
+      class: m(
+        e(r)(
+          "message-layout",
+          {
+            "message-layout--self": o.value,
+            [`message-layout--not-last${o.value ? "--self" : ""}`]: !e(t)
+          },
+          e(y)
+        )
+      ),
+      style: k(e(M))
+    }, [
+      p("div", {
+        class: m(e(r)("message-layout__wrapper", { "message-layout__wrapper--self": o.value }))
       }, [
-        createElementVNode("div", {
-          class: normalizeClass(unref(cs)("message-layout__wrapper", { "message-layout__wrapper--self": isMessageOwner.value }))
+        p("div", {
+          class: m(
+            e(r)("message-layout__wrapper__middle", {
+              "message-layout__wrapper__middle--self": o.value
+            })
+          )
         }, [
-          createElementVNode("div", {
-            class: normalizeClass(
-              unref(cs)("message-layout__wrapper__middle", {
-                "message-layout__wrapper__middle--self": isMessageOwner.value
-              })
-            )
-          }, [
-            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),
-            createVNode(unref(MessageBubble), {
-              class: normalizeClass(
-                unref(cs)({
-                  [`message-layout__bubble--last${isMessageOwner.value ? "--self" : ""}`]: unref(isLastInChunk)
-                })
-              ),
-              message: unref(message),
-              "is-last-in-chunk": unref(isLastInChunk)
-            }, {
-              default: withCtx(() => [
-                (openBlock(), createBlock(resolveDynamicComponent(MessageComponent.value), {
-                  message: unref(message),
-                  "is-last-in-chunk": unref(isLastInChunk)
-                }, null, 8, ["message", "is-last-in-chunk"]))
-              ]),
-              _: 1
-            }, 8, ["class", "message", "is-last-in-chunk"])
-          ], 2),
-          unref(isLastInChunk) ? (openBlock(), createBlock(unref(MessageMeta), {
+          e(t) && e(s).type !== e(a).TYPES.MSG_TEXT ? (l(), _("div", {
             key: 0,
-            class: normalizeClass(
-              unref(cs)("message-layout__meta", {
-                "message-layout__meta--self": isMessageOwner.value
+            class: m(e(r)("message-layout__nick"))
+          }, C(e(s).nick + ": "), 3)) : n("", !0),
+          v(e(x), {
+            class: m(
+              e(r)({
+                [`message-layout__bubble--last${o.value ? "--self" : ""}`]: e(t)
               })
             ),
-            status: unref(message).status,
-            "is-show-read-status": true,
-            timestamp: unref(message).time
-          }, null, 8, ["class", "status", "timestamp"])) : createCommentVNode("", true)
-        ], 2)
-      ], 14, _hoisted_1)) : createCommentVNode("", true);
-    };
+            message: e(s),
+            "is-last-in-chunk": e(t)
+          }, {
+            default: G(() => [
+              (l(), u(P(i.value), {
+                message: e(s),
+                "is-last-in-chunk": e(t)
+              }, null, 8, ["message", "is-last-in-chunk"]))
+            ]),
+            _: 1
+          }, 8, ["class", "message", "is-last-in-chunk"])
+        ], 2),
+        e(t) ? (l(), u(e(B), {
+          key: 0,
+          class: m(
+            e(r)("message-layout__meta", {
+              "message-layout__meta--self": o.value
+            })
+          ),
+          status: e(s).status,
+          "is-show-read-status": !0,
+          timestamp: e(s).time
+        }, null, 8, ["class", "status", "timestamp"])) : n("", !0)
+      ], 2)
+    ], 14, L)) : n("", !0);
   }
-});
-const MessageLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cd1d60a2"]]);
+}), Z = /* @__PURE__ */ N($, [["__scopeId", "data-v-cd1d60a2"]]);
 export {
-  MessageLayout as default
+  Z as default
 };

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

@@ -1,46 +1,40 @@
-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";
-import { _ as _export_sfc } from "../../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = {
+import { defineComponent as i, computed as u, createElementBlock as t, openBlock as s, normalizeStyle as n, normalizeClass as r, unref as a, createCommentVNode as o, toDisplayString as c, createVNode as p } from "vue";
+import { c as d } from "../../../../../index-DPczIrgX.js";
+import { getTimeStampAuto as f } from "../../../../../utils/time.js";
+import _ from "./MessageStatusIcon.js";
+import { _ as S } from "../../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const y = {
   key: 0,
   class: "message-meta__time"
-};
-const _hoisted_2 = {
+}, h = {
   key: 1,
   class: "message-meta__status"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, g = /* @__PURE__ */ i({
   __name: "MessageMeta",
   props: {
     timestamp: {},
-    isShowSendStatus: { type: Boolean, default: false },
-    isShowReadStatus: { type: Boolean, default: false },
-    isShowTime: { type: Boolean, default: false },
+    isShowSendStatus: { type: Boolean, default: !1 },
+    isShowReadStatus: { type: Boolean, default: !1 },
+    isShowTime: { type: Boolean, default: !1 },
     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),
-        showStatus.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          createVNode(MessageStatusIcon, {
-            status: props.status
-          }, null, 8, ["status"])
-        ])) : createCommentVNode("", true)
-      ], 6);
-    };
+  setup(m) {
+    const e = m, l = u(() => e.status && e.isShowSendStatus || e.status === "fail");
+    return (v, w) => (s(), t("div", {
+      class: r(a(d)("message-meta", e.class)),
+      style: n(e.style)
+    }, [
+      e.isShowTime ? (s(), t("span", y, c(a(f)(e.timestamp)), 1)) : o("", !0),
+      l.value ? (s(), t("div", h, [
+        p(_, {
+          status: e.status
+        }, null, 8, ["status"])
+      ])) : o("", !0)
+    ], 6));
   }
-});
-const MessageMeta = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fbbde202"]]);
+}), T = /* @__PURE__ */ S(g, [["__scopeId", "data-v-fbbde202"]]);
 export {
-  MessageMeta as default
+  T as default
 };

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

@@ -1,29 +1,26 @@
-import { defineComponent, createBlock, createCommentVNode, openBlock, unref } from "vue";
-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({
+import { defineComponent as o, createBlock as s, createCommentVNode as n, openBlock as t, unref as a } from "vue";
+import { IconLoading as c, IconSuccess as r, IconErrorToast as u } from "@tencentcloud/uikit-base-component-vue3";
+import { _ as m } from "../../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const i = /* @__PURE__ */ o({
   __name: "MessageStatusIcon",
   props: {
     status: {}
   },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return _ctx.status === "unSend" ? (openBlock(), createBlock(unref(IconLoading), {
-        key: 0,
-        class: "message-meta__status--unSend",
-        size: 14
-      })) : _ctx.status === "success" ? (openBlock(), createBlock(unref(IconSuccess), {
-        key: 1,
-        name: "",
-        size: 14
-      })) : _ctx.status === "fail" ? (openBlock(), createBlock(unref(IconErrorToast), {
-        key: 2,
-        size: 14
-      })) : createCommentVNode("", true);
-    };
+  setup(e) {
+    return (f, _) => e.status === "unSend" ? (t(), s(a(c), {
+      key: 0,
+      class: "message-meta__status--unSend",
+      size: 14
+    })) : e.status === "success" ? (t(), s(a(r), {
+      key: 1,
+      name: "",
+      size: 14
+    })) : e.status === "fail" ? (t(), s(a(u), {
+      key: 2,
+      size: 14
+    })) : n("", !0);
   }
-});
-const MessageStatusIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a4ba2853"]]);
+}), k = /* @__PURE__ */ m(i, [["__scopeId", "data-v-a4ba2853"]]);
 export {
-  MessageStatusIcon as default
+  k as default
 };

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

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

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

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