@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 { PropType } from 'vue';
|
|
2
2
|
import type { ExtractPublicPropTypes } from '../../_utils';
|
|
3
|
+
import type { MarkdownOptions } from '../../_utils/markdown';
|
|
3
4
|
import type { UploadProps } from '../../upload';
|
|
4
5
|
import type { ChatMessageData } from './interface';
|
|
5
6
|
export declare const chatMessagesProps: {
|
|
@@ -31,6 +32,14 @@ export declare const chatMessagesProps: {
|
|
|
31
32
|
readonly type: StringConstructor;
|
|
32
33
|
readonly default: undefined;
|
|
33
34
|
};
|
|
35
|
+
readonly markdown: {
|
|
36
|
+
readonly type: BooleanConstructor;
|
|
37
|
+
readonly default: true;
|
|
38
|
+
};
|
|
39
|
+
readonly markdownOptions: {
|
|
40
|
+
readonly type: PropType<MarkdownOptions>;
|
|
41
|
+
readonly default: undefined;
|
|
42
|
+
};
|
|
34
43
|
readonly uploadProps: {
|
|
35
44
|
readonly type: PropType<Partial<UploadProps>>;
|
|
36
45
|
readonly default: undefined;
|
|
@@ -82,6 +91,13 @@ export declare const chatMessagesProps: {
|
|
|
82
91
|
inputSuffixColor: string;
|
|
83
92
|
unreadNotificationBackgroundColor: string;
|
|
84
93
|
unreadNotificationTextColor: string;
|
|
94
|
+
markdownQuoteBorderColorOwn: string;
|
|
95
|
+
markdownQuoteBorderColorOther: string;
|
|
96
|
+
markdownQuoteTextColor: string;
|
|
97
|
+
markdownQuoteBackgroundColor: string;
|
|
98
|
+
markdownQuoteMarkerColor: string;
|
|
99
|
+
markdownDividerColorOwn: string;
|
|
100
|
+
markdownDividerColorOther: string;
|
|
85
101
|
typingIndicatorColor: string;
|
|
86
102
|
dateSeparatorColor: string;
|
|
87
103
|
dateSeparatorBackgroundColor: string;
|
|
@@ -855,6 +871,17 @@ export declare const chatMessagesProps: {
|
|
|
855
871
|
serviceMessageTextColor: string;
|
|
856
872
|
serviceMessageBackgroundColor: string;
|
|
857
873
|
messageTitleColor: string;
|
|
874
|
+
markdownQuoteBorderColorOwn: string;
|
|
875
|
+
markdownQuoteBorderColorOther: string;
|
|
876
|
+
markdownQuoteTextColor: string;
|
|
877
|
+
markdownQuoteBackgroundColor: string;
|
|
878
|
+
markdownQuoteMarkerColor: string;
|
|
879
|
+
markdownDividerColorOwn: string;
|
|
880
|
+
markdownDividerColorOther: string;
|
|
881
|
+
markdownH1FontSize: string;
|
|
882
|
+
markdownH2FontSize: string;
|
|
883
|
+
markdownH3FontSize: string;
|
|
884
|
+
markdownTextFontSize: string;
|
|
858
885
|
}, {
|
|
859
886
|
StatusIcon: import("../../_mixins").Theme<"Icon", {
|
|
860
887
|
color: string;
|
|
@@ -937,6 +964,13 @@ export declare const chatMessagesProps: {
|
|
|
937
964
|
inputSuffixColor: string;
|
|
938
965
|
unreadNotificationBackgroundColor: string;
|
|
939
966
|
unreadNotificationTextColor: string;
|
|
967
|
+
markdownQuoteBorderColorOwn: string;
|
|
968
|
+
markdownQuoteBorderColorOther: string;
|
|
969
|
+
markdownQuoteTextColor: string;
|
|
970
|
+
markdownQuoteBackgroundColor: string;
|
|
971
|
+
markdownQuoteMarkerColor: string;
|
|
972
|
+
markdownDividerColorOwn: string;
|
|
973
|
+
markdownDividerColorOther: string;
|
|
940
974
|
typingIndicatorColor: string;
|
|
941
975
|
dateSeparatorColor: string;
|
|
942
976
|
dateSeparatorBackgroundColor: string;
|
|
@@ -1710,6 +1744,17 @@ export declare const chatMessagesProps: {
|
|
|
1710
1744
|
serviceMessageTextColor: string;
|
|
1711
1745
|
serviceMessageBackgroundColor: string;
|
|
1712
1746
|
messageTitleColor: string;
|
|
1747
|
+
markdownQuoteBorderColorOwn: string;
|
|
1748
|
+
markdownQuoteBorderColorOther: string;
|
|
1749
|
+
markdownQuoteTextColor: string;
|
|
1750
|
+
markdownQuoteBackgroundColor: string;
|
|
1751
|
+
markdownQuoteMarkerColor: string;
|
|
1752
|
+
markdownDividerColorOwn: string;
|
|
1753
|
+
markdownDividerColorOther: string;
|
|
1754
|
+
markdownH1FontSize: string;
|
|
1755
|
+
markdownH2FontSize: string;
|
|
1756
|
+
markdownH3FontSize: string;
|
|
1757
|
+
markdownTextFontSize: string;
|
|
1713
1758
|
}, {
|
|
1714
1759
|
StatusIcon: import("../../_mixins").Theme<"Icon", {
|
|
1715
1760
|
color: string;
|
|
@@ -1792,6 +1837,13 @@ export declare const chatMessagesProps: {
|
|
|
1792
1837
|
inputSuffixColor: string;
|
|
1793
1838
|
unreadNotificationBackgroundColor: string;
|
|
1794
1839
|
unreadNotificationTextColor: string;
|
|
1840
|
+
markdownQuoteBorderColorOwn: string;
|
|
1841
|
+
markdownQuoteBorderColorOther: string;
|
|
1842
|
+
markdownQuoteTextColor: string;
|
|
1843
|
+
markdownQuoteBackgroundColor: string;
|
|
1844
|
+
markdownQuoteMarkerColor: string;
|
|
1845
|
+
markdownDividerColorOwn: string;
|
|
1846
|
+
markdownDividerColorOther: string;
|
|
1795
1847
|
typingIndicatorColor: string;
|
|
1796
1848
|
dateSeparatorColor: string;
|
|
1797
1849
|
dateSeparatorBackgroundColor: string;
|
|
@@ -2565,6 +2617,17 @@ export declare const chatMessagesProps: {
|
|
|
2565
2617
|
serviceMessageTextColor: string;
|
|
2566
2618
|
serviceMessageBackgroundColor: string;
|
|
2567
2619
|
messageTitleColor: string;
|
|
2620
|
+
markdownQuoteBorderColorOwn: string;
|
|
2621
|
+
markdownQuoteBorderColorOther: string;
|
|
2622
|
+
markdownQuoteTextColor: string;
|
|
2623
|
+
markdownQuoteBackgroundColor: string;
|
|
2624
|
+
markdownQuoteMarkerColor: string;
|
|
2625
|
+
markdownDividerColorOwn: string;
|
|
2626
|
+
markdownDividerColorOther: string;
|
|
2627
|
+
markdownH1FontSize: string;
|
|
2628
|
+
markdownH2FontSize: string;
|
|
2629
|
+
markdownH3FontSize: string;
|
|
2630
|
+
markdownTextFontSize: string;
|
|
2568
2631
|
}, {
|
|
2569
2632
|
StatusIcon: import("../../_mixins").Theme<"Icon", {
|
|
2570
2633
|
color: string;
|
|
@@ -2647,6 +2710,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
2647
2710
|
readonly type: StringConstructor;
|
|
2648
2711
|
readonly default: undefined;
|
|
2649
2712
|
};
|
|
2713
|
+
readonly markdown: {
|
|
2714
|
+
readonly type: BooleanConstructor;
|
|
2715
|
+
readonly default: true;
|
|
2716
|
+
};
|
|
2717
|
+
readonly markdownOptions: {
|
|
2718
|
+
readonly type: PropType<MarkdownOptions>;
|
|
2719
|
+
readonly default: undefined;
|
|
2720
|
+
};
|
|
2650
2721
|
readonly uploadProps: {
|
|
2651
2722
|
readonly type: PropType<Partial<UploadProps>>;
|
|
2652
2723
|
readonly default: undefined;
|
|
@@ -2698,6 +2769,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
2698
2769
|
inputSuffixColor: string;
|
|
2699
2770
|
unreadNotificationBackgroundColor: string;
|
|
2700
2771
|
unreadNotificationTextColor: string;
|
|
2772
|
+
markdownQuoteBorderColorOwn: string;
|
|
2773
|
+
markdownQuoteBorderColorOther: string;
|
|
2774
|
+
markdownQuoteTextColor: string;
|
|
2775
|
+
markdownQuoteBackgroundColor: string;
|
|
2776
|
+
markdownQuoteMarkerColor: string;
|
|
2777
|
+
markdownDividerColorOwn: string;
|
|
2778
|
+
markdownDividerColorOther: string;
|
|
2701
2779
|
typingIndicatorColor: string;
|
|
2702
2780
|
dateSeparatorColor: string;
|
|
2703
2781
|
dateSeparatorBackgroundColor: string;
|
|
@@ -3471,6 +3549,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
3471
3549
|
serviceMessageTextColor: string;
|
|
3472
3550
|
serviceMessageBackgroundColor: string;
|
|
3473
3551
|
messageTitleColor: string;
|
|
3552
|
+
markdownQuoteBorderColorOwn: string;
|
|
3553
|
+
markdownQuoteBorderColorOther: string;
|
|
3554
|
+
markdownQuoteTextColor: string;
|
|
3555
|
+
markdownQuoteBackgroundColor: string;
|
|
3556
|
+
markdownQuoteMarkerColor: string;
|
|
3557
|
+
markdownDividerColorOwn: string;
|
|
3558
|
+
markdownDividerColorOther: string;
|
|
3559
|
+
markdownH1FontSize: string;
|
|
3560
|
+
markdownH2FontSize: string;
|
|
3561
|
+
markdownH3FontSize: string;
|
|
3562
|
+
markdownTextFontSize: string;
|
|
3474
3563
|
}, {
|
|
3475
3564
|
StatusIcon: import("../../_mixins").Theme<"Icon", {
|
|
3476
3565
|
color: string;
|
|
@@ -3553,6 +3642,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
3553
3642
|
inputSuffixColor: string;
|
|
3554
3643
|
unreadNotificationBackgroundColor: string;
|
|
3555
3644
|
unreadNotificationTextColor: string;
|
|
3645
|
+
markdownQuoteBorderColorOwn: string;
|
|
3646
|
+
markdownQuoteBorderColorOther: string;
|
|
3647
|
+
markdownQuoteTextColor: string;
|
|
3648
|
+
markdownQuoteBackgroundColor: string;
|
|
3649
|
+
markdownQuoteMarkerColor: string;
|
|
3650
|
+
markdownDividerColorOwn: string;
|
|
3651
|
+
markdownDividerColorOther: string;
|
|
3556
3652
|
typingIndicatorColor: string;
|
|
3557
3653
|
dateSeparatorColor: string;
|
|
3558
3654
|
dateSeparatorBackgroundColor: string;
|
|
@@ -4326,6 +4422,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
4326
4422
|
serviceMessageTextColor: string;
|
|
4327
4423
|
serviceMessageBackgroundColor: string;
|
|
4328
4424
|
messageTitleColor: string;
|
|
4425
|
+
markdownQuoteBorderColorOwn: string;
|
|
4426
|
+
markdownQuoteBorderColorOther: string;
|
|
4427
|
+
markdownQuoteTextColor: string;
|
|
4428
|
+
markdownQuoteBackgroundColor: string;
|
|
4429
|
+
markdownQuoteMarkerColor: string;
|
|
4430
|
+
markdownDividerColorOwn: string;
|
|
4431
|
+
markdownDividerColorOther: string;
|
|
4432
|
+
markdownH1FontSize: string;
|
|
4433
|
+
markdownH2FontSize: string;
|
|
4434
|
+
markdownH3FontSize: string;
|
|
4435
|
+
markdownTextFontSize: string;
|
|
4329
4436
|
}, {
|
|
4330
4437
|
StatusIcon: import("../../_mixins").Theme<"Icon", {
|
|
4331
4438
|
color: string;
|
|
@@ -4408,6 +4515,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
4408
4515
|
inputSuffixColor: string;
|
|
4409
4516
|
unreadNotificationBackgroundColor: string;
|
|
4410
4517
|
unreadNotificationTextColor: string;
|
|
4518
|
+
markdownQuoteBorderColorOwn: string;
|
|
4519
|
+
markdownQuoteBorderColorOther: string;
|
|
4520
|
+
markdownQuoteTextColor: string;
|
|
4521
|
+
markdownQuoteBackgroundColor: string;
|
|
4522
|
+
markdownQuoteMarkerColor: string;
|
|
4523
|
+
markdownDividerColorOwn: string;
|
|
4524
|
+
markdownDividerColorOther: string;
|
|
4411
4525
|
typingIndicatorColor: string;
|
|
4412
4526
|
dateSeparatorColor: string;
|
|
4413
4527
|
dateSeparatorBackgroundColor: string;
|
|
@@ -5181,6 +5295,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
5181
5295
|
serviceMessageTextColor: string;
|
|
5182
5296
|
serviceMessageBackgroundColor: string;
|
|
5183
5297
|
messageTitleColor: string;
|
|
5298
|
+
markdownQuoteBorderColorOwn: string;
|
|
5299
|
+
markdownQuoteBorderColorOther: string;
|
|
5300
|
+
markdownQuoteTextColor: string;
|
|
5301
|
+
markdownQuoteBackgroundColor: string;
|
|
5302
|
+
markdownQuoteMarkerColor: string;
|
|
5303
|
+
markdownDividerColorOwn: string;
|
|
5304
|
+
markdownDividerColorOther: string;
|
|
5305
|
+
markdownH1FontSize: string;
|
|
5306
|
+
markdownH2FontSize: string;
|
|
5307
|
+
markdownH3FontSize: string;
|
|
5308
|
+
markdownTextFontSize: string;
|
|
5184
5309
|
}, {
|
|
5185
5310
|
StatusIcon: import("../../_mixins").Theme<"Icon", {
|
|
5186
5311
|
color: string;
|
|
@@ -5234,7 +5359,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
5234
5359
|
}>>>;
|
|
5235
5360
|
}>, {
|
|
5236
5361
|
mergedClsPrefixRef: import("vue").Ref<string, string>;
|
|
5237
|
-
mergedTheme: import("vue").
|
|
5362
|
+
mergedTheme: import("vue").ComputedRef<{
|
|
5238
5363
|
common: import("../..").ThemeCommonVars;
|
|
5239
5364
|
self: {
|
|
5240
5365
|
backgroundColor: string;
|
|
@@ -5267,6 +5392,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
5267
5392
|
inputSuffixColor: string;
|
|
5268
5393
|
unreadNotificationBackgroundColor: string;
|
|
5269
5394
|
unreadNotificationTextColor: string;
|
|
5395
|
+
markdownQuoteBorderColorOwn: string;
|
|
5396
|
+
markdownQuoteBorderColorOther: string;
|
|
5397
|
+
markdownQuoteTextColor: string;
|
|
5398
|
+
markdownQuoteBackgroundColor: string;
|
|
5399
|
+
markdownQuoteMarkerColor: string;
|
|
5400
|
+
markdownDividerColorOwn: string;
|
|
5401
|
+
markdownDividerColorOther: string;
|
|
5270
5402
|
typingIndicatorColor: string;
|
|
5271
5403
|
dateSeparatorColor: string;
|
|
5272
5404
|
dateSeparatorBackgroundColor: string;
|
|
@@ -6041,6 +6173,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
6041
6173
|
serviceMessageTextColor: string;
|
|
6042
6174
|
serviceMessageBackgroundColor: string;
|
|
6043
6175
|
messageTitleColor: string;
|
|
6176
|
+
markdownQuoteBorderColorOwn: string;
|
|
6177
|
+
markdownQuoteBorderColorOther: string;
|
|
6178
|
+
markdownQuoteTextColor: string;
|
|
6179
|
+
markdownQuoteBackgroundColor: string;
|
|
6180
|
+
markdownQuoteMarkerColor: string;
|
|
6181
|
+
markdownDividerColorOwn: string;
|
|
6182
|
+
markdownDividerColorOther: string;
|
|
6183
|
+
markdownH1FontSize: string;
|
|
6184
|
+
markdownH2FontSize: string;
|
|
6185
|
+
markdownH3FontSize: string;
|
|
6186
|
+
markdownTextFontSize: string;
|
|
6044
6187
|
}, {
|
|
6045
6188
|
StatusIcon: import("../../_mixins").Theme<"Icon", {
|
|
6046
6189
|
color: string;
|
|
@@ -6481,7 +6624,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
6481
6624
|
} | undefined;
|
|
6482
6625
|
} | undefined;
|
|
6483
6626
|
};
|
|
6484
|
-
}
|
|
6627
|
+
}> | import("vue").Ref<{
|
|
6485
6628
|
common: import("../..").ThemeCommonVars;
|
|
6486
6629
|
self: {
|
|
6487
6630
|
backgroundColor: string;
|
|
@@ -6514,6 +6657,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
6514
6657
|
inputSuffixColor: string;
|
|
6515
6658
|
unreadNotificationBackgroundColor: string;
|
|
6516
6659
|
unreadNotificationTextColor: string;
|
|
6660
|
+
markdownQuoteBorderColorOwn: string;
|
|
6661
|
+
markdownQuoteBorderColorOther: string;
|
|
6662
|
+
markdownQuoteTextColor: string;
|
|
6663
|
+
markdownQuoteBackgroundColor: string;
|
|
6664
|
+
markdownQuoteMarkerColor: string;
|
|
6665
|
+
markdownDividerColorOwn: string;
|
|
6666
|
+
markdownDividerColorOther: string;
|
|
6517
6667
|
typingIndicatorColor: string;
|
|
6518
6668
|
dateSeparatorColor: string;
|
|
6519
6669
|
dateSeparatorBackgroundColor: string;
|
|
@@ -7288,6 +7438,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
7288
7438
|
serviceMessageTextColor: string;
|
|
7289
7439
|
serviceMessageBackgroundColor: string;
|
|
7290
7440
|
messageTitleColor: string;
|
|
7441
|
+
markdownQuoteBorderColorOwn: string;
|
|
7442
|
+
markdownQuoteBorderColorOther: string;
|
|
7443
|
+
markdownQuoteTextColor: string;
|
|
7444
|
+
markdownQuoteBackgroundColor: string;
|
|
7445
|
+
markdownQuoteMarkerColor: string;
|
|
7446
|
+
markdownDividerColorOwn: string;
|
|
7447
|
+
markdownDividerColorOther: string;
|
|
7448
|
+
markdownH1FontSize: string;
|
|
7449
|
+
markdownH2FontSize: string;
|
|
7450
|
+
markdownH3FontSize: string;
|
|
7451
|
+
markdownTextFontSize: string;
|
|
7291
7452
|
}, {
|
|
7292
7453
|
StatusIcon: import("../../_mixins").Theme<"Icon", {
|
|
7293
7454
|
color: string;
|
|
@@ -7728,7 +7889,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
7728
7889
|
} | undefined;
|
|
7729
7890
|
} | undefined;
|
|
7730
7891
|
};
|
|
7731
|
-
}
|
|
7892
|
+
}, {
|
|
7732
7893
|
common: import("../..").ThemeCommonVars;
|
|
7733
7894
|
self: {
|
|
7734
7895
|
backgroundColor: string;
|
|
@@ -7761,6 +7922,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
7761
7922
|
inputSuffixColor: string;
|
|
7762
7923
|
unreadNotificationBackgroundColor: string;
|
|
7763
7924
|
unreadNotificationTextColor: string;
|
|
7925
|
+
markdownQuoteBorderColorOwn: string;
|
|
7926
|
+
markdownQuoteBorderColorOther: string;
|
|
7927
|
+
markdownQuoteTextColor: string;
|
|
7928
|
+
markdownQuoteBackgroundColor: string;
|
|
7929
|
+
markdownQuoteMarkerColor: string;
|
|
7930
|
+
markdownDividerColorOwn: string;
|
|
7931
|
+
markdownDividerColorOther: string;
|
|
7764
7932
|
typingIndicatorColor: string;
|
|
7765
7933
|
dateSeparatorColor: string;
|
|
7766
7934
|
dateSeparatorBackgroundColor: string;
|
|
@@ -8535,6 +8703,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
8535
8703
|
serviceMessageTextColor: string;
|
|
8536
8704
|
serviceMessageBackgroundColor: string;
|
|
8537
8705
|
messageTitleColor: string;
|
|
8706
|
+
markdownQuoteBorderColorOwn: string;
|
|
8707
|
+
markdownQuoteBorderColorOther: string;
|
|
8708
|
+
markdownQuoteTextColor: string;
|
|
8709
|
+
markdownQuoteBackgroundColor: string;
|
|
8710
|
+
markdownQuoteMarkerColor: string;
|
|
8711
|
+
markdownDividerColorOwn: string;
|
|
8712
|
+
markdownDividerColorOther: string;
|
|
8713
|
+
markdownH1FontSize: string;
|
|
8714
|
+
markdownH2FontSize: string;
|
|
8715
|
+
markdownH3FontSize: string;
|
|
8716
|
+
markdownTextFontSize: string;
|
|
8538
8717
|
}, {
|
|
8539
8718
|
StatusIcon: import("../../_mixins").Theme<"Icon", {
|
|
8540
8719
|
color: string;
|
|
@@ -9013,6 +9192,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
9013
9192
|
readonly type: StringConstructor;
|
|
9014
9193
|
readonly default: undefined;
|
|
9015
9194
|
};
|
|
9195
|
+
readonly markdown: {
|
|
9196
|
+
readonly type: BooleanConstructor;
|
|
9197
|
+
readonly default: true;
|
|
9198
|
+
};
|
|
9199
|
+
readonly markdownOptions: {
|
|
9200
|
+
readonly type: PropType<MarkdownOptions>;
|
|
9201
|
+
readonly default: undefined;
|
|
9202
|
+
};
|
|
9016
9203
|
readonly uploadProps: {
|
|
9017
9204
|
readonly type: PropType<Partial<UploadProps>>;
|
|
9018
9205
|
readonly default: undefined;
|
|
@@ -9064,6 +9251,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
9064
9251
|
inputSuffixColor: string;
|
|
9065
9252
|
unreadNotificationBackgroundColor: string;
|
|
9066
9253
|
unreadNotificationTextColor: string;
|
|
9254
|
+
markdownQuoteBorderColorOwn: string;
|
|
9255
|
+
markdownQuoteBorderColorOther: string;
|
|
9256
|
+
markdownQuoteTextColor: string;
|
|
9257
|
+
markdownQuoteBackgroundColor: string;
|
|
9258
|
+
markdownQuoteMarkerColor: string;
|
|
9259
|
+
markdownDividerColorOwn: string;
|
|
9260
|
+
markdownDividerColorOther: string;
|
|
9067
9261
|
typingIndicatorColor: string;
|
|
9068
9262
|
dateSeparatorColor: string;
|
|
9069
9263
|
dateSeparatorBackgroundColor: string;
|
|
@@ -9837,6 +10031,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
9837
10031
|
serviceMessageTextColor: string;
|
|
9838
10032
|
serviceMessageBackgroundColor: string;
|
|
9839
10033
|
messageTitleColor: string;
|
|
10034
|
+
markdownQuoteBorderColorOwn: string;
|
|
10035
|
+
markdownQuoteBorderColorOther: string;
|
|
10036
|
+
markdownQuoteTextColor: string;
|
|
10037
|
+
markdownQuoteBackgroundColor: string;
|
|
10038
|
+
markdownQuoteMarkerColor: string;
|
|
10039
|
+
markdownDividerColorOwn: string;
|
|
10040
|
+
markdownDividerColorOther: string;
|
|
10041
|
+
markdownH1FontSize: string;
|
|
10042
|
+
markdownH2FontSize: string;
|
|
10043
|
+
markdownH3FontSize: string;
|
|
10044
|
+
markdownTextFontSize: string;
|
|
9840
10045
|
}, {
|
|
9841
10046
|
StatusIcon: import("../../_mixins").Theme<"Icon", {
|
|
9842
10047
|
color: string;
|
|
@@ -9919,6 +10124,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
9919
10124
|
inputSuffixColor: string;
|
|
9920
10125
|
unreadNotificationBackgroundColor: string;
|
|
9921
10126
|
unreadNotificationTextColor: string;
|
|
10127
|
+
markdownQuoteBorderColorOwn: string;
|
|
10128
|
+
markdownQuoteBorderColorOther: string;
|
|
10129
|
+
markdownQuoteTextColor: string;
|
|
10130
|
+
markdownQuoteBackgroundColor: string;
|
|
10131
|
+
markdownQuoteMarkerColor: string;
|
|
10132
|
+
markdownDividerColorOwn: string;
|
|
10133
|
+
markdownDividerColorOther: string;
|
|
9922
10134
|
typingIndicatorColor: string;
|
|
9923
10135
|
dateSeparatorColor: string;
|
|
9924
10136
|
dateSeparatorBackgroundColor: string;
|
|
@@ -10692,6 +10904,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
10692
10904
|
serviceMessageTextColor: string;
|
|
10693
10905
|
serviceMessageBackgroundColor: string;
|
|
10694
10906
|
messageTitleColor: string;
|
|
10907
|
+
markdownQuoteBorderColorOwn: string;
|
|
10908
|
+
markdownQuoteBorderColorOther: string;
|
|
10909
|
+
markdownQuoteTextColor: string;
|
|
10910
|
+
markdownQuoteBackgroundColor: string;
|
|
10911
|
+
markdownQuoteMarkerColor: string;
|
|
10912
|
+
markdownDividerColorOwn: string;
|
|
10913
|
+
markdownDividerColorOther: string;
|
|
10914
|
+
markdownH1FontSize: string;
|
|
10915
|
+
markdownH2FontSize: string;
|
|
10916
|
+
markdownH3FontSize: string;
|
|
10917
|
+
markdownTextFontSize: string;
|
|
10695
10918
|
}, {
|
|
10696
10919
|
StatusIcon: import("../../_mixins").Theme<"Icon", {
|
|
10697
10920
|
color: string;
|
|
@@ -10774,6 +10997,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
10774
10997
|
inputSuffixColor: string;
|
|
10775
10998
|
unreadNotificationBackgroundColor: string;
|
|
10776
10999
|
unreadNotificationTextColor: string;
|
|
11000
|
+
markdownQuoteBorderColorOwn: string;
|
|
11001
|
+
markdownQuoteBorderColorOther: string;
|
|
11002
|
+
markdownQuoteTextColor: string;
|
|
11003
|
+
markdownQuoteBackgroundColor: string;
|
|
11004
|
+
markdownQuoteMarkerColor: string;
|
|
11005
|
+
markdownDividerColorOwn: string;
|
|
11006
|
+
markdownDividerColorOther: string;
|
|
10777
11007
|
typingIndicatorColor: string;
|
|
10778
11008
|
dateSeparatorColor: string;
|
|
10779
11009
|
dateSeparatorBackgroundColor: string;
|
|
@@ -11547,6 +11777,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
11547
11777
|
serviceMessageTextColor: string;
|
|
11548
11778
|
serviceMessageBackgroundColor: string;
|
|
11549
11779
|
messageTitleColor: string;
|
|
11780
|
+
markdownQuoteBorderColorOwn: string;
|
|
11781
|
+
markdownQuoteBorderColorOther: string;
|
|
11782
|
+
markdownQuoteTextColor: string;
|
|
11783
|
+
markdownQuoteBackgroundColor: string;
|
|
11784
|
+
markdownQuoteMarkerColor: string;
|
|
11785
|
+
markdownDividerColorOwn: string;
|
|
11786
|
+
markdownDividerColorOther: string;
|
|
11787
|
+
markdownH1FontSize: string;
|
|
11788
|
+
markdownH2FontSize: string;
|
|
11789
|
+
markdownH3FontSize: string;
|
|
11790
|
+
markdownTextFontSize: string;
|
|
11550
11791
|
}, {
|
|
11551
11792
|
StatusIcon: import("../../_mixins").Theme<"Icon", {
|
|
11552
11793
|
color: string;
|
|
@@ -11603,6 +11844,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
11603
11844
|
readonly typingText: string;
|
|
11604
11845
|
readonly retryText: string;
|
|
11605
11846
|
readonly unreadNotificationText: string;
|
|
11847
|
+
readonly markdown: boolean;
|
|
11848
|
+
readonly markdownOptions: MarkdownOptions;
|
|
11606
11849
|
readonly uploadProps: Partial<UploadProps>;
|
|
11607
11850
|
readonly selectedChatId: string | number | symbol;
|
|
11608
11851
|
readonly messages: ChatMessageData[];
|
|
@@ -34,6 +34,14 @@ export const chatMessagesProps = Object.assign(Object.assign({}, useTheme.props)
|
|
|
34
34
|
type: String,
|
|
35
35
|
default: undefined
|
|
36
36
|
},
|
|
37
|
+
markdown: {
|
|
38
|
+
type: Boolean,
|
|
39
|
+
default: true
|
|
40
|
+
},
|
|
41
|
+
markdownOptions: {
|
|
42
|
+
type: Object,
|
|
43
|
+
default: undefined
|
|
44
|
+
},
|
|
37
45
|
uploadProps: {
|
|
38
46
|
type: Object,
|
|
39
47
|
default: undefined
|
|
@@ -84,7 +92,14 @@ export default defineComponent({
|
|
|
84
92
|
attachmentBackgroundColorOwn: self.attachmentBackgroundColorOwn,
|
|
85
93
|
attachmentBackgroundColorOther: self.attachmentBackgroundColorOther,
|
|
86
94
|
unreadNotificationBackgroundColor: self.unreadNotificationBackgroundColor,
|
|
87
|
-
unreadNotificationTextColor: self.unreadNotificationTextColor
|
|
95
|
+
unreadNotificationTextColor: self.unreadNotificationTextColor,
|
|
96
|
+
markdownQuoteBorderColorOwn: self.markdownQuoteBorderColorOwn,
|
|
97
|
+
markdownQuoteBorderColorOther: self.markdownQuoteBorderColorOther,
|
|
98
|
+
markdownQuoteTextColor: self.markdownQuoteTextColor,
|
|
99
|
+
markdownQuoteBackgroundColor: self.markdownQuoteBackgroundColor,
|
|
100
|
+
markdownQuoteMarkerColor: self.markdownQuoteMarkerColor,
|
|
101
|
+
markdownDividerColorOwn: self.markdownDividerColorOwn,
|
|
102
|
+
markdownDividerColorOther: self.markdownDividerColorOther
|
|
88
103
|
}, peerOverrides.MessageBubble);
|
|
89
104
|
});
|
|
90
105
|
const cssVarsRef = computed(() => {
|
|
@@ -206,18 +221,21 @@ export default defineComponent({
|
|
|
206
221
|
});
|
|
207
222
|
};
|
|
208
223
|
const renderMarkMessage = message => {
|
|
209
|
-
var _a;
|
|
224
|
+
var _a, _b;
|
|
210
225
|
const serviceVariant = markTypeToServiceVariantMap[(_a = message.markType) !== null && _a !== void 0 ? _a : ChatMarkType.DIVIDER];
|
|
211
226
|
return h(UMessageBubble, {
|
|
212
227
|
key: String(message.id),
|
|
213
228
|
type: MessageBubbleType.SERVICE,
|
|
214
229
|
serviceVariant: serviceVariant,
|
|
215
230
|
content: message.content,
|
|
231
|
+
markdown: (_b = message.markdown) !== null && _b !== void 0 ? _b : props.markdown,
|
|
232
|
+
markdownOptions: props.markdownOptions,
|
|
216
233
|
theme: themeRef.value.peers.MessageBubble,
|
|
217
234
|
themeOverrides: messageBubbleThemeOverridesRef.value
|
|
218
235
|
});
|
|
219
236
|
};
|
|
220
237
|
const renderMessage = message => {
|
|
238
|
+
var _a;
|
|
221
239
|
const attachments = message.attachment ? Array.isArray(message.attachment) ? message.attachment : [message.attachment] : [];
|
|
222
240
|
const messageBubbleAttachments = attachments.map(attachment => ({
|
|
223
241
|
id: attachment.id,
|
|
@@ -245,6 +263,8 @@ export default defineComponent({
|
|
|
245
263
|
type: MessageBubbleType.MESSAGE,
|
|
246
264
|
isOwn: Boolean(message.isOwn),
|
|
247
265
|
content: message.content,
|
|
266
|
+
markdown: (_a = message.markdown) !== null && _a !== void 0 ? _a : props.markdown,
|
|
267
|
+
markdownOptions: props.markdownOptions,
|
|
248
268
|
timestamp: message.timestamp,
|
|
249
269
|
title: message.title,
|
|
250
270
|
status: message.status,
|
|
@@ -43,6 +43,13 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
43
43
|
inputSuffixColor: string;
|
|
44
44
|
unreadNotificationBackgroundColor: string;
|
|
45
45
|
unreadNotificationTextColor: string;
|
|
46
|
+
markdownQuoteBorderColorOwn: string;
|
|
47
|
+
markdownQuoteBorderColorOther: string;
|
|
48
|
+
markdownQuoteTextColor: string;
|
|
49
|
+
markdownQuoteBackgroundColor: string;
|
|
50
|
+
markdownQuoteMarkerColor: string;
|
|
51
|
+
markdownDividerColorOwn: string;
|
|
52
|
+
markdownDividerColorOther: string;
|
|
46
53
|
typingIndicatorColor: string;
|
|
47
54
|
dateSeparatorColor: string;
|
|
48
55
|
dateSeparatorBackgroundColor: string;
|
|
@@ -817,6 +824,17 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
817
824
|
serviceMessageTextColor: string;
|
|
818
825
|
serviceMessageBackgroundColor: string;
|
|
819
826
|
messageTitleColor: string;
|
|
827
|
+
markdownQuoteBorderColorOwn: string;
|
|
828
|
+
markdownQuoteBorderColorOther: string;
|
|
829
|
+
markdownQuoteTextColor: string;
|
|
830
|
+
markdownQuoteBackgroundColor: string;
|
|
831
|
+
markdownQuoteMarkerColor: string;
|
|
832
|
+
markdownDividerColorOwn: string;
|
|
833
|
+
markdownDividerColorOther: string;
|
|
834
|
+
markdownH1FontSize: string;
|
|
835
|
+
markdownH2FontSize: string;
|
|
836
|
+
markdownH3FontSize: string;
|
|
837
|
+
markdownTextFontSize: string;
|
|
820
838
|
}, {
|
|
821
839
|
StatusIcon: import("../../../_mixins").Theme<"Icon", {
|
|
822
840
|
color: string;
|
|
@@ -1290,6 +1308,13 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
1290
1308
|
inputSuffixColor: string;
|
|
1291
1309
|
unreadNotificationBackgroundColor: string;
|
|
1292
1310
|
unreadNotificationTextColor: string;
|
|
1311
|
+
markdownQuoteBorderColorOwn: string;
|
|
1312
|
+
markdownQuoteBorderColorOther: string;
|
|
1313
|
+
markdownQuoteTextColor: string;
|
|
1314
|
+
markdownQuoteBackgroundColor: string;
|
|
1315
|
+
markdownQuoteMarkerColor: string;
|
|
1316
|
+
markdownDividerColorOwn: string;
|
|
1317
|
+
markdownDividerColorOther: string;
|
|
1293
1318
|
typingIndicatorColor: string;
|
|
1294
1319
|
dateSeparatorColor: string;
|
|
1295
1320
|
dateSeparatorBackgroundColor: string;
|
|
@@ -2064,6 +2089,17 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
2064
2089
|
serviceMessageTextColor: string;
|
|
2065
2090
|
serviceMessageBackgroundColor: string;
|
|
2066
2091
|
messageTitleColor: string;
|
|
2092
|
+
markdownQuoteBorderColorOwn: string;
|
|
2093
|
+
markdownQuoteBorderColorOther: string;
|
|
2094
|
+
markdownQuoteTextColor: string;
|
|
2095
|
+
markdownQuoteBackgroundColor: string;
|
|
2096
|
+
markdownQuoteMarkerColor: string;
|
|
2097
|
+
markdownDividerColorOwn: string;
|
|
2098
|
+
markdownDividerColorOther: string;
|
|
2099
|
+
markdownH1FontSize: string;
|
|
2100
|
+
markdownH2FontSize: string;
|
|
2101
|
+
markdownH3FontSize: string;
|
|
2102
|
+
markdownTextFontSize: string;
|
|
2067
2103
|
}, {
|
|
2068
2104
|
StatusIcon: import("../../../_mixins").Theme<"Icon", {
|
|
2069
2105
|
color: string;
|