@mobilon-dev/chotto 0.3.82 → 0.3.84
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/1_atoms/Tooltip/Tooltip.vue.js +1 -1
- package/dist/components/1_atoms/Tooltip/Tooltip.vue2.js +66 -51
- package/dist/components/2_blocks/CommunicationPanel/CommunicationPanel.vue.js +366 -283
- package/dist/components/2_blocks/CommunicationPanel/CommunicationPanelAttributeIndicator.vue.js +46 -34
- package/dist/components/2_blocks/CommunicationPanel/composables/useCommunicationActions.js +64 -39
- package/dist/components/2_blocks/CommunicationPanel/composables/useCommunicationAttributes.js +116 -61
- package/dist/components/2_blocks/CommunicationPanel/composables/useCommunicationChannels.js +1 -1
- package/dist/components/2_blocks/CommunicationPanel/composables/useCommunicationMenu.js +30 -16
- package/dist/components/2_blocks/CommunicationPanel/composables/useCommunicationRecentSelection.js +47 -0
- package/dist/components/2_blocks/CommunicationPanel/icons/{CommunicationPanelConfirmSpinner.vue2.js → CommunicationPanelConfirmSpinner.vue.js} +1 -1
- package/dist/components/2_blocks/CommunicationPanel/icons/CommunicationPanelUnconfirmedIcon.vue.js +19 -0
- 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/1_atoms/Tooltip/Tooltip.vue.d.ts +10 -0
- package/dist/types/components/2_blocks/CommunicationPanel/CommunicationPanel.vue.d.ts +4 -0
- package/dist/types/components/2_blocks/CommunicationPanel/CommunicationPanelAttributeIndicator.vue.d.ts +4 -2
- package/dist/types/components/2_blocks/CommunicationPanel/composables/useCommunicationActions.d.ts +10 -1
- package/dist/types/components/2_blocks/CommunicationPanel/composables/useCommunicationAttributes.d.ts +23 -2
- package/dist/types/components/2_blocks/CommunicationPanel/composables/useCommunicationMenu.d.ts +1 -0
- package/dist/types/components/2_blocks/CommunicationPanel/composables/useCommunicationRecentSelection.d.ts +20 -0
- package/dist/types/components/2_blocks/CommunicationPanel/icons/CommunicationPanelUnconfirmedIcon.vue.d.ts +2 -0
- package/dist/types/components/2_blocks/CommunicationPanel/icons/index.d.ts +1 -0
- package/dist/types/components/2_blocks/CommunicationPanel/stories/CommunicationPanel.stories.d.ts +4 -0
- package/dist/types/components/2_blocks/CommunicationPanel/styles/types.d.ts +42 -10
- package/dist/types/components/2_feed_elements/DelimiterMessage/DelimiterMessage.vue.d.ts +1 -1
- package/package.json +1 -1
|
@@ -33,6 +33,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
33
33
|
type: NumberConstructor;
|
|
34
34
|
default: number;
|
|
35
35
|
};
|
|
36
|
+
hideOnClick: {
|
|
37
|
+
type: BooleanConstructor;
|
|
38
|
+
default: boolean;
|
|
39
|
+
};
|
|
36
40
|
maxWidth: {
|
|
37
41
|
type: StringConstructor;
|
|
38
42
|
default: string;
|
|
@@ -40,6 +44,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
40
44
|
}>, {
|
|
41
45
|
startAutoShow: () => void;
|
|
42
46
|
clearAutoTimer: () => void;
|
|
47
|
+
hide: () => void;
|
|
43
48
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
44
49
|
text: {
|
|
45
50
|
type: StringConstructor;
|
|
@@ -71,6 +76,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
71
76
|
type: NumberConstructor;
|
|
72
77
|
default: number;
|
|
73
78
|
};
|
|
79
|
+
hideOnClick: {
|
|
80
|
+
type: BooleanConstructor;
|
|
81
|
+
default: boolean;
|
|
82
|
+
};
|
|
74
83
|
maxWidth: {
|
|
75
84
|
type: StringConstructor;
|
|
76
85
|
default: string;
|
|
@@ -83,6 +92,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
83
92
|
trigger: string;
|
|
84
93
|
autoShowDuration: number;
|
|
85
94
|
delay: number;
|
|
95
|
+
hideOnClick: boolean;
|
|
86
96
|
maxWidth: string;
|
|
87
97
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
88
98
|
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
@@ -10,9 +10,11 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
10
10
|
selectedDialog: Record<string, any>;
|
|
11
11
|
emptyChannelsPlaceholder: Record<string, any>;
|
|
12
12
|
blockedAttributeIds: unknown[];
|
|
13
|
+
tooltipDelay: number;
|
|
13
14
|
attributeTooltips: Record<string, any>;
|
|
14
15
|
attributeIndicatorTooltips: Record<string, any>;
|
|
15
16
|
showChannelIcons: boolean;
|
|
17
|
+
recentAttributeChannels: Record<string, any>;
|
|
16
18
|
channelOrder?: unknown[] | undefined;
|
|
17
19
|
visibleChannelTypes?: unknown[] | undefined;
|
|
18
20
|
$props: {
|
|
@@ -26,9 +28,11 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
26
28
|
readonly selectedDialog?: Record<string, any> | undefined;
|
|
27
29
|
readonly emptyChannelsPlaceholder?: Record<string, any> | undefined;
|
|
28
30
|
readonly blockedAttributeIds?: unknown[] | undefined;
|
|
31
|
+
readonly tooltipDelay?: number | undefined;
|
|
29
32
|
readonly attributeTooltips?: Record<string, any> | undefined;
|
|
30
33
|
readonly attributeIndicatorTooltips?: Record<string, any> | undefined;
|
|
31
34
|
readonly showChannelIcons?: boolean | undefined;
|
|
35
|
+
readonly recentAttributeChannels?: Record<string, any> | undefined;
|
|
32
36
|
readonly channelOrder?: unknown[] | undefined;
|
|
33
37
|
readonly visibleChannelTypes?: unknown[] | undefined;
|
|
34
38
|
};
|
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
declare const _default: import("vue").DefineComponent<{}, {
|
|
2
|
-
confirmingAttributeId: string;
|
|
3
2
|
attribute: Record<string, any>;
|
|
3
|
+
confirmingAttributeId: string;
|
|
4
4
|
isSelected: boolean;
|
|
5
5
|
blockedAttributeIds: unknown[];
|
|
6
6
|
indicatorTooltips: Record<string, any>;
|
|
7
|
+
tooltipDelay: number;
|
|
7
8
|
$props: {
|
|
8
|
-
readonly confirmingAttributeId?: string | undefined;
|
|
9
9
|
readonly attribute?: Record<string, any> | undefined;
|
|
10
|
+
readonly confirmingAttributeId?: string | undefined;
|
|
10
11
|
readonly isSelected?: boolean | undefined;
|
|
11
12
|
readonly blockedAttributeIds?: unknown[] | undefined;
|
|
12
13
|
readonly indicatorTooltips?: Record<string, any> | undefined;
|
|
14
|
+
readonly tooltipDelay?: number | undefined;
|
|
13
15
|
};
|
|
14
16
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
15
17
|
export default _default;
|
package/dist/types/components/2_blocks/CommunicationPanel/composables/useCommunicationActions.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { Ref, ComputedRef } from 'vue';
|
|
2
2
|
import type { ContactAttribute, ConfirmAttributePayload } from './useCommunicationAttributes';
|
|
3
|
+
import { type RecentChannelEntry } from './useCommunicationRecentSelection';
|
|
3
4
|
/**
|
|
4
5
|
* Тип канала панели коммуникаций.
|
|
5
6
|
*/
|
|
@@ -39,15 +40,23 @@ interface UseCommunicationActionsOptions {
|
|
|
39
40
|
showDefaultChannelTooltipWithTimer: () => void;
|
|
40
41
|
clearDefaultChannelTooltip: () => void;
|
|
41
42
|
emit: CommunicationActionsEmit;
|
|
43
|
+
/** Временный выбор для галочек в открытом меню до обновления selectedDialog родителем (#15146). */
|
|
44
|
+
panelPendingSelection?: Ref<{
|
|
45
|
+
channelType: string;
|
|
46
|
+
attributeId: string;
|
|
47
|
+
channelId: string;
|
|
48
|
+
} | null>;
|
|
42
49
|
}
|
|
43
50
|
/**
|
|
44
51
|
* Инкапсулирует действия панели: звонок, выбор каналов, выбор атрибутов.
|
|
45
52
|
*/
|
|
46
|
-
export declare function useCommunicationActions({ activeChannelType, channels, selectedChannel, selectedChannelType, hoveredAttribute, confirmingAttributeId, isAttributeBlocked, closeMenu, hasMultipleChannels, getSingleChannelForType, getAvailableChannels, isChannelEmpty, isNewDialog, showDefaultChannelTooltipWithTimer, clearDefaultChannelTooltip, emit, }: UseCommunicationActionsOptions): {
|
|
53
|
+
export declare function useCommunicationActions({ activeChannelType, channels, selectedChannel, selectedChannelType, hoveredAttribute, confirmingAttributeId, isAttributeBlocked, closeMenu, hasMultipleChannels, getSingleChannelForType, getAvailableChannels, isChannelEmpty, isNewDialog, showDefaultChannelTooltipWithTimer, clearDefaultChannelTooltip, emit, panelPendingSelection, }: UseCommunicationActionsOptions): {
|
|
47
54
|
handlePhoneCall: (attribute: ContactAttribute | null | undefined) => void;
|
|
48
55
|
handleAttributeClick: (attribute: ContactAttribute) => void;
|
|
49
56
|
selectSingleChannel: (attribute: ContactAttribute, channelId: string) => void;
|
|
50
57
|
selectChannel: (channelId: string) => void;
|
|
51
58
|
availableChannels: () => Channel[];
|
|
59
|
+
applyRecentChannelButtonSelection: (channelType: string, recentMap: Record<string, RecentChannelEntry> | undefined, organizedAttributes: Record<string, ContactAttribute[]>) => boolean;
|
|
60
|
+
clearPanelPendingSelection: () => void;
|
|
52
61
|
};
|
|
53
62
|
export {};
|
|
@@ -3,6 +3,15 @@ import { type ChannelType } from './useCommunicationChannels';
|
|
|
3
3
|
/** Допустимые статусы контактного атрибута */
|
|
4
4
|
export declare const CONTACT_ATTRIBUTE_STATUSES: readonly ["confirmed", "unconfirmed"];
|
|
5
5
|
export type ContactAttributeStatus = (typeof CONTACT_ATTRIBUTE_STATUSES)[number];
|
|
6
|
+
export declare const CANON_RESOLVE_SUBSTATUS_NOT_FOUND = "not_found";
|
|
7
|
+
/** Результат неудачного resolveCanon для пары attribute + channel (с бэкенда). */
|
|
8
|
+
export type CanonResolveState = {
|
|
9
|
+
channelId: string;
|
|
10
|
+
substatus: typeof CANON_RESOLVE_SUBSTATUS_NOT_FOUND | string;
|
|
11
|
+
updatedTimestampms?: number;
|
|
12
|
+
/** chn_* — для сопоставления с display channelId в подменю */
|
|
13
|
+
backendChannelId?: string;
|
|
14
|
+
};
|
|
6
15
|
/**
|
|
7
16
|
* Тип контактного атрибута из панели коммуникаций.
|
|
8
17
|
*/
|
|
@@ -12,6 +21,7 @@ export type ContactAttribute = {
|
|
|
12
21
|
value?: string;
|
|
13
22
|
data?: unknown;
|
|
14
23
|
status?: ContactAttributeStatus;
|
|
24
|
+
canonResolveStates?: CanonResolveState[];
|
|
15
25
|
[key: string]: unknown;
|
|
16
26
|
};
|
|
17
27
|
export declare function isContactAttributeStatus(value: unknown): value is ContactAttributeStatus;
|
|
@@ -21,6 +31,14 @@ export declare function isContactAttributeStatus(value: unknown): value is Conta
|
|
|
21
31
|
export declare function getAttributeStatusClass(attribute: ContactAttribute | null | undefined): `status-${ContactAttributeStatus}` | null;
|
|
22
32
|
export declare function isAttributeConfirmed(attribute: ContactAttribute | null | undefined): boolean;
|
|
23
33
|
export declare function isAttributeUnconfirmed(attribute: ContactAttribute | null | undefined): boolean;
|
|
34
|
+
export declare function getAttributeCanonResolveStates(attribute: ContactAttribute | null | undefined): CanonResolveState[];
|
|
35
|
+
export declare function isCanonResolveSubstatusNotFound(substatus: unknown): boolean;
|
|
36
|
+
/** Есть неудачная попытка подтверждения хотя бы в одном канале. */
|
|
37
|
+
export declare function hasCanonResolveNotFound(attribute: ContactAttribute | null | undefined): boolean;
|
|
38
|
+
export declare function isChannelCanonResolveNotFound(attribute: ContactAttribute | null | undefined, channelId: string | null | undefined, extraChannelIds?: readonly string[]): boolean;
|
|
39
|
+
export type SubMenuChannelIndicatorType = 'spinner' | 'check' | 'unconfirmed';
|
|
40
|
+
/** Индикатор в списке каналов связи: (!) для not_found, галочка — для выбранного. */
|
|
41
|
+
export declare function getSubMenuChannelIndicatorType(attribute: ContactAttribute | null | undefined, channelId: string | null | undefined, isChannelSelected: boolean, confirmingAttributeId: string | null | undefined, extraChannelIds?: readonly string[]): SubMenuChannelIndicatorType | null;
|
|
24
42
|
/** Нужно запросить подтверждение атрибута у родителя (запрос на сервер). */
|
|
25
43
|
export declare function needsAttributeConfirmation(attribute: ContactAttribute | null | undefined): boolean;
|
|
26
44
|
/** Payload события confirm-attribute */
|
|
@@ -30,13 +48,15 @@ export type ConfirmAttributePayload = {
|
|
|
30
48
|
channelType: string;
|
|
31
49
|
attribute: ContactAttribute;
|
|
32
50
|
};
|
|
51
|
+
export declare function shouldShowAttributeStatusIndicator(attribute: ContactAttribute | null | undefined, isSelected: boolean): boolean;
|
|
33
52
|
export declare function shouldShowAttributeCheckmark(attribute: ContactAttribute | null | undefined, isSelected: boolean): boolean;
|
|
34
|
-
export declare function
|
|
53
|
+
export declare function shouldShowAttributeUnconfirmedIndicator(attribute: ContactAttribute | null | undefined): boolean;
|
|
54
|
+
export declare function getAttributeCheckIndicatorClass(attribute: ContactAttribute | null | undefined, isSelected: boolean): 'selected-indicator' | 'confirmed-indicator' | 'unconfirmed-indicator' | null;
|
|
35
55
|
export declare function isAttributeConfirming(attribute: ContactAttribute | null | undefined, confirmingAttributeId: string | null | undefined): boolean;
|
|
36
56
|
/** Атрибут заблокирован после неудачного подтверждения (до повторного входа в меню). */
|
|
37
57
|
export declare function isAttributeBlocked(attribute: ContactAttribute | null | undefined, blockedAttributeIds: readonly string[] | null | undefined): boolean;
|
|
38
58
|
/** Ключи подсказок для галочки / спиннера в слоте индикатора */
|
|
39
|
-
export type AttributeIndicatorTooltipKey = 'selected' | 'confirmed' | 'confirming' | 'blocked';
|
|
59
|
+
export type AttributeIndicatorTooltipKey = 'selected' | 'confirmed' | 'unconfirmed' | 'confirming' | 'blocked';
|
|
40
60
|
export type AttributeIndicatorTooltips = Partial<Record<AttributeIndicatorTooltipKey, string>>;
|
|
41
61
|
export type AttributeIndicatorTooltipContext = {
|
|
42
62
|
isSelected: boolean;
|
|
@@ -51,6 +71,7 @@ export declare function shouldShowBlockedIndicatorSlot(attribute: ContactAttribu
|
|
|
51
71
|
*/
|
|
52
72
|
export declare function getAttributeIndicatorTooltipKey(attribute: ContactAttribute | null | undefined, context: AttributeIndicatorTooltipContext): AttributeIndicatorTooltipKey | null;
|
|
53
73
|
export declare function getAttributeIndicatorTooltipText(attribute: ContactAttribute | null | undefined, tooltips: AttributeIndicatorTooltips | null | undefined, context: AttributeIndicatorTooltipContext): string;
|
|
74
|
+
export declare function getSubMenuChannelIndicatorClass(attribute: ContactAttribute | null | undefined, channelId: string | null | undefined, isChannelSelected: boolean, confirmingAttributeId: string | null | undefined, extraChannelIds?: readonly string[]): 'selected-indicator' | 'unconfirmed-indicator' | 'confirming-indicator' | null;
|
|
54
75
|
type MaybeRef<T> = T | Ref<T> | ComputedRef<T>;
|
|
55
76
|
/**
|
|
56
77
|
* Параметры composable для работы с контактными атрибутами.
|
package/dist/types/components/2_blocks/CommunicationPanel/composables/useCommunicationMenu.d.ts
CHANGED
|
@@ -19,6 +19,7 @@ export declare function useCommunicationMenu({ panelRef, selectedChannelType, fr
|
|
|
19
19
|
showMenu: Ref<boolean, boolean>;
|
|
20
20
|
showSubMenu: Ref<boolean, boolean>;
|
|
21
21
|
handleChannelClick: (channelType: string) => void;
|
|
22
|
+
openMenu: (channelType: string) => void;
|
|
22
23
|
closeMenu: () => void;
|
|
23
24
|
handleClickOutside: (event: Event) => void;
|
|
24
25
|
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { ContactAttribute } from './useCommunicationAttributes';
|
|
2
|
+
export type RecentChannelEntry = {
|
|
3
|
+
attributeId?: string;
|
|
4
|
+
channelId?: string;
|
|
5
|
+
tooltip?: string;
|
|
6
|
+
};
|
|
7
|
+
type Channel = {
|
|
8
|
+
channelId: string;
|
|
9
|
+
title?: string;
|
|
10
|
+
[key: string]: unknown;
|
|
11
|
+
};
|
|
12
|
+
export declare function isOneClickChannelType(channelType: string): boolean;
|
|
13
|
+
/**
|
|
14
|
+
* Разрешает attribute + channelId для one-click по кнопке типа канала.
|
|
15
|
+
*/
|
|
16
|
+
export declare function resolveRecentChannelSelection(channelType: string, recentMap: Record<string, RecentChannelEntry> | undefined, organizedAttributes: Record<string, ContactAttribute[]>, getSingleChannelForType: (type: string) => Channel | null, getAvailableChannels: (type: string) => Channel[]): {
|
|
17
|
+
attribute: ContactAttribute;
|
|
18
|
+
channelId: string;
|
|
19
|
+
} | null;
|
|
20
|
+
export {};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export { default as CommunicationPanelCheckIcon } from './CommunicationPanelCheckIcon.vue';
|
|
2
|
+
export { default as CommunicationPanelUnconfirmedIcon } from './CommunicationPanelUnconfirmedIcon.vue';
|
|
2
3
|
export { default as CommunicationPanelConfirmSpinner } from './CommunicationPanelConfirmSpinner.vue';
|
|
3
4
|
export { default as CommunicationPanelPhoneIcon } from './CommunicationPanelPhoneIcon.vue';
|
|
4
5
|
export { default as CommunicationPanelWhatsAppIcon } from './CommunicationPanelWhatsAppIcon.vue';
|
package/dist/types/components/2_blocks/CommunicationPanel/stories/CommunicationPanel.stories.d.ts
CHANGED
|
@@ -13,9 +13,11 @@ declare const meta: {
|
|
|
13
13
|
selectedDialog: Record<string, any>;
|
|
14
14
|
emptyChannelsPlaceholder: Record<string, any>;
|
|
15
15
|
blockedAttributeIds: unknown[];
|
|
16
|
+
tooltipDelay: number;
|
|
16
17
|
attributeTooltips: Record<string, any>;
|
|
17
18
|
attributeIndicatorTooltips: Record<string, any>;
|
|
18
19
|
showChannelIcons: boolean;
|
|
20
|
+
recentAttributeChannels: Record<string, any>;
|
|
19
21
|
channelOrder?: unknown[] | undefined;
|
|
20
22
|
visibleChannelTypes?: unknown[] | undefined;
|
|
21
23
|
$props: {
|
|
@@ -29,9 +31,11 @@ declare const meta: {
|
|
|
29
31
|
readonly selectedDialog?: Record<string, any> | undefined;
|
|
30
32
|
readonly emptyChannelsPlaceholder?: Record<string, any> | undefined;
|
|
31
33
|
readonly blockedAttributeIds?: unknown[] | undefined;
|
|
34
|
+
readonly tooltipDelay?: number | undefined;
|
|
32
35
|
readonly attributeTooltips?: Record<string, any> | undefined;
|
|
33
36
|
readonly attributeIndicatorTooltips?: Record<string, any> | undefined;
|
|
34
37
|
readonly showChannelIcons?: boolean | undefined;
|
|
38
|
+
readonly recentAttributeChannels?: Record<string, any> | undefined;
|
|
35
39
|
readonly channelOrder?: unknown[] | undefined;
|
|
36
40
|
readonly visibleChannelTypes?: unknown[] | undefined;
|
|
37
41
|
};
|
|
@@ -220,6 +220,10 @@ export interface CommunicationPanelThemeCSSVariables {
|
|
|
220
220
|
'--chotto-communicationpanel-attribute-color': string;
|
|
221
221
|
/** Размер шрифта элемента атрибута */
|
|
222
222
|
'--chotto-communicationpanel-attribute-font-size': string;
|
|
223
|
+
/** Минимальная ширина элемента атрибута */
|
|
224
|
+
'--chotto-communicationpanel-attribute-min-width': string;
|
|
225
|
+
/** Переполнение элемента атрибута */
|
|
226
|
+
'--chotto-communicationpanel-attribute-overflow': string;
|
|
223
227
|
/** Цвет фона элемента атрибута при наведении */
|
|
224
228
|
'--chotto-communicationpanel-attribute-hover-background': string;
|
|
225
229
|
/** Цвет элемента атрибута при наведении */
|
|
@@ -242,6 +246,10 @@ export interface CommunicationPanelThemeCSSVariables {
|
|
|
242
246
|
'--chotto-communicationpanel-attribute-info-flex': string;
|
|
243
247
|
/** Выравнивание по поперечной оси информации атрибута */
|
|
244
248
|
'--chotto-communicationpanel-attribute-info-align-items': string;
|
|
249
|
+
/** Минимальная ширина информации атрибута */
|
|
250
|
+
'--chotto-communicationpanel-attribute-info-min-width': string;
|
|
251
|
+
/** Переполнение информации атрибута */
|
|
252
|
+
'--chotto-communicationpanel-attribute-info-overflow': string;
|
|
245
253
|
/** Отображение слота индикатора атрибута */
|
|
246
254
|
'--chotto-communicationpanel-attribute-indicator-slot-display': string;
|
|
247
255
|
/** Выравнивание по поперечной оси слота индикатора атрибута */
|
|
@@ -250,6 +258,22 @@ export interface CommunicationPanelThemeCSSVariables {
|
|
|
250
258
|
'--chotto-communicationpanel-attribute-indicator-slot-justify-content': string;
|
|
251
259
|
/** Сжатие слота индикатора атрибута */
|
|
252
260
|
'--chotto-communicationpanel-attribute-indicator-slot-flex-shrink': string;
|
|
261
|
+
/** Отображение тултипа в слоте индикатора атрибута */
|
|
262
|
+
'--chotto-communicationpanel-attribute-indicator-tooltip-display': string;
|
|
263
|
+
/** Выравнивание по поперечной оси тултипа в слоте индикатора атрибута */
|
|
264
|
+
'--chotto-communicationpanel-attribute-indicator-tooltip-align-items': string;
|
|
265
|
+
/** Выравнивание по главной оси тултипа в слоте индикатора атрибута */
|
|
266
|
+
'--chotto-communicationpanel-attribute-indicator-tooltip-justify-content': string;
|
|
267
|
+
/** Коэффициент роста значения атрибута */
|
|
268
|
+
'--chotto-communicationpanel-attribute-value-flex': string;
|
|
269
|
+
/** Минимальная ширина значения атрибута */
|
|
270
|
+
'--chotto-communicationpanel-attribute-value-min-width': string;
|
|
271
|
+
/** Переполнение значения атрибута */
|
|
272
|
+
'--chotto-communicationpanel-attribute-value-overflow': string;
|
|
273
|
+
/** Обрезка текста значения атрибута */
|
|
274
|
+
'--chotto-communicationpanel-attribute-value-text-overflow': string;
|
|
275
|
+
/** Перенос пробелов значения атрибута */
|
|
276
|
+
'--chotto-communicationpanel-attribute-value-white-space': string;
|
|
253
277
|
/** Жирность шрифта значения атрибута */
|
|
254
278
|
'--chotto-communicationpanel-attribute-value-font-weight': string;
|
|
255
279
|
/** Размер шрифта значения атрибута */
|
|
@@ -276,6 +300,8 @@ export interface CommunicationPanelThemeCSSVariables {
|
|
|
276
300
|
'--chotto-communicationpanel-empty-placeholder-pointer-events': string;
|
|
277
301
|
/** Высота строки placeholder пустых каналов */
|
|
278
302
|
'--chotto-communicationpanel-empty-placeholder-line-height': string;
|
|
303
|
+
/** Сжатие иконки меню */
|
|
304
|
+
'--chotto-communicationpanel-menu-icon-flex-shrink': string;
|
|
279
305
|
/** Цвет серой иконки меню */
|
|
280
306
|
'--chotto-communicationpanel-menu-icon-grey-color': string;
|
|
281
307
|
/** Размер шрифта серой иконки меню */
|
|
@@ -374,12 +400,22 @@ export interface CommunicationPanelThemeCSSVariables {
|
|
|
374
400
|
'--chotto-communicationpanel-submenu-header-text-transform': string;
|
|
375
401
|
/** Граница снизу заголовка подменю */
|
|
376
402
|
'--chotto-communicationpanel-submenu-header-border-bottom': string;
|
|
403
|
+
/** Отображение слота индикатора подменю */
|
|
404
|
+
'--chotto-communicationpanel-submenu-indicator-slot-display': string;
|
|
405
|
+
/** Выравнивание по поперечной оси слота индикатора подменю */
|
|
406
|
+
'--chotto-communicationpanel-submenu-indicator-slot-align-items': string;
|
|
407
|
+
/** Выравнивание по главной оси слота индикатора подменю */
|
|
408
|
+
'--chotto-communicationpanel-submenu-indicator-slot-justify-content': string;
|
|
409
|
+
/** Сжатие слота индикатора подменю */
|
|
410
|
+
'--chotto-communicationpanel-submenu-indicator-slot-flex-shrink': string;
|
|
377
411
|
/** Отображение элемента подменю */
|
|
378
412
|
'--chotto-communicationpanel-submenu-item-display': string;
|
|
413
|
+
/** Колонки сетки элемента подменю */
|
|
414
|
+
'--chotto-communicationpanel-submenu-item-grid-columns': string;
|
|
379
415
|
/** Выравнивание по поперечной оси элемента подменю */
|
|
380
416
|
'--chotto-communicationpanel-submenu-item-align-items': string;
|
|
381
|
-
/**
|
|
382
|
-
'--chotto-communicationpanel-submenu-item-
|
|
417
|
+
/** Промежуток между колонками элемента подменю */
|
|
418
|
+
'--chotto-communicationpanel-submenu-item-column-gap': string;
|
|
383
419
|
/** Отступы элемента подменю */
|
|
384
420
|
'--chotto-communicationpanel-submenu-item-padding': string;
|
|
385
421
|
/** Курсор элемента подменю */
|
|
@@ -388,8 +424,6 @@ export interface CommunicationPanelThemeCSSVariables {
|
|
|
388
424
|
'--chotto-communicationpanel-submenu-item-transition': string;
|
|
389
425
|
/** Радиус границы элемента подменю */
|
|
390
426
|
'--chotto-communicationpanel-submenu-item-border-radius': string;
|
|
391
|
-
/** Промежуток между элементами подменю */
|
|
392
|
-
'--chotto-communicationpanel-submenu-item-gap': string;
|
|
393
427
|
/** Цвет фона элемента подменю */
|
|
394
428
|
'--chotto-communicationpanel-submenu-item-background': string;
|
|
395
429
|
/** Цвет элемента подменю */
|
|
@@ -410,8 +444,6 @@ export interface CommunicationPanelThemeCSSVariables {
|
|
|
410
444
|
'--chotto-communicationpanel-selected-color': string;
|
|
411
445
|
/** Жирность шрифта выбранного элемента подменю */
|
|
412
446
|
'--chotto-communicationpanel-selected-font-weight': string;
|
|
413
|
-
/** Отступы выбранного элемента подменю */
|
|
414
|
-
'--chotto-communicationpanel-selected-padding': string;
|
|
415
447
|
/** Отображение индикатора выбранного элемента */
|
|
416
448
|
'--chotto-communicationpanel-selected-indicator-display': string;
|
|
417
449
|
/** Выравнивание по поперечной оси индикатора выбранного элемента */
|
|
@@ -446,6 +478,8 @@ export interface CommunicationPanelThemeCSSVariables {
|
|
|
446
478
|
'--chotto-communicationpanel-blocked-indicator-display': string;
|
|
447
479
|
/** Радиус маркера blocked */
|
|
448
480
|
'--chotto-communicationpanel-blocked-indicator-border-radius': string;
|
|
481
|
+
/** Размер маркера blocked */
|
|
482
|
+
'--chotto-communicationpanel-blocked-indicator-mark-size': string;
|
|
449
483
|
/** Фон маркера blocked (прозрачный — только зона для тултипа) */
|
|
450
484
|
'--chotto-communicationpanel-blocked-indicator-mark-background': string;
|
|
451
485
|
/** Прозрачность маркера blocked */
|
|
@@ -468,8 +502,6 @@ export interface CommunicationPanelThemeCSSVariables {
|
|
|
468
502
|
'--chotto-communicationpanel-submenu-icon-height': string;
|
|
469
503
|
/** Сжатие иконки подменю */
|
|
470
504
|
'--chotto-communicationpanel-submenu-icon-flex-shrink': string;
|
|
471
|
-
/** Отступ слева иконки подменю */
|
|
472
|
-
'--chotto-communicationpanel-submenu-icon-margin-left': string;
|
|
473
505
|
/** Цвет иконки подменю */
|
|
474
506
|
'--chotto-communicationpanel-submenu-icon-color': string;
|
|
475
507
|
/** Размер шрифта иконки подменю */
|
|
@@ -484,8 +516,8 @@ export interface CommunicationPanelThemeCSSVariables {
|
|
|
484
516
|
'--chotto-communicationpanel-submenu-title-overflow': string;
|
|
485
517
|
/** Обрезка текста заголовка подменю */
|
|
486
518
|
'--chotto-communicationpanel-submenu-title-text-overflow': string;
|
|
487
|
-
/**
|
|
488
|
-
'--chotto-communicationpanel-submenu-title-
|
|
519
|
+
/** Минимальная ширина заголовка подменю */
|
|
520
|
+
'--chotto-communicationpanel-submenu-title-min-width': string;
|
|
489
521
|
/** Жирность шрифта заголовка подменю */
|
|
490
522
|
'--chotto-communicationpanel-submenu-title-font-weight': string;
|
|
491
523
|
/** Высота строки заголовка подменю */
|
|
@@ -55,8 +55,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
55
55
|
onRead?: ((messageId: string) => any) | undefined;
|
|
56
56
|
}>, {
|
|
57
57
|
tooltipText: string;
|
|
58
|
+
tooltipDelay: number;
|
|
58
59
|
tooltipPosition: string;
|
|
59
60
|
tooltipOffset: number;
|
|
60
|
-
tooltipDelay: number;
|
|
61
61
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
62
62
|
export default _default;
|