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

package/dist/components/ConversationList/ConversationPreview/ConversationPreviewUI.vue.d.ts

@@ -0,0 +1,599 @@
+import { ConversationModel, ConversationPreviewUIProps } from '../../../types';
+
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ConversationPreviewUIProps>, {
+    isSelected: boolean;
+    enableActions: boolean;
+    Avatar: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        size: {
+            type: import('vue').PropType<import('../../Avatar').AvatarSize>;
+            default: string;
+        };
+        style: {
+            type: import('vue').PropType<import('vue').CSSProperties>;
+        };
+        onClick: {
+            type: import('vue').PropType<() => void>;
+        };
+        src: {
+            type: import('vue').PropType<string>;
+        };
+        isShowOnlineStatus: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        isOnline: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        unreadCount: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        maxUnreadCount: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        isDotUnreadCount: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        shape: {
+            type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+            default: string;
+        };
+        alt: {
+            type: import('vue').PropType<string>;
+        };
+        className: {
+            type: import('vue').PropType<string>;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: import('vue').PropType<import('../../Avatar').AvatarSize>;
+            default: string;
+        };
+        style: {
+            type: import('vue').PropType<import('vue').CSSProperties>;
+        };
+        onClick: {
+            type: import('vue').PropType<() => void>;
+        };
+        src: {
+            type: import('vue').PropType<string>;
+        };
+        isShowOnlineStatus: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        isOnline: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        unreadCount: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        maxUnreadCount: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        isDotUnreadCount: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        shape: {
+            type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+            default: string;
+        };
+        alt: {
+            type: import('vue').PropType<string>;
+        };
+        className: {
+            type: import('vue').PropType<string>;
+        };
+    }>> & Readonly<{}>, {
+        size: import('../../Avatar').AvatarSize;
+        isShowOnlineStatus: boolean;
+        isOnline: boolean;
+        unreadCount: number;
+        maxUnreadCount: number;
+        isDotUnreadCount: boolean;
+        shape: import('../../Avatar').AvatarShape;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    ConversationActions: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        onClose: {
+            type: import('vue').PropType<() => void>;
+        };
+        style: {
+            type: import('vue').PropType<import('vue').CSSProperties>;
+        };
+        onClick: {
+            type: import('vue').PropType<(e: Event, key?: string, conversation?: ConversationModel) => void>;
+        };
+        className: {
+            type: import('vue').PropType<string>;
+        };
+        onMarkConversationUnread: {
+            type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+        };
+        onConversationPin: {
+            type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+        };
+        onConversationMute: {
+            type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+        };
+        onConversationDelete: {
+            type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+        };
+        customConversationActions: {
+            type: import('vue').PropType<Record<string, import('../../..').ConversationActionItem>>;
+        };
+        PopupIcon: {
+            type: import('vue').PropType<any>;
+        };
+        PopupElements: {
+            type: import('vue').PropType<any[]>;
+        };
+        conversation: {
+            type: import('vue').PropType<ConversationModel>;
+            required: true;
+        };
+        enablePin: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        enableMute: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        enableDelete: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        enableMarkUnread: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: (e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => void;
+        close: () => void;
+        markConversationUnread: (conversation: ConversationModel, e?: Event | undefined) => void;
+        conversationPin: (conversation: ConversationModel, e?: Event | undefined) => void;
+        conversationMute: (conversation: ConversationModel, e?: Event | undefined) => void;
+        conversationDelete: (conversation: ConversationModel, e?: Event | undefined) => void;
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        onClose: {
+            type: import('vue').PropType<() => void>;
+        };
+        style: {
+            type: import('vue').PropType<import('vue').CSSProperties>;
+        };
+        onClick: {
+            type: import('vue').PropType<(e: Event, key?: string, conversation?: ConversationModel) => void>;
+        };
+        className: {
+            type: import('vue').PropType<string>;
+        };
+        onMarkConversationUnread: {
+            type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+        };
+        onConversationPin: {
+            type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+        };
+        onConversationMute: {
+            type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+        };
+        onConversationDelete: {
+            type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+        };
+        customConversationActions: {
+            type: import('vue').PropType<Record<string, import('../../..').ConversationActionItem>>;
+        };
+        PopupIcon: {
+            type: import('vue').PropType<any>;
+        };
+        PopupElements: {
+            type: import('vue').PropType<any[]>;
+        };
+        conversation: {
+            type: import('vue').PropType<ConversationModel>;
+            required: true;
+        };
+        enablePin: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        enableMute: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        enableDelete: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        enableMarkUnread: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClick?: ((e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => any) | undefined;
+        onClose?: (() => any) | undefined;
+        onMarkConversationUnread?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+        onConversationPin?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+        onConversationMute?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+        onConversationDelete?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+    }>, {
+        enablePin: boolean;
+        enableMute: boolean;
+        enableDelete: boolean;
+        enableMarkUnread: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    Title: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        conversation: {
+            type: import('vue').PropType<ConversationModel>;
+            required: true;
+        };
+        highlightMatchString: {
+            type: import('vue').PropType<string>;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        conversation: {
+            type: import('vue').PropType<ConversationModel>;
+            required: true;
+        };
+        highlightMatchString: {
+            type: import('vue').PropType<string>;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    LastMessageAbstract: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        conversation: {
+            type: import('vue').PropType<ConversationModel>;
+            required: true;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        conversation: {
+            type: import('vue').PropType<ConversationModel>;
+            required: true;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    Unread: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        conversation: {
+            type: import('vue').PropType<ConversationModel>;
+            required: true;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        conversation: {
+            type: import('vue').PropType<ConversationModel>;
+            required: true;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    LastMessageTimestamp: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        conversation: {
+            type: import('vue').PropType<ConversationModel>;
+            required: true;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        conversation: {
+            type: import('vue').PropType<ConversationModel>;
+            required: true;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (conversation: ConversationModel) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ConversationPreviewUIProps>, {
+    isSelected: boolean;
+    enableActions: boolean;
+    Avatar: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        size: {
+            type: import('vue').PropType<import('../../Avatar').AvatarSize>;
+            default: string;
+        };
+        style: {
+            type: import('vue').PropType<import('vue').CSSProperties>;
+        };
+        onClick: {
+            type: import('vue').PropType<() => void>;
+        };
+        src: {
+            type: import('vue').PropType<string>;
+        };
+        isShowOnlineStatus: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        isOnline: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        unreadCount: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        maxUnreadCount: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        isDotUnreadCount: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        shape: {
+            type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+            default: string;
+        };
+        alt: {
+            type: import('vue').PropType<string>;
+        };
+        className: {
+            type: import('vue').PropType<string>;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: import('vue').PropType<import('../../Avatar').AvatarSize>;
+            default: string;
+        };
+        style: {
+            type: import('vue').PropType<import('vue').CSSProperties>;
+        };
+        onClick: {
+            type: import('vue').PropType<() => void>;
+        };
+        src: {
+            type: import('vue').PropType<string>;
+        };
+        isShowOnlineStatus: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        isOnline: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        unreadCount: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        maxUnreadCount: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        isDotUnreadCount: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        shape: {
+            type: import('vue').PropType<import('../../Avatar').AvatarShape>;
+            default: string;
+        };
+        alt: {
+            type: import('vue').PropType<string>;
+        };
+        className: {
+            type: import('vue').PropType<string>;
+        };
+    }>> & Readonly<{}>, {
+        size: import('../../Avatar').AvatarSize;
+        isShowOnlineStatus: boolean;
+        isOnline: boolean;
+        unreadCount: number;
+        maxUnreadCount: number;
+        isDotUnreadCount: boolean;
+        shape: import('../../Avatar').AvatarShape;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    ConversationActions: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        onClose: {
+            type: import('vue').PropType<() => void>;
+        };
+        style: {
+            type: import('vue').PropType<import('vue').CSSProperties>;
+        };
+        onClick: {
+            type: import('vue').PropType<(e: Event, key?: string, conversation?: ConversationModel) => void>;
+        };
+        className: {
+            type: import('vue').PropType<string>;
+        };
+        onMarkConversationUnread: {
+            type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+        };
+        onConversationPin: {
+            type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+        };
+        onConversationMute: {
+            type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+        };
+        onConversationDelete: {
+            type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+        };
+        customConversationActions: {
+            type: import('vue').PropType<Record<string, import('../../..').ConversationActionItem>>;
+        };
+        PopupIcon: {
+            type: import('vue').PropType<any>;
+        };
+        PopupElements: {
+            type: import('vue').PropType<any[]>;
+        };
+        conversation: {
+            type: import('vue').PropType<ConversationModel>;
+            required: true;
+        };
+        enablePin: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        enableMute: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        enableDelete: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        enableMarkUnread: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: (e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => void;
+        close: () => void;
+        markConversationUnread: (conversation: ConversationModel, e?: Event | undefined) => void;
+        conversationPin: (conversation: ConversationModel, e?: Event | undefined) => void;
+        conversationMute: (conversation: ConversationModel, e?: Event | undefined) => void;
+        conversationDelete: (conversation: ConversationModel, e?: Event | undefined) => void;
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        onClose: {
+            type: import('vue').PropType<() => void>;
+        };
+        style: {
+            type: import('vue').PropType<import('vue').CSSProperties>;
+        };
+        onClick: {
+            type: import('vue').PropType<(e: Event, key?: string, conversation?: ConversationModel) => void>;
+        };
+        className: {
+            type: import('vue').PropType<string>;
+        };
+        onMarkConversationUnread: {
+            type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+        };
+        onConversationPin: {
+            type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+        };
+        onConversationMute: {
+            type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+        };
+        onConversationDelete: {
+            type: import('vue').PropType<(conversation: ConversationModel, e?: Event) => void>;
+        };
+        customConversationActions: {
+            type: import('vue').PropType<Record<string, import('../../..').ConversationActionItem>>;
+        };
+        PopupIcon: {
+            type: import('vue').PropType<any>;
+        };
+        PopupElements: {
+            type: import('vue').PropType<any[]>;
+        };
+        conversation: {
+            type: import('vue').PropType<ConversationModel>;
+            required: true;
+        };
+        enablePin: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        enableMute: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        enableDelete: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        enableMarkUnread: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClick?: ((e: Event, key?: string | undefined, conversation?: ConversationModel | undefined) => any) | undefined;
+        onClose?: (() => any) | undefined;
+        onMarkConversationUnread?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+        onConversationPin?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+        onConversationMute?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+        onConversationDelete?: ((conversation: ConversationModel, e?: Event | undefined) => any) | undefined;
+    }>, {
+        enablePin: boolean;
+        enableMute: boolean;
+        enableDelete: boolean;
+        enableMarkUnread: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    Title: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        conversation: {
+            type: import('vue').PropType<ConversationModel>;
+            required: true;
+        };
+        highlightMatchString: {
+            type: import('vue').PropType<string>;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        conversation: {
+            type: import('vue').PropType<ConversationModel>;
+            required: true;
+        };
+        highlightMatchString: {
+            type: import('vue').PropType<string>;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    LastMessageAbstract: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        conversation: {
+            type: import('vue').PropType<ConversationModel>;
+            required: true;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        conversation: {
+            type: import('vue').PropType<ConversationModel>;
+            required: true;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    Unread: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        conversation: {
+            type: import('vue').PropType<ConversationModel>;
+            required: true;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        conversation: {
+            type: import('vue').PropType<ConversationModel>;
+            required: true;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    LastMessageTimestamp: () => import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        conversation: {
+            type: import('vue').PropType<ConversationModel>;
+            required: true;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        conversation: {
+            type: import('vue').PropType<ConversationModel>;
+            required: true;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>>> & Readonly<{
+    onSelect?: ((conversation: ConversationModel) => any) | undefined;
+}>, {
+    Avatar: import('vue').Component<import('../../Avatar').AvatarProps>;
+    isSelected: boolean;
+    ConversationActions: import('vue').Component<import('../../..').ConversationActionsProps>;
+    enableActions: boolean;
+    Title: string | any;
+    LastMessageAbstract: string | any;
+    LastMessageTimestamp: string | any;
+    Unread: string | any;
+}, {}, {}, {}, 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> = {
+    [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];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ConversationList/ConversationPreview/ConversationPreviewUnread.js

@@ -0,0 +1,68 @@
+import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, createBlock, createCommentVNode, unref, toDisplayString } from "vue";
+import TUIChatEngine from "@tencentcloud/chat-uikit-engine";
+import { IconMute } from "@tencentcloud/uikit-base-component-vue3";
+import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ConversationPreviewUnread",
+  props: {
+    conversation: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const isUnreadMarked = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.conversation) == null ? void 0 : _a.markList) == null ? void 0 : _b.includes(TUIChatEngine.TYPES.CONV_MARK_TYPE_UNREAD);
+    });
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d;
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.conversationPreview__unread)
+      }, [
+        ((_a = _ctx.conversation) == null ? void 0 : _a.isMuted) ? (openBlock(), createBlock(unref(IconMute), { key: 0 })) : ((_b = _ctx.conversation) == null ? void 0 : _b.unreadCount) > 99 ? (openBlock(), createElementBlock("span", {
+          key: 1,
+          class: normalizeClass(_ctx.$style["unread-count"])
+        }, "99+", 2)) : ((_c = _ctx.conversation) == null ? void 0 : _c.unreadCount) > 0 ? (openBlock(), createElementBlock("span", {
+          key: 2,
+          class: normalizeClass(_ctx.$style["unread-count"])
+        }, toDisplayString((_d = _ctx.conversation) == null ? void 0 : _d.unreadCount), 3)) : isUnreadMarked.value ? (openBlock(), createElementBlock("span", {
+          key: 3,
+          class: normalizeClass(_ctx.$style["unread-count"])
+        }, "1", 2)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const conversationPreview = "_conversationPreview_87t7r_1";
+const conversationPreview__avatar = "_conversationPreview__avatar_87t7r_23";
+const conversationPreview__content = "_conversationPreview__content_87t7r_27";
+const conversationPreview__header = "_conversationPreview__header_87t7r_31";
+const conversationPreview__title = "_conversationPreview__title_87t7r_37";
+const conversationPreview__time = "_conversationPreview__time_87t7r_46";
+const conversationPreview__footer = "_conversationPreview__footer_87t7r_53";
+const conversationPreview__abstract = "_conversationPreview__abstract_87t7r_58";
+const conversationPreview__external = "_conversationPreview__external_87t7r_66";
+const conversationPreview__unread = "_conversationPreview__unread_87t7r_75";
+const conversationPreview__actions = "_conversationPreview__actions_87t7r_92";
+const style0 = {
+  conversationPreview,
+  "conversationPreview--active": "_conversationPreview--active_87t7r_17",
+  "conversationPreview--pin": "_conversationPreview--pin_87t7r_20",
+  conversationPreview__avatar,
+  conversationPreview__content,
+  conversationPreview__header,
+  conversationPreview__title,
+  conversationPreview__time,
+  conversationPreview__footer,
+  conversationPreview__abstract,
+  conversationPreview__external,
+  conversationPreview__unread,
+  "unread-count": "_unread-count_87t7r_79",
+  conversationPreview__actions
+};
+const cssModules = {
+  "$style": style0
+};
+const DefaultUnread = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  DefaultUnread as default
+};

package/dist/components/ConversationList/ConversationPreview/ConversationPreviewUnread.vue.d.ts

@@ -0,0 +1,17 @@
+import { ConversationModel } from '../../../types';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    conversation: ConversationModel;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    conversation: ConversationModel;
+}>>> & Readonly<{}>, {}, {}, {}, {}, 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;
+    };
+};