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

package/dist/components/ChatSetting/index.js

@@ -1,12 +1,9 @@
-import { default as default2 } from "./ChatSetting.js";
+import ChatSettingComponent from "./ChatSetting.js";
 import { addI18n } from "../../i18n/index.js";
 import { resources } from "./i18n/index.js";
-import { default as default3 } from "./C2CChatSetting/C2CChatSetting.js";
-import { default as default4 } from "./GroupChatSetting/GroupChatSetting.js";
 addI18n("zh-CN", { translation: { ChatSetting: resources["zh-CN"] } });
 addI18n("en-US", { translation: { ChatSetting: resources["en-US"] } });
+const ChatSetting = ChatSettingComponent;
 export {
-  default3 as C2CChatSetting,
-  default2 as ChatSetting,
-  default4 as GroupChatSetting
+  ChatSetting
 };

package/dist/components/CoGuestPanel/CoGuestPanel.js

@@ -204,7 +204,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CoGuestPanelPC = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cf671eb6"]]);
+const CoGuestPanelPC = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7e1e8cab"]]);
 export {
   CoGuestPanelPC as default
 };

package/dist/components/ContactList/ContactInfo/ContactInfo.js

@@ -26,14 +26,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ContactInfo",
   props: {
     contactItem: {},
-    PlaceholderEmpty: {},
-    FriendInfoComponent: {},
-    GroupInfoComponent: {},
-    BlacklistInfoComponent: {},
-    FriendApplicationInfoComponent: {},
-    GroupApplicationInfoComponent: {},
-    SearchGroupInfoComponent: {},
-    SearchUserInfoComponent: {},
+    PlaceholderEmpty: { default: void 0 },
+    FriendInfoComponent: { default: void 0 },
+    GroupInfoComponent: { default: void 0 },
+    BlacklistInfoComponent: { default: void 0 },
+    FriendApplicationInfoComponent: { default: void 0 },
+    GroupApplicationInfoComponent: { default: void 0 },
+    SearchGroupInfoComponent: { default: void 0 },
+    SearchUserInfoComponent: { default: void 0 },
     onSendMessage: {},
     onDeleteFriend: {},
     onUpdateFriendRemark: {},
@@ -163,19 +163,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const getComponentByType = (type) => {
       switch (type) {
         case ContactItemType.FRIEND:
-          return FriendInfo;
+          return props.FriendInfoComponent || FriendInfo;
         case ContactItemType.GROUP:
-          return GroupInfo;
+          return props.GroupInfoComponent || GroupInfo;
         case ContactItemType.BLACK:
-          return BlacklistInfo;
+          return props.BlacklistInfoComponent || BlacklistInfo;
         case ContactItemType.FRIEND_REQUEST:
-          return FriendApplicationInfo;
+          return props.FriendApplicationInfoComponent || FriendApplicationInfo;
         case ContactItemType.GROUP_REQUEST:
-          return GroupApplicationInfo;
+          return props.GroupApplicationInfoComponent || GroupApplicationInfo;
         case ContactItemType.SEARCH_USER:
-          return SearchUserInfo;
+          return props.SearchUserInfoComponent || SearchUserInfo;
         case ContactItemType.SEARCH_GROUP:
-          return SearchGroupInfo;
+          return props.SearchGroupInfoComponent || SearchGroupInfo;
         default:
           return "div";
       }
@@ -211,7 +211,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const handleDeleteFriend = (data) => emit("deleteFriend", data);
     const handleAddToBlacklist = (data) => emit("addToBlacklist", data);
     const handleRemoveFromBlacklist = (data) => emit("removeFromBlacklist", data);
-    const handleUpdateFriendRemark = (data) => emit("updateFriendRemark", data);
+    const handleUpdateFriendRemark = (data, remark) => emit("updateFriendRemark", data, remark);
     const handleEnterGroup = (data) => emit("enterGroup", data);
     const handleLeaveGroup = (data) => emit("leaveGroup", data);
     const handleDismissGroup = (data) => emit("dismissGroup", data);
@@ -251,7 +251,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ContactInfoComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8050fa88"]]);
+const ContactInfoComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bb24453c"]]);
 export {
   ContactInfoComponent as default
 };

package/dist/components/ContactList/ContactInfo/ContactInfo.vue.d.ts

@@ -3,6 +3,14 @@ import { ContactInfoProps, FriendApplication, GroupApplication } from '../../../
 
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ContactInfoProps>, {
     showActions: boolean;
+    PlaceholderEmpty: undefined;
+    FriendInfoComponent: undefined;
+    GroupInfoComponent: undefined;
+    BlacklistInfoComponent: undefined;
+    FriendApplicationInfoComponent: undefined;
+    GroupApplicationInfoComponent: undefined;
+    SearchGroupInfoComponent: undefined;
+    SearchUserInfoComponent: undefined;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     close: () => void;
     sendMessage: (data: Friend) => void;
@@ -13,12 +21,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     joinGroup: (data: GroupModel, note: string) => void;
     dismissGroup: (data: GroupModel) => void;
     friendApplicationAction: (action: "accept" | "refuse", application: FriendApplication) => void;
-    updateFriendRemark: (data: Friend) => void;
+    updateFriendRemark: (data: Friend, remark: string) => void;
     groupApplicationAction: (action: "accept" | "refuse", application: GroupApplication) => void;
     enterGroup: (data: GroupModel) => void;
     leaveGroup: (data: GroupModel) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ContactInfoProps>, {
     showActions: boolean;
+    PlaceholderEmpty: undefined;
+    FriendInfoComponent: undefined;
+    GroupInfoComponent: undefined;
+    BlacklistInfoComponent: undefined;
+    FriendApplicationInfoComponent: undefined;
+    GroupApplicationInfoComponent: undefined;
+    SearchGroupInfoComponent: undefined;
+    SearchUserInfoComponent: undefined;
 }>>> & Readonly<{
     onClose?: (() => any) | undefined;
     onSendMessage?: ((data: Friend) => any) | undefined;
@@ -29,11 +45,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onJoinGroup?: ((data: GroupModel, note: string) => any) | undefined;
     onDismissGroup?: ((data: GroupModel) => any) | undefined;
     onFriendApplicationAction?: ((action: "accept" | "refuse", application: FriendApplication) => any) | undefined;
-    onUpdateFriendRemark?: ((data: Friend) => any) | undefined;
+    onUpdateFriendRemark?: ((data: Friend, remark: string) => any) | undefined;
     onGroupApplicationAction?: ((action: "accept" | "refuse", application: GroupApplication) => any) | undefined;
     onEnterGroup?: ((data: GroupModel) => any) | undefined;
     onLeaveGroup?: ((data: GroupModel) => 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>;
 export default _default;

package/dist/components/ContactList/ContactInfo/GroupInfo/GroupInfo.js

@@ -131,6 +131,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _: 1
           }),
           createVNode(unref(TUIDialog), {
+            appendTo: "body",
             visible: visible.value,
             title: canDismissGroup.value ? unref(t)("TUIContact.Confirm dismiss group") : unref(t)("TUIContact.Confirm quit group"),
             "confirm-text": unref(t)("TUIContact.Submit"),
@@ -148,7 +149,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const GroupInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8f45a224"]]);
+const GroupInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ce333195"]]);
 export {
   GroupInfo as default
 };

package/dist/components/ContactList/ContactList.js

@@ -1,10 +1,10 @@
-import { defineComponent, computed, watch, ref, createElementBlock, openBlock, createElementVNode, createBlock, createCommentVNode, unref, Fragment, renderList, resolveDynamicComponent, withKeys, createVNode, normalizeClass, toDisplayString } from "vue";
+import { defineComponent, computed, watch, ref, createElementBlock, openBlock, createElementVNode, createBlock, createCommentVNode, resolveDynamicComponent, unref, Fragment, renderList, withKeys, createVNode, normalizeClass, toDisplayString } from "vue";
 import { useUIKit, IconArrowStrokeSelectDown } from "@tencentcloud/uikit-base-component-vue3";
 import { ContactItemType } from "../../types/contact.js";
 import { UNREAD_COUNT_LIMIT } from "./constants/const.js";
-import { useContactListState } from "../../states/ContactListState/ContactListState.js";
 import ContactSearch from "./ContactSearch/ContactSearch.js";
 import { ContactListItem as _sfc_main$1 } from "./ContactListItem/index.js";
+import { useContactListState } from "../../states/ContactListState/ContactListState.js";
 import { useContactList } from "./hooks/useContactList.js";
 import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _hoisted_1 = { class: "contact-list" };
@@ -35,10 +35,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     groupConfig: {},
     searchPlaceholder: { default: void 0 },
     emptyText: { default: void 0 },
-    ContactItem: {},
-    ContactSearchComponent: {},
-    GroupHeader: {},
-    PlaceholderEmptyList: {},
+    ContactItem: { default: () => _sfc_main$1 },
+    ContactSearchComponent: { default: () => ContactSearch },
+    GroupHeader: { default: void 0 },
+    PlaceholderEmptyList: { default: () => void 0 },
     onContactItemClick: {},
     onFriendApplicationAction: {},
     onGroupApplicationAction: {}
@@ -108,6 +108,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const contactGroupItem = { type, data: item };
       emit("contact-item-click", contactGroupItem);
       setActiveContact(contactGroupItem);
+      if (props.onContactItemClick) {
+        props.onContactItemClick(contactGroupItem);
+      }
     };
     const handleFriendApplicationAction = async (action, application) => {
       try {
@@ -120,6 +123,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           await refuseFriendApplication(application.userID);
         }
         emit("friend-application-action", action, application);
+        if (props.onFriendApplicationAction) {
+          props.onFriendApplicationAction(action, application);
+        }
       } catch (error) {
         console.error(`[ContactList handleFriendApplicationAction] Failed to ${action} friend application:`, error);
       }
@@ -136,6 +142,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           await refuseGroupApplication(params);
         }
         emit("group-application-action", action, application);
+        if (props.onGroupApplicationAction) {
+          props.onGroupApplicationAction(action, application);
+        }
       } catch (error) {
         console.error(`[ContactList handleGroupApplicationAction] Failed to ${action} group application:`, error);
       }
@@ -211,13 +220,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
           createElementVNode("div", _hoisted_3, [
-            _ctx.enableSearch ? (openBlock(), createBlock(unref(ContactSearch), {
+            _ctx.enableSearch ? (openBlock(), createBlock(resolveDynamicComponent(unref(ContactSearch)), {
               key: 0,
               placeholder: searchPlaceholder.value,
               onResultClick: _cache[0] || (_cache[0] = (item) => {
                 handleContactClick(item.type, item.data);
               })
-            }, null, 8, ["placeholder"])) : createCommentVNode("", true),
+            }, null, 40, ["placeholder"])) : createCommentVNode("", true),
             createElementVNode("div", _hoisted_4, [
               contactGroups.value.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(contactGroups.value, (group) => {
                 return openBlock(), createElementBlock("div", {
@@ -252,7 +261,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ], 40, _hoisted_5)),
                   group.isExpanded ? (openBlock(), createElementBlock("div", _hoisted_9, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(group.items, (contactItem, index) => {
-                      return openBlock(), createBlock(resolveDynamicComponent(unref(_sfc_main$1)), {
+                      return openBlock(), createBlock(resolveDynamicComponent(_ctx.ContactItem), {
                         key: `${group.type}_${getItemId(contactItem)}_${index}`,
                         "contact-item": { type: group.type, data: contactItem },
                         "active-contact-item": unref(activeContact),
@@ -275,7 +284,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ContactListComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-67413a61"]]);
+const ContactListComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f5c94dad"]]);
 export {
   ContactListComponent as default
 };

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

@@ -1,9 +1,61 @@
-import { ContactGroupItem, FriendApplication, GroupApplication, ContactListProps } from '../../types/contact';
+import { ContactItemType, ContactGroupItem, FriendApplication, GroupApplication, ContactListProps, ContactItem } from '../../types/contact';
 
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ContactListProps>, {
     enableSearch: boolean;
     searchPlaceholder: undefined;
     emptyText: undefined;
+    ContactItem: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        onClick: {
+            type: import('vue').PropType<(type: ContactItemType, item: ContactItem) => void>;
+        };
+        contactItem: {
+            type: import('vue').PropType<ContactGroupItem>;
+            required: true;
+        };
+        onFriendApplicationAction: {
+            type: import('vue').PropType<(action: "accept" | "refuse", application: FriendApplication) => void>;
+        };
+        onGroupApplicationAction: {
+            type: import('vue').PropType<(action: "accept" | "refuse", application: GroupApplication) => void>;
+        };
+        activeContactItem: {
+            type: import('vue').PropType<ContactGroupItem>;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: (type: ContactItemType, item: any) => void;
+        "friend-application-action": (action: "accept" | "refuse", application: FriendApplication) => void;
+        "group-application-action": (action: "accept" | "refuse", application: GroupApplication) => void;
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        onClick: {
+            type: import('vue').PropType<(type: ContactItemType, item: ContactItem) => void>;
+        };
+        contactItem: {
+            type: import('vue').PropType<ContactGroupItem>;
+            required: true;
+        };
+        onFriendApplicationAction: {
+            type: import('vue').PropType<(action: "accept" | "refuse", application: FriendApplication) => void>;
+        };
+        onGroupApplicationAction: {
+            type: import('vue').PropType<(action: "accept" | "refuse", application: GroupApplication) => void>;
+        };
+        activeContactItem: {
+            type: import('vue').PropType<ContactGroupItem>;
+        };
+    }>> & Readonly<{
+        onClick?: ((type: ContactItemType, item: any) => any) | undefined;
+        "onFriend-application-action"?: ((action: "accept" | "refuse", application: FriendApplication) => any) | undefined;
+        "onGroup-application-action"?: ((action: "accept" | "refuse", application: GroupApplication) => any) | undefined;
+    }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    ContactSearchComponent: () => 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: undefined;
+    PlaceholderEmptyList: () => undefined;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "friend-application-action": (action: "accept" | "refuse", application: FriendApplication) => void;
     "group-application-action": (action: "accept" | "refuse", application: GroupApplication) => void;
@@ -12,6 +64,58 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     enableSearch: boolean;
     searchPlaceholder: undefined;
     emptyText: undefined;
+    ContactItem: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        onClick: {
+            type: import('vue').PropType<(type: ContactItemType, item: ContactItem) => void>;
+        };
+        contactItem: {
+            type: import('vue').PropType<ContactGroupItem>;
+            required: true;
+        };
+        onFriendApplicationAction: {
+            type: import('vue').PropType<(action: "accept" | "refuse", application: FriendApplication) => void>;
+        };
+        onGroupApplicationAction: {
+            type: import('vue').PropType<(action: "accept" | "refuse", application: GroupApplication) => void>;
+        };
+        activeContactItem: {
+            type: import('vue').PropType<ContactGroupItem>;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: (type: ContactItemType, item: any) => void;
+        "friend-application-action": (action: "accept" | "refuse", application: FriendApplication) => void;
+        "group-application-action": (action: "accept" | "refuse", application: GroupApplication) => void;
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        onClick: {
+            type: import('vue').PropType<(type: ContactItemType, item: ContactItem) => void>;
+        };
+        contactItem: {
+            type: import('vue').PropType<ContactGroupItem>;
+            required: true;
+        };
+        onFriendApplicationAction: {
+            type: import('vue').PropType<(action: "accept" | "refuse", application: FriendApplication) => void>;
+        };
+        onGroupApplicationAction: {
+            type: import('vue').PropType<(action: "accept" | "refuse", application: GroupApplication) => void>;
+        };
+        activeContactItem: {
+            type: import('vue').PropType<ContactGroupItem>;
+        };
+    }>> & Readonly<{
+        onClick?: ((type: ContactItemType, item: any) => any) | undefined;
+        "onFriend-application-action"?: ((action: "accept" | "refuse", application: FriendApplication) => any) | undefined;
+        "onGroup-application-action"?: ((action: "accept" | "refuse", application: GroupApplication) => any) | undefined;
+    }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    ContactSearchComponent: () => 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: undefined;
+    PlaceholderEmptyList: () => undefined;
 }>>> & Readonly<{
     "onFriend-application-action"?: ((action: "accept" | "refuse", application: FriendApplication) => any) | undefined;
     "onGroup-application-action"?: ((action: "accept" | "refuse", application: GroupApplication) => any) | undefined;
@@ -20,6 +124,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     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 default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;