tuikit-atomicx-vue3 3.3.3 → 3.4.1

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

@@ -1,12 +1,11 @@
-import { defineComponent, useCssModule, computed, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createVNode, createCommentVNode, toDisplayString, createBlock, resolveDynamicComponent, h } 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 _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as D, useCssModule as A, computed as p, createElementBlock as f, openBlock as M, normalizeClass as t, unref as _, createElementVNode as n, createVNode as G, createCommentVNode as I, toDisplayString as y, createBlock as L, resolveDynamicComponent as j, h as e } from "vue";
+import i from "@tencentcloud/chat-uikit-engine";
+import { SearchType as F } from "../../../../../types/engine.js";
+import N from "../../../../Avatar/Avatar.js";
+import { useUIKit as O } from "@tencentcloud/uikit-base-component-vue3";
+import { highlightText as m } from "../utils/highlightText.js";
+import { _ as P } from "../../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const Y = ["innerHTML"], H = /* @__PURE__ */ D({
   __name: "Message",
   props: {
     keyword: {},
@@ -16,84 +15,55 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     style: {},
     onClick: { type: Function }
   },
-  setup(__props) {
-    const $style = useCssModule();
-    const formatTime = (timestamp) => {
-      return new Date(timestamp * 1e3).toLocaleString();
-    };
-    const props = __props;
-    const { t } = useUIKit();
-    const { nick, avatar, nameCard, from, time } = props.data;
-    const name = computed(() => nameCard || nick || from);
-    const highlightedName = computed(() => {
-      if (!props.keyword) {
-        return name.value;
-      }
-      return highlightText(name.value, props.keyword, $style["SearchMessage__highlight"]);
-    });
-    const renderTextContent = (messageContent, keyword) => {
-      if (messageContent.text && Array.isArray(messageContent.text)) {
-        return messageContent.text.map((item, idx) => {
-          if (item.name === "text") {
-            return h("span", {
-              key: idx,
-              innerHTML: highlightText(item.text, keyword, $style["SearchMessage__highlight"])
-            });
-          }
-          if (item.name === "img") {
-            return h("img", {
-              key: idx,
-              src: item.src,
-              alt: item.emojiKey || "",
-              class: $style["SearchMessage__emoji-img"],
-              draggable: false,
-              "data-emoji-key": item.emojiKey || ""
-            });
-          }
-          return null;
-        }).filter(Boolean);
-      }
-      return h("span", {
-        innerHTML: highlightText(messageContent.text, keyword, $style["SearchMessage__highlight"])
-      });
-    };
-    const renderMessageContent = (message, searchKeyword) => {
-      var _a;
-      const messageContent = ((_a = message.getMessageContent) == null ? void 0 : _a.call(message)) || {};
-      const messageType = message.type;
-      switch (messageType) {
-        case TUIChatEngine.TYPES.MSG_TEXT:
-          return h(
+  setup(g) {
+    const a = A(), b = (r) => new Date(r * 1e3).toLocaleString(), c = g, { t: o } = O(), { nick: x, avatar: v, nameCard: T, from: k, time: d } = c.data, l = p(() => T || x || k), C = p(() => c.keyword ? m(l.value, c.keyword, a.SearchMessage__highlight) : l.value), w = (r, h) => r.text && Array.isArray(r.text) ? r.text.map((s, S) => s.name === "text" ? e("span", {
+      key: S,
+      innerHTML: m(s.text, h, a.SearchMessage__highlight)
+    }) : s.name === "img" ? e("img", {
+      key: S,
+      src: s.src,
+      alt: s.emojiKey || "",
+      class: a["SearchMessage__emoji-img"],
+      draggable: !1,
+      "data-emoji-key": s.emojiKey || ""
+    }) : null).filter(Boolean) : e("span", {
+      innerHTML: m(r.text, h, a.SearchMessage__highlight)
+    }), E = (r, h) => {
+      var u;
+      const s = ((u = r.getMessageContent) == null ? void 0 : u.call(r)) || {};
+      switch (r.type) {
+        case i.TYPES.MSG_TEXT:
+          return e(
             "div",
             {
-              class: $style["SearchMessage__text"]
+              class: a.SearchMessage__text
             },
-            renderTextContent(messageContent, searchKeyword)
+            w(s, h)
           );
-        case TUIChatEngine.TYPES.MSG_IMAGE:
-          return h("img", {
-            src: messageContent.url,
-            class: $style["SearchMessage__image-thumb"],
-            alt: t("Search.messageType.image")
+        case i.TYPES.MSG_IMAGE:
+          return e("img", {
+            src: s.url,
+            class: a["SearchMessage__image-thumb"],
+            alt: o("Search.messageType.image")
           });
-        case TUIChatEngine.TYPES.MSG_VIDEO:
-          return h(
+        case i.TYPES.MSG_VIDEO:
+          return e(
             "div",
             {
-              class: $style["SearchMessage__video-thumb"]
+              class: a["SearchMessage__video-thumb"]
             },
             [
-              h("img", {
-                src: messageContent.snapshotUrl,
-                alt: t("Search.messageType.videoCover")
+              e("img", {
+                src: s.snapshotUrl,
+                alt: o("Search.messageType.videoCover")
               }),
-              h(
+              e(
                 "span",
                 {
-                  class: $style["SearchMessage__play-icon"]
+                  class: a["SearchMessage__play-icon"]
                 },
                 [
-                  h(
+                  e(
                     "svg",
                     {
                       width: "24",
@@ -102,13 +72,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       fill: "none"
                     },
                     [
-                      h("circle", {
+                      e("circle", {
                         cx: "12",
                         cy: "12",
                         r: "12",
                         fill: "rgba(43,93,245,0.15)"
                       }),
-                      h("polygon", {
+                      e("polygon", {
                         points: "9,7 18,12 9,17",
                         fill: "#2B5DF5"
                       })
@@ -118,43 +88,43 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               )
             ]
           );
-        case TUIChatEngine.TYPES.MSG_FILE:
-          return h(
+        case i.TYPES.MSG_FILE:
+          return e(
             "div",
             {
-              class: $style["SearchMessage__file-box"]
+              class: a["SearchMessage__file-box"]
             },
             [
-              h(
+              e(
                 "span",
                 {
-                  class: $style["SearchMessage__text"]
+                  class: a.SearchMessage__text
                 },
-                messageContent.name
+                s.name
               ),
-              h(
+              e(
                 "span",
                 {
-                  class: $style["SearchMessage__text"]
+                  class: a.SearchMessage__text
                 },
-                messageContent.size
+                s.size
               )
             ]
           );
-        case TUIChatEngine.TYPES.MSG_AUDIO:
-          return h(
+        case i.TYPES.MSG_AUDIO:
+          return e(
             "div",
             {
-              class: $style["SearchMessage__audio-box"]
+              class: a["SearchMessage__audio-box"]
             },
             [
-              h(
+              e(
                 "span",
                 {
-                  class: $style["SearchMessage__audio-icon"]
+                  class: a["SearchMessage__audio-icon"]
                 },
                 [
-                  h(
+                  e(
                     "svg",
                     {
                       width: "20",
@@ -163,7 +133,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       fill: "none"
                     },
                     [
-                      h("rect", {
+                      e("rect", {
                         x: "3",
                         y: "7",
                         width: "4",
@@ -171,7 +141,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         rx: "1",
                         fill: "#2B5DF5"
                       }),
-                      h("rect", {
+                      e("rect", {
                         x: "8",
                         y: "5",
                         width: "4",
@@ -180,7 +150,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         fill: "#2B5DF5",
                         fillOpacity: "0.7"
                       }),
-                      h("rect", {
+                      e("rect", {
                         x: "13",
                         y: "9",
                         width: "4",
@@ -193,104 +163,89 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   )
                 ]
               ),
-              h("span", `${messageContent.second}s`)
+              e("span", `${s.second}s`)
             ]
           );
-        case TUIChatEngine.TYPES.MSG_LOCATION:
-          if (messageContent.businessID === "text_link") {
-            return h(
-              "span",
-              {
-                class: $style["SearchMessage__text"]
-              },
-              [
-                messageContent.text,
-                h(
-                  "a",
-                  {
-                    href: messageContent.link,
-                    target: "_blank",
-                    rel: "noopener noreferrer"
-                  },
-                  `${t("Search.action.readMore")}>>>`
-                )
-              ]
-            );
-          }
-          return h("span", t("Search.messageType.custom"));
+        case i.TYPES.MSG_LOCATION:
+          return s.businessID === "text_link" ? e(
+            "span",
+            {
+              class: a.SearchMessage__text
+            },
+            [
+              s.text,
+              e(
+                "a",
+                {
+                  href: s.link,
+                  target: "_blank",
+                  rel: "noopener noreferrer"
+                },
+                `${o("Search.action.readMore")}>>>`
+              )
+            ]
+          ) : e("span", o("Search.messageType.custom"));
         default:
-          return h("span", t("Search.messageType.unsupported"));
+          return e("span", o("Search.messageType.unsupported"));
       }
+    }, B = () => {
+      var r;
+      (r = c.onClick) == null || r.call(c, c.data, F.CHAT_MESSAGE);
     };
-    const handleClick = () => {
-      var _a;
-      (_a = props.onClick) == null ? void 0 : _a.call(props, props.data, SearchType.CHAT_MESSAGE);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref($style).SearchMessage)
+    return (r, h) => (M(), f("div", {
+      class: t(_(a).SearchMessage)
+    }, [
+      n("div", {
+        class: t(_(a)["SearchMessage__avatar-wrapper"])
+      }, [
+        G(_(N), {
+          src: _(v),
+          alt: l.value
+        }, null, 8, ["src", "alt"])
+      ], 2),
+      n("div", {
+        class: t(_(a).SearchMessage__content)
       }, [
-        createElementVNode("div", {
-          class: normalizeClass(unref($style)["SearchMessage__avatar-wrapper"])
+        n("div", {
+          class: t(_(a).SearchMessage__header)
         }, [
-          createVNode(unref(Avatar), {
-            src: unref(avatar),
-            alt: name.value
-          }, null, 8, ["src", "alt"])
+          n("span", {
+            class: t(_(a).SearchMessage__name),
+            innerHTML: C.value
+          }, null, 10, Y),
+          _(d) ? (M(), f("span", {
+            key: 0,
+            class: t(_(a).SearchMessage__time)
+          }, y(b(_(d))), 3)) : I("", !0)
         ], 2),
-        createElementVNode("div", {
-          class: normalizeClass(unref($style).SearchMessage__content)
+        n("div", {
+          class: t(_(a).SearchMessage__container)
         }, [
-          createElementVNode("div", {
-            class: normalizeClass(unref($style).SearchMessage__header)
+          n("div", {
+            class: t(_(a)["SearchMessage__container-content"])
           }, [
-            createElementVNode("span", {
-              class: normalizeClass(unref($style).SearchMessage__name),
-              innerHTML: highlightedName.value
-            }, null, 10, _hoisted_1),
-            unref(time) ? (openBlock(), createElementBlock("span", {
-              key: 0,
-              class: normalizeClass(unref($style).SearchMessage__time)
-            }, toDisplayString(formatTime(unref(time))), 3)) : createCommentVNode("", true)
+            (M(), L(j(E(g.data, g.keyword))))
           ], 2),
-          createElementVNode("div", {
-            class: normalizeClass(unref($style).SearchMessage__container)
-          }, [
-            createElementVNode("div", {
-              class: normalizeClass(unref($style)["SearchMessage__container-content"])
-            }, [
-              (openBlock(), createBlock(resolveDynamicComponent(renderMessageContent(_ctx.data, _ctx.keyword))))
-            ], 2),
-            createElementVNode("div", {
-              class: normalizeClass(unref($style)["SearchMessage__container-action"]),
-              onClick: handleClick
-            }, toDisplayString(unref(t)("Search.action.locateToChat")), 3)
-          ], 2)
+          n("div", {
+            class: t(_(a)["SearchMessage__container-action"]),
+            onClick: B
+          }, y(_(o)("Search.action.locateToChat")), 3)
         ], 2)
-      ], 2);
-    };
+      ], 2)
+    ], 2));
   }
-});
-const SearchMessage = "_SearchMessage_r84bo_12";
-const SearchMessage__avatar = "_SearchMessage__avatar_r84bo_19";
-const SearchMessage__content = "_SearchMessage__content_r84bo_30";
-const SearchMessage__header = "_SearchMessage__header_r84bo_36";
-const SearchMessage__name = "_SearchMessage__name_r84bo_43";
-const SearchMessage__time = "_SearchMessage__time_r84bo_53";
-const SearchMessage__container = "_SearchMessage__container_r84bo_62";
-const SearchMessage__text = "_SearchMessage__text_r84bo_91";
-const style0 = {
-  SearchMessage,
+}), U = "_SearchMessage_r84bo_12", V = "_SearchMessage__avatar_r84bo_19", $ = "_SearchMessage__content_r84bo_30", K = "_SearchMessage__header_r84bo_36", z = "_SearchMessage__name_r84bo_43", X = "_SearchMessage__time_r84bo_53", q = "_SearchMessage__container_r84bo_62", J = "_SearchMessage__text_r84bo_91", Q = {
+  SearchMessage: U,
   "SearchMessage__avatar-wrapper": "_SearchMessage__avatar-wrapper_r84bo_19",
-  SearchMessage__avatar,
-  SearchMessage__content,
-  SearchMessage__header,
-  SearchMessage__name,
-  SearchMessage__time,
-  SearchMessage__container,
+  SearchMessage__avatar: V,
+  SearchMessage__content: $,
+  SearchMessage__header: K,
+  SearchMessage__name: z,
+  SearchMessage__time: X,
+  SearchMessage__container: q,
   "SearchMessage__container-action": "_SearchMessage__container-action_r84bo_67",
   "SearchMessage__container-content": "_SearchMessage__container-content_r84bo_71",
-  SearchMessage__text,
+  SearchMessage__text: J,
   "SearchMessage__emoji-img": "_SearchMessage__emoji-img_r84bo_103",
   "SearchMessage__image-thumb": "_SearchMessage__image-thumb_r84bo_110",
   "SearchMessage__video-thumb": "_SearchMessage__video-thumb_r84bo_118",
@@ -299,11 +254,9 @@ const style0 = {
   "SearchMessage__file-box": "_SearchMessage__file-box_r84bo_148",
   "SearchMessage__audio-box": "_SearchMessage__audio-box_r84bo_155",
   "SearchMessage__audio-icon": "_SearchMessage__audio-icon_r84bo_162"
-};
-const cssModules = {
-  "$style": style0
-};
-const Message = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+}, R = {
+  $style: Q
+}, te = /* @__PURE__ */ P(H, [["__cssModules", R]]);
 export {
-  Message as default
+  te as default
 };

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

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

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

@@ -1,11 +1,11 @@
-import { defineComponent, createElementBlock, openBlock, normalizeClass, createBlock, createCommentVNode, unref, resolveDynamicComponent } from "vue";
-import { SearchType } from "../../../../types/engine.js";
-import Conversation from "./Conversation/Conversation.js";
-import User from "./User/User.js";
-import Group from "./Group/Group.js";
-import Message from "./Message/Message.js";
-import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as r, createElementBlock as d, openBlock as a, normalizeClass as k, createBlock as o, createCommentVNode as m, unref as t, resolveDynamicComponent as l } from "vue";
+import { SearchType as c } from "../../../../types/engine.js";
+import s from "./Conversation/Conversation.js";
+import y from "./User/User.js";
+import i from "./Group/Group.js";
+import u from "./Message/Message.js";
+import { _ as C } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const f = /* @__PURE__ */ r({
   __name: "SearchResultsItem",
   props: {
     keyword: {},
@@ -14,44 +14,38 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     type: {},
     className: { default: "" }
   },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([_ctx.$style.SearchResultsItem, _ctx.className])
-      }, [
-        _ctx.type === unref(SearchType).MESSAGE ? (openBlock(), createBlock(resolveDynamicComponent(unref(Conversation)), {
-          key: 0,
-          data: _ctx.data,
-          keyword: _ctx.keyword,
-          onClick: _ctx.onClick
-        }, null, 8, ["data", "keyword", "onClick"])) : _ctx.type === unref(SearchType).USER ? (openBlock(), createBlock(resolveDynamicComponent(unref(User)), {
-          key: 1,
-          data: _ctx.data,
-          keyword: _ctx.keyword,
-          onClick: _ctx.onClick
-        }, null, 8, ["data", "keyword", "onClick"])) : _ctx.type === unref(SearchType).GROUP ? (openBlock(), createBlock(resolveDynamicComponent(unref(Group)), {
-          key: 2,
-          data: _ctx.data,
-          keyword: _ctx.keyword,
-          onClick: _ctx.onClick
-        }, null, 8, ["data", "keyword", "onClick"])) : _ctx.type === unref(SearchType).CHAT_MESSAGE ? (openBlock(), createBlock(resolveDynamicComponent(unref(Message)), {
-          key: 3,
-          data: _ctx.data,
-          keyword: _ctx.keyword,
-          onClick: _ctx.onClick
-        }, null, 8, ["data", "keyword", "onClick"])) : createCommentVNode("", true)
-      ], 2);
-    };
+  setup(e) {
+    return (n, R) => (a(), d("div", {
+      class: k([n.$style.SearchResultsItem, e.className])
+    }, [
+      e.type === t(c).MESSAGE ? (a(), o(l(t(s)), {
+        key: 0,
+        data: e.data,
+        keyword: e.keyword,
+        onClick: e.onClick
+      }, null, 8, ["data", "keyword", "onClick"])) : e.type === t(c).USER ? (a(), o(l(t(y)), {
+        key: 1,
+        data: e.data,
+        keyword: e.keyword,
+        onClick: e.onClick
+      }, null, 8, ["data", "keyword", "onClick"])) : e.type === t(c).GROUP ? (a(), o(l(t(i)), {
+        key: 2,
+        data: e.data,
+        keyword: e.keyword,
+        onClick: e.onClick
+      }, null, 8, ["data", "keyword", "onClick"])) : e.type === t(c).CHAT_MESSAGE ? (a(), o(l(t(u)), {
+        key: 3,
+        data: e.data,
+        keyword: e.keyword,
+        onClick: e.onClick
+      }, null, 8, ["data", "keyword", "onClick"])) : m("", !0)
+    ], 2));
   }
-});
-const SearchResultsItem = "_SearchResultsItem_1vvfd_1";
-const style0 = {
-  SearchResultsItem
-};
-const cssModules = {
-  "$style": style0
-};
-const SearchResultItemComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+}), w = "_SearchResultsItem_1vvfd_1", S = {
+  SearchResultsItem: w
+}, h = {
+  $style: S
+}, N = /* @__PURE__ */ C(f, [["__cssModules", h]]);
 export {
-  SearchResultItemComponent as default
+  N as default
 };