tuikit-atomicx-vue3 4.4.0-beta.1 → 4.5.0

package/dist/components/BarrageList/BarrageList.js

@@ -15,7 +15,7 @@ const ue = { class: "message-chunk" }, ce = {
 }, ve = {
   key: 0,
   class: "message-group-tip"
-}, me = { class: "message-group-tip-name" }, de = { class: "message-group-tip-action" }, b = 150, fe = /* @__PURE__ */ K({
+}, me = { class: "message-group-tip-name" }, de = { class: "message-group-tip-action" }, b = 150, pe = /* @__PURE__ */ K({
   __name: "BarrageList",
   props: {
     Message: { default: void 0 },
@@ -45,8 +45,8 @@ const ue = { class: "message-chunk" }, ce = {
     J(re, {
       slots: V,
       nickClick: (e) => {
-        var f, p, g;
-        const { message: t, event: s } = e, n = ((f = L.value) == null ? void 0 : f.userId) === ((p = A.value) == null ? void 0 : p.liveOwner.userId), a = ((g = L.value) == null ? void 0 : g.userId) === t.sender.userId;
+        var p, f, g;
+        const { message: t, event: s } = e, n = ((p = L.value) == null ? void 0 : p.userId) === ((f = A.value) == null ? void 0 : f.liveOwner.userId), a = ((g = L.value) == null ? void 0 : g.userId) === t.sender.userId;
         if (!n || a)
           return;
         u.value = t, N.value = s.currentTarget;
@@ -78,7 +78,7 @@ const ue = { class: "message-chunk" }, ce = {
     }), W(() => {
       o.value && o.value.removeEventListener("scroll", z);
     }), (e, t) => {
-      var s, n, a, r, f, p, g, q, w, D;
+      var s, n, a, r, p, f, g, q, w, D;
       return c(), k(H, null, [
         h("div", {
           class: "message-list",
@@ -103,12 +103,12 @@ const ue = { class: "message-chunk" }, ce = {
           ], 4),
           l(d) ? (c(), k("div", ve, [
             h("div", me, T(((n = l(d)) == null ? void 0 : n.nameCard) || ((a = l(d)) == null ? void 0 : a.userName) || ((r = l(d)) == null ? void 0 : r.userId)), 1),
-            h("div", de, T(((f = l(d)) == null ? void 0 : f.displayAction) === "enter" ? l(I)("Come in") : l(I)("Leave")), 1)
+            h("div", de, T(((p = l(d)) == null ? void 0 : p.displayAction) === "enter" ? l(I)("Come in") : l(I)("Leave")), 1)
           ])) : M("", !0)
         ], 4),
         x.value && u.value ? (c(), O(ne, {
           key: 0,
-          "user-id": (p = u.value) == null ? void 0 : p.sender.userId,
+          "user-id": (f = u.value) == null ? void 0 : f.sender.userId,
           "user-name": ((g = u.value) == null ? void 0 : g.sender.nameCard) || ((q = u.value) == null ? void 0 : q.sender.userName) || ((w = u.value) == null ? void 0 : w.sender.userId),
           "avatar-url": (D = u.value) == null ? void 0 : D.sender.avatarUrl,
           style: C($.value),
@@ -118,7 +118,7 @@ const ue = { class: "message-chunk" }, ce = {
       ], 64);
     };
   }
-}), Be = /* @__PURE__ */ ie(fe, [["__scopeId", "data-v-5b9fdfa7"]]);
+}), Be = /* @__PURE__ */ ie(pe, [["__scopeId", "data-v-bc639779"]]);
 export {
   Be as default
 };

package/dist/components/BarrageList/BarrageListH5.js

@@ -22,7 +22,7 @@ const ue = { class: "message-chunk" }, ce = {
     style: {}
   },
   setup(F) {
-    const { t: B } = Z(), c = F, O = P(), { loginUserInfo: I } = te(), { currentLive: M } = ae(), u = i(), C = i(!1), b = i({}), A = i(null), L = i(!1), g = i(!1), h = i(0), o = i(null), { messageList: y, messageGroupTip: v } = oe(), { scrollToBottom: E } = ee(), V = (e) => {
+    const { t: b } = Z(), c = F, O = P(), { loginUserInfo: I } = te(), { currentLive: B } = ae(), u = i(), C = i(!1), M = i({}), A = i(null), L = i(!1), g = i(!1), h = i(0), o = i(null), { messageList: y, messageGroupTip: v } = oe(), { scrollToBottom: E } = ee(), V = (e) => {
       if (!o.value)
         return {
           position: "fixed",
@@ -43,12 +43,12 @@ const ue = { class: "message-chunk" }, ce = {
       slots: O,
       nickClick: (e) => {
         var m, d, f;
-        const { message: t, event: s } = e, n = ((m = I.value) == null ? void 0 : m.userId) === ((d = M.value) == null ? void 0 : d.liveOwner.userId), a = ((f = I.value) == null ? void 0 : f.userId) === t.sender.userId;
+        const { message: t, event: s } = e, n = ((m = I.value) == null ? void 0 : m.userId) === ((d = B.value) == null ? void 0 : d.liveOwner.userId), a = ((f = I.value) == null ? void 0 : f.userId) === t.sender.userId;
         if (!n || a)
           return;
         u.value = t, A.value = s.currentTarget;
         const l = s.currentTarget.getBoundingClientRect();
-        b.value = V(l), C.value = !0;
+        M.value = V(l), C.value = !0;
       }
     });
     const $ = se(() => {
@@ -58,7 +58,7 @@ const ue = { class: "message-chunk" }, ce = {
     };
     N(() => {
       var e;
-      return (e = M.value) == null ? void 0 : e.liveId;
+      return (e = B.value) == null ? void 0 : e.liveId;
     }, () => {
       H();
     }), N(() => {
@@ -103,7 +103,7 @@ const ue = { class: "message-chunk" }, ce = {
           ]),
           r(v) ? (p(), x("div", ce, [
             k("div", ve, D(((s = r(v)) == null ? void 0 : s.nameCard) || ((n = r(v)) == null ? void 0 : n.userName) || ((a = r(v)) == null ? void 0 : a.userId)), 1),
-            k("div", me, D(((l = r(v)) == null ? void 0 : l.displayAction) === "enter" ? r(B)("Come in") : r(B)("Leave")), 1)
+            k("div", me, D(((l = r(v)) == null ? void 0 : l.displayAction) === "enter" ? r(b)("Come in") : r(b)("Leave")), 1)
           ])) : w("", !0)
         ], 36),
         C.value && u.value ? (p(), q(ne, {
@@ -111,14 +111,14 @@ const ue = { class: "message-chunk" }, ce = {
           "user-id": (m = u.value) == null ? void 0 : m.sender.userId,
           "user-name": ((d = u.value) == null ? void 0 : d.sender.nameCard) || ((f = u.value) == null ? void 0 : f.sender.userName) || ((U = u.value) == null ? void 0 : U.sender.userId),
           "avatar-url": (z = u.value) == null ? void 0 : z.sender.avatarUrl,
-          style: _(b.value),
+          style: _(M.value),
           "click-target": A.value,
           onClose: t[0] || (t[0] = (S) => C.value = !1)
         }, null, 8, ["user-id", "user-name", "avatar-url", "style", "click-target"])) : w("", !0)
       ], 4);
     };
   }
-}), xe = /* @__PURE__ */ ie(de, [["__scopeId", "data-v-c0c678f4"]]);
+}), xe = /* @__PURE__ */ ie(de, [["__scopeId", "data-v-f09bc347"]]);
 export {
   xe as default
 };

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

@@ -1,4 +1,4 @@
-import { Barrage } from '../../states/BarrageState';
+import { Barrage } from '../../types/barrage';
 
 interface IMessageGroupTip {
     avatarUrl: string;
@@ -11,45 +11,23 @@ interface IMessageGroupTip {
 }
 declare function useBarrageListState(): {
     messageList: import('vue').Ref<{
-        messageType: import('../../states/BarrageState').BarrageType;
+        messageType: import('../..').BarrageType;
         textContent?: string | undefined;
         extensionInfo?: (Record<string, string> | null) | undefined;
         businessId?: string | undefined;
         data?: string | undefined;
         liveId: string;
-        sender: {
-            userId: string;
-            userName: string;
-            nameCard: string;
-            avatarUrl: string;
-            userRole: import('@tencentcloud/tuiroom-engine-js').TUIRole;
-            hasAudioStream: boolean;
-            hasVideoStream: boolean;
-            hasScreenStream: boolean;
-            isMessageDisabled: boolean;
-            roomCustomInfo: Record<string, any>;
-        };
+        sender: TUIUserInfo;
         sequence: number;
         timestampInSecond: number;
     }[], Barrage[] | {
-        messageType: import('../../states/BarrageState').BarrageType;
+        messageType: import('../..').BarrageType;
         textContent?: string | undefined;
         extensionInfo?: (Record<string, string> | null) | undefined;
         businessId?: string | undefined;
         data?: string | undefined;
         liveId: string;
-        sender: {
-            userId: string;
-            userName: string;
-            nameCard: string;
-            avatarUrl: string;
-            userRole: import('@tencentcloud/tuiroom-engine-js').TUIRole;
-            hasAudioStream: boolean;
-            hasVideoStream: boolean;
-            hasScreenStream: boolean;
-            isMessageDisabled: boolean;
-            roomCustomInfo: Record<string, any>;
-        };
+        sender: TUIUserInfo;
         sequence: number;
         timestampInSecond: number;
     }[]>;

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

@@ -1,4 +1,4 @@
-import { defineComponent as c, toRefs as f, createElementBlock as m, openBlock as d, normalizeClass as i, unref as e, renderSlot as p } from "vue";
+import { defineComponent as c, toRefs as d, createElementBlock as f, openBlock as m, normalizeClass as i, unref as e, renderSlot as p } from "vue";
 import { c as b } from "../../../../../index-DPczIrgX.js";
 import { useLoginState as _ } from "../../../../../states/LoginState.js";
 import { _ as g } from "../../../../../_plugin-vue_export-helper-CHgC5LLL.js";
@@ -10,8 +10,8 @@ const I = /* @__PURE__ */ c({
   },
   setup(t) {
     var o;
-    const { loginUserInfo: a } = _(), n = t, { message: r, isLastInChunk: l } = f(n), s = r.value.sender.userId === ((o = a.value) == null ? void 0 : o.userId) ? "in" : "out";
-    return (u, v) => (d(), m("div", {
+    const { loginUserInfo: a } = _(), n = t, { message: r, isLastInChunk: l } = d(n), s = r.value.sender.userId === ((o = a.value) == null ? void 0 : o.userId) ? "in" : "out";
+    return (u, v) => (m(), f("div", {
       class: i([
         "message-bubble",
         e(b)({
@@ -23,7 +23,7 @@ const I = /* @__PURE__ */ c({
       p(u.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), L = /* @__PURE__ */ g(I, [["__scopeId", "data-v-c2f22426"]]);
+}), L = /* @__PURE__ */ g(I, [["__scopeId", "data-v-aed4c38b"]]);
 export {
   L as default
 };

package/dist/components/BarrageList/Message/MessageLayout/MessageBubble/MessageBubble.vue.d.ts

@@ -1,4 +1,4 @@
-import { Barrage } from '../../../../../states/BarrageState';
+import { Barrage } from '../../../../../types/barrage';
 
 interface IMessageBubbleProps {
     message: Barrage;

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

@@ -1,10 +1,10 @@
-import { defineComponent as C, toRefs as h, computed as c, createElementBlock as i, createCommentVNode as p, openBlock as m, normalizeStyle as M, normalizeClass as o, unref as e, createElementVNode as d, createVNode as x, toDisplayString as I, withCtx as b, createBlock as w, resolveDynamicComponent as B } from "vue";
+import { defineComponent as C, toRefs as h, computed as c, createElementBlock as i, createCommentVNode as d, openBlock as m, normalizeStyle as M, normalizeClass as o, unref as e, createElementVNode as p, createVNode as x, toDisplayString as I, withCtx as w, createBlock as B, resolveDynamicComponent as N } from "vue";
 import { c as l } from "../../../../index-DPczIrgX.js";
-import { useLoginState as N } from "../../../../states/LoginState.js";
+import { useLoginState as b } from "../../../../states/LoginState.js";
+import { BarrageType as n } from "../../../../types/barrage.js";
 import { CustomMessage as L } from "../CustomMessage/index.js";
 import T from "../TextMessage/TextMessage.js";
 import S from "./MessageBubble/MessageBubble.js";
-import { BarrageType as n } from "../../../../states/BarrageState/BarrageState.js";
 import { _ as V } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
 const $ = ["data-message-id"], z = /* @__PURE__ */ C({
   __name: "MessageLayout",
@@ -15,7 +15,7 @@ const $ = ["data-message-id"], z = /* @__PURE__ */ C({
     style: { default: () => ({}) }
   },
   setup(_) {
-    const g = _, { loginUserInfo: f } = N(), {
+    const g = _, { loginUserInfo: f } = b(), {
       message: s,
       isLastInChunk: a,
       className: y,
@@ -42,10 +42,10 @@ const $ = ["data-message-id"], z = /* @__PURE__ */ C({
       ),
       style: M(e(v))
     }, [
-      d("div", {
+      p("div", {
         class: o(e(l)("message-layout__wrapper", { "message-layout__wrapper--self": t.value }))
       }, [
-        d("div", {
+        p("div", {
           class: o(
             e(l)("message-layout__wrapper__middle", {
               "message-layout__wrapper__middle--self": t.value
@@ -55,7 +55,7 @@ const $ = ["data-message-id"], z = /* @__PURE__ */ C({
           e(a) && e(s).messageType !== e(n).text ? (m(), i("div", {
             key: 0,
             class: o(e(l)("message-layout__nick"))
-          }, I(e(s).sender.nameCard || e(s).sender.userName || e(s).sender.userId + ": "), 3)) : p("", !0),
+          }, I(e(s).sender.nameCard || e(s).sender.userName || e(s).sender.userId + ": "), 3)) : d("", !0),
           x(e(S), {
             class: o(
               e(l)({
@@ -65,8 +65,8 @@ const $ = ["data-message-id"], z = /* @__PURE__ */ C({
             message: e(s),
             "is-last-in-chunk": e(a)
           }, {
-            default: b(() => [
-              (m(), w(B(u.value), {
+            default: w(() => [
+              (m(), B(N(u.value), {
                 message: e(s),
                 "is-last-in-chunk": e(a)
               }, null, 8, ["message", "is-last-in-chunk"]))
@@ -75,9 +75,9 @@ const $ = ["data-message-id"], z = /* @__PURE__ */ C({
           }, 8, ["class", "message", "is-last-in-chunk"])
         ], 2)
       ], 2)
-    ], 14, $)) : p("", !0);
+    ], 14, $)) : d("", !0);
   }
-}), G = /* @__PURE__ */ V(z, [["__scopeId", "data-v-340717fb"]]);
+}), G = /* @__PURE__ */ V(z, [["__scopeId", "data-v-7e7eeed8"]]);
 export {
   G as default
 };

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

@@ -1,4 +1,4 @@
-import { Barrage } from '../../../../states/BarrageState';
+import { Barrage } from '../../../../types/barrage';
 
 interface IMessageLayoutProps {
     message: Barrage;

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

@@ -1,4 +1,4 @@
-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 { defineComponent as k, computed as C, createElementBlock as r, openBlock as o, createElementVNode as d, createBlock as y, createCommentVNode as b, 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";
@@ -69,8 +69,8 @@ const A = { class: "text-message" }, E = { class: "text-message__content" }, S =
       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),
+          (o(), y(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)) : b("", !0),
           d("span", {
             class: "text-message__content__nick",
             onClick: h
@@ -87,7 +87,7 @@ const A = { class: "text-message" }, E = { class: "text-message__content" }, S =
       ]);
     };
   }
-}), F = /* @__PURE__ */ O(D, [["__scopeId", "data-v-f4fb05eb"]]);
+}), F = /* @__PURE__ */ O(D, [["__scopeId", "data-v-8456c20f"]]);
 export {
   F as default
 };

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

@@ -1,4 +1,4 @@
-import { Barrage } from '../../../../states/BarrageState';
+import { Barrage } from '../../../../types/barrage';
 
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     message: Barrage;

package/dist/components/CameraButton/index.js

@@ -1,11 +1,11 @@
 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 { IconCameraOn as d, IconCameraOff as _, IconUnSupport as C } 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({
+const b = /* @__PURE__ */ l({
   __name: "index",
-  setup(b) {
+  setup(x) {
     const {
       cameraStatus: r,
       cameraLastError: n,
@@ -19,21 +19,21 @@ const B = /* @__PURE__ */ l({
       class: p(["camera-button", { disabled: !m.hasPublishVideoPermission }]),
       onClick: i
     }, [
-      e(r) === e(t).On ? (o(), a(e(C), {
+      e(r) === e(t).On ? (o(), a(e(d), {
         key: 0,
         size: "24"
       })) : (o(), a(e(_), {
         key: 1,
         size: "24"
       })),
-      e(n) !== e(v).NoError ? (o(), a(e(d), {
+      e(n) !== e(v).NoError ? (o(), a(e(C), {
         key: 2,
         class: "unsupport-icon",
         size: "14"
       })) : f("", !0)
     ], 2));
   }
-}), S = /* @__PURE__ */ h(B, [["__scopeId", "data-v-627fc59c"]]);
+}), P = /* @__PURE__ */ h(b, [["__scopeId", "data-v-627fc59c"]]);
 export {
-  S as CameraButton
+  P 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
 };

package/dist/components/ChatSetting/SettingItem/SettingItem.vue.d.ts

@@ -1,9 +1,9 @@
 declare const _default: import('vue').DefineComponent<{
     type?: any;
     label?: any;
-    placeholder?: any;
     disabled?: any;
     value?: any;
+    placeholder?: any;
     editable?: any;
     validator?: any;
     rows?: any;
@@ -13,9 +13,9 @@ declare const _default: import('vue').DefineComponent<{
 }, string, import('vue').PublicProps, Readonly<{
     type?: any;
     label?: any;
-    placeholder?: any;
     disabled?: any;
     value?: any;
+    placeholder?: any;
     editable?: any;
     validator?: any;
     rows?: any;

package/dist/components/ContactList/ContactInfo/BlacklistInfo/BlacklistInfo.js

@@ -1,4 +1,4 @@
-import { defineComponent as I, computed as B, createElementBlock as d, openBlock as k, createElementVNode as s, createCommentVNode as b, createVNode as p, toDisplayString as o, unref as a, withCtx as C, createTextVNode as y } from "vue";
+import { defineComponent as I, computed as B, createElementBlock as _, openBlock as k, createElementVNode as s, createCommentVNode as b, createVNode as p, toDisplayString as o, unref as a, withCtx as C, createTextVNode as y } from "vue";
 import { useUIKit as x, TUIButton as F } from "@tencentcloud/uikit-base-component-vue3";
 import D from "../../../Avatar/Avatar.js";
 import { useContactListState as N } from "../../../../states/ContactListState/ContactListState.js";
@@ -28,8 +28,8 @@ const U = { class: "contact-blacklist-info" }, g = { class: "contact-blacklist-i
       }
     };
     return (t, c) => {
-      var m, f, _;
-      return k(), d("div", U, [
+      var m, f, d;
+      return k(), _("div", U, [
         s("div", g, [
           s("div", w, [
             s("div", V, o(r.value), 1),
@@ -37,12 +37,12 @@ const U = { class: "contact-blacklist-info" }, g = { class: "contact-blacklist-i
             s("div", R, o(a(l)("TUIContact.Personal signature")) + "：" + o(((f = e.profile) == null ? void 0 : f.selfSignature) || ""), 1)
           ]),
           p(a(D), {
-            src: (_ = e.profile) == null ? void 0 : _.avatar,
+            src: (d = e.profile) == null ? void 0 : d.avatar,
             alt: r.value,
             size: "xl"
           }, null, 8, ["src", "alt"])
         ]),
-        e.showActions ? (k(), d("div", S, [
+        e.showActions ? (k(), _("div", S, [
           p(a(F), {
             type: "primary",
             size: "big",
@@ -57,7 +57,7 @@ const U = { class: "contact-blacklist-info" }, g = { class: "contact-blacklist-i
       ]);
     };
   }
-}), q = /* @__PURE__ */ T(z, [["__scopeId", "data-v-a0fb4b4a"]]);
+}), q = /* @__PURE__ */ T(z, [["__scopeId", "data-v-52b7d9b8"]]);
 export {
   q as default
 };

package/dist/components/ContactList/ContactInfo/ContactInfo.js

@@ -196,7 +196,7 @@ const de = { class: "contact-info" }, se = {
       ]);
     };
   }
-}), Se = /* @__PURE__ */ re(te, [["__scopeId", "data-v-bb24453c"]]);
+}), Se = /* @__PURE__ */ re(te, [["__scopeId", "data-v-d3be16ab"]]);
 export {
   Se as default
 };

package/dist/components/ContactList/ContactInfo/FriendApplicationInfo/FriendApplicationInfo.js

@@ -68,7 +68,7 @@ const N = { class: "contact-friend-application-info" }, V = { class: "contact-fr
       ]);
     };
   }
-}), P = /* @__PURE__ */ g(L, [["__scopeId", "data-v-307dfce7"]]);
+}), P = /* @__PURE__ */ g(L, [["__scopeId", "data-v-95a272a1"]]);
 export {
   P as default
 };

package/dist/components/ContactList/ContactInfo/FriendInfo/FriendInfo.js

@@ -1,4 +1,4 @@
-import { defineComponent as P, ref as d, watch as F, computed as B, createElementBlock as k, openBlock as C, createElementVNode as a, createCommentVNode as j, createVNode as l, toDisplayString as r, unref as e, Fragment as x, withKeys as q, withCtx as y, createTextVNode as D } from "vue";
+import { defineComponent as P, ref as d, watch as b, computed as B, createElementBlock as k, openBlock as C, createElementVNode as a, createCommentVNode as j, createVNode as l, toDisplayString as r, unref as e, Fragment as x, withKeys as q, withCtx as y, createTextVNode as D } from "vue";
 import { useUIKit as G, TUIInput as H, TUIButton as T, IconEditNameCard as J, TUISwitch as O, TUIDialog as Q } from "@tencentcloud/uikit-base-component-vue3";
 import W from "../../../Avatar/Avatar.js";
 import { useContactListState as X } from "../../../../states/ContactListState/ContactListState.js";
@@ -27,15 +27,15 @@ const ee = { class: "contact-friend-info" }, te = { class: "contact-friend-info_
       setFriendRemark: A,
       blackList: L
     } = X(), { setActiveConversation: E } = Y(), v = d(!1), g = d(""), f = d(t.friend.remark || ""), s = d(t.friend.remark || ""), I = d(!1), p = d(!1), _ = d(!1);
-    F(() => t.friend.remark, (n) => {
+    b(() => t.friend.remark, (n) => {
       f.value = n || "", s.value = n || "";
-    }), F(() => t.friend.userID, () => {
+    }), b(() => t.friend.userID, () => {
       t.friend.userID !== g.value && (v.value = !1), g.value = t.friend.userID;
     });
     const U = B(() => {
       var n;
       return f.value || ((n = t.friend) == null ? void 0 : n.nick) || t.friend.userID;
-    }), b = B(() => L.value.some((n) => n.userID === t.friend.userID)), $ = () => {
+    }), w = B(() => L.value.some((n) => n.userID === t.friend.userID)), $ = () => {
       s.value = f.value, v.value = !0;
     }, h = async () => {
       if (s.value.trim() === f.value) {
@@ -70,13 +70,13 @@ const ee = { class: "contact-friend-info" }, te = { class: "contact-friend-info_
       c("sendMessage", t.friend), E(`C2C${t.friend.userID}`), c("close");
     };
     return (n, o) => {
-      var w;
+      var F;
       return C(), k("div", ee, [
         a("div", te, [
           a("div", ne, [
             a("div", ae, r(U.value), 1),
             a("div", oe, r(e(i)("TUIContact.ID")) + "：" + r(m.friend.userID), 1),
-            a("div", ie, r(e(i)("TUIContact.Personal signature")) + "：" + r(((w = m.friend) == null ? void 0 : w.selfSignature) || ""), 1)
+            a("div", ie, r(e(i)("TUIContact.Personal signature")) + "：" + r(((F = m.friend) == null ? void 0 : F.selfSignature) || ""), 1)
           ]),
           l(e(W), {
             src: m.friend.avatar,
@@ -122,8 +122,8 @@ const ee = { class: "contact-friend-info" }, te = { class: "contact-friend-info_
             a("div", ue, r(e(i)("TUIContact.Add to blacklist")), 1),
             a("div", me, [
               l(e(O), {
-                modelValue: b.value,
-                "onUpdate:modelValue": o[1] || (o[1] = (u) => b.value = u),
+                modelValue: w.value,
+                "onUpdate:modelValue": o[1] || (o[1] = (u) => w.value = u),
                 disabled: p.value,
                 onChange: z
               }, null, 8, ["modelValue", "disabled"])
@@ -171,7 +171,7 @@ const ee = { class: "contact-friend-info" }, te = { class: "contact-friend-info_
       ]);
     };
   }
-}), De = /* @__PURE__ */ Z(_e, [["__scopeId", "data-v-5772bab5"]]);
+}), De = /* @__PURE__ */ Z(_e, [["__scopeId", "data-v-e9d15324"]]);
 export {
   De as default
 };

package/dist/components/ContactList/ContactInfo/GroupApplicationInfo/GroupApplicationInfo.js

@@ -67,7 +67,7 @@ const k = { class: "contact-group-application-info" }, B = { class: "contact-gro
       ])) : y("", !0)
     ]));
   }
-}), O = /* @__PURE__ */ x(S, [["__scopeId", "data-v-8608f244"]]);
+}), O = /* @__PURE__ */ x(S, [["__scopeId", "data-v-611935a4"]]);
 export {
   O as default
 };

package/dist/components/ContactList/ContactInfo/GroupInfo/GroupInfo.js

@@ -19,8 +19,8 @@ const Q = { class: "contact-group-info" }, K = { class: "contact-group-info__hea
     onClose: {}
   },
   emits: ["close", "enterGroup", "leaveGroup", "dismissGroup"],
-  setup(u, { emit: x }) {
-    const e = u, a = x, { t } = $(), { quitGroup: b, dismissGroup: k, hasPermission: I } = R(), { setActiveConversation: S } = V(), s = P(!1), _ = l(() => e.group.name || e.group.groupID), y = l(() => {
+  setup(u, { emit: b }) {
+    const e = u, a = b, { t } = $(), { quitGroup: x, dismissGroup: k, hasPermission: I } = R(), { setActiveConversation: S } = V(), s = P(!1), _ = l(() => e.group.name || e.group.groupID), y = l(() => {
       var i;
       return ((i = e.group.selfInfo) == null ? void 0 : i.role) || z.COMMON;
     }), U = l(() => e.group.type), d = l(
@@ -31,7 +31,7 @@ const Q = { class: "contact-group-info" }, K = { class: "contact-group-info__hea
       S(`GROUP${e.group.groupID}`), a("enterGroup", e.group), a("close");
     }, A = async () => {
       try {
-        await b(e.group.groupID), a("leaveGroup", e.group);
+        await x(e.group.groupID), a("leaveGroup", e.group);
       } catch (i) {
         console.error("[ContactInfo quitGroup] error", i);
       }
@@ -114,7 +114,7 @@ const Q = { class: "contact-group-info" }, K = { class: "contact-group-info__hea
       ])) : f("", !0)
     ]));
   }
-}), io = /* @__PURE__ */ L(Y, [["__scopeId", "data-v-ce333195"]]);
+}), io = /* @__PURE__ */ L(Y, [["__scopeId", "data-v-888b0942"]]);
 export {
   io as default
 };

package/dist/components/ContactList/ContactInfo/SearchGroupInfo/SearchGroupInfo.js

@@ -1,11 +1,11 @@
 import { defineComponent as N, ref as _, computed as h, createElementBlock as d, openBlock as g, createElementVNode as a, createCommentVNode as x, createVNode as v, toDisplayString as t, unref as e, normalizeClass as A, withDirectives as w, vModelText as M, withCtx as S, createTextVNode as k } from "vue";
 import i from "@tencentcloud/chat-uikit-engine";
 import { useUIKit as R, TUIButton as D } from "@tencentcloud/uikit-base-component-vue3";
-import b from "../../../Avatar/Avatar.js";
+import j from "../../../Avatar/Avatar.js";
 import { TEXTAREA_LENGTH_LIMIT as T } from "../../constants/const.js";
-import { useContactListState as j } from "../../../../states/ContactListState/ContactListState.js";
-import { _ as V } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
-const Y = { class: "contact-search-group-info" }, B = { class: "contact-search-group-info__header" }, L = { class: "contact-search-group-info__main-info" }, O = { class: "contact-search-group-info__name" }, z = { class: "contact-search-group-info__id" }, H = { class: "contact-search-group-info__intro" }, J = { class: "contact-search-group-info__intro" }, K = {
+import { useContactListState as V } from "../../../../states/ContactListState/ContactListState.js";
+import { _ as Y } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const b = { class: "contact-search-group-info" }, B = { class: "contact-search-group-info__header" }, L = { class: "contact-search-group-info__main-info" }, O = { class: "contact-search-group-info__name" }, z = { class: "contact-search-group-info__id" }, H = { class: "contact-search-group-info__intro" }, J = { class: "contact-search-group-info__intro" }, K = {
   key: 1,
   class: "contact-search-group-info__form"
 }, W = { class: "contact-search-group-info__form-label" }, X = { class: "contact-search-group-info__form-input-wrapper" }, $ = ["placeholder", "maxlength"], q = { class: "contact-search-group-info__form-counter" }, F = {
@@ -21,7 +21,7 @@ const Y = { class: "contact-search-group-info" }, B = { class: "contact-search-g
   },
   emits: ["joinGroup"],
   setup(c, { emit: I }) {
-    const u = c, C = I, { t: o } = R(), { joinGroup: U } = j(), l = _(""), p = _(!1), n = _("idle"), f = _(""), m = h(() => u.group.name || u.group.groupID), G = h(() => [
+    const u = c, C = I, { t: o } = R(), { joinGroup: U } = V(), l = _(""), p = _(!1), n = _("idle"), f = _(""), m = h(() => u.group.name || u.group.groupID), G = h(() => [
       "contact-search-group-info__status",
       `contact-search-group-info__status--${n.value}`
     ]), y = (r) => {
@@ -56,7 +56,7 @@ const Y = { class: "contact-search-group-info" }, B = { class: "contact-search-g
         p.value = !1;
       }
     };
-    return (r, s) => (g(), d("div", Y, [
+    return (r, s) => (g(), d("div", b, [
       a("div", B, [
         a("div", L, [
           a("div", O, t(m.value), 1),
@@ -64,7 +64,7 @@ const Y = { class: "contact-search-group-info" }, B = { class: "contact-search-g
           a("div", H, t(e(o)("TUIContact.Group type")) + "：" + t(y(c.group.type)), 1),
           a("div", J, t(e(o)("TUIContact.Group introduction")) + "：" + t(c.group.introduction || e(o)("TUIContact.No introduction")), 1)
         ]),
-        v(e(b), {
+        v(e(j), {
           src: c.group.avatar,
           alt: m.value,
           size: "xl"
@@ -103,7 +103,7 @@ const Y = { class: "contact-search-group-info" }, B = { class: "contact-search-g
       ])) : x("", !0)
     ]));
   }
-}), so = /* @__PURE__ */ V(Q, [["__scopeId", "data-v-2b2eb5ec"]]);
+}), so = /* @__PURE__ */ Y(Q, [["__scopeId", "data-v-484352b6"]]);
 export {
   so as default
 };