tuikit-atomicx-vue3 3.4.1 → 3.5.0-beta.7

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

@@ -1,99 +1,93 @@
-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 = {
+import { defineComponent as k, computed as C, createElementBlock as r, openBlock as o, createElementVNode as d, createBlock as b, createCommentVNode as y, resolveDynamicComponent as I, unref as m, toDisplayString as l, Fragment as g, renderList as v } from "vue";
+import { useUIKit as L } from "@tencentcloud/uikit-base-component-vue3";
+import { useMessageListContext as B } from "../../MessageListContext.js";
+import { BASIC_EMOJI_URL_MAPPING as _, BASEURL as M } from "./emoji.js";
+import { useLiveListState as N } from "../../../../states/LiveListState/LiveListState.js";
+import { _ as O } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const A = { class: "text-message" }, E = { class: "text-message__content" }, S = {
   key: 0,
   class: "user-badge"
-}, W = {
+}, j = {
   key: 0,
   class: "text-message__content__text"
-}, X = ["src", "alt"], Y = /* @__PURE__ */ D({
+}, w = ["src", "alt"], D = /* @__PURE__ */ k({
   __name: "TextMessage",
   props: {
     message: { default: () => ({}) },
     isLastInChunk: { type: Boolean, default: !1 }
   },
-  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: o,
-        sender: i,
-        messageID: a
-      };
-    }), 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;
+  setup(c) {
+    const { currentLive: x } = N(), i = B(""), u = c, { t: f } = L(), p = C(() => {
+      const s = [];
+      let e = u.message.textContent || "", n = -1, t = -1;
+      for (; e !== ""; )
+        switch (n = e.indexOf("["), t = e.indexOf("]"), n) {
+          case 0:
+            if (t === -1)
+              s.push({
+                name: "text",
+                text: e
+              }), e = "";
+            else {
+              const a = e.slice(0, t + 1);
+              a.indexOf("@custom") > -1 ? (s.push({
+                name: "img",
+                src: "",
+                type: "custom",
+                emojiKey: a
+              }), e = e.substring(t + 1)) : _[a] ? (s.push({
+                name: "img",
+                src: M.emoji + _[a],
+                emojiKey: a
+              }), e = e.substring(t + 1)) : (s.push({
+                name: "text",
+                text: "["
+              }), e = e.slice(1));
+            }
+            break;
+          case -1:
+            s.push({
+              name: "text",
+              text: e
+            }), e = "";
+            break;
+          default:
+            s.push({
+              name: "text",
+              text: e.slice(0, n)
+            }), e = e.substring(n);
+            break;
         }
-        m.value.includes(e) || (m.value.push(e), setTimeout(() => {
-          m.value = m.value.filter((a) => a !== e);
-        }, 3e3)), C(e, {
-          block: "center",
-          skipIfVisible: !0,
-          behavior: "instant"
-        }).catch(() => {
-        });
-      }
-    }, L = (e) => {
-      u.nickClick({
-        message: f.message,
-        event: e
+      return s;
+    }), h = (s) => {
+      i.nickClick({
+        message: u.message,
+        event: s
       });
     };
-    return (e, o) => {
-      var i;
-      return s(), t("div", P, [
-        n.value.content ? (s(), t("div", {
-          key: 0,
-          class: R(
-            r(K)("text-message__reference", {
-              "text-danger": h.value
-            })
-          ),
-          onClick: S
-        }, [
-          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)) : 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),
+    return (s, e) => {
+      var n;
+      return o(), r("div", A, [
+        d("div", E, [
+          (o(), b(I(m(i).slots["user-badge"]), { message: c.message }, null, 8, ["message"])),
+          c.message.sender.userId === ((n = m(x)) == null ? void 0 : n.liveOwner.userId) && !m(i).slots["user-badge"] ? (o(), r("span", S, l(m(f)("Anchor")), 1)) : y("", !0),
           d("span", {
             class: "text-message__content__nick",
-            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", {
+            onClick: h
+          }, l(`${c.message.sender.nameCard || c.message.sender.userName || c.message.sender.userId}: `), 1),
+          (o(!0), r(g, null, v(p.value, (t, a) => (o(), r(g, { key: a }, [
+            t.name === "text" ? (o(), r("span", j, l(t.text), 1)) : (o(), r("img", {
               key: 1,
               class: "text-message__content__img",
-              src: a.src,
-              alt: a.emojiKey || ""
-            }, null, 8, X))
+              src: t.src,
+              alt: t.emojiKey || ""
+            }, null, 8, w))
           ], 64))), 128))
         ])
       ]);
     };
   }
-}), ie = /* @__PURE__ */ J(Y, [["__scopeId", "data-v-04994c14"]]);
+}), F = /* @__PURE__ */ O(D, [["__scopeId", "data-v-f4fb05eb"]]);
 export {
-  ie as default
+  F as default
 };

package/dist/components/BarrageList/Message/TextMessage/TextMessage.vue.d.ts

@@ -1,19 +1,19 @@
-import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
+import { Barrage } from '../../../../states/BarrageState';
 
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    message: IMessageModel;
+    message: Barrage;
     isLastInChunk: boolean;
 }>, {
-    message: () => IMessageModel;
+    message: () => Barrage;
     isLastInChunk: boolean;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    message: IMessageModel;
+    message: Barrage;
     isLastInChunk: boolean;
 }>, {
-    message: () => IMessageModel;
+    message: () => Barrage;
     isLastInChunk: boolean;
 }>>> & Readonly<{}>, {
-    message: IMessageModel;
+    message: Barrage;
     isLastInChunk: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/BarrageList/Message/TextMessage/emoji.d.ts

@@ -0,0 +1,5 @@
+export declare const BASEURL: {
+    emoji: string;
+};
+export declare const BASIC_EMOJI_URL_MAPPING: Record<string, string>;
+export declare const BASIC_EMOJI_NAME_MAPPING: Record<string, string>;

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

@@ -0,0 +1,134 @@
+const i = {
+  emoji: "https://web.sdk.qcloud.com/im/assets/emoji-plugin/"
+}, o = {
+  "[TUIEmoji_Expect]": "emoji_0@2x.png",
+  "[TUIEmoji_Blink]": "emoji_1@2x.png",
+  "[TUIEmoji_Guffaw]": "emoji_2@2x.png",
+  "[TUIEmoji_KindSmile]": "emoji_3@2x.png",
+  "[TUIEmoji_Haha]": "emoji_4@2x.png",
+  "[TUIEmoji_Cheerful]": "emoji_5@2x.png",
+  "[TUIEmoji_Smile]": "emoji_6@2x.png",
+  "[TUIEmoji_Sorrow]": "emoji_7@2x.png",
+  "[TUIEmoji_Speechless]": "emoji_8@2x.png",
+  "[TUIEmoji_Amazed]": "emoji_9@2x.png",
+  "[TUIEmoji_Complacent]": "emoji_10@2x.png",
+  "[TUIEmoji_Lustful]": "emoji_11@2x.png",
+  "[TUIEmoji_Stareyes]": "emoji_12@2x.png",
+  "[TUIEmoji_Giggle]": "emoji_13@2x.png",
+  "[TUIEmoji_Daemon]": "emoji_14@2x.png",
+  "[TUIEmoji_Rage]": "emoji_15@2x.png",
+  "[TUIEmoji_Yawn]": "emoji_16@2x.png",
+  "[TUIEmoji_TearsLaugh]": "emoji_17@2x.png",
+  "[TUIEmoji_Silly]": "emoji_18@2x.png",
+  "[TUIEmoji_Wail]": "emoji_19@2x.png",
+  "[TUIEmoji_Kiss]": "emoji_20@2x.png",
+  "[TUIEmoji_Trapped]": "emoji_21@2x.png",
+  "[TUIEmoji_Fear]": "emoji_22@2x.png",
+  "[TUIEmoji_BareTeeth]": "emoji_23@2x.png",
+  "[TUIEmoji_FlareUp]": "emoji_24@2x.png",
+  "[TUIEmoji_Tact]": "emoji_25@2x.png",
+  "[TUIEmoji_Shit]": "emoji_26@2x.png",
+  "[TUIEmoji_ShutUp]": "emoji_27@2x.png",
+  "[TUIEmoji_Sigh]": "emoji_28@2x.png",
+  "[TUIEmoji_Hehe]": "emoji_29@2x.png",
+  "[TUIEmoji_Silent]": "emoji_30@2x.png",
+  "[TUIEmoji_Skull]": "emoji_31@2x.png",
+  "[TUIEmoji_Mask]": "emoji_32@2x.png",
+  "[TUIEmoji_Beer]": "emoji_33@2x.png",
+  "[TUIEmoji_Cake]": "emoji_34@2x.png",
+  "[TUIEmoji_RedPacket]": "emoji_35@2x.png",
+  "[TUIEmoji_Bombs]": "emoji_36@2x.png",
+  "[TUIEmoji_Ai]": "emoji_37@2x.png",
+  "[TUIEmoji_Celebrate]": "emoji_38@2x.png",
+  "[TUIEmoji_Bless]": "emoji_39@2x.png",
+  "[TUIEmoji_Flower]": "emoji_40@2x.png",
+  "[TUIEmoji_Watermelon]": "emoji_41@2x.png",
+  "[TUIEmoji_Cow]": "emoji_42@2x.png",
+  "[TUIEmoji_Fool]": "emoji_43@2x.png",
+  "[TUIEmoji_Surprised]": "emoji_44@2x.png",
+  "[TUIEmoji_Askance]": "emoji_45@2x.png",
+  "[TUIEmoji_Monster]": "emoji_46@2x.png",
+  "[TUIEmoji_Pig]": "emoji_47@2x.png",
+  "[TUIEmoji_Coffee]": "emoji_48@2x.png",
+  "[TUIEmoji_Ok]": "emoji_49@2x.png",
+  "[TUIEmoji_Heart]": "emoji_50@2x.png",
+  "[TUIEmoji_Sun]": "emoji_51@2x.png",
+  "[TUIEmoji_Moon]": "emoji_52@2x.png",
+  "[TUIEmoji_Star]": "emoji_53@2x.png",
+  "[TUIEmoji_Rich]": "emoji_54@2x.png",
+  "[TUIEmoji_Fortune]": "emoji_55@2x.png",
+  "[TUIEmoji_857]": "emoji_56@2x.png",
+  "[TUIEmoji_666]": "emoji_57@2x.png",
+  "[TUIEmoji_Prohibit]": "emoji_58@2x.png",
+  "[TUIEmoji_Convinced]": "emoji_59@2x.png",
+  "[TUIEmoji_Knife]": "emoji_60@2x.png",
+  "[TUIEmoji_Like]": "emoji_61@2x.png"
+}, m = {
+  "[TUIEmoji_Smile]": "[Smile]",
+  "[TUIEmoji_Expect]": "[Expect]",
+  "[TUIEmoji_Blink]": "[Blink]",
+  "[TUIEmoji_Guffaw]": "[Laugh]",
+  "[TUIEmoji_KindSmile]": "[Kind Smile]",
+  "[TUIEmoji_Haha]": "[Haha]",
+  "[TUIEmoji_Cheerful]": "[Cheerful]",
+  "[TUIEmoji_Speechless]": "[Speechless]",
+  "[TUIEmoji_Amazed]": "[Amazed]",
+  "[TUIEmoji_Sorrow]": "[Sorrow]",
+  "[TUIEmoji_Complacent]": "[Complacent]",
+  "[TUIEmoji_Silly]": "[Silly]",
+  "[TUIEmoji_Lustful]": "[Lustful]",
+  "[TUIEmoji_Giggle]": "[Giggle]",
+  "[TUIEmoji_Kiss]": "[Kiss]",
+  "[TUIEmoji_Wail]": "[Wail]",
+  "[TUIEmoji_TearsLaugh]": "[Tears of Laughter]",
+  "[TUIEmoji_Trapped]": "[Trapped]",
+  "[TUIEmoji_Mask]": "[Mask]",
+  "[TUIEmoji_Fear]": "[Fear]",
+  "[TUIEmoji_BareTeeth]": "[Bare Teeth]",
+  "[TUIEmoji_FlareUp]": "[Flare Up]",
+  "[TUIEmoji_Yawn]": "[Yawn]",
+  "[TUIEmoji_Tact]": "[Tact]",
+  "[TUIEmoji_Stareyes]": "[Star Eyes]",
+  "[TUIEmoji_ShutUp]": "[Shut Up]",
+  "[TUIEmoji_Sigh]": "[Sigh]",
+  "[TUIEmoji_Hehe]": "[Hehe]",
+  "[TUIEmoji_Silent]": "[Silent]",
+  "[TUIEmoji_Surprised]": "[Surprised]",
+  "[TUIEmoji_Askance]": "[Askance]",
+  "[TUIEmoji_Ok]": "[OK]",
+  "[TUIEmoji_Shit]": "[Poop]",
+  "[TUIEmoji_Monster]": "[Monster]",
+  "[TUIEmoji_Daemon]": "[Daemon]",
+  "[TUIEmoji_Rage]": "[Rage]",
+  "[TUIEmoji_Fool]": "[Fool]",
+  "[TUIEmoji_Pig]": "[Pig]",
+  "[TUIEmoji_Cow]": "[Cow]",
+  "[TUIEmoji_Ai]": "[AI]",
+  "[TUIEmoji_Skull]": "[Skull]",
+  "[TUIEmoji_Bombs]": "[Bombs]",
+  "[TUIEmoji_Coffee]": "[Coffee]",
+  "[TUIEmoji_Cake]": "[Cake]",
+  "[TUIEmoji_Beer]": "[Beer]",
+  "[TUIEmoji_Flower]": "[Flower]",
+  "[TUIEmoji_Watermelon]": "[Watermelon]",
+  "[TUIEmoji_Rich]": "[Rich]",
+  "[TUIEmoji_Heart]": "[Heart]",
+  "[TUIEmoji_Moon]": "[Moon]",
+  "[TUIEmoji_Sun]": "[Sun]",
+  "[TUIEmoji_Star]": "[Star]",
+  "[TUIEmoji_RedPacket]": "[Red Packet]",
+  "[TUIEmoji_Celebrate]": "[Celebrate]",
+  "[TUIEmoji_Bless]": "[Bless]",
+  "[TUIEmoji_Fortune]": "[Fortune]",
+  "[TUIEmoji_Convinced]": "[Convinced]",
+  "[TUIEmoji_Prohibit]": "[Prohibit]",
+  "[TUIEmoji_666]": "[666]",
+  "[TUIEmoji_857]": "[857]",
+  "[TUIEmoji_Knife]": "[Knife]",
+  "[TUIEmoji_Like]": "[Like]"
+};
+export {
+  i as BASEURL,
+  m as BASIC_EMOJI_NAME_MAPPING,
+  o as BASIC_EMOJI_URL_MAPPING
+};

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

@@ -2,10 +2,6 @@ declare const BarrageList: import('vue').DefineComponent<import('vue').ExtractPr
     height: {
         type: import('vue').PropType<string>;
     };
-    filter: {
-        type: import('vue').PropType<(message: import('@tencentcloud/chat-uikit-engine').IMessageModel) => boolean>;
-        default: undefined;
-    };
     style: {
         type: import('vue').PropType<import('vue').CSSProperties>;
     };
@@ -16,18 +12,6 @@ declare const BarrageList: import('vue').DefineComponent<import('vue').ExtractPr
         type: import('vue').PropType<import('vue').Component>;
         default: undefined;
     };
-    messageAggregationTime: {
-        type: import('vue').PropType<number>;
-        default: number;
-    };
-    MessageTimeDivider: {
-        type: import('vue').PropType<import('vue').Component>;
-        default: undefined;
-    };
-    LocalNoticeMessage: {
-        type: import('vue').PropType<import('vue').Component>;
-        default: undefined;
-    };
     itemStyle: {
         type: import('vue').PropType<import('vue').CSSProperties>;
     };
@@ -35,10 +19,6 @@ declare const BarrageList: import('vue').DefineComponent<import('vue').ExtractPr
     height: {
         type: import('vue').PropType<string>;
     };
-    filter: {
-        type: import('vue').PropType<(message: import('@tencentcloud/chat-uikit-engine').IMessageModel) => boolean>;
-        default: undefined;
-    };
     style: {
         type: import('vue').PropType<import('vue').CSSProperties>;
     };
@@ -49,26 +29,10 @@ declare const BarrageList: import('vue').DefineComponent<import('vue').ExtractPr
         type: import('vue').PropType<import('vue').Component>;
         default: undefined;
     };
-    messageAggregationTime: {
-        type: import('vue').PropType<number>;
-        default: number;
-    };
-    MessageTimeDivider: {
-        type: import('vue').PropType<import('vue').Component>;
-        default: undefined;
-    };
-    LocalNoticeMessage: {
-        type: import('vue').PropType<import('vue').Component>;
-        default: undefined;
-    };
     itemStyle: {
         type: import('vue').PropType<import('vue').CSSProperties>;
     };
 }>> & Readonly<{}>, {
-    filter: (message: import('@tencentcloud/chat-uikit-engine').IMessageModel) => boolean;
     Message: import('vue').Component;
-    messageAggregationTime: number;
-    MessageTimeDivider: import('vue').Component;
-    LocalNoticeMessage: import('vue').Component;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export { BarrageList };

package/dist/components/CameraButton/index.js

@@ -1,40 +1,39 @@
-import { defineComponent as l, createElementBlock as p, openBlock as a, normalizeClass as u, unref as e, createBlock as o, createCommentVNode as f } from "vue";
-import { IconCameraOn as _, IconCameraOff as C, IconUnSupport as d } from "@tencentcloud/uikit-base-component-vue3";
-import { useDeviceState as k } from "../../states/DeviceState.js";
-import { DeviceStatus as n, DeviceError as v } from "../../types/device.js";
-import { _ as b } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import { defineComponent as l, createElementBlock as u, openBlock as o, normalizeClass as p, createBlock as a, createCommentVNode as f, unref as e } from "vue";
+import { IconCameraOn as C, IconCameraOff as _, IconUnSupport as d } from "@tencentcloud/uikit-base-component-vue3";
+import { useDeviceState as k } from "../../states/DeviceState/DeviceState.js";
+import { DeviceStatus as t, DeviceError as v } from "../../types/device.js";
+import { _ as h } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const B = /* @__PURE__ */ l({
   __name: "index",
-  setup(h) {
+  setup(b) {
     const {
       cameraStatus: r,
-      hasPublishVideoPermission: t,
-      cameraLastError: c,
+      cameraLastError: n,
       closeLocalCamera: s,
-      openLocalCamera: i
+      openLocalCamera: c
     } = k();
-    async function m() {
-      t.value && (r.value === n.On ? await s() : await i());
+    async function i() {
+      hasPublishVideoPermission.value && (r.value === t.On ? await s() : await c());
     }
-    return (x, y) => (a(), p("div", {
-      class: u(["camera-button", { disabled: !e(t) }]),
-      onClick: m
+    return (m, y) => (o(), u("div", {
+      class: p(["camera-button", { disabled: !m.hasPublishVideoPermission }]),
+      onClick: i
     }, [
-      e(r) === e(n).On ? (a(), o(e(_), {
+      e(r) === e(t).On ? (o(), a(e(C), {
         key: 0,
         size: "24"
-      })) : (a(), o(e(C), {
+      })) : (o(), a(e(_), {
         key: 1,
         size: "24"
       })),
-      e(c) !== e(v).NoError ? (a(), o(e(d), {
+      e(n) !== e(v).NoError ? (o(), a(e(d), {
         key: 2,
         class: "unsupport-icon",
         size: "14"
       })) : f("", !0)
     ], 2));
   }
-}), D = /* @__PURE__ */ b(B, [["__scopeId", "data-v-cc8bbaca"]]);
+}), S = /* @__PURE__ */ h(B, [["__scopeId", "data-v-627fc59c"]]);
 export {
-  D as CameraButton
+  S as CameraButton
 };

package/dist/components/ChatSetting/GroupChatSetting/GroupChatSetting.js

@@ -176,6 +176,7 @@ const de = /* @__PURE__ */ j({
               d(t(ae), {
                 ref_key: "userPickerRef",
                 ref: R,
+                class: "user-picker-dialog__content",
                 "display-mode": "list",
                 "data-source": C.value,
                 "locked-items": S.value,
@@ -189,7 +190,7 @@ const de = /* @__PURE__ */ j({
       _: 1
     })) : x("", !0);
   }
-}), Ge = /* @__PURE__ */ ve(de, [["__scopeId", "data-v-358c1266"]]);
+}), Ge = /* @__PURE__ */ ve(de, [["__scopeId", "data-v-16b06f77"]]);
 export {
   Ge as default
 };