tuikit-atomicx-vue3 0.1.0 → 0.1.1

package/dist/components/Search/SearchBar/SearchBar.vue.d.ts

@@ -0,0 +1,39 @@
+import { VariantType, SearchBarProps } from '../../../types/search';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SearchBarProps>, {
+    value: string;
+    className: string;
+    style: () => {};
+    autoFocus: boolean;
+    variant: VariantType;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SearchBarProps>, {
+    value: string;
+    className: string;
+    style: () => {};
+    autoFocus: boolean;
+    variant: VariantType;
+}>>> & Readonly<{}>, {
+    style: import('vue').CSSProperties;
+    value: string;
+    className: string;
+    autoFocus: boolean;
+    variant: VariantType;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/Search/SearchBar/index.d.ts

@@ -0,0 +1,4 @@
+import { default as SearchBarComponent } from './SearchBar.vue';
+
+export * from './SearchBar.vue';
+export default SearchBarComponent;

package/dist/components/Search/SearchBar/index.js

@@ -0,0 +1,4 @@
+import SearchBarComponent from "./SearchBar.js";
+export {
+  SearchBarComponent as default
+};

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

@@ -0,0 +1,47 @@
+import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, createVNode, createElementVNode, unref, toDisplayString } from "vue";
+import { useUIKit, IconSearchDefault } from "@tencentcloud/uikit-base-component-vue3";
+import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EmptyResult",
+  props: {
+    text: { default: "暂无内容" }
+  },
+  setup(__props) {
+    const props = __props;
+    const { t } = useUIKit();
+    const text = computed(() => props.text || t("Search.status.noContent"));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.SearchEmpty)
+      }, [
+        createVNode(unref(IconSearchDefault), { size: "88px" }),
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style["SearchEmpty__text"])
+        }, [
+          createElementVNode("p", {
+            class: normalizeClass(_ctx.$style["SearchEmpty__title"])
+          }, toDisplayString(text.value), 3)
+        ], 2)
+      ], 2);
+    };
+  }
+});
+const SearchEmpty = "_SearchEmpty_1ldau_295";
+const SearchEmpty__icon = "_SearchEmpty__icon_1ldau_305";
+const SearchEmpty__text = "_SearchEmpty__text_1ldau_311";
+const SearchEmpty__title = "_SearchEmpty__title_1ldau_315";
+const style0 = {
+  "tui-theme-dark": "_tui-theme-dark_1ldau_2",
+  "tui-theme-light": "_tui-theme-light_1ldau_140",
+  SearchEmpty,
+  SearchEmpty__icon,
+  SearchEmpty__text,
+  SearchEmpty__title
+};
+const cssModules = {
+  "$style": style0
+};
+const EmptyResult = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  EmptyResult as default
+};

package/dist/components/Search/SearchResults/EmptyResult/EmptyResult.vue.d.ts

@@ -0,0 +1,28 @@
+interface IEmptyResultProps {
+    text?: string;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IEmptyResultProps>, {
+    text: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IEmptyResultProps>, {
+    text: string;
+}>>> & Readonly<{}>, {
+    text: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/Search/SearchResults/EmptyResult/index.d.ts

@@ -0,0 +1,2 @@
+export { default as EmptyResult } from './EmptyResult.vue';
+export * from './EmptyResult.vue';

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

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

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

@@ -0,0 +1,29 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, toDisplayString } from "vue";
+import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Loading",
+  props: {
+    text: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.SearchLoading)
+      }, toDisplayString(_ctx.text), 3);
+    };
+  }
+});
+const SearchLoading = "_SearchLoading_14y18_295";
+const style0 = {
+  "tui-theme-dark": "_tui-theme-dark_14y18_2",
+  "tui-theme-light": "_tui-theme-light_14y18_140",
+  SearchLoading,
+  "SearchLoading-spin": "_SearchLoading-spin_14y18_1"
+};
+const cssModules = {
+  "$style": style0
+};
+const Loading = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  Loading as default
+};

package/dist/components/Search/SearchResults/Loading/Loading.vue.d.ts

@@ -0,0 +1,14 @@
+interface ILoadingProps {
+    text?: string;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ILoadingProps>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ILoadingProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/Search/SearchResults/Loading/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Loading } from './Loading.vue';
+export * from './Loading.vue';

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

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

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

@@ -0,0 +1,416 @@
+import { defineComponent, useCssModule, ref, watch, computed, createElementBlock, openBlock, normalizeClass, unref, toDisplayString, createBlock, resolveDynamicComponent, createCommentVNode, createElementVNode, createVNode, createTextVNode, Fragment, renderList, mergeProps } from "vue";
+import { useUIKit, IconBack, 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: 1 };
+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 = ["disabled"];
+const _hoisted_8 = { key: 0 };
+const _hoisted_9 = ["disabled", "onClick"];
+const _hoisted_10 = { key: 1 };
+const _hoisted_11 = ["disabled"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SearchResults",
+  props: {
+    results: {},
+    isLoading: { type: Boolean, default: false },
+    error: {},
+    keyword: { default: "" },
+    typeLabels: { default: () => defaultTypeLabels },
+    onLoadMore: {},
+    onResultItemClick: {},
+    SearchResultsPresearch: {},
+    SearchResultsLoading: { default: Loading },
+    SearchResultsEmpty: { default: EmptyResult },
+    SearchResultItem: { default: SearchResultItemComponent },
+    variant: { default: VariantType.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;
+      }
+    }
+    watch([() => props.results, () => props.searchType, () => props.variant], updateActiveConversation, { deep: true });
+    watch(
+      () => props.keyword,
+      () => {
+        if (props.variant === VariantType.MINI) {
+          miniInitLimits.value = new Map(defaultMiniInitLimits);
+        }
+      }
+    );
+    watch(
+      () => props.isLoading,
+      (newIsLoading) => {
+        if (newIsLoading === false) {
+          loadingType.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) {
+        return /* @__PURE__ */ new Map();
+      }
+      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(
+      () => {
+        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");
+      }
+      return t("Search.loadMore.default");
+    };
+    const generateActiveItemClassName = (type, item) => {
+      if (type !== SearchType.MESSAGE || !chatMessageResult.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 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;
+      return _ctx.error ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(unref($style)["SearchResults__error"])
+      }, toDisplayString(_ctx.error.message), 3)) : !_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.keyword && _ctx.isLoading ? (openBlock(), createElementBlock("div", _hoisted_2, [
+        (openBlock(), createBlock(resolveDynamicComponent(_ctx.SearchResultsLoading)))
+      ])) : _ctx.keyword && !((_a = _ctx.results) == null ? void 0 : _a.size) && !_ctx.isLoading ? (openBlock(), createElementBlock("div", _hoisted_3, [
+        (openBlock(), createBlock(resolveDynamicComponent(_ctx.SearchResultsEmpty)))
+      ])) : _ctx.results && _ctx.results.size > 0 && allZero.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+        (openBlock(), createBlock(resolveDynamicComponent(_ctx.SearchResultsEmpty)))
+      ])) : _ctx.keyword && _ctx.searchType !== "all" && ((_c = (_b = _ctx.results) == null ? void 0 : _b.get(_ctx.searchType)) == null ? void 0 : _c.totalCount) === 0 ? (openBlock(), createElementBlock("div", _hoisted_5, [
+        (openBlock(), createBlock(resolveDynamicComponent(_ctx.SearchResultsEmpty)))
+      ])) : showMessageDetail.value && unref(isH5) ? (openBlock(), createElementBlock("div", {
+        key: 6,
+        class: normalizeClass([
+          _ctx.variant === unref(VariantType).EMBEDDED ? unref($style)["SearchResults--embedded"] : unref($style)["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", {
+            key: 0,
+            class: normalizeClass(unref($style)["SearchResults__message-detail-header"])
+          }, [
+            createElementVNode("button", {
+              class: normalizeClass(unref($style)["SearchResults__back-button"]),
+              onClick: handleBack
+            }, [
+              createVNode(unref(IconBack))
+            ], 2),
+            createElementVNode("span", {
+              class: normalizeClass(unref($style)["SearchResults__message-detail-title"])
+            }, [
+              createTextVNode(toDisplayString(unref(t)("Search.results.relatedTo", { count: ((_e = (_d = _ctx.results) == null ? void 0 : _d.get(unref(SearchType).CHAT_MESSAGE)) == null ? void 0 : _e.totalCount) || 0 })) + " " + toDisplayString(unref(t)("Search.results.relatedToSuffix")) + " ", 1),
+              createElementVNode("span", {
+                class: normalizeClass(unref($style).SearchResults__highlight)
+              }, "  " + toDisplayString(_ctx.keyword) + "  ", 3)
+            ], 2)
+          ], 2)) : createCommentVNode("", true),
+          createElementVNode("div", {
+            class: normalizeClass(unref($style)["SearchResults__message-detail-content"])
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList((_f = chatMessageResult.value) == null ? void 0 : _f.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)),
+            ((_h = (_g = _ctx.results) == null ? void 0 : _g.get(unref(SearchType).CHAT_MESSAGE)) == null ? void 0 : _h.hasMore) ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(unref($style)["SearchResults__section-footer"])
+            }, [
+              createElementVNode("button", {
+                class: normalizeClass(unref($style)["SearchResults__load-more-button"]),
+                disabled: _ctx.isLoading,
+                onClick: _cache[0] || (_cache[0] = () => {
+                  var _a2;
+                  return (_a2 = _ctx.onLoadMore) == null ? void 0 : _a2.call(_ctx, unref(SearchType).CHAT_MESSAGE);
+                })
+              }, toDisplayString(_ctx.isLoading ? unref(t)("Search.status.loading") : getLoadMoreText(unref(SearchType).CHAT_MESSAGE)), 11, _hoisted_7)
+            ], 2)) : createCommentVNode("", true)
+          ], 2)
+        ]))
+      ], 2)) : (openBlock(), createElementBlock("div", {
+        key: 7,
+        class: normalizeClass(unref($style).SearchResults)
+      }, [
+        ((_i = currentResults.value) == null ? void 0 : _i.size) > 0 ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(unref($style).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_8, [
+                _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"])
+                }, [
+                  createElementVNode("button", {
+                    class: normalizeClass(unref($style)["SearchResults__load-more-button"]),
+                    disabled: loadingType.value === type,
+                    onClick: () => handleLoadMore(type)
+                  }, toDisplayString(loadingType.value === type ? unref(t)("Search.status.loading") : getLoadMoreText(type)), 11, _hoisted_9)
+                ], 2)) : createCommentVNode("", true)
+              ])) : createCommentVNode("", true)
+            ], 2);
+          }), 128))
+        ], 2)) : createCommentVNode("", true),
+        activeConversation.value && !unref(isH5) ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass(unref($style).SearchResults__list)
+        }, [
+          loadingType.value === unref(SearchType).CHAT_MESSAGE ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.SearchResultsLoading), { key: 0 })) : (openBlock(), createElementBlock("div", _hoisted_10, [
+            _ctx.variant === unref(VariantType).STANDARD ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(unref($style)["SearchResults__section-header"])
+            }, [
+              createElementVNode("span", {
+                class: normalizeClass(unref($style)["SearchResults__section-header-title"])
+              }, [
+                createTextVNode(toDisplayString(unref(t)("Search.results.relatedTo", { count: ((_k = (_j = _ctx.results) == null ? void 0 : _j.get(unref(SearchType).CHAT_MESSAGE)) == null ? void 0 : _k.totalCount) || 0 })) + " ", 1),
+                createElementVNode("span", {
+                  class: normalizeClass(unref($style).SearchResults__highlight)
+                }, "  " + toDisplayString(_ctx.keyword) + "  ", 3),
+                createTextVNode(" " + toDisplayString(unref(t)("Search.results.relatedToSuffix")), 1)
+              ], 2),
+              createElementVNode("button", {
+                class: normalizeClass(unref($style)["SearchResults__section-header-action"]),
+                onClick: _cache[1] || (_cache[1] = () => handleClickItem(chatMessageResult.value, unref(SearchType).CHAT_MESSAGE))
+              }, [
+                createTextVNode(toDisplayString(unref(t)("Search.action.enterChat")) + " ", 1),
+                createVNode(unref(IconChevronRight), {
+                  class: normalizeClass(unref($style).SearchResults__highlight)
+                }, null, 8, ["class"])
+              ], 2)
+            ], 2)) : createCommentVNode("", true),
+            createElementVNode("div", {
+              class: normalizeClass(unref($style)["SearchResults__result-items"])
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList((_l = chatMessageResult.value) == null ? void 0 : _l.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))
+            ], 2),
+            ((_n = (_m = _ctx.results) == null ? void 0 : _m.get(unref(SearchType).CHAT_MESSAGE)) == null ? void 0 : _n.hasMore) ? (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: normalizeClass(unref($style)["SearchResults__section-footer"])
+            }, [
+              createElementVNode("button", {
+                class: normalizeClass(unref($style)["SearchResults__load-more-button"]),
+                disabled: _ctx.isLoading,
+                onClick: _cache[2] || (_cache[2] = () => {
+                  var _a2;
+                  return (_a2 = _ctx.onLoadMore) == null ? void 0 : _a2.call(_ctx, unref(SearchType).CHAT_MESSAGE);
+                })
+              }, toDisplayString(_ctx.isLoading ? unref(t)("Search.status.loading") : getLoadMoreText(unref(SearchType).CHAT_MESSAGE)), 11, _hoisted_11)
+            ], 2)) : createCommentVNode("", true)
+          ]))
+        ], 2)) : createCommentVNode("", true)
+      ], 2));
+    };
+  }
+});
+const SearchResults = "_SearchResults_1vpet_295";
+const SearchResults__list = "_SearchResults__list_1vpet_350";
+const SearchResults__error = "_SearchResults__error_1vpet_363";
+const SearchResults__highlight = "_SearchResults__highlight_1vpet_389";
+const style0 = {
+  "tui-theme-dark": "_tui-theme-dark_1vpet_2",
+  "tui-theme-light": "_tui-theme-light_1vpet_140",
+  SearchResults,
+  "SearchResults__section-header": "_SearchResults__section-header_1vpet_305",
+  "SearchResults__item-border": "_SearchResults__item-border_1vpet_322",
+  "SearchResults__load-more-button": "_SearchResults__load-more-button_1vpet_335",
+  SearchResults__list,
+  SearchResults__error,
+  "SearchResults__load-more-container": "_SearchResults__load-more-container_1vpet_369",
+  "SearchResults__load-more-error": "_SearchResults__load-more-error_1vpet_376",
+  "SearchResults__section-header-title": "_SearchResults__section-header-title_1vpet_382",
+  SearchResults__highlight,
+  "SearchResults__item--active": "_SearchResults__item--active_1vpet_394",
+  "SearchResults__section-header-action": "_SearchResults__section-header-action_1vpet_398",
+  "SearchResults--embedded": "_SearchResults--embedded_1vpet_409",
+  "SearchResults__message-detail-page": "_SearchResults__message-detail-page_1vpet_417",
+  "SearchResults__message-detail-header": "_SearchResults__message-detail-header_1vpet_429",
+  "SearchResults__back-button": "_SearchResults__back-button_1vpet_440",
+  "SearchResults__message-detail-title": "_SearchResults__message-detail-title_1vpet_451",
+  "SearchResults__message-detail-content": "_SearchResults__message-detail-content_1vpet_463",
+  "SearchResults__result-section": "_SearchResults__result-section_1vpet_473",
+  "SearchResults__result-items": "_SearchResults__result-items_1vpet_478",
+  "SearchResults__section-footer": "_SearchResults__section-footer_1vpet_483"
+};
+const cssModules = {
+  "$style": style0
+};
+const SearchResultsComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  SearchResultsComponent as default
+};