tuikit-atomicx-vue3 4.4.0-beta.1 → 4.5.0

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

@@ -7,16 +7,16 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     isSelected: boolean;
     enableActions: boolean;
     Avatar: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        size: {
-            type: import('vue').PropType<import('../../Avatar').AvatarSize>;
-            default: string;
-        };
         style: {
             type: import('vue').PropType<import('vue').CSSProperties>;
         };
         onClick: {
             type: import('vue').PropType<() => void>;
         };
+        size: {
+            type: import('vue').PropType<import('../../Avatar').AvatarSize>;
+            default: string;
+        };
         src: {
             type: import('vue').PropType<string>;
         };
@@ -51,16 +51,16 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             type: import('vue').PropType<string>;
         };
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        size: {
-            type: import('vue').PropType<import('../../Avatar').AvatarSize>;
-            default: string;
-        };
         style: {
             type: import('vue').PropType<import('vue').CSSProperties>;
         };
         onClick: {
             type: import('vue').PropType<() => void>;
         };
+        size: {
+            type: import('vue').PropType<import('../../Avatar').AvatarSize>;
+            default: string;
+        };
         src: {
             type: import('vue').PropType<string>;
         };
@@ -276,21 +276,21 @@ 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;
     Avatar: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        size: {
-            type: import('vue').PropType<import('../../Avatar').AvatarSize>;
-            default: string;
-        };
         style: {
             type: import('vue').PropType<import('vue').CSSProperties>;
         };
         onClick: {
             type: import('vue').PropType<() => void>;
         };
+        size: {
+            type: import('vue').PropType<import('../../Avatar').AvatarSize>;
+            default: string;
+        };
         src: {
             type: import('vue').PropType<string>;
         };
@@ -325,16 +325,16 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             type: import('vue').PropType<string>;
         };
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        size: {
-            type: import('vue').PropType<import('../../Avatar').AvatarSize>;
-            default: string;
-        };
         style: {
             type: import('vue').PropType<import('vue').CSSProperties>;
         };
         onClick: {
             type: import('vue').PropType<() => void>;
         };
+        size: {
+            type: import('vue').PropType<import('../../Avatar').AvatarSize>;
+            default: string;
+        };
         src: {
             type: import('vue').PropType<string>;
         };
@@ -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")

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

@@ -39,13 +39,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 onChange: {
                     type: import('vue').PropType<(e: Event) => void>;
                 };
-                placeholder: {
-                    type: import('vue').PropType<string>;
-                };
                 value: {
                     type: import('vue').PropType<string>;
                     default: string;
                 };
+                placeholder: {
+                    type: import('vue').PropType<string>;
+                };
                 className: {
                     type: import('vue').PropType<string>;
                     default: string;
@@ -84,13 +84,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 onChange: {
                     type: import('vue').PropType<(e: Event) => void>;
                 };
-                placeholder: {
-                    type: import('vue').PropType<string>;
-                };
                 value: {
                     type: import('vue').PropType<string>;
                     default: string;
                 };
+                placeholder: {
+                    type: import('vue').PropType<string>;
+                };
                 className: {
                     type: import('vue').PropType<string>;
                     default: string;
@@ -474,13 +474,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 onChange: {
                     type: import('vue').PropType<(e: Event) => void>;
                 };
-                placeholder: {
-                    type: import('vue').PropType<string>;
-                };
                 value: {
                     type: import('vue').PropType<string>;
                     default: string;
                 };
+                placeholder: {
+                    type: import('vue').PropType<string>;
+                };
                 className: {
                     type: import('vue').PropType<string>;
                     default: string;
@@ -519,13 +519,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 onChange: {
                     type: import('vue').PropType<(e: Event) => void>;
                 };
-                placeholder: {
-                    type: import('vue').PropType<string>;
-                };
                 value: {
                     type: import('vue').PropType<string>;
                     default: string;
                 };
+                placeholder: {
+                    type: import('vue').PropType<string>;
+                };
                 className: {
                     type: import('vue').PropType<string>;
                     default: string;
@@ -905,13 +905,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         onChange: {
             type: import('vue').PropType<(e: Event) => void>;
         };
-        placeholder: {
-            type: import('vue').PropType<string>;
-        };
         value: {
             type: import('vue').PropType<string>;
             default: string;
         };
+        placeholder: {
+            type: import('vue').PropType<string>;
+        };
         className: {
             type: import('vue').PropType<string>;
             default: string;
@@ -950,13 +950,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         onChange: {
             type: import('vue').PropType<(e: Event) => void>;
         };
-        placeholder: {
-            type: import('vue').PropType<string>;
-        };
         value: {
             type: import('vue').PropType<string>;
             default: string;
         };
+        placeholder: {
+            type: import('vue').PropType<string>;
+        };
         className: {
             type: import('vue').PropType<string>;
             default: string;
@@ -1027,13 +1027,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 onChange: {
                     type: import('vue').PropType<(e: Event) => void>;
                 };
-                placeholder: {
-                    type: import('vue').PropType<string>;
-                };
                 value: {
                     type: import('vue').PropType<string>;
                     default: string;
                 };
+                placeholder: {
+                    type: import('vue').PropType<string>;
+                };
                 className: {
                     type: import('vue').PropType<string>;
                     default: string;
@@ -1072,13 +1072,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 onChange: {
                     type: import('vue').PropType<(e: Event) => void>;
                 };
-                placeholder: {
-                    type: import('vue').PropType<string>;
-                };
                 value: {
                     type: import('vue').PropType<string>;
                     default: string;
                 };
+                placeholder: {
+                    type: import('vue').PropType<string>;
+                };
                 className: {
                     type: import('vue').PropType<string>;
                     default: string;
@@ -1462,13 +1462,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 onChange: {
                     type: import('vue').PropType<(e: Event) => void>;
                 };
-                placeholder: {
-                    type: import('vue').PropType<string>;
-                };
                 value: {
                     type: import('vue').PropType<string>;
                     default: string;
                 };
+                placeholder: {
+                    type: import('vue').PropType<string>;
+                };
                 className: {
                     type: import('vue').PropType<string>;
                     default: string;
@@ -1507,13 +1507,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 onChange: {
                     type: import('vue').PropType<(e: Event) => void>;
                 };
-                placeholder: {
-                    type: import('vue').PropType<string>;
-                };
                 value: {
                     type: import('vue').PropType<string>;
                     default: string;
                 };
+                placeholder: {
+                    type: import('vue').PropType<string>;
+                };
                 className: {
                     type: import('vue').PropType<string>;
                     default: string;
@@ -1893,13 +1893,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         onChange: {
             type: import('vue').PropType<(e: Event) => void>;
         };
-        placeholder: {
-            type: import('vue').PropType<string>;
-        };
         value: {
             type: import('vue').PropType<string>;
             default: string;
         };
+        placeholder: {
+            type: import('vue').PropType<string>;
+        };
         className: {
             type: import('vue').PropType<string>;
             default: string;
@@ -1938,13 +1938,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         onChange: {
             type: import('vue').PropType<(e: Event) => void>;
         };
-        placeholder: {
-            type: import('vue').PropType<string>;
-        };
         value: {
             type: import('vue').PropType<string>;
             default: string;
         };
+        placeholder: {
+            type: import('vue').PropType<string>;
+        };
         className: {
             type: import('vue').PropType<string>;
             default: string;