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

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

@@ -0,0 +1,41 @@
+import { ContactGroupItem, FriendApplication, GroupApplication, ContactListProps } from '../../types/contact';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ContactListProps>, {
+    enableSearch: boolean;
+    searchPlaceholder: undefined;
+    emptyText: 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;
+    "contact-item-click": (item: ContactGroupItem) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ContactListProps>, {
+    enableSearch: boolean;
+    searchPlaceholder: undefined;
+    emptyText: undefined;
+}>>> & Readonly<{
+    "onFriend-application-action"?: ((action: "accept" | "refuse", application: FriendApplication) => any) | undefined;
+    "onGroup-application-action"?: ((action: "accept" | "refuse", application: GroupApplication) => any) | undefined;
+    "onContact-item-click"?: ((item: ContactGroupItem) => any) | undefined;
+}>, {
+    enableSearch: boolean;
+    searchPlaceholder: string;
+    emptyText: string;
+}, {}, {}, {}, 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/ContactListItem/BlacklistItem/BlacklistItem.js

@@ -0,0 +1,52 @@
+import { defineComponent, computed, createElementBlock, openBlock, withKeys, normalizeClass, createElementVNode, createVNode, unref, toDisplayString } from "vue";
+import Avatar from "../../../Avatar/Avatar.js";
+import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _hoisted_1 = { class: "blacklist-item__avatar" };
+const _hoisted_2 = { class: "blacklist-item__content" };
+const _hoisted_3 = { class: "blacklist-item__name" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BlacklistItem",
+  props: {
+    profile: {},
+    isActive: { type: Boolean },
+    onClick: {}
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const blacklistItemClasses = computed(() => [
+      "blacklist-item",
+      {
+        "blacklist-item--active": props.isActive
+      }
+    ]);
+    const handleClick = () => {
+      emit("click", props.profile);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(blacklistItemClasses.value),
+        onClick: handleClick,
+        onKeydown: [
+          withKeys(handleClick, ["enter"]),
+          withKeys(handleClick, ["space"])
+        ]
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          createVNode(unref(Avatar), {
+            src: _ctx.profile.avatar,
+            alt: _ctx.profile.nick || _ctx.profile.userID
+          }, null, 8, ["src", "alt"])
+        ]),
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, toDisplayString(_ctx.profile.nick || _ctx.profile.userID), 1)
+        ])
+      ], 34);
+    };
+  }
+});
+const BlacklistItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2ae9597c"]]);
+export {
+  BlacklistItem as default
+};

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

@@ -0,0 +1,25 @@
+import { BlacklistItemProps } from '../../../../types/contact';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BlacklistItemProps>, {}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (profile: any) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BlacklistItemProps>, {}>>> & Readonly<{
+    onClick?: ((profile: any) => any) | undefined;
+}>, {}, {}, {}, {}, 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/ContactListItem/BlacklistItem/index.d.ts

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

package/dist/components/ContactList/ContactListItem/BlacklistItem/index.js

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

package/dist/components/ContactList/ContactListItem/ContactListItem.js

@@ -0,0 +1,4 @@
+import { ContactListItem as _sfc_main } from "./index.js";
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,30 @@
+import { ContactItemType } from '../../../types/contact';
+import { ContactListItemProps, FriendApplication, GroupApplication } from '../../../types';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ContactListItemProps>, {}>>, {}, {}, {}, {}, 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<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ContactListItemProps>, {}>>> & 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>;
+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/ContactListItem/FriendApplicationItem/FriendApplicationItem.js

@@ -0,0 +1,76 @@
+import { defineComponent, computed, createElementBlock, openBlock, withKeys, normalizeClass, createElementVNode, createVNode, unref, toDisplayString, withModifiers, 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: "friendApplicationItem__avatar" };
+const _hoisted_2 = { class: "friendApplicationItem__content" };
+const _hoisted_3 = { class: "friendApplicationItem__name" };
+const _hoisted_4 = { class: "friendApplicationItem__text" };
+const _hoisted_5 = { class: "friendApplicationItem__actions" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FriendApplicationItem",
+  props: {
+    application: {},
+    isActive: { type: Boolean },
+    onClick: {},
+    onAction: {}
+  },
+  emits: ["click", "action"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { t } = useUIKit();
+    const { acceptFriendApplication } = useContactListState();
+    const friendApplicationItemClasses = computed(() => [
+      "friendApplicationItem",
+      {
+        "friendApplicationItem--active": props.isActive
+      }
+    ]);
+    const handleClick = () => {
+      emit("click", props.application);
+    };
+    const handleAccept = () => {
+      acceptFriendApplication(props.application);
+      emit("action", "accept", props.application);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(friendApplicationItemClasses.value),
+        onClick: handleClick,
+        onKeydown: [
+          withKeys(handleClick, ["enter"]),
+          withKeys(handleClick, ["space"])
+        ]
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          createVNode(unref(Avatar), {
+            src: _ctx.application.avatar,
+            alt: _ctx.application.nick || _ctx.application.userID
+          }, null, 8, ["src", "alt"])
+        ]),
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, toDisplayString(_ctx.application.nick || _ctx.application.userID), 1),
+          createElementVNode("div", _hoisted_4, toDisplayString(unref(t)("TUIContact.Request to add you as friend")), 1)
+        ]),
+        createElementVNode("div", _hoisted_5, [
+          createVNode(unref(TUIButton), {
+            type: "primary",
+            size: "small",
+            onClick: withModifiers(handleAccept, ["stop"])
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(t)("TUIContact.Agree")), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ], 34);
+    };
+  }
+});
+const FriendApplicationItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c8f99e49"]]);
+export {
+  FriendApplicationItem as default
+};

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

@@ -0,0 +1,27 @@
+import { FriendApplicationItemProps } from '../../../../types/contact';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FriendApplicationItemProps>, {}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (application: any) => void;
+    action: (action: "accept" | "refuse", application: any) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FriendApplicationItemProps>, {}>>> & Readonly<{
+    onClick?: ((application: any) => any) | undefined;
+    onAction?: ((action: "accept" | "refuse", application: any) => any) | undefined;
+}>, {}, {}, {}, {}, 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/ContactListItem/FriendApplicationItem/index.d.ts

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

package/dist/components/ContactList/ContactListItem/FriendApplicationItem/index.js

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

package/dist/components/ContactList/ContactListItem/FriendItem/FriendItem.js

@@ -0,0 +1,53 @@
+import { defineComponent, computed, createElementBlock, openBlock, withKeys, normalizeClass, createElementVNode, createVNode, unref, toDisplayString } from "vue";
+import Avatar from "../../../Avatar/Avatar.js";
+import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _hoisted_1 = { class: "friend-item__avatar" };
+const _hoisted_2 = { class: "friend-item__content" };
+const _hoisted_3 = { class: "friend-item__name" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FriendItem",
+  props: {
+    friend: {},
+    isActive: { type: Boolean },
+    onClick: {}
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const friendItemClasses = computed(() => [
+      "friend-item",
+      {
+        "friend-item--active": props.isActive
+      }
+    ]);
+    const handleClick = () => {
+      emit("click", props.friend);
+    };
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(friendItemClasses.value),
+        onClick: handleClick,
+        onKeydown: [
+          withKeys(handleClick, ["enter"]),
+          withKeys(handleClick, ["space"])
+        ]
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          createVNode(unref(Avatar), {
+            src: _ctx.friend.avatar,
+            alt: _ctx.friend.remark || ((_a = _ctx.friend) == null ? void 0 : _a.nick) || _ctx.friend.userID
+          }, null, 8, ["src", "alt"])
+        ]),
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, toDisplayString(_ctx.friend.remark || ((_b = _ctx.friend) == null ? void 0 : _b.nick) || _ctx.friend.userID), 1)
+        ])
+      ], 34);
+    };
+  }
+});
+const FriendItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-af605c50"]]);
+export {
+  FriendItem as default
+};

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

@@ -0,0 +1,25 @@
+import { FriendItemProps } from '../../../../types/contact';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FriendItemProps>, {}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (friend: any) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FriendItemProps>, {}>>> & Readonly<{
+    onClick?: ((friend: any) => any) | undefined;
+}>, {}, {}, {}, {}, 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/ContactListItem/FriendItem/index.d.ts

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

package/dist/components/ContactList/ContactListItem/FriendItem/index.js

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

package/dist/components/ContactList/ContactListItem/GroupApplicationItem/GroupApplicationItem.js

@@ -0,0 +1,79 @@
+import { defineComponent, computed, createElementBlock, openBlock, withKeys, normalizeClass, createElementVNode, createVNode, unref, toDisplayString, withModifiers, 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: "groupApplicationItem__avatar" };
+const _hoisted_2 = { class: "groupApplicationItem__content" };
+const _hoisted_3 = { class: "groupApplicationItem__name" };
+const _hoisted_4 = { class: "groupApplicationItem__text" };
+const _hoisted_5 = { class: "groupApplicationItem__actions" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GroupApplicationItem",
+  props: {
+    application: {},
+    isActive: { type: Boolean },
+    onClick: {},
+    onAction: {}
+  },
+  emits: ["click", "action"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { t } = useUIKit();
+    const { acceptGroupApplication } = useContactListState();
+    const displayName = computed(() => props.application.applicantNick || props.application.applicant);
+    const groupName = computed(() => props.application.groupName || props.application.groupID);
+    const applicationText = computed(
+      () => props.application.applicationType === 0 ? `${t("TUIContact.Apply to join group")}"${groupName.value}"` : `${t("TUIContact.Invite you to join group")}"${groupName.value}"`
+    );
+    const groupApplicationItemClasses = computed(() => [
+      "groupApplicationItem",
+      {
+        "groupApplicationItem--active": props.isActive
+      }
+    ]);
+    const handleClick = () => {
+      emit("click", props.application);
+    };
+    const handleAction = (action, event) => {
+      event.stopPropagation();
+      acceptGroupApplication({ application: props.application });
+      emit("action", action, props.application);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(groupApplicationItemClasses.value),
+        onClick: handleClick,
+        onKeydown: [
+          withKeys(handleClick, ["enter"]),
+          withKeys(handleClick, ["space"])
+        ]
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          createVNode(unref(Avatar), { alt: displayName.value }, null, 8, ["alt"])
+        ]),
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, toDisplayString(displayName.value), 1),
+          createElementVNode("div", _hoisted_4, toDisplayString(applicationText.value), 1)
+        ]),
+        createElementVNode("div", _hoisted_5, [
+          createVNode(unref(TUIButton), {
+            type: "primary",
+            size: "small",
+            onClick: _cache[0] || (_cache[0] = withModifiers(($event) => handleAction("accept", $event), ["stop"]))
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(t)("TUIContact.Agree")), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ], 34);
+    };
+  }
+});
+const GroupApplicationItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3454fabc"]]);
+export {
+  GroupApplicationItem as default
+};

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

@@ -0,0 +1,27 @@
+import { GroupApplicationItemProps } from '../../../../types/contact';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<GroupApplicationItemProps>, {}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (application: any) => void;
+    action: (action: "accept" | "refuse", application: any) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<GroupApplicationItemProps>, {}>>> & Readonly<{
+    onClick?: ((application: any) => any) | undefined;
+    onAction?: ((action: "accept" | "refuse", application: any) => any) | undefined;
+}>, {}, {}, {}, {}, 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/ContactListItem/GroupApplicationItem/index.d.ts

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

package/dist/components/ContactList/ContactListItem/GroupApplicationItem/index.js

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

package/dist/components/ContactList/ContactListItem/GroupItem/GroupItem.js

@@ -0,0 +1,52 @@
+import { defineComponent, computed, createElementBlock, openBlock, withKeys, normalizeClass, createElementVNode, createVNode, unref, toDisplayString } from "vue";
+import Avatar from "../../../Avatar/Avatar.js";
+import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _hoisted_1 = { class: "group-item__avatar" };
+const _hoisted_2 = { class: "group-item__content" };
+const _hoisted_3 = { class: "group-item__name" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GroupItem",
+  props: {
+    group: {},
+    isActive: { type: Boolean },
+    onClick: {}
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const groupItemClasses = computed(() => [
+      "group-item",
+      {
+        "group-item--active": props.isActive
+      }
+    ]);
+    const handleClick = () => {
+      emit("click", props.group);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(groupItemClasses.value),
+        onClick: handleClick,
+        onKeydown: [
+          withKeys(handleClick, ["enter"]),
+          withKeys(handleClick, ["space"])
+        ]
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          createVNode(unref(Avatar), {
+            src: _ctx.group.avatar,
+            alt: _ctx.group.name || _ctx.group.groupID
+          }, null, 8, ["src", "alt"])
+        ]),
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, toDisplayString(_ctx.group.name || _ctx.group.groupID), 1)
+        ])
+      ], 34);
+    };
+  }
+});
+const GroupItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-35660a00"]]);
+export {
+  GroupItem as default
+};

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

@@ -0,0 +1,25 @@
+import { GroupItemProps } from '../../../../types/contact';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<GroupItemProps>, {}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (group: any) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<GroupItemProps>, {}>>> & Readonly<{
+    onClick?: ((group: any) => any) | undefined;
+}>, {}, {}, {}, {}, 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/ContactListItem/GroupItem/index.d.ts

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

package/dist/components/ContactList/ContactListItem/GroupItem/index.js

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

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

@@ -0,0 +1,6 @@
+export { default as ContactListItem } from './ContactListItem.vue';
+export * from './FriendItem';
+export * from './GroupItem';
+export * from './BlacklistItem';
+export * from './FriendApplicationItem';
+export * from './GroupApplicationItem';