tuikit-atomicx-vue3 3.4.2 → 3.5.0-beta.8

package/dist/components/ConversationList/ConversationActions/ConversationActions.js

@@ -1,10 +1,10 @@
-import { defineComponent as z, ref as C, computed as $, watch as U, createElementBlock as r, openBlock as a, normalizeStyle as E, normalizeClass as l, unref as v, createBlock as B, withModifiers as q, Fragment as h, renderList as M, toDisplayString as y, withCtx as I, createElementVNode as N, createVNode as S } from "vue";
-import R from "@tencentcloud/chat-uikit-engine";
-import { useUIKit as V, TUIDropdown as L, IconEllipsis as K } from "@tencentcloud/uikit-base-component-vue3";
-import { isH5 as p } from "../../../utils/env.js";
-import { useConversationListState as O } from "../../../states/ConversationListState/ConversationListState.js";
-import { _ as Y } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
-const j = ["onClick"], w = ["onClick"], F = /* @__PURE__ */ z({
+import { defineComponent as g, ref as k, computed as D, watch as f, createElementBlock as r, openBlock as a, normalizeStyle as z, normalizeClass as l, unref as u, createBlock as $, withModifiers as E, Fragment as b, renderList as U, toDisplayString as h, withCtx as M, createElementVNode as B, createVNode as q } from "vue";
+import N from "@tencentcloud/chat-uikit-engine";
+import { useUIKit as S, TUIDropdown as R, IconEllipsis as V } from "@tencentcloud/uikit-base-component-vue3";
+import { isH5 as C } from "../../../utils/env.js";
+import { useConversationListState as L } from "../../../states/ConversationListState/ConversationListState.js";
+import { _ as K } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const O = ["onClick"], Y = ["onClick"], j = /* @__PURE__ */ g({
   __name: "ConversationActions",
   props: {
     conversation: {},
@@ -25,8 +25,8 @@ const j = ["onClick"], w = ["onClick"], F = /* @__PURE__ */ z({
     enableMarkUnread: { type: Boolean, default: !0 }
   },
   emits: ["click", "close", "markConversationUnread", "conversationPin", "conversationMute", "conversationDelete"],
-  setup(_, { emit: g }) {
-    const o = _, c = g, { t: i } = V(), { markConversationUnread: T } = O(), u = C(!0), A = C(null), m = C({}), k = $(() => Object.entries(m.value).filter(([, e]) => e.enable !== !1).reduce((e, [n, t]) => (e[n] = t, e), {})), P = () => ({
+  setup(_, { emit: y }) {
+    const o = _, c = y, { t: i } = S(), { markConversationUnread: I } = L(), v = k(!0), d = k({}), p = D(() => Object.entries(d.value).filter(([, e]) => e.enable !== !1).reduce((e, [n, t]) => (e[n] = t, e), {})), P = () => ({
       pin: {
         enable: !!o.enablePin,
         label: o.conversation.isPinned ? i("TUIConversation.Unpin") : i("TUIConversation.Pin"),
@@ -43,9 +43,9 @@ const j = ["onClick"], w = ["onClick"], F = /* @__PURE__ */ z({
       },
       markUnread: {
         enable: !!o.enableMarkUnread,
-        label: u.value ? i("TUIConversation.MarkRead") : i("TUIConversation.MarkUnRead"),
+        label: v.value ? i("TUIConversation.MarkRead") : i("TUIConversation.MarkUnRead"),
         onClick: (e, n) => {
-          T(e.conversationID, !u.value), c("markConversationUnread", e, n);
+          I(e.conversationID, !v.value), c("markConversationUnread", e, n);
         }
       },
       delete: {
@@ -56,93 +56,91 @@ const j = ["onClick"], w = ["onClick"], F = /* @__PURE__ */ z({
         }
       }
     });
-    U(
+    f(
       () => o.conversation,
       (e) => {
         var n;
         if (e.unreadCount > 0)
-          u.value = !0;
+          v.value = !0;
         else {
-          const t = R.TYPES.CONV_MARK_TYPE_UNREAD, s = (n = e == null ? void 0 : e.markList) == null ? void 0 : n.includes(t);
-          u.value = s;
+          const t = N.TYPES.CONV_MARK_TYPE_UNREAD, s = (n = e == null ? void 0 : e.markList) == null ? void 0 : n.includes(t);
+          v.value = s;
         }
       },
       { immediate: !0 }
-    ), U(
+    ), f(
       [() => o.conversation, () => o.customConversationActions],
       ([e, n]) => {
-        m.value = {
+        d.value = {
           ...P(),
           ...n || {}
         };
       },
       { immediate: !0, deep: !0 }
     );
-    const f = (e) => {
-      A.value = A.value ? null : e.currentTarget;
-    }, b = (e, n) => {
-      f(e), c("click", e, n, o.conversation);
-      const t = m.value[n];
+    const A = (e, n) => {
+      c("click", e, n, o.conversation);
+      const t = d.value[n];
       t && t.onClick(o.conversation, e), o.onClose && o.onClose();
-    }, D = (e) => {
-      e.stopPropagation(), e.target === e.currentTarget && p && o.onClose && o.onClose();
+    }, T = (e) => {
+      e.stopPropagation(), e.target === e.currentTarget && C && o.onClose && o.onClose();
     };
     return (e, n) => (a(), r("div", {
       class: l([e.$style.conversationActions, {
-        [e.$style.conversationActions__h5]: v(p)
+        [e.$style.conversationActions__h5]: u(C)
       }, _.className]),
-      style: E(_.style),
-      onClick: D
+      style: z(_.style),
+      onClick: T
     }, [
-      v(p) ? (a(), r("div", {
+      u(C) ? (a(), r("div", {
         key: 0,
         class: l(e.$style.conversationActions__h5__container),
-        onClick: n[0] || (n[0] = q(() => {
+        onClick: n[0] || (n[0] = E(() => {
         }, ["stop"]))
       }, [
-        (a(!0), r(h, null, M(k.value, (t, s) => (a(), r("div", {
+        (a(!0), r(b, null, U(p.value, (t, s) => (a(), r("div", {
           key: s,
           class: l([e.$style.conversationActions__item, {
             [e.$style["conversationActions__item--delete"]]: s === "delete"
           }]),
-          onClick: (d) => b(d, s)
-        }, y(t.label), 11, j))), 128))
-      ], 2)) : (a(), B(v(L), {
+          onClick: (m) => A(m, s)
+        }, h(t.label), 11, O))), 128))
+      ], 2)) : (a(), $(u(R), {
         key: 1,
         trigger: "click",
+        teleported: !1,
         placement: "bottom-end"
       }, {
-        dropdown: I(() => [
-          (a(!0), r(h, null, M(k.value, (t, s) => (a(), r("div", {
+        dropdown: M(() => [
+          (a(!0), r(b, null, U(p.value, (t, s) => (a(), r("div", {
             key: s,
             class: l([e.$style.conversationActions__item, {
               [e.$style["conversationActions__item--delete"]]: s === "delete"
             }]),
-            onClick: (d) => b(d, s)
-          }, y(t.label), 11, w))), 128))
+            onClick: (m) => A(m, s)
+          }, h(t.label), 11, Y))), 128))
         ]),
-        default: I(() => [
-          N("div", {
-            class: l(e.$style["conversationActions__popup-icon"]),
-            onClick: f
+        default: M(() => [
+          B("div", {
+            class: l(e.$style["conversationActions__popup-icon"])
           }, [
-            S(v(K), { size: "18px" })
+            q(u(V), { size: "18px" })
           ], 2)
         ]),
         _: 1
       }))
     ], 6));
   }
-}), H = "_conversationActions_qrz2h_1", G = "_conversationActions__h5_qrz2h_10", J = "_conversationActions__h5__container_qrz2h_22", Q = "_conversationActions__item_qrz2h_27", W = {
-  conversationActions: H,
+}), w = "_conversationActions_qrz2h_1", F = "_conversationActions__h5_qrz2h_10", H = "_conversationActions__h5__container_qrz2h_22", G = "_conversationActions__item_qrz2h_27", J = {
+  conversationActions: w,
   "conversationActions__popup-icon": "_conversationActions__popup-icon_qrz2h_5",
-  conversationActions__h5: G,
-  conversationActions__h5__container: J,
-  conversationActions__item: Q,
+  conversationActions__h5: F,
+  conversationActions__h5__container: H,
+  conversationActions__item: G,
   "conversationActions__item--delete": "_conversationActions__item--delete_qrz2h_52"
-}, X = {
-  $style: W
-}, se = /* @__PURE__ */ Y(F, [["__cssModules", X]]);
+}, Q = {
+  $style: J
+}, oe = /* @__PURE__ */ K(j, [["__cssModules", Q]]);
 export {
-  se as default
+  oe as default
 };

package/dist/components/ConversationList/ConversationCreate/ConversationCreate.js

@@ -59,9 +59,9 @@ const G = 20, pe = /* @__PURE__ */ Q({
       [t.USER_SELECT]: o("TUIConversation.Cancel"),
       [t.CREATE_DETAIL]: o("TUIConversation.Prev"),
       [t.GROUP_TYPE]: o("TUIConversation.Prev")
-    }, F = I(() => c.value ? Y[n.value] : o("TUIConversation.Cancel")), M = I(() => c.value ? K[n.value] : o("TUIConversation.Start chat")), j = I(() => c.value ? W[n.value] : o("TUIConversation.Start chat")), z = (e) => {
+    }, F = I(() => c.value ? Y[n.value] : o("TUIConversation.Cancel")), M = I(() => c.value ? K[n.value] : o("TUIConversation.Start chat")), $ = I(() => c.value ? W[n.value] : o("TUIConversation.Start chat")), j = (e) => {
       v.value = e;
-    }, H = async () => {
+    }, z = async () => {
       var r;
       const { userID: e } = l.value[0];
       T("beforeCreateConversation", e), (r = s.onBeforeCreateConversation) == null || r.call(s, e);
@@ -71,7 +71,7 @@ const G = 20, pe = /* @__PURE__ */ Q({
       } catch (a) {
         U.error({ message: a.message });
       }
-    }, V = async () => {
+    }, H = async () => {
       var r;
       const e = {
         ...v.value,
@@ -86,16 +86,16 @@ const G = 20, pe = /* @__PURE__ */ Q({
       } catch (a) {
         U.error({ message: a.message });
       }
-    }, $ = (e) => {
+    }, V = (e) => {
       var A, D;
-      const a = `${((A = d.value) == null ? void 0 : A.userName) || ((D = d.value) == null ? void 0 : D.userId) || ""}、` + e.map((i) => (i == null ? void 0 : i.remark) || (i == null ? void 0 : i.nick) || (i == null ? void 0 : i.userID)).join("、");
+      const a = `${((A = d.value) == null ? void 0 : A.userName) || ((D = d.value) == null ? void 0 : D.userId) || ""}、${e.map((i) => (i == null ? void 0 : i.remark) || (i == null ? void 0 : i.nick) || (i == null ? void 0 : i.userID)).join("、")}`;
       return a.length >= G ? a.slice(0, G) : a;
     }, q = () => {
       if (l.value.length === 0) {
         U.error({ message: o("TUIConversation.Participant cannot be empty") });
         return;
       }
-      c.value ? n.value === t.USER_SELECT ? (v.value.name = $(l.value), C(t.CREATE_DETAIL)) : n.value === t.CREATE_DETAIL ? (V(), f(!1)) : C(t.CREATE_DETAIL) : (H(), f(!1));
+      c.value ? n.value === t.USER_SELECT ? (v.value.name = V(l.value), C(t.CREATE_DETAIL)) : n.value === t.CREATE_DETAIL ? (H(), f(!1)) : C(t.CREATE_DETAIL) : (z(), f(!1));
     }, J = () => {
       n.value === t.USER_SELECT ? (f(!1), _()) : n.value === t.CREATE_DETAIL ? C(t.USER_SELECT) : n.value === t.GROUP_TYPE && C(t.CREATE_DETAIL);
     };
@@ -107,7 +107,7 @@ const G = 20, pe = /* @__PURE__ */ Q({
         appendTo: "body",
         visible: m.value,
         title: M.value,
-        "confirm-text": j.value,
+        "confirm-text": $.value,
         "cancel-text": F.value,
         "custom-classes": [p(re) ? "conversationCreate__dialog" : ""],
         onConfirm: q,
@@ -127,14 +127,14 @@ const G = 20, pe = /* @__PURE__ */ Q({
             "profile-list": l.value,
             "group-info": v.value,
             "set-page-state": C,
-            onUpdateGroupInfo: z
+            onUpdateGroupInfo: j
           }, null, 8, ["page-state", "profile-list", "group-info"]))
         ]),
         _: 1
       }, 8, ["visible", "title", "confirm-text", "cancel-text", "custom-classes"])
     ], 2));
   }
-}), Ge = /* @__PURE__ */ fe(pe, [["__scopeId", "data-v-613043fc"]]);
+}), Ge = /* @__PURE__ */ fe(pe, [["__scopeId", "data-v-4707a253"]]);
 export {
   Ge as default
 };

package/dist/components/ConversationList/ConversationList.js

@@ -1,4 +1,4 @@
-import { defineComponent as z, ref as u, computed as C, watch as x, createElementBlock as S, openBlock as n, normalizeStyle as V, normalizeClass as E, unref as i, createBlock as s, createCommentVNode as f, resolveDynamicComponent as c, withCtx as A, Fragment as q, renderList as G } from "vue";
+import { defineComponent as z, ref as C, computed as u, watch as x, createElementBlock as S, openBlock as n, normalizeStyle as V, normalizeClass as E, unref as i, createBlock as s, createCommentVNode as f, resolveDynamicComponent as c, withCtx as A, Fragment as q, renderList as G } from "vue";
 import J from "../Avatar/Avatar.js";
 import { useConversation as K } from "./hooks/useConversation.js";
 import Q from "./ConversationActions/ConversationActions.js";
@@ -46,12 +46,12 @@ const oe = /* @__PURE__ */ z({
       enableSearch: j,
       onBeforeCreateConversation: m,
       onConversationCreated: h
-    } = o, { conversationList: l, setActiveConversation: O } = _(), { setEnableCreate: w, setEnableSearch: H } = K(), I = u([]), y = C(() => {
+    } = o, { conversationList: l, setActiveConversation: O } = _(), { setEnableCreate: w, setEnableSearch: H } = K(), I = C([]), y = u(() => {
       if (!l.value)
         return [];
       let e = l.value;
       return o.filter && typeof o.filter == "function" && (e = o.filter(e)), o.sort && typeof o.sort == "function" && (e = o.sort(e)), e;
-    }), p = u(!1), d = u({}), L = C(() => $), b = C(() => j);
+    }), p = C(!1), d = C({}), L = u(() => $), b = u(() => j);
     w(L.value), H(b.value), x(
       () => [F, I.value],
       ([e, r]) => {
@@ -119,7 +119,7 @@ const oe = /* @__PURE__ */ z({
             Preview: t.Preview,
             ConversationActions: t.ConversationActions,
             "actions-config": d.value,
-            onSelect: M
+            onSelectConversation: M
           }, null, 8, ["conversation", "enable-actions", "Avatar", "Preview", "ConversationActions", "actions-config"]))), 128))
         ]),
         _: 1

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

@@ -576,9 +576,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: import('vue').PropType<ConversationActionsConfig>;
             };
         }>> & Readonly<{
-            onSelect?: ((conversation: ConversationModel) => any) | undefined;
+            onSelectConversation?: ((conversation: ConversationModel) => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            select: (conversation: ConversationModel) => void;
+            selectConversation: (conversation: ConversationModel) => void;
         }, import('vue').PublicProps, {
             Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
             isSelected: boolean;
@@ -911,7 +911,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: import('vue').PropType<ConversationActionsConfig>;
             };
         }>> & Readonly<{
-            onSelect?: ((conversation: ConversationModel) => any) | undefined;
+            onSelectConversation?: ((conversation: ConversationModel) => any) | undefined;
         }>, {}, {}, {}, {}, {
             Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
             isSelected: boolean;
@@ -1241,9 +1241,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: import('vue').PropType<ConversationActionsConfig>;
         };
     }>> & Readonly<{
-        onSelect?: ((conversation: ConversationModel) => any) | undefined;
+        onSelectConversation?: ((conversation: ConversationModel) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        select: (conversation: ConversationModel) => void;
+        selectConversation: (conversation: ConversationModel) => void;
     }, string, {
         Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
         isSelected: boolean;
@@ -4185,9 +4185,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: import('vue').PropType<ConversationActionsConfig>;
             };
         }>> & Readonly<{
-            onSelect?: ((conversation: ConversationModel) => any) | undefined;
+            onSelectConversation?: ((conversation: ConversationModel) => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            select: (conversation: ConversationModel) => void;
+            selectConversation: (conversation: ConversationModel) => void;
         }, import('vue').PublicProps, {
             Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
             isSelected: boolean;
@@ -4520,7 +4520,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: import('vue').PropType<ConversationActionsConfig>;
             };
         }>> & Readonly<{
-            onSelect?: ((conversation: ConversationModel) => any) | undefined;
+            onSelectConversation?: ((conversation: ConversationModel) => any) | undefined;
         }>, {}, {}, {}, {}, {
             Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
             isSelected: boolean;
@@ -4850,9 +4850,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: import('vue').PropType<ConversationActionsConfig>;
         };
     }>> & Readonly<{
-        onSelect?: ((conversation: ConversationModel) => any) | undefined;
+        onSelectConversation?: ((conversation: ConversationModel) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        select: (conversation: ConversationModel) => void;
+        selectConversation: (conversation: ConversationModel) => void;
     }, string, {
         Avatar: import('vue').Component<import('../Avatar').AvatarProps>;
         isSelected: boolean;

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

@@ -323,9 +323,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                 type: import('vue').PropType<import('../../..').ConversationActionsConfig>;
             };
         }>> & Readonly<{
-            onSelect?: ((conversation: ConversationModel) => any) | undefined;
+            onSelectConversation?: ((conversation: ConversationModel) => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            select: (conversation: ConversationModel) => void;
+            selectConversation: (conversation: ConversationModel) => void;
         }, import('vue').PublicProps, {
             Avatar: import('vue').Component<import('../../Avatar').AvatarProps>;
             isSelected: boolean;
@@ -658,7 +658,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                 type: import('vue').PropType<import('../../..').ConversationActionsConfig>;
             };
         }>> & Readonly<{
-            onSelect?: ((conversation: ConversationModel) => any) | undefined;
+            onSelectConversation?: ((conversation: ConversationModel) => any) | undefined;
         }>, {}, {}, {}, {}, {
             Avatar: import('vue').Component<import('../../Avatar').AvatarProps>;
             isSelected: boolean;
@@ -988,9 +988,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             type: import('vue').PropType<import('../../..').ConversationActionsConfig>;
         };
     }>> & Readonly<{
-        onSelect?: ((conversation: ConversationModel) => any) | undefined;
+        onSelectConversation?: ((conversation: ConversationModel) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        select: (conversation: ConversationModel) => void;
+        selectConversation: (conversation: ConversationModel) => void;
     }, string, {
         Avatar: import('vue').Component<import('../../Avatar').AvatarProps>;
         isSelected: boolean;
@@ -1552,9 +1552,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                 type: import('vue').PropType<import('../../..').ConversationActionsConfig>;
             };
         }>> & Readonly<{
-            onSelect?: ((conversation: ConversationModel) => any) | undefined;
+            onSelectConversation?: ((conversation: ConversationModel) => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            select: (conversation: ConversationModel) => void;
+            selectConversation: (conversation: ConversationModel) => void;
         }, import('vue').PublicProps, {
             Avatar: import('vue').Component<import('../../Avatar').AvatarProps>;
             isSelected: boolean;
@@ -1887,7 +1887,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                 type: import('vue').PropType<import('../../..').ConversationActionsConfig>;
             };
         }>> & Readonly<{
-            onSelect?: ((conversation: ConversationModel) => any) | undefined;
+            onSelectConversation?: ((conversation: ConversationModel) => any) | undefined;
         }>, {}, {}, {}, {}, {
             Avatar: import('vue').Component<import('../../Avatar').AvatarProps>;
             isSelected: boolean;
@@ -2217,9 +2217,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             type: import('vue').PropType<import('../../..').ConversationActionsConfig>;
         };
     }>> & Readonly<{
-        onSelect?: ((conversation: ConversationModel) => any) | undefined;
+        onSelectConversation?: ((conversation: ConversationModel) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        select: (conversation: ConversationModel) => void;
+        selectConversation: (conversation: ConversationModel) => void;
     }, string, {
         Avatar: import('vue').Component<import('../../Avatar').AvatarProps>;
         isSelected: boolean;

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

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

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

@@ -1,4 +1,4 @@
-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 { defineComponent as O, ref as U, watch as V, createElementBlock as H, openBlock as o, createElementVNode as c, createBlock as i, createCommentVNode as K, mergeProps as l, unref as t, 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";
@@ -29,7 +29,7 @@ const ne = /* @__PURE__ */ O({
     style: {},
     children: {}
   },
-  emits: ["select"],
+  emits: ["selectConversation"],
   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);
@@ -38,53 +38,53 @@ const ne = /* @__PURE__ */ O({
       r || (s.value = n);
     });
     const B = () => {
-      N("select", m.conversation), R(m.conversation.conversationID);
+      N("selectConversation", m.conversation), R(m.conversation.conversationID);
     }, d = () => {
       s.value = !1;
     };
     return (n, de) => {
       var w, f, C, A, y, M, g, q;
-      return t(), H("div", null, [
+      return o(), H("div", null, [
         c("div", l({
           ref_key: "conversationPreviewRef",
           ref: _,
           class: [
             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"]],
+            t(r) && [n.$style["conversationPreview--mobile"]],
+            (e.isSelected || ((w = e.conversation) == null ? void 0 : w.conversationID) === ((f = t(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(t(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: e.style
-        }, o(Y), { onClick: B }), [
+        }, t(Y), { onClick: B }), [
           j(n.$slots, "default", {}, () => {
             var v, E, D, T, b, k, x, L;
             return [
               c("div", {
                 class: u(n.$style.conversationPreview__avatar)
               }, [
-                (t(), i(a(e.Avatar), {
+                (o(), 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))
+                  unreadCount: (D = e.conversation) != null && D.isMuted && ((b = (T = e.conversation) == null ? void 0 : T.markList) != null && b.includes(t(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(t(P).TYPES.CONV_MARK_TYPE_UNREAD))
                 }, null, 8, ["src", "unreadCount", "isDotUnreadCount"]))
               ], 2),
               c("div", {
                 class: u(n.$style.conversationPreview__content)
               }, [
-                (t(), i(a(e.Title), { conversation: e.conversation }, null, 8, ["conversation"])),
-                (t(), i(a(e.LastMessageAbstract), { conversation: e.conversation }, null, 8, ["conversation"]))
+                (o(), i(a(e.Title), { conversation: e.conversation }, null, 8, ["conversation"])),
+                (o(), i(a(e.LastMessageAbstract), { conversation: e.conversation }, null, 8, ["conversation"]))
               ], 2),
               c("div", {
                 class: u(n.$style.conversationPreview__external)
               }, [
-                (t(), i(a(e.Unread), { conversation: e.conversation }, null, 8, ["conversation"])),
-                e.enableActions && s.value && !o(r) ? (t(), i(a(e.ConversationActions), l({
+                (o(), i(a(e.Unread), { conversation: e.conversation }, null, 8, ["conversation"])),
+                e.enableActions && s.value && !t(r) ? (o(), i(a(e.ConversationActions), l({
                   key: 0,
                   conversation: e.conversation
-                }, e.actionsConfig, { onClose: d }), null, 16, ["conversation"])) : (t(), i(a(e.LastMessageTimestamp), {
+                }, e.actionsConfig, { onClose: d }), null, 16, ["conversation"])) : (o(), i(a(e.LastMessageTimestamp), {
                   key: 1,
                   conversation: e.conversation
                 }, null, 8, ["conversation"]))
@@ -92,18 +92,18 @@ const ne = /* @__PURE__ */ O({
             ];
           })
         ], 16),
-        o(r) && e.enableActions && s.value ? (t(), i(a(e.ConversationActions), l({
+        t(r) && e.enableActions && s.value ? (o(), i(a(e.ConversationActions), l({
           key: 0,
           conversation: e.conversation
         }, e.actionsConfig, { onClose: d }), null, 16, ["conversation"])) : K("", !0)
       ]);
     };
   }
-}), 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,
+}), oe = "_conversationPreview_29xqv_12", te = "_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: oe,
   "conversationPreview--active": "_conversationPreview--active_29xqv_28",
   "conversationPreview--pin": "_conversationPreview--pin_29xqv_31",
-  conversationPreview__avatar: oe,
+  conversationPreview__avatar: te,
   conversationPreview__content: ie,
   conversationPreview__header: ae,
   conversationPreview__title: se,

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

@@ -276,7 +276,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    select: (conversation: ConversationModel) => void;
+    selectConversation: (conversation: ConversationModel) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ConversationPreviewUIProps>, {
     isSelected: boolean;
     enableActions: boolean;
@@ -550,7 +550,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }>>> & Readonly<{
-    onSelect?: ((conversation: ConversationModel) => any) | undefined;
+    onSelectConversation?: ((conversation: ConversationModel) => any) | undefined;
 }>, {
     Avatar: import('vue').Component<import('../../Avatar').AvatarProps>;
     isSelected: boolean;

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

@@ -53,7 +53,7 @@ const O = /* @__PURE__ */ C({
         actionsConfig: e.actionsConfig,
         className: e.className,
         style: g(e.style),
-        onSelect: f
+        onSelectConversation: f
       }, {
         default: p(() => [
           b(n.$slots, "default")