tuikit-atomicx-vue3 4.5.0 → 4.5.2

package/dist/baseComp/Modal/Modal.js

@@ -1,7 +1,7 @@
 import { defineComponent as g, ref as E, toRefs as P, renderSlot as _, unref as t, onMounted as A, createBlock as v, openBlock as m, withCtx as f, createVNode as C, mergeProps as y, createCommentVNode as h, normalizeProps as $, guardReactiveProps as T, normalizeClass as R } from "vue";
-import { u as k, c as N, a as D, g as I, F as S, D as L, f as q, d as K, P as F, b as V, e as U, T as W } from "../../Teleport-CSEuZbpM.js";
-import { u as w } from "../../useId-CtirfF0W.js";
-import { g as z } from "../../utils-DaB7eSu5.js";
+import { a as k, c as N, u as D, g as I, F as S, D as L, f as q, d as K, e as F, b as V, P as U, T as W } from "../../Teleport-98QrIYDI.js";
+import { u as w } from "../../useId-B1VwPJLm.js";
+import { g as z } from "../../utils-BU8IkP_V.js";
 import { _ as G } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const [O, H] = N("DialogRoot");
 var j = /* @__PURE__ */ g({

package/dist/components/AudioSettingPanel/index.js

@@ -1,7 +1,7 @@
 import { addI18n as B } from "../../i18n/index.js";
 import { resource as $ } from "./i18n/en-US/index.js";
 import { resource as q } from "./i18n/zh-CN/index.js";
-import { defineComponent as F, ref as _, computed as g, watch as k, createElementBlock as a, openBlock as l, createElementVNode as t, createCommentVNode as u, toDisplayString as o, unref as e, createVNode as m, createBlock as b, withCtx as y, createTextVNode as A, Fragment as j, renderList as G, normalizeClass as H } from "vue";
+import { defineComponent as F, ref as _, computed as g, watch as k, createElementBlock as n, openBlock as l, createElementVNode as t, createCommentVNode as u, toDisplayString as o, unref as e, createVNode as m, createBlock as b, withCtx as y, createTextVNode as A, Fragment as j, renderList as G, normalizeClass as H } from "vue";
 import { useUIKit as J, TUIButton as P, TUISlider as x } from "@tencentcloud/uikit-base-component-vue3";
 import Q from "./MicrophoneSelect.js";
 import W from "./SpeakerSelect.js";
@@ -10,10 +10,10 @@ import { _ as Y } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const Z = { class: "audio-setting-tab" }, ee = { class: "item-setting" }, te = { class: "title" }, se = { class: "flex" }, oe = {
   key: 0,
   class: "item-setting"
-}, le = { class: "title" }, ie = { class: "mic-bar-container" }, ae = {
+}, le = { class: "title" }, ie = { class: "mic-bar-container" }, ne = {
   key: 1,
   class: "item-setting"
-}, ne = { class: "title" }, ue = { class: "flex" }, ce = { class: "volume-value" }, re = { class: "item-setting" }, de = { class: "title" }, me = { class: "flex" }, pe = {
+}, ae = { class: "title" }, ue = { class: "flex" }, ce = { class: "volume-value" }, re = { class: "item-setting" }, de = { class: "title" }, me = { class: "flex" }, pe = {
   key: 2,
   class: "item-setting"
 }, ve = { class: "title" }, Ve = { class: "flex" }, _e = { class: "volume-value" }, fe = /* @__PURE__ */ F({
@@ -62,11 +62,11 @@ const Z = { class: "audio-setting-tab" }, ee = { class: "item-setting" }, te = {
       h.value ? R() : L({ filePath: "https://web.sdk.qcloud.com/trtc/electron/download/resources/media/TestSpeaker.mp3" });
     }
     const p = _(28), D = g(() => c.value ? E.value * p.value / 100 : w.value * p.value / 100), O = g(() => C.micTestVisible ? c.value : !0), v = _(f.value), V = _(S.value);
-    return k(v, async (n) => {
-      await I(n);
-    }), k(V, async (n) => {
-      await M(n);
-    }), (n, r) => (l(), a("div", Z, [
+    return k(v, async (a) => {
+      await I(a);
+    }), k(V, async (a) => {
+      await M(a);
+    }), (a, r) => (l(), n("div", Z, [
       t("div", ee, [
         t("span", te, o(e(s)("AudioSettingPanel.Microphone")), 1),
         t("div", se, [
@@ -82,10 +82,10 @@ const Z = { class: "audio-setting-tab" }, ee = { class: "item-setting" }, te = {
           })) : u("", !0)
         ])
       ]),
-      i.inputVolumeLevelVisible ? (l(), a("div", oe, [
+      i.inputVolumeLevelVisible ? (l(), n("div", oe, [
         t("span", le, o(e(s)("AudioSettingPanel.InputLevel")), 1),
         t("div", ie, [
-          (l(!0), a(j, null, G(new Array(p.value).fill(""), (d, T) => (l(), a("div", {
+          (l(!0), n(j, null, G(new Array(p.value).fill(""), (d, T) => (l(), n("div", {
             key: T,
             class: H([
               "mic-bar",
@@ -94,8 +94,8 @@ const Z = { class: "audio-setting-tab" }, ee = { class: "item-setting" }, te = {
           }, null, 2))), 128))
         ])
       ])) : u("", !0),
-      i.inputVolumeVisible ? (l(), a("div", ae, [
-        t("span", ne, o(e(s)("AudioSettingPanel.InputVolume")), 1),
+      i.inputVolumeVisible ? (l(), n("div", ne, [
+        t("span", ae, o(e(s)("AudioSettingPanel.InputVolume")), 1),
         t("div", ue, [
           m(e(x), {
             modelValue: v.value,
@@ -125,7 +125,7 @@ const Z = { class: "audio-setting-tab" }, ee = { class: "item-setting" }, te = {
           })) : u("", !0)
         ])
       ]),
-      i.outputVolumeVisible ? (l(), a("div", pe, [
+      i.outputVolumeVisible ? (l(), n("div", pe, [
         t("span", ve, o(e(s)("AudioSettingPanel.OutputVolume")), 1),
         t("div", Ve, [
           m(e(x), {
@@ -140,7 +140,7 @@ const Z = { class: "audio-setting-tab" }, ee = { class: "item-setting" }, te = {
       ])) : u("", !0)
     ]));
   }
-}), Se = /* @__PURE__ */ Y(fe, [["__scopeId", "data-v-6cabe0da"]]);
+}), Se = /* @__PURE__ */ Y(fe, [["__scopeId", "data-v-5b1de05d"]]);
 B("en-US", { translation: $ });
 B("zh-CN", { translation: q });
 const Be = Se;

package/dist/components/BarrageInput/EmojiPicker/EmojiPicker.js

@@ -1,6 +1,7 @@
 import { defineComponent as j, onMounted as x, createElementBlock as a, openBlock as c, createVNode as o, unref as e, withCtx as r, normalizeClass as i, normalizeStyle as v, createElementVNode as _, Fragment as b, renderList as E } from "vue";
-import { useUIKit as y, IconEmoji as C } from "@tencentcloud/uikit-base-component-vue3";
-import { P, a as h, b as I, c as z } from "../../../PopoverTrigger-L8abAry7.js";
+import { useUIKit as y, IconEmoji as P } from "@tencentcloud/uikit-base-component-vue3";
+import { P as C, a as h, b as I } from "../../../PopoverPortal-DV6zFXcf.js";
+import { P as z } from "../../../PopoverTrigger-DIjW4PKa.js";
 import { emojiUrlMap as l, emojiBaseUrl as m } from "../../../constants/emoji.js";
 import { transformTextWithEmojiKeyToName as M } from "../../../utils/emoji.js";
 import { useMessageInputState as T } from "../MessageInputState.js";
@@ -44,24 +45,24 @@ const n = {
       );
     }
     return (t, d) => (c(), a("div", null, [
-      o(e(P), null, {
+      o(e(C), null, {
         default: r(() => [
-          o(e(h), {
+          o(e(z), {
             as: "span",
             style: v(p.triggerStyle),
             class: i([u.disabled && "disabled"])
           }, {
             default: r(() => [
-              o(e(C), {
+              o(e(P), {
                 class: i(e(n)["emoji-picker__icon"]),
                 size: "24"
               }, null, 8, ["class"])
             ]),
             _: 1
           }, 8, ["style", "class"]),
-          o(e(I), null, {
+          o(e(h), null, {
             default: r(() => [
-              o(e(z), {
+              o(e(I), {
                 side: "top",
                 align: "center",
                 "side-offset": 8,
@@ -96,7 +97,7 @@ const n = {
       })
     ]));
   }
-}), D = /* @__PURE__ */ S(w, [["__scopeId", "data-v-e11cd753"]]);
+}), G = /* @__PURE__ */ S(w, [["__scopeId", "data-v-e11cd753"]]);
 export {
-  D as default
+  G as default
 };

package/dist/components/BarrageInput/TextEditor/CharacterCountExtension.js

@@ -1,4 +1,4 @@
-import { E as l, P as h, a as f } from "../../../index-Do-2CngU.js";
+import { E as l, P as h, a as f } from "../../../index-DuAffztD.js";
 const m = l.create({
   name: "characterCount",
   addOptions() {

package/dist/components/BarrageInput/TextEditor/EditorCore.js

@@ -1,11 +1,12 @@
-import { I as o } from "../../../index-7vNB_Vx8.js";
-import { S as g, P as x, E as p } from "../../../index-ZILx4LYk.js";
+import { I as u } from "../../../index-hHVD-MG2.js";
+import { S as g, P as x } from "../../../index-CTthrJb2.js";
+import { E as p } from "../../../index-DXC5bPY4.js";
 import { isMobile as y } from "../../../utils/environment.js";
 import { CharacterCount as M } from "./CharacterCountExtension.js";
-import { E as T } from "../../../index-Do-2CngU.js";
+import { E as T } from "../../../index-DuAffztD.js";
 import { MessageContentType as a } from "../../../states/MessageInputState/type.js";
 function b() {
-  return o.extend({
+  return u.extend({
     name: a.EMOJI,
     inline: !0,
     group: "inline",
@@ -22,7 +23,7 @@ function b() {
   });
 }
 function C() {
-  return o.extend({
+  return u.extend({
     addOptions() {
       var t;
       return {
@@ -102,43 +103,43 @@ function c(t) {
     }
   }) : [];
 }
-function S({
+function j({
   element: t,
   placeholder: e = "",
   autoFocus: r = !1,
   disabled: s = !1,
   maxLength: i,
   onUpdate: n,
-  onEnter: f,
-  onFocus: m,
+  onEnter: m,
+  onFocus: f,
   onBlur: E
 }) {
   const l = {
     element: t,
     autofocus: r,
     editable: !s,
-    extensions: ((u) => [
+    extensions: ((o) => [
       g,
       M.configure({
         limit: i
       }),
-      I(u ? { onEnter: u } : void 0),
+      I(o ? { onEnter: o } : void 0),
       b(),
       C(),
       x.configure({
         emptyEditorClass: "is-editor-empty",
         placeholder: e
       })
-    ])(f),
-    onUpdate: ({ editor: u }) => {
-      const d = c(u.getJSON());
+    ])(m),
+    onUpdate: ({ editor: o }) => {
+      const d = c(o.getJSON());
       n == null || n(d);
     },
-    onFocus: m,
+    onFocus: f,
     onBlur: E
   };
   return new p(l);
 }
 export {
-  S as createEditor
+  j as createEditor
 };

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

@@ -1,10 +1,10 @@
-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 { defineComponent as D, ref as k, computed as z, watch as b, createElementBlock as c, openBlock as a, normalizeStyle as $, normalizeClass as l, unref as v, createBlock as E, withModifiers as V, Fragment as h, renderList as f, toDisplayString as U, 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 { useUIKit as S, TUIDropdown as w, IconEllipsis as R } 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({
+const O = ["onClick"], Y = ["onClick"], j = /* @__PURE__ */ D({
   __name: "ConversationActions",
   props: {
     conversation: {},
@@ -24,123 +24,126 @@ const O = ["onClick"], Y = ["onClick"], j = /* @__PURE__ */ g({
     enableDelete: { type: Boolean, default: !0 },
     enableMarkUnread: { type: Boolean, default: !0 }
   },
-  emits: ["click", "close", "markConversationUnread", "conversationPin", "conversationMute", "conversationDelete"],
+  emits: ["click", "close", "dropdownVisibleChange", "markConversationUnread", "conversationPin", "conversationMute", "conversationDelete"],
   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 = () => ({
+    const o = _, r = y, { t: s } = S(), { markConversationUnread: g } = L(), u = k(!0), d = k({}), p = z(() => Object.entries(d.value).filter(([, e]) => e.enable !== !1).reduce((e, [n, t]) => (e[n] = t, e), {})), I = () => ({
       pin: {
         enable: !!o.enablePin,
-        label: o.conversation.isPinned ? i("TUIConversation.Unpin") : i("TUIConversation.Pin"),
+        label: o.conversation.isPinned ? s("TUIConversation.Unpin") : s("TUIConversation.Pin"),
         onClick: (e, n) => {
-          e.pinConversation(), c("conversationPin", e, n);
+          e.pinConversation(), r("conversationPin", e, n);
         }
       },
       mute: {
         enable: !!o.enableMute,
-        label: o.conversation.isMuted ? i("TUIConversation.Unmute") : i("TUIConversation.Mute"),
+        label: o.conversation.isMuted ? s("TUIConversation.Unmute") : s("TUIConversation.Mute"),
         onClick: (e, n) => {
-          e.muteConversation(), c("conversationMute", e, n);
+          e.muteConversation(), r("conversationMute", e, n);
         }
       },
       markUnread: {
         enable: !!o.enableMarkUnread,
-        label: v.value ? i("TUIConversation.MarkRead") : i("TUIConversation.MarkUnRead"),
+        label: u.value ? s("TUIConversation.MarkRead") : s("TUIConversation.MarkUnRead"),
         onClick: (e, n) => {
-          I(e.conversationID, !v.value), c("markConversationUnread", e, n);
+          g(e.conversationID, !u.value), r("markConversationUnread", e, n);
         }
       },
       delete: {
         enable: !!o.enableDelete,
-        label: i("TUIConversation.Delete"),
+        label: s("TUIConversation.Delete"),
         onClick: (e, n) => {
-          e.deleteConversation(), c("conversationDelete", e, n);
+          e.deleteConversation(), r("conversationDelete", e, n);
         }
       }
     });
-    f(
+    b(
       () => o.conversation,
       (e) => {
         var n;
         if (e.unreadCount > 0)
-          v.value = !0;
+          u.value = !0;
         else {
-          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;
+          const t = N.TYPES.CONV_MARK_TYPE_UNREAD, i = (n = e == null ? void 0 : e.markList) == null ? void 0 : n.includes(t);
+          u.value = i;
         }
       },
       { immediate: !0 }
-    ), f(
+    ), b(
       [() => o.conversation, () => o.customConversationActions],
       ([e, n]) => {
         d.value = {
-          ...P(),
+          ...I(),
           ...n || {}
         };
       },
       { immediate: !0, deep: !0 }
     );
     const A = (e, n) => {
-      c("click", e, n, o.conversation);
+      r("click", e, n, o.conversation);
       const t = d.value[n];
       t && t.onClick(o.conversation, e), o.onClose && o.onClose();
-    }, T = (e) => {
+    }, P = (e) => {
       e.stopPropagation(), e.target === e.currentTarget && C && o.onClose && o.onClose();
+    }, T = (e) => {
+      r("dropdownVisibleChange", e);
     };
-    return (e, n) => (a(), r("div", {
+    return (e, n) => (a(), c("div", {
       class: l([e.$style.conversationActions, {
-        [e.$style.conversationActions__h5]: u(C)
+        [e.$style.conversationActions__h5]: v(C)
       }, _.className]),
-      style: z(_.style),
-      onClick: T
+      style: $(_.style),
+      onClick: P
     }, [
-      u(C) ? (a(), r("div", {
+      v(C) ? (a(), c("div", {
         key: 0,
         class: l(e.$style.conversationActions__h5__container),
-        onClick: n[0] || (n[0] = E(() => {
+        onClick: n[0] || (n[0] = V(() => {
         }, ["stop"]))
       }, [
-        (a(!0), r(b, null, U(p.value, (t, s) => (a(), r("div", {
-          key: s,
+        (a(!0), c(h, null, f(p.value, (t, i) => (a(), c("div", {
+          key: i,
           class: l([e.$style.conversationActions__item, {
-            [e.$style["conversationActions__item--delete"]]: s === "delete"
+            [e.$style["conversationActions__item--delete"]]: i === "delete"
           }]),
-          onClick: (m) => A(m, s)
-        }, h(t.label), 11, O))), 128))
-      ], 2)) : (a(), $(u(R), {
+          onClick: (m) => A(m, i)
+        }, U(t.label), 11, O))), 128))
+      ], 2)) : (a(), E(v(w), {
         key: 1,
         trigger: "click",
-        teleported: !1,
-        placement: "bottom-end"
+        teleported: !0,
+        placement: "bottom-end",
+        onVisibleChange: T
       }, {
         dropdown: M(() => [
-          (a(!0), r(b, null, U(p.value, (t, s) => (a(), r("div", {
-            key: s,
+          (a(!0), c(h, null, f(p.value, (t, i) => (a(), c("div", {
+            key: i,
             class: l([e.$style.conversationActions__item, {
-              [e.$style["conversationActions__item--delete"]]: s === "delete"
+              [e.$style["conversationActions__item--delete"]]: i === "delete"
             }]),
-            onClick: (m) => A(m, s)
-          }, h(t.label), 11, Y))), 128))
+            onClick: (m) => A(m, i)
+          }, U(t.label), 11, Y))), 128))
         ]),
         default: M(() => [
           B("div", {
             class: l(e.$style["conversationActions__popup-icon"])
           }, [
-            q(u(V), { size: "18px" })
+            q(v(R), { size: "18px" })
           ], 2)
         ]),
         _: 1
       }))
     ], 6));
   }
-}), w = "_conversationActions_qrz2h_1", F = "_conversationActions__h5_qrz2h_10", H = "_conversationActions__h5__container_qrz2h_22", G = "_conversationActions__item_qrz2h_27", J = {
-  conversationActions: w,
+}), F = "_conversationActions_qrz2h_1", H = "_conversationActions__h5_qrz2h_10", G = "_conversationActions__h5__container_qrz2h_22", J = "_conversationActions__item_qrz2h_27", Q = {
+  conversationActions: F,
   "conversationActions__popup-icon": "_conversationActions__popup-icon_qrz2h_5",
-  conversationActions__h5: F,
-  conversationActions__h5__container: H,
-  conversationActions__item: G,
+  conversationActions__h5: H,
+  conversationActions__h5__container: G,
+  conversationActions__item: J,
   "conversationActions__item--delete": "_conversationActions__item--delete_qrz2h_52"
-}, Q = {
-  $style: J
-}, oe = /* @__PURE__ */ K(j, [["__cssModules", Q]]);
+}, W = {
+  $style: Q
+}, te = /* @__PURE__ */ K(j, [["__cssModules", W]]);
 export {
-  oe as default
+  te as default
 };

package/dist/components/ConversationList/ConversationActions/ConversationActions.vue.d.ts

@@ -9,6 +9,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     click: (e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => void;
     close: () => void;
     markConversationUnread: (conversation: ConversationModel, e?: Event | undefined) => void;
+    dropdownVisibleChange: (visible: boolean) => void;
     conversationPin: (conversation: ConversationModel, e?: Event | undefined) => void;
     conversationMute: (conversation: ConversationModel, e?: Event | undefined) => void;
     conversationDelete: (conversation: ConversationModel, e?: Event | undefined) => void;
@@ -21,6 +22,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onClick?: ((e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => any) | undefined;
     onClose?: (() => any) | undefined;
     onMarkConversationUnread?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+    onDropdownVisibleChange?: ((visible: boolean) => any) | undefined;
     onConversationPin?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
     onConversationMute?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
     onConversationDelete?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;

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

@@ -1,6 +1,6 @@
-import { defineComponent as Q, ref as u, computed as I, createElementBlock as X, openBlock as g, normalizeClass as Z, unref as p, createVNode as h, withCtx as ee, createBlock as P } from "vue";
+import { defineComponent as Q, ref as u, computed as g, createElementBlock as X, openBlock as U, normalizeClass as Z, unref as p, createVNode as h, withCtx as ee, createBlock as P } from "vue";
 import { TUIConversationService as te } from "@tencentcloud/chat-uikit-engine";
-import { useUIKit as oe, TUIDialog as ae, TUIToast as U } from "@tencentcloud/uikit-base-component-vue3";
+import { useUIKit as oe, TUIDialog as ae, TUIToast as T } from "@tencentcloud/uikit-base-component-vue3";
 import { useLoginState as ne } from "../../../states/LoginState.js";
 import { isH5 as re } from "../../../utils/env.js";
 import { useConversation as se } from "../hooks/useConversation.js";
@@ -21,14 +21,14 @@ const G = 20, pe = /* @__PURE__ */ Q({
     conversationList: { default: () => [] }
   },
   emits: ["update:visible", "beforeCreateConversation", "conversationCreated"],
-  setup(x, { emit: y }) {
-    const { t: o } = oe(), { enableSearch: O } = se(), { getDefaultAvatar: S } = ie(), { loginUserInfo: d } = ne(), { createC2CConversation: b, createGroupConversation: N } = ue(), k = {
-      avatar: S(E.WORK),
+  setup(y, { emit: x }) {
+    const { t: o } = oe(), { enableSearch: O } = se(), { getDefaultAvatar: d } = ie(), { loginUserInfo: S } = ne(), { createC2CConversation: b, createGroupConversation: N } = ue(), k = {
+      avatar: d(E.WORK),
       name: "",
       groupID: "",
       type: E.WORK
-    }, s = x, T = y, m = u(!1), c = u(!1), n = u(t.USER_SELECT), l = u([]), v = u({
-      avatar: S(E.WORK),
+    }, s = y, m = x, _ = u(!1), c = u(!1), n = u(t.USER_SELECT), l = u([]), v = u({
+      avatar: d(E.WORK),
       name: "",
       groupID: "",
       type: E.WORK
@@ -39,14 +39,14 @@ const G = 20, pe = /* @__PURE__ */ Q({
     }, w = (e) => {
       l.value = e;
     }, B = (e) => {
-      e === ve.GROUP ? R(!0) : R(!1), m.value = !0;
+      e === ve.GROUP ? R(!0) : R(!1), _.value = !0;
     }, f = (e) => {
-      m.value = e;
-    }, _ = () => {
+      _.value = e;
+    }, I = () => {
       f(!1), v.value = k, c.value = !1, n.value = t.USER_SELECT, l.value = [];
     }, L = (e) => {
       var r;
-      _(), te.switchConversation(e.conversationID), T("conversationCreated", e), (r = s.onConversationCreated) == null || r.call(s, e);
+      I(), te.switchConversation(e.conversationID), m("conversationCreated", e), (r = s.onConversationCreated) == null || r.call(s, e);
     }, K = {
       [t.USER_SELECT]: o("TUIConversation.Add Participants"),
       [t.CREATE_DETAIL]: o("TUIConversation.New group chat"),
@@ -59,17 +59,17 @@ 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")), $ = I(() => c.value ? W[n.value] : o("TUIConversation.Start chat")), j = (e) => {
+    }, F = g(() => c.value ? Y[n.value] : o("TUIConversation.Cancel")), M = g(() => c.value ? K[n.value] : o("TUIConversation.Start chat")), $ = g(() => c.value ? W[n.value] : o("TUIConversation.Start chat")), j = (e) => {
       v.value = e;
     }, z = async () => {
       var r;
       const { userID: e } = l.value[0];
-      T("beforeCreateConversation", e), (r = s.onBeforeCreateConversation) == null || r.call(s, e);
+      m("beforeCreateConversation", e), (r = s.onBeforeCreateConversation) == null || r.call(s, e);
       try {
         const a = await b(e);
         L(a);
       } catch (a) {
-        U.error({ message: a.message });
+        T.error({ message: a.message });
       }
     }, H = async () => {
       var r;
@@ -79,49 +79,49 @@ const G = 20, pe = /* @__PURE__ */ Q({
           userID: a.userID
         }))
       };
-      T("beforeCreateConversation", e), (r = s.onBeforeCreateConversation) == null || r.call(s, e);
+      m("beforeCreateConversation", e), (r = s.onBeforeCreateConversation) == null || r.call(s, e);
       try {
         const a = await N(e);
         L(a);
       } catch (a) {
-        U.error({ message: a.message });
+        a.code === 10021 ? T.error({ message: o("TUIConversation.group_id_already_used") }) : T.error({ message: a.message });
       }
     }, 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 = S.value) == null ? void 0 : A.userName) || ((D = S.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") });
+        T.error({ message: o("TUIConversation.Participant cannot be empty") });
         return;
       }
       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);
+      n.value === t.USER_SELECT ? (f(!1), I()) : n.value === t.CREATE_DETAIL ? C(t.USER_SELECT) : n.value === t.GROUP_TYPE && C(t.CREATE_DETAIL);
     };
-    return (e, r) => (g(), X("div", {
+    return (e, r) => (U(), X("div", {
       class: Z(["conversationCreate__container", { conversationCreate__detail: !p(O) }])
     }, [
       h(le, { onClick: B }),
       h(p(ae), {
         appendTo: "body",
-        visible: m.value,
+        visible: _.value,
         title: M.value,
         "confirm-text": $.value,
         "cancel-text": F.value,
         "custom-classes": [p(re) ? "conversationCreate__dialog" : ""],
         onConfirm: q,
         onCancel: J,
-        onClose: _
+        onClose: I
       }, {
         default: ee(() => [
-          n.value === p(t).USER_SELECT ? (g(), P(Ce, {
+          n.value === p(t).USER_SELECT ? (U(), P(Ce, {
             key: 0,
             "is-create-group": c.value,
             "select-list": l.value,
             "set-select-list": w,
             "set-page-state": C
-          }, null, 8, ["is-create-group", "select-list"])) : (g(), P(ce, {
+          }, null, 8, ["is-create-group", "select-list"])) : (U(), P(ce, {
             key: 1,
             "page-state": n.value,
             "profile-list": l.value,
@@ -134,7 +134,7 @@ const G = 20, pe = /* @__PURE__ */ Q({
       }, 8, ["visible", "title", "confirm-text", "cancel-text", "custom-classes"])
     ], 2));
   }
-}), Ge = /* @__PURE__ */ fe(pe, [["__scopeId", "data-v-4707a253"]]);
+}), Ge = /* @__PURE__ */ fe(pe, [["__scopeId", "data-v-df093e81"]]);
 export {
   Ge as default
 };