@central-design-system/components 3.0.0-beta.8 → 3.0.0-rc.1
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.d.ts +9 -2
- package/dist/cds.es.js +18620 -13172
- package/dist/cds.umd.js +7 -3
- package/dist/components/CdsAutocomplete/CdsAutocomplete.vue.d.ts +93 -89
- package/dist/components/CdsBadge/CdsBadge.vue.d.ts +27 -12
- package/dist/components/CdsBreadcrumbs/CdsBreadcrumbs.vue.d.ts +11 -0
- package/dist/components/CdsBreadcrumbs/CdsBreadcrumbsItem.vue.d.ts +14 -3
- package/dist/components/CdsButton/CdsButton.vue.d.ts +40 -29
- package/dist/components/CdsButton/CdsFunctionalButton.vue.d.ts +73 -0
- package/dist/components/CdsButton/index.d.ts +1 -0
- package/dist/components/CdsCheckbox/CdsCheckbox.vue.d.ts +19 -0
- package/dist/components/CdsCheckbox/CdsCheckboxGroup.vue.d.ts +13 -0
- package/dist/components/CdsCombobox/CdsCombobox.vue.d.ts +326 -213
- package/dist/components/CdsContainer/CdsContainer.vue.d.ts +43 -26
- package/dist/components/CdsContainer/context.d.ts +1 -1
- package/dist/components/CdsContentSwitcher/CdsContentSwitcher.vue.d.ts +11 -0
- package/dist/components/CdsContentSwitcher/CdsContentSwitcherItem.vue.d.ts +27 -27
- package/dist/components/CdsDatePicker/CdsDatePicker.vue.d.ts +12 -1
- package/dist/components/CdsDatePicker/composable/calendar.d.ts +4 -4
- package/dist/components/CdsDivider/CdsDivider.vue.d.ts +45 -0
- package/dist/components/CdsDivider/index.d.ts +1 -0
- package/dist/components/CdsDrawer/CdsDrawer.vue.d.ts +70 -4
- package/dist/components/CdsDropdown/CdsDropdown.vue.d.ts +248 -177
- package/dist/components/CdsEmptyState/CdsEmptyState.vue.d.ts +4 -4
- package/dist/components/CdsExpandablePanel/CdsExpandablePanel.vue.d.ts +13 -13
- package/dist/components/CdsExpandablePanel/CdsExpandablePanelTitle.vue.d.ts +10 -10
- package/dist/components/CdsExpandablePanel/CdsExpandablePanels.vue.d.ts +19 -8
- package/dist/components/CdsExpandablePanel/composable/expandablePanelTitleProps.d.ts +3 -3
- package/dist/components/CdsFooter/CdsFooter.vue.d.ts +23 -3
- package/dist/components/CdsForm/CdsForm.vue.d.ts +11 -0
- package/dist/components/CdsGrid/composable/column.d.ts +1 -1
- package/dist/components/CdsGrid/composable/subgrid.d.ts +1 -1
- package/dist/components/CdsGrid/mode/CSSGrid.d.ts +1 -1
- package/dist/components/CdsGrid/mode/FlexGrid.d.ts +1 -1
- package/dist/components/CdsHeader/CdsHeader.vue.d.ts +23 -3
- package/dist/components/CdsIcon/CdsIcon.vue.d.ts +33 -3
- package/dist/components/CdsImage/CdsImage.vue.d.ts +264 -0
- package/dist/components/CdsImage/components/CdsResponsive.vue.d.ts +87 -0
- package/dist/components/CdsImage/components/index.d.ts +1 -0
- package/dist/components/CdsImage/composable/image.d.ts +134 -0
- package/dist/components/CdsImage/composable/index.d.ts +2 -0
- package/dist/components/CdsImage/composable/responsive.d.ts +35 -0
- package/dist/components/CdsImage/index.d.ts +2 -0
- package/dist/components/CdsInput/CdsInput.vue.d.ts +27 -22
- package/dist/components/CdsInput/CdsInputDescription.vue.d.ts +3 -3
- package/dist/components/CdsInput/CdsInputLabel.vue.d.ts +15 -4
- package/dist/components/CdsLayout/CdsLayout.vue.d.ts +12 -1
- package/dist/components/CdsLayout/context.d.ts +1 -1
- package/dist/components/CdsLink/CdsLink.vue.d.ts +13 -11
- package/dist/components/CdsList/CdsList.vue.d.ts +22 -40
- package/dist/components/CdsList/CdsListGroup.vue.d.ts +7 -7
- package/dist/components/CdsList/CdsListItem.vue.d.ts +12 -12
- package/dist/components/CdsList/composable/list.d.ts +1 -1
- package/dist/components/CdsLoader/CdsLoader.vue.d.ts +12 -0
- package/dist/components/CdsMenu/CdsMenu.vue.d.ts +59 -14
- package/dist/components/CdsModal/CdsModal.vue.d.ts +41 -8
- package/dist/components/CdsNotification/CdsNotification.vue.d.ts +34 -27
- package/dist/components/CdsNotification/CdsNotificationAlert.vue.d.ts +53 -24
- package/dist/components/CdsNotification/composable/notification.d.ts +4 -4
- package/dist/components/CdsOverlay/CdsOverlay.vue.d.ts +35 -3
- package/dist/components/CdsOverlay/composable/activator.d.ts +19 -6
- package/dist/components/CdsOverlay/composable/locationStrategies.d.ts +6 -5
- package/dist/components/CdsOverlay/composable/scrollStrategies.d.ts +1 -1
- package/dist/components/CdsOverlay/composable/teleport.d.ts +25 -1
- package/dist/components/CdsOverlay/constants.d.ts +2 -0
- package/dist/components/CdsPagination/CdsPagination.vue.d.ts +37 -2
- package/dist/components/CdsProgress/CdsProgress.vue.d.ts +11 -0
- package/dist/components/CdsRadioButton/CdsRadio.vue.d.ts +27 -12
- package/dist/components/CdsRadioButton/CdsRadioButton.vue.d.ts +13 -0
- package/dist/components/CdsSelect/CdsSelect.vue.d.ts +93 -63
- package/dist/components/CdsSidebar/CdsSidebar.vue.d.ts +15 -7
- package/dist/components/CdsSkeletonLoader/CdsSkeletonLoader.vue.d.ts +14 -3
- package/dist/components/CdsSlideGroup/CdsSlideGroup.vue.d.ts +19 -19
- package/dist/components/CdsStages/CdsStages.vue.d.ts +13 -1
- package/dist/components/CdsStatus/CdsStatus.vue.d.ts +38 -19
- package/dist/components/CdsSteps/CdsSteps.vue.d.ts +12 -65
- package/dist/components/CdsSteps/CdsStepsItem.vue.d.ts +5 -5
- package/dist/components/CdsSteps/context.d.ts +3 -2
- package/dist/components/CdsTable/CdsTable.vue.d.ts +108 -31
- package/dist/components/CdsTable/components/Footer/Footer.d.ts +1 -1
- package/dist/components/CdsTable/components/Header/DragHandle.d.ts +1 -1
- package/dist/components/CdsTable/components/Icons/ExpandIcon.d.ts +2 -1
- package/dist/components/CdsTable/components/Table/InternalTable.d.ts +98 -23
- package/dist/components/CdsTable/components/TableProvider.d.ts +110 -24
- package/dist/components/CdsTable/composable/filter.d.ts +1 -1
- package/dist/components/CdsTable/composable/flat.d.ts +1 -1
- package/dist/components/CdsTable/composable/pagination.d.ts +4 -2
- package/dist/components/CdsTable/composable/scroll.d.ts +1 -1
- package/dist/components/CdsTable/composable/selection.d.ts +1 -1
- package/dist/components/CdsTable/composable/sorter.d.ts +1 -1
- package/dist/components/CdsTable/composable/sticky.d.ts +1 -1
- package/dist/components/CdsTable/composable/table.d.ts +56 -10
- package/dist/components/CdsTable/constants.d.ts +1 -0
- package/dist/components/CdsTable/context/summary.d.ts +1 -1
- package/dist/components/CdsTable/context/table.d.ts +1 -1
- package/dist/components/CdsTable/interface.d.ts +11 -7
- package/dist/components/CdsTable/utils/column.d.ts +1 -3
- package/dist/components/CdsTable/utils/index.d.ts +1 -1
- package/dist/components/CdsTable/utils/vnode.d.ts +10 -0
- package/dist/components/CdsTabs/CdsTab.vue.d.ts +14 -14
- package/dist/components/CdsTabs/CdsTabs.vue.d.ts +38 -32
- package/dist/components/CdsTag/CdsTag.vue.d.ts +55 -39
- package/dist/components/CdsTextArea/CdsTextArea.vue.d.ts +105 -87
- package/dist/components/CdsTextInput/CdsTextInput.vue.d.ts +101 -63
- package/dist/components/CdsTimePicker/CdsTimePicker.vue.d.ts +11 -0
- package/dist/components/CdsTimePicker/composable/time.d.ts +2 -2
- package/dist/components/CdsToggle/CdsToggle.vue.d.ts +13 -8
- package/dist/components/CdsToolbar/CdsToolbar.vue.d.ts +53 -0
- package/dist/components/CdsTooltip/CdsTooltip.vue.d.ts +39 -10
- package/dist/components/CdsTree/CdsTree.vue.d.ts +708 -0
- package/dist/components/CdsTree/CdsTreeDirectory.vue.d.ts +446 -0
- package/dist/components/CdsTree/CdsTreeNode.vue.d.ts +119 -0
- package/dist/components/CdsTree/components/DropIndicator.d.ts +9 -0
- package/dist/components/CdsTree/components/Indent.d.ts +10 -0
- package/dist/components/CdsTree/components/MotionTreeNode.d.ts +128 -0
- package/dist/components/CdsTree/components/NodeList.d.ts +191 -0
- package/dist/components/CdsTree/components/SwitcherIcon.d.ts +12 -0
- package/dist/components/CdsTree/components/TreeContext.d.ts +81 -0
- package/dist/components/CdsTree/components/TreeProvider.d.ts +619 -0
- package/dist/components/CdsTree/components/VirtualList/Filler.d.ts +12 -0
- package/dist/components/CdsTree/components/VirtualList/Item.d.ts +6 -0
- package/dist/components/CdsTree/components/VirtualList/ScrollBar.d.ts +33 -0
- package/dist/components/CdsTree/components/VirtualList/VirtualList.d.ts +84 -0
- package/dist/components/CdsTree/components/VirtualList/features/index.d.ts +5 -0
- package/dist/components/CdsTree/components/VirtualList/features/useFrameWheel.d.ts +10 -0
- package/dist/components/CdsTree/components/VirtualList/features/useHeights.d.ts +9 -0
- package/dist/components/CdsTree/components/VirtualList/features/useMobileTouchMove.d.ts +2 -0
- package/dist/components/CdsTree/components/VirtualList/features/useOriginScroll.d.ts +2 -0
- package/dist/components/CdsTree/components/VirtualList/features/useScrollTo.d.ts +4 -0
- package/dist/components/CdsTree/components/VirtualList/index.d.ts +2 -0
- package/dist/components/CdsTree/components/VirtualList/interface.d.ts +10 -0
- package/dist/components/CdsTree/composable/events.d.ts +133 -0
- package/dist/components/CdsTree/composable/index.d.ts +2 -0
- package/dist/components/CdsTree/composable/tree.d.ts +273 -0
- package/dist/components/CdsTree/composable/treeNode.d.ts +75 -0
- package/dist/components/CdsTree/index.d.ts +5 -0
- package/dist/components/CdsTree/interface.d.ts +104 -4
- package/dist/components/CdsTree/utils/conduct.d.ts +1 -1
- package/dist/components/CdsTree/utils/data.d.ts +70 -0
- package/dist/components/CdsTree/utils/diff.d.ts +6 -0
- package/dist/components/CdsTree/utils/directory.d.ts +9 -0
- package/dist/components/CdsTree/utils/index.d.ts +2 -0
- package/dist/components/CdsUploader/CdsUploader.vue.d.ts +642 -39
- package/dist/components/CdsUploader/components/AjaxUploader.d.ts +603 -15
- package/dist/components/CdsUploader/components/UploadList/ListItem.d.ts +37 -19
- package/dist/components/CdsUploader/components/UploadList/UploadList.d.ts +36 -18
- package/dist/components/CdsUploader/composable/upload.d.ts +221 -9
- package/dist/components/CdsUploader/index.d.ts +1 -0
- package/dist/components/CdsUploader/interface.d.ts +1 -1
- package/dist/components/index.d.ts +10 -1
- package/dist/composable/appearance.d.ts +4 -4
- package/dist/composable/color.d.ts +17 -6
- package/dist/composable/datetime.d.ts +4 -4
- package/dist/composable/delay.d.ts +3 -2
- package/dist/composable/direction.d.ts +1 -1
- package/dist/composable/display.d.ts +2 -0
- package/dist/composable/domObserver.d.ts +5 -0
- package/dist/composable/field.d.ts +17 -5
- package/dist/composable/filter.d.ts +30 -0
- package/dist/composable/form.d.ts +2 -2
- package/dist/composable/group.d.ts +3 -3
- package/dist/composable/icon.d.ts +3 -3
- package/dist/composable/index.d.ts +5 -1
- package/dist/composable/invertColor.d.ts +19 -0
- package/dist/composable/layout.d.ts +20 -20
- package/dist/composable/loading.d.ts +2 -2
- package/dist/composable/menu.d.ts +3 -1
- package/dist/composable/nested/nested.d.ts +2 -2
- package/dist/composable/overlay.d.ts +9 -1
- package/dist/{components/CdsDropdown/composable → composable}/scrolling.d.ts +2 -2
- package/dist/composable/select.d.ts +18 -21
- package/dist/composable/size.d.ts +1 -1
- package/dist/composable/text.d.ts +2 -2
- package/dist/composable/theme.d.ts +73 -0
- package/dist/composable/transition.d.ts +2 -0
- package/dist/composable/transparent.d.ts +19 -0
- package/dist/composable/validation.d.ts +2 -2
- package/dist/composable/variant.d.ts +2 -5
- package/dist/create.d.ts +7 -1
- package/dist/globals.d.ts +7 -0
- package/dist/locale/index.d.ts +4 -1
- package/dist/themes/b2bDark.d.ts +190 -0
- package/dist/themes/b2bLight.d.ts +190 -0
- package/dist/themes/cdsDark.d.ts +190 -0
- package/dist/themes/cdsLight.d.ts +190 -0
- package/dist/themes/colors.d.ts +458 -0
- package/dist/themes/index.d.ts +6 -0
- package/dist/themes/themes.d.ts +10 -0
- package/dist/transitions/collapseTransition.d.ts +11 -0
- package/dist/transitions/index.d.ts +1 -0
- package/dist/utils/colorsUtils/APCA.d.ts +7 -0
- package/dist/utils/colorsUtils/index.d.ts +1 -0
- package/dist/utils/colorsUtils/transformCIELAB.d.ts +3 -0
- package/dist/utils/colorsUtils/transformSRGB.d.ts +3 -0
- package/dist/utils/colorsUtils/utils.d.ts +42 -0
- package/dist/utils/date/date.d.ts +1 -0
- package/dist/utils/dom/bindProps.d.ts +2 -0
- package/dist/utils/dom/box.d.ts +1 -0
- package/dist/utils/helpers.d.ts +31 -6
- package/dist/utils/index.d.ts +4 -0
- package/dist/utils/propsFactory.d.ts +1 -1
- package/dist/utils/use/flattenChildren.d.ts +3 -0
- package/nuxt.js +2 -1
- package/package.json +5 -1
- package/src/scss/index.scss +0 -2
- package/src/scss/mixins/layout/_shadow.scss +43 -2
- package/src/scss/mixins/layout/_spacing.scss +13 -12
- package/src/scss/mixins/layout/index.scss +1 -0
- package/src/scss/mixins/typo.scss +261 -58
- package/src/scss/modules/_reset.scss +5 -4
- package/src/scss/modules/_transition.scss +31 -0
- package/src/scss/modules/_typography.scss +6 -2
- package/src/scss/modules/grid/_css-grid.scss +12 -19
- package/src/scss/modules/grid/_flex-grid.scss +9 -5
- package/src/scss/modules/grid/_mixins.scss +23 -31
- package/src/scss/themes/.deprecated +1 -0
- package/src/scss/themes/b2b/tokens.json +104 -104
- package/src/scss/themes/b2b/variables.css +142 -0
- package/src/scss/themes/cds/tokens.json +104 -104
- package/src/scss/themes/cds/variables.css +173 -31
- package/src/scss/themes/index.ts +1 -1
- package/src/scss/utility/index.scss +1 -0
- package/src/scss/utility/lists.scss +1 -1
- package/src/scss/utility/typography.scss +63 -0
- package/src/scss/utility/variables/exports/_display.scss +4 -4
- package/src/scss/utility/variables/exports/_typography.scss +22 -0
- package/src/scss/utility/variables/index.scss +1 -0
- package/src/scss/utility/variables/typography.scss +93 -0
- package/src/themes/b2bDark.ts +191 -0
- package/src/themes/b2bLight.ts +191 -0
- package/src/themes/cdsDark.ts +191 -0
- package/src/themes/cdsLight.ts +191 -0
- package/src/themes/colors.ts +492 -0
- package/src/themes/css/b2bDark.css +184 -0
- package/src/themes/css/b2bLight.css +184 -0
- package/src/themes/css/cdsDark.css +184 -0
- package/src/themes/css/cdsLight.css +184 -0
- package/src/themes/index.ts +8 -0
- package/src/themes/themes.d.ts +10 -0
- package/dist/components/CdsDropdown/composable/index.d.ts +0 -1
- package/dist/components/CdsSteps/svg/_CdsStepCurrentIcon.vue.d.ts +0 -2
- package/dist/components/CdsSteps/svg/_CdsStepsIconIncomplete.vue.d.ts +0 -2
- package/dist/composable/dark.d.ts +0 -19
- package/dist/plugins/index.d.ts +0 -2
- /package/dist/{components/CdsTable/utils → utils/use}/listener.d.ts +0 -0
|
@@ -1,11 +1,16 @@
|
|
|
1
|
-
import type { PropType } from 'vue';
|
|
2
|
-
import type { NTable } from '../interface';
|
|
3
1
|
import type { IContextSlots } from '../context';
|
|
2
|
+
import type { NTable } from '../interface';
|
|
3
|
+
import type { PropType } from 'vue';
|
|
4
4
|
declare const _default: import("vue").DefineComponent<{
|
|
5
5
|
contextSlots: {
|
|
6
6
|
type: PropType<IContextSlots>;
|
|
7
7
|
required: true;
|
|
8
8
|
};
|
|
9
|
+
theme: {
|
|
10
|
+
type: PropType<string>;
|
|
11
|
+
available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
|
|
12
|
+
default: undefined;
|
|
13
|
+
};
|
|
9
14
|
readonly: {
|
|
10
15
|
type: PropType<boolean>;
|
|
11
16
|
default: boolean;
|
|
@@ -76,6 +81,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
76
81
|
type: PropType<NTable.NRender.TPanelRender<any>>;
|
|
77
82
|
default: undefined;
|
|
78
83
|
};
|
|
84
|
+
toolbar: {
|
|
85
|
+
type: PropType<NTable.NRender.TPanelRender<any>>;
|
|
86
|
+
default: undefined;
|
|
87
|
+
};
|
|
79
88
|
footer: {
|
|
80
89
|
type: PropType<NTable.NRender.TPanelRender<any>>;
|
|
81
90
|
default: undefined;
|
|
@@ -109,9 +118,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
109
118
|
showSorterTooltip: {
|
|
110
119
|
type: PropType<boolean | Omit<Partial<{
|
|
111
120
|
disabled: boolean;
|
|
121
|
+
theme: string;
|
|
112
122
|
id: string;
|
|
113
123
|
location: NonNullable<import('../../../utils').TAnchor>;
|
|
114
|
-
text: string;
|
|
124
|
+
text: string | number;
|
|
115
125
|
modelValue: boolean;
|
|
116
126
|
eager: boolean;
|
|
117
127
|
transition: NonNullable<string | boolean | (import("vue").TransitionProps & {
|
|
@@ -126,8 +136,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
126
136
|
contentClasses: string | string[] | Record<string, boolean>;
|
|
127
137
|
contentProps: Record<string, unknown>;
|
|
128
138
|
noClickAnimation: boolean;
|
|
139
|
+
opacity: string | number;
|
|
129
140
|
activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
|
|
130
141
|
activatorProps: Record<string, any>;
|
|
142
|
+
target: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined;
|
|
131
143
|
openOnClick: NonNullable<boolean | undefined>;
|
|
132
144
|
openOnHover: boolean;
|
|
133
145
|
openOnFocus: boolean | undefined;
|
|
@@ -135,7 +147,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
135
147
|
closeDelay: string | number;
|
|
136
148
|
openDelay: string | number;
|
|
137
149
|
locationStrategy: NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
|
|
138
|
-
updateLocation: (event: Event) => void;
|
|
150
|
+
updateLocation: (event: Event | HTMLElement[]) => void;
|
|
139
151
|
} | undefined)>;
|
|
140
152
|
origin: NonNullable<import('../../../utils').TAnchor | "auto" | "overlap">;
|
|
141
153
|
offset: NonNullable<string | number | number[]>;
|
|
@@ -214,16 +226,16 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
214
226
|
};
|
|
215
227
|
locationStrategy: Omit<{
|
|
216
228
|
type: PropType<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
|
|
217
|
-
updateLocation: (event: Event) => void;
|
|
229
|
+
updateLocation: (event: Event | HTMLElement[]) => void;
|
|
218
230
|
} | undefined)>;
|
|
219
231
|
default: string;
|
|
220
232
|
validator: (value: any) => boolean;
|
|
221
233
|
}, "default" | "type"> & {
|
|
222
234
|
type: PropType<NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
|
|
223
|
-
updateLocation: (event: Event) => void;
|
|
235
|
+
updateLocation: (event: Event | HTMLElement[]) => void;
|
|
224
236
|
} | undefined)>>;
|
|
225
237
|
default: NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
|
|
226
|
-
updateLocation: (event: Event) => void;
|
|
238
|
+
updateLocation: (event: Event | HTMLElement[]) => void;
|
|
227
239
|
} | undefined)>;
|
|
228
240
|
};
|
|
229
241
|
location: Omit<{
|
|
@@ -255,6 +267,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
255
267
|
type: PropType<Record<string, any>>;
|
|
256
268
|
default: () => {};
|
|
257
269
|
};
|
|
270
|
+
target: {
|
|
271
|
+
type: PropType<import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined>;
|
|
272
|
+
default: undefined;
|
|
273
|
+
};
|
|
258
274
|
openOnClick: Omit<{
|
|
259
275
|
type: PropType<boolean | undefined>;
|
|
260
276
|
default: undefined;
|
|
@@ -327,8 +343,17 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
327
343
|
type: PropType<boolean>;
|
|
328
344
|
default: boolean;
|
|
329
345
|
};
|
|
330
|
-
|
|
346
|
+
opacity: {
|
|
347
|
+
type: PropType<string | number>;
|
|
348
|
+
default: undefined;
|
|
349
|
+
};
|
|
350
|
+
theme: {
|
|
331
351
|
type: PropType<string>;
|
|
352
|
+
available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
|
|
353
|
+
default: undefined;
|
|
354
|
+
};
|
|
355
|
+
text: {
|
|
356
|
+
type: PropType<string | number>;
|
|
332
357
|
default: undefined;
|
|
333
358
|
};
|
|
334
359
|
id: {
|
|
@@ -341,7 +366,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
341
366
|
};
|
|
342
367
|
}>> & {
|
|
343
368
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
344
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "id" | "location" | "text" | "modelValue" | "eager" | "transition" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "origin" | "offset" | "scrollStrategy" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
|
|
369
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "theme" | "id" | "location" | "text" | "modelValue" | "eager" | "transition" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "opacity" | "activator" | "activatorProps" | "target" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "origin" | "offset" | "scrollStrategy" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
|
|
345
370
|
default: boolean;
|
|
346
371
|
};
|
|
347
372
|
expandFixed: {
|
|
@@ -424,6 +449,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
424
449
|
type: PropType<(width: number, column: NTable.NColumn.IColumn<any>) => void>;
|
|
425
450
|
default: undefined;
|
|
426
451
|
};
|
|
452
|
+
onExpand: {
|
|
453
|
+
type: PropType<(expanded: boolean, record: any) => void>;
|
|
454
|
+
default: undefined;
|
|
455
|
+
};
|
|
456
|
+
onExpandedRowsChange: {
|
|
457
|
+
type: PropType<(expandedKeys: NTable.TKey[]) => void>;
|
|
458
|
+
default: undefined;
|
|
459
|
+
};
|
|
427
460
|
}, {
|
|
428
461
|
selectedKeySet: import("vue").Ref<Set<NTable.TKey>>;
|
|
429
462
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
@@ -437,6 +470,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
437
470
|
type: PropType<IContextSlots>;
|
|
438
471
|
required: true;
|
|
439
472
|
};
|
|
473
|
+
theme: {
|
|
474
|
+
type: PropType<string>;
|
|
475
|
+
available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
|
|
476
|
+
default: undefined;
|
|
477
|
+
};
|
|
440
478
|
readonly: {
|
|
441
479
|
type: PropType<boolean>;
|
|
442
480
|
default: boolean;
|
|
@@ -507,6 +545,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
507
545
|
type: PropType<NTable.NRender.TPanelRender<any>>;
|
|
508
546
|
default: undefined;
|
|
509
547
|
};
|
|
548
|
+
toolbar: {
|
|
549
|
+
type: PropType<NTable.NRender.TPanelRender<any>>;
|
|
550
|
+
default: undefined;
|
|
551
|
+
};
|
|
510
552
|
footer: {
|
|
511
553
|
type: PropType<NTable.NRender.TPanelRender<any>>;
|
|
512
554
|
default: undefined;
|
|
@@ -540,9 +582,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
540
582
|
showSorterTooltip: {
|
|
541
583
|
type: PropType<boolean | Omit<Partial<{
|
|
542
584
|
disabled: boolean;
|
|
585
|
+
theme: string;
|
|
543
586
|
id: string;
|
|
544
587
|
location: NonNullable<import('../../../utils').TAnchor>;
|
|
545
|
-
text: string;
|
|
588
|
+
text: string | number;
|
|
546
589
|
modelValue: boolean;
|
|
547
590
|
eager: boolean;
|
|
548
591
|
transition: NonNullable<string | boolean | (import("vue").TransitionProps & {
|
|
@@ -557,8 +600,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
557
600
|
contentClasses: string | string[] | Record<string, boolean>;
|
|
558
601
|
contentProps: Record<string, unknown>;
|
|
559
602
|
noClickAnimation: boolean;
|
|
603
|
+
opacity: string | number;
|
|
560
604
|
activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
|
|
561
605
|
activatorProps: Record<string, any>;
|
|
606
|
+
target: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined;
|
|
562
607
|
openOnClick: NonNullable<boolean | undefined>;
|
|
563
608
|
openOnHover: boolean;
|
|
564
609
|
openOnFocus: boolean | undefined;
|
|
@@ -566,7 +611,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
566
611
|
closeDelay: string | number;
|
|
567
612
|
openDelay: string | number;
|
|
568
613
|
locationStrategy: NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
|
|
569
|
-
updateLocation: (event: Event) => void;
|
|
614
|
+
updateLocation: (event: Event | HTMLElement[]) => void;
|
|
570
615
|
} | undefined)>;
|
|
571
616
|
origin: NonNullable<import('../../../utils').TAnchor | "auto" | "overlap">;
|
|
572
617
|
offset: NonNullable<string | number | number[]>;
|
|
@@ -645,16 +690,16 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
645
690
|
};
|
|
646
691
|
locationStrategy: Omit<{
|
|
647
692
|
type: PropType<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
|
|
648
|
-
updateLocation: (event: Event) => void;
|
|
693
|
+
updateLocation: (event: Event | HTMLElement[]) => void;
|
|
649
694
|
} | undefined)>;
|
|
650
695
|
default: string;
|
|
651
696
|
validator: (value: any) => boolean;
|
|
652
697
|
}, "default" | "type"> & {
|
|
653
698
|
type: PropType<NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
|
|
654
|
-
updateLocation: (event: Event) => void;
|
|
699
|
+
updateLocation: (event: Event | HTMLElement[]) => void;
|
|
655
700
|
} | undefined)>>;
|
|
656
701
|
default: NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
|
|
657
|
-
updateLocation: (event: Event) => void;
|
|
702
|
+
updateLocation: (event: Event | HTMLElement[]) => void;
|
|
658
703
|
} | undefined)>;
|
|
659
704
|
};
|
|
660
705
|
location: Omit<{
|
|
@@ -686,6 +731,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
686
731
|
type: PropType<Record<string, any>>;
|
|
687
732
|
default: () => {};
|
|
688
733
|
};
|
|
734
|
+
target: {
|
|
735
|
+
type: PropType<import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined>;
|
|
736
|
+
default: undefined;
|
|
737
|
+
};
|
|
689
738
|
openOnClick: Omit<{
|
|
690
739
|
type: PropType<boolean | undefined>;
|
|
691
740
|
default: undefined;
|
|
@@ -758,8 +807,17 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
758
807
|
type: PropType<boolean>;
|
|
759
808
|
default: boolean;
|
|
760
809
|
};
|
|
761
|
-
|
|
810
|
+
opacity: {
|
|
811
|
+
type: PropType<string | number>;
|
|
812
|
+
default: undefined;
|
|
813
|
+
};
|
|
814
|
+
theme: {
|
|
762
815
|
type: PropType<string>;
|
|
816
|
+
available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
|
|
817
|
+
default: undefined;
|
|
818
|
+
};
|
|
819
|
+
text: {
|
|
820
|
+
type: PropType<string | number>;
|
|
763
821
|
default: undefined;
|
|
764
822
|
};
|
|
765
823
|
id: {
|
|
@@ -772,7 +830,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
772
830
|
};
|
|
773
831
|
}>> & {
|
|
774
832
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
775
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "id" | "location" | "text" | "modelValue" | "eager" | "transition" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "origin" | "offset" | "scrollStrategy" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
|
|
833
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "theme" | "id" | "location" | "text" | "modelValue" | "eager" | "transition" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "opacity" | "activator" | "activatorProps" | "target" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "origin" | "offset" | "scrollStrategy" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
|
|
776
834
|
default: boolean;
|
|
777
835
|
};
|
|
778
836
|
expandFixed: {
|
|
@@ -855,6 +913,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
855
913
|
type: PropType<(width: number, column: NTable.NColumn.IColumn<any>) => void>;
|
|
856
914
|
default: undefined;
|
|
857
915
|
};
|
|
916
|
+
onExpand: {
|
|
917
|
+
type: PropType<(expanded: boolean, record: any) => void>;
|
|
918
|
+
default: undefined;
|
|
919
|
+
};
|
|
920
|
+
onExpandedRowsChange: {
|
|
921
|
+
type: PropType<(expandedKeys: NTable.TKey[]) => void>;
|
|
922
|
+
default: undefined;
|
|
923
|
+
};
|
|
858
924
|
}>> & {
|
|
859
925
|
onChange?: ((pagination: NTable.NPagination.IProps, filters: Record<string, NTable.TFilterValue | null>, sorter: NTable.ISorterResult<any> | NTable.ISorterResult<any>[], extra: NTable.ICurrentData<any>) => any) | undefined;
|
|
860
926
|
onResizeColumn?: ((width: number, column: NTable.NColumn.IColumn<any>) => any) | undefined;
|
|
@@ -862,14 +928,15 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
862
928
|
onExpandedRowsChange?: ((expandedKeys: NTable.TKey) => any) | undefined;
|
|
863
929
|
"onUpdate:expandedRowKeys"?: ((expandedKeys: NTable.TKey[]) => any) | undefined;
|
|
864
930
|
}, {
|
|
865
|
-
size: "xs" | "sm" | "md" | "lg" | "xl";
|
|
866
931
|
disabled: boolean;
|
|
932
|
+
theme: string;
|
|
867
933
|
id: string;
|
|
868
934
|
components: NTable.NCustomize.TableComponents<any>;
|
|
869
935
|
data: any[];
|
|
870
936
|
locale: "ru" | "en" | import("../../../locale").ILocale;
|
|
871
937
|
loading: boolean;
|
|
872
938
|
readonly: boolean;
|
|
939
|
+
size: "xs" | "sm" | "md" | "lg" | "xl";
|
|
873
940
|
onChange: (pagination: NTable.NPagination.IProps, filters: Record<string, NTable.TFilterValue | null>, sorters: NTable.ISorterResult<any> | NTable.ISorterResult<any>[], extra: NTable.ICurrentData<any>) => void;
|
|
874
941
|
header: NTable.NRender.TPanelRender<any>;
|
|
875
942
|
expandIcon: NTable.NExpand.TRenderExpandIcon<any>;
|
|
@@ -885,6 +952,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
885
952
|
sticky: boolean | NTable.NSticky.ISticky;
|
|
886
953
|
hovered: boolean;
|
|
887
954
|
borderless: boolean;
|
|
955
|
+
toolbar: NTable.NRender.TPanelRender<any>;
|
|
888
956
|
footer: NTable.NRender.TPanelRender<any>;
|
|
889
957
|
customRow: NTable.NCustomize.TGetComponentProps<any>;
|
|
890
958
|
customHeaderRow: NTable.NCustomize.TGetComponentProps<NTable.NColumn.IColumn<any>[]>;
|
|
@@ -892,9 +960,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
892
960
|
sortDirection: string[];
|
|
893
961
|
showSorterTooltip: boolean | Omit<Partial<{
|
|
894
962
|
disabled: boolean;
|
|
963
|
+
theme: string;
|
|
895
964
|
id: string;
|
|
896
965
|
location: NonNullable<import('../../../utils').TAnchor>;
|
|
897
|
-
text: string;
|
|
966
|
+
text: string | number;
|
|
898
967
|
modelValue: boolean;
|
|
899
968
|
eager: boolean;
|
|
900
969
|
transition: NonNullable<string | boolean | (import("vue").TransitionProps & {
|
|
@@ -909,8 +978,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
909
978
|
contentClasses: string | string[] | Record<string, boolean>;
|
|
910
979
|
contentProps: Record<string, unknown>;
|
|
911
980
|
noClickAnimation: boolean;
|
|
981
|
+
opacity: string | number;
|
|
912
982
|
activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
|
|
913
983
|
activatorProps: Record<string, any>;
|
|
984
|
+
target: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined;
|
|
914
985
|
openOnClick: NonNullable<boolean | undefined>;
|
|
915
986
|
openOnHover: boolean;
|
|
916
987
|
openOnFocus: boolean | undefined;
|
|
@@ -918,7 +989,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
918
989
|
closeDelay: string | number;
|
|
919
990
|
openDelay: string | number;
|
|
920
991
|
locationStrategy: NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
|
|
921
|
-
updateLocation: (event: Event) => void;
|
|
992
|
+
updateLocation: (event: Event | HTMLElement[]) => void;
|
|
922
993
|
} | undefined)>;
|
|
923
994
|
origin: NonNullable<import('../../../utils').TAnchor | "auto" | "overlap">;
|
|
924
995
|
offset: NonNullable<string | number | number[]>;
|
|
@@ -997,16 +1068,16 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
997
1068
|
};
|
|
998
1069
|
locationStrategy: Omit<{
|
|
999
1070
|
type: PropType<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
|
|
1000
|
-
updateLocation: (event: Event) => void;
|
|
1071
|
+
updateLocation: (event: Event | HTMLElement[]) => void;
|
|
1001
1072
|
} | undefined)>;
|
|
1002
1073
|
default: string;
|
|
1003
1074
|
validator: (value: any) => boolean;
|
|
1004
1075
|
}, "default" | "type"> & {
|
|
1005
1076
|
type: PropType<NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
|
|
1006
|
-
updateLocation: (event: Event) => void;
|
|
1077
|
+
updateLocation: (event: Event | HTMLElement[]) => void;
|
|
1007
1078
|
} | undefined)>>;
|
|
1008
1079
|
default: NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: import("vue").Ref<Record<string, string>>) => {
|
|
1009
|
-
updateLocation: (event: Event) => void;
|
|
1080
|
+
updateLocation: (event: Event | HTMLElement[]) => void;
|
|
1010
1081
|
} | undefined)>;
|
|
1011
1082
|
};
|
|
1012
1083
|
location: Omit<{
|
|
@@ -1038,6 +1109,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1038
1109
|
type: PropType<Record<string, any>>;
|
|
1039
1110
|
default: () => {};
|
|
1040
1111
|
};
|
|
1112
|
+
target: {
|
|
1113
|
+
type: PropType<import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined>;
|
|
1114
|
+
default: undefined;
|
|
1115
|
+
};
|
|
1041
1116
|
openOnClick: Omit<{
|
|
1042
1117
|
type: PropType<boolean | undefined>;
|
|
1043
1118
|
default: undefined;
|
|
@@ -1110,8 +1185,17 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1110
1185
|
type: PropType<boolean>;
|
|
1111
1186
|
default: boolean;
|
|
1112
1187
|
};
|
|
1113
|
-
|
|
1188
|
+
opacity: {
|
|
1189
|
+
type: PropType<string | number>;
|
|
1190
|
+
default: undefined;
|
|
1191
|
+
};
|
|
1192
|
+
theme: {
|
|
1114
1193
|
type: PropType<string>;
|
|
1194
|
+
available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
|
|
1195
|
+
default: undefined;
|
|
1196
|
+
};
|
|
1197
|
+
text: {
|
|
1198
|
+
type: PropType<string | number>;
|
|
1115
1199
|
default: undefined;
|
|
1116
1200
|
};
|
|
1117
1201
|
id: {
|
|
@@ -1124,7 +1208,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1124
1208
|
};
|
|
1125
1209
|
}>> & {
|
|
1126
1210
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
1127
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "id" | "location" | "text" | "modelValue" | "eager" | "transition" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "origin" | "offset" | "scrollStrategy" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>;
|
|
1211
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "theme" | "id" | "location" | "text" | "modelValue" | "eager" | "transition" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "opacity" | "activator" | "activatorProps" | "target" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "origin" | "offset" | "scrollStrategy" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>;
|
|
1128
1212
|
expandFixed: NTable.TFixed;
|
|
1129
1213
|
expandColumnWidth: number;
|
|
1130
1214
|
expandedRowKeys: NTable.TKey[];
|
|
@@ -1143,5 +1227,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1143
1227
|
transformCellText: NTable.NCell.TTransformCellText<any>;
|
|
1144
1228
|
getPopupContainer: NTable.NCustomize.TGetPopupContainer;
|
|
1145
1229
|
onResizeColumn: (width: number, column: NTable.NColumn.IColumn<any>) => void;
|
|
1230
|
+
onExpand: (expanded: boolean, record: any) => void;
|
|
1231
|
+
onExpandedRowsChange: (expandedKeys: NTable.TKey[]) => void;
|
|
1146
1232
|
}>;
|
|
1147
1233
|
export default _default;
|
|
@@ -1,14 +1,16 @@
|
|
|
1
1
|
import { VNode } from 'vue';
|
|
2
|
-
import type { Ref } from 'vue';
|
|
3
2
|
import type { NTable } from '../interface';
|
|
3
|
+
import type { Ref } from 'vue';
|
|
4
4
|
export declare const DEFAULT_PAGE_SIZE = 10;
|
|
5
|
+
export declare const DEFAULT_PAGE_SIZE_OPTIONS: number[];
|
|
6
|
+
export declare const DEFAULT_PAGINATION_POSITION = "right";
|
|
5
7
|
export interface IUsePagination {
|
|
6
8
|
mergedPagination: Ref<NTable.NPagination.IProps>;
|
|
7
9
|
resetPagination: (modelValue?: number, length?: number) => void;
|
|
8
10
|
}
|
|
9
11
|
export declare function usePagination(totalRef: Ref<number>, paginationRef: Ref<NTable.NPagination.IProps | false | undefined>, disabled: Ref<boolean>, onChange: (modelValue: number | undefined, length: number) => void): IUsePagination;
|
|
10
12
|
export declare function getPaginationParam(pagination: NTable.NPagination.IProps | boolean | undefined, mergedPagination: NTable.NPagination.IProps): any;
|
|
11
|
-
export declare function useRenderPagination(paginationProps: Ref<NTable.NPagination.IProps>, pagination?: false | NTable.NPagination.IProps): {
|
|
13
|
+
export declare function useRenderPagination(paginationProps: Ref<NTable.NPagination.IProps>, pagination?: false | NTable.NPagination.IProps, tableLocale?: Ref<NTable.ILocale>, triggerOnChange?: (info: Partial<NTable.IChangeEventInfo>, action: NTable.TAction, reset: boolean) => void): {
|
|
12
14
|
topPaginationNode: VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
13
15
|
[key: string]: any;
|
|
14
16
|
}> | undefined;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ComputedRef } from 'vue';
|
|
2
|
-
import type { NTable } from '../interface';
|
|
3
2
|
import type { ITableProps } from './table';
|
|
3
|
+
import type { NTable } from '../interface';
|
|
4
4
|
export declare function useScroll<RecordType>(props: ITableProps, flattenColumns: ComputedRef<readonly NTable.NColumn.IColumn<RecordType>[]>): {
|
|
5
5
|
fullTableRef: import("vue").Ref<HTMLDivElement | undefined>;
|
|
6
6
|
scrollHeaderRef: import("vue").Ref<HTMLDivElement | undefined>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { Ref, ComputedRef } from 'vue';
|
|
2
1
|
import type { NTable } from '../interface';
|
|
2
|
+
import type { Ref, ComputedRef } from 'vue';
|
|
3
3
|
export declare const SELECTION_COLUMN: {};
|
|
4
4
|
export declare const SELECTION_ALL: "SELECT_ALL";
|
|
5
5
|
export declare const SELECTION_INVERT: "SELECT_INVERT";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { CdsTooltip } from '../../CdsTooltip';
|
|
2
|
-
import type { Ref, ComputedRef } from 'vue';
|
|
3
2
|
import type { NTable } from '../interface';
|
|
4
3
|
import type { ComponentProps } from '../../../utils';
|
|
4
|
+
import type { Ref, ComputedRef } from 'vue';
|
|
5
5
|
export declare const ASCEND = "ascend";
|
|
6
6
|
export declare const DESCEND = "descend";
|
|
7
7
|
export interface ISorterOptions<RecordType> {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { CdsTooltip } from '../../CdsTooltip';
|
|
2
|
-
import type { PropType, Ref } from 'vue';
|
|
3
|
-
import type { ComponentProps } from '../../../utils';
|
|
4
2
|
import type { NTable } from '../interface';
|
|
3
|
+
import type { ComponentProps } from '../../../utils';
|
|
4
|
+
import type { PropType, Ref } from 'vue';
|
|
5
5
|
export interface ITableProps<RecordType = NTable.TDefaultRecord> {
|
|
6
6
|
id?: string;
|
|
7
7
|
data?: RecordType[];
|
|
@@ -87,6 +87,7 @@ export declare const makeTableProps: <Defaults extends {
|
|
|
87
87
|
bordered?: unknown;
|
|
88
88
|
borderless?: unknown;
|
|
89
89
|
header?: unknown;
|
|
90
|
+
toolbar?: unknown;
|
|
90
91
|
footer?: unknown;
|
|
91
92
|
components?: unknown;
|
|
92
93
|
customRow?: unknown;
|
|
@@ -115,6 +116,8 @@ export declare const makeTableProps: <Defaults extends {
|
|
|
115
116
|
getPopupContainer?: unknown;
|
|
116
117
|
onChange?: unknown;
|
|
117
118
|
onResizeColumn?: unknown;
|
|
119
|
+
onExpand?: unknown;
|
|
120
|
+
onExpandedRowsChange?: unknown;
|
|
118
121
|
} = {}>(defaults?: Defaults | undefined) => import('../../../utils').AppendDefault<{
|
|
119
122
|
/**
|
|
120
123
|
* Идентификатор таблицы
|
|
@@ -207,6 +210,13 @@ export declare const makeTableProps: <Defaults extends {
|
|
|
207
210
|
type: PropType<NTable.NRender.TPanelRender<any>>;
|
|
208
211
|
default: undefined;
|
|
209
212
|
};
|
|
213
|
+
/**
|
|
214
|
+
* Рендер тулбара таблицы
|
|
215
|
+
*/
|
|
216
|
+
toolbar: {
|
|
217
|
+
type: PropType<NTable.NRender.TPanelRender<any>>;
|
|
218
|
+
default: undefined;
|
|
219
|
+
};
|
|
210
220
|
/**
|
|
211
221
|
* Рендер футера таблицы
|
|
212
222
|
*/
|
|
@@ -264,9 +274,10 @@ export declare const makeTableProps: <Defaults extends {
|
|
|
264
274
|
showSorterTooltip: {
|
|
265
275
|
type: PropType<boolean | Omit<Partial<{
|
|
266
276
|
disabled: boolean;
|
|
277
|
+
theme: string;
|
|
267
278
|
id: string;
|
|
268
279
|
location: NonNullable<import('../../../utils').TAnchor>;
|
|
269
|
-
text: string;
|
|
280
|
+
text: string | number;
|
|
270
281
|
modelValue: boolean;
|
|
271
282
|
eager: boolean;
|
|
272
283
|
transition: NonNullable<string | boolean | (import("vue").TransitionProps & {
|
|
@@ -281,8 +292,10 @@ export declare const makeTableProps: <Defaults extends {
|
|
|
281
292
|
contentClasses: string | string[] | Record<string, boolean>;
|
|
282
293
|
contentProps: Record<string, unknown>;
|
|
283
294
|
noClickAnimation: boolean;
|
|
295
|
+
opacity: string | number;
|
|
284
296
|
activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
|
|
285
297
|
activatorProps: Record<string, any>;
|
|
298
|
+
target: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined;
|
|
286
299
|
openOnClick: NonNullable<boolean | undefined>;
|
|
287
300
|
openOnHover: boolean;
|
|
288
301
|
openOnFocus: boolean | undefined;
|
|
@@ -290,7 +303,7 @@ export declare const makeTableProps: <Defaults extends {
|
|
|
290
303
|
closeDelay: string | number;
|
|
291
304
|
openDelay: string | number;
|
|
292
305
|
locationStrategy: NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: Ref<Record<string, string>>) => {
|
|
293
|
-
updateLocation: (event: Event) => void;
|
|
306
|
+
updateLocation: (event: Event | HTMLElement[]) => void;
|
|
294
307
|
} | undefined)>;
|
|
295
308
|
origin: NonNullable<import('../../../utils').TAnchor | "auto" | "overlap">;
|
|
296
309
|
offset: NonNullable<string | number | number[]>;
|
|
@@ -369,16 +382,16 @@ export declare const makeTableProps: <Defaults extends {
|
|
|
369
382
|
};
|
|
370
383
|
locationStrategy: Omit<{
|
|
371
384
|
type: PropType<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: Ref<Record<string, string>>) => {
|
|
372
|
-
updateLocation: (event: Event) => void;
|
|
385
|
+
updateLocation: (event: Event | HTMLElement[]) => void;
|
|
373
386
|
} | undefined)>;
|
|
374
387
|
default: string;
|
|
375
388
|
validator: (value: any) => boolean;
|
|
376
389
|
}, "default" | "type"> & {
|
|
377
390
|
type: PropType<NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: Ref<Record<string, string>>) => {
|
|
378
|
-
updateLocation: (event: Event) => void;
|
|
391
|
+
updateLocation: (event: Event | HTMLElement[]) => void;
|
|
379
392
|
} | undefined)>>;
|
|
380
393
|
default: NonNullable<"static" | "connected" | ((data: import("../../CdsOverlay/composable").ILocationStrategyData, props: import("../../CdsOverlay/composable").ILocationStrategyProps, contentStyles: Ref<Record<string, string>>) => {
|
|
381
|
-
updateLocation: (event: Event) => void;
|
|
394
|
+
updateLocation: (event: Event | HTMLElement[]) => void;
|
|
382
395
|
} | undefined)>;
|
|
383
396
|
};
|
|
384
397
|
location: Omit<{
|
|
@@ -396,6 +409,11 @@ export declare const makeTableProps: <Defaults extends {
|
|
|
396
409
|
default: NonNullable<import('../../../utils').TAnchor | "auto" | "overlap">;
|
|
397
410
|
};
|
|
398
411
|
offset: Omit<{
|
|
412
|
+
/**
|
|
413
|
+
* @private Internal usage, may remove by refactor. Should always use `columns` instead.
|
|
414
|
+
*
|
|
415
|
+
* !!! DO NOT USE IN PRODUCTION ENVIRONMENT !!!
|
|
416
|
+
*/
|
|
399
417
|
type: PropType<string | number | number[]>;
|
|
400
418
|
default: null;
|
|
401
419
|
}, "default" | "type"> & {
|
|
@@ -410,6 +428,10 @@ export declare const makeTableProps: <Defaults extends {
|
|
|
410
428
|
type: PropType<Record<string, any>>;
|
|
411
429
|
default: () => {};
|
|
412
430
|
};
|
|
431
|
+
target: {
|
|
432
|
+
type: PropType<import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element | "parent" | "cursor" | (string & {}) | [x: number, y: number] | undefined>;
|
|
433
|
+
default: undefined;
|
|
434
|
+
};
|
|
413
435
|
openOnClick: Omit<{
|
|
414
436
|
type: PropType<boolean | undefined>;
|
|
415
437
|
default: undefined;
|
|
@@ -480,14 +502,24 @@ export declare const makeTableProps: <Defaults extends {
|
|
|
480
502
|
};
|
|
481
503
|
noClickAnimation: {
|
|
482
504
|
type: PropType<boolean>;
|
|
483
|
-
default: boolean;
|
|
505
|
+
default: boolean;
|
|
506
|
+
};
|
|
507
|
+
opacity: {
|
|
508
|
+
type: PropType<string | number>;
|
|
509
|
+
default: undefined;
|
|
510
|
+
};
|
|
511
|
+
theme: {
|
|
512
|
+
/**
|
|
484
513
|
* @private Internal usage, may remove by refactor. Should always use `columns` instead.
|
|
485
514
|
*
|
|
486
515
|
* !!! DO NOT USE IN PRODUCTION ENVIRONMENT !!!
|
|
487
516
|
*/
|
|
517
|
+
type: PropType<string>;
|
|
518
|
+
available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
|
|
519
|
+
default: undefined;
|
|
488
520
|
};
|
|
489
521
|
text: {
|
|
490
|
-
type: PropType<string>;
|
|
522
|
+
type: PropType<string | number>;
|
|
491
523
|
default: undefined;
|
|
492
524
|
};
|
|
493
525
|
id: {
|
|
@@ -500,7 +532,7 @@ export declare const makeTableProps: <Defaults extends {
|
|
|
500
532
|
};
|
|
501
533
|
}>> & {
|
|
502
534
|
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
503
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "id" | "location" | "text" | "modelValue" | "eager" | "transition" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "origin" | "offset" | "scrollStrategy" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
|
|
535
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "theme" | "id" | "location" | "text" | "modelValue" | "eager" | "transition" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "opacity" | "activator" | "activatorProps" | "target" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "origin" | "offset" | "scrollStrategy" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
|
|
504
536
|
default: boolean;
|
|
505
537
|
};
|
|
506
538
|
/**
|
|
@@ -643,6 +675,20 @@ export declare const makeTableProps: <Defaults extends {
|
|
|
643
675
|
type: PropType<(width: number, column: NTable.NColumn.IColumn) => void>;
|
|
644
676
|
default: undefined;
|
|
645
677
|
};
|
|
678
|
+
/**
|
|
679
|
+
* Событие при раскрытии строки
|
|
680
|
+
*/
|
|
681
|
+
onExpand: {
|
|
682
|
+
type: PropType<(expanded: boolean, record: NTable.TDefaultRecord) => void>;
|
|
683
|
+
default: undefined;
|
|
684
|
+
};
|
|
685
|
+
/**
|
|
686
|
+
* Событие при изменении раскрытых строк
|
|
687
|
+
*/
|
|
688
|
+
onExpandedRowsChange: {
|
|
689
|
+
type: PropType<(expandedKeys: NTable.TKey[]) => void>;
|
|
690
|
+
default: undefined;
|
|
691
|
+
};
|
|
646
692
|
}, Defaults>;
|
|
647
693
|
export declare function useLazyKVMap<RecordType>(dataRef: Ref<readonly RecordType[]>, childrenColumnNameRef: Ref<string>, getRowKeyRef: Ref<NTable.NRow.TGetRowKey<RecordType>>): {
|
|
648
694
|
getRecordByKey: (key: NTable.TKey) => NonNullable<RecordType>;
|