tuikit-atomicx-vue3 3.3.4 → 3.4.2

package/dist/components/BarrageList/BarrageListH5.js

@@ -1,25 +1,20 @@
-import { defineComponent, useSlots, ref, provide, watch, nextTick, onMounted, onUnmounted, createElementBlock, openBlock, Fragment, createElementVNode, createVNode, createBlock, createCommentVNode, normalizeStyle, unref, withCtx, renderList, resolveDynamicComponent, toDisplayString } from "vue";
-import ObserverView from "../../baseComp/ObserverView/ObserverView.js";
-import { throttle } from "../../utils/lodash.js";
-import { useScroll } from "../../hooks/useScroll.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 = {
+import { defineComponent as q, useSlots as J, ref as i, provide as Q, watch as w, nextTick as F, onMounted as W, onUnmounted as X, createElementBlock as k, openBlock as d, Fragment as $, createElementVNode as v, createVNode as N, createBlock as z, createCommentVNode as E, normalizeStyle as S, unref as r, withCtx as Y, renderList as Z, resolveDynamicComponent as ee, toDisplayString as O } from "vue";
+import te from "../../baseComp/ObserverView/ObserverView.js";
+import { throttle as oe } from "../../utils/lodash.js";
+import { useScroll as le } from "../../hooks/useScroll.js";
+import { Message as se } from "./Message/index.js";
+import re from "./MessageForward/MessageForward.js";
+import { MessageListContextSymbol as ae } from "./MessageListContext.js";
+import { useUIKit as ie } from "@tencentcloud/uikit-base-component-vue3";
+import ne from "./ClickAction/UserActionMenu.js";
+import { useLoginState as ue } from "../../states/LoginState.js";
+import { useLiveState as ce } from "../../states/LiveState/index.js";
+import { useBarrageListState as ve } from "../../states/BarrageListState/BarrageListState.js";
+import { _ as me } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const fe = { class: "message-chunk" }, de = {
   key: 0,
   class: "message-group-tip"
-};
-const _hoisted_3 = { class: "message-group-tip-name" };
-const _hoisted_4 = { class: "message-group-tip-action" };
-const autoScrollThreshold = 150;
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, pe = { class: "message-group-tip-name" }, ge = { class: "message-group-tip-action" }, C = 150, he = /* @__PURE__ */ q({
   __name: "BarrageListH5",
   props: {
     messageAggregationTime: { default: 5 * 60 },
@@ -32,195 +27,125 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     height: {},
     style: {}
   },
-  setup(__props) {
-    const { t } = useUIKit();
-    const props = __props;
-    const slots = useSlots();
-    const { loginUserInfo } = useLoginState();
-    const { currentLive } = useLiveState();
-    const currentMessage = ref({});
-    const showActionMenu = ref(false);
-    const actionMenuStyle = ref({});
-    const nickClickTarget = ref(null);
-    const calculateActionMenuPosition = (targetRect) => {
-      if (!scrollContainer.value) {
+  setup(U) {
+    const { t: L } = ie(), m = U, V = J(), { loginUserInfo: T } = ue(), { currentLive: G } = ce(), c = i({}), x = i(!1), H = i({}), I = i(null), K = (o) => {
+      if (!e.value)
         return {
           position: "fixed",
-          top: `${targetRect.bottom + 5}px`,
-          left: `${targetRect.left}px`,
+          top: `${o.bottom + 5}px`,
+          left: `${o.left}px`,
           zIndex: 1e3
         };
-      }
-      const scrollContainerRect = scrollContainer.value.getBoundingClientRect();
-      const menuHeight = 120;
-      const padding = 10;
-      const gap = 5;
-      let top = targetRect.bottom + gap;
-      if (top + menuHeight > scrollContainerRect.bottom - padding) {
-        top = targetRect.top - menuHeight - gap;
-      }
-      if (top < scrollContainerRect.top + padding) {
-        top = scrollContainerRect.top + padding;
-      }
-      return {
+      const t = e.value.getBoundingClientRect(), l = 120, s = 10, n = 5;
+      let a = o.bottom + n;
+      return a + l > t.bottom - s && (a = o.top - l - n), a < t.top + s && (a = t.top + s), {
         position: "fixed",
-        top: `${top}px`,
-        left: `${targetRect.left}px`,
+        top: `${a}px`,
+        left: `${o.left}px`,
         zIndex: 1e3
       };
     };
-    provide(MessageListContextSymbol, {
-      slots,
-      nickClick: (payload) => {
-        var _a, _b, _c;
-        const { message, event } = payload;
-        const isOwner = ((_a = loginUserInfo.value) == null ? void 0 : _a.userId) === ((_b = currentLive.value) == null ? void 0 : _b.liveOwner.userId);
-        const isMe = ((_c = loginUserInfo.value) == null ? void 0 : _c.userId) === message.from;
-        if (!isOwner || isMe) {
+    Q(ae, {
+      slots: V,
+      nickClick: (o) => {
+        var u, A, D;
+        const { message: t, event: l } = o, s = ((u = T.value) == null ? void 0 : u.userId) === ((A = G.value) == null ? void 0 : A.liveOwner.userId), n = ((D = T.value) == null ? void 0 : D.userId) === t.from;
+        if (!s || n)
           return;
-        }
-        currentMessage.value = message;
-        nickClickTarget.value = event.currentTarget;
-        const rect = event.currentTarget.getBoundingClientRect();
-        actionMenuStyle.value = calculateActionMenuPosition(rect);
-        showActionMenu.value = true;
+        c.value = t, I.value = l.currentTarget;
+        const a = l.currentTarget.getBoundingClientRect();
+        H.value = K(a), x.value = !0;
       }
     });
-    const isFinishFirstRender = ref(false);
-    const isDisableAutoScroll = ref(false);
-    const distanceToBottom = ref(0);
-    const isLoadingHistory = ref(false);
-    const scrollContainer = ref(null);
-    const { messageGroupTip, messageList, loadMoreMessage, currentConversationID } = useBarrageListState();
-    const { scrollToBottom } = useScroll();
-    const handleScroll = throttle(() => {
-      if (!scrollContainer.value) {
-        return;
-      }
-      distanceToBottom.value = scrollContainer.value.scrollHeight - scrollContainer.value.scrollTop - scrollContainer.value.clientHeight;
-      if (distanceToBottom.value > autoScrollThreshold) {
-        isDisableAutoScroll.value = true;
-      }
-      if (distanceToBottom.value < autoScrollThreshold) {
-        isDisableAutoScroll.value = false;
-      }
-    }, 100);
-    const initializeMessageList = async () => {
-      isFinishFirstRender.value = false;
-      isDisableAutoScroll.value = false;
-    };
-    const loadMoreHistory = async () => {
-      var _a;
-      if (!isFinishFirstRender.value || isLoadingHistory.value || !((_a = messageList.value) == null ? void 0 : _a.length)) {
+    const p = i(!1), g = i(!1), h = i(0), y = i(!1), e = i(null), { messageGroupTip: f, messageList: _, loadMoreMessage: P, currentConversationID: R } = ve(), { scrollToBottom: M } = le(), B = oe(() => {
+      e.value && (h.value = e.value.scrollHeight - e.value.scrollTop - e.value.clientHeight, h.value > C && (g.value = !0), h.value < C && (g.value = !1));
+    }, 100), b = async () => {
+      p.value = !1, g.value = !1;
+    }, j = async () => {
+      var t;
+      if (!p.value || y.value || !((t = _.value) != null && t.length))
         return;
-      }
-      isLoadingHistory.value = true;
-      if (!scrollContainer.value) {
-        isLoadingHistory.value = false;
+      if (y.value = !0, !e.value) {
+        y.value = !1;
         return;
       }
-      const distanceFromBottom = scrollContainer.value.scrollHeight - scrollContainer.value.scrollTop - scrollContainer.value.clientHeight;
-      await loadMoreMessage();
-      await nextTick();
-      if (scrollContainer.value) {
-        const newScrollTop = scrollContainer.value.scrollHeight - scrollContainer.value.clientHeight - distanceFromBottom;
-        scrollContainer.value.scrollTop = Math.max(
+      const o = e.value.scrollHeight - e.value.scrollTop - e.value.clientHeight;
+      if (await P(), await F(), e.value) {
+        const l = e.value.scrollHeight - e.value.clientHeight - o;
+        e.value.scrollTop = Math.max(
           0,
-          Math.min(scrollContainer.value.scrollHeight - scrollContainer.value.clientHeight, newScrollTop)
+          Math.min(e.value.scrollHeight - e.value.clientHeight, l)
         );
       }
-      isLoadingHistory.value = false;
+      y.value = !1;
     };
-    watch(currentConversationID, () => {
-      initializeMessageList();
-    });
-    watch(messageList, (newMessages, oldMessages) => {
-      if (oldMessages === void 0 && newMessages && !isFinishFirstRender.value) {
-        nextTick(() => {
-          scrollToBottom({ behavior: "instant" });
-          isFinishFirstRender.value = true;
-        });
-      }
-      if (!oldMessages || !newMessages || !newMessages.length) {
+    return w(R, () => {
+      b();
+    }), w(_, (o, t) => {
+      if (t === void 0 && o && !p.value && F(() => {
+        M({ behavior: "instant" }), p.value = !0;
+      }), !t || !o || !o.length)
         return;
-      }
-      const newLastMessage = newMessages[newMessages.length - 1];
-      const oldLastMessage = oldMessages[oldMessages.length - 1];
-      if ((newLastMessage == null ? void 0 : newLastMessage.ID) !== (oldLastMessage == null ? void 0 : oldLastMessage.ID)) {
-        const shouldAutoScroll = newLastMessage.flow === "out" || !isDisableAutoScroll.value && distanceToBottom.value < autoScrollThreshold;
-        if (shouldAutoScroll) {
-          scrollToBottom({ behavior: "smooth" });
-        }
-      }
-    });
-    onMounted(() => {
-      if (scrollContainer.value) {
-        scrollContainer.value.addEventListener("scroll", handleScroll);
-      }
-      initializeMessageList();
-    });
-    onUnmounted(() => {
-      if (scrollContainer.value) {
-        scrollContainer.value.removeEventListener("scroll", handleScroll);
-      }
-    });
-    return (_ctx, _cache) => {
-      var _a, _b, _c, _d;
-      return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("div", {
+      const l = o[o.length - 1], s = t[t.length - 1];
+      (l == null ? void 0 : l.ID) !== (s == null ? void 0 : s.ID) && (l.flow === "out" || !g.value && h.value < C) && M({ behavior: "smooth" });
+    }), W(() => {
+      e.value && e.value.addEventListener("scroll", B), b();
+    }), X(() => {
+      e.value && e.value.removeEventListener("scroll", B);
+    }), (o, t) => {
+      var l, s, n, a;
+      return d(), k($, null, [
+        v("div", {
           class: "message-list",
-          style: normalizeStyle({ height: props.height, ...props.style })
+          style: S({ height: m.height, ...m.style })
         }, [
-          createElementVNode("div", {
+          v("div", {
             id: "messageScrollList",
             ref_key: "scrollContainer",
-            ref: scrollContainer,
+            ref: e,
             class: "message-list-container",
-            style: normalizeStyle(props.containerStyle)
+            style: S(m.containerStyle)
           }, [
-            createVNode(unref(ObserverView), {
+            N(r(te), {
               root: "#messageScrollList",
               rootMargin: "50px 0px 0px 0px",
               threshold: 0.1,
-              onOnShow: loadMoreHistory
+              onOnShow: j
             }, {
-              default: withCtx(() => [..._cache[1] || (_cache[1] = [
-                createElementVNode("div", { id: "loadMore" }, null, -1)
+              default: Y(() => [...t[1] || (t[1] = [
+                v("div", { id: "loadMore" }, null, -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 + message.status,
-                  class: "message-item",
-                  style: normalizeStyle(props.itemStyle),
-                  message,
-                  "is-last-in-chunk": true
-                }, null, 8, ["style", "message"]);
-              }), 128))
+            v("div", fe, [
+              (d(!0), k($, null, Z(r(_), (u) => (d(), z(ee(m.Message || r(se)), {
+                key: u.ID + u.isRevoked + u.status,
+                class: "message-item",
+                style: S(m.itemStyle),
+                message: u,
+                "is-last-in-chunk": !0
+              }, null, 8, ["style", "message"]))), 128))
             ])
           ], 4),
-          unref(messageGroupTip) ? (openBlock(), createElementBlock("div", _hoisted_2, [
-            createElementVNode("div", _hoisted_3, toDisplayString(((_a = unref(messageGroupTip)) == null ? void 0 : _a.nameCard) || ((_b = unref(messageGroupTip)) == null ? void 0 : _b.userName) || ((_c = unref(messageGroupTip)) == null ? void 0 : _c.userId)), 1),
-            createElementVNode("div", _hoisted_4, toDisplayString(((_d = unref(messageGroupTip)) == null ? void 0 : _d.displayAction) === "enter" ? unref(t)("Come in") : unref(t)("Leave")), 1)
-          ])) : createCommentVNode("", true)
+          r(f) ? (d(), k("div", de, [
+            v("div", pe, O(((l = r(f)) == null ? void 0 : l.nameCard) || ((s = r(f)) == null ? void 0 : s.userName) || ((n = r(f)) == null ? void 0 : n.userId)), 1),
+            v("div", ge, O(((a = r(f)) == null ? void 0 : a.displayAction) === "enter" ? r(L)("Come in") : r(L)("Leave")), 1)
+          ])) : E("", !0)
         ], 4),
-        createVNode(unref(MessageForward)),
-        showActionMenu.value ? (openBlock(), createBlock(UserActionMenu, {
+        N(r(re)),
+        x.value ? (d(), z(ne, {
           key: 0,
-          "user-id": currentMessage.value.from,
-          "user-name": currentMessage.value.nameCard || currentMessage.value.nick || currentMessage.value.from,
-          "avatar-url": currentMessage.value.avatar,
-          style: normalizeStyle(actionMenuStyle.value),
-          "click-target": nickClickTarget.value,
-          onClose: _cache[0] || (_cache[0] = ($event) => showActionMenu.value = false)
-        }, null, 8, ["user-id", "user-name", "avatar-url", "style", "click-target"])) : createCommentVNode("", true)
+          "user-id": c.value.from,
+          "user-name": c.value.nameCard || c.value.nick || c.value.from,
+          "avatar-url": c.value.avatar,
+          style: S(H.value),
+          "click-target": I.value,
+          onClose: t[0] || (t[0] = (u) => x.value = !1)
+        }, null, 8, ["user-id", "user-name", "avatar-url", "style", "click-target"])) : E("", !0)
       ], 64);
     };
   }
-});
-const BarrageListH5 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2787bca3"]]);
+}), Ae = /* @__PURE__ */ me(he, [["__scopeId", "data-v-2787bca3"]]);
 export {
-  BarrageListH5 as default
+  Ae as default
 };

package/dist/components/BarrageList/ClickAction/UserActionMenu.js

@@ -1,18 +1,12 @@
-import { defineComponent, ref, computed, onMounted, onUnmounted, createElementBlock, openBlock, withModifiers, createElementVNode, createCommentVNode, createVNode, unref, toDisplayString, Fragment, renderList } from "vue";
-import { useLiveAudienceState } from "../../../states/LiveAudienceState.js";
-import { useUIKit, TUIToast } from "@tencentcloud/uikit-base-component-vue3";
-import Avatar from "../../Avatar/Avatar.js";
-import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { class: "action-menu-content" };
-const _hoisted_2 = { class: "action-menu-header" };
-const _hoisted_3 = { class: "user-info-simple" };
-const _hoisted_4 = { class: "user-name-simple" };
-const _hoisted_5 = {
+import { defineComponent as k, ref as M, computed as I, onMounted as U, onUnmounted as S, createElementBlock as c, openBlock as i, withModifiers as y, createElementVNode as r, createCommentVNode as A, createVNode as C, unref as L, toDisplayString as v, Fragment as F, renderList as N } from "vue";
+import { useLiveAudienceState as D } from "../../../states/LiveAudienceState.js";
+import { useUIKit as E, TUIToast as _ } from "@tencentcloud/uikit-base-component-vue3";
+import T from "../../Avatar/Avatar.js";
+import { _ as x } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const V = { class: "action-menu-content" }, w = { class: "action-menu-header" }, B = { class: "user-info-simple" }, O = { class: "user-name-simple" }, R = {
   key: 0,
   class: "action-menu-list"
-};
-const _hoisted_6 = ["onClick"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, z = ["onClick"], K = /* @__PURE__ */ k({
   __name: "UserActionMenu",
   props: {
     userId: {},
@@ -21,93 +15,69 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     clickTarget: {}
   },
   emits: ["close"],
-  setup(__props, { emit: __emit }) {
-    const { t } = useUIKit();
-    const { disableSendMessage, audienceList } = useLiveAudienceState();
-    const actionMenuRef = ref();
-    const emit = __emit;
-    const props = __props;
-    const actions = computed(() => {
-      const targetUserInfo = audienceList.value.find((item) => item.userId === props.userId);
-      if (!targetUserInfo) {
+  setup(o, { emit: g }) {
+    const { t: n } = E(), { disableSendMessage: u, audienceList: b } = D(), d = M(), m = g, a = o, f = I(() => {
+      const t = b.value.find((s) => s.userId === a.userId);
+      if (!t)
         return [];
-      }
-      const actionList = [];
-      if (!targetUserInfo.isMessageDisabled) {
-        actionList.push({
-          label: t("Mute"),
-          action: "disableSendMessage",
-          actionFn: () => disableSendMessage({ userId: props.userId, isDisable: true })
-        });
-      } else {
-        actionList.push({
-          label: t("Unmute"),
-          action: "disableSendMessage",
-          actionFn: () => disableSendMessage({ userId: props.userId, isDisable: false })
-        });
-      }
-      return actionList;
-    });
-    const handleAction = async (action) => {
+      const e = [];
+      return t.isMessageDisabled ? e.push({
+        label: n("Unmute"),
+        action: "disableSendMessage",
+        actionFn: () => u({ userId: a.userId, isDisable: !1 })
+      }) : e.push({
+        label: n("Mute"),
+        action: "disableSendMessage",
+        actionFn: () => u({ userId: a.userId, isDisable: !0 })
+      }), e;
+    }), h = async (t) => {
       try {
-        await action.actionFn();
-        TUIToast.success({
-          message: t(action.label === t("Mute") ? "Mute Success" : "Unmute Success")
+        await t.actionFn(), _.success({
+          message: n(t.label === n("Mute") ? "Mute Success" : "Unmute Success")
         });
-      } catch (error) {
-        console.error("Action failed:", error);
-        TUIToast.error({
-          message: t("Operation Failed")
+      } catch (e) {
+        console.error("Action failed:", e), _.error({
+          message: n("Operation Failed")
         });
       }
-      emit("close");
-    };
-    const handleClickOutside = (event) => {
-      var _a, _b;
-      const target = event.target;
-      if (!((_a = actionMenuRef.value) == null ? void 0 : _a.contains(target)) && !((_b = props.clickTarget) == null ? void 0 : _b.contains(target))) {
-        emit("close");
-      }
-    };
-    onMounted(() => {
-      document.addEventListener("click", handleClickOutside);
-    });
-    onUnmounted(() => {
-      document.removeEventListener("click", handleClickOutside);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "user-action-menu",
-        onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-        }, ["stop"])),
-        ref_key: "actionMenuRef",
-        ref: actionMenuRef
-      }, [
-        createElementVNode("div", _hoisted_1, [
-          createElementVNode("div", _hoisted_2, [
-            createElementVNode("div", _hoisted_3, [
-              createVNode(unref(Avatar), {
-                src: _ctx.avatarUrl,
-                size: 26
-              }, null, 8, ["src"]),
-              createElementVNode("span", _hoisted_4, toDisplayString(_ctx.userName || _ctx.userId), 1)
-            ])
-          ]),
-          actions.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_5, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(actions.value, (action) => {
-              return openBlock(), createElementBlock("button", {
-                key: action.label,
-                class: "action-menu-item",
-                onClick: ($event) => handleAction(action)
-              }, toDisplayString(action.label), 9, _hoisted_6);
-            }), 128))
-          ])) : createCommentVNode("", true)
-        ])
-      ], 512);
+      m("close");
+    }, p = (t) => {
+      var s, l;
+      const e = t.target;
+      !((s = d.value) != null && s.contains(e)) && !((l = a.clickTarget) != null && l.contains(e)) && m("close");
     };
+    return U(() => {
+      document.addEventListener("click", p);
+    }), S(() => {
+      document.removeEventListener("click", p);
+    }), (t, e) => (i(), c("div", {
+      class: "user-action-menu",
+      onClick: e[0] || (e[0] = y(() => {
+      }, ["stop"])),
+      ref_key: "actionMenuRef",
+      ref: d
+    }, [
+      r("div", V, [
+        r("div", w, [
+          r("div", B, [
+            C(L(T), {
+              src: o.avatarUrl,
+              size: 26
+            }, null, 8, ["src"]),
+            r("span", O, v(o.userName || o.userId), 1)
+          ])
+        ]),
+        f.value.length > 0 ? (i(), c("div", R, [
+          (i(!0), c(F, null, N(f.value, (s) => (i(), c("button", {
+            key: s.label,
+            class: "action-menu-item",
+            onClick: (l) => h(s)
+          }, v(s.label), 9, z))), 128))
+        ])) : A("", !0)
+      ])
+    ], 512));
   }
-});
-const UserActionMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b065d361"]]);
+}), J = /* @__PURE__ */ x(K, [["__scopeId", "data-v-b065d361"]]);
 export {
-  UserActionMenu as default
+  J as default
 };

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

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

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

@@ -1,12 +1,10 @@
-import { defineComponent } from "vue";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as e } from "vue";
+const n = /* @__PURE__ */ e({
   __name: "CustomMessage",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return " [Custom Message] ";
-    };
+  setup(s) {
+    return (t, o) => " [Custom Message] ";
   }
 });
 export {
-  _sfc_main as CustomMessage
+  n as CustomMessage
 };

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

@@ -1,28 +1,23 @@
-import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, 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 = ["src", "alt"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as a, createElementBlock as o, openBlock as c, normalizeClass as n, unref as e, createElementVNode as r } from "vue";
+import { c as m } from "../../../../index-DPczIrgX.js";
+import { _ as p } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const l = ["src", "alt"], _ = /* @__PURE__ */ a({
   __name: "FaceMessage",
   props: {
     message: { default: () => ({}) }
   },
-  setup(__props) {
-    const props = __props;
-    const messageContent = props.message.getMessageContent();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(cs)("face-message"))
-      }, [
-        createElementVNode("img", {
-          src: unref(messageContent).url,
-          alt: unref(messageContent).name
-        }, null, 8, _hoisted_1)
-      ], 2);
-    };
+  setup(t) {
+    const s = t.message.getMessageContent();
+    return (g, i) => (c(), o("div", {
+      class: n(e(m)("face-message"))
+    }, [
+      r("img", {
+        src: e(s).url,
+        alt: e(s).name
+      }, null, 8, l)
+    ], 2));
   }
-});
-const FaceMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-95a91415"]]);
+}), x = /* @__PURE__ */ p(_, [["__scopeId", "data-v-95a91415"]]);
 export {
-  FaceMessage as default
+  x as default
 };

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

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

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

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

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

@@ -1,30 +1,25 @@
-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({
+import { defineComponent as n, createElementBlock as a, openBlock as p, normalizeClass as c, unref as m, toDisplayString as i } from "vue";
+import { useUIKit as u } from "@tencentcloud/uikit-base-component-vue3";
+import { c as g } from "../../../../index-DPczIrgX.js";
+const h = /* @__PURE__ */ n({
   __name: "GroupTipMessage",
   props: {
     message: {}
   },
-  setup(__props) {
-    const props = __props;
-    const { t } = useUIKit();
-    const messageContent = props.message.getMessageContent();
-    const renderText = () => {
-      switch (messageContent.businessID) {
+  setup(s) {
+    const t = s, { t: r } = u(), e = t.message.getMessageContent(), o = () => {
+      switch (e.businessID) {
         case "group_create":
-          return `${messageContent.showName || ""} ${t("TUIChat.create group")}`;
+          return `${e.showName || ""} ${r("TUIChat.create group")}`;
         default:
-          return messageContent.text;
+          return e.text;
       }
     };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(cs)("group-tip-message"))
-      }, toDisplayString(renderText()), 3);
-    };
+    return (l, f) => (p(), a("div", {
+      class: c(m(g)("group-tip-message"))
+    }, i(o()), 3));
   }
 });
 export {
-  _sfc_main as GroupTipMessage
+  h as GroupTipMessage
 };