tuikit-atomicx-vue3 3.3.0-beta.3 → 3.3.1

package/dist/components/ContactList/index.d.ts

@@ -49,28 +49,36 @@ declare const ContactInfo: import('vue').DefineComponent<import('vue').ExtractPr
         type: import('vue').PropType<import('../..').ContactGroupItem>;
     };
     PlaceholderEmpty: {
-        type: import('vue').PropType<any>;
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
     };
     FriendInfoComponent: {
-        type: import('vue').PropType<any>;
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
     };
     GroupInfoComponent: {
-        type: import('vue').PropType<any>;
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
     };
     BlacklistInfoComponent: {
-        type: import('vue').PropType<any>;
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
     };
     FriendApplicationInfoComponent: {
-        type: import('vue').PropType<any>;
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
     };
     GroupApplicationInfoComponent: {
-        type: import('vue').PropType<any>;
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
     };
     SearchGroupInfoComponent: {
-        type: import('vue').PropType<any>;
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
     };
     SearchUserInfoComponent: {
-        type: import('vue').PropType<any>;
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
     };
     onSendMessage: {
         type: import('vue').PropType<(friend: import('../..').Friend) => void>;
@@ -122,7 +130,7 @@ declare const ContactInfo: import('vue').DefineComponent<import('vue').ExtractPr
     joinGroup: (data: import('@tencentcloud/chat-uikit-engine').IGroupModel, note: string) => void;
     dismissGroup: (data: import('@tencentcloud/chat-uikit-engine').IGroupModel) => void;
     friendApplicationAction: (action: "accept" | "refuse", application: import('../..').FriendApplication) => void;
-    updateFriendRemark: (data: import('../..').Friend) => void;
+    updateFriendRemark: (data: import('../..').Friend, remark: string) => void;
     groupApplicationAction: (action: "accept" | "refuse", application: import('../..').GroupApplication) => void;
     enterGroup: (data: import('@tencentcloud/chat-uikit-engine').IGroupModel) => void;
     leaveGroup: (data: import('@tencentcloud/chat-uikit-engine').IGroupModel) => void;
@@ -134,28 +142,36 @@ declare const ContactInfo: import('vue').DefineComponent<import('vue').ExtractPr
         type: import('vue').PropType<import('../..').ContactGroupItem>;
     };
     PlaceholderEmpty: {
-        type: import('vue').PropType<any>;
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
     };
     FriendInfoComponent: {
-        type: import('vue').PropType<any>;
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
     };
     GroupInfoComponent: {
-        type: import('vue').PropType<any>;
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
     };
     BlacklistInfoComponent: {
-        type: import('vue').PropType<any>;
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
     };
     FriendApplicationInfoComponent: {
-        type: import('vue').PropType<any>;
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
     };
     GroupApplicationInfoComponent: {
-        type: import('vue').PropType<any>;
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
     };
     SearchGroupInfoComponent: {
-        type: import('vue').PropType<any>;
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
     };
     SearchUserInfoComponent: {
-        type: import('vue').PropType<any>;
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
     };
     onSendMessage: {
         type: import('vue').PropType<(friend: import('../..').Friend) => void>;
@@ -207,11 +223,19 @@ declare const ContactInfo: import('vue').DefineComponent<import('vue').ExtractPr
     onJoinGroup?: ((data: import('@tencentcloud/chat-uikit-engine').IGroupModel, note: string) => any) | undefined;
     onDismissGroup?: ((data: import('@tencentcloud/chat-uikit-engine').IGroupModel) => any) | undefined;
     onFriendApplicationAction?: ((action: "accept" | "refuse", application: import('../..').FriendApplication) => any) | undefined;
-    onUpdateFriendRemark?: ((data: import('../..').Friend) => any) | undefined;
+    onUpdateFriendRemark?: ((data: import('../..').Friend, remark: string) => any) | undefined;
     onGroupApplicationAction?: ((action: "accept" | "refuse", application: import('../..').GroupApplication) => any) | undefined;
     onEnterGroup?: ((data: import('@tencentcloud/chat-uikit-engine').IGroupModel) => any) | undefined;
     onLeaveGroup?: ((data: import('@tencentcloud/chat-uikit-engine').IGroupModel) => any) | undefined;
 }>, {
+    PlaceholderEmpty: import('vue').Component;
+    FriendInfoComponent: import('vue').Component;
+    GroupInfoComponent: import('vue').Component;
+    BlacklistInfoComponent: import('vue').Component;
+    FriendApplicationInfoComponent: import('vue').Component;
+    GroupApplicationInfoComponent: import('vue').Component;
+    SearchGroupInfoComponent: import('vue').Component;
+    SearchUserInfoComponent: import('vue').Component;
     showActions: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const ContactList: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -240,16 +264,68 @@ declare const ContactList: import('vue').DefineComponent<import('vue').ExtractPr
         default: undefined;
     };
     ContactItem: {
-        type: import('vue').PropType<any>;
+        type: import('vue').PropType<import('vue').Component>;
+        default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            onClick: {
+                type: import('vue').PropType<(type: import('../..').ContactItemType, item: import('../..').ContactItem) => void>;
+            };
+            contactItem: {
+                type: import('vue').PropType<import('../..').ContactGroupItem>;
+                required: true;
+            };
+            onFriendApplicationAction: {
+                type: import('vue').PropType<(action: "accept" | "refuse", application: import('../..').FriendApplication) => void>;
+            };
+            onGroupApplicationAction: {
+                type: import('vue').PropType<(action: "accept" | "refuse", application: import('../..').GroupApplication) => void>;
+            };
+            activeContactItem: {
+                type: import('vue').PropType<import('../..').ContactGroupItem>;
+            };
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            click: (type: import('../..').ContactItemType, item: any) => void;
+            "friend-application-action": (action: "accept" | "refuse", application: import('../..').FriendApplication) => void;
+            "group-application-action": (action: "accept" | "refuse", application: import('../..').GroupApplication) => void;
+        }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            onClick: {
+                type: import('vue').PropType<(type: import('../..').ContactItemType, item: import('../..').ContactItem) => void>;
+            };
+            contactItem: {
+                type: import('vue').PropType<import('../..').ContactGroupItem>;
+                required: true;
+            };
+            onFriendApplicationAction: {
+                type: import('vue').PropType<(action: "accept" | "refuse", application: import('../..').FriendApplication) => void>;
+            };
+            onGroupApplicationAction: {
+                type: import('vue').PropType<(action: "accept" | "refuse", application: import('../..').GroupApplication) => void>;
+            };
+            activeContactItem: {
+                type: import('vue').PropType<import('../..').ContactGroupItem>;
+            };
+        }>> & Readonly<{
+            onClick?: ((type: import('../..').ContactItemType, item: any) => any) | undefined;
+            "onFriend-application-action"?: ((action: "accept" | "refuse", application: import('../..').FriendApplication) => any) | undefined;
+            "onGroup-application-action"?: ((action: "accept" | "refuse", application: import('../..').GroupApplication) => any) | undefined;
+        }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     };
     ContactSearchComponent: {
-        type: import('vue').PropType<any>;
+        type: import('vue').PropType<import('vue').Component>;
+        default: () => import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "result-click": (item: any) => void;
+            "keyword-change": (keyword: string) => void;
+        }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+            "onResult-click"?: ((item: any) => any) | undefined;
+            "onKeyword-change"?: ((keyword: string) => any) | undefined;
+        }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     };
     GroupHeader: {
-        type: import('vue').PropType<any>;
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
     };
     PlaceholderEmptyList: {
-        type: import('vue').PropType<any>;
+        type: import('vue').PropType<import('vue').Component>;
+        default: () => undefined;
     };
     onContactItemClick: {
         type: import('vue').PropType<(item: import('../..').ContactGroupItem) => void>;
@@ -284,16 +360,68 @@ declare const ContactList: import('vue').DefineComponent<import('vue').ExtractPr
         default: undefined;
     };
     ContactItem: {
-        type: import('vue').PropType<any>;
+        type: import('vue').PropType<import('vue').Component>;
+        default: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            onClick: {
+                type: import('vue').PropType<(type: import('../..').ContactItemType, item: import('../..').ContactItem) => void>;
+            };
+            contactItem: {
+                type: import('vue').PropType<import('../..').ContactGroupItem>;
+                required: true;
+            };
+            onFriendApplicationAction: {
+                type: import('vue').PropType<(action: "accept" | "refuse", application: import('../..').FriendApplication) => void>;
+            };
+            onGroupApplicationAction: {
+                type: import('vue').PropType<(action: "accept" | "refuse", application: import('../..').GroupApplication) => void>;
+            };
+            activeContactItem: {
+                type: import('vue').PropType<import('../..').ContactGroupItem>;
+            };
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            click: (type: import('../..').ContactItemType, item: any) => void;
+            "friend-application-action": (action: "accept" | "refuse", application: import('../..').FriendApplication) => void;
+            "group-application-action": (action: "accept" | "refuse", application: import('../..').GroupApplication) => void;
+        }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            onClick: {
+                type: import('vue').PropType<(type: import('../..').ContactItemType, item: import('../..').ContactItem) => void>;
+            };
+            contactItem: {
+                type: import('vue').PropType<import('../..').ContactGroupItem>;
+                required: true;
+            };
+            onFriendApplicationAction: {
+                type: import('vue').PropType<(action: "accept" | "refuse", application: import('../..').FriendApplication) => void>;
+            };
+            onGroupApplicationAction: {
+                type: import('vue').PropType<(action: "accept" | "refuse", application: import('../..').GroupApplication) => void>;
+            };
+            activeContactItem: {
+                type: import('vue').PropType<import('../..').ContactGroupItem>;
+            };
+        }>> & Readonly<{
+            onClick?: ((type: import('../..').ContactItemType, item: any) => any) | undefined;
+            "onFriend-application-action"?: ((action: "accept" | "refuse", application: import('../..').FriendApplication) => any) | undefined;
+            "onGroup-application-action"?: ((action: "accept" | "refuse", application: import('../..').GroupApplication) => any) | undefined;
+        }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     };
     ContactSearchComponent: {
-        type: import('vue').PropType<any>;
+        type: import('vue').PropType<import('vue').Component>;
+        default: () => import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "result-click": (item: any) => void;
+            "keyword-change": (keyword: string) => void;
+        }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+            "onResult-click"?: ((item: any) => any) | undefined;
+            "onKeyword-change"?: ((keyword: string) => any) | undefined;
+        }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     };
     GroupHeader: {
-        type: import('vue').PropType<any>;
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
     };
     PlaceholderEmptyList: {
-        type: import('vue').PropType<any>;
+        type: import('vue').PropType<import('vue').Component>;
+        default: () => undefined;
     };
     onContactItemClick: {
         type: import('vue').PropType<(item: import('../..').ContactGroupItem) => void>;
@@ -306,5 +434,9 @@ declare const ContactList: import('vue').DefineComponent<import('vue').ExtractPr
     enableSearch: boolean;
     searchPlaceholder: string;
     emptyText: string;
+    ContactItem: import('vue').Component;
+    ContactSearchComponent: import('vue').Component;
+    GroupHeader: import('vue').Component;
+    PlaceholderEmptyList: import('vue').Component;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export { ContactList, ContactListItem, ContactInfo, };

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

@@ -158,10 +158,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           default: withCtx(() => [
             createElementVNode("div", {
-              class: normalizeClass(_ctx.$style.conversationActions__popupIcon),
+              class: normalizeClass(_ctx.$style["conversationActions__popup-icon"]),
               onClick: toggleClick
             }, [
-              createVNode(unref(IconEllipsis))
+              createVNode(unref(IconEllipsis), { size: "18px" })
             ], 2)
           ]),
           _: 1
@@ -170,18 +170,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const conversationActions = "_conversationActions_1whlo_1";
-const conversationActions__h5 = "_conversationActions__h5_1whlo_18";
-const conversationActions__h5__container = "_conversationActions__h5__container_1whlo_30";
-const conversationActions__item = "_conversationActions__item_1whlo_35";
+const conversationActions = "_conversationActions_qrz2h_1";
+const conversationActions__h5 = "_conversationActions__h5_qrz2h_10";
+const conversationActions__h5__container = "_conversationActions__h5__container_qrz2h_22";
+const conversationActions__item = "_conversationActions__item_qrz2h_27";
 const style0 = {
   conversationActions,
-  "conversationActions__popup-icon": "_conversationActions__popup-icon_1whlo_4",
-  "more-icon": "_more-icon_1whlo_13",
+  "conversationActions__popup-icon": "_conversationActions__popup-icon_qrz2h_5",
   conversationActions__h5,
   conversationActions__h5__container,
   conversationActions__item,
-  "conversationActions__item--delete": "_conversationActions__item--delete_1whlo_60"
+  "conversationActions__item--delete": "_conversationActions__item--delete_qrz2h_52"
 };
 const cssModules = {
   "$style": style0

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

@@ -180,6 +180,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, [
         createVNode(ConversationCreateButton, { onClick: openCreateConversation }),
         createVNode(unref(TUIDialog), {
+          appendTo: "body",
           visible: showCreateConversation.value,
           title: dialogTitles.value,
           "confirm-text": dialogConfirmText.value,
@@ -211,7 +212,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ConversationCreateComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bdcdab3b"]]);
+const ConversationCreateComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-87d3c1d2"]]);
 export {
   ConversationCreateComponent as default
 };

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

@@ -120,16 +120,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const conversationCreateGroupDetail = "_conversationCreateGroupDetail_198df_1";
-const conversationCreateGroupDetail__nextContainer = "_conversationCreateGroupDetail__nextContainer_198df_9";
-const conversationCreateGroupDetail__next = "_conversationCreateGroupDetail__next_198df_9";
-const conversationCreateGroupDetail__main = "_conversationCreateGroupDetail__main_198df_23";
-const conversationCreateGroupDetail__box = "_conversationCreateGroupDetail__box_198df_40";
-const conversationCreateGroupDetail__inputText = "_conversationCreateGroupDetail__inputText_198df_48";
-const from__label = "_from__label_198df_54";
+const conversationCreateGroupDetail = "_conversationCreateGroupDetail_2btfa_1";
+const conversationCreateGroupDetail__nextContainer = "_conversationCreateGroupDetail__nextContainer_2btfa_9";
+const conversationCreateGroupDetail__next = "_conversationCreateGroupDetail__next_2btfa_9";
+const conversationCreateGroupDetail__main = "_conversationCreateGroupDetail__main_2btfa_23";
+const conversationCreateGroupDetail__box = "_conversationCreateGroupDetail__box_2btfa_40";
+const conversationCreateGroupDetail__inputText = "_conversationCreateGroupDetail__inputText_2btfa_48";
+const from__label = "_from__label_2btfa_54";
 const style0 = {
   conversationCreateGroupDetail,
-  "conversationCreateGroupDetail--h5": "_conversationCreateGroupDetail--h5_198df_6",
+  "conversationCreateGroupDetail--h5": "_conversationCreateGroupDetail--h5_2btfa_6",
   conversationCreateGroupDetail__nextContainer,
   conversationCreateGroupDetail__next,
   conversationCreateGroupDetail__main,

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

@@ -1,8 +1,7 @@
 import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref, createVNode } from "vue";
 import { isH5 } from "../../../../utils/env.js";
-import "../../../UserPicker/index.js";
+import { UserPicker } from "../../../UserPicker/index.js";
 import { useContactListState } from "../../../../states/ContactListState/ContactListState.js";
-import UserPicker from "../../../UserPicker/UserPicker.js";
 import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ConversationCreateUserSelectList",

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

@@ -65,17 +65,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const conversationGroupTypeInfo = "_conversationGroupTypeInfo_btocv_1";
-const conversationGroupTypeInfo__box = "_conversationGroupTypeInfo__box_btocv_19";
-const conversationGroupTypeInfo__header = "_conversationGroupTypeInfo__header_btocv_35";
-const conversationGroupTypeInfo__title = "_conversationGroupTypeInfo__title_btocv_40";
-const conversationGroupTypeInfo__description = "_conversationGroupTypeInfo__description_btocv_46";
-const conversationGroupTypeInfo__document = "_conversationGroupTypeInfo__document_btocv_52";
-const conversationGroupTypeInfo__activeIcon = "_conversationGroupTypeInfo__activeIcon_btocv_60";
+const conversationGroupTypeInfo = "_conversationGroupTypeInfo_5gwpz_1";
+const conversationGroupTypeInfo__box = "_conversationGroupTypeInfo__box_5gwpz_19";
+const conversationGroupTypeInfo__header = "_conversationGroupTypeInfo__header_5gwpz_35";
+const conversationGroupTypeInfo__title = "_conversationGroupTypeInfo__title_5gwpz_40";
+const conversationGroupTypeInfo__description = "_conversationGroupTypeInfo__description_5gwpz_46";
+const conversationGroupTypeInfo__document = "_conversationGroupTypeInfo__document_5gwpz_52";
+const conversationGroupTypeInfo__activeIcon = "_conversationGroupTypeInfo__activeIcon_5gwpz_60";
 const style0 = {
   conversationGroupTypeInfo,
   conversationGroupTypeInfo__box,
-  "conversationGroupTypeInfo__box--active": "_conversationGroupTypeInfo__box--active_btocv_32",
+  "conversationGroupTypeInfo__box--active": "_conversationGroupTypeInfo__box--active_5gwpz_32",
   conversationGroupTypeInfo__header,
   conversationGroupTypeInfo__title,
   conversationGroupTypeInfo__description,

package/dist/components/ConversationList/ConversationList.js

@@ -1,6 +1,5 @@
 import { defineComponent, ref, computed, watch, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createBlock, createCommentVNode, resolveDynamicComponent, withCtx, Fragment, renderList } from "vue";
 import Avatar from "../Avatar/Avatar.js";
-import ConversationPlaceHolder from "./ConversationPlaceHolder/ConversationPlaceHolder.js";
 import { useConversation } from "./hooks/useConversation.js";
 import ConversationActionsComponent from "./ConversationActions/ConversationActions.js";
 import ConversationSearchComponent from "./ConversationSearch/ConversationSearch.js";
@@ -9,7 +8,6 @@ import ConversationPreviewUIComponent from "./ConversationPreview/ConversationPr
 import ConversationListContentComponent from "./ConversationListContent/ConversationListContent.js";
 import ConversationListHeaderComponent from "./ConversationListHeader/ConversationListHeader.js";
 import { ConversationPreview as _sfc_main$1 } from "./ConversationPreview/index.js";
-import { PlaceHolderTypes } from "../../types/conversation.js";
 import { useConversationListState } from "../../states/ConversationListState/ConversationListState.js";
 import { isH5 } from "../../utils/env.js";
 import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
@@ -27,18 +25,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     ConversationCreate: { type: [Object, Function], default: () => ConversationCreateComponent },
     ConversationSearch: { default: () => ConversationSearchComponent },
     ConversationActions: { type: [Object, Function], default: () => ConversationActionsComponent },
-    PlaceholderEmptyList: { default: () => ({
-      component: ConversationPlaceHolder,
-      props: { type: PlaceHolderTypes.NO_CONVERSATIONS }
-    }) },
-    PlaceholderLoading: { default: () => ({
-      component: ConversationPlaceHolder,
-      props: { type: PlaceHolderTypes.LOADING }
-    }) },
-    PlaceholderLoadError: { default: () => ({
-      component: ConversationPlaceHolder,
-      props: { type: PlaceHolderTypes.WRONG }
-    }) },
+    PlaceholderEmptyList: { default: void 0 },
+    PlaceholderLoading: { default: void 0 },
+    PlaceholderLoadError: { default: void 0 },
     Avatar: { type: [Object, Function], default: () => Avatar },
     filter: {},
     sort: {},
@@ -53,8 +42,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const {
-      filter,
-      sort,
       enableActions,
       actionsConfig: propActionsConfig,
       enableCreate: propEnableCreate,
@@ -70,21 +57,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return [];
       }
       let _conversationList = conversationList2.value;
-      if (filter && typeof filter === "function") {
-        _conversationList = filter(_conversationList);
+      if (props.filter && typeof props.filter === "function") {
+        _conversationList = props.filter(_conversationList);
       }
-      if (sort && typeof sort === "function") {
-        _conversationList = sort(_conversationList);
+      if (props.sort && typeof props.sort === "function") {
+        _conversationList = props.sort(_conversationList);
       }
       return _conversationList;
     });
     const isCreateModelShow = ref(false);
-    const actionsConfig = ref({
-      enableDelete: true,
-      enableMute: true,
-      enableMarkUnread: true,
-      enablePin: true
-    });
+    const actionsConfig = ref({});
     const enableCreate = computed(() => propEnableCreate);
     const enableSearch = computed(() => propEnableSearch);
     setEnableCreate(enableCreate.value);
@@ -93,12 +75,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       () => [propActionsConfig, conversationActionList.value],
       ([newActionsConfig, newConversationActionList]) => {
         if (!newActionsConfig && !newConversationActionList) {
-          actionsConfig.value = {
-            enableDelete: true,
-            enableMute: true,
-            enableMarkUnread: true,
-            enablePin: true
-          };
           return;
         }
         if (newActionsConfig) {
@@ -165,9 +141,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           empty: renderConversationList.value.length === 0,
           loading: !unref(conversationList2),
           error: false,
-          "placeholder-empty-list": _ctx.PlaceholderEmptyList,
-          "placeholder-loading": _ctx.PlaceholderLoading,
-          "placeholder-load-error": _ctx.PlaceholderLoadError
+          PlaceholderEmptyList: _ctx.PlaceholderEmptyList,
+          PlaceholderLoading: _ctx.PlaceholderLoading,
+          PlaceholderLoadError: _ctx.PlaceholderLoadError
         }, {
           default: withCtx(() => [
             (openBlock(true), createElementBlock(Fragment, null, renderList(renderConversationList.value, (conversation) => {
@@ -175,25 +151,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 key: conversation.conversationID,
                 conversation,
                 "enable-actions": unref(enableActions),
-                avatar: _ctx.Avatar,
-                preview: _ctx.Preview,
-                "conversation-actions": _ctx.ConversationActions,
+                Avatar: _ctx.Avatar,
+                Preview: _ctx.Preview,
+                ConversationActions: _ctx.ConversationActions,
                 "actions-config": actionsConfig.value,
                 onSelect: handleSelectConversation
-              }, null, 8, ["conversation", "enable-actions", "avatar", "preview", "conversation-actions", "actions-config"]);
+              }, null, 8, ["conversation", "enable-actions", "Avatar", "Preview", "ConversationActions", "actions-config"]);
             }), 128))
           ]),
           _: 1
-        }, 8, ["empty", "loading", "placeholder-empty-list", "placeholder-loading", "placeholder-load-error"]))
+        }, 8, ["empty", "loading", "PlaceholderEmptyList", "PlaceholderLoading", "PlaceholderLoadError"]))
       ], 6);
     };
   }
 });
-const conversationList = "_conversationList_y4ydr_1";
-const conversationList__content = "_conversationList__content_y4ydr_15";
+const conversationList = "_conversationList_chbuy_1";
 const style0 = {
-  conversationList,
-  conversationList__content
+  conversationList
 };
 const cssModules = {
   "$style": style0