@uzum-tech/ui 2.3.5 → 2.3.7
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 +5997 -65
- package/dist/index.mjs +5997 -65
- package/dist/index.prod.js +4 -2
- package/dist/index.prod.mjs +4 -2
- package/es/_utils/markdown/constants.d.ts +27 -0
- package/es/_utils/markdown/constants.mjs +26 -0
- package/es/_utils/markdown/create-markdown-renderer.d.ts +3 -0
- package/es/_utils/markdown/create-markdown-renderer.mjs +65 -0
- package/es/_utils/markdown/index.d.ts +2 -0
- package/es/_utils/markdown/index.mjs +1 -0
- package/es/_utils/markdown/interface.d.ts +14 -0
- package/es/_utils/markdown/interface.mjs +7 -0
- package/es/_utils/markdown/render-markdown.d.ts +3 -0
- package/es/_utils/markdown/render-markdown.mjs +31 -0
- package/es/_utils/markdown/rulers/clamp-heading.d.ts +2 -0
- package/es/_utils/markdown/rulers/clamp-heading.mjs +25 -0
- package/es/_utils/markdown/rulers/equals-divider.d.ts +2 -0
- package/es/_utils/markdown/rulers/equals-divider.mjs +19 -0
- package/es/_utils/markdown/rulers/prune-empty-blocks.d.ts +2 -0
- package/es/_utils/markdown/rulers/prune-empty-blocks.mjs +31 -0
- package/es/_utils/markdown/rulers/strikethrough.d.ts +3 -0
- package/es/_utils/markdown/rulers/strikethrough.mjs +38 -0
- package/es/_utils/markdown/rulers/strip-html.d.ts +2 -0
- package/es/_utils/markdown/rulers/strip-html.mjs +7 -0
- package/es/chat/src/Chat.d.ts +639 -23
- package/es/chat/src/Chat.mjs +2 -0
- package/es/chat/src/ChatListItems.d.ts +220 -4
- package/es/chat/src/ChatListItems.mjs +3 -2
- package/es/chat/src/ChatMainArea.d.ts +248 -5
- package/es/chat/src/ChatMainArea.mjs +27 -13
- package/es/chat/src/ChatMessages.d.ts +246 -3
- package/es/chat/src/ChatMessages.mjs +22 -2
- package/es/chat/src/ChatParts/Sidebar.d.ts +36 -0
- package/es/chat/src/interface.d.ts +68 -0
- package/es/chat/src/interface.mjs +8 -0
- package/es/chat/styles/dark.d.ts +18 -0
- package/es/chat/styles/light.d.ts +25 -0
- package/es/chat/styles/light.mjs +9 -1
- package/es/components.d.ts +1640 -418
- package/es/data-table/src/HeaderButton/FilterButton.d.ts +1 -1
- package/es/data-table/src/TableParts/Header.mjs +1 -1
- package/es/data-table/src/use-sorter.d.ts +2 -5
- package/es/data-table/src/use-table-data.d.ts +1 -4
- package/es/layout/src/LayoutSider.d.ts +1 -1
- package/es/message-bubble/index.d.ts +1 -0
- package/es/message-bubble/src/MessageBubble.d.ts +90 -6
- package/es/message-bubble/src/MessageBubble.mjs +53 -7
- package/es/message-bubble/src/interface.d.ts +42 -0
- package/es/message-bubble/src/interface.mjs +8 -0
- package/es/message-bubble/src/styles/index.cssr.mjs +35 -1
- package/es/message-bubble/styles/dark.d.ts +11 -0
- package/es/message-bubble/styles/light.d.ts +22 -0
- package/es/message-bubble/styles/light.mjs +14 -1
- package/es/version.d.ts +1 -1
- package/es/version.mjs +1 -1
- package/lib/_utils/markdown/constants.d.ts +27 -0
- package/lib/_utils/markdown/constants.js +55 -0
- package/lib/_utils/markdown/create-markdown-renderer.d.ts +3 -0
- package/lib/_utils/markdown/create-markdown-renderer.js +84 -0
- package/lib/_utils/markdown/index.d.ts +2 -0
- package/lib/_utils/markdown/index.js +6 -0
- package/lib/_utils/markdown/interface.d.ts +14 -0
- package/lib/_utils/markdown/interface.js +10 -0
- package/lib/_utils/markdown/render-markdown.d.ts +3 -0
- package/lib/_utils/markdown/render-markdown.js +38 -0
- package/lib/_utils/markdown/rulers/clamp-heading.d.ts +2 -0
- package/lib/_utils/markdown/rulers/clamp-heading.js +30 -0
- package/lib/_utils/markdown/rulers/equals-divider.d.ts +2 -0
- package/lib/_utils/markdown/rulers/equals-divider.js +28 -0
- package/lib/_utils/markdown/rulers/prune-empty-blocks.d.ts +2 -0
- package/lib/_utils/markdown/rulers/prune-empty-blocks.js +40 -0
- package/lib/_utils/markdown/rulers/strikethrough.d.ts +3 -0
- package/lib/_utils/markdown/rulers/strikethrough.js +43 -0
- package/lib/_utils/markdown/rulers/strip-html.d.ts +2 -0
- package/lib/_utils/markdown/rulers/strip-html.js +15 -0
- package/lib/chat/src/Chat.d.ts +639 -23
- package/lib/chat/src/Chat.js +2 -0
- package/lib/chat/src/ChatListItems.d.ts +220 -4
- package/lib/chat/src/ChatListItems.js +7 -2
- package/lib/chat/src/ChatMainArea.d.ts +248 -5
- package/lib/chat/src/ChatMainArea.js +26 -14
- package/lib/chat/src/ChatMessages.d.ts +246 -3
- package/lib/chat/src/ChatMessages.js +11 -4
- package/lib/chat/src/ChatParts/Sidebar.d.ts +36 -0
- package/lib/chat/src/interface.d.ts +68 -0
- package/lib/chat/src/interface.js +6 -0
- package/lib/chat/styles/dark.d.ts +18 -0
- package/lib/chat/styles/light.d.ts +25 -0
- package/lib/chat/styles/light.js +8 -1
- package/lib/components.d.ts +1258 -36
- package/lib/data-table/src/HeaderButton/FilterButton.d.ts +1 -1
- package/lib/data-table/src/TableParts/Header.js +1 -1
- package/lib/data-table/src/use-sorter.d.ts +2 -5
- package/lib/data-table/src/use-table-data.d.ts +1 -4
- package/lib/layout/src/LayoutSider.d.ts +1 -1
- package/lib/message-bubble/index.d.ts +1 -0
- package/lib/message-bubble/src/MessageBubble.d.ts +90 -6
- package/lib/message-bubble/src/MessageBubble.js +41 -7
- package/lib/message-bubble/src/interface.d.ts +42 -0
- package/lib/message-bubble/src/interface.js +6 -0
- package/lib/message-bubble/src/styles/index.cssr.js +35 -1
- package/lib/message-bubble/styles/dark.d.ts +11 -0
- package/lib/message-bubble/styles/light.d.ts +22 -0
- package/lib/message-bubble/styles/light.js +13 -2
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +2 -1
- package/web-types.json +29 -1
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNodeChild } from 'vue';
|
|
2
2
|
import type { MergedTheme } from '../../_mixins';
|
|
3
|
+
import type { MarkdownOptions } from '../../_utils/markdown';
|
|
3
4
|
import type { AvatarProps } from '../../avatar';
|
|
4
5
|
import type { BadgeProps } from '../../badge';
|
|
5
6
|
import type { ButtonProps } from '../../button';
|
|
@@ -86,6 +87,7 @@ export interface ChatMessageData {
|
|
|
86
87
|
senderName?: string | (() => VNodeChild);
|
|
87
88
|
markType?: ChatMarkType;
|
|
88
89
|
title?: string | (() => VNodeChild);
|
|
90
|
+
markdown?: boolean;
|
|
89
91
|
}
|
|
90
92
|
export interface ChatMessageProps {
|
|
91
93
|
id: ChatId;
|
|
@@ -174,6 +176,8 @@ export interface ChatPropsInterface {
|
|
|
174
176
|
shareButtonTooltip?: string;
|
|
175
177
|
profileButtonTooltip?: string;
|
|
176
178
|
unreadNotificationText?: string;
|
|
179
|
+
markdown?: boolean;
|
|
180
|
+
markdownOptions?: MarkdownOptions;
|
|
177
181
|
chatItemsLoading?: boolean;
|
|
178
182
|
chatItemsLoadingCount?: number;
|
|
179
183
|
messagesLoading?: boolean;
|
|
@@ -321,6 +325,8 @@ export declare const chatInjectionKey: InjectionKey<{
|
|
|
321
325
|
shareButtonTooltipRef: Ref<string>;
|
|
322
326
|
profileButtonTooltipRef: Ref<string>;
|
|
323
327
|
unreadNotificationTextRef: Ref<string>;
|
|
328
|
+
markdownRef: Ref<boolean>;
|
|
329
|
+
markdownOptionsRef: Ref<MarkdownOptions | undefined>;
|
|
324
330
|
notificationsShownSetRef: Ref<Set<ChatId>>;
|
|
325
331
|
unreadCountsBeforeReadRef: Ref<Record<ChatId, number>>;
|
|
326
332
|
markNotificationShown: (chatId: ChatId) => void;
|
|
@@ -517,6 +523,14 @@ export declare const chatProps: {
|
|
|
517
523
|
type: PropType<ChatPropsInterface["unreadNotificationText"]>;
|
|
518
524
|
default: undefined;
|
|
519
525
|
};
|
|
526
|
+
markdown: {
|
|
527
|
+
type: PropType<ChatPropsInterface["markdown"]>;
|
|
528
|
+
default: boolean;
|
|
529
|
+
};
|
|
530
|
+
markdownOptions: {
|
|
531
|
+
type: PropType<ChatPropsInterface["markdownOptions"]>;
|
|
532
|
+
default: undefined;
|
|
533
|
+
};
|
|
520
534
|
chatItemsLoading: {
|
|
521
535
|
type: PropType<ChatPropsInterface["chatItemsLoading"]>;
|
|
522
536
|
default: boolean;
|
|
@@ -636,6 +650,13 @@ export declare const chatProps: {
|
|
|
636
650
|
inputSuffixColor: string;
|
|
637
651
|
unreadNotificationBackgroundColor: string;
|
|
638
652
|
unreadNotificationTextColor: string;
|
|
653
|
+
markdownQuoteBorderColorOwn: string;
|
|
654
|
+
markdownQuoteBorderColorOther: string;
|
|
655
|
+
markdownQuoteTextColor: string;
|
|
656
|
+
markdownQuoteBackgroundColor: string;
|
|
657
|
+
markdownQuoteMarkerColor: string;
|
|
658
|
+
markdownDividerColorOwn: string;
|
|
659
|
+
markdownDividerColorOther: string;
|
|
639
660
|
typingIndicatorColor: string;
|
|
640
661
|
dateSeparatorColor: string;
|
|
641
662
|
dateSeparatorBackgroundColor: string;
|
|
@@ -1409,6 +1430,17 @@ export declare const chatProps: {
|
|
|
1409
1430
|
serviceMessageTextColor: string;
|
|
1410
1431
|
serviceMessageBackgroundColor: string;
|
|
1411
1432
|
messageTitleColor: string;
|
|
1433
|
+
markdownQuoteBorderColorOwn: string;
|
|
1434
|
+
markdownQuoteBorderColorOther: string;
|
|
1435
|
+
markdownQuoteTextColor: string;
|
|
1436
|
+
markdownQuoteBackgroundColor: string;
|
|
1437
|
+
markdownQuoteMarkerColor: string;
|
|
1438
|
+
markdownDividerColorOwn: string;
|
|
1439
|
+
markdownDividerColorOther: string;
|
|
1440
|
+
markdownH1FontSize: string;
|
|
1441
|
+
markdownH2FontSize: string;
|
|
1442
|
+
markdownH3FontSize: string;
|
|
1443
|
+
markdownTextFontSize: string;
|
|
1412
1444
|
}, {
|
|
1413
1445
|
StatusIcon: import("../../_mixins").Theme<"Icon", {
|
|
1414
1446
|
color: string;
|
|
@@ -1491,6 +1523,13 @@ export declare const chatProps: {
|
|
|
1491
1523
|
inputSuffixColor: string;
|
|
1492
1524
|
unreadNotificationBackgroundColor: string;
|
|
1493
1525
|
unreadNotificationTextColor: string;
|
|
1526
|
+
markdownQuoteBorderColorOwn: string;
|
|
1527
|
+
markdownQuoteBorderColorOther: string;
|
|
1528
|
+
markdownQuoteTextColor: string;
|
|
1529
|
+
markdownQuoteBackgroundColor: string;
|
|
1530
|
+
markdownQuoteMarkerColor: string;
|
|
1531
|
+
markdownDividerColorOwn: string;
|
|
1532
|
+
markdownDividerColorOther: string;
|
|
1494
1533
|
typingIndicatorColor: string;
|
|
1495
1534
|
dateSeparatorColor: string;
|
|
1496
1535
|
dateSeparatorBackgroundColor: string;
|
|
@@ -2264,6 +2303,17 @@ export declare const chatProps: {
|
|
|
2264
2303
|
serviceMessageTextColor: string;
|
|
2265
2304
|
serviceMessageBackgroundColor: string;
|
|
2266
2305
|
messageTitleColor: string;
|
|
2306
|
+
markdownQuoteBorderColorOwn: string;
|
|
2307
|
+
markdownQuoteBorderColorOther: string;
|
|
2308
|
+
markdownQuoteTextColor: string;
|
|
2309
|
+
markdownQuoteBackgroundColor: string;
|
|
2310
|
+
markdownQuoteMarkerColor: string;
|
|
2311
|
+
markdownDividerColorOwn: string;
|
|
2312
|
+
markdownDividerColorOther: string;
|
|
2313
|
+
markdownH1FontSize: string;
|
|
2314
|
+
markdownH2FontSize: string;
|
|
2315
|
+
markdownH3FontSize: string;
|
|
2316
|
+
markdownTextFontSize: string;
|
|
2267
2317
|
}, {
|
|
2268
2318
|
StatusIcon: import("../../_mixins").Theme<"Icon", {
|
|
2269
2319
|
color: string;
|
|
@@ -2346,6 +2396,13 @@ export declare const chatProps: {
|
|
|
2346
2396
|
inputSuffixColor: string;
|
|
2347
2397
|
unreadNotificationBackgroundColor: string;
|
|
2348
2398
|
unreadNotificationTextColor: string;
|
|
2399
|
+
markdownQuoteBorderColorOwn: string;
|
|
2400
|
+
markdownQuoteBorderColorOther: string;
|
|
2401
|
+
markdownQuoteTextColor: string;
|
|
2402
|
+
markdownQuoteBackgroundColor: string;
|
|
2403
|
+
markdownQuoteMarkerColor: string;
|
|
2404
|
+
markdownDividerColorOwn: string;
|
|
2405
|
+
markdownDividerColorOther: string;
|
|
2349
2406
|
typingIndicatorColor: string;
|
|
2350
2407
|
dateSeparatorColor: string;
|
|
2351
2408
|
dateSeparatorBackgroundColor: string;
|
|
@@ -3119,6 +3176,17 @@ export declare const chatProps: {
|
|
|
3119
3176
|
serviceMessageTextColor: string;
|
|
3120
3177
|
serviceMessageBackgroundColor: string;
|
|
3121
3178
|
messageTitleColor: string;
|
|
3179
|
+
markdownQuoteBorderColorOwn: string;
|
|
3180
|
+
markdownQuoteBorderColorOther: string;
|
|
3181
|
+
markdownQuoteTextColor: string;
|
|
3182
|
+
markdownQuoteBackgroundColor: string;
|
|
3183
|
+
markdownQuoteMarkerColor: string;
|
|
3184
|
+
markdownDividerColorOwn: string;
|
|
3185
|
+
markdownDividerColorOther: string;
|
|
3186
|
+
markdownH1FontSize: string;
|
|
3187
|
+
markdownH2FontSize: string;
|
|
3188
|
+
markdownH3FontSize: string;
|
|
3189
|
+
markdownTextFontSize: string;
|
|
3122
3190
|
}, {
|
|
3123
3191
|
StatusIcon: import("../../_mixins").Theme<"Icon", {
|
|
3124
3192
|
color: string;
|
|
@@ -193,6 +193,14 @@ export const chatProps = Object.assign(Object.assign({}, useTheme.props), {
|
|
|
193
193
|
type: String,
|
|
194
194
|
default: undefined
|
|
195
195
|
},
|
|
196
|
+
markdown: {
|
|
197
|
+
type: Boolean,
|
|
198
|
+
default: true
|
|
199
|
+
},
|
|
200
|
+
markdownOptions: {
|
|
201
|
+
type: Object,
|
|
202
|
+
default: undefined
|
|
203
|
+
},
|
|
196
204
|
chatItemsLoading: {
|
|
197
205
|
type: Boolean,
|
|
198
206
|
default: false
|
package/es/chat/styles/dark.d.ts
CHANGED
|
@@ -29,6 +29,13 @@ declare const chatDark: import("../../_mixins").Theme<"Chat", {
|
|
|
29
29
|
inputSuffixColor: string;
|
|
30
30
|
unreadNotificationBackgroundColor: string;
|
|
31
31
|
unreadNotificationTextColor: string;
|
|
32
|
+
markdownQuoteBorderColorOwn: string;
|
|
33
|
+
markdownQuoteBorderColorOther: string;
|
|
34
|
+
markdownQuoteTextColor: string;
|
|
35
|
+
markdownQuoteBackgroundColor: string;
|
|
36
|
+
markdownQuoteMarkerColor: string;
|
|
37
|
+
markdownDividerColorOwn: string;
|
|
38
|
+
markdownDividerColorOther: string;
|
|
32
39
|
typingIndicatorColor: string;
|
|
33
40
|
dateSeparatorColor: string;
|
|
34
41
|
dateSeparatorBackgroundColor: string;
|
|
@@ -802,6 +809,17 @@ declare const chatDark: import("../../_mixins").Theme<"Chat", {
|
|
|
802
809
|
serviceMessageTextColor: string;
|
|
803
810
|
serviceMessageBackgroundColor: string;
|
|
804
811
|
messageTitleColor: string;
|
|
812
|
+
markdownQuoteBorderColorOwn: string;
|
|
813
|
+
markdownQuoteBorderColorOther: string;
|
|
814
|
+
markdownQuoteTextColor: string;
|
|
815
|
+
markdownQuoteBackgroundColor: string;
|
|
816
|
+
markdownQuoteMarkerColor: string;
|
|
817
|
+
markdownDividerColorOwn: string;
|
|
818
|
+
markdownDividerColorOther: string;
|
|
819
|
+
markdownH1FontSize: string;
|
|
820
|
+
markdownH2FontSize: string;
|
|
821
|
+
markdownH3FontSize: string;
|
|
822
|
+
markdownTextFontSize: string;
|
|
805
823
|
}, {
|
|
806
824
|
StatusIcon: import("../../_mixins").Theme<"Icon", {
|
|
807
825
|
color: string;
|
|
@@ -30,6 +30,13 @@ export declare function self(vars: ThemeCommonVars): {
|
|
|
30
30
|
inputSuffixColor: string;
|
|
31
31
|
unreadNotificationBackgroundColor: string;
|
|
32
32
|
unreadNotificationTextColor: string;
|
|
33
|
+
markdownQuoteBorderColorOwn: string;
|
|
34
|
+
markdownQuoteBorderColorOther: string;
|
|
35
|
+
markdownQuoteTextColor: string;
|
|
36
|
+
markdownQuoteBackgroundColor: string;
|
|
37
|
+
markdownQuoteMarkerColor: string;
|
|
38
|
+
markdownDividerColorOwn: string;
|
|
39
|
+
markdownDividerColorOther: string;
|
|
33
40
|
typingIndicatorColor: string;
|
|
34
41
|
dateSeparatorColor: string;
|
|
35
42
|
dateSeparatorBackgroundColor: string;
|
|
@@ -67,6 +74,13 @@ declare const chatLight: import("../../_mixins").Theme<"Chat", {
|
|
|
67
74
|
inputSuffixColor: string;
|
|
68
75
|
unreadNotificationBackgroundColor: string;
|
|
69
76
|
unreadNotificationTextColor: string;
|
|
77
|
+
markdownQuoteBorderColorOwn: string;
|
|
78
|
+
markdownQuoteBorderColorOther: string;
|
|
79
|
+
markdownQuoteTextColor: string;
|
|
80
|
+
markdownQuoteBackgroundColor: string;
|
|
81
|
+
markdownQuoteMarkerColor: string;
|
|
82
|
+
markdownDividerColorOwn: string;
|
|
83
|
+
markdownDividerColorOther: string;
|
|
70
84
|
typingIndicatorColor: string;
|
|
71
85
|
dateSeparatorColor: string;
|
|
72
86
|
dateSeparatorBackgroundColor: string;
|
|
@@ -840,6 +854,17 @@ declare const chatLight: import("../../_mixins").Theme<"Chat", {
|
|
|
840
854
|
serviceMessageTextColor: string;
|
|
841
855
|
serviceMessageBackgroundColor: string;
|
|
842
856
|
messageTitleColor: string;
|
|
857
|
+
markdownQuoteBorderColorOwn: string;
|
|
858
|
+
markdownQuoteBorderColorOther: string;
|
|
859
|
+
markdownQuoteTextColor: string;
|
|
860
|
+
markdownQuoteBackgroundColor: string;
|
|
861
|
+
markdownQuoteMarkerColor: string;
|
|
862
|
+
markdownDividerColorOwn: string;
|
|
863
|
+
markdownDividerColorOther: string;
|
|
864
|
+
markdownH1FontSize: string;
|
|
865
|
+
markdownH2FontSize: string;
|
|
866
|
+
markdownH3FontSize: string;
|
|
867
|
+
markdownTextFontSize: string;
|
|
843
868
|
}, {
|
|
844
869
|
StatusIcon: import("../../_mixins").Theme<"Icon", {
|
|
845
870
|
color: string;
|
package/es/chat/styles/light.mjs
CHANGED
|
@@ -52,8 +52,9 @@ export function self(vars) {
|
|
|
52
52
|
textPrimary,
|
|
53
53
|
textSecondary,
|
|
54
54
|
surfacePrimary,
|
|
55
|
-
|
|
55
|
+
brandPrimary100,
|
|
56
56
|
brandPrimary400,
|
|
57
|
+
brandPrimary500,
|
|
57
58
|
transparencySecondary,
|
|
58
59
|
elementsSecondary,
|
|
59
60
|
elementsDarkQuinary,
|
|
@@ -91,6 +92,13 @@ export function self(vars) {
|
|
|
91
92
|
inputSuffixColor: brandPrimary400,
|
|
92
93
|
unreadNotificationBackgroundColor: brandPrimary400,
|
|
93
94
|
unreadNotificationTextColor: elementsSecondary,
|
|
95
|
+
markdownQuoteBorderColorOwn: textPrimary,
|
|
96
|
+
markdownQuoteBorderColorOther: textPrimary,
|
|
97
|
+
markdownQuoteTextColor: textPrimary,
|
|
98
|
+
markdownQuoteBackgroundColor: brandPrimary100,
|
|
99
|
+
markdownQuoteMarkerColor: brandPrimary500,
|
|
100
|
+
markdownDividerColorOwn: textPrimary,
|
|
101
|
+
markdownDividerColorOther: textPrimary,
|
|
94
102
|
typingIndicatorColor: textSecondary,
|
|
95
103
|
dateSeparatorColor: textTertiary,
|
|
96
104
|
dateSeparatorBackgroundColor: 'transparent',
|