@central-design-system/components 3.0.0-beta.9 → 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.
Files changed (247) hide show
  1. package/dist/cds.css +1 -1
  2. package/dist/cds.d.ts +9 -3
  3. package/dist/cds.es.js +18823 -14336
  4. package/dist/cds.umd.js +6 -6
  5. package/dist/components/CdsAutocomplete/CdsAutocomplete.vue.d.ts +79 -146
  6. package/dist/components/CdsBadge/CdsBadge.vue.d.ts +20 -16
  7. package/dist/components/CdsBreadcrumbs/CdsBreadcrumbs.vue.d.ts +2 -2
  8. package/dist/components/CdsBreadcrumbs/CdsBreadcrumbsItem.vue.d.ts +5 -5
  9. package/dist/components/CdsButton/CdsButton.vue.d.ts +31 -31
  10. package/dist/components/CdsButton/CdsFunctionalButton.vue.d.ts +73 -0
  11. package/dist/components/CdsButton/index.d.ts +1 -0
  12. package/dist/components/CdsCheckbox/CdsCheckbox.vue.d.ts +10 -2
  13. package/dist/components/CdsCheckbox/CdsCheckboxGroup.vue.d.ts +2 -2
  14. package/dist/components/CdsCombobox/CdsCombobox.vue.d.ts +255 -197
  15. package/dist/components/CdsContainer/CdsContainer.vue.d.ts +36 -34
  16. package/dist/components/CdsContainer/context.d.ts +1 -1
  17. package/dist/components/CdsContentSwitcher/CdsContentSwitcher.vue.d.ts +2 -2
  18. package/dist/components/CdsContentSwitcher/CdsContentSwitcherItem.vue.d.ts +27 -27
  19. package/dist/components/CdsDatePicker/CdsDatePicker.vue.d.ts +3 -3
  20. package/dist/components/CdsDatePicker/composable/calendar.d.ts +4 -4
  21. package/dist/components/CdsDivider/CdsDivider.vue.d.ts +45 -0
  22. package/dist/components/CdsDivider/index.d.ts +1 -0
  23. package/dist/components/CdsDrawer/CdsDrawer.vue.d.ts +60 -6
  24. package/dist/components/CdsDropdown/CdsDropdown.vue.d.ts +190 -214
  25. package/dist/components/CdsEmptyState/CdsEmptyState.vue.d.ts +4 -4
  26. package/dist/components/CdsExpandablePanel/CdsExpandablePanel.vue.d.ts +13 -13
  27. package/dist/components/CdsExpandablePanel/CdsExpandablePanelTitle.vue.d.ts +10 -10
  28. package/dist/components/CdsExpandablePanel/CdsExpandablePanels.vue.d.ts +10 -10
  29. package/dist/components/CdsExpandablePanel/composable/expandablePanelTitleProps.d.ts +3 -3
  30. package/dist/components/CdsFooter/CdsFooter.vue.d.ts +14 -5
  31. package/dist/components/CdsForm/CdsForm.vue.d.ts +2 -2
  32. package/dist/components/CdsGrid/composable/column.d.ts +1 -1
  33. package/dist/components/CdsGrid/composable/subgrid.d.ts +1 -1
  34. package/dist/components/CdsGrid/mode/CSSGrid.d.ts +1 -1
  35. package/dist/components/CdsGrid/mode/FlexGrid.d.ts +1 -1
  36. package/dist/components/CdsHeader/CdsHeader.vue.d.ts +14 -5
  37. package/dist/components/CdsIcon/CdsIcon.vue.d.ts +23 -6
  38. package/dist/components/CdsImage/CdsImage.vue.d.ts +264 -0
  39. package/dist/components/CdsImage/components/CdsResponsive.vue.d.ts +87 -0
  40. package/dist/components/CdsImage/components/index.d.ts +1 -0
  41. package/dist/components/CdsImage/composable/image.d.ts +134 -0
  42. package/dist/components/CdsImage/composable/index.d.ts +2 -0
  43. package/dist/components/CdsImage/composable/responsive.d.ts +35 -0
  44. package/dist/components/CdsImage/index.d.ts +2 -0
  45. package/dist/components/CdsInput/CdsInput.vue.d.ts +18 -18
  46. package/dist/components/CdsInput/CdsInputDescription.vue.d.ts +3 -3
  47. package/dist/components/CdsInput/CdsInputLabel.vue.d.ts +15 -4
  48. package/dist/components/CdsLayout/CdsLayout.vue.d.ts +3 -3
  49. package/dist/components/CdsLayout/context.d.ts +1 -1
  50. package/dist/components/CdsLink/CdsLink.vue.d.ts +5 -15
  51. package/dist/components/CdsList/CdsList.vue.d.ts +11 -26
  52. package/dist/components/CdsList/CdsListGroup.vue.d.ts +7 -7
  53. package/dist/components/CdsList/CdsListItem.vue.d.ts +12 -12
  54. package/dist/components/CdsList/composable/list.d.ts +1 -1
  55. package/dist/components/CdsLoader/CdsLoader.vue.d.ts +3 -3
  56. package/dist/components/CdsMenu/CdsMenu.vue.d.ts +50 -16
  57. package/dist/components/CdsModal/CdsModal.vue.d.ts +32 -10
  58. package/dist/components/CdsNotification/CdsNotification.vue.d.ts +23 -27
  59. package/dist/components/CdsNotification/CdsNotificationAlert.vue.d.ts +44 -26
  60. package/dist/components/CdsNotification/composable/notification.d.ts +4 -4
  61. package/dist/components/CdsOverlay/CdsOverlay.vue.d.ts +35 -3
  62. package/dist/components/CdsOverlay/composable/activator.d.ts +19 -6
  63. package/dist/components/CdsOverlay/composable/locationStrategies.d.ts +6 -5
  64. package/dist/components/CdsOverlay/composable/scrollStrategies.d.ts +1 -1
  65. package/dist/components/CdsOverlay/composable/teleport.d.ts +25 -1
  66. package/dist/components/CdsOverlay/constants.d.ts +2 -0
  67. package/dist/components/CdsPagination/CdsPagination.vue.d.ts +28 -4
  68. package/dist/components/CdsProgress/CdsProgress.vue.d.ts +2 -2
  69. package/dist/components/CdsRadioButton/CdsRadio.vue.d.ts +18 -14
  70. package/dist/components/CdsRadioButton/CdsRadioButton.vue.d.ts +2 -2
  71. package/dist/components/CdsSelect/CdsSelect.vue.d.ts +81 -67
  72. package/dist/components/CdsSidebar/CdsSidebar.vue.d.ts +3 -3
  73. package/dist/components/CdsSkeletonLoader/CdsSkeletonLoader.vue.d.ts +5 -5
  74. package/dist/components/CdsSlideGroup/CdsSlideGroup.vue.d.ts +19 -19
  75. package/dist/components/CdsStages/CdsStages.vue.d.ts +3 -3
  76. package/dist/components/CdsStatus/CdsStatus.vue.d.ts +30 -23
  77. package/dist/components/CdsSteps/CdsSteps.vue.d.ts +7 -67
  78. package/dist/components/CdsSteps/CdsStepsItem.vue.d.ts +5 -5
  79. package/dist/components/CdsSteps/context.d.ts +3 -2
  80. package/dist/components/CdsTable/CdsTable.vue.d.ts +90 -45
  81. package/dist/components/CdsTable/components/Footer/Footer.d.ts +1 -1
  82. package/dist/components/CdsTable/components/Header/DragHandle.d.ts +1 -1
  83. package/dist/components/CdsTable/components/Icons/ExpandIcon.d.ts +2 -1
  84. package/dist/components/CdsTable/components/Table/InternalTable.d.ts +83 -26
  85. package/dist/components/CdsTable/components/TableProvider.d.ts +86 -29
  86. package/dist/components/CdsTable/composable/filter.d.ts +1 -1
  87. package/dist/components/CdsTable/composable/flat.d.ts +1 -1
  88. package/dist/components/CdsTable/composable/pagination.d.ts +4 -2
  89. package/dist/components/CdsTable/composable/scroll.d.ts +4607 -0
  90. package/dist/components/CdsTable/composable/selection.d.ts +1 -1
  91. package/dist/components/CdsTable/composable/sorter.d.ts +1 -1
  92. package/dist/components/CdsTable/composable/sticky.d.ts +1 -1
  93. package/dist/components/CdsTable/composable/table.d.ts +53 -13
  94. package/dist/components/CdsTable/constants.d.ts +1 -0
  95. package/dist/components/CdsTable/context/summary.d.ts +1 -1
  96. package/dist/components/CdsTable/context/table.d.ts +1 -1
  97. package/dist/components/CdsTable/interface.d.ts +11 -7
  98. package/dist/components/CdsTable/utils/column.d.ts +1 -3
  99. package/dist/components/CdsTable/utils/index.d.ts +1 -1
  100. package/dist/components/CdsTable/utils/vnode.d.ts +10 -0
  101. package/dist/components/CdsTabs/CdsTab.vue.d.ts +14 -14
  102. package/dist/components/CdsTabs/CdsTabs.vue.d.ts +29 -34
  103. package/dist/components/CdsTag/CdsTag.vue.d.ts +45 -41
  104. package/dist/components/CdsTextArea/CdsTextArea.vue.d.ts +71 -49
  105. package/dist/components/CdsTextInput/CdsTextInput.vue.d.ts +81 -71
  106. package/dist/components/CdsTimePicker/CdsTimePicker.vue.d.ts +2 -2
  107. package/dist/components/CdsTimePicker/composable/time.d.ts +2 -2
  108. package/dist/components/CdsToggle/CdsToggle.vue.d.ts +2 -2
  109. package/dist/components/CdsToolbar/CdsToolbar.vue.d.ts +44 -2
  110. package/dist/components/CdsTooltip/CdsTooltip.vue.d.ts +30 -20
  111. package/dist/components/CdsTree/CdsTree.vue.d.ts +708 -0
  112. package/dist/components/CdsTree/CdsTreeDirectory.vue.d.ts +446 -0
  113. package/dist/components/CdsTree/CdsTreeNode.vue.d.ts +119 -0
  114. package/dist/components/CdsTree/components/DropIndicator.d.ts +9 -0
  115. package/dist/components/CdsTree/components/Indent.d.ts +10 -0
  116. package/dist/components/CdsTree/components/MotionTreeNode.d.ts +128 -0
  117. package/dist/components/CdsTree/components/NodeList.d.ts +191 -0
  118. package/dist/components/CdsTree/components/SwitcherIcon.d.ts +12 -0
  119. package/dist/components/CdsTree/components/TreeContext.d.ts +81 -0
  120. package/dist/components/CdsTree/components/TreeProvider.d.ts +619 -0
  121. package/dist/components/CdsTree/components/VirtualList/Filler.d.ts +12 -0
  122. package/dist/components/CdsTree/components/VirtualList/Item.d.ts +6 -0
  123. package/dist/components/CdsTree/components/VirtualList/ScrollBar.d.ts +33 -0
  124. package/dist/components/CdsTree/components/VirtualList/VirtualList.d.ts +84 -0
  125. package/dist/components/CdsTree/components/VirtualList/features/index.d.ts +5 -0
  126. package/dist/components/CdsTree/components/VirtualList/features/useFrameWheel.d.ts +10 -0
  127. package/dist/components/CdsTree/components/VirtualList/features/useHeights.d.ts +9 -0
  128. package/dist/components/CdsTree/components/VirtualList/features/useMobileTouchMove.d.ts +2 -0
  129. package/dist/components/CdsTree/components/VirtualList/features/useOriginScroll.d.ts +2 -0
  130. package/dist/components/CdsTree/components/VirtualList/features/useScrollTo.d.ts +4 -0
  131. package/dist/components/CdsTree/components/VirtualList/index.d.ts +2 -0
  132. package/dist/components/CdsTree/components/VirtualList/interface.d.ts +10 -0
  133. package/dist/components/CdsTree/composable/events.d.ts +133 -0
  134. package/dist/components/CdsTree/composable/index.d.ts +2 -0
  135. package/dist/components/CdsTree/composable/tree.d.ts +273 -0
  136. package/dist/components/CdsTree/composable/treeNode.d.ts +75 -0
  137. package/dist/components/CdsTree/index.d.ts +5 -0
  138. package/dist/components/CdsTree/interface.d.ts +104 -4
  139. package/dist/components/CdsTree/utils/conduct.d.ts +1 -1
  140. package/dist/components/CdsTree/utils/data.d.ts +70 -0
  141. package/dist/components/CdsTree/utils/diff.d.ts +6 -0
  142. package/dist/components/CdsTree/utils/directory.d.ts +9 -0
  143. package/dist/components/CdsTree/utils/index.d.ts +2 -0
  144. package/dist/components/CdsUploader/CdsUploader.vue.d.ts +637 -57
  145. package/dist/components/CdsUploader/components/AjaxUploader.d.ts +603 -15
  146. package/dist/components/CdsUploader/components/UploadList/ListItem.d.ts +19 -19
  147. package/dist/components/CdsUploader/components/UploadList/UploadList.d.ts +18 -18
  148. package/dist/components/CdsUploader/composable/upload.d.ts +221 -19
  149. package/dist/components/CdsUploader/index.d.ts +1 -0
  150. package/dist/components/CdsUploader/interface.d.ts +1 -1
  151. package/dist/components/index.d.ts +10 -1
  152. package/dist/composable/appearance.d.ts +4 -4
  153. package/dist/composable/color.d.ts +17 -6
  154. package/dist/composable/datetime.d.ts +4 -4
  155. package/dist/composable/delay.d.ts +3 -2
  156. package/dist/composable/direction.d.ts +1 -1
  157. package/dist/composable/display.d.ts +2 -0
  158. package/dist/composable/domObserver.d.ts +5 -0
  159. package/dist/composable/field.d.ts +17 -5
  160. package/dist/composable/filter.d.ts +30 -0
  161. package/dist/composable/form.d.ts +2 -2
  162. package/dist/composable/group.d.ts +3 -3
  163. package/dist/composable/icon.d.ts +3 -3
  164. package/dist/composable/index.d.ts +4 -1
  165. package/dist/composable/invertColor.d.ts +19 -0
  166. package/dist/composable/layout.d.ts +20 -20
  167. package/dist/composable/loading.d.ts +2 -2
  168. package/dist/composable/menu.d.ts +3 -1
  169. package/dist/composable/nested/nested.d.ts +2 -2
  170. package/dist/composable/overlay.d.ts +9 -1
  171. package/dist/{components/CdsDropdown/composable → composable}/scrolling.d.ts +2 -2
  172. package/dist/composable/select.d.ts +12 -19
  173. package/dist/composable/size.d.ts +1 -1
  174. package/dist/composable/text.d.ts +2 -2
  175. package/dist/composable/theme.d.ts +13 -22
  176. package/dist/composable/transition.d.ts +2 -0
  177. package/dist/composable/transparent.d.ts +19 -0
  178. package/dist/composable/validation.d.ts +2 -2
  179. package/dist/composable/variant.d.ts +2 -5
  180. package/dist/create.d.ts +6 -1
  181. package/dist/globals.d.ts +7 -0
  182. package/dist/locale/index.d.ts +4 -1
  183. package/dist/themes/b2bDark.d.ts +190 -0
  184. package/dist/themes/b2bLight.d.ts +190 -0
  185. package/dist/themes/cdsDark.d.ts +190 -0
  186. package/dist/themes/cdsLight.d.ts +190 -0
  187. package/dist/themes/colors.d.ts +458 -0
  188. package/dist/themes/index.d.ts +5 -4
  189. package/dist/themes/themes.d.ts +4 -4
  190. package/dist/transitions/collapseTransition.d.ts +11 -0
  191. package/dist/transitions/index.d.ts +1 -0
  192. package/dist/utils/colorsUtils/utils.d.ts +1 -0
  193. package/dist/utils/date/date.d.ts +1 -0
  194. package/dist/utils/dom/bindProps.d.ts +2 -0
  195. package/dist/utils/dom/box.d.ts +1 -0
  196. package/dist/utils/helpers.d.ts +24 -6
  197. package/dist/utils/index.d.ts +3 -1
  198. package/dist/utils/propsFactory.d.ts +1 -1
  199. package/dist/utils/use/flattenChildren.d.ts +3 -0
  200. package/nuxt.js +2 -1
  201. package/package.json +5 -1
  202. package/src/scss/index.scss +0 -2
  203. package/src/scss/mixins/layout/_shadow.scss +43 -2
  204. package/src/scss/mixins/layout/_spacing.scss +13 -12
  205. package/src/scss/mixins/layout/index.scss +1 -0
  206. package/src/scss/mixins/typo.scss +261 -58
  207. package/src/scss/modules/_reset.scss +5 -4
  208. package/src/scss/modules/_transition.scss +31 -0
  209. package/src/scss/modules/_typography.scss +6 -2
  210. package/src/scss/modules/grid/_css-grid.scss +12 -19
  211. package/src/scss/modules/grid/_flex-grid.scss +9 -5
  212. package/src/scss/modules/grid/_mixins.scss +23 -31
  213. package/src/scss/themes/.deprecated +1 -0
  214. package/src/scss/themes/b2b/tokens.json +104 -104
  215. package/src/scss/themes/b2b/variables.css +142 -0
  216. package/src/scss/themes/cds/tokens.json +104 -104
  217. package/src/scss/themes/cds/variables.css +173 -31
  218. package/src/scss/themes/index.ts +1 -1
  219. package/src/scss/utility/index.scss +1 -0
  220. package/src/scss/utility/lists.scss +1 -1
  221. package/src/scss/utility/typography.scss +63 -0
  222. package/src/scss/utility/variables/exports/_display.scss +4 -4
  223. package/src/scss/utility/variables/exports/_typography.scss +22 -0
  224. package/src/scss/utility/variables/index.scss +1 -0
  225. package/src/scss/utility/variables/typography.scss +93 -0
  226. package/src/themes/b2bDark.ts +191 -0
  227. package/src/themes/b2bLight.ts +191 -0
  228. package/src/themes/cdsDark.ts +191 -0
  229. package/src/themes/cdsLight.ts +191 -0
  230. package/src/themes/colors.ts +492 -0
  231. package/src/themes/css/b2bDark.css +184 -0
  232. package/src/themes/css/b2bLight.css +184 -0
  233. package/src/themes/css/cdsDark.css +184 -0
  234. package/src/themes/css/cdsLight.css +184 -0
  235. package/src/themes/index.ts +8 -0
  236. package/src/themes/themes.d.ts +10 -0
  237. package/dist/components/CdsDropdown/composable/index.d.ts +0 -1
  238. package/dist/components/CdsSteps/svg/_CdsStepCurrentIcon.vue.d.ts +0 -2
  239. package/dist/components/CdsSteps/svg/_CdsStepsIconIncomplete.vue.d.ts +0 -2
  240. package/dist/composable/dark.d.ts +0 -19
  241. package/dist/plugins/index.d.ts +0 -2
  242. package/dist/themes/b2b.d.ts +0 -26
  243. package/dist/themes/cds.d.ts +0 -26
  244. package/dist/themes/dark.d.ts +0 -26
  245. package/dist/themes/promo.d.ts +0 -26
  246. package/dist/utils/colors.d.ts +0 -368
  247. /package/dist/{components/CdsTable/utils → utils/use}/listener.d.ts +0 -0
@@ -0,0 +1,619 @@
1
+ import { PropType } from 'vue';
2
+ import { NTree } from '../interface';
3
+ import DropIndicator from './DropIndicator';
4
+ declare const _default: import("vue").DefineComponent<{
5
+ children: PropType<any>;
6
+ activeKey: {
7
+ type: PropType<NTree.TKey>;
8
+ };
9
+ focusable: {
10
+ type: PropType<boolean>;
11
+ default: undefined;
12
+ };
13
+ tabindex: {
14
+ type: PropType<number>;
15
+ default: undefined;
16
+ };
17
+ defaultCheckedKeys: {
18
+ type: PropType<NTree.TKey[]>;
19
+ default: () => never[];
20
+ };
21
+ dropIndicatorRender: {
22
+ type: PropType<(props: {
23
+ dropPosition: -1 | 0 | 1;
24
+ dropLevelOffset: number;
25
+ indent: number;
26
+ prefixCls: string;
27
+ }) => any>;
28
+ default: typeof DropIndicator;
29
+ };
30
+ itemHeight: {
31
+ type: PropType<number>;
32
+ default: number;
33
+ };
34
+ replaceFields: {
35
+ type: PropType<NTree.IFieldNames>;
36
+ default: undefined;
37
+ };
38
+ onFocus: {
39
+ type: PropType<(event: FocusEvent) => void>;
40
+ default: undefined;
41
+ };
42
+ onBlur: {
43
+ type: PropType<(event: FocusEvent) => void>;
44
+ default: undefined;
45
+ };
46
+ onKeydown: {
47
+ type: PropType<NTree.TEventHandler>;
48
+ default: undefined;
49
+ };
50
+ onContextmenu: {
51
+ type: PropType<NTree.TEventHandler>;
52
+ default: undefined;
53
+ };
54
+ onClick: {
55
+ type: PropType<NTree.TNodeMouseEventHandler>;
56
+ default: undefined;
57
+ };
58
+ onDblclick: {
59
+ type: PropType<NTree.TNodeMouseEventHandler>;
60
+ default: undefined;
61
+ };
62
+ onScroll: {
63
+ type: PropType<NTree.TEventHandler>;
64
+ default: undefined;
65
+ };
66
+ onExpand: {
67
+ type: PropType<(expandedKeys: NTree.TKey[], info: {
68
+ node: NTree.IEventDataNode;
69
+ expanded: boolean;
70
+ nativeEvent: MouseEvent;
71
+ }) => void>;
72
+ default: undefined;
73
+ };
74
+ onCheck: {
75
+ type: PropType<(checked: NTree.TKey[] | {
76
+ checked: NTree.TKey[];
77
+ halfChecked: NTree.TKey[];
78
+ }, info: NTree.ICheckInfo) => void>;
79
+ default: undefined;
80
+ };
81
+ onSelect: {
82
+ type: PropType<(selectedKeys: NTree.TKey[], info: {
83
+ event: "select";
84
+ selected: boolean;
85
+ node: NTree.IEventDataNode;
86
+ selectedNodes: NTree.IDataNode[];
87
+ nativeEvent: MouseEvent;
88
+ }) => void>;
89
+ default: undefined;
90
+ };
91
+ onLoad: {
92
+ type: PropType<(loadedKeys: NTree.TKey[], info: {
93
+ event: "load";
94
+ node: NTree.IEventDataNode;
95
+ }) => void>;
96
+ default: undefined;
97
+ };
98
+ onMouseenter: {
99
+ type: PropType<(info: NTree.TNodeMouseEventParams) => void>;
100
+ default: undefined;
101
+ };
102
+ onMouseleave: {
103
+ type: PropType<(info: NTree.TNodeMouseEventParams) => void>;
104
+ default: undefined;
105
+ };
106
+ onRightClick: {
107
+ type: PropType<(info: NTree.TNodeMouseEventParams) => void>;
108
+ default: undefined;
109
+ };
110
+ onDragstart: {
111
+ type: PropType<(info: NTree.TNodeDragEventParams) => void>;
112
+ default: undefined;
113
+ };
114
+ onDragenter: {
115
+ type: PropType<(info: NTree.TNodeDragEventParams & {
116
+ expandedKeys: NTree.TKey[];
117
+ }) => void>;
118
+ default: undefined;
119
+ };
120
+ onDragover: {
121
+ type: PropType<(info: NTree.TNodeDragEventParams) => void>;
122
+ default: undefined;
123
+ };
124
+ onDragleave: {
125
+ type: PropType<(info: NTree.TNodeDragEventParams) => void>;
126
+ default: undefined;
127
+ };
128
+ onDragend: {
129
+ type: PropType<(info: NTree.TNodeDragEventParams) => void>;
130
+ default: undefined;
131
+ };
132
+ onDrop: {
133
+ type: PropType<(info: NTree.TNodeDragEventParams & {
134
+ dragNode: NTree.IEventDataNode | null;
135
+ dragNodesKeys: NTree.TKey[];
136
+ dropPosition: number;
137
+ dropToGap: boolean;
138
+ }) => void>;
139
+ default: undefined;
140
+ };
141
+ onActiveChange: {
142
+ type: PropType<(key: NTree.TKey | null) => void>;
143
+ default: undefined;
144
+ };
145
+ disabled: {
146
+ type: PropType<boolean>;
147
+ default: boolean;
148
+ };
149
+ treeData: {
150
+ type: PropType<NTree.IDataNode[]>;
151
+ default: undefined;
152
+ };
153
+ selectable: {
154
+ type: PropType<boolean>;
155
+ default: boolean;
156
+ };
157
+ multiple: {
158
+ type: PropType<boolean>;
159
+ default: boolean;
160
+ };
161
+ checkable: {
162
+ type: PropType<boolean>;
163
+ default: boolean;
164
+ };
165
+ draggable: {
166
+ type: PropType<boolean | NTree.TDraggableConfig>;
167
+ default: boolean;
168
+ };
169
+ checkedKeys: {
170
+ type: PropType<NTree.TKey[] | {
171
+ checked: NTree.TKey[];
172
+ halfChecked: NTree.TKey[];
173
+ }>;
174
+ default: undefined;
175
+ };
176
+ expandedKeys: {
177
+ type: PropType<NTree.TKey[]>;
178
+ default: undefined;
179
+ };
180
+ selectedKeys: {
181
+ type: PropType<NTree.TKey[]>;
182
+ default: undefined;
183
+ };
184
+ autoExpandParent: {
185
+ type: PropType<boolean>;
186
+ default: boolean;
187
+ };
188
+ defaultExpandedKeys: {
189
+ type: PropType<NTree.TKey[]>;
190
+ default: () => never[];
191
+ };
192
+ defaultExpandParent: {
193
+ type: PropType<boolean>;
194
+ default: boolean;
195
+ };
196
+ defaultExpandAll: {
197
+ type: PropType<boolean>;
198
+ default: boolean;
199
+ };
200
+ defaultSelectedKeys: {
201
+ type: PropType<NTree.TKey[]>;
202
+ default: undefined;
203
+ };
204
+ expandAction: {
205
+ type: PropType<NTree.TExpandAction>;
206
+ default: undefined;
207
+ };
208
+ checkStrictly: {
209
+ type: PropType<boolean>;
210
+ default: boolean;
211
+ };
212
+ allowDrop: {
213
+ type: PropType<NTree.TAllowDrop<NTree.IDataNode>>;
214
+ default: () => true;
215
+ };
216
+ blockNode: {
217
+ type: PropType<boolean>;
218
+ default: boolean;
219
+ };
220
+ fieldNames: {
221
+ type: PropType<NTree.IFieldNames>;
222
+ default: undefined;
223
+ };
224
+ showLine: {
225
+ type: PropType<boolean | {
226
+ showLeafIcon: boolean | "search" | "bold" | "link" | "list" | "fill" | "filters" | "add" | "administrator" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "tab-backward" | "tab-forward" | "telegram" | "timer" | "tool" | "truck" | "underline" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube";
227
+ }>;
228
+ default: undefined;
229
+ };
230
+ showIcon: {
231
+ type: PropType<boolean>;
232
+ default: boolean;
233
+ };
234
+ filterTreeNode: {
235
+ type: PropType<(treeNode: NTree.IEventDataNode) => boolean>;
236
+ default: undefined;
237
+ };
238
+ loadData: {
239
+ type: PropType<(treeNode: NTree.IEventDataNode) => Promise<any>>;
240
+ default: undefined;
241
+ };
242
+ loadedKeys: {
243
+ type: PropType<NTree.TKey[]>;
244
+ default: () => never[];
245
+ };
246
+ icon: {
247
+ type: PropType<(nodeProps: NTree.ITreeNodeAttribute) => any>;
248
+ default: undefined;
249
+ };
250
+ switcherIcon: {
251
+ type: PropType<(nodeProps: import("./SwitcherIcon").SwitcherIconProps) => any>;
252
+ default: undefined;
253
+ };
254
+ openAnimation: {
255
+ type: FunctionConstructor;
256
+ default: undefined;
257
+ };
258
+ virtual: {
259
+ type: PropType<boolean>;
260
+ default: boolean;
261
+ };
262
+ height: {
263
+ type: PropType<number>;
264
+ default: undefined;
265
+ };
266
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
267
+ children: PropType<any>;
268
+ activeKey: {
269
+ type: PropType<NTree.TKey>;
270
+ };
271
+ focusable: {
272
+ type: PropType<boolean>;
273
+ default: undefined;
274
+ };
275
+ tabindex: {
276
+ type: PropType<number>;
277
+ default: undefined;
278
+ };
279
+ defaultCheckedKeys: {
280
+ type: PropType<NTree.TKey[]>;
281
+ default: () => never[];
282
+ };
283
+ dropIndicatorRender: {
284
+ type: PropType<(props: {
285
+ dropPosition: -1 | 0 | 1;
286
+ dropLevelOffset: number;
287
+ indent: number;
288
+ prefixCls: string;
289
+ }) => any>;
290
+ default: typeof DropIndicator;
291
+ };
292
+ itemHeight: {
293
+ type: PropType<number>;
294
+ default: number;
295
+ };
296
+ replaceFields: {
297
+ type: PropType<NTree.IFieldNames>;
298
+ default: undefined;
299
+ };
300
+ onFocus: {
301
+ type: PropType<(event: FocusEvent) => void>;
302
+ default: undefined;
303
+ };
304
+ onBlur: {
305
+ type: PropType<(event: FocusEvent) => void>;
306
+ default: undefined;
307
+ };
308
+ onKeydown: {
309
+ type: PropType<NTree.TEventHandler>;
310
+ default: undefined;
311
+ };
312
+ onContextmenu: {
313
+ type: PropType<NTree.TEventHandler>;
314
+ default: undefined;
315
+ };
316
+ onClick: {
317
+ type: PropType<NTree.TNodeMouseEventHandler>;
318
+ default: undefined;
319
+ };
320
+ onDblclick: {
321
+ type: PropType<NTree.TNodeMouseEventHandler>;
322
+ default: undefined;
323
+ };
324
+ onScroll: {
325
+ type: PropType<NTree.TEventHandler>;
326
+ default: undefined;
327
+ };
328
+ onExpand: {
329
+ type: PropType<(expandedKeys: NTree.TKey[], info: {
330
+ node: NTree.IEventDataNode;
331
+ expanded: boolean;
332
+ nativeEvent: MouseEvent;
333
+ }) => void>;
334
+ default: undefined;
335
+ };
336
+ onCheck: {
337
+ type: PropType<(checked: NTree.TKey[] | {
338
+ checked: NTree.TKey[];
339
+ halfChecked: NTree.TKey[];
340
+ }, info: NTree.ICheckInfo) => void>;
341
+ default: undefined;
342
+ };
343
+ onSelect: {
344
+ type: PropType<(selectedKeys: NTree.TKey[], info: {
345
+ event: "select";
346
+ selected: boolean;
347
+ node: NTree.IEventDataNode;
348
+ selectedNodes: NTree.IDataNode[];
349
+ nativeEvent: MouseEvent;
350
+ }) => void>;
351
+ default: undefined;
352
+ };
353
+ onLoad: {
354
+ type: PropType<(loadedKeys: NTree.TKey[], info: {
355
+ event: "load";
356
+ node: NTree.IEventDataNode;
357
+ }) => void>;
358
+ default: undefined;
359
+ };
360
+ onMouseenter: {
361
+ type: PropType<(info: NTree.TNodeMouseEventParams) => void>;
362
+ default: undefined;
363
+ };
364
+ onMouseleave: {
365
+ type: PropType<(info: NTree.TNodeMouseEventParams) => void>;
366
+ default: undefined;
367
+ };
368
+ onRightClick: {
369
+ type: PropType<(info: NTree.TNodeMouseEventParams) => void>;
370
+ default: undefined;
371
+ };
372
+ onDragstart: {
373
+ type: PropType<(info: NTree.TNodeDragEventParams) => void>;
374
+ default: undefined;
375
+ };
376
+ onDragenter: {
377
+ type: PropType<(info: NTree.TNodeDragEventParams & {
378
+ expandedKeys: NTree.TKey[];
379
+ }) => void>;
380
+ default: undefined;
381
+ };
382
+ onDragover: {
383
+ type: PropType<(info: NTree.TNodeDragEventParams) => void>;
384
+ default: undefined;
385
+ };
386
+ onDragleave: {
387
+ type: PropType<(info: NTree.TNodeDragEventParams) => void>;
388
+ default: undefined;
389
+ };
390
+ onDragend: {
391
+ type: PropType<(info: NTree.TNodeDragEventParams) => void>;
392
+ default: undefined;
393
+ };
394
+ onDrop: {
395
+ type: PropType<(info: NTree.TNodeDragEventParams & {
396
+ dragNode: NTree.IEventDataNode | null;
397
+ dragNodesKeys: NTree.TKey[];
398
+ dropPosition: number;
399
+ dropToGap: boolean;
400
+ }) => void>;
401
+ default: undefined;
402
+ };
403
+ onActiveChange: {
404
+ type: PropType<(key: NTree.TKey | null) => void>;
405
+ default: undefined;
406
+ };
407
+ disabled: {
408
+ type: PropType<boolean>;
409
+ default: boolean;
410
+ };
411
+ treeData: {
412
+ type: PropType<NTree.IDataNode[]>;
413
+ default: undefined;
414
+ };
415
+ selectable: {
416
+ type: PropType<boolean>;
417
+ default: boolean;
418
+ };
419
+ multiple: {
420
+ type: PropType<boolean>;
421
+ default: boolean;
422
+ };
423
+ checkable: {
424
+ type: PropType<boolean>;
425
+ default: boolean;
426
+ };
427
+ draggable: {
428
+ type: PropType<boolean | NTree.TDraggableConfig>;
429
+ default: boolean;
430
+ };
431
+ checkedKeys: {
432
+ type: PropType<NTree.TKey[] | {
433
+ checked: NTree.TKey[];
434
+ halfChecked: NTree.TKey[];
435
+ }>;
436
+ default: undefined;
437
+ };
438
+ expandedKeys: {
439
+ type: PropType<NTree.TKey[]>;
440
+ default: undefined;
441
+ };
442
+ selectedKeys: {
443
+ type: PropType<NTree.TKey[]>;
444
+ default: undefined;
445
+ };
446
+ autoExpandParent: {
447
+ type: PropType<boolean>;
448
+ default: boolean;
449
+ };
450
+ defaultExpandedKeys: {
451
+ type: PropType<NTree.TKey[]>;
452
+ default: () => never[];
453
+ };
454
+ defaultExpandParent: {
455
+ type: PropType<boolean>;
456
+ default: boolean;
457
+ };
458
+ defaultExpandAll: {
459
+ type: PropType<boolean>;
460
+ default: boolean;
461
+ };
462
+ defaultSelectedKeys: {
463
+ type: PropType<NTree.TKey[]>;
464
+ default: undefined;
465
+ };
466
+ expandAction: {
467
+ type: PropType<NTree.TExpandAction>;
468
+ default: undefined;
469
+ };
470
+ checkStrictly: {
471
+ type: PropType<boolean>;
472
+ default: boolean;
473
+ };
474
+ allowDrop: {
475
+ type: PropType<NTree.TAllowDrop<NTree.IDataNode>>;
476
+ default: () => true;
477
+ };
478
+ blockNode: {
479
+ type: PropType<boolean>;
480
+ default: boolean;
481
+ };
482
+ fieldNames: {
483
+ type: PropType<NTree.IFieldNames>;
484
+ default: undefined;
485
+ };
486
+ showLine: {
487
+ type: PropType<boolean | {
488
+ showLeafIcon: boolean | "search" | "bold" | "link" | "list" | "fill" | "filters" | "add" | "administrator" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "tab-backward" | "tab-forward" | "telegram" | "timer" | "tool" | "truck" | "underline" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube";
489
+ }>;
490
+ default: undefined;
491
+ };
492
+ showIcon: {
493
+ type: PropType<boolean>;
494
+ default: boolean;
495
+ };
496
+ filterTreeNode: {
497
+ type: PropType<(treeNode: NTree.IEventDataNode) => boolean>;
498
+ default: undefined;
499
+ };
500
+ loadData: {
501
+ type: PropType<(treeNode: NTree.IEventDataNode) => Promise<any>>;
502
+ default: undefined;
503
+ };
504
+ loadedKeys: {
505
+ type: PropType<NTree.TKey[]>;
506
+ default: () => never[];
507
+ };
508
+ icon: {
509
+ type: PropType<(nodeProps: NTree.ITreeNodeAttribute) => any>;
510
+ default: undefined;
511
+ };
512
+ switcherIcon: {
513
+ type: PropType<(nodeProps: import("./SwitcherIcon").SwitcherIconProps) => any>;
514
+ default: undefined;
515
+ };
516
+ openAnimation: {
517
+ type: FunctionConstructor;
518
+ default: undefined;
519
+ };
520
+ virtual: {
521
+ type: PropType<boolean>;
522
+ default: boolean;
523
+ };
524
+ height: {
525
+ type: PropType<number>;
526
+ default: undefined;
527
+ };
528
+ }>>, {
529
+ multiple: boolean;
530
+ disabled: boolean;
531
+ draggable: boolean | NTree.TDraggableConfig;
532
+ icon: (nodeProps: NTree.ITreeNodeAttribute) => any;
533
+ onClick: NTree.TNodeMouseEventHandler;
534
+ onBlur: (event: FocusEvent) => void;
535
+ onFocus: (event: FocusEvent) => void;
536
+ height: number;
537
+ tabindex: number;
538
+ showIcon: boolean;
539
+ onKeydown: NTree.TEventHandler;
540
+ onMouseenter: (info: NTree.TNodeMouseEventParams) => void;
541
+ onMouseleave: (info: NTree.TNodeMouseEventParams) => void;
542
+ onLoad: (loadedKeys: NTree.TKey[], info: {
543
+ event: "load";
544
+ node: NTree.IEventDataNode;
545
+ }) => void;
546
+ onScroll: NTree.TEventHandler;
547
+ onExpand: (expandedKeys: NTree.TKey[], info: {
548
+ node: NTree.IEventDataNode;
549
+ expanded: boolean;
550
+ nativeEvent: MouseEvent;
551
+ }) => void;
552
+ treeData: NTree.IDataNode[];
553
+ selectable: boolean;
554
+ checkable: boolean;
555
+ checkedKeys: NTree.TKey[] | {
556
+ checked: NTree.TKey[];
557
+ halfChecked: NTree.TKey[];
558
+ };
559
+ expandedKeys: NTree.TKey[];
560
+ selectedKeys: NTree.TKey[];
561
+ autoExpandParent: boolean;
562
+ defaultExpandedKeys: NTree.TKey[];
563
+ defaultExpandParent: boolean;
564
+ defaultExpandAll: boolean;
565
+ defaultSelectedKeys: NTree.TKey[];
566
+ expandAction: NTree.TExpandAction;
567
+ checkStrictly: boolean;
568
+ allowDrop: NTree.TAllowDrop<NTree.IDataNode>;
569
+ blockNode: boolean;
570
+ fieldNames: NTree.IFieldNames;
571
+ showLine: boolean | {
572
+ showLeafIcon: boolean | "search" | "bold" | "link" | "list" | "fill" | "filters" | "add" | "administrator" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "tab-backward" | "tab-forward" | "telegram" | "timer" | "tool" | "truck" | "underline" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube";
573
+ };
574
+ filterTreeNode: (treeNode: NTree.IEventDataNode) => boolean;
575
+ loadData: (treeNode: NTree.IEventDataNode) => Promise<any>;
576
+ loadedKeys: NTree.TKey[];
577
+ switcherIcon: (nodeProps: import("./SwitcherIcon").SwitcherIconProps) => any;
578
+ openAnimation: Function;
579
+ virtual: boolean;
580
+ onContextmenu: NTree.TEventHandler;
581
+ onDblclick: NTree.TNodeMouseEventHandler;
582
+ onCheck: (checked: NTree.TKey[] | {
583
+ checked: NTree.TKey[];
584
+ halfChecked: NTree.TKey[];
585
+ }, info: NTree.ICheckInfo) => void;
586
+ onSelect: (selectedKeys: NTree.TKey[], info: {
587
+ event: "select";
588
+ selected: boolean;
589
+ node: NTree.IEventDataNode;
590
+ selectedNodes: NTree.IDataNode[];
591
+ nativeEvent: MouseEvent;
592
+ }) => void;
593
+ onRightClick: (info: NTree.TNodeMouseEventParams) => void;
594
+ onDragstart: (info: NTree.TNodeDragEventParams) => void;
595
+ onDragenter: (info: NTree.TNodeDragEventParams & {
596
+ expandedKeys: NTree.TKey[];
597
+ }) => void;
598
+ onDragover: (info: NTree.TNodeDragEventParams) => void;
599
+ onDragleave: (info: NTree.TNodeDragEventParams) => void;
600
+ onDragend: (info: NTree.TNodeDragEventParams) => void;
601
+ onDrop: (info: NTree.TNodeDragEventParams & {
602
+ dragNode: NTree.IEventDataNode | null;
603
+ dragNodesKeys: NTree.TKey[];
604
+ dropPosition: number;
605
+ dropToGap: boolean;
606
+ }) => void;
607
+ onActiveChange: (key: NTree.TKey | null) => void;
608
+ focusable: boolean;
609
+ defaultCheckedKeys: NTree.TKey[];
610
+ dropIndicatorRender: (props: {
611
+ dropPosition: -1 | 0 | 1;
612
+ dropLevelOffset: number;
613
+ indent: number;
614
+ prefixCls: string;
615
+ }) => any;
616
+ itemHeight: number;
617
+ replaceFields: NTree.IFieldNames;
618
+ }>;
619
+ export default _default;
@@ -0,0 +1,12 @@
1
+ import { FunctionalComponent, ShallowRef } from 'vue';
2
+ interface FillerProps {
3
+ ref?: ShallowRef<HTMLDivElement | undefined>;
4
+ prefixCls?: string;
5
+ /** Virtual filler height. Should be `count * itemMinHeight` */
6
+ height: number;
7
+ /** Set offset of visible items. Should be the top of start item position */
8
+ offset?: number;
9
+ onInnerResize?: () => void;
10
+ }
11
+ declare const Filler: FunctionalComponent<FillerProps>;
12
+ export default Filler;
@@ -0,0 +1,6 @@
1
+ import { FunctionalComponent } from 'vue';
2
+ interface ItemProps {
3
+ setRef: (element: HTMLElement) => void;
4
+ }
5
+ declare const Item: FunctionalComponent<ItemProps>;
6
+ export default Item;
@@ -0,0 +1,33 @@
1
+ import { PropType } from 'vue';
2
+ declare const _default: import("vue").DefineComponent<{
3
+ prefixCls: StringConstructor;
4
+ scrollTop: NumberConstructor;
5
+ scrollHeight: NumberConstructor;
6
+ height: NumberConstructor;
7
+ count: NumberConstructor;
8
+ onScroll: {
9
+ type: PropType<(scrollTop: number) => void>;
10
+ };
11
+ onStartMove: {
12
+ type: PropType<() => void>;
13
+ };
14
+ onStopMove: {
15
+ type: PropType<() => void>;
16
+ };
17
+ }, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
18
+ prefixCls: StringConstructor;
19
+ scrollTop: NumberConstructor;
20
+ scrollHeight: NumberConstructor;
21
+ height: NumberConstructor;
22
+ count: NumberConstructor;
23
+ onScroll: {
24
+ type: PropType<(scrollTop: number) => void>;
25
+ };
26
+ onStartMove: {
27
+ type: PropType<() => void>;
28
+ };
29
+ onStopMove: {
30
+ type: PropType<() => void>;
31
+ };
32
+ }>>, {}>;
33
+ export default _default;