tuikit-atomicx-vue3 4.5.1 → 4.5.3

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

@@ -185,6 +185,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                     click: (e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => void;
                     close: () => void;
                     markConversationUnread: (conversation: ConversationModel, e?: Event | undefined) => void;
+                    dropdownVisibleChange: (visible: boolean) => void;
                     conversationPin: (conversation: ConversationModel, e?: Event | undefined) => void;
                     conversationMute: (conversation: ConversationModel, e?: Event | undefined) => void;
                     conversationDelete: (conversation: ConversationModel, e?: Event | undefined) => void;
@@ -246,6 +247,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                     onClick?: ((e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => any) | undefined;
                     onClose?: (() => any) | undefined;
                     onMarkConversationUnread?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                    onDropdownVisibleChange?: ((visible: boolean) => any) | undefined;
                     onConversationPin?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
                     onConversationMute?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
                     onConversationDelete?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
@@ -520,6 +522,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                     click: (e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => void;
                     close: () => void;
                     markConversationUnread: (conversation: ConversationModel, e?: Event | undefined) => void;
+                    dropdownVisibleChange: (visible: boolean) => void;
                     conversationPin: (conversation: ConversationModel, e?: Event | undefined) => void;
                     conversationMute: (conversation: ConversationModel, e?: Event | undefined) => void;
                     conversationDelete: (conversation: ConversationModel, e?: Event | undefined) => void;
@@ -581,6 +584,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                     onClick?: ((e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => any) | undefined;
                     onClose?: (() => any) | undefined;
                     onMarkConversationUnread?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                    onDropdownVisibleChange?: ((visible: boolean) => any) | undefined;
                     onConversationPin?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
                     onConversationMute?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
                     onConversationDelete?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
@@ -850,6 +854,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                 click: (e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => void;
                 close: () => void;
                 markConversationUnread: (conversation: ConversationModel, e?: Event | undefined) => void;
+                dropdownVisibleChange: (visible: boolean) => void;
                 conversationPin: (conversation: ConversationModel, e?: Event | undefined) => void;
                 conversationMute: (conversation: ConversationModel, e?: Event | undefined) => void;
                 conversationDelete: (conversation: ConversationModel, e?: Event | undefined) => void;
@@ -911,6 +916,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                 onClick?: ((e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => any) | undefined;
                 onClose?: (() => any) | undefined;
                 onMarkConversationUnread?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                onDropdownVisibleChange?: ((visible: boolean) => any) | undefined;
                 onConversationPin?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
                 onConversationMute?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
                 onConversationDelete?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
@@ -1160,6 +1166,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         click: (e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => void;
         close: () => void;
         markConversationUnread: (conversation: ConversationModel, e?: Event | undefined) => void;
+        dropdownVisibleChange: (visible: boolean) => void;
         conversationPin: (conversation: ConversationModel, e?: Event | undefined) => void;
         conversationMute: (conversation: ConversationModel, e?: Event | undefined) => void;
         conversationDelete: (conversation: ConversationModel, e?: Event | undefined) => void;
@@ -1221,6 +1228,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         onClick?: ((e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => any) | undefined;
         onClose?: (() => any) | undefined;
         onMarkConversationUnread?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+        onDropdownVisibleChange?: ((visible: boolean) => any) | undefined;
         onConversationPin?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
         onConversationMute?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
         onConversationDelete?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
@@ -1414,6 +1422,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                     click: (e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => void;
                     close: () => void;
                     markConversationUnread: (conversation: ConversationModel, e?: Event | undefined) => void;
+                    dropdownVisibleChange: (visible: boolean) => void;
                     conversationPin: (conversation: ConversationModel, e?: Event | undefined) => void;
                     conversationMute: (conversation: ConversationModel, e?: Event | undefined) => void;
                     conversationDelete: (conversation: ConversationModel, e?: Event | undefined) => void;
@@ -1475,6 +1484,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                     onClick?: ((e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => any) | undefined;
                     onClose?: (() => any) | undefined;
                     onMarkConversationUnread?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                    onDropdownVisibleChange?: ((visible: boolean) => any) | undefined;
                     onConversationPin?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
                     onConversationMute?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
                     onConversationDelete?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
@@ -1749,6 +1759,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                     click: (e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => void;
                     close: () => void;
                     markConversationUnread: (conversation: ConversationModel, e?: Event | undefined) => void;
+                    dropdownVisibleChange: (visible: boolean) => void;
                     conversationPin: (conversation: ConversationModel, e?: Event | undefined) => void;
                     conversationMute: (conversation: ConversationModel, e?: Event | undefined) => void;
                     conversationDelete: (conversation: ConversationModel, e?: Event | undefined) => void;
@@ -1810,6 +1821,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                     onClick?: ((e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => any) | undefined;
                     onClose?: (() => any) | undefined;
                     onMarkConversationUnread?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                    onDropdownVisibleChange?: ((visible: boolean) => any) | undefined;
                     onConversationPin?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
                     onConversationMute?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
                     onConversationDelete?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
@@ -2079,6 +2091,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                 click: (e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => void;
                 close: () => void;
                 markConversationUnread: (conversation: ConversationModel, e?: Event | undefined) => void;
+                dropdownVisibleChange: (visible: boolean) => void;
                 conversationPin: (conversation: ConversationModel, e?: Event | undefined) => void;
                 conversationMute: (conversation: ConversationModel, e?: Event | undefined) => void;
                 conversationDelete: (conversation: ConversationModel, e?: Event | undefined) => void;
@@ -2140,6 +2153,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
                 onClick?: ((e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => any) | undefined;
                 onClose?: (() => any) | undefined;
                 onMarkConversationUnread?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+                onDropdownVisibleChange?: ((visible: boolean) => any) | undefined;
                 onConversationPin?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
                 onConversationMute?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
                 onConversationDelete?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
@@ -2389,6 +2403,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         click: (e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => void;
         close: () => void;
         markConversationUnread: (conversation: ConversationModel, e?: Event | undefined) => void;
+        dropdownVisibleChange: (visible: boolean) => void;
         conversationPin: (conversation: ConversationModel, e?: Event | undefined) => void;
         conversationMute: (conversation: ConversationModel, e?: Event | undefined) => void;
         conversationDelete: (conversation: ConversationModel, e?: Event | undefined) => void;
@@ -2450,6 +2465,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         onClick?: ((e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => any) | undefined;
         onClose?: (() => any) | undefined;
         onMarkConversationUnread?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+        onDropdownVisibleChange?: ((visible: boolean) => any) | undefined;
         onConversationPin?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
         onConversationMute?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
         onConversationDelete?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;

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

@@ -1,4 +1,4 @@
-import { defineComponent as p, computed as v, createElementBlock as _, openBlock as i, normalizeClass as c, Fragment as u, createElementVNode as y, createTextVNode as m, toDisplayString as r, unref as T, createCommentVNode as C } from "vue";
+import { defineComponent as p, computed as v, createElementBlock as _, openBlock as s, normalizeClass as c, Fragment as u, createElementVNode as y, createTextVNode as m, toDisplayString as r, unref as T, createCommentVNode as C } from "vue";
 import { useUIKit as I } from "@tencentcloud/uikit-base-component-vue3";
 import { getLatestMessagePreview as $ } from "./utils.js";
 import { JSONStringToParse as g } from "../../../utils/json.js";
@@ -18,28 +18,28 @@ const h = /* @__PURE__ */ p({
       const { type: e, groupAtInfoList: t } = (o == null ? void 0 : o.conversation) || {};
       if (e !== x.GROUP || !(t != null && t.length))
         return "";
-      const z = [
+      const q = [
         `[${n("TUIConversation.someone_at_me")}]`,
         `[${n("TUIConversation.at_all")}]`,
         `[${n("TUIConversation.at_all")}][${n("TUIConversation.someone_at_me")}]`
       ];
       let f = "";
-      return t.forEach((s) => {
+      return t.forEach((i) => {
         var l;
-        const a = (l = s == null ? void 0 : s.atTypeArray) == null ? void 0 : l[0];
-        a && a >= 1 && a <= 3 && (f = z[a - 1]);
+        const a = (l = i == null ? void 0 : i.atTypeArray) == null ? void 0 : l[0];
+        a && a >= 1 && a <= 3 && (f = q[a - 1]);
       }), f;
     });
-    return (e, t) => (i(), _("div", {
+    return (e, t) => (s(), _("div", {
       class: c(e.$style.conversationPreview__abstract)
     }, [
-      P.value ? (i(), _(u, { key: 0 }, [
+      P.value ? (s(), _(u, { key: 0 }, [
         y("label", {
           class: c(e.$style.conversationPreview__abstract__drafts)
         }, "[" + r(T(n)("TUIConversation.Drafts")) + "]", 3),
         m(" " + r(" ") + " " + r(P.value), 1)
-      ], 64)) : (i(), _(u, { key: 1 }, [
-        w.value ? (i(), _("label", {
+      ], 64)) : (s(), _(u, { key: 1 }, [
+        w.value ? (s(), _("label", {
           key: 0,
           class: c(e.$style["conversationPreview__abstract__at-info"])
         }, r(w.value), 3)) : C("", !0),
@@ -47,10 +47,10 @@ const h = /* @__PURE__ */ p({
       ], 64))
     ], 2));
   }
-}), k = "_conversationPreview_ivuzf_12", M = "_conversationPreview__avatar_ivuzf_34", N = "_conversationPreview__content_ivuzf_38", A = "_conversationPreview__header_ivuzf_42", D = "_conversationPreview__title_ivuzf_48", E = "_conversationPreview__time_ivuzf_58", S = "_conversationPreview__footer_ivuzf_65", V = "_conversationPreview__abstract_ivuzf_70", B = "_conversationPreview__abstract__drafts_ivuzf_79", L = "_conversationPreview__external_ivuzf_85", O = "_conversationPreview__unread_ivuzf_94", F = "_conversationPreview__actions_ivuzf_114", G = {
+}), k = "_conversationPreview_3f9qu_12", M = "_conversationPreview__avatar_3f9qu_34", N = "_conversationPreview__content_3f9qu_38", A = "_conversationPreview__header_3f9qu_42", D = "_conversationPreview__title_3f9qu_48", E = "_conversationPreview__time_3f9qu_58", S = "_conversationPreview__footer_3f9qu_65", V = "_conversationPreview__abstract_3f9qu_70", B = "_conversationPreview__abstract__drafts_3f9qu_79", L = "_conversationPreview__external_3f9qu_85", O = "_conversationPreview__unread_3f9qu_94", z = "_conversationPreview__actions_3f9qu_114", F = {
   conversationPreview: k,
-  "conversationPreview--active": "_conversationPreview--active_ivuzf_28",
-  "conversationPreview--pin": "_conversationPreview--pin_ivuzf_31",
+  "conversationPreview--active": "_conversationPreview--active_3f9qu_28",
+  "conversationPreview--pin": "_conversationPreview--pin_3f9qu_31",
   conversationPreview__avatar: M,
   conversationPreview__content: N,
   conversationPreview__header: A,
@@ -59,14 +59,14 @@ const h = /* @__PURE__ */ p({
   conversationPreview__footer: S,
   conversationPreview__abstract: V,
   conversationPreview__abstract__drafts: B,
-  "conversationPreview__abstract__at-info": "_conversationPreview__abstract__at-info_ivuzf_82",
+  "conversationPreview__abstract__at-info": "_conversationPreview__abstract__at-info_3f9qu_82",
   conversationPreview__external: L,
   conversationPreview__unread: O,
-  "unread-count": "_unread-count_ivuzf_101",
-  conversationPreview__actions: F
-}, J = {
-  $style: G
-}, W = /* @__PURE__ */ U(h, [["__cssModules", J]]);
+  "unread-count": "_unread-count_3f9qu_101",
+  conversationPreview__actions: z
+}, G = {
+  $style: F
+}, W = /* @__PURE__ */ U(h, [["__cssModules", G]]);
 export {
   W as default
 };

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

@@ -1,44 +1,44 @@
-import { defineComponent as r, computed as a, createElementBlock as v, openBlock as s, normalizeClass as c, toDisplayString as w } from "vue";
+import { defineComponent as i, computed as a, createElementBlock as s, openBlock as v, normalizeClass as c, toDisplayString as w } from "vue";
 import { useUIKit as P } from "@tencentcloud/uikit-base-component-vue3";
 import { getTimeStamp as u } from "../../../utils/time.js";
 import { _ as f } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
-const m = /* @__PURE__ */ r({
+const m = /* @__PURE__ */ i({
   __name: "ConversationPreviewTimestamp",
   props: {
     conversation: {}
   },
   setup(t) {
-    const n = t, { language: _ } = P(), i = a(() => {
+    const n = t, { language: _ } = P(), r = a(() => {
       var e, o;
       return u({
         time: Number(((o = (e = n.conversation) == null ? void 0 : e.lastMessage) == null ? void 0 : o.lastTime) || 0) * 1e3,
         language: _.value
       }) || "";
     });
-    return (e, o) => (s(), v("div", {
+    return (e, o) => (v(), s("div", {
       class: c(e.$style.conversationPreview__time)
-    }, w(i.value), 3));
+    }, w(r.value), 3));
   }
-}), l = "_conversationPreview_ivuzf_12", p = "_conversationPreview__avatar_ivuzf_34", d = "_conversationPreview__content_ivuzf_38", z = "_conversationPreview__header_ivuzf_42", b = "_conversationPreview__title_ivuzf_48", g = "_conversationPreview__time_ivuzf_58", x = "_conversationPreview__footer_ivuzf_65", h = "_conversationPreview__abstract_ivuzf_70", y = "_conversationPreview__abstract__drafts_ivuzf_79", M = "_conversationPreview__external_ivuzf_85", T = "_conversationPreview__unread_ivuzf_94", C = "_conversationPreview__actions_ivuzf_114", k = {
+}), l = "_conversationPreview_3f9qu_12", p = "_conversationPreview__avatar_3f9qu_34", d = "_conversationPreview__content_3f9qu_38", q = "_conversationPreview__header_3f9qu_42", b = "_conversationPreview__title_3f9qu_48", g = "_conversationPreview__time_3f9qu_58", x = "_conversationPreview__footer_3f9qu_65", h = "_conversationPreview__abstract_3f9qu_70", y = "_conversationPreview__abstract__drafts_3f9qu_79", M = "_conversationPreview__external_3f9qu_85", T = "_conversationPreview__unread_3f9qu_94", C = "_conversationPreview__actions_3f9qu_114", k = {
   conversationPreview: l,
-  "conversationPreview--active": "_conversationPreview--active_ivuzf_28",
-  "conversationPreview--pin": "_conversationPreview--pin_ivuzf_31",
+  "conversationPreview--active": "_conversationPreview--active_3f9qu_28",
+  "conversationPreview--pin": "_conversationPreview--pin_3f9qu_31",
   conversationPreview__avatar: p,
   conversationPreview__content: d,
-  conversationPreview__header: z,
+  conversationPreview__header: q,
   conversationPreview__title: b,
   conversationPreview__time: g,
   conversationPreview__footer: x,
   conversationPreview__abstract: h,
   conversationPreview__abstract__drafts: y,
-  "conversationPreview__abstract__at-info": "_conversationPreview__abstract__at-info_ivuzf_82",
+  "conversationPreview__abstract__at-info": "_conversationPreview__abstract__at-info_3f9qu_82",
   conversationPreview__external: M,
   conversationPreview__unread: T,
-  "unread-count": "_unread-count_ivuzf_101",
+  "unread-count": "_unread-count_3f9qu_101",
   conversationPreview__actions: C
 }, B = {
   $style: k
-}, I = /* @__PURE__ */ f(m, [["__cssModules", B]]);
+}, E = /* @__PURE__ */ f(m, [["__cssModules", B]]);
 export {
-  I as default
+  E as default
 };

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

@@ -1,35 +1,35 @@
-import { defineComponent as i, computed as r, createElementBlock as v, openBlock as a, normalizeClass as s, toDisplayString as c } from "vue";
+import { defineComponent as r, computed as i, createElementBlock as a, openBlock as s, normalizeClass as v, toDisplayString as c } from "vue";
 import { _ as w } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
-const P = /* @__PURE__ */ i({
+const P = /* @__PURE__ */ r({
   __name: "ConversationPreviewTitle",
   props: {
     conversation: {}
   },
   setup(t) {
-    const n = t, _ = r(() => {
+    const n = t, _ = i(() => {
       var e, o;
       return ((o = (e = n == null ? void 0 : n.conversation) == null ? void 0 : e.getShowName) == null ? void 0 : o.call(e)) || "";
     });
-    return (e, o) => (a(), v("div", {
-      class: s([e.$style.conversationPreview__title, e.$style.textEllipsis])
+    return (e, o) => (s(), a("div", {
+      class: v([e.$style.conversationPreview__title, e.$style.textEllipsis])
     }, c(_.value), 3));
   }
-}), u = "_conversationPreview_ivuzf_12", f = "_conversationPreview__avatar_ivuzf_34", l = "_conversationPreview__content_ivuzf_38", d = "_conversationPreview__header_ivuzf_42", z = "_conversationPreview__title_ivuzf_48", m = "_conversationPreview__time_ivuzf_58", p = "_conversationPreview__footer_ivuzf_65", b = "_conversationPreview__abstract_ivuzf_70", h = "_conversationPreview__abstract__drafts_ivuzf_79", x = "_conversationPreview__external_ivuzf_85", y = "_conversationPreview__unread_ivuzf_94", C = "_conversationPreview__actions_ivuzf_114", $ = {
+}), u = "_conversationPreview_3f9qu_12", f = "_conversationPreview__avatar_3f9qu_34", l = "_conversationPreview__content_3f9qu_38", d = "_conversationPreview__header_3f9qu_42", q = "_conversationPreview__title_3f9qu_48", m = "_conversationPreview__time_3f9qu_58", p = "_conversationPreview__footer_3f9qu_65", b = "_conversationPreview__abstract_3f9qu_70", h = "_conversationPreview__abstract__drafts_3f9qu_79", x = "_conversationPreview__external_3f9qu_85", y = "_conversationPreview__unread_3f9qu_94", C = "_conversationPreview__actions_3f9qu_114", $ = {
   conversationPreview: u,
-  "conversationPreview--active": "_conversationPreview--active_ivuzf_28",
-  "conversationPreview--pin": "_conversationPreview--pin_ivuzf_31",
+  "conversationPreview--active": "_conversationPreview--active_3f9qu_28",
+  "conversationPreview--pin": "_conversationPreview--pin_3f9qu_31",
   conversationPreview__avatar: f,
   conversationPreview__content: l,
   conversationPreview__header: d,
-  conversationPreview__title: z,
+  conversationPreview__title: q,
   conversationPreview__time: m,
   conversationPreview__footer: p,
   conversationPreview__abstract: b,
   conversationPreview__abstract__drafts: h,
-  "conversationPreview__abstract__at-info": "_conversationPreview__abstract__at-info_ivuzf_82",
+  "conversationPreview__abstract__at-info": "_conversationPreview__abstract__at-info_3f9qu_82",
   conversationPreview__external: x,
   conversationPreview__unread: y,
-  "unread-count": "_unread-count_ivuzf_101",
+  "unread-count": "_unread-count_3f9qu_101",
   conversationPreview__actions: C
 }, g = {
   $style: $

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

@@ -1,28 +1,28 @@
-import { defineComponent as V, ref as $, watch as H, createElementBlock as K, openBlock as t, createElementVNode as c, createBlock as i, createCommentVNode as j, mergeProps as l, unref as o, renderSlot as F, normalizeClass as u, resolveDynamicComponent as a } from "vue";
-import _ from "@tencentcloud/chat-uikit-engine";
-import q from "../../Avatar/Avatar.js";
-import G from "./ConversationPreviewAbstract.js";
-import J from "./ConversationPreviewTimestamp.js";
-import Q from "./ConversationPreviewTitle.js";
-import W from "./ConversationPreviewUnread.js";
-import X from "../ConversationActions/ConversationActions.js";
-import { useMouseHover as Z } from "../../../hooks/useMouseHover.js";
-import { useLongPress as x } from "../../../hooks/useLongPress.js";
+import { defineComponent as K, ref as l, watch as j, createElementBlock as F, openBlock as o, createElementVNode as c, createBlock as i, createCommentVNode as z, mergeProps as u, unref as t, renderSlot as G, normalizeClass as _, resolveDynamicComponent as a } from "vue";
+import f from "@tencentcloud/chat-uikit-engine";
+import J from "../../Avatar/Avatar.js";
+import Q from "./ConversationPreviewAbstract.js";
+import W from "./ConversationPreviewTimestamp.js";
+import X from "./ConversationPreviewTitle.js";
+import Z from "./ConversationPreviewUnread.js";
+import x from "../ConversationActions/ConversationActions.js";
+import { useMouseHover as p } from "../../../hooks/useMouseHover.js";
+import { useLongPress as ee } from "../../../hooks/useLongPress.js";
 import { isH5 as s } 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__ */ V({
+import { useConversationListState as ne } from "../../../states/ConversationListState/ConversationListState.js";
+import { _ as oe } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const te = /* @__PURE__ */ K({
   __name: "ConversationPreviewUI",
   props: {
     conversation: {},
     isSelected: { type: Boolean, default: !1 },
     enableActions: { type: Boolean, default: !0 },
-    Avatar: { type: [Object, Function], default: () => q },
-    Title: { default: () => Q },
-    LastMessageAbstract: { default: () => G },
-    LastMessageTimestamp: { default: () => J },
-    Unread: { default: () => W },
-    ConversationActions: { type: [Object, Function], default: () => X },
+    Avatar: { type: [Object, Function], default: () => J },
+    Title: { default: () => X },
+    LastMessageAbstract: { default: () => Q },
+    LastMessageTimestamp: { default: () => W },
+    Unread: { default: () => Z },
+    ConversationActions: { type: [Object, Function], default: () => x },
     onSelectConversation: {},
     actionsConfig: {},
     className: {},
@@ -30,61 +30,70 @@ const ne = /* @__PURE__ */ V({
     children: {}
   },
   emits: ["selectConversation"],
-  setup(e, { emit: N }) {
-    const f = e, h = N, { activeConversation: R, setActiveConversation: S } = p(), P = $(), r = $(!1), { isHovered: I } = Z(P), { getEventHandlers: Y } = x(() => {
+  setup(e, { emit: R }) {
+    const P = e, S = R, { activeConversation: I, setActiveConversation: O } = ne(), d = l(), r = l(!1), w = l(!1), { isHovered: m } = p(d), { getEventHandlers: V } = ee(() => {
       s && (r.value = !0);
-    }), B = Y();
-    H(I, (n) => {
-      s || (r.value = n);
+    }), Y = V();
+    j(m, (n) => {
+      if (!s) {
+        if (!n && w.value)
+          return;
+        r.value = n;
+      }
     });
-    const O = () => {
-      h("selectConversation", f.conversation), S(f.conversation.conversationID);
-    }, d = () => {
+    const B = () => {
+      S("selectConversation", P.conversation), O(P.conversation.conversationID);
+    }, C = () => {
       r.value = !1;
+    }, H = (n) => {
+      console.log("[ConversationPreview] dropdown visible changed:", n), w.value = n, !n && !m.value && (r.value = !1);
     };
-    return (n, me) => {
-      var m, w, C, A, y, M, b, z;
-      return t(), K("div", null, [
-        c("div", l({
+    return (n, Ce) => {
+      var A, y, g, b, M, q, D, E;
+      return o(), F("div", null, [
+        c("div", u({
           ref_key: "conversationPreviewRef",
-          ref: P,
+          ref: d,
           class: [
             n.$style.conversationPreview,
             e.className,
-            o(s) && [n.$style["conversationPreview--mobile"]],
-            (e.isSelected || ((m = e.conversation) == null ? void 0 : m.conversationID) === ((w = o(R)) == null ? void 0 : w.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(_).TYPES.CONV_MARK_TYPE_UNREAD))) && [n.$style["conversationPreview--unread"]],
-            ((b = e.conversation) == null ? void 0 : b.isPinned) && [n.$style["conversationPreview--pin"]],
-            ((z = e.conversation) == null ? void 0 : z.isMuted) && [n.$style["conversationPreview--mute"]]
+            t(s) && [n.$style["conversationPreview--mobile"]],
+            (e.isSelected || ((A = e.conversation) == null ? void 0 : A.conversationID) === ((y = t(I)) == null ? void 0 : y.conversationID)) && [n.$style["conversationPreview--active"]],
+            !((g = e.conversation) != null && g.isMuted) && (((b = e.conversation) == null ? void 0 : b.unreadCount) > 0 || ((q = (M = e.conversation) == null ? void 0 : M.markList) == null ? void 0 : q.includes(t(f).TYPES.CONV_MARK_TYPE_UNREAD))) && [n.$style["conversationPreview--unread"]],
+            ((D = e.conversation) == null ? void 0 : D.isPinned) && [n.$style["conversationPreview--pin"]],
+            ((E = e.conversation) == null ? void 0 : E.isMuted) && [n.$style["conversationPreview--mute"]]
           ],
           style: e.style
-        }, o(B), { onClick: O }), [
-          F(n.$slots, "default", {}, () => {
-            var v, g, E, D, T, k, L, U;
+        }, t(Y), { onClick: B }), [
+          G(n.$slots, "default", {}, () => {
+            var v, h, T, k, L, U, $, N;
             return [
               c("div", {
-                class: u(n.$style.conversationPreview__avatar)
+                class: _(n.$style.conversationPreview__avatar)
               }, [
-                (t(), i(a(e.Avatar), {
-                  src: (g = (v = e.conversation) == null ? void 0 : v.getAvatar) == null ? void 0 : g.call(v),
-                  unreadCount: (E = e.conversation) != null && E.isMuted && ((T = (D = e.conversation) == null ? void 0 : D.markList) != null && T.includes(o(_).TYPES.CONV_MARK_TYPE_UNREAD)) ? 1 : void 0,
-                  isDotUnreadCount: ((k = e.conversation) == null ? void 0 : k.isMuted) && ((U = (L = e.conversation) == null ? void 0 : L.markList) == null ? void 0 : U.includes(o(_).TYPES.CONV_MARK_TYPE_UNREAD))
+                (o(), i(a(e.Avatar), {
+                  src: (h = (v = e.conversation) == null ? void 0 : v.getAvatar) == null ? void 0 : h.call(v),
+                  unreadCount: (T = e.conversation) != null && T.isMuted && ((L = (k = e.conversation) == null ? void 0 : k.markList) != null && L.includes(t(f).TYPES.CONV_MARK_TYPE_UNREAD)) ? 1 : void 0,
+                  isDotUnreadCount: ((U = e.conversation) == null ? void 0 : U.isMuted) && ((N = ($ = e.conversation) == null ? void 0 : $.markList) == null ? void 0 : N.includes(t(f).TYPES.CONV_MARK_TYPE_UNREAD))
                 }, null, 8, ["src", "unreadCount", "isDotUnreadCount"]))
               ], 2),
               c("div", {
-                class: u(n.$style.conversationPreview__content)
+                class: _(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)
+                class: _(n.$style.conversationPreview__external)
               }, [
-                (t(), i(a(e.Unread), { conversation: e.conversation }, null, 8, ["conversation"])),
-                e.enableActions && r.value && !o(s) ? (t(), i(a(e.ConversationActions), l({
+                (o(), i(a(e.Unread), { conversation: e.conversation }, null, 8, ["conversation"])),
+                e.enableActions && r.value && !t(s) ? (o(), i(a(e.ConversationActions), u({
                   key: 0,
                   conversation: e.conversation
-                }, e.actionsConfig, { onClose: d }), null, 16, ["conversation"])) : (t(), i(a(e.LastMessageTimestamp), {
+                }, e.actionsConfig, {
+                  onClose: C,
+                  onDropdownVisibleChange: H
+                }), null, 16, ["conversation"])) : (o(), i(a(e.LastMessageTimestamp), {
                   key: 1,
                   conversation: e.conversation
                 }, null, 8, ["conversation"]))
@@ -92,33 +101,33 @@ const ne = /* @__PURE__ */ V({
             ];
           })
         ], 16),
-        o(s) && e.enableActions && r.value ? (t(), i(a(e.ConversationActions), l({
+        t(s) && e.enableActions && r.value ? (o(), i(a(e.ConversationActions), u({
           key: 0,
           conversation: e.conversation
-        }, e.actionsConfig, { onClose: d }), null, 16, ["conversation"])) : j("", !0)
+        }, e.actionsConfig, { onClose: C }), null, 16, ["conversation"])) : z("", !0)
       ]);
     };
   }
-}), te = "_conversationPreview_ivuzf_12", oe = "_conversationPreview__avatar_ivuzf_34", ie = "_conversationPreview__content_ivuzf_38", ae = "_conversationPreview__header_ivuzf_42", re = "_conversationPreview__title_ivuzf_48", se = "_conversationPreview__time_ivuzf_58", ve = "_conversationPreview__footer_ivuzf_65", ce = "_conversationPreview__abstract_ivuzf_70", le = "_conversationPreview__abstract__drafts_ivuzf_79", ue = "_conversationPreview__external_ivuzf_85", _e = "_conversationPreview__unread_ivuzf_94", fe = "_conversationPreview__actions_ivuzf_114", Pe = {
-  conversationPreview: te,
-  "conversationPreview--active": "_conversationPreview--active_ivuzf_28",
-  "conversationPreview--pin": "_conversationPreview--pin_ivuzf_31",
-  conversationPreview__avatar: oe,
-  conversationPreview__content: ie,
-  conversationPreview__header: ae,
-  conversationPreview__title: re,
-  conversationPreview__time: se,
-  conversationPreview__footer: ve,
-  conversationPreview__abstract: ce,
-  conversationPreview__abstract__drafts: le,
-  "conversationPreview__abstract__at-info": "_conversationPreview__abstract__at-info_ivuzf_82",
-  conversationPreview__external: ue,
-  conversationPreview__unread: _e,
-  "unread-count": "_unread-count_ivuzf_101",
-  conversationPreview__actions: fe
-}, de = {
-  $style: Pe
-}, Ue = /* @__PURE__ */ ee(ne, [["__cssModules", de]]);
+}), ie = "_conversationPreview_3f9qu_12", ae = "_conversationPreview__avatar_3f9qu_34", re = "_conversationPreview__content_3f9qu_38", se = "_conversationPreview__header_3f9qu_42", ve = "_conversationPreview__title_3f9qu_48", ce = "_conversationPreview__time_3f9qu_58", le = "_conversationPreview__footer_3f9qu_65", ue = "_conversationPreview__abstract_3f9qu_70", _e = "_conversationPreview__abstract__drafts_3f9qu_79", fe = "_conversationPreview__external_3f9qu_85", Pe = "_conversationPreview__unread_3f9qu_94", de = "_conversationPreview__actions_3f9qu_114", we = {
+  conversationPreview: ie,
+  "conversationPreview--active": "_conversationPreview--active_3f9qu_28",
+  "conversationPreview--pin": "_conversationPreview--pin_3f9qu_31",
+  conversationPreview__avatar: ae,
+  conversationPreview__content: re,
+  conversationPreview__header: se,
+  conversationPreview__title: ve,
+  conversationPreview__time: ce,
+  conversationPreview__footer: le,
+  conversationPreview__abstract: ue,
+  conversationPreview__abstract__drafts: _e,
+  "conversationPreview__abstract__at-info": "_conversationPreview__abstract__at-info_3f9qu_82",
+  conversationPreview__external: fe,
+  conversationPreview__unread: Pe,
+  "unread-count": "_unread-count_3f9qu_101",
+  conversationPreview__actions: de
+}, me = {
+  $style: we
+}, $e = /* @__PURE__ */ oe(te, [["__cssModules", me]]);
 export {
-  Ue as default
+  $e as default
 };

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

@@ -161,6 +161,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         click: (e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => void;
         close: () => void;
         markConversationUnread: (conversation: ConversationModel, e?: Event | undefined) => void;
+        dropdownVisibleChange: (visible: boolean) => void;
         conversationPin: (conversation: ConversationModel, e?: Event | undefined) => void;
         conversationMute: (conversation: ConversationModel, e?: Event | undefined) => void;
         conversationDelete: (conversation: ConversationModel, e?: Event | undefined) => void;
@@ -222,6 +223,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         onClick?: ((e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => any) | undefined;
         onClose?: (() => any) | undefined;
         onMarkConversationUnread?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+        onDropdownVisibleChange?: ((visible: boolean) => any) | undefined;
         onConversationPin?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
         onConversationMute?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
         onConversationDelete?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
@@ -435,6 +437,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         click: (e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => void;
         close: () => void;
         markConversationUnread: (conversation: ConversationModel, e?: Event | undefined) => void;
+        dropdownVisibleChange: (visible: boolean) => void;
         conversationPin: (conversation: ConversationModel, e?: Event | undefined) => void;
         conversationMute: (conversation: ConversationModel, e?: Event | undefined) => void;
         conversationDelete: (conversation: ConversationModel, e?: Event | undefined) => void;
@@ -496,6 +499,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         onClick?: ((e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => any) | undefined;
         onClose?: (() => any) | undefined;
         onMarkConversationUnread?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+        onDropdownVisibleChange?: ((visible: boolean) => any) | undefined;
         onConversationPin?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
         onConversationMute?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
         onConversationDelete?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;