@syncfusion/ej2-vue-treegrid 31.2.15 → 32.1.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-vue-treegrid",
-  "version": "31.2.15",
+  "version": "32.1.21",
   "description": "Essential JS 2 TreeGrid Component for Vue",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -34,9 +34,9 @@
   "es2015": "dist/es6/ej2-vue-treegrid.es2015.js",
   "readme": "ReadMe.md",
   "dependencies": {
-    "@syncfusion/ej2-base": "~31.2.12",
-    "@syncfusion/ej2-vue-base": "~31.2.12",
-    "@syncfusion/ej2-treegrid": "31.2.15"
+    "@syncfusion/ej2-base": "~32.1.19",
+    "@syncfusion/ej2-vue-base": "~32.1.21",
+    "@syncfusion/ej2-treegrid": "32.1.21"
   },
   "devDependencies": {},
   "scripts": {

package/src/treegrid/treegrid.component.d.ts

@@ -27,7 +27,7 @@ export declare type TreeGridComponent = typeof ComponentBase & {
     trigger(eventName: string, eventProp: {
         [key: string]: Object;
     }, successHandler?: Function): void;
-    addRecord(data?: Object, index?: number, position?: Object): void;
+    addRecord(data?: Object | Object[], index?: number, position?: Object): void;
     autoFitColumns(fieldNames?: string | string[]): void;
     clearFiltering(): void;
     clearSelection(): void;
@@ -85,6 +85,7 @@ export declare type TreeGridComponent = typeof ComponentBase & {
     getMovableDataRows(): Object[];
     getMovableRowByIndex(index: number): Object;
     getMovableRows(): Object[];
+    getPageSizeByHeight(containerHeight?: number | string): number;
     getPager(): Object;
     getPrimaryKeyFieldNames(): string[];
     getRowByIndex(index: number): Object;
@@ -109,6 +110,7 @@ export declare type TreeGridComponent = typeof ComponentBase & {
     refresh(): void;
     refreshColumns(refreshUI?: boolean): void;
     refreshHeader(): void;
+    refreshLayout(): void;
     reorderColumns(fromFName: string | string[], toFName: string): void;
     reorderRows(fromIndexes: number[], toIndex: number, position: string): void;
     saveCell(): void;

package/src/treegrid/treegrid.component.js

@@ -6,7 +6,7 @@ import { StackedColumnsDirective, StackedColumnDirective, StackedColumnsPlugin,
 import { ColumnsDirective, ColumnDirective, ColumnsPlugin, ColumnPlugin } from './columns.directive';
 import { AggregateColumnsDirective, AggregateColumnDirective, AggregateColumnsPlugin, AggregateColumnPlugin } from './aggregate-columns.directive';
 import { AggregatesDirective, AggregateDirective, AggregatesPlugin, AggregatePlugin } from './aggregates.directive';
-export var properties = ['isLazyUpdate', 'plugins', 'aggregates', 'allowExcelExport', 'allowFiltering', 'allowMultiSorting', 'allowPaging', 'allowPdfExport', 'allowReordering', 'allowResizing', 'allowRowDragAndDrop', 'allowSelection', 'allowSorting', 'allowTextWrap', 'autoCheckHierarchy', 'childMapping', 'clipMode', 'columnChooserSettings', 'columnMenuItems', 'columnQueryMode', 'columns', 'contextMenuItems', 'copyHierarchyMode', 'currencyCode', 'dataSource', 'detailTemplate', 'editSettings', 'emptyRecordTemplate', 'enableAdaptiveUI', 'enableAltRow', 'enableAutoFill', 'enableCollapseAll', 'enableColumnVirtualization', 'enableHover', 'enableHtmlSanitizer', 'enableImmutableMode', 'enableInfiniteScrolling', 'enablePersistence', 'enableRtl', 'enableStickyHeader', 'enableVirtualMaskRow', 'enableVirtualization', 'expandStateMapping', 'filterSettings', 'frozenColumns', 'frozenRows', 'gridLines', 'hasChildMapping', 'height', 'idMapping', 'infiniteScrollSettings', 'isRowSelectable', 'loadChildOnDemand', 'loadingIndicator', 'locale', 'pageSettings', 'pagerTemplate', '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', 'excelAggregateQueryCellInfo', 'excelExportComplete', 'excelHeaderQueryCellInfo', 'excelQueryCellInfo', 'expanded', 'expanding', 'headerCellInfo', 'load', 'pdfAggregateQueryCellInfo', 'pdfExportComplete', 'pdfHeaderQueryCellInfo', 'pdfQueryCellInfo', 'printComplete', 'queryCellInfo', 'recordDoubleClick', 'resizeStart', 'resizeStop', 'resizing', 'rowDataBound', 'rowDeselected', 'rowDeselecting', 'rowDrag', 'rowDragStart', 'rowDragStartHelper', 'rowDrop', 'rowSelected', 'rowSelecting', 'toolbarClick'];
+export var properties = ['isLazyUpdate', 'plugins', 'aggregates', 'allowExcelExport', 'allowFiltering', 'allowMultiSorting', 'allowPaging', 'allowPdfExport', 'allowReordering', 'allowResizing', 'allowRowDragAndDrop', 'allowSelection', 'allowSorting', 'allowTextWrap', 'autoCheckHierarchy', 'childMapping', 'clipMode', 'columnChooserSettings', 'columnMenuItems', 'columnQueryMode', 'columns', 'contextMenuItems', 'copyHierarchyMode', 'currencyCode', 'dataSource', 'detailTemplate', 'editSettings', 'emptyRecordTemplate', 'enableAdaptiveUI', 'enableAltRow', 'enableAutoFill', 'enableCollapseAll', 'enableColumnSpan', 'enableColumnVirtualization', 'enableHover', 'enableHtmlSanitizer', 'enableImmutableMode', 'enableInfiniteScrolling', 'enablePersistence', 'enableRowSpan', 'enableRtl', 'enableStickyHeader', 'enableVirtualMaskRow', 'enableVirtualization', 'expandStateMapping', 'filterSettings', 'frozenColumns', 'frozenRows', 'gridLines', 'hasChildMapping', 'height', 'idMapping', 'infiniteScrollSettings', 'isRowSelectable', 'loadChildOnDemand', 'loadingIndicator', 'locale', 'pageSettings', 'pagerTemplate', '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', 'excelAggregateQueryCellInfo', 'excelExportComplete', 'excelHeaderQueryCellInfo', 'excelQueryCellInfo', 'expanded', 'expanding', 'headerCellInfo', 'load', 'pdfAggregateQueryCellInfo', 'pdfExportComplete', 'pdfHeaderQueryCellInfo', 'pdfQueryCellInfo', 'printComplete', 'queryCellInfo', 'recordDoubleClick', 'resizeStart', 'resizeStop', 'resizing', 'rowDataBound', 'rowDeselected', 'rowDeselecting', 'rowDrag', 'rowDragStart', 'rowDragStartHelper', 'rowDrop', 'rowSelected', 'rowSelecting', 'toolbarClick'];
 export var modelProps = ['dataSource'];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0], watch = testProp[1], emitProbs = Object.keys(watch);
@@ -318,6 +318,9 @@ export var TreeGridComponent = vueDefineComponent({
         getMovableRows: function () {
             return this.ej2Instances.getMovableRows();
         },
+        getPageSizeByHeight: function (containerHeight) {
+            return this.ej2Instances.getPageSizeByHeight(containerHeight);
+        },
         getPager: function () {
             return this.ej2Instances.getPager();
         },
@@ -390,6 +393,9 @@ export var TreeGridComponent = vueDefineComponent({
         refreshHeader: function () {
             return this.ej2Instances.refreshHeader();
         },
+        refreshLayout: function () {
+            return this.ej2Instances.refreshLayout();
+        },
         reorderColumns: function (fromFName, toFName) {
             return this.ej2Instances.reorderColumns(fromFName, toFName);
         },

package/styles/bds-lite.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/bds-lite.scss';
+@use 'ej2-treegrid/bds-lite' as *;

package/styles/bds.scss

@@ -1 +1 @@
-@import 'treegrid/bds.scss';
+@use 'treegrid/bds' as *;

package/styles/bootstrap-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/bootstrap-dark-lite.scss';
+@use 'ej2-treegrid/bootstrap-dark-lite' as *;

package/styles/bootstrap-dark.scss

@@ -1 +1 @@
-@import 'treegrid/bootstrap-dark.scss';
+@use 'treegrid/bootstrap-dark' as *;

package/styles/bootstrap-lite.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/bootstrap-lite.scss';
+@use 'ej2-treegrid/bootstrap-lite' as *;

package/styles/bootstrap.scss

@@ -1 +1 @@
-@import 'treegrid/bootstrap.scss';
+@use 'treegrid/bootstrap' as *;

package/styles/bootstrap4-lite.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/bootstrap4-lite.scss';
+@use 'ej2-treegrid/bootstrap4-lite' as *;

package/styles/bootstrap4.scss

@@ -1 +1 @@
-@import 'treegrid/bootstrap4.scss';
+@use 'treegrid/bootstrap4' as *;

package/styles/bootstrap5-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/bootstrap5-dark-lite.scss';
+@use 'ej2-treegrid/bootstrap5-dark-lite' as *;

package/styles/bootstrap5-dark.scss

@@ -1 +1 @@
-@import 'treegrid/bootstrap5-dark.scss';
+@use 'treegrid/bootstrap5-dark' as *;

package/styles/bootstrap5-lite.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/bootstrap5-lite.scss';
+@use 'ej2-treegrid/bootstrap5-lite' as *;

package/styles/bootstrap5.3-lite.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/bootstrap5.3-lite.scss';
+@use 'ej2-treegrid/bootstrap5.3-lite' as *;

package/styles/bootstrap5.3.scss

@@ -1 +1 @@
-@import 'treegrid/bootstrap5.3.scss';
+@use 'treegrid/bootstrap5.3' as *;

package/styles/bootstrap5.scss

@@ -1 +1 @@
-@import 'treegrid/bootstrap5.scss';
+@use 'treegrid/bootstrap5' as *;

package/styles/fabric-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/fabric-dark-lite.scss';
+@use 'ej2-treegrid/fabric-dark-lite' as *;

package/styles/fabric-dark.scss

@@ -1 +1 @@
-@import 'treegrid/fabric-dark.scss';
+@use 'treegrid/fabric-dark' as *;

package/styles/fabric-lite.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/fabric-lite.scss';
+@use 'ej2-treegrid/fabric-lite' as *;

package/styles/fabric.scss

@@ -1 +1 @@
-@import 'treegrid/fabric.scss';
+@use 'treegrid/fabric' as *;

package/styles/fluent-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/fluent-dark-lite.scss';
+@use 'ej2-treegrid/fluent-dark-lite' as *;

package/styles/fluent-dark.scss

@@ -1 +1 @@
-@import 'treegrid/fluent-dark.scss';
+@use 'treegrid/fluent-dark' as *;

package/styles/fluent-lite.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/fluent-lite.scss';
+@use 'ej2-treegrid/fluent-lite' as *;

package/styles/fluent.scss

@@ -1 +1 @@
-@import 'treegrid/fluent.scss';
+@use 'treegrid/fluent' as *;

package/styles/fluent2-lite.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/fluent2-lite.scss';
+@use 'ej2-treegrid/fluent2-lite' as *;

package/styles/fluent2.scss

@@ -1 +1 @@
-@import 'treegrid/fluent2.scss';
+@use 'treegrid/fluent2' as *;

package/styles/highcontrast-light-lite.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/highcontrast-light-lite.scss';
+@use 'ej2-treegrid/highcontrast-light-lite' as *;

package/styles/highcontrast-light.scss

@@ -1 +1 @@
-@import 'treegrid/highcontrast-light.scss';
+@use 'treegrid/highcontrast-light' as *;

package/styles/highcontrast-lite.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/highcontrast-lite.scss';
+@use 'ej2-treegrid/highcontrast-lite' as *;

package/styles/highcontrast.scss

@@ -1 +1 @@
-@import 'treegrid/highcontrast.scss';
+@use 'treegrid/highcontrast' as *;

package/styles/material-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/material-dark-lite.scss';
+@use 'ej2-treegrid/material-dark-lite' as *;

package/styles/material-dark.scss

@@ -1 +1 @@
-@import 'treegrid/material-dark.scss';
+@use 'treegrid/material-dark' as *;

package/styles/material-lite.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/material-lite.scss';
+@use 'ej2-treegrid/material-lite' as *;

package/styles/material.scss

@@ -1 +1 @@
-@import 'treegrid/material.scss';
+@use 'treegrid/material' as *;

package/styles/material3-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/material3-dark-lite.scss';
+@use 'ej2-treegrid/material3-dark-lite' as *;

package/styles/material3-dark.scss

@@ -1,2 +1 @@
-
-@import 'treegrid/material3-dark.scss';
+@use 'treegrid/material3-dark' as *;

package/styles/material3-lite.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/material3-lite.scss';
+@use 'ej2-treegrid/material3-lite' as *;

package/styles/material3.scss

@@ -1,2 +1 @@
-
-@import 'treegrid/material3.scss';
+@use 'treegrid/material3' as *;

package/styles/tailwind-dark-lite.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/tailwind-dark-lite.scss';
+@use 'ej2-treegrid/tailwind-dark-lite' as *;

package/styles/tailwind-dark.scss

@@ -1 +1 @@
-@import 'treegrid/tailwind-dark.scss';
+@use 'treegrid/tailwind-dark' as *;

package/styles/tailwind-lite.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/tailwind-lite.scss';
+@use 'ej2-treegrid/tailwind-lite' as *;

package/styles/tailwind.scss

@@ -1 +1 @@
-@import 'treegrid/tailwind.scss';
+@use 'treegrid/tailwind' as *;

package/styles/tailwind3-lite.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/tailwind3-lite.scss';
+@use 'ej2-treegrid/tailwind3-lite' as *;

package/styles/tailwind3.scss

@@ -1 +1 @@
-@import 'treegrid/tailwind3.scss';
+@use 'treegrid/tailwind3' as *;

package/styles/treegrid/bds.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/treegrid/bds.scss';
+@use 'ej2-treegrid/styles/treegrid/bds' as *;

package/styles/treegrid/bootstrap-dark.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/treegrid/bootstrap-dark.scss';
+@use 'ej2-treegrid/styles/treegrid/bootstrap-dark' as *;

package/styles/treegrid/bootstrap.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/treegrid/bootstrap.scss';
+@use 'ej2-treegrid/styles/treegrid/bootstrap' as *;

package/styles/treegrid/bootstrap4.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/treegrid/bootstrap4.scss';
+@use 'ej2-treegrid/styles/treegrid/bootstrap4' as *;

package/styles/treegrid/bootstrap5-dark.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/treegrid/bootstrap5-dark.scss';
+@use 'ej2-treegrid/styles/treegrid/bootstrap5-dark' as *;

package/styles/treegrid/bootstrap5.3.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/treegrid/bootstrap5.3.scss';
+@use 'ej2-treegrid/styles/treegrid/bootstrap5.3' as *;

package/styles/treegrid/bootstrap5.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/treegrid/bootstrap5.scss';
+@use 'ej2-treegrid/styles/treegrid/bootstrap5' as *;

package/styles/treegrid/fabric-dark.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/treegrid/fabric-dark.scss';
+@use 'ej2-treegrid/styles/treegrid/fabric-dark' as *;

package/styles/treegrid/fabric.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/treegrid/fabric.scss';
+@use 'ej2-treegrid/styles/treegrid/fabric' as *;

package/styles/treegrid/fluent-dark.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/treegrid/fluent-dark.scss';
+@use 'ej2-treegrid/styles/treegrid/fluent-dark' as *;

package/styles/treegrid/fluent.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/treegrid/fluent.scss';
+@use 'ej2-treegrid/styles/treegrid/fluent' as *;

package/styles/treegrid/fluent2.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/treegrid/fluent2.scss';
+@use 'ej2-treegrid/styles/treegrid/fluent2' as *;

package/styles/treegrid/highcontrast-light.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/treegrid/highcontrast-light.scss';
+@use 'ej2-treegrid/styles/treegrid/highcontrast-light' as *;

package/styles/treegrid/highcontrast.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/treegrid/highcontrast.scss';
+@use 'ej2-treegrid/styles/treegrid/highcontrast' as *;

package/styles/treegrid/material-dark.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/treegrid/material-dark.scss';
+@use 'ej2-treegrid/styles/treegrid/material-dark' as *;

package/styles/treegrid/material.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/treegrid/material.scss';
+@use 'ej2-treegrid/styles/treegrid/material' as *;

package/styles/treegrid/material3-dark.scss

@@ -1,2 +1 @@
-
-@import 'ej2-treegrid/styles/treegrid/material3-dark.scss';
+@use 'ej2-treegrid/styles/treegrid/material3-dark' as *;

package/styles/treegrid/material3.scss

@@ -1,2 +1 @@
-
-@import 'ej2-treegrid/styles/treegrid/material3.scss';
+@use 'ej2-treegrid/styles/treegrid/material3' as *;

package/styles/treegrid/tailwind-dark.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/treegrid/tailwind-dark.scss';
+@use 'ej2-treegrid/styles/treegrid/tailwind-dark' as *;

package/styles/treegrid/tailwind.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/treegrid/tailwind.scss';
+@use 'ej2-treegrid/styles/treegrid/tailwind' as *;

package/styles/treegrid/tailwind3.scss

@@ -1 +1 @@
-@import 'ej2-treegrid/styles/treegrid/tailwind3.scss';
+@use 'ej2-treegrid/styles/treegrid/tailwind3' as *;