@syncfusion/ej2-vue-treegrid 19.2.60 → 19.3.46

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 (40) hide show
  1. package/CHANGELOG.md +21 -62
  2. package/dist/ej2-vue-treegrid.umd.min.js +1 -1
  3. package/dist/es6/ej2-vue-treegrid.es2015.js +27 -3
  4. package/dist/es6/ej2-vue-treegrid.es2015.js.map +1 -1
  5. package/dist/es6/ej2-vue-treegrid.es5.js +27 -3
  6. package/dist/es6/ej2-vue-treegrid.es5.js.map +1 -1
  7. package/dist/global/ej2-vue-treegrid.min.js +2 -2
  8. package/package.json +8 -8
  9. package/src/treegrid/treegrid.component.d.ts +7 -0
  10. package/src/treegrid/treegrid.component.js +27 -3
  11. package/styles/bootstrap-dark.css +7 -3
  12. package/styles/bootstrap.css +7 -3
  13. package/styles/bootstrap4.css +12 -3
  14. package/styles/bootstrap5-dark.css +535 -0
  15. package/styles/bootstrap5-dark.scss +1 -0
  16. package/styles/bootstrap5.css +535 -0
  17. package/styles/bootstrap5.scss +1 -0
  18. package/styles/fabric-dark.css +7 -3
  19. package/styles/fabric.css +7 -3
  20. package/styles/highcontrast-light.css +7 -3
  21. package/styles/highcontrast.css +9 -5
  22. package/styles/material-dark.css +26 -22
  23. package/styles/material.css +5 -1
  24. package/styles/tailwind-dark.css +34 -30
  25. package/styles/tailwind.css +5 -1
  26. package/styles/treegrid/bootstrap-dark.css +7 -3
  27. package/styles/treegrid/bootstrap.css +7 -3
  28. package/styles/treegrid/bootstrap4.css +12 -3
  29. package/styles/treegrid/bootstrap5-dark.css +535 -0
  30. package/styles/treegrid/bootstrap5-dark.scss +1 -0
  31. package/styles/treegrid/bootstrap5.css +535 -0
  32. package/styles/treegrid/bootstrap5.scss +1 -0
  33. package/styles/treegrid/fabric-dark.css +7 -3
  34. package/styles/treegrid/fabric.css +7 -3
  35. package/styles/treegrid/highcontrast-light.css +7 -3
  36. package/styles/treegrid/highcontrast.css +9 -5
  37. package/styles/treegrid/material-dark.css +26 -22
  38. package/styles/treegrid/material.css +5 -1
  39. package/styles/treegrid/tailwind-dark.css +34 -30
  40. package/styles/treegrid/tailwind.css +5 -1
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-vue-treegrid@*",
3
- "_id": "@syncfusion/ej2-vue-treegrid@19.2.59",
3
+ "_id": "@syncfusion/ej2-vue-treegrid@19.3.45",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-05U1Qt5zln88uUlznpxGj1H/ybheHF5ZYUBOWBVJDEvHBMJ9VqiassouofWqt6q2/OPoaRlfaKChhzpWrN05HQ==",
5
+ "_integrity": "sha512-ZYC9Osv55033N2rp2zru3yyKE0Hgy4GMjTySt2X/TQrGgJcBzG+MGldlHJoxnDYnFOrgSBuXxxnbrWuyzMLdpw==",
6
6
  "_location": "/@syncfusion/ej2-vue-treegrid",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -19,8 +19,8 @@
19
19
  "_requiredBy": [
20
20
  "/"
21
21
  ],
22
- "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-vue-treegrid/-/ej2-vue-treegrid-19.2.59.tgz",
23
- "_shasum": "f1cd602d223ba60eb1edaac05a2cba89e021ffa6",
22
+ "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-vue-treegrid/-/ej2-vue-treegrid-19.3.45.tgz",
23
+ "_shasum": "78b9edb2f127842178baeee1595dbd785316fafa",
24
24
  "_spec": "@syncfusion/ej2-vue-treegrid@*",
25
25
  "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
26
26
  "author": {
@@ -31,9 +31,9 @@
31
31
  },
32
32
  "bundleDependencies": false,
33
33
  "dependencies": {
34
- "@syncfusion/ej2-base": "~19.2.60",
35
- "@syncfusion/ej2-treegrid": "19.2.60",
36
- "@syncfusion/ej2-vue-base": "~19.2.60"
34
+ "@syncfusion/ej2-base": "~19.3.43",
35
+ "@syncfusion/ej2-treegrid": "19.3.46",
36
+ "@syncfusion/ej2-vue-base": "~19.3.43"
37
37
  },
38
38
  "deprecated": false,
39
39
  "description": "Essential JS 2 TreeGrid Component for Vue",
@@ -62,6 +62,6 @@
62
62
  "type": "git",
63
63
  "url": "git+https://github.com/syncfusion/ej2-vue-ui-components.git"
64
64
  },
65
- "version": "19.2.60",
65
+ "version": "19.3.46",
66
66
  "sideEffects": false
67
67
  }
@@ -73,9 +73,16 @@ export declare class TreeGridComponent extends ComponentBase {
73
73
  getDataRows(): Object[];
74
74
  getFooterContent(): Object;
75
75
  getFooterContentTable(): Object;
76
+ getFrozenLeftColumnHeaderByIndex(index: number): Object;
77
+ getFrozenRightCellFromIndex(rowIndex: number, columnIndex: number): Object;
78
+ getFrozenRightColumnHeaderByIndex(index: number): Object;
79
+ getFrozenRightDataRows(): Object[];
80
+ getFrozenRightRowByIndex(index: number): Object;
81
+ getFrozenRightRows(): Object[];
76
82
  getHeaderContent(): Object;
77
83
  getHeaderTable(): Object;
78
84
  getMovableCellFromIndex(rowIndex: number, columnIndex: number): Object;
85
+ getMovableColumnHeaderByIndex(index: number): Object;
79
86
  getMovableDataRows(): Object[];
80
87
  getMovableRowByIndex(index: number): Object;
81
88
  getMovableRows(): Object[];
@@ -25,7 +25,7 @@ import { ColumnsDirective, ColumnDirective, ColumnsPlugin, ColumnPlugin } from '
25
25
  import { AggregateColumnsDirective, AggregateColumnDirective, AggregateColumnsPlugin, AggregateColumnPlugin } from './aggregate-columns.directive';
26
26
  import { AggregatesDirective, AggregateDirective, AggregatesPlugin, AggregatePlugin } from './aggregates.directive';
27
27
  import { Options } from 'vue-class-component';
28
- export var properties = ['aggregates', 'allowExcelExport', 'allowFiltering', 'allowMultiSorting', 'allowPaging', 'allowPdfExport', 'allowReordering', 'allowResizing', 'allowRowDragAndDrop', 'allowSelection', 'allowSorting', 'allowTextWrap', 'autoCheckHierarchy', 'childMapping', 'clipMode', 'columnMenuItems', 'columnQueryMode', 'columns', 'contextMenuItems', 'copyHierarchyMode', 'dataSource', 'detailTemplate', 'editSettings', 'enableAltRow', 'enableAutoFill', 'enableCollapseAll', 'enableHover', 'enableImmutableMode', 'enableInfiniteScrolling', 'enablePersistence', 'enableRtl', 'enableVirtualization', 'expandStateMapping', 'filterSettings', 'frozenColumns', 'frozenRows', 'gridLines', 'hasChildMapping', 'height', 'idMapping', 'infiniteScrollSettings', 'loadChildOnDemand', 'locale', 'pageSettings', 'parentIdMapping', 'printMode', 'query', 'rowDropSettings', 'rowHeight', 'rowTemplate', 'searchSettings', 'selectedRowIndex', 'selectionSettings', 'showColumnChooser', 'showColumnMenu', 'sortSettings', 'textWrapSettings', 'toolbar', 'treeColumnIndex', 'width', 'actionBegin', 'actionComplete', 'actionFailure', 'batchAdd', 'batchCancel', 'batchDelete', 'beforeBatchAdd', 'beforeBatchDelete', 'beforeBatchSave', 'beforeCopy', 'beforeDataBound', 'beforeExcelExport', 'beforePaste', 'beforePdfExport', 'beforePrint', 'beginEdit', 'cellDeselected', 'cellDeselecting', 'cellEdit', 'cellSave', 'cellSaved', 'cellSelected', 'cellSelecting', 'checkboxChange', 'collapsed', 'collapsing', 'columnDrag', 'columnDragStart', 'columnDrop', 'columnMenuClick', 'columnMenuOpen', 'contextMenuClick', 'contextMenuOpen', 'created', 'dataBound', 'dataSourceChanged', 'dataStateChange', 'detailDataBound', 'excelExportComplete', 'excelHeaderQueryCellInfo', 'excelQueryCellInfo', 'expanded', 'expanding', 'headerCellInfo', 'load', 'pdfExportComplete', 'pdfHeaderQueryCellInfo', 'pdfQueryCellInfo', 'printComplete', 'queryCellInfo', 'recordDoubleClick', 'resizeStart', 'resizeStop', 'resizing', 'rowDataBound', 'rowDeselected', 'rowDeselecting', 'rowDrag', 'rowDragStart', 'rowDragStartHelper', 'rowDrop', 'rowSelected', 'rowSelecting', 'toolbarClick'];
28
+ export var properties = ['islazyUpdate', 'aggregates', 'allowExcelExport', 'allowFiltering', 'allowMultiSorting', 'allowPaging', 'allowPdfExport', 'allowReordering', 'allowResizing', 'allowRowDragAndDrop', 'allowSelection', 'allowSorting', 'allowTextWrap', 'autoCheckHierarchy', 'childMapping', 'clipMode', 'columnMenuItems', 'columnQueryMode', 'columns', 'contextMenuItems', 'copyHierarchyMode', 'dataSource', 'detailTemplate', 'editSettings', 'enableAltRow', 'enableAutoFill', 'enableCollapseAll', 'enableColumnVirtualization', 'enableHover', 'enableImmutableMode', 'enableInfiniteScrolling', 'enablePersistence', 'enableRtl', 'enableVirtualization', 'expandStateMapping', 'filterSettings', 'frozenColumns', 'frozenRows', 'gridLines', 'hasChildMapping', 'height', 'idMapping', 'infiniteScrollSettings', 'loadChildOnDemand', 'locale', 'pageSettings', 'parentIdMapping', 'printMode', 'query', 'rowDropSettings', 'rowHeight', 'rowTemplate', 'searchSettings', 'selectedRowIndex', 'selectionSettings', 'showColumnChooser', 'showColumnMenu', 'sortSettings', 'textWrapSettings', 'toolbar', 'treeColumnIndex', 'width', 'actionBegin', 'actionComplete', 'actionFailure', 'batchAdd', 'batchCancel', 'batchDelete', 'beforeBatchAdd', 'beforeBatchDelete', 'beforeBatchSave', 'beforeCopy', 'beforeDataBound', 'beforeExcelExport', 'beforePaste', 'beforePdfExport', 'beforePrint', 'beginEdit', 'cellDeselected', 'cellDeselecting', 'cellEdit', 'cellSave', 'cellSaved', 'cellSelected', 'cellSelecting', 'checkboxChange', 'collapsed', 'collapsing', 'columnDrag', 'columnDragStart', 'columnDrop', 'columnMenuClick', 'columnMenuOpen', 'contextMenuClick', 'contextMenuOpen', 'created', 'dataBound', 'dataSourceChanged', 'dataStateChange', 'detailDataBound', 'excelExportComplete', 'excelHeaderQueryCellInfo', 'excelQueryCellInfo', 'expanded', 'expanding', 'headerCellInfo', 'load', 'pdfExportComplete', 'pdfHeaderQueryCellInfo', 'pdfQueryCellInfo', 'printComplete', 'queryCellInfo', 'recordDoubleClick', 'resizeStart', 'resizeStop', 'resizing', 'rowDataBound', 'rowDeselected', 'rowDeselecting', 'rowDrag', 'rowDragStart', 'rowDragStartHelper', 'rowDrop', 'rowSelected', 'rowSelecting', 'toolbarClick'];
29
29
  export var modelProps = ['dataSource'];
30
30
  export var testProp = getProps({ props: properties });
31
31
  export var props = testProp[0];
@@ -104,6 +104,7 @@ var TreeGridComponent = /** @class */ (function (_super) {
104
104
  }
105
105
  else {
106
106
  _this.$emit('update:' + key, prop[key]);
107
+ _this.$emit('modelchanged', prop[key]);
107
108
  }
108
109
  }
109
110
  });
@@ -123,8 +124,10 @@ var TreeGridComponent = /** @class */ (function (_super) {
123
124
  this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
124
125
  }
125
126
  else {
126
- this.$emit('update:' + propKey, eventProp[propKey]);
127
- this.$emit('modelchanged', eventProp[propKey]);
127
+ if (eventName === 'change' || (this.$props && !this.$props.islazyUpdate)) {
128
+ this.$emit('update:' + propKey, eventProp[propKey]);
129
+ this.$emit('modelchanged', eventProp[propKey]);
130
+ }
128
131
  }
129
132
  }
130
133
  }
@@ -280,6 +283,24 @@ var TreeGridComponent = /** @class */ (function (_super) {
280
283
  TreeGridComponent.prototype.getFooterContentTable = function () {
281
284
  return this.ej2Instances.getFooterContentTable();
282
285
  };
286
+ TreeGridComponent.prototype.getFrozenLeftColumnHeaderByIndex = function (index) {
287
+ return this.ej2Instances.getFrozenLeftColumnHeaderByIndex(index);
288
+ };
289
+ TreeGridComponent.prototype.getFrozenRightCellFromIndex = function (rowIndex, columnIndex) {
290
+ return this.ej2Instances.getFrozenRightCellFromIndex(rowIndex, columnIndex);
291
+ };
292
+ TreeGridComponent.prototype.getFrozenRightColumnHeaderByIndex = function (index) {
293
+ return this.ej2Instances.getFrozenRightColumnHeaderByIndex(index);
294
+ };
295
+ TreeGridComponent.prototype.getFrozenRightDataRows = function () {
296
+ return this.ej2Instances.getFrozenRightDataRows();
297
+ };
298
+ TreeGridComponent.prototype.getFrozenRightRowByIndex = function (index) {
299
+ return this.ej2Instances.getFrozenRightRowByIndex(index);
300
+ };
301
+ TreeGridComponent.prototype.getFrozenRightRows = function () {
302
+ return this.ej2Instances.getFrozenRightRows();
303
+ };
283
304
  TreeGridComponent.prototype.getHeaderContent = function () {
284
305
  return this.ej2Instances.getHeaderContent();
285
306
  };
@@ -289,6 +310,9 @@ var TreeGridComponent = /** @class */ (function (_super) {
289
310
  TreeGridComponent.prototype.getMovableCellFromIndex = function (rowIndex, columnIndex) {
290
311
  return this.ej2Instances.getMovableCellFromIndex(rowIndex, columnIndex);
291
312
  };
313
+ TreeGridComponent.prototype.getMovableColumnHeaderByIndex = function (index) {
314
+ return this.ej2Instances.getMovableColumnHeaderByIndex(index);
315
+ };
292
316
  TreeGridComponent.prototype.getMovableDataRows = function () {
293
317
  return this.ej2Instances.getMovableDataRows();
294
318
  };
@@ -176,6 +176,10 @@
176
176
  line-height: 18px;
177
177
  }
178
178
 
179
+ .e-treegrid .e-icons.e-none::before {
180
+ content: '';
181
+ }
182
+
179
183
  .e-treegrid .e-treegridexpand::before,
180
184
  .e-treegrid .e-treegridcollapse::before {
181
185
  text-align: center;
@@ -241,8 +245,8 @@
241
245
  }
242
246
 
243
247
  .e-treegrid .e-hierarchycheckbox .e-frame {
244
- height: 18px;
245
- width: 18px;
248
+ height: 20px;
249
+ width: 20px;
246
250
  }
247
251
 
248
252
  .e-treegrid .e-checkselection .e-frozenheader .e-rowcell,
@@ -266,7 +270,7 @@
266
270
 
267
271
  .e-treegrid .e-treecell {
268
272
  display: table-cell;
269
- line-height: 16px;
273
+ line-height: 10px;
270
274
  }
271
275
 
272
276
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
@@ -177,6 +177,10 @@
177
177
  line-height: 18px;
178
178
  }
179
179
 
180
+ .e-treegrid .e-icons.e-none::before {
181
+ content: '';
182
+ }
183
+
180
184
  .e-treegrid .e-treegridexpand::before,
181
185
  .e-treegrid .e-treegridcollapse::before {
182
186
  text-align: center;
@@ -242,8 +246,8 @@
242
246
  }
243
247
 
244
248
  .e-treegrid .e-hierarchycheckbox .e-frame {
245
- height: 18px;
246
- width: 18px;
249
+ height: 20px;
250
+ width: 20px;
247
251
  }
248
252
 
249
253
  .e-treegrid .e-checkselection .e-frozenheader .e-rowcell,
@@ -267,7 +271,7 @@
267
271
 
268
272
  .e-treegrid .e-treecell {
269
273
  display: table-cell;
270
- line-height: 16px;
274
+ line-height: 10px;
271
275
  }
272
276
 
273
277
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
@@ -77,6 +77,11 @@
77
77
  background: transparent;
78
78
  }
79
79
 
80
+ .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
81
+ .e-float-input.e-control-wrapper.e-ddl.e-readonly input[readonly] {
82
+ background: #e9ecef;
83
+ }
84
+
80
85
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
81
86
  .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
82
87
  .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
@@ -212,6 +217,10 @@
212
217
  line-height: 16px;
213
218
  }
214
219
 
220
+ .e-treegrid .e-icons.e-none::before {
221
+ content: '';
222
+ }
223
+
215
224
  .e-treegrid .e-treegridexpand::before,
216
225
  .e-treegrid .e-treegridcollapse::before {
217
226
  text-align: center;
@@ -277,8 +286,8 @@
277
286
  }
278
287
 
279
288
  .e-treegrid .e-hierarchycheckbox .e-frame {
280
- height: 18px;
281
- width: 18px;
289
+ height: 14px;
290
+ width: 14px;
282
291
  }
283
292
 
284
293
  .e-treegrid .e-checkselection .e-frozenheader .e-rowcell,
@@ -302,7 +311,7 @@
302
311
 
303
312
  .e-treegrid .e-treecell {
304
313
  display: table-cell;
305
- line-height: 16px;
314
+ line-height: 10px;
306
315
  }
307
316
 
308
317
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {