@central-design-system/components 3.0.0-beta.13 → 3.0.0-beta.15
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/cds.css +1 -1
- package/dist/cds.es.js +409 -399
- package/dist/cds.umd.js +2 -2
- package/dist/components/CdsAutocomplete/CdsAutocomplete.vue.d.ts +25 -25
- package/dist/components/CdsBreadcrumbs/CdsBreadcrumbsItem.vue.d.ts +3 -3
- package/dist/components/CdsButton/CdsButton.vue.d.ts +17 -17
- package/dist/components/CdsCombobox/CdsCombobox.vue.d.ts +64 -64
- package/dist/components/CdsContainer/CdsContainer.vue.d.ts +18 -18
- package/dist/components/CdsContentSwitcher/CdsContentSwitcherItem.vue.d.ts +26 -26
- package/dist/components/CdsDropdown/CdsDropdown.vue.d.ts +64 -64
- package/dist/components/CdsExpandablePanel/CdsExpandablePanel.vue.d.ts +13 -13
- package/dist/components/CdsExpandablePanel/CdsExpandablePanelTitle.vue.d.ts +10 -10
- package/dist/components/CdsExpandablePanel/composable/expandablePanelTitleProps.d.ts +2 -2
- package/dist/components/CdsIcon/CdsIcon.vue.d.ts +3 -3
- package/dist/components/CdsInput/CdsInput.vue.d.ts +10 -10
- package/dist/components/CdsInput/CdsInputDescription.vue.d.ts +3 -3
- package/dist/components/CdsInput/CdsInputLabel.vue.d.ts +3 -3
- package/dist/components/CdsLink/CdsLink.vue.d.ts +3 -3
- package/dist/components/CdsList/CdsListGroup.vue.d.ts +7 -7
- package/dist/components/CdsList/CdsListItem.vue.d.ts +10 -10
- package/dist/components/CdsNotification/CdsNotification.vue.d.ts +16 -16
- package/dist/components/CdsNotification/CdsNotificationAlert.vue.d.ts +16 -16
- package/dist/components/CdsNotification/composable/notification.d.ts +3 -3
- package/dist/components/CdsRadioButton/CdsRadio.vue.d.ts +10 -10
- package/dist/components/CdsSelect/CdsSelect.vue.d.ts +34 -34
- package/dist/components/CdsSlideGroup/CdsSlideGroup.vue.d.ts +18 -18
- package/dist/components/CdsStatus/CdsStatus.vue.d.ts +3 -3
- package/dist/components/CdsSteps/CdsSteps.vue.d.ts +18 -18
- package/dist/components/CdsSteps/CdsStepsItem.vue.d.ts +3 -3
- package/dist/components/CdsTable/CdsTable.vue.d.ts +24 -6
- package/dist/components/CdsTable/components/Table/InternalTable.d.ts +24 -6
- package/dist/components/CdsTable/components/TableProvider.d.ts +24 -6
- package/dist/components/CdsTable/composable/table.d.ts +18 -2
- package/dist/components/CdsTabs/CdsTab.vue.d.ts +13 -13
- package/dist/components/CdsTabs/CdsTabs.vue.d.ts +18 -18
- package/dist/components/CdsTag/CdsTag.vue.d.ts +3 -3
- package/dist/components/CdsTextArea/CdsTextArea.vue.d.ts +34 -34
- package/dist/components/CdsTextInput/CdsTextInput.vue.d.ts +34 -34
- package/dist/components/CdsTooltip/CdsTooltip.vue.d.ts +3 -3
- package/dist/components/CdsUploader/CdsUploader.vue.d.ts +25 -25
- package/dist/components/CdsUploader/components/AjaxUploader.d.ts +15 -15
- package/dist/components/CdsUploader/components/UploadList/ListItem.d.ts +15 -15
- package/dist/components/CdsUploader/components/UploadList/UploadList.d.ts +15 -15
- package/dist/components/CdsUploader/composable/upload.d.ts +6 -6
- package/dist/components/CdsUploader/index.d.ts +1 -0
- package/dist/composable/field.d.ts +2 -2
- package/dist/composable/filter.d.ts +22 -0
- package/dist/composable/icon.d.ts +2 -2
- package/dist/composable/select.d.ts +1 -1
- package/dist/composable/text.d.ts +2 -2
- package/package.json +1 -1
- package/src/scss/themes/b2b/tokens.json +104 -104
- package/src/scss/themes/cds/tokens.json +104 -104
- package/src/scss/themes/index.ts +1 -1
|
@@ -21,22 +21,44 @@ export declare const makeFilterProps: <Defaults extends {
|
|
|
21
21
|
filterMode?: unknown;
|
|
22
22
|
noFilter?: unknown;
|
|
23
23
|
} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
|
|
24
|
+
/**
|
|
25
|
+
* Функция, используемая для фильтрации элементов списка.
|
|
26
|
+
* Вызывается для каждого фильтруемого ключа и для каждого элемента списка.
|
|
27
|
+
* Первый аргумент - это фильтруемое значение, второй - поисковой запрос, а третий - внутренний объект элемента списка.
|
|
28
|
+
* Функция должна возвращать true если элемент должен быть включен в результаты фильтрации, или индекс соответствия в значении, если он должен быть включен с выделенным результатом.
|
|
29
|
+
*/
|
|
24
30
|
customFilter: {
|
|
25
31
|
type: PropType<TFilterFunction>;
|
|
26
32
|
default: null;
|
|
27
33
|
};
|
|
34
|
+
/**
|
|
35
|
+
* Функция, используемая для определенных ключей внутри объекта элемента списка. customFilter не будет учитывать элементы с указанным customKeyFilter
|
|
36
|
+
*/
|
|
28
37
|
customKeyFilter: {
|
|
29
38
|
type: PropType<TFilterKeyFunctions>;
|
|
30
39
|
default: null;
|
|
31
40
|
};
|
|
41
|
+
/**
|
|
42
|
+
* Массив ключей, по которым будет производиться фильтрация
|
|
43
|
+
*/
|
|
32
44
|
filterKeys: {
|
|
33
45
|
type: PropType<TFilterKeys>;
|
|
34
46
|
default: string;
|
|
35
47
|
};
|
|
48
|
+
/**
|
|
49
|
+
* Управляет объединением результатов customFilter и customKeyFilter. Все варианты применяют customFilter только к элементам, не указанным в customKeyFilter.
|
|
50
|
+
* - 'some' - имеется хотя бы одно совпадение либо с customFilter, либо с customKeyFilter
|
|
51
|
+
* - 'every' - все элементы соответствуют либо customFilter, либо customKeyFilter
|
|
52
|
+
* - 'union' - имеется хотя бы одно совпадение из customFilter и все совпадения из customKeyFilter
|
|
53
|
+
* - 'intersection' - имеется хотя бы одно совпадение из customFilter и все совпадения из customKeyFilter
|
|
54
|
+
*/
|
|
36
55
|
filterMode: {
|
|
37
56
|
type: PropType<TFilterMode>;
|
|
38
57
|
default: string;
|
|
39
58
|
};
|
|
59
|
+
/**
|
|
60
|
+
* Не применяйте фильтрацию при поиске. Полезно, когда данные фильтруются на стороне сервера
|
|
61
|
+
*/
|
|
40
62
|
noFilter: {
|
|
41
63
|
type: PropType<boolean>;
|
|
42
64
|
default: boolean;
|
|
@@ -22,7 +22,7 @@ export declare const makeIconProps: <Defaults extends {
|
|
|
22
22
|
* Иконка в начале элемента
|
|
23
23
|
*/
|
|
24
24
|
prependIcon: {
|
|
25
|
-
type: PropType<"search" | "link" | "list" | "filters" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
|
|
25
|
+
type: PropType<"search" | "link" | "list" | "filters" | "add" | "administrator" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
|
|
26
26
|
default: undefined;
|
|
27
27
|
validator: (value: TCdsIconsName) => boolean;
|
|
28
28
|
};
|
|
@@ -30,7 +30,7 @@ export declare const makeIconProps: <Defaults extends {
|
|
|
30
30
|
* Иконка в конце элемента
|
|
31
31
|
*/
|
|
32
32
|
appendIcon: {
|
|
33
|
-
type: PropType<"search" | "link" | "list" | "filters" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
|
|
33
|
+
type: PropType<"search" | "link" | "list" | "filters" | "add" | "administrator" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
|
|
34
34
|
default: undefined;
|
|
35
35
|
validator: (value: TCdsIconsName) => boolean;
|
|
36
36
|
};
|
|
@@ -180,7 +180,7 @@ export declare const makeSelectProps: <Defaults extends {
|
|
|
180
180
|
* Иконка выпадающего меню
|
|
181
181
|
*/
|
|
182
182
|
menuIcon: {
|
|
183
|
-
type: PropType<"search" | "link" | "list" | "filters" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
|
|
183
|
+
type: PropType<"search" | "link" | "list" | "filters" | "add" | "administrator" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
|
|
184
184
|
default: string;
|
|
185
185
|
validator: (value: TCdsIconsName) => boolean;
|
|
186
186
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { PropType, ComputedRef } from 'vue';
|
|
2
2
|
export interface ITextProps {
|
|
3
|
-
text: string | undefined;
|
|
3
|
+
text: string | number | undefined;
|
|
4
4
|
}
|
|
5
5
|
export interface IUseText {
|
|
6
6
|
hasText: ComputedRef<boolean>;
|
|
@@ -12,7 +12,7 @@ export declare const makeTextProps: <Defaults extends {
|
|
|
12
12
|
* Текст
|
|
13
13
|
*/
|
|
14
14
|
text: {
|
|
15
|
-
type: PropType<string>;
|
|
15
|
+
type: PropType<string | number>;
|
|
16
16
|
default: undefined;
|
|
17
17
|
};
|
|
18
18
|
}, Defaults>;
|