@mobilon-dev/chotto 0.3.87 → 0.3.89
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/MessageReactions/MessageReactions.vue.js +2 -2
- package/dist/components/2_feed_elements/MessageReactions/MessageReactions.vue2.js +15 -15
- package/dist/components/2_feed_elements/ReplyTextMessage/ReplyTextMessage.vue.js +4 -4
- package/dist/components/2_feed_elements/ReplyTextMessage/ReplyTextMessage.vue2.js +52 -16
- package/dist/components/3_compounds/ChatInput/ChatInput.vue.js +2 -2
- package/dist/components/3_compounds/ChatInput/ChatInput.vue2.js +165 -96
- package/dist/components/3_compounds/Feed/composables/useFeedGrouping.js +22 -5
- package/dist/components/3_compounds/Feed/composables/useFeedScrollTo.js +38 -13
- package/dist/functions/renderAppleEmojis.js +24 -20
- package/dist/hooks/messages/useStartEdit.js +1 -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/components/2_feed_elements/BaseReplyMessage/styles/types.d.ts +6 -0
- package/dist/types/components/2_feed_elements/ReplyTextMessage/stories/ReplyTextMessage.stories.d.ts +1 -0
- package/dist/types/components/2_feed_elements/ReplyTextMessage/styles/types.d.ts +22 -0
- package/dist/types/components/2_feed_elements/TextMessage/styles/types.d.ts +18 -0
- package/dist/types/functions/renderAppleEmojis.d.ts +1 -0
- package/dist/types/main.d.ts +1 -1
- package/package.json +1 -1
|
@@ -18,6 +18,12 @@ export interface BaseReplyMessageThemeCSSVariables {
|
|
|
18
18
|
'--chotto-basereplymessage-container-border-radius': string;
|
|
19
19
|
/** Переполнение контейнера */
|
|
20
20
|
'--chotto-basereplymessage-container-overflow': string;
|
|
21
|
+
/** Минимальная ширина контейнера */
|
|
22
|
+
'--chotto-basereplymessage-container-min-width': string;
|
|
23
|
+
/** Максимальная ширина контейнера */
|
|
24
|
+
'--chotto-basereplymessage-container-max-width': string;
|
|
25
|
+
/** Курсор при наведении на блок цитаты */
|
|
26
|
+
'--chotto-basereplymessage-container-cursor': string;
|
|
21
27
|
/** Отступ снизу контейнера */
|
|
22
28
|
'--chotto-basereplymessage-container-margin-bottom': string;
|
|
23
29
|
/** Отступ справа контейнера */
|
package/dist/types/components/2_feed_elements/ReplyTextMessage/stories/ReplyTextMessage.stories.d.ts
CHANGED
|
@@ -6,5 +6,6 @@ type Story = StoryObj<typeof ReplyTextMessage>;
|
|
|
6
6
|
export declare const Default: Story;
|
|
7
7
|
export declare const WithHeader: Story;
|
|
8
8
|
export declare const LongText: Story;
|
|
9
|
+
export declare const ShortReplyLongQuote: Story;
|
|
9
10
|
export declare const WithLink: Story;
|
|
10
11
|
export declare const RightPosition: Story;
|
|
@@ -8,12 +8,34 @@ export interface ReplyTextMessageThemeCSSVariables {
|
|
|
8
8
|
'--chotto-replytextmessage-container-flex-direction': string;
|
|
9
9
|
/** Промежуток между элементами ответа */
|
|
10
10
|
'--chotto-replytextmessage-container-gap': string;
|
|
11
|
+
/** Минимальная ширина контейнера ответа */
|
|
12
|
+
'--chotto-replytextmessage-container-min-width': string;
|
|
13
|
+
/** Максимальная ширина контейнера ответа */
|
|
14
|
+
'--chotto-replytextmessage-container-max-width': string;
|
|
15
|
+
/** Переполнение контейнера ответа */
|
|
16
|
+
'--chotto-replytextmessage-container-overflow': string;
|
|
11
17
|
/** Размер шрифта текста ответа */
|
|
12
18
|
'--chotto-replytextmessage-text-font-size': string;
|
|
13
19
|
/** Цвет текста ответа */
|
|
14
20
|
'--chotto-replytextmessage-text-color': string;
|
|
15
21
|
/** Жирность текста ответа */
|
|
16
22
|
'--chotto-replytextmessage-text-font-weight': string;
|
|
23
|
+
/** Внешние отступы текста цитаты */
|
|
24
|
+
'--chotto-replytextmessage-text-margin': string;
|
|
25
|
+
/** Правила переноса строк текста цитаты */
|
|
26
|
+
'--chotto-replytextmessage-text-white-space': string;
|
|
27
|
+
/** Переполнение текста цитаты */
|
|
28
|
+
'--chotto-replytextmessage-text-overflow': string;
|
|
29
|
+
/** Обрезка текста цитаты */
|
|
30
|
+
'--chotto-replytextmessage-text-text-overflow': string;
|
|
31
|
+
/** Отображение текста цитаты */
|
|
32
|
+
'--chotto-replytextmessage-text-display': string;
|
|
33
|
+
/** Минимальная ширина текста цитаты */
|
|
34
|
+
'--chotto-replytextmessage-text-min-width': string;
|
|
35
|
+
/** Максимальная ширина текста цитаты */
|
|
36
|
+
'--chotto-replytextmessage-text-max-width': string;
|
|
37
|
+
/** Ширина текста цитаты */
|
|
38
|
+
'--chotto-replytextmessage-text-width': string;
|
|
17
39
|
/** Внешние отступы абзаца */
|
|
18
40
|
'--chotto-replytextmessage-p-margin': string;
|
|
19
41
|
/** Размер шрифта абзаца */
|
|
@@ -14,6 +14,24 @@ export interface TextMessageThemeCSSVariables {
|
|
|
14
14
|
'--chotto-textmessage-content-border-radius': string;
|
|
15
15
|
/** Внутренние отступы пузыря сообщения */
|
|
16
16
|
'--chotto-textmessage-content-padding': string;
|
|
17
|
+
/** Отображение контента с цитатой-ответом */
|
|
18
|
+
'--chotto-textmessage-content-with-reply-display': string;
|
|
19
|
+
/** Шаблон колонок контента с цитатой-ответом */
|
|
20
|
+
'--chotto-textmessage-content-with-reply-grid-template-columns': string;
|
|
21
|
+
/** Колонка грида блока цитаты */
|
|
22
|
+
'--chotto-textmessage-content-with-reply-reply-grid-column': string;
|
|
23
|
+
/** Ширина блока цитаты */
|
|
24
|
+
'--chotto-textmessage-content-with-reply-reply-width': string;
|
|
25
|
+
/** Минимальная ширина блока цитаты */
|
|
26
|
+
'--chotto-textmessage-content-with-reply-reply-min-width': string;
|
|
27
|
+
/** Максимальная ширина блока цитаты */
|
|
28
|
+
'--chotto-textmessage-content-with-reply-reply-max-width': string;
|
|
29
|
+
/** Колонка грида текста ответа */
|
|
30
|
+
'--chotto-textmessage-content-with-reply-text-grid-column': string;
|
|
31
|
+
/** Ширина текста ответа */
|
|
32
|
+
'--chotto-textmessage-content-with-reply-text-width': string;
|
|
33
|
+
/** Максимальная ширина текста ответа */
|
|
34
|
+
'--chotto-textmessage-content-with-reply-text-max-width': string;
|
|
17
35
|
/** Содержимое псевдоэлемента "хвостик" слева */
|
|
18
36
|
'--chotto-textmessage-left-before-content': string;
|
|
19
37
|
/** Позиционирование псевдоэлемента слева */
|
|
@@ -12,5 +12,6 @@ export declare function getAppleEmojiFallbackUrl(emoji: string): string | null;
|
|
|
12
12
|
export declare function createAppleEmojiImgHtml(emoji: string): string;
|
|
13
13
|
/** Plain text → HTML с Apple-эмодзi (для зеркала инпута) */
|
|
14
14
|
export declare function textToAppleEmojiHtml(text: string): string;
|
|
15
|
+
export declare function textContainsEmoji(text: string): boolean;
|
|
15
16
|
/** HTML → HTML, эмодзi в текстовых узлах заменяются на img */
|
|
16
17
|
export declare function replaceEmojisInHtml(html: string): string;
|
package/dist/types/main.d.ts
CHANGED
|
@@ -2,6 +2,6 @@ import './components/2_feed_elements/StickerMessage/utils/suppress-lit-warning';
|
|
|
2
2
|
import 'primeicons/primeicons.css';
|
|
3
3
|
import './themes/index.scss';
|
|
4
4
|
import '@fontsource/inter/700';
|
|
5
|
-
import '@fontsource/montserrat/
|
|
5
|
+
import '@fontsource/montserrat/600';
|
|
6
6
|
import '@fontsource/open-sans/400';
|
|
7
7
|
import '@fontsource/open-sans/600';
|