@progress/kendo-vue-treelist 3.5.3 → 3.5.4-dev.202209071223

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 (29) hide show
  1. package/dist/cdn/js/kendo-vue-treelist.js +1 -1
  2. package/dist/es/TreeList.js +29 -35
  3. package/dist/es/cells/TreeListCell.js +21 -3
  4. package/dist/es/main.d.ts +1 -2
  5. package/dist/es/main.js +1 -6
  6. package/dist/es/package-metadata.js +1 -1
  7. package/dist/es/rows/DragClue.js +1 -1
  8. package/dist/es/rows/TreeListRow.js +1 -1
  9. package/dist/esm/TreeList.js +29 -35
  10. package/dist/esm/cells/TreeListCell.js +21 -3
  11. package/dist/esm/main.d.ts +1 -2
  12. package/dist/esm/main.js +1 -6
  13. package/dist/esm/package-metadata.js +1 -1
  14. package/dist/esm/rows/DragClue.js +1 -1
  15. package/dist/esm/rows/TreeListRow.js +1 -1
  16. package/dist/npm/TreeList.js +29 -35
  17. package/dist/npm/cells/TreeListCell.js +20 -2
  18. package/dist/npm/main.d.ts +1 -2
  19. package/dist/npm/main.js +1 -3
  20. package/dist/npm/package-metadata.js +1 -1
  21. package/dist/npm/rows/DragClue.js +1 -1
  22. package/dist/npm/rows/TreeListRow.js +1 -1
  23. package/package.json +11 -11
  24. package/dist/es/TreeListToolbar.d.ts +0 -15
  25. package/dist/es/TreeListToolbar.js +0 -34
  26. package/dist/esm/TreeListToolbar.d.ts +0 -15
  27. package/dist/esm/TreeListToolbar.js +0 -34
  28. package/dist/npm/TreeListToolbar.d.ts +0 -15
  29. package/dist/npm/TreeListToolbar.js +0 -44
package/dist/es/TreeList.js CHANGED
@@ -75,6 +75,7 @@ var TreeListVue2 = {
75
75
  filter: [Array, Object],
76
76
  filterable: Boolean,
77
77
  filterRow: [String, Function, Object],
78
+ cellRender: [String, Function, Object],
78
79
  toolbar: [String, Function, Object],
79
80
  noRecords: [String, Function, Object],
80
81
  expandField: String,
@@ -254,7 +255,7 @@ var TreeListVue2 = {
254
255
  columns: leafColumns,
255
256
  attrs: this.v3 ? undefined : {
256
257
  columns: leafColumns,
257
- filter: this.$props.filter,
258
+ filter: this.$props.filter || [],
258
259
  sort: this.$props.sort,
259
260
  ariaRowIndex: this.columnsMap.length + 1,
260
261
  grid: this,
@@ -262,7 +263,7 @@ var TreeListVue2 = {
262
263
  cellRender: this.$props.filterCellRender,
263
264
  isRtl: this.isRtl
264
265
  },
265
- filter: this.$props.filter,
266
+ filter: this.$props.filter || [],
266
267
  onFilterchange: this.filterChange,
267
268
  on: this.v3 ? undefined : {
268
269
  "filterchange": this.filterChange
@@ -300,7 +301,7 @@ var TreeListVue2 = {
300
301
  columns: leafColumns,
301
302
  attrs: this.v3 ? undefined : {
302
303
  columns: leafColumns,
303
- filter: this.$props.filter,
304
+ filter: this.$props.filter || [],
304
305
  sort: this.$props.sort,
305
306
  ariaRowIndex: this.columnsMap.length + 1,
306
307
  grid: this,
@@ -308,7 +309,7 @@ var TreeListVue2 = {
308
309
  cellRender: this.$props.filterCellRender,
309
310
  isRtl: this.isRtl
310
311
  },
311
- filter: this.$props.filter,
312
+ filter: this.$props.filter || [],
312
313
  onFilterchange: this.filterChange,
313
314
  on: this.v3 ? undefined : {
314
315
  "filterchange": this.filterChange
@@ -339,7 +340,7 @@ var TreeListVue2 = {
339
340
  columns: leafColumns,
340
341
  attrs: this.v3 ? undefined : {
341
342
  columns: leafColumns,
342
- filter: this.$props.filter,
343
+ filter: this.$props.filter || [],
343
344
  sort: this.$props.sort,
344
345
  ariaRowIndex: this.columnsMap.length + 1,
345
346
  grid: this,
@@ -347,7 +348,7 @@ var TreeListVue2 = {
347
348
  cellRender: this.$props.filterCellRender,
348
349
  isRtl: this.isRtl
349
350
  },
350
- filter: this.$props.filter,
351
+ filter: this.$props.filter || [],
351
352
  onFilterchange: this.filterChange,
352
353
  on: this.v3 ? undefined : {
353
354
  "filterchange": this.filterChange
@@ -385,7 +386,7 @@ var TreeListVue2 = {
385
386
  columns: leafColumns,
386
387
  attrs: this.v3 ? undefined : {
387
388
  columns: leafColumns,
388
- filter: this.$props.filter,
389
+ filter: this.$props.filter || [],
389
390
  sort: this.$props.sort,
390
391
  ariaRowIndex: this.columnsMap.length + 1,
391
392
  grid: this,
@@ -393,7 +394,7 @@ var TreeListVue2 = {
393
394
  cellRender: this.$props.filterCellRender,
394
395
  isRtl: this.isRtl
395
396
  },
396
- filter: this.$props.filter,
397
+ filter: this.$props.filter || [],
397
398
  onFilterchange: this.filterChange,
398
399
  on: this.v3 ? undefined : {
399
400
  "filterchange": this.filterChange
@@ -443,12 +444,7 @@ var TreeListVue2 = {
443
444
  });
444
445
  }
445
446
 
446
- if (column.cell) {
447
- return h(column.cell, {
448
- key: columnKey
449
- });
450
- }
451
-
447
+ var cellRenderFunction = templateRendering.call(this, this.$props.cellRender || column.cell, getListeners.call(this));
452
448
  return h(TreeListCell, {
453
449
  key: columnKey,
454
450
  id: navigationTools.generateNavigatableId("".concat(rowId, "-").concat(String(columnIndex)), idPrefix),
@@ -458,7 +454,7 @@ var TreeListVue2 = {
458
454
  dataItem: item.dataItem,
459
455
  field: column.field,
460
456
  format: column.format,
461
- render: this.$props.cellRender,
457
+ render: cellRenderFunction,
462
458
  selectionChange: this.$props.onSelectionChange ? function (e) {
463
459
  _this.selectionChange({
464
460
  event: e,
@@ -480,7 +476,7 @@ var TreeListVue2 = {
480
476
  field: column.field,
481
477
  format: column.format,
482
478
  "class": className || undefined,
483
- render: this.$props.cellRender,
479
+ render: cellRenderFunction,
484
480
  onChange: this.itemChange,
485
481
  on: this.v3 ? undefined : {
486
482
  "change": this.itemChange,
@@ -619,10 +615,6 @@ var TreeListVue2 = {
619
615
  var colGroups = h("colgroup", {
620
616
  ref: function ref(c) {
621
617
  _this.columnResize.colGroupMain = c;
622
- },
623
- role: 'presentation',
624
- attrs: this.v3 ? undefined : {
625
- role: 'presentation'
626
618
  }
627
619
  }, [leafColumns.map(function (column, index) {
628
620
  return h("col", {
@@ -636,6 +628,11 @@ var TreeListVue2 = {
636
628
  var virtualScroll = this.$props.columnVirtualization || this.$props.scrollable === 'virtual';
637
629
  var tableUserSelect = this.$props.selectable && this.$props.selectable.drag ? 'none' : undefined;
638
630
  var tableProps = this.$props.tableProps || {};
631
+ var toolbarTemplate = templateRendering.call(this, this.$props.toolbar, getListeners.call(this));
632
+ var toolbar = getTemplate.call(this, {
633
+ h: h,
634
+ template: toolbarTemplate
635
+ });
639
636
  var pagerTemplate = templateRendering.call(this, this.$props.pager, getListeners.call(this)); // @ts-ignore
640
637
 
641
638
  var defaultPagerRendering = this.$props.pageable && h(Pager, {
@@ -710,7 +707,9 @@ var TreeListVue2 = {
710
707
  _this.treeListNavRef = el;
711
708
  } : 'treeListNav'
712
709
  }, _this2.v3 ? function () {
713
- return [_this2.$props.toolbar, // // @ts-ignore
710
+ return [_this2.$props.toolbar && h("div", {
711
+ "class": "k-toolbar k-grid-toolbar"
712
+ }, [toolbar]), // // @ts-ignore
714
713
  // <TableSelection
715
714
  // selectable={this.$props.selectable}
716
715
  // onRelease={this.selectionRelease}
@@ -737,7 +736,9 @@ var TreeListVue2 = {
737
736
  }), reorderable && h(DragClue, {
738
737
  ref: _this2.dragLogic.refDragElementClue
739
738
  })];
740
- } : [_this2.$props.toolbar, h("table", {
739
+ } : [_this2.$props.toolbar && h("div", {
740
+ "class": "k-toolbar k-grid-toolbar"
741
+ }, [toolbar]), h("table", {
741
742
  style: __assign(__assign({}, tableProps.style || {}), {
742
743
  userSelect: tableUserSelect
743
744
  }),
@@ -784,7 +785,9 @@ var TreeListVue2 = {
784
785
  _this.treeListNavRef = el;
785
786
  } : 'treeListNav'
786
787
  }, _this2.v3 ? function () {
787
- return [_this2.$props.toolbar, h("table", {
788
+ return [_this2.$props.toolbar && h("div", {
789
+ "class": "k-toolbar k-grid-toolbar"
790
+ }, [toolbar]), h("table", {
788
791
  style: __assign(__assign({}, tableProps.style || {}), {
789
792
  userSelect: tableUserSelect
790
793
  }),
@@ -804,7 +807,9 @@ var TreeListVue2 = {
804
807
  }), reorderable && h(DragClue, {
805
808
  ref: _this2.dragLogic.refDragElementClue
806
809
  })];
807
- } : [_this2.$props.toolbar, h("table", {
810
+ } : [_this2.$props.toolbar && h("div", {
811
+ "class": "k-toolbar k-grid-toolbar"
812
+ }, [toolbar]), h("table", {
808
813
  style: __assign(__assign({}, tableProps.style || {}), {
809
814
  userSelect: tableUserSelect
810
815
  }),
@@ -1106,7 +1111,6 @@ var TreeListVue2 = {
1106
1111
  if (this.$props.onHeaderSelectionChange) {
1107
1112
  var selectionEvent = {
1108
1113
  field: event.field,
1109
- // nativeEvent: event.event && event.event.nativeEvent,
1110
1114
  event: event.event,
1111
1115
  target: this,
1112
1116
  dataItems: this.getLeafDataItems()
@@ -1213,16 +1217,6 @@ var TreeListVue2 = {
1213
1217
  take: page.take
1214
1218
  }, event);
1215
1219
  },
1216
- onPageChange: function onPageChange(e) {
1217
- if (this.$props.onPageChange) {
1218
- var event_4 = __assign(__assign({}, this.getArguments(e.event)), {
1219
- skip: e.skip,
1220
- take: e.take
1221
- });
1222
-
1223
- this.$props.onPageChange.call(undefined, event_4);
1224
- }
1225
- },
1226
1220
  raiseDataEvent: function raiseDataEvent(handler, data, moreData, event) {
1227
1221
  if (hasListener.call(this, handler)) {
1228
1222
  this.$emit(handler, __assign(__assign({}, this.getArguments(event)), data));
package/dist/es/cells/TreeListCell.js CHANGED
@@ -1,4 +1,20 @@
1
- // @ts-ignore
1
+ var __assign = this && this.__assign || function () {
2
+ __assign = Object.assign || function (t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+
6
+ for (var p in s) {
7
+ if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
8
+ }
9
+ }
10
+
11
+ return t;
12
+ };
13
+
14
+ return __assign.apply(this, arguments);
15
+ }; // @ts-ignore
16
+
17
+
2
18
  import * as Vue from 'vue';
3
19
  var allVue = Vue;
4
20
  var gh = allVue.h;
@@ -149,7 +165,7 @@ var TreeListCellVue2 = {
149
165
 
150
166
  if (hasChildren) {
151
167
  icons.push(h("span", {
152
- "class": "k-icon k-i-".concat(expanded ? 'collapse' : 'expand'),
168
+ "class": "k-icon k-i-".concat(expanded ? 'caret-alt-down' : 'caret-alt-right'),
153
169
  key: "expand-collapse",
154
170
  onClick: this.triggerExpandChange,
155
171
  on: this.v3 ? undefined : {
@@ -199,7 +215,9 @@ var TreeListCellVue2 = {
199
215
  h: h,
200
216
  template: this.$props.render,
201
217
  defaultRendering: defaultRendering,
202
- additionalProps: this.$props,
218
+ additionalProps: __assign(__assign({}, this.$props), {
219
+ value: data
220
+ }),
203
221
  additionalListeners: {
204
222
  click: this.triggerClick,
205
223
  keydown: this.triggerKeydown,
package/dist/es/main.d.ts CHANGED
@@ -7,7 +7,6 @@ import { TreeListHeaderCellProps } from './interfaces/TreeListHeaderCellProps';
7
7
  import { TreeListSelectionCell } from './cells/TreeListSelectionCell';
8
8
  import { TreeListRow } from './rows/TreeListRow';
9
9
  import { TreeListRowProps } from './interfaces/TreeListRowProps';
10
- import { TreeListToolbar } from './TreeListToolbar';
11
10
  import { TreeListToolbarProps } from './interfaces/TreeListToolbarProps';
12
11
  import { TreeListNoRecords } from './TreeListNoRecords';
13
12
  import { TreeListNoRecordsProps } from './interfaces/TreeListNoRecordsProps';
@@ -27,4 +26,4 @@ import { getNestedValue, setHeaderRowsTop, tableRowsVirtualization } from './uti
27
26
  import { TREELIST_COL_INDEX_ATTRIBUTE, TREELIST_ROW_INDEX_ATTRIBUTE, TREELIST_PREVENT_SELECTION_ELEMENT } from './constants/main';
28
27
  import { getSelectedState, getSelectedStateFromKeyDown, setSelectedState } from '@progress/kendo-vue-data-tools';
29
28
  import { TreeListSelectableMode, TreeListSelectableSettings } from './interfaces/TreeListSelectableSettings';
30
- export { TreeList, TreeListProps, TreeListColumnProps, TreeListCell, TreeListCellProps, TreeListRow, TreeListRowProps, TreeListHeaderCellProps, TreeListSelectionCell, TreeListToolbar, TreeListToolbarProps, TreeListNoRecords, TreeListNoRecordsProps, 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 };
29
+ export { TreeList, TreeListProps, TreeListColumnProps, TreeListCell, TreeListCellProps, TreeListRow, TreeListRowProps, TreeListHeaderCellProps, TreeListSelectionCell, TreeListToolbarProps, TreeListNoRecords, TreeListNoRecordsProps, 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/es/main.js CHANGED
@@ -2,7 +2,6 @@ import { TreeList } from './TreeList';
2
2
  import { TreeListCell } from './cells/TreeListCell';
3
3
  import { TreeListSelectionCell } from './cells/TreeListSelectionCell';
4
4
  import { TreeListRow } from './rows/TreeListRow';
5
- import { TreeListToolbar } from './TreeListToolbar';
6
5
  import { TreeListNoRecords } from './TreeListNoRecords';
7
6
  import { TreeListTextFilter } from './cells/FilterCells/TreeListTextFilter';
8
7
  import { TreeListNumericFilter } from './cells/FilterCells/TreeListNumericFilter';
@@ -16,8 +15,4 @@ import { orderBy, filterBy, mapTreeItem, moveTreeItem, getItemPath, mapTree, cre
16
15
  import { getNestedValue, setHeaderRowsTop, tableRowsVirtualization } from './utils/main';
17
16
  import { TREELIST_COL_INDEX_ATTRIBUTE, TREELIST_ROW_INDEX_ATTRIBUTE, TREELIST_PREVENT_SELECTION_ELEMENT } from './constants/main';
18
17
  import { getSelectedState, getSelectedStateFromKeyDown, setSelectedState } from '@progress/kendo-vue-data-tools';
19
- export { TreeList, TreeListCell, TreeListRow, TreeListSelectionCell,
20
- // TreeListSelectionCellProps,
21
- // TreeListHeaderSelectionCell,
22
- // TreeListHeaderSelectionCellProps,
23
- TreeListToolbar, TreeListNoRecords, 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 };
18
+ export { TreeList, TreeListCell, TreeListRow, TreeListSelectionCell, TreeListNoRecords, 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 };
package/dist/es/package-metadata.js CHANGED
@@ -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: 1662389299,
8
+ publishDate: 1662553258,
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
  };
package/dist/es/rows/DragClue.js CHANGED
@@ -22,7 +22,7 @@ var RowDragClueVue2 = {
22
22
  return _a = {
23
23
  'k-icon': true,
24
24
  'k-drag-status': true
25
- }, _a[this.$props.allowDrop ? 'k-i-add' : 'k-i-cancel'] = true, _a['k-icon-with-modifier'] = true, _a;
25
+ }, _a[this.$props.allowDrop ? 'k-i-plus' : 'k-i-cancel'] = true, _a['k-icon-with-modifier'] = true, _a;
26
26
  }
27
27
  },
28
28
  // @ts-ignore
package/dist/es/rows/TreeListRow.js CHANGED
@@ -41,7 +41,7 @@ var TreeListRowVue2 = {
41
41
  'k-master-row': true,
42
42
  'k-selected': isSelected,
43
43
  'k-alt': isAltRow,
44
- 'k-group-footer': this.dataItem.footer
44
+ 'k-group-footer': this.dataItem && this.dataItem.footer
45
45
  };
46
46
  }
47
47
  },
package/dist/esm/TreeList.js CHANGED
@@ -75,6 +75,7 @@ var TreeListVue2 = {
75
75
  filter: [Array, Object],
76
76
  filterable: Boolean,
77
77
  filterRow: [String, Function, Object],
78
+ cellRender: [String, Function, Object],
78
79
  toolbar: [String, Function, Object],
79
80
  noRecords: [String, Function, Object],
80
81
  expandField: String,
@@ -254,7 +255,7 @@ var TreeListVue2 = {
254
255
  columns: leafColumns,
255
256
  attrs: this.v3 ? undefined : {
256
257
  columns: leafColumns,
257
- filter: this.$props.filter,
258
+ filter: this.$props.filter || [],
258
259
  sort: this.$props.sort,
259
260
  ariaRowIndex: this.columnsMap.length + 1,
260
261
  grid: this,
@@ -262,7 +263,7 @@ var TreeListVue2 = {
262
263
  cellRender: this.$props.filterCellRender,
263
264
  isRtl: this.isRtl
264
265
  },
265
- filter: this.$props.filter,
266
+ filter: this.$props.filter || [],
266
267
  onFilterchange: this.filterChange,
267
268
  on: this.v3 ? undefined : {
268
269
  "filterchange": this.filterChange
@@ -300,7 +301,7 @@ var TreeListVue2 = {
300
301
  columns: leafColumns,
301
302
  attrs: this.v3 ? undefined : {
302
303
  columns: leafColumns,
303
- filter: this.$props.filter,
304
+ filter: this.$props.filter || [],
304
305
  sort: this.$props.sort,
305
306
  ariaRowIndex: this.columnsMap.length + 1,
306
307
  grid: this,
@@ -308,7 +309,7 @@ var TreeListVue2 = {
308
309
  cellRender: this.$props.filterCellRender,
309
310
  isRtl: this.isRtl
310
311
  },
311
- filter: this.$props.filter,
312
+ filter: this.$props.filter || [],
312
313
  onFilterchange: this.filterChange,
313
314
  on: this.v3 ? undefined : {
314
315
  "filterchange": this.filterChange
@@ -339,7 +340,7 @@ var TreeListVue2 = {
339
340
  columns: leafColumns,
340
341
  attrs: this.v3 ? undefined : {
341
342
  columns: leafColumns,
342
- filter: this.$props.filter,
343
+ filter: this.$props.filter || [],
343
344
  sort: this.$props.sort,
344
345
  ariaRowIndex: this.columnsMap.length + 1,
345
346
  grid: this,
@@ -347,7 +348,7 @@ var TreeListVue2 = {
347
348
  cellRender: this.$props.filterCellRender,
348
349
  isRtl: this.isRtl
349
350
  },
350
- filter: this.$props.filter,
351
+ filter: this.$props.filter || [],
351
352
  onFilterchange: this.filterChange,
352
353
  on: this.v3 ? undefined : {
353
354
  "filterchange": this.filterChange
@@ -385,7 +386,7 @@ var TreeListVue2 = {
385
386
  columns: leafColumns,
386
387
  attrs: this.v3 ? undefined : {
387
388
  columns: leafColumns,
388
- filter: this.$props.filter,
389
+ filter: this.$props.filter || [],
389
390
  sort: this.$props.sort,
390
391
  ariaRowIndex: this.columnsMap.length + 1,
391
392
  grid: this,
@@ -393,7 +394,7 @@ var TreeListVue2 = {
393
394
  cellRender: this.$props.filterCellRender,
394
395
  isRtl: this.isRtl
395
396
  },
396
- filter: this.$props.filter,
397
+ filter: this.$props.filter || [],
397
398
  onFilterchange: this.filterChange,
398
399
  on: this.v3 ? undefined : {
399
400
  "filterchange": this.filterChange
@@ -443,12 +444,7 @@ var TreeListVue2 = {
443
444
  });
444
445
  }
445
446
 
446
- if (column.cell) {
447
- return h(column.cell, {
448
- key: columnKey
449
- });
450
- }
451
-
447
+ var cellRenderFunction = templateRendering.call(this, this.$props.cellRender || column.cell, getListeners.call(this));
452
448
  return h(TreeListCell, {
453
449
  key: columnKey,
454
450
  id: navigationTools.generateNavigatableId("".concat(rowId, "-").concat(String(columnIndex)), idPrefix),
@@ -458,7 +454,7 @@ var TreeListVue2 = {
458
454
  dataItem: item.dataItem,
459
455
  field: column.field,
460
456
  format: column.format,
461
- render: this.$props.cellRender,
457
+ render: cellRenderFunction,
462
458
  selectionChange: this.$props.onSelectionChange ? function (e) {
463
459
  _this.selectionChange({
464
460
  event: e,
@@ -480,7 +476,7 @@ var TreeListVue2 = {
480
476
  field: column.field,
481
477
  format: column.format,
482
478
  "class": className || undefined,
483
- render: this.$props.cellRender,
479
+ render: cellRenderFunction,
484
480
  onChange: this.itemChange,
485
481
  on: this.v3 ? undefined : {
486
482
  "change": this.itemChange,
@@ -619,10 +615,6 @@ var TreeListVue2 = {
619
615
  var colGroups = h("colgroup", {
620
616
  ref: function ref(c) {
621
617
  _this.columnResize.colGroupMain = c;
622
- },
623
- role: 'presentation',
624
- attrs: this.v3 ? undefined : {
625
- role: 'presentation'
626
618
  }
627
619
  }, [leafColumns.map(function (column, index) {
628
620
  return h("col", {
@@ -636,6 +628,11 @@ var TreeListVue2 = {
636
628
  var virtualScroll = this.$props.columnVirtualization || this.$props.scrollable === 'virtual';
637
629
  var tableUserSelect = this.$props.selectable && this.$props.selectable.drag ? 'none' : undefined;
638
630
  var tableProps = this.$props.tableProps || {};
631
+ var toolbarTemplate = templateRendering.call(this, this.$props.toolbar, getListeners.call(this));
632
+ var toolbar = getTemplate.call(this, {
633
+ h: h,
634
+ template: toolbarTemplate
635
+ });
639
636
  var pagerTemplate = templateRendering.call(this, this.$props.pager, getListeners.call(this)); // @ts-ignore
640
637
 
641
638
  var defaultPagerRendering = this.$props.pageable && h(Pager, {
@@ -710,7 +707,9 @@ var TreeListVue2 = {
710
707
  _this.treeListNavRef = el;
711
708
  } : 'treeListNav'
712
709
  }, _this2.v3 ? function () {
713
- return [_this2.$props.toolbar, // // @ts-ignore
710
+ return [_this2.$props.toolbar && h("div", {
711
+ "class": "k-toolbar k-grid-toolbar"
712
+ }, [toolbar]), // // @ts-ignore
714
713
  // <TableSelection
715
714
  // selectable={this.$props.selectable}
716
715
  // onRelease={this.selectionRelease}
@@ -737,7 +736,9 @@ var TreeListVue2 = {
737
736
  }), reorderable && h(DragClue, {
738
737
  ref: _this2.dragLogic.refDragElementClue
739
738
  })];
740
- } : [_this2.$props.toolbar, h("table", {
739
+ } : [_this2.$props.toolbar && h("div", {
740
+ "class": "k-toolbar k-grid-toolbar"
741
+ }, [toolbar]), h("table", {
741
742
  style: __assign(__assign({}, tableProps.style || {}), {
742
743
  userSelect: tableUserSelect
743
744
  }),
@@ -784,7 +785,9 @@ var TreeListVue2 = {
784
785
  _this.treeListNavRef = el;
785
786
  } : 'treeListNav'
786
787
  }, _this2.v3 ? function () {
787
- return [_this2.$props.toolbar, h("table", {
788
+ return [_this2.$props.toolbar && h("div", {
789
+ "class": "k-toolbar k-grid-toolbar"
790
+ }, [toolbar]), h("table", {
788
791
  style: __assign(__assign({}, tableProps.style || {}), {
789
792
  userSelect: tableUserSelect
790
793
  }),
@@ -804,7 +807,9 @@ var TreeListVue2 = {
804
807
  }), reorderable && h(DragClue, {
805
808
  ref: _this2.dragLogic.refDragElementClue
806
809
  })];
807
- } : [_this2.$props.toolbar, h("table", {
810
+ } : [_this2.$props.toolbar && h("div", {
811
+ "class": "k-toolbar k-grid-toolbar"
812
+ }, [toolbar]), h("table", {
808
813
  style: __assign(__assign({}, tableProps.style || {}), {
809
814
  userSelect: tableUserSelect
810
815
  }),
@@ -1106,7 +1111,6 @@ var TreeListVue2 = {
1106
1111
  if (this.$props.onHeaderSelectionChange) {
1107
1112
  var selectionEvent = {
1108
1113
  field: event.field,
1109
- // nativeEvent: event.event && event.event.nativeEvent,
1110
1114
  event: event.event,
1111
1115
  target: this,
1112
1116
  dataItems: this.getLeafDataItems()
@@ -1213,16 +1217,6 @@ var TreeListVue2 = {
1213
1217
  take: page.take
1214
1218
  }, event);
1215
1219
  },
1216
- onPageChange: function onPageChange(e) {
1217
- if (this.$props.onPageChange) {
1218
- var event_4 = __assign(__assign({}, this.getArguments(e.event)), {
1219
- skip: e.skip,
1220
- take: e.take
1221
- });
1222
-
1223
- this.$props.onPageChange.call(undefined, event_4);
1224
- }
1225
- },
1226
1220
  raiseDataEvent: function raiseDataEvent(handler, data, moreData, event) {
1227
1221
  if (hasListener.call(this, handler)) {
1228
1222
  this.$emit(handler, __assign(__assign({}, this.getArguments(event)), data));
package/dist/esm/cells/TreeListCell.js CHANGED
@@ -1,4 +1,20 @@
1
- // @ts-ignore
1
+ var __assign = this && this.__assign || function () {
2
+ __assign = Object.assign || function (t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+
6
+ for (var p in s) {
7
+ if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
8
+ }
9
+ }
10
+
11
+ return t;
12
+ };
13
+
14
+ return __assign.apply(this, arguments);
15
+ }; // @ts-ignore
16
+
17
+
2
18
  import * as Vue from 'vue';
3
19
  var allVue = Vue;
4
20
  var gh = allVue.h;
@@ -149,7 +165,7 @@ var TreeListCellVue2 = {
149
165
 
150
166
  if (hasChildren) {
151
167
  icons.push(h("span", {
152
- "class": "k-icon k-i-".concat(expanded ? 'collapse' : 'expand'),
168
+ "class": "k-icon k-i-".concat(expanded ? 'caret-alt-down' : 'caret-alt-right'),
153
169
  key: "expand-collapse",
154
170
  onClick: this.triggerExpandChange,
155
171
  on: this.v3 ? undefined : {
@@ -199,7 +215,9 @@ var TreeListCellVue2 = {
199
215
  h: h,
200
216
  template: this.$props.render,
201
217
  defaultRendering: defaultRendering,
202
- additionalProps: this.$props,
218
+ additionalProps: __assign(__assign({}, this.$props), {
219
+ value: data
220
+ }),
203
221
  additionalListeners: {
204
222
  click: this.triggerClick,
205
223
  keydown: this.triggerKeydown,
package/dist/esm/main.d.ts CHANGED
@@ -7,7 +7,6 @@ import { TreeListHeaderCellProps } from './interfaces/TreeListHeaderCellProps';
7
7
  import { TreeListSelectionCell } from './cells/TreeListSelectionCell';
8
8
  import { TreeListRow } from './rows/TreeListRow';
9
9
  import { TreeListRowProps } from './interfaces/TreeListRowProps';
10
- import { TreeListToolbar } from './TreeListToolbar';
11
10
  import { TreeListToolbarProps } from './interfaces/TreeListToolbarProps';
12
11
  import { TreeListNoRecords } from './TreeListNoRecords';
13
12
  import { TreeListNoRecordsProps } from './interfaces/TreeListNoRecordsProps';
@@ -27,4 +26,4 @@ import { getNestedValue, setHeaderRowsTop, tableRowsVirtualization } from './uti
27
26
  import { TREELIST_COL_INDEX_ATTRIBUTE, TREELIST_ROW_INDEX_ATTRIBUTE, TREELIST_PREVENT_SELECTION_ELEMENT } from './constants/main';
28
27
  import { getSelectedState, getSelectedStateFromKeyDown, setSelectedState } from '@progress/kendo-vue-data-tools';
29
28
  import { TreeListSelectableMode, TreeListSelectableSettings } from './interfaces/TreeListSelectableSettings';
30
- export { TreeList, TreeListProps, TreeListColumnProps, TreeListCell, TreeListCellProps, TreeListRow, TreeListRowProps, TreeListHeaderCellProps, TreeListSelectionCell, TreeListToolbar, TreeListToolbarProps, TreeListNoRecords, TreeListNoRecordsProps, 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 };
29
+ export { TreeList, TreeListProps, TreeListColumnProps, TreeListCell, TreeListCellProps, TreeListRow, TreeListRowProps, TreeListHeaderCellProps, TreeListSelectionCell, TreeListToolbarProps, TreeListNoRecords, TreeListNoRecordsProps, 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/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 { TreeListToolbar } from './TreeListToolbar.js';
6
5
  import { TreeListNoRecords } from './TreeListNoRecords.js';
7
6
  import { TreeListTextFilter } from './cells/FilterCells/TreeListTextFilter.js';
8
7
  import { TreeListNumericFilter } from './cells/FilterCells/TreeListNumericFilter.js';
@@ -16,8 +15,4 @@ import { orderBy, filterBy, mapTreeItem, moveTreeItem, getItemPath, mapTree, cre
16
15
  import { getNestedValue, setHeaderRowsTop, tableRowsVirtualization } from './utils/main.js';
17
16
  import { TREELIST_COL_INDEX_ATTRIBUTE, TREELIST_ROW_INDEX_ATTRIBUTE, TREELIST_PREVENT_SELECTION_ELEMENT } from './constants/main.js';
18
17
  import { getSelectedState, getSelectedStateFromKeyDown, setSelectedState } from '@progress/kendo-vue-data-tools';
19
- export { TreeList, TreeListCell, TreeListRow, TreeListSelectionCell,
20
- // TreeListSelectionCellProps,
21
- // TreeListHeaderSelectionCell,
22
- // TreeListHeaderSelectionCellProps,
23
- TreeListToolbar, TreeListNoRecords, 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 };
18
+ export { TreeList, TreeListCell, TreeListRow, TreeListSelectionCell, TreeListNoRecords, 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 };
package/dist/esm/package-metadata.js CHANGED
@@ -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: 1662389299,
8
+ publishDate: 1662553258,
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
  };
package/dist/esm/rows/DragClue.js CHANGED
@@ -22,7 +22,7 @@ var RowDragClueVue2 = {
22
22
  return _a = {
23
23
  'k-icon': true,
24
24
  'k-drag-status': true
25
- }, _a[this.$props.allowDrop ? 'k-i-add' : 'k-i-cancel'] = true, _a['k-icon-with-modifier'] = true, _a;
25
+ }, _a[this.$props.allowDrop ? 'k-i-plus' : 'k-i-cancel'] = true, _a['k-icon-with-modifier'] = true, _a;
26
26
  }
27
27
  },
28
28
  // @ts-ignore
package/dist/esm/rows/TreeListRow.js CHANGED
@@ -41,7 +41,7 @@ var TreeListRowVue2 = {
41
41
  'k-master-row': true,
42
42
  'k-selected': isSelected,
43
43
  'k-alt': isAltRow,
44
- 'k-group-footer': this.dataItem.footer
44
+ 'k-group-footer': this.dataItem && this.dataItem.footer
45
45
  };
46
46
  }
47
47
  },