@uzum-tech/ui 2.2.1 → 2.3.0

package/es/components.mjs

@@ -16,7 +16,7 @@ import { UCard as _UCard } from "./card/index.mjs";
 import { UCardList as _UCardList } from "./card-list/index.mjs";
 import { UCarousel as _UCarousel, UCarouselItem as _UCarouselItem } from "./carousel/index.mjs";
 import { UCascader as _UCascader } from "./cascader/index.mjs";
-import { UChat as _UChat, UChatListItems as _UChatListItems, UChatMessages as _UChatMessages } from "./chat/index.mjs";
+import { UChat as _UChat, UChatListItems as _UChatListItems, UChatMainArea as _UChatMainArea, UChatMessages as _UChatMessages } from "./chat/index.mjs";
 import { UCheckbox as _UCheckbox, UCheckboxGroup as _UCheckboxGroup } from "./checkbox/index.mjs";
 import { UCode as _UCode } from "./code/index.mjs";
 import { UCollapse as _UCollapse, UCollapseItem as _UCollapseItem } from "./collapse/index.mjs";
@@ -69,6 +69,7 @@ import { UMappingCard as _UMappingCard, UMappingCardList as _UMappingCardList }
 import { UMarquee as _UMarquee } from "./marquee/index.mjs";
 import { UMention as _UMention } from "./mention/index.mjs";
 import { UMenu as _UMenu } from "./menu/index.mjs";
+import { UMessageBubble as _UMessageBubble } from "./message-bubble/index.mjs";
 import { UModal as _UModal, UModalProvider as _UModalProvider } from "./modal/index.mjs";
 import { UModalFullscreen as _UModalFullscreen } from "./modal-fullscreen/index.mjs";
 import { UNumberAnimation as _UNumberAnimation } from "./number-animation/index.mjs";
@@ -151,6 +152,7 @@ export const UCascader = wrap(_UCascader);
 export { ChatAttachmentStatus, ChatMarkType, ChatMessageType, MessageStatus } from "./chat/index.mjs";
 export const UChat = wrap(_UChat);
 export const UChatListItems = wrap(_UChatListItems);
+export const UChatMainArea = wrap(_UChatMainArea);
 export const UChatMessages = wrap(_UChatMessages);
 export { checkboxGroupProps, checkboxProps } from "./checkbox/index.mjs";
 export const UCheckbox = wrap(_UCheckbox);
@@ -293,6 +295,9 @@ export { menuProps } from "./menu/index.mjs";
 export const UMenu = wrap(_UMenu);
 export { messageProviderProps, useMessage } from "./message/index.mjs";
 export { UMessageProvider } from "./message/index.mjs";
+export { messageBubbleProps } from "./message-bubble/index.mjs";
+export { MessageBubbleAttachmentStatus, MessageBubbleServiceVariant, MessageBubbleStatus, MessageBubbleType } from "./message-bubble/index.mjs";
+export const UMessageBubble = wrap(_UMessageBubble);
 export { modalProps, modalProviderProps, useModal, useModalReactiveList } from "./modal/index.mjs";
 export const UModal = wrap(_UModal);
 export const UModalProvider = wrap(_UModalProvider);

package/es/config-provider/src/internal-interface.d.ts

@@ -125,6 +125,8 @@ import type { MentionProps } from '../../mention';
 import type { MentionTheme } from '../../mention/styles';
 import type { MenuProps } from '../../menu';
 import type { MenuTheme } from '../../menu/styles';
+import type { MessageBubbleProps } from '../../message-bubble';
+import type { MessageBubbleTheme } from '../../message-bubble/styles';
 import type { MessageTheme } from '../../message/styles';
 import type { ModalProps } from '../../modal';
 import type { ModalFullscreenTheme } from '../../modal-fullscreen/styles';
@@ -253,6 +255,7 @@ export interface GlobalThemeWithoutCommon {
     Marquee?: MarqueeTheme;
     Menu?: MenuTheme;
     Mention?: MentionTheme;
+    MessageBubble?: MessageBubbleTheme;
     Message?: MessageTheme;
     Modal?: ModalTheme;
     Notification?: NotificationTheme;
@@ -369,6 +372,7 @@ export interface GlobalComponentConfig {
     Marquee?: MarqueeProps;
     Menu?: MenuProps;
     Mention?: MentionProps;
+    MessageBubble?: MessageBubbleProps;
     Modal?: ModalProps;
     PageHeader?: PageHeaderProps;
     Pagination?: PaginationProps & {

package/es/message-bubble/index.d.ts

@@ -0,0 +1,3 @@
+export type { MessageBubbleAction, MessageBubbleAttachment, MessageBubbleId, MessageBubbleMessagePayload, MessageBubbleProps, MessageBubbleRenderContent, MessageBubbleSlots } from './src/interface';
+export { MessageBubbleAttachmentStatus, messageBubbleProps, MessageBubbleServiceVariant, MessageBubbleStatus, MessageBubbleType } from './src/interface';
+export { default as UMessageBubble } from './src/MessageBubble';

package/es/message-bubble/index.mjs

@@ -0,0 +1,2 @@
+export { MessageBubbleAttachmentStatus, messageBubbleProps, MessageBubbleServiceVariant, MessageBubbleStatus, MessageBubbleType } from "./src/interface.mjs";
+export { default as UMessageBubble } from "./src/MessageBubble.mjs";

package/es/message-bubble/src/MessageBubble.d.ts

@@ -0,0 +1,304 @@
+import type { SlotsType, VNodeChild } from 'vue';
+import type { MessageBubbleAttachment, MessageBubbleMessagePayload, MessageBubbleRenderContent, MessageBubbleSlots } from './interface';
+import { MessageBubbleStatus, MessageBubbleType } from './interface';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly type: {
+        readonly type: import("vue").PropType<MessageBubbleType>;
+        readonly default: MessageBubbleType.MESSAGE;
+    };
+    readonly serviceVariant: {
+        readonly type: import("vue").PropType<import("./interface").MessageBubbleServiceVariant>;
+        readonly default: import("./interface").MessageBubbleServiceVariant.SYSTEM;
+    };
+    readonly id: {
+        readonly type: import("vue").PropType<import("./interface").MessageBubbleId>;
+        readonly default: undefined;
+    };
+    readonly isOwn: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly title: {
+        readonly type: import("vue").PropType<MessageBubbleRenderContent>;
+        readonly default: undefined;
+    };
+    readonly content: {
+        readonly type: import("vue").PropType<MessageBubbleRenderContent>;
+        readonly default: undefined;
+    };
+    readonly timestamp: {
+        readonly type: import("vue").PropType<string | number | Date | (() => VNodeChild)>;
+        readonly default: undefined;
+    };
+    readonly status: {
+        readonly type: import("vue").PropType<MessageBubbleStatus>;
+        readonly default: undefined;
+    };
+    readonly attachments: {
+        readonly type: import("vue").PropType<MessageBubbleAttachment[] | MessageBubbleAttachment>;
+        readonly default: undefined;
+    };
+    readonly uploadProps: {
+        readonly type: import("vue").PropType<Partial<import("../..").UploadProps>>;
+        readonly default: undefined;
+    };
+    readonly actions: {
+        readonly type: import("vue").PropType<import("./interface").MessageBubbleAction[]>;
+        readonly default: undefined;
+    };
+    readonly retryText: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    readonly onRetry: {
+        readonly type: import("vue").PropType<(message: MessageBubbleMessagePayload) => void>;
+        readonly default: undefined;
+    };
+    readonly onAttachmentDownload: {
+        readonly type: import("vue").PropType<(attachment: MessageBubbleAttachment) => Promise<void> | void>;
+        readonly default: undefined;
+    };
+    readonly theme: import("vue").PropType<import("../../_mixins").Theme<"MessageBubble", {
+        messageBubbleBackgroundColorOwn: string;
+        messageBubbleBackgroundColorOther: string;
+        messageBubbleTextColorOwn: string;
+        messageBubbleTextColorOther: string;
+        messageTimeColor: string;
+        messageStatusReadColor: string;
+        messageStatusSuccessColor: string;
+        attachmentBackgroundColorOwn: string;
+        attachmentBackgroundColorOther: string;
+        messageErrorColor: string;
+        messageBorderRadius: string;
+        unreadNotificationBackgroundColor: string;
+        unreadNotificationTextColor: string;
+        serviceMessageTextColor: string;
+        serviceMessageBackgroundColor: string;
+        messageTitleColor: string;
+    }, {
+        StatusIcon: import("../../_mixins").Theme<"Icon", {
+            color: string;
+            opacity1Depth: string;
+            opacity2Depth: string;
+            opacity3Depth: string;
+            opacity4Depth: string;
+            opacity5Depth: string;
+        }, any>;
+    }>>;
+    readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"MessageBubble", {
+        messageBubbleBackgroundColorOwn: string;
+        messageBubbleBackgroundColorOther: string;
+        messageBubbleTextColorOwn: string;
+        messageBubbleTextColorOther: string;
+        messageTimeColor: string;
+        messageStatusReadColor: string;
+        messageStatusSuccessColor: string;
+        attachmentBackgroundColorOwn: string;
+        attachmentBackgroundColorOther: string;
+        messageErrorColor: string;
+        messageBorderRadius: string;
+        unreadNotificationBackgroundColor: string;
+        unreadNotificationTextColor: string;
+        serviceMessageTextColor: string;
+        serviceMessageBackgroundColor: string;
+        messageTitleColor: string;
+    }, {
+        StatusIcon: import("../../_mixins").Theme<"Icon", {
+            color: string;
+            opacity1Depth: string;
+            opacity2Depth: string;
+            opacity3Depth: string;
+            opacity4Depth: string;
+            opacity5Depth: string;
+        }, any>;
+    }>>>;
+    readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"MessageBubble", {
+        messageBubbleBackgroundColorOwn: string;
+        messageBubbleBackgroundColorOther: string;
+        messageBubbleTextColorOwn: string;
+        messageBubbleTextColorOther: string;
+        messageTimeColor: string;
+        messageStatusReadColor: string;
+        messageStatusSuccessColor: string;
+        attachmentBackgroundColorOwn: string;
+        attachmentBackgroundColorOther: string;
+        messageErrorColor: string;
+        messageBorderRadius: string;
+        unreadNotificationBackgroundColor: string;
+        unreadNotificationTextColor: string;
+        serviceMessageTextColor: string;
+        serviceMessageBackgroundColor: string;
+        messageTitleColor: string;
+    }, {
+        StatusIcon: import("../../_mixins").Theme<"Icon", {
+            color: string;
+            opacity1Depth: string;
+            opacity2Depth: string;
+            opacity3Depth: string;
+            opacity4Depth: string;
+            opacity5Depth: string;
+        }, any>;
+    }>>>;
+}>, {
+    mergedClsPrefixRef: import("vue").Ref<string, string>;
+    inlineThemeDisabled: boolean | undefined;
+    cssVars: import("vue").ComputedRef<Record<string, string>>;
+    themeClass: import("vue").Ref<string, string> | undefined;
+    onRender: (() => void) | undefined;
+    renderMessage: () => JSX.Element;
+    renderService: () => VNodeChild;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly type: {
+        readonly type: import("vue").PropType<MessageBubbleType>;
+        readonly default: MessageBubbleType.MESSAGE;
+    };
+    readonly serviceVariant: {
+        readonly type: import("vue").PropType<import("./interface").MessageBubbleServiceVariant>;
+        readonly default: import("./interface").MessageBubbleServiceVariant.SYSTEM;
+    };
+    readonly id: {
+        readonly type: import("vue").PropType<import("./interface").MessageBubbleId>;
+        readonly default: undefined;
+    };
+    readonly isOwn: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly title: {
+        readonly type: import("vue").PropType<MessageBubbleRenderContent>;
+        readonly default: undefined;
+    };
+    readonly content: {
+        readonly type: import("vue").PropType<MessageBubbleRenderContent>;
+        readonly default: undefined;
+    };
+    readonly timestamp: {
+        readonly type: import("vue").PropType<string | number | Date | (() => VNodeChild)>;
+        readonly default: undefined;
+    };
+    readonly status: {
+        readonly type: import("vue").PropType<MessageBubbleStatus>;
+        readonly default: undefined;
+    };
+    readonly attachments: {
+        readonly type: import("vue").PropType<MessageBubbleAttachment[] | MessageBubbleAttachment>;
+        readonly default: undefined;
+    };
+    readonly uploadProps: {
+        readonly type: import("vue").PropType<Partial<import("../..").UploadProps>>;
+        readonly default: undefined;
+    };
+    readonly actions: {
+        readonly type: import("vue").PropType<import("./interface").MessageBubbleAction[]>;
+        readonly default: undefined;
+    };
+    readonly retryText: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+    readonly onRetry: {
+        readonly type: import("vue").PropType<(message: MessageBubbleMessagePayload) => void>;
+        readonly default: undefined;
+    };
+    readonly onAttachmentDownload: {
+        readonly type: import("vue").PropType<(attachment: MessageBubbleAttachment) => Promise<void> | void>;
+        readonly default: undefined;
+    };
+    readonly theme: import("vue").PropType<import("../../_mixins").Theme<"MessageBubble", {
+        messageBubbleBackgroundColorOwn: string;
+        messageBubbleBackgroundColorOther: string;
+        messageBubbleTextColorOwn: string;
+        messageBubbleTextColorOther: string;
+        messageTimeColor: string;
+        messageStatusReadColor: string;
+        messageStatusSuccessColor: string;
+        attachmentBackgroundColorOwn: string;
+        attachmentBackgroundColorOther: string;
+        messageErrorColor: string;
+        messageBorderRadius: string;
+        unreadNotificationBackgroundColor: string;
+        unreadNotificationTextColor: string;
+        serviceMessageTextColor: string;
+        serviceMessageBackgroundColor: string;
+        messageTitleColor: string;
+    }, {
+        StatusIcon: import("../../_mixins").Theme<"Icon", {
+            color: string;
+            opacity1Depth: string;
+            opacity2Depth: string;
+            opacity3Depth: string;
+            opacity4Depth: string;
+            opacity5Depth: string;
+        }, any>;
+    }>>;
+    readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"MessageBubble", {
+        messageBubbleBackgroundColorOwn: string;
+        messageBubbleBackgroundColorOther: string;
+        messageBubbleTextColorOwn: string;
+        messageBubbleTextColorOther: string;
+        messageTimeColor: string;
+        messageStatusReadColor: string;
+        messageStatusSuccessColor: string;
+        attachmentBackgroundColorOwn: string;
+        attachmentBackgroundColorOther: string;
+        messageErrorColor: string;
+        messageBorderRadius: string;
+        unreadNotificationBackgroundColor: string;
+        unreadNotificationTextColor: string;
+        serviceMessageTextColor: string;
+        serviceMessageBackgroundColor: string;
+        messageTitleColor: string;
+    }, {
+        StatusIcon: import("../../_mixins").Theme<"Icon", {
+            color: string;
+            opacity1Depth: string;
+            opacity2Depth: string;
+            opacity3Depth: string;
+            opacity4Depth: string;
+            opacity5Depth: string;
+        }, any>;
+    }>>>;
+    readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"MessageBubble", {
+        messageBubbleBackgroundColorOwn: string;
+        messageBubbleBackgroundColorOther: string;
+        messageBubbleTextColorOwn: string;
+        messageBubbleTextColorOther: string;
+        messageTimeColor: string;
+        messageStatusReadColor: string;
+        messageStatusSuccessColor: string;
+        attachmentBackgroundColorOwn: string;
+        attachmentBackgroundColorOther: string;
+        messageErrorColor: string;
+        messageBorderRadius: string;
+        unreadNotificationBackgroundColor: string;
+        unreadNotificationTextColor: string;
+        serviceMessageTextColor: string;
+        serviceMessageBackgroundColor: string;
+        messageTitleColor: string;
+    }, {
+        StatusIcon: import("../../_mixins").Theme<"Icon", {
+            color: string;
+            opacity1Depth: string;
+            opacity2Depth: string;
+            opacity3Depth: string;
+            opacity4Depth: string;
+            opacity5Depth: string;
+        }, any>;
+    }>>>;
+}>> & Readonly<{}>, {
+    readonly type: MessageBubbleType;
+    readonly content: MessageBubbleRenderContent;
+    readonly title: MessageBubbleRenderContent;
+    readonly id: import("./interface").MessageBubbleId;
+    readonly status: MessageBubbleStatus;
+    readonly retryText: string;
+    readonly actions: import("./interface").MessageBubbleAction[];
+    readonly onRetry: (message: MessageBubbleMessagePayload) => void;
+    readonly serviceVariant: import("./interface").MessageBubbleServiceVariant;
+    readonly isOwn: boolean;
+    readonly timestamp: string | number | Date | (() => VNodeChild);
+    readonly attachments: MessageBubbleAttachment | MessageBubbleAttachment[];
+    readonly uploadProps: Partial<import("../..").UploadProps>;
+    readonly onAttachmentDownload: (attachment: MessageBubbleAttachment) => Promise<void> | void;
+}, SlotsType<MessageBubbleSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;