tuikit-atomicx-vue3 3.3.4 → 3.4.2

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

@@ -1,49 +1,41 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, Fragment, createTextVNode, createCommentVNode, toDisplayString } from "vue";
-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";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as _, computed as n, createElementBlock as l, openBlock as c, normalizeStyle as T, normalizeClass as y, unref as s, Fragment as r, createTextVNode as m, createCommentVNode as v, toDisplayString as t } from "vue";
+import C from "@tencentcloud/chat-uikit-engine";
+import { useUIKit as I } from "@tencentcloud/uikit-base-component-vue3";
+import { c as h } from "../../../../index-DPczIrgX.js";
+import { _ as k } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const x = /* @__PURE__ */ _({
   __name: "RecalledMessage",
   props: {
     message: {},
     class: { default: void 0 },
     style: { default: void 0 }
   },
-  setup(__props) {
-    const props = __props;
-    const { t } = useUIKit();
-    const setInputValue = (text) => {
-      console.log("Set input value:", 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() {
-      const transformedText = props.message.payload.text;
-      setInputValue(transformedText);
+  setup(i) {
+    const e = i, { t: a } = I(), p = (o) => {
+      console.log("Set input value:", o);
+    }, u = n(() => e.message.type === C.TYPES.MSG_TEXT), d = n(() => e.message.flow === "out"), g = n(() => e.message.nick || e.message.from || "");
+    function f() {
+      const o = e.message.payload.text;
+      p(o);
     }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(cs)("recalled-message", props.class)),
-        style: normalizeStyle(props.style)
-      }, [
-        isMessageOwner.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          createTextVNode(toDisplayString(unref(t)("TUIChat.You")) + toDisplayString(unref(t)("TUIChat.recalled a message")) + " ", 1),
-          isTextMessage.value ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            role: "button",
-            class: "recalled-message__button",
-            onClick: recallMessageToInput
-          }, toDisplayString(unref(t)("TUIChat.Re-edit")), 1)) : createCommentVNode("", true)
-        ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          createTextVNode(toDisplayString(otherDisplayName.value) + " " + toDisplayString(unref(t)("TUIChat.recalled a message")), 1)
-        ], 64))
-      ], 6);
-    };
+    return (o, M) => (c(), l("div", {
+      class: y(s(h)("recalled-message", e.class)),
+      style: T(e.style)
+    }, [
+      d.value ? (c(), l(r, { key: 0 }, [
+        m(t(s(a)("TUIChat.You")) + t(s(a)("TUIChat.recalled a message")) + " ", 1),
+        u.value ? (c(), l("div", {
+          key: 0,
+          role: "button",
+          class: "recalled-message__button",
+          onClick: f
+        }, t(s(a)("TUIChat.Re-edit")), 1)) : v("", !0)
+      ], 64)) : (c(), l(r, { key: 1 }, [
+        m(t(g.value) + " " + t(s(a)("TUIChat.recalled a message")), 1)
+      ], 64))
+    ], 6));
   }
-});
-const RecalledMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7f05e3cc"]]);
+}), V = /* @__PURE__ */ k(x, [["__scopeId", "data-v-7f05e3cc"]]);
 export {
-  RecalledMessage as default
+  V as default
 };

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

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

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

@@ -1,128 +1,99 @@
-import { defineComponent, computed, createElementBlock, openBlock, createCommentVNode, createElementVNode, normalizeClass, unref, Fragment, createTextVNode, toDisplayString, createBlock, resolveDynamicComponent, renderList } from "vue";
-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 { useLiveState } from "../../../../states/LiveState/index.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" };
-const _hoisted_3 = { class: "text-message__reference__content" };
-const _hoisted_4 = { class: "text-message__content" };
-const _hoisted_5 = {
+import { defineComponent as D, computed as p, createElementBlock as t, openBlock as s, createCommentVNode as y, createElementVNode as d, normalizeClass as R, unref as r, Fragment as _, createTextVNode as B, toDisplayString as c, createBlock as N, resolveDynamicComponent as U, renderList as E } from "vue";
+import { TUIStore as V } from "@tencentcloud/chat-uikit-engine";
+import { useUIKit as O, TUIToast as A } from "@tencentcloud/uikit-base-component-vue3";
+import { c as K } from "../../../../index-DPczIrgX.js";
+import { useScroll as j } from "../../../../hooks/useScroll.js";
+import { useLiveState as w } from "../../../../states/LiveState/index.js";
+import { safeJSONParse as z } from "../../../../utils/json.js";
+import { useMessageListContext as F } from "../../MessageListContext.js";
+import { useBarrageListState as H } from "../../../../states/BarrageListState/BarrageListState.js";
+import { _ as J } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const P = { class: "text-message" }, $ = { class: "text-message__reference__header" }, q = { class: "text-message__reference__content" }, G = { class: "text-message__content" }, Q = {
   key: 0,
   class: "user-badge"
-};
-const _hoisted_6 = {
+}, W = {
   key: 0,
   class: "text-message__content__text"
-};
-const _hoisted_7 = ["src", "alt"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, X = ["src", "alt"], Y = /* @__PURE__ */ D({
   __name: "TextMessage",
   props: {
     message: { default: () => ({}) },
-    isLastInChunk: { type: Boolean, default: false }
+    isLastInChunk: { type: Boolean, default: !1 }
   },
-  setup(__props) {
-    const { currentLive } = useLiveState();
-    const context = useMessageListContext("");
-    const props = __props;
-    const { t } = useUIKit();
-    const { scrollToMessage } = useScroll();
-    const { highlightMessageIDList, recalledMessageIDSet } = useBarrageListState();
-    const messageContent = computed(
-      () => props.message.getMessageContent()
-    );
-    const referencedInfo = computed(() => {
-      var _a, _b, _c, _d;
-      const cloudCustomData = safeJSONParse((_a = props.message) == null ? void 0 : _a.cloudCustomData, {});
-      const content = ((_b = cloudCustomData == null ? void 0 : cloudCustomData.messageReply) == null ? void 0 : _b.messageAbstract) || "";
-      const sender = ((_c = cloudCustomData == null ? void 0 : cloudCustomData.messageReply) == null ? void 0 : _c.messageSender) || "";
-      const messageID = ((_d = cloudCustomData == null ? void 0 : cloudCustomData.messageReply) == null ? void 0 : _d.messageID) || "";
+  setup(l) {
+    const { currentLive: M } = w(), u = F(""), f = l, { t: v } = O(), { scrollToMessage: C } = j(), { highlightMessageIDList: m, recalledMessageIDSet: T } = H(), b = p(
+      () => f.message.getMessageContent()
+    ), n = p(() => {
+      var g, k, x, I;
+      const e = z((g = f.message) == null ? void 0 : g.cloudCustomData, {}), o = ((k = e == null ? void 0 : e.messageReply) == null ? void 0 : k.messageAbstract) || "", i = ((x = e == null ? void 0 : e.messageReply) == null ? void 0 : x.messageSender) || "", a = ((I = e == null ? void 0 : e.messageReply) == null ? void 0 : I.messageID) || "";
       return {
-        content,
-        sender,
-        messageID
+        content: o,
+        sender: i,
+        messageID: a
       };
-    });
-    const isOriginMessageHasRecalled = computed(() => recalledMessageIDSet.value.has(referencedInfo.value.messageID));
-    const handleReferenceClick = () => {
-      if (referencedInfo.value.messageID) {
-        const { messageID } = referencedInfo.value;
-        const messageModel = TUIStore.getMessageModel(messageID);
-        if (isOriginMessageHasRecalled.value || !messageModel || messageModel.isDeleted || messageModel.isRevoked) {
-          TUIToast.error({
-            message: t("TUIChat.Message has been deleted or recalled")
+    }), h = p(() => T.value.has(n.value.messageID)), S = () => {
+      if (n.value.messageID) {
+        const { messageID: e } = n.value, o = V.getMessageModel(e);
+        if (h.value || !o || o.isDeleted || o.isRevoked) {
+          A.error({
+            message: v("TUIChat.Message has been deleted or recalled")
           });
           return;
         }
-        const isExist = highlightMessageIDList.value.includes(messageID);
-        if (!isExist) {
-          highlightMessageIDList.value.push(messageID);
-          setTimeout(() => {
-            highlightMessageIDList.value = highlightMessageIDList.value.filter((id) => id !== messageID);
-          }, 3e3);
-        }
-        scrollToMessage(messageID, {
+        m.value.includes(e) || (m.value.push(e), setTimeout(() => {
+          m.value = m.value.filter((a) => a !== e);
+        }, 3e3)), C(e, {
           block: "center",
-          skipIfVisible: true,
+          skipIfVisible: !0,
           behavior: "instant"
         }).catch(() => {
         });
       }
-    };
-    const handleNickClick = (event) => {
-      context.nickClick({
-        message: props.message,
-        event
+    }, L = (e) => {
+      u.nickClick({
+        message: f.message,
+        event: e
       });
     };
-    return (_ctx, _cache) => {
-      var _a;
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        referencedInfo.value.content ? (openBlock(), createElementBlock("div", {
+    return (e, o) => {
+      var i;
+      return s(), t("div", P, [
+        n.value.content ? (s(), t("div", {
           key: 0,
-          class: normalizeClass(
-            unref(cs)("text-message__reference", {
-              "text-danger": isOriginMessageHasRecalled.value
+          class: R(
+            r(K)("text-message__reference", {
+              "text-danger": h.value
             })
           ),
-          onClick: handleReferenceClick
+          onClick: S
         }, [
-          isOriginMessageHasRecalled.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            createTextVNode(toDisplayString(unref(t)("TUIChat.origin message has been recalled")), 1)
-          ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            createElementVNode("div", _hoisted_2, toDisplayString(referencedInfo.value.sender), 1),
-            createElementVNode("div", _hoisted_3, toDisplayString(referencedInfo.value.content), 1)
+          h.value ? (s(), t(_, { key: 0 }, [
+            B(c(r(v)("TUIChat.origin message has been recalled")), 1)
+          ], 64)) : (s(), t(_, { key: 1 }, [
+            d("div", $, c(n.value.sender), 1),
+            d("div", q, c(n.value.content), 1)
           ], 64))
-        ], 2)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_4, [
-          (openBlock(), createBlock(resolveDynamicComponent(unref(context).slots["user-badge"]), { message: _ctx.message }, null, 8, ["message"])),
-          _ctx.message.from === ((_a = unref(currentLive)) == null ? void 0 : _a.liveOwner.userId) && !unref(context).slots["user-badge"] ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(unref(t)("Anchor")), 1)) : createCommentVNode("", true),
-          createElementVNode("span", {
+        ], 2)) : y("", !0),
+        d("div", G, [
+          (s(), N(U(r(u).slots["user-badge"]), { message: l.message }, null, 8, ["message"])),
+          l.message.from === ((i = r(M)) == null ? void 0 : i.liveOwner.userId) && !r(u).slots["user-badge"] ? (s(), t("span", Q, c(r(v)("Anchor")), 1)) : y("", !0),
+          d("span", {
             class: "text-message__content__nick",
-            onClick: handleNickClick
-          }, toDisplayString(`${_ctx.message.nick || _ctx.message.from}: `), 1),
-          (openBlock(true), createElementBlock(Fragment, null, renderList(messageContent.value.text, (item, index) => {
-            return openBlock(), createElementBlock(Fragment, { key: index }, [
-              item.name === "text" ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(item.text), 1)) : (openBlock(), createElementBlock("img", {
-                key: 1,
-                class: "text-message__content__img",
-                src: item.src,
-                alt: item.emojiKey || ""
-              }, null, 8, _hoisted_7))
-            ], 64);
-          }), 128))
+            onClick: L
+          }, c(`${l.message.nick || l.message.from}: `), 1),
+          (s(!0), t(_, null, E(b.value.text, (a, g) => (s(), t(_, { key: g }, [
+            a.name === "text" ? (s(), t("span", W, c(a.text), 1)) : (s(), t("img", {
+              key: 1,
+              class: "text-message__content__img",
+              src: a.src,
+              alt: a.emojiKey || ""
+            }, null, 8, X))
+          ], 64))), 128))
         ])
       ]);
     };
   }
-});
-const TextMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1614054f"]]);
+}), ie = /* @__PURE__ */ J(Y, [["__scopeId", "data-v-04994c14"]]);
 export {
-  TextMessage as default
+  ie as default
 };

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

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

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

@@ -1,23 +1,19 @@
-import { defineComponent, ref, createBlock, openBlock, unref } from "vue";
-import MessageLayout from "./MessageLayout/MessageLayout.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as o, ref as s, createBlock as u, openBlock as r, unref as c } from "vue";
+import m from "./MessageLayout/MessageLayout.js";
+const g = /* @__PURE__ */ o({
   __name: "Message",
   props: {
     message: { default: () => ({}) },
-    isLastInChunk: { type: Boolean, default: true }
+    isLastInChunk: { type: Boolean, default: !0 }
   },
-  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"]);
-    };
+  setup(n) {
+    const e = n, a = s(e.message), t = s(e.isLastInChunk);
+    return (i, l) => (r(), u(c(m), {
+      message: a.value,
+      "is-last-in-chunk": t.value
+    }, null, 8, ["message", "is-last-in-chunk"]));
   }
 });
 export {
-  _sfc_main as Message
+  g as Message
 };

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

@@ -1,54 +1,45 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref, createVNode, createElementVNode, createBlock, createCommentVNode, toDisplayString } from "vue";
-import { IconCheckSm } from "@tencentcloud/uikit-base-component-vue3";
-import { c as cs } from "../../../index-BF6QB9jF.js";
-import Avatar from "../../Avatar/Avatar.js";
-import { useConversationListState } from "../../../states/ConversationListState/ConversationListState.js";
-import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { class: "forward-item__info" };
-const _hoisted_2 = { class: "forward-item__name" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as v, computed as a, createElementBlock as _, openBlock as c, normalizeClass as p, unref as s, createVNode as f, createElementVNode as n, createBlock as u, createCommentVNode as w, toDisplayString as I } from "vue";
+import { IconCheckSm as h } from "@tencentcloud/uikit-base-component-vue3";
+import { c as S } from "../../../index-DPczIrgX.js";
+import k from "../../Avatar/Avatar.js";
+import { useConversationListState as g } from "../../../states/ConversationListState/ConversationListState.js";
+import { _ as x } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const C = { class: "forward-item__info" }, D = { class: "forward-item__name" }, N = /* @__PURE__ */ v({
   __name: "ForwardListItem",
   props: {
     conversationID: {},
     isSelected: { type: Boolean }
   },
-  setup(__props) {
-    const props = __props;
-    const { conversationList } = useConversationListState();
-    const conversation = computed(
+  setup(i) {
+    const o = i, { conversationList: m } = g(), r = a(
       () => {
-        var _a;
-        return (_a = conversationList.value) == null ? void 0 : _a.find((_conversation) => _conversation.conversationID === props.conversationID);
+        var e;
+        return (e = m.value) == null ? void 0 : e.find((t) => t.conversationID === o.conversationID);
       }
-    );
-    const conversationName = computed(() => {
-      var _a, _b;
-      return ((_a = conversation.value) == null ? void 0 : _a.getShowName()) || ((_b = conversation.value) == null ? void 0 : _b.conversationID) || "";
+    ), l = a(() => {
+      var e, t;
+      return ((e = r.value) == null ? void 0 : e.getShowName()) || ((t = r.value) == null ? void 0 : t.conversationID) || "";
+    }), d = a(() => {
+      var e;
+      return (e = r.value) == null ? void 0 : e.getAvatar();
     });
-    const conversationAvatar = computed(() => {
-      var _a;
-      return (_a = conversation.value) == null ? void 0 : _a.getAvatar();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(cs)("forward-list-item", { "forward-list-item--selected": props.isSelected }))
-      }, [
-        createVNode(unref(Avatar), {
-          src: conversationAvatar.value,
-          style: { marginRight: "8px" }
-        }, null, 8, ["src"]),
-        createElementVNode("div", _hoisted_1, [
-          createElementVNode("div", _hoisted_2, toDisplayString(conversationName.value), 1)
-        ]),
-        props.isSelected ? (openBlock(), createBlock(unref(IconCheckSm), {
-          key: 0,
-          class: "forward-item__checkbox"
-        })) : createCommentVNode("", true)
-      ], 2);
-    };
+    return (e, t) => (c(), _("div", {
+      class: p(s(S)("forward-list-item", { "forward-list-item--selected": o.isSelected }))
+    }, [
+      f(s(k), {
+        src: d.value,
+        style: { marginRight: "8px" }
+      }, null, 8, ["src"]),
+      n("div", C, [
+        n("div", D, I(l.value), 1)
+      ]),
+      o.isSelected ? (c(), u(s(h), {
+        key: 0,
+        class: "forward-item__checkbox"
+      })) : w("", !0)
+    ], 2));
   }
-});
-const ForwardListItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f55d133b"]]);
+}), E = /* @__PURE__ */ x(N, [["__scopeId", "data-v-f55d133b"]]);
 export {
-  ForwardListItem as default
+  E as default
 };