@progress/kendo-vue-treelist 3.5.4 → 3.6.0-dev.202209130634
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/cdn/js/kendo-vue-treelist.js +1 -1
- package/dist/es/TreeList.js +22 -10
- package/dist/es/interfaces/TreeListProps.d.ts +67 -5
- package/dist/es/main.d.ts +1 -3
- package/dist/es/main.js +1 -2
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/rows/TreeListDraggableRow.js +2 -2
- package/dist/esm/TreeList.js +22 -10
- package/dist/esm/interfaces/TreeListProps.d.ts +67 -5
- package/dist/esm/main.d.ts +1 -3
- package/dist/esm/main.js +1 -2
- package/dist/esm/package-metadata.js +1 -1
- package/dist/esm/rows/TreeListDraggableRow.js +2 -2
- package/dist/npm/TreeList.js +21 -7
- package/dist/npm/interfaces/TreeListProps.d.ts +67 -5
- package/dist/npm/main.d.ts +1 -3
- package/dist/npm/main.js +1 -3
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/rows/TreeListDraggableRow.js +2 -2
- package/package.json +11 -11
- package/dist/es/TreeListNoRecords.d.ts +0 -15
- package/dist/es/TreeListNoRecords.js +0 -46
- package/dist/es/header/TreeListHeaderCell.d.ts +0 -1
- package/dist/es/header/TreeListHeaderCell.js +0 -4
- package/dist/es/header/TreeListHeaderSelectionCell.d.ts +0 -1
- package/dist/es/header/TreeListHeaderSelectionCell.js +0 -12
- package/dist/es/interfaces/TreeListNoRecordsProps.d.ts +0 -5
- package/dist/es/interfaces/TreeListNoRecordsProps.js +0 -1
- package/dist/esm/TreeListNoRecords.d.ts +0 -15
- package/dist/esm/TreeListNoRecords.js +0 -46
- package/dist/esm/header/TreeListHeaderCell.d.ts +0 -1
- package/dist/esm/header/TreeListHeaderCell.js +0 -4
- package/dist/esm/header/TreeListHeaderSelectionCell.d.ts +0 -1
- package/dist/esm/header/TreeListHeaderSelectionCell.js +0 -12
- package/dist/esm/interfaces/TreeListNoRecordsProps.d.ts +0 -5
- package/dist/esm/interfaces/TreeListNoRecordsProps.js +0 -1
- package/dist/npm/TreeListNoRecords.d.ts +0 -15
- package/dist/npm/TreeListNoRecords.js +0 -58
- package/dist/npm/header/TreeListHeaderCell.d.ts +0 -1
- package/dist/npm/header/TreeListHeaderCell.js +0 -5
- package/dist/npm/header/TreeListHeaderSelectionCell.d.ts +0 -1
- package/dist/npm/header/TreeListHeaderSelectionCell.js +0 -13
- package/dist/npm/interfaces/TreeListNoRecordsProps.d.ts +0 -5
- package/dist/npm/interfaces/TreeListNoRecordsProps.js +0 -2
package/dist/esm/main.js
CHANGED
|
@@ -2,7 +2,6 @@ import { TreeList } from './TreeList.js';
|
|
|
2
2
|
import { TreeListCell } from './cells/TreeListCell.js';
|
|
3
3
|
import { TreeListSelectionCell } from './cells/TreeListSelectionCell.js';
|
|
4
4
|
import { TreeListRow } from './rows/TreeListRow.js';
|
|
5
|
-
import { TreeListNoRecords } from './TreeListNoRecords.js';
|
|
6
5
|
import { TreeListTextFilter } from './cells/FilterCells/TreeListTextFilter.js';
|
|
7
6
|
import { TreeListNumericFilter } from './cells/FilterCells/TreeListNumericFilter.js';
|
|
8
7
|
import { TreeListDateFilter } from './cells/FilterCells/TreeListDateFilter.js';
|
|
@@ -15,4 +14,4 @@ import { orderBy, filterBy, mapTreeItem, moveTreeItem, getItemPath, mapTree, cre
|
|
|
15
14
|
import { getNestedValue, setHeaderRowsTop, tableRowsVirtualization } from './utils/main.js';
|
|
16
15
|
import { TREELIST_COL_INDEX_ATTRIBUTE, TREELIST_ROW_INDEX_ATTRIBUTE, TREELIST_PREVENT_SELECTION_ELEMENT } from './constants/main.js';
|
|
17
16
|
import { getSelectedState, getSelectedStateFromKeyDown, setSelectedState } from '@progress/kendo-vue-data-tools';
|
|
18
|
-
export { TreeList, TreeListCell, TreeListRow, TreeListSelectionCell,
|
|
17
|
+
export { TreeList, TreeListCell, TreeListRow, TreeListSelectionCell, TreeListTextFilter, TreeListNumericFilter, TreeListDateFilter, TreeListBooleanFilter, TreeListTextEditor, TreeListNumericEditor, TreeListBooleanEditor, TreeListDateEditor, orderBy, filterBy, mapTree, createDataTree, extendDataItem, mapTreeItem, moveTreeItem, getItemPath, removeItems, modifySubItems, treeToFlat, flatData, getNestedValue, setHeaderRowsTop, tableRowsVirtualization, TREELIST_COL_INDEX_ATTRIBUTE, TREELIST_ROW_INDEX_ATTRIBUTE, TREELIST_PREVENT_SELECTION_ELEMENT, getSelectedState, getSelectedStateFromKeyDown, setSelectedState };
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-vue-treelist',
|
|
6
6
|
productName: 'Kendo UI for Vue',
|
|
7
7
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1663050707,
|
|
9
9
|
version: '',
|
|
10
10
|
licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
|
|
11
11
|
};
|
|
@@ -36,14 +36,14 @@
|
|
|
36
36
|
// /**
|
|
37
37
|
// * The TreeList draggable row component.
|
|
38
38
|
// */
|
|
39
|
-
// export class TreeListDraggableRow extends
|
|
39
|
+
// export class TreeListDraggableRow extends Component<TreeListRowProps, TreeListRowState> {
|
|
40
40
|
// /**
|
|
41
41
|
// * @hidden
|
|
42
42
|
// */
|
|
43
43
|
// readonly state: TreeListRowState = {
|
|
44
44
|
// clueProps: { ...defaultClueState }
|
|
45
45
|
// };
|
|
46
|
-
// private draggable =
|
|
46
|
+
// private draggable = createRef<Draggable>();
|
|
47
47
|
// private dragged: number[] | null = null;
|
|
48
48
|
// private draggedOver: number[] | null = null;
|
|
49
49
|
// /**
|
package/dist/npm/TreeList.js
CHANGED
|
@@ -49,8 +49,6 @@ var Vue = require("vue");
|
|
|
49
49
|
var allVue = Vue;
|
|
50
50
|
var gh = allVue.h;
|
|
51
51
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
52
|
-
var ref = allVue.ref;
|
|
53
|
-
var markRaw = allVue.markRaw;
|
|
54
52
|
|
|
55
53
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
56
54
|
|
|
@@ -64,8 +62,6 @@ var data_operations_1 = require("./utils/data-operations");
|
|
|
64
62
|
|
|
65
63
|
var TreeListCell_1 = require("./cells/TreeListCell");
|
|
66
64
|
|
|
67
|
-
var TreeListNoRecords_1 = require("./TreeListNoRecords");
|
|
68
|
-
|
|
69
65
|
var TreeListRow_1 = require("./rows/TreeListRow");
|
|
70
66
|
|
|
71
67
|
var kendo_vue_common_2 = require("@progress/kendo-vue-common");
|
|
@@ -75,6 +71,8 @@ var package_metadata_1 = require("./package-metadata");
|
|
|
75
71
|
var kendo_vue_common_3 = require("@progress/kendo-vue-common");
|
|
76
72
|
|
|
77
73
|
var main_2 = require("./messages/main");
|
|
74
|
+
|
|
75
|
+
var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
|
|
78
76
|
/**
|
|
79
77
|
* @hidden
|
|
80
78
|
*/
|
|
@@ -128,6 +126,11 @@ var TreeListVue2 = {
|
|
|
128
126
|
// navigationStateRef: this.navigationStateRef
|
|
129
127
|
// });
|
|
130
128
|
},
|
|
129
|
+
inject: {
|
|
130
|
+
kendoLocalizationService: {
|
|
131
|
+
default: null
|
|
132
|
+
}
|
|
133
|
+
},
|
|
131
134
|
data: function data() {
|
|
132
135
|
return {
|
|
133
136
|
wrapperScrollLeft: 0,
|
|
@@ -256,8 +259,9 @@ var TreeListVue2 = {
|
|
|
256
259
|
h(kendo_vue_data_tools_1.Header, {
|
|
257
260
|
headerRow: // @ts-ignore
|
|
258
261
|
h(kendo_vue_data_tools_1.HeaderRow, {
|
|
259
|
-
|
|
262
|
+
grid: this,
|
|
260
263
|
attrs: this.v3 ? undefined : {
|
|
264
|
+
grid: this,
|
|
261
265
|
sort: this.$props.sort,
|
|
262
266
|
sortable: this.$props.sortable,
|
|
263
267
|
filterable: this.$props.filterable,
|
|
@@ -294,6 +298,7 @@ var TreeListVue2 = {
|
|
|
294
298
|
isRtl: this.isRtl
|
|
295
299
|
}) : undefined
|
|
296
300
|
},
|
|
301
|
+
sort: this.$props.sort,
|
|
297
302
|
sortable: this.$props.sortable,
|
|
298
303
|
filterable: this.$props.filterable,
|
|
299
304
|
onSortChange: this.sortChange,
|
|
@@ -342,8 +347,9 @@ var TreeListVue2 = {
|
|
|
342
347
|
}),
|
|
343
348
|
attrs: this.v3 ? undefined : {
|
|
344
349
|
headerRow: h(kendo_vue_data_tools_1.HeaderRow, {
|
|
345
|
-
|
|
350
|
+
grid: this,
|
|
346
351
|
attrs: this.v3 ? undefined : {
|
|
352
|
+
grid: this,
|
|
347
353
|
sort: this.$props.sort,
|
|
348
354
|
sortable: this.$props.sortable,
|
|
349
355
|
filterable: this.$props.filterable,
|
|
@@ -379,6 +385,7 @@ var TreeListVue2 = {
|
|
|
379
385
|
isRtl: this.isRtl
|
|
380
386
|
}) : undefined
|
|
381
387
|
},
|
|
388
|
+
sort: this.$props.sort,
|
|
382
389
|
sortable: this.$props.sortable,
|
|
383
390
|
filterable: this.$props.filterable,
|
|
384
391
|
onSortChange: this.sortChange,
|
|
@@ -541,6 +548,13 @@ var TreeListVue2 = {
|
|
|
541
548
|
this.updateOnScroll = false;
|
|
542
549
|
}
|
|
543
550
|
|
|
551
|
+
var noRecordsTemplate = kendo_vue_common_1.templateRendering.call(this, this.$props.noRecords, kendo_vue_common_1.getListeners.call(this));
|
|
552
|
+
var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
|
|
553
|
+
var noRecordsMessage = localizationService.toLanguageString(main_2.noRecords, main_2.messages[main_2.noRecords]);
|
|
554
|
+
var noRecordsRender = kendo_vue_common_1.getTemplate.call(this, {
|
|
555
|
+
h: h,
|
|
556
|
+
template: noRecordsTemplate
|
|
557
|
+
});
|
|
544
558
|
var levels = flattedData.length ? flattedData.map(function (i) {
|
|
545
559
|
return i.level;
|
|
546
560
|
}) : [];
|
|
@@ -622,7 +636,7 @@ var TreeListVue2 = {
|
|
|
622
636
|
attrs: this.v3 ? undefined : {
|
|
623
637
|
colSpan: leafColumns.length
|
|
624
638
|
}
|
|
625
|
-
}, [this.$props.noRecords
|
|
639
|
+
}, [this.$props.noRecords ? noRecordsRender : noRecordsMessage])]);
|
|
626
640
|
|
|
627
641
|
var sorted = function sorted(field) {
|
|
628
642
|
return _this.$props.sort && _this.$props.sort.some(function (descriptor) {
|
|
@@ -5,7 +5,7 @@ import { SortSettings as TreeListSortSettings } from '@progress/kendo-vue-data-t
|
|
|
5
5
|
import { TreeListColumnProps } from './TreeListColumnProps';
|
|
6
6
|
import { TreeListSelectableSettings } from './TreeListSelectableSettings';
|
|
7
7
|
/**
|
|
8
|
-
* Represents the props of the [
|
|
8
|
+
* Represents the props of the [Kendo UI for Vue TreeList component]({% slug getstarted_treelist %}).
|
|
9
9
|
*/
|
|
10
10
|
export interface TreeListProps {
|
|
11
11
|
/**
|
|
@@ -13,10 +13,6 @@ export interface TreeListProps {
|
|
|
13
13
|
* If not set, the dataItem index will be used for the row key, which might lead to row not updated during paging or scrolling.
|
|
14
14
|
*/
|
|
15
15
|
dataItemKey?: string;
|
|
16
|
-
/**
|
|
17
|
-
* Sets custom CSS classes to the TreeList DOM element.
|
|
18
|
-
*/
|
|
19
|
-
className?: string;
|
|
20
16
|
/**
|
|
21
17
|
* A collection of `TreeListColumnProps` for creating columns.
|
|
22
18
|
*/
|
|
@@ -51,6 +47,9 @@ export interface TreeListProps {
|
|
|
51
47
|
/**
|
|
52
48
|
* If set and when the data item is in edit mode, the `editRow` value will be rendered.
|
|
53
49
|
*/
|
|
50
|
+
/**
|
|
51
|
+
* @hidden
|
|
52
|
+
*/
|
|
54
53
|
editRow?: any;
|
|
55
54
|
/**
|
|
56
55
|
* Represents the TreeList toolbar component.
|
|
@@ -90,16 +89,25 @@ export interface TreeListProps {
|
|
|
90
89
|
/**
|
|
91
90
|
* The TreeList selectable settings.
|
|
92
91
|
*/
|
|
92
|
+
/**
|
|
93
|
+
* @hidden
|
|
94
|
+
*/
|
|
93
95
|
selectable?: TreeListSelectableSettings;
|
|
94
96
|
/**
|
|
95
97
|
* Specifies the name of the field which will provide a Boolean representation of the selected state of the item
|
|
96
98
|
* ([see example]({% slug selection_treelist %})).
|
|
97
99
|
*/
|
|
100
|
+
/**
|
|
101
|
+
* @hidden
|
|
102
|
+
*/
|
|
98
103
|
selectedField?: string;
|
|
99
104
|
/**
|
|
100
105
|
* Fires when the user tries to select or deselect a row or cell.
|
|
101
106
|
* ([more information and example]({% slug selection_treelist %})).
|
|
102
107
|
*/
|
|
108
|
+
/**
|
|
109
|
+
* @hidden
|
|
110
|
+
*/
|
|
103
111
|
onSelectionChange?: (event: TreeListSelectionChangeEvent) => void;
|
|
104
112
|
/**
|
|
105
113
|
* Fires when the user press keyboard key.
|
|
@@ -109,29 +117,47 @@ export interface TreeListProps {
|
|
|
109
117
|
* Fires when the user clicks the checkbox of a column header whose `field` matches `selectedField`
|
|
110
118
|
* ([more information and example]({% slug selection_treelist %})).
|
|
111
119
|
*/
|
|
120
|
+
/**
|
|
121
|
+
* @hidden
|
|
122
|
+
*/
|
|
112
123
|
onHeaderSelectionChange?: (event: TreeListHeaderSelectionChangeEvent) => void;
|
|
113
124
|
/**
|
|
114
125
|
* Fires when the user changes the values of the item.
|
|
115
126
|
* The event is not debounced and fires on every `onChange` event of the input in the current `EditCell`
|
|
116
127
|
* ([more information and examples]({% slug editing_inline_treelist %})).
|
|
117
128
|
*/
|
|
129
|
+
/**
|
|
130
|
+
* @hidden
|
|
131
|
+
*/
|
|
118
132
|
onItemChange?: (event: TreeListItemChangeEvent) => void;
|
|
119
133
|
/**
|
|
120
134
|
* Fires when the user clicks a row.
|
|
121
135
|
*/
|
|
136
|
+
/**
|
|
137
|
+
* @hidden
|
|
138
|
+
*/
|
|
122
139
|
onRowClick?: (event: TreeListRowClickEvent) => void;
|
|
123
140
|
/**
|
|
124
141
|
* Fires when the user double clicks a row.
|
|
125
142
|
*/
|
|
143
|
+
/**
|
|
144
|
+
* @hidden
|
|
145
|
+
*/
|
|
126
146
|
onRowDoubleClick?: (event: TreeListRowDoubleClickEvent) => void;
|
|
127
147
|
/**
|
|
128
148
|
* Fires when the user trigger the context menu of row.
|
|
129
149
|
*/
|
|
150
|
+
/**
|
|
151
|
+
* @hidden
|
|
152
|
+
*/
|
|
130
153
|
onRowContextMenu?: (event: TreeListRowContextMenuEvent) => void;
|
|
131
154
|
/**
|
|
132
155
|
* Specifies the name of the field which will provide a Boolean representation of the edit state of the current item
|
|
133
156
|
* ([more information and examples]({% slug editing_inline_treelist %})).
|
|
134
157
|
*/
|
|
158
|
+
/**
|
|
159
|
+
* @hidden
|
|
160
|
+
*/
|
|
135
161
|
editField?: string;
|
|
136
162
|
/**
|
|
137
163
|
* Defines the scroll mode of the TreeList.
|
|
@@ -148,14 +174,23 @@ export interface TreeListProps {
|
|
|
148
174
|
/**
|
|
149
175
|
* If set to `true`, the user can resize columns by dragging the edges (resize handles) of their header cells.
|
|
150
176
|
*/
|
|
177
|
+
/**
|
|
178
|
+
* @hidden
|
|
179
|
+
*/
|
|
151
180
|
resizable?: boolean;
|
|
152
181
|
/**
|
|
153
182
|
* If set to `true`, the user can reorder columns by dragging their header cells.
|
|
154
183
|
*/
|
|
184
|
+
/**
|
|
185
|
+
* @hidden
|
|
186
|
+
*/
|
|
155
187
|
reorderable?: boolean;
|
|
156
188
|
/**
|
|
157
189
|
* If set to `true`, the user can drag and drop rows.
|
|
158
190
|
*/
|
|
191
|
+
/**
|
|
192
|
+
* @hidden
|
|
193
|
+
*/
|
|
159
194
|
rowDraggable?: boolean;
|
|
160
195
|
/**
|
|
161
196
|
* Defines the row height and implements equal heights for all rows.
|
|
@@ -182,8 +217,17 @@ export interface TreeListProps {
|
|
|
182
217
|
* @param item - the item for the row.
|
|
183
218
|
*/
|
|
184
219
|
rowClass?: Function;
|
|
220
|
+
/**
|
|
221
|
+
* @hidden
|
|
222
|
+
*/
|
|
185
223
|
columnMenu?: any;
|
|
224
|
+
/**
|
|
225
|
+
* @hidden
|
|
226
|
+
*/
|
|
186
227
|
columnMenuFilter?: CompositeFilterDescriptor[];
|
|
228
|
+
/**
|
|
229
|
+
* @hidden
|
|
230
|
+
*/
|
|
187
231
|
onColumnMenuFilterChange?: (event: TreeListColumnMenuFilterChangeEvent) => void;
|
|
188
232
|
/**
|
|
189
233
|
* The pager component that the TreeList will render.
|
|
@@ -204,6 +248,9 @@ export interface TreeListProps {
|
|
|
204
248
|
/**
|
|
205
249
|
* The TreeList row component.
|
|
206
250
|
*/
|
|
251
|
+
/**
|
|
252
|
+
* @hidden
|
|
253
|
+
*/
|
|
207
254
|
row?: any;
|
|
208
255
|
/**
|
|
209
256
|
* If set to `true`, the user can use dedicated shortcuts to interact with the TreeList.
|
|
@@ -221,22 +268,37 @@ export interface TreeListProps {
|
|
|
221
268
|
/**
|
|
222
269
|
* Fires when a column is resized.
|
|
223
270
|
*/
|
|
271
|
+
/**
|
|
272
|
+
* @hidden
|
|
273
|
+
*/
|
|
224
274
|
onColumnResize?: (event: TreeListColumnResizeEvent) => void;
|
|
225
275
|
/**
|
|
226
276
|
* Fires when the columns are reordered.
|
|
227
277
|
*/
|
|
278
|
+
/**
|
|
279
|
+
* @hidden
|
|
280
|
+
*/
|
|
228
281
|
onColumnReorder?: (event: TreeListColumnReorderEvent) => void;
|
|
229
282
|
/**
|
|
230
283
|
* Fires when a row is dragged.
|
|
231
284
|
*/
|
|
285
|
+
/**
|
|
286
|
+
* @hidden
|
|
287
|
+
*/
|
|
232
288
|
onRowDrag?: (event: TreeListRowDragEvent) => void;
|
|
233
289
|
/**
|
|
234
290
|
* Fires when a row is dragged and dropped.
|
|
235
291
|
*/
|
|
292
|
+
/**
|
|
293
|
+
* @hidden
|
|
294
|
+
*/
|
|
236
295
|
onRowDrop?: (event: TreeListRowDragEvent) => void;
|
|
237
296
|
/**
|
|
238
297
|
* Fires when a row is about to be rendered. Useful for overriding the default rendering of the row.
|
|
239
298
|
*/
|
|
299
|
+
/**
|
|
300
|
+
* @hidden
|
|
301
|
+
*/
|
|
240
302
|
rowRender?: any;
|
|
241
303
|
/**
|
|
242
304
|
* Fires when a cell is about to be rendered. Useful for overriding the default rendering of the cell.
|
package/dist/npm/main.d.ts
CHANGED
|
@@ -8,8 +8,6 @@ import { TreeListSelectionCell } from './cells/TreeListSelectionCell';
|
|
|
8
8
|
import { TreeListRow } from './rows/TreeListRow';
|
|
9
9
|
import { TreeListRowProps } from './interfaces/TreeListRowProps';
|
|
10
10
|
import { TreeListToolbarProps } from './interfaces/TreeListToolbarProps';
|
|
11
|
-
import { TreeListNoRecords } from './TreeListNoRecords';
|
|
12
|
-
import { TreeListNoRecordsProps } from './interfaces/TreeListNoRecordsProps';
|
|
13
11
|
import { TreeListDataStateChangeEvent, TreeListFilterChangeEvent, TreeListSortChangeEvent, TreeListExpandChangeEvent, TreeListSelectionChangeEvent, TreeListItemChangeEvent, TreeListRowClickEvent, TreeListColumnResizeEvent, TreeListColumnReorderEvent, TreeListPageChangeEvent, TreeListRowDragEvent, TreeListColumnMenuFilterChangeEvent, TreeListHeaderSelectionChangeEvent, TreeListEvent, TreeListRowDoubleClickEvent, TreeListRowContextMenuEvent, TreeListDragSelectionReleaseEvent, TreeListKeyDownEvent } from './interfaces/events';
|
|
14
12
|
import { TreeListSortSettings, TreeListColumnSortSettings } from './interfaces/TreeListSortSettings';
|
|
15
13
|
import { TreeListTextFilter, TreeListTextFilterProps } from './cells/FilterCells/TreeListTextFilter';
|
|
@@ -26,4 +24,4 @@ import { getNestedValue, setHeaderRowsTop, tableRowsVirtualization } from './uti
|
|
|
26
24
|
import { TREELIST_COL_INDEX_ATTRIBUTE, TREELIST_ROW_INDEX_ATTRIBUTE, TREELIST_PREVENT_SELECTION_ELEMENT } from './constants/main';
|
|
27
25
|
import { getSelectedState, getSelectedStateFromKeyDown, setSelectedState } from '@progress/kendo-vue-data-tools';
|
|
28
26
|
import { TreeListSelectableMode, TreeListSelectableSettings } from './interfaces/TreeListSelectableSettings';
|
|
29
|
-
export { TreeList, TreeListProps, TreeListColumnProps, TreeListCell, TreeListCellProps, TreeListRow, TreeListRowProps, TreeListHeaderCellProps, TreeListSelectionCell, TreeListToolbarProps,
|
|
27
|
+
export { TreeList, TreeListProps, TreeListColumnProps, TreeListCell, TreeListCellProps, TreeListRow, TreeListRowProps, TreeListHeaderCellProps, TreeListSelectionCell, TreeListToolbarProps, TreeListSortSettings, TreeListColumnSortSettings, TreeListTextFilter, TreeListTextFilterProps, TreeListNumericFilter, TreeListNumericFilterProps, TreeListDateFilter, TreeListDateFilterProps, TreeListBooleanFilter, TreeListBooleanFilterProps, TreeListTextEditor, TreeListTextEditorProps, TreeListNumericEditor, TreeListNumericEditorProps, TreeListBooleanEditor, TreeListBooleanEditorProps, TreeListDateEditor, TreeListDateEditorProps, TreeListDataStateChangeEvent, TreeListFilterChangeEvent, TreeListColumnMenuFilterChangeEvent, TreeListSortChangeEvent, TreeListExpandChangeEvent, TreeListSelectionChangeEvent, TreeListItemChangeEvent, TreeListHeaderSelectionChangeEvent, TreeListRowClickEvent, TreeListColumnResizeEvent, TreeListColumnReorderEvent, TreeListPageChangeEvent, TreeListRowDragEvent, TreeListEvent, TreeListRowDoubleClickEvent, TreeListRowContextMenuEvent, TreeListDragSelectionReleaseEvent, TreeListKeyDownEvent, orderBy, filterBy, mapTree, createDataTree, extendDataItem, mapTreeItem, moveTreeItem, getItemPath, removeItems, modifySubItems, treeToFlat, DataItemWrapper, flatData, getNestedValue, setHeaderRowsTop, tableRowsVirtualization, TREELIST_COL_INDEX_ATTRIBUTE, TREELIST_ROW_INDEX_ATTRIBUTE, TREELIST_PREVENT_SELECTION_ELEMENT, getSelectedState, getSelectedStateFromKeyDown, setSelectedState, TreeListSelectableSettings, TreeListSelectableMode };
|
package/dist/npm/main.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.setSelectedState = exports.getSelectedStateFromKeyDown = exports.getSelectedState = exports.TREELIST_PREVENT_SELECTION_ELEMENT = exports.TREELIST_ROW_INDEX_ATTRIBUTE = exports.TREELIST_COL_INDEX_ATTRIBUTE = exports.tableRowsVirtualization = exports.setHeaderRowsTop = exports.getNestedValue = exports.flatData = exports.treeToFlat = exports.modifySubItems = exports.removeItems = exports.getItemPath = exports.moveTreeItem = exports.mapTreeItem = exports.extendDataItem = exports.createDataTree = exports.mapTree = exports.filterBy = exports.orderBy = exports.TreeListDateEditor = exports.TreeListBooleanEditor = exports.TreeListNumericEditor = exports.TreeListTextEditor = exports.TreeListBooleanFilter = exports.TreeListDateFilter = exports.TreeListNumericFilter = exports.TreeListTextFilter = exports.
|
|
3
|
+
exports.setSelectedState = exports.getSelectedStateFromKeyDown = exports.getSelectedState = exports.TREELIST_PREVENT_SELECTION_ELEMENT = exports.TREELIST_ROW_INDEX_ATTRIBUTE = exports.TREELIST_COL_INDEX_ATTRIBUTE = exports.tableRowsVirtualization = exports.setHeaderRowsTop = exports.getNestedValue = exports.flatData = exports.treeToFlat = exports.modifySubItems = exports.removeItems = exports.getItemPath = exports.moveTreeItem = exports.mapTreeItem = exports.extendDataItem = exports.createDataTree = exports.mapTree = exports.filterBy = exports.orderBy = exports.TreeListDateEditor = exports.TreeListBooleanEditor = exports.TreeListNumericEditor = exports.TreeListTextEditor = exports.TreeListBooleanFilter = exports.TreeListDateFilter = exports.TreeListNumericFilter = exports.TreeListTextFilter = exports.TreeListSelectionCell = exports.TreeListRow = exports.TreeListCell = exports.TreeList = void 0;
|
|
4
4
|
var TreeList_1 = require("./TreeList");
|
|
5
5
|
Object.defineProperty(exports, "TreeList", { enumerable: true, get: function () { return TreeList_1.TreeList; } });
|
|
6
6
|
var TreeListCell_1 = require("./cells/TreeListCell");
|
|
@@ -9,8 +9,6 @@ var TreeListSelectionCell_1 = require("./cells/TreeListSelectionCell");
|
|
|
9
9
|
Object.defineProperty(exports, "TreeListSelectionCell", { enumerable: true, get: function () { return TreeListSelectionCell_1.TreeListSelectionCell; } });
|
|
10
10
|
var TreeListRow_1 = require("./rows/TreeListRow");
|
|
11
11
|
Object.defineProperty(exports, "TreeListRow", { enumerable: true, get: function () { return TreeListRow_1.TreeListRow; } });
|
|
12
|
-
var TreeListNoRecords_1 = require("./TreeListNoRecords");
|
|
13
|
-
Object.defineProperty(exports, "TreeListNoRecords", { enumerable: true, get: function () { return TreeListNoRecords_1.TreeListNoRecords; } });
|
|
14
12
|
var TreeListTextFilter_1 = require("./cells/FilterCells/TreeListTextFilter");
|
|
15
13
|
Object.defineProperty(exports, "TreeListTextFilter", { enumerable: true, get: function () { return TreeListTextFilter_1.TreeListTextFilter; } });
|
|
16
14
|
var TreeListNumericFilter_1 = require("./cells/FilterCells/TreeListNumericFilter");
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-vue-treelist',
|
|
9
9
|
productName: 'Kendo UI for Vue',
|
|
10
10
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1663050707,
|
|
12
12
|
version: '',
|
|
13
13
|
licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
|
|
14
14
|
};
|
|
@@ -36,14 +36,14 @@
|
|
|
36
36
|
// /**
|
|
37
37
|
// * The TreeList draggable row component.
|
|
38
38
|
// */
|
|
39
|
-
// export class TreeListDraggableRow extends
|
|
39
|
+
// export class TreeListDraggableRow extends Component<TreeListRowProps, TreeListRowState> {
|
|
40
40
|
// /**
|
|
41
41
|
// * @hidden
|
|
42
42
|
// */
|
|
43
43
|
// readonly state: TreeListRowState = {
|
|
44
44
|
// clueProps: { ...defaultClueState }
|
|
45
45
|
// };
|
|
46
|
-
// private draggable =
|
|
46
|
+
// private draggable = createRef<Draggable>();
|
|
47
47
|
// private dragged: number[] | null = null;
|
|
48
48
|
// private draggedOver: number[] | null = null;
|
|
49
49
|
// /**
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-vue-treelist",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.6.0-dev.202209130634",
|
|
4
4
|
"description": "Kendo UI for Vue TreeList package",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -47,22 +47,22 @@
|
|
|
47
47
|
"vue": "^2.6.12 || ^3.0.2"
|
|
48
48
|
},
|
|
49
49
|
"dependencies": {
|
|
50
|
-
"@progress/kendo-vue-common": "3.
|
|
50
|
+
"@progress/kendo-vue-common": "3.6.0-dev.202209130634"
|
|
51
51
|
},
|
|
52
52
|
"devDependencies": {
|
|
53
53
|
"@progress/kendo-data-query": "^1.0.0",
|
|
54
54
|
"@progress/kendo-date-math": "^1.4.1",
|
|
55
55
|
"@progress/kendo-drawing": "^1.8.0",
|
|
56
56
|
"@progress/kendo-licensing": "^1.0.1",
|
|
57
|
-
"@progress/kendo-vue-buttons": "3.
|
|
58
|
-
"@progress/kendo-vue-data-tools": "3.
|
|
59
|
-
"@progress/kendo-vue-dateinputs": "3.
|
|
60
|
-
"@progress/kendo-vue-dialogs": "3.
|
|
61
|
-
"@progress/kendo-vue-dropdowns": "3.
|
|
62
|
-
"@progress/kendo-vue-excel-export": "3.
|
|
63
|
-
"@progress/kendo-vue-inputs": "3.
|
|
64
|
-
"@progress/kendo-vue-intl": "3.
|
|
65
|
-
"@progress/kendo-vue-pdf": "3.
|
|
57
|
+
"@progress/kendo-vue-buttons": "3.6.0-dev.202209130634",
|
|
58
|
+
"@progress/kendo-vue-data-tools": "3.6.0-dev.202209130634",
|
|
59
|
+
"@progress/kendo-vue-dateinputs": "3.6.0-dev.202209130634",
|
|
60
|
+
"@progress/kendo-vue-dialogs": "3.6.0-dev.202209130634",
|
|
61
|
+
"@progress/kendo-vue-dropdowns": "3.6.0-dev.202209130634",
|
|
62
|
+
"@progress/kendo-vue-excel-export": "3.6.0-dev.202209130634",
|
|
63
|
+
"@progress/kendo-vue-inputs": "3.6.0-dev.202209130634",
|
|
64
|
+
"@progress/kendo-vue-intl": "3.6.0-dev.202209130634",
|
|
65
|
+
"@progress/kendo-vue-pdf": "3.6.0-dev.202209130634"
|
|
66
66
|
},
|
|
67
67
|
"@progress": {
|
|
68
68
|
"friendlyName": "TreeList",
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
declare type DefaultData<V> = object | ((this: V) => {});
|
|
2
|
-
declare type DefaultMethods<V> = {
|
|
3
|
-
[key: string]: (this: V, ...args: any[]) => any;
|
|
4
|
-
};
|
|
5
|
-
import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
|
|
6
|
-
/**
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
9
|
-
declare let TreeListNoRecordsVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<{}>, {}, RecordPropsDefinition<{}>>;
|
|
10
|
-
/**
|
|
11
|
-
* Represents the TreeListNoRecords component which is rendered
|
|
12
|
-
* when the `data` property of the TreeList is empty or `null`.
|
|
13
|
-
*/
|
|
14
|
-
declare const TreeListNoRecords: DefineComponent<{}, any, {}, {}, {}, {}, {}, {}, string, {}, {}, {}>;
|
|
15
|
-
export { TreeListNoRecords, TreeListNoRecordsVue2 };
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
// @ts-ignore
|
|
2
|
-
import * as Vue from 'vue';
|
|
3
|
-
var allVue = Vue;
|
|
4
|
-
var gh = allVue.h;
|
|
5
|
-
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
6
|
-
var inject = allVue.inject;
|
|
7
|
-
import { provideLocalizationService } from '@progress/kendo-vue-intl';
|
|
8
|
-
import { messages, noRecords } from './messages/main';
|
|
9
|
-
import { getDefaultSlots } from '@progress/kendo-vue-common';
|
|
10
|
-
/**
|
|
11
|
-
* @hidden
|
|
12
|
-
*/
|
|
13
|
-
|
|
14
|
-
var TreeListNoRecordsVue2 = {
|
|
15
|
-
name: 'TreeListNoRecords',
|
|
16
|
-
inject: {
|
|
17
|
-
kendoLocalizationService: {
|
|
18
|
-
default: null
|
|
19
|
-
}
|
|
20
|
-
},
|
|
21
|
-
// @ts-ignore
|
|
22
|
-
setup: !isV3 ? undefined : function () {
|
|
23
|
-
var v3 = !!isV3;
|
|
24
|
-
var kendoLocalizationService = inject('kendoLocalizationService', {});
|
|
25
|
-
return {
|
|
26
|
-
v3: v3,
|
|
27
|
-
kendoLocalizationService: kendoLocalizationService
|
|
28
|
-
};
|
|
29
|
-
},
|
|
30
|
-
// @ts-ignore
|
|
31
|
-
render: function render(createElement) {
|
|
32
|
-
var h = gh || createElement;
|
|
33
|
-
var defaultSlot = getDefaultSlots(this);
|
|
34
|
-
var localizationService = provideLocalizationService(this);
|
|
35
|
-
var noRecordsMessage = localizationService.toLanguageString(noRecords, messages[noRecords]);
|
|
36
|
-
return defaultSlot ? h("div", [defaultSlot]) // @ts-ignore
|
|
37
|
-
: this.v3 ? noRecordsMessage : this._v(noRecordsMessage);
|
|
38
|
-
}
|
|
39
|
-
};
|
|
40
|
-
/**
|
|
41
|
-
* Represents the TreeListNoRecords component which is rendered
|
|
42
|
-
* when the `data` property of the TreeList is empty or `null`.
|
|
43
|
-
*/
|
|
44
|
-
|
|
45
|
-
var TreeListNoRecords = TreeListNoRecordsVue2;
|
|
46
|
-
export { TreeListNoRecords, TreeListNoRecordsVue2 };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
// import { HeaderCell } from '@progress/kendo-vue-data-tools';
|
|
2
|
-
// import { TreeListHeaderCellProps } from '../interfaces/TreeListHeaderCellProps';
|
|
3
|
-
// export const TreeListHeaderCell: React.FunctionComponent<TreeListHeaderCellProps> =
|
|
4
|
-
// (props: TreeListHeaderCellProps) => <HeaderCell {...props} />;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
// import { guid } from '@progress/kendo-vue-common';
|
|
2
|
-
// import { HeaderCellProps, HeaderSelectionCell } from '@progress/kendo-vue-data-tools';
|
|
3
|
-
// export interface TreeListHeaderSelectionCellProps extends HeaderCellProps { }
|
|
4
|
-
// export class TreeListHeaderSelectionCell extends React.Component<TreeListHeaderSelectionCellProps> {
|
|
5
|
-
// private _inputId: string = guid();
|
|
6
|
-
// /**
|
|
7
|
-
// * @hidden
|
|
8
|
-
// */
|
|
9
|
-
// render() {
|
|
10
|
-
// return <HeaderSelectionCell inputId={this._inputId} {...this.props} />;
|
|
11
|
-
// }
|
|
12
|
-
// }
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
declare type DefaultData<V> = object | ((this: V) => {});
|
|
2
|
-
declare type DefaultMethods<V> = {
|
|
3
|
-
[key: string]: (this: V, ...args: any[]) => any;
|
|
4
|
-
};
|
|
5
|
-
import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
|
|
6
|
-
/**
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
9
|
-
declare let TreeListNoRecordsVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<{}>, {}, RecordPropsDefinition<{}>>;
|
|
10
|
-
/**
|
|
11
|
-
* Represents the TreeListNoRecords component which is rendered
|
|
12
|
-
* when the `data` property of the TreeList is empty or `null`.
|
|
13
|
-
*/
|
|
14
|
-
declare const TreeListNoRecords: DefineComponent<{}, any, {}, {}, {}, {}, {}, {}, string, {}, {}, {}>;
|
|
15
|
-
export { TreeListNoRecords, TreeListNoRecordsVue2 };
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
// @ts-ignore
|
|
2
|
-
import * as Vue from 'vue';
|
|
3
|
-
var allVue = Vue;
|
|
4
|
-
var gh = allVue.h;
|
|
5
|
-
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
6
|
-
var inject = allVue.inject;
|
|
7
|
-
import { provideLocalizationService } from '@progress/kendo-vue-intl';
|
|
8
|
-
import { messages, noRecords } from './messages/main.js';
|
|
9
|
-
import { getDefaultSlots } from '@progress/kendo-vue-common';
|
|
10
|
-
/**
|
|
11
|
-
* @hidden
|
|
12
|
-
*/
|
|
13
|
-
|
|
14
|
-
var TreeListNoRecordsVue2 = {
|
|
15
|
-
name: 'TreeListNoRecords',
|
|
16
|
-
inject: {
|
|
17
|
-
kendoLocalizationService: {
|
|
18
|
-
default: null
|
|
19
|
-
}
|
|
20
|
-
},
|
|
21
|
-
// @ts-ignore
|
|
22
|
-
setup: !isV3 ? undefined : function () {
|
|
23
|
-
var v3 = !!isV3;
|
|
24
|
-
var kendoLocalizationService = inject('kendoLocalizationService', {});
|
|
25
|
-
return {
|
|
26
|
-
v3: v3,
|
|
27
|
-
kendoLocalizationService: kendoLocalizationService
|
|
28
|
-
};
|
|
29
|
-
},
|
|
30
|
-
// @ts-ignore
|
|
31
|
-
render: function render(createElement) {
|
|
32
|
-
var h = gh || createElement;
|
|
33
|
-
var defaultSlot = getDefaultSlots(this);
|
|
34
|
-
var localizationService = provideLocalizationService(this);
|
|
35
|
-
var noRecordsMessage = localizationService.toLanguageString(noRecords, messages[noRecords]);
|
|
36
|
-
return defaultSlot ? h("div", [defaultSlot]) // @ts-ignore
|
|
37
|
-
: this.v3 ? noRecordsMessage : this._v(noRecordsMessage);
|
|
38
|
-
}
|
|
39
|
-
};
|
|
40
|
-
/**
|
|
41
|
-
* Represents the TreeListNoRecords component which is rendered
|
|
42
|
-
* when the `data` property of the TreeList is empty or `null`.
|
|
43
|
-
*/
|
|
44
|
-
|
|
45
|
-
var TreeListNoRecords = TreeListNoRecordsVue2;
|
|
46
|
-
export { TreeListNoRecords, TreeListNoRecordsVue2 };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
// import { HeaderCell } from '@progress/kendo-vue-data-tools';
|
|
2
|
-
// import { TreeListHeaderCellProps } from '../interfaces/TreeListHeaderCellProps.js';
|
|
3
|
-
// export const TreeListHeaderCell: React.FunctionComponent<TreeListHeaderCellProps> =
|
|
4
|
-
// (props: TreeListHeaderCellProps) => <HeaderCell {...props} />;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
// import { guid } from '@progress/kendo-vue-common';
|
|
2
|
-
// import { HeaderCellProps, HeaderSelectionCell } from '@progress/kendo-vue-data-tools';
|
|
3
|
-
// export interface TreeListHeaderSelectionCellProps extends HeaderCellProps { }
|
|
4
|
-
// export class TreeListHeaderSelectionCell extends React.Component<TreeListHeaderSelectionCellProps> {
|
|
5
|
-
// private _inputId: string = guid();
|
|
6
|
-
// /**
|
|
7
|
-
// * @hidden
|
|
8
|
-
// */
|
|
9
|
-
// render() {
|
|
10
|
-
// return <HeaderSelectionCell inputId={this._inputId} {...this.props} />;
|
|
11
|
-
// }
|
|
12
|
-
// }
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|