tuikit-atomicx-vue3 0.1.1 → 3.3.0-beta.3

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

@@ -1,5 +1,5 @@
-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 { 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";
@@ -7,17 +7,14 @@ 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_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 = ["disabled"];
-const _hoisted_8 = { key: 0 };
-const _hoisted_9 = ["disabled", "onClick"];
-const _hoisted_10 = { key: 1 };
-const _hoisted_11 = ["disabled"];
+const _hoisted_7 = { key: 0 };
+const _hoisted_8 = { key: 1 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SearchResults",
   props: {
@@ -31,7 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     SearchResultsPresearch: {},
     SearchResultsLoading: { default: Loading },
     SearchResultsEmpty: { default: EmptyResult },
-    SearchResultItem: { default: SearchResultItemComponent },
+    SearchResultItem: { type: [Object, Function], default: SearchResultItemComponent },
     variant: { default: VariantType.STANDARD },
     searchType: { default: "all" }
   },
@@ -191,22 +188,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     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, [
+      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.keyword && _ctx.isLoading ? (openBlock(), createElementBlock("div", _hoisted_2, [
+      ])) : _ctx.error ? (openBlock(), createElementBlock("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)))
-      ])) : _ctx.keyword && !((_a = _ctx.results) == null ? void 0 : _a.size) && !_ctx.isLoading ? (openBlock(), createElementBlock("div", _hoisted_3, [
+      ])) : !((_b = _ctx.results) == null ? void 0 : _b.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, [
+      ])) : _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, [
+      ])) : _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", {
         key: 6,
@@ -219,16 +216,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             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),
+            createVNode(unref(IconBack), { onClick: handleBack }),
             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),
+              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)
@@ -237,7 +229,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           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) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList((_g = chatMessageResult.value) == null ? void 0 : _g.messageList, (item, index) => {
               return openBlock(), createElementBlock("div", {
                 key: `${item.ID}-${index}`
               }, [
@@ -248,18 +240,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, { 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", {
+            ((_i = (_h = _ctx.results) == null ? void 0 : _h.get(unref(SearchType).CHAT_MESSAGE)) == null ? void 0 : _i.hasMore) ? (openBlock(), createElementBlock("div", {
               key: 0,
               class: normalizeClass(unref($style)["SearchResults__section-footer"])
             }, [
-              createElementVNode("button", {
+              createVNode(unref(TUIButton), {
                 class: normalizeClass(unref($style)["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);
                 })
-              }, toDisplayString(_ctx.isLoading ? unref(t)("Search.status.loading") : getLoadMoreText(unref(SearchType).CHAT_MESSAGE)), 11, _hoisted_7)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(_ctx.isLoading ? unref(t)("Search.status.loading") : getLoadMoreText(unref(SearchType).CHAT_MESSAGE)), 1)
+                ]),
+                _: 1
+              }, 8, ["class", "disabled"])
             ], 2)) : createCommentVNode("", true)
           ], 2)
         ]))
@@ -267,7 +265,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         key: 7,
         class: normalizeClass(unref($style).SearchResults)
       }, [
-        ((_i = currentResults.value) == null ? void 0 : _i.size) > 0 ? (openBlock(), createElementBlock("div", {
+        ((_j = currentResults.value) == null ? void 0 : _j.size) > 0 ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass(unref($style).SearchResults__list)
         }, [
@@ -276,7 +274,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               key: type,
               class: normalizeClass(unref($style)["SearchResults__result-section"])
             }, [
-              currentResults.value.get(type) && currentResults.value.get(type).totalCount > 0 ? (openBlock(), createElementBlock("div", _hoisted_8, [
+              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"])
@@ -305,11 +303,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   key: 1,
                   class: normalizeClass(unref($style)["SearchResults__section-footer"])
                 }, [
-                  createElementVNode("button", {
+                  createVNode(unref(TUIButton), {
                     class: normalizeClass(unref($style)["SearchResults__load-more-button"]),
+                    type: "text",
                     disabled: loadingType.value === type,
                     onClick: () => handleLoadMore(type)
-                  }, toDisplayString(loadingType.value === type ? unref(t)("Search.status.loading") : getLoadMoreText(type)), 11, _hoisted_9)
+                  }, {
+                    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);
@@ -319,7 +323,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           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, [
+          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", {
               key: 0,
               class: normalizeClass(unref($style)["SearchResults__section-header"])
@@ -327,26 +331,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               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),
+                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)
               ], 2),
-              createElementVNode("button", {
+              createVNode(unref(TUIButton), {
                 class: normalizeClass(unref($style)["SearchResults__section-header-action"]),
+                type: "text",
                 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)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(t)("Search.action.enterChat")) + " ", 1),
+                  createVNode(unref(IconChevronRight), {
+                    class: normalizeClass(unref($style).SearchResults__highlight)
+                  }, null, 8, ["class"])
+                ]),
+                _: 1
+              }, 8, ["class"])
             ], 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) => {
+              (openBlock(true), createElementBlock(Fragment, null, renderList((_m = chatMessageResult.value) == null ? void 0 : _m.messageList, (item, index) => {
                 return openBlock(), createElementBlock("div", {
                   key: `${item.ID}-${index}`
                 }, [
@@ -359,18 +367,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ]);
               }), 128))
             ], 2),
-            ((_n = (_m = _ctx.results) == null ? void 0 : _m.get(unref(SearchType).CHAT_MESSAGE)) == null ? void 0 : _n.hasMore) ? (openBlock(), createElementBlock("div", {
+            ((_o = (_n = _ctx.results) == null ? void 0 : _n.get(unref(SearchType).CHAT_MESSAGE)) == null ? void 0 : _o.hasMore) ? (openBlock(), createElementBlock("div", {
               key: 1,
               class: normalizeClass(unref($style)["SearchResults__section-footer"])
             }, [
-              createElementVNode("button", {
+              createVNode(unref(TUIButton), {
                 class: normalizeClass(unref($style)["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);
                 })
-              }, toDisplayString(_ctx.isLoading ? unref(t)("Search.status.loading") : getLoadMoreText(unref(SearchType).CHAT_MESSAGE)), 11, _hoisted_11)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(_ctx.isLoading ? unref(t)("Search.status.loading") : getLoadMoreText(unref(SearchType).CHAT_MESSAGE)), 1)
+                ]),
+                _: 1
+              }, 8, ["class", "disabled"])
             ], 2)) : createCommentVNode("", true)
           ]))
         ], 2)) : createCommentVNode("", true)
@@ -378,34 +392,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 SearchResults = "_SearchResults_o1nv0_295";
+const SearchResults__list = "_SearchResults__list_o1nv0_350";
+const SearchResults__error = "_SearchResults__error_o1nv0_363";
+const SearchResults__highlight = "_SearchResults__highlight_o1nv0_389";
 const style0 = {
-  "tui-theme-dark": "_tui-theme-dark_1vpet_2",
-  "tui-theme-light": "_tui-theme-light_1vpet_140",
+  "tui-theme-dark": "_tui-theme-dark_o1nv0_2",
+  "tui-theme-light": "_tui-theme-light_o1nv0_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__section-header": "_SearchResults__section-header_o1nv0_305",
+  "SearchResults__item-border": "_SearchResults__item-border_o1nv0_322",
+  "SearchResults__load-more-button": "_SearchResults__load-more-button_o1nv0_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__load-more-container": "_SearchResults__load-more-container_o1nv0_369",
+  "SearchResults__load-more-error": "_SearchResults__load-more-error_o1nv0_376",
+  "SearchResults__section-header-title": "_SearchResults__section-header-title_o1nv0_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"
+  "SearchResults__item--active": "_SearchResults__item--active_o1nv0_394",
+  "SearchResults__section-header-action": "_SearchResults__section-header-action_o1nv0_398",
+  "SearchResults--embedded": "_SearchResults--embedded_o1nv0_409",
+  "SearchResults__message-detail-page": "_SearchResults__message-detail-page_o1nv0_417",
+  "SearchResults__message-detail-header": "_SearchResults__message-detail-header_o1nv0_429",
+  "SearchResults__message-detail-title": "_SearchResults__message-detail-title_o1nv0_440",
+  "SearchResults__message-detail-content": "_SearchResults__message-detail-content_o1nv0_452",
+  "SearchResults__result-section": "_SearchResults__result-section_o1nv0_462",
+  "SearchResults__result-items": "_SearchResults__result-items_o1nv0_467",
+  "SearchResults__section-footer": "_SearchResults__section-footer_o1nv0_472"
 };
 const cssModules = {
   "$style": style0

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

@@ -82,15 +82,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const conversationItem = "_conversationItem_52nci_295";
-const avatarWrapper = "_avatarWrapper_52nci_302";
-const conversationContent = "_conversationContent_52nci_306";
-const conversationHeader = "_conversationHeader_52nci_312";
-const name = "_name_52nci_319";
-const showText = "_showText_52nci_328";
+const conversationItem = "_conversationItem_nedju_295";
+const avatarWrapper = "_avatarWrapper_nedju_302";
+const conversationContent = "_conversationContent_nedju_306";
+const conversationHeader = "_conversationHeader_nedju_312";
+const name = "_name_nedju_319";
+const showText = "_showText_nedju_328";
 const style0 = {
-  "tui-theme-dark": "_tui-theme-dark_52nci_2",
-  "tui-theme-light": "_tui-theme-light_52nci_140",
+  "tui-theme-dark": "_tui-theme-dark_nedju_2",
+  "tui-theme-light": "_tui-theme-light_nedju_140",
   conversationItem,
   avatarWrapper,
   conversationContent,

package/dist/components/Search/SearchResults/SearchResultsItem/utils/highlightText.d.ts

@@ -1,10 +1,9 @@
 /**
- * 文本高亮工具函数
- * 用于在搜索结果中高亮显示关键词
- * @param text - 原始文本
- * @param keyword - 要高亮的关键词
- * @param className - 高亮元素的CSS类名，默认为'highlight'
- * @returns 包含高亮标记的HTML字符串
+ * Highlights a keyword in a given text
+ * @param text - text to highlight
+ * @param keyword - keyword to highlight
+ * @param className - CSS class name for the highlight, default is 'highlight'
+ * @returns HTML string with highlighted text
  */
 export declare const highlightText: (text: string, keyword: string, className?: string) => string;
 export default highlightText;

package/dist/components/Search/i18n/en-US/Search.js

@@ -1,5 +1,5 @@
 const Search = {
-  // 基础操作
+  // actions
   "action.search": "Search",
   "action.cancel": "Cancel",
   "action.confirm": "Confirm",
@@ -7,33 +7,33 @@ const Search = {
   "action.locateToChat": "Locate to Chat",
   "action.readMore": "Read More",
   "action.filter": "Filter",
-  // 搜索类型
+  // types
   "type.all": "All",
   "type.messages": "Messages",
   "type.users": "Users",
   "type.groups": "Groups",
-  // 输入提示
+  // input
   "input.placeholder.keywords": "Please enter keywords to search",
   "input.selectTime": "Select Time",
-  // 加载状态
+  // status
   "status.loading": "Loading...",
   "status.noContent": "No Content",
-  // 加载更多
+  // loading
   "loadMore.default": "Load More",
   "loadMore.messages": "Load More Messages",
   "loadMore.users": "Load More Users",
   "loadMore.groups": "Load More Groups",
-  // 搜索结果
+  // results
   "results.title": "Search Messages",
   "results.relatedTo": "{{count}} texts related to",
   "results.relatedToSuffix": "related texts",
   "results.foundMessages": "Found {{count}} messages",
-  // 消息类型
+  // message types
   "messageType.image": "Image Message",
   "messageType.videoCover": "Video Cover",
   "messageType.custom": "Custom Message",
   "messageType.unsupported": "Unsupported Message Type",
-  // 用户筛选
+  // filter
   "filter.title": "Filter Users",
   "filter.gender": "Gender",
   "filter.age": "Age",
@@ -42,7 +42,7 @@ const Search = {
   "filter.gender.female": "Female",
   "filter.gender.secret": "Secret",
   "filter.age.yearsOld": "years old",
-  // 时间筛选
+  // time filter
   "timeFilter.allTime": "All Time",
   "timeFilter.today": "Today",
   "timeFilter.last3Days": "Last 3 Days",

package/dist/components/Search/i18n/zh-CN/Search.js

@@ -1,5 +1,5 @@
 const Search = {
-  // 基础操作
+  // actions
   "action.search": "搜索",
   "action.cancel": "取消",
   "action.confirm": "确定",
@@ -7,33 +7,33 @@ const Search = {
   "action.locateToChat": "定位到聊天",
   "action.readMore": "查看更多",
   "action.filter": "筛选",
-  // 搜索类型
+  // types
   "type.all": "全部",
   "type.messages": "消息",
   "type.users": "用户",
   "type.groups": "群组",
-  // 输入提示
+  // input
   "input.placeholder.keywords": "请输入关键词搜索",
   "input.selectTime": "选择时间",
-  // 加载状态
+  // status
   "status.loading": "加载中...",
   "status.noContent": "暂无内容",
-  // 加载更多
+  // loading
   "loadMore.default": "加载更多",
   "loadMore.messages": "加载更多消息",
   "loadMore.users": "加载更多用户",
   "loadMore.groups": "加载更多群组",
-  // 搜索结果
+  // results
   "results.title": "搜索消息",
-  "results.relatedTo": "{{count}}条与",
+  "results.relatedTo": "{{count}} 条与",
   "results.relatedToSuffix": "的消息",
-  "results.foundMessages": "发现{{count}}条消息",
-  // 消息类型
+  "results.foundMessages": "发现 {{count}} 条消息",
+  // message types
   "messageType.image": "图片消息",
   "messageType.videoCover": "视频封面",
   "messageType.custom": "自定义消息",
   "messageType.unsupported": "不支持的消息类型",
-  // 用户筛选
+  // filter
   "filter.title": "筛选用户",
   "filter.gender": "性别",
   "filter.age": "年龄",
@@ -42,11 +42,11 @@ const Search = {
   "filter.gender.female": "女",
   "filter.gender.secret": "保密",
   "filter.age.yearsOld": "岁",
-  // 时间筛选
+  // time filter
   "timeFilter.allTime": "全部时间",
   "timeFilter.today": "今天",
-  "timeFilter.last3Days": "最近3天",
-  "timeFilter.last7Days": "最近7天"
+  "timeFilter.last3Days": "最近 3 天",
+  "timeFilter.last7Days": "最近 7 天"
 };
 export {
   Search,

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

@@ -211,7 +211,7 @@ declare const Search: import('vue').DefineComponent<import('vue').ExtractPropTyp
                 default: import('../..').VariantType;
             };
             searchType: {
-                type: import('vue').PropType<"all" | import('../..').SearchType>;
+                type: import('vue').PropType<import('../..').SearchType | "all">;
                 default: string;
             };
             typeLabels: {
@@ -325,7 +325,7 @@ declare const Search: import('vue').DefineComponent<import('vue').ExtractPropTyp
                 default: import('../..').VariantType;
             };
             searchType: {
-                type: import('vue').PropType<"all" | import('../..').SearchType>;
+                type: import('vue').PropType<import('../..').SearchType | "all">;
                 default: string;
             };
             typeLabels: {
@@ -646,7 +646,7 @@ declare const Search: import('vue').DefineComponent<import('vue').ExtractPropTyp
                 default: import('../..').VariantType;
             };
             searchType: {
-                type: import('vue').PropType<"all" | import('../..').SearchType>;
+                type: import('vue').PropType<import('../..').SearchType | "all">;
                 default: string;
             };
             typeLabels: {
@@ -760,7 +760,7 @@ declare const Search: import('vue').DefineComponent<import('vue').ExtractPropTyp
                 default: import('../..').VariantType;
             };
             searchType: {
-                type: import('vue').PropType<"all" | import('../..').SearchType>;
+                type: import('vue').PropType<import('../..').SearchType | "all">;
                 default: string;
             };
             typeLabels: {
@@ -947,7 +947,7 @@ declare const SearchResults: import('vue').DefineComponent<import('vue').Extract
         default: import('../..').VariantType;
     };
     searchType: {
-        type: import('vue').PropType<"all" | import('../..').SearchType>;
+        type: import('vue').PropType<import('../..').SearchType | "all">;
         default: string;
     };
     typeLabels: {
@@ -1061,7 +1061,7 @@ declare const SearchResults: import('vue').DefineComponent<import('vue').Extract
         default: import('../..').VariantType;
     };
     searchType: {
-        type: import('vue').PropType<"all" | import('../..').SearchType>;
+        type: import('vue').PropType<import('../..').SearchType | "all">;
         default: string;
     };
     typeLabels: {

package/dist/components/StreamMixer/LocalMixer/MixerControl.js

@@ -1,12 +1,12 @@
 import { defineComponent, computed, createElementBlock, openBlock, Fragment, renderList, withModifiers, normalizeStyle, normalizeClass, createElementVNode, createBlock, resolveDynamicComponent, toDisplayString } from "vue";
+import { TRTCVideoMirrorType, TRTCVideoRotation } from "@tencentcloud/tuiroom-engine-js";
+import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
+import { useVideoMixerState } from "../../../states/VideoMixerState.js";
 import CameraMirror from "../icons/CameraMirror.js";
 import Delete from "../icons/Delete.js";
+import Down from "../icons/Down.js";
 import Rotation from "../icons/Rotation.js";
 import Up from "../icons/Up.js";
-import Down from "../icons/Down.js";
-import { useVideoMixerState } from "../../../states/VideoMixerState.js";
-import { TRTCVideoMirrorType, TRTCVideoRotation } from "@tencentcloud/tuiroom-engine-js";
-import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
 import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _hoisted_1 = ["onClick"];
 const _hoisted_2 = { class: "mixer-control-item-icon" };
@@ -19,11 +19,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function handleMouseDown(event) {
       event.stopPropagation();
     }
-    const orderMediaSourceList = computed(() => {
-      return [...mediaSourceList.value].sort((a, b) => a.layout.zOrder - b.layout.zOrder);
+    const orderMediaSourceList = computed(() => [...mediaSourceList.value].sort((a, b) => a.layout.zOrder - b.layout.zOrder));
+    const isActiveMediaSourceTop = computed(() => {
+      var _a, _b;
+      return ((_a = activeMediaSource.value) == null ? void 0 : _a.id) === ((_b = orderMediaSourceList.value[0]) == null ? void 0 : _b.id);
+    });
+    const isActiveMediaSourceBottom = computed(() => {
+      var _a, _b;
+      return ((_a = activeMediaSource.value) == null ? void 0 : _a.id) === ((_b = orderMediaSourceList.value[orderMediaSourceList.value.length - 1]) == null ? void 0 : _b.id);
     });
-    const isActiveMediaSourceTop = computed(() => activeMediaSource.value.id === orderMediaSourceList.value[0].id);
-    const isActiveMediaSourceBottom = computed(() => activeMediaSource.value.id === orderMediaSourceList.value[orderMediaSourceList.value.length - 1].id);
     const controlList = computed(() => [
       {
         name: "mirror",
@@ -109,8 +113,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(controlList.value, (control) => {
           return openBlock(), createElementBlock("div", {
-            class: normalizeClass(["mixer-control-item", { "disable": control.disable }]),
             key: control.name,
+            class: normalizeClass(["mixer-control-item", { "disable": control.disable }]),
             style: normalizeStyle(control.style),
             onClick: withModifiers(control.onClick, ["stop"])
           }, [
@@ -126,7 +130,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MixerControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f2286717"]]);
+const MixerControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6c6a65c2"]]);
 export {
   MixerControl as default
 };