@central-design-system/components 3.0.0-beta.22 → 3.0.0-beta.24

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 (74) hide show
  1. package/dist/cds.css +1 -1
  2. package/dist/cds.d.ts +6 -3
  3. package/dist/cds.es.js +17943 -15168
  4. package/dist/cds.umd.js +5 -5
  5. package/dist/components/CdsCombobox/CdsCombobox.vue.d.ts +18 -0
  6. package/dist/components/CdsDropdown/CdsDropdown.vue.d.ts +26 -2
  7. package/dist/components/CdsMenu/CdsMenu.vue.d.ts +18 -0
  8. package/dist/components/CdsModal/CdsModal.vue.d.ts +24 -2
  9. package/dist/components/CdsNotification/CdsNotificationAlert.vue.d.ts +18 -0
  10. package/dist/components/CdsOverlay/CdsOverlay.vue.d.ts +34 -8
  11. package/dist/components/CdsOverlay/composable/activator.d.ts +18 -5
  12. package/dist/components/CdsOverlay/composable/locationStrategies.d.ts +1 -0
  13. package/dist/components/CdsOverlay/composable/scrollStrategies.d.ts +1 -1
  14. package/dist/components/CdsOverlay/composable/teleport.d.ts +20 -1
  15. package/dist/components/CdsSkeletonLoader/CdsSkeletonLoader.vue.d.ts +3 -3
  16. package/dist/components/CdsTable/CdsTable.vue.d.ts +39 -30
  17. package/dist/components/CdsTable/components/Table/InternalTable.d.ts +33 -3
  18. package/dist/components/CdsTable/components/TableProvider.d.ts +33 -3
  19. package/dist/components/CdsTable/composable/table.d.ts +11 -1
  20. package/dist/components/CdsTable/interface.d.ts +2 -5
  21. package/dist/components/CdsTable/utils/column.d.ts +1 -3
  22. package/dist/components/CdsTable/utils/index.d.ts +0 -1
  23. package/dist/components/CdsTooltip/CdsTooltip.vue.d.ts +18 -0
  24. package/dist/components/CdsTree/CdsTree.vue.d.ts +698 -0
  25. package/dist/components/CdsTree/CdsTreeDirectory.vue.d.ts +448 -0
  26. package/dist/components/CdsTree/CdsTreeNode.vue.d.ts +119 -0
  27. package/dist/components/CdsTree/components/DropIndicator.d.ts +9 -0
  28. package/dist/components/CdsTree/components/Indent.d.ts +10 -0
  29. package/dist/components/CdsTree/components/MotionTreeNode.d.ts +128 -0
  30. package/dist/components/CdsTree/components/NodeList.d.ts +191 -0
  31. package/dist/components/CdsTree/components/SwitcherIcon.d.ts +12 -0
  32. package/dist/components/CdsTree/components/TreeContext.d.ts +81 -0
  33. package/dist/components/CdsTree/components/TreeProvider.d.ts +619 -0
  34. package/dist/components/CdsTree/components/VirtualList/Filler.d.ts +12 -0
  35. package/dist/components/CdsTree/components/VirtualList/Item.d.ts +6 -0
  36. package/dist/components/CdsTree/components/VirtualList/ScrollBar.d.ts +33 -0
  37. package/dist/components/CdsTree/components/VirtualList/VirtualList.d.ts +84 -0
  38. package/dist/components/CdsTree/components/VirtualList/features/index.d.ts +5 -0
  39. package/dist/components/CdsTree/components/VirtualList/features/useFrameWheel.d.ts +10 -0
  40. package/dist/components/CdsTree/components/VirtualList/features/useHeights.d.ts +9 -0
  41. package/dist/components/CdsTree/components/VirtualList/features/useMobileTouchMove.d.ts +2 -0
  42. package/dist/components/CdsTree/components/VirtualList/features/useOriginScroll.d.ts +2 -0
  43. package/dist/components/CdsTree/components/VirtualList/features/useScrollTo.d.ts +4 -0
  44. package/dist/components/CdsTree/components/VirtualList/index.d.ts +2 -0
  45. package/dist/components/CdsTree/components/VirtualList/interface.d.ts +10 -0
  46. package/dist/components/CdsTree/composable/events.d.ts +133 -0
  47. package/dist/components/CdsTree/composable/index.d.ts +2 -0
  48. package/dist/components/CdsTree/composable/tree.d.ts +273 -0
  49. package/dist/components/CdsTree/composable/treeNode.d.ts +75 -0
  50. package/dist/components/CdsTree/index.d.ts +5 -0
  51. package/dist/components/CdsTree/interface.d.ts +104 -4
  52. package/dist/components/CdsTree/utils/data.d.ts +70 -0
  53. package/dist/components/CdsTree/utils/diff.d.ts +6 -0
  54. package/dist/components/CdsTree/utils/directory.d.ts +9 -0
  55. package/dist/components/CdsTree/utils/index.d.ts +2 -0
  56. package/dist/components/CdsUploader/CdsUploader.vue.d.ts +1 -1
  57. package/dist/components/index.d.ts +5 -1
  58. package/dist/composable/delay.d.ts +3 -2
  59. package/dist/composable/overlay.d.ts +9 -1
  60. package/dist/composable/transition.d.ts +2 -0
  61. package/dist/create.d.ts +2 -0
  62. package/dist/globals.d.ts +7 -0
  63. package/dist/transitions/collapseTransition.d.ts +11 -0
  64. package/dist/transitions/index.d.ts +1 -0
  65. package/dist/utils/dom/bindProps.d.ts +2 -0
  66. package/dist/utils/dom/box.d.ts +1 -0
  67. package/dist/utils/helpers.d.ts +7 -5
  68. package/dist/utils/index.d.ts +3 -0
  69. package/dist/utils/use/flattenChildren.d.ts +3 -0
  70. package/package.json +1 -1
  71. package/src/scss/mixins/typo.scss +0 -3
  72. package/src/scss/modules/_transition.scss +31 -0
  73. package/src/scss/themes/index.ts +1 -1
  74. /package/dist/{components/CdsTable/utils → utils/use}/listener.d.ts +0 -0
@@ -0,0 +1,448 @@
1
+ import type { NTree } from './interface';
2
+ export declare const componentName = "CdsTreeDirectory";
3
+ declare const _sfc_main: import("vue").DefineComponent<{
4
+ treeData: {
5
+ type: import("vue").PropType<NTree.IDataNode[]>;
6
+ default: undefined;
7
+ };
8
+ selectable: {
9
+ type: import("vue").PropType<boolean>;
10
+ default: boolean;
11
+ };
12
+ multiple: {
13
+ type: import("vue").PropType<boolean>;
14
+ default: boolean;
15
+ };
16
+ checkable: {
17
+ type: import("vue").PropType<boolean>;
18
+ default: boolean;
19
+ };
20
+ draggable: {
21
+ type: import("vue").PropType<boolean | NTree.TDraggableConfig>;
22
+ default: boolean;
23
+ };
24
+ checkedKeys: {
25
+ type: import("vue").PropType<NTree.TKey[] | {
26
+ checked: NTree.TKey[];
27
+ halfChecked: NTree.TKey[];
28
+ }>;
29
+ default: undefined;
30
+ };
31
+ expandedKeys: {
32
+ type: import("vue").PropType<NTree.TKey[]>; /**
33
+ * Событие клика по узлу
34
+ * @type { event: MouseEvent, node: NTree.IEventDataNode }
35
+ */
36
+ default: undefined;
37
+ };
38
+ selectedKeys: {
39
+ type: import("vue").PropType<NTree.TKey[]>;
40
+ /**
41
+ * Событие выбора узла
42
+ * @type { checked: { checked: NTree.TKey[]; halfChecked: NTree.TKey[] } | NTree.TKey[], info: NTree.ICheckInfo }
43
+ */
44
+ default: undefined;
45
+ };
46
+ autoExpandParent: {
47
+ type: import("vue").PropType<boolean>;
48
+ default: boolean;
49
+ };
50
+ defaultExpandedKeys: {
51
+ type: import("vue").PropType<NTree.TKey[]>;
52
+ default: () => never[];
53
+ };
54
+ defaultExpandParent: {
55
+ type: import("vue").PropType<boolean>;
56
+ default: boolean;
57
+ };
58
+ defaultExpandAll: {
59
+ type: import("vue").PropType<boolean>;
60
+ default: boolean;
61
+ };
62
+ defaultSelectedKeys: {
63
+ type: import("vue").PropType<NTree.TKey[]>;
64
+ default: undefined;
65
+ };
66
+ expandAction: Omit<{
67
+ type: import("vue").PropType<NTree.TExpandAction>;
68
+ default: undefined;
69
+ }, "default" | "type"> & {
70
+ type: import("vue").PropType<string | false>;
71
+ default: string | false;
72
+ };
73
+ checkStrictly: {
74
+ type: import("vue").PropType<boolean>;
75
+ default: boolean;
76
+ };
77
+ allowDrop: {
78
+ type: import("vue").PropType<NTree.TAllowDrop<NTree.IDataNode>>;
79
+ default: () => true;
80
+ };
81
+ blockNode: {
82
+ type: import("vue").PropType<boolean>;
83
+ default: boolean;
84
+ };
85
+ fieldNames: {
86
+ type: import("vue").PropType<NTree.IFieldNames>;
87
+ default: undefined;
88
+ };
89
+ showLine: {
90
+ type: import("vue").PropType<boolean | {
91
+ showLeafIcon: boolean | "search" | "link" | "list" | "filters" | "add" | "administrator" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube";
92
+ }>;
93
+ default: undefined;
94
+ };
95
+ showIcon: Omit<{
96
+ type: import("vue").PropType<boolean>;
97
+ default: boolean;
98
+ }, "default" | "type"> & {
99
+ type: import("vue").PropType<boolean>;
100
+ default: boolean;
101
+ };
102
+ filterTreeNode: {
103
+ type: import("vue").PropType<(treeNode: NTree.IEventDataNode) => boolean>;
104
+ default: undefined;
105
+ };
106
+ loadData: {
107
+ type: import("vue").PropType<(treeNode: NTree.IEventDataNode) => Promise<any>>;
108
+ default: undefined;
109
+ };
110
+ loadedKeys: {
111
+ type: import("vue").PropType<NTree.TKey[]>;
112
+ default: () => never[];
113
+ };
114
+ icon: {
115
+ type: import("vue").PropType<(nodeProps: NTree.ITreeNodeAttribute) => any>;
116
+ default: undefined;
117
+ };
118
+ switcherIcon: {
119
+ type: import("vue").PropType<(nodeProps: import("./components/SwitcherIcon").SwitcherIconProps) => any>;
120
+ default: undefined;
121
+ };
122
+ openAnimation: {
123
+ type: FunctionConstructor;
124
+ default: undefined;
125
+ };
126
+ virtual: {
127
+ type: import("vue").PropType<boolean>;
128
+ default: boolean;
129
+ };
130
+ height: {
131
+ type: import("vue").PropType<number>;
132
+ default: undefined;
133
+ };
134
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
135
+ /**
136
+ * Событие выбора узла (v-model)
137
+ * @type { selectedKeys: NTree.TKey[] }
138
+ */
139
+ 'update:selectedKeys': (selectedKeys: NTree.TKey[]) => true;
140
+ /**
141
+ * Событие выбора узла по чекбоксу (v-model)
142
+ * @type { checkedKeys: NTree.TKey[] | { checked: NTree.TKey[]; halfChecked: NTree.TKey[] } }
143
+ */
144
+ 'update:checkedKeys': (checkedKeys: NTree.TKey[] | {
145
+ checked: NTree.TKey[];
146
+ halfChecked: NTree.TKey[];
147
+ }) => true;
148
+ /**
149
+ * Событие раскрытия узла (v-model)
150
+ * @type { expandedKeys: NTree.TKey[] }
151
+ */
152
+ 'update:expandedKeys': (expandedKeys: NTree.TKey[]) => true;
153
+ /**
154
+ * Событие клика по узлу
155
+ * @type { event: MouseEvent, node: NTree.IEventDataNode }
156
+ */
157
+ click: (event: MouseEvent, node: NTree.IEventDataNode) => true;
158
+ /**
159
+ * Событие выбора узла
160
+ * @type { checked: { checked: NTree.TKey[]; halfChecked: NTree.TKey[] } | NTree.TKey[], info: NTree.ICheckInfo }
161
+ */
162
+ check: (checked: NTree.TKey[] | {
163
+ checked: NTree.TKey[];
164
+ halfChecked: NTree.TKey[];
165
+ }, info: NTree.ICheckInfo) => true;
166
+ /**
167
+ * Событие начала перетаскивания узла
168
+ * @type { info: NTree.TNodeDragEventParams }
169
+ */
170
+ dragstart: (info: NTree.TNodeDragEventParams) => true;
171
+ /**
172
+ * Событие окончания перетаскивания узла
173
+ * @type { info: NTree.TNodeDragEventParams }
174
+ */
175
+ dragend: (info: NTree.TNodeDragEventParams) => true;
176
+ /**
177
+ * Событие входа узла в зону перетаскивания
178
+ * @type { info: NTree.TNodeDragEventParams & { expandedKeys: NTree.TKey[] } }
179
+ */
180
+ dragenter: (info: NTree.TNodeDragEventParams & {
181
+ expandedKeys: NTree.TKey[];
182
+ }) => true;
183
+ /**
184
+ * Событие выхода узла из зоны перетаскивания
185
+ * @type { info: NTree.TNodeDragEventParams }
186
+ */
187
+ dragleave: (info: NTree.TNodeDragEventParams) => true;
188
+ /**
189
+ * Событие перемещения узла в зоне перетаскивания
190
+ * @type { info: NTree.TNodeDragEventParams }
191
+ */
192
+ dragover: (info: NTree.TNodeDragEventParams) => true;
193
+ /**
194
+ * Событие перемещения узла
195
+ * @type { info: NTree.TNodeDragEventParams & { dragNode: NTree.IEventDataNode; dragNodesKeys: NTree.TKey[]; dragPosition: number;dropToGap: boolean; } }
196
+ */
197
+ drop: (info: NTree.TNodeDragEventParams & {
198
+ dragNode: NTree.IEventDataNode;
199
+ dragNodesKeys: NTree.TKey[];
200
+ dragPosition: number;
201
+ dropToGap: boolean;
202
+ }) => true;
203
+ /**
204
+ * Событие раскрытия узла
205
+ * @type { expandedKeys: NTree.TKey[], info: { node: NTree.TEventHandler; expanded: boolean; nativeEvent: MouseEvent } }
206
+ */
207
+ expand: (expandedKeys: NTree.TKey[], info: {
208
+ node: NTree.IEventDataNode;
209
+ expanded: boolean;
210
+ nativeEvent: MouseEvent;
211
+ }) => true;
212
+ /**
213
+ * Событие выбора узла
214
+ * @type { selectedKeys: NTree.TKey, info: { event: 'select'; selected: boolean; node: NTree.IEventDataNode; selectedNodes: NTree.IDataNode[]; nativeEvent: MouseEvent; } }
215
+ */
216
+ select: (selectedKeys: NTree.TKey[], info: {
217
+ event: 'select';
218
+ selected: boolean;
219
+ node: NTree.IEventDataNode;
220
+ selectedNodes: NTree.IDataNode[];
221
+ nativeEvent: MouseEvent;
222
+ }) => true;
223
+ /**
224
+ * Событие загрузки узла
225
+ * @type { treeNode: NTree.IEventDataNode }
226
+ */
227
+ load: (treeNode: NTree.IEventDataNode) => true;
228
+ /**
229
+ * Событие правого клика по узлу
230
+ * @type { info: { event: MouseEvent; node: NTree.IEventDataNode } }
231
+ */
232
+ rightClick: (info: {
233
+ event: MouseEvent;
234
+ node: NTree.IEventDataNode;
235
+ }) => true;
236
+ dblclick: (event: MouseEvent, node: NTree.IEventDataNode) => true;
237
+ doubleclick: (event: MouseEvent, node: NTree.IEventDataNode) => true;
238
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
239
+ treeData: {
240
+ type: import("vue").PropType<NTree.IDataNode[]>;
241
+ default: undefined;
242
+ };
243
+ selectable: {
244
+ type: import("vue").PropType<boolean>;
245
+ default: boolean;
246
+ };
247
+ multiple: {
248
+ type: import("vue").PropType<boolean>;
249
+ default: boolean;
250
+ };
251
+ checkable: {
252
+ type: import("vue").PropType<boolean>;
253
+ default: boolean;
254
+ };
255
+ draggable: {
256
+ type: import("vue").PropType<boolean | NTree.TDraggableConfig>;
257
+ default: boolean;
258
+ };
259
+ checkedKeys: {
260
+ type: import("vue").PropType<NTree.TKey[] | {
261
+ checked: NTree.TKey[];
262
+ halfChecked: NTree.TKey[];
263
+ }>;
264
+ default: undefined;
265
+ };
266
+ expandedKeys: {
267
+ type: import("vue").PropType<NTree.TKey[]>; /**
268
+ * Событие клика по узлу
269
+ * @type { event: MouseEvent, node: NTree.IEventDataNode }
270
+ */
271
+ default: undefined;
272
+ };
273
+ selectedKeys: {
274
+ type: import("vue").PropType<NTree.TKey[]>;
275
+ /**
276
+ * Событие выбора узла
277
+ * @type { checked: { checked: NTree.TKey[]; halfChecked: NTree.TKey[] } | NTree.TKey[], info: NTree.ICheckInfo }
278
+ */
279
+ default: undefined;
280
+ };
281
+ autoExpandParent: {
282
+ type: import("vue").PropType<boolean>;
283
+ default: boolean;
284
+ };
285
+ defaultExpandedKeys: {
286
+ type: import("vue").PropType<NTree.TKey[]>;
287
+ default: () => never[];
288
+ };
289
+ defaultExpandParent: {
290
+ type: import("vue").PropType<boolean>;
291
+ default: boolean;
292
+ };
293
+ defaultExpandAll: {
294
+ type: import("vue").PropType<boolean>;
295
+ default: boolean;
296
+ };
297
+ defaultSelectedKeys: {
298
+ type: import("vue").PropType<NTree.TKey[]>;
299
+ default: undefined;
300
+ };
301
+ expandAction: Omit<{
302
+ type: import("vue").PropType<NTree.TExpandAction>;
303
+ default: undefined;
304
+ }, "default" | "type"> & {
305
+ type: import("vue").PropType<string | false>;
306
+ default: string | false;
307
+ };
308
+ checkStrictly: {
309
+ type: import("vue").PropType<boolean>;
310
+ default: boolean;
311
+ };
312
+ allowDrop: {
313
+ type: import("vue").PropType<NTree.TAllowDrop<NTree.IDataNode>>;
314
+ default: () => true;
315
+ };
316
+ blockNode: {
317
+ type: import("vue").PropType<boolean>;
318
+ default: boolean;
319
+ };
320
+ fieldNames: {
321
+ type: import("vue").PropType<NTree.IFieldNames>;
322
+ default: undefined;
323
+ };
324
+ showLine: {
325
+ type: import("vue").PropType<boolean | {
326
+ showLeafIcon: boolean | "search" | "link" | "list" | "filters" | "add" | "administrator" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube";
327
+ }>;
328
+ default: undefined;
329
+ };
330
+ showIcon: Omit<{
331
+ type: import("vue").PropType<boolean>;
332
+ default: boolean;
333
+ }, "default" | "type"> & {
334
+ type: import("vue").PropType<boolean>;
335
+ default: boolean;
336
+ };
337
+ filterTreeNode: {
338
+ type: import("vue").PropType<(treeNode: NTree.IEventDataNode) => boolean>;
339
+ default: undefined;
340
+ };
341
+ loadData: {
342
+ type: import("vue").PropType<(treeNode: NTree.IEventDataNode) => Promise<any>>;
343
+ default: undefined;
344
+ };
345
+ loadedKeys: {
346
+ type: import("vue").PropType<NTree.TKey[]>;
347
+ default: () => never[];
348
+ };
349
+ icon: {
350
+ type: import("vue").PropType<(nodeProps: NTree.ITreeNodeAttribute) => any>;
351
+ default: undefined;
352
+ };
353
+ switcherIcon: {
354
+ type: import("vue").PropType<(nodeProps: import("./components/SwitcherIcon").SwitcherIconProps) => any>;
355
+ default: undefined;
356
+ };
357
+ openAnimation: {
358
+ type: FunctionConstructor;
359
+ default: undefined;
360
+ };
361
+ virtual: {
362
+ type: import("vue").PropType<boolean>;
363
+ default: boolean;
364
+ };
365
+ height: {
366
+ type: import("vue").PropType<number>;
367
+ default: undefined;
368
+ };
369
+ }>> & {
370
+ onClick?: ((event: MouseEvent, node: NTree.IEventDataNode) => any) | undefined;
371
+ onExpand?: ((expandedKeys: NTree.TKey[], info: {
372
+ node: NTree.IEventDataNode;
373
+ expanded: boolean;
374
+ nativeEvent: MouseEvent;
375
+ }) => any) | undefined;
376
+ onDblclick?: ((event: MouseEvent, node: NTree.IEventDataNode) => any) | undefined;
377
+ onCheck?: ((checked: NTree.TKey[] | {
378
+ checked: NTree.TKey[];
379
+ halfChecked: NTree.TKey[];
380
+ }, info: NTree.ICheckInfo) => any) | undefined;
381
+ onSelect?: ((selectedKeys: NTree.TKey[], info: {
382
+ event: 'select';
383
+ selected: boolean;
384
+ node: NTree.IEventDataNode;
385
+ selectedNodes: NTree.IDataNode[];
386
+ nativeEvent: MouseEvent;
387
+ }) => any) | undefined;
388
+ onLoad?: ((treeNode: NTree.IEventDataNode) => any) | undefined;
389
+ onRightClick?: ((info: {
390
+ event: MouseEvent;
391
+ node: NTree.IEventDataNode;
392
+ }) => any) | undefined;
393
+ onDragstart?: ((info: NTree.TNodeDragEventParams) => any) | undefined;
394
+ onDragenter?: ((info: NTree.TNodeDragEventParams & {
395
+ expandedKeys: NTree.TKey[];
396
+ }) => any) | undefined;
397
+ onDragover?: ((info: NTree.TNodeDragEventParams) => any) | undefined;
398
+ onDragleave?: ((info: NTree.TNodeDragEventParams) => any) | undefined;
399
+ onDragend?: ((info: NTree.TNodeDragEventParams) => any) | undefined;
400
+ onDrop?: ((info: NTree.TNodeDragEventParams & {
401
+ dragNode: NTree.IEventDataNode;
402
+ dragNodesKeys: NTree.TKey[];
403
+ dragPosition: number;
404
+ dropToGap: boolean;
405
+ }) => any) | undefined;
406
+ onDoubleclick?: ((event: MouseEvent, node: NTree.IEventDataNode) => any) | undefined;
407
+ "onUpdate:selectedKeys"?: ((selectedKeys: NTree.TKey[]) => any) | undefined;
408
+ "onUpdate:checkedKeys"?: ((checkedKeys: NTree.TKey[] | {
409
+ checked: NTree.TKey[];
410
+ halfChecked: NTree.TKey[];
411
+ }) => any) | undefined;
412
+ "onUpdate:expandedKeys"?: ((expandedKeys: NTree.TKey[]) => any) | undefined;
413
+ }, {
414
+ multiple: boolean;
415
+ draggable: boolean | NTree.TDraggableConfig;
416
+ icon: (nodeProps: NTree.ITreeNodeAttribute) => any;
417
+ height: number;
418
+ treeData: NTree.IDataNode[];
419
+ selectable: boolean;
420
+ checkable: boolean;
421
+ checkedKeys: NTree.TKey[] | {
422
+ checked: NTree.TKey[];
423
+ halfChecked: NTree.TKey[];
424
+ };
425
+ expandedKeys: NTree.TKey[];
426
+ selectedKeys: NTree.TKey[];
427
+ autoExpandParent: boolean;
428
+ defaultExpandedKeys: NTree.TKey[];
429
+ defaultExpandParent: boolean;
430
+ defaultExpandAll: boolean;
431
+ defaultSelectedKeys: NTree.TKey[];
432
+ expandAction: string | false;
433
+ checkStrictly: boolean;
434
+ allowDrop: NTree.TAllowDrop<NTree.IDataNode>;
435
+ blockNode: boolean;
436
+ fieldNames: NTree.IFieldNames;
437
+ showLine: boolean | {
438
+ showLeafIcon: boolean | "search" | "link" | "list" | "filters" | "add" | "administrator" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube";
439
+ };
440
+ showIcon: boolean;
441
+ filterTreeNode: (treeNode: NTree.IEventDataNode) => boolean;
442
+ loadData: (treeNode: NTree.IEventDataNode) => Promise<any>;
443
+ loadedKeys: NTree.TKey[];
444
+ switcherIcon: (nodeProps: import("./components/SwitcherIcon").SwitcherIconProps) => any;
445
+ openAnimation: Function;
446
+ virtual: boolean;
447
+ }>;
448
+ export default _sfc_main;
@@ -0,0 +1,119 @@
1
+ import type { NTree } from './interface';
2
+ declare const _sfc_main: import("vue").DefineComponent<{
3
+ eventKey: {
4
+ type: import("vue").PropType<NTree.TKey>;
5
+ default: string;
6
+ };
7
+ prefixCls: StringConstructor;
8
+ title: (StringConstructor | FunctionConstructor)[];
9
+ data: {
10
+ type: import("vue").PropType<NTree.IDataNode>;
11
+ default: NTree.IDataNode;
12
+ };
13
+ parent: {
14
+ type: import("vue").PropType<NTree.IDataNode>;
15
+ default: NTree.IDataNode;
16
+ };
17
+ isStart: {
18
+ type: import("vue").PropType<boolean[]>;
19
+ };
20
+ isEnd: {
21
+ type: import("vue").PropType<boolean[]>;
22
+ };
23
+ active: {
24
+ type: BooleanConstructor;
25
+ default: undefined;
26
+ };
27
+ onMousemove: {
28
+ type: import("vue").PropType<NTree.TEventHandler>;
29
+ };
30
+ isLeaf: {
31
+ type: BooleanConstructor;
32
+ default: undefined;
33
+ };
34
+ checkable: {
35
+ type: BooleanConstructor;
36
+ default: undefined;
37
+ };
38
+ selectable: {
39
+ type: BooleanConstructor;
40
+ default: undefined;
41
+ };
42
+ disabled: {
43
+ type: BooleanConstructor;
44
+ default: undefined;
45
+ };
46
+ disableCheckbox: {
47
+ type: BooleanConstructor;
48
+ default: undefined;
49
+ };
50
+ icon: FunctionConstructor[];
51
+ switcherIcon: FunctionConstructor[];
52
+ domRef: {
53
+ type: import("vue").PropType<(arg: any) => void>;
54
+ };
55
+ }, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
56
+ eventKey: {
57
+ type: import("vue").PropType<NTree.TKey>;
58
+ default: string;
59
+ };
60
+ prefixCls: StringConstructor;
61
+ title: (StringConstructor | FunctionConstructor)[];
62
+ data: {
63
+ type: import("vue").PropType<NTree.IDataNode>;
64
+ default: NTree.IDataNode;
65
+ };
66
+ parent: {
67
+ type: import("vue").PropType<NTree.IDataNode>;
68
+ default: NTree.IDataNode;
69
+ };
70
+ isStart: {
71
+ type: import("vue").PropType<boolean[]>;
72
+ };
73
+ isEnd: {
74
+ type: import("vue").PropType<boolean[]>;
75
+ };
76
+ active: {
77
+ type: BooleanConstructor;
78
+ default: undefined;
79
+ };
80
+ onMousemove: {
81
+ type: import("vue").PropType<NTree.TEventHandler>;
82
+ };
83
+ isLeaf: {
84
+ type: BooleanConstructor;
85
+ default: undefined;
86
+ };
87
+ checkable: {
88
+ type: BooleanConstructor;
89
+ default: undefined;
90
+ };
91
+ selectable: {
92
+ type: BooleanConstructor;
93
+ default: undefined;
94
+ };
95
+ disabled: {
96
+ type: BooleanConstructor;
97
+ default: undefined;
98
+ };
99
+ disableCheckbox: {
100
+ type: BooleanConstructor;
101
+ default: undefined;
102
+ };
103
+ icon: FunctionConstructor[];
104
+ switcherIcon: FunctionConstructor[];
105
+ domRef: {
106
+ type: import("vue").PropType<(arg: any) => void>;
107
+ };
108
+ }>>, {
109
+ disabled: boolean;
110
+ data: NTree.IDataNode;
111
+ active: boolean;
112
+ parent: NTree.IDataNode;
113
+ selectable: boolean;
114
+ checkable: boolean;
115
+ eventKey: NTree.TKey;
116
+ isLeaf: boolean;
117
+ disableCheckbox: boolean;
118
+ }>;
119
+ export default _sfc_main;
@@ -0,0 +1,9 @@
1
+ interface DropIndicatorProps {
2
+ dropPosition: -1 | 0 | 1;
3
+ dropLevelOffset: number;
4
+ indent: number;
5
+ }
6
+ export default function DropIndicator(props: DropIndicatorProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
7
+ [key: string]: any;
8
+ }>;
9
+ export {};
@@ -0,0 +1,10 @@
1
+ interface IndentProps {
2
+ prefixCls: string;
3
+ level?: number;
4
+ isStart?: boolean[];
5
+ isEnd?: boolean[];
6
+ }
7
+ declare const Indent: ({ prefixCls, level, isStart, isEnd }: IndentProps) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
8
+ [key: string]: any;
9
+ }>;
10
+ export default Indent;