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

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

@@ -1,8 +1,8 @@
 import { defineComponent as U, ref as d, computed as A, createElementBlock as u, openBlock as _, createElementVNode as s, createCommentVNode as x, createVNode as v, toDisplayString as e, unref as t, normalizeClass as w, withDirectives as k, vModelText as D, withCtx as F, createTextVNode as S } from "vue";
-import { useUIKit as N, TUIButton as E } from "@tencentcloud/uikit-base-component-vue3";
-import V from "../../../Avatar/Avatar.js";
+import { useUIKit as N, TUIButton as b } from "@tencentcloud/uikit-base-component-vue3";
+import E from "../../../Avatar/Avatar.js";
 import { TEXTAREA_LENGTH_LIMIT as p } from "../../constants/const.js";
-import { useContactListState as b } from "../../../../states/ContactListState/ContactListState.js";
+import { useContactListState as V } from "../../../../states/ContactListState/ContactListState.js";
 import { _ as B } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
 const z = { class: "contact-search-user-info" }, L = { class: "contact-search-user-info__header" }, M = { class: "contact-search-user-info__main-info" }, W = { class: "contact-search-user-info__name" }, P = { class: "contact-search-user-info__id" }, q = { class: "contact-search-user-info__intro" }, G = {
   key: 1,
@@ -20,7 +20,7 @@ const z = { class: "contact-search-user-info" }, L = { class: "contact-search-us
   },
   emits: ["addFriend", "close"],
   setup(c, { emit: I }) {
-    const r = c, g = I, { t: a } = N(), { addFriend: T } = b(), i = d(""), l = d(!1), o = d("idle"), f = d(""), h = A(() => r.user.nick || r.user.userID), C = async () => {
+    const r = c, g = I, { t: a } = N(), { addFriend: T } = V(), i = d(""), l = d(!1), o = d("idle"), f = d(""), h = A(() => r.user.nick || r.user.userID), C = async () => {
       if (l.value)
         return;
       l.value = !0, o.value = "idle", f.value = "";
@@ -45,7 +45,7 @@ const z = { class: "contact-search-user-info" }, L = { class: "contact-search-us
           s("div", P, e(t(a)("TUIContact.ID")) + "：" + e(c.user.userID), 1),
           s("div", q, e(t(a)("TUIContact.Personal signature")) + "：" + e(c.user.selfSignature || ""), 1)
         ]),
-        v(t(V), {
+        v(t(E), {
           src: c.user.avatar,
           alt: h.value,
           size: "xl"
@@ -73,7 +73,7 @@ const z = { class: "contact-search-user-info" }, L = { class: "contact-search-us
         ])
       ])),
       c.showActions && o.value !== "success" ? (_(), u("div", $, [
-        v(t(E), {
+        v(t(b), {
           type: "primary",
           size: "big",
           loading: l.value,
@@ -87,7 +87,7 @@ const z = { class: "contact-search-user-info" }, L = { class: "contact-search-us
       ])) : x("", !0)
     ]));
   }
-}), te = /* @__PURE__ */ B(j, [["__scopeId", "data-v-59ef3830"]]);
+}), te = /* @__PURE__ */ B(j, [["__scopeId", "data-v-af3b5264"]]);
 export {
   te as default
 };

package/dist/components/ContactList/ContactList.js

@@ -39,10 +39,10 @@ const rt = { class: "contact-list" }, st = { class: "contact-list__container" },
       friendList: w,
       groupList: P,
       blackList: $,
-      friendApplicationList: B,
-      groupApplicationList: O,
+      friendApplicationList: b,
+      groupApplicationList: B,
       friendApplicationUnreadCount: E,
-      acceptFriendApplication: b,
+      acceptFriendApplication: O,
       refuseFriendApplication: Q,
       acceptGroupApplication: K,
       refuseGroupApplication: M,
@@ -72,7 +72,7 @@ const rt = { class: "contact-list" }, st = { class: "contact-list__container" },
       h("contact-item-click", t), T(t), i.onContactItemClick && i.onContactItemClick(t);
     }, j = async (e, o) => {
       try {
-        e === "accept" ? await b({
+        e === "accept" ? await O({
           userID: o.userID,
           type: o.type
         }) : await Q(o.userID), h("friend-application-action", e, o), i.onFriendApplicationAction && i.onFriendApplicationAction(e, o);
@@ -107,14 +107,14 @@ const rt = { class: "contact-list" }, st = { class: "contact-list__container" },
         {
           type: a.FRIEND_REQUEST,
           title: l.value[a.FRIEND_REQUEST],
-          items: B.value,
+          items: b.value,
           unreadCount: E.value,
           order: 1
         },
         {
           type: a.GROUP_REQUEST,
           title: l.value[a.GROUP_REQUEST],
-          items: O.value,
+          items: B.value,
           order: 2
         },
         {
@@ -213,7 +213,7 @@ const rt = { class: "contact-list" }, st = { class: "contact-list__container" },
       ])
     ]));
   }
-}), Lt = /* @__PURE__ */ it(ht, [["__scopeId", "data-v-f5c94dad"]]);
+}), Lt = /* @__PURE__ */ it(ht, [["__scopeId", "data-v-ba745c86"]]);
 export {
   Lt as default
 };

package/dist/components/ContactList/ContactListItem/BlacklistItem/BlacklistItem.js

@@ -1,4 +1,4 @@
-import { defineComponent as n, computed as r, createElementBlock as m, openBlock as k, withKeys as l, normalizeClass as d, createElementVNode as i, createVNode as f, unref as p, toDisplayString as _ } from "vue";
+import { defineComponent as n, computed as r, createElementBlock as m, openBlock as k, withKeys as l, normalizeClass as d, createElementVNode as c, createVNode as f, unref as p, toDisplayString as _ } from "vue";
 import v from "../../../Avatar/Avatar.js";
 import { _ as u } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
 const b = { class: "blacklist-item__avatar" }, h = { class: "blacklist-item__content" }, C = { class: "blacklist-item__name" }, I = /* @__PURE__ */ n({
@@ -10,13 +10,13 @@ const b = { class: "blacklist-item__avatar" }, h = { class: "blacklist-item__con
   },
   emits: ["click"],
   setup(e, { emit: s }) {
-    const c = e, a = s, o = r(() => [
+    const i = e, a = s, o = r(() => [
       "blacklist-item",
       {
-        "blacklist-item--active": c.isActive
+        "blacklist-item--active": i.isActive
       }
     ]), t = () => {
-      a("click", c.profile);
+      a("click", i.profile);
     };
     return (B, y) => (k(), m("div", {
       class: d(o.value),
@@ -26,18 +26,18 @@ const b = { class: "blacklist-item__avatar" }, h = { class: "blacklist-item__con
         l(t, ["space"])
       ]
     }, [
-      i("div", b, [
+      c("div", b, [
         f(p(v), {
           src: e.profile.avatar,
           alt: e.profile.nick || e.profile.userID
         }, null, 8, ["src", "alt"])
       ]),
-      i("div", h, [
-        i("div", C, _(e.profile.nick || e.profile.userID), 1)
+      c("div", h, [
+        c("div", C, _(e.profile.nick || e.profile.userID), 1)
       ])
     ], 34));
   }
-}), w = /* @__PURE__ */ u(I, [["__scopeId", "data-v-2ae9597c"]]);
+}), w = /* @__PURE__ */ u(I, [["__scopeId", "data-v-ab6cc82a"]]);
 export {
   w as default
 };

package/dist/components/ContactList/ContactListItem/FriendApplicationItem/FriendApplicationItem.js

@@ -1,9 +1,9 @@
-import { defineComponent as _, computed as A, createElementBlock as I, openBlock as u, withKeys as p, normalizeClass as v, createElementVNode as i, createVNode as l, unref as c, toDisplayString as a, withModifiers as h, withCtx as C, createTextVNode as k } from "vue";
+import { defineComponent as f, computed as A, createElementBlock as I, openBlock as u, withKeys as p, normalizeClass as v, createElementVNode as i, createVNode as l, unref as c, toDisplayString as a, withModifiers as h, withCtx as C, createTextVNode as k } from "vue";
 import { useUIKit as y, TUIButton as x } from "@tencentcloud/uikit-base-component-vue3";
 import w from "../../../Avatar/Avatar.js";
 import { useContactListState as B } from "../../../../states/ContactListState/ContactListState.js";
 import { _ as T } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
-const U = { class: "friendApplicationItem__avatar" }, D = { class: "friendApplicationItem__content" }, F = { class: "friendApplicationItem__name" }, K = { class: "friendApplicationItem__text" }, N = { class: "friendApplicationItem__actions" }, V = /* @__PURE__ */ _({
+const U = { class: "friendApplicationItem__avatar" }, D = { class: "friendApplicationItem__content" }, F = { class: "friendApplicationItem__name" }, K = { class: "friendApplicationItem__text" }, N = { class: "friendApplicationItem__actions" }, V = /* @__PURE__ */ f({
   __name: "FriendApplicationItem",
   props: {
     application: {},
@@ -20,7 +20,7 @@ const U = { class: "friendApplicationItem__avatar" }, D = { class: "friendApplic
       }
     ]), n = () => {
       o("click", e.application);
-    }, f = () => {
+    }, _ = () => {
       d(e.application), o("action", "accept", e.application);
     };
     return (g, z) => (u(), I("div", {
@@ -45,7 +45,7 @@ const U = { class: "friendApplicationItem__avatar" }, D = { class: "friendApplic
         l(c(x), {
           type: "primary",
           size: "small",
-          onClick: h(f, ["stop"])
+          onClick: h(_, ["stop"])
         }, {
           default: C(() => [
             k(a(c(s)("TUIContact.Agree")), 1)
@@ -55,7 +55,7 @@ const U = { class: "friendApplicationItem__avatar" }, D = { class: "friendApplic
       ])
     ], 34));
   }
-}), R = /* @__PURE__ */ T(V, [["__scopeId", "data-v-c8f99e49"]]);
+}), R = /* @__PURE__ */ T(V, [["__scopeId", "data-v-2e3117d1"]]);
 export {
   R as default
 };

package/dist/components/ContactList/ContactListItem/FriendItem/FriendItem.js

@@ -19,7 +19,7 @@ const y = { class: "friend-item__avatar" }, p = { class: "friend-item__content"
       d("click", n.friend);
     };
     return (B, D) => {
-      var c, r;
+      var r, c;
       return v(), f("div", {
         class: k(o.value),
         onClick: t,
@@ -31,16 +31,16 @@ const y = { class: "friend-item__avatar" }, p = { class: "friend-item__content"
         i("div", y, [
           u(_(C), {
             src: e.friend.avatar,
-            alt: e.friend.remark || ((c = e.friend) == null ? void 0 : c.nick) || e.friend.userID
+            alt: e.friend.remark || ((r = e.friend) == null ? void 0 : r.nick) || e.friend.userID
           }, null, 8, ["src", "alt"])
         ]),
         i("div", p, [
-          i("div", x, h(e.friend.remark || ((r = e.friend) == null ? void 0 : r.nick) || e.friend.userID), 1)
+          i("div", x, h(e.friend.remark || ((c = e.friend) == null ? void 0 : c.nick) || e.friend.userID), 1)
         ])
       ], 34);
     };
   }
-}), K = /* @__PURE__ */ I(A, [["__scopeId", "data-v-af605c50"]]);
+}), F = /* @__PURE__ */ I(A, [["__scopeId", "data-v-0a8bf3bd"]]);
 export {
-  K as default
+  F as default
 };

package/dist/components/ContactList/ContactListItem/GroupApplicationItem/GroupApplicationItem.js

@@ -54,7 +54,7 @@ const V = { class: "groupApplicationItem__avatar" }, j = { class: "groupApplicat
       ])
     ], 34));
   }
-}), F = /* @__PURE__ */ K(S, [["__scopeId", "data-v-3454fabc"]]);
+}), F = /* @__PURE__ */ K(S, [["__scopeId", "data-v-185beed6"]]);
 export {
   F as default
 };

package/dist/components/ContactList/ContactListItem/GroupItem/GroupItem.js

@@ -37,7 +37,7 @@ const k = { class: "group-item__avatar" }, h = { class: "group-item__content" },
       ])
     ], 34));
   }
-}), w = /* @__PURE__ */ f(I, [["__scopeId", "data-v-35660a00"]]);
+}), w = /* @__PURE__ */ f(I, [["__scopeId", "data-v-4dc91a15"]]);
 export {
   w as default
 };

package/dist/components/ContactList/ContactSearch/ContactSearch.js

@@ -1,5 +1,5 @@
-import { defineComponent as y, ref as v, createElementBlock as l, openBlock as o, normalizeClass as R, createBlock as I, createElementVNode as h, createVNode as b, unref as c, toDisplayString as g, h as s } from "vue";
-import { useUIKit as E, IconSearchMore as U } from "@tencentcloud/uikit-base-component-vue3";
+import { defineComponent as y, ref as v, createElementBlock as l, openBlock as o, normalizeClass as R, createBlock as I, createElementVNode as h, createVNode as g, unref as c, toDisplayString as E, h as s } from "vue";
+import { useUIKit as U, IconSearchMore as b } from "@tencentcloud/uikit-base-component-vue3";
 import { useSearchState as w } from "../../../states/SearchState.js";
 import { Search as B, SearchBar as T } from "../../Search/index.js";
 import { VariantType as x } from "../../../types/search.js";
@@ -13,7 +13,7 @@ const K = {
   __name: "ContactSearch",
   emits: ["result-click", "keyword-change"],
   setup(G, { emit: m }) {
-    const t = m, { t: n } = E(), { setKeyword: p } = w(), a = v(!1), d = (e, r) => {
+    const t = m, { t: n } = U(), { setKeyword: p } = w(), a = v(!1), d = (e, r) => {
       r === i.USER && t("result-click", {
         type: _.SEARCH_USER,
         data: e.profile
@@ -53,13 +53,13 @@ const K = {
         onClick: f
       }, [
         h("label", K, [
-          b(c(U))
+          g(c(b))
         ]),
-        h("span", P, g(c(n)("TUIContact.Add friend/group")), 1)
+        h("span", P, E(c(n)("TUIContact.Add friend/group")), 1)
       ]))
     ], 2));
   }
-}), j = /* @__PURE__ */ A(V, [["__scopeId", "data-v-891f06be"]]);
+}), j = /* @__PURE__ */ A(V, [["__scopeId", "data-v-7c64a2df"]]);
 export {
   j as default
 };

package/dist/components/ConversationList/ConversationActions/ConversationActions.js

@@ -1,10 +1,10 @@
-import { defineComponent as z, ref as C, computed as $, watch as U, createElementBlock as r, openBlock as a, normalizeStyle as E, normalizeClass as l, unref as v, createBlock as B, withModifiers as q, Fragment as h, renderList as M, toDisplayString as y, withCtx as I, createElementVNode as N, createVNode as S } from "vue";
-import R from "@tencentcloud/chat-uikit-engine";
-import { useUIKit as V, TUIDropdown as L, IconEllipsis as K } from "@tencentcloud/uikit-base-component-vue3";
-import { isH5 as p } from "../../../utils/env.js";
-import { useConversationListState as O } from "../../../states/ConversationListState/ConversationListState.js";
-import { _ as Y } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
-const j = ["onClick"], w = ["onClick"], F = /* @__PURE__ */ z({
+import { defineComponent as g, ref as k, computed as D, watch as f, createElementBlock as r, openBlock as a, normalizeStyle as z, normalizeClass as l, unref as u, createBlock as $, withModifiers as E, Fragment as b, renderList as U, toDisplayString as h, withCtx as M, createElementVNode as B, createVNode as q } from "vue";
+import N from "@tencentcloud/chat-uikit-engine";
+import { useUIKit as S, TUIDropdown as R, IconEllipsis as V } from "@tencentcloud/uikit-base-component-vue3";
+import { isH5 as C } from "../../../utils/env.js";
+import { useConversationListState as L } from "../../../states/ConversationListState/ConversationListState.js";
+import { _ as K } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const O = ["onClick"], Y = ["onClick"], j = /* @__PURE__ */ g({
   __name: "ConversationActions",
   props: {
     conversation: {},
@@ -25,8 +25,8 @@ const j = ["onClick"], w = ["onClick"], F = /* @__PURE__ */ z({
     enableMarkUnread: { type: Boolean, default: !0 }
   },
   emits: ["click", "close", "markConversationUnread", "conversationPin", "conversationMute", "conversationDelete"],
-  setup(_, { emit: g }) {
-    const o = _, c = g, { t: i } = V(), { markConversationUnread: T } = O(), u = C(!0), A = C(null), m = C({}), k = $(() => Object.entries(m.value).filter(([, e]) => e.enable !== !1).reduce((e, [n, t]) => (e[n] = t, e), {})), P = () => ({
+  setup(_, { emit: y }) {
+    const o = _, c = y, { t: i } = S(), { markConversationUnread: I } = L(), v = k(!0), d = k({}), p = D(() => Object.entries(d.value).filter(([, e]) => e.enable !== !1).reduce((e, [n, t]) => (e[n] = t, e), {})), P = () => ({
       pin: {
         enable: !!o.enablePin,
         label: o.conversation.isPinned ? i("TUIConversation.Unpin") : i("TUIConversation.Pin"),
@@ -43,9 +43,9 @@ const j = ["onClick"], w = ["onClick"], F = /* @__PURE__ */ z({
       },
       markUnread: {
         enable: !!o.enableMarkUnread,
-        label: u.value ? i("TUIConversation.MarkRead") : i("TUIConversation.MarkUnRead"),
+        label: v.value ? i("TUIConversation.MarkRead") : i("TUIConversation.MarkUnRead"),
         onClick: (e, n) => {
-          T(e.conversationID, !u.value), c("markConversationUnread", e, n);
+          I(e.conversationID, !v.value), c("markConversationUnread", e, n);
         }
       },
       delete: {
@@ -56,93 +56,91 @@ const j = ["onClick"], w = ["onClick"], F = /* @__PURE__ */ z({
         }
       }
     });
-    U(
+    f(
       () => o.conversation,
       (e) => {
         var n;
         if (e.unreadCount > 0)
-          u.value = !0;
+          v.value = !0;
         else {
-          const t = R.TYPES.CONV_MARK_TYPE_UNREAD, s = (n = e == null ? void 0 : e.markList) == null ? void 0 : n.includes(t);
-          u.value = s;
+          const t = N.TYPES.CONV_MARK_TYPE_UNREAD, s = (n = e == null ? void 0 : e.markList) == null ? void 0 : n.includes(t);
+          v.value = s;
         }
       },
       { immediate: !0 }
-    ), U(
+    ), f(
       [() => o.conversation, () => o.customConversationActions],
       ([e, n]) => {
-        m.value = {
+        d.value = {
           ...P(),
           ...n || {}
         };
       },
       { immediate: !0, deep: !0 }
     );
-    const f = (e) => {
-      A.value = A.value ? null : e.currentTarget;
-    }, b = (e, n) => {
-      f(e), c("click", e, n, o.conversation);
-      const t = m.value[n];
+    const A = (e, n) => {
+      c("click", e, n, o.conversation);
+      const t = d.value[n];
       t && t.onClick(o.conversation, e), o.onClose && o.onClose();
-    }, D = (e) => {
-      e.stopPropagation(), e.target === e.currentTarget && p && o.onClose && o.onClose();
+    }, T = (e) => {
+      e.stopPropagation(), e.target === e.currentTarget && C && o.onClose && o.onClose();
     };
     return (e, n) => (a(), r("div", {
       class: l([e.$style.conversationActions, {
-        [e.$style.conversationActions__h5]: v(p)
+        [e.$style.conversationActions__h5]: u(C)
       }, _.className]),
-      style: E(_.style),
-      onClick: D
+      style: z(_.style),
+      onClick: T
     }, [
-      v(p) ? (a(), r("div", {
+      u(C) ? (a(), r("div", {
         key: 0,
         class: l(e.$style.conversationActions__h5__container),
-        onClick: n[0] || (n[0] = q(() => {
+        onClick: n[0] || (n[0] = E(() => {
         }, ["stop"]))
       }, [
-        (a(!0), r(h, null, M(k.value, (t, s) => (a(), r("div", {
+        (a(!0), r(b, null, U(p.value, (t, s) => (a(), r("div", {
           key: s,
           class: l([e.$style.conversationActions__item, {
             [e.$style["conversationActions__item--delete"]]: s === "delete"
           }]),
-          onClick: (d) => b(d, s)
-        }, y(t.label), 11, j))), 128))
-      ], 2)) : (a(), B(v(L), {
+          onClick: (m) => A(m, s)
+        }, h(t.label), 11, O))), 128))
+      ], 2)) : (a(), $(u(R), {
         key: 1,
         trigger: "click",
+        teleported: !1,
         placement: "bottom-end"
       }, {
-        dropdown: I(() => [
-          (a(!0), r(h, null, M(k.value, (t, s) => (a(), r("div", {
+        dropdown: M(() => [
+          (a(!0), r(b, null, U(p.value, (t, s) => (a(), r("div", {
             key: s,
             class: l([e.$style.conversationActions__item, {
               [e.$style["conversationActions__item--delete"]]: s === "delete"
             }]),
-            onClick: (d) => b(d, s)
-          }, y(t.label), 11, w))), 128))
+            onClick: (m) => A(m, s)
+          }, h(t.label), 11, Y))), 128))
         ]),
-        default: I(() => [
-          N("div", {
-            class: l(e.$style["conversationActions__popup-icon"]),
-            onClick: f
+        default: M(() => [
+          B("div", {
+            class: l(e.$style["conversationActions__popup-icon"])
           }, [
-            S(v(K), { size: "18px" })
+            q(u(V), { size: "18px" })
           ], 2)
         ]),
         _: 1
       }))
     ], 6));
   }
-}), H = "_conversationActions_qrz2h_1", G = "_conversationActions__h5_qrz2h_10", J = "_conversationActions__h5__container_qrz2h_22", Q = "_conversationActions__item_qrz2h_27", W = {
-  conversationActions: H,
+}), w = "_conversationActions_qrz2h_1", F = "_conversationActions__h5_qrz2h_10", H = "_conversationActions__h5__container_qrz2h_22", G = "_conversationActions__item_qrz2h_27", J = {
+  conversationActions: w,
   "conversationActions__popup-icon": "_conversationActions__popup-icon_qrz2h_5",
-  conversationActions__h5: G,
-  conversationActions__h5__container: J,
-  conversationActions__item: Q,
+  conversationActions__h5: F,
+  conversationActions__h5__container: H,
+  conversationActions__item: G,
   "conversationActions__item--delete": "_conversationActions__item--delete_qrz2h_52"
-}, X = {
-  $style: W
-}, se = /* @__PURE__ */ Y(F, [["__cssModules", X]]);
+}, Q = {
+  $style: J
+}, oe = /* @__PURE__ */ K(j, [["__cssModules", Q]]);
 export {
-  se as default
+  oe as default
 };

package/dist/components/ConversationList/ConversationCreate/ConversationCreate.js

@@ -59,9 +59,9 @@ const G = 20, pe = /* @__PURE__ */ Q({
       [t.USER_SELECT]: o("TUIConversation.Cancel"),
       [t.CREATE_DETAIL]: o("TUIConversation.Prev"),
       [t.GROUP_TYPE]: o("TUIConversation.Prev")
-    }, F = I(() => c.value ? Y[n.value] : o("TUIConversation.Cancel")), M = I(() => c.value ? K[n.value] : o("TUIConversation.Start chat")), j = I(() => c.value ? W[n.value] : o("TUIConversation.Start chat")), z = (e) => {
+    }, F = I(() => c.value ? Y[n.value] : o("TUIConversation.Cancel")), M = I(() => c.value ? K[n.value] : o("TUIConversation.Start chat")), $ = I(() => c.value ? W[n.value] : o("TUIConversation.Start chat")), j = (e) => {
       v.value = e;
-    }, H = async () => {
+    }, z = async () => {
       var r;
       const { userID: e } = l.value[0];
       T("beforeCreateConversation", e), (r = s.onBeforeCreateConversation) == null || r.call(s, e);
@@ -71,7 +71,7 @@ const G = 20, pe = /* @__PURE__ */ Q({
       } catch (a) {
         U.error({ message: a.message });
       }
-    }, V = async () => {
+    }, H = async () => {
       var r;
       const e = {
         ...v.value,
@@ -86,16 +86,16 @@ const G = 20, pe = /* @__PURE__ */ Q({
       } catch (a) {
         U.error({ message: a.message });
       }
-    }, $ = (e) => {
+    }, V = (e) => {
       var A, D;
-      const a = `${((A = d.value) == null ? void 0 : A.userName) || ((D = d.value) == null ? void 0 : D.userId) || ""}、` + e.map((i) => (i == null ? void 0 : i.remark) || (i == null ? void 0 : i.nick) || (i == null ? void 0 : i.userID)).join("、");
+      const a = `${((A = d.value) == null ? void 0 : A.userName) || ((D = d.value) == null ? void 0 : D.userId) || ""}、${e.map((i) => (i == null ? void 0 : i.remark) || (i == null ? void 0 : i.nick) || (i == null ? void 0 : i.userID)).join("、")}`;
       return a.length >= G ? a.slice(0, G) : a;
     }, q = () => {
       if (l.value.length === 0) {
         U.error({ message: o("TUIConversation.Participant cannot be empty") });
         return;
       }
-      c.value ? n.value === t.USER_SELECT ? (v.value.name = $(l.value), C(t.CREATE_DETAIL)) : n.value === t.CREATE_DETAIL ? (V(), f(!1)) : C(t.CREATE_DETAIL) : (H(), f(!1));
+      c.value ? n.value === t.USER_SELECT ? (v.value.name = V(l.value), C(t.CREATE_DETAIL)) : n.value === t.CREATE_DETAIL ? (H(), f(!1)) : C(t.CREATE_DETAIL) : (z(), f(!1));
     }, J = () => {
       n.value === t.USER_SELECT ? (f(!1), _()) : n.value === t.CREATE_DETAIL ? C(t.USER_SELECT) : n.value === t.GROUP_TYPE && C(t.CREATE_DETAIL);
     };
@@ -107,7 +107,7 @@ const G = 20, pe = /* @__PURE__ */ Q({
         appendTo: "body",
         visible: m.value,
         title: M.value,
-        "confirm-text": j.value,
+        "confirm-text": $.value,
         "cancel-text": F.value,
         "custom-classes": [p(re) ? "conversationCreate__dialog" : ""],
         onConfirm: q,
@@ -127,14 +127,14 @@ const G = 20, pe = /* @__PURE__ */ Q({
             "profile-list": l.value,
             "group-info": v.value,
             "set-page-state": C,
-            onUpdateGroupInfo: z
+            onUpdateGroupInfo: j
           }, null, 8, ["page-state", "profile-list", "group-info"]))
         ]),
         _: 1
       }, 8, ["visible", "title", "confirm-text", "cancel-text", "custom-classes"])
     ], 2));
   }
-}), Ge = /* @__PURE__ */ fe(pe, [["__scopeId", "data-v-613043fc"]]);
+}), Ge = /* @__PURE__ */ fe(pe, [["__scopeId", "data-v-4707a253"]]);
 export {
   Ge as default
 };

package/dist/components/ConversationList/ConversationList.js

@@ -1,4 +1,4 @@
-import { defineComponent as z, ref as u, computed as C, watch as x, createElementBlock as S, openBlock as n, normalizeStyle as V, normalizeClass as E, unref as i, createBlock as s, createCommentVNode as f, resolveDynamicComponent as c, withCtx as A, Fragment as q, renderList as G } from "vue";
+import { defineComponent as z, ref as C, computed as u, watch as x, createElementBlock as S, openBlock as n, normalizeStyle as V, normalizeClass as E, unref as i, createBlock as s, createCommentVNode as f, resolveDynamicComponent as c, withCtx as A, Fragment as q, renderList as G } from "vue";
 import J from "../Avatar/Avatar.js";
 import { useConversation as K } from "./hooks/useConversation.js";
 import Q from "./ConversationActions/ConversationActions.js";
@@ -46,12 +46,12 @@ const oe = /* @__PURE__ */ z({
       enableSearch: j,
       onBeforeCreateConversation: m,
       onConversationCreated: h
-    } = o, { conversationList: l, setActiveConversation: O } = _(), { setEnableCreate: w, setEnableSearch: H } = K(), I = u([]), y = C(() => {
+    } = o, { conversationList: l, setActiveConversation: O } = _(), { setEnableCreate: w, setEnableSearch: H } = K(), I = C([]), y = u(() => {
       if (!l.value)
         return [];
       let e = l.value;
       return o.filter && typeof o.filter == "function" && (e = o.filter(e)), o.sort && typeof o.sort == "function" && (e = o.sort(e)), e;
-    }), p = u(!1), d = u({}), L = C(() => $), b = C(() => j);
+    }), p = C(!1), d = C({}), L = u(() => $), b = u(() => j);
     w(L.value), H(b.value), x(
       () => [F, I.value],
       ([e, r]) => {
@@ -119,7 +119,7 @@ const oe = /* @__PURE__ */ z({
             Preview: t.Preview,
             ConversationActions: t.ConversationActions,
             "actions-config": d.value,
-            onSelect: M
+            onSelectConversation: M
           }, null, 8, ["conversation", "enable-actions", "Avatar", "Preview", "ConversationActions", "actions-config"]))), 128))
         ]),
         _: 1