tuikit-atomicx-vue3 3.3.4 → 3.4.1

package/dist/components/Search/SearchResults/SearchResults.js

@@ -1,412 +1,308 @@
-import { defineComponent, useCssModule, ref, watch, computed, createElementBlock, openBlock, createBlock, resolveDynamicComponent, unref, normalizeClass, toDisplayString, createCommentVNode, createElementVNode, createVNode, createTextVNode, Fragment, renderList, mergeProps, withCtx } from "vue";
-import { useUIKit, IconBack, TUIButton, IconChevronRight } from "@tencentcloud/uikit-base-component-vue3";
-import { SearchType } from "../../../types/engine.js";
-import { VariantType, defaultTypeLabels } from "../../../types/search.js";
-import SearchResultItemComponent from "./SearchResultsItem/SearchResultsItem.js";
-import EmptyResult from "./EmptyResult/EmptyResult.js";
-import Loading from "./Loading/Loading.js";
-import { isH5 } from "../../../utils/env.js";
-import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { key: 0 };
-const _hoisted_2 = { key: 2 };
-const _hoisted_3 = { key: 3 };
-const _hoisted_4 = { key: 4 };
-const _hoisted_5 = { key: 5 };
-const _hoisted_6 = { key: 1 };
-const _hoisted_7 = { key: 0 };
-const _hoisted_8 = { key: 1 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as ue, useCssModule as oe, ref as w, watch as K, computed as $, createElementBlock as o, openBlock as l, createBlock as R, resolveDynamicComponent as E, unref as e, normalizeClass as n, toDisplayString as _, createCommentVNode as g, createElementVNode as f, createVNode as k, createTextVNode as C, Fragment as N, renderList as U, mergeProps as ne, withCtx as B } from "vue";
+import { useUIKit as ie, IconBack as de, TUIButton as P, IconChevronRight as Se } from "@tencentcloud/uikit-base-component-vue3";
+import { SearchType as a } from "../../../types/engine.js";
+import { VariantType as v, defaultTypeLabels as he } from "../../../types/search.js";
+import _e from "./SearchResultsItem/SearchResultsItem.js";
+import Re from "./EmptyResult/EmptyResult.js";
+import Ee from "./Loading/Loading.js";
+import { isH5 as O } from "../../../utils/env.js";
+import { _ as ve } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const me = { key: 0 }, ge = { key: 2 }, fe = { key: 3 }, Me = { key: 4 }, Ae = { key: 5 }, Ce = { key: 1 }, ke = { key: 0 }, ye = { key: 1 }, Te = /* @__PURE__ */ ue({
   __name: "SearchResults",
   props: {
     results: {},
-    isLoading: { type: Boolean, default: false },
+    isLoading: { type: Boolean, default: !1 },
     error: {},
     keyword: { default: "" },
-    typeLabels: { default: () => defaultTypeLabels },
+    typeLabels: { default: () => he },
     onLoadMore: {},
     onResultItemClick: {},
     SearchResultsPresearch: {},
-    SearchResultsLoading: { default: Loading },
-    SearchResultsEmpty: { default: EmptyResult },
-    SearchResultItem: { type: [Object, Function], default: SearchResultItemComponent },
-    variant: { default: VariantType.STANDARD },
+    SearchResultsLoading: { default: Ee },
+    SearchResultsEmpty: { default: Re },
+    SearchResultItem: { type: [Object, Function], default: _e },
+    variant: { default: v.STANDARD },
     searchType: { default: "all" }
   },
-  setup(__props) {
-    const props = __props;
-    const $style = useCssModule();
-    const { t } = useUIKit();
-    const defaultMiniInitLimits = /* @__PURE__ */ new Map([
-      [SearchType.MESSAGE, 3],
-      [SearchType.USER, 3],
-      [SearchType.GROUP, 3]
-    ]);
-    const miniInitLimits = ref(defaultMiniInitLimits);
-    const loadingType = ref("");
-    const showMessageDetail = ref(false);
-    const activeConversation = ref(void 0);
-    function updateActiveConversation() {
-      var _a;
-      const newResults = props.results;
-      const { conversation } = ((_a = newResults == null ? void 0 : newResults.get(SearchType.CHAT_MESSAGE)) == null ? void 0 : _a.resultList[0]) || {};
-      const { resultList = [] } = (newResults == null ? void 0 : newResults.get(SearchType.MESSAGE)) || {};
-      const existConversation = resultList.find((item) => {
-        const { conversationID } = item.conversation || {};
-        return conversationID === (conversation == null ? void 0 : conversation.conversationID);
-      });
-      const showStandardMessageList = props.variant === VariantType.STANDARD && props.searchType === SearchType.MESSAGE;
-      const isEmbedded = props.variant === VariantType.EMBEDDED;
-      const shouldSetConversation = showStandardMessageList && existConversation && !isH5;
-      const currentConversation = shouldSetConversation || isEmbedded ? conversation : void 0;
-      activeConversation.value = currentConversation;
-      if (isEmbedded && isH5) {
-        showMessageDetail.value = true;
-      }
+  setup(s) {
+    const c = s, u = oe(), { t: S } = ie(), j = /* @__PURE__ */ new Map([
+      [a.MESSAGE, 3],
+      [a.USER, 3],
+      [a.GROUP, 3]
+    ]), I = w(j), M = w(""), x = w(!1), X = w(void 0);
+    function p() {
+      var L;
+      const t = c.results, { conversation: r } = ((L = t == null ? void 0 : t.get(a.CHAT_MESSAGE)) == null ? void 0 : L.resultList[0]) || {}, { resultList: d = [] } = (t == null ? void 0 : t.get(a.MESSAGE)) || {}, h = d.find((H) => {
+        const { conversationID: b } = H.conversation || {};
+        return b === (r == null ? void 0 : r.conversationID);
+      }), m = c.variant === v.STANDARD && c.searchType === a.MESSAGE, G = c.variant === v.EMBEDDED, D = m && h && !O || G ? r : void 0;
+      X.value = D, G && O && (x.value = !0);
     }
-    watch([() => props.results, () => props.searchType, () => props.variant], updateActiveConversation, { deep: true });
-    watch(
-      () => props.keyword,
+    K([() => c.results, () => c.searchType, () => c.variant], p, { deep: !0 }), K(
+      () => c.keyword,
       () => {
-        if (props.variant === VariantType.MINI) {
-          miniInitLimits.value = new Map(defaultMiniInitLimits);
-        }
+        c.variant === v.MINI && (I.value = new Map(j));
       }
-    );
-    watch(
-      () => props.isLoading,
-      (newIsLoading) => {
-        if (newIsLoading === false) {
-          loadingType.value = "";
-        }
+    ), K(
+      () => c.isLoading,
+      (t) => {
+        t === !1 && (M.value = "");
       }
     );
-    const allZero = computed(() => {
-      if (!props.results) {
-        return false;
-      }
-      return Array.from(props.results.values()).every((value) => value.totalCount === 0);
-    });
-    const currentResults = computed(() => {
-      if (!props.results || props.variant === VariantType.EMBEDDED) {
+    const ee = $(() => c.results ? Array.from(c.results.values()).every((t) => t.totalCount === 0) : !1), y = $(() => {
+      if (!c.results || c.variant === v.EMBEDDED)
         return /* @__PURE__ */ new Map();
+      if (c.variant === v.MINI) {
+        const r = /* @__PURE__ */ new Map();
+        return c.results.forEach((d, h) => {
+          const m = I.value.get(h) || 0;
+          h !== a.CHAT_MESSAGE && r.set(h, {
+            ...d,
+            resultList: m !== 0 ? d.resultList.slice(0, m) : d.resultList,
+            hasMore: m !== 0 ? d.resultList.length > m : d.hasMore
+          });
+        }), r;
       }
-      if (props.variant === VariantType.MINI) {
-        const limitedResults = /* @__PURE__ */ new Map();
-        props.results.forEach((value, key) => {
-          const limitedNum = miniInitLimits.value.get(key) || 0;
-          if (key !== SearchType.CHAT_MESSAGE) {
-            limitedResults.set(key, {
-              ...value,
-              resultList: limitedNum !== 0 ? value.resultList.slice(0, limitedNum) : value.resultList,
-              hasMore: limitedNum !== 0 ? value.resultList.length > limitedNum : value.hasMore
-            });
-          }
-        });
-        return limitedResults;
-      }
-      const filtered = /* @__PURE__ */ new Map();
-      if (props.searchType === "all") {
-        props.results.forEach((value, key) => {
-          if (key !== SearchType.CHAT_MESSAGE) {
-            filtered.set(key, value);
-          }
-        });
-      } else if (props.results.has(props.searchType)) {
-        filtered.set(props.searchType, props.results.get(props.searchType));
-      } else if (props.searchType === SearchType.MESSAGE && props.results.has(SearchType.CHAT_MESSAGE)) {
-        filtered.set(props.searchType, props.results.get(SearchType.CHAT_MESSAGE));
-      }
-      return filtered;
-    });
-    const chatMessageResult = computed(
+      const t = /* @__PURE__ */ new Map();
+      return c.searchType === "all" ? c.results.forEach((r, d) => {
+        d !== a.CHAT_MESSAGE && t.set(d, r);
+      }) : c.results.has(c.searchType) ? t.set(c.searchType, c.results.get(c.searchType)) : c.searchType === a.MESSAGE && c.results.has(a.CHAT_MESSAGE) && t.set(c.searchType, c.results.get(a.CHAT_MESSAGE)), t;
+    }), T = $(
       () => {
-        var _a, _b;
-        return (_b = (_a = props.results) == null ? void 0 : _a.get(SearchType.CHAT_MESSAGE)) == null ? void 0 : _b.resultList[0];
-      }
-    );
-    const renderOrder = computed(() => {
-      if (props.variant !== VariantType.EXACT) {
-        return [SearchType.MESSAGE, SearchType.USER, SearchType.GROUP];
-      }
-      return [SearchType.USER, SearchType.GROUP];
-    });
-    const getLoadMoreText = (type) => {
-      if (type === SearchType.CHAT_MESSAGE) {
-        return t("Search.loadMore.messages");
-      }
-      if (type === SearchType.MESSAGE) {
-        return t("Search.loadMore.messages");
-      }
-      if (type === SearchType.USER) {
-        return t("Search.loadMore.users");
-      }
-      if (type === SearchType.GROUP) {
-        return t("Search.loadMore.groups");
+        var t, r;
+        return (r = (t = c.results) == null ? void 0 : t.get(a.CHAT_MESSAGE)) == null ? void 0 : r.resultList[0];
       }
-      return t("Search.loadMore.default");
-    };
-    const generateActiveItemClassName = (type, item) => {
-      if (type !== SearchType.MESSAGE || !chatMessageResult.value) {
+    ), se = $(() => c.variant !== v.EXACT ? [a.MESSAGE, a.USER, a.GROUP] : [a.USER, a.GROUP]), z = (t) => t === a.CHAT_MESSAGE || t === a.MESSAGE ? S("Search.loadMore.messages") : t === a.USER ? S("Search.loadMore.users") : t === a.GROUP ? S("Search.loadMore.groups") : S("Search.loadMore.default"), te = (t, r) => {
+      if (t !== a.MESSAGE || !T.value)
         return "";
-      }
-      const { conversationID } = item.conversation || {};
-      const { conversationID: currentConversationID } = chatMessageResult.value.conversation || {};
-      return conversationID === currentConversationID ? $style["SearchResults__item--active"] : "";
-    };
-    const handleLoadMore = (type) => {
-      var _a;
-      if (props.variant === VariantType.MINI) {
-        miniInitLimits.value = new Map(miniInitLimits.value).set(type, 0);
-      }
-      loadingType.value = type;
-      (_a = props.onLoadMore) == null ? void 0 : _a.call(props, type);
-    };
-    const handleClickItem = (data, type) => {
-      var _a;
-      if (type === SearchType.MESSAGE) {
-        showMessageDetail.value = true;
-        loadingType.value = SearchType.CHAT_MESSAGE;
-      }
-      (_a = props.onResultItemClick) == null ? void 0 : _a.call(props, data, type);
-    };
-    const handleBack = () => {
-      showMessageDetail.value = false;
+      const { conversationID: d } = r.conversation || {}, { conversationID: h } = T.value.conversation || {};
+      return d === h ? u["SearchResults__item--active"] : "";
+    }, ae = (t) => {
+      var r;
+      c.variant === v.MINI && (I.value = new Map(I.value).set(t, 0)), M.value = t, (r = c.onLoadMore) == null || r.call(c, t);
+    }, V = (t, r) => {
+      var d;
+      r === a.MESSAGE && (x.value = !0, M.value = a.CHAT_MESSAGE), (d = c.onResultItemClick) == null || d.call(c, t, r);
+    }, re = () => {
+      x.value = !1;
+    }, le = (t, r, d) => {
+      var h;
+      if (t === a.MESSAGE)
+        return `${t}-${(h = r.conversation) == null ? void 0 : h.conversationID}-${d}`;
+      if (t === a.CHAT_MESSAGE)
+        return `${t}-${r == null ? void 0 : r.ID}-${d}`;
+      if (t === a.USER)
+        return `${t}-${r == null ? void 0 : r.profile.userID}-${d}`;
+      if (t === a.GROUP)
+        return `${t}-${r == null ? void 0 : r.groupInfo.groupID}-${d}`;
     };
-    const generateKey = (type, item, index) => {
-      var _a;
-      if (type === SearchType.MESSAGE) {
-        return `${type}-${(_a = item.conversation) == null ? void 0 : _a.conversationID}-${index}`;
-      }
-      if (type === SearchType.CHAT_MESSAGE) {
-        return `${type}-${item == null ? void 0 : item.ID}-${index}`;
-      }
-      if (type === SearchType.USER) {
-        return `${type}-${item == null ? void 0 : item.profile.userID}-${index}`;
-      }
-      if (type === SearchType.GROUP) {
-        return `${type}-${item == null ? void 0 : item.groupInfo.groupID}-${index}`;
-      }
-    };
-    return (_ctx, _cache) => {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
-      return !_ctx.keyword ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        _ctx.SearchResultsPresearch ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.SearchResultsPresearch), { key: 0 })) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.SearchResultsEmpty), {
-          key: 1,
-          text: unref(t)("Search.input.placeholder.keywords")
-        }, null, 8, ["text"]))
-      ])) : _ctx.error ? (openBlock(), createElementBlock("div", {
+    return (t, r) => {
+      var d, h, m, G, F, D, L, H, b, Z, q, J, Q, W, Y;
+      return s.keyword ? s.error ? (l(), o("div", {
         key: 1,
-        class: normalizeClass(unref($style)["SearchResults__error"])
-      }, toDisplayString(_ctx.error.message), 3)) : !((_a = _ctx.results) == null ? void 0 : _a.size) && _ctx.isLoading ? (openBlock(), createElementBlock("div", _hoisted_2, [
-        (openBlock(), createBlock(resolveDynamicComponent(_ctx.SearchResultsLoading)))
-      ])) : !((_b = _ctx.results) == null ? void 0 : _b.size) && !_ctx.isLoading ? (openBlock(), createElementBlock("div", _hoisted_3, [
-        (openBlock(), createBlock(resolveDynamicComponent(_ctx.SearchResultsEmpty)))
-      ])) : _ctx.results.size > 0 && allZero.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
-        (openBlock(), createBlock(resolveDynamicComponent(_ctx.SearchResultsEmpty)))
-      ])) : _ctx.searchType !== "all" && ((_d = (_c = _ctx.results) == null ? void 0 : _c.get(_ctx.searchType)) == null ? void 0 : _d.totalCount) === 0 ? (openBlock(), createElementBlock("div", _hoisted_5, [
-        (openBlock(), createBlock(resolveDynamicComponent(_ctx.SearchResultsEmpty)))
-      ])) : showMessageDetail.value && unref(isH5) ? (openBlock(), createElementBlock("div", {
+        class: n(e(u).SearchResults__error)
+      }, _(s.error.message), 3)) : !((d = s.results) != null && d.size) && s.isLoading ? (l(), o("div", ge, [
+        (l(), R(E(s.SearchResultsLoading)))
+      ])) : !((h = s.results) != null && h.size) && !s.isLoading ? (l(), o("div", fe, [
+        (l(), R(E(s.SearchResultsEmpty)))
+      ])) : s.results.size > 0 && ee.value ? (l(), o("div", Me, [
+        (l(), R(E(s.SearchResultsEmpty)))
+      ])) : s.searchType !== "all" && ((G = (m = s.results) == null ? void 0 : m.get(s.searchType)) == null ? void 0 : G.totalCount) === 0 ? (l(), o("div", Ae, [
+        (l(), R(E(s.SearchResultsEmpty)))
+      ])) : x.value && e(O) ? (l(), o("div", {
         key: 6,
-        class: normalizeClass([
-          _ctx.variant === unref(VariantType).EMBEDDED ? unref($style)["SearchResults--embedded"] : unref($style)["SearchResults__message-detail-page"]
+        class: n([
+          s.variant === e(v).EMBEDDED ? e(u)["SearchResults--embedded"] : e(u)["SearchResults__message-detail-page"]
         ])
       }, [
-        loadingType.value === unref(SearchType).CHAT_MESSAGE ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.SearchResultsLoading), { key: 0 })) : (openBlock(), createElementBlock("div", _hoisted_6, [
-          _ctx.variant !== unref(VariantType).EMBEDDED ? (openBlock(), createElementBlock("div", {
+        M.value === e(a).CHAT_MESSAGE ? (l(), R(E(s.SearchResultsLoading), { key: 0 })) : (l(), o("div", Ce, [
+          s.variant !== e(v).EMBEDDED ? (l(), o("div", {
             key: 0,
-            class: normalizeClass(unref($style)["SearchResults__message-detail-header"])
+            class: n(e(u)["SearchResults__message-detail-header"])
           }, [
-            createVNode(unref(IconBack), { onClick: handleBack }),
-            createElementVNode("span", {
-              class: normalizeClass(unref($style)["SearchResults__message-detail-title"])
+            k(e(de), { onClick: re }),
+            f("span", {
+              class: n(e(u)["SearchResults__message-detail-title"])
             }, [
-              createTextVNode(toDisplayString(unref(t)("Search.results.relatedTo", { count: ((_f = (_e = _ctx.results) == null ? void 0 : _e.get(unref(SearchType).CHAT_MESSAGE)) == null ? void 0 : _f.totalCount) || 0 })) + " " + toDisplayString(unref(t)("Search.results.relatedToSuffix")) + " ", 1),
-              createElementVNode("span", {
-                class: normalizeClass(unref($style).SearchResults__highlight)
-              }, "  " + toDisplayString(_ctx.keyword) + "  ", 3)
+              C(_(e(S)("Search.results.relatedTo", { count: ((D = (F = s.results) == null ? void 0 : F.get(e(a).CHAT_MESSAGE)) == null ? void 0 : D.totalCount) || 0 })) + " " + _(e(S)("Search.results.relatedToSuffix")) + " ", 1),
+              f("span", {
+                class: n(e(u).SearchResults__highlight)
+              }, "  " + _(s.keyword) + "  ", 3)
             ], 2)
-          ], 2)) : createCommentVNode("", true),
-          createElementVNode("div", {
-            class: normalizeClass(unref($style)["SearchResults__message-detail-content"])
+          ], 2)) : g("", !0),
+          f("div", {
+            class: n(e(u)["SearchResults__message-detail-content"])
           }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList((_g = chatMessageResult.value) == null ? void 0 : _g.messageList, (item, index) => {
-              return openBlock(), createElementBlock("div", {
-                key: `${item.ID}-${index}`
-              }, [
-                (openBlock(), createBlock(resolveDynamicComponent(_ctx.SearchResultItem), mergeProps({
-                  data: item,
-                  type: unref(SearchType).CHAT_MESSAGE,
-                  keyword: _ctx.keyword
-                }, { ref_for: true }, _ctx.onResultItemClick && { onClick: _ctx.onResultItemClick }), null, 16, ["data", "type", "keyword"]))
-              ]);
-            }), 128)),
-            ((_i = (_h = _ctx.results) == null ? void 0 : _h.get(unref(SearchType).CHAT_MESSAGE)) == null ? void 0 : _i.hasMore) ? (openBlock(), createElementBlock("div", {
+            (l(!0), o(N, null, U((L = T.value) == null ? void 0 : L.messageList, (i, A) => (l(), o("div", {
+              key: `${i.ID}-${A}`
+            }, [
+              (l(), R(E(s.SearchResultItem), ne({
+                data: i,
+                type: e(a).CHAT_MESSAGE,
+                keyword: s.keyword
+              }, { ref_for: !0 }, s.onResultItemClick && { onClick: s.onResultItemClick }), null, 16, ["data", "type", "keyword"]))
+            ]))), 128)),
+            (b = (H = s.results) == null ? void 0 : H.get(e(a).CHAT_MESSAGE)) != null && b.hasMore ? (l(), o("div", {
               key: 0,
-              class: normalizeClass(unref($style)["SearchResults__section-footer"])
+              class: n(e(u)["SearchResults__section-footer"])
             }, [
-              createVNode(unref(TUIButton), {
-                class: normalizeClass(unref($style)["SearchResults__load-more-button"]),
+              k(e(P), {
+                class: n(e(u)["SearchResults__load-more-button"]),
                 type: "text",
-                disabled: _ctx.isLoading,
-                onClick: _cache[0] || (_cache[0] = () => {
-                  var _a2;
-                  return (_a2 = _ctx.onLoadMore) == null ? void 0 : _a2.call(_ctx, unref(SearchType).CHAT_MESSAGE);
+                disabled: s.isLoading,
+                onClick: r[0] || (r[0] = () => {
+                  var i;
+                  return (i = s.onLoadMore) == null ? void 0 : i.call(s, e(a).CHAT_MESSAGE);
                 })
               }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.isLoading ? unref(t)("Search.status.loading") : getLoadMoreText(unref(SearchType).CHAT_MESSAGE)), 1)
+                default: B(() => [
+                  C(_(s.isLoading ? e(S)("Search.status.loading") : z(e(a).CHAT_MESSAGE)), 1)
                 ]),
                 _: 1
               }, 8, ["class", "disabled"])
-            ], 2)) : createCommentVNode("", true)
+            ], 2)) : g("", !0)
           ], 2)
         ]))
-      ], 2)) : (openBlock(), createElementBlock("div", {
+      ], 2)) : (l(), o("div", {
         key: 7,
-        class: normalizeClass(unref($style).SearchResults)
+        class: n(e(u).SearchResults)
       }, [
-        ((_j = currentResults.value) == null ? void 0 : _j.size) > 0 ? (openBlock(), createElementBlock("div", {
+        ((Z = y.value) == null ? void 0 : Z.size) > 0 ? (l(), o("div", {
           key: 0,
-          class: normalizeClass(unref($style).SearchResults__list)
+          class: n(e(u).SearchResults__list)
         }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(renderOrder.value, (type) => {
-            return openBlock(), createElementBlock("div", {
-              key: type,
-              class: normalizeClass(unref($style)["SearchResults__result-section"])
-            }, [
-              currentResults.value.get(type) && currentResults.value.get(type).totalCount > 0 ? (openBlock(), createElementBlock("div", _hoisted_7, [
-                _ctx.searchType === "all" ? (openBlock(), createElementBlock("div", {
-                  key: 0,
-                  class: normalizeClass(unref($style)["SearchResults__section-header"])
-                }, [
-                  createElementVNode("h3", null, toDisplayString(unref(t)(_ctx.typeLabels[type])), 1)
-                ], 2)) : createCommentVNode("", true),
-                createElementVNode("div", {
-                  class: normalizeClass(unref($style)["SearchResults__result-items"])
-                }, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(currentResults.value.get(type).resultList, (item, index) => {
-                    return openBlock(), createElementBlock("div", {
-                      key: generateKey(type, item, index),
-                      class: normalizeClass(generateActiveItemClassName(type, item))
-                    }, [
-                      (openBlock(), createBlock(resolveDynamicComponent(_ctx.SearchResultItem), {
-                        data: item,
-                        type,
-                        keyword: _ctx.keyword,
-                        class: normalizeClass(unref($style)["SearchResults__item-border"]),
-                        onClick: handleClickItem
-                      }, null, 8, ["data", "type", "keyword", "class"]))
-                    ], 2);
-                  }), 128))
-                ], 2),
-                currentResults.value.get(type).hasMore ? (openBlock(), createElementBlock("div", {
-                  key: 1,
-                  class: normalizeClass(unref($style)["SearchResults__section-footer"])
+          (l(!0), o(N, null, U(se.value, (i) => (l(), o("div", {
+            key: i,
+            class: n(e(u)["SearchResults__result-section"])
+          }, [
+            y.value.get(i) && y.value.get(i).totalCount > 0 ? (l(), o("div", ke, [
+              s.searchType === "all" ? (l(), o("div", {
+                key: 0,
+                class: n(e(u)["SearchResults__section-header"])
+              }, [
+                f("h3", null, _(e(S)(s.typeLabels[i])), 1)
+              ], 2)) : g("", !0),
+              f("div", {
+                class: n(e(u)["SearchResults__result-items"])
+              }, [
+                (l(!0), o(N, null, U(y.value.get(i).resultList, (A, ce) => (l(), o("div", {
+                  key: le(i, A, ce),
+                  class: n(te(i, A))
                 }, [
-                  createVNode(unref(TUIButton), {
-                    class: normalizeClass(unref($style)["SearchResults__load-more-button"]),
-                    type: "text",
-                    disabled: loadingType.value === type,
-                    onClick: () => handleLoadMore(type)
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode(toDisplayString(loadingType.value === type ? unref(t)("Search.status.loading") : getLoadMoreText(type)), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["class", "disabled", "onClick"])
-                ], 2)) : createCommentVNode("", true)
-              ])) : createCommentVNode("", true)
-            ], 2);
-          }), 128))
-        ], 2)) : createCommentVNode("", true),
-        activeConversation.value && !unref(isH5) ? (openBlock(), createElementBlock("div", {
+                  (l(), R(E(s.SearchResultItem), {
+                    data: A,
+                    type: i,
+                    keyword: s.keyword,
+                    class: n(e(u)["SearchResults__item-border"]),
+                    onClick: V
+                  }, null, 8, ["data", "type", "keyword", "class"]))
+                ], 2))), 128))
+              ], 2),
+              y.value.get(i).hasMore ? (l(), o("div", {
+                key: 1,
+                class: n(e(u)["SearchResults__section-footer"])
+              }, [
+                k(e(P), {
+                  class: n(e(u)["SearchResults__load-more-button"]),
+                  type: "text",
+                  disabled: M.value === i,
+                  onClick: () => ae(i)
+                }, {
+                  default: B(() => [
+                    C(_(M.value === i ? e(S)("Search.status.loading") : z(i)), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["class", "disabled", "onClick"])
+              ], 2)) : g("", !0)
+            ])) : g("", !0)
+          ], 2))), 128))
+        ], 2)) : g("", !0),
+        X.value && !e(O) ? (l(), o("div", {
           key: 1,
-          class: normalizeClass(unref($style).SearchResults__list)
+          class: n(e(u).SearchResults__list)
         }, [
-          loadingType.value === unref(SearchType).CHAT_MESSAGE ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.SearchResultsLoading), { key: 0 })) : (openBlock(), createElementBlock("div", _hoisted_8, [
-            _ctx.variant === unref(VariantType).STANDARD ? (openBlock(), createElementBlock("div", {
+          M.value === e(a).CHAT_MESSAGE ? (l(), R(E(s.SearchResultsLoading), { key: 0 })) : (l(), o("div", ye, [
+            s.variant === e(v).STANDARD ? (l(), o("div", {
               key: 0,
-              class: normalizeClass(unref($style)["SearchResults__section-header"])
+              class: n(e(u)["SearchResults__section-header"])
             }, [
-              createElementVNode("span", {
-                class: normalizeClass(unref($style)["SearchResults__section-header-title"])
+              f("span", {
+                class: n(e(u)["SearchResults__section-header-title"])
               }, [
-                createTextVNode(toDisplayString(unref(t)("Search.results.relatedTo", { count: ((_l = (_k = _ctx.results) == null ? void 0 : _k.get(unref(SearchType).CHAT_MESSAGE)) == null ? void 0 : _l.totalCount) || 0 })) + " ", 1),
-                createElementVNode("span", {
-                  class: normalizeClass(unref($style).SearchResults__highlight)
-                }, "  " + toDisplayString(_ctx.keyword) + "  ", 3),
-                createTextVNode(" " + toDisplayString(unref(t)("Search.results.relatedToSuffix")), 1)
+                C(_(e(S)("Search.results.relatedTo", { count: ((J = (q = s.results) == null ? void 0 : q.get(e(a).CHAT_MESSAGE)) == null ? void 0 : J.totalCount) || 0 })) + " ", 1),
+                f("span", {
+                  class: n(e(u).SearchResults__highlight)
+                }, "  " + _(s.keyword) + "  ", 3),
+                C(" " + _(e(S)("Search.results.relatedToSuffix")), 1)
               ], 2),
-              createVNode(unref(TUIButton), {
-                class: normalizeClass(unref($style)["SearchResults__section-header-action"]),
+              k(e(P), {
+                class: n(e(u)["SearchResults__section-header-action"]),
                 type: "text",
-                onClick: _cache[1] || (_cache[1] = () => handleClickItem(chatMessageResult.value, unref(SearchType).CHAT_MESSAGE))
+                onClick: r[1] || (r[1] = () => V(T.value, e(a).CHAT_MESSAGE))
               }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(unref(t)("Search.action.enterChat")) + " ", 1),
-                  createVNode(unref(IconChevronRight), {
-                    class: normalizeClass(unref($style).SearchResults__highlight)
+                default: B(() => [
+                  C(_(e(S)("Search.action.enterChat")) + " ", 1),
+                  k(e(Se), {
+                    class: n(e(u).SearchResults__highlight)
                   }, null, 8, ["class"])
                 ]),
                 _: 1
               }, 8, ["class"])
-            ], 2)) : createCommentVNode("", true),
-            createElementVNode("div", {
-              class: normalizeClass(unref($style)["SearchResults__result-items"])
+            ], 2)) : g("", !0),
+            f("div", {
+              class: n(e(u)["SearchResults__result-items"])
             }, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList((_m = chatMessageResult.value) == null ? void 0 : _m.messageList, (item, index) => {
-                return openBlock(), createElementBlock("div", {
-                  key: `${item.ID}-${index}`
-                }, [
-                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.SearchResultItem), {
-                    data: item,
-                    type: unref(SearchType).CHAT_MESSAGE,
-                    keyword: _ctx.keyword,
-                    onClick: handleClickItem
-                  }, null, 8, ["data", "type", "keyword"]))
-                ]);
-              }), 128))
+              (l(!0), o(N, null, U((Q = T.value) == null ? void 0 : Q.messageList, (i, A) => (l(), o("div", {
+                key: `${i.ID}-${A}`
+              }, [
+                (l(), R(E(s.SearchResultItem), {
+                  data: i,
+                  type: e(a).CHAT_MESSAGE,
+                  keyword: s.keyword,
+                  onClick: V
+                }, null, 8, ["data", "type", "keyword"]))
+              ]))), 128))
             ], 2),
-            ((_o = (_n = _ctx.results) == null ? void 0 : _n.get(unref(SearchType).CHAT_MESSAGE)) == null ? void 0 : _o.hasMore) ? (openBlock(), createElementBlock("div", {
+            (Y = (W = s.results) == null ? void 0 : W.get(e(a).CHAT_MESSAGE)) != null && Y.hasMore ? (l(), o("div", {
               key: 1,
-              class: normalizeClass(unref($style)["SearchResults__section-footer"])
+              class: n(e(u)["SearchResults__section-footer"])
             }, [
-              createVNode(unref(TUIButton), {
-                class: normalizeClass(unref($style)["SearchResults__load-more-button"]),
+              k(e(P), {
+                class: n(e(u)["SearchResults__load-more-button"]),
                 type: "text",
-                disabled: _ctx.isLoading,
-                onClick: _cache[2] || (_cache[2] = () => {
-                  var _a2;
-                  return (_a2 = _ctx.onLoadMore) == null ? void 0 : _a2.call(_ctx, unref(SearchType).CHAT_MESSAGE);
+                disabled: s.isLoading,
+                onClick: r[2] || (r[2] = () => {
+                  var i;
+                  return (i = s.onLoadMore) == null ? void 0 : i.call(s, e(a).CHAT_MESSAGE);
                 })
               }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.isLoading ? unref(t)("Search.status.loading") : getLoadMoreText(unref(SearchType).CHAT_MESSAGE)), 1)
+                default: B(() => [
+                  C(_(s.isLoading ? e(S)("Search.status.loading") : z(e(a).CHAT_MESSAGE)), 1)
                 ]),
                 _: 1
               }, 8, ["class", "disabled"])
-            ], 2)) : createCommentVNode("", true)
+            ], 2)) : g("", !0)
           ]))
-        ], 2)) : createCommentVNode("", true)
-      ], 2));
+        ], 2)) : g("", !0)
+      ], 2)) : (l(), o("div", me, [
+        s.SearchResultsPresearch ? (l(), R(E(s.SearchResultsPresearch), { key: 0 })) : (l(), R(E(s.SearchResultsEmpty), {
+          key: 1,
+          text: e(S)("Search.input.placeholder.keywords")
+        }, null, 8, ["text"]))
+      ]));
     };
   }
-});
-const SearchResults = "_SearchResults_rr0x3_12";
-const SearchResults__list = "_SearchResults__list_rr0x3_67";
-const SearchResults__error = "_SearchResults__error_rr0x3_85";
-const SearchResults__highlight = "_SearchResults__highlight_rr0x3_112";
-const style0 = {
-  SearchResults,
+}), Ge = "_SearchResults_rr0x3_12", Le = "_SearchResults__list_rr0x3_67", Ie = "_SearchResults__error_rr0x3_85", xe = "_SearchResults__highlight_rr0x3_112", De = {
+  SearchResults: Ge,
   "SearchResults__section-header": "_SearchResults__section-header_rr0x3_22",
   "SearchResults__item-border": "_SearchResults__item-border_rr0x3_39",
   "SearchResults__load-more-button": "_SearchResults__load-more-button_rr0x3_52",
-  SearchResults__list,
-  SearchResults__error,
+  SearchResults__list: Le,
+  SearchResults__error: Ie,
   "SearchResults__load-more-container": "_SearchResults__load-more-container_rr0x3_92",
   "SearchResults__load-more-error": "_SearchResults__load-more-error_rr0x3_99",
   "SearchResults__section-header-title": "_SearchResults__section-header-title_rr0x3_105",
-  SearchResults__highlight,
+  SearchResults__highlight: xe,
   "SearchResults__item--active": "_SearchResults__item--active_rr0x3_117",
   "SearchResults__section-header-action": "_SearchResults__section-header-action_rr0x3_121",
   "SearchResults--embedded": "_SearchResults--embedded_rr0x3_132",
@@ -417,11 +313,9 @@ const style0 = {
   "SearchResults__result-section": "_SearchResults__result-section_rr0x3_191",
   "SearchResults__result-items": "_SearchResults__result-items_rr0x3_196",
   "SearchResults__section-footer": "_SearchResults__section-footer_rr0x3_201"
-};
-const cssModules = {
-  "$style": style0
-};
-const SearchResultsComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+}, He = {
+  $style: De
+}, Ve = /* @__PURE__ */ ve(Te, [["__cssModules", He]]);
 export {
-  SearchResultsComponent as default
+  Ve as default
 };