tuikit-atomicx-vue3 3.3.3 → 3.4.1

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

@@ -1,12 +1,10 @@
-import { defineComponent, ref, computed, watch, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createBlock, withModifiers, Fragment, renderList, toDisplayString, withCtx, createElementVNode, createVNode } from "vue";
-import TUIChatEngine from "@tencentcloud/chat-uikit-engine";
-import { useUIKit, TUIDropdown, IconEllipsis } from "@tencentcloud/uikit-base-component-vue3";
-import { isH5 } from "../../../utils/env.js";
-import { useConversationListState } from "../../../states/ConversationListState/ConversationListState.js";
-import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = ["onClick"];
-const _hoisted_2 = ["onClick"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+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({
   __name: "ConversationActions",
   props: {
     conversation: {},
@@ -21,171 +19,130 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     PopupElements: {},
     onClick: {},
     onClose: {},
-    enablePin: { type: Boolean, default: true },
-    enableMute: { type: Boolean, default: true },
-    enableDelete: { type: Boolean, default: true },
-    enableMarkUnread: { type: Boolean, default: true }
+    enablePin: { type: Boolean, default: !0 },
+    enableMute: { type: Boolean, default: !0 },
+    enableDelete: { type: Boolean, default: !0 },
+    enableMarkUnread: { type: Boolean, default: !0 }
   },
   emits: ["click", "close", "markConversationUnread", "conversationPin", "conversationMute", "conversationDelete"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { t } = useUIKit();
-    const { markConversationUnread } = useConversationListState();
-    const markUnreadStatus = ref(true);
-    const anchor = ref(null);
-    const conversationActions2 = ref({});
-    const enabledActions = computed(() => Object.entries(conversationActions2.value).filter(([, action]) => action.enable !== false).reduce((acc, [key, action]) => {
-      acc[key] = action;
-      return acc;
-    }, {}));
-    const generateConversationActions = () => ({
+  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 = () => ({
       pin: {
-        enable: !!props.enablePin,
-        label: props.conversation.isPinned ? t("TUIConversation.Unpin") : t("TUIConversation.Pin"),
-        onClick: (_conversation, e) => {
-          _conversation.pinConversation();
-          emit("conversationPin", _conversation, e);
+        enable: !!o.enablePin,
+        label: o.conversation.isPinned ? i("TUIConversation.Unpin") : i("TUIConversation.Pin"),
+        onClick: (e, n) => {
+          e.pinConversation(), c("conversationPin", e, n);
         }
       },
       mute: {
-        enable: !!props.enableMute,
-        label: props.conversation.isMuted ? t("TUIConversation.Unmute") : t("TUIConversation.Mute"),
-        onClick: (_conversation, e) => {
-          _conversation.muteConversation();
-          emit("conversationMute", _conversation, e);
+        enable: !!o.enableMute,
+        label: o.conversation.isMuted ? i("TUIConversation.Unmute") : i("TUIConversation.Mute"),
+        onClick: (e, n) => {
+          e.muteConversation(), c("conversationMute", e, n);
         }
       },
       markUnread: {
-        enable: !!props.enableMarkUnread,
-        label: markUnreadStatus.value ? t("TUIConversation.MarkRead") : t("TUIConversation.MarkUnRead"),
-        onClick: (_conversation, e) => {
-          markConversationUnread(_conversation.conversationID, !markUnreadStatus.value);
-          emit("markConversationUnread", _conversation, e);
+        enable: !!o.enableMarkUnread,
+        label: u.value ? i("TUIConversation.MarkRead") : i("TUIConversation.MarkUnRead"),
+        onClick: (e, n) => {
+          T(e.conversationID, !u.value), c("markConversationUnread", e, n);
         }
       },
       delete: {
-        enable: !!props.enableDelete,
-        label: t("TUIConversation.Delete"),
-        onClick: (_conversation, e) => {
-          _conversation.deleteConversation();
-          emit("conversationDelete", _conversation, e);
+        enable: !!o.enableDelete,
+        label: i("TUIConversation.Delete"),
+        onClick: (e, n) => {
+          e.deleteConversation(), c("conversationDelete", e, n);
         }
       }
     });
-    watch(
-      () => props.conversation,
-      (newConversation) => {
-        var _a;
-        if (newConversation.unreadCount > 0) {
-          markUnreadStatus.value = true;
-        } else {
-          const targetValue = TUIChatEngine.TYPES.CONV_MARK_TYPE_UNREAD;
-          const unreadStatus = (_a = newConversation == null ? void 0 : newConversation.markList) == null ? void 0 : _a.includes(targetValue);
-          markUnreadStatus.value = unreadStatus;
+    U(
+      () => o.conversation,
+      (e) => {
+        var n;
+        if (e.unreadCount > 0)
+          u.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;
         }
       },
-      { immediate: true }
-    );
-    watch(
-      [() => props.conversation, () => props.customConversationActions],
-      ([newConversation, newCustomActions]) => {
-        conversationActions2.value = {
-          ...generateConversationActions(),
-          ...newCustomActions || {}
+      { immediate: !0 }
+    ), U(
+      [() => o.conversation, () => o.customConversationActions],
+      ([e, n]) => {
+        m.value = {
+          ...P(),
+          ...n || {}
         };
       },
-      { immediate: true, deep: true }
+      { immediate: !0, deep: !0 }
     );
-    const toggleClick = (e) => {
-      anchor.value = anchor.value ? null : e.currentTarget;
+    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];
+      t && t.onClick(o.conversation, e), o.onClose && o.onClose();
+    }, D = (e) => {
+      e.stopPropagation(), e.target === e.currentTarget && p && o.onClose && o.onClose();
     };
-    const onClickMenuItem = (e, key) => {
-      toggleClick(e);
-      emit("click", e, key, props.conversation);
-      const action = conversationActions2.value[key];
-      if (action) {
-        action.onClick(props.conversation, e);
-      }
-      if (props.onClose) {
-        props.onClose();
-      }
-    };
-    const handleMaskClick = (e) => {
-      e.stopPropagation();
-      if (e.target === e.currentTarget && isH5 && props.onClose) {
-        props.onClose();
-      }
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([_ctx.$style.conversationActions, {
-          [_ctx.$style.conversationActions__h5]: unref(isH5)
-        }, _ctx.className]),
-        style: normalizeStyle(_ctx.style),
-        onClick: handleMaskClick
+    return (e, n) => (a(), r("div", {
+      class: l([e.$style.conversationActions, {
+        [e.$style.conversationActions__h5]: v(p)
+      }, _.className]),
+      style: E(_.style),
+      onClick: D
+    }, [
+      v(p) ? (a(), r("div", {
+        key: 0,
+        class: l(e.$style.conversationActions__h5__container),
+        onClick: n[0] || (n[0] = q(() => {
+        }, ["stop"]))
       }, [
-        unref(isH5) ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(_ctx.$style.conversationActions__h5__container),
-          onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-          }, ["stop"]))
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(enabledActions.value, (action, key) => {
-            return openBlock(), createElementBlock("div", {
-              key,
-              class: normalizeClass([_ctx.$style.conversationActions__item, {
-                [_ctx.$style["conversationActions__item--delete"]]: key === "delete"
-              }]),
-              onClick: (e) => onClickMenuItem(e, key)
-            }, toDisplayString(action.label), 11, _hoisted_1);
-          }), 128))
-        ], 2)) : (openBlock(), createBlock(unref(TUIDropdown), {
-          key: 1,
-          trigger: "click",
-          placement: "bottom-end"
-        }, {
-          dropdown: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(enabledActions.value, (action, key) => {
-              return openBlock(), createElementBlock("div", {
-                key,
-                class: normalizeClass([_ctx.$style.conversationActions__item, {
-                  [_ctx.$style["conversationActions__item--delete"]]: key === "delete"
-                }]),
-                onClick: (e) => onClickMenuItem(e, key)
-              }, toDisplayString(action.label), 11, _hoisted_2);
-            }), 128))
-          ]),
-          default: withCtx(() => [
-            createElementVNode("div", {
-              class: normalizeClass(_ctx.$style["conversationActions__popup-icon"]),
-              onClick: toggleClick
-            }, [
-              createVNode(unref(IconEllipsis), { size: "18px" })
-            ], 2)
-          ]),
-          _: 1
-        }))
-      ], 6);
-    };
+        (a(!0), r(h, null, M(k.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), {
+        key: 1,
+        trigger: "click",
+        placement: "bottom-end"
+      }, {
+        dropdown: I(() => [
+          (a(!0), r(h, null, M(k.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))
+        ]),
+        default: I(() => [
+          N("div", {
+            class: l(e.$style["conversationActions__popup-icon"]),
+            onClick: f
+          }, [
+            S(v(K), { size: "18px" })
+          ], 2)
+        ]),
+        _: 1
+      }))
+    ], 6));
   }
-});
-const conversationActions = "_conversationActions_qrz2h_1";
-const conversationActions__h5 = "_conversationActions__h5_qrz2h_10";
-const conversationActions__h5__container = "_conversationActions__h5__container_qrz2h_22";
-const conversationActions__item = "_conversationActions__item_qrz2h_27";
-const style0 = {
-  conversationActions,
+}), H = "_conversationActions_qrz2h_1", G = "_conversationActions__h5_qrz2h_10", J = "_conversationActions__h5__container_qrz2h_22", Q = "_conversationActions__item_qrz2h_27", W = {
+  conversationActions: H,
   "conversationActions__popup-icon": "_conversationActions__popup-icon_qrz2h_5",
-  conversationActions__h5,
-  conversationActions__h5__container,
-  conversationActions__item,
+  conversationActions__h5: G,
+  conversationActions__h5__container: J,
+  conversationActions__item: Q,
   "conversationActions__item--delete": "_conversationActions__item--delete_qrz2h_52"
-};
-const cssModules = {
-  "$style": style0
-};
-const ConversationActionsComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+}, X = {
+  $style: W
+}, se = /* @__PURE__ */ Y(F, [["__cssModules", X]]);
 export {
-  ConversationActionsComponent as default
+  se as default
 };

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

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

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

@@ -1,20 +1,19 @@
-import { defineComponent, ref, computed, createElementBlock, openBlock, normalizeClass, unref, createVNode, withCtx, createBlock } from "vue";
-import { TUIConversationService } from "@tencentcloud/chat-uikit-engine";
-import { useUIKit, TUIDialog, TUIToast } from "@tencentcloud/uikit-base-component-vue3";
-import { useLoginState } from "../../../states/LoginState.js";
-import { isH5 } from "../../../utils/env.js";
-import { useConversation } from "../hooks/useConversation.js";
-import { useConversationCreate } from "../hooks/useConversationCreate.js";
-import ConversationCreateButton from "./ConversationCreateButton/ConversationCreateButton.js";
-import ConversationCreateGroupDetail from "./ConversationCreateGroupDetail/ConversationCreateGroupDetail.js";
-import ConversationCreateUserSelectList from "./ConversationCreateUserSelectList/ConversationCreateUserSelectList.js";
-import { PageStateTypes, GroupType, CreateConvTypes } from "../../../types/conversation.js";
-import { useConversationListState } from "../../../states/ConversationListState/ConversationListState.js";
-import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
+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 { 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 { useLoginState as ne } from "../../../states/LoginState.js";
+import { isH5 as re } from "../../../utils/env.js";
+import { useConversation as se } from "../hooks/useConversation.js";
+import { useConversationCreate as ie } from "../hooks/useConversationCreate.js";
+import le from "./ConversationCreateButton/ConversationCreateButton.js";
+import ce from "./ConversationCreateGroupDetail/ConversationCreateGroupDetail.js";
+import Ce from "./ConversationCreateUserSelectList/ConversationCreateUserSelectList.js";
+import { PageStateTypes as t, GroupType as E, CreateConvTypes as ve } from "../../../types/conversation.js";
+import { useConversationListState as ue } from "../../../states/ConversationListState/ConversationListState.js";
+import { _ as fe } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
 import "./ConversationGroupTypeInfo/ConversationGroupTypeInfo.js";
 import "./ConversationGroupTypeInfo/type.js";
-const GROUP_NAME_LIMIT = 20;
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const G = 20, pe = /* @__PURE__ */ Q({
   __name: "ConversationCreate",
   props: {
     onBeforeCreateConversation: {},
@@ -22,196 +21,120 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     conversationList: { default: () => [] }
   },
   emits: ["update:visible", "beforeCreateConversation", "conversationCreated"],
-  setup(__props, { emit: __emit }) {
-    const { t } = useUIKit();
-    const { enableSearch } = useConversation();
-    const { getDefaultAvatar } = useConversationCreate();
-    const { loginUserInfo } = useLoginState();
-    const { createC2CConversation, createGroupConversation } = useConversationListState();
-    const GROUP_INFO_DEFAULTS = {
-      avatar: getDefaultAvatar(GroupType.WORK),
+  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),
       name: "",
       groupID: "",
-      type: GroupType.WORK
-    };
-    const props = __props;
-    const emit = __emit;
-    const showCreateConversation = ref(false);
-    const isCreateGroup = ref(false);
-    const pageState = ref(PageStateTypes.USER_SELECT);
-    const selectList = ref([]);
-    const groupInfo = ref({
-      avatar: getDefaultAvatar(GroupType.WORK),
+      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),
       name: "",
       groupID: "",
-      type: GroupType.WORK
-    });
-    const setIsCreateGroup = (value) => {
-      isCreateGroup.value = value;
-    };
-    const setPageState = (value) => {
-      pageState.value = value;
-    };
-    const setSelectList = (value) => {
-      selectList.value = value;
-    };
-    const openCreateConversation = (value) => {
-      if (value === CreateConvTypes.GROUP) {
-        setIsCreateGroup(true);
-      } else {
-        setIsCreateGroup(false);
-      }
-      showCreateConversation.value = true;
-    };
-    const toggleCreateConversation = (value) => {
-      showCreateConversation.value = value;
-    };
-    const resetCreatePageState = () => {
-      toggleCreateConversation(false);
-      groupInfo.value = GROUP_INFO_DEFAULTS;
-      isCreateGroup.value = false;
-      pageState.value = PageStateTypes.USER_SELECT;
-      selectList.value = [];
-    };
-    const _onConversationCreated = (conversation) => {
-      var _a;
-      resetCreatePageState();
-      TUIConversationService.switchConversation(conversation.conversationID);
-      emit("conversationCreated", conversation);
-      (_a = props.onConversationCreated) == null ? void 0 : _a.call(props, conversation);
-    };
-    const pageStateTitle = {
-      [PageStateTypes.USER_SELECT]: t("TUIConversation.Add Participants"),
-      [PageStateTypes.CREATE_DETAIL]: t("TUIConversation.New group chat"),
-      [PageStateTypes.GROUP_TYPE]: t("TUIConversation.New group chat")
-    };
-    const pageStateConfirmText = {
-      [PageStateTypes.USER_SELECT]: t("TUIConversation.Next"),
-      [PageStateTypes.CREATE_DETAIL]: t("TUIConversation.Start chat"),
-      [PageStateTypes.GROUP_TYPE]: t("TUIConversation.Confirm")
-    };
-    const pageStateCancelText = {
-      [PageStateTypes.USER_SELECT]: t("TUIConversation.Cancel"),
-      [PageStateTypes.CREATE_DETAIL]: t("TUIConversation.Prev"),
-      [PageStateTypes.GROUP_TYPE]: t("TUIConversation.Prev")
-    };
-    const dialogCancelText = computed(() => {
-      if (!isCreateGroup.value) {
-        return t("TUIConversation.Cancel");
-      }
-      return pageStateCancelText[pageState.value];
-    });
-    const dialogTitles = computed(() => {
-      if (!isCreateGroup.value) {
-        return t("TUIConversation.Start chat");
-      }
-      return pageStateTitle[pageState.value];
-    });
-    const dialogConfirmText = computed(() => !isCreateGroup.value ? t("TUIConversation.Start chat") : pageStateConfirmText[pageState.value]);
-    const updateGroupInfo = (value) => {
-      groupInfo.value = value;
-    };
-    const handleCreateC2CConversation = async () => {
-      var _a;
-      const { userID } = selectList.value[0];
-      emit("beforeCreateConversation", userID);
-      (_a = props.onBeforeCreateConversation) == null ? void 0 : _a.call(props, userID);
+      type: E.WORK
+    }), R = (e) => {
+      c.value = e;
+    }, C = (e) => {
+      n.value = e;
+    }, w = (e) => {
+      l.value = e;
+    }, B = (e) => {
+      e === ve.GROUP ? R(!0) : R(!1), m.value = !0;
+    }, f = (e) => {
+      m.value = e;
+    }, _ = () => {
+      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);
+    }, K = {
+      [t.USER_SELECT]: o("TUIConversation.Add Participants"),
+      [t.CREATE_DETAIL]: o("TUIConversation.New group chat"),
+      [t.GROUP_TYPE]: o("TUIConversation.New group chat")
+    }, W = {
+      [t.USER_SELECT]: o("TUIConversation.Next"),
+      [t.CREATE_DETAIL]: o("TUIConversation.Start chat"),
+      [t.GROUP_TYPE]: o("TUIConversation.Confirm")
+    }, Y = {
+      [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) => {
+      v.value = e;
+    }, H = async () => {
+      var r;
+      const { userID: e } = l.value[0];
+      T("beforeCreateConversation", e), (r = s.onBeforeCreateConversation) == null || r.call(s, e);
       try {
-        const conversation = await createC2CConversation(userID);
-        _onConversationCreated(conversation);
-      } catch (error) {
-        TUIToast.error({ message: error.message });
+        const a = await b(e);
+        L(a);
+      } catch (a) {
+        U.error({ message: a.message });
       }
-    };
-    const handleCreateGroupConversation = async () => {
-      var _a;
-      const options = {
-        ...groupInfo.value,
-        memberList: selectList.value.map((item) => ({
-          userID: item.userID
+    }, V = async () => {
+      var r;
+      const e = {
+        ...v.value,
+        memberList: l.value.map((a) => ({
+          userID: a.userID
         }))
       };
-      emit("beforeCreateConversation", options);
-      (_a = props.onBeforeCreateConversation) == null ? void 0 : _a.call(props, options);
+      T("beforeCreateConversation", e), (r = s.onBeforeCreateConversation) == null || r.call(s, e);
       try {
-        const conversation = await createGroupConversation(options);
-        _onConversationCreated(conversation);
-      } catch (error) {
-        TUIToast.error({ message: error.message });
+        const a = await N(e);
+        L(a);
+      } catch (a) {
+        U.error({ message: a.message });
       }
-    };
-    const generateGroupName = (userList) => {
-      var _a, _b;
-      const selfName = ((_a = loginUserInfo.value) == null ? void 0 : _a.userName) || ((_b = loginUserInfo.value) == null ? void 0 : _b.userId) || "";
-      const name = selfName + userList.map((item) => (item == null ? void 0 : item.remark) || (item == null ? void 0 : item.nick) || (item == null ? void 0 : item.userID)).join("、");
-      return name.length >= GROUP_NAME_LIMIT ? name.slice(0, GROUP_NAME_LIMIT) : name;
-    };
-    const handleConfirm = () => {
-      if (selectList.value.length === 0) {
-        TUIToast.error({ message: t("TUIConversation.Participant cannot be empty") });
+    }, $ = (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("、");
+      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;
       }
-      if (!isCreateGroup.value) {
-        handleCreateC2CConversation();
-        toggleCreateConversation(false);
-      } else if (pageState.value === PageStateTypes.USER_SELECT) {
-        groupInfo.value.name = generateGroupName(selectList.value);
-        setPageState(PageStateTypes.CREATE_DETAIL);
-      } else if (pageState.value === PageStateTypes.CREATE_DETAIL) {
-        handleCreateGroupConversation();
-        toggleCreateConversation(false);
-      } else {
-        setPageState(PageStateTypes.CREATE_DETAIL);
-      }
-    };
-    const handleCancel = () => {
-      if (pageState.value === PageStateTypes.USER_SELECT) {
-        toggleCreateConversation(false);
-        resetCreatePageState();
-      } else if (pageState.value === PageStateTypes.CREATE_DETAIL) {
-        setPageState(PageStateTypes.USER_SELECT);
-      } else if (pageState.value === PageStateTypes.GROUP_TYPE) {
-        setPageState(PageStateTypes.CREATE_DETAIL);
-      }
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["conversationCreate__container", { ["conversationCreate__detail"]: !unref(enableSearch) }])
-      }, [
-        createVNode(ConversationCreateButton, { onClick: openCreateConversation }),
-        createVNode(unref(TUIDialog), {
-          visible: showCreateConversation.value,
-          title: dialogTitles.value,
-          "confirm-text": dialogConfirmText.value,
-          "cancel-text": dialogCancelText.value,
-          "custom-classes": [unref(isH5) ? "conversationCreate__dialog" : ""],
-          onConfirm: handleConfirm,
-          onCancel: handleCancel,
-          onClose: resetCreatePageState
-        }, {
-          default: withCtx(() => [
-            pageState.value === unref(PageStateTypes).USER_SELECT ? (openBlock(), createBlock(ConversationCreateUserSelectList, {
-              key: 0,
-              "is-create-group": isCreateGroup.value,
-              "select-list": selectList.value,
-              "set-select-list": setSelectList,
-              "set-page-state": setPageState
-            }, null, 8, ["is-create-group", "select-list"])) : (openBlock(), createBlock(ConversationCreateGroupDetail, {
-              key: 1,
-              "page-state": pageState.value,
-              "profile-list": selectList.value,
-              "group-info": groupInfo.value,
-              "set-page-state": setPageState,
-              onUpdateGroupInfo: updateGroupInfo
-            }, null, 8, ["page-state", "profile-list", "group-info"]))
-          ]),
-          _: 1
-        }, 8, ["visible", "title", "confirm-text", "cancel-text", "custom-classes"])
-      ], 2);
-    };
+      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));
+    }, 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);
+    };
+    return (e, r) => (g(), X("div", {
+      class: Z(["conversationCreate__container", { conversationCreate__detail: !p(O) }])
+    }, [
+      h(le, { onClick: B }),
+      h(p(ae), {
+        appendTo: "body",
+        visible: m.value,
+        title: M.value,
+        "confirm-text": j.value,
+        "cancel-text": F.value,
+        "custom-classes": [p(re) ? "conversationCreate__dialog" : ""],
+        onConfirm: q,
+        onCancel: J,
+        onClose: _
+      }, {
+        default: ee(() => [
+          n.value === p(t).USER_SELECT ? (g(), 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, {
+            key: 1,
+            "page-state": n.value,
+            "profile-list": l.value,
+            "group-info": v.value,
+            "set-page-state": C,
+            onUpdateGroupInfo: z
+          }, null, 8, ["page-state", "profile-list", "group-info"]))
+        ]),
+        _: 1
+      }, 8, ["visible", "title", "confirm-text", "cancel-text", "custom-classes"])
+    ], 2));
   }
-});
-const ConversationCreateComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bdcdab3b"]]);
+}), Ge = /* @__PURE__ */ fe(pe, [["__scopeId", "data-v-613043fc"]]);
 export {
-  ConversationCreateComponent as default
+  Ge as default
 };