@mobilon-dev/chotto 0.3.49 → 0.3.51
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_blocks/CommunicationPanel/CommunicationPanel.vue.js +223 -200
- package/dist/components/2_blocks/CommunicationPanel/composables/useCommunicationPlaceholder.js +31 -0
- package/dist/components/2_feed_elements/DelimiterMessage/DelimiterMessage.vue.js +1 -1
- package/dist/components/2_feed_elements/DelimiterMessage/DelimiterMessage.vue2.js +43 -7
- package/dist/components/3_compounds/Feed/Feed.vue.js +2 -2
- package/dist/components/3_compounds/Feed/Feed.vue2.js +123 -117
- 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 +171 -0
- package/dist/types/components/2_blocks/CommunicationPanel/CommunicationPanel.vue.d.ts +2 -0
- package/dist/types/components/2_blocks/CommunicationPanel/composables/useCommunicationChannels.d.ts +1 -1
- package/dist/types/components/2_blocks/CommunicationPanel/composables/useCommunicationPlaceholder.d.ts +37 -0
- package/dist/types/components/2_blocks/CommunicationPanel/stories/CommunicationPanel.stories.d.ts +2 -0
- package/dist/types/components/2_blocks/CommunicationPanel/styles/types.d.ts +18 -0
- package/dist/types/components/2_feed_elements/DelimiterMessage/DelimiterMessage.vue.d.ts +6 -2
- package/dist/types/components/2_feed_elements/DelimiterMessage/styles/types.d.ts +14 -2
- package/dist/types/components/2_feed_elements/types/messages.d.ts +1 -1
- package/dist/types/components/3_compounds/Feed/Feed.vue.d.ts +6 -2
- package/package.json +1 -1
package/dist/types/components/2_blocks/CommunicationPanel/stories/CommunicationPanel.stories.d.ts
CHANGED
|
@@ -11,6 +11,7 @@ declare const meta: {
|
|
|
11
11
|
recentAttributeChannels: Record<string, any>;
|
|
12
12
|
isNewDialog: boolean;
|
|
13
13
|
selectedDialog: Record<string, any>;
|
|
14
|
+
emptyChannelsPlaceholder: Record<string, any>;
|
|
14
15
|
showChannelIcons: boolean;
|
|
15
16
|
$props: {
|
|
16
17
|
readonly channels?: unknown[] | undefined;
|
|
@@ -21,6 +22,7 @@ declare const meta: {
|
|
|
21
22
|
readonly recentAttributeChannels?: Record<string, any> | undefined;
|
|
22
23
|
readonly isNewDialog?: boolean | undefined;
|
|
23
24
|
readonly selectedDialog?: Record<string, any> | undefined;
|
|
25
|
+
readonly emptyChannelsPlaceholder?: Record<string, any> | undefined;
|
|
24
26
|
readonly showChannelIcons?: boolean | undefined;
|
|
25
27
|
};
|
|
26
28
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -236,6 +236,24 @@ export interface CommunicationPanelThemeCSSVariables {
|
|
|
236
236
|
'--chotto-communicationpanel-attribute-value-color': string;
|
|
237
237
|
/** Высота строки значения атрибута */
|
|
238
238
|
'--chotto-communicationpanel-attribute-value-line-height': string;
|
|
239
|
+
/** Отступы placeholder пустых каналов */
|
|
240
|
+
'--chotto-communicationpanel-empty-placeholder-padding': string;
|
|
241
|
+
/** Размер шрифта placeholder пустых каналов */
|
|
242
|
+
'--chotto-communicationpanel-empty-placeholder-font-size': string;
|
|
243
|
+
/** Цвет placeholder пустых каналов */
|
|
244
|
+
'--chotto-communicationpanel-empty-placeholder-color': string;
|
|
245
|
+
/** Жирность шрифта placeholder пустых каналов */
|
|
246
|
+
'--chotto-communicationpanel-empty-placeholder-font-weight': string;
|
|
247
|
+
/** Выравнивание текста placeholder пустых каналов */
|
|
248
|
+
'--chotto-communicationpanel-empty-placeholder-text-align': string;
|
|
249
|
+
/** Курсор placeholder пустых каналов */
|
|
250
|
+
'--chotto-communicationpanel-empty-placeholder-cursor': string;
|
|
251
|
+
/** Выбор текста placeholder пустых каналов */
|
|
252
|
+
'--chotto-communicationpanel-empty-placeholder-user-select': string;
|
|
253
|
+
/** События указателя placeholder пустых каналов */
|
|
254
|
+
'--chotto-communicationpanel-empty-placeholder-pointer-events': string;
|
|
255
|
+
/** Высота строки placeholder пустых каналов */
|
|
256
|
+
'--chotto-communicationpanel-empty-placeholder-line-height': string;
|
|
239
257
|
/** Цвет серой иконки меню */
|
|
240
258
|
'--chotto-communicationpanel-menu-icon-grey-color': string;
|
|
241
259
|
/** Размер шрифта серой иконки меню */
|
|
@@ -4,10 +4,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
4
4
|
type: () => IDelimiterMessage;
|
|
5
5
|
required: true;
|
|
6
6
|
};
|
|
7
|
-
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
7
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
8
|
+
read: (messageId: string) => any;
|
|
9
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
8
10
|
message: {
|
|
9
11
|
type: () => IDelimiterMessage;
|
|
10
12
|
required: true;
|
|
11
13
|
};
|
|
12
|
-
}>> & Readonly<{
|
|
14
|
+
}>> & Readonly<{
|
|
15
|
+
onRead?: ((messageId: string) => any) | undefined;
|
|
16
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
13
17
|
export default _default;
|
|
@@ -14,8 +14,16 @@ export interface DelimiterMessageThemeCSSVariables {
|
|
|
14
14
|
'--chotto-delimitermessage-height': string;
|
|
15
15
|
/** Отступы контейнера разделителя */
|
|
16
16
|
'--chotto-delimitermessage-margin': string;
|
|
17
|
-
/**
|
|
18
|
-
'--chotto-delimitermessage-
|
|
17
|
+
/** Толщина линий разделителя */
|
|
18
|
+
'--chotto-delimitermessage-line-height': string;
|
|
19
|
+
/** Цвет линий разделителя */
|
|
20
|
+
'--chotto-delimitermessage-line-color': string;
|
|
21
|
+
/** Длительность анимации перехода */
|
|
22
|
+
'--chotto-delimitermessage-transition-duration': string;
|
|
23
|
+
/** Функция плавности анимации перехода */
|
|
24
|
+
'--chotto-delimitermessage-transition-timing': string;
|
|
25
|
+
/** Смещение по Y при удалении */
|
|
26
|
+
'--chotto-delimitermessage-removing-transform-y': string;
|
|
19
27
|
/** Размер шрифта текста разделителя */
|
|
20
28
|
'--chotto-delimitermessage-text-font-size': string;
|
|
21
29
|
/** Межстрочный интервал текста разделителя */
|
|
@@ -24,4 +32,8 @@ export interface DelimiterMessageThemeCSSVariables {
|
|
|
24
32
|
'--chotto-delimitermessage-text-align': string;
|
|
25
33
|
/** Цвет текста разделителя */
|
|
26
34
|
'--chotto-delimitermessage-text-color': string;
|
|
35
|
+
/** Горизонтальный внутренний отступ текста */
|
|
36
|
+
'--chotto-delimitermessage-text-side-padding': string;
|
|
37
|
+
/** Внешний отступ текста */
|
|
38
|
+
'--chotto-delimitermessage-text-margin': string;
|
|
27
39
|
}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { IFeedObject, IFeedTyping, IFeedUnreadButton, IFeedKeyboard } from '@/types';
|
|
2
|
-
declare var
|
|
2
|
+
declare var __VLS_1: {}, __VLS_48: {};
|
|
3
3
|
type __VLS_Slots = {} & {
|
|
4
|
-
|
|
4
|
+
prepend?: (props: typeof __VLS_1) => any;
|
|
5
|
+
} & {
|
|
6
|
+
'empty-feed'?: (props: typeof __VLS_48) => any;
|
|
5
7
|
};
|
|
6
8
|
declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
7
9
|
objects: {
|
|
@@ -88,6 +90,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
88
90
|
clickRepliedMessage: (...args: any[]) => void;
|
|
89
91
|
messageVisible: (...args: any[]) => void;
|
|
90
92
|
forceScrollToBottom: (...args: any[]) => void;
|
|
93
|
+
delimiterRead: (...args: any[]) => void;
|
|
91
94
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
92
95
|
objects: {
|
|
93
96
|
type: {
|
|
@@ -173,6 +176,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
173
176
|
onClickRepliedMessage?: ((...args: any[]) => any) | undefined;
|
|
174
177
|
onMessageVisible?: ((...args: any[]) => any) | undefined;
|
|
175
178
|
onForceScrollToBottom?: ((...args: any[]) => any) | undefined;
|
|
179
|
+
onDelimiterRead?: ((...args: any[]) => any) | undefined;
|
|
176
180
|
}>, {
|
|
177
181
|
typing: boolean | IFeedTyping;
|
|
178
182
|
chatBackground: string;
|