@central-design-system/components 3.10.7 → 3.11.0
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/UPGRADE.md +146 -0
- package/dist/cds.d.ts +4 -0
- package/dist/cds.es.js +7838 -7476
- package/dist/cds.es.js.map +1 -1
- package/dist/cds.umd.js +5 -5
- package/dist/cds.umd.js.map +1 -1
- package/dist/components/CdsAutocomplete/CdsAutocomplete.d.ts +21 -3
- package/dist/components/CdsBadge/CdsBadge.d.ts +1 -1
- package/dist/components/CdsBreadcrumbs/CdsBreadcrumbsItem.d.ts +15 -0
- package/dist/components/CdsCard/CdsCard.d.ts +20 -1
- package/dist/components/CdsCheckbox/CdsCheckbox.d.ts +43 -2
- package/dist/components/CdsCheckbox/CdsCheckboxGroup.d.ts +48 -0
- package/dist/components/CdsCombobox/CdsCombobox.d.ts +366 -23
- package/dist/components/CdsDropdown/CdsDropdown.d.ts +381 -26
- package/dist/components/CdsInput/CdsDescription.d.ts +31 -0
- package/dist/components/CdsInput/CdsInput.d.ts +18 -0
- package/dist/components/CdsInput/CdsLabel.d.ts +48 -0
- package/dist/components/CdsInput/index.d.ts +2 -0
- package/dist/components/CdsList/CdsListGroup.d.ts +1 -1
- package/dist/components/CdsList/CdsListItem.d.ts +19 -0
- package/dist/components/CdsNotification/CdsNotification.d.ts +1 -1
- package/dist/components/CdsNotification/CdsNotificationAlert.d.ts +1 -1
- package/dist/components/CdsNotification/composable/notification.d.ts +4 -2
- package/dist/components/CdsProgress/CdsProgressBar.d.ts +158 -0
- package/dist/components/CdsProgress/index.d.ts +1 -0
- package/dist/components/CdsRadioButton/CdsRadio.d.ts +84 -0
- package/dist/components/CdsRadioButton/CdsRadioButton.d.ts +48 -0
- package/dist/components/CdsRadioButton/CdsRadioGroup.d.ts +681 -0
- package/dist/components/CdsRadioButton/index.d.ts +1 -0
- package/dist/components/CdsSelect/CdsSelect.d.ts +90 -6
- package/dist/components/CdsSlideGroup/CdsSlideGroup.d.ts +59 -29
- package/dist/components/CdsStatus/CdsStatus.d.ts +23 -1
- package/dist/components/CdsTable/CdsTable.d.ts +3 -1
- package/dist/components/CdsTable/components/Table/InternalTable.d.ts +3 -1
- package/dist/components/CdsTable/components/TableProvider.d.ts +3 -1
- package/dist/components/CdsTabsV2/CdsTabsV2.d.ts +30 -0
- package/dist/components/CdsTag/CdsTag.d.ts +26 -0
- package/dist/components/CdsTextArea/CdsTextArea.d.ts +93 -6
- package/dist/components/CdsTextInput/CdsTextInput.d.ts +93 -6
- package/dist/components/CdsToggle/CdsToggle.d.ts +18 -0
- package/dist/components/CdsTooltip/CdsTooltip.d.ts +21 -0
- package/dist/components/CdsUploader/CdsUploader.d.ts +18 -0
- package/dist/components/index.d.ts +4 -0
- package/dist/composable/field.d.ts +5 -3
- package/dist/composable/input.d.ts +20 -0
- package/dist/composable/status.d.ts +14 -2
- package/dist/utils/compat.d.ts +33 -0
- package/dist/utils/dom/warn.d.ts +42 -0
- package/dist/utils/index.d.ts +1 -0
- package/package.json +4 -2
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* `CdsDescription` доступен с 3.11.0 — алиас `CdsInputDescription`. В CDS 4
|
|
3
|
+
* описание поля стало самостоятельным компонентом, им же описывают группу
|
|
4
|
+
* чекбоксов вместо удалённого `CdsCheckboxGroup`. Пропсы `text` / `tag`
|
|
5
|
+
* и слот совпадают.
|
|
6
|
+
*/
|
|
7
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
8
|
+
tag: {
|
|
9
|
+
type: import('vue').PropType<string>;
|
|
10
|
+
default: string;
|
|
11
|
+
description: string;
|
|
12
|
+
};
|
|
13
|
+
text: {
|
|
14
|
+
type: import('vue').PropType<string | number>;
|
|
15
|
+
default: undefined;
|
|
16
|
+
};
|
|
17
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
18
|
+
tag: {
|
|
19
|
+
type: import('vue').PropType<string>;
|
|
20
|
+
default: string;
|
|
21
|
+
description: string;
|
|
22
|
+
};
|
|
23
|
+
text: {
|
|
24
|
+
type: import('vue').PropType<string | number>;
|
|
25
|
+
default: undefined;
|
|
26
|
+
};
|
|
27
|
+
}>> & Readonly<{}>, {
|
|
28
|
+
text: string | number;
|
|
29
|
+
tag: string;
|
|
30
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
31
|
+
export default _default;
|
|
@@ -99,6 +99,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
99
99
|
type: PropType<boolean>;
|
|
100
100
|
default: boolean;
|
|
101
101
|
};
|
|
102
|
+
hint: {
|
|
103
|
+
type: PropType<string>;
|
|
104
|
+
default: undefined;
|
|
105
|
+
};
|
|
106
|
+
persistentHint: {
|
|
107
|
+
type: PropType<boolean>;
|
|
108
|
+
default: boolean;
|
|
109
|
+
};
|
|
102
110
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
103
111
|
'update:modelValue': (value: any) => true;
|
|
104
112
|
'click:control': (event: MouseEvent) => true;
|
|
@@ -201,6 +209,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
201
209
|
type: PropType<boolean>;
|
|
202
210
|
default: boolean;
|
|
203
211
|
};
|
|
212
|
+
hint: {
|
|
213
|
+
type: PropType<string>;
|
|
214
|
+
default: undefined;
|
|
215
|
+
};
|
|
216
|
+
persistentHint: {
|
|
217
|
+
type: PropType<boolean>;
|
|
218
|
+
default: boolean;
|
|
219
|
+
};
|
|
204
220
|
}>> & Readonly<{
|
|
205
221
|
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
206
222
|
"onClick:control"?: ((event: MouseEvent) => any) | undefined;
|
|
@@ -220,6 +236,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
220
236
|
label: string;
|
|
221
237
|
messages: string | string[];
|
|
222
238
|
persistentMessages: boolean;
|
|
239
|
+
hint: string;
|
|
240
|
+
persistentHint: boolean;
|
|
223
241
|
errorMessages: string | string[];
|
|
224
242
|
maxErrors: string | number;
|
|
225
243
|
rules: import('../../composable').TValidationRule[];
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* `CdsLabel` доступен с 3.11.0 — алиас `CdsInputLabel`. В CDS 4 подпись поля
|
|
3
|
+
* стала самостоятельным компонентом, им же подписывают группу чекбоксов вместо
|
|
4
|
+
* удалённого `CdsCheckboxGroup`. Проп `text` и слот по умолчанию совпадают,
|
|
5
|
+
* `for` долетает нативным атрибутом на `<label>`.
|
|
6
|
+
*/
|
|
7
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
8
|
+
tag: Omit<{
|
|
9
|
+
type: import('vue').PropType<string>;
|
|
10
|
+
default: string;
|
|
11
|
+
description: string;
|
|
12
|
+
}, "default" | "type"> & {
|
|
13
|
+
type: import('vue').PropType<string>;
|
|
14
|
+
default: string;
|
|
15
|
+
};
|
|
16
|
+
disabled: {
|
|
17
|
+
type: import('vue').PropType<boolean>;
|
|
18
|
+
default: boolean;
|
|
19
|
+
};
|
|
20
|
+
text: {
|
|
21
|
+
type: import('vue').PropType<string | number>;
|
|
22
|
+
default: undefined;
|
|
23
|
+
};
|
|
24
|
+
}>, {
|
|
25
|
+
disabledClasses: import('vue').ComputedRef<string | undefined>;
|
|
26
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
27
|
+
tag: Omit<{
|
|
28
|
+
type: import('vue').PropType<string>;
|
|
29
|
+
default: string;
|
|
30
|
+
description: string;
|
|
31
|
+
}, "default" | "type"> & {
|
|
32
|
+
type: import('vue').PropType<string>;
|
|
33
|
+
default: string;
|
|
34
|
+
};
|
|
35
|
+
disabled: {
|
|
36
|
+
type: import('vue').PropType<boolean>;
|
|
37
|
+
default: boolean;
|
|
38
|
+
};
|
|
39
|
+
text: {
|
|
40
|
+
type: import('vue').PropType<string | number>;
|
|
41
|
+
default: undefined;
|
|
42
|
+
};
|
|
43
|
+
}>> & Readonly<{}>, {
|
|
44
|
+
text: string | number;
|
|
45
|
+
tag: string;
|
|
46
|
+
disabled: boolean;
|
|
47
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
48
|
+
export default _default;
|
|
@@ -2,4 +2,6 @@ export { default as CdsInput } from './CdsInput';
|
|
|
2
2
|
export { default as CdsInputLabel } from './CdsInputLabel';
|
|
3
3
|
export { default as CdsInputDescription } from './CdsInputDescription';
|
|
4
4
|
export { default as CdsInputMessages } from './CdsInputMessages';
|
|
5
|
+
export { default as CdsLabel } from './CdsLabel';
|
|
6
|
+
export { default as CdsDescription } from './CdsDescription';
|
|
5
7
|
export { default as CdsInputCounter } from './CdsInputCounter';
|
|
@@ -57,7 +57,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
57
57
|
id: string;
|
|
58
58
|
appendIcon: "link" | "search" | "bold" | "delete" | "add" | "administrator" | "ai" | "alert-fill" | "alert" | "analog" | "archive-fill" | "archive" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock-fill" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "education" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "fill" | "filters" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "moon" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "scale-left" | "scale-right" | "settings" | "shopping-cart" | "sort-date" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "sun" | "tab-backward" | "tab-forward" | "telegram" | "thumb-down-fill" | "thumb-down" | "thumb-up-fill" | "thumb-up" | "timer" | "tool" | "truck" | "underline" | "unlocked-left" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube";
|
|
59
59
|
class: string;
|
|
60
|
-
|
|
60
|
+
link: boolean;
|
|
61
61
|
}>;
|
|
62
62
|
isExpandable: import('vue').ComputedRef<boolean>;
|
|
63
63
|
classes: import('vue').ComputedRef<{
|
|
@@ -59,11 +59,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
59
59
|
};
|
|
60
60
|
/**
|
|
61
61
|
* Принудительно сделать элемент списка кликабельным
|
|
62
|
+
* @deprecated Используйте `link`
|
|
62
63
|
*/
|
|
63
64
|
isClickable: {
|
|
64
65
|
type: PropType<boolean>;
|
|
65
66
|
default: boolean;
|
|
66
67
|
};
|
|
68
|
+
/**
|
|
69
|
+
* Принудительно сделать элемент списка кликабельным. Доступно с 3.11.0 —
|
|
70
|
+
* замена `isClickable`.
|
|
71
|
+
*/
|
|
72
|
+
link: {
|
|
73
|
+
type: PropType<boolean>;
|
|
74
|
+
default: boolean;
|
|
75
|
+
};
|
|
67
76
|
}>, {
|
|
68
77
|
internalTag: import('vue').ComputedRef<any>;
|
|
69
78
|
href: import('vue').ComputedRef<string | undefined>;
|
|
@@ -146,11 +155,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
146
155
|
};
|
|
147
156
|
/**
|
|
148
157
|
* Принудительно сделать элемент списка кликабельным
|
|
158
|
+
* @deprecated Используйте `link`
|
|
149
159
|
*/
|
|
150
160
|
isClickable: {
|
|
151
161
|
type: PropType<boolean>;
|
|
152
162
|
default: boolean;
|
|
153
163
|
};
|
|
164
|
+
/**
|
|
165
|
+
* Принудительно сделать элемент списка кликабельным. Доступно с 3.11.0 —
|
|
166
|
+
* замена `isClickable`.
|
|
167
|
+
*/
|
|
168
|
+
link: {
|
|
169
|
+
type: PropType<boolean>;
|
|
170
|
+
default: boolean;
|
|
171
|
+
};
|
|
154
172
|
}>> & Readonly<{
|
|
155
173
|
onClick?: ((event: MouseEvent | KeyboardEvent | TouchEvent) => any) | undefined;
|
|
156
174
|
}>, {
|
|
@@ -158,6 +176,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
158
176
|
to: import('vue-router').RouteLocationRaw;
|
|
159
177
|
href: string;
|
|
160
178
|
tag: string;
|
|
179
|
+
link: boolean;
|
|
161
180
|
prependIcon: "link" | "search" | "bold" | "delete" | "add" | "administrator" | "ai" | "alert-fill" | "alert" | "analog" | "archive-fill" | "archive" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock-fill" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "education" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "fill" | "filters" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "moon" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "scale-left" | "scale-right" | "settings" | "shopping-cart" | "sort-date" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "sun" | "tab-backward" | "tab-forward" | "telegram" | "thumb-down-fill" | "thumb-down" | "thumb-up-fill" | "thumb-up" | "timer" | "tool" | "truck" | "underline" | "unlocked-left" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube";
|
|
162
181
|
appendIcon: "link" | "search" | "bold" | "delete" | "add" | "administrator" | "ai" | "alert-fill" | "alert" | "analog" | "archive-fill" | "archive" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock-fill" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "education" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "fill" | "filters" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "moon" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "scale-left" | "scale-right" | "settings" | "shopping-cart" | "sort-date" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "sun" | "tab-backward" | "tab-forward" | "telegram" | "thumb-down-fill" | "thumb-down" | "thumb-up-fill" | "thumb-up" | "timer" | "tool" | "truck" | "underline" | "unlocked-left" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube";
|
|
163
182
|
active: boolean;
|
|
@@ -149,7 +149,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
149
149
|
title: string;
|
|
150
150
|
tag: string;
|
|
151
151
|
icon: false | "link" | "search" | "bold" | "delete" | "add" | "administrator" | "ai" | "alert-fill" | "alert" | "analog" | "archive-fill" | "archive" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock-fill" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "education" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "fill" | "filters" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "moon" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "scale-left" | "scale-right" | "settings" | "shopping-cart" | "sort-date" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "sun" | "tab-backward" | "tab-forward" | "telegram" | "thumb-down-fill" | "thumb-down" | "thumb-up-fill" | "thumb-up" | "timer" | "tool" | "truck" | "underline" | "unlocked-left" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube";
|
|
152
|
-
status:
|
|
152
|
+
status: import('../../composable').TStatus;
|
|
153
153
|
modelValue: boolean;
|
|
154
154
|
theme: string;
|
|
155
155
|
customIcon: "link" | "search" | "bold" | "delete" | "add" | "administrator" | "ai" | "alert-fill" | "alert" | "analog" | "archive-fill" | "archive" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock-fill" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "education" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "fill" | "filters" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "moon" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "scale-left" | "scale-right" | "settings" | "shopping-cart" | "sort-date" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "sun" | "tab-backward" | "tab-forward" | "telegram" | "thumb-down-fill" | "thumb-down" | "thumb-up-fill" | "thumb-up" | "timer" | "tool" | "truck" | "underline" | "unlocked-left" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube" | undefined;
|
|
@@ -435,7 +435,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
435
435
|
location: NonNullable<import('../../utils').TAnchor>;
|
|
436
436
|
icon: false | "link" | "search" | "bold" | "delete" | "add" | "administrator" | "ai" | "alert-fill" | "alert" | "analog" | "archive-fill" | "archive" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock-fill" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "education" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "fill" | "filters" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "moon" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "scale-left" | "scale-right" | "settings" | "shopping-cart" | "sort-date" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "sun" | "tab-backward" | "tab-forward" | "telegram" | "thumb-down-fill" | "thumb-down" | "thumb-up-fill" | "thumb-up" | "timer" | "tool" | "truck" | "underline" | "unlocked-left" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube";
|
|
437
437
|
disabled: boolean;
|
|
438
|
-
status:
|
|
438
|
+
status: import('../../composable').TStatus;
|
|
439
439
|
modelValue: boolean;
|
|
440
440
|
transition: NonNullable<string | boolean | (import('vue').TransitionProps & {
|
|
441
441
|
component?: import('vue').Component;
|
|
@@ -23,7 +23,8 @@ export declare const makeNotificationProps: <Defaults extends {
|
|
|
23
23
|
closeIcon?: unknown;
|
|
24
24
|
} = {}>(defaults?: Defaults | undefined) => import('../../../utils').AppendDefault<{
|
|
25
25
|
/**
|
|
26
|
-
*
|
|
26
|
+
* Иконка. Кроме `false` (скрыть) принимает имя иконки — так своя иконка
|
|
27
|
+
* задаётся в CDS 4 вместо отдельного `customIcon`.
|
|
27
28
|
*/
|
|
28
29
|
icon: {
|
|
29
30
|
type: PropType<false | TCdsIconsName>;
|
|
@@ -31,6 +32,7 @@ export declare const makeNotificationProps: <Defaults extends {
|
|
|
31
32
|
};
|
|
32
33
|
/**
|
|
33
34
|
* Своя иконка
|
|
35
|
+
* @deprecated Используйте `icon` с именем иконки
|
|
34
36
|
*/
|
|
35
37
|
customIcon: {
|
|
36
38
|
type: PropType<TCdsIconsName | undefined>;
|
|
@@ -60,4 +62,4 @@ export declare const makeNotificationProps: <Defaults extends {
|
|
|
60
62
|
validator: (value: TCdsIconsName) => boolean;
|
|
61
63
|
};
|
|
62
64
|
}, Defaults>;
|
|
63
|
-
export declare function useNotification(props: INotificationProps): IUseNotification;
|
|
65
|
+
export declare function useNotification(props: INotificationProps, name: string): IUseNotification;
|
|
@@ -0,0 +1,158 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* `CdsProgressBar` доступен с 3.11.0 — полный алиас `CdsProgress`: API
|
|
3
|
+
* совпадает, поэтому имя можно занять, не дожидаясь апгрейда до CDS 4.
|
|
4
|
+
*/
|
|
5
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
6
|
+
location: Omit<{
|
|
7
|
+
type: import('vue').PropType<import('../../utils').TAnchor>;
|
|
8
|
+
default: string;
|
|
9
|
+
}, "default" | "type"> & {
|
|
10
|
+
type: import('vue').PropType<NonNullable<import('../../utils').TAnchor>>;
|
|
11
|
+
default: NonNullable<import('../../utils').TAnchor>;
|
|
12
|
+
};
|
|
13
|
+
theme: {
|
|
14
|
+
type: import('vue').PropType<import('../../composable').TTheme | string>;
|
|
15
|
+
available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoLight", "promoDark"];
|
|
16
|
+
default: undefined;
|
|
17
|
+
};
|
|
18
|
+
tag: {
|
|
19
|
+
type: import('vue').PropType<string>;
|
|
20
|
+
default: string;
|
|
21
|
+
description: string;
|
|
22
|
+
};
|
|
23
|
+
modelValue: {
|
|
24
|
+
type: import('vue').PropType<number | string>;
|
|
25
|
+
default: number;
|
|
26
|
+
};
|
|
27
|
+
absolute: {
|
|
28
|
+
type: import('vue').PropType<boolean>;
|
|
29
|
+
default: boolean;
|
|
30
|
+
};
|
|
31
|
+
active: {
|
|
32
|
+
type: import('vue').PropType<boolean>;
|
|
33
|
+
default: boolean;
|
|
34
|
+
};
|
|
35
|
+
bgColor: {
|
|
36
|
+
type: import('vue').PropType<string>;
|
|
37
|
+
default: undefined;
|
|
38
|
+
};
|
|
39
|
+
bgOpacity: {
|
|
40
|
+
type: import('vue').PropType<number | string>;
|
|
41
|
+
default: undefined;
|
|
42
|
+
};
|
|
43
|
+
bufferValue: {
|
|
44
|
+
type: import('vue').PropType<number | string>;
|
|
45
|
+
default: number;
|
|
46
|
+
};
|
|
47
|
+
height: {
|
|
48
|
+
type: import('vue').PropType<number | string>;
|
|
49
|
+
default: number;
|
|
50
|
+
};
|
|
51
|
+
indeterminate: {
|
|
52
|
+
type: import('vue').PropType<boolean>;
|
|
53
|
+
default: boolean;
|
|
54
|
+
};
|
|
55
|
+
clickable: {
|
|
56
|
+
type: import('vue').PropType<boolean>;
|
|
57
|
+
default: boolean;
|
|
58
|
+
};
|
|
59
|
+
max: {
|
|
60
|
+
type: import('vue').PropType<number | string>;
|
|
61
|
+
default: number;
|
|
62
|
+
};
|
|
63
|
+
stream: {
|
|
64
|
+
type: import('vue').PropType<boolean>;
|
|
65
|
+
default: boolean;
|
|
66
|
+
};
|
|
67
|
+
reverse: {
|
|
68
|
+
type: import('vue').PropType<boolean>;
|
|
69
|
+
default: boolean;
|
|
70
|
+
};
|
|
71
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
72
|
+
'update:modelValue': (value: number) => true;
|
|
73
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
74
|
+
location: Omit<{
|
|
75
|
+
type: import('vue').PropType<import('../../utils').TAnchor>;
|
|
76
|
+
default: string;
|
|
77
|
+
}, "default" | "type"> & {
|
|
78
|
+
type: import('vue').PropType<NonNullable<import('../../utils').TAnchor>>;
|
|
79
|
+
default: NonNullable<import('../../utils').TAnchor>;
|
|
80
|
+
};
|
|
81
|
+
theme: {
|
|
82
|
+
type: import('vue').PropType<import('../../composable').TTheme | string>;
|
|
83
|
+
available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoLight", "promoDark"];
|
|
84
|
+
default: undefined;
|
|
85
|
+
};
|
|
86
|
+
tag: {
|
|
87
|
+
type: import('vue').PropType<string>;
|
|
88
|
+
default: string;
|
|
89
|
+
description: string;
|
|
90
|
+
};
|
|
91
|
+
modelValue: {
|
|
92
|
+
type: import('vue').PropType<number | string>;
|
|
93
|
+
default: number;
|
|
94
|
+
};
|
|
95
|
+
absolute: {
|
|
96
|
+
type: import('vue').PropType<boolean>;
|
|
97
|
+
default: boolean;
|
|
98
|
+
};
|
|
99
|
+
active: {
|
|
100
|
+
type: import('vue').PropType<boolean>;
|
|
101
|
+
default: boolean;
|
|
102
|
+
};
|
|
103
|
+
bgColor: {
|
|
104
|
+
type: import('vue').PropType<string>;
|
|
105
|
+
default: undefined;
|
|
106
|
+
};
|
|
107
|
+
bgOpacity: {
|
|
108
|
+
type: import('vue').PropType<number | string>;
|
|
109
|
+
default: undefined;
|
|
110
|
+
};
|
|
111
|
+
bufferValue: {
|
|
112
|
+
type: import('vue').PropType<number | string>;
|
|
113
|
+
default: number;
|
|
114
|
+
};
|
|
115
|
+
height: {
|
|
116
|
+
type: import('vue').PropType<number | string>;
|
|
117
|
+
default: number;
|
|
118
|
+
};
|
|
119
|
+
indeterminate: {
|
|
120
|
+
type: import('vue').PropType<boolean>;
|
|
121
|
+
default: boolean;
|
|
122
|
+
};
|
|
123
|
+
clickable: {
|
|
124
|
+
type: import('vue').PropType<boolean>;
|
|
125
|
+
default: boolean;
|
|
126
|
+
};
|
|
127
|
+
max: {
|
|
128
|
+
type: import('vue').PropType<number | string>;
|
|
129
|
+
default: number;
|
|
130
|
+
};
|
|
131
|
+
stream: {
|
|
132
|
+
type: import('vue').PropType<boolean>;
|
|
133
|
+
default: boolean;
|
|
134
|
+
};
|
|
135
|
+
reverse: {
|
|
136
|
+
type: import('vue').PropType<boolean>;
|
|
137
|
+
default: boolean;
|
|
138
|
+
};
|
|
139
|
+
}>> & Readonly<{
|
|
140
|
+
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
|
|
141
|
+
}>, {
|
|
142
|
+
tag: string;
|
|
143
|
+
location: NonNullable<import('../../utils').TAnchor>;
|
|
144
|
+
active: boolean;
|
|
145
|
+
indeterminate: boolean;
|
|
146
|
+
reverse: boolean;
|
|
147
|
+
modelValue: string | number;
|
|
148
|
+
height: string | number;
|
|
149
|
+
theme: string;
|
|
150
|
+
absolute: boolean;
|
|
151
|
+
max: string | number;
|
|
152
|
+
bgColor: string;
|
|
153
|
+
bgOpacity: string | number;
|
|
154
|
+
bufferValue: string | number;
|
|
155
|
+
clickable: boolean;
|
|
156
|
+
stream: boolean;
|
|
157
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
158
|
+
export default _default;
|
|
@@ -77,6 +77,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
77
77
|
type: import('vue').PropType<boolean>;
|
|
78
78
|
default: boolean;
|
|
79
79
|
};
|
|
80
|
+
hint: {
|
|
81
|
+
type: import('vue').PropType<string>;
|
|
82
|
+
default: undefined;
|
|
83
|
+
};
|
|
84
|
+
persistentHint: {
|
|
85
|
+
type: import('vue').PropType<boolean>;
|
|
86
|
+
default: boolean;
|
|
87
|
+
};
|
|
80
88
|
}>, {
|
|
81
89
|
id: import('vue').ComputedRef<string>;
|
|
82
90
|
model: import('vue').Ref<string | number | null | undefined, string | number | null | undefined>;
|
|
@@ -181,6 +189,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
181
189
|
type: import('vue').PropType<boolean>;
|
|
182
190
|
default: boolean;
|
|
183
191
|
};
|
|
192
|
+
hint: {
|
|
193
|
+
type: import('vue').PropType<string>;
|
|
194
|
+
default: undefined;
|
|
195
|
+
};
|
|
196
|
+
persistentHint: {
|
|
197
|
+
type: import('vue').PropType<boolean>;
|
|
198
|
+
default: boolean;
|
|
199
|
+
};
|
|
184
200
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
185
201
|
'update:modelValue': (value: any) => true;
|
|
186
202
|
'click:control': (event: MouseEvent) => true;
|
|
@@ -283,6 +299,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
283
299
|
type: import('vue').PropType<boolean>;
|
|
284
300
|
default: boolean;
|
|
285
301
|
};
|
|
302
|
+
hint: {
|
|
303
|
+
type: import('vue').PropType<string>;
|
|
304
|
+
default: undefined;
|
|
305
|
+
};
|
|
306
|
+
persistentHint: {
|
|
307
|
+
type: import('vue').PropType<boolean>;
|
|
308
|
+
default: boolean;
|
|
309
|
+
};
|
|
286
310
|
}>> & Readonly<{
|
|
287
311
|
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
288
312
|
"onClick:control"?: ((event: MouseEvent) => any) | undefined;
|
|
@@ -302,6 +326,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
302
326
|
label: string;
|
|
303
327
|
messages: string | string[];
|
|
304
328
|
persistentMessages: boolean;
|
|
329
|
+
hint: string;
|
|
330
|
+
persistentHint: boolean;
|
|
305
331
|
errorMessages: string | string[];
|
|
306
332
|
maxErrors: string | number;
|
|
307
333
|
rules: import('../../composable').TValidationRule[];
|
|
@@ -408,6 +434,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
408
434
|
type: import('vue').PropType<boolean>;
|
|
409
435
|
default: boolean;
|
|
410
436
|
};
|
|
437
|
+
hint: {
|
|
438
|
+
type: import('vue').PropType<string>;
|
|
439
|
+
default: undefined;
|
|
440
|
+
};
|
|
441
|
+
persistentHint: {
|
|
442
|
+
type: import('vue').PropType<boolean>;
|
|
443
|
+
default: boolean;
|
|
444
|
+
};
|
|
411
445
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
412
446
|
'update:modelValue': (value: any) => true;
|
|
413
447
|
'click:control': (event: MouseEvent) => true;
|
|
@@ -510,6 +544,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
510
544
|
type: import('vue').PropType<boolean>;
|
|
511
545
|
default: boolean;
|
|
512
546
|
};
|
|
547
|
+
hint: {
|
|
548
|
+
type: import('vue').PropType<string>;
|
|
549
|
+
default: undefined;
|
|
550
|
+
};
|
|
551
|
+
persistentHint: {
|
|
552
|
+
type: import('vue').PropType<boolean>;
|
|
553
|
+
default: boolean;
|
|
554
|
+
};
|
|
513
555
|
}>> & Readonly<{
|
|
514
556
|
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
515
557
|
"onClick:control"?: ((event: MouseEvent) => any) | undefined;
|
|
@@ -529,6 +571,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
529
571
|
label: string;
|
|
530
572
|
messages: string | string[];
|
|
531
573
|
persistentMessages: boolean;
|
|
574
|
+
hint: string;
|
|
575
|
+
persistentHint: boolean;
|
|
532
576
|
errorMessages: string | string[];
|
|
533
577
|
maxErrors: string | number;
|
|
534
578
|
rules: import('../../composable').TValidationRule[];
|
|
@@ -548,6 +592,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
548
592
|
readonly focused?: boolean | undefined;
|
|
549
593
|
readonly messages?: string | string[] | undefined;
|
|
550
594
|
readonly persistentMessages?: boolean | undefined;
|
|
595
|
+
readonly persistentHint?: boolean | undefined;
|
|
551
596
|
readonly errorMessages?: string | string[] | undefined;
|
|
552
597
|
readonly maxErrors?: string | number | undefined;
|
|
553
598
|
readonly rules?: (import('../../composable').TValidationResult | ((value: any) => import('../../composable').TValidationResult) | ((value: any) => PromiseLike<import('../../composable').TValidationResult>) | {
|
|
@@ -560,6 +605,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
560
605
|
readonly description?: string | undefined;
|
|
561
606
|
readonly id?: string | undefined;
|
|
562
607
|
readonly label?: string | undefined;
|
|
608
|
+
readonly hint?: string | undefined;
|
|
563
609
|
readonly validationValue?: any;
|
|
564
610
|
readonly "onUpdate:focused"?: ((value: boolean) => any) | undefined;
|
|
565
611
|
}, Partial<import('@vue/shared').LooseRequired<Readonly<import('vue').ExtractPropTypes<{
|
|
@@ -640,6 +686,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
640
686
|
type: import('vue').PropType<boolean>;
|
|
641
687
|
default: boolean;
|
|
642
688
|
};
|
|
689
|
+
hint: {
|
|
690
|
+
type: import('vue').PropType<string>;
|
|
691
|
+
default: undefined;
|
|
692
|
+
};
|
|
693
|
+
persistentHint: {
|
|
694
|
+
type: import('vue').PropType<boolean>;
|
|
695
|
+
default: boolean;
|
|
696
|
+
};
|
|
643
697
|
}>> & Readonly<{
|
|
644
698
|
"onUpdate:focused"?: ((value: boolean) => any) | undefined;
|
|
645
699
|
}> & {}>> | {
|
|
@@ -650,6 +704,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
650
704
|
readonly focused?: boolean | undefined;
|
|
651
705
|
readonly messages?: string | string[] | undefined;
|
|
652
706
|
readonly persistentMessages?: boolean | undefined;
|
|
707
|
+
readonly persistentHint?: boolean | undefined;
|
|
653
708
|
readonly errorMessages?: string | string[] | undefined;
|
|
654
709
|
readonly maxErrors?: string | number | undefined;
|
|
655
710
|
readonly rules?: (import('../../composable').TValidationResult | ((value: any) => import('../../composable').TValidationResult) | ((value: any) => PromiseLike<import('../../composable').TValidationResult>) | {
|
|
@@ -662,6 +717,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
662
717
|
readonly description?: string | undefined;
|
|
663
718
|
readonly id?: string | undefined;
|
|
664
719
|
readonly label?: string | undefined;
|
|
720
|
+
readonly hint?: string | undefined;
|
|
665
721
|
readonly validationValue?: any;
|
|
666
722
|
readonly "onUpdate:focused"?: ((value: boolean) => any) | undefined;
|
|
667
723
|
}>;
|
|
@@ -762,6 +818,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
762
818
|
type: import('vue').PropType<boolean>;
|
|
763
819
|
default: boolean;
|
|
764
820
|
};
|
|
821
|
+
hint: {
|
|
822
|
+
type: import('vue').PropType<string>;
|
|
823
|
+
default: undefined;
|
|
824
|
+
};
|
|
825
|
+
persistentHint: {
|
|
826
|
+
type: import('vue').PropType<boolean>;
|
|
827
|
+
default: boolean;
|
|
828
|
+
};
|
|
765
829
|
}>> & Readonly<{
|
|
766
830
|
"onUpdate:focused"?: ((value: boolean) => any) | undefined;
|
|
767
831
|
}>, {
|
|
@@ -776,6 +840,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
776
840
|
label: string;
|
|
777
841
|
messages: string | string[];
|
|
778
842
|
persistentMessages: boolean;
|
|
843
|
+
hint: string;
|
|
844
|
+
persistentHint: boolean;
|
|
779
845
|
errorMessages: string | string[];
|
|
780
846
|
maxErrors: string | number;
|
|
781
847
|
rules: import('../../composable').TValidationRule[];
|
|
@@ -882,6 +948,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
882
948
|
type: import('vue').PropType<boolean>;
|
|
883
949
|
default: boolean;
|
|
884
950
|
};
|
|
951
|
+
hint: {
|
|
952
|
+
type: import('vue').PropType<string>;
|
|
953
|
+
default: undefined;
|
|
954
|
+
};
|
|
955
|
+
persistentHint: {
|
|
956
|
+
type: import('vue').PropType<boolean>;
|
|
957
|
+
default: boolean;
|
|
958
|
+
};
|
|
885
959
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
886
960
|
'update:modelValue': (value: any) => true;
|
|
887
961
|
'click:control': (event: MouseEvent) => true;
|
|
@@ -984,6 +1058,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
984
1058
|
type: import('vue').PropType<boolean>;
|
|
985
1059
|
default: boolean;
|
|
986
1060
|
};
|
|
1061
|
+
hint: {
|
|
1062
|
+
type: import('vue').PropType<string>;
|
|
1063
|
+
default: undefined;
|
|
1064
|
+
};
|
|
1065
|
+
persistentHint: {
|
|
1066
|
+
type: import('vue').PropType<boolean>;
|
|
1067
|
+
default: boolean;
|
|
1068
|
+
};
|
|
987
1069
|
}>> & Readonly<{
|
|
988
1070
|
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
989
1071
|
"onClick:control"?: ((event: MouseEvent) => any) | undefined;
|
|
@@ -1003,6 +1085,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1003
1085
|
label: string;
|
|
1004
1086
|
messages: string | string[];
|
|
1005
1087
|
persistentMessages: boolean;
|
|
1088
|
+
hint: string;
|
|
1089
|
+
persistentHint: boolean;
|
|
1006
1090
|
errorMessages: string | string[];
|
|
1007
1091
|
maxErrors: string | number;
|
|
1008
1092
|
rules: import('../../composable').TValidationRule[];
|