@mobilon-dev/chotto 0.3.42 → 0.3.44
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/chotto.css +1 -1
- package/dist/components/2_feed_elements/AudioMessage/AudioMessage.vue.js +2 -2
- package/dist/components/2_feed_elements/AudioMessage/AudioMessage.vue2.js +119 -109
- package/dist/components/2_feed_elements/FileMessage/FileMessage.vue.js +3 -3
- package/dist/components/2_feed_elements/FileMessage/FileMessage.vue2.js +99 -89
- package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue.js +2 -2
- package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue2.js +102 -92
- package/dist/components/2_feed_elements/MessageSmsInvite/MessageSmsInvite.vue.js +7 -0
- package/dist/components/2_feed_elements/MessageSmsInvite/MessageSmsInvite.vue2.js +64 -0
- package/dist/components/2_feed_elements/MessageStatusIndicator/MessageStatusIndicator.vue.js +5 -71
- package/dist/components/2_feed_elements/MessageStatusIndicator/MessageStatusIndicator.vue2.js +64 -2
- package/dist/components/2_feed_elements/MessageStatusIndicator/icons/ErrorStatusIcon.vue.js +7 -0
- package/dist/components/2_feed_elements/MessageStatusIndicator/icons/ErrorStatusIcon.vue2.js +40 -0
- package/dist/components/2_feed_elements/MessageStatusIndicator/icons/PendingStatusIcon.vue.js +7 -0
- package/dist/components/2_feed_elements/MessageStatusIndicator/icons/PendingStatusIcon.vue2.js +46 -0
- package/dist/components/2_feed_elements/MessageStatusIndicator/icons/ReadStatusIcon.vue.js +7 -0
- package/dist/components/2_feed_elements/MessageStatusIndicator/icons/ReadStatusIcon.vue2.js +40 -0
- package/dist/components/2_feed_elements/MessageStatusIndicator/icons/ReceivedStatusIcon.vue.js +7 -0
- package/dist/components/2_feed_elements/MessageStatusIndicator/icons/ReceivedStatusIcon.vue2.js +40 -0
- package/dist/components/2_feed_elements/MessageStatusIndicator/icons/SentStatusIcon.vue.js +7 -0
- package/dist/components/2_feed_elements/MessageStatusIndicator/icons/SentStatusIcon.vue2.js +43 -0
- package/dist/components/2_feed_elements/StickerMessage/StickerMessage.vue.js +1 -1
- package/dist/components/2_feed_elements/StickerMessage/StickerMessage.vue2.js +118 -103
- package/dist/components/2_feed_elements/TextMessage/TextMessage.vue.js +1 -1
- package/dist/components/2_feed_elements/TextMessage/TextMessage.vue2.js +76 -66
- package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue.js +1 -1
- package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue2.js +88 -78
- package/dist/components/3_compounds/Feed/Feed.vue.js +2 -2
- package/dist/components/3_compounds/Feed/Feed.vue2.js +134 -128
- package/dist/locale/en.js +2 -1
- package/dist/locale/ru.js +2 -1
- package/dist/themes/dark.css +1 -1
- package/dist/themes/default.css +1 -1
- package/dist/themes/glass.css +1 -1
- package/dist/themes/green.css +1 -1
- package/dist/themes/mobilon1.css +1 -1
- package/dist/types/apps/data/messages.d.ts +324 -4
- package/dist/types/components/2_feed_elements/AudioMessage/AudioMessage.vue.d.ts +2 -0
- package/dist/types/components/2_feed_elements/AudioMessage/styles/types.d.ts +6 -16
- package/dist/types/components/2_feed_elements/CallMessage/styles/types.d.ts +0 -6
- package/dist/types/components/2_feed_elements/FileMessage/FileMessage.vue.d.ts +2 -0
- package/dist/types/components/2_feed_elements/FileMessage/styles/types.d.ts +2 -20
- package/dist/types/components/2_feed_elements/ImageMessage/ImageMessage.vue.d.ts +2 -0
- package/dist/types/components/2_feed_elements/ImageMessage/styles/types.d.ts +0 -14
- package/dist/types/components/2_feed_elements/MessageSmsInvite/MessageSmsInvite.vue.d.ts +11 -0
- package/dist/types/components/2_feed_elements/MessageSmsInvite/styles/types.d.ts +49 -0
- package/dist/types/components/2_feed_elements/MessageStatusIndicator/icons/ErrorStatusIcon.vue.d.ts +23 -0
- package/dist/types/components/2_feed_elements/MessageStatusIndicator/icons/PendingStatusIcon.vue.d.ts +23 -0
- package/dist/types/components/2_feed_elements/MessageStatusIndicator/icons/ReadStatusIcon.vue.d.ts +23 -0
- package/dist/types/components/2_feed_elements/MessageStatusIndicator/icons/ReceivedStatusIcon.vue.d.ts +23 -0
- package/dist/types/components/2_feed_elements/MessageStatusIndicator/icons/SentStatusIcon.vue.d.ts +23 -0
- package/dist/types/components/2_feed_elements/MessageStatusIndicator/icons/index.d.ts +5 -0
- package/dist/types/components/2_feed_elements/MessageStatusIndicator/styles/types.d.ts +31 -0
- package/dist/types/components/2_feed_elements/StickerMessage/StickerMessage.vue.d.ts +2 -0
- package/dist/types/components/2_feed_elements/StickerMessage/styles/types.d.ts +16 -14
- package/dist/types/components/2_feed_elements/TextMessage/TextMessage.vue.d.ts +2 -0
- package/dist/types/components/2_feed_elements/TextMessage/styles/types.d.ts +0 -18
- package/dist/types/components/2_feed_elements/VideoMessage/VideoMessage.vue.d.ts +2 -0
- package/dist/types/components/2_feed_elements/VideoMessage/styles/types.d.ts +1 -15
- package/dist/types/components/2_feed_elements/types/messages.d.ts +12 -0
- package/dist/types/components/3_compounds/Feed/Feed.vue.d.ts +4 -2
- package/dist/types/hooks/validators/messages/types.d.ts +1 -0
- package/dist/types/locale/en.d.ts +1 -0
- package/dist/types/locale/ru.d.ts +1 -0
- package/package.json +1 -1
|
@@ -24,6 +24,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
24
24
|
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
25
25
|
action: (...args: any[]) => void;
|
|
26
26
|
reply: (...args: any[]) => void;
|
|
27
|
+
"sms-invite": (...args: any[]) => void;
|
|
27
28
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
28
29
|
message: {
|
|
29
30
|
type: () => IAudioMessage;
|
|
@@ -49,6 +50,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
49
50
|
}>> & Readonly<{
|
|
50
51
|
onAction?: ((...args: any[]) => any) | undefined;
|
|
51
52
|
onReply?: ((...args: any[]) => any) | undefined;
|
|
53
|
+
"onSms-invite"?: ((...args: any[]) => any) | undefined;
|
|
52
54
|
}>, {
|
|
53
55
|
applyStyle: Function;
|
|
54
56
|
isFirstInSeries: boolean;
|
|
@@ -230,18 +230,18 @@ export interface AudioMessageThemeCSSVariables {
|
|
|
230
230
|
'--chotto-audiomessage-avatar-min-height': string;
|
|
231
231
|
/** Скругление аватара */
|
|
232
232
|
'--chotto-audiomessage-avatar-border-radius': string;
|
|
233
|
-
/**
|
|
234
|
-
'--chotto-audiomessage-info-container-
|
|
235
|
-
/** Отступ справа инфо-контейнера */
|
|
236
|
-
'--chotto-audiomessage-info-container-right': string;
|
|
237
|
-
/** Отступ снизу инфо-контейнера */
|
|
238
|
-
'--chotto-audiomessage-info-container-bottom': string;
|
|
233
|
+
/** Колонки грида инфо-контейнера */
|
|
234
|
+
'--chotto-audiomessage-info-container-grid-column': string;
|
|
239
235
|
/** Отображение инфо-контейнера */
|
|
240
236
|
'--chotto-audiomessage-info-container-display': string;
|
|
241
237
|
/** Выравнивание элементов инфо-контейнера */
|
|
242
238
|
'--chotto-audiomessage-info-container-align-items': string;
|
|
239
|
+
/** Выравнивание содержимого инфо-контейнера */
|
|
240
|
+
'--chotto-audiomessage-info-container-justify-content': string;
|
|
243
241
|
/** Промежуток между элементами инфо-контейнера */
|
|
244
242
|
'--chotto-audiomessage-info-container-column-gap': string;
|
|
243
|
+
/** Отступ справа инфо-контейнера */
|
|
244
|
+
'--chotto-audiomessage-info-container-margin-right': string;
|
|
245
245
|
/** События указателя инфо-контейнера */
|
|
246
246
|
'--chotto-audiomessage-info-container-pointer-events': string;
|
|
247
247
|
/** Позиционирование кнопки скачивания */
|
|
@@ -266,8 +266,6 @@ export interface AudioMessageThemeCSSVariables {
|
|
|
266
266
|
'--chotto-audiomessage-download-button-padding': string;
|
|
267
267
|
/** Курсор кнопки скачивания */
|
|
268
268
|
'--chotto-audiomessage-download-button-cursor': string;
|
|
269
|
-
/** Отображение статуса */
|
|
270
|
-
'--chotto-audiomessage-status-display': string;
|
|
271
269
|
/** Отображение блока просмотров */
|
|
272
270
|
'--chotto-audiomessage-views-display': string;
|
|
273
271
|
/** Выравнивание элементов блока просмотров */
|
|
@@ -504,14 +502,6 @@ export interface AudioMessageThemeCSSVariables {
|
|
|
504
502
|
'--chotto-audiomessage-download-button-icon-color': string;
|
|
505
503
|
/** Размер иконки кнопки скачивания */
|
|
506
504
|
'--chotto-audiomessage-download-button-icon-size': string;
|
|
507
|
-
/** Цвет статуса доставлено */
|
|
508
|
-
'--chotto-audiomessage-status-color-received': string;
|
|
509
|
-
/** Цвет статуса прочитано */
|
|
510
|
-
'--chotto-audiomessage-status-color-read': string;
|
|
511
|
-
/** Цвет статуса в ожидании */
|
|
512
|
-
'--chotto-audiomessage-status-color-pending': string;
|
|
513
|
-
/** Цвет статуса ошибка */
|
|
514
|
-
'--chotto-audiomessage-status-color-error': string;
|
|
515
505
|
/** Размер малого текста-иконки */
|
|
516
506
|
'--chotto-audiomessage-small-text-icon-size': string;
|
|
517
507
|
/** Цвет иконки/текста (span) просмотров */
|
|
@@ -86,8 +86,6 @@ export interface CallMessageThemeCSSVariables {
|
|
|
86
86
|
'--chotto-callmessage-download-button-padding': string;
|
|
87
87
|
/** Курсор кнопки скачивания */
|
|
88
88
|
'--chotto-callmessage-download-button-cursor': string;
|
|
89
|
-
/** Отображение статуса */
|
|
90
|
-
'--chotto-callmessage-status-display': string;
|
|
91
89
|
/** Колонка грида контейнера заголовка */
|
|
92
90
|
'--chotto-callmessage-header-container-grid-column': string;
|
|
93
91
|
/** Отображение контейнера заголовка */
|
|
@@ -502,10 +500,6 @@ export interface CallMessageThemeCSSVariables {
|
|
|
502
500
|
'--chotto-callmessage-download-button-icon-color': string;
|
|
503
501
|
/** Размер иконки кнопки скачивания */
|
|
504
502
|
'--chotto-callmessage-download-button-icon-size': string;
|
|
505
|
-
/** Цвет статуса доставлено */
|
|
506
|
-
'--chotto-callmessage-status-color-received': string;
|
|
507
|
-
/** Цвет статуса прочитано */
|
|
508
|
-
'--chotto-callmessage-status-color-read': string;
|
|
509
503
|
/** Малый размер иконки текста */
|
|
510
504
|
'--chotto-callmessage-small-text-icon-size': string;
|
|
511
505
|
/** Размер шрифта подзаголовка */
|
|
@@ -24,6 +24,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
24
24
|
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
25
25
|
action: (...args: any[]) => void;
|
|
26
26
|
reply: (...args: any[]) => void;
|
|
27
|
+
"sms-invite": (...args: any[]) => void;
|
|
27
28
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
28
29
|
message: {
|
|
29
30
|
type: () => IFileMessage;
|
|
@@ -49,6 +50,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
49
50
|
}>> & Readonly<{
|
|
50
51
|
onAction?: ((...args: any[]) => any) | undefined;
|
|
51
52
|
onReply?: ((...args: any[]) => any) | undefined;
|
|
53
|
+
"onSms-invite"?: ((...args: any[]) => any) | undefined;
|
|
52
54
|
}>, {
|
|
53
55
|
applyStyle: Function;
|
|
54
56
|
isFirstInSeries: boolean;
|
|
@@ -124,6 +124,8 @@ export interface FileMessageThemeCSSVariables {
|
|
|
124
124
|
'--chotto-filemessage-info-container-column-gap': string;
|
|
125
125
|
/** Отступ снизу кнопки скачивания */
|
|
126
126
|
'--chotto-filemessage-download-button-margin-bottom': string;
|
|
127
|
+
/** Отступ слева кнопки скачивания */
|
|
128
|
+
'--chotto-filemessage-download-button-margin-left': string;
|
|
127
129
|
/** Граница кнопки скачивания */
|
|
128
130
|
'--chotto-filemessage-download-button-border': string;
|
|
129
131
|
/** Скругление кнопки скачивания */
|
|
@@ -138,26 +140,6 @@ export interface FileMessageThemeCSSVariables {
|
|
|
138
140
|
'--chotto-filemessage-download-button-span-color': string;
|
|
139
141
|
/** Размер иконки внутри кнопки */
|
|
140
142
|
'--chotto-filemessage-download-button-span-font-size': string;
|
|
141
|
-
/** Отображение статуса доставки/прочтения */
|
|
142
|
-
'--chotto-filemessage-status-display': string;
|
|
143
|
-
/** Толщина шрифта статуса */
|
|
144
|
-
'--chotto-filemessage-status-span-font-weight': string;
|
|
145
|
-
/** Отрицательный отступ первой иконки "доставлено" */
|
|
146
|
-
'--chotto-filemessage-status-received-first-child-margin-right': string;
|
|
147
|
-
/** Отрицательный отступ первой иконки "прочитано" */
|
|
148
|
-
'--chotto-filemessage-status-read-first-child-margin-right': string;
|
|
149
|
-
/** Цвет иконок статуса */
|
|
150
|
-
'--chotto-filemessage-status-span-color': string;
|
|
151
|
-
/** Размер иконок статуса */
|
|
152
|
-
'--chotto-filemessage-status-span-font-size': string;
|
|
153
|
-
/** Цвет статуса "доставлено" */
|
|
154
|
-
'--chotto-filemessage-status-received-color': string;
|
|
155
|
-
/** Цвет статуса "прочитано" */
|
|
156
|
-
'--chotto-filemessage-status-read-color': string;
|
|
157
|
-
/** Цвет статуса "в ожидании" */
|
|
158
|
-
'--chotto-filemessage-status-pending-color': string;
|
|
159
|
-
/** Цвет статуса "ошибка" */
|
|
160
|
-
'--chotto-filemessage-status-error-color': string;
|
|
161
143
|
/** Отображение блока просмотров */
|
|
162
144
|
'--chotto-filemessage-views-display': string;
|
|
163
145
|
/** Выравнивание элементов блока просмотров */
|
|
@@ -24,6 +24,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
24
24
|
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
25
25
|
action: (...args: any[]) => void;
|
|
26
26
|
reply: (...args: any[]) => void;
|
|
27
|
+
"sms-invite": (...args: any[]) => void;
|
|
27
28
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
28
29
|
message: {
|
|
29
30
|
type: () => IImageMessage;
|
|
@@ -49,6 +50,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
49
50
|
}>> & Readonly<{
|
|
50
51
|
onAction?: ((...args: any[]) => any) | undefined;
|
|
51
52
|
onReply?: ((...args: any[]) => any) | undefined;
|
|
53
|
+
"onSms-invite"?: ((...args: any[]) => any) | undefined;
|
|
52
54
|
}>, {
|
|
53
55
|
applyStyle: Function;
|
|
54
56
|
isFirstInSeries: boolean;
|
|
@@ -96,20 +96,6 @@ export interface ImageMessageThemeCSSVariables {
|
|
|
96
96
|
'--chotto-imagemessage-views-p-font-size': string;
|
|
97
97
|
/** Размер шрифта времени */
|
|
98
98
|
'--chotto-imagemessage-time-font-size': string;
|
|
99
|
-
/** Отображение статуса доставки/прочтения */
|
|
100
|
-
'--chotto-imagemessage-status-display': string;
|
|
101
|
-
/** Размер иконок статуса */
|
|
102
|
-
'--chotto-imagemessage-status-span-font-size': string;
|
|
103
|
-
/** Отрицательный отступ для иконки "доставлено" */
|
|
104
|
-
'--chotto-imagemessage-status-received-first-child-margin-right': string;
|
|
105
|
-
/** Отрицательный отступ для иконки "прочитано" */
|
|
106
|
-
'--chotto-imagemessage-status-read-first-child-margin-right': string;
|
|
107
|
-
/** Цвет иконок статуса "прочитано" */
|
|
108
|
-
'--chotto-imagemessage-status-read-color': string;
|
|
109
|
-
/** Цвет иконок статуса "в ожидании" */
|
|
110
|
-
'--chotto-imagemessage-status-pending-color': string;
|
|
111
|
-
/** Цвет иконок статуса "ошибка" */
|
|
112
|
-
'--chotto-imagemessage-status-error-color': string;
|
|
113
99
|
/** Размер шрифта подписи */
|
|
114
100
|
'--chotto-imagemessage-subtext-font-size': string;
|
|
115
101
|
/** Цвет подписи */
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
status: string | undefined;
|
|
3
|
+
hasMessengerAccount?: boolean;
|
|
4
|
+
channel?: string | undefined;
|
|
5
|
+
};
|
|
6
|
+
declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
7
|
+
"sms-invite": () => any;
|
|
8
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
9
|
+
"onSms-invite"?: (() => any) | undefined;
|
|
10
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
11
|
+
export default _default;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* CSS variables for MessageSmsInvite component
|
|
3
|
+
*/
|
|
4
|
+
export interface MessageSmsInviteThemeCSSVariables {
|
|
5
|
+
/** Отображение контейнера приглашения SMS */
|
|
6
|
+
'--chotto-messagesmsinvite-display': string;
|
|
7
|
+
/** Направление flex контейнера */
|
|
8
|
+
'--chotto-messagesmsinvite-flex-direction': string;
|
|
9
|
+
/** Выравнивание элементов по поперечной оси */
|
|
10
|
+
'--chotto-messagesmsinvite-align-items': string;
|
|
11
|
+
/** Ширина контейнера */
|
|
12
|
+
'--chotto-messagesmsinvite-width': string;
|
|
13
|
+
/** Курсор контейнера */
|
|
14
|
+
'--chotto-messagesmsinvite-cursor': string;
|
|
15
|
+
/** Переход для контейнера */
|
|
16
|
+
'--chotto-messagesmsinvite-transition': string;
|
|
17
|
+
/** Прозрачность при наведении */
|
|
18
|
+
'--chotto-messagesmsinvite-hover-opacity': string;
|
|
19
|
+
/** Размер шрифта текста приглашения */
|
|
20
|
+
'--chotto-messagesmsinvite-text-font-size': string;
|
|
21
|
+
/** Толщина шрифта текста приглашения */
|
|
22
|
+
'--chotto-messagesmsinvite-text-font-weight': string;
|
|
23
|
+
/** Выравнивание текста */
|
|
24
|
+
'--chotto-messagesmsinvite-text-text-align': string;
|
|
25
|
+
/** Цвет текста приглашения (Telegram) */
|
|
26
|
+
'--chotto-messagesmsinvite-text-color-telegram': string;
|
|
27
|
+
/** Цвет текста приглашения (WhatsApp) */
|
|
28
|
+
'--chotto-messagesmsinvite-text-color-whatsapp': string;
|
|
29
|
+
/** Цвет текста приглашения (Max) */
|
|
30
|
+
'--chotto-messagesmsinvite-text-color-max': string;
|
|
31
|
+
/** Толщина верхней границы */
|
|
32
|
+
'--chotto-messagesmsinvite-text-border-top-width': string;
|
|
33
|
+
/** Стиль верхней границы */
|
|
34
|
+
'--chotto-messagesmsinvite-text-border-top-style': string;
|
|
35
|
+
/** Цвет верхней границы (Telegram) */
|
|
36
|
+
'--chotto-messagesmsinvite-text-border-top-color-telegram': string;
|
|
37
|
+
/** Цвет верхней границы (WhatsApp) */
|
|
38
|
+
'--chotto-messagesmsinvite-text-border-top-color-whatsapp': string;
|
|
39
|
+
/** Цвет верхней границы (Max) */
|
|
40
|
+
'--chotto-messagesmsinvite-text-border-top-color-max': string;
|
|
41
|
+
/** Ширина текста приглашения */
|
|
42
|
+
'--chotto-messagesmsinvite-text-width': string;
|
|
43
|
+
/** Отступ слева текста приглашения */
|
|
44
|
+
'--chotto-messagesmsinvite-text-margin-left': string;
|
|
45
|
+
/** Отступ справа текста приглашения */
|
|
46
|
+
'--chotto-messagesmsinvite-text-margin-right': string;
|
|
47
|
+
/** Внутренние отступы текста приглашения */
|
|
48
|
+
'--chotto-messagesmsinvite-text-padding': string;
|
|
49
|
+
}
|
package/dist/types/components/2_feed_elements/MessageStatusIndicator/icons/ErrorStatusIcon.vue.d.ts
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
2
|
+
size: {
|
|
3
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
4
|
+
default: string;
|
|
5
|
+
};
|
|
6
|
+
class: {
|
|
7
|
+
type: StringConstructor;
|
|
8
|
+
default: string;
|
|
9
|
+
};
|
|
10
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
11
|
+
size: {
|
|
12
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
13
|
+
default: string;
|
|
14
|
+
};
|
|
15
|
+
class: {
|
|
16
|
+
type: StringConstructor;
|
|
17
|
+
default: string;
|
|
18
|
+
};
|
|
19
|
+
}>> & Readonly<{}>, {
|
|
20
|
+
class: string;
|
|
21
|
+
size: string | number;
|
|
22
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
23
|
+
export default _default;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
2
|
+
size: {
|
|
3
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
4
|
+
default: string;
|
|
5
|
+
};
|
|
6
|
+
class: {
|
|
7
|
+
type: StringConstructor;
|
|
8
|
+
default: string;
|
|
9
|
+
};
|
|
10
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
11
|
+
size: {
|
|
12
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
13
|
+
default: string;
|
|
14
|
+
};
|
|
15
|
+
class: {
|
|
16
|
+
type: StringConstructor;
|
|
17
|
+
default: string;
|
|
18
|
+
};
|
|
19
|
+
}>> & Readonly<{}>, {
|
|
20
|
+
class: string;
|
|
21
|
+
size: string | number;
|
|
22
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
23
|
+
export default _default;
|
package/dist/types/components/2_feed_elements/MessageStatusIndicator/icons/ReadStatusIcon.vue.d.ts
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
2
|
+
size: {
|
|
3
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
4
|
+
default: string;
|
|
5
|
+
};
|
|
6
|
+
class: {
|
|
7
|
+
type: StringConstructor;
|
|
8
|
+
default: string;
|
|
9
|
+
};
|
|
10
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
11
|
+
size: {
|
|
12
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
13
|
+
default: string;
|
|
14
|
+
};
|
|
15
|
+
class: {
|
|
16
|
+
type: StringConstructor;
|
|
17
|
+
default: string;
|
|
18
|
+
};
|
|
19
|
+
}>> & Readonly<{}>, {
|
|
20
|
+
class: string;
|
|
21
|
+
size: string | number;
|
|
22
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
23
|
+
export default _default;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
2
|
+
size: {
|
|
3
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
4
|
+
default: string;
|
|
5
|
+
};
|
|
6
|
+
class: {
|
|
7
|
+
type: StringConstructor;
|
|
8
|
+
default: string;
|
|
9
|
+
};
|
|
10
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
11
|
+
size: {
|
|
12
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
13
|
+
default: string;
|
|
14
|
+
};
|
|
15
|
+
class: {
|
|
16
|
+
type: StringConstructor;
|
|
17
|
+
default: string;
|
|
18
|
+
};
|
|
19
|
+
}>> & Readonly<{}>, {
|
|
20
|
+
class: string;
|
|
21
|
+
size: string | number;
|
|
22
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
23
|
+
export default _default;
|
package/dist/types/components/2_feed_elements/MessageStatusIndicator/icons/SentStatusIcon.vue.d.ts
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
2
|
+
size: {
|
|
3
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
4
|
+
default: string;
|
|
5
|
+
};
|
|
6
|
+
class: {
|
|
7
|
+
type: StringConstructor;
|
|
8
|
+
default: string;
|
|
9
|
+
};
|
|
10
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
11
|
+
size: {
|
|
12
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
13
|
+
default: string;
|
|
14
|
+
};
|
|
15
|
+
class: {
|
|
16
|
+
type: StringConstructor;
|
|
17
|
+
default: string;
|
|
18
|
+
};
|
|
19
|
+
}>> & Readonly<{}>, {
|
|
20
|
+
class: string;
|
|
21
|
+
size: string | number;
|
|
22
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
23
|
+
export default _default;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { default as ErrorStatusIcon } from './ErrorStatusIcon.vue';
|
|
2
|
+
export { default as PendingStatusIcon } from './PendingStatusIcon.vue';
|
|
3
|
+
export { default as ReadStatusIcon } from './ReadStatusIcon.vue';
|
|
4
|
+
export { default as ReceivedStatusIcon } from './ReceivedStatusIcon.vue';
|
|
5
|
+
export { default as SentStatusIcon } from './SentStatusIcon.vue';
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* CSS variables for MessageStatusIndicator component
|
|
3
|
+
*/
|
|
4
|
+
export interface MessageStatusIndicatorThemeCSSVariables {
|
|
5
|
+
/** Отображение контейнера индикатора статуса */
|
|
6
|
+
'--chotto-messagestatusindicator-display': string;
|
|
7
|
+
/** Выравнивание элементов контейнера индикатора статуса */
|
|
8
|
+
'--chotto-messagestatusindicator-align-items': string;
|
|
9
|
+
/** Промежуток между элементами контейнера индикатора статуса */
|
|
10
|
+
'--chotto-messagestatusindicator-gap': string;
|
|
11
|
+
/** Цвет иконки индикатора статуса */
|
|
12
|
+
'--chotto-messagestatusindicator-icon-color': string;
|
|
13
|
+
/** Размер иконки индикатора статуса */
|
|
14
|
+
'--chotto-messagestatusindicator-icon-size': string;
|
|
15
|
+
/** Высота строки иконки индикатора статуса */
|
|
16
|
+
'--chotto-messagestatusindicator-icon-line-height': string;
|
|
17
|
+
/** Цвет статуса "получено" */
|
|
18
|
+
'--chotto-messagestatusindicator-color-received': string;
|
|
19
|
+
/** Цвет статуса "прочитано" */
|
|
20
|
+
'--chotto-messagestatusindicator-color-read': string;
|
|
21
|
+
/** Цвет статуса "ожидает" */
|
|
22
|
+
'--chotto-messagestatusindicator-color-pending': string;
|
|
23
|
+
/** Цвет статуса "ошибка" */
|
|
24
|
+
'--chotto-messagestatusindicator-color-error': string;
|
|
25
|
+
/** Размер иконки статуса "получено" */
|
|
26
|
+
'--chotto-messagestatusindicator-received-icon-size': string;
|
|
27
|
+
/** Размер иконки статуса "прочитано" */
|
|
28
|
+
'--chotto-messagestatusindicator-read-icon-size': string;
|
|
29
|
+
/** Размер иконки статуса "отправлено" */
|
|
30
|
+
'--chotto-messagestatusindicator-sent-icon-size': string;
|
|
31
|
+
}
|
|
@@ -20,6 +20,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
20
20
|
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
21
21
|
action: (...args: any[]) => void;
|
|
22
22
|
reply: (...args: any[]) => void;
|
|
23
|
+
"sms-invite": (...args: any[]) => void;
|
|
23
24
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
24
25
|
message: {
|
|
25
26
|
type: () => IStickerMessage;
|
|
@@ -40,6 +41,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
40
41
|
}>> & Readonly<{
|
|
41
42
|
onAction?: ((...args: any[]) => any) | undefined;
|
|
42
43
|
onReply?: ((...args: any[]) => any) | undefined;
|
|
44
|
+
"onSms-invite"?: ((...args: any[]) => any) | undefined;
|
|
43
45
|
}>, {
|
|
44
46
|
applyStyle: Function;
|
|
45
47
|
isFirstInSeries: boolean;
|
|
@@ -82,20 +82,6 @@ export interface StickerMessageThemeCSSVariables {
|
|
|
82
82
|
'--chotto-stickermessage-views-p-font-size': string;
|
|
83
83
|
/** Размер шрифта времени */
|
|
84
84
|
'--chotto-stickermessage-time-font-size': string;
|
|
85
|
-
/** Отображение статуса доставки/прочтения */
|
|
86
|
-
'--chotto-stickermessage-status-display': string;
|
|
87
|
-
/** Размер иконок статуса */
|
|
88
|
-
'--chotto-stickermessage-status-span-font-size': string;
|
|
89
|
-
/** Отрицательный отступ для иконки "доставлено" */
|
|
90
|
-
'--chotto-stickermessage-status-received-first-child-margin-right': string;
|
|
91
|
-
/** Отрицательный отступ для иконки "прочитано" */
|
|
92
|
-
'--chotto-stickermessage-status-read-first-child-margin-right': string;
|
|
93
|
-
/** Цвет иконок статуса "прочитано" */
|
|
94
|
-
'--chotto-stickermessage-status-read-color': string;
|
|
95
|
-
/** Цвет иконок статуса "в ожидании" */
|
|
96
|
-
'--chotto-stickermessage-status-pending-color': string;
|
|
97
|
-
/** Цвет иконок статуса "ошибка" */
|
|
98
|
-
'--chotto-stickermessage-status-error-color': string;
|
|
99
85
|
/** Размер шрифта подписи */
|
|
100
86
|
'--chotto-stickermessage-subtext-font-size': string;
|
|
101
87
|
/** Цвет подписи */
|
|
@@ -242,4 +228,20 @@ export interface StickerMessageThemeCSSVariables {
|
|
|
242
228
|
'--chotto-stickermessage-modal-fade-enter-from-opacity': string;
|
|
243
229
|
/** Прозрачность модального окна в конце */
|
|
244
230
|
'--chotto-stickermessage-modal-fade-enter-to-opacity': string;
|
|
231
|
+
/** Размер шрифта текста SMS-приглашения в стикер-сообщениях */
|
|
232
|
+
'--chotto-stickermessage-sms-invite-font-size': string;
|
|
233
|
+
/** Ширина текста SMS-приглашения в стикер-сообщениях */
|
|
234
|
+
'--chotto-stickermessage-sms-invite-width': string;
|
|
235
|
+
/** Отступ слева текста SMS-приглашения в стикер-сообщениях */
|
|
236
|
+
'--chotto-stickermessage-sms-invite-margin-left': string;
|
|
237
|
+
/** Отступ справа текста SMS-приглашения в стикер-сообщениях */
|
|
238
|
+
'--chotto-stickermessage-sms-invite-margin-right': string;
|
|
239
|
+
/** Перенос текста SMS-приглашения в стикер-сообщениях */
|
|
240
|
+
'--chotto-stickermessage-sms-invite-white-space': string;
|
|
241
|
+
/** Минимальная ширина текста SMS-приглашения в стикер-сообщениях */
|
|
242
|
+
'--chotto-stickermessage-sms-invite-min-width': string;
|
|
243
|
+
/** Внутренний отступ слева текста SMS-приглашения в стикер-сообщениях */
|
|
244
|
+
'--chotto-stickermessage-sms-invite-padding-left': string;
|
|
245
|
+
/** Внутренний отступ справа текста SMS-приглашения в стикер-сообщениях */
|
|
246
|
+
'--chotto-stickermessage-sms-invite-padding-right': string;
|
|
245
247
|
}
|
|
@@ -24,6 +24,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
24
24
|
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
25
25
|
action: (...args: any[]) => void;
|
|
26
26
|
reply: (...args: any[]) => void;
|
|
27
|
+
"sms-invite": (...args: any[]) => void;
|
|
27
28
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
28
29
|
message: {
|
|
29
30
|
type: () => ITextMessage;
|
|
@@ -49,6 +50,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
49
50
|
}>> & Readonly<{
|
|
50
51
|
onAction?: ((...args: any[]) => any) | undefined;
|
|
51
52
|
onReply?: ((...args: any[]) => any) | undefined;
|
|
53
|
+
"onSms-invite"?: ((...args: any[]) => any) | undefined;
|
|
52
54
|
}>, {
|
|
53
55
|
applyStyle: Function;
|
|
54
56
|
isFirstInSeries: boolean;
|
|
@@ -78,24 +78,6 @@ export interface TextMessageThemeCSSVariables {
|
|
|
78
78
|
'--chotto-textmessage-time-font-size': string;
|
|
79
79
|
/** Цвет времени */
|
|
80
80
|
'--chotto-textmessage-time-color': string;
|
|
81
|
-
/** Отображение статуса доставки/прочтения */
|
|
82
|
-
'--chotto-textmessage-status-display': string;
|
|
83
|
-
/** Цвет иконки статуса */
|
|
84
|
-
'--chotto-textmessage-status-span-color': string;
|
|
85
|
-
/** Размер иконки статуса */
|
|
86
|
-
'--chotto-textmessage-status-span-font-size': string;
|
|
87
|
-
/** Цвет статуса "доставлено" */
|
|
88
|
-
'--chotto-textmessage-status-received-color': string;
|
|
89
|
-
/** Отрицательный отступ первой иконки статуса "доставлено" */
|
|
90
|
-
'--chotto-textmessage-status-received-first-child-margin-right': string;
|
|
91
|
-
/** Цвет статуса "прочитано" */
|
|
92
|
-
'--chotto-textmessage-status-read-color': string;
|
|
93
|
-
/** Отрицательный отступ первой иконки статуса "прочитано" */
|
|
94
|
-
'--chotto-textmessage-status-read-first-child-margin-right': string;
|
|
95
|
-
/** Цвет статуса "в ожидании" */
|
|
96
|
-
'--chotto-textmessage-status-pending-color': string;
|
|
97
|
-
/** Цвет статуса "ошибка" */
|
|
98
|
-
'--chotto-textmessage-status-error-color': string;
|
|
99
81
|
/** Размер шрифта текста сообщения */
|
|
100
82
|
'--chotto-textmessage-text-font-size': string;
|
|
101
83
|
/** Правила перевода строк текста */
|
|
@@ -24,6 +24,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
24
24
|
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
25
25
|
action: (...args: any[]) => void;
|
|
26
26
|
reply: (...args: any[]) => void;
|
|
27
|
+
"sms-invite": (...args: any[]) => void;
|
|
27
28
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
28
29
|
message: {
|
|
29
30
|
type: () => IVideoMessage;
|
|
@@ -49,6 +50,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
49
50
|
}>> & Readonly<{
|
|
50
51
|
onAction?: ((...args: any[]) => any) | undefined;
|
|
51
52
|
onReply?: ((...args: any[]) => any) | undefined;
|
|
53
|
+
"onSms-invite"?: ((...args: any[]) => any) | undefined;
|
|
52
54
|
}>, {
|
|
53
55
|
applyStyle: Function;
|
|
54
56
|
isFirstInSeries: boolean;
|
|
@@ -66,20 +66,6 @@ export interface VideoMessageThemeCSSVariables {
|
|
|
66
66
|
'--chotto-videomessage-views-p-font-size': string;
|
|
67
67
|
/** Размер шрифта времени сообщения */
|
|
68
68
|
'--chotto-videomessage-time-font-size': string;
|
|
69
|
-
/** Отображение статуса доставки/прочтения */
|
|
70
|
-
'--chotto-videomessage-status-display': string;
|
|
71
|
-
/** Размер иконок статуса */
|
|
72
|
-
'--chotto-videomessage-status-span-font-size': string;
|
|
73
|
-
/** Отрицательный отступ для иконки "доставлено" */
|
|
74
|
-
'--chotto-videomessage-status-received-first-child-margin-right': string;
|
|
75
|
-
/** Цвет иконок статуса "прочитано" */
|
|
76
|
-
'--chotto-videomessage-status-read-color': string;
|
|
77
|
-
/** Отрицательный отступ для иконки "прочитано" */
|
|
78
|
-
'--chotto-videomessage-status-read-first-child-margin-right': string;
|
|
79
|
-
/** Цвет иконок статуса "в ожидании" */
|
|
80
|
-
'--chotto-videomessage-status-pending-color': string;
|
|
81
|
-
/** Цвет иконок статуса "ошибка" */
|
|
82
|
-
'--chotto-videomessage-status-error-color': string;
|
|
83
69
|
/** Ряд грида для аватара */
|
|
84
70
|
'--chotto-videomessage-avatar-grid-row': string;
|
|
85
71
|
/** Выравнивание аватара относительно себя */
|
|
@@ -203,7 +189,7 @@ export interface VideoMessageThemeCSSVariables {
|
|
|
203
189
|
/** Фон пузыря справа */
|
|
204
190
|
'--chotto-videomessage-right-bg': string;
|
|
205
191
|
/** Отступ контента справа с учётом аватара */
|
|
206
|
-
'--chotto-videomessage-right-content-with-avatar-indent-margin-
|
|
192
|
+
'--chotto-videomessage-right-content-with-avatar-indent-margin-right': string;
|
|
207
193
|
/** Колонка грида текстового контейнера справа */
|
|
208
194
|
'--chotto-videomessage-right-text-container-grid-column': string;
|
|
209
195
|
/** Отступ текстового контейнера справа */
|
|
@@ -89,6 +89,7 @@ export interface IAudioMessage {
|
|
|
89
89
|
keyboard?: IKeyBoard[];
|
|
90
90
|
reactions?: MessageReactions;
|
|
91
91
|
backgroundColor?: string;
|
|
92
|
+
hasMessengerAccount?: boolean;
|
|
92
93
|
}
|
|
93
94
|
export interface ICallMessage {
|
|
94
95
|
messageId: string;
|
|
@@ -114,10 +115,12 @@ export interface ICallMessage {
|
|
|
114
115
|
};
|
|
115
116
|
reactions?: MessageReactions;
|
|
116
117
|
backgroundColor?: string;
|
|
118
|
+
hasMessengerAccount?: boolean;
|
|
117
119
|
}
|
|
118
120
|
export interface IDateMessage {
|
|
119
121
|
messageId?: string;
|
|
120
122
|
text: string;
|
|
123
|
+
hasMessengerAccount?: boolean;
|
|
121
124
|
}
|
|
122
125
|
export interface IFileMessage {
|
|
123
126
|
messageId: string;
|
|
@@ -140,6 +143,7 @@ export interface IFileMessage {
|
|
|
140
143
|
reactions?: MessageReactions;
|
|
141
144
|
direction?: string;
|
|
142
145
|
backgroundColor?: string;
|
|
146
|
+
hasMessengerAccount?: boolean;
|
|
143
147
|
}
|
|
144
148
|
export interface IImageMessage {
|
|
145
149
|
messageId: string;
|
|
@@ -161,14 +165,17 @@ export interface IImageMessage {
|
|
|
161
165
|
keyboard?: IKeyBoard[];
|
|
162
166
|
reactions?: MessageReactions;
|
|
163
167
|
backgroundColor?: string;
|
|
168
|
+
hasMessengerAccount?: boolean;
|
|
164
169
|
}
|
|
165
170
|
export interface ISystemMessage {
|
|
166
171
|
messageId: string;
|
|
167
172
|
text: string;
|
|
173
|
+
hasMessengerAccount?: boolean;
|
|
168
174
|
}
|
|
169
175
|
export interface IDelimiterMessage {
|
|
170
176
|
messageId: string;
|
|
171
177
|
text: string;
|
|
178
|
+
hasMessengerAccount?: boolean;
|
|
172
179
|
}
|
|
173
180
|
export interface ITextMessage {
|
|
174
181
|
messageId: string;
|
|
@@ -188,10 +195,12 @@ export interface ITextMessage {
|
|
|
188
195
|
keyboard?: IKeyBoard[];
|
|
189
196
|
reactions?: MessageReactions;
|
|
190
197
|
backgroundColor?: string;
|
|
198
|
+
hasMessengerAccount?: boolean;
|
|
191
199
|
}
|
|
192
200
|
export interface ITypingMessage {
|
|
193
201
|
avatar?: string;
|
|
194
202
|
subText?: string;
|
|
203
|
+
hasMessengerAccount?: boolean;
|
|
195
204
|
}
|
|
196
205
|
export interface IVideoMessage {
|
|
197
206
|
messageId: string;
|
|
@@ -213,6 +222,7 @@ export interface IVideoMessage {
|
|
|
213
222
|
keyboard?: IKeyBoard[];
|
|
214
223
|
reactions?: MessageReactions;
|
|
215
224
|
backgroundColor?: string;
|
|
225
|
+
hasMessengerAccount?: boolean;
|
|
216
226
|
}
|
|
217
227
|
export interface IStickerMessage {
|
|
218
228
|
messageId: string;
|
|
@@ -235,6 +245,7 @@ export interface IStickerMessage {
|
|
|
235
245
|
keyboard?: IKeyBoard[];
|
|
236
246
|
reactions?: MessageReactions;
|
|
237
247
|
backgroundColor?: string;
|
|
248
|
+
hasMessengerAccount?: boolean;
|
|
238
249
|
}
|
|
239
250
|
export interface IMissedCallMessage {
|
|
240
251
|
messageId: string;
|
|
@@ -245,4 +256,5 @@ export interface IMissedCallMessage {
|
|
|
245
256
|
subText?: string;
|
|
246
257
|
actions?: IAction[];
|
|
247
258
|
backgroundColor?: string;
|
|
259
|
+
hasMessengerAccount?: boolean;
|
|
248
260
|
}
|