tuikit-atomicx-vue3 0.1.1 → 3.3.0

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

@@ -0,0 +1,442 @@
+declare const ContactListItem: 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>;
+declare const ContactInfo: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    onClose: {
+        type: import('vue').PropType<() => void>;
+    };
+    contactItem: {
+        type: import('vue').PropType<import('../..').ContactGroupItem>;
+    };
+    PlaceholderEmpty: {
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
+    };
+    FriendInfoComponent: {
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
+    };
+    GroupInfoComponent: {
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
+    };
+    BlacklistInfoComponent: {
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
+    };
+    FriendApplicationInfoComponent: {
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
+    };
+    GroupApplicationInfoComponent: {
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
+    };
+    SearchGroupInfoComponent: {
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
+    };
+    SearchUserInfoComponent: {
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
+    };
+    onSendMessage: {
+        type: import('vue').PropType<(friend: import('../..').Friend) => void>;
+    };
+    onDeleteFriend: {
+        type: import('vue').PropType<(friend: import('../..').Friend) => void>;
+    };
+    onUpdateFriendRemark: {
+        type: import('vue').PropType<(friend: import('../..').Friend, remark: string) => void>;
+    };
+    onAddToBlacklist: {
+        type: import('vue').PropType<(friend: import('../..').Friend) => void>;
+    };
+    onRemoveFromBlacklist: {
+        type: import('vue').PropType<(profile: import('../..').UserProfile) => void>;
+    };
+    onEnterGroup: {
+        type: import('vue').PropType<(group: import('@tencentcloud/chat-uikit-engine').IGroupModel) => void>;
+    };
+    onLeaveGroup: {
+        type: import('vue').PropType<(group: import('@tencentcloud/chat-uikit-engine').IGroupModel) => void>;
+    };
+    onDismissGroup: {
+        type: import('vue').PropType<(group: import('@tencentcloud/chat-uikit-engine').IGroupModel) => void>;
+    };
+    onFriendApplicationAction: {
+        type: import('vue').PropType<(action: "accept" | "refuse", application: import('../..').FriendApplication) => void>;
+    };
+    onGroupApplicationAction: {
+        type: import('vue').PropType<(action: "accept" | "refuse", application: import('../..').GroupApplication) => void>;
+    };
+    onAddFriend: {
+        type: import('vue').PropType<(user: import('../..').UserProfile, wording: string) => void>;
+    };
+    onJoinGroup: {
+        type: import('vue').PropType<(group: import('@tencentcloud/chat-uikit-engine').IGroupModel, note: string) => void>;
+    };
+    showActions: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => void;
+    sendMessage: (data: import('../..').Friend) => void;
+    addFriend: (data: import('../..').UserProfile, wording: string) => void;
+    deleteFriend: (data: import('../..').Friend) => void;
+    addToBlacklist: (data: import('../..').Friend) => void;
+    removeFromBlacklist: (data: import('../..').UserProfile) => void;
+    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, 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;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    onClose: {
+        type: import('vue').PropType<() => void>;
+    };
+    contactItem: {
+        type: import('vue').PropType<import('../..').ContactGroupItem>;
+    };
+    PlaceholderEmpty: {
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
+    };
+    FriendInfoComponent: {
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
+    };
+    GroupInfoComponent: {
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
+    };
+    BlacklistInfoComponent: {
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
+    };
+    FriendApplicationInfoComponent: {
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
+    };
+    GroupApplicationInfoComponent: {
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
+    };
+    SearchGroupInfoComponent: {
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
+    };
+    SearchUserInfoComponent: {
+        type: import('vue').PropType<import('vue').Component>;
+        default: undefined;
+    };
+    onSendMessage: {
+        type: import('vue').PropType<(friend: import('../..').Friend) => void>;
+    };
+    onDeleteFriend: {
+        type: import('vue').PropType<(friend: import('../..').Friend) => void>;
+    };
+    onUpdateFriendRemark: {
+        type: import('vue').PropType<(friend: import('../..').Friend, remark: string) => void>;
+    };
+    onAddToBlacklist: {
+        type: import('vue').PropType<(friend: import('../..').Friend) => void>;
+    };
+    onRemoveFromBlacklist: {
+        type: import('vue').PropType<(profile: import('../..').UserProfile) => void>;
+    };
+    onEnterGroup: {
+        type: import('vue').PropType<(group: import('@tencentcloud/chat-uikit-engine').IGroupModel) => void>;
+    };
+    onLeaveGroup: {
+        type: import('vue').PropType<(group: import('@tencentcloud/chat-uikit-engine').IGroupModel) => void>;
+    };
+    onDismissGroup: {
+        type: import('vue').PropType<(group: import('@tencentcloud/chat-uikit-engine').IGroupModel) => void>;
+    };
+    onFriendApplicationAction: {
+        type: import('vue').PropType<(action: "accept" | "refuse", application: import('../..').FriendApplication) => void>;
+    };
+    onGroupApplicationAction: {
+        type: import('vue').PropType<(action: "accept" | "refuse", application: import('../..').GroupApplication) => void>;
+    };
+    onAddFriend: {
+        type: import('vue').PropType<(user: import('../..').UserProfile, wording: string) => void>;
+    };
+    onJoinGroup: {
+        type: import('vue').PropType<(group: import('@tencentcloud/chat-uikit-engine').IGroupModel, note: string) => void>;
+    };
+    showActions: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onSendMessage?: ((data: import('../..').Friend) => any) | undefined;
+    onAddFriend?: ((data: import('../..').UserProfile, wording: string) => any) | undefined;
+    onDeleteFriend?: ((data: import('../..').Friend) => any) | undefined;
+    onAddToBlacklist?: ((data: import('../..').Friend) => any) | undefined;
+    onRemoveFromBlacklist?: ((data: import('../..').UserProfile) => any) | undefined;
+    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, 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<{
+    onFriendApplicationAction: {
+        type: import('vue').PropType<(action: "accept" | "refuse", application: import('../..').FriendApplication) => void>;
+    };
+    onGroupApplicationAction: {
+        type: import('vue').PropType<(action: "accept" | "refuse", application: import('../..').GroupApplication) => void>;
+    };
+    enableSearch: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    searchPlaceholder: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+    activeContactItem: {
+        type: import('vue').PropType<import('../..').ContactGroupItem>;
+    };
+    groupConfig: {
+        type: import('vue').PropType<Partial<Record<import('../..').ContactItemType, import('../..').CustomGroupConfig>>>;
+    };
+    emptyText: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+    ContactItem: {
+        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<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<import('vue').Component>;
+        default: undefined;
+    };
+    PlaceholderEmptyList: {
+        type: import('vue').PropType<import('vue').Component>;
+        default: () => undefined;
+    };
+    onContactItemClick: {
+        type: import('vue').PropType<(item: import('../..').ContactGroupItem) => void>;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "friend-application-action": (action: "accept" | "refuse", application: import('../..').FriendApplication) => void;
+    "group-application-action": (action: "accept" | "refuse", application: import('../..').GroupApplication) => void;
+    "contact-item-click": (item: import('../..').ContactGroupItem) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    onFriendApplicationAction: {
+        type: import('vue').PropType<(action: "accept" | "refuse", application: import('../..').FriendApplication) => void>;
+    };
+    onGroupApplicationAction: {
+        type: import('vue').PropType<(action: "accept" | "refuse", application: import('../..').GroupApplication) => void>;
+    };
+    enableSearch: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    searchPlaceholder: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+    activeContactItem: {
+        type: import('vue').PropType<import('../..').ContactGroupItem>;
+    };
+    groupConfig: {
+        type: import('vue').PropType<Partial<Record<import('../..').ContactItemType, import('../..').CustomGroupConfig>>>;
+    };
+    emptyText: {
+        type: import('vue').PropType<string>;
+        default: undefined;
+    };
+    ContactItem: {
+        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<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<import('vue').Component>;
+        default: undefined;
+    };
+    PlaceholderEmptyList: {
+        type: import('vue').PropType<import('vue').Component>;
+        default: () => undefined;
+    };
+    onContactItemClick: {
+        type: import('vue').PropType<(item: import('../..').ContactGroupItem) => void>;
+    };
+}>> & Readonly<{
+    "onFriend-application-action"?: ((action: "accept" | "refuse", application: import('../..').FriendApplication) => any) | undefined;
+    "onGroup-application-action"?: ((action: "accept" | "refuse", application: import('../..').GroupApplication) => any) | undefined;
+    "onContact-item-click"?: ((item: import('../..').ContactGroupItem) => any) | undefined;
+}>, {
+    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/ContactList/index.js

@@ -0,0 +1,16 @@
+import { addI18n } from "../../i18n/index.js";
+import ContactListComponent from "./ContactList.js";
+import enResource from "./i18n/en-US.js";
+import zhResource from "./i18n/zh-CN.js";
+import { ContactListItem as _sfc_main } from "./ContactListItem/index.js";
+import ContactInfoComponent from "./ContactInfo/ContactInfo.js";
+addI18n("en-US", { translation: enResource });
+addI18n("zh-CN", { translation: zhResource });
+const ContactListItem = _sfc_main;
+const ContactInfo = ContactInfoComponent;
+const ContactList = ContactListComponent;
+export {
+  ContactInfo,
+  ContactList,
+  ContactListItem
+};

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

@@ -1,8 +1,7 @@
-import { defineComponent, ref, computed, watch, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createBlock, renderSlot, createVNode, withModifiers, Fragment, renderList, toDisplayString, withCtx } from "vue";
+import { defineComponent, ref, computed, watch, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createBlock, withModifiers, Fragment, renderList, toDisplayString, withCtx, createElementVNode, createVNode } from "vue";
 import TUIChatEngine from "@tencentcloud/chat-uikit-engine";
-import { useUIKit, IconEllipsis } from "@tencentcloud/uikit-base-component-vue3";
+import { useUIKit, TUIDropdown, IconEllipsis } from "@tencentcloud/uikit-base-component-vue3";
 import { isH5 } from "../../../utils/env.js";
-import Popup from "../../../baseComp/Popup/Popup.js";
 import { useConversationListState } from "../../../states/ConversationListState/ConversationListState.js";
 import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _hoisted_1 = ["onClick"];
@@ -121,22 +120,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([_ctx.$style.conversationActions, {
-          [_ctx.$style.conversationActions__H5]: unref(isH5)
+          [_ctx.$style.conversationActions__h5]: unref(isH5)
         }, _ctx.className]),
         style: normalizeStyle(_ctx.style),
         onClick: handleMaskClick
       }, [
-        createElementVNode("div", {
-          class: normalizeClass(_ctx.$style.conversationActions__popupIcon),
-          onClick: toggleClick
-        }, [
-          renderSlot(_ctx.$slots, "popupIcon", {}, () => [
-            createVNode(unref(IconEllipsis))
-          ])
-        ], 2),
-        _ctx.PopupElements || unref(isH5) ? (openBlock(), createElementBlock("div", {
+        unref(isH5) ? (openBlock(), createElementBlock("div", {
           key: 0,
-          class: normalizeClass(_ctx.$style.conversationActions__H5__container),
+          class: normalizeClass(_ctx.$style.conversationActions__h5__container),
           onClick: _cache[0] || (_cache[0] = withModifiers(() => {
           }, ["stop"]))
         }, [
@@ -149,54 +140,47 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               onClick: (e) => onClickMenuItem(e, key)
             }, toDisplayString(action.label), 11, _hoisted_1);
           }), 128))
-        ], 2)) : (openBlock(), createBlock(unref(Popup), {
+        ], 2)) : (openBlock(), createBlock(unref(TUIDropdown), {
           key: 1,
-          open: Boolean(anchor.value),
-          anchor: anchor.value,
-          placement: "bottom-end",
-          "disable-portal": "",
-          "slot-props": {
-            root: {
-              style: {
-                zIndex: 5
-              }
-            }
-          }
+          trigger: "click",
+          placement: "bottom-end"
         }, {
+          dropdown: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(enabledActions.value, (action, key) => {
+              return openBlock(), createElementBlock("div", {
+                key,
+                class: normalizeClass([_ctx.$style.conversationActions__item, {
+                  [_ctx.$style["conversationActions__item--delete"]]: key === "delete"
+                }]),
+                onClick: (e) => onClickMenuItem(e, key)
+              }, toDisplayString(action.label), 11, _hoisted_2);
+            }), 128))
+          ]),
           default: withCtx(() => [
             createElementVNode("div", {
-              class: normalizeClass(_ctx.$style.conversationActions__container)
+              class: normalizeClass(_ctx.$style["conversationActions__popup-icon"]),
+              onClick: toggleClick
             }, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(enabledActions.value, (action, key) => {
-                return openBlock(), createElementBlock("div", {
-                  key,
-                  class: normalizeClass([_ctx.$style.conversationActions__item, {
-                    [_ctx.$style["conversationActions__item--delete"]]: key === "delete"
-                  }]),
-                  onClick: (e) => onClickMenuItem(e, key)
-                }, toDisplayString(action.label), 11, _hoisted_2);
-              }), 128))
+              createVNode(unref(IconEllipsis), { size: "18px" })
             ], 2)
           ]),
           _: 1
-        }, 8, ["open", "anchor"]))
+        }))
       ], 6);
     };
   }
 });
-const conversationActions = "_conversationActions_15ko6_1";
-const conversationActions__container = "_conversationActions__container_15ko6_18";
-const conversationActions__h5__container = "_conversationActions__h5__container_15ko6_28";
-const conversationActions__item = "_conversationActions__item_15ko6_39";
+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_15ko6_4",
-  "more-icon": "_more-icon_15ko6_13",
-  conversationActions__container,
+  "conversationActions__popup-icon": "_conversationActions__popup-icon_qrz2h_5",
+  conversationActions__h5,
   conversationActions__h5__container,
   conversationActions__item,
-  "conversationActions__item--delete": "_conversationActions__item--delete_15ko6_56",
-  "action-icon": "_action-icon_15ko6_59"
+  "conversationActions__item--delete": "_conversationActions__item--delete_qrz2h_52"
 };
 const cssModules = {
   "$style": style0

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

@@ -1,9 +1,6 @@
 import { ConversationModel, ConversationActionsProps } from '../../../types';
 
-declare function __VLS_template(): {
-    popupIcon?(_: {}): any;
-};
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ConversationActionsProps>, {
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ConversationActionsProps>, {
     enablePin: boolean;
     enableMute: boolean;
     enableDelete: boolean;
@@ -33,7 +30,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     enableDelete: boolean;
     enableMarkUnread: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -52,8 +48,3 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};