@uzum-tech/ui 2.2.0 → 2.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +1431 -721
- package/dist/index.mjs +1424 -722
- package/dist/index.prod.js +2 -2
- package/dist/index.prod.mjs +2 -2
- package/es/chat/index.d.ts +2 -0
- package/es/chat/index.mjs +1 -0
- package/es/chat/src/Chat.d.ts +20800 -24
- package/es/chat/src/Chat.mjs +1 -1
- package/es/chat/src/ChatMainArea.d.ts +9749 -0
- package/es/chat/src/{ChatParts/MainArea.mjs → ChatMainArea.mjs} +409 -75
- package/es/chat/src/ChatMessages.d.ts +1 -33
- package/es/chat/src/ChatMessages.mjs +79 -167
- package/es/chat/src/interface.d.ts +16 -12
- package/es/chat/src/interface.mjs +7 -1
- package/es/chat/src/styles/index.cssr.mjs +4 -1
- package/es/components.d.ts +28782 -256
- package/es/components.mjs +6 -1
- package/es/config-provider/src/internal-interface.d.ts +4 -0
- package/es/message-bubble/index.d.ts +3 -0
- package/es/message-bubble/index.mjs +2 -0
- package/es/message-bubble/src/MessageBubble.d.ts +304 -0
- package/es/message-bubble/src/MessageBubble.mjs +336 -0
- package/es/message-bubble/src/interface.d.ts +204 -0
- package/es/message-bubble/src/interface.mjs +92 -0
- package/es/message-bubble/src/styles/index.cssr.d.ts +2 -0
- package/es/message-bubble/src/styles/index.cssr.mjs +133 -0
- package/es/message-bubble/styles/dark.d.ts +29 -0
- package/es/message-bubble/styles/dark.mjs +13 -0
- package/es/message-bubble/styles/index.d.ts +3 -0
- package/es/message-bubble/styles/index.mjs +2 -0
- package/es/message-bubble/styles/light.d.ts +49 -0
- package/es/message-bubble/styles/light.mjs +44 -0
- package/es/pagination/src/Pagination.d.ts +4 -0
- package/es/pagination/src/Pagination.mjs +8 -0
- package/es/pagination/src/interface.d.ts +2 -0
- package/es/pagination/src/interface.mjs +2 -0
- package/es/styles.d.ts +1 -0
- package/es/styles.mjs +1 -0
- package/es/themes/dark.mjs +2 -0
- package/es/themes/light.mjs +2 -0
- package/es/upload/src/Upload.d.ts +1 -1
- package/es/version.d.ts +1 -1
- package/es/version.mjs +1 -1
- package/lib/chat/index.d.ts +2 -0
- package/lib/chat/index.js +3 -1
- package/lib/chat/src/Chat.d.ts +20800 -24
- package/lib/chat/src/Chat.js +2 -2
- package/lib/chat/src/ChatMainArea.d.ts +9749 -0
- package/lib/chat/src/{ChatParts/MainArea.js → ChatMainArea.js} +299 -30
- package/lib/chat/src/ChatMessages.d.ts +1 -33
- package/lib/chat/src/ChatMessages.js +61 -158
- package/lib/chat/src/interface.d.ts +16 -12
- package/lib/chat/src/interface.js +7 -1
- package/lib/chat/src/styles/index.cssr.js +4 -1
- package/lib/components.d.ts +28782 -256
- package/lib/components.js +18 -8
- package/lib/config-provider/src/internal-interface.d.ts +4 -0
- package/lib/message-bubble/index.d.ts +3 -0
- package/lib/message-bubble/index.js +14 -0
- package/lib/message-bubble/src/MessageBubble.d.ts +304 -0
- package/lib/message-bubble/src/MessageBubble.js +276 -0
- package/lib/message-bubble/src/interface.d.ts +204 -0
- package/lib/message-bubble/src/interface.js +80 -0
- package/lib/message-bubble/src/styles/index.cssr.d.ts +2 -0
- package/lib/message-bubble/src/styles/index.cssr.js +138 -0
- package/lib/message-bubble/styles/dark.d.ts +29 -0
- package/lib/message-bubble/styles/dark.js +15 -0
- package/lib/message-bubble/styles/index.d.ts +3 -0
- package/lib/message-bubble/styles/index.js +10 -0
- package/lib/message-bubble/styles/light.d.ts +49 -0
- package/lib/message-bubble/styles/light.js +36 -0
- package/lib/pagination/src/Pagination.d.ts +4 -0
- package/lib/pagination/src/Pagination.js +6 -0
- package/lib/pagination/src/interface.d.ts +2 -0
- package/lib/pagination/src/interface.js +1 -1
- package/lib/styles.d.ts +1 -0
- package/lib/styles.js +84 -82
- package/lib/themes/dark.js +78 -76
- package/lib/themes/light.js +76 -74
- package/lib/upload/src/Upload.d.ts +1 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +4 -4
- package/volar.d.ts +2 -0
- package/web-types.json +182 -1
- package/es/chat/src/ChatParts/MainArea.d.ts +0 -20
- package/lib/chat/src/ChatParts/MainArea.d.ts +0 -20
package/lib/components.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
4
|
-
exports.
|
|
5
|
-
exports.
|
|
6
|
-
exports.
|
|
7
|
-
exports.
|
|
8
|
-
exports.
|
|
9
|
-
exports.
|
|
10
|
-
exports.UWatermark = exports.watermarkProps = exports.UVirtualList = exports.virtualListProps = exports.UUploadTrigger = exports.UUploadFileList = exports.UUploadDragger = exports.UUpload = exports.uploadProps = exports.uploadDownload = exports.UUl = exports.UText = exports.UOl = exports.ULi = exports.UHr = exports.UH6 = exports.UH5 = exports.UH4 = exports.UH3 = exports.UH2 = exports.UH1 = exports.UBlockquote = exports.ulProps = exports.textProps = exports.pProps = exports.olProps = exports.NP = exports.NA = exports.h6Props = exports.h5Props = void 0;
|
|
3
|
+
exports.checkboxGroupProps = exports.UChatMessages = exports.UChatMainArea = exports.UChatListItems = exports.UChat = exports.MessageStatus = exports.ChatMessageType = exports.ChatMarkType = exports.ChatAttachmentStatus = exports.UCascader = exports.cascaderProps = exports.UCarouselItem = exports.UCarousel = exports.carouselProps = exports.UCardList = exports.cardListProps = exports.UCard = exports.cardProps = exports.UCalendar = exports.calendarProps = exports.UButtonGroup = exports.buttonGroupProps = exports.UxButton = exports.UButton = exports.buttonProps = exports.UBreadcrumbItem = exports.UBreadcrumb = exports.breadcrumbProps = exports.breadcrumbItemProps = exports.UBadge = exports.badgeProps = exports.UBackTop = exports.backTopProps = exports.UAvatarGroup = exports.avatarGroupProps = exports.UAvatar = exports.avatarProps = exports.UAutoComplete = exports.autoCompleteProps = exports.UAnchorLink = exports.UAnchor = exports.anchorProps = exports.anchorLinkProps = exports.UAlert = exports.alertProps = exports.UAffix = exports.affixProps = exports.UActionCard = exports.actionCardLight = exports.actionCardDark = void 0;
|
|
4
|
+
exports.elementProps = exports.UDynamicTags = exports.dynamicTagsProps = exports.UDynamicInput = exports.dynamicInputProps = exports.UDropdown = exports.dropdownProps = exports.UDrawerContent = exports.UDrawer = exports.drawerProps = exports.drawerContentProps = exports.UDivider = exports.dividerProps = exports.createDiscreteApi = exports.UDialog = exports.UDialogProvider = exports.useDialogReactiveList = exports.useDialog = exports.dialogProviderProps = exports.dialogProps = exports.UDescriptionsItem = exports.UDescriptions = exports.descriptionsProps = exports.descriptionsItemProps = exports.UDatePickerV2 = exports.datePickerV2Light = exports.datePickerV2Dark = exports.UDatePicker = exports.datePickerProps = exports.UDataTable = exports.dataTableProps = exports.UCrop = exports.cropProps = exports.UCountdown = exports.countdownProps = exports.UConfigProvider = exports.configProviderProps = exports.UColorPicker = exports.colorPickerProps = exports.UCollapseTransition = exports.collapseTransitionProps = exports.UCollapseItem = exports.UCollapse = exports.collapseProps = exports.collapseItemProps = exports.UCode = exports.codeProps = exports.UCheckboxGroup = exports.UCheckbox = exports.checkboxProps = void 0;
|
|
5
|
+
exports.isNotNull = exports.isLeafMenuOption = exports.isGroupOption = exports.isDividerOption = exports.isColumnOption = exports.headerSearchResultsProps = exports.headerSearchMobileProps = exports.headerSearchDesktopProps = exports.headerProps = exports.headerNavigationProps = exports.headerMobileProps = exports.headerMobileLayoutProps = exports.headerDesktopLayoutProps = exports.headerActionsProps = exports.hasChildren = exports.getMenuItemKey = exports.UGi = exports.UGridItem = exports.UGrid = exports.gridProps = exports.gridItemProps = exports.giProps = exports.UGradientText = exports.gradientTextProps = exports.UGlobalStyle = exports.UFormItemRow = exports.UFormItemGridItem = exports.UFormItemGi = exports.UFormItemCol = exports.UFormItem = exports.UForm = exports.formProps = exports.formItemProps = exports.formItemGridItemProps = exports.formItemGiProps = exports.UFloatButtonGroup = exports.floatButtonGroupProps = exports.UFloatButton = exports.floatButtonProps = exports.UFlex = exports.flexProps = exports.UEquation = exports.equationProps = exports.UEmpty = exports.emptyProps = exports.UPerformantEllipsis = exports.UEllipsis = exports.ellipsisProps = exports.UEl = exports.UElement = void 0;
|
|
6
|
+
exports.UInputNumber = exports.inputNumberProps = exports.UInputGroupLabel = exports.UInputGroup = exports.UInput = exports.inputProps = exports.inputGroupProps = exports.inputGroupLabelProps = exports.UInfiniteScroll = exports.infiniteScrollProps = exports.UImagePreview = exports.UImageGroup = exports.UImage = exports.imageProps = exports.imagePreviewProps = exports.imageGroupProps = exports.UIconWrapper = exports.iconWrapperProps = exports.UIconPack = exports.iconPackProps = exports.iconPackLight = exports.iconPackDark = exports.UIconBarItem = exports.UIconBar = exports.iconBarProps = exports.iconBarItemProps = exports.UIcon = exports.renderIcon = exports.renderAsyncIcon = exports.iconProps = exports.UHighlight = exports.highlightProps = exports.UHeatmap = exports.heatmapProps = exports.heatmapMockData = exports.heatmapLight = exports.heatmapDark = exports.UHeaderSearchResults = exports.UHeaderSearchMobile = exports.UHeaderSearchDesktop = exports.UHeaderNavigation = exports.UHeaderMobileLayout = exports.UHeaderDesktopLayout = exports.UHeaderActions = exports.UHeader = exports.UHeaderMobile = exports.resolveTopLevelMenuKey = exports.resolvePlacement = exports.renderOptionLabel = exports.renderBadge = void 0;
|
|
7
|
+
exports.MessageBubbleType = exports.MessageBubbleStatus = exports.MessageBubbleServiceVariant = exports.MessageBubbleAttachmentStatus = exports.messageBubbleProps = exports.UMessageProvider = exports.useMessage = exports.messageProviderProps = exports.UMenu = exports.menuProps = exports.UMention = exports.mentionProps = exports.UMarquee = exports.UMappingCardList = exports.UMappingCard = exports.renderConfig = exports.mappingCardLight = exports.mappingCardDark = exports.ULog = exports.logProps = exports.ULoadingBarProvider = exports.useLoadingBar = exports.loadingBarProviderProps = exports.UListItem = exports.UList = exports.listProps = exports.ULegacyTransfer = exports.legacyTransferProps = exports.URow = exports.UCol = exports.rowProps = exports.colProps = exports.ULayoutSider = exports.ULayoutHeader = exports.ULayoutFooter = exports.ULayoutContent = exports.ULayout = exports.layoutSiderProps = exports.layoutProps = exports.layoutHeaderProps = exports.layoutFooterProps = exports.layoutContentProps = exports.UKanbanColumn = exports.UKanbanCard = exports.UKanban = exports.kanbanProps = exports.kanbanLight = exports.kanbanDark = exports.UInputOtp = exports.inputOtpProps = void 0;
|
|
8
|
+
exports.USpace = exports.spaceProps = exports.USlider = exports.sliderProps = exports.USkeleton = exports.skeletonProps = exports.USelect = exports.selectProps = exports.UScrollbar = exports.scrollbarProps = exports.USafeTopScrollbar = exports.safeTopScrollbarProps = exports.UResult = exports.resultProps = exports.URate = exports.rateProps = exports.URadioGroup = exports.URadioButton = exports.URadio = exports.radioProps = exports.radioGroupProps = exports.radioButtonProps = exports.UQrCode = exports.qrCodeProps = exports.UProgress = exports.progressProps = exports.UPopselect = exports.popselectProps = exports.UPopover = exports.popoverProps = exports.UPopconfirm = exports.popconfirmProps = exports.UPagination = exports.paginationProps = exports.UPageHeader = exports.pageHeaderProps = exports.UNumberAnimation = exports.numberAnimationProps = exports.UNotificationProvider = exports.useNotification = exports.notificationProviderProps = exports.UModalFullscreen = exports.modalFullscreenProps = exports.UModalProvider = exports.UModal = exports.useModalReactiveList = exports.useModal = exports.modalProviderProps = exports.modalProps = exports.UMessageBubble = void 0;
|
|
9
|
+
exports.treeSelectProps = exports.UTree = exports.treeProps = exports.treeGetClickTarget = exports.UTransfer = exports.transferProps = exports.UTooltip = exports.tooltipProps = exports.UToggleButton = exports.toggleButtonProps = exports.UTimelineItem = exports.UTimeline = exports.timelineProps = exports.timelineItemProps = exports.UTimePicker = exports.timePickerProps = exports.UTime = exports.timeProps = exports.UThing = exports.thingProps = exports.UTagGroup = exports.UTag = exports.tagProps = exports.UTabs = exports.UTabPane = exports.UTab = exports.tabsProps = exports.tabProps = exports.tabPaneProps = exports.UTr = exports.UThead = exports.UTh = exports.UTd = exports.UTbody = exports.UTable = exports.tableProps = exports.USwitch = exports.switchProps = exports.USteps = exports.UStep = exports.stepsProps = exports.stepProps = exports.UStatus = exports.statusProps = exports.UStatistic = exports.statisticProps = exports.USplit = exports.splitProps = exports.USpin = exports.spinProps = void 0;
|
|
10
|
+
exports.UWatermark = exports.watermarkProps = exports.UVirtualList = exports.virtualListProps = exports.UUploadTrigger = exports.UUploadFileList = exports.UUploadDragger = exports.UUpload = exports.uploadProps = exports.uploadDownload = exports.UUl = exports.UText = exports.UOl = exports.ULi = exports.UHr = exports.UH6 = exports.UH5 = exports.UH4 = exports.UH3 = exports.UH2 = exports.UH1 = exports.UBlockquote = exports.ulProps = exports.textProps = exports.pProps = exports.olProps = exports.NP = exports.NA = exports.h6Props = exports.h5Props = exports.h4Props = exports.h3Props = exports.h2Props = exports.h1Props = exports.blockquoteProps = exports.aProps = exports.UTreeSelect = void 0;
|
|
11
11
|
const wrap_component_1 = require("./_utils/wrap-component");
|
|
12
12
|
const action_card_1 = require("./action-card");
|
|
13
13
|
const affix_1 = require("./affix");
|
|
@@ -79,6 +79,7 @@ const mapping_card_1 = require("./mapping-card");
|
|
|
79
79
|
const marquee_1 = require("./marquee");
|
|
80
80
|
const mention_1 = require("./mention");
|
|
81
81
|
const menu_1 = require("./menu");
|
|
82
|
+
const message_bubble_1 = require("./message-bubble");
|
|
82
83
|
const modal_1 = require("./modal");
|
|
83
84
|
const modal_fullscreen_1 = require("./modal-fullscreen");
|
|
84
85
|
const number_animation_1 = require("./number-animation");
|
|
@@ -185,6 +186,7 @@ Object.defineProperty(exports, "ChatMessageType", { enumerable: true, get: funct
|
|
|
185
186
|
Object.defineProperty(exports, "MessageStatus", { enumerable: true, get: function () { return chat_2.MessageStatus; } });
|
|
186
187
|
exports.UChat = (0, wrap_component_1.wrap)(chat_1.UChat);
|
|
187
188
|
exports.UChatListItems = (0, wrap_component_1.wrap)(chat_1.UChatListItems);
|
|
189
|
+
exports.UChatMainArea = (0, wrap_component_1.wrap)(chat_1.UChatMainArea);
|
|
188
190
|
exports.UChatMessages = (0, wrap_component_1.wrap)(chat_1.UChatMessages);
|
|
189
191
|
var checkbox_2 = require("./checkbox");
|
|
190
192
|
Object.defineProperty(exports, "checkboxGroupProps", { enumerable: true, get: function () { return checkbox_2.checkboxGroupProps; } });
|
|
@@ -437,6 +439,14 @@ Object.defineProperty(exports, "messageProviderProps", { enumerable: true, get:
|
|
|
437
439
|
Object.defineProperty(exports, "useMessage", { enumerable: true, get: function () { return message_1.useMessage; } });
|
|
438
440
|
var message_2 = require("./message");
|
|
439
441
|
Object.defineProperty(exports, "UMessageProvider", { enumerable: true, get: function () { return message_2.UMessageProvider; } });
|
|
442
|
+
var message_bubble_2 = require("./message-bubble");
|
|
443
|
+
Object.defineProperty(exports, "messageBubbleProps", { enumerable: true, get: function () { return message_bubble_2.messageBubbleProps; } });
|
|
444
|
+
var message_bubble_3 = require("./message-bubble");
|
|
445
|
+
Object.defineProperty(exports, "MessageBubbleAttachmentStatus", { enumerable: true, get: function () { return message_bubble_3.MessageBubbleAttachmentStatus; } });
|
|
446
|
+
Object.defineProperty(exports, "MessageBubbleServiceVariant", { enumerable: true, get: function () { return message_bubble_3.MessageBubbleServiceVariant; } });
|
|
447
|
+
Object.defineProperty(exports, "MessageBubbleStatus", { enumerable: true, get: function () { return message_bubble_3.MessageBubbleStatus; } });
|
|
448
|
+
Object.defineProperty(exports, "MessageBubbleType", { enumerable: true, get: function () { return message_bubble_3.MessageBubbleType; } });
|
|
449
|
+
exports.UMessageBubble = (0, wrap_component_1.wrap)(message_bubble_1.UMessageBubble);
|
|
440
450
|
var modal_2 = require("./modal");
|
|
441
451
|
Object.defineProperty(exports, "modalProps", { enumerable: true, get: function () { return modal_2.modalProps; } });
|
|
442
452
|
Object.defineProperty(exports, "modalProviderProps", { enumerable: true, get: function () { return modal_2.modalProviderProps; } });
|
|
@@ -125,6 +125,8 @@ import type { MentionProps } from '../../mention';
|
|
|
125
125
|
import type { MentionTheme } from '../../mention/styles';
|
|
126
126
|
import type { MenuProps } from '../../menu';
|
|
127
127
|
import type { MenuTheme } from '../../menu/styles';
|
|
128
|
+
import type { MessageBubbleProps } from '../../message-bubble';
|
|
129
|
+
import type { MessageBubbleTheme } from '../../message-bubble/styles';
|
|
128
130
|
import type { MessageTheme } from '../../message/styles';
|
|
129
131
|
import type { ModalProps } from '../../modal';
|
|
130
132
|
import type { ModalFullscreenTheme } from '../../modal-fullscreen/styles';
|
|
@@ -253,6 +255,7 @@ export interface GlobalThemeWithoutCommon {
|
|
|
253
255
|
Marquee?: MarqueeTheme;
|
|
254
256
|
Menu?: MenuTheme;
|
|
255
257
|
Mention?: MentionTheme;
|
|
258
|
+
MessageBubble?: MessageBubbleTheme;
|
|
256
259
|
Message?: MessageTheme;
|
|
257
260
|
Modal?: ModalTheme;
|
|
258
261
|
Notification?: NotificationTheme;
|
|
@@ -369,6 +372,7 @@ export interface GlobalComponentConfig {
|
|
|
369
372
|
Marquee?: MarqueeProps;
|
|
370
373
|
Menu?: MenuProps;
|
|
371
374
|
Mention?: MentionProps;
|
|
375
|
+
MessageBubble?: MessageBubbleProps;
|
|
372
376
|
Modal?: ModalProps;
|
|
373
377
|
PageHeader?: PageHeaderProps;
|
|
374
378
|
Pagination?: PaginationProps & {
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export type { MessageBubbleAction, MessageBubbleAttachment, MessageBubbleId, MessageBubbleMessagePayload, MessageBubbleProps, MessageBubbleRenderContent, MessageBubbleSlots } from './src/interface';
|
|
2
|
+
export { MessageBubbleAttachmentStatus, messageBubbleProps, MessageBubbleServiceVariant, MessageBubbleStatus, MessageBubbleType } from './src/interface';
|
|
3
|
+
export { default as UMessageBubble } from './src/MessageBubble';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.UMessageBubble = exports.MessageBubbleType = exports.MessageBubbleStatus = exports.MessageBubbleServiceVariant = exports.messageBubbleProps = exports.MessageBubbleAttachmentStatus = void 0;
|
|
7
|
+
var interface_1 = require("./src/interface");
|
|
8
|
+
Object.defineProperty(exports, "MessageBubbleAttachmentStatus", { enumerable: true, get: function () { return interface_1.MessageBubbleAttachmentStatus; } });
|
|
9
|
+
Object.defineProperty(exports, "messageBubbleProps", { enumerable: true, get: function () { return interface_1.messageBubbleProps; } });
|
|
10
|
+
Object.defineProperty(exports, "MessageBubbleServiceVariant", { enumerable: true, get: function () { return interface_1.MessageBubbleServiceVariant; } });
|
|
11
|
+
Object.defineProperty(exports, "MessageBubbleStatus", { enumerable: true, get: function () { return interface_1.MessageBubbleStatus; } });
|
|
12
|
+
Object.defineProperty(exports, "MessageBubbleType", { enumerable: true, get: function () { return interface_1.MessageBubbleType; } });
|
|
13
|
+
var MessageBubble_1 = require("./src/MessageBubble");
|
|
14
|
+
Object.defineProperty(exports, "UMessageBubble", { enumerable: true, get: function () { return __importDefault(MessageBubble_1).default; } });
|
|
@@ -0,0 +1,304 @@
|
|
|
1
|
+
import type { SlotsType, VNodeChild } from 'vue';
|
|
2
|
+
import type { MessageBubbleAttachment, MessageBubbleMessagePayload, MessageBubbleRenderContent, MessageBubbleSlots } from './interface';
|
|
3
|
+
import { MessageBubbleStatus, MessageBubbleType } from './interface';
|
|
4
|
+
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
5
|
+
readonly type: {
|
|
6
|
+
readonly type: import("vue").PropType<MessageBubbleType>;
|
|
7
|
+
readonly default: MessageBubbleType.MESSAGE;
|
|
8
|
+
};
|
|
9
|
+
readonly serviceVariant: {
|
|
10
|
+
readonly type: import("vue").PropType<import("./interface").MessageBubbleServiceVariant>;
|
|
11
|
+
readonly default: import("./interface").MessageBubbleServiceVariant.SYSTEM;
|
|
12
|
+
};
|
|
13
|
+
readonly id: {
|
|
14
|
+
readonly type: import("vue").PropType<import("./interface").MessageBubbleId>;
|
|
15
|
+
readonly default: undefined;
|
|
16
|
+
};
|
|
17
|
+
readonly isOwn: {
|
|
18
|
+
readonly type: BooleanConstructor;
|
|
19
|
+
readonly default: false;
|
|
20
|
+
};
|
|
21
|
+
readonly title: {
|
|
22
|
+
readonly type: import("vue").PropType<MessageBubbleRenderContent>;
|
|
23
|
+
readonly default: undefined;
|
|
24
|
+
};
|
|
25
|
+
readonly content: {
|
|
26
|
+
readonly type: import("vue").PropType<MessageBubbleRenderContent>;
|
|
27
|
+
readonly default: undefined;
|
|
28
|
+
};
|
|
29
|
+
readonly timestamp: {
|
|
30
|
+
readonly type: import("vue").PropType<string | number | Date | (() => VNodeChild)>;
|
|
31
|
+
readonly default: undefined;
|
|
32
|
+
};
|
|
33
|
+
readonly status: {
|
|
34
|
+
readonly type: import("vue").PropType<MessageBubbleStatus>;
|
|
35
|
+
readonly default: undefined;
|
|
36
|
+
};
|
|
37
|
+
readonly attachments: {
|
|
38
|
+
readonly type: import("vue").PropType<MessageBubbleAttachment[] | MessageBubbleAttachment>;
|
|
39
|
+
readonly default: undefined;
|
|
40
|
+
};
|
|
41
|
+
readonly uploadProps: {
|
|
42
|
+
readonly type: import("vue").PropType<Partial<import("../../upload").UploadProps>>;
|
|
43
|
+
readonly default: undefined;
|
|
44
|
+
};
|
|
45
|
+
readonly actions: {
|
|
46
|
+
readonly type: import("vue").PropType<import("./interface").MessageBubbleAction[]>;
|
|
47
|
+
readonly default: undefined;
|
|
48
|
+
};
|
|
49
|
+
readonly retryText: {
|
|
50
|
+
readonly type: StringConstructor;
|
|
51
|
+
readonly default: undefined;
|
|
52
|
+
};
|
|
53
|
+
readonly onRetry: {
|
|
54
|
+
readonly type: import("vue").PropType<(message: MessageBubbleMessagePayload) => void>;
|
|
55
|
+
readonly default: undefined;
|
|
56
|
+
};
|
|
57
|
+
readonly onAttachmentDownload: {
|
|
58
|
+
readonly type: import("vue").PropType<(attachment: MessageBubbleAttachment) => Promise<void> | void>;
|
|
59
|
+
readonly default: undefined;
|
|
60
|
+
};
|
|
61
|
+
readonly theme: import("vue").PropType<import("../../_mixins").Theme<"MessageBubble", {
|
|
62
|
+
messageBubbleBackgroundColorOwn: string;
|
|
63
|
+
messageBubbleBackgroundColorOther: string;
|
|
64
|
+
messageBubbleTextColorOwn: string;
|
|
65
|
+
messageBubbleTextColorOther: string;
|
|
66
|
+
messageTimeColor: string;
|
|
67
|
+
messageStatusReadColor: string;
|
|
68
|
+
messageStatusSuccessColor: string;
|
|
69
|
+
attachmentBackgroundColorOwn: string;
|
|
70
|
+
attachmentBackgroundColorOther: string;
|
|
71
|
+
messageErrorColor: string;
|
|
72
|
+
messageBorderRadius: string;
|
|
73
|
+
unreadNotificationBackgroundColor: string;
|
|
74
|
+
unreadNotificationTextColor: string;
|
|
75
|
+
serviceMessageTextColor: string;
|
|
76
|
+
serviceMessageBackgroundColor: string;
|
|
77
|
+
messageTitleColor: string;
|
|
78
|
+
}, {
|
|
79
|
+
StatusIcon: import("../../_mixins").Theme<"Icon", {
|
|
80
|
+
color: string;
|
|
81
|
+
opacity1Depth: string;
|
|
82
|
+
opacity2Depth: string;
|
|
83
|
+
opacity3Depth: string;
|
|
84
|
+
opacity4Depth: string;
|
|
85
|
+
opacity5Depth: string;
|
|
86
|
+
}, any>;
|
|
87
|
+
}>>;
|
|
88
|
+
readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"MessageBubble", {
|
|
89
|
+
messageBubbleBackgroundColorOwn: string;
|
|
90
|
+
messageBubbleBackgroundColorOther: string;
|
|
91
|
+
messageBubbleTextColorOwn: string;
|
|
92
|
+
messageBubbleTextColorOther: string;
|
|
93
|
+
messageTimeColor: string;
|
|
94
|
+
messageStatusReadColor: string;
|
|
95
|
+
messageStatusSuccessColor: string;
|
|
96
|
+
attachmentBackgroundColorOwn: string;
|
|
97
|
+
attachmentBackgroundColorOther: string;
|
|
98
|
+
messageErrorColor: string;
|
|
99
|
+
messageBorderRadius: string;
|
|
100
|
+
unreadNotificationBackgroundColor: string;
|
|
101
|
+
unreadNotificationTextColor: string;
|
|
102
|
+
serviceMessageTextColor: string;
|
|
103
|
+
serviceMessageBackgroundColor: string;
|
|
104
|
+
messageTitleColor: string;
|
|
105
|
+
}, {
|
|
106
|
+
StatusIcon: import("../../_mixins").Theme<"Icon", {
|
|
107
|
+
color: string;
|
|
108
|
+
opacity1Depth: string;
|
|
109
|
+
opacity2Depth: string;
|
|
110
|
+
opacity3Depth: string;
|
|
111
|
+
opacity4Depth: string;
|
|
112
|
+
opacity5Depth: string;
|
|
113
|
+
}, any>;
|
|
114
|
+
}>>>;
|
|
115
|
+
readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"MessageBubble", {
|
|
116
|
+
messageBubbleBackgroundColorOwn: string;
|
|
117
|
+
messageBubbleBackgroundColorOther: string;
|
|
118
|
+
messageBubbleTextColorOwn: string;
|
|
119
|
+
messageBubbleTextColorOther: string;
|
|
120
|
+
messageTimeColor: string;
|
|
121
|
+
messageStatusReadColor: string;
|
|
122
|
+
messageStatusSuccessColor: string;
|
|
123
|
+
attachmentBackgroundColorOwn: string;
|
|
124
|
+
attachmentBackgroundColorOther: string;
|
|
125
|
+
messageErrorColor: string;
|
|
126
|
+
messageBorderRadius: string;
|
|
127
|
+
unreadNotificationBackgroundColor: string;
|
|
128
|
+
unreadNotificationTextColor: string;
|
|
129
|
+
serviceMessageTextColor: string;
|
|
130
|
+
serviceMessageBackgroundColor: string;
|
|
131
|
+
messageTitleColor: string;
|
|
132
|
+
}, {
|
|
133
|
+
StatusIcon: import("../../_mixins").Theme<"Icon", {
|
|
134
|
+
color: string;
|
|
135
|
+
opacity1Depth: string;
|
|
136
|
+
opacity2Depth: string;
|
|
137
|
+
opacity3Depth: string;
|
|
138
|
+
opacity4Depth: string;
|
|
139
|
+
opacity5Depth: string;
|
|
140
|
+
}, any>;
|
|
141
|
+
}>>>;
|
|
142
|
+
}>, {
|
|
143
|
+
mergedClsPrefixRef: import("vue").Ref<string, string>;
|
|
144
|
+
inlineThemeDisabled: boolean | undefined;
|
|
145
|
+
cssVars: import("vue").ComputedRef<Record<string, string>>;
|
|
146
|
+
themeClass: import("vue").Ref<string, string> | undefined;
|
|
147
|
+
onRender: (() => void) | undefined;
|
|
148
|
+
renderMessage: () => JSX.Element;
|
|
149
|
+
renderService: () => VNodeChild;
|
|
150
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
151
|
+
readonly type: {
|
|
152
|
+
readonly type: import("vue").PropType<MessageBubbleType>;
|
|
153
|
+
readonly default: MessageBubbleType.MESSAGE;
|
|
154
|
+
};
|
|
155
|
+
readonly serviceVariant: {
|
|
156
|
+
readonly type: import("vue").PropType<import("./interface").MessageBubbleServiceVariant>;
|
|
157
|
+
readonly default: import("./interface").MessageBubbleServiceVariant.SYSTEM;
|
|
158
|
+
};
|
|
159
|
+
readonly id: {
|
|
160
|
+
readonly type: import("vue").PropType<import("./interface").MessageBubbleId>;
|
|
161
|
+
readonly default: undefined;
|
|
162
|
+
};
|
|
163
|
+
readonly isOwn: {
|
|
164
|
+
readonly type: BooleanConstructor;
|
|
165
|
+
readonly default: false;
|
|
166
|
+
};
|
|
167
|
+
readonly title: {
|
|
168
|
+
readonly type: import("vue").PropType<MessageBubbleRenderContent>;
|
|
169
|
+
readonly default: undefined;
|
|
170
|
+
};
|
|
171
|
+
readonly content: {
|
|
172
|
+
readonly type: import("vue").PropType<MessageBubbleRenderContent>;
|
|
173
|
+
readonly default: undefined;
|
|
174
|
+
};
|
|
175
|
+
readonly timestamp: {
|
|
176
|
+
readonly type: import("vue").PropType<string | number | Date | (() => VNodeChild)>;
|
|
177
|
+
readonly default: undefined;
|
|
178
|
+
};
|
|
179
|
+
readonly status: {
|
|
180
|
+
readonly type: import("vue").PropType<MessageBubbleStatus>;
|
|
181
|
+
readonly default: undefined;
|
|
182
|
+
};
|
|
183
|
+
readonly attachments: {
|
|
184
|
+
readonly type: import("vue").PropType<MessageBubbleAttachment[] | MessageBubbleAttachment>;
|
|
185
|
+
readonly default: undefined;
|
|
186
|
+
};
|
|
187
|
+
readonly uploadProps: {
|
|
188
|
+
readonly type: import("vue").PropType<Partial<import("../../upload").UploadProps>>;
|
|
189
|
+
readonly default: undefined;
|
|
190
|
+
};
|
|
191
|
+
readonly actions: {
|
|
192
|
+
readonly type: import("vue").PropType<import("./interface").MessageBubbleAction[]>;
|
|
193
|
+
readonly default: undefined;
|
|
194
|
+
};
|
|
195
|
+
readonly retryText: {
|
|
196
|
+
readonly type: StringConstructor;
|
|
197
|
+
readonly default: undefined;
|
|
198
|
+
};
|
|
199
|
+
readonly onRetry: {
|
|
200
|
+
readonly type: import("vue").PropType<(message: MessageBubbleMessagePayload) => void>;
|
|
201
|
+
readonly default: undefined;
|
|
202
|
+
};
|
|
203
|
+
readonly onAttachmentDownload: {
|
|
204
|
+
readonly type: import("vue").PropType<(attachment: MessageBubbleAttachment) => Promise<void> | void>;
|
|
205
|
+
readonly default: undefined;
|
|
206
|
+
};
|
|
207
|
+
readonly theme: import("vue").PropType<import("../../_mixins").Theme<"MessageBubble", {
|
|
208
|
+
messageBubbleBackgroundColorOwn: string;
|
|
209
|
+
messageBubbleBackgroundColorOther: string;
|
|
210
|
+
messageBubbleTextColorOwn: string;
|
|
211
|
+
messageBubbleTextColorOther: string;
|
|
212
|
+
messageTimeColor: string;
|
|
213
|
+
messageStatusReadColor: string;
|
|
214
|
+
messageStatusSuccessColor: string;
|
|
215
|
+
attachmentBackgroundColorOwn: string;
|
|
216
|
+
attachmentBackgroundColorOther: string;
|
|
217
|
+
messageErrorColor: string;
|
|
218
|
+
messageBorderRadius: string;
|
|
219
|
+
unreadNotificationBackgroundColor: string;
|
|
220
|
+
unreadNotificationTextColor: string;
|
|
221
|
+
serviceMessageTextColor: string;
|
|
222
|
+
serviceMessageBackgroundColor: string;
|
|
223
|
+
messageTitleColor: string;
|
|
224
|
+
}, {
|
|
225
|
+
StatusIcon: import("../../_mixins").Theme<"Icon", {
|
|
226
|
+
color: string;
|
|
227
|
+
opacity1Depth: string;
|
|
228
|
+
opacity2Depth: string;
|
|
229
|
+
opacity3Depth: string;
|
|
230
|
+
opacity4Depth: string;
|
|
231
|
+
opacity5Depth: string;
|
|
232
|
+
}, any>;
|
|
233
|
+
}>>;
|
|
234
|
+
readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"MessageBubble", {
|
|
235
|
+
messageBubbleBackgroundColorOwn: string;
|
|
236
|
+
messageBubbleBackgroundColorOther: string;
|
|
237
|
+
messageBubbleTextColorOwn: string;
|
|
238
|
+
messageBubbleTextColorOther: string;
|
|
239
|
+
messageTimeColor: string;
|
|
240
|
+
messageStatusReadColor: string;
|
|
241
|
+
messageStatusSuccessColor: string;
|
|
242
|
+
attachmentBackgroundColorOwn: string;
|
|
243
|
+
attachmentBackgroundColorOther: string;
|
|
244
|
+
messageErrorColor: string;
|
|
245
|
+
messageBorderRadius: string;
|
|
246
|
+
unreadNotificationBackgroundColor: string;
|
|
247
|
+
unreadNotificationTextColor: string;
|
|
248
|
+
serviceMessageTextColor: string;
|
|
249
|
+
serviceMessageBackgroundColor: string;
|
|
250
|
+
messageTitleColor: string;
|
|
251
|
+
}, {
|
|
252
|
+
StatusIcon: import("../../_mixins").Theme<"Icon", {
|
|
253
|
+
color: string;
|
|
254
|
+
opacity1Depth: string;
|
|
255
|
+
opacity2Depth: string;
|
|
256
|
+
opacity3Depth: string;
|
|
257
|
+
opacity4Depth: string;
|
|
258
|
+
opacity5Depth: string;
|
|
259
|
+
}, any>;
|
|
260
|
+
}>>>;
|
|
261
|
+
readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"MessageBubble", {
|
|
262
|
+
messageBubbleBackgroundColorOwn: string;
|
|
263
|
+
messageBubbleBackgroundColorOther: string;
|
|
264
|
+
messageBubbleTextColorOwn: string;
|
|
265
|
+
messageBubbleTextColorOther: string;
|
|
266
|
+
messageTimeColor: string;
|
|
267
|
+
messageStatusReadColor: string;
|
|
268
|
+
messageStatusSuccessColor: string;
|
|
269
|
+
attachmentBackgroundColorOwn: string;
|
|
270
|
+
attachmentBackgroundColorOther: string;
|
|
271
|
+
messageErrorColor: string;
|
|
272
|
+
messageBorderRadius: string;
|
|
273
|
+
unreadNotificationBackgroundColor: string;
|
|
274
|
+
unreadNotificationTextColor: string;
|
|
275
|
+
serviceMessageTextColor: string;
|
|
276
|
+
serviceMessageBackgroundColor: string;
|
|
277
|
+
messageTitleColor: string;
|
|
278
|
+
}, {
|
|
279
|
+
StatusIcon: import("../../_mixins").Theme<"Icon", {
|
|
280
|
+
color: string;
|
|
281
|
+
opacity1Depth: string;
|
|
282
|
+
opacity2Depth: string;
|
|
283
|
+
opacity3Depth: string;
|
|
284
|
+
opacity4Depth: string;
|
|
285
|
+
opacity5Depth: string;
|
|
286
|
+
}, any>;
|
|
287
|
+
}>>>;
|
|
288
|
+
}>> & Readonly<{}>, {
|
|
289
|
+
readonly type: MessageBubbleType;
|
|
290
|
+
readonly content: MessageBubbleRenderContent;
|
|
291
|
+
readonly title: MessageBubbleRenderContent;
|
|
292
|
+
readonly id: import("./interface").MessageBubbleId;
|
|
293
|
+
readonly status: MessageBubbleStatus;
|
|
294
|
+
readonly retryText: string;
|
|
295
|
+
readonly actions: import("./interface").MessageBubbleAction[];
|
|
296
|
+
readonly onRetry: (message: MessageBubbleMessagePayload) => void;
|
|
297
|
+
readonly serviceVariant: import("./interface").MessageBubbleServiceVariant;
|
|
298
|
+
readonly isOwn: boolean;
|
|
299
|
+
readonly timestamp: string | number | Date | (() => VNodeChild);
|
|
300
|
+
readonly attachments: MessageBubbleAttachment | MessageBubbleAttachment[];
|
|
301
|
+
readonly uploadProps: Partial<import("../../upload").UploadProps>;
|
|
302
|
+
readonly onAttachmentDownload: (attachment: MessageBubbleAttachment) => Promise<void> | void;
|
|
303
|
+
}, SlotsType<MessageBubbleSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
304
|
+
export default _default;
|