@central-design-system/components 2.30.0 → 3.0.0-alpha.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/dist/cds.css +1 -111
- package/dist/cds.d.ts +31 -0
- package/dist/cds.es.js +2159 -0
- package/dist/cds.umd.js +1 -0
- package/dist/components/CdsBadge/CdsBadge.vue.d.ts +32 -0
- package/dist/components/CdsButton/CdsButton.vue.d.ts +140 -0
- package/dist/components/CdsDrawer/CdsDrawer.vue.d.ts +179 -0
- package/dist/components/CdsGrid/CdsCol.vue.d.ts +73 -0
- package/dist/components/CdsGrid/CdsGrid.vue.d.ts +55 -0
- package/dist/components/CdsGrid/CdsRow.vue.d.ts +37 -0
- package/dist/components/CdsGrid/composable/column.d.ts +84 -0
- package/dist/components/CdsGrid/composable/grid.d.ts +24 -0
- package/dist/components/CdsGrid/composable/index.d.ts +4 -0
- package/dist/components/CdsGrid/composable/subgrid.d.ts +20 -0
- package/dist/components/CdsGrid/composable/wide.d.ts +12 -0
- package/dist/components/CdsGrid/mode/CSSGrid.d.ts +5 -0
- package/dist/components/CdsGrid/mode/FlexGrid.d.ts +5 -0
- package/dist/components/CdsGrid/types.d.ts +27 -0
- package/dist/components/CdsIcon/CdsIcon.vue.d.ts +44 -0
- package/dist/components/CdsIcon/index.d.ts +1 -0
- package/dist/components/CdsLink/CdsLink.vue.d.ts +50 -0
- package/dist/components/CdsList/CdsList.vue.d.ts +170 -0
- package/dist/components/CdsList/CdsListGroup.vue.d.ts +125 -0
- package/dist/components/CdsList/CdsListItem.vue.d.ts +172 -0
- package/dist/components/CdsList/composable/depth.d.ts +3 -0
- package/dist/components/CdsList/composable/index.d.ts +2 -0
- package/dist/components/CdsList/composable/list.d.ts +19 -0
- package/dist/components/CdsList/index.d.ts +3 -0
- package/dist/components/CdsLoader/CdsLoader.vue.d.ts +62 -0
- package/dist/components/CdsLoader/index.d.ts +1 -0
- package/dist/components/CdsStatus/CdsStatus.vue.d.ts +46 -0
- package/dist/components/CdsTag/CdsTag.vue.d.ts +96 -0
- package/dist/components/index.d.ts +18 -0
- package/dist/composable/appearance.d.ts +24 -0
- package/dist/composable/color.d.ts +21 -0
- package/dist/composable/dark.d.ts +19 -0
- package/dist/composable/disabled.d.ts +19 -0
- package/dist/composable/focus.d.ts +12 -0
- package/dist/composable/icon.d.ts +32 -0
- package/dist/composable/index.d.ts +17 -0
- package/dist/composable/items.d.ts +78 -0
- package/dist/composable/link.d.ts +36 -0
- package/dist/composable/loading.d.ts +19 -0
- package/dist/composable/nested/nested.d.ts +85 -0
- package/dist/composable/nested/openStrategies.d.ts +25 -0
- package/dist/composable/nested/selectStrategies.d.ts +21 -0
- package/dist/composable/proxyModel.d.ts +8 -0
- package/dist/composable/render.d.ts +2 -0
- package/dist/composable/size.d.ts +24 -0
- package/dist/composable/status.d.ts +21 -0
- package/dist/composable/tag.d.ts +16 -0
- package/dist/composable/text.d.ts +17 -0
- package/dist/composable/toggleScope.d.ts +2 -0
- package/dist/directives/index.d.ts +2 -0
- package/dist/plugins/index.d.ts +2 -0
- package/dist/shims-vue.d.ts +24 -0
- package/dist/transitions/createTransition.d.ts +9 -0
- package/dist/transitions/expandTransition.d.ts +19 -0
- package/dist/transitions/index.d.ts +14 -0
- package/dist/types/CdsOptions.d.ts +3 -0
- package/dist/utils/changeCase/lowerCase.d.ts +8 -0
- package/dist/utils/changeCase/noCase.d.ts +10 -0
- package/dist/utils/changeCase/paramCase.d.ts +3 -0
- package/dist/utils/changeCase/pascalCase.d.ts +5 -0
- package/dist/utils/getCurrentInstance.d.ts +13 -0
- package/dist/utils/helpers.d.ts +49 -0
- package/dist/utils/index.d.ts +7 -0
- package/dist/utils/propsFactory.d.ts +52 -0
- package/nuxt.js +13 -0
- package/package.json +37 -80
- package/src/scss/index.scss +10 -0
- package/{dist/mixins/scss → src/scss/mixins}/layout/_convert.scss +4 -2
- package/{dist/mixins/scss → src/scss/mixins}/layout/_layout.scss +0 -0
- package/{dist/mixins/scss → src/scss/mixins}/layout/_mini-unit.scss +0 -0
- package/{dist/mixins/scss → src/scss/mixins}/layout/_spacing.scss +0 -0
- package/src/scss/mixins/layout/exports/_mini-unit.module.scss +5 -0
- package/src/scss/mixins/layout/exports/_spacing-all.module.scss +3 -0
- package/src/scss/mixins/layout/exports/_spacing-fluid.module.scss +8 -0
- package/src/scss/mixins/layout/exports/_spacing-layout.module.scss +11 -0
- package/src/scss/mixins/layout/exports/_spacing.module.scss +16 -0
- package/{dist/mixins/scss → src/scss/mixins}/layout/index.scss +0 -2
- package/{dist/mixins/scss → src/scss/mixins}/motion.scss +0 -0
- package/{dist/mixins/scss → src/scss/mixins}/typo.scss +0 -67
- package/src/scss/modules/_reset.scss +113 -0
- package/src/scss/modules/_transition.scss +26 -0
- package/src/scss/modules/_typography.scss +36 -0
- package/src/scss/modules/_variables.scss +9 -0
- package/src/scss/modules/grid/_aspect-ratio.scss +62 -0
- package/src/scss/modules/grid/_breakpoint.scss +195 -0
- package/src/scss/modules/grid/_config.scss +88 -0
- package/src/scss/modules/grid/_css-grid.scss +445 -0
- package/src/scss/modules/grid/_flex-grid.scss +39 -0
- package/src/scss/modules/grid/_mixins.scss +307 -0
- package/src/scss/modules/grid/exports/_config.module.scss +9 -0
- package/src/scss/modules/grid/index.scss +5 -0
- package/src/scss/themes/b2b/tokens-map.scss +139 -0
- package/src/scss/themes/b2b/tokens.json +2190 -0
- package/{dist/tokens → src/scss/themes}/b2b/variables.css +0 -0
- package/src/scss/themes/cds/tokens-map.scss +138 -0
- package/src/scss/themes/cds/tokens.json +2184 -0
- package/{dist/tokens → src/scss/themes}/cds/variables.css +0 -1
- package/src/scss/themes/index.ts +43 -0
- package/src/scss/utility/display.scss +13 -0
- package/src/scss/utility/flexbox.scss +37 -0
- package/src/scss/utility/generatedFiles/generatedStyles.json +1 -0
- package/src/scss/utility/generatedFiles/generatedStyles.scss +300 -0
- package/src/scss/utility/index.scss +7 -0
- package/src/scss/utility/layout.scss +11 -0
- package/src/scss/utility/lists.scss +76 -0
- package/src/scss/utility/spacing.scss +89 -0
- package/src/scss/utility/typography.scss +16 -0
- package/src/scss/utility/variables.scss +116 -0
- package/README.md +0 -87
- package/build/utils/postInstall.js +0 -20
- package/build/utils/print.js +0 -38
- package/dist/CdsAccordion/index.js +0 -8
- package/dist/CdsAccordion/styles.css +0 -11
- package/dist/CdsBadge/index.js +0 -8
- package/dist/CdsBadge/styles.css +0 -9
- package/dist/CdsBreadcrumbs/index.js +0 -8
- package/dist/CdsBreadcrumbs/styles.css +0 -11
- package/dist/CdsButton/index.js +0 -8
- package/dist/CdsButton/styles.css +0 -11
- package/dist/CdsCheckbox/index.js +0 -8
- package/dist/CdsCheckbox/styles.css +0 -15
- package/dist/CdsCombobox/index.js +0 -8
- package/dist/CdsCombobox/styles.css +0 -15
- package/dist/CdsContainer/index.js +0 -8
- package/dist/CdsContainer/styles.css +0 -11
- package/dist/CdsContentSwitcher/index.js +0 -8
- package/dist/CdsContentSwitcher/styles.css +0 -15
- package/dist/CdsDataTable/index.js +0 -8
- package/dist/CdsDataTable/styles.css +0 -21
- package/dist/CdsDatePicker/index.js +0 -24
- package/dist/CdsDatePicker/styles.css +0 -15
- package/dist/CdsDrawer/index.js +0 -8
- package/dist/CdsDrawer/styles.css +0 -17
- package/dist/CdsDropdown/index.js +0 -8
- package/dist/CdsDropdown/styles.css +0 -15
- package/dist/CdsEmptyState/index.js +0 -8
- package/dist/CdsEmptyState/styles.css +0 -9
- package/dist/CdsFooter/index.js +0 -8
- package/dist/CdsFooter/styles.css +0 -17
- package/dist/CdsForm/index.js +0 -8
- package/dist/CdsForm/styles.css +0 -15
- package/dist/CdsGrid/index.js +0 -8
- package/dist/CdsGrid/styles.css +0 -9
- package/dist/CdsHeader/index.js +0 -8
- package/dist/CdsHeader/styles.css +0 -11
- package/dist/CdsIcon/index.js +0 -8
- package/dist/CdsIcon/styles.css +0 -9
- package/dist/CdsImage/index.js +0 -8
- package/dist/CdsImage/styles.css +0 -9
- package/dist/CdsInput/index.js +0 -8
- package/dist/CdsInput/styles.css +0 -13
- package/dist/CdsLink/index.js +0 -8
- package/dist/CdsLink/styles.css +0 -9
- package/dist/CdsList/index.js +0 -8
- package/dist/CdsList/styles.css +0 -9
- package/dist/CdsLoading/index.js +0 -8
- package/dist/CdsLoading/styles.css +0 -9
- package/dist/CdsModal/index.js +0 -8
- package/dist/CdsModal/styles.css +0 -15
- package/dist/CdsMultiselect/index.js +0 -8
- package/dist/CdsMultiselect/styles.css +0 -17
- package/dist/CdsNotification/index.js +0 -8
- package/dist/CdsNotification/styles.css +0 -21
- package/dist/CdsOverflowMenu/index.js +0 -8
- package/dist/CdsOverflowMenu/styles.css +0 -21
- package/dist/CdsPagination/index.js +0 -8
- package/dist/CdsPagination/styles.css +0 -13
- package/dist/CdsRadioButton/index.js +0 -8
- package/dist/CdsRadioButton/styles.css +0 -15
- package/dist/CdsSearch/index.js +0 -8
- package/dist/CdsSearch/styles.css +0 -19
- package/dist/CdsSelect/index.js +0 -8
- package/dist/CdsSelect/styles.css +0 -15
- package/dist/CdsSidebar/index.js +0 -8
- package/dist/CdsSidebar/styles.css +0 -15
- package/dist/CdsSkeleton/index.js +0 -8
- package/dist/CdsSkeleton/styles.css +0 -9
- package/dist/CdsStages/index.js +0 -8
- package/dist/CdsStages/styles.css +0 -9
- package/dist/CdsStatus/index.js +0 -8
- package/dist/CdsStatus/styles.css +0 -15
- package/dist/CdsSteps/index.js +0 -8
- package/dist/CdsSteps/styles.css +0 -19
- package/dist/CdsTable/index.js +0 -16
- package/dist/CdsTable/styles.css +0 -21
- package/dist/CdsTabs/index.js +0 -8
- package/dist/CdsTabs/styles.css +0 -9
- package/dist/CdsTag/index.js +0 -8
- package/dist/CdsTag/styles.css +0 -11
- package/dist/CdsTextArea/index.js +0 -8
- package/dist/CdsTextArea/styles.css +0 -17
- package/dist/CdsTextInput/index.js +0 -8
- package/dist/CdsTextInput/styles.css +0 -15
- package/dist/CdsToggle/index.js +0 -8
- package/dist/CdsToggle/styles.css +0 -9
- package/dist/CdsTooltip/index.js +0 -8
- package/dist/CdsTooltip/styles.css +0 -13
- package/dist/CdsUploader/index.js +0 -14
- package/dist/CdsUploader/styles.css +0 -25
- package/dist/cds.js +0 -38
- package/dist/cds.min.css +0 -7
- package/dist/cds.min.js +0 -38
- package/dist/index.html +0 -60
- package/dist/mixins/scss/layout/_breakpoint.scss +0 -237
- package/dist/mixins/scss/layout/_key-height.scss +0 -90
- package/dist/mixins/scss/layout/_spacing-export.scss +0 -34
- package/dist/mixins/scss/layout/_utilities.scss +0 -33
- package/dist/types/CdsAccordion.ts +0 -4
- package/dist/types/CdsAccordionItem.ts +0 -10
- package/dist/types/CdsBreadcrumbs.ts +0 -11
- package/dist/types/CdsBreadcrumbsItem.ts +0 -12
- package/dist/types/CdsButton.ts +0 -30
- package/dist/types/CdsCheckbox.ts +0 -20
- package/dist/types/CdsCheckboxGroup.ts +0 -14
- package/dist/types/CdsCol.ts +0 -38
- package/dist/types/CdsCombobox.ts +0 -42
- package/dist/types/CdsContainer.ts +0 -32
- package/dist/types/CdsContentSwitcher.ts +0 -4
- package/dist/types/CdsContentSwitcherButton.ts +0 -21
- package/dist/types/CdsDataTable.ts +0 -48
- package/dist/types/CdsDatePicker.ts +0 -40
- package/dist/types/CdsDrawer.ts +0 -25
- package/dist/types/CdsDrawerGroup.ts +0 -8
- package/dist/types/CdsDrawerItem.ts +0 -12
- package/dist/types/CdsDrawerLabel.ts +0 -4
- package/dist/types/CdsDropdown.ts +0 -14
- package/dist/types/CdsEmptyState.ts +0 -10
- package/dist/types/CdsFooter.ts +0 -17
- package/dist/types/CdsFooterService.ts +0 -16
- package/dist/types/CdsForm.ts +0 -4
- package/dist/types/CdsFormGroup.ts +0 -8
- package/dist/types/CdsFormItem.ts +0 -4
- package/dist/types/CdsGrid.ts +0 -16
- package/dist/types/CdsHeader.ts +0 -27
- package/dist/types/CdsHeaderService.ts +0 -4
- package/dist/types/CdsIcon.ts +0 -6
- package/dist/types/CdsLink.ts +0 -22
- package/dist/types/CdsList.ts +0 -6
- package/dist/types/CdsLoading.ts +0 -14
- package/dist/types/CdsModal.ts +0 -17
- package/dist/types/CdsMultiselect.ts +0 -33
- package/dist/types/CdsNotification.ts +0 -22
- package/dist/types/CdsOverflowMenu.ts +0 -16
- package/dist/types/CdsPagination.ts +0 -12
- package/dist/types/CdsRadioButton.ts +0 -29
- package/dist/types/CdsRow.ts +0 -18
- package/dist/types/CdsSearch.ts +0 -24
- package/dist/types/CdsSelect.ts +0 -37
- package/dist/types/CdsSkeleton.ts +0 -14
- package/dist/types/CdsStages.ts +0 -10
- package/dist/types/CdsStatus.ts +0 -22
- package/dist/types/CdsSteps.ts +0 -22
- package/dist/types/CdsStepsItem.ts +0 -12
- package/dist/types/CdsTable.ts +0 -46
- package/dist/types/CdsTabs.ts +0 -19
- package/dist/types/CdsTabsItem.ts +0 -18
- package/dist/types/CdsTag.ts +0 -20
- package/dist/types/CdsTextArea.ts +0 -26
- package/dist/types/CdsTextInput.ts +0 -32
- package/dist/types/CdsToggle.ts +0 -18
- package/dist/types/CdsTooltip.ts +0 -18
- package/dist/types/CdsTooltipDefinition.ts +0 -16
- package/dist/types/CdsTooltipInteractive.ts +0 -11
- package/dist/types/CdsUploader.ts +0 -44
- package/dist/types/Sidebar.ts +0 -17
- package/dist/types/types.ts +0 -2
- package/dist/utils/convertRemToPx.js +0 -9
- package/dist/utils/deepFind.js +0 -14
- package/dist/utils/expiringStorage.js +0 -28
- package/dist/utils/helpers.js +0 -33
- package/dist/utils/index.js +0 -1
- package/dist/utils/isCorrectTag.js +0 -5
- package/dist/utils/isRightProps.js +0 -5
- package/dist/utils/memoize.js +0 -8
- package/dist/utils/suffixPropName.js +0 -12
- package/dist/utils/test/deepFind.test.js +0 -18
- package/dist/utils/test/isCorrectTag.test.js +0 -9
- package/dist/utils/test/isCorrectTagDataSet.js +0 -51
- package/dist/utils/validationProps.js +0 -7
package/dist/types/CdsButton.ts
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { Component, Prop, Vue } from 'vue-property-decorator';
|
|
2
|
-
import { PropType } from 'vue';
|
|
3
|
-
|
|
4
|
-
export type ButtonAppearance = 'primary' | 'secondary' | 'transparent';
|
|
5
|
-
export type ButtonSize = 'md' | 'lg' | 'xl';
|
|
6
|
-
|
|
7
|
-
@Component({ name: 'CdsButton' })
|
|
8
|
-
export default class CdsButton extends Vue {
|
|
9
|
-
@Prop({ type: String, default: '' }) public text?: string;
|
|
10
|
-
|
|
11
|
-
@Prop({ type: Boolean, default: false }) public loading?: boolean;
|
|
12
|
-
|
|
13
|
-
@Prop({ type: Boolean, default: false }) public disabled?: boolean;
|
|
14
|
-
|
|
15
|
-
@Prop({ type: Boolean, default: false }) public inverse?: boolean;
|
|
16
|
-
|
|
17
|
-
@Prop({ type: Boolean, default: false }) public iconOnly?: boolean;
|
|
18
|
-
|
|
19
|
-
@Prop({ type: Boolean, default: false }) public iconAfter?: boolean;
|
|
20
|
-
|
|
21
|
-
@Prop({ type: String as PropType<ButtonAppearance>, default: 'primary' }) public appearance?: ButtonAppearance;
|
|
22
|
-
|
|
23
|
-
@Prop({ type: String as PropType<ButtonSize>, default: 'default' }) public size?: ButtonSize;
|
|
24
|
-
|
|
25
|
-
@Prop({ type: String, default: '' }) public to?: string;
|
|
26
|
-
|
|
27
|
-
@Prop({ type: Boolean, default: true }) public useRouter?: boolean;
|
|
28
|
-
|
|
29
|
-
@Prop({ type: Boolean, default: false }) public blank?: boolean;
|
|
30
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { Component, Prop, Vue } from 'vue-property-decorator';
|
|
2
|
-
|
|
3
|
-
@Component('CdsCheckbox')
|
|
4
|
-
export default class CdsCheckbox extends Vue {
|
|
5
|
-
@Prop({ type: String, required: true }) public label: string;
|
|
6
|
-
|
|
7
|
-
@Prop({ type: String, default: null }) public description?: string;
|
|
8
|
-
|
|
9
|
-
@Prop({ type: Boolean, default: false }) public checked?: boolean;
|
|
10
|
-
|
|
11
|
-
@Prop({ type: Boolean, default: false }) public disabled?: boolean;
|
|
12
|
-
|
|
13
|
-
@Prop({ type: Boolean, default: false }) public indeterminate?: boolean;
|
|
14
|
-
|
|
15
|
-
@Prop({ type: [Number, String, Boolean, Array], default: false }) public value?: any;
|
|
16
|
-
|
|
17
|
-
@Prop({ type: Boolean, default: false }) public hiddenLabel?: boolean
|
|
18
|
-
|
|
19
|
-
@Prop({ type: Boolean, default: false }) public autofocus?: boolean;
|
|
20
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { Component, Prop, Vue } from 'vue-property-decorator';
|
|
2
|
-
|
|
3
|
-
@Component('CdsCheckboxGroup')
|
|
4
|
-
export default class CdsCheckboxGroup extends Vue {
|
|
5
|
-
@Prop({ type: String, default: null }) public label?: string | null;
|
|
6
|
-
|
|
7
|
-
@Prop({ type: String, default: null }) public description?: string;
|
|
8
|
-
|
|
9
|
-
@Prop({ type: Boolean, default: false }) public horizontal?: boolean;
|
|
10
|
-
|
|
11
|
-
@Prop({ type: Boolean, default: false }) public error?: boolean;
|
|
12
|
-
|
|
13
|
-
@Prop({ type: String, default: null }) public errorMessage?: string | null;
|
|
14
|
-
}
|
package/dist/types/CdsCol.ts
DELETED
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { Component, Prop, Vue } from 'vue-property-decorator';
|
|
2
|
-
import { PropType } from 'vue';
|
|
3
|
-
import { GridAlignment, GridGutters } from './types';
|
|
4
|
-
|
|
5
|
-
@Component('CdsCol')
|
|
6
|
-
export default class CdsCol extends Vue {
|
|
7
|
-
@Prop({ type: String, default: 'div' }) public tag?: string;
|
|
8
|
-
|
|
9
|
-
@Prop({ type: Boolean, default: false }) public col?: boolean;
|
|
10
|
-
|
|
11
|
-
@Prop({ type: String as PropType<GridGutters>, default: null }) public noGutter?: GridGutters;
|
|
12
|
-
|
|
13
|
-
@Prop({ type: [String, Number], default: null }) public cols?: string | number;
|
|
14
|
-
|
|
15
|
-
@Prop({ type: [String, Number], default: null }) public offset?: string | number;
|
|
16
|
-
|
|
17
|
-
@Prop({ type: [String, Number], default: null }) public order?: string | number;
|
|
18
|
-
|
|
19
|
-
@Prop({ type: [String, Number, Boolean], default: false }) public xs?: string | number;
|
|
20
|
-
@Prop({ type: [String, Number, Boolean], default: false }) public sm?: string | number;
|
|
21
|
-
@Prop({ type: [String, Number, Boolean], default: false }) public md?: string | number;
|
|
22
|
-
@Prop({ type: [String, Number, Boolean], default: false }) public lg?: string | number;
|
|
23
|
-
@Prop({ type: [String, Number, Boolean], default: false }) public xl?: string | number;
|
|
24
|
-
|
|
25
|
-
@Prop({ type: [String, Number, Boolean], default: false }) public offsetXs?: string | number;
|
|
26
|
-
@Prop({ type: [String, Number, Boolean], default: false }) public offsetDm?: string | number;
|
|
27
|
-
@Prop({ type: [String, Number, Boolean], default: false }) public offsetMd?: string | number;
|
|
28
|
-
@Prop({ type: [String, Number, Boolean], default: false }) public offsetLg?: string | number;
|
|
29
|
-
@Prop({ type: [String, Number, Boolean], default: false }) public offsetXl?: string | number;
|
|
30
|
-
|
|
31
|
-
@Prop({ type: [String, Number, Boolean], default: false }) public orderXs?: string | number;
|
|
32
|
-
@Prop({ type: [String, Number, Boolean], default: false }) public orderSm?: string | number;
|
|
33
|
-
@Prop({ type: [String, Number, Boolean], default: false }) public orderMd?: string | number;
|
|
34
|
-
@Prop({ type: [String, Number, Boolean], default: false }) public orderLg?: string | number;
|
|
35
|
-
@Prop({ type: [String, Number, Boolean], default: false }) public orderXl?: string | number;
|
|
36
|
-
|
|
37
|
-
@Prop({ type: String as PropType<GridAlignment>, default: null }) public alignSelf?: GridAlignment;
|
|
38
|
-
}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { Component, Prop, Vue } from 'vue-property-decorator';
|
|
2
|
-
import { PropType } from 'vue';
|
|
3
|
-
|
|
4
|
-
export type ComboboxOption = {
|
|
5
|
-
name: string;
|
|
6
|
-
value: string | number;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
@Component('CdsCombobox')
|
|
10
|
-
export default class CdsCombobox extends Vue {
|
|
11
|
-
@Prop({ type: String, required: true }) public label: string;
|
|
12
|
-
|
|
13
|
-
@Prop({ type: String, default: '' }) public description?: string;
|
|
14
|
-
|
|
15
|
-
@Prop({ type: String, default: '' }) public placeholder?: string;
|
|
16
|
-
|
|
17
|
-
@Prop({ type: Boolean, default: false }) public disabled?: boolean;
|
|
18
|
-
|
|
19
|
-
@Prop({ type: Boolean, default: false }) public filter?: boolean;
|
|
20
|
-
|
|
21
|
-
@Prop({ type: Boolean, default: false }) public added?: boolean;
|
|
22
|
-
|
|
23
|
-
@Prop({ type: Boolean, default: false }) public highlight?: boolean;
|
|
24
|
-
|
|
25
|
-
@Prop({ type: Object as PropType<ComboboxOption>, default: {} }) public value?: ComboboxOption;
|
|
26
|
-
|
|
27
|
-
@Prop({ type: Array as PropType<ComboboxOption[]>, default: [] }) public options?: ComboboxOption[];
|
|
28
|
-
|
|
29
|
-
@Prop({ type: Boolean, default: false }) public optional?: boolean;
|
|
30
|
-
|
|
31
|
-
@Prop({ type: Boolean, default: false }) public loadMore?: boolean;
|
|
32
|
-
|
|
33
|
-
@Prop({ type: [String, Number], default: 0 }) public loadMoreOffset?: string | number;
|
|
34
|
-
|
|
35
|
-
@Prop({ type: String, default: 'необязательно' }) public optionalLabel?: string;
|
|
36
|
-
|
|
37
|
-
@Prop({ type: Boolean, default: false }) public loading?: boolean;
|
|
38
|
-
|
|
39
|
-
@Prop({ type: Boolean, default: false }) public error?: boolean;
|
|
40
|
-
|
|
41
|
-
@Prop({ type: String, default: null }) public errorMessage?: string | null;
|
|
42
|
-
}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { Component, Prop, Vue } from 'vue-property-decorator';
|
|
2
|
-
import { PropType } from 'vue';
|
|
3
|
-
|
|
4
|
-
export type ContainerType = 'standard' | 'selectable' | 'clickable' | 'expandable';
|
|
5
|
-
export type ContainerColor = 'primary' | 'secondary';
|
|
6
|
-
|
|
7
|
-
@Component('CdsContainer')
|
|
8
|
-
export default class CdsContainer extends Vue {
|
|
9
|
-
@Prop({ type: [String, Number, Boolean, Array] }) public value?: any;
|
|
10
|
-
|
|
11
|
-
@Prop({ type: String as PropType<ContainerColor>, default: 'primary' }) public color?: ContainerColor;
|
|
12
|
-
|
|
13
|
-
@Prop({ type: Boolean, default: false }) public selected?: boolean;
|
|
14
|
-
|
|
15
|
-
@Prop({ type: Boolean, default: false }) public expanded?: boolean;
|
|
16
|
-
|
|
17
|
-
@Prop({ type: Boolean, default: false }) public expandingArrowBefore?: boolean;
|
|
18
|
-
|
|
19
|
-
@Prop({ type: String as PropType<ContainerType> }) public type?: ContainerType;
|
|
20
|
-
|
|
21
|
-
@Prop({ type: String, default: null }) public group?: string | null;
|
|
22
|
-
|
|
23
|
-
@Prop({ type: String, default: null }) public href?: string | null;
|
|
24
|
-
|
|
25
|
-
@Prop({ type: Boolean, default: false }) public blank?: boolean;
|
|
26
|
-
|
|
27
|
-
@Prop({ type: Boolean, default: false }) public useRouter?: boolean;
|
|
28
|
-
|
|
29
|
-
@Prop({ type: String, required: true }) public label: string;
|
|
30
|
-
|
|
31
|
-
@Prop({ type: String, default: 'div' }) public tag?: string;
|
|
32
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { Component, Prop, Vue } from 'vue-property-decorator';
|
|
2
|
-
import { PropType } from 'vue';
|
|
3
|
-
|
|
4
|
-
export type CdsContentSwitcherButtonTooltipAlign = 'start' | 'center' | 'end';
|
|
5
|
-
|
|
6
|
-
@Component('CdsContentSwitcherButton')
|
|
7
|
-
export default class CdsContentSwitcherButton extends Vue {
|
|
8
|
-
@Prop({ type: [Number, String], required: true }) public id: string | number;
|
|
9
|
-
|
|
10
|
-
@Prop({ type: String, default: '' }) public text?: string;
|
|
11
|
-
|
|
12
|
-
@Prop({ type: Boolean, default: false }) public iconAfter?: boolean;
|
|
13
|
-
|
|
14
|
-
@Prop({ type: Boolean, default: false }) public selected?: boolean;
|
|
15
|
-
|
|
16
|
-
@Prop({ type: Boolean, default: false }) public disabled?: boolean;
|
|
17
|
-
|
|
18
|
-
@Prop({ type: String, default: '' }) public tooltip?: string;
|
|
19
|
-
|
|
20
|
-
@Prop({ type: String as PropType<CdsContentSwitcherButtonTooltipAlign>, default: 'center' }) public tooltipAlign?: CdsContentSwitcherButtonTooltipAlign;
|
|
21
|
-
}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { Component, Prop, Vue } from 'vue-property-decorator';
|
|
2
|
-
import { PropType } from 'vue';
|
|
3
|
-
|
|
4
|
-
export type TableAlign = 'left' | 'center' | 'right' | 'null';
|
|
5
|
-
export type TableRowSize = 'standard' | 'short';
|
|
6
|
-
|
|
7
|
-
@Component('CdsDataTable')
|
|
8
|
-
export default class CdsDataTable extends Vue {
|
|
9
|
-
@Prop({ type: String, default: '' }) public title?: string;
|
|
10
|
-
|
|
11
|
-
@Prop({ type: String, default: '' }) public description?: string;
|
|
12
|
-
|
|
13
|
-
@Prop({ type: Array, default: [] }) public columns?: any[];
|
|
14
|
-
|
|
15
|
-
@Prop({ type: Array as PropType<TableAlign[]>, default: [] }) public align?: TableAlign[];
|
|
16
|
-
|
|
17
|
-
@Prop({ type: Array, default: [] }) public colWidth?: any[];
|
|
18
|
-
|
|
19
|
-
@Prop({ type: Array, default: [] }) public data?: any[];
|
|
20
|
-
|
|
21
|
-
@Prop({ type: Object, default: null }) public sortedCol?: any;
|
|
22
|
-
|
|
23
|
-
@Prop({ type: Boolean, default: false }) public sortable?: boolean;
|
|
24
|
-
|
|
25
|
-
@Prop({ type: Boolean, default: false }) public selectable?: boolean;
|
|
26
|
-
|
|
27
|
-
@Prop({ type: [Number, Object], default: null }) public selectedRow?: number | any;
|
|
28
|
-
|
|
29
|
-
@Prop({ type: [Array, Number, Object], default: null }) public selectedRows?: any[] | any;
|
|
30
|
-
|
|
31
|
-
@Prop({ type: Boolean, default: false }) public hoverable?: boolean;
|
|
32
|
-
|
|
33
|
-
@Prop({ type: Boolean, default: false }) public expandable?: boolean;
|
|
34
|
-
|
|
35
|
-
@Prop({ type: Boolean, default: false }) public expandableIndentDisable?: boolean;
|
|
36
|
-
|
|
37
|
-
@Prop({ type: Boolean, default: false }) public multiselectable?: boolean;
|
|
38
|
-
|
|
39
|
-
@Prop({ type: Boolean, default: false }) public autoWidth?: boolean;
|
|
40
|
-
|
|
41
|
-
@Prop({ type: Boolean, default: false }) public horizontalScroll?: boolean;
|
|
42
|
-
|
|
43
|
-
@Prop({ type: Boolean, default: false }) public borderless?: boolean;
|
|
44
|
-
|
|
45
|
-
@Prop({ type: Boolean, default: false }) public ellipsis?: boolean;
|
|
46
|
-
|
|
47
|
-
@Prop({ type: String as PropType<TableRowSize>, default: 'standard' }) public rowSize?: TableRowSize;
|
|
48
|
-
}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { Component, Prop, Vue } from 'vue-property-decorator';
|
|
2
|
-
import { PropType } from 'vue';
|
|
3
|
-
|
|
4
|
-
export type DatePickerType = 'simple' | 'single' | 'range';
|
|
5
|
-
export type DatePickerLocale = 'ru' | 'en';
|
|
6
|
-
|
|
7
|
-
@Component('CdsDatePicker')
|
|
8
|
-
export default class CdsDatePicker extends Vue {
|
|
9
|
-
@Prop({ type: String, required: true }) public label: string;
|
|
10
|
-
|
|
11
|
-
@Prop({ type: String as PropType<DatePickerType>, default: 'simple' }) public type?: DatePickerType;
|
|
12
|
-
|
|
13
|
-
@Prop({ type: String, default: 'd.m.Y' }) public dateFormat?: string;
|
|
14
|
-
|
|
15
|
-
@Prop({ type: String, default: 'H:i' }) public timeFormat?: string;
|
|
16
|
-
|
|
17
|
-
@Prop({ type: Boolean, default: false }) public allowInput?: boolean;
|
|
18
|
-
|
|
19
|
-
@Prop({ type: [String, Date], default: null }) public minDate?: string;
|
|
20
|
-
|
|
21
|
-
@Prop({ type: [String, Date], default: null }) public maxDate?: string;
|
|
22
|
-
|
|
23
|
-
@Prop({ type: String as PropType<DatePickerLocale>, default: 'ru' }) public locale?: DatePickerLocale;
|
|
24
|
-
|
|
25
|
-
@Prop({ type: String, default: 'дд.мм.гггг' }) public placeholder?: string;
|
|
26
|
-
|
|
27
|
-
@Prop({ type: Boolean, default: false }) public enableTime?: boolean;
|
|
28
|
-
|
|
29
|
-
@Prop({ type: Boolean, default: false }) public error?: boolean;
|
|
30
|
-
|
|
31
|
-
@Prop({ type: String, default: null }) public errorMessage?: string | null;
|
|
32
|
-
|
|
33
|
-
@Prop({ type: Boolean, default: false }) public disabled?: boolean;
|
|
34
|
-
|
|
35
|
-
@Prop({ type: Array, default: [] }) public disabledDates?: string[];
|
|
36
|
-
|
|
37
|
-
@Prop({ type: Object, default: {} }) public options?: any;
|
|
38
|
-
|
|
39
|
-
@Prop({ type: [String, Object, Date, Array], default: null }) public value?: any;
|
|
40
|
-
}
|
package/dist/types/CdsDrawer.ts
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
2
|
-
import { Component, Vue, Prop } from 'vue-property-decorator';
|
|
3
|
-
|
|
4
|
-
export type CdsDrawerAppearance = 'primary' | 'inverse';
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
@Component('CdsDrawer')
|
|
8
|
-
export default class CdsDrawer extends Vue {
|
|
9
|
-
@Prop({ type: Boolean, default: false }) public active?: boolean;
|
|
10
|
-
|
|
11
|
-
@Prop({ type: Boolean, default: false }) public open?: boolean;
|
|
12
|
-
|
|
13
|
-
@Prop({ type: Boolean, default: false }) public right?: boolean;
|
|
14
|
-
|
|
15
|
-
@Prop({ type: Boolean, default: false }) public iconOnly?: boolean;
|
|
16
|
-
|
|
17
|
-
@Prop({ type: Boolean, default: false }) public absolute?: boolean;
|
|
18
|
-
|
|
19
|
-
@Prop({ type: Boolean, default: false }) public borderless?: boolean;
|
|
20
|
-
|
|
21
|
-
@Prop({ type: Boolean, default: false }) public fixedLayout?: boolean;
|
|
22
|
-
|
|
23
|
-
@Prop({ type: String as PropType<CdsDrawerAppearance>, default: 'primary' }) public appearance?: string;
|
|
24
|
-
|
|
25
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { Component, Vue, Prop } from 'vue-property-decorator';
|
|
2
|
-
|
|
3
|
-
@Component('CdsDrawerGroup')
|
|
4
|
-
export default class CdsDrawerGroup extends Vue {
|
|
5
|
-
@Prop({ type: Boolean, default: false }) public active?: boolean;
|
|
6
|
-
|
|
7
|
-
@Prop({ type: String, default: '' }) public title?: string;
|
|
8
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { Component, Vue, Prop } from 'vue-property-decorator';
|
|
2
|
-
|
|
3
|
-
@Component('CdsDrawerItem')
|
|
4
|
-
export default class CdsDrawerItem extends Vue {
|
|
5
|
-
@Prop({ type: Boolean, default: false }) public active?: boolean;
|
|
6
|
-
|
|
7
|
-
@Prop({ type: String, default: '' }) public title?: string;
|
|
8
|
-
|
|
9
|
-
@Prop({ type: [String, Object], default: '' }) public right?: string;
|
|
10
|
-
|
|
11
|
-
@Prop({ type: String, default: '' }) public href?: string;
|
|
12
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { Component, Prop, Vue } from 'vue-property-decorator';
|
|
2
|
-
|
|
3
|
-
@Component('CdsDropdown')
|
|
4
|
-
export default class CdsDropdown extends Vue {
|
|
5
|
-
@Prop({ type: String, default: '' }) public label?: string;
|
|
6
|
-
|
|
7
|
-
@Prop({ type: String, default: '' }) public description?: string;
|
|
8
|
-
|
|
9
|
-
@Prop({ type: String, default: '' }) public placeholder?: string;
|
|
10
|
-
|
|
11
|
-
@Prop({ type: Boolean, default: false }) public disabled?: string;
|
|
12
|
-
|
|
13
|
-
@Prop({ type: [String, Number], default: void 0 }) public value?: string | number;
|
|
14
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { Component, Prop, Vue } from 'vue-property-decorator';
|
|
2
|
-
|
|
3
|
-
@Component('CdsEmptyState')
|
|
4
|
-
export default class CdsEmptyState extends Vue {
|
|
5
|
-
@Prop({ type: String, required: true }) public title: string;
|
|
6
|
-
|
|
7
|
-
@Prop({ type: String, default: '' }) public description?: string;
|
|
8
|
-
|
|
9
|
-
@Prop({ type: String, default: '' }) public image?: string;
|
|
10
|
-
}
|
package/dist/types/CdsFooter.ts
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { Component, Vue, Prop } from 'vue-property-decorator';
|
|
2
|
-
import { PropType } from 'vue';
|
|
3
|
-
import { CdsLinkItem } from '../../CdsLink/types/CdsLink';
|
|
4
|
-
|
|
5
|
-
export type CdsFooterItems = {
|
|
6
|
-
title: string;
|
|
7
|
-
links: CdsLinkItem[];
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
export type CdsFooterAppearance = 'primary' | 'secondary' | 'inverse';
|
|
11
|
-
|
|
12
|
-
@Component('CdsPromoFooter')
|
|
13
|
-
export default class CdsPromoFooter extends Vue {
|
|
14
|
-
@Prop({ type: Array as PropType<CdsFooterItems[]>, required: true }) items: CdsFooterItems[];
|
|
15
|
-
|
|
16
|
-
@Prop({ type: String as PropType<CdsFooterAppearance>, required: false, default: 'primary' }) appearance?: CdsFooterAppearance;
|
|
17
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { Component, Vue, Prop } from 'vue-property-decorator';
|
|
2
|
-
import { PropType } from 'vue';
|
|
3
|
-
import { CdsLinkItem } from '../../CdsLink/types/CdsLink';
|
|
4
|
-
|
|
5
|
-
export type CdsFooterAppearance = 'primary' | 'secondary';
|
|
6
|
-
|
|
7
|
-
export type CdsFooterAlign = 'start' | 'center' | 'end' | 'between';
|
|
8
|
-
|
|
9
|
-
@Component('CdsFooter')
|
|
10
|
-
export default class CdsFooter extends Vue {
|
|
11
|
-
@Prop({ type: Array as PropType<CdsLinkItem[]>, required: true }) items: CdsLinkItem[];
|
|
12
|
-
|
|
13
|
-
@Prop({ type: String as PropType<CdsFooterAppearance>, required: false, default: 'primary' }) appearance?: CdsFooterAppearance;
|
|
14
|
-
|
|
15
|
-
@Prop({ type: String as PropType<CdsFooterAlign>, required: false, default: 'start' }) align?: CdsFooterAlign;
|
|
16
|
-
}
|
package/dist/types/CdsForm.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { Component, Prop, Vue } from 'vue-property-decorator';
|
|
2
|
-
|
|
3
|
-
@Component('CdsFormGroup')
|
|
4
|
-
export default class CdsFormGroup extends Vue {
|
|
5
|
-
@Prop({ type: String, required: true }) public legend: string;
|
|
6
|
-
|
|
7
|
-
@Prop({ type: String, default: null }) public description?: string;
|
|
8
|
-
}
|
package/dist/types/CdsGrid.ts
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { Component, Prop, Vue } from 'vue-property-decorator';
|
|
2
|
-
import { PropType } from 'vue';
|
|
3
|
-
import { GridGutters } from './types';
|
|
4
|
-
|
|
5
|
-
@Component('CdsGrid')
|
|
6
|
-
export default class CdsGrid extends Vue {
|
|
7
|
-
@Prop({ type: String, default: 'div' }) public tag?: string;
|
|
8
|
-
|
|
9
|
-
@Prop({ type: Boolean, default: false }) public noGutters?: boolean;
|
|
10
|
-
|
|
11
|
-
@Prop({ type: String as PropType<GridGutters>, default: null }) public noGutter?: GridGutters;
|
|
12
|
-
|
|
13
|
-
@Prop({ type: Boolean, default: false }) public fluid?: boolean;
|
|
14
|
-
|
|
15
|
-
@Prop({ type: Boolean, default: false }) public condensed?: boolean;
|
|
16
|
-
}
|
package/dist/types/CdsHeader.ts
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { Component, Prop, Vue } from "vue-property-decorator";
|
|
2
|
-
import { PropType } from 'vue';
|
|
3
|
-
import { CdsLinkItem } from '../../CdsLink/types/CdsLink';
|
|
4
|
-
|
|
5
|
-
export type HeaderAppearance = 'primary' | 'inverse' | 'transparent';
|
|
6
|
-
export type HeaderAlign = 'start' | 'center' | 'end';
|
|
7
|
-
export type Language = 'ru' | 'en';
|
|
8
|
-
|
|
9
|
-
export type HeaderNavItems = CdsLinkItem & {
|
|
10
|
-
active?: boolean;
|
|
11
|
-
children: HeaderNavItems[];
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
@Component('CdsHeader')
|
|
15
|
-
export default class CdsHeader extends Vue {
|
|
16
|
-
@Prop({ type: String as PropType<HeaderAppearance>, default: 'primary' }) public appearance?: string;
|
|
17
|
-
|
|
18
|
-
@Prop({ type: Boolean, default: false }) public isToolbarTransparent?: boolean;
|
|
19
|
-
|
|
20
|
-
@Prop({ type: Boolean, default: false }) public languageBtn?: boolean;
|
|
21
|
-
|
|
22
|
-
@Prop({ type: String as PropType<Language>, default: 'ru' }) public language?: string;
|
|
23
|
-
|
|
24
|
-
@Prop({ type: String as PropType<HeaderAlign>, default: 'start' }) public align?: string;
|
|
25
|
-
|
|
26
|
-
@Prop({ type: Array as PropType<HeaderNavItems[]>, default: [] }) public navItems?: HeaderNavItems[];
|
|
27
|
-
}
|
package/dist/types/CdsIcon.ts
DELETED
package/dist/types/CdsLink.ts
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { Component, Prop, Vue } from 'vue-property-decorator';
|
|
2
|
-
|
|
3
|
-
export type CdsLinkItem = {
|
|
4
|
-
to: string;
|
|
5
|
-
text: string;
|
|
6
|
-
disable?: boolean;
|
|
7
|
-
useRouter?: boolean;
|
|
8
|
-
blank?: boolean;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
@Component('CdsLink')
|
|
12
|
-
export default class CdsLink extends Vue {
|
|
13
|
-
@Prop({ type: String, default: '' }) public text?: string;
|
|
14
|
-
|
|
15
|
-
@Prop({ type: [String, Object], default: '#' }) public to?: string;
|
|
16
|
-
|
|
17
|
-
@Prop({ type: Boolean, default: false }) public blank?: boolean;
|
|
18
|
-
|
|
19
|
-
@Prop({ type: Boolean, default: false }) public disabled?: boolean;
|
|
20
|
-
|
|
21
|
-
@Prop({ type: Boolean, default: true }) public useRouter?: boolean;
|
|
22
|
-
}
|
package/dist/types/CdsList.ts
DELETED
package/dist/types/CdsLoading.ts
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { Component, Prop, Vue } from 'vue-property-decorator';
|
|
2
|
-
|
|
3
|
-
@Component('CdsLoading')
|
|
4
|
-
export default class CdsLoading extends Vue {
|
|
5
|
-
@Prop({ type: Boolean, default: true }) public active?: boolean;
|
|
6
|
-
|
|
7
|
-
@Prop({ type: Boolean, default: false }) public overlay?: boolean;
|
|
8
|
-
|
|
9
|
-
@Prop({ type: Boolean, default: false }) public small?: boolean;
|
|
10
|
-
|
|
11
|
-
@Prop({ type: Boolean, default: false }) public fixed?: boolean;
|
|
12
|
-
|
|
13
|
-
@Prop({ type: String, default: 'Загрузка' }) public ariaValuetext?: string;
|
|
14
|
-
}
|
package/dist/types/CdsModal.ts
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { Component, Prop, Vue } from 'vue-property-decorator';
|
|
2
|
-
import { PropType } from 'vue';
|
|
3
|
-
|
|
4
|
-
export type ModalSize = 'sm' | 'md' | 'lg';
|
|
5
|
-
|
|
6
|
-
@Component('CdsModal')
|
|
7
|
-
export default class CdsModal extends Vue {
|
|
8
|
-
@Prop({ type: Boolean, default: false }) public showed?: boolean;
|
|
9
|
-
|
|
10
|
-
@Prop({ type: String, required: true }) public header: string;
|
|
11
|
-
|
|
12
|
-
@Prop({ type: String as PropType<ModalSize>, default: 'md' }) public size: string;
|
|
13
|
-
|
|
14
|
-
@Prop({ type: Boolean, default: false }) public loading?: boolean;
|
|
15
|
-
|
|
16
|
-
@Prop({ type: Boolean, default: false }) public preventClose?: boolean;
|
|
17
|
-
}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { Component, Prop, Vue } from 'vue-property-decorator';
|
|
2
|
-
import { PropType } from 'vue';
|
|
3
|
-
|
|
4
|
-
export type MultiselectOption = {
|
|
5
|
-
name: string;
|
|
6
|
-
value: string | number;
|
|
7
|
-
children?: MultiselectOption[]
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
@Component('CdsMultiselect')
|
|
11
|
-
export default class CdsMultiselect extends Vue {
|
|
12
|
-
@Prop({ type: String, default: '' }) public label?: string;
|
|
13
|
-
|
|
14
|
-
@Prop({ type: String, required: true }) public placeholder: string;
|
|
15
|
-
|
|
16
|
-
@Prop({ type: String, default: '' }) public description?: string;
|
|
17
|
-
|
|
18
|
-
@Prop({ type: Boolean, default: false }) public disabled?: boolean;
|
|
19
|
-
|
|
20
|
-
@Prop({ type: Boolean, default: false }) public filterable?: boolean;
|
|
21
|
-
|
|
22
|
-
@Prop({ type: Boolean, default: false }) public optional?: boolean;
|
|
23
|
-
|
|
24
|
-
@Prop({ type: Array, default: [] }) public value?: string[] | number[];
|
|
25
|
-
|
|
26
|
-
@Prop({ type: Array as PropType<MultiselectOption[]>, default: [] }) public options: MultiselectOption[];
|
|
27
|
-
|
|
28
|
-
@Prop({ type: String, default: 'необязательно' }) public optionalLabel?: string;
|
|
29
|
-
|
|
30
|
-
@Prop({ type: Boolean, default: false }) public error?: boolean;
|
|
31
|
-
|
|
32
|
-
@Prop({ type: String, default: null }) public errorMessage?: string | null;
|
|
33
|
-
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { Component, Prop, Vue } from 'vue-property-decorator';
|
|
2
|
-
import { PropType } from 'vue';
|
|
3
|
-
|
|
4
|
-
export type NotificationStatus = 'info' | 'warning' | 'success' | 'error';
|
|
5
|
-
export type NotificationLevel = 'inline' | 'page';
|
|
6
|
-
|
|
7
|
-
@Component('CdsNotification')
|
|
8
|
-
export default class CdsNotification extends Vue {
|
|
9
|
-
@Prop({ type: Boolean, default: false }) public important?: boolean;
|
|
10
|
-
|
|
11
|
-
@Prop({ type: String as PropType<NotificationLevel>, default: 'inline' }) public level?: NotificationLevel;
|
|
12
|
-
|
|
13
|
-
@Prop({ type: String as PropType<NotificationStatus>, default: 'info' }) public status?: NotificationStatus;
|
|
14
|
-
|
|
15
|
-
@Prop({ type: String, default: null }) public title?: string;
|
|
16
|
-
|
|
17
|
-
@Prop({ type: String, default: null }) public content?: string;
|
|
18
|
-
|
|
19
|
-
@Prop({ type: String, default: null }) public action?: string;
|
|
20
|
-
|
|
21
|
-
@Prop({ type: Boolean, default: false }) public dismissButton?: boolean;
|
|
22
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { Component, Prop, Vue } from 'vue-property-decorator';
|
|
2
|
-
|
|
3
|
-
@Component('CdsOverflowMenu')
|
|
4
|
-
export default class CdsOverflowMenu extends Vue {
|
|
5
|
-
@Prop({ type: Boolean, default: false }) public flip?: boolean;
|
|
6
|
-
|
|
7
|
-
@Prop({ type: Boolean, default: false }) public up?: boolean;
|
|
8
|
-
|
|
9
|
-
@Prop({ type: String, default: 'overflowMenuVertical' }) public icon?: string;
|
|
10
|
-
|
|
11
|
-
@Prop({ type: String, required: true }) public tooltip: string;
|
|
12
|
-
|
|
13
|
-
@Prop({ type: String, default: 'right' }) public tooltipDirection?: string;
|
|
14
|
-
|
|
15
|
-
@Prop({ type: String, default: 'center' }) public tooltipAlign?: string;
|
|
16
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { Component, Prop, Vue } from 'vue-property-decorator';
|
|
2
|
-
|
|
3
|
-
@Component('CdsPagination')
|
|
4
|
-
export default class CdsPagination extends Vue {
|
|
5
|
-
@Prop({ type: Number, required: true }) public count: number;
|
|
6
|
-
|
|
7
|
-
@Prop({ type: Number, required: true }) public perPage: number;
|
|
8
|
-
|
|
9
|
-
@Prop({ type: Number, default: 0 }) public current: number;
|
|
10
|
-
|
|
11
|
-
@Prop({ type: Boolean, default: false }) public preventInitialChange?: boolean;
|
|
12
|
-
}
|