@syncfusion/ej2-react-treegrid 20.4.54 → 21.1.36
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -45
- package/diConfig.json +39 -1
- package/dist/ej2-react-treegrid.min.js +2 -2
- package/dist/ej2-react-treegrid.umd.min.js +2 -2
- package/dist/ej2-react-treegrid.umd.min.js.map +1 -1
- package/dist/es6/ej2-react-treegrid.es2015.js +13 -2
- package/dist/es6/ej2-react-treegrid.es2015.js.map +1 -1
- package/package.json +9 -9
- package/src/treegrid/columns-directive.d.ts +4 -4
- package/src/treegrid/index.d.ts +1 -0
- package/src/treegrid/index.js +1 -0
- package/src/treegrid/stacked-column-directive.d.ts +20 -0
- package/src/treegrid/stacked-column-directive.js +34 -0
- package/src/treegrid/treegrid.component.d.ts +2 -0
- package/src/treegrid/treegrid.component.js +3 -1
- package/styles/bootstrap-dark.css +2 -8
- package/styles/highcontrast-light.css +2 -8
- package/styles/material3-dark.css +554 -0
- package/styles/material3-dark.scss +2 -0
- package/styles/material3.css +610 -0
- package/styles/material3.scss +2 -0
- package/styles/treegrid/bootstrap-dark.css +2 -8
- package/styles/treegrid/highcontrast-light.css +2 -8
- package/styles/treegrid/material3-dark.css +554 -0
- package/styles/treegrid/material3-dark.scss +2 -0
- package/styles/treegrid/material3.css +610 -0
- package/styles/treegrid/material3.scss +2 -0
package/CHANGELOG.md
CHANGED
|
@@ -4,56 +4,17 @@
|
|
|
4
4
|
|
|
5
5
|
### Tree Grid
|
|
6
6
|
|
|
7
|
-
#### Bug
|
|
8
|
-
|
|
9
|
-
- `#I427734` - Resolved the issue where resizing did not work when persistence was enabled for both individual and stacked columns.
|
|
10
|
-
- `#I439120`, `#I441663` - Resolved script error when using frozen columns with batch editing.
|
|
11
|
-
- `#I442974` - Resolved expand/collapse icon not shown after editing when row drag and drop enabled with batch editing.
|
|
12
|
-
|
|
13
|
-
- `#I427734` - Resolved the issue where resizing did not work when persistence was enabled for both individual and stacked columns.
|
|
14
|
-
- `#I442974` - Resolved expand/collapse icon not shown after editing when row drag and drop enabled with batch editing.
|
|
15
|
-
|
|
16
|
-
## 20.4.49 (2023-02-07)
|
|
17
|
-
|
|
18
|
-
### Tree Grid
|
|
19
|
-
|
|
20
|
-
#### Bug Fixes
|
|
21
|
-
|
|
22
|
-
- `#I427734` - Resolved column width(resizing) was not persisted while using stacked columns in case of `enablePersistence` property enabled in the tree grid.
|
|
23
|
-
- `#I430564` - Resolved child records disappearing on Expand/Collapse action while using Observables.
|
|
24
|
-
|
|
25
|
-
- `#I427734` - Resolved column width(resizing) was not persisted while using stacked columns in case of `enablePersistence` property enabled in the tree grid.
|
|
26
|
-
|
|
27
|
-
## 20.4.48 (2023-02-01)
|
|
28
|
-
|
|
29
|
-
### Tree Grid
|
|
30
|
-
|
|
31
|
-
#### Bug Fixes
|
|
32
|
-
|
|
33
|
-
- `#I425048` - Resolved issue with last row border being invisible when the height was set to 100% on collapsing.
|
|
34
|
-
|
|
35
|
-
## 20.4.44 (2023-01-18)
|
|
7
|
+
#### Bug fixes
|
|
36
8
|
|
|
37
|
-
|
|
9
|
+
- `#I469071` - Fixed issue where scrolling down using the scroll bar would cause some records to not be displayed and scrolling using the mouse would repeat some records in virtualization.
|
|
10
|
+
- `#F182421` - Fixed an issue where the stacked column was not functioning properly when resizing was enabled in the treegrid.
|
|
11
|
+
- `#I182710` - Fixed an issue where the child aggregates row would display in the current view records.
|
|
38
12
|
|
|
39
13
|
#### Bug Fixes
|
|
40
14
|
|
|
41
|
-
- `#
|
|
42
|
-
- `#I422337` - Resolved improper selection after an expanding or collapsing the records.
|
|
43
|
-
|
|
44
|
-
## 20.4.38 (2022-12-21)
|
|
45
|
-
|
|
46
|
-
### Tree Grid
|
|
47
|
-
|
|
48
|
-
#### Features
|
|
49
|
-
|
|
50
|
-
- Provided the shimmer effect for tree grid while loading, refreshing and data processing. Please find the demo [here](https://ej2.syncfusion.com/demos/#/bootstrap5/tree-grid/loading-animation.html).
|
|
51
|
-
- `#I307202`, `#FB20655` - Provided support to load child records on demand while virtual scrolling in remote data binding. Find more details in the documentation [here](https://ej2.syncfusion.com/documentation/treegrid/data-binding/remote-data/#loadchildondemand-with-virtualization).
|
|
52
|
-
|
|
53
|
-
- Provided the shimmer effect for tree grid while loading, refreshing and data processing. Please find the demo [here](https://ej2.syncfusion.com/react/demos/#/bootstrap5/treegrid/loading-animation).
|
|
54
|
-
- `#I307202`, `#FB20655` - Provided support to load child records on demand while virtual scrolling in remote data binding. Find more details in the documentation [here](https://ej2.syncfusion.com/react/documentation/treegrid/data-binding/remote-data/#load-parent-rows-in-expanded-state-with-virtualization).
|
|
15
|
+
- `#I469071` - Fixed issue where scrolling down using the scroll bar would cause some records to not be displayed and scrolling using the mouse would repeat some records in virtualization.
|
|
55
16
|
|
|
56
|
-
##
|
|
17
|
+
## 22.1.34 (2023-06-21)
|
|
57
18
|
|
|
58
19
|
### Tree Grid
|
|
59
20
|
|
package/diConfig.json
CHANGED
|
@@ -180,7 +180,7 @@
|
|
|
180
180
|
"arrayDirectiveSelector": "ejs-treegrid>e-columns",
|
|
181
181
|
"directiveSelector": "ejs-treegrid>e-columns>e-column",
|
|
182
182
|
"directoryName": "treegrid",
|
|
183
|
-
"baseClass": "
|
|
183
|
+
"baseClass": "TreeGridColumn",
|
|
184
184
|
"comment": [
|
|
185
185
|
"/**",
|
|
186
186
|
" * `e-column` directive represent a column of the Angular TreeGrid. ",
|
|
@@ -230,6 +230,44 @@
|
|
|
230
230
|
"filterTemplate",
|
|
231
231
|
"commandsTemplate",
|
|
232
232
|
"editTemplate"
|
|
233
|
+
],
|
|
234
|
+
"tagDirective": [
|
|
235
|
+
{
|
|
236
|
+
"arrayDirectiveClassName": "StackedColumns",
|
|
237
|
+
"directiveClassName": "StackedColumn",
|
|
238
|
+
"propertyName": "columns",
|
|
239
|
+
"arrayDirectiveSelector": "ejs-treegrid>e-columns>e-column>e-stacked-columns",
|
|
240
|
+
"directiveSelector": "ejs-treegrid>e-columns>e-column>e-stacked-columns>e-stacked-column",
|
|
241
|
+
"directoryName": "treegrid",
|
|
242
|
+
"baseClass": "StackedColumn",
|
|
243
|
+
"fileName": "stacked-column",
|
|
244
|
+
"comment": [
|
|
245
|
+
"/**",
|
|
246
|
+
" * `e-stacked-column` directive represent the stacked column of the Angular TreeGrid.",
|
|
247
|
+
" * It must be contained in a StackedColumns component(`e-stacked-columns`). ",
|
|
248
|
+
" * ```html",
|
|
249
|
+
" * <ejs-treegrid [dataSource]='data' allowPaging='true' allowSorting='true'> ",
|
|
250
|
+
" * <e-columns>",
|
|
251
|
+
" * <e-column field='ID' width='100'></e-column>",
|
|
252
|
+
" * <e-column headerText='Details' width='100'>",
|
|
253
|
+
" * <e-stacked-columns>",
|
|
254
|
+
" * <e-stacked-column field='Name' width='140'></e-stacked-column>",
|
|
255
|
+
" * </e-stacked-columns>",
|
|
256
|
+
" * </e-column>",
|
|
257
|
+
" * </e-columns>",
|
|
258
|
+
" * </ejs-treegrid>",
|
|
259
|
+
" * ```",
|
|
260
|
+
" */"
|
|
261
|
+
],
|
|
262
|
+
"templateProperties": [
|
|
263
|
+
"template",
|
|
264
|
+
"headerTemplate",
|
|
265
|
+
"filter.itemTemplate",
|
|
266
|
+
"filterTemplate",
|
|
267
|
+
"commandsTemplate",
|
|
268
|
+
"editTemplate"
|
|
269
|
+
]
|
|
270
|
+
}
|
|
233
271
|
]
|
|
234
272
|
},
|
|
235
273
|
{
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* filename: ej2-react-treegrid.min.js
|
|
3
|
-
* version :
|
|
3
|
+
* version : 21.1.36
|
|
4
4
|
* Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
|
|
5
5
|
* Use of this code is subject to the terms of our license.
|
|
6
6
|
* A copy of the current license can be obtained at any time by e-mailing
|
|
7
7
|
* licensing@syncfusion.com. Any infringement will be prosecuted under
|
|
8
8
|
* applicable laws.
|
|
9
9
|
*/
|
|
10
|
-
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("SyncfusionReactBase"),require("SyncfusionTreegrid"),require("React")):"function"==typeof define&&define.amd?define(["SyncfusionReactBase","SyncfusionTreegrid","React"],e):"object"==typeof exports?exports.SyncfusionReactTreegrid=e(require("SyncfusionReactBase"),require("SyncfusionTreegrid"),require("React")):t.SyncfusionReactTreegrid=e(t.SyncfusionReactBase,t.SyncfusionTreegrid,t.React)}(this,function(t,e,n){return function(t){function e(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=3)}([function(e,n){e.exports=t},function(t,n){t.exports=e},function(t,e,n){"use strict";var r=n(6);n.d(e,"a",function(){return r.a}),n.d(e,"b",function(){return r.b});var o=n(
|
|
10
|
+
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("SyncfusionReactBase"),require("SyncfusionTreegrid"),require("React")):"function"==typeof define&&define.amd?define(["SyncfusionReactBase","SyncfusionTreegrid","React"],e):"object"==typeof exports?exports.SyncfusionReactTreegrid=e(require("SyncfusionReactBase"),require("SyncfusionTreegrid"),require("React")):t.SyncfusionReactTreegrid=e(t.SyncfusionReactBase,t.SyncfusionTreegrid,t.React)}(this,function(t,e,n){return function(t){function e(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=3)}([function(e,n){e.exports=t},function(t,n){t.exports=e},function(t,e,n){"use strict";var r=n(6);n.d(e,"a",function(){return r.a}),n.d(e,"b",function(){return r.b});var o=n(7);n.d(e,"c",function(){return o.a}),n.d(e,"d",function(){return o.b});var u=n(5);n.d(e,"e",function(){return u.a}),n.d(e,"f",function(){return u.b});var i=n(4);n.d(e,"g",function(){return i.a}),n.d(e,"h",function(){return i.b});var c=n(8);n.d(e,"i",function(){return c.a})},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(2);n.d(e,"ColumnDirective",function(){return r.a}),n.d(e,"ColumnsDirective",function(){return r.b}),n.d(e,"StackedColumnDirective",function(){return r.c}),n.d(e,"StackedColumnsDirective",function(){return r.d}),n.d(e,"AggregateDirective",function(){return r.e}),n.d(e,"AggregatesDirective",function(){return r.f}),n.d(e,"AggregateColumnDirective",function(){return r.g}),n.d(e,"AggregateColumnsDirective",function(){return r.h}),n.d(e,"TreeGridComponent",function(){return r.i});var o=n(0);n.n(o);n.o(o,"Inject")&&n.d(e,"Inject",function(){return o.Inject});var u=n(1);n.n(u);for(var i in u)["ColumnDirective","ColumnsDirective","StackedColumnDirective","StackedColumnsDirective","AggregateDirective","AggregatesDirective","AggregateColumnDirective","AggregateColumnsDirective","TreeGridComponent","Inject","default"].indexOf(i)<0&&function(t){n.d(e,t,function(){return u[t]})}(i)},function(t,e,n){"use strict";n.d(e,"a",function(){return u}),n.d(e,"b",function(){return i});var r=n(0),o=(n.n(r),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),u=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.moduleName="aggregateColumn",e}(r.ComplexBase),i=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.propertyName="columns",e.moduleName="aggregateColumns",e}(r.ComplexBase)},function(t,e,n){"use strict";n.d(e,"a",function(){return u}),n.d(e,"b",function(){return i});var r=n(0),o=(n.n(r),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),u=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.moduleName="aggregate",e}(r.ComplexBase),i=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.propertyName="aggregates",e.moduleName="aggregates",e}(r.ComplexBase)},function(t,e,n){"use strict";n.d(e,"a",function(){return u}),n.d(e,"b",function(){return i});var r=n(0),o=(n.n(r),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),u=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.moduleName="column",e.complexTemplate={filterItemTemplate:"filter.itemTemplate"},e}(r.ComplexBase),i=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.propertyName="columns",e.moduleName="columns",e}(r.ComplexBase)},function(t,e,n){"use strict";n.d(e,"a",function(){return u}),n.d(e,"b",function(){return i});var r=n(0),o=(n.n(r),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),u=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.moduleName="stackedColumn",e.complexTemplate={filterItemTemplate:"filter.itemTemplate"},e}(r.ComplexBase),i=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.propertyName="columns",e.moduleName="stackedColumns",e}(r.ComplexBase)},function(t,e,n){"use strict";n.d(e,"a",function(){return c});var r=n(9),o=(n.n(r),n(1)),u=(n.n(o),n(0)),i=(n.n(u),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),c=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.directivekeys={columns:{column:{stackedColumns:"stackedColumn"}},aggregates:{aggregate:{aggregateColumns:"aggregateColumn"}}},n.statelessTemplateProps=null,n.templateProps=null,n.immediateRender=!1,n.portals=[],n}return i(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.TreeGrid);n.i(u.applyMixins)(c,[u.ComponentBase,r.Component])},function(t,e){t.exports=n}])});
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* filename: ej2-react-treegrid.umd.min.js
|
|
3
|
-
* version :
|
|
3
|
+
* version : 21.1.36
|
|
4
4
|
* Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
|
|
5
5
|
* Use of this code is subject to the terms of our license.
|
|
6
6
|
* A copy of the current license can be obtained at any time by e-mailing
|
|
7
7
|
* licensing@syncfusion.com. Any infringement will be prosecuted under
|
|
8
8
|
* applicable laws.
|
|
9
9
|
*/
|
|
10
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-react-base"),require("react"),require("@syncfusion/ej2-treegrid")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-react-base","react","@syncfusion/ej2-treegrid"],t):t(e.ej={},e.ej2ReactBase,e.React,e.ej2Treegrid)}(this,function(e,t,n,r){"use strict";var o=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.moduleName="column",t.complexTemplate={filterItemTemplate:"filter.itemTemplate"},t}(t.ComplexBase),u=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.propertyName="columns",t.moduleName="columns",t}(t.ComplexBase),c=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),a=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return c(t,e),t.moduleName="
|
|
10
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-react-base"),require("react"),require("@syncfusion/ej2-treegrid")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-react-base","react","@syncfusion/ej2-treegrid"],t):t(e.ej={},e.ej2ReactBase,e.React,e.ej2Treegrid)}(this,function(e,t,n,r){"use strict";var o=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.moduleName="column",t.complexTemplate={filterItemTemplate:"filter.itemTemplate"},t}(t.ComplexBase),u=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.propertyName="columns",t.moduleName="columns",t}(t.ComplexBase),c=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),a=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return c(t,e),t.moduleName="stackedColumn",t.complexTemplate={filterItemTemplate:"filter.itemTemplate"},t}(t.ComplexBase),p=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return c(t,e),t.propertyName="columns",t.moduleName="stackedColumns",t}(t.ComplexBase),s=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),l=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return s(t,e),t.moduleName="aggregate",t}(t.ComplexBase),f=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return s(t,e),t.propertyName="aggregates",t.moduleName="aggregates",t}(t.ComplexBase),m=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),y=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return m(t,e),t.moduleName="aggregateColumn",t}(t.ComplexBase),d=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return m(t,e),t.propertyName="columns",t.moduleName="aggregateColumns",t}(t.ComplexBase),g=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),h=function(e){function t(t){var n=e.call(this,t)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.directivekeys={columns:{column:{stackedColumns:"stackedColumn"}},aggregates:{aggregate:{aggregateColumns:"aggregateColumn"}}},n.statelessTemplateProps=null,n.templateProps=null,n.immediateRender=!1,n.portals=[],n}return g(t,e),t.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));e.prototype.render.call(this),this.initRenderCalled=!0},t}(r.TreeGrid);t.applyMixins(h,[t.ComponentBase,n.Component]),e.Inject=t.Inject,e.ColumnDirective=i,e.ColumnsDirective=u,e.StackedColumnDirective=a,e.StackedColumnsDirective=p,e.AggregateDirective=l,e.AggregatesDirective=f,e.AggregateColumnDirective=y,e.AggregateColumnsDirective=d,e.TreeGridComponent=h,Object.keys(r).forEach(function(t){e[t]=r[t]}),Object.defineProperty(e,"__esModule",{value:!0})});
|
|
11
11
|
//# sourceMappingURL=ej2-react-treegrid.umd.min.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ej2-react-treegrid.umd.min.js","sources":["../src/treegrid/columns-directive.js","../src/treegrid/aggregates-directive.js","../src/treegrid/aggregate-columns-directive.js","../src/treegrid/treegrid.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `ColumnDirective` represent a column of the react TreeGrid.\n * It must be contained in a TreeGrid component(`TreeGridComponent`).\n * ```tsx\n * <TreeGridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * <ColumnsDirective>\n * </TreeGridComponent>\n * ```\n */\nvar ColumnDirective = /** @class */ (function (_super) {\n __extends(ColumnDirective, _super);\n function ColumnDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n ColumnDirective.moduleName = 'column';\n ColumnDirective.complexTemplate = { 'filterItemTemplate': 'filter.itemTemplate' };\n return ColumnDirective;\n}(ComplexBase));\nexport { ColumnDirective };\nvar ColumnsDirective = /** @class */ (function (_super) {\n __extends(ColumnsDirective, _super);\n function ColumnsDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n ColumnsDirective.propertyName = 'columns';\n ColumnsDirective.moduleName = 'columns';\n return ColumnsDirective;\n}(ComplexBase));\nexport { ColumnsDirective };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `AggregateDirective` represent a aggregate row of the react TreeGrid.\n * It must be contained in a TreeGrid component(`TreeGridComponent`).\n * ```tsx\n * <TreeGridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * </ColumnsDirective>\n * <AggregatesDirective>\n * <AggregateDirective>\n * <AggregateColumnsDirective>\n * <AggregateColumnDirective field='ID' type='Min'></AggregateColumnsDirective>\n * </<AggregateColumnsDirective>\n* </AggregateDirective>\n * </AggregatesDirective>\n * </TreeGridComponent>\n * ```\n */\nvar AggregateDirective = /** @class */ (function (_super) {\n __extends(AggregateDirective, _super);\n function AggregateDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n AggregateDirective.moduleName = 'aggregate';\n return AggregateDirective;\n}(ComplexBase));\nexport { AggregateDirective };\nvar AggregatesDirective = /** @class */ (function (_super) {\n __extends(AggregatesDirective, _super);\n function AggregatesDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n AggregatesDirective.propertyName = 'aggregates';\n AggregatesDirective.moduleName = 'aggregates';\n return AggregatesDirective;\n}(ComplexBase));\nexport { AggregatesDirective };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `AggregateColumnDirective represent a aggregate column of the react TreeGrid.\n * ```tsx\n * <TreeGridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * </ColumnsDirective>\n * <AggregatesDirective>\n * <AggregateDirective>\n * <AggregateColumnsDirective>\n * <AggregateColumnDirective field='ID' type='Min'></AggregateColumnsDirective>\n * </AggregateColumnsDirective>\n * </AggregateDirective>\n * </AggregatesDirective>\n * </TreeGridComponent>\n * ```\n */\nvar AggregateColumnDirective = /** @class */ (function (_super) {\n __extends(AggregateColumnDirective, _super);\n function AggregateColumnDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n AggregateColumnDirective.moduleName = 'aggregateColumn';\n return AggregateColumnDirective;\n}(ComplexBase));\nexport { AggregateColumnDirective };\nvar AggregateColumnsDirective = /** @class */ (function (_super) {\n __extends(AggregateColumnsDirective, _super);\n function AggregateColumnsDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n AggregateColumnsDirective.propertyName = 'columns';\n AggregateColumnsDirective.moduleName = 'aggregateColumns';\n return AggregateColumnsDirective;\n}(ComplexBase));\nexport { AggregateColumnsDirective };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport * as React from 'react';\nimport { TreeGrid } from '@syncfusion/ej2-treegrid';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `TreeTreeGridComponent` represents the react TreeTreeGrid.\n * ```tsx\n * <TreeTreeGridComponent dataSource={data} allowPaging={true} allowSorting={true}/>\n * ```\n */\nvar TreeGridComponent = /** @class */ (function (_super) {\n __extends(TreeGridComponent, _super);\n function TreeGridComponent(props) {\n var _this = _super.call(this, props) || this;\n _this.initRenderCalled = false;\n _this.checkInjectedModules = true;\n _this.directivekeys = { 'columns': 'column', 'aggregates': { 'aggregate': { 'aggregateColumns': 'aggregateColumn' } } };\n _this.immediateRender = false;\n _this.portals = [];\n return _this;\n }\n TreeGridComponent.prototype.render = function () {\n if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n _super.prototype.render.call(this);\n this.initRenderCalled = true;\n }\n else {\n return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n }\n };\n return TreeGridComponent;\n}(TreeGrid));\nexport { TreeGridComponent };\napplyMixins(TreeGridComponent, [ComponentBase, React.Component]);\n"],"names":["__extends","extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__","this","constructor","prototype","create","ColumnDirective","_super","apply","arguments","moduleName","complexTemplate","filterItemTemplate","ComplexBase","ColumnsDirective","propertyName","AggregateDirective","AggregatesDirective","AggregateColumnDirective","AggregateColumnsDirective","TreeGridComponent","props","_this","call","initRenderCalled","checkInjectedModules","directivekeys","columns","aggregates","aggregate","aggregateColumns","immediateRender","portals","render","element","refreshing","isReactForeceUpdate","React.createElement","getDefaultAttributes","concat","children","TreeGrid","ej2ReactBase","ComponentBase","React.Component"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ej2-react-treegrid.umd.min.js","sources":["../src/treegrid/columns-directive.js","../src/treegrid/stacked-column-directive.js","../src/treegrid/aggregates-directive.js","../src/treegrid/aggregate-columns-directive.js","../src/treegrid/treegrid.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `ColumnDirective` represent a column of the react TreeGrid.\n * It must be contained in a TreeGrid component(`TreeGridComponent`).\n * ```tsx\n * <TreeGridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * <ColumnsDirective>\n * </TreeGridComponent>\n * ```\n */\nvar ColumnDirective = /** @class */ (function (_super) {\n __extends(ColumnDirective, _super);\n function ColumnDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n ColumnDirective.moduleName = 'column';\n ColumnDirective.complexTemplate = { 'filterItemTemplate': 'filter.itemTemplate' };\n return ColumnDirective;\n}(ComplexBase));\nexport { ColumnDirective };\nvar ColumnsDirective = /** @class */ (function (_super) {\n __extends(ColumnsDirective, _super);\n function ColumnsDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n ColumnsDirective.propertyName = 'columns';\n ColumnsDirective.moduleName = 'columns';\n return ColumnsDirective;\n}(ComplexBase));\nexport { ColumnsDirective };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\nvar StackedColumnDirective = /** @class */ (function (_super) {\n __extends(StackedColumnDirective, _super);\n function StackedColumnDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n StackedColumnDirective.moduleName = 'stackedColumn';\n StackedColumnDirective.complexTemplate = { 'filterItemTemplate': 'filter.itemTemplate' };\n return StackedColumnDirective;\n}(ComplexBase));\nexport { StackedColumnDirective };\nvar StackedColumnsDirective = /** @class */ (function (_super) {\n __extends(StackedColumnsDirective, _super);\n function StackedColumnsDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n StackedColumnsDirective.propertyName = 'columns';\n StackedColumnsDirective.moduleName = 'stackedColumns';\n return StackedColumnsDirective;\n}(ComplexBase));\nexport { StackedColumnsDirective };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `AggregateDirective` represent a aggregate row of the react TreeGrid.\n * It must be contained in a TreeGrid component(`TreeGridComponent`).\n * ```tsx\n * <TreeGridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * </ColumnsDirective>\n * <AggregatesDirective>\n * <AggregateDirective>\n * <AggregateColumnsDirective>\n * <AggregateColumnDirective field='ID' type='Min'></AggregateColumnsDirective>\n * </<AggregateColumnsDirective>\n* </AggregateDirective>\n * </AggregatesDirective>\n * </TreeGridComponent>\n * ```\n */\nvar AggregateDirective = /** @class */ (function (_super) {\n __extends(AggregateDirective, _super);\n function AggregateDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n AggregateDirective.moduleName = 'aggregate';\n return AggregateDirective;\n}(ComplexBase));\nexport { AggregateDirective };\nvar AggregatesDirective = /** @class */ (function (_super) {\n __extends(AggregatesDirective, _super);\n function AggregatesDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n AggregatesDirective.propertyName = 'aggregates';\n AggregatesDirective.moduleName = 'aggregates';\n return AggregatesDirective;\n}(ComplexBase));\nexport { AggregatesDirective };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `AggregateColumnDirective represent a aggregate column of the react TreeGrid.\n * ```tsx\n * <TreeGridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * </ColumnsDirective>\n * <AggregatesDirective>\n * <AggregateDirective>\n * <AggregateColumnsDirective>\n * <AggregateColumnDirective field='ID' type='Min'></AggregateColumnsDirective>\n * </AggregateColumnsDirective>\n * </AggregateDirective>\n * </AggregatesDirective>\n * </TreeGridComponent>\n * ```\n */\nvar AggregateColumnDirective = /** @class */ (function (_super) {\n __extends(AggregateColumnDirective, _super);\n function AggregateColumnDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n AggregateColumnDirective.moduleName = 'aggregateColumn';\n return AggregateColumnDirective;\n}(ComplexBase));\nexport { AggregateColumnDirective };\nvar AggregateColumnsDirective = /** @class */ (function (_super) {\n __extends(AggregateColumnsDirective, _super);\n function AggregateColumnsDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n AggregateColumnsDirective.propertyName = 'columns';\n AggregateColumnsDirective.moduleName = 'aggregateColumns';\n return AggregateColumnsDirective;\n}(ComplexBase));\nexport { AggregateColumnsDirective };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport * as React from 'react';\nimport { TreeGrid } from '@syncfusion/ej2-treegrid';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `TreeTreeGridComponent` represents the react TreeTreeGrid.\n * ```tsx\n * <TreeTreeGridComponent dataSource={data} allowPaging={true} allowSorting={true}/>\n * ```\n */\nvar TreeGridComponent = /** @class */ (function (_super) {\n __extends(TreeGridComponent, _super);\n function TreeGridComponent(props) {\n var _this = _super.call(this, props) || this;\n _this.initRenderCalled = false;\n _this.checkInjectedModules = true;\n _this.directivekeys = { 'columns': { 'column': { 'stackedColumns': 'stackedColumn' } }, 'aggregates': { 'aggregate': { 'aggregateColumns': 'aggregateColumn' } } };\n _this.statelessTemplateProps = null;\n _this.templateProps = null;\n _this.immediateRender = false;\n _this.portals = [];\n return _this;\n }\n TreeGridComponent.prototype.render = function () {\n if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n _super.prototype.render.call(this);\n this.initRenderCalled = true;\n }\n else {\n return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n }\n };\n return TreeGridComponent;\n}(TreeGrid));\nexport { TreeGridComponent };\napplyMixins(TreeGridComponent, [ComponentBase, React.Component]);\n"],"names":["__extends","extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__","this","constructor","prototype","create","ColumnDirective","_super","apply","arguments","moduleName","complexTemplate","filterItemTemplate","ComplexBase","ColumnsDirective","propertyName","StackedColumnDirective","StackedColumnsDirective","AggregateDirective","AggregatesDirective","AggregateColumnDirective","AggregateColumnsDirective","TreeGridComponent","props","_this","call","initRenderCalled","checkInjectedModules","directivekeys","columns","column","stackedColumns","aggregates","aggregate","aggregateColumns","statelessTemplateProps","templateProps","immediateRender","portals","render","element","refreshing","isReactForeceUpdate","React.createElement","getDefaultAttributes","concat","children","TreeGrid","ej2ReactBase","ComponentBase","React.Component"],"mappings":"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"}
|
|
@@ -23,6 +23,15 @@ class ColumnsDirective extends ComplexBase {
|
|
|
23
23
|
ColumnsDirective.propertyName = 'columns';
|
|
24
24
|
ColumnsDirective.moduleName = 'columns';
|
|
25
25
|
|
|
26
|
+
class StackedColumnDirective extends ComplexBase {
|
|
27
|
+
}
|
|
28
|
+
StackedColumnDirective.moduleName = 'stackedColumn';
|
|
29
|
+
StackedColumnDirective.complexTemplate = { 'filterItemTemplate': 'filter.itemTemplate' };
|
|
30
|
+
class StackedColumnsDirective extends ComplexBase {
|
|
31
|
+
}
|
|
32
|
+
StackedColumnsDirective.propertyName = 'columns';
|
|
33
|
+
StackedColumnsDirective.moduleName = 'stackedColumns';
|
|
34
|
+
|
|
26
35
|
/**
|
|
27
36
|
* `AggregateDirective` represent a aggregate row of the react TreeGrid.
|
|
28
37
|
* It must be contained in a TreeGrid component(`TreeGridComponent`).
|
|
@@ -87,7 +96,9 @@ class TreeGridComponent extends TreeGrid {
|
|
|
87
96
|
super(props);
|
|
88
97
|
this.initRenderCalled = false;
|
|
89
98
|
this.checkInjectedModules = true;
|
|
90
|
-
this.directivekeys = { 'columns': 'column', 'aggregates': { 'aggregate': { 'aggregateColumns': 'aggregateColumn' } } };
|
|
99
|
+
this.directivekeys = { 'columns': { 'column': { 'stackedColumns': 'stackedColumn' } }, 'aggregates': { 'aggregate': { 'aggregateColumns': 'aggregateColumn' } } };
|
|
100
|
+
this.statelessTemplateProps = null;
|
|
101
|
+
this.templateProps = null;
|
|
91
102
|
this.immediateRender = false;
|
|
92
103
|
this.portals = [];
|
|
93
104
|
}
|
|
@@ -103,7 +114,7 @@ class TreeGridComponent extends TreeGrid {
|
|
|
103
114
|
}
|
|
104
115
|
applyMixins(TreeGridComponent, [ComponentBase, Component]);
|
|
105
116
|
|
|
106
|
-
export { ColumnDirective, ColumnsDirective, AggregateDirective, AggregatesDirective, AggregateColumnDirective, AggregateColumnsDirective, TreeGridComponent };
|
|
117
|
+
export { ColumnDirective, ColumnsDirective, StackedColumnDirective, StackedColumnsDirective, AggregateDirective, AggregatesDirective, AggregateColumnDirective, AggregateColumnsDirective, TreeGridComponent };
|
|
107
118
|
export * from '@syncfusion/ej2-treegrid';
|
|
108
119
|
export { Inject } from '@syncfusion/ej2-react-base';
|
|
109
120
|
//# sourceMappingURL=ej2-react-treegrid.es2015.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ej2-react-treegrid.es2015.js","sources":["../src/es6/treegrid/columns-directive.js","../src/es6/treegrid/aggregates-directive.js","../src/es6/treegrid/aggregate-columns-directive.js","../src/es6/treegrid/treegrid.component.js"],"sourcesContent":["import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `ColumnDirective` represent a column of the react TreeGrid.\n * It must be contained in a TreeGrid component(`TreeGridComponent`).\n * ```tsx\n * <TreeGridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * <ColumnsDirective>\n * </TreeGridComponent>\n * ```\n */\nexport class ColumnDirective extends ComplexBase {\n}\nColumnDirective.moduleName = 'column';\nColumnDirective.complexTemplate = { 'filterItemTemplate': 'filter.itemTemplate' };\nexport class ColumnsDirective extends ComplexBase {\n}\nColumnsDirective.propertyName = 'columns';\nColumnsDirective.moduleName = 'columns';\n","import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `AggregateDirective` represent a aggregate row of the react TreeGrid.\n * It must be contained in a TreeGrid component(`TreeGridComponent`).\n * ```tsx\n * <TreeGridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * </ColumnsDirective>\n * <AggregatesDirective>\n * <AggregateDirective>\n * <AggregateColumnsDirective>\n * <AggregateColumnDirective field='ID' type='Min'></AggregateColumnsDirective>\n * </<AggregateColumnsDirective>\n* </AggregateDirective>\n * </AggregatesDirective>\n * </TreeGridComponent>\n * ```\n */\nexport class AggregateDirective extends ComplexBase {\n}\nAggregateDirective.moduleName = 'aggregate';\nexport class AggregatesDirective extends ComplexBase {\n}\nAggregatesDirective.propertyName = 'aggregates';\nAggregatesDirective.moduleName = 'aggregates';\n","import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `AggregateColumnDirective represent a aggregate column of the react TreeGrid.\n * ```tsx\n * <TreeGridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * </ColumnsDirective>\n * <AggregatesDirective>\n * <AggregateDirective>\n * <AggregateColumnsDirective>\n * <AggregateColumnDirective field='ID' type='Min'></AggregateColumnsDirective>\n * </AggregateColumnsDirective>\n * </AggregateDirective>\n * </AggregatesDirective>\n * </TreeGridComponent>\n * ```\n */\nexport class AggregateColumnDirective extends ComplexBase {\n}\nAggregateColumnDirective.moduleName = 'aggregateColumn';\nexport class AggregateColumnsDirective extends ComplexBase {\n}\nAggregateColumnsDirective.propertyName = 'columns';\nAggregateColumnsDirective.moduleName = 'aggregateColumns';\n","import * as React from 'react';\nimport { TreeGrid } from '@syncfusion/ej2-treegrid';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `TreeTreeGridComponent` represents the react TreeTreeGrid.\n * ```tsx\n * <TreeTreeGridComponent dataSource={data} allowPaging={true} allowSorting={true}/>\n * ```\n */\nexport class TreeGridComponent extends TreeGrid {\n constructor(props) {\n super(props);\n this.initRenderCalled = false;\n this.checkInjectedModules = true;\n this.directivekeys = { 'columns': 'column', 'aggregates': { 'aggregate': { 'aggregateColumns': 'aggregateColumn' } } };\n this.immediateRender = false;\n this.portals = [];\n }\n render() {\n if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n super.render();\n this.initRenderCalled = true;\n }\n else {\n return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n }\n }\n}\napplyMixins(TreeGridComponent, [ComponentBase, React.Component]);\n"],"names":["React.createElement","React.Component"],"mappings":";;;;AACA;;;;;;;;;;;;AAYA,AAAO,MAAM,eAAe,SAAS,WAAW,CAAC;CAChD;AACD,eAAe,CAAC,UAAU,GAAG,QAAQ,CAAC;AACtC,eAAe,CAAC,eAAe,GAAG,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,CAAC;AAClF,AAAO,MAAM,gBAAgB,SAAS,WAAW,CAAC;CACjD;AACD,gBAAgB,CAAC,YAAY,GAAG,SAAS,CAAC;AAC1C,gBAAgB,CAAC,UAAU,GAAG,SAAS,CAAC;;
|
|
1
|
+
{"version":3,"file":"ej2-react-treegrid.es2015.js","sources":["../src/es6/treegrid/columns-directive.js","../src/es6/treegrid/stacked-column-directive.js","../src/es6/treegrid/aggregates-directive.js","../src/es6/treegrid/aggregate-columns-directive.js","../src/es6/treegrid/treegrid.component.js"],"sourcesContent":["import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `ColumnDirective` represent a column of the react TreeGrid.\n * It must be contained in a TreeGrid component(`TreeGridComponent`).\n * ```tsx\n * <TreeGridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * <ColumnsDirective>\n * </TreeGridComponent>\n * ```\n */\nexport class ColumnDirective extends ComplexBase {\n}\nColumnDirective.moduleName = 'column';\nColumnDirective.complexTemplate = { 'filterItemTemplate': 'filter.itemTemplate' };\nexport class ColumnsDirective extends ComplexBase {\n}\nColumnsDirective.propertyName = 'columns';\nColumnsDirective.moduleName = 'columns';\n","import { ComplexBase } from '@syncfusion/ej2-react-base';\nexport class StackedColumnDirective extends ComplexBase {\n}\nStackedColumnDirective.moduleName = 'stackedColumn';\nStackedColumnDirective.complexTemplate = { 'filterItemTemplate': 'filter.itemTemplate' };\nexport class StackedColumnsDirective extends ComplexBase {\n}\nStackedColumnsDirective.propertyName = 'columns';\nStackedColumnsDirective.moduleName = 'stackedColumns';\n","import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `AggregateDirective` represent a aggregate row of the react TreeGrid.\n * It must be contained in a TreeGrid component(`TreeGridComponent`).\n * ```tsx\n * <TreeGridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * </ColumnsDirective>\n * <AggregatesDirective>\n * <AggregateDirective>\n * <AggregateColumnsDirective>\n * <AggregateColumnDirective field='ID' type='Min'></AggregateColumnsDirective>\n * </<AggregateColumnsDirective>\n* </AggregateDirective>\n * </AggregatesDirective>\n * </TreeGridComponent>\n * ```\n */\nexport class AggregateDirective extends ComplexBase {\n}\nAggregateDirective.moduleName = 'aggregate';\nexport class AggregatesDirective extends ComplexBase {\n}\nAggregatesDirective.propertyName = 'aggregates';\nAggregatesDirective.moduleName = 'aggregates';\n","import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `AggregateColumnDirective represent a aggregate column of the react TreeGrid.\n * ```tsx\n * <TreeGridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * </ColumnsDirective>\n * <AggregatesDirective>\n * <AggregateDirective>\n * <AggregateColumnsDirective>\n * <AggregateColumnDirective field='ID' type='Min'></AggregateColumnsDirective>\n * </AggregateColumnsDirective>\n * </AggregateDirective>\n * </AggregatesDirective>\n * </TreeGridComponent>\n * ```\n */\nexport class AggregateColumnDirective extends ComplexBase {\n}\nAggregateColumnDirective.moduleName = 'aggregateColumn';\nexport class AggregateColumnsDirective extends ComplexBase {\n}\nAggregateColumnsDirective.propertyName = 'columns';\nAggregateColumnsDirective.moduleName = 'aggregateColumns';\n","import * as React from 'react';\nimport { TreeGrid } from '@syncfusion/ej2-treegrid';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `TreeTreeGridComponent` represents the react TreeTreeGrid.\n * ```tsx\n * <TreeTreeGridComponent dataSource={data} allowPaging={true} allowSorting={true}/>\n * ```\n */\nexport class TreeGridComponent extends TreeGrid {\n constructor(props) {\n super(props);\n this.initRenderCalled = false;\n this.checkInjectedModules = true;\n this.directivekeys = { 'columns': { 'column': { 'stackedColumns': 'stackedColumn' } }, 'aggregates': { 'aggregate': { 'aggregateColumns': 'aggregateColumn' } } };\n this.statelessTemplateProps = null;\n this.templateProps = null;\n this.immediateRender = false;\n this.portals = [];\n }\n render() {\n if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n super.render();\n this.initRenderCalled = true;\n }\n else {\n return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n }\n }\n}\napplyMixins(TreeGridComponent, [ComponentBase, React.Component]);\n"],"names":["React.createElement","React.Component"],"mappings":";;;;AACA;;;;;;;;;;;;AAYA,AAAO,MAAM,eAAe,SAAS,WAAW,CAAC;CAChD;AACD,eAAe,CAAC,UAAU,GAAG,QAAQ,CAAC;AACtC,eAAe,CAAC,eAAe,GAAG,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,CAAC;AAClF,AAAO,MAAM,gBAAgB,SAAS,WAAW,CAAC;CACjD;AACD,gBAAgB,CAAC,YAAY,GAAG,SAAS,CAAC;AAC1C,gBAAgB,CAAC,UAAU,GAAG,SAAS,CAAC;;ACnBjC,MAAM,sBAAsB,SAAS,WAAW,CAAC;CACvD;AACD,sBAAsB,CAAC,UAAU,GAAG,eAAe,CAAC;AACpD,sBAAsB,CAAC,eAAe,GAAG,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,CAAC;AACzF,AAAO,MAAM,uBAAuB,SAAS,WAAW,CAAC;CACxD;AACD,uBAAuB,CAAC,YAAY,GAAG,SAAS,CAAC;AACjD,uBAAuB,CAAC,UAAU,GAAG,gBAAgB,CAAC;;ACPtD;;;;;;;;;;;;;;;;;;;AAmBA,AAAO,MAAM,kBAAkB,SAAS,WAAW,CAAC;CACnD;AACD,kBAAkB,CAAC,UAAU,GAAG,WAAW,CAAC;AAC5C,AAAO,MAAM,mBAAmB,SAAS,WAAW,CAAC;CACpD;AACD,mBAAmB,CAAC,YAAY,GAAG,YAAY,CAAC;AAChD,mBAAmB,CAAC,UAAU,GAAG,YAAY,CAAC;;ACzB9C;;;;;;;;;;;;;;;;;;AAkBA,AAAO,MAAM,wBAAwB,SAAS,WAAW,CAAC;CACzD;AACD,wBAAwB,CAAC,UAAU,GAAG,iBAAiB,CAAC;AACxD,AAAO,MAAM,yBAAyB,SAAS,WAAW,CAAC;CAC1D;AACD,yBAAyB,CAAC,YAAY,GAAG,SAAS,CAAC;AACnD,yBAAyB,CAAC,UAAU,GAAG,kBAAkB,CAAC;;ACtB1D;;;;;;AAMA,AAAO,MAAM,iBAAiB,SAAS,QAAQ,CAAC;IAC5C,WAAW,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;QACjC,IAAI,CAAC,aAAa,GAAG,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,EAAE,gBAAgB,EAAE,eAAe,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,WAAW,EAAE,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC;QAClK,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;QACnC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC1B,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;KACrB;IACD,MAAM,GAAG;QACL,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAC5F,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAChC;aACI;YACD,OAAOA,aAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;SAChH;KACJ;CACJ;AACD,WAAW,CAAC,iBAAiB,EAAE,CAAC,aAAa,EAAEC,SAAe,CAAC,CAAC,CAAC;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"_from": "@syncfusion/ej2-react-treegrid@*",
|
|
3
|
-
"_id": "@syncfusion/ej2-react-treegrid@
|
|
3
|
+
"_id": "@syncfusion/ej2-react-treegrid@22.1.34",
|
|
4
4
|
"_inBundle": false,
|
|
5
|
-
"_integrity": "sha512-
|
|
5
|
+
"_integrity": "sha512-SOeYdUkkWvGpPE3fZxgoUmZIY+bGfZJTXddFTfwZ0gXgXBcUXDfv9sfcOlhTG6alsalgPtTJBOUZjlZdWb12Lg==",
|
|
6
6
|
"_location": "/@syncfusion/ej2-react-treegrid",
|
|
7
7
|
"_phantomChildren": {},
|
|
8
8
|
"_requested": {
|
|
@@ -19,10 +19,10 @@
|
|
|
19
19
|
"_requiredBy": [
|
|
20
20
|
"/"
|
|
21
21
|
],
|
|
22
|
-
"_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-treegrid/-/ej2-react-treegrid-
|
|
23
|
-
"_shasum": "
|
|
22
|
+
"_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-treegrid/-/ej2-react-treegrid-22.1.34.tgz",
|
|
23
|
+
"_shasum": "26236c71df53a35fb2d456f4dd204648e7f914ad",
|
|
24
24
|
"_spec": "@syncfusion/ej2-react-treegrid@*",
|
|
25
|
-
"_where": "/jenkins/workspace/
|
|
25
|
+
"_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
|
|
26
26
|
"author": {
|
|
27
27
|
"name": "Syncfusion Inc."
|
|
28
28
|
},
|
|
@@ -31,9 +31,9 @@
|
|
|
31
31
|
},
|
|
32
32
|
"bundleDependencies": false,
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@syncfusion/ej2-base": "~
|
|
35
|
-
"@syncfusion/ej2-react-base": "~
|
|
36
|
-
"@syncfusion/ej2-treegrid": "
|
|
34
|
+
"@syncfusion/ej2-base": "~22.1.34",
|
|
35
|
+
"@syncfusion/ej2-react-base": "~22.1.34",
|
|
36
|
+
"@syncfusion/ej2-treegrid": "21.1.36"
|
|
37
37
|
},
|
|
38
38
|
"deprecated": false,
|
|
39
39
|
"description": "Essential JS 2 TreeGrid Component for React",
|
|
@@ -55,6 +55,6 @@
|
|
|
55
55
|
"type": "git",
|
|
56
56
|
"url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
|
|
57
57
|
},
|
|
58
|
-
"version": "
|
|
58
|
+
"version": "21.1.36",
|
|
59
59
|
"sideEffects": false
|
|
60
60
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ComplexBase } from '@syncfusion/ej2-react-base';
|
|
2
|
-
import {
|
|
3
|
-
export interface
|
|
2
|
+
import { TreeGridColumnModel } from '@syncfusion/ej2-treegrid';
|
|
3
|
+
export interface TreeGridColumnDirTypecast {
|
|
4
4
|
template?: string | Function | any;
|
|
5
5
|
headerTemplate?: string | Function | any;
|
|
6
6
|
filterItemTemplate?: string | Function | any;
|
|
@@ -20,9 +20,9 @@ export interface ColumnDirTypecast {
|
|
|
20
20
|
* </TreeGridComponent>
|
|
21
21
|
* ```
|
|
22
22
|
*/
|
|
23
|
-
export declare class ColumnDirective extends ComplexBase<
|
|
23
|
+
export declare class ColumnDirective extends ComplexBase<TreeGridColumnModel | TreeGridColumnDirTypecast & {
|
|
24
24
|
children?: React.ReactNode;
|
|
25
|
-
},
|
|
25
|
+
}, TreeGridColumnModel | TreeGridColumnDirTypecast> {
|
|
26
26
|
static moduleName: string;
|
|
27
27
|
static complexTemplate: Object;
|
|
28
28
|
}
|
package/src/treegrid/index.d.ts
CHANGED
package/src/treegrid/index.js
CHANGED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ComplexBase } from '@syncfusion/ej2-react-base';
|
|
2
|
+
import { StackedColumnModel } from '@syncfusion/ej2-treegrid';
|
|
3
|
+
export interface StackedColumnDirTypecast {
|
|
4
|
+
template?: string | Function | any;
|
|
5
|
+
headerTemplate?: string | Function | any;
|
|
6
|
+
filterItemTemplate?: string | Function | any;
|
|
7
|
+
filterTemplate?: string | Function | any;
|
|
8
|
+
commandsTemplate?: string | Function | any;
|
|
9
|
+
editTemplate?: string | Function | any;
|
|
10
|
+
}
|
|
11
|
+
export declare class StackedColumnDirective extends ComplexBase<StackedColumnModel | StackedColumnDirTypecast & {
|
|
12
|
+
children?: React.ReactNode;
|
|
13
|
+
}, StackedColumnModel | StackedColumnDirTypecast> {
|
|
14
|
+
static moduleName: string;
|
|
15
|
+
static complexTemplate: Object;
|
|
16
|
+
}
|
|
17
|
+
export declare class StackedColumnsDirective extends ComplexBase<{}, {}> {
|
|
18
|
+
static propertyName: string;
|
|
19
|
+
static moduleName: string;
|
|
20
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
var __extends = (this && this.__extends) || (function () {
|
|
2
|
+
var extendStatics = function (d, b) {
|
|
3
|
+
extendStatics = Object.setPrototypeOf ||
|
|
4
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
+
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
6
|
+
return extendStatics(d, b);
|
|
7
|
+
};
|
|
8
|
+
return function (d, b) {
|
|
9
|
+
extendStatics(d, b);
|
|
10
|
+
function __() { this.constructor = d; }
|
|
11
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
12
|
+
};
|
|
13
|
+
})();
|
|
14
|
+
import { ComplexBase } from '@syncfusion/ej2-react-base';
|
|
15
|
+
var StackedColumnDirective = /** @class */ (function (_super) {
|
|
16
|
+
__extends(StackedColumnDirective, _super);
|
|
17
|
+
function StackedColumnDirective() {
|
|
18
|
+
return _super !== null && _super.apply(this, arguments) || this;
|
|
19
|
+
}
|
|
20
|
+
StackedColumnDirective.moduleName = 'stackedColumn';
|
|
21
|
+
StackedColumnDirective.complexTemplate = { 'filterItemTemplate': 'filter.itemTemplate' };
|
|
22
|
+
return StackedColumnDirective;
|
|
23
|
+
}(ComplexBase));
|
|
24
|
+
export { StackedColumnDirective };
|
|
25
|
+
var StackedColumnsDirective = /** @class */ (function (_super) {
|
|
26
|
+
__extends(StackedColumnsDirective, _super);
|
|
27
|
+
function StackedColumnsDirective() {
|
|
28
|
+
return _super !== null && _super.apply(this, arguments) || this;
|
|
29
|
+
}
|
|
30
|
+
StackedColumnsDirective.propertyName = 'columns';
|
|
31
|
+
StackedColumnsDirective.moduleName = 'stackedColumns';
|
|
32
|
+
return StackedColumnsDirective;
|
|
33
|
+
}(ComplexBase));
|
|
34
|
+
export { StackedColumnsDirective };
|
|
@@ -25,6 +25,8 @@ export declare class TreeGridComponent extends TreeGrid {
|
|
|
25
25
|
directivekeys: {
|
|
26
26
|
[key: string]: Object;
|
|
27
27
|
};
|
|
28
|
+
private statelessTemplateProps;
|
|
29
|
+
private templateProps;
|
|
28
30
|
private immediateRender;
|
|
29
31
|
props: Readonly<{
|
|
30
32
|
children?: React.ReactNode | React.ReactNode[];
|
|
@@ -26,7 +26,9 @@ var TreeGridComponent = /** @class */ (function (_super) {
|
|
|
26
26
|
var _this = _super.call(this, props) || this;
|
|
27
27
|
_this.initRenderCalled = false;
|
|
28
28
|
_this.checkInjectedModules = true;
|
|
29
|
-
_this.directivekeys = { 'columns': 'column', 'aggregates': { 'aggregate': { 'aggregateColumns': 'aggregateColumn' } } };
|
|
29
|
+
_this.directivekeys = { 'columns': { 'column': { 'stackedColumns': 'stackedColumn' } }, 'aggregates': { 'aggregate': { 'aggregateColumns': 'aggregateColumn' } } };
|
|
30
|
+
_this.statelessTemplateProps = null;
|
|
31
|
+
_this.templateProps = null;
|
|
30
32
|
_this.immediateRender = false;
|
|
31
33
|
_this.portals = [];
|
|
32
34
|
return _this;
|
|
@@ -161,9 +161,6 @@
|
|
|
161
161
|
width: 20px;
|
|
162
162
|
}
|
|
163
163
|
.e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
|
|
164
|
-
font-size: 12px;
|
|
165
|
-
line-height: 12px;
|
|
166
|
-
padding: 2px 0;
|
|
167
164
|
height: 20px;
|
|
168
165
|
width: 20px;
|
|
169
166
|
}
|
|
@@ -226,11 +223,8 @@
|
|
|
226
223
|
vertical-align: middle;
|
|
227
224
|
}
|
|
228
225
|
.e-treegrid .e-hierarchycheckbox .e-frame {
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
line-height: 11px;
|
|
232
|
-
padding: 2px 0;
|
|
233
|
-
width: 16px;
|
|
226
|
+
height: 20px;
|
|
227
|
+
width: 20px;
|
|
234
228
|
}
|
|
235
229
|
.e-treegrid .e-checkselection .e-frozenheader .e-rowcell,
|
|
236
230
|
.e-treegrid .e-checkselection .e-movableheader .e-rowcell,
|
|
@@ -134,9 +134,6 @@
|
|
|
134
134
|
width: 20px;
|
|
135
135
|
}
|
|
136
136
|
.e-bigger .e-treegrid .e-hierarchycheckbox .e-frame {
|
|
137
|
-
font-size: 12px;
|
|
138
|
-
line-height: 12px;
|
|
139
|
-
padding: 2px 0;
|
|
140
137
|
height: 20px;
|
|
141
138
|
width: 20px;
|
|
142
139
|
}
|
|
@@ -199,11 +196,8 @@
|
|
|
199
196
|
vertical-align: middle;
|
|
200
197
|
}
|
|
201
198
|
.e-treegrid .e-hierarchycheckbox .e-frame {
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
line-height: 11px;
|
|
205
|
-
padding: 2px 0;
|
|
206
|
-
width: 16px;
|
|
199
|
+
height: 20px;
|
|
200
|
+
width: 20px;
|
|
207
201
|
}
|
|
208
202
|
.e-treegrid .e-checkselection .e-frozenheader .e-rowcell,
|
|
209
203
|
.e-treegrid .e-checkselection .e-movableheader .e-rowcell,
|