tuikit-atomicx-vue3 3.3.4 → 3.4.2

package/dist/components/ConversationList/ConversationPreview/ConversationPreviewUnread.js

@@ -1,68 +1,53 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, createBlock, createCommentVNode, unref, toDisplayString } from "vue";
-import TUIChatEngine from "@tencentcloud/chat-uikit-engine";
-import { IconMute } from "@tencentcloud/uikit-base-component-vue3";
-import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as w, computed as u, createElementBlock as r, openBlock as o, normalizeClass as t, createBlock as l, createCommentVNode as d, unref as m, toDisplayString as x } from "vue";
+import q from "@tencentcloud/chat-uikit-engine";
+import { IconMute as f } from "@tencentcloud/uikit-base-component-vue3";
+import { _ as p } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const y = /* @__PURE__ */ w({
   __name: "ConversationPreviewUnread",
   props: {
     conversation: {}
   },
-  setup(__props) {
-    const props = __props;
-    const isUnreadMarked = computed(() => {
-      var _a, _b;
-      return (_b = (_a = props.conversation) == null ? void 0 : _a.markList) == null ? void 0 : _b.includes(TUIChatEngine.TYPES.CONV_MARK_TYPE_UNREAD);
+  setup(n) {
+    const c = n, P = u(() => {
+      var e, i;
+      return (i = (e = c.conversation) == null ? void 0 : e.markList) == null ? void 0 : i.includes(q.TYPES.CONV_MARK_TYPE_UNREAD);
     });
-    return (_ctx, _cache) => {
-      var _a, _b, _c, _d;
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(_ctx.$style.conversationPreview__unread)
+    return (e, i) => {
+      var a, _, v, s;
+      return o(), r("div", {
+        class: t(e.$style.conversationPreview__unread)
       }, [
-        ((_a = _ctx.conversation) == null ? void 0 : _a.isMuted) ? (openBlock(), createBlock(unref(IconMute), { key: 0 })) : ((_b = _ctx.conversation) == null ? void 0 : _b.unreadCount) > 99 ? (openBlock(), createElementBlock("span", {
+        (a = n.conversation) != null && a.isMuted ? (o(), l(m(f), { key: 0 })) : ((_ = n.conversation) == null ? void 0 : _.unreadCount) > 99 ? (o(), r("span", {
           key: 1,
-          class: normalizeClass(_ctx.$style["unread-count"])
-        }, "99+", 2)) : ((_c = _ctx.conversation) == null ? void 0 : _c.unreadCount) > 0 ? (openBlock(), createElementBlock("span", {
+          class: t(e.$style["unread-count"])
+        }, "99+", 2)) : ((v = n.conversation) == null ? void 0 : v.unreadCount) > 0 ? (o(), r("span", {
           key: 2,
-          class: normalizeClass(_ctx.$style["unread-count"])
-        }, toDisplayString((_d = _ctx.conversation) == null ? void 0 : _d.unreadCount), 3)) : isUnreadMarked.value ? (openBlock(), createElementBlock("span", {
+          class: t(e.$style["unread-count"])
+        }, x((s = n.conversation) == null ? void 0 : s.unreadCount), 3)) : P.value ? (o(), r("span", {
           key: 3,
-          class: normalizeClass(_ctx.$style["unread-count"])
-        }, "1", 2)) : createCommentVNode("", true)
+          class: t(e.$style["unread-count"])
+        }, "1", 2)) : d("", !0)
       ], 2);
     };
   }
-});
-const conversationPreview = "_conversationPreview_29xqv_12";
-const conversationPreview__avatar = "_conversationPreview__avatar_29xqv_34";
-const conversationPreview__content = "_conversationPreview__content_29xqv_38";
-const conversationPreview__header = "_conversationPreview__header_29xqv_42";
-const conversationPreview__title = "_conversationPreview__title_29xqv_48";
-const conversationPreview__time = "_conversationPreview__time_29xqv_58";
-const conversationPreview__footer = "_conversationPreview__footer_29xqv_65";
-const conversationPreview__abstract = "_conversationPreview__abstract_29xqv_70";
-const conversationPreview__external = "_conversationPreview__external_29xqv_79";
-const conversationPreview__unread = "_conversationPreview__unread_29xqv_88";
-const conversationPreview__actions = "_conversationPreview__actions_29xqv_108";
-const style0 = {
-  conversationPreview,
+}), k = "_conversationPreview_29xqv_12", C = "_conversationPreview__avatar_29xqv_34", M = "_conversationPreview__content_29xqv_38", h = "_conversationPreview__header_29xqv_42", E = "_conversationPreview__title_29xqv_48", U = "_conversationPreview__time_29xqv_58", $ = "_conversationPreview__footer_29xqv_65", b = "_conversationPreview__abstract_29xqv_70", B = "_conversationPreview__external_29xqv_79", D = "_conversationPreview__unread_29xqv_88", N = "_conversationPreview__actions_29xqv_108", T = {
+  conversationPreview: k,
   "conversationPreview--active": "_conversationPreview--active_29xqv_28",
   "conversationPreview--pin": "_conversationPreview--pin_29xqv_31",
-  conversationPreview__avatar,
-  conversationPreview__content,
-  conversationPreview__header,
-  conversationPreview__title,
-  conversationPreview__time,
-  conversationPreview__footer,
-  conversationPreview__abstract,
-  conversationPreview__external,
-  conversationPreview__unread,
+  conversationPreview__avatar: C,
+  conversationPreview__content: M,
+  conversationPreview__header: h,
+  conversationPreview__title: E,
+  conversationPreview__time: U,
+  conversationPreview__footer: $,
+  conversationPreview__abstract: b,
+  conversationPreview__external: B,
+  conversationPreview__unread: D,
   "unread-count": "_unread-count_29xqv_95",
-  conversationPreview__actions
-};
-const cssModules = {
-  "$style": style0
-};
-const DefaultUnread = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+  conversationPreview__actions: N
+}, g = {
+  $style: T
+}, V = /* @__PURE__ */ p(y, [["__cssModules", g]]);
 export {
-  DefaultUnread as default
+  V as default
 };

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

@@ -1,25 +1,25 @@
-import { defineComponent, computed, h, createElementBlock, openBlock, createBlock, resolveDynamicComponent, normalizeStyle, withCtx, renderSlot } from "vue";
-import Avatar from "../../Avatar/Avatar.js";
-import ConversationActionsComponent from "../ConversationActions/ConversationActions.js";
-import ConversationPreviewUIComponent from "./ConversationPreviewUI.js";
-import DefaultTitle from "./ConversationPreviewTitle.js";
-import DefaultLastMessageTimestamp from "./ConversationPreviewTimestamp.js";
-import DefaultLastMessageAbstract from "./ConversationPreviewAbstract.js";
-import DefaultUnread from "./ConversationPreviewUnread.js";
-import { getLatestMessagePreview } from "./utils.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as C, computed as a, h as s, createElementBlock as d, openBlock as o, createBlock as u, resolveDynamicComponent as A, normalizeStyle as g, withCtx as p, renderSlot as b } from "vue";
+import T from "../../Avatar/Avatar.js";
+import L from "../ConversationActions/ConversationActions.js";
+import M from "./ConversationPreviewUI.js";
+import w from "./ConversationPreviewTitle.js";
+import y from "./ConversationPreviewTimestamp.js";
+import P from "./ConversationPreviewAbstract.js";
+import S from "./ConversationPreviewUnread.js";
+import { getLatestMessagePreview as E } from "./utils.js";
+const O = /* @__PURE__ */ C({
   __name: "ConversationPreview",
   props: {
-    Preview: { type: [Object, Function], default: () => ConversationPreviewUIComponent },
+    Preview: { type: [Object, Function], default: () => M },
     conversation: {},
-    isSelected: { type: Boolean, default: false },
-    enableActions: { type: Boolean, default: true },
-    Avatar: { type: [Object, Function], default: () => Avatar },
+    isSelected: { type: Boolean, default: !1 },
+    enableActions: { type: Boolean, default: !0 },
+    Avatar: { type: [Object, Function], default: () => T },
     Title: {},
     LastMessageAbstract: {},
     LastMessageTimestamp: {},
     Unread: {},
-    ConversationActions: { type: [Object, Function], default: () => ConversationActionsComponent },
+    ConversationActions: { type: [Object, Function], default: () => L },
     onSelectConversation: {},
     actionsConfig: {},
     className: {},
@@ -27,56 +27,48 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     children: {}
   },
   emits: ["selectConversation"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const Title = computed(() => h(props.Title || DefaultTitle, {
-      conversation: props.conversation
-    }));
-    const LastMessageTimestamp = computed(() => h(props.LastMessageTimestamp || DefaultLastMessageTimestamp, {
-      conversation: props.conversation
-    }));
-    const LastMessageAbstract = computed(() => h(props.LastMessageAbstract || DefaultLastMessageAbstract, {
-      conversation: props.conversation
-    }));
-    const Unread = computed(() => h(props.Unread || DefaultUnread, {
-      conversation: props.conversation
-    }));
-    const handleSelectConversation = (conversation) => {
-      emit("selectConversation", conversation);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        (openBlock(), createBlock(resolveDynamicComponent(_ctx.Preview), {
-          conversation: _ctx.conversation,
-          isSelected: _ctx.isSelected,
-          enableActions: _ctx.enableActions,
-          Avatar: _ctx.Avatar,
-          ConversationActions: _ctx.ConversationActions,
-          Title: Title.value,
-          LastMessageTimestamp: LastMessageTimestamp.value,
-          LastMessageAbstract: LastMessageAbstract.value,
-          Unread: Unread.value,
-          actionsConfig: _ctx.actionsConfig,
-          className: _ctx.className,
-          style: normalizeStyle(_ctx.style),
-          onSelect: handleSelectConversation
-        }, {
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "default")
-          ]),
-          _: 3
-        }, 40, ["conversation", "isSelected", "enableActions", "Avatar", "ConversationActions", "Title", "LastMessageTimestamp", "LastMessageAbstract", "Unread", "actionsConfig", "className", "style"]))
-      ]);
+  setup(e, { emit: i }) {
+    const t = e, r = i, c = a(() => s(t.Title || w, {
+      conversation: t.conversation
+    })), l = a(() => s(t.LastMessageTimestamp || y, {
+      conversation: t.conversation
+    })), v = a(() => s(t.LastMessageAbstract || P, {
+      conversation: t.conversation
+    })), m = a(() => s(t.Unread || S, {
+      conversation: t.conversation
+    })), f = (n) => {
+      r("selectConversation", n);
     };
+    return (n, U) => (o(), d("div", null, [
+      (o(), u(A(e.Preview), {
+        conversation: e.conversation,
+        isSelected: e.isSelected,
+        enableActions: e.enableActions,
+        Avatar: e.Avatar,
+        ConversationActions: e.ConversationActions,
+        Title: c.value,
+        LastMessageTimestamp: l.value,
+        LastMessageAbstract: v.value,
+        Unread: m.value,
+        actionsConfig: e.actionsConfig,
+        className: e.className,
+        style: g(e.style),
+        onSelect: f
+      }, {
+        default: p(() => [
+          b(n.$slots, "default")
+        ]),
+        _: 3
+      }, 40, ["conversation", "isSelected", "enableActions", "Avatar", "ConversationActions", "Title", "LastMessageTimestamp", "LastMessageAbstract", "Unread", "actionsConfig", "className", "style"]))
+    ]));
   }
 });
 export {
-  _sfc_main as ConversationPreview,
-  DefaultLastMessageAbstract as ConversationPreviewAbstract,
-  DefaultLastMessageTimestamp as ConversationPreviewTimestamp,
-  DefaultTitle as ConversationPreviewTitle,
-  ConversationPreviewUIComponent as ConversationPreviewUI,
-  DefaultUnread as ConversationPreviewUnread,
-  getLatestMessagePreview
+  O as ConversationPreview,
+  P as ConversationPreviewAbstract,
+  y as ConversationPreviewTimestamp,
+  w as ConversationPreviewTitle,
+  M as ConversationPreviewUI,
+  S as ConversationPreviewUnread,
+  E as getLatestMessagePreview
 };

package/dist/components/ConversationList/ConversationPreview/utils.js

@@ -1,49 +1,43 @@
-import TUIChatEngine from "@tencentcloud/chat-uikit-engine";
-const generateHighlightTitle = (conversation, highlightMatchString) => {
-  var _a;
-  const title = (_a = conversation == null ? void 0 : conversation.getShowName) == null ? void 0 : _a.call(conversation);
-  if (!highlightMatchString) {
-    return [{ text: title, isHighlight: false }];
-  }
-  const regex = new RegExp(`(${highlightMatchString})`, "gi");
-  const parts = title.split(regex);
-  return parts.map((part) => ({
-    text: part,
-    isHighlight: part.toLowerCase() === highlightMatchString.toLowerCase()
+import r from "@tencentcloud/chat-uikit-engine";
+const u = (n, e) => {
+  var T;
+  const t = (T = n == null ? void 0 : n.getShowName) == null ? void 0 : T.call(n);
+  if (!e)
+    return [{ text: t, isHighlight: !1 }];
+  const i = new RegExp(`(${e})`, "gi");
+  return t.split(i).map((o) => ({
+    text: o,
+    isHighlight: o.toLowerCase() === e.toLowerCase()
   }));
-};
-const getLatestMessagePreview = (conversation, t) => {
-  const { lastMessage } = conversation || {};
-  if (!lastMessage) {
+}, C = (n, e) => {
+  const { lastMessage: t } = n || {};
+  if (!t)
     return "";
-  }
-  const { type, payload } = lastMessage;
-  const { nick, userID } = lastMessage.nick || (lastMessage == null ? void 0 : lastMessage.from) || {};
-  const senderName = nick || userID || "";
-  switch (type) {
-    case TUIChatEngine.TYPES.MSG_TEXT:
-      return payload.text || "";
-    case TUIChatEngine.TYPES.MSG_IMAGE:
-      return `[${t("TUIConversation.Image")}]`;
-    case TUIChatEngine.TYPES.MSG_AUDIO:
-      return `[${t("TUIConversation.Audio")}]`;
-    case TUIChatEngine.TYPES.MSG_VIDEO:
-      return `[${t("TUIConversation.Video")}]`;
-    case TUIChatEngine.TYPES.MSG_FILE:
-      return `[${t("TUIConversation.File")}]`;
-    case TUIChatEngine.TYPES.MSG_CUSTOM:
-      return `[${t("TUIConversation.Custom")}]`;
-    case TUIChatEngine.TYPES.MSG_LOCATION:
-      return `[${t("TUIConversation.Location")}]`;
-    case TUIChatEngine.TYPES.MSG_FACE:
-      return `[${t("TUIConversation.Emoji")}]`;
-    case TUIChatEngine.TYPES.MSG_MERGER:
-      return `[${t("TUIConversation.Chat History")}]`;
+  const { type: i, payload: s } = t, { nick: T, userID: o } = t.nick || (t == null ? void 0 : t.from) || {}, E = T || o || "";
+  switch (i) {
+    case r.TYPES.MSG_TEXT:
+      return s.text || "";
+    case r.TYPES.MSG_IMAGE:
+      return `[${e("TUIConversation.Image")}]`;
+    case r.TYPES.MSG_AUDIO:
+      return `[${e("TUIConversation.Audio")}]`;
+    case r.TYPES.MSG_VIDEO:
+      return `[${e("TUIConversation.Video")}]`;
+    case r.TYPES.MSG_FILE:
+      return `[${e("TUIConversation.File")}]`;
+    case r.TYPES.MSG_CUSTOM:
+      return `[${e("TUIConversation.Custom")}]`;
+    case r.TYPES.MSG_LOCATION:
+      return `[${e("TUIConversation.Location")}]`;
+    case r.TYPES.MSG_FACE:
+      return `[${e("TUIConversation.Emoji")}]`;
+    case r.TYPES.MSG_MERGER:
+      return `[${e("TUIConversation.Chat History")}]`;
     default:
-      return senderName ? `${senderName}: ${(payload == null ? void 0 : payload.text) || ""}` : (payload == null ? void 0 : payload.text) || "";
+      return E ? `${E}: ${(s == null ? void 0 : s.text) || ""}` : (s == null ? void 0 : s.text) || "";
   }
 };
 export {
-  generateHighlightTitle,
-  getLatestMessagePreview
+  u as generateHighlightTitle,
+  C as getLatestMessagePreview
 };

package/dist/components/ConversationList/ConversationSearch/ConversationSearch.js

@@ -1,19 +1,19 @@
-import { defineComponent, ref, watch, createElementBlock, createCommentVNode, openBlock, normalizeStyle, normalizeClass, createElementVNode, createBlock, createVNode, resolveDynamicComponent, unref, h, withCtx } from "vue";
-import { useUIKit, TUIDialog, TUIToast } from "@tencentcloud/uikit-base-component-vue3";
-import { useSearchState } from "../../../states/SearchState.js";
-import { SearchBar as SearchBar$1, Search } from "../../Search/index.js";
-import { isPC } from "../../../utils/env.js";
-import { VariantType } from "../../../types/search.js";
-import { SearchType } from "../../../types/engine.js";
-import { useConversationListState } from "../../../states/ConversationListState/ConversationListState.js";
-import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as L, ref as v, watch as U, createElementBlock as E, createCommentVNode as m, openBlock as i, normalizeStyle as O, normalizeClass as c, createElementVNode as g, createBlock as d, createVNode as V, resolveDynamicComponent as C, unref as s, h as F, withCtx as B } from "vue";
+import { useUIKit as G, TUIDialog as K, TUIToast as z } from "@tencentcloud/uikit-base-component-vue3";
+import { useSearchState as H } from "../../../states/SearchState.js";
+import { SearchBar as S, Search as R } from "../../Search/index.js";
+import { isPC as y } from "../../../utils/env.js";
+import { VariantType as t } from "../../../types/search.js";
+import { SearchType as f } from "../../../types/engine.js";
+import { useConversationListState as Y } from "../../../states/ConversationListState/ConversationListState.js";
+import { _ as q } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const J = /* @__PURE__ */ L({
   __name: "ConversationSearch",
   props: {
-    visible: { type: Boolean, default: true },
-    Search: { type: [Object, Function], default: () => Search },
+    visible: { type: Boolean, default: !0 },
+    Search: { type: [Object, Function], default: () => R },
     variant: {},
-    SearchBar: { type: [Object, Function], default: () => SearchBar$1 },
+    SearchBar: { type: [Object, Function], default: () => S },
     SearchResults: {},
     SearchAdvanced: {},
     SearchResultsPresearch: {},
@@ -30,168 +30,122 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onError: {}
   },
   emits: ["keywordChange", "resultItemClick", "searchComplete", "error"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const isActive = ref(false);
-    const isShowStandard = ref(false);
-    const searchMode = ref(VariantType.MINI);
-    const { t } = useUIKit();
-    const { keyword, setKeyword, setSelectedType } = useSearchState();
-    const { setActiveConversation } = useConversationListState();
-    const handleCloseStandard = () => {
-      isShowStandard.value = false;
-      searchMode.value = VariantType.MINI;
-      setKeyword("");
-    };
-    const handleSearchChange = (value) => {
-      isActive.value = !!value;
-      const isMiniSearchClose = !value && searchMode.value === VariantType.MINI;
-      const isStandardSearchClose = !isPC && searchMode.value === VariantType.STANDARD && !value;
-      if (isMiniSearchClose || isStandardSearchClose) {
-        handleCloseStandard();
-      }
-      emit("keywordChange", value);
-    };
-    const handleSearchUserClick = (item) => {
-      const { profile } = item || {};
-      const conversationID = `C2C${profile.userID}`;
-      setActiveConversation(conversationID);
-      handleCloseStandard();
-    };
-    const handleSearchGroupClick = (item) => {
-      const { conversation } = item || {};
-      if (conversation) {
-        setActiveConversation(conversation.conversationID);
-      } else {
-        TUIToast.error({
-          message: t("TUIConversation.You are not in the group, please join the group first")
-        });
-      }
-      handleCloseStandard();
-    };
-    const handleSearchChatMessageClick = (item) => {
-      const { conversationID: messageConversationID = "" } = item || {};
-      const { conversationID = "" } = (item == null ? void 0 : item.conversation) || {};
-      const targetConversationID = conversationID || messageConversationID;
-      if (targetConversationID) {
-        setActiveConversation(targetConversationID);
-        handleCloseStandard();
-      }
-    };
-    const handleOnSelectResult = (item, type) => {
-      if (props.onResultItemClick) {
-        emit("resultItemClick", item, type);
+  setup(a, { emit: p }) {
+    const D = a, I = p, _ = v(!1), o = v(!1), n = v(t.MINI), { t: N } = G(), { keyword: T, setKeyword: $, setSelectedType: w } = H(), { setActiveConversation: u } = Y(), l = () => {
+      o.value = !1, n.value = t.MINI, $("");
+    }, j = (e) => {
+      _.value = !!e;
+      const r = !e && n.value === t.MINI, h = !y && n.value === t.STANDARD && !e;
+      (r || h) && l(), I("keywordChange", e);
+    }, A = (e) => {
+      const { profile: r } = e || {}, h = `C2C${r.userID}`;
+      u(h), l();
+    }, M = (e) => {
+      const { conversation: r } = e || {};
+      r ? u(r.conversationID) : z.error({
+        message: N("TUIConversation.You are not in the group, please join the group first")
+      }), l();
+    }, P = (e) => {
+      const { conversationID: r = "" } = e || {}, { conversationID: h = "" } = (e == null ? void 0 : e.conversation) || {}, b = h || r;
+      b && (u(b), l());
+    }, k = (e, r) => {
+      if (D.onResultItemClick) {
+        I("resultItemClick", e, r);
         return;
       }
-      switch (type) {
-        case SearchType.USER:
-          handleSearchUserClick(item);
+      switch (r) {
+        case f.USER:
+          A(e);
           break;
-        case SearchType.GROUP:
-          handleSearchGroupClick(item);
+        case f.GROUP:
+          M(e);
           break;
-        case SearchType.CHAT_MESSAGE:
-          handleSearchChatMessageClick(item);
+        case f.CHAT_MESSAGE:
+          P(e);
           break;
         default:
-          if (searchMode.value === VariantType.MINI) {
-            isShowStandard.value = true;
-            searchMode.value = VariantType.STANDARD;
-            setSelectedType(type);
-          }
+          n.value === t.MINI && (o.value = !0, n.value = t.STANDARD, w(r));
           break;
       }
     };
-    watch(keyword, handleSearchChange, { immediate: true });
-    return (_ctx, _cache) => {
-      return _ctx.visible ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass([_ctx.$style.conversationSearch, _ctx.className, {
-          [_ctx.$style["conversationSearch--active"]]: isActive.value && !isShowStandard.value
-        }]),
-        style: normalizeStyle(_ctx.style)
+    return U(T, j, { immediate: !0 }), (e, r) => a.visible ? (i(), E("div", {
+      key: 0,
+      class: c([e.$style.conversationSearch, a.className, {
+        [e.$style["conversationSearch--active"]]: _.value && !o.value
+      }]),
+      style: O(a.style)
+    }, [
+      g("div", {
+        class: c([e.$style.conversationSearch])
       }, [
-        createElementVNode("div", {
-          class: normalizeClass([_ctx.$style.conversationSearch])
+        o.value ? (i(), d(C(s(S)), {
+          key: 0,
+          class: c(e.$style.conversationSearch__bar)
+        }, null, 8, ["class"])) : m("", !0),
+        o.value ? m("", !0) : (i(), E("div", {
+          key: 1,
+          class: c(e.$style.conversationSearch__box)
         }, [
-          isShowStandard.value ? (openBlock(), createBlock(resolveDynamicComponent(unref(SearchBar$1)), {
-            key: 0,
-            class: normalizeClass(_ctx.$style.conversationSearch__bar)
-          }, null, 8, ["class"])) : createCommentVNode("", true),
-          !isShowStandard.value ? (openBlock(), createElementBlock("div", {
-            key: 1,
-            class: normalizeClass(_ctx.$style.conversationSearch__box)
-          }, [
-            (openBlock(), createBlock(resolveDynamicComponent(unref(Search)), {
-              class: normalizeClass([_ctx.$style.conversationSearch__content, {
-                [_ctx.$style["searchContainer--h5"]]: !unref(isPC)
+          (i(), d(C(s(R)), {
+            class: c([e.$style.conversationSearch__content, {
+              [e.$style["searchContainer--h5"]]: !s(y)
+            }]),
+            variant: s(t).MINI,
+            SearchBar: s(S),
+            SearchResultsPresearch: a.SearchResultsPresearch || (() => F("div")),
+            SearchResultsLoading: a.SearchResultsLoading,
+            SearchResultsEmpty: a.SearchResultsEmpty,
+            SearchResultItem: a.SearchResultItem,
+            onResultItemClick: k,
+            onSearchComplete: a.onSearchComplete,
+            onError: a.onError
+          }, null, 40, ["class", "variant", "SearchBar", "SearchResultsPresearch", "SearchResultsLoading", "SearchResultsEmpty", "SearchResultItem", "onSearchComplete", "onError"]))
+        ], 2)),
+        V(s(K), {
+          appendTo: "body",
+          customClasses: [e.$style.conversationSearch__advanced],
+          visible: o.value,
+          "show-close": !1,
+          "show-confirm": !1,
+          "show-cancel": !1,
+          onClose: l
+        }, {
+          footer: B(() => [...r[0] || (r[0] = [
+            g("div", null, null, -1)
+          ])]),
+          default: B(() => [
+            (i(), d(C(s(R)), {
+              class: c([e.$style.conversationSearch__content, {
+                [e.$style["searchContainer--h5"]]: !s(y)
               }]),
-              variant: unref(VariantType).MINI,
-              SearchBar: unref(SearchBar$1),
-              SearchResultsPresearch: _ctx.SearchResultsPresearch || (() => h("div")),
-              SearchResultsLoading: _ctx.SearchResultsLoading,
-              SearchResultsEmpty: _ctx.SearchResultsEmpty,
-              SearchResultItem: _ctx.SearchResultItem,
-              onResultItemClick: handleOnSelectResult,
-              onSearchComplete: _ctx.onSearchComplete,
-              onError: _ctx.onError
+              variant: s(t).STANDARD,
+              SearchBar: s(S),
+              SearchResultsPresearch: a.SearchResultsPresearch,
+              SearchResultsLoading: a.SearchResultsLoading,
+              SearchResultsEmpty: a.SearchResultsEmpty,
+              SearchResultItem: a.SearchResultItem,
+              onResultItemClick: k,
+              onSearchComplete: a.onSearchComplete,
+              onError: a.onError
             }, null, 40, ["class", "variant", "SearchBar", "SearchResultsPresearch", "SearchResultsLoading", "SearchResultsEmpty", "SearchResultItem", "onSearchComplete", "onError"]))
-          ], 2)) : createCommentVNode("", true),
-          createVNode(unref(TUIDialog), {
-            customClasses: [_ctx.$style.conversationSearch__advanced],
-            visible: isShowStandard.value,
-            "show-close": false,
-            "show-confirm": false,
-            "show-cancel": false,
-            onClose: handleCloseStandard
-          }, {
-            footer: withCtx(() => [..._cache[0] || (_cache[0] = [
-              createElementVNode("div", null, null, -1)
-            ])]),
-            default: withCtx(() => [
-              (openBlock(), createBlock(resolveDynamicComponent(unref(Search)), {
-                class: normalizeClass([_ctx.$style.conversationSearch__content, {
-                  [_ctx.$style["searchContainer--h5"]]: !unref(isPC)
-                }]),
-                variant: unref(VariantType).STANDARD,
-                SearchBar: unref(SearchBar$1),
-                SearchResultsPresearch: _ctx.SearchResultsPresearch,
-                SearchResultsLoading: _ctx.SearchResultsLoading,
-                SearchResultsEmpty: _ctx.SearchResultsEmpty,
-                SearchResultItem: _ctx.SearchResultItem,
-                onResultItemClick: handleOnSelectResult,
-                onSearchComplete: _ctx.onSearchComplete,
-                onError: _ctx.onError
-              }, null, 40, ["class", "variant", "SearchBar", "SearchResultsPresearch", "SearchResultsLoading", "SearchResultsEmpty", "SearchResultItem", "onSearchComplete", "onError"]))
-            ]),
-            _: 1
-          }, 8, ["customClasses", "visible"])
-        ], 2)
-      ], 6)) : createCommentVNode("", true);
-    };
+          ]),
+          _: 1
+        }, 8, ["customClasses", "visible"])
+      ], 2)
+    ], 6)) : m("", !0);
   }
-});
-const conversationSearch = "_conversationSearch_1cu1j_1";
-const conversationSearch__bar = "_conversationSearch__bar_1cu1j_11";
-const SearchBar = "_SearchBar_1cu1j_23";
-const conversationSearch__box = "_conversationSearch__box_1cu1j_27";
-const conversationSearch__advanced = "_conversationSearch__advanced_1cu1j_30";
-const searchBtn = "_searchBtn_1cu1j_42";
-const style0 = {
-  conversationSearch,
-  conversationSearch__bar,
+}), Q = "_conversationSearch_1cu1j_1", W = "_conversationSearch__bar_1cu1j_11", X = "_SearchBar_1cu1j_23", Z = "_conversationSearch__box_1cu1j_27", x = "_conversationSearch__advanced_1cu1j_30", ee = "_searchBtn_1cu1j_42", ae = {
+  conversationSearch: Q,
+  conversationSearch__bar: W,
   "conversationSearch--active": "_conversationSearch--active_1cu1j_15",
-  SearchBar,
-  conversationSearch__box,
-  conversationSearch__advanced,
+  SearchBar: X,
+  conversationSearch__box: Z,
+  conversationSearch__advanced: x,
   "conversationSearch__advanced--h5": "_conversationSearch__advanced--h5_1cu1j_34",
-  searchBtn
-};
-const cssModules = {
-  "$style": style0
-};
-const ConversationSearchComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+  searchBtn: ee
+}, re = {
+  $style: ae
+}, ue = /* @__PURE__ */ q(J, [["__cssModules", re]]);
 export {
-  ConversationSearchComponent as default
+  ue as default
 };