@syncfusion/ej2-vue-treegrid 20.4.49 → 21.1.35

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 (21) hide show
  1. package/CHANGELOG.md +0 -38
  2. package/dist/ej2-vue-treegrid.umd.min.js +2 -2
  3. package/dist/ej2-vue-treegrid.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-vue-treegrid.es2015.js +465 -589
  5. package/dist/es6/ej2-vue-treegrid.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-treegrid.es5.js +495 -660
  7. package/dist/es6/ej2-vue-treegrid.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-treegrid.min.js +2 -2
  9. package/package.json +9 -9
  10. package/src/treegrid/aggregate-columns.directive.d.ts +2 -12
  11. package/src/treegrid/aggregate-columns.directive.js +22 -71
  12. package/src/treegrid/aggregates.directive.d.ts +2 -12
  13. package/src/treegrid/aggregates.directive.js +22 -71
  14. package/src/treegrid/columns.directive.d.ts +2 -12
  15. package/src/treegrid/columns.directive.js +22 -71
  16. package/src/treegrid/treegrid.component.d.ts +3 -123
  17. package/src/treegrid/treegrid.component.js +414 -445
  18. package/styles/bootstrap-dark.css +2 -8
  19. package/styles/highcontrast-light.css +2 -8
  20. package/styles/treegrid/bootstrap-dark.css +2 -8
  21. package/styles/treegrid/highcontrast-light.css +2 -8
package/dist/es6/ej2-vue-treegrid.es5.js CHANGED
@@ -1,42 +1,10 @@
1
1
  import { TreeGrid } from '@syncfusion/ej2-treegrid';
2
- import { ComponentBase, EJComponentDecorator, allVue, getProps, gh, isExecute } from '@syncfusion/ej2-vue-base';
3
- import { Vue } from 'vue-class-component';
2
+ import { ComponentBase, getProps, gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
4
3
  import { getValue, isNullOrUndefined, isUndefined } from '@syncfusion/ej2-base';
5
- import Vue$1 from 'vue';
6
4
 
7
- var __extends = (undefined && undefined.__extends) || (function () {
8
- var extendStatics = function (d, b) {
9
- extendStatics = Object.setPrototypeOf ||
10
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
11
- function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
12
- return extendStatics(d, b);
13
- };
14
- return function (d, b) {
15
- extendStatics(d, b);
16
- function __() { this.constructor = d; }
17
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
18
- };
19
- })();
20
- var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
21
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
22
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
23
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
24
- return c > 3 && r && Object.defineProperty(target, key, r), r;
25
- };
26
- import { Options } from 'vue-class-component';
27
- var vueImport;
28
- if (!isExecute || parseInt(allVue.version) < 3) {
29
- vueImport = Vue;
30
- }
31
- else {
32
- vueImport = Vue$1;
33
- }
34
- var ColumnsDirective = /** @__PURE__ @class */ (function (_super) {
35
- __extends(ColumnsDirective, _super);
36
- function ColumnsDirective() {
37
- return _super.call(this, arguments) || this;
38
- }
39
- ColumnsDirective.prototype.render = function (createElement) {
5
+ var ColumnsDirective = vueDefineComponent({
6
+ inject: { custom: { default: null } },
7
+ render: function (createElement) {
40
8
  if (!isExecute) {
41
9
  var h = !isExecute ? gh : createElement;
42
10
  var slots = null;
@@ -46,31 +14,22 @@ var ColumnsDirective = /** @__PURE__ @class */ (function (_super) {
46
14
  return h('div', { class: 'e-directive' }, slots);
47
15
  }
48
16
  return;
49
- };
50
- ColumnsDirective.prototype.updated = function () {
17
+ },
18
+ updated: function () {
51
19
  if (!isExecute && this.custom) {
52
20
  this.custom();
53
21
  }
54
- };
55
- ColumnsDirective.prototype.getTag = function () {
56
- return 'e-columns';
57
- };
58
- ColumnsDirective = __decorate([
59
- EJComponentDecorator({}, isExecute)
60
- ,Options({
61
- inject: {
62
- custom: {
63
- default: null
64
- }
65
- }
66
- })
67
- ], ColumnsDirective);
68
- return ColumnsDirective;
69
- }(vueImport));
22
+ },
23
+ methods: {
24
+ getTag: function () {
25
+ return 'e-columns';
26
+ }
27
+ }
28
+ });
70
29
  var ColumnsPlugin = {
71
30
  name: 'e-columns',
72
- install: function (Vue$$1) {
73
- Vue$$1.component(ColumnsPlugin.name, ColumnsDirective);
31
+ install: function (Vue) {
32
+ Vue.component(ColumnsPlugin.name, ColumnsDirective);
74
33
  }
75
34
  };
76
35
  /**
@@ -85,62 +44,26 @@ var ColumnsPlugin = {
85
44
  * </ejs-treegrid>
86
45
  * ```
87
46
  */
88
- var ColumnDirective = /** @__PURE__ @class */ (function (_super) {
89
- __extends(ColumnDirective, _super);
90
- function ColumnDirective() {
91
- return _super !== null && _super.apply(this, arguments) || this;
92
- }
93
- ColumnDirective.prototype.render = function () {
47
+ var ColumnDirective = vueDefineComponent({
48
+ render: function () {
94
49
  return;
95
- };
96
- ColumnDirective.prototype.getTag = function () {
97
- return 'e-column';
98
- };
99
- ColumnDirective = __decorate([
100
- EJComponentDecorator({}, isExecute)
101
- ], ColumnDirective);
102
- return ColumnDirective;
103
- }(vueImport));
50
+ },
51
+ methods: {
52
+ getTag: function () {
53
+ return 'e-column';
54
+ }
55
+ }
56
+ });
104
57
  var ColumnPlugin = {
105
58
  name: 'e-column',
106
- install: function (Vue$$1) {
107
- Vue$$1.component(ColumnPlugin.name, ColumnDirective);
59
+ install: function (Vue) {
60
+ Vue.component(ColumnPlugin.name, ColumnDirective);
108
61
  }
109
62
  };
110
63
 
111
- var __extends$1 = (undefined && undefined.__extends) || (function () {
112
- var extendStatics = function (d, b) {
113
- extendStatics = Object.setPrototypeOf ||
114
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
115
- function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
116
- return extendStatics(d, b);
117
- };
118
- return function (d, b) {
119
- extendStatics(d, b);
120
- function __() { this.constructor = d; }
121
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
122
- };
123
- })();
124
- var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
125
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
126
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
127
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
128
- return c > 3 && r && Object.defineProperty(target, key, r), r;
129
- };
130
- // {{VueImport}}
131
- var vueImport$1;
132
- if (!isExecute || parseInt(allVue.version) < 3) {
133
- vueImport$1 = Vue;
134
- }
135
- else {
136
- vueImport$1 = Vue$1;
137
- }
138
- var AggregateColumnsDirective = /** @__PURE__ @class */ (function (_super) {
139
- __extends$1(AggregateColumnsDirective, _super);
140
- function AggregateColumnsDirective() {
141
- return _super.call(this, arguments) || this;
142
- }
143
- AggregateColumnsDirective.prototype.render = function (createElement) {
64
+ var AggregateColumnsDirective = vueDefineComponent({
65
+ inject: { custom: { default: null } },
66
+ render: function (createElement) {
144
67
  if (!isExecute) {
145
68
  var h = !isExecute ? gh : createElement;
146
69
  var slots = null;
@@ -150,31 +73,22 @@ var AggregateColumnsDirective = /** @__PURE__ @class */ (function (_super) {
150
73
  return h('div', { class: 'e-directive' }, slots);
151
74
  }
152
75
  return;
153
- };
154
- AggregateColumnsDirective.prototype.updated = function () {
76
+ },
77
+ updated: function () {
155
78
  if (!isExecute && this.custom) {
156
79
  this.custom();
157
80
  }
158
- };
159
- AggregateColumnsDirective.prototype.getTag = function () {
160
- return 'e-columns';
161
- };
162
- AggregateColumnsDirective = __decorate$1([
163
- EJComponentDecorator({}, isExecute)
164
- ,Options({
165
- inject: {
166
- custom: {
167
- default: null
168
- }
169
- }
170
- })
171
- ], AggregateColumnsDirective);
172
- return AggregateColumnsDirective;
173
- }(vueImport$1));
81
+ },
82
+ methods: {
83
+ getTag: function () {
84
+ return 'e-columns';
85
+ }
86
+ }
87
+ });
174
88
  var AggregateColumnsPlugin = {
175
89
  name: 'e-columns',
176
- install: function (Vue$$1) {
177
- Vue$$1.component(AggregateColumnsPlugin.name, AggregateColumnsDirective);
90
+ install: function (Vue) {
91
+ Vue.component(AggregateColumnsPlugin.name, AggregateColumnsDirective);
178
92
  }
179
93
  };
180
94
  /**
@@ -195,62 +109,26 @@ var AggregateColumnsPlugin = {
195
109
  * </ejs-treegrid>
196
110
  * ```
197
111
  */
198
- var AggregateColumnDirective = /** @__PURE__ @class */ (function (_super) {
199
- __extends$1(AggregateColumnDirective, _super);
200
- function AggregateColumnDirective() {
201
- return _super !== null && _super.apply(this, arguments) || this;
202
- }
203
- AggregateColumnDirective.prototype.render = function () {
112
+ var AggregateColumnDirective = vueDefineComponent({
113
+ render: function () {
204
114
  return;
205
- };
206
- AggregateColumnDirective.prototype.getTag = function () {
207
- return 'e-column';
208
- };
209
- AggregateColumnDirective = __decorate$1([
210
- EJComponentDecorator({}, isExecute)
211
- ], AggregateColumnDirective);
212
- return AggregateColumnDirective;
213
- }(vueImport$1));
115
+ },
116
+ methods: {
117
+ getTag: function () {
118
+ return 'e-column';
119
+ }
120
+ }
121
+ });
214
122
  var AggregateColumnPlugin = {
215
123
  name: 'e-column',
216
- install: function (Vue$$1) {
217
- Vue$$1.component(AggregateColumnPlugin.name, AggregateColumnDirective);
124
+ install: function (Vue) {
125
+ Vue.component(AggregateColumnPlugin.name, AggregateColumnDirective);
218
126
  }
219
127
  };
220
128
 
221
- var __extends$2 = (undefined && undefined.__extends) || (function () {
222
- var extendStatics = function (d, b) {
223
- extendStatics = Object.setPrototypeOf ||
224
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
225
- function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
226
- return extendStatics(d, b);
227
- };
228
- return function (d, b) {
229
- extendStatics(d, b);
230
- function __() { this.constructor = d; }
231
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
232
- };
233
- })();
234
- var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
235
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
236
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
237
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
238
- return c > 3 && r && Object.defineProperty(target, key, r), r;
239
- };
240
- // {{VueImport}}
241
- var vueImport$2;
242
- if (!isExecute || parseInt(allVue.version) < 3) {
243
- vueImport$2 = Vue;
244
- }
245
- else {
246
- vueImport$2 = Vue$1;
247
- }
248
- var AggregatesDirective = /** @__PURE__ @class */ (function (_super) {
249
- __extends$2(AggregatesDirective, _super);
250
- function AggregatesDirective() {
251
- return _super.call(this, arguments) || this;
252
- }
253
- AggregatesDirective.prototype.render = function (createElement) {
129
+ var AggregatesDirective = vueDefineComponent({
130
+ inject: { custom: { default: null } },
131
+ render: function (createElement) {
254
132
  if (!isExecute) {
255
133
  var h = !isExecute ? gh : createElement;
256
134
  var slots = null;
@@ -260,31 +138,22 @@ var AggregatesDirective = /** @__PURE__ @class */ (function (_super) {
260
138
  return h('div', { class: 'e-directive' }, slots);
261
139
  }
262
140
  return;
263
- };
264
- AggregatesDirective.prototype.updated = function () {
141
+ },
142
+ updated: function () {
265
143
  if (!isExecute && this.custom) {
266
144
  this.custom();
267
145
  }
268
- };
269
- AggregatesDirective.prototype.getTag = function () {
270
- return 'e-aggregates';
271
- };
272
- AggregatesDirective = __decorate$2([
273
- EJComponentDecorator({}, isExecute)
274
- ,Options({
275
- inject: {
276
- custom: {
277
- default: null
278
- }
279
- }
280
- })
281
- ], AggregatesDirective);
282
- return AggregatesDirective;
283
- }(vueImport$2));
146
+ },
147
+ methods: {
148
+ getTag: function () {
149
+ return 'e-aggregates';
150
+ }
151
+ }
152
+ });
284
153
  var AggregatesPlugin = {
285
154
  name: 'e-aggregates',
286
- install: function (Vue$$1) {
287
- Vue$$1.component(AggregatesPlugin.name, AggregatesDirective);
155
+ install: function (Vue) {
156
+ Vue.component(AggregatesPlugin.name, AggregatesDirective);
288
157
  }
289
158
  };
290
159
  /**
@@ -306,50 +175,24 @@ var AggregatesPlugin = {
306
175
  * </ejs-treegrid>
307
176
  * ```
308
177
  */
309
- var AggregateDirective = /** @__PURE__ @class */ (function (_super) {
310
- __extends$2(AggregateDirective, _super);
311
- function AggregateDirective() {
312
- return _super !== null && _super.apply(this, arguments) || this;
313
- }
314
- AggregateDirective.prototype.render = function () {
178
+ var AggregateDirective = vueDefineComponent({
179
+ render: function () {
315
180
  return;
316
- };
317
- AggregateDirective.prototype.getTag = function () {
318
- return 'e-aggregate';
319
- };
320
- AggregateDirective = __decorate$2([
321
- EJComponentDecorator({}, isExecute)
322
- ], AggregateDirective);
323
- return AggregateDirective;
324
- }(vueImport$2));
181
+ },
182
+ methods: {
183
+ getTag: function () {
184
+ return 'e-aggregate';
185
+ }
186
+ }
187
+ });
325
188
  var AggregatePlugin = {
326
189
  name: 'e-aggregate',
327
- install: function (Vue$$1) {
328
- Vue$$1.component(AggregatePlugin.name, AggregateDirective);
190
+ install: function (Vue) {
191
+ Vue.component(AggregatePlugin.name, AggregateDirective);
329
192
  }
330
193
  };
331
194
 
332
- var __extends$3 = (undefined && undefined.__extends) || (function () {
333
- var extendStatics = function (d, b) {
334
- extendStatics = Object.setPrototypeOf ||
335
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
336
- function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
337
- return extendStatics(d, b);
338
- };
339
- return function (d, b) {
340
- extendStatics(d, b);
341
- function __() { this.constructor = d; }
342
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
343
- };
344
- })();
345
- var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
346
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
347
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
348
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
349
- return c > 3 && r && Object.defineProperty(target, key, r), r;
350
- };
351
- // {{VueImport}}
352
- var properties = ['isLazyUpdate', 'plugins', 'aggregates', 'allowExcelExport', 'allowFiltering', 'allowMultiSorting', 'allowPaging', 'allowPdfExport', 'allowReordering', 'allowResizing', 'allowRowDragAndDrop', 'allowSelection', 'allowSorting', 'allowTextWrap', 'autoCheckHierarchy', 'childMapping', 'clipMode', 'columnMenuItems', 'columnQueryMode', 'columns', 'contextMenuItems', 'copyHierarchyMode', 'dataSource', 'detailTemplate', 'editSettings', 'enableAdaptiveUI', 'enableAltRow', 'enableAutoFill', 'enableCollapseAll', 'enableColumnVirtualization', 'enableHover', 'enableImmutableMode', 'enableInfiniteScrolling', 'enablePersistence', 'enableRtl', 'enableVirtualMaskRow', 'enableVirtualization', 'expandStateMapping', 'filterSettings', 'frozenColumns', 'frozenRows', 'gridLines', 'hasChildMapping', 'height', 'idMapping', 'infiniteScrollSettings', 'loadChildOnDemand', 'loadingIndicator', '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'];
195
+ var properties = ['isLazyUpdate', 'plugins', 'aggregates', 'allowExcelExport', 'allowFiltering', 'allowMultiSorting', 'allowPaging', 'allowPdfExport', 'allowReordering', 'allowResizing', 'allowRowDragAndDrop', 'allowSelection', 'allowSorting', 'allowTextWrap', 'autoCheckHierarchy', 'childMapping', 'clipMode', 'columnMenuItems', 'columnQueryMode', 'columns', 'contextMenuItems', 'copyHierarchyMode', 'dataSource', 'detailTemplate', 'editSettings', 'enableAdaptiveUI', 'enableAltRow', 'enableAutoFill', 'enableCollapseAll', 'enableColumnVirtualization', 'enableHover', 'enableHtmlSanitizer', 'enableImmutableMode', 'enableInfiniteScrolling', 'enablePersistence', 'enableRtl', 'enableVirtualMaskRow', 'enableVirtualization', 'expandStateMapping', 'filterSettings', 'frozenColumns', 'frozenRows', 'gridLines', 'hasChildMapping', 'height', 'idMapping', 'infiniteScrollSettings', 'loadChildOnDemand', 'loadingIndicator', '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'];
353
196
  var modelProps = ['dataSource'];
354
197
  var testProp = getProps({ props: properties });
355
198
  var props = testProp[0];
@@ -366,449 +209,441 @@ for (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {
366
209
  * <ejs-treegrid :dataSource='data' allowPaging='true' allowSorting='true'></ejs-treegrid>
367
210
  * ```
368
211
  */
369
- var TreeGridComponent = /** @__PURE__ @class */ (function (_super) {
370
- __extends$3(TreeGridComponent, _super);
371
- function TreeGridComponent() {
372
- var _this = _super.call(this, arguments) || this;
373
- _this.propKeys = properties;
374
- _this.models = modelProps;
375
- _this.hasChildDirective = true;
376
- _this.hasInjectedModules = true;
377
- _this.tagMapper = { "e-columns": "e-column", "e-aggregates": { "e-aggregate": { "e-columns": "e-column" } } };
378
- _this.tagNameMapper = {};
379
- _this.isVue3 = !isExecute;
380
- _this.ej2Instances = new TreeGrid({});
381
- _this.ej2Instances._trigger = _this.ej2Instances.trigger;
382
- _this.ej2Instances.trigger = _this.trigger;
383
- _this.bindProperties();
384
- _this.ej2Instances._setProperties = _this.ej2Instances.setProperties;
385
- _this.ej2Instances.setProperties = _this.setProperties;
386
- _this.ej2Instances.clearTemplate = _this.clearTemplate;
387
- _this.updated = _this.updated;
388
- return _this;
389
- }
390
- TreeGridComponent.prototype.clearTemplate = function (templateNames) {
391
- if (!templateNames) {
392
- templateNames = Object.keys(this.templateCollection || {});
212
+ var TreeGridComponent = vueDefineComponent({
213
+ name: 'TreeGridComponent',
214
+ mixins: [ComponentBase],
215
+ props: props,
216
+ watch: watch,
217
+ emits: emitProbs,
218
+ model: { event: 'modelchanged' },
219
+ provide: function () { return { custom: this.custom }; },
220
+ data: function () {
221
+ return {
222
+ ej2Instances: new TreeGrid({}),
223
+ propKeys: properties,
224
+ models: modelProps,
225
+ hasChildDirective: true,
226
+ hasInjectedModules: true,
227
+ tagMapper: { "e-columns": "e-column", "e-aggregates": { "e-aggregate": { "e-columns": "e-column" } } },
228
+ tagNameMapper: {},
229
+ isVue3: !isExecute,
230
+ templateCollection: {},
231
+ };
232
+ },
233
+ created: function () {
234
+ this.ej2Instances._trigger = this.ej2Instances.trigger;
235
+ this.ej2Instances.trigger = this.trigger;
236
+ this.bindProperties();
237
+ this.ej2Instances._setProperties = this.ej2Instances.setProperties;
238
+ this.ej2Instances.setProperties = this.setProperties;
239
+ this.ej2Instances.clearTemplate = this.clearTemplate;
240
+ this.updated = this.updated;
241
+ },
242
+ render: function (createElement) {
243
+ var h = !isExecute ? gh : createElement;
244
+ var slots = null;
245
+ if (!isNullOrUndefined(this.$slots.default)) {
246
+ slots = !isExecute ? this.$slots.default() : this.$slots.default;
393
247
  }
394
- if (templateNames.length && this.templateCollection) {
395
- for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {
396
- var tempName = templateNames_1[_i];
397
- var elementCollection = this.templateCollection[tempName];
398
- if (elementCollection && elementCollection.length) {
399
- for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {
400
- var ele = elementCollection_1[_a];
401
- var destroy = getValue('__vue__.$destroy', ele);
402
- if (destroy) {
403
- ele.__vue__.$destroy();
404
- }
405
- if (ele.innerHTML) {
406
- ele.innerHTML = '';
248
+ return h('div', slots);
249
+ },
250
+ methods: {
251
+ clearTemplate: function (templateNames) {
252
+ if (!templateNames) {
253
+ templateNames = Object.keys(this.templateCollection || {});
254
+ }
255
+ if (templateNames.length && this.templateCollection) {
256
+ for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {
257
+ var tempName = templateNames_1[_i];
258
+ var elementCollection = this.templateCollection[tempName];
259
+ if (elementCollection && elementCollection.length) {
260
+ for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {
261
+ var ele = elementCollection_1[_a];
262
+ var destroy = getValue('__vue__.$destroy', ele);
263
+ if (destroy) {
264
+ ele.__vue__.$destroy();
265
+ }
266
+ if (ele.innerHTML) {
267
+ ele.innerHTML = '';
268
+ }
407
269
  }
270
+ delete this.templateCollection[tempName];
408
271
  }
409
- delete this.templateCollection[tempName];
410
272
  }
411
273
  }
412
- }
413
- };
414
- TreeGridComponent.prototype.setProperties = function (prop, muteOnChange) {
415
- var _this = this;
416
- if (this.isVue3) {
417
- this.models = !this.models ? this.ej2Instances.referModels : this.models;
418
- }
419
- if (this.ej2Instances && this.ej2Instances._setProperties) {
420
- this.ej2Instances._setProperties(prop, muteOnChange);
421
- }
422
- if (prop && this.models && this.models.length) {
423
- Object.keys(prop).map(function (key) {
424
- _this.models.map(function (model) {
425
- if ((key === model) && !(/datasource/i.test(key))) {
426
- if (_this.isVue3) {
427
- _this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);
274
+ },
275
+ setProperties: function (prop, muteOnChange) {
276
+ var _this = this;
277
+ if (this.isVue3) {
278
+ this.models = !this.models ? this.ej2Instances.referModels : this.models;
279
+ }
280
+ if (this.ej2Instances && this.ej2Instances._setProperties) {
281
+ this.ej2Instances._setProperties(prop, muteOnChange);
282
+ }
283
+ if (prop && this.models && this.models.length) {
284
+ Object.keys(prop).map(function (key) {
285
+ _this.models.map(function (model) {
286
+ if ((key === model) && !(/datasource/i.test(key))) {
287
+ if (_this.isVue3) {
288
+ _this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);
289
+ }
290
+ else {
291
+ _this.$emit('update:' + key, prop[key]);
292
+ _this.$emit('modelchanged', prop[key]);
293
+ }
428
294
  }
429
- else {
430
- _this.$emit('update:' + key, prop[key]);
431
- _this.$emit('modelchanged', prop[key]);
295
+ });
296
+ });
297
+ }
298
+ },
299
+ trigger: function (eventName, eventProp, successHandler) {
300
+ if (!isExecute) {
301
+ this.models = !this.models ? this.ej2Instances.referModels : this.models;
302
+ }
303
+ if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
304
+ var key = this.models.toString().match(/checked|value/) || [];
305
+ var propKey = key[0];
306
+ if (eventProp && key && !isUndefined(eventProp[propKey])) {
307
+ if (!isExecute) {
308
+ this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
309
+ this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
310
+ this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
311
+ }
312
+ else {
313
+ if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
314
+ this.$emit('update:' + propKey, eventProp[propKey]);
315
+ this.$emit('modelchanged', eventProp[propKey]);
432
316
  }
433
317
  }
434
- });
435
- });
436
- }
437
- };
438
- TreeGridComponent.prototype.trigger = function (eventName, eventProp, successHandler) {
439
- if (!isExecute) {
440
- this.models = !this.models ? this.ej2Instances.referModels : this.models;
441
- }
442
- if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
443
- var key = this.models.toString().match(/checked|value/) || [];
444
- var propKey = key[0];
445
- if (eventProp && key && !isUndefined(eventProp[propKey])) {
446
- if (!isExecute) {
447
- this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
448
- this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
449
- this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
450
318
  }
451
- else {
452
- if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
319
+ }
320
+ else if ((eventName === 'actionBegin' && eventProp.requestType === 'dateNavigate') && this.models && (this.models.length !== 0)) {
321
+ var key = this.models.toString().match(/currentView|selectedDate/) || [];
322
+ var propKey = key[0];
323
+ if (eventProp && key && !isUndefined(eventProp[propKey])) {
324
+ if (!isExecute) {
325
+ this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
326
+ this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
327
+ }
328
+ else {
453
329
  this.$emit('update:' + propKey, eventProp[propKey]);
454
330
  this.$emit('modelchanged', eventProp[propKey]);
455
331
  }
456
332
  }
457
333
  }
458
- }
459
- else if ((eventName === 'actionBegin' && eventProp.requestType === 'dateNavigate') && this.models && (this.models.length !== 0)) {
460
- var key = this.models.toString().match(/currentView|selectedDate/) || [];
461
- var propKey = key[0];
462
- if (eventProp && key && !isUndefined(eventProp[propKey])) {
463
- if (!isExecute) {
464
- this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
465
- this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
466
- }
467
- else {
468
- this.$emit('update:' + propKey, eventProp[propKey]);
469
- this.$emit('modelchanged', eventProp[propKey]);
470
- }
334
+ if ((this.ej2Instances && this.ej2Instances._trigger)) {
335
+ this.ej2Instances._trigger(eventName, eventProp, successHandler);
471
336
  }
472
- }
473
- if ((this.ej2Instances && this.ej2Instances._trigger)) {
474
- this.ej2Instances._trigger(eventName, eventProp, successHandler);
475
- }
476
- };
477
- TreeGridComponent.prototype.render = function (createElement) {
478
- var h = !isExecute ? gh : createElement;
479
- var slots = null;
480
- if (!isNullOrUndefined(this.$slots.default)) {
481
- slots = !isExecute ? this.$slots.default() : this.$slots.default;
482
- }
483
- return h('div', slots);
484
- };
485
- TreeGridComponent.prototype.custom = function () {
486
- this.updated();
487
- };
488
- TreeGridComponent.prototype.addRecord = function (data, index, position) {
489
- return this.ej2Instances.addRecord(data, index, position);
490
- };
491
- TreeGridComponent.prototype.autoFitColumns = function (fieldNames) {
492
- return this.ej2Instances.autoFitColumns(fieldNames);
493
- };
494
- TreeGridComponent.prototype.clearFiltering = function () {
495
- return this.ej2Instances.clearFiltering();
496
- };
497
- TreeGridComponent.prototype.clearSelection = function () {
498
- return this.ej2Instances.clearSelection();
499
- };
500
- TreeGridComponent.prototype.clearSorting = function () {
501
- return this.ej2Instances.clearSorting();
502
- };
503
- TreeGridComponent.prototype.closeEdit = function () {
504
- return this.ej2Instances.closeEdit();
505
- };
506
- TreeGridComponent.prototype.collapseAll = function () {
507
- return this.ej2Instances.collapseAll();
508
- };
509
- TreeGridComponent.prototype.collapseAtLevel = function (level) {
510
- return this.ej2Instances.collapseAtLevel(level);
511
- };
512
- TreeGridComponent.prototype.collapseByKey = function (key) {
513
- return this.ej2Instances.collapseByKey(key);
514
- };
515
- TreeGridComponent.prototype.collapseRow = function (row, record, key) {
516
- return this.ej2Instances.collapseRow(row, record, key);
517
- };
518
- TreeGridComponent.prototype.copy = function (withHeader) {
519
- return this.ej2Instances.copy(withHeader);
520
- };
521
- TreeGridComponent.prototype.csvExport = function (excelExportProperties, isMultipleExport, workbook, isBlob) {
522
- return this.ej2Instances.csvExport(excelExportProperties, isMultipleExport, workbook, isBlob);
523
- };
524
- TreeGridComponent.prototype.deleteRecord = function (fieldName, data) {
525
- return this.ej2Instances.deleteRecord(fieldName, data);
526
- };
527
- TreeGridComponent.prototype.deleteRow = function (tr) {
528
- return this.ej2Instances.deleteRow(tr);
529
- };
530
- TreeGridComponent.prototype.editCell = function (rowIndex, field) {
531
- return this.ej2Instances.editCell(rowIndex, field);
532
- };
533
- TreeGridComponent.prototype.enableToolbarItems = function (items, isEnable) {
534
- return this.ej2Instances.enableToolbarItems(items, isEnable);
535
- };
536
- TreeGridComponent.prototype.endEdit = function () {
537
- return this.ej2Instances.endEdit();
538
- };
539
- TreeGridComponent.prototype.excelExport = function (excelExportProperties, isMultipleExport, workbook, isBlob) {
540
- return this.ej2Instances.excelExport(excelExportProperties, isMultipleExport, workbook, isBlob);
541
- };
542
- TreeGridComponent.prototype.expandAll = function () {
543
- return this.ej2Instances.expandAll();
544
- };
545
- TreeGridComponent.prototype.expandAtLevel = function (level) {
546
- return this.ej2Instances.expandAtLevel(level);
547
- };
548
- TreeGridComponent.prototype.expandByKey = function (key) {
549
- return this.ej2Instances.expandByKey(key);
550
- };
551
- TreeGridComponent.prototype.expandRow = function (row, record, key, level) {
552
- return this.ej2Instances.expandRow(row, record, key, level);
553
- };
554
- TreeGridComponent.prototype.extendRequiredModules = function (modules) {
555
- return this.ej2Instances.extendRequiredModules(modules);
556
- };
557
- TreeGridComponent.prototype.filterByColumn = function (fieldName, filterOperator, filterValue, predicate, matchCase, ignoreAccent, actualFilterValue, actualOperator) {
558
- return this.ej2Instances.filterByColumn(fieldName, filterOperator, filterValue, predicate, matchCase, ignoreAccent, actualFilterValue, actualOperator);
559
- };
560
- TreeGridComponent.prototype.getBatchChanges = function () {
561
- return this.ej2Instances.getBatchChanges();
562
- };
563
- TreeGridComponent.prototype.getCellFromIndex = function (rowIndex, columnIndex) {
564
- return this.ej2Instances.getCellFromIndex(rowIndex, columnIndex);
565
- };
566
- TreeGridComponent.prototype.getCheckedRecords = function () {
567
- return this.ej2Instances.getCheckedRecords();
568
- };
569
- TreeGridComponent.prototype.getCheckedRowIndexes = function () {
570
- return this.ej2Instances.getCheckedRowIndexes();
571
- };
572
- TreeGridComponent.prototype.getColumnByField = function (field) {
573
- return this.ej2Instances.getColumnByField(field);
574
- };
575
- TreeGridComponent.prototype.getColumnByUid = function (uid) {
576
- return this.ej2Instances.getColumnByUid(uid);
577
- };
578
- TreeGridComponent.prototype.getColumnFieldNames = function () {
579
- return this.ej2Instances.getColumnFieldNames();
580
- };
581
- TreeGridComponent.prototype.getColumnHeaderByField = function (field) {
582
- return this.ej2Instances.getColumnHeaderByField(field);
583
- };
584
- TreeGridComponent.prototype.getColumnHeaderByIndex = function (index) {
585
- return this.ej2Instances.getColumnHeaderByIndex(index);
586
- };
587
- TreeGridComponent.prototype.getColumnHeaderByUid = function (uid) {
588
- return this.ej2Instances.getColumnHeaderByUid(uid);
589
- };
590
- TreeGridComponent.prototype.getColumnIndexByField = function (field) {
591
- return this.ej2Instances.getColumnIndexByField(field);
592
- };
593
- TreeGridComponent.prototype.getColumnIndexByUid = function (uid) {
594
- return this.ej2Instances.getColumnIndexByUid(uid);
595
- };
596
- TreeGridComponent.prototype.getColumns = function (isRefresh) {
597
- return this.ej2Instances.getColumns(isRefresh);
598
- };
599
- TreeGridComponent.prototype.getContent = function () {
600
- return this.ej2Instances.getContent();
601
- };
602
- TreeGridComponent.prototype.getContentTable = function () {
603
- return this.ej2Instances.getContentTable();
604
- };
605
- TreeGridComponent.prototype.getCurrentViewRecords = function () {
606
- return this.ej2Instances.getCurrentViewRecords();
607
- };
608
- TreeGridComponent.prototype.getDataModule = function () {
609
- return this.ej2Instances.getDataModule();
610
- };
611
- TreeGridComponent.prototype.getDataRows = function () {
612
- return this.ej2Instances.getDataRows();
613
- };
614
- TreeGridComponent.prototype.getFooterContent = function () {
615
- return this.ej2Instances.getFooterContent();
616
- };
617
- TreeGridComponent.prototype.getFooterContentTable = function () {
618
- return this.ej2Instances.getFooterContentTable();
619
- };
620
- TreeGridComponent.prototype.getFrozenLeftColumnHeaderByIndex = function (index) {
621
- return this.ej2Instances.getFrozenLeftColumnHeaderByIndex(index);
622
- };
623
- TreeGridComponent.prototype.getFrozenRightCellFromIndex = function (rowIndex, columnIndex) {
624
- return this.ej2Instances.getFrozenRightCellFromIndex(rowIndex, columnIndex);
625
- };
626
- TreeGridComponent.prototype.getFrozenRightColumnHeaderByIndex = function (index) {
627
- return this.ej2Instances.getFrozenRightColumnHeaderByIndex(index);
628
- };
629
- TreeGridComponent.prototype.getFrozenRightDataRows = function () {
630
- return this.ej2Instances.getFrozenRightDataRows();
631
- };
632
- TreeGridComponent.prototype.getFrozenRightRowByIndex = function (index) {
633
- return this.ej2Instances.getFrozenRightRowByIndex(index);
634
- };
635
- TreeGridComponent.prototype.getFrozenRightRows = function () {
636
- return this.ej2Instances.getFrozenRightRows();
637
- };
638
- TreeGridComponent.prototype.getHeaderContent = function () {
639
- return this.ej2Instances.getHeaderContent();
640
- };
641
- TreeGridComponent.prototype.getHeaderTable = function () {
642
- return this.ej2Instances.getHeaderTable();
643
- };
644
- TreeGridComponent.prototype.getMovableCellFromIndex = function (rowIndex, columnIndex) {
645
- return this.ej2Instances.getMovableCellFromIndex(rowIndex, columnIndex);
646
- };
647
- TreeGridComponent.prototype.getMovableColumnHeaderByIndex = function (index) {
648
- return this.ej2Instances.getMovableColumnHeaderByIndex(index);
649
- };
650
- TreeGridComponent.prototype.getMovableDataRows = function () {
651
- return this.ej2Instances.getMovableDataRows();
652
- };
653
- TreeGridComponent.prototype.getMovableRowByIndex = function (index) {
654
- return this.ej2Instances.getMovableRowByIndex(index);
655
- };
656
- TreeGridComponent.prototype.getMovableRows = function () {
657
- return this.ej2Instances.getMovableRows();
658
- };
659
- TreeGridComponent.prototype.getPager = function () {
660
- return this.ej2Instances.getPager();
661
- };
662
- TreeGridComponent.prototype.getPrimaryKeyFieldNames = function () {
663
- return this.ej2Instances.getPrimaryKeyFieldNames();
664
- };
665
- TreeGridComponent.prototype.getRowByIndex = function (index) {
666
- return this.ej2Instances.getRowByIndex(index);
667
- };
668
- TreeGridComponent.prototype.getRowInfo = function (target) {
669
- return this.ej2Instances.getRowInfo(target);
670
- };
671
- TreeGridComponent.prototype.getRows = function () {
672
- return this.ej2Instances.getRows();
673
- };
674
- TreeGridComponent.prototype.getSelectedRecords = function () {
675
- return this.ej2Instances.getSelectedRecords();
676
- };
677
- TreeGridComponent.prototype.getSelectedRowCellIndexes = function () {
678
- return this.ej2Instances.getSelectedRowCellIndexes();
679
- };
680
- TreeGridComponent.prototype.getSelectedRowIndexes = function () {
681
- return this.ej2Instances.getSelectedRowIndexes();
682
- };
683
- TreeGridComponent.prototype.getSelectedRows = function () {
684
- return this.ej2Instances.getSelectedRows();
685
- };
686
- TreeGridComponent.prototype.getUidByColumnField = function (field) {
687
- return this.ej2Instances.getUidByColumnField(field);
688
- };
689
- TreeGridComponent.prototype.getVisibleColumns = function () {
690
- return this.ej2Instances.getVisibleColumns();
691
- };
692
- TreeGridComponent.prototype.getVisibleRecords = function () {
693
- return this.ej2Instances.getVisibleRecords();
694
- };
695
- TreeGridComponent.prototype.goToPage = function (pageNo) {
696
- return this.ej2Instances.goToPage(pageNo);
697
- };
698
- TreeGridComponent.prototype.hideColumns = function (keys, hideBy) {
699
- return this.ej2Instances.hideColumns(keys, hideBy);
700
- };
701
- TreeGridComponent.prototype.hideSpinner = function () {
702
- return this.ej2Instances.hideSpinner();
703
- };
704
- TreeGridComponent.prototype.indent = function (record) {
705
- return this.ej2Instances.indent(record);
706
- };
707
- TreeGridComponent.prototype.openColumnChooser = function (x, y) {
708
- return this.ej2Instances.openColumnChooser(x, y);
709
- };
710
- TreeGridComponent.prototype.outdent = function (record) {
711
- return this.ej2Instances.outdent(record);
712
- };
713
- TreeGridComponent.prototype.paste = function (data, rowIndex, colIndex) {
714
- return this.ej2Instances.paste(data, rowIndex, colIndex);
715
- };
716
- TreeGridComponent.prototype.pdfExport = function (pdfExportProperties, isMultipleExport, pdfDoc, isBlob) {
717
- return this.ej2Instances.pdfExport(pdfExportProperties, isMultipleExport, pdfDoc, isBlob);
718
- };
719
- TreeGridComponent.prototype.print = function () {
720
- return this.ej2Instances.print();
721
- };
722
- TreeGridComponent.prototype.refresh = function () {
723
- return this.ej2Instances.refresh();
724
- };
725
- TreeGridComponent.prototype.refreshColumns = function (refreshUI) {
726
- return this.ej2Instances.refreshColumns(refreshUI);
727
- };
728
- TreeGridComponent.prototype.refreshHeader = function () {
729
- return this.ej2Instances.refreshHeader();
730
- };
731
- TreeGridComponent.prototype.reorderColumns = function (fromFName, toFName) {
732
- return this.ej2Instances.reorderColumns(fromFName, toFName);
733
- };
734
- TreeGridComponent.prototype.reorderRows = function (fromIndexes, toIndex, position) {
735
- return this.ej2Instances.reorderRows(fromIndexes, toIndex, position);
736
- };
737
- TreeGridComponent.prototype.saveCell = function () {
738
- return this.ej2Instances.saveCell();
739
- };
740
- TreeGridComponent.prototype.search = function (searchString) {
741
- return this.ej2Instances.search(searchString);
742
- };
743
- TreeGridComponent.prototype.selectCell = function (cellIndex, isToggle) {
744
- return this.ej2Instances.selectCell(cellIndex, isToggle);
745
- };
746
- TreeGridComponent.prototype.selectCheckboxes = function (indexes) {
747
- return this.ej2Instances.selectCheckboxes(indexes);
748
- };
749
- TreeGridComponent.prototype.selectRow = function (index, isToggle) {
750
- return this.ej2Instances.selectRow(index, isToggle);
751
- };
752
- TreeGridComponent.prototype.selectRows = function (rowIndexes) {
753
- return this.ej2Instances.selectRows(rowIndexes);
754
- };
755
- TreeGridComponent.prototype.setCellValue = function (key, field, value) {
756
- return this.ej2Instances.setCellValue(key, field, value);
757
- };
758
- TreeGridComponent.prototype.setRowData = function (key, rowData) {
759
- return this.ej2Instances.setRowData(key, rowData);
760
- };
761
- TreeGridComponent.prototype.showColumns = function (keys, showBy) {
762
- return this.ej2Instances.showColumns(keys, showBy);
763
- };
764
- TreeGridComponent.prototype.showSpinner = function () {
765
- return this.ej2Instances.showSpinner();
766
- };
767
- TreeGridComponent.prototype.sortByColumn = function (columnName, direction, isMultiSort) {
768
- return this.ej2Instances.sortByColumn(columnName, direction, isMultiSort);
769
- };
770
- TreeGridComponent.prototype.startEdit = function (row) {
771
- return this.ej2Instances.startEdit(row);
772
- };
773
- TreeGridComponent.prototype.updateCell = function (rowIndex, field, value) {
774
- return this.ej2Instances.updateCell(rowIndex, field, value);
775
- };
776
- TreeGridComponent.prototype.updateExternalMessage = function (message) {
777
- return this.ej2Instances.updateExternalMessage(message);
778
- };
779
- TreeGridComponent.prototype.updateRow = function (index, data) {
780
- return this.ej2Instances.updateRow(index, data);
781
- };
782
- TreeGridComponent = __decorate$3([
783
- EJComponentDecorator({
784
- props: properties,
785
- model: {
786
- event: 'modelchanged'
787
- }
788
- }, isExecute)
789
- ,Options({
790
- props: props,
791
- watch: watch,
792
- emits: emitProbs,
793
- provide: function provide() {
794
- return {
795
- custom: this.custom
796
- };
797
- }
798
- })
799
- ], TreeGridComponent);
800
- return TreeGridComponent;
801
- }(ComponentBase));
337
+ },
338
+ custom: function () {
339
+ this.updated();
340
+ },
341
+ addRecord: function (data, index, position) {
342
+ return this.ej2Instances.addRecord(data, index, position);
343
+ },
344
+ autoFitColumns: function (fieldNames) {
345
+ return this.ej2Instances.autoFitColumns(fieldNames);
346
+ },
347
+ clearFiltering: function () {
348
+ return this.ej2Instances.clearFiltering();
349
+ },
350
+ clearSelection: function () {
351
+ return this.ej2Instances.clearSelection();
352
+ },
353
+ clearSorting: function () {
354
+ return this.ej2Instances.clearSorting();
355
+ },
356
+ closeEdit: function () {
357
+ return this.ej2Instances.closeEdit();
358
+ },
359
+ collapseAll: function () {
360
+ return this.ej2Instances.collapseAll();
361
+ },
362
+ collapseAtLevel: function (level) {
363
+ return this.ej2Instances.collapseAtLevel(level);
364
+ },
365
+ collapseByKey: function (key) {
366
+ return this.ej2Instances.collapseByKey(key);
367
+ },
368
+ collapseRow: function (row, record, key) {
369
+ return this.ej2Instances.collapseRow(row, record, key);
370
+ },
371
+ copy: function (withHeader) {
372
+ return this.ej2Instances.copy(withHeader);
373
+ },
374
+ csvExport: function (excelExportProperties, isMultipleExport, workbook, isBlob) {
375
+ return this.ej2Instances.csvExport(excelExportProperties, isMultipleExport, workbook, isBlob);
376
+ },
377
+ deleteRecord: function (fieldName, data) {
378
+ return this.ej2Instances.deleteRecord(fieldName, data);
379
+ },
380
+ deleteRow: function (tr) {
381
+ return this.ej2Instances.deleteRow(tr);
382
+ },
383
+ editCell: function (rowIndex, field) {
384
+ return this.ej2Instances.editCell(rowIndex, field);
385
+ },
386
+ enableToolbarItems: function (items, isEnable) {
387
+ return this.ej2Instances.enableToolbarItems(items, isEnable);
388
+ },
389
+ endEdit: function () {
390
+ return this.ej2Instances.endEdit();
391
+ },
392
+ excelExport: function (excelExportProperties, isMultipleExport, workbook, isBlob) {
393
+ return this.ej2Instances.excelExport(excelExportProperties, isMultipleExport, workbook, isBlob);
394
+ },
395
+ expandAll: function () {
396
+ return this.ej2Instances.expandAll();
397
+ },
398
+ expandAtLevel: function (level) {
399
+ return this.ej2Instances.expandAtLevel(level);
400
+ },
401
+ expandByKey: function (key) {
402
+ return this.ej2Instances.expandByKey(key);
403
+ },
404
+ expandRow: function (row, record, key, level) {
405
+ return this.ej2Instances.expandRow(row, record, key, level);
406
+ },
407
+ extendRequiredModules: function (modules) {
408
+ return this.ej2Instances.extendRequiredModules(modules);
409
+ },
410
+ filterByColumn: function (fieldName, filterOperator, filterValue, predicate, matchCase, ignoreAccent, actualFilterValue, actualOperator) {
411
+ return this.ej2Instances.filterByColumn(fieldName, filterOperator, filterValue, predicate, matchCase, ignoreAccent, actualFilterValue, actualOperator);
412
+ },
413
+ getBatchChanges: function () {
414
+ return this.ej2Instances.getBatchChanges();
415
+ },
416
+ getCellFromIndex: function (rowIndex, columnIndex) {
417
+ return this.ej2Instances.getCellFromIndex(rowIndex, columnIndex);
418
+ },
419
+ getCheckedRecords: function () {
420
+ return this.ej2Instances.getCheckedRecords();
421
+ },
422
+ getCheckedRowIndexes: function () {
423
+ return this.ej2Instances.getCheckedRowIndexes();
424
+ },
425
+ getColumnByField: function (field) {
426
+ return this.ej2Instances.getColumnByField(field);
427
+ },
428
+ getColumnByUid: function (uid) {
429
+ return this.ej2Instances.getColumnByUid(uid);
430
+ },
431
+ getColumnFieldNames: function () {
432
+ return this.ej2Instances.getColumnFieldNames();
433
+ },
434
+ getColumnHeaderByField: function (field) {
435
+ return this.ej2Instances.getColumnHeaderByField(field);
436
+ },
437
+ getColumnHeaderByIndex: function (index) {
438
+ return this.ej2Instances.getColumnHeaderByIndex(index);
439
+ },
440
+ getColumnHeaderByUid: function (uid) {
441
+ return this.ej2Instances.getColumnHeaderByUid(uid);
442
+ },
443
+ getColumnIndexByField: function (field) {
444
+ return this.ej2Instances.getColumnIndexByField(field);
445
+ },
446
+ getColumnIndexByUid: function (uid) {
447
+ return this.ej2Instances.getColumnIndexByUid(uid);
448
+ },
449
+ getColumns: function (isRefresh) {
450
+ return this.ej2Instances.getColumns(isRefresh);
451
+ },
452
+ getContent: function () {
453
+ return this.ej2Instances.getContent();
454
+ },
455
+ getContentTable: function () {
456
+ return this.ej2Instances.getContentTable();
457
+ },
458
+ getCurrentViewRecords: function () {
459
+ return this.ej2Instances.getCurrentViewRecords();
460
+ },
461
+ getDataModule: function () {
462
+ return this.ej2Instances.getDataModule();
463
+ },
464
+ getDataRows: function () {
465
+ return this.ej2Instances.getDataRows();
466
+ },
467
+ getFooterContent: function () {
468
+ return this.ej2Instances.getFooterContent();
469
+ },
470
+ getFooterContentTable: function () {
471
+ return this.ej2Instances.getFooterContentTable();
472
+ },
473
+ getFrozenLeftColumnHeaderByIndex: function (index) {
474
+ return this.ej2Instances.getFrozenLeftColumnHeaderByIndex(index);
475
+ },
476
+ getFrozenRightCellFromIndex: function (rowIndex, columnIndex) {
477
+ return this.ej2Instances.getFrozenRightCellFromIndex(rowIndex, columnIndex);
478
+ },
479
+ getFrozenRightColumnHeaderByIndex: function (index) {
480
+ return this.ej2Instances.getFrozenRightColumnHeaderByIndex(index);
481
+ },
482
+ getFrozenRightDataRows: function () {
483
+ return this.ej2Instances.getFrozenRightDataRows();
484
+ },
485
+ getFrozenRightRowByIndex: function (index) {
486
+ return this.ej2Instances.getFrozenRightRowByIndex(index);
487
+ },
488
+ getFrozenRightRows: function () {
489
+ return this.ej2Instances.getFrozenRightRows();
490
+ },
491
+ getHeaderContent: function () {
492
+ return this.ej2Instances.getHeaderContent();
493
+ },
494
+ getHeaderTable: function () {
495
+ return this.ej2Instances.getHeaderTable();
496
+ },
497
+ getMovableCellFromIndex: function (rowIndex, columnIndex) {
498
+ return this.ej2Instances.getMovableCellFromIndex(rowIndex, columnIndex);
499
+ },
500
+ getMovableColumnHeaderByIndex: function (index) {
501
+ return this.ej2Instances.getMovableColumnHeaderByIndex(index);
502
+ },
503
+ getMovableDataRows: function () {
504
+ return this.ej2Instances.getMovableDataRows();
505
+ },
506
+ getMovableRowByIndex: function (index) {
507
+ return this.ej2Instances.getMovableRowByIndex(index);
508
+ },
509
+ getMovableRows: function () {
510
+ return this.ej2Instances.getMovableRows();
511
+ },
512
+ getPager: function () {
513
+ return this.ej2Instances.getPager();
514
+ },
515
+ getPrimaryKeyFieldNames: function () {
516
+ return this.ej2Instances.getPrimaryKeyFieldNames();
517
+ },
518
+ getRowByIndex: function (index) {
519
+ return this.ej2Instances.getRowByIndex(index);
520
+ },
521
+ getRowInfo: function (target) {
522
+ return this.ej2Instances.getRowInfo(target);
523
+ },
524
+ getRows: function () {
525
+ return this.ej2Instances.getRows();
526
+ },
527
+ getSelectedRecords: function () {
528
+ return this.ej2Instances.getSelectedRecords();
529
+ },
530
+ getSelectedRowCellIndexes: function () {
531
+ return this.ej2Instances.getSelectedRowCellIndexes();
532
+ },
533
+ getSelectedRowIndexes: function () {
534
+ return this.ej2Instances.getSelectedRowIndexes();
535
+ },
536
+ getSelectedRows: function () {
537
+ return this.ej2Instances.getSelectedRows();
538
+ },
539
+ getUidByColumnField: function (field) {
540
+ return this.ej2Instances.getUidByColumnField(field);
541
+ },
542
+ getVisibleColumns: function () {
543
+ return this.ej2Instances.getVisibleColumns();
544
+ },
545
+ getVisibleRecords: function () {
546
+ return this.ej2Instances.getVisibleRecords();
547
+ },
548
+ goToPage: function (pageNo) {
549
+ return this.ej2Instances.goToPage(pageNo);
550
+ },
551
+ hideColumns: function (keys, hideBy) {
552
+ return this.ej2Instances.hideColumns(keys, hideBy);
553
+ },
554
+ hideSpinner: function () {
555
+ return this.ej2Instances.hideSpinner();
556
+ },
557
+ indent: function (record) {
558
+ return this.ej2Instances.indent(record);
559
+ },
560
+ openColumnChooser: function (x, y) {
561
+ return this.ej2Instances.openColumnChooser(x, y);
562
+ },
563
+ outdent: function (record) {
564
+ return this.ej2Instances.outdent(record);
565
+ },
566
+ paste: function (data, rowIndex, colIndex) {
567
+ return this.ej2Instances.paste(data, rowIndex, colIndex);
568
+ },
569
+ pdfExport: function (pdfExportProperties, isMultipleExport, pdfDoc, isBlob) {
570
+ return this.ej2Instances.pdfExport(pdfExportProperties, isMultipleExport, pdfDoc, isBlob);
571
+ },
572
+ print: function () {
573
+ return this.ej2Instances.print();
574
+ },
575
+ refresh: function () {
576
+ return this.ej2Instances.refresh();
577
+ },
578
+ refreshColumns: function (refreshUI) {
579
+ return this.ej2Instances.refreshColumns(refreshUI);
580
+ },
581
+ refreshHeader: function () {
582
+ return this.ej2Instances.refreshHeader();
583
+ },
584
+ reorderColumns: function (fromFName, toFName) {
585
+ return this.ej2Instances.reorderColumns(fromFName, toFName);
586
+ },
587
+ reorderRows: function (fromIndexes, toIndex, position) {
588
+ return this.ej2Instances.reorderRows(fromIndexes, toIndex, position);
589
+ },
590
+ saveCell: function () {
591
+ return this.ej2Instances.saveCell();
592
+ },
593
+ search: function (searchString) {
594
+ return this.ej2Instances.search(searchString);
595
+ },
596
+ selectCell: function (cellIndex, isToggle) {
597
+ return this.ej2Instances.selectCell(cellIndex, isToggle);
598
+ },
599
+ selectCheckboxes: function (indexes) {
600
+ return this.ej2Instances.selectCheckboxes(indexes);
601
+ },
602
+ selectRow: function (index, isToggle) {
603
+ return this.ej2Instances.selectRow(index, isToggle);
604
+ },
605
+ selectRows: function (rowIndexes) {
606
+ return this.ej2Instances.selectRows(rowIndexes);
607
+ },
608
+ setCellValue: function (key, field, value) {
609
+ return this.ej2Instances.setCellValue(key, field, value);
610
+ },
611
+ setRowData: function (key, rowData) {
612
+ return this.ej2Instances.setRowData(key, rowData);
613
+ },
614
+ showColumns: function (keys, showBy) {
615
+ return this.ej2Instances.showColumns(keys, showBy);
616
+ },
617
+ showSpinner: function () {
618
+ return this.ej2Instances.showSpinner();
619
+ },
620
+ sortByColumn: function (columnName, direction, isMultiSort) {
621
+ return this.ej2Instances.sortByColumn(columnName, direction, isMultiSort);
622
+ },
623
+ startEdit: function (row) {
624
+ return this.ej2Instances.startEdit(row);
625
+ },
626
+ updateCell: function (rowIndex, field, value) {
627
+ return this.ej2Instances.updateCell(rowIndex, field, value);
628
+ },
629
+ updateExternalMessage: function (message) {
630
+ return this.ej2Instances.updateExternalMessage(message);
631
+ },
632
+ updateRow: function (index, data) {
633
+ return this.ej2Instances.updateRow(index, data);
634
+ },
635
+ }
636
+ });
802
637
  var TreeGridPlugin = {
803
638
  name: 'ejs-treegrid',
804
- install: function (Vue$$1) {
805
- Vue$$1.component(TreeGridPlugin.name, TreeGridComponent);
806
- Vue$$1.component(ColumnPlugin.name, ColumnDirective);
807
- Vue$$1.component(ColumnsPlugin.name, ColumnsDirective);
808
- Vue$$1.component(AggregatePlugin.name, AggregateDirective);
809
- Vue$$1.component(AggregatesPlugin.name, AggregatesDirective);
810
- Vue$$1.component(AggregateColumnPlugin.name, AggregateColumnDirective);
811
- Vue$$1.component(AggregateColumnsPlugin.name, AggregateColumnsDirective);
639
+ install: function (Vue) {
640
+ Vue.component(TreeGridPlugin.name, TreeGridComponent);
641
+ Vue.component(ColumnPlugin.name, ColumnDirective);
642
+ Vue.component(ColumnsPlugin.name, ColumnsDirective);
643
+ Vue.component(AggregatePlugin.name, AggregateDirective);
644
+ Vue.component(AggregatesPlugin.name, AggregatesDirective);
645
+ Vue.component(AggregateColumnPlugin.name, AggregateColumnDirective);
646
+ Vue.component(AggregateColumnsPlugin.name, AggregateColumnsDirective);
812
647
  }
813
648
  };
814
649