@progress/kendo-vue-grid 3.3.4 → 3.3.6-dev.202206170937
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.d.ts +35 -2
- package/dist/es/Grid.js +41 -9
- package/dist/es/GridNav.d.ts +4 -1
- package/dist/es/GridNav.js +5 -1
- package/dist/es/GridNoRecords.d.ts +4 -1
- package/dist/es/GridNoRecords.js +30 -26
- package/dist/es/GridToolbar.d.ts +46 -4
- package/dist/es/GridToolbar.js +48 -6
- package/dist/es/additionalTypes.ts +11 -0
- package/dist/es/cells/GridCell.d.ts +4 -1
- package/dist/es/cells/GridCell.js +5 -1
- package/dist/es/cells/GridDetailCell.d.ts +4 -1
- package/dist/es/cells/GridDetailCell.js +5 -1
- package/dist/es/cells/GridDetailHierarchyCell.d.ts +4 -1
- package/dist/es/cells/GridDetailHierarchyCell.js +5 -1
- package/dist/es/cells/GridEditCell.d.ts +4 -1
- package/dist/es/cells/GridEditCell.js +5 -1
- package/dist/es/cells/GridFilterCell.d.ts +4 -1
- package/dist/es/cells/GridFilterCell.js +5 -1
- package/dist/es/cells/GridGroupCell.d.ts +4 -1
- package/dist/es/cells/GridGroupCell.js +5 -1
- package/dist/es/cells/GridHierarchyCell.d.ts +4 -1
- package/dist/es/cells/GridHierarchyCell.js +5 -1
- package/dist/es/cells/GridSelectionCell.d.ts +4 -1
- package/dist/es/cells/GridSelectionCell.js +5 -1
- package/dist/es/columnMenu/ColumnMenu.d.ts +4 -1
- package/dist/es/columnMenu/ColumnMenu.js +5 -1
- package/dist/es/columnMenu/ColumnMenuContent.d.ts +4 -1
- package/dist/es/columnMenu/ColumnMenuContent.js +5 -1
- package/dist/es/columnMenu/GridColumnMenuCheckboxFilter.d.ts +4 -1
- package/dist/es/columnMenu/GridColumnMenuCheckboxFilter.js +5 -1
- package/dist/es/columnMenu/GridColumnMenuFilter.d.ts +138 -2
- package/dist/es/columnMenu/GridColumnMenuFilter.js +139 -2
- package/dist/es/columnMenu/GridColumnMenuFilterCell.d.ts +4 -1
- package/dist/es/columnMenu/GridColumnMenuFilterCell.js +5 -1
- package/dist/es/columnMenu/GridColumnMenuFilterUI.d.ts +4 -1
- package/dist/es/columnMenu/GridColumnMenuFilterUI.js +5 -1
- package/dist/es/columnMenu/GridColumnMenuItem.d.ts +4 -1
- package/dist/es/columnMenu/GridColumnMenuItem.js +5 -1
- package/dist/es/columnMenu/GridColumnMenuItemContent.d.ts +4 -1
- package/dist/es/columnMenu/GridColumnMenuItemContent.js +5 -1
- package/dist/es/columnMenu/GridColumnMenuItemGroup.d.ts +4 -1
- package/dist/es/columnMenu/GridColumnMenuItemGroup.js +5 -1
- package/dist/es/columnMenu/GridColumnMenuSort.d.ts +135 -2
- package/dist/es/columnMenu/GridColumnMenuSort.js +136 -2
- package/dist/es/drag/ColumnDraggable.d.ts +4 -1
- package/dist/es/drag/ColumnDraggable.js +5 -1
- package/dist/es/drag/ColumnResizer.d.ts +4 -1
- package/dist/es/drag/ColumnResizer.js +5 -1
- package/dist/es/drag/DragClue.d.ts +4 -1
- package/dist/es/drag/DragClue.js +5 -1
- package/dist/es/drag/DropClue.d.ts +4 -1
- package/dist/es/drag/DropClue.js +5 -1
- package/dist/es/drag/GroupingIndicator.d.ts +4 -1
- package/dist/es/drag/GroupingIndicator.js +5 -1
- package/dist/es/footer/Footer.d.ts +6 -0
- package/dist/es/footer/Footer.js +8 -0
- package/dist/es/footer/FooterRow.d.ts +6 -0
- package/dist/es/footer/FooterRow.js +8 -0
- package/dist/es/header/FilterRow.d.ts +4 -1
- package/dist/es/header/FilterRow.js +5 -1
- package/dist/es/header/GridHeaderCell.d.ts +4 -1
- package/dist/es/header/GridHeaderCell.js +5 -1
- package/dist/es/header/GridHeaderSelectionCell.d.ts +4 -1
- package/dist/es/header/GridHeaderSelectionCell.js +5 -1
- package/dist/es/header/GroupPanel.d.ts +4 -1
- package/dist/es/header/GroupPanel.js +5 -1
- package/dist/es/header/Header.d.ts +4 -1
- package/dist/es/header/Header.js +5 -1
- package/dist/es/header/HeaderRow.d.ts +4 -1
- package/dist/es/header/HeaderRow.js +5 -1
- package/dist/es/interfaces/GridCellProps.d.ts +2 -2
- package/dist/es/interfaces/GridColumnProps.d.ts +2 -2
- package/dist/es/interfaces/GridDetailRowProps.d.ts +0 -4
- package/dist/es/interfaces/GridFilterCellProps.d.ts +1 -1
- package/dist/es/interfaces/GridGroupableSettings.d.ts +1 -1
- package/dist/es/interfaces/GridProps.d.ts +27 -27
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/rows/GridDetailRow.d.ts +2 -5
- package/dist/es/rows/GridDetailRow.js +4 -7
- package/dist/es/rows/GridRow.d.ts +4 -1
- package/dist/es/rows/GridRow.js +5 -1
- package/dist/npm/Grid.d.ts +35 -2
- package/dist/npm/Grid.js +40 -8
- package/dist/npm/GridNav.d.ts +4 -1
- package/dist/npm/GridNav.js +5 -1
- package/dist/npm/GridNoRecords.d.ts +4 -1
- package/dist/npm/GridNoRecords.js +32 -28
- package/dist/npm/GridToolbar.d.ts +46 -4
- package/dist/npm/GridToolbar.js +48 -6
- package/dist/npm/additionalTypes.ts +11 -0
- package/dist/npm/cells/GridCell.d.ts +4 -1
- package/dist/npm/cells/GridCell.js +5 -1
- package/dist/npm/cells/GridDetailCell.d.ts +4 -1
- package/dist/npm/cells/GridDetailCell.js +5 -1
- package/dist/npm/cells/GridDetailHierarchyCell.d.ts +4 -1
- package/dist/npm/cells/GridDetailHierarchyCell.js +5 -1
- package/dist/npm/cells/GridEditCell.d.ts +4 -1
- package/dist/npm/cells/GridEditCell.js +5 -1
- package/dist/npm/cells/GridFilterCell.d.ts +4 -1
- package/dist/npm/cells/GridFilterCell.js +5 -1
- package/dist/npm/cells/GridGroupCell.d.ts +4 -1
- package/dist/npm/cells/GridGroupCell.js +5 -1
- package/dist/npm/cells/GridHierarchyCell.d.ts +4 -1
- package/dist/npm/cells/GridHierarchyCell.js +5 -1
- package/dist/npm/cells/GridSelectionCell.d.ts +4 -1
- package/dist/npm/cells/GridSelectionCell.js +5 -1
- package/dist/npm/columnMenu/ColumnMenu.d.ts +4 -1
- package/dist/npm/columnMenu/ColumnMenu.js +5 -1
- package/dist/npm/columnMenu/ColumnMenuContent.d.ts +4 -1
- package/dist/npm/columnMenu/ColumnMenuContent.js +5 -1
- package/dist/npm/columnMenu/GridColumnMenuCheckboxFilter.d.ts +4 -1
- package/dist/npm/columnMenu/GridColumnMenuCheckboxFilter.js +5 -1
- package/dist/npm/columnMenu/GridColumnMenuFilter.d.ts +138 -2
- package/dist/npm/columnMenu/GridColumnMenuFilter.js +139 -2
- package/dist/npm/columnMenu/GridColumnMenuFilterCell.d.ts +4 -1
- package/dist/npm/columnMenu/GridColumnMenuFilterCell.js +5 -1
- package/dist/npm/columnMenu/GridColumnMenuFilterUI.d.ts +4 -1
- package/dist/npm/columnMenu/GridColumnMenuFilterUI.js +5 -1
- package/dist/npm/columnMenu/GridColumnMenuItem.d.ts +4 -1
- package/dist/npm/columnMenu/GridColumnMenuItem.js +5 -1
- package/dist/npm/columnMenu/GridColumnMenuItemContent.d.ts +4 -1
- package/dist/npm/columnMenu/GridColumnMenuItemContent.js +5 -1
- package/dist/npm/columnMenu/GridColumnMenuItemGroup.d.ts +4 -1
- package/dist/npm/columnMenu/GridColumnMenuItemGroup.js +5 -1
- package/dist/npm/columnMenu/GridColumnMenuSort.d.ts +135 -2
- package/dist/npm/columnMenu/GridColumnMenuSort.js +136 -2
- package/dist/npm/drag/ColumnDraggable.d.ts +4 -1
- package/dist/npm/drag/ColumnDraggable.js +5 -1
- package/dist/npm/drag/ColumnResizer.d.ts +4 -1
- package/dist/npm/drag/ColumnResizer.js +5 -1
- package/dist/npm/drag/DragClue.d.ts +4 -1
- package/dist/npm/drag/DragClue.js +5 -1
- package/dist/npm/drag/DropClue.d.ts +4 -1
- package/dist/npm/drag/DropClue.js +5 -1
- package/dist/npm/drag/GroupingIndicator.d.ts +4 -1
- package/dist/npm/drag/GroupingIndicator.js +5 -1
- package/dist/npm/footer/Footer.d.ts +6 -0
- package/dist/npm/footer/Footer.js +8 -0
- package/dist/npm/footer/FooterRow.d.ts +6 -0
- package/dist/npm/footer/FooterRow.js +8 -0
- package/dist/npm/header/FilterRow.d.ts +4 -1
- package/dist/npm/header/FilterRow.js +5 -1
- package/dist/npm/header/GridHeaderCell.d.ts +4 -1
- package/dist/npm/header/GridHeaderCell.js +5 -1
- package/dist/npm/header/GridHeaderSelectionCell.d.ts +4 -1
- package/dist/npm/header/GridHeaderSelectionCell.js +5 -1
- package/dist/npm/header/GroupPanel.d.ts +4 -1
- package/dist/npm/header/GroupPanel.js +5 -1
- package/dist/npm/header/Header.d.ts +4 -1
- package/dist/npm/header/Header.js +5 -1
- package/dist/npm/header/HeaderRow.d.ts +4 -1
- package/dist/npm/header/HeaderRow.js +5 -1
- package/dist/npm/interfaces/GridCellProps.d.ts +2 -2
- package/dist/npm/interfaces/GridColumnProps.d.ts +2 -2
- package/dist/npm/interfaces/GridDetailRowProps.d.ts +0 -4
- package/dist/npm/interfaces/GridFilterCellProps.d.ts +1 -1
- package/dist/npm/interfaces/GridGroupableSettings.d.ts +1 -1
- package/dist/npm/interfaces/GridProps.d.ts +27 -27
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/rows/GridDetailRow.d.ts +2 -5
- package/dist/npm/rows/GridDetailRow.js +4 -7
- package/dist/npm/rows/GridRow.d.ts +4 -1
- package/dist/npm/rows/GridRow.js +5 -1
- package/package.json +14 -14
|
@@ -6,7 +6,7 @@ declare type DefaultMethods<V> = {
|
|
|
6
6
|
import { SortDescriptor } from '@progress/kendo-data-query';
|
|
7
7
|
import { GridColumnMenuSortBaseProps } from '../interfaces/GridColumnMenuSortBaseProps';
|
|
8
8
|
/**
|
|
9
|
-
* Can be used to check if sorting is applied to a specific field ([see example]({% slug
|
|
9
|
+
* Can be used to check if sorting is applied to a specific field ([see example]({% slug column_menu_grid %}#toc-styling-the-column-menu-icon)). Useful for creating active sort indicators.
|
|
10
10
|
*/
|
|
11
11
|
export declare const sortGroupByField: (field: string, sort?: SortDescriptor[]) => boolean;
|
|
12
12
|
/**
|
|
@@ -143,8 +143,141 @@ export interface GridColumnMenuSortMethods extends Vue2type {
|
|
|
143
143
|
onSort: (e: any, selectedDir: 'asc' | 'desc') => void;
|
|
144
144
|
}
|
|
145
145
|
/**
|
|
146
|
-
*
|
|
146
|
+
* @hidden
|
|
147
147
|
*/
|
|
148
148
|
declare let GridColumnMenuSortVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridColumnMenuSortMethods>, {}, RecordPropsDefinition<GridColumnMenuSortProps>>;
|
|
149
|
+
/**
|
|
150
|
+
*
|
|
151
|
+
*
|
|
152
|
+
* {% meta height:410 %}
|
|
153
|
+
* ```html-preview
|
|
154
|
+
* <div id="vueapp">
|
|
155
|
+
* <Grid :style="{height: '280px'}"
|
|
156
|
+
* :data-items="gridData"
|
|
157
|
+
* :sortable="true"
|
|
158
|
+
* :sort= "sort"
|
|
159
|
+
* :filter="filter"
|
|
160
|
+
* :expand-field="'Discontinued'"
|
|
161
|
+
* @datastatechange="dataStateChange"
|
|
162
|
+
* @expandchange="expandChange"
|
|
163
|
+
* :columns="columns">
|
|
164
|
+
* </Grid>
|
|
165
|
+
* </div>
|
|
166
|
+
* ```
|
|
167
|
+
* ```js
|
|
168
|
+
* import { Grid, GridColumnMenuSort } from '@progress/kendo-vue-grid';
|
|
169
|
+
* import { process } from '@progress/kendo-data-query';
|
|
170
|
+
* const ColumnMenu = {
|
|
171
|
+
* props: {
|
|
172
|
+
* column: Object,
|
|
173
|
+
* sortable: [Boolean, Object],
|
|
174
|
+
* sort: {
|
|
175
|
+
* type: Array
|
|
176
|
+
* },
|
|
177
|
+
* filter: Object,
|
|
178
|
+
* filterable: Boolean
|
|
179
|
+
* },
|
|
180
|
+
* components: {
|
|
181
|
+
* GridColumnMenuSort
|
|
182
|
+
* },
|
|
183
|
+
* template: `<div>
|
|
184
|
+
* <GridColumnMenuSort
|
|
185
|
+
* :column="column"
|
|
186
|
+
* :filterable="filterable"
|
|
187
|
+
* :filter="filter"
|
|
188
|
+
* @closemenu ="closeMenu"
|
|
189
|
+
* @sortchange = "sortChange"
|
|
190
|
+
* />
|
|
191
|
+
* </div>`,
|
|
192
|
+
* methods: {
|
|
193
|
+
* closeMenu () {
|
|
194
|
+
* this.$emit('closemenu');
|
|
195
|
+
* },
|
|
196
|
+
* sortChange (newDescriptor, e) {
|
|
197
|
+
* this.$emit('filterchange', newDescriptor, e);
|
|
198
|
+
* }
|
|
199
|
+
* }
|
|
200
|
+
* };
|
|
201
|
+
*
|
|
202
|
+
* Vue.component('Grid', Grid);
|
|
203
|
+
* new Vue({
|
|
204
|
+
* el: '#vueapp',
|
|
205
|
+
* components: {
|
|
206
|
+
* Grid
|
|
207
|
+
* },
|
|
208
|
+
* created: function() {
|
|
209
|
+
* this.getData();
|
|
210
|
+
* },
|
|
211
|
+
* methods: {
|
|
212
|
+
* getData: function () {
|
|
213
|
+
* let dataState = {
|
|
214
|
+
* filter: this.filter,
|
|
215
|
+
* sort: this.sort
|
|
216
|
+
* };
|
|
217
|
+
* this.gridData = process([{
|
|
218
|
+
* "ProductID": 1,
|
|
219
|
+
* "ProductName": "Chai",
|
|
220
|
+
* "UnitsInStock": 39,
|
|
221
|
+
* "Discontinued": false,
|
|
222
|
+
* "FirstOrderedOn": new Date(1996, 8, 20)
|
|
223
|
+
* },{
|
|
224
|
+
* "ProductID": 2,
|
|
225
|
+
* "ProductName": "Chang",
|
|
226
|
+
* "UnitsInStock": 17,
|
|
227
|
+
* "Discontinued": false,
|
|
228
|
+
* "FirstOrderedOn": new Date(1996, 7, 12)
|
|
229
|
+
* },{
|
|
230
|
+
* "ProductID": 3,
|
|
231
|
+
* "ProductName": "Aniseed Syrup",
|
|
232
|
+
* "UnitsInStock": 13,
|
|
233
|
+
* "Discontinued": false,
|
|
234
|
+
* "FirstOrderedOn": new Date(1996, 8, 26)
|
|
235
|
+
* },{
|
|
236
|
+
* "ProductID": 4,
|
|
237
|
+
* "ProductName": "Chef Anton's Cajun Seasoning",
|
|
238
|
+
* "UnitsInStock": 53,
|
|
239
|
+
* "Discontinued": false,
|
|
240
|
+
* "FirstOrderedOn": new Date(1996, 9, 19)
|
|
241
|
+
* }], dataState);
|
|
242
|
+
* },
|
|
243
|
+
* createAppState: function(dataState) {
|
|
244
|
+
* this.sort = dataState.sort;
|
|
245
|
+
* this.filter = dataState.filter;
|
|
246
|
+
* this.getData();
|
|
247
|
+
* },
|
|
248
|
+
* dataStateChange: function (event) {
|
|
249
|
+
* this.createAppState(event.data);
|
|
250
|
+
* },
|
|
251
|
+
* expandChange: function (event) {
|
|
252
|
+
* event.dataItem[event.target.$props.expandField] = event.value;
|
|
253
|
+
* //
|
|
254
|
+
* // In Vue 2 context, instead of the above line, inside the expandChange method we should have the following:
|
|
255
|
+
* //
|
|
256
|
+
* // Vue.set(
|
|
257
|
+
* // event.dataItem,
|
|
258
|
+
* // event.target.$props.expandField,
|
|
259
|
+
* // event.dataItem.expanded === undefined ? false : !event.dataItem.expanded
|
|
260
|
+
* // );
|
|
261
|
+
* //
|
|
262
|
+
* }
|
|
263
|
+
* },
|
|
264
|
+
* data: function () {
|
|
265
|
+
* return {
|
|
266
|
+
* filter: null,
|
|
267
|
+
* sort: [],
|
|
268
|
+
* gridData: [],
|
|
269
|
+
* columns: [
|
|
270
|
+
* { field: 'ProductID'},
|
|
271
|
+
* { field: 'ProductName', title: 'Product Name' },
|
|
272
|
+
* { field: 'UnitsInStock', title: 'Units In Stock', columnMenu: ColumnMenu }
|
|
273
|
+
* ]
|
|
274
|
+
* };
|
|
275
|
+
* }
|
|
276
|
+
* } );
|
|
277
|
+
* ```
|
|
278
|
+
*
|
|
279
|
+
*
|
|
280
|
+
* ### props <span class='code'>[GridColumnMenuSortProps]({% slug api_grid_columnmenusortprops %})</span>
|
|
281
|
+
*/
|
|
149
282
|
declare const GridColumnMenuSort: DefineComponent<GridColumnMenuSortProps, any, {}, {}, GridColumnMenuSortMethods, {}, {}, {}, string, GridColumnMenuSortProps, GridColumnMenuSortProps, {}>;
|
|
150
283
|
export { GridColumnMenuSort, GridColumnMenuSortVue2 };
|
|
@@ -84,7 +84,7 @@ var sortedDesc = function sortedDesc(sortedIndex, sort) {
|
|
|
84
84
|
}; // tslint:disable:max-line-length
|
|
85
85
|
|
|
86
86
|
/**
|
|
87
|
-
* Can be used to check if sorting is applied to a specific field ([see example]({% slug
|
|
87
|
+
* Can be used to check if sorting is applied to a specific field ([see example]({% slug column_menu_grid %}#toc-styling-the-column-menu-icon)). Useful for creating active sort indicators.
|
|
88
88
|
*/
|
|
89
89
|
// tslint:enable:max-line-length
|
|
90
90
|
|
|
@@ -94,7 +94,7 @@ export var sortGroupByField = function sortGroupByField(field, sort) {
|
|
|
94
94
|
return sortedDesc(currentSortIndex, sort) || sortedAsc(currentSortIndex, sort);
|
|
95
95
|
};
|
|
96
96
|
/**
|
|
97
|
-
*
|
|
97
|
+
* @hidden
|
|
98
98
|
*/
|
|
99
99
|
|
|
100
100
|
var GridColumnMenuSortVue2 = {
|
|
@@ -236,5 +236,139 @@ var GridColumnMenuSortVue2 = {
|
|
|
236
236
|
);
|
|
237
237
|
}
|
|
238
238
|
};
|
|
239
|
+
/**
|
|
240
|
+
*
|
|
241
|
+
*
|
|
242
|
+
* {% meta height:410 %}
|
|
243
|
+
* ```html-preview
|
|
244
|
+
* <div id="vueapp">
|
|
245
|
+
* <Grid :style="{height: '280px'}"
|
|
246
|
+
* :data-items="gridData"
|
|
247
|
+
* :sortable="true"
|
|
248
|
+
* :sort= "sort"
|
|
249
|
+
* :filter="filter"
|
|
250
|
+
* :expand-field="'Discontinued'"
|
|
251
|
+
* @datastatechange="dataStateChange"
|
|
252
|
+
* @expandchange="expandChange"
|
|
253
|
+
* :columns="columns">
|
|
254
|
+
* </Grid>
|
|
255
|
+
* </div>
|
|
256
|
+
* ```
|
|
257
|
+
* ```js
|
|
258
|
+
* import { Grid, GridColumnMenuSort } from '@progress/kendo-vue-grid';
|
|
259
|
+
* import { process } from '@progress/kendo-data-query';
|
|
260
|
+
* const ColumnMenu = {
|
|
261
|
+
* props: {
|
|
262
|
+
* column: Object,
|
|
263
|
+
* sortable: [Boolean, Object],
|
|
264
|
+
* sort: {
|
|
265
|
+
* type: Array
|
|
266
|
+
* },
|
|
267
|
+
* filter: Object,
|
|
268
|
+
* filterable: Boolean
|
|
269
|
+
* },
|
|
270
|
+
* components: {
|
|
271
|
+
* GridColumnMenuSort
|
|
272
|
+
* },
|
|
273
|
+
* template: `<div>
|
|
274
|
+
* <GridColumnMenuSort
|
|
275
|
+
* :column="column"
|
|
276
|
+
* :filterable="filterable"
|
|
277
|
+
* :filter="filter"
|
|
278
|
+
* @closemenu ="closeMenu"
|
|
279
|
+
* @sortchange = "sortChange"
|
|
280
|
+
* />
|
|
281
|
+
* </div>`,
|
|
282
|
+
* methods: {
|
|
283
|
+
* closeMenu () {
|
|
284
|
+
* this.$emit('closemenu');
|
|
285
|
+
* },
|
|
286
|
+
* sortChange (newDescriptor, e) {
|
|
287
|
+
* this.$emit('filterchange', newDescriptor, e);
|
|
288
|
+
* }
|
|
289
|
+
* }
|
|
290
|
+
* };
|
|
291
|
+
*
|
|
292
|
+
* Vue.component('Grid', Grid);
|
|
293
|
+
* new Vue({
|
|
294
|
+
* el: '#vueapp',
|
|
295
|
+
* components: {
|
|
296
|
+
* Grid
|
|
297
|
+
* },
|
|
298
|
+
* created: function() {
|
|
299
|
+
* this.getData();
|
|
300
|
+
* },
|
|
301
|
+
* methods: {
|
|
302
|
+
* getData: function () {
|
|
303
|
+
* let dataState = {
|
|
304
|
+
* filter: this.filter,
|
|
305
|
+
* sort: this.sort
|
|
306
|
+
* };
|
|
307
|
+
* this.gridData = process([{
|
|
308
|
+
* "ProductID": 1,
|
|
309
|
+
* "ProductName": "Chai",
|
|
310
|
+
* "UnitsInStock": 39,
|
|
311
|
+
* "Discontinued": false,
|
|
312
|
+
* "FirstOrderedOn": new Date(1996, 8, 20)
|
|
313
|
+
* },{
|
|
314
|
+
* "ProductID": 2,
|
|
315
|
+
* "ProductName": "Chang",
|
|
316
|
+
* "UnitsInStock": 17,
|
|
317
|
+
* "Discontinued": false,
|
|
318
|
+
* "FirstOrderedOn": new Date(1996, 7, 12)
|
|
319
|
+
* },{
|
|
320
|
+
* "ProductID": 3,
|
|
321
|
+
* "ProductName": "Aniseed Syrup",
|
|
322
|
+
* "UnitsInStock": 13,
|
|
323
|
+
* "Discontinued": false,
|
|
324
|
+
* "FirstOrderedOn": new Date(1996, 8, 26)
|
|
325
|
+
* },{
|
|
326
|
+
* "ProductID": 4,
|
|
327
|
+
* "ProductName": "Chef Anton's Cajun Seasoning",
|
|
328
|
+
* "UnitsInStock": 53,
|
|
329
|
+
* "Discontinued": false,
|
|
330
|
+
* "FirstOrderedOn": new Date(1996, 9, 19)
|
|
331
|
+
* }], dataState);
|
|
332
|
+
* },
|
|
333
|
+
* createAppState: function(dataState) {
|
|
334
|
+
* this.sort = dataState.sort;
|
|
335
|
+
* this.filter = dataState.filter;
|
|
336
|
+
* this.getData();
|
|
337
|
+
* },
|
|
338
|
+
* dataStateChange: function (event) {
|
|
339
|
+
* this.createAppState(event.data);
|
|
340
|
+
* },
|
|
341
|
+
* expandChange: function (event) {
|
|
342
|
+
* event.dataItem[event.target.$props.expandField] = event.value;
|
|
343
|
+
* //
|
|
344
|
+
* // In Vue 2 context, instead of the above line, inside the expandChange method we should have the following:
|
|
345
|
+
* //
|
|
346
|
+
* // Vue.set(
|
|
347
|
+
* // event.dataItem,
|
|
348
|
+
* // event.target.$props.expandField,
|
|
349
|
+
* // event.dataItem.expanded === undefined ? false : !event.dataItem.expanded
|
|
350
|
+
* // );
|
|
351
|
+
* //
|
|
352
|
+
* }
|
|
353
|
+
* },
|
|
354
|
+
* data: function () {
|
|
355
|
+
* return {
|
|
356
|
+
* filter: null,
|
|
357
|
+
* sort: [],
|
|
358
|
+
* gridData: [],
|
|
359
|
+
* columns: [
|
|
360
|
+
* { field: 'ProductID'},
|
|
361
|
+
* { field: 'ProductName', title: 'Product Name' },
|
|
362
|
+
* { field: 'UnitsInStock', title: 'Units In Stock', columnMenu: ColumnMenu }
|
|
363
|
+
* ]
|
|
364
|
+
* };
|
|
365
|
+
* }
|
|
366
|
+
* } );
|
|
367
|
+
* ```
|
|
368
|
+
*
|
|
369
|
+
*
|
|
370
|
+
* ### props <span class='code'>[GridColumnMenuSortProps]({% slug api_grid_columnmenusortprops %})</span>
|
|
371
|
+
*/
|
|
372
|
+
|
|
239
373
|
var GridColumnMenuSort = GridColumnMenuSortVue2;
|
|
240
374
|
export { GridColumnMenuSort, GridColumnMenuSortVue2 };
|
|
@@ -33,8 +33,11 @@ export interface ColumnDraggableState {
|
|
|
33
33
|
export interface ColumnDraggableAll extends ColumnDraggableMethods, ColumnDraggableState {
|
|
34
34
|
}
|
|
35
35
|
/**
|
|
36
|
-
*
|
|
36
|
+
* @hidden
|
|
37
37
|
*/
|
|
38
38
|
declare let ColumnDraggableVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<ColumnDraggableAll>, {}, RecordPropsDefinition<ColumnDraggableProps>>;
|
|
39
|
+
/**
|
|
40
|
+
* @hidden
|
|
41
|
+
*/
|
|
39
42
|
declare const ColumnDraggable: DefineComponent<ColumnDraggableProps, any, {}, {}, ColumnDraggableMethods, {}, {}, {}, string, ColumnDraggableProps, ColumnDraggableProps, {}>;
|
|
40
43
|
export { ColumnDraggable, ColumnDraggableVue2 };
|
|
@@ -4,7 +4,7 @@ var allVue = Vue;
|
|
|
4
4
|
var gh = allVue.h;
|
|
5
5
|
import { getDefaultSlots, Draggable } from '@progress/kendo-vue-common';
|
|
6
6
|
/**
|
|
7
|
-
*
|
|
7
|
+
* @hidden
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
var ColumnDraggableVue2 = {
|
|
@@ -64,5 +64,9 @@ var ColumnDraggableVue2 = {
|
|
|
64
64
|
);
|
|
65
65
|
}
|
|
66
66
|
};
|
|
67
|
+
/**
|
|
68
|
+
* @hidden
|
|
69
|
+
*/
|
|
70
|
+
|
|
67
71
|
var ColumnDraggable = ColumnDraggableVue2;
|
|
68
72
|
export { ColumnDraggable, ColumnDraggableVue2 };
|
|
@@ -30,8 +30,11 @@ export interface ColumnResizerState {
|
|
|
30
30
|
export interface ColumnResizerAll extends ColumnResizerMethods, ColumnResizerState {
|
|
31
31
|
}
|
|
32
32
|
/**
|
|
33
|
-
*
|
|
33
|
+
* @hidden
|
|
34
34
|
*/
|
|
35
35
|
declare let ColumnResizerVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<ColumnResizerAll>, {}, RecordPropsDefinition<ColumnResizerProps>>;
|
|
36
|
+
/**
|
|
37
|
+
* @hidden
|
|
38
|
+
*/
|
|
36
39
|
declare const ColumnResizer: DefineComponent<ColumnResizerProps, any, {}, {}, ColumnResizerMethods, {}, {}, {}, string, ColumnResizerProps, ColumnResizerProps, {}>;
|
|
37
40
|
export { ColumnResizer, ColumnResizerVue2 };
|
|
@@ -4,7 +4,7 @@ var allVue = Vue;
|
|
|
4
4
|
var gh = allVue.h;
|
|
5
5
|
import { Draggable } from '@progress/kendo-vue-common';
|
|
6
6
|
/**
|
|
7
|
-
*
|
|
7
|
+
* @hidden
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
var ColumnResizerVue2 = {
|
|
@@ -80,5 +80,9 @@ var ColumnResizerVue2 = {
|
|
|
80
80
|
);
|
|
81
81
|
}
|
|
82
82
|
};
|
|
83
|
+
/**
|
|
84
|
+
* @hidden
|
|
85
|
+
*/
|
|
86
|
+
|
|
83
87
|
var ColumnResizer = ColumnResizerVue2;
|
|
84
88
|
export { ColumnResizer, ColumnResizerVue2 };
|
|
@@ -15,8 +15,11 @@ export interface DragClueData extends Vue2type {
|
|
|
15
15
|
status?: 'k-i-cancel' | 'k-i-add';
|
|
16
16
|
}
|
|
17
17
|
/**
|
|
18
|
-
*
|
|
18
|
+
* @hidden
|
|
19
19
|
*/
|
|
20
20
|
declare let DragClueVue2: ComponentOptions<Vue2type, DefaultData<DragClueData>, DefaultMethods<{}>, {}, RecordPropsDefinition<{}>>;
|
|
21
|
+
/**
|
|
22
|
+
* @hidden
|
|
23
|
+
*/
|
|
21
24
|
declare const DragClue: DefineComponent<{}, any, DragClueData, {}, {}, {}, {}, {}, string, {}, {}, {}>;
|
|
22
25
|
export { DragClue, DragClueVue2 };
|
package/dist/es/drag/DragClue.js
CHANGED
|
@@ -3,7 +3,7 @@ import * as Vue from 'vue';
|
|
|
3
3
|
var allVue = Vue;
|
|
4
4
|
var gh = allVue.h;
|
|
5
5
|
/**
|
|
6
|
-
*
|
|
6
|
+
* @hidden
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
var DragClueVue2 = {
|
|
@@ -43,5 +43,9 @@ var DragClueVue2 = {
|
|
|
43
43
|
})]), this.innerText]);
|
|
44
44
|
}
|
|
45
45
|
};
|
|
46
|
+
/**
|
|
47
|
+
* @hidden
|
|
48
|
+
*/
|
|
49
|
+
|
|
46
50
|
var DragClue = DragClueVue2;
|
|
47
51
|
export { DragClue, DragClueVue2 };
|
|
@@ -14,8 +14,11 @@ export interface DropClueData extends Vue2type {
|
|
|
14
14
|
height?: number;
|
|
15
15
|
}
|
|
16
16
|
/**
|
|
17
|
-
*
|
|
17
|
+
* @hidden
|
|
18
18
|
*/
|
|
19
19
|
declare let DropClueVue2: ComponentOptions<Vue2type, DefaultData<DropClueData>, DefaultMethods<{}>, {}, RecordPropsDefinition<{}>>;
|
|
20
|
+
/**
|
|
21
|
+
* @hidden
|
|
22
|
+
*/
|
|
20
23
|
declare const DropClue: DefineComponent<{}, any, DropClueData, {}, {}, {}, {}, {}, string, {}, {}, {}>;
|
|
21
24
|
export { DropClue, DropClueVue2 };
|
package/dist/es/drag/DropClue.js
CHANGED
|
@@ -3,7 +3,7 @@ import * as Vue from 'vue';
|
|
|
3
3
|
var allVue = Vue;
|
|
4
4
|
var gh = allVue.h;
|
|
5
5
|
/**
|
|
6
|
-
*
|
|
6
|
+
* @hidden
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
var DropClueVue2 = {
|
|
@@ -37,5 +37,9 @@ var DropClueVue2 = {
|
|
|
37
37
|
});
|
|
38
38
|
}
|
|
39
39
|
};
|
|
40
|
+
/**
|
|
41
|
+
* @hidden
|
|
42
|
+
*/
|
|
43
|
+
|
|
40
44
|
var DropClue = DropClueVue2;
|
|
41
45
|
export { DropClue, DropClueVue2 };
|
|
@@ -41,8 +41,11 @@ export interface GroupingIndicatorState {
|
|
|
41
41
|
export interface GroupingIndicatorAll extends GroupingIndicatorMethods, GroupingIndicatorState {
|
|
42
42
|
}
|
|
43
43
|
/**
|
|
44
|
-
*
|
|
44
|
+
* @hidden
|
|
45
45
|
*/
|
|
46
46
|
declare let GroupingIndicatorVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GroupingIndicatorAll>, {}, RecordPropsDefinition<GroupingIndicatorProps>>;
|
|
47
|
+
/**
|
|
48
|
+
* @hidden
|
|
49
|
+
*/
|
|
47
50
|
declare const GroupingIndicator: DefineComponent<GroupingIndicatorProps, any, {}, {}, GroupingIndicatorMethods, {}, {}, {}, string, GroupingIndicatorProps, GroupingIndicatorProps, {}>;
|
|
48
51
|
export { GroupingIndicator, GroupingIndicatorVue2 };
|
|
@@ -5,7 +5,7 @@ var gh = allVue.h;
|
|
|
5
5
|
var ref = allVue.ref;
|
|
6
6
|
import { Draggable } from '@progress/kendo-vue-common';
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
8
|
+
* @hidden
|
|
9
9
|
*/
|
|
10
10
|
|
|
11
11
|
var GroupingIndicatorVue2 = {
|
|
@@ -150,5 +150,9 @@ var GroupingIndicatorVue2 = {
|
|
|
150
150
|
);
|
|
151
151
|
}
|
|
152
152
|
};
|
|
153
|
+
/**
|
|
154
|
+
* @hidden
|
|
155
|
+
*/
|
|
156
|
+
|
|
153
157
|
var GroupingIndicator = GroupingIndicatorVue2;
|
|
154
158
|
export { GroupingIndicator, GroupingIndicatorVue2 };
|
|
@@ -41,6 +41,12 @@ export interface FooterMethods {
|
|
|
41
41
|
*/
|
|
42
42
|
export interface FooterAllMethods extends Vue2type, FooterMethods, FooterData, FooterComputed, FooterState {
|
|
43
43
|
}
|
|
44
|
+
/**
|
|
45
|
+
* @hidden
|
|
46
|
+
*/
|
|
44
47
|
declare let FooterVue2: ComponentOptions<FooterAllMethods, DefaultData<FooterData>, DefaultMethods<FooterAllMethods>, FooterComputed, RecordPropsDefinition<FooterProps>>;
|
|
48
|
+
/**
|
|
49
|
+
* @hidden
|
|
50
|
+
*/
|
|
45
51
|
declare const Footer: DefineComponent<FooterProps, any, FooterData, FooterComputed, FooterMethods, {}, {}, {}, string, FooterProps, FooterProps, {}>;
|
|
46
52
|
export { Footer, FooterVue2 };
|
package/dist/es/footer/Footer.js
CHANGED
|
@@ -5,6 +5,10 @@ var gh = allVue.h;
|
|
|
5
5
|
var ref = allVue.ref;
|
|
6
6
|
import { BrowserSupportService } from '../utils/browser-support.service';
|
|
7
7
|
import { isRtl } from '../utils';
|
|
8
|
+
/**
|
|
9
|
+
* @hidden
|
|
10
|
+
*/
|
|
11
|
+
|
|
8
12
|
var FooterVue2 = {
|
|
9
13
|
name: 'Footer',
|
|
10
14
|
props: {
|
|
@@ -95,5 +99,9 @@ var FooterVue2 = {
|
|
|
95
99
|
}, [this.$props.cols]), h("tfoot", [this.$props.row])])])]);
|
|
96
100
|
}
|
|
97
101
|
};
|
|
102
|
+
/**
|
|
103
|
+
* @hidden
|
|
104
|
+
*/
|
|
105
|
+
|
|
98
106
|
var Footer = FooterVue2;
|
|
99
107
|
export { Footer, FooterVue2 };
|
|
@@ -19,6 +19,12 @@ export interface FooterRowMethods {
|
|
|
19
19
|
*/
|
|
20
20
|
export interface FooterRowAllMethods extends Vue2type, FooterRowMethods {
|
|
21
21
|
}
|
|
22
|
+
/**
|
|
23
|
+
* @hidden
|
|
24
|
+
*/
|
|
22
25
|
declare let FooterRowVue2: ComponentOptions<FooterRowAllMethods, {}, DefaultMethods<FooterRowAllMethods>, {}, RecordPropsDefinition<FooterRowProps>>;
|
|
26
|
+
/**
|
|
27
|
+
* @hidden
|
|
28
|
+
*/
|
|
23
29
|
declare const FooterRow: DefineComponent<FooterRowProps, any, {}, {}, FooterRowMethods, {}, {}, {}, string, FooterRowProps, FooterRowProps, {}>;
|
|
24
30
|
export { FooterRow, FooterRowVue2 };
|
|
@@ -4,6 +4,10 @@ var allVue = Vue;
|
|
|
4
4
|
var gh = allVue.h;
|
|
5
5
|
import { getTemplate } from '@progress/kendo-vue-common';
|
|
6
6
|
import { footerColumns } from './../utils';
|
|
7
|
+
/**
|
|
8
|
+
* @hidden
|
|
9
|
+
*/
|
|
10
|
+
|
|
7
11
|
var FooterRowVue2 = {
|
|
8
12
|
name: 'FooterRow',
|
|
9
13
|
props: {
|
|
@@ -62,5 +66,9 @@ var FooterRowVue2 = {
|
|
|
62
66
|
return h("tr", [footerColumns(this.$props.columns).map(renderCell, this)]);
|
|
63
67
|
}
|
|
64
68
|
};
|
|
69
|
+
/**
|
|
70
|
+
* @hidden
|
|
71
|
+
*/
|
|
72
|
+
|
|
65
73
|
var FooterRow = FooterRowVue2;
|
|
66
74
|
export { FooterRow, FooterRowVue2 };
|
|
@@ -26,8 +26,11 @@ export interface FilterRowMethods extends Vue2type {
|
|
|
26
26
|
setFilter: (value: string | number, operator: string | Function, field: string | undefined, e: any) => void;
|
|
27
27
|
}
|
|
28
28
|
/**
|
|
29
|
-
*
|
|
29
|
+
* @hidden
|
|
30
30
|
*/
|
|
31
31
|
declare let FilterRowVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<FilterRowMethods>, {}, RecordPropsDefinition<FilterRowProps>>;
|
|
32
|
+
/**
|
|
33
|
+
* @hidden
|
|
34
|
+
*/
|
|
32
35
|
declare const FilterRow: DefineComponent<FilterRowProps, any, {}, {}, FilterRowMethods, {}, {}, {}, string, FilterRowProps, FilterRowProps, {}>;
|
|
33
36
|
export { FilterRow, FilterRowVue2 };
|
|
@@ -9,7 +9,7 @@ import { provideLocalizationService } from '@progress/kendo-vue-intl';
|
|
|
9
9
|
import { filterAriaLabel, messages } from '../messages';
|
|
10
10
|
import { tableKeyboardNavigationTools as navigationTools, HeaderThElement } from '@progress/kendo-vue-data-tools';
|
|
11
11
|
/**
|
|
12
|
-
*
|
|
12
|
+
* @hidden
|
|
13
13
|
*/
|
|
14
14
|
|
|
15
15
|
var FilterRowVue2 = {
|
|
@@ -194,5 +194,9 @@ var FilterRowVue2 = {
|
|
|
194
194
|
}, [filterCells]);
|
|
195
195
|
}
|
|
196
196
|
};
|
|
197
|
+
/**
|
|
198
|
+
* @hidden
|
|
199
|
+
*/
|
|
200
|
+
|
|
197
201
|
var FilterRow = FilterRowVue2;
|
|
198
202
|
export { FilterRow, FilterRowVue2 };
|
|
@@ -11,8 +11,11 @@ export interface GridHeaderCellMethods extends Vue2type {
|
|
|
11
11
|
clickHandler: (event: any) => void;
|
|
12
12
|
}
|
|
13
13
|
/**
|
|
14
|
-
*
|
|
14
|
+
* @hidden
|
|
15
15
|
*/
|
|
16
16
|
declare let GridHeaderCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridHeaderCellMethods>, {}, RecordPropsDefinition<GridHeaderCellProps>>;
|
|
17
|
+
/**
|
|
18
|
+
* @hidden
|
|
19
|
+
*/
|
|
17
20
|
declare const GridHeaderCell: DefineComponent<GridHeaderCellProps, any, {}, {}, GridHeaderCellMethods, {}, {}, {}, string, GridHeaderCellProps, GridHeaderCellProps, {}>;
|
|
18
21
|
export { GridHeaderCell, GridHeaderCellVue2 };
|
|
@@ -4,7 +4,7 @@ var allVue = Vue;
|
|
|
4
4
|
var gh = allVue.h;
|
|
5
5
|
import { getTemplate, getDefaultSlots } from '@progress/kendo-vue-common';
|
|
6
6
|
/**
|
|
7
|
-
*
|
|
7
|
+
* @hidden
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
var GridHeaderCellVue2 = {
|
|
@@ -51,5 +51,9 @@ var GridHeaderCellVue2 = {
|
|
|
51
51
|
});
|
|
52
52
|
}
|
|
53
53
|
};
|
|
54
|
+
/**
|
|
55
|
+
* @hidden
|
|
56
|
+
*/
|
|
57
|
+
|
|
54
58
|
var GridHeaderCell = GridHeaderCellVue2;
|
|
55
59
|
export { GridHeaderCell, GridHeaderCellVue2 };
|
|
@@ -22,8 +22,11 @@ export interface GridHeaderSelectionCellData {
|
|
|
22
22
|
export interface GridHeaderSelectionCellAll extends GridHeaderSelectionCellMethods, GridHeaderSelectionCellData {
|
|
23
23
|
}
|
|
24
24
|
/**
|
|
25
|
-
*
|
|
25
|
+
* @hidden
|
|
26
26
|
*/
|
|
27
27
|
declare let GridHeaderSelectionCellVue2: ComponentOptions<Vue2type, DefaultData<GridHeaderSelectionCellData>, DefaultMethods<GridHeaderSelectionCellAll>, {}, RecordPropsDefinition<GridHeaderSelectionCellProps>>;
|
|
28
|
+
/**
|
|
29
|
+
* @hidden
|
|
30
|
+
*/
|
|
28
31
|
declare const GridHeaderSelectionCell: DefineComponent<GridHeaderSelectionCellProps, any, GridHeaderSelectionCellData, {}, GridHeaderSelectionCellMethods, {}, {}, {}, string, GridHeaderSelectionCellProps, GridHeaderSelectionCellProps, {}>;
|
|
29
32
|
export { GridHeaderSelectionCell, GridHeaderSelectionCellVue2 };
|
|
@@ -4,7 +4,7 @@ var allVue = Vue;
|
|
|
4
4
|
var gh = allVue.h;
|
|
5
5
|
import { guid, getTemplate } from '@progress/kendo-vue-common';
|
|
6
6
|
/**
|
|
7
|
-
*
|
|
7
|
+
* @hidden
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
10
|
var GridHeaderSelectionCellVue2 = {
|
|
@@ -72,5 +72,9 @@ var GridHeaderSelectionCellVue2 = {
|
|
|
72
72
|
});
|
|
73
73
|
}
|
|
74
74
|
};
|
|
75
|
+
/**
|
|
76
|
+
* @hidden
|
|
77
|
+
*/
|
|
78
|
+
|
|
75
79
|
var GridHeaderSelectionCell = GridHeaderSelectionCellVue2;
|
|
76
80
|
export { GridHeaderSelectionCell, GridHeaderSelectionCellVue2 };
|
|
@@ -28,8 +28,11 @@ export interface GroupPanelMethods extends Vue2type {
|
|
|
28
28
|
onGroupSortChange: (event: any, index: number, groupDesc: GroupDescriptor, dir: string) => void;
|
|
29
29
|
}
|
|
30
30
|
/**
|
|
31
|
-
*
|
|
31
|
+
* @hidden
|
|
32
32
|
*/
|
|
33
33
|
declare let GroupPanelVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GroupPanelMethods>, {}, RecordPropsDefinition<GroupPanelProps>>;
|
|
34
|
+
/**
|
|
35
|
+
* @hidden
|
|
36
|
+
*/
|
|
34
37
|
declare const GroupPanel: DefineComponent<GroupPanelProps, any, {}, {}, GroupPanelMethods, {}, {}, {}, string, GroupPanelProps, GroupPanelProps, {}>;
|
|
35
38
|
export { GroupPanel, GroupPanelVue2 };
|