tuikit-atomicx-vue3 3.3.4 → 3.4.1

package/dist/components/ConversationList/ConversationPreview/ConversationPreviewAbstract.js

@@ -1,69 +1,50 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, Fragment, createElementVNode, createTextVNode, toDisplayString, unref } from "vue";
-import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
-import { getLatestMessagePreview } from "./utils.js";
-import { JSONStringToParse } from "../../../utils/json.js";
-import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as m, computed as s, createElementBlock as r, openBlock as _, normalizeClass as v, Fragment as c, createElementVNode as u, createTextVNode as P, toDisplayString as o, unref as x } from "vue";
+import { useUIKit as d } from "@tencentcloud/uikit-base-component-vue3";
+import { getLatestMessagePreview as f } from "./utils.js";
+import { JSONStringToParse as p } from "../../../utils/json.js";
+import { _ as q } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const b = /* @__PURE__ */ m({
   __name: "ConversationPreviewAbstract",
   props: {
     conversation: {}
   },
-  setup(__props) {
-    const props = __props;
-    const { t } = useUIKit();
-    const draftTextAbstract = computed(() => {
-      var _a;
-      const { draftText = "" } = (props == null ? void 0 : props.conversation) || {};
-      return ((_a = JSONStringToParse(draftText)) == null ? void 0 : _a.abstract) || draftText;
-    });
-    const latestMessagePreview = computed(() => getLatestMessagePreview(props.conversation, t));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(_ctx.$style.conversationPreview__abstract)
-      }, [
-        draftTextAbstract.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          createElementVNode("label", {
-            class: normalizeClass(_ctx.$style.conversationPreview__drafts)
-          }, "[" + toDisplayString(unref(t)("TUIConversation.Drafts")) + "]", 3),
-          createTextVNode(" " + toDisplayString(" ") + " " + toDisplayString(draftTextAbstract.value), 1)
-        ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          createTextVNode(toDisplayString(latestMessagePreview.value), 1)
-        ], 64))
-      ], 2);
-    };
+  setup(w) {
+    const t = w, { t: a } = d(), i = s(() => {
+      var n;
+      const { draftText: e = "" } = (t == null ? void 0 : t.conversation) || {};
+      return ((n = p(e)) == null ? void 0 : n.abstract) || e;
+    }), l = s(() => f(t.conversation, a));
+    return (e, n) => (_(), r("div", {
+      class: v(e.$style.conversationPreview__abstract)
+    }, [
+      i.value ? (_(), r(c, { key: 0 }, [
+        u("label", {
+          class: v(e.$style.conversationPreview__drafts)
+        }, "[" + o(x(a)("TUIConversation.Drafts")) + "]", 3),
+        P(" " + o(" ") + " " + o(i.value), 1)
+      ], 64)) : (_(), r(c, { key: 1 }, [
+        P(o(l.value), 1)
+      ], 64))
+    ], 2));
   }
-});
-const conversationPreview = "_conversationPreview_29xqv_12";
-const conversationPreview__avatar = "_conversationPreview__avatar_29xqv_34";
-const conversationPreview__content = "_conversationPreview__content_29xqv_38";
-const conversationPreview__header = "_conversationPreview__header_29xqv_42";
-const conversationPreview__title = "_conversationPreview__title_29xqv_48";
-const conversationPreview__time = "_conversationPreview__time_29xqv_58";
-const conversationPreview__footer = "_conversationPreview__footer_29xqv_65";
-const conversationPreview__abstract = "_conversationPreview__abstract_29xqv_70";
-const conversationPreview__external = "_conversationPreview__external_29xqv_79";
-const conversationPreview__unread = "_conversationPreview__unread_29xqv_88";
-const conversationPreview__actions = "_conversationPreview__actions_29xqv_108";
-const style0 = {
-  conversationPreview,
+}), g = "_conversationPreview_29xqv_12", y = "_conversationPreview__avatar_29xqv_34", M = "_conversationPreview__content_29xqv_38", T = "_conversationPreview__header_29xqv_42", h = "_conversationPreview__title_29xqv_48", k = "_conversationPreview__time_29xqv_58", C = "_conversationPreview__footer_29xqv_65", A = "_conversationPreview__abstract_29xqv_70", D = "_conversationPreview__external_29xqv_79", N = "_conversationPreview__unread_29xqv_88", S = "_conversationPreview__actions_29xqv_108", $ = {
+  conversationPreview: g,
   "conversationPreview--active": "_conversationPreview--active_29xqv_28",
   "conversationPreview--pin": "_conversationPreview--pin_29xqv_31",
-  conversationPreview__avatar,
-  conversationPreview__content,
-  conversationPreview__header,
-  conversationPreview__title,
-  conversationPreview__time,
-  conversationPreview__footer,
-  conversationPreview__abstract,
-  conversationPreview__external,
-  conversationPreview__unread,
+  conversationPreview__avatar: y,
+  conversationPreview__content: M,
+  conversationPreview__header: T,
+  conversationPreview__title: h,
+  conversationPreview__time: k,
+  conversationPreview__footer: C,
+  conversationPreview__abstract: A,
+  conversationPreview__external: D,
+  conversationPreview__unread: N,
   "unread-count": "_unread-count_29xqv_95",
-  conversationPreview__actions
-};
-const cssModules = {
-  "$style": style0
-};
-const DefaultLastMessageAbstract = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+  conversationPreview__actions: S
+}, B = {
+  $style: $
+}, z = /* @__PURE__ */ q(b, [["__cssModules", B]]);
 export {
-  DefaultLastMessageAbstract as default
+  z as default
 };

package/dist/components/ConversationList/ConversationPreview/ConversationPreviewTimestamp.js

@@ -1,58 +1,40 @@
-import { defineComponent, createElementBlock, openBlock, normalizeClass, toDisplayString, unref } from "vue";
-import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
-import { getTimeStamp } from "../../../utils/time.js";
-import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as v, createElementBlock as a, openBlock as s, normalizeClass as c, toDisplayString as w, unref as P } from "vue";
+import { useUIKit as m } from "@tencentcloud/uikit-base-component-vue3";
+import { getTimeStamp as l } from "../../../utils/time.js";
+import { _ as u } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const p = /* @__PURE__ */ v({
   __name: "ConversationPreviewTimestamp",
   props: {
     conversation: {}
   },
-  setup(__props) {
-    var _a, _b;
-    const props = __props;
-    const { language } = useUIKit();
-    const time = getTimeStamp({
-      time: Number(((_b = (_a = props.conversation) == null ? void 0 : _a.lastMessage) == null ? void 0 : _b.lastTime) || 0) * 1e3,
-      language
+  setup(o) {
+    var e, n;
+    const t = o, { language: r } = m(), _ = l({
+      time: Number(((n = (e = t.conversation) == null ? void 0 : e.lastMessage) == null ? void 0 : n.lastTime) || 0) * 1e3,
+      language: r.value
     }) || "";
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(_ctx.$style.conversationPreview__time)
-      }, toDisplayString(unref(time)), 3);
-    };
+    return (i, D) => (s(), a("div", {
+      class: c(i.$style.conversationPreview__time)
+    }, w(P(_)), 3));
   }
-});
-const conversationPreview = "_conversationPreview_29xqv_12";
-const conversationPreview__avatar = "_conversationPreview__avatar_29xqv_34";
-const conversationPreview__content = "_conversationPreview__content_29xqv_38";
-const conversationPreview__header = "_conversationPreview__header_29xqv_42";
-const conversationPreview__title = "_conversationPreview__title_29xqv_48";
-const conversationPreview__time = "_conversationPreview__time_29xqv_58";
-const conversationPreview__footer = "_conversationPreview__footer_29xqv_65";
-const conversationPreview__abstract = "_conversationPreview__abstract_29xqv_70";
-const conversationPreview__external = "_conversationPreview__external_29xqv_79";
-const conversationPreview__unread = "_conversationPreview__unread_29xqv_88";
-const conversationPreview__actions = "_conversationPreview__actions_29xqv_108";
-const style0 = {
-  conversationPreview,
+}), x = "_conversationPreview_29xqv_12", q = "_conversationPreview__avatar_29xqv_34", d = "_conversationPreview__content_29xqv_38", f = "_conversationPreview__header_29xqv_42", g = "_conversationPreview__title_29xqv_48", b = "_conversationPreview__time_29xqv_58", h = "_conversationPreview__footer_29xqv_65", y = "_conversationPreview__abstract_29xqv_70", M = "_conversationPreview__external_29xqv_79", T = "_conversationPreview__unread_29xqv_88", C = "_conversationPreview__actions_29xqv_108", k = {
+  conversationPreview: x,
   "conversationPreview--active": "_conversationPreview--active_29xqv_28",
   "conversationPreview--pin": "_conversationPreview--pin_29xqv_31",
-  conversationPreview__avatar,
-  conversationPreview__content,
-  conversationPreview__header,
-  conversationPreview__title,
-  conversationPreview__time,
-  conversationPreview__footer,
-  conversationPreview__abstract,
-  conversationPreview__external,
-  conversationPreview__unread,
+  conversationPreview__avatar: q,
+  conversationPreview__content: d,
+  conversationPreview__header: f,
+  conversationPreview__title: g,
+  conversationPreview__time: b,
+  conversationPreview__footer: h,
+  conversationPreview__abstract: y,
+  conversationPreview__external: M,
+  conversationPreview__unread: T,
   "unread-count": "_unread-count_29xqv_95",
-  conversationPreview__actions
-};
-const cssModules = {
-  "$style": style0
-};
-const DefaultLastMessageTimestamp = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+  conversationPreview__actions: C
+}, B = {
+  $style: k
+}, I = /* @__PURE__ */ u(p, [["__cssModules", B]]);
 export {
-  DefaultLastMessageTimestamp as default
+  I as default
 };

package/dist/components/ConversationList/ConversationPreview/ConversationPreviewTitle.js

@@ -1,52 +1,35 @@
-import { defineComponent, createElementBlock, openBlock, normalizeClass, toDisplayString, unref } from "vue";
-import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as i, createElementBlock as v, openBlock as s, normalizeClass as a, toDisplayString as c, unref as w } from "vue";
+import { _ as P } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const l = /* @__PURE__ */ i({
   __name: "ConversationPreviewTitle",
   props: {
     conversation: {}
   },
-  setup(__props) {
-    var _a, _b;
-    const props = __props;
-    const title = ((_b = (_a = props == null ? void 0 : props.conversation) == null ? void 0 : _a.getShowName) == null ? void 0 : _b.call(_a)) || "";
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([_ctx.$style.conversationPreview__title, _ctx.$style.textEllipsis])
-      }, toDisplayString(unref(title)), 3);
-    };
+  setup(r) {
+    var e, o;
+    const n = r, _ = ((o = (e = n == null ? void 0 : n.conversation) == null ? void 0 : e.getShowName) == null ? void 0 : o.call(e)) || "";
+    return (t, k) => (s(), v("div", {
+      class: a([t.$style.conversationPreview__title, t.$style.textEllipsis])
+    }, c(w(_)), 3));
   }
-});
-const conversationPreview = "_conversationPreview_29xqv_12";
-const conversationPreview__avatar = "_conversationPreview__avatar_29xqv_34";
-const conversationPreview__content = "_conversationPreview__content_29xqv_38";
-const conversationPreview__header = "_conversationPreview__header_29xqv_42";
-const conversationPreview__title = "_conversationPreview__title_29xqv_48";
-const conversationPreview__time = "_conversationPreview__time_29xqv_58";
-const conversationPreview__footer = "_conversationPreview__footer_29xqv_65";
-const conversationPreview__abstract = "_conversationPreview__abstract_29xqv_70";
-const conversationPreview__external = "_conversationPreview__external_29xqv_79";
-const conversationPreview__unread = "_conversationPreview__unread_29xqv_88";
-const conversationPreview__actions = "_conversationPreview__actions_29xqv_108";
-const style0 = {
-  conversationPreview,
+}), x = "_conversationPreview_29xqv_12", u = "_conversationPreview__avatar_29xqv_34", q = "_conversationPreview__content_29xqv_38", d = "_conversationPreview__header_29xqv_42", m = "_conversationPreview__title_29xqv_48", f = "_conversationPreview__time_29xqv_58", p = "_conversationPreview__footer_29xqv_65", h = "_conversationPreview__abstract_29xqv_70", y = "_conversationPreview__external_29xqv_79", b = "_conversationPreview__unread_29xqv_88", C = "_conversationPreview__actions_29xqv_108", $ = {
+  conversationPreview: x,
   "conversationPreview--active": "_conversationPreview--active_29xqv_28",
   "conversationPreview--pin": "_conversationPreview--pin_29xqv_31",
-  conversationPreview__avatar,
-  conversationPreview__content,
-  conversationPreview__header,
-  conversationPreview__title,
-  conversationPreview__time,
-  conversationPreview__footer,
-  conversationPreview__abstract,
-  conversationPreview__external,
-  conversationPreview__unread,
+  conversationPreview__avatar: u,
+  conversationPreview__content: q,
+  conversationPreview__header: d,
+  conversationPreview__title: m,
+  conversationPreview__time: f,
+  conversationPreview__footer: p,
+  conversationPreview__abstract: h,
+  conversationPreview__external: y,
+  conversationPreview__unread: b,
   "unread-count": "_unread-count_29xqv_95",
-  conversationPreview__actions
-};
-const cssModules = {
-  "$style": style0
-};
-const DefaultTitle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+  conversationPreview__actions: C
+}, g = {
+  $style: $
+}, E = /* @__PURE__ */ P(l, [["__cssModules", g]]);
 export {
-  DefaultTitle as default
+  E as default
 };

package/dist/components/ConversationList/ConversationPreview/ConversationPreviewUI.js

@@ -1,28 +1,28 @@
-import { defineComponent, ref, watch, createElementBlock, openBlock, createElementVNode, createBlock, createCommentVNode, mergeProps, unref, renderSlot, normalizeClass, resolveDynamicComponent } from "vue";
-import TUIChatEngine from "@tencentcloud/chat-uikit-engine";
-import Avatar from "../../Avatar/Avatar.js";
-import DefaultLastMessageAbstract from "./ConversationPreviewAbstract.js";
-import DefaultLastMessageTimestamp from "./ConversationPreviewTimestamp.js";
-import DefaultTitle from "./ConversationPreviewTitle.js";
-import DefaultUnread from "./ConversationPreviewUnread.js";
-import ConversationActionsComponent from "../ConversationActions/ConversationActions.js";
-import { useMouseHover } from "../../../hooks/useMouseHover.js";
-import { useLongPress } from "../../../hooks/useLongPress.js";
-import { isH5 } from "../../../utils/env.js";
-import { useConversationListState } from "../../../states/ConversationListState/ConversationListState.js";
-import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as O, ref as U, watch as V, createElementBlock as H, openBlock as t, createElementVNode as c, createBlock as i, createCommentVNode as K, mergeProps as l, unref as o, renderSlot as j, normalizeClass as u, resolveDynamicComponent as a } from "vue";
+import P from "@tencentcloud/chat-uikit-engine";
+import F from "../../Avatar/Avatar.js";
+import z from "./ConversationPreviewAbstract.js";
+import G from "./ConversationPreviewTimestamp.js";
+import J from "./ConversationPreviewTitle.js";
+import Q from "./ConversationPreviewUnread.js";
+import W from "../ConversationActions/ConversationActions.js";
+import { useMouseHover as X } from "../../../hooks/useMouseHover.js";
+import { useLongPress as Z } from "../../../hooks/useLongPress.js";
+import { isH5 as r } from "../../../utils/env.js";
+import { useConversationListState as p } from "../../../states/ConversationListState/ConversationListState.js";
+import { _ as ee } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const ne = /* @__PURE__ */ O({
   __name: "ConversationPreviewUI",
   props: {
     conversation: {},
-    isSelected: { type: Boolean, default: false },
-    enableActions: { type: Boolean, default: true },
-    Avatar: { type: [Object, Function], default: () => Avatar },
-    Title: { default: () => DefaultTitle },
-    LastMessageAbstract: { default: () => DefaultLastMessageAbstract },
-    LastMessageTimestamp: { default: () => DefaultLastMessageTimestamp },
-    Unread: { default: () => DefaultUnread },
-    ConversationActions: { type: [Object, Function], default: () => ConversationActionsComponent },
+    isSelected: { type: Boolean, default: !1 },
+    enableActions: { type: Boolean, default: !0 },
+    Avatar: { type: [Object, Function], default: () => F },
+    Title: { default: () => J },
+    LastMessageAbstract: { default: () => z },
+    LastMessageTimestamp: { default: () => G },
+    Unread: { default: () => Q },
+    ConversationActions: { type: [Object, Function], default: () => W },
     onSelectConversation: {},
     actionsConfig: {},
     className: {},
@@ -30,120 +30,93 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     children: {}
   },
   emits: ["select"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { activeConversation, setActiveConversation } = useConversationListState();
-    const conversationPreviewRef = ref();
-    const isActionMenuActive = ref(false);
-    const { isHovered } = useMouseHover(conversationPreviewRef);
-    const { getEventHandlers } = useLongPress(() => {
-      if (isH5) {
-        isActionMenuActive.value = true;
-      }
+  setup(e, { emit: $ }) {
+    const m = e, N = $, { activeConversation: h, setActiveConversation: R } = p(), _ = U(), s = U(!1), { isHovered: S } = X(_), { getEventHandlers: I } = Z(() => {
+      r && (s.value = !0);
+    }), Y = I();
+    V(S, (n) => {
+      r || (s.value = n);
     });
-    const longPressEvents = getEventHandlers();
-    watch(isHovered, (newValue) => {
-      if (!isH5) {
-        isActionMenuActive.value = newValue;
-      }
-    });
-    const handleClick = () => {
-      emit("select", props.conversation);
-      setActiveConversation(props.conversation.conversationID);
-    };
-    const handleCloseActionsModal = () => {
-      isActionMenuActive.value = false;
+    const B = () => {
+      N("select", m.conversation), R(m.conversation.conversationID);
+    }, d = () => {
+      s.value = !1;
     };
-    return (_ctx, _cache) => {
-      var _a, _b, _c, _d, _e, _f, _g, _h;
-      return openBlock(), createElementBlock("div", null, [
-        createElementVNode("div", mergeProps({
+    return (n, de) => {
+      var w, f, C, A, y, M, g, q;
+      return t(), H("div", null, [
+        c("div", l({
           ref_key: "conversationPreviewRef",
-          ref: conversationPreviewRef,
+          ref: _,
           class: [
-            _ctx.$style.conversationPreview,
-            _ctx.className,
-            unref(isH5) && [_ctx.$style["conversationPreview--mobile"]],
-            (_ctx.isSelected || ((_a = _ctx.conversation) == null ? void 0 : _a.conversationID) === ((_b = unref(activeConversation)) == null ? void 0 : _b.conversationID)) && [_ctx.$style["conversationPreview--active"]],
-            !((_c = _ctx.conversation) == null ? void 0 : _c.isMuted) && (((_d = _ctx.conversation) == null ? void 0 : _d.unreadCount) > 0 || ((_f = (_e = _ctx.conversation) == null ? void 0 : _e.markList) == null ? void 0 : _f.includes(unref(TUIChatEngine).TYPES.CONV_MARK_TYPE_UNREAD))) && [_ctx.$style["conversationPreview--unread"]],
-            ((_g = _ctx.conversation) == null ? void 0 : _g.isPinned) && [_ctx.$style["conversationPreview--pin"]],
-            ((_h = _ctx.conversation) == null ? void 0 : _h.isMuted) && [_ctx.$style["conversationPreview--mute"]]
+            n.$style.conversationPreview,
+            e.className,
+            o(r) && [n.$style["conversationPreview--mobile"]],
+            (e.isSelected || ((w = e.conversation) == null ? void 0 : w.conversationID) === ((f = o(h)) == null ? void 0 : f.conversationID)) && [n.$style["conversationPreview--active"]],
+            !((C = e.conversation) != null && C.isMuted) && (((A = e.conversation) == null ? void 0 : A.unreadCount) > 0 || ((M = (y = e.conversation) == null ? void 0 : y.markList) == null ? void 0 : M.includes(o(P).TYPES.CONV_MARK_TYPE_UNREAD))) && [n.$style["conversationPreview--unread"]],
+            ((g = e.conversation) == null ? void 0 : g.isPinned) && [n.$style["conversationPreview--pin"]],
+            ((q = e.conversation) == null ? void 0 : q.isMuted) && [n.$style["conversationPreview--mute"]]
           ],
-          style: _ctx.style
-        }, unref(longPressEvents), { onClick: handleClick }), [
-          renderSlot(_ctx.$slots, "default", {}, () => {
-            var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
+          style: e.style
+        }, o(Y), { onClick: B }), [
+          j(n.$slots, "default", {}, () => {
+            var v, E, D, T, b, k, x, L;
             return [
-              createElementVNode("div", {
-                class: normalizeClass(_ctx.$style["conversationPreview__avatar"])
+              c("div", {
+                class: u(n.$style.conversationPreview__avatar)
               }, [
-                (openBlock(), createBlock(resolveDynamicComponent(_ctx.Avatar), {
-                  src: (_b2 = (_a2 = _ctx.conversation) == null ? void 0 : _a2.getAvatar) == null ? void 0 : _b2.call(_a2),
-                  unreadCount: ((_c2 = _ctx.conversation) == null ? void 0 : _c2.isMuted) && ((_e2 = (_d2 = _ctx.conversation) == null ? void 0 : _d2.markList) == null ? void 0 : _e2.includes(unref(TUIChatEngine).TYPES.CONV_MARK_TYPE_UNREAD)) ? 1 : void 0,
-                  isDotUnreadCount: ((_f2 = _ctx.conversation) == null ? void 0 : _f2.isMuted) && ((_h2 = (_g2 = _ctx.conversation) == null ? void 0 : _g2.markList) == null ? void 0 : _h2.includes(unref(TUIChatEngine).TYPES.CONV_MARK_TYPE_UNREAD))
+                (t(), i(a(e.Avatar), {
+                  src: (E = (v = e.conversation) == null ? void 0 : v.getAvatar) == null ? void 0 : E.call(v),
+                  unreadCount: (D = e.conversation) != null && D.isMuted && ((b = (T = e.conversation) == null ? void 0 : T.markList) != null && b.includes(o(P).TYPES.CONV_MARK_TYPE_UNREAD)) ? 1 : void 0,
+                  isDotUnreadCount: ((k = e.conversation) == null ? void 0 : k.isMuted) && ((L = (x = e.conversation) == null ? void 0 : x.markList) == null ? void 0 : L.includes(o(P).TYPES.CONV_MARK_TYPE_UNREAD))
                 }, null, 8, ["src", "unreadCount", "isDotUnreadCount"]))
               ], 2),
-              createElementVNode("div", {
-                class: normalizeClass(_ctx.$style["conversationPreview__content"])
+              c("div", {
+                class: u(n.$style.conversationPreview__content)
               }, [
-                (openBlock(), createBlock(resolveDynamicComponent(_ctx.Title), { conversation: _ctx.conversation }, null, 8, ["conversation"])),
-                (openBlock(), createBlock(resolveDynamicComponent(_ctx.LastMessageAbstract), { conversation: _ctx.conversation }, null, 8, ["conversation"]))
+                (t(), i(a(e.Title), { conversation: e.conversation }, null, 8, ["conversation"])),
+                (t(), i(a(e.LastMessageAbstract), { conversation: e.conversation }, null, 8, ["conversation"]))
               ], 2),
-              createElementVNode("div", {
-                class: normalizeClass(_ctx.$style["conversationPreview__external"])
+              c("div", {
+                class: u(n.$style.conversationPreview__external)
               }, [
-                (openBlock(), createBlock(resolveDynamicComponent(_ctx.Unread), { conversation: _ctx.conversation }, null, 8, ["conversation"])),
-                _ctx.enableActions && isActionMenuActive.value && !unref(isH5) ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.ConversationActions), mergeProps({
+                (t(), i(a(e.Unread), { conversation: e.conversation }, null, 8, ["conversation"])),
+                e.enableActions && s.value && !o(r) ? (t(), i(a(e.ConversationActions), l({
                   key: 0,
-                  conversation: _ctx.conversation
-                }, _ctx.actionsConfig, { onClose: handleCloseActionsModal }), null, 16, ["conversation"])) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.LastMessageTimestamp), {
+                  conversation: e.conversation
+                }, e.actionsConfig, { onClose: d }), null, 16, ["conversation"])) : (t(), i(a(e.LastMessageTimestamp), {
                   key: 1,
-                  conversation: _ctx.conversation
+                  conversation: e.conversation
                 }, null, 8, ["conversation"]))
               ], 2)
             ];
           })
         ], 16),
-        unref(isH5) && _ctx.enableActions && isActionMenuActive.value ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.ConversationActions), mergeProps({
+        o(r) && e.enableActions && s.value ? (t(), i(a(e.ConversationActions), l({
           key: 0,
-          conversation: _ctx.conversation
-        }, _ctx.actionsConfig, { onClose: handleCloseActionsModal }), null, 16, ["conversation"])) : createCommentVNode("", true)
+          conversation: e.conversation
+        }, e.actionsConfig, { onClose: d }), null, 16, ["conversation"])) : K("", !0)
       ]);
     };
   }
-});
-const conversationPreview = "_conversationPreview_29xqv_12";
-const conversationPreview__avatar = "_conversationPreview__avatar_29xqv_34";
-const conversationPreview__content = "_conversationPreview__content_29xqv_38";
-const conversationPreview__header = "_conversationPreview__header_29xqv_42";
-const conversationPreview__title = "_conversationPreview__title_29xqv_48";
-const conversationPreview__time = "_conversationPreview__time_29xqv_58";
-const conversationPreview__footer = "_conversationPreview__footer_29xqv_65";
-const conversationPreview__abstract = "_conversationPreview__abstract_29xqv_70";
-const conversationPreview__external = "_conversationPreview__external_29xqv_79";
-const conversationPreview__unread = "_conversationPreview__unread_29xqv_88";
-const conversationPreview__actions = "_conversationPreview__actions_29xqv_108";
-const style0 = {
-  conversationPreview,
+}), te = "_conversationPreview_29xqv_12", oe = "_conversationPreview__avatar_29xqv_34", ie = "_conversationPreview__content_29xqv_38", ae = "_conversationPreview__header_29xqv_42", se = "_conversationPreview__title_29xqv_48", re = "_conversationPreview__time_29xqv_58", ve = "_conversationPreview__footer_29xqv_65", ce = "_conversationPreview__abstract_29xqv_70", le = "_conversationPreview__external_29xqv_79", ue = "_conversationPreview__unread_29xqv_88", Pe = "_conversationPreview__actions_29xqv_108", me = {
+  conversationPreview: te,
   "conversationPreview--active": "_conversationPreview--active_29xqv_28",
   "conversationPreview--pin": "_conversationPreview--pin_29xqv_31",
-  conversationPreview__avatar,
-  conversationPreview__content,
-  conversationPreview__header,
-  conversationPreview__title,
-  conversationPreview__time,
-  conversationPreview__footer,
-  conversationPreview__abstract,
-  conversationPreview__external,
-  conversationPreview__unread,
+  conversationPreview__avatar: oe,
+  conversationPreview__content: ie,
+  conversationPreview__header: ae,
+  conversationPreview__title: se,
+  conversationPreview__time: re,
+  conversationPreview__footer: ve,
+  conversationPreview__abstract: ce,
+  conversationPreview__external: le,
+  conversationPreview__unread: ue,
   "unread-count": "_unread-count_29xqv_95",
-  conversationPreview__actions
-};
-const cssModules = {
-  "$style": style0
-};
-const ConversationPreviewUIComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+  conversationPreview__actions: Pe
+}, _e = {
+  $style: me
+}, xe = /* @__PURE__ */ ee(ne, [["__cssModules", _e]]);
 export {
-  ConversationPreviewUIComponent as default
+  xe as default
 };

package/dist/components/ConversationList/ConversationPreview/ConversationPreviewUI.vue.d.ts

@@ -20,6 +20,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         src: {
             type: import('vue').PropType<string>;
         };
+        unreadCount: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
         isShowOnlineStatus: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -28,10 +32,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
-        unreadCount: {
-            type: import('vue').PropType<number>;
-            default: number;
-        };
         maxUnreadCount: {
             type: import('vue').PropType<number>;
             default: number;
@@ -64,6 +64,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         src: {
             type: import('vue').PropType<string>;
         };
+        unreadCount: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
         isShowOnlineStatus: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -72,10 +76,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
-        unreadCount: {
-            type: import('vue').PropType<number>;
-            default: number;
-        };
         maxUnreadCount: {
             type: import('vue').PropType<number>;
             default: number;
@@ -96,9 +96,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         };
     }>> & Readonly<{}>, {
         size: import('../../Avatar').AvatarSize;
+        unreadCount: number;
         isShowOnlineStatus: boolean;
         isOnline: boolean;
-        unreadCount: number;
         maxUnreadCount: number;
         isDotUnreadCount: boolean;
         shape: import('../../Avatar').AvatarShape;
@@ -294,6 +294,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         src: {
             type: import('vue').PropType<string>;
         };
+        unreadCount: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
         isShowOnlineStatus: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -302,10 +306,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
-        unreadCount: {
-            type: import('vue').PropType<number>;
-            default: number;
-        };
         maxUnreadCount: {
             type: import('vue').PropType<number>;
             default: number;
@@ -338,6 +338,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         src: {
             type: import('vue').PropType<string>;
         };
+        unreadCount: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
         isShowOnlineStatus: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -346,10 +350,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
-        unreadCount: {
-            type: import('vue').PropType<number>;
-            default: number;
-        };
         maxUnreadCount: {
             type: import('vue').PropType<number>;
             default: number;
@@ -370,9 +370,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         };
     }>> & Readonly<{}>, {
         size: import('../../Avatar').AvatarSize;
+        unreadCount: number;
         isShowOnlineStatus: boolean;
         isOnline: boolean;
-        unreadCount: number;
         maxUnreadCount: number;
         isDotUnreadCount: boolean;
         shape: import('../../Avatar').AvatarShape;