tuikit-atomicx-vue3 3.3.4 → 3.4.2

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

@@ -1,13 +1,11 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, createElementVNode, createVNode, unref } from "vue";
-import TUIChatEngine from "@tencentcloud/chat-uikit-engine";
-import { SearchType } from "../../../../../types/engine.js";
-import Avatar from "../../../../Avatar/Avatar.js";
-import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
-import { highlightText } from "../utils/highlightText.js";
-import { _ as _export_sfc } from "../../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = ["innerHTML"];
-const _hoisted_2 = ["innerHTML"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as I, computed as s, createElementBlock as M, openBlock as P, normalizeClass as r, createElementVNode as c, createVNode as w, unref as v } from "vue";
+import C from "@tencentcloud/chat-uikit-engine";
+import { SearchType as E } from "../../../../../types/engine.js";
+import L from "../../../../Avatar/Avatar.js";
+import { useUIKit as S } from "@tencentcloud/uikit-base-component-vue3";
+import { highlightText as y } from "../utils/highlightText.js";
+import { _ as N } from "../../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const V = ["innerHTML"], W = ["innerHTML"], x = /* @__PURE__ */ I({
   __name: "Conversation",
   props: {
     keyword: {},
@@ -17,89 +15,69 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     style: {},
     onClick: { type: Function }
   },
-  setup(__props) {
-    const props = __props;
-    const { t } = useUIKit();
-    const conversation = computed(() => props.data.conversation);
-    const messageCount = computed(() => props.data.messageCount);
-    const messageList = computed(() => props.data.messageList);
-    const conversationType = computed(() => {
-      var _a;
-      return (_a = conversation.value) == null ? void 0 : _a.type;
-    });
-    const avatar = computed(
+  setup(i) {
+    const o = i, { t: f } = S(), n = s(() => o.data.conversation), g = s(() => o.data.messageCount), T = s(() => o.data.messageList), u = s(() => {
+      var e;
+      return (e = n.value) == null ? void 0 : e.type;
+    }), k = s(
       () => {
-        var _a, _b, _c, _d;
-        return conversationType.value === TUIChatEngine.TYPES.CONV_C2C ? (_b = (_a = conversation.value) == null ? void 0 : _a.userProfile) == null ? void 0 : _b.avatar : (_d = (_c = conversation.value) == null ? void 0 : _c.groupProfile) == null ? void 0 : _d.avatar;
+        var e, t, a, l;
+        return u.value === C.TYPES.CONV_C2C ? (t = (e = n.value) == null ? void 0 : e.userProfile) == null ? void 0 : t.avatar : (l = (a = n.value) == null ? void 0 : a.groupProfile) == null ? void 0 : l.avatar;
       }
-    );
-    const name2 = computed(
+    ), m = s(
       () => {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        return conversationType.value === TUIChatEngine.TYPES.CONV_C2C ? ((_b = (_a = conversation.value) == null ? void 0 : _a.userProfile) == null ? void 0 : _b.nick) || ((_d = (_c = conversation.value) == null ? void 0 : _c.userProfile) == null ? void 0 : _d.userID) : ((_f = (_e = conversation.value) == null ? void 0 : _e.groupProfile) == null ? void 0 : _f.name) || ((_h = (_g = conversation.value) == null ? void 0 : _g.groupProfile) == null ? void 0 : _h.groupID);
+        var e, t, a, l, d, p, h, _;
+        return u.value === C.TYPES.CONV_C2C ? ((t = (e = n.value) == null ? void 0 : e.userProfile) == null ? void 0 : t.nick) || ((l = (a = n.value) == null ? void 0 : a.userProfile) == null ? void 0 : l.userID) : ((p = (d = n.value) == null ? void 0 : d.groupProfile) == null ? void 0 : p.name) || ((_ = (h = n.value) == null ? void 0 : h.groupProfile) == null ? void 0 : _.groupID);
       }
-    );
-    const messageText = computed(
+    ), $ = s(
       () => {
-        var _a, _b, _c;
-        return ((_c = (_b = (_a = messageList.value) == null ? void 0 : _a[0]) == null ? void 0 : _b.payload) == null ? void 0 : _c.text) || t("Search.results.foundMessages", { count: messageCount.value });
+        var e, t, a;
+        return ((a = (t = (e = T.value) == null ? void 0 : e[0]) == null ? void 0 : t.payload) == null ? void 0 : a.text) || f("Search.results.foundMessages", { count: g.value });
       }
-    );
-    const handleClick = () => {
-      var _a;
-      (_a = props.onClick) == null ? void 0 : _a.call(props, props.data, SearchType.MESSAGE);
+    ), H = () => {
+      var e;
+      (e = o.onClick) == null || e.call(o, o.data, E.MESSAGE);
     };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(_ctx.$style.conversationItem),
-        onClick: handleClick
+    return (e, t) => (P(), M("div", {
+      class: r(e.$style.conversationItem),
+      onClick: H
+    }, [
+      c("div", {
+        class: r(e.$style.avatarWrapper)
       }, [
-        createElementVNode("div", {
-          class: normalizeClass(_ctx.$style.avatarWrapper)
+        w(v(L), {
+          src: k.value,
+          alt: m.value
+        }, null, 8, ["src", "alt"])
+      ], 2),
+      c("div", {
+        class: r(e.$style.conversationContent)
+      }, [
+        c("div", {
+          class: r(e.$style.conversationHeader)
         }, [
-          createVNode(unref(Avatar), {
-            src: avatar.value,
-            alt: name2.value
-          }, null, 8, ["src", "alt"])
+          c("span", {
+            class: r(e.$style.name),
+            innerHTML: v(y)(m.value, i.keyword, e.$style.highlight)
+          }, null, 10, V)
         ], 2),
-        createElementVNode("div", {
-          class: normalizeClass(_ctx.$style.conversationContent)
-        }, [
-          createElementVNode("div", {
-            class: normalizeClass(_ctx.$style.conversationHeader)
-          }, [
-            createElementVNode("span", {
-              class: normalizeClass(_ctx.$style.name),
-              innerHTML: unref(highlightText)(name2.value, _ctx.keyword, _ctx.$style.highlight)
-            }, null, 10, _hoisted_1)
-          ], 2),
-          createElementVNode("div", {
-            class: normalizeClass(_ctx.$style.showText),
-            innerHTML: unref(highlightText)(messageText.value, _ctx.keyword, _ctx.$style.highlight)
-          }, null, 10, _hoisted_2)
-        ], 2)
-      ], 2);
-    };
+        c("div", {
+          class: r(e.$style.showText),
+          innerHTML: v(y)($.value, i.keyword, e.$style.highlight)
+        }, null, 10, W)
+      ], 2)
+    ], 2));
   }
-});
-const conversationItem = "_conversationItem_1211h_12";
-const avatarWrapper = "_avatarWrapper_1211h_19";
-const conversationContent = "_conversationContent_1211h_23";
-const conversationHeader = "_conversationHeader_1211h_29";
-const name = "_name_1211h_36";
-const showText = "_showText_1211h_46";
-const style0 = {
-  conversationItem,
-  avatarWrapper,
-  conversationContent,
-  conversationHeader,
-  name,
-  showText
-};
-const cssModules = {
-  "$style": style0
-};
-const Conversation = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+}), A = "_conversationItem_1211h_12", B = "_avatarWrapper_1211h_19", D = "_conversationContent_1211h_23", O = "_conversationHeader_1211h_29", U = "_name_1211h_36", Y = "_showText_1211h_46", z = {
+  conversationItem: A,
+  avatarWrapper: B,
+  conversationContent: D,
+  conversationHeader: O,
+  name: U,
+  showText: Y
+}, F = {
+  $style: z
+}, R = /* @__PURE__ */ N(x, [["__cssModules", F]]);
 export {
-  Conversation as default
+  R as default
 };

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

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

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

@@ -1,11 +1,9 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, createElementVNode, createVNode, unref, createCommentVNode } from "vue";
-import { SearchType } from "../../../../../types/engine.js";
-import Avatar from "../../../../Avatar/Avatar.js";
-import { highlightText } from "../utils/highlightText.js";
-import { _ as _export_sfc } from "../../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = ["innerHTML"];
-const _hoisted_2 = ["innerHTML"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as G, computed as d, createElementBlock as i, openBlock as p, normalizeClass as a, createElementVNode as n, createVNode as S, unref as c, createCommentVNode as v } from "vue";
+import { SearchType as y } from "../../../../../types/engine.js";
+import f from "../../../../Avatar/Avatar.js";
+import { highlightText as h } from "../utils/highlightText.js";
+import { _ as g } from "../../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const k = ["innerHTML"], $ = ["innerHTML"], C = /* @__PURE__ */ G({
   __name: "Group",
   props: {
     keyword: {},
@@ -15,60 +13,50 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     style: {},
     onClick: { type: Function }
   },
-  setup(__props) {
-    const props = __props;
-    const groupInfo = computed(() => props.data.groupInfo);
-    const handleClick = () => {
-      var _a;
-      (_a = props.onClick) == null ? void 0 : _a.call(props, props.data, SearchType.GROUP);
+  setup(t) {
+    const o = t, r = d(() => o.data.groupInfo), m = () => {
+      var e;
+      (e = o.onClick) == null || e.call(o, o.data, y.GROUP);
     };
-    return (_ctx, _cache) => {
-      var _a, _b, _c, _d;
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(_ctx.$style.SearchGroup),
-        onClick: handleClick
+    return (e, V) => {
+      var _, l, s, u;
+      return p(), i("div", {
+        class: a(e.$style.SearchGroup),
+        onClick: m
       }, [
-        createElementVNode("div", {
-          class: normalizeClass(_ctx.$style["SearchGroup__avatar"])
+        n("div", {
+          class: a(e.$style.SearchGroup__avatar)
         }, [
-          createVNode(unref(Avatar), {
-            src: groupInfo.value.avatar,
-            alt: ((_a = groupInfo.value) == null ? void 0 : _a.name) || ((_b = groupInfo.value) == null ? void 0 : _b.groupID)
+          S(c(f), {
+            src: r.value.avatar,
+            alt: ((_ = r.value) == null ? void 0 : _.name) || ((l = r.value) == null ? void 0 : l.groupID)
           }, null, 8, ["src", "alt"])
         ], 2),
-        createElementVNode("div", {
-          class: normalizeClass(_ctx.$style["SearchGroup__info"])
+        n("div", {
+          class: a(e.$style.SearchGroup__info)
         }, [
-          createElementVNode("div", {
-            class: normalizeClass(_ctx.$style["SearchGroup__name"]),
-            innerHTML: unref(highlightText)(((_c = groupInfo.value) == null ? void 0 : _c.name) || ((_d = groupInfo.value) == null ? void 0 : _d.groupID), _ctx.keyword, _ctx.$style["SearchGroup__highlight"])
-          }, null, 10, _hoisted_1),
-          groupInfo.value ? (openBlock(), createElementBlock("div", {
+          n("div", {
+            class: a(e.$style.SearchGroup__name),
+            innerHTML: c(h)(((s = r.value) == null ? void 0 : s.name) || ((u = r.value) == null ? void 0 : u.groupID), t.keyword, e.$style.SearchGroup__highlight)
+          }, null, 10, k),
+          r.value ? (p(), i("div", {
             key: 0,
-            class: normalizeClass(_ctx.$style["SearchGroup__intro"]),
-            innerHTML: unref(highlightText)(groupInfo.value.introduction, _ctx.keyword, _ctx.$style["SearchGroup__highlight"])
-          }, null, 10, _hoisted_2)) : createCommentVNode("", true)
+            class: a(e.$style.SearchGroup__intro),
+            innerHTML: c(h)(r.value.introduction, t.keyword, e.$style.SearchGroup__highlight)
+          }, null, 10, $)) : v("", !0)
         ], 2)
       ], 2);
     };
   }
-});
-const SearchGroup = "_SearchGroup_1672l_12";
-const SearchGroup__avatar = "_SearchGroup__avatar_1672l_19";
-const SearchGroup__info = "_SearchGroup__info_1672l_27";
-const SearchGroup__name = "_SearchGroup__name_1672l_33";
-const SearchGroup__intro = "_SearchGroup__intro_1672l_45";
-const style0 = {
-  SearchGroup,
-  SearchGroup__avatar,
-  SearchGroup__info,
-  SearchGroup__name,
-  SearchGroup__intro
-};
-const cssModules = {
-  "$style": style0
-};
-const Group = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+}), M = "_SearchGroup_1672l_12", T = "_SearchGroup__avatar_1672l_19", H = "_SearchGroup__info_1672l_27", I = "_SearchGroup__name_1672l_33", L = "_SearchGroup__intro_1672l_45", N = {
+  SearchGroup: M,
+  SearchGroup__avatar: T,
+  SearchGroup__info: H,
+  SearchGroup__name: I,
+  SearchGroup__intro: L
+}, w = {
+  $style: N
+}, F = /* @__PURE__ */ g(C, [["__cssModules", w]]);
 export {
-  Group as default
+  F as default
 };

package/dist/components/Search/SearchResults/SearchResultsItem/Group/index.js

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