@progress/kendo-vue-grid 3.3.6 → 3.4.1-dev.202206280838
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/dist/cdn/js/kendo-vue-grid.js +1 -1
- package/dist/es/Grid.js +25 -25
- package/dist/es/columnMenu/GridColumnMenuFilter.d.ts +1 -1
- package/dist/es/columnMenu/GridColumnMenuFilter.js +1 -1
- package/dist/es/columnMenu/GridColumnMenuSort.d.ts +1 -1
- package/dist/es/columnMenu/GridColumnMenuSort.js +1 -1
- package/dist/es/package-metadata.js +1 -1
- package/dist/npm/Grid.js +25 -25
- package/dist/npm/columnMenu/GridColumnMenuFilter.d.ts +1 -1
- package/dist/npm/columnMenu/GridColumnMenuFilter.js +1 -1
- package/dist/npm/columnMenu/GridColumnMenuSort.d.ts +1 -1
- package/dist/npm/columnMenu/GridColumnMenuSort.js +1 -1
- package/dist/npm/package-metadata.js +1 -1
- package/package.json +14 -14
package/dist/es/Grid.js
CHANGED
|
@@ -228,7 +228,7 @@ var GridVue2 = {
|
|
|
228
228
|
methods: {
|
|
229
229
|
/**
|
|
230
230
|
* A getter of the current columns. Gets the current column width or current columns,
|
|
231
|
-
* or any other [`GridColumnProps`]({% slug
|
|
231
|
+
* or any other [`GridColumnProps`]({% slug api_grid_gridcolumnprops %}) for each defined column.
|
|
232
232
|
* Can be used on each Grid instance. To obtain the instance of the rendered Grid, use the `ref`
|
|
233
233
|
* callback. The following example demonstrates how to reorder the columns by dragging their handlers
|
|
234
234
|
* and check the properties afterwards. You can check the result in the browser console.
|
|
@@ -1714,6 +1714,26 @@ var GridVue2 = {
|
|
|
1714
1714
|
var wrapperStyle = {
|
|
1715
1715
|
height: this.getCorrectHeight
|
|
1716
1716
|
};
|
|
1717
|
+
var loaderTemplate = templateRendering.call(this, this.$props.loader, getListeners.call(this));
|
|
1718
|
+
var defaultLoaderRendering = this.$props.loader && h("div", {
|
|
1719
|
+
"class": "k-loader-container k-loader-container-md k-loader-top"
|
|
1720
|
+
}, [h("div", {
|
|
1721
|
+
"class": "k-loader-container-overlay k-overlay-light"
|
|
1722
|
+
}), h("div", {
|
|
1723
|
+
"class": "k-loader-container-inner"
|
|
1724
|
+
}, [h(Loader, {
|
|
1725
|
+
size: 'large',
|
|
1726
|
+
attrs: this.v3 ? undefined : {
|
|
1727
|
+
size: 'large',
|
|
1728
|
+
type: 'infinite-spinner'
|
|
1729
|
+
},
|
|
1730
|
+
type: 'infinite-spinner'
|
|
1731
|
+
})])]);
|
|
1732
|
+
var loader = getTemplate.call(this, {
|
|
1733
|
+
h: h,
|
|
1734
|
+
template: loaderTemplate,
|
|
1735
|
+
defaultRendering: defaultLoaderRendering
|
|
1736
|
+
});
|
|
1717
1737
|
|
|
1718
1738
|
if (this.$props.scrollable === 'none') {
|
|
1719
1739
|
return (// @ts-ignore function children
|
|
@@ -1749,7 +1769,7 @@ var GridVue2 = {
|
|
|
1749
1769
|
attrs: _this3.v3 ? undefined : {
|
|
1750
1770
|
"data-keyboardnavbody": true
|
|
1751
1771
|
}
|
|
1752
|
-
}, [body]), footer]), pager, clues];
|
|
1772
|
+
}, [body, loader]), footer]), pager, clues];
|
|
1753
1773
|
} : [toolbar, groupingPanel, h("table", {
|
|
1754
1774
|
style: {
|
|
1755
1775
|
tableLayout: 'fixed'
|
|
@@ -1759,7 +1779,7 @@ var GridVue2 = {
|
|
|
1759
1779
|
attrs: _this3.v3 ? undefined : {
|
|
1760
1780
|
"data-keyboardnavbody": true
|
|
1761
1781
|
}
|
|
1762
|
-
}, [body]), footer]), pager, clues])];
|
|
1782
|
+
}, [body, loader]), footer]), pager, clues])];
|
|
1763
1783
|
} : [h(GridNav, {
|
|
1764
1784
|
ref: _this3.v3 ? function (el) {
|
|
1765
1785
|
_this.gridNavRef = el;
|
|
@@ -1782,7 +1802,7 @@ var GridVue2 = {
|
|
|
1782
1802
|
attrs: _this3.v3 ? undefined : {
|
|
1783
1803
|
"data-keyboardnavbody": true
|
|
1784
1804
|
}
|
|
1785
|
-
}, [body]), footer]), pager, clues];
|
|
1805
|
+
}, [body, loader]), footer]), pager, clues];
|
|
1786
1806
|
} : [toolbar, groupingPanel, h("table", {
|
|
1787
1807
|
style: {
|
|
1788
1808
|
tableLayout: 'fixed'
|
|
@@ -1792,30 +1812,10 @@ var GridVue2 = {
|
|
|
1792
1812
|
attrs: _this3.v3 ? undefined : {
|
|
1793
1813
|
"data-keyboardnavbody": true
|
|
1794
1814
|
}
|
|
1795
|
-
}, [body]), footer]), pager, clues])])
|
|
1815
|
+
}, [body, loader]), footer]), pager, clues])])
|
|
1796
1816
|
);
|
|
1797
1817
|
}
|
|
1798
1818
|
|
|
1799
|
-
var loaderTemplate = templateRendering.call(this, this.$props.loader, getListeners.call(this));
|
|
1800
|
-
var defaultLoaderRendering = this.$props.loader && h("div", {
|
|
1801
|
-
"class": "k-loader-container k-loader-container-md k-loader-top"
|
|
1802
|
-
}, [h("div", {
|
|
1803
|
-
"class": "k-loader-container-overlay k-overlay-light"
|
|
1804
|
-
}), h("div", {
|
|
1805
|
-
"class": "k-loader-container-inner"
|
|
1806
|
-
}, [h(Loader, {
|
|
1807
|
-
size: 'large',
|
|
1808
|
-
attrs: this.v3 ? undefined : {
|
|
1809
|
-
size: 'large',
|
|
1810
|
-
type: 'infinite-spinner'
|
|
1811
|
-
},
|
|
1812
|
-
type: 'infinite-spinner'
|
|
1813
|
-
})])]);
|
|
1814
|
-
var loader = getTemplate.call(this, {
|
|
1815
|
-
h: h,
|
|
1816
|
-
template: loaderTemplate,
|
|
1817
|
-
defaultRendering: defaultLoaderRendering
|
|
1818
|
-
});
|
|
1819
1819
|
return (// @ts-ignore function children
|
|
1820
1820
|
h(TableKeyboardNavigationProvider, {
|
|
1821
1821
|
ref: 'navRef',
|
|
@@ -333,7 +333,7 @@ declare let GridColumnMenuFilterVue2: ComponentOptions<Vue2type, DefaultData<Gri
|
|
|
333
333
|
* } );
|
|
334
334
|
* ```
|
|
335
335
|
*
|
|
336
|
-
* ### props <span class='code'>[GridColumnMenuFilterProps]({% slug
|
|
336
|
+
* ### props <span class='code'>[GridColumnMenuFilterProps]({% slug api_grid_gridcolumnmenufilterprops %})</span>
|
|
337
337
|
*/
|
|
338
338
|
declare const GridColumnMenuFilter: DefineComponent<GridColumnMenuFilterProps, any, GridColumnMenuFilterData, {}, GridColumnMenuFilterMethods, {}, {}, {}, string, GridColumnMenuFilterProps, GridColumnMenuFilterProps, {}>;
|
|
339
339
|
export { GridColumnMenuFilter, GridColumnMenuFilterVue2 };
|
|
@@ -755,7 +755,7 @@ var GridColumnMenuFilterVue2 = {
|
|
|
755
755
|
* } );
|
|
756
756
|
* ```
|
|
757
757
|
*
|
|
758
|
-
* ### props <span class='code'>[GridColumnMenuFilterProps]({% slug
|
|
758
|
+
* ### props <span class='code'>[GridColumnMenuFilterProps]({% slug api_grid_gridcolumnmenufilterprops %})</span>
|
|
759
759
|
*/
|
|
760
760
|
|
|
761
761
|
var GridColumnMenuFilter = GridColumnMenuFilterVue2;
|
|
@@ -277,7 +277,7 @@ declare let GridColumnMenuSortVue2: ComponentOptions<Vue2type, DefaultData<{}>,
|
|
|
277
277
|
* ```
|
|
278
278
|
*
|
|
279
279
|
*
|
|
280
|
-
* ### props <span class='code'>[GridColumnMenuSortProps]({% slug
|
|
280
|
+
* ### props <span class='code'>[GridColumnMenuSortProps]({% slug api_grid_gridcolumnmenusortprops %})</span>
|
|
281
281
|
*/
|
|
282
282
|
declare const GridColumnMenuSort: DefineComponent<GridColumnMenuSortProps, any, {}, {}, GridColumnMenuSortMethods, {}, {}, {}, string, GridColumnMenuSortProps, GridColumnMenuSortProps, {}>;
|
|
283
283
|
export { GridColumnMenuSort, GridColumnMenuSortVue2 };
|
|
@@ -367,7 +367,7 @@ var GridColumnMenuSortVue2 = {
|
|
|
367
367
|
* ```
|
|
368
368
|
*
|
|
369
369
|
*
|
|
370
|
-
* ### props <span class='code'>[GridColumnMenuSortProps]({% slug
|
|
370
|
+
* ### props <span class='code'>[GridColumnMenuSortProps]({% slug api_grid_gridcolumnmenusortprops %})</span>
|
|
371
371
|
*/
|
|
372
372
|
|
|
373
373
|
var GridColumnMenuSort = GridColumnMenuSortVue2;
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-vue-grid',
|
|
6
6
|
productName: 'Kendo UI for Vue',
|
|
7
7
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1656405147,
|
|
9
9
|
version: '',
|
|
10
10
|
licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
|
|
11
11
|
};
|
package/dist/npm/Grid.js
CHANGED
|
@@ -265,7 +265,7 @@ var GridVue2 = {
|
|
|
265
265
|
methods: {
|
|
266
266
|
/**
|
|
267
267
|
* A getter of the current columns. Gets the current column width or current columns,
|
|
268
|
-
* or any other [`GridColumnProps`]({% slug
|
|
268
|
+
* or any other [`GridColumnProps`]({% slug api_grid_gridcolumnprops %}) for each defined column.
|
|
269
269
|
* Can be used on each Grid instance. To obtain the instance of the rendered Grid, use the `ref`
|
|
270
270
|
* callback. The following example demonstrates how to reorder the columns by dragging their handlers
|
|
271
271
|
* and check the properties afterwards. You can check the result in the browser console.
|
|
@@ -1751,6 +1751,26 @@ var GridVue2 = {
|
|
|
1751
1751
|
var wrapperStyle = {
|
|
1752
1752
|
height: this.getCorrectHeight
|
|
1753
1753
|
};
|
|
1754
|
+
var loaderTemplate = kendo_vue_common_1.templateRendering.call(this, this.$props.loader, kendo_vue_common_1.getListeners.call(this));
|
|
1755
|
+
var defaultLoaderRendering = this.$props.loader && h("div", {
|
|
1756
|
+
"class": "k-loader-container k-loader-container-md k-loader-top"
|
|
1757
|
+
}, [h("div", {
|
|
1758
|
+
"class": "k-loader-container-overlay k-overlay-light"
|
|
1759
|
+
}), h("div", {
|
|
1760
|
+
"class": "k-loader-container-inner"
|
|
1761
|
+
}, [h(kendo_vue_indicators_1.Loader, {
|
|
1762
|
+
size: 'large',
|
|
1763
|
+
attrs: this.v3 ? undefined : {
|
|
1764
|
+
size: 'large',
|
|
1765
|
+
type: 'infinite-spinner'
|
|
1766
|
+
},
|
|
1767
|
+
type: 'infinite-spinner'
|
|
1768
|
+
})])]);
|
|
1769
|
+
var loader = kendo_vue_common_1.getTemplate.call(this, {
|
|
1770
|
+
h: h,
|
|
1771
|
+
template: loaderTemplate,
|
|
1772
|
+
defaultRendering: defaultLoaderRendering
|
|
1773
|
+
});
|
|
1754
1774
|
|
|
1755
1775
|
if (this.$props.scrollable === 'none') {
|
|
1756
1776
|
return (// @ts-ignore function children
|
|
@@ -1786,7 +1806,7 @@ var GridVue2 = {
|
|
|
1786
1806
|
attrs: _this3.v3 ? undefined : {
|
|
1787
1807
|
"data-keyboardnavbody": true
|
|
1788
1808
|
}
|
|
1789
|
-
}, [body]), footer]), pager, clues];
|
|
1809
|
+
}, [body, loader]), footer]), pager, clues];
|
|
1790
1810
|
} : [toolbar, groupingPanel, h("table", {
|
|
1791
1811
|
style: {
|
|
1792
1812
|
tableLayout: 'fixed'
|
|
@@ -1796,7 +1816,7 @@ var GridVue2 = {
|
|
|
1796
1816
|
attrs: _this3.v3 ? undefined : {
|
|
1797
1817
|
"data-keyboardnavbody": true
|
|
1798
1818
|
}
|
|
1799
|
-
}, [body]), footer]), pager, clues])];
|
|
1819
|
+
}, [body, loader]), footer]), pager, clues])];
|
|
1800
1820
|
} : [h(GridNav_1.GridNav, {
|
|
1801
1821
|
ref: _this3.v3 ? function (el) {
|
|
1802
1822
|
_this.gridNavRef = el;
|
|
@@ -1819,7 +1839,7 @@ var GridVue2 = {
|
|
|
1819
1839
|
attrs: _this3.v3 ? undefined : {
|
|
1820
1840
|
"data-keyboardnavbody": true
|
|
1821
1841
|
}
|
|
1822
|
-
}, [body]), footer]), pager, clues];
|
|
1842
|
+
}, [body, loader]), footer]), pager, clues];
|
|
1823
1843
|
} : [toolbar, groupingPanel, h("table", {
|
|
1824
1844
|
style: {
|
|
1825
1845
|
tableLayout: 'fixed'
|
|
@@ -1829,30 +1849,10 @@ var GridVue2 = {
|
|
|
1829
1849
|
attrs: _this3.v3 ? undefined : {
|
|
1830
1850
|
"data-keyboardnavbody": true
|
|
1831
1851
|
}
|
|
1832
|
-
}, [body]), footer]), pager, clues])])
|
|
1852
|
+
}, [body, loader]), footer]), pager, clues])])
|
|
1833
1853
|
);
|
|
1834
1854
|
}
|
|
1835
1855
|
|
|
1836
|
-
var loaderTemplate = kendo_vue_common_1.templateRendering.call(this, this.$props.loader, kendo_vue_common_1.getListeners.call(this));
|
|
1837
|
-
var defaultLoaderRendering = this.$props.loader && h("div", {
|
|
1838
|
-
"class": "k-loader-container k-loader-container-md k-loader-top"
|
|
1839
|
-
}, [h("div", {
|
|
1840
|
-
"class": "k-loader-container-overlay k-overlay-light"
|
|
1841
|
-
}), h("div", {
|
|
1842
|
-
"class": "k-loader-container-inner"
|
|
1843
|
-
}, [h(kendo_vue_indicators_1.Loader, {
|
|
1844
|
-
size: 'large',
|
|
1845
|
-
attrs: this.v3 ? undefined : {
|
|
1846
|
-
size: 'large',
|
|
1847
|
-
type: 'infinite-spinner'
|
|
1848
|
-
},
|
|
1849
|
-
type: 'infinite-spinner'
|
|
1850
|
-
})])]);
|
|
1851
|
-
var loader = kendo_vue_common_1.getTemplate.call(this, {
|
|
1852
|
-
h: h,
|
|
1853
|
-
template: loaderTemplate,
|
|
1854
|
-
defaultRendering: defaultLoaderRendering
|
|
1855
|
-
});
|
|
1856
1856
|
return (// @ts-ignore function children
|
|
1857
1857
|
h(kendo_vue_data_tools_1.TableKeyboardNavigationProvider, {
|
|
1858
1858
|
ref: 'navRef',
|
|
@@ -333,7 +333,7 @@ declare let GridColumnMenuFilterVue2: ComponentOptions<Vue2type, DefaultData<Gri
|
|
|
333
333
|
* } );
|
|
334
334
|
* ```
|
|
335
335
|
*
|
|
336
|
-
* ### props <span class='code'>[GridColumnMenuFilterProps]({% slug
|
|
336
|
+
* ### props <span class='code'>[GridColumnMenuFilterProps]({% slug api_grid_gridcolumnmenufilterprops %})</span>
|
|
337
337
|
*/
|
|
338
338
|
declare const GridColumnMenuFilter: DefineComponent<GridColumnMenuFilterProps, any, GridColumnMenuFilterData, {}, GridColumnMenuFilterMethods, {}, {}, {}, string, GridColumnMenuFilterProps, GridColumnMenuFilterProps, {}>;
|
|
339
339
|
export { GridColumnMenuFilter, GridColumnMenuFilterVue2 };
|
|
@@ -776,7 +776,7 @@ exports.GridColumnMenuFilterVue2 = GridColumnMenuFilterVue2;
|
|
|
776
776
|
* } );
|
|
777
777
|
* ```
|
|
778
778
|
*
|
|
779
|
-
* ### props <span class='code'>[GridColumnMenuFilterProps]({% slug
|
|
779
|
+
* ### props <span class='code'>[GridColumnMenuFilterProps]({% slug api_grid_gridcolumnmenufilterprops %})</span>
|
|
780
780
|
*/
|
|
781
781
|
|
|
782
782
|
var GridColumnMenuFilter = GridColumnMenuFilterVue2;
|
|
@@ -277,7 +277,7 @@ declare let GridColumnMenuSortVue2: ComponentOptions<Vue2type, DefaultData<{}>,
|
|
|
277
277
|
* ```
|
|
278
278
|
*
|
|
279
279
|
*
|
|
280
|
-
* ### props <span class='code'>[GridColumnMenuSortProps]({% slug
|
|
280
|
+
* ### props <span class='code'>[GridColumnMenuSortProps]({% slug api_grid_gridcolumnmenusortprops %})</span>
|
|
281
281
|
*/
|
|
282
282
|
declare const GridColumnMenuSort: DefineComponent<GridColumnMenuSortProps, any, {}, {}, GridColumnMenuSortMethods, {}, {}, {}, string, GridColumnMenuSortProps, GridColumnMenuSortProps, {}>;
|
|
283
283
|
export { GridColumnMenuSort, GridColumnMenuSortVue2 };
|
|
@@ -383,7 +383,7 @@ exports.GridColumnMenuSortVue2 = GridColumnMenuSortVue2;
|
|
|
383
383
|
* ```
|
|
384
384
|
*
|
|
385
385
|
*
|
|
386
|
-
* ### props <span class='code'>[GridColumnMenuSortProps]({% slug
|
|
386
|
+
* ### props <span class='code'>[GridColumnMenuSortProps]({% slug api_grid_gridcolumnmenusortprops %})</span>
|
|
387
387
|
*/
|
|
388
388
|
|
|
389
389
|
var GridColumnMenuSort = GridColumnMenuSortVue2;
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-vue-grid',
|
|
9
9
|
productName: 'Kendo UI for Vue',
|
|
10
10
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1656405147,
|
|
12
12
|
version: '',
|
|
13
13
|
licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
|
|
14
14
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-vue-grid",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.4.1-dev.202206280838",
|
|
4
4
|
"description": "Kendo UI for Vue Grid package",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -35,24 +35,24 @@
|
|
|
35
35
|
"vue": "^2.6.12 || ^3.0.2"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@progress/kendo-vue-common": "3.
|
|
38
|
+
"@progress/kendo-vue-common": "3.4.1-dev.202206280838"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
41
|
"@progress/kendo-data-query": "^1.5.4",
|
|
42
42
|
"@progress/kendo-drawing": "^1.9.3",
|
|
43
43
|
"@progress/kendo-licensing": "^1.1.0",
|
|
44
|
-
"@progress/kendo-vue-animation": "3.
|
|
45
|
-
"@progress/kendo-vue-buttons": "3.
|
|
46
|
-
"@progress/kendo-vue-charts": "3.
|
|
47
|
-
"@progress/kendo-vue-data-tools": "3.
|
|
48
|
-
"@progress/kendo-vue-dateinputs": "3.
|
|
49
|
-
"@progress/kendo-vue-dropdowns": "3.
|
|
50
|
-
"@progress/kendo-vue-excel-export": "3.
|
|
51
|
-
"@progress/kendo-vue-indicators": "3.
|
|
52
|
-
"@progress/kendo-vue-inputs": "3.
|
|
53
|
-
"@progress/kendo-vue-intl": "3.
|
|
54
|
-
"@progress/kendo-vue-pdf": "3.
|
|
55
|
-
"@progress/kendo-vue-popup": "3.
|
|
44
|
+
"@progress/kendo-vue-animation": "3.4.1-dev.202206280838",
|
|
45
|
+
"@progress/kendo-vue-buttons": "3.4.1-dev.202206280838",
|
|
46
|
+
"@progress/kendo-vue-charts": "3.4.1-dev.202206280838",
|
|
47
|
+
"@progress/kendo-vue-data-tools": "3.4.1-dev.202206280838",
|
|
48
|
+
"@progress/kendo-vue-dateinputs": "3.4.1-dev.202206280838",
|
|
49
|
+
"@progress/kendo-vue-dropdowns": "3.4.1-dev.202206280838",
|
|
50
|
+
"@progress/kendo-vue-excel-export": "3.4.1-dev.202206280838",
|
|
51
|
+
"@progress/kendo-vue-indicators": "3.4.1-dev.202206280838",
|
|
52
|
+
"@progress/kendo-vue-inputs": "3.4.1-dev.202206280838",
|
|
53
|
+
"@progress/kendo-vue-intl": "3.4.1-dev.202206280838",
|
|
54
|
+
"@progress/kendo-vue-pdf": "3.4.1-dev.202206280838",
|
|
55
|
+
"@progress/kendo-vue-popup": "3.4.1-dev.202206280838",
|
|
56
56
|
"cldr-core": "^34.0.0",
|
|
57
57
|
"cldr-dates-full": "^34.0.0",
|
|
58
58
|
"cldr-numbers-full": "^34.0.0",
|