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

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

@@ -0,0 +1,78 @@
+import { defineComponent, computed, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, toDisplayString, unref, withCtx, createTextVNode } from "vue";
+import { useUIKit, TUIButton } from "@tencentcloud/uikit-base-component-vue3";
+import Avatar from "../../../Avatar/Avatar.js";
+import { useContactListState } from "../../../../states/ContactListState/ContactListState.js";
+import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _hoisted_1 = { class: "contact-blacklist-info" };
+const _hoisted_2 = { class: "contact-blacklist-info__header" };
+const _hoisted_3 = { class: "contact-blacklist-info__main-info" };
+const _hoisted_4 = { class: "contact-blacklist-info__name" };
+const _hoisted_5 = { class: "contact-blacklist-info__id" };
+const _hoisted_6 = { class: "contact-blacklist-info__intro" };
+const _hoisted_7 = {
+  key: 0,
+  class: "contact-blacklist-info__actions"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BlacklistInfo",
+  props: {
+    profile: {},
+    onRemoveFromBlacklist: {},
+    showActions: { type: Boolean, default: true },
+    onClose: {}
+  },
+  emits: ["removeFromBlacklist", "close"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { t } = useUIKit();
+    const { removeFromBlacklist } = useContactListState();
+    const displayName = computed(() => {
+      var _a, _b;
+      return ((_a = props.profile) == null ? void 0 : _a.nick) || ((_b = props.profile) == null ? void 0 : _b.userID);
+    });
+    const handleRemoveFromBlacklist = async () => {
+      var _a;
+      try {
+        await removeFromBlacklist([(_a = props.profile) == null ? void 0 : _a.userID]);
+        emit("removeFromBlacklist", props.profile);
+        emit("close");
+      } catch (err) {
+        console.error("[ContactInfo removeFromBlacklist] error", err);
+      }
+    };
+    return (_ctx, _cache) => {
+      var _a, _b, _c;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", _hoisted_4, toDisplayString(displayName.value), 1),
+            createElementVNode("div", _hoisted_5, toDisplayString(unref(t)("TUIContact.ID")) + "：" + toDisplayString((_a = _ctx.profile) == null ? void 0 : _a.userID), 1),
+            createElementVNode("div", _hoisted_6, toDisplayString(unref(t)("TUIContact.Personal signature")) + "：" + toDisplayString(((_b = _ctx.profile) == null ? void 0 : _b.selfSignature) || ""), 1)
+          ]),
+          createVNode(unref(Avatar), {
+            src: (_c = _ctx.profile) == null ? void 0 : _c.avatar,
+            alt: displayName.value,
+            size: "xl"
+          }, null, 8, ["src", "alt"])
+        ]),
+        _ctx.showActions ? (openBlock(), createElementBlock("div", _hoisted_7, [
+          createVNode(unref(TUIButton), {
+            type: "primary",
+            size: "big",
+            onClick: handleRemoveFromBlacklist
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(t)("TUIContact.Remove from blacklist")), 1)
+            ]),
+            _: 1
+          })
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const BlacklistInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a0fb4b4a"]]);
+export {
+  BlacklistInfo as default
+};

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

@@ -0,0 +1,33 @@
+import { BlacklistInfoProps, UserProfile } from '../../../../types/contact';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BlacklistInfoProps>, {
+    showActions: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => void;
+    removeFromBlacklist: (profile: UserProfile) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BlacklistInfoProps>, {
+    showActions: boolean;
+}>>> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onRemoveFromBlacklist?: ((profile: UserProfile) => any) | undefined;
+}>, {
+    showActions: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +1 @@
+export { default as BlacklistInfo } from './BlacklistInfo.vue';

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

@@ -0,0 +1,4 @@
+import { default as default2 } from "./BlacklistInfo.js";
+export {
+  default2 as BlacklistInfo
+};

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

@@ -0,0 +1,257 @@
+import { defineComponent, ref, watch, createElementBlock, openBlock, createCommentVNode, createBlock, unref, createVNode, createElementVNode, toDisplayString, resolveDynamicComponent, mergeProps } from "vue";
+import { IconChevronLeft } from "@tencentcloud/uikit-base-component-vue3";
+import { ContactItemType } from "../../../types/contact.js";
+import { isH5 } from "../../../utils/env.js";
+import { useContactList } from "../hooks/useContactList.js";
+import { useContactListState } from "../../../states/ContactListState/ContactListState.js";
+import SearchGroupInfo from "./SearchGroupInfo/SearchGroupInfo.js";
+import SearchUserInfo from "./SearchUserInfo/SearchUserInfo.js";
+import GroupApplicationInfo from "./GroupApplicationInfo/GroupApplicationInfo.js";
+import FriendApplicationInfo from "./FriendApplicationInfo/FriendApplicationInfo.js";
+import BlacklistInfo from "./BlacklistInfo/BlacklistInfo.js";
+import GroupInfo from "./GroupInfo/GroupInfo.js";
+import FriendInfo from "./FriendInfo/FriendInfo.js";
+import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _hoisted_1 = { class: "contact-info" };
+const _hoisted_2 = {
+  key: 0,
+  class: "contact-info__header"
+};
+const _hoisted_3 = { class: "contact-info__title" };
+const _hoisted_4 = {
+  key: 2,
+  class: "contact-info__empty"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ContactInfo",
+  props: {
+    contactItem: {},
+    PlaceholderEmpty: {},
+    FriendInfoComponent: {},
+    GroupInfoComponent: {},
+    BlacklistInfoComponent: {},
+    FriendApplicationInfoComponent: {},
+    GroupApplicationInfoComponent: {},
+    SearchGroupInfoComponent: {},
+    SearchUserInfoComponent: {},
+    onSendMessage: {},
+    onDeleteFriend: {},
+    onUpdateFriendRemark: {},
+    onAddToBlacklist: {},
+    onRemoveFromBlacklist: {},
+    onEnterGroup: {},
+    onLeaveGroup: {},
+    onDismissGroup: {},
+    onFriendApplicationAction: {},
+    onGroupApplicationAction: {},
+    onAddFriend: {},
+    onJoinGroup: {},
+    showActions: { type: Boolean, default: true },
+    onClose: {}
+  },
+  emits: ["close", "sendMessage", "deleteFriend", "addToBlacklist", "removeFromBlacklist", "updateFriendRemark", "enterGroup", "leaveGroup", "dismissGroup", "friendApplicationAction", "groupApplicationAction", "addFriend", "joinGroup"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { friendList, groupList, blackList } = useContactListState();
+    const { activeContact, setActiveContact, contactGroupTitles } = useContactList();
+    const contactInfo = ref(void 0);
+    const handleContactInfo = (contactGroupItem) => {
+      const newContactInfo = contactGroupItem ? { ...contactGroupItem } : void 0;
+      if ((contactGroupItem == null ? void 0 : contactGroupItem.type) === ContactItemType.SEARCH_USER) {
+        const blackUser = blackList.value.find(
+          (userInfo) => userInfo.userID === (contactGroupItem == null ? void 0 : contactGroupItem.data).userID
+        );
+        const friend = friendList.value.find(
+          (userInfo) => userInfo.userID === (contactGroupItem == null ? void 0 : contactGroupItem.data).userID
+        );
+        if (blackUser && newContactInfo) {
+          newContactInfo.type = ContactItemType.BLACK;
+          newContactInfo.data = blackUser;
+        } else if (friend && newContactInfo) {
+          newContactInfo.type = ContactItemType.FRIEND;
+          newContactInfo.data = friend;
+        }
+      } else if ((contactGroupItem == null ? void 0 : contactGroupItem.type) === ContactItemType.SEARCH_GROUP) {
+        const group = groupList.value.find(
+          (g) => g.groupID === (contactGroupItem == null ? void 0 : contactGroupItem.data).groupID
+        );
+        if (group && newContactInfo) {
+          newContactInfo.type = ContactItemType.GROUP;
+          newContactInfo.data = group;
+        }
+      } else if ((contactGroupItem == null ? void 0 : contactGroupItem.type) === ContactItemType.FRIEND) {
+        const blackUser = blackList.value.find(
+          (userInfo) => userInfo.userID === (contactGroupItem == null ? void 0 : contactGroupItem.data).userID
+        );
+        if (blackUser && newContactInfo) {
+          newContactInfo.type = ContactItemType.BLACK;
+          newContactInfo.data = blackUser;
+        }
+      }
+      contactInfo.value = newContactInfo;
+    };
+    watch(
+      () => props.contactItem,
+      (newContactItem, oldContactItem) => {
+        if (newContactItem !== oldContactItem) {
+          setActiveContact(newContactItem);
+        }
+      },
+      { immediate: true }
+    );
+    watch(
+      () => activeContact.value,
+      (newActiveContact) => {
+        handleContactInfo(newActiveContact || void 0);
+      },
+      { immediate: true }
+    );
+    watch(
+      () => [groupList.value, activeContact.value],
+      ([newGroupList, newActiveContact]) => {
+        if (newGroupList.length > 0 && newActiveContact && newActiveContact.type === ContactItemType.GROUP) {
+          const group = newGroupList.find(
+            (g) => {
+              var _a;
+              return (g == null ? void 0 : g.groupID) === ((_a = newActiveContact == null ? void 0 : newActiveContact.data) == null ? void 0 : _a.groupID);
+            }
+          );
+          if (group) {
+            if ((newActiveContact == null ? void 0 : newActiveContact.data) !== group) {
+              setActiveContact({
+                type: ContactItemType.GROUP,
+                data: group
+              });
+            }
+          } else {
+            setActiveContact(void 0);
+          }
+        }
+      }
+    );
+    watch(
+      () => [blackList.value, friendList.value, activeContact.value],
+      ([newBlackList, newFriendList, newActiveContact]) => {
+        if (newActiveContact) {
+          const blackUser = newBlackList == null ? void 0 : newBlackList.find(
+            (userInfo) => {
+              var _a;
+              return (userInfo == null ? void 0 : userInfo.userID) === ((_a = newActiveContact == null ? void 0 : newActiveContact.data) == null ? void 0 : _a.userID);
+            }
+          );
+          const user = newFriendList == null ? void 0 : newFriendList.find(
+            (userInfo) => {
+              var _a;
+              return (userInfo == null ? void 0 : userInfo.userID) === ((_a = newActiveContact == null ? void 0 : newActiveContact.data) == null ? void 0 : _a.userID);
+            }
+          );
+          if (blackUser && newActiveContact.type !== ContactItemType.BLACK) {
+            setActiveContact({
+              type: ContactItemType.BLACK,
+              data: blackUser
+            });
+          } else if (user && newActiveContact.type === ContactItemType.FRIEND && newActiveContact.data !== user) {
+            setActiveContact({
+              type: ContactItemType.FRIEND,
+              data: user
+            });
+          }
+        }
+      }
+    );
+    const getComponentByType = (type) => {
+      switch (type) {
+        case ContactItemType.FRIEND:
+          return FriendInfo;
+        case ContactItemType.GROUP:
+          return GroupInfo;
+        case ContactItemType.BLACK:
+          return BlacklistInfo;
+        case ContactItemType.FRIEND_REQUEST:
+          return FriendApplicationInfo;
+        case ContactItemType.GROUP_REQUEST:
+          return GroupApplicationInfo;
+        case ContactItemType.SEARCH_USER:
+          return SearchUserInfo;
+        case ContactItemType.SEARCH_GROUP:
+          return SearchGroupInfo;
+        default:
+          return "div";
+      }
+    };
+    const getComponentProps = (type) => {
+      if (!contactInfo.value) {
+        return {};
+      }
+      switch (type) {
+        case ContactItemType.FRIEND:
+          return { friend: contactInfo.value.data };
+        case ContactItemType.GROUP:
+          return { group: contactInfo.value.data };
+        case ContactItemType.BLACK:
+          return { profile: contactInfo.value.data };
+        case ContactItemType.FRIEND_REQUEST:
+          return { application: contactInfo.value.data };
+        case ContactItemType.GROUP_REQUEST:
+          return { application: contactInfo.value.data };
+        case ContactItemType.SEARCH_USER:
+          return { user: contactInfo.value.data };
+        case ContactItemType.SEARCH_GROUP:
+          return { group: contactInfo.value.data };
+        default:
+          return {};
+      }
+    };
+    const handleCloseContactInfo = () => {
+      setActiveContact(void 0);
+      emit("close");
+    };
+    const handleSendMessage = (data) => emit("sendMessage", data);
+    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 handleEnterGroup = (data) => emit("enterGroup", data);
+    const handleLeaveGroup = (data) => emit("leaveGroup", data);
+    const handleDismissGroup = (data) => emit("dismissGroup", data);
+    const handleFriendApplicationAction = (action, application) => emit("friendApplicationAction", action, application);
+    const handleGroupApplicationAction = (action, application) => emit("groupApplicationAction", action, application);
+    const handleAddFriend = (data, wording) => emit("addFriend", data, wording);
+    const handleJoinGroup = (data, note) => emit("joinGroup", data, note);
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        unref(isH5) && contactInfo.value ? (openBlock(), createElementBlock("header", _hoisted_2, [
+          createVNode(unref(IconChevronLeft), {
+            size: "24px",
+            onClick: handleCloseContactInfo
+          }),
+          createElementVNode("h1", _hoisted_3, toDisplayString(unref(contactGroupTitles)[(_a = contactInfo.value) == null ? void 0 : _a.type]), 1)
+        ])) : createCommentVNode("", true),
+        contactInfo.value ? (openBlock(), createBlock(resolveDynamicComponent(getComponentByType((_b = contactInfo.value) == null ? void 0 : _b.type)), mergeProps({ key: 1 }, getComponentProps(contactInfo.value.type), {
+          "show-actions": _ctx.showActions,
+          onClose: handleCloseContactInfo,
+          onSendMessage: handleSendMessage,
+          onDeleteFriend: handleDeleteFriend,
+          onAddToBlacklist: handleAddToBlacklist,
+          onRemoveFromBlacklist: handleRemoveFromBlacklist,
+          onUpdateFriendRemark: handleUpdateFriendRemark,
+          onEnterGroup: handleEnterGroup,
+          onLeaveGroup: handleLeaveGroup,
+          onDismissGroup: handleDismissGroup,
+          onFriendApplicationAction: handleFriendApplicationAction,
+          onGroupApplicationAction: handleGroupApplicationAction,
+          onAddFriend: handleAddFriend,
+          onJoinGroup: handleJoinGroup
+        }), null, 16, ["show-actions"])) : _ctx.PlaceholderEmpty ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.PlaceholderEmpty)))
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const ContactInfoComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8050fa88"]]);
+export {
+  ContactInfoComponent as default
+};

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

@@ -0,0 +1,56 @@
+import { Friend, GroupModel, UserProfile } from '../../../types';
+import { ContactInfoProps, FriendApplication, GroupApplication } from '../../../types/contact';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ContactInfoProps>, {
+    showActions: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => void;
+    sendMessage: (data: Friend) => void;
+    addFriend: (data: UserProfile, wording: string) => void;
+    deleteFriend: (data: Friend) => void;
+    addToBlacklist: (data: Friend) => void;
+    removeFromBlacklist: (data: UserProfile) => void;
+    joinGroup: (data: GroupModel, note: string) => void;
+    dismissGroup: (data: GroupModel) => void;
+    friendApplicationAction: (action: "accept" | "refuse", application: FriendApplication) => void;
+    updateFriendRemark: (data: Friend) => 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;
+}>>> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onSendMessage?: ((data: Friend) => any) | undefined;
+    onAddFriend?: ((data: UserProfile, wording: string) => any) | undefined;
+    onDeleteFriend?: ((data: Friend) => any) | undefined;
+    onAddToBlacklist?: ((data: Friend) => any) | undefined;
+    onRemoveFromBlacklist?: ((data: UserProfile) => any) | undefined;
+    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;
+    onGroupApplicationAction?: ((action: "accept" | "refuse", application: GroupApplication) => any) | undefined;
+    onEnterGroup?: ((data: GroupModel) => any) | undefined;
+    onLeaveGroup?: ((data: GroupModel) => any) | undefined;
+}>, {
+    showActions: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +1,96 @@
+import { defineComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, toDisplayString, unref, withCtx, createTextVNode } from "vue";
+import { useUIKit, TUIButton } from "@tencentcloud/uikit-base-component-vue3";
+import Avatar from "../../../Avatar/Avatar.js";
+import { useContactListState } from "../../../../states/ContactListState/ContactListState.js";
+import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _hoisted_1 = { class: "contact-friend-application-info" };
+const _hoisted_2 = { class: "contact-friend-application-info__header" };
+const _hoisted_3 = { class: "contact-friend-application-info__main-info" };
+const _hoisted_4 = { class: "contact-friend-application-info__name" };
+const _hoisted_5 = { class: "contact-friend-application-info__id" };
+const _hoisted_6 = { class: "contact-friend-application-info__rows" };
+const _hoisted_7 = { class: "contact-friend-application-info__row" };
+const _hoisted_8 = { class: "contact-friend-application-info__row-label" };
+const _hoisted_9 = { class: "contact-friend-application-info__row-value" };
+const _hoisted_10 = {
+  key: 0,
+  class: "contact-friend-application-info__actions"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FriendApplicationInfo",
+  props: {
+    application: {},
+    onAccept: {},
+    onRefuse: {},
+    showActions: { type: Boolean, default: true },
+    onClose: {}
+  },
+  emits: ["accept", "refuse", "friendApplicationAction", "close"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { t } = useUIKit();
+    const { acceptFriendApplication, refuseFriendApplication } = useContactListState();
+    const handleAccept = () => {
+      emit("accept", props.application);
+      emit("friendApplicationAction", "accept", props.application);
+      acceptFriendApplication(props.application);
+      emit("close");
+    };
+    const handleRefuse = () => {
+      emit("refuse", props.application);
+      emit("friendApplicationAction", "refuse", props.application);
+      refuseFriendApplication(props.application.userID);
+      emit("close");
+    };
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d, _e;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", _hoisted_4, toDisplayString(((_a = _ctx.application) == null ? void 0 : _a.nick) || ((_b = _ctx.application) == null ? void 0 : _b.userID)), 1),
+            createElementVNode("div", _hoisted_5, toDisplayString(unref(t)("TUIContact.ID")) + "：" + toDisplayString((_c = _ctx.application) == null ? void 0 : _c.userID), 1)
+          ]),
+          createVNode(unref(Avatar), {
+            src: _ctx.application.avatar,
+            alt: ((_d = _ctx.application) == null ? void 0 : _d.nick) || _ctx.application.userID,
+            size: "xl"
+          }, null, 8, ["src", "alt"])
+        ]),
+        createElementVNode("div", _hoisted_6, [
+          createElementVNode("div", _hoisted_7, [
+            createElementVNode("div", _hoisted_8, toDisplayString(unref(t)("TUIContact.Verification info")) + "： ", 1),
+            createElementVNode("div", _hoisted_9, toDisplayString(((_e = _ctx.application) == null ? void 0 : _e.wording) || unref(t)("TUIContact.None")), 1)
+          ])
+        ]),
+        _ctx.showActions ? (openBlock(), createElementBlock("div", _hoisted_10, [
+          createVNode(unref(TUIButton), {
+            type: "default",
+            size: "big",
+            color: "red",
+            onClick: handleRefuse
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(t)("TUIContact.Refuse")), 1)
+            ]),
+            _: 1
+          }),
+          createVNode(unref(TUIButton), {
+            type: "primary",
+            size: "big",
+            onClick: handleAccept
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(t)("TUIContact.Agree")), 1)
+            ]),
+            _: 1
+          })
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const FriendApplicationInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-307dfce7"]]);
+export {
+  FriendApplicationInfo as default
+};

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

@@ -0,0 +1,37 @@
+import { FriendApplication, FriendApplicationInfoProps } from '../../../../types/contact';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FriendApplicationInfoProps>, {
+    showActions: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => void;
+    accept: (application: FriendApplication) => void;
+    refuse: (application: FriendApplication) => void;
+    friendApplicationAction: (action: "accept" | "refuse", application: FriendApplication) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FriendApplicationInfoProps>, {
+    showActions: boolean;
+}>>> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onAccept?: ((application: FriendApplication) => any) | undefined;
+    onRefuse?: ((application: FriendApplication) => any) | undefined;
+    onFriendApplicationAction?: ((action: "accept" | "refuse", application: FriendApplication) => any) | undefined;
+}>, {
+    showActions: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +1 @@
+export { default as FriendApplicationInfo } from './FriendApplicationInfo.vue';

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

@@ -0,0 +1,4 @@
+import { default as default2 } from "./FriendApplicationInfo.js";
+export {
+  default2 as FriendApplicationInfo
+};