@progress/kendo-vue-grid 7.1.0-develop.3 → 7.1.0-develop.5
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/Grid.js +1 -1
- package/Grid.mjs +599 -553
- package/GridNav.js +1 -1
- package/GridNav.mjs +3 -1
- package/GridState.js +1 -1
- package/GridState.mjs +80 -60
- package/VirtualScroll.js +1 -1
- package/VirtualScroll.mjs +65 -109
- package/cells/GridHierarchyCell.js +1 -1
- package/cells/GridHierarchyCell.mjs +13 -14
- package/common.js +1 -1
- package/common.mjs +2 -0
- package/{GridNoRecords.js → components/noRecords/GridNoRecords.js} +1 -1
- package/{GridNoRecords.mjs → components/noRecords/GridNoRecords.mjs} +1 -1
- package/components/noRecords/GridNoRecordsContainer.js +8 -0
- package/components/noRecords/GridNoRecordsContainer.mjs +30 -0
- package/dist/cdn/js/kendo-vue-grid.js +1 -1
- package/index.d.mts +76 -19
- package/index.d.ts +76 -19
- package/index.js +1 -1
- package/index.mjs +30 -29
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +12 -12
- package/rows/GridRow.js +1 -1
- package/rows/GridRow.mjs +18 -17
- package/utils/main.js +1 -1
- package/utils/main.mjs +30 -22
- package/VirtualScrollFixed.js +0 -8
- package/VirtualScrollFixed.mjs +0 -86
package/index.d.mts
CHANGED
|
@@ -68,6 +68,9 @@ export declare function autoGenerateColumns(data: any[] | DataResult | null | un
|
|
|
68
68
|
idPrefix: string;
|
|
69
69
|
}): ExtendedColumnProps[];
|
|
70
70
|
|
|
71
|
+
/** @hidden */
|
|
72
|
+
export declare const calcRowHeight: (tableBody: HTMLTableSectionElement | null) => number;
|
|
73
|
+
|
|
71
74
|
/**
|
|
72
75
|
* @hidden
|
|
73
76
|
*/
|
|
@@ -245,6 +248,7 @@ export declare const getRowSpanOptions: (rowSpannable?: boolean | GridRowSpannab
|
|
|
245
248
|
* ```
|
|
246
249
|
*/
|
|
247
250
|
export declare const Grid: DefineComponent<ExtractPropTypes< {
|
|
251
|
+
id: PropType<string>;
|
|
248
252
|
autoProcessData: PropType<boolean | {
|
|
249
253
|
filter?: boolean;
|
|
250
254
|
search?: boolean;
|
|
@@ -253,7 +257,9 @@ group?: boolean;
|
|
|
253
257
|
page?: boolean;
|
|
254
258
|
}>;
|
|
255
259
|
topCacheCount: {
|
|
256
|
-
type: PropType<number>;
|
|
260
|
+
type: PropType<number>; /**
|
|
261
|
+
* Represent the `ref` of the Grid component.
|
|
262
|
+
*/
|
|
257
263
|
default: number;
|
|
258
264
|
};
|
|
259
265
|
collapsedGroups: {
|
|
@@ -270,7 +276,11 @@ type: PropType<GridColumnState_2[]>;
|
|
|
270
276
|
default: () => any;
|
|
271
277
|
};
|
|
272
278
|
defaultColumnsState: {
|
|
273
|
-
type: PropType<GridColumnState_2[]>;
|
|
279
|
+
type: PropType<GridColumnState_2[]>; /**
|
|
280
|
+
* Method to allow the scroll to be set to a specific row index when the Grid is scrollable. It is zero based.
|
|
281
|
+
*
|
|
282
|
+
* @param options - Object, containing the rowIndex to which is going to be scrolled.
|
|
283
|
+
*/
|
|
274
284
|
default: () => any;
|
|
275
285
|
};
|
|
276
286
|
columnVirtualization: PropType<boolean>;
|
|
@@ -300,6 +310,7 @@ highlight: PropType< {
|
|
|
300
310
|
pageable: PropType<any>;
|
|
301
311
|
pageSize: PropType<number>;
|
|
302
312
|
total: PropType<number>;
|
|
313
|
+
fixedScroll: PropType<boolean>;
|
|
303
314
|
skip: PropType<number>;
|
|
304
315
|
defaultSkip: PropType<number>;
|
|
305
316
|
take: PropType<number>;
|
|
@@ -418,6 +429,7 @@ onDetailexpandchange: PropType<(event: GridDetailExpandChangeEvent_2) => void>;
|
|
|
418
429
|
}>, void, {}, {
|
|
419
430
|
columnsWithTemplates(): any[];
|
|
420
431
|
}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
|
|
432
|
+
id: PropType<string>;
|
|
421
433
|
autoProcessData: PropType<boolean | {
|
|
422
434
|
filter?: boolean;
|
|
423
435
|
search?: boolean;
|
|
@@ -426,7 +438,9 @@ group?: boolean;
|
|
|
426
438
|
page?: boolean;
|
|
427
439
|
}>;
|
|
428
440
|
topCacheCount: {
|
|
429
|
-
type: PropType<number>;
|
|
441
|
+
type: PropType<number>; /**
|
|
442
|
+
* Represent the `ref` of the Grid component.
|
|
443
|
+
*/
|
|
430
444
|
default: number;
|
|
431
445
|
};
|
|
432
446
|
collapsedGroups: {
|
|
@@ -443,7 +457,11 @@ type: PropType<GridColumnState_2[]>;
|
|
|
443
457
|
default: () => any;
|
|
444
458
|
};
|
|
445
459
|
defaultColumnsState: {
|
|
446
|
-
type: PropType<GridColumnState_2[]>;
|
|
460
|
+
type: PropType<GridColumnState_2[]>; /**
|
|
461
|
+
* Method to allow the scroll to be set to a specific row index when the Grid is scrollable. It is zero based.
|
|
462
|
+
*
|
|
463
|
+
* @param options - Object, containing the rowIndex to which is going to be scrolled.
|
|
464
|
+
*/
|
|
447
465
|
default: () => any;
|
|
448
466
|
};
|
|
449
467
|
columnVirtualization: PropType<boolean>;
|
|
@@ -473,6 +491,7 @@ highlight: PropType< {
|
|
|
473
491
|
pageable: PropType<any>;
|
|
474
492
|
pageSize: PropType<number>;
|
|
475
493
|
total: PropType<number>;
|
|
494
|
+
fixedScroll: PropType<boolean>;
|
|
476
495
|
skip: PropType<number>;
|
|
477
496
|
defaultSkip: PropType<number>;
|
|
478
497
|
take: PropType<number>;
|
|
@@ -593,8 +612,8 @@ size: string;
|
|
|
593
612
|
scrollable: string;
|
|
594
613
|
navigatable: boolean;
|
|
595
614
|
columnMenuAnimate: boolean;
|
|
596
|
-
collapsedGroups: any[][];
|
|
597
615
|
topCacheCount: number;
|
|
616
|
+
collapsedGroups: any[][];
|
|
598
617
|
columnsState: GridColumnState_2[];
|
|
599
618
|
defaultColumnsState: GridColumnState_2[];
|
|
600
619
|
showLoader: boolean;
|
|
@@ -1655,6 +1674,10 @@ export declare interface GridDataStateChangeEvent extends GridEvent {
|
|
|
1655
1674
|
* The state of the Grid based on the user action.
|
|
1656
1675
|
*/
|
|
1657
1676
|
data: State;
|
|
1677
|
+
/**
|
|
1678
|
+
* The state of the Grid based on the user action.
|
|
1679
|
+
*/
|
|
1680
|
+
dataState: GridState;
|
|
1658
1681
|
}
|
|
1659
1682
|
|
|
1660
1683
|
/**
|
|
@@ -1838,7 +1861,7 @@ event: any;
|
|
|
1838
1861
|
}) => void>;
|
|
1839
1862
|
render: PropType<any>;
|
|
1840
1863
|
ariaLabel: PropType<string>;
|
|
1841
|
-
size: PropType<
|
|
1864
|
+
size: PropType<"small" | "medium" | "large">;
|
|
1842
1865
|
}>, {
|
|
1843
1866
|
kendoIntlService: {};
|
|
1844
1867
|
kendoLocalizationService: {};
|
|
@@ -1866,7 +1889,7 @@ event: any;
|
|
|
1866
1889
|
}) => void>;
|
|
1867
1890
|
render: PropType<any>;
|
|
1868
1891
|
ariaLabel: PropType<string>;
|
|
1869
|
-
size: PropType<
|
|
1892
|
+
size: PropType<"small" | "medium" | "large">;
|
|
1870
1893
|
}>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
1871
1894
|
|
|
1872
1895
|
/**
|
|
@@ -1945,7 +1968,7 @@ export declare interface GridFilterCellProps {
|
|
|
1945
1968
|
*
|
|
1946
1969
|
* @default `medium`
|
|
1947
1970
|
*/
|
|
1948
|
-
size?: null | 'small' | 'medium' | 'large'
|
|
1971
|
+
size?: null | 'small' | 'medium' | 'large';
|
|
1949
1972
|
}
|
|
1950
1973
|
|
|
1951
1974
|
/**
|
|
@@ -2378,6 +2401,15 @@ export { GridPagerSettings }
|
|
|
2378
2401
|
* Represents the props of the [native Vue Grid component by Kendo UI]({% slug overview_grid %}).
|
|
2379
2402
|
*/
|
|
2380
2403
|
export declare interface GridProps {
|
|
2404
|
+
/**
|
|
2405
|
+
* Sets the `id` property of the top div element of the component.
|
|
2406
|
+
*
|
|
2407
|
+
* @example
|
|
2408
|
+
* ```jsx
|
|
2409
|
+
* <Grid :id="'custom-grid-id' />
|
|
2410
|
+
* ```
|
|
2411
|
+
*/
|
|
2412
|
+
id?: string;
|
|
2381
2413
|
/**
|
|
2382
2414
|
* Enables data-processing inside the GridComponent based on its state.
|
|
2383
2415
|
* Provides an easy, built-in way to handle data operations like sorting, filtering, grouping, and paging.
|
|
@@ -2387,13 +2419,13 @@ export declare interface GridProps {
|
|
|
2387
2419
|
* @example
|
|
2388
2420
|
* ```jsx
|
|
2389
2421
|
* <Grid
|
|
2390
|
-
* autoProcessData={
|
|
2422
|
+
* :autoProcessData="{
|
|
2391
2423
|
* filter: true,
|
|
2392
2424
|
* search: true,
|
|
2393
2425
|
* sort: true,
|
|
2394
2426
|
* group: true,
|
|
2395
2427
|
* page: true
|
|
2396
|
-
* }}
|
|
2428
|
+
* }}"
|
|
2397
2429
|
* />
|
|
2398
2430
|
* ```
|
|
2399
2431
|
*/
|
|
@@ -2647,6 +2679,11 @@ export declare interface GridProps {
|
|
|
2647
2679
|
* Fires when the user tries to expand or collapse a row.
|
|
2648
2680
|
*/
|
|
2649
2681
|
onExpandchange?: (event: GridExpandChangeEvent) => void;
|
|
2682
|
+
/**
|
|
2683
|
+
* Determines if the scroll position will be updated after a data change.
|
|
2684
|
+
* If set to `true`, the scroll will remain in the same position.
|
|
2685
|
+
*/
|
|
2686
|
+
fixedScroll?: boolean;
|
|
2650
2687
|
/**
|
|
2651
2688
|
*
|
|
2652
2689
|
* `obsolete` Will be removed in the next major release. Use `expandable` property instead.
|
|
@@ -2888,7 +2925,7 @@ export declare interface GridRemoveEvent {
|
|
|
2888
2925
|
*/
|
|
2889
2926
|
export declare const GridRow: DefineComponent<ExtractPropTypes< {
|
|
2890
2927
|
rowType: PropType<string>;
|
|
2891
|
-
|
|
2928
|
+
item: PropType<any>;
|
|
2892
2929
|
isAltRow: PropType<boolean>;
|
|
2893
2930
|
isHidden: PropType<boolean>;
|
|
2894
2931
|
isHighlighted: PropType<boolean>;
|
|
@@ -2897,8 +2934,9 @@ isInEdit: PropType<boolean>;
|
|
|
2897
2934
|
isSelected: PropType<boolean>;
|
|
2898
2935
|
selectedField: PropType<string>;
|
|
2899
2936
|
rowHeight: PropType<number>;
|
|
2900
|
-
ariaRowIndex: PropType<
|
|
2901
|
-
|
|
2937
|
+
ariaRowIndex: PropType<number>;
|
|
2938
|
+
absoluteRowIndex: PropType<number>;
|
|
2939
|
+
dataIndex: PropType<number>;
|
|
2902
2940
|
render: PropType<any>;
|
|
2903
2941
|
onRowclick: PropType<any>;
|
|
2904
2942
|
onRowdblclick: PropType<Function>;
|
|
@@ -2919,7 +2957,7 @@ handleClick(e: any): void;
|
|
|
2919
2957
|
handleDoubleClick(e: any): void;
|
|
2920
2958
|
}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
|
|
2921
2959
|
rowType: PropType<string>;
|
|
2922
|
-
|
|
2960
|
+
item: PropType<any>;
|
|
2923
2961
|
isAltRow: PropType<boolean>;
|
|
2924
2962
|
isHidden: PropType<boolean>;
|
|
2925
2963
|
isHighlighted: PropType<boolean>;
|
|
@@ -2928,8 +2966,9 @@ isInEdit: PropType<boolean>;
|
|
|
2928
2966
|
isSelected: PropType<boolean>;
|
|
2929
2967
|
selectedField: PropType<string>;
|
|
2930
2968
|
rowHeight: PropType<number>;
|
|
2931
|
-
ariaRowIndex: PropType<
|
|
2932
|
-
|
|
2969
|
+
ariaRowIndex: PropType<number>;
|
|
2970
|
+
absoluteRowIndex: PropType<number>;
|
|
2971
|
+
dataIndex: PropType<number>;
|
|
2933
2972
|
render: PropType<any>;
|
|
2934
2973
|
onRowclick: PropType<any>;
|
|
2935
2974
|
onRowdblclick: PropType<Function>;
|
|
@@ -2960,7 +2999,7 @@ export declare interface GridRowProps {
|
|
|
2960
2999
|
/**
|
|
2961
3000
|
* The `data` object that represents the current row.
|
|
2962
3001
|
*/
|
|
2963
|
-
|
|
3002
|
+
item: any;
|
|
2964
3003
|
/**
|
|
2965
3004
|
* Indicates whether the row is an alternating row.
|
|
2966
3005
|
*/
|
|
@@ -2998,11 +3037,15 @@ export declare interface GridRowProps {
|
|
|
2998
3037
|
/**
|
|
2999
3038
|
* @hidden
|
|
3000
3039
|
*/
|
|
3001
|
-
ariaRowIndex?:
|
|
3040
|
+
ariaRowIndex?: number;
|
|
3002
3041
|
/**
|
|
3003
3042
|
* @hidden
|
|
3004
3043
|
*/
|
|
3005
|
-
|
|
3044
|
+
absoluteRowIndex?: number;
|
|
3045
|
+
/**
|
|
3046
|
+
* @hidden
|
|
3047
|
+
*/
|
|
3048
|
+
dataIndex?: number;
|
|
3006
3049
|
}
|
|
3007
3050
|
|
|
3008
3051
|
/**
|
|
@@ -3121,6 +3164,20 @@ export declare type GridSortSettings = boolean | GridColumnSortSettings & {
|
|
|
3121
3164
|
mode?: 'single' | 'multiple';
|
|
3122
3165
|
};
|
|
3123
3166
|
|
|
3167
|
+
/** @hidden */
|
|
3168
|
+
declare type GridState = {
|
|
3169
|
+
filter?: GridProps['filter'];
|
|
3170
|
+
highlight?: GridProps['highlight'];
|
|
3171
|
+
search?: GridProps['search'];
|
|
3172
|
+
sort?: GridProps['sort'];
|
|
3173
|
+
skip?: GridProps['skip'];
|
|
3174
|
+
take?: GridProps['take'];
|
|
3175
|
+
group?: GridProps['group'];
|
|
3176
|
+
detailExpand?: GridProps['detailExpand'];
|
|
3177
|
+
groupExpand?: GridProps['groupExpand'];
|
|
3178
|
+
columnsState?: GridProps['columnsState'];
|
|
3179
|
+
};
|
|
3180
|
+
|
|
3124
3181
|
/**
|
|
3125
3182
|
* Represents the GridToolbar component.
|
|
3126
3183
|
*
|
package/index.d.ts
CHANGED
|
@@ -68,6 +68,9 @@ export declare function autoGenerateColumns(data: any[] | DataResult | null | un
|
|
|
68
68
|
idPrefix: string;
|
|
69
69
|
}): ExtendedColumnProps[];
|
|
70
70
|
|
|
71
|
+
/** @hidden */
|
|
72
|
+
export declare const calcRowHeight: (tableBody: HTMLTableSectionElement | null) => number;
|
|
73
|
+
|
|
71
74
|
/**
|
|
72
75
|
* @hidden
|
|
73
76
|
*/
|
|
@@ -245,6 +248,7 @@ export declare const getRowSpanOptions: (rowSpannable?: boolean | GridRowSpannab
|
|
|
245
248
|
* ```
|
|
246
249
|
*/
|
|
247
250
|
export declare const Grid: DefineComponent<ExtractPropTypes< {
|
|
251
|
+
id: PropType<string>;
|
|
248
252
|
autoProcessData: PropType<boolean | {
|
|
249
253
|
filter?: boolean;
|
|
250
254
|
search?: boolean;
|
|
@@ -253,7 +257,9 @@ group?: boolean;
|
|
|
253
257
|
page?: boolean;
|
|
254
258
|
}>;
|
|
255
259
|
topCacheCount: {
|
|
256
|
-
type: PropType<number>;
|
|
260
|
+
type: PropType<number>; /**
|
|
261
|
+
* Represent the `ref` of the Grid component.
|
|
262
|
+
*/
|
|
257
263
|
default: number;
|
|
258
264
|
};
|
|
259
265
|
collapsedGroups: {
|
|
@@ -270,7 +276,11 @@ type: PropType<GridColumnState_2[]>;
|
|
|
270
276
|
default: () => any;
|
|
271
277
|
};
|
|
272
278
|
defaultColumnsState: {
|
|
273
|
-
type: PropType<GridColumnState_2[]>;
|
|
279
|
+
type: PropType<GridColumnState_2[]>; /**
|
|
280
|
+
* Method to allow the scroll to be set to a specific row index when the Grid is scrollable. It is zero based.
|
|
281
|
+
*
|
|
282
|
+
* @param options - Object, containing the rowIndex to which is going to be scrolled.
|
|
283
|
+
*/
|
|
274
284
|
default: () => any;
|
|
275
285
|
};
|
|
276
286
|
columnVirtualization: PropType<boolean>;
|
|
@@ -300,6 +310,7 @@ highlight: PropType< {
|
|
|
300
310
|
pageable: PropType<any>;
|
|
301
311
|
pageSize: PropType<number>;
|
|
302
312
|
total: PropType<number>;
|
|
313
|
+
fixedScroll: PropType<boolean>;
|
|
303
314
|
skip: PropType<number>;
|
|
304
315
|
defaultSkip: PropType<number>;
|
|
305
316
|
take: PropType<number>;
|
|
@@ -418,6 +429,7 @@ onDetailexpandchange: PropType<(event: GridDetailExpandChangeEvent_2) => void>;
|
|
|
418
429
|
}>, void, {}, {
|
|
419
430
|
columnsWithTemplates(): any[];
|
|
420
431
|
}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
|
|
432
|
+
id: PropType<string>;
|
|
421
433
|
autoProcessData: PropType<boolean | {
|
|
422
434
|
filter?: boolean;
|
|
423
435
|
search?: boolean;
|
|
@@ -426,7 +438,9 @@ group?: boolean;
|
|
|
426
438
|
page?: boolean;
|
|
427
439
|
}>;
|
|
428
440
|
topCacheCount: {
|
|
429
|
-
type: PropType<number>;
|
|
441
|
+
type: PropType<number>; /**
|
|
442
|
+
* Represent the `ref` of the Grid component.
|
|
443
|
+
*/
|
|
430
444
|
default: number;
|
|
431
445
|
};
|
|
432
446
|
collapsedGroups: {
|
|
@@ -443,7 +457,11 @@ type: PropType<GridColumnState_2[]>;
|
|
|
443
457
|
default: () => any;
|
|
444
458
|
};
|
|
445
459
|
defaultColumnsState: {
|
|
446
|
-
type: PropType<GridColumnState_2[]>;
|
|
460
|
+
type: PropType<GridColumnState_2[]>; /**
|
|
461
|
+
* Method to allow the scroll to be set to a specific row index when the Grid is scrollable. It is zero based.
|
|
462
|
+
*
|
|
463
|
+
* @param options - Object, containing the rowIndex to which is going to be scrolled.
|
|
464
|
+
*/
|
|
447
465
|
default: () => any;
|
|
448
466
|
};
|
|
449
467
|
columnVirtualization: PropType<boolean>;
|
|
@@ -473,6 +491,7 @@ highlight: PropType< {
|
|
|
473
491
|
pageable: PropType<any>;
|
|
474
492
|
pageSize: PropType<number>;
|
|
475
493
|
total: PropType<number>;
|
|
494
|
+
fixedScroll: PropType<boolean>;
|
|
476
495
|
skip: PropType<number>;
|
|
477
496
|
defaultSkip: PropType<number>;
|
|
478
497
|
take: PropType<number>;
|
|
@@ -593,8 +612,8 @@ size: string;
|
|
|
593
612
|
scrollable: string;
|
|
594
613
|
navigatable: boolean;
|
|
595
614
|
columnMenuAnimate: boolean;
|
|
596
|
-
collapsedGroups: any[][];
|
|
597
615
|
topCacheCount: number;
|
|
616
|
+
collapsedGroups: any[][];
|
|
598
617
|
columnsState: GridColumnState_2[];
|
|
599
618
|
defaultColumnsState: GridColumnState_2[];
|
|
600
619
|
showLoader: boolean;
|
|
@@ -1655,6 +1674,10 @@ export declare interface GridDataStateChangeEvent extends GridEvent {
|
|
|
1655
1674
|
* The state of the Grid based on the user action.
|
|
1656
1675
|
*/
|
|
1657
1676
|
data: State;
|
|
1677
|
+
/**
|
|
1678
|
+
* The state of the Grid based on the user action.
|
|
1679
|
+
*/
|
|
1680
|
+
dataState: GridState;
|
|
1658
1681
|
}
|
|
1659
1682
|
|
|
1660
1683
|
/**
|
|
@@ -1838,7 +1861,7 @@ event: any;
|
|
|
1838
1861
|
}) => void>;
|
|
1839
1862
|
render: PropType<any>;
|
|
1840
1863
|
ariaLabel: PropType<string>;
|
|
1841
|
-
size: PropType<
|
|
1864
|
+
size: PropType<"small" | "medium" | "large">;
|
|
1842
1865
|
}>, {
|
|
1843
1866
|
kendoIntlService: {};
|
|
1844
1867
|
kendoLocalizationService: {};
|
|
@@ -1866,7 +1889,7 @@ event: any;
|
|
|
1866
1889
|
}) => void>;
|
|
1867
1890
|
render: PropType<any>;
|
|
1868
1891
|
ariaLabel: PropType<string>;
|
|
1869
|
-
size: PropType<
|
|
1892
|
+
size: PropType<"small" | "medium" | "large">;
|
|
1870
1893
|
}>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
1871
1894
|
|
|
1872
1895
|
/**
|
|
@@ -1945,7 +1968,7 @@ export declare interface GridFilterCellProps {
|
|
|
1945
1968
|
*
|
|
1946
1969
|
* @default `medium`
|
|
1947
1970
|
*/
|
|
1948
|
-
size?: null | 'small' | 'medium' | 'large'
|
|
1971
|
+
size?: null | 'small' | 'medium' | 'large';
|
|
1949
1972
|
}
|
|
1950
1973
|
|
|
1951
1974
|
/**
|
|
@@ -2378,6 +2401,15 @@ export { GridPagerSettings }
|
|
|
2378
2401
|
* Represents the props of the [native Vue Grid component by Kendo UI]({% slug overview_grid %}).
|
|
2379
2402
|
*/
|
|
2380
2403
|
export declare interface GridProps {
|
|
2404
|
+
/**
|
|
2405
|
+
* Sets the `id` property of the top div element of the component.
|
|
2406
|
+
*
|
|
2407
|
+
* @example
|
|
2408
|
+
* ```jsx
|
|
2409
|
+
* <Grid :id="'custom-grid-id' />
|
|
2410
|
+
* ```
|
|
2411
|
+
*/
|
|
2412
|
+
id?: string;
|
|
2381
2413
|
/**
|
|
2382
2414
|
* Enables data-processing inside the GridComponent based on its state.
|
|
2383
2415
|
* Provides an easy, built-in way to handle data operations like sorting, filtering, grouping, and paging.
|
|
@@ -2387,13 +2419,13 @@ export declare interface GridProps {
|
|
|
2387
2419
|
* @example
|
|
2388
2420
|
* ```jsx
|
|
2389
2421
|
* <Grid
|
|
2390
|
-
* autoProcessData={
|
|
2422
|
+
* :autoProcessData="{
|
|
2391
2423
|
* filter: true,
|
|
2392
2424
|
* search: true,
|
|
2393
2425
|
* sort: true,
|
|
2394
2426
|
* group: true,
|
|
2395
2427
|
* page: true
|
|
2396
|
-
* }}
|
|
2428
|
+
* }}"
|
|
2397
2429
|
* />
|
|
2398
2430
|
* ```
|
|
2399
2431
|
*/
|
|
@@ -2647,6 +2679,11 @@ export declare interface GridProps {
|
|
|
2647
2679
|
* Fires when the user tries to expand or collapse a row.
|
|
2648
2680
|
*/
|
|
2649
2681
|
onExpandchange?: (event: GridExpandChangeEvent) => void;
|
|
2682
|
+
/**
|
|
2683
|
+
* Determines if the scroll position will be updated after a data change.
|
|
2684
|
+
* If set to `true`, the scroll will remain in the same position.
|
|
2685
|
+
*/
|
|
2686
|
+
fixedScroll?: boolean;
|
|
2650
2687
|
/**
|
|
2651
2688
|
*
|
|
2652
2689
|
* `obsolete` Will be removed in the next major release. Use `expandable` property instead.
|
|
@@ -2888,7 +2925,7 @@ export declare interface GridRemoveEvent {
|
|
|
2888
2925
|
*/
|
|
2889
2926
|
export declare const GridRow: DefineComponent<ExtractPropTypes< {
|
|
2890
2927
|
rowType: PropType<string>;
|
|
2891
|
-
|
|
2928
|
+
item: PropType<any>;
|
|
2892
2929
|
isAltRow: PropType<boolean>;
|
|
2893
2930
|
isHidden: PropType<boolean>;
|
|
2894
2931
|
isHighlighted: PropType<boolean>;
|
|
@@ -2897,8 +2934,9 @@ isInEdit: PropType<boolean>;
|
|
|
2897
2934
|
isSelected: PropType<boolean>;
|
|
2898
2935
|
selectedField: PropType<string>;
|
|
2899
2936
|
rowHeight: PropType<number>;
|
|
2900
|
-
ariaRowIndex: PropType<
|
|
2901
|
-
|
|
2937
|
+
ariaRowIndex: PropType<number>;
|
|
2938
|
+
absoluteRowIndex: PropType<number>;
|
|
2939
|
+
dataIndex: PropType<number>;
|
|
2902
2940
|
render: PropType<any>;
|
|
2903
2941
|
onRowclick: PropType<any>;
|
|
2904
2942
|
onRowdblclick: PropType<Function>;
|
|
@@ -2919,7 +2957,7 @@ handleClick(e: any): void;
|
|
|
2919
2957
|
handleDoubleClick(e: any): void;
|
|
2920
2958
|
}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
|
|
2921
2959
|
rowType: PropType<string>;
|
|
2922
|
-
|
|
2960
|
+
item: PropType<any>;
|
|
2923
2961
|
isAltRow: PropType<boolean>;
|
|
2924
2962
|
isHidden: PropType<boolean>;
|
|
2925
2963
|
isHighlighted: PropType<boolean>;
|
|
@@ -2928,8 +2966,9 @@ isInEdit: PropType<boolean>;
|
|
|
2928
2966
|
isSelected: PropType<boolean>;
|
|
2929
2967
|
selectedField: PropType<string>;
|
|
2930
2968
|
rowHeight: PropType<number>;
|
|
2931
|
-
ariaRowIndex: PropType<
|
|
2932
|
-
|
|
2969
|
+
ariaRowIndex: PropType<number>;
|
|
2970
|
+
absoluteRowIndex: PropType<number>;
|
|
2971
|
+
dataIndex: PropType<number>;
|
|
2933
2972
|
render: PropType<any>;
|
|
2934
2973
|
onRowclick: PropType<any>;
|
|
2935
2974
|
onRowdblclick: PropType<Function>;
|
|
@@ -2960,7 +2999,7 @@ export declare interface GridRowProps {
|
|
|
2960
2999
|
/**
|
|
2961
3000
|
* The `data` object that represents the current row.
|
|
2962
3001
|
*/
|
|
2963
|
-
|
|
3002
|
+
item: any;
|
|
2964
3003
|
/**
|
|
2965
3004
|
* Indicates whether the row is an alternating row.
|
|
2966
3005
|
*/
|
|
@@ -2998,11 +3037,15 @@ export declare interface GridRowProps {
|
|
|
2998
3037
|
/**
|
|
2999
3038
|
* @hidden
|
|
3000
3039
|
*/
|
|
3001
|
-
ariaRowIndex?:
|
|
3040
|
+
ariaRowIndex?: number;
|
|
3002
3041
|
/**
|
|
3003
3042
|
* @hidden
|
|
3004
3043
|
*/
|
|
3005
|
-
|
|
3044
|
+
absoluteRowIndex?: number;
|
|
3045
|
+
/**
|
|
3046
|
+
* @hidden
|
|
3047
|
+
*/
|
|
3048
|
+
dataIndex?: number;
|
|
3006
3049
|
}
|
|
3007
3050
|
|
|
3008
3051
|
/**
|
|
@@ -3121,6 +3164,20 @@ export declare type GridSortSettings = boolean | GridColumnSortSettings & {
|
|
|
3121
3164
|
mode?: 'single' | 'multiple';
|
|
3122
3165
|
};
|
|
3123
3166
|
|
|
3167
|
+
/** @hidden */
|
|
3168
|
+
declare type GridState = {
|
|
3169
|
+
filter?: GridProps['filter'];
|
|
3170
|
+
highlight?: GridProps['highlight'];
|
|
3171
|
+
search?: GridProps['search'];
|
|
3172
|
+
sort?: GridProps['sort'];
|
|
3173
|
+
skip?: GridProps['skip'];
|
|
3174
|
+
take?: GridProps['take'];
|
|
3175
|
+
group?: GridProps['group'];
|
|
3176
|
+
detailExpand?: GridProps['detailExpand'];
|
|
3177
|
+
groupExpand?: GridProps['groupExpand'];
|
|
3178
|
+
columnsState?: GridProps['columnsState'];
|
|
3179
|
+
};
|
|
3180
|
+
|
|
3124
3181
|
/**
|
|
3125
3182
|
* Represents the GridToolbar component.
|
|
3126
3183
|
*
|
package/index.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./RootGrid.js"),r=require("./columnMenu/GridColumnMenuSort.js"),o=require("./columnMenu/GridColumnMenuFilter.js"),t=require("./columnMenu/GridColumnMenuFilterUI.js"),l=require("./columnMenu/GridColumnMenuFilterCell.js"),n=require("./columnMenu/GridColumnMenuCheckboxFilter.js"),u=require("./cells/GridCell.js"),d=require("./cells/GridEditCell.js"),G=require("./cells/GridGroupCell.js"),C=require("./cells/GridHierarchyCell.js"),a=require("./cells/GridFilterCell.js"),s=require("./header/GridHeaderCell.js"),m=require("./footer/Footer.js"),c=require("./footer/FooterRow.js"),p=require("./rows/GridDetailRow.js"),F=require("./rows/GridRow.js"),M=require("./GridToolbar.js"),q=require("./GridNoRecords.js"),g=require("./columnMenu/GridColumnMenuItem.js"),R=require("./columnMenu/GridColumnMenuItemContent.js"),S=require("./columnMenu/GridColumnMenuItemGroup.js"),
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./RootGrid.js"),r=require("./columnMenu/GridColumnMenuSort.js"),o=require("./columnMenu/GridColumnMenuFilter.js"),t=require("./columnMenu/GridColumnMenuFilterUI.js"),l=require("./columnMenu/GridColumnMenuFilterCell.js"),n=require("./columnMenu/GridColumnMenuCheckboxFilter.js"),u=require("./cells/GridCell.js"),d=require("./cells/GridEditCell.js"),G=require("./cells/GridGroupCell.js"),C=require("./cells/GridHierarchyCell.js"),a=require("./cells/GridFilterCell.js"),s=require("./header/GridHeaderCell.js"),m=require("./footer/Footer.js"),c=require("./footer/FooterRow.js"),p=require("./rows/GridDetailRow.js"),F=require("./rows/GridRow.js"),M=require("./GridToolbar.js"),q=require("./components/noRecords/GridNoRecords.js"),g=require("./columnMenu/GridColumnMenuItem.js"),R=require("./columnMenu/GridColumnMenuItemContent.js"),S=require("./columnMenu/GridColumnMenuItemGroup.js"),h=require("./GridSearchBox.js"),e=require("./utils/main.js");exports.Grid=i.RootGrid;exports.GridColumnMenuSort=r.GridColumnMenuSort;exports.sortGroupByField=r.sortGroupByField;exports.GridColumnMenuFilter=o.GridColumnMenuFilter;exports.filterGroupByField=o.filterGroupByField;exports.GridColumnMenuFilterUI=t.GridColumnMenuFilterUI;exports.GridColumnMenuFilterCell=l.GridColumnMenuFilterCell;exports.GridColumnMenuCheckboxFilter=n.GridColumnMenuCheckboxFilter;exports.GridCell=u.GridCell;exports.GridEditCell=d.GridEditCell;exports.GridGroupCell=G.GridGroupCell;exports.GridHierarchyCell=C.GridHierarchyCell;exports.GridFilterCell=a.GridFilterCell;exports.GridHeaderCell=s.GridHeaderCell;exports.Footer=m.Footer;exports.FooterRow=c.FooterRow;exports.GridDetailRow=p.GridDetailRow;exports.GridRow=F.GridRow;exports.GridToolbar=M.GridToolbar;exports.GridNoRecords=q.GridNoRecords;exports.GridColumnMenuItem=g.GridColumnMenuItem;exports.GridColumnMenuItemContent=R.GridColumnMenuItemContent;exports.GridColumnMenuItemGroup=S.GridColumnMenuItemGroup;exports.GridSearchBox=h.GridSearchBox;exports.applyExpandedState=e.applyExpandedState;exports.autoGenerateColumns=e.autoGenerateColumns;exports.calcRowHeight=e.calcRowHeight;exports.checkPropCompatibility=e.checkPropCompatibility;exports.firefox=e.firefox;exports.firefoxMaxHeight=e.firefoxMaxHeight;exports.flatData=e.flatData;exports.footerColumns=e.footerColumns;exports.getColSpan=e.getColSpan;exports.getColumnWidth=e.getColumnWidth;exports.getDataAsArray=e.getDataAsArray;exports.getFlatColumnsState=e.getFlatColumnsState;exports.getIndex=e.getIndex;exports.getNestedValue=e.getNestedValue;exports.getRowSpanOptions=e.getRowSpanOptions;exports.groupedFirstItemValue=e.groupedFirstItemValue;exports.isRtl=e.isRtl;exports.isSorted=e.isSorted;exports.mapColumns=e.mapColumns;exports.parsers=e.parsers;exports.readColumns=e.readColumns;exports.sanitizeColumns=e.sanitizeColumns;
|
package/index.mjs
CHANGED
|
@@ -9,33 +9,33 @@ import { RootGrid as e } from "./RootGrid.mjs";
|
|
|
9
9
|
import { GridColumnMenuSort as l, sortGroupByField as i } from "./columnMenu/GridColumnMenuSort.mjs";
|
|
10
10
|
import { GridColumnMenuFilter as p, filterGroupByField as d } from "./columnMenu/GridColumnMenuFilter.mjs";
|
|
11
11
|
import { GridColumnMenuFilterUI as u } from "./columnMenu/GridColumnMenuFilterUI.mjs";
|
|
12
|
-
import { GridColumnMenuFilterCell as
|
|
12
|
+
import { GridColumnMenuFilterCell as f } from "./columnMenu/GridColumnMenuFilterCell.mjs";
|
|
13
13
|
import { GridColumnMenuCheckboxFilter as C } from "./columnMenu/GridColumnMenuCheckboxFilter.mjs";
|
|
14
14
|
import { GridCell as s } from "./cells/GridCell.mjs";
|
|
15
15
|
import { GridEditCell as g } from "./cells/GridEditCell.mjs";
|
|
16
|
-
import { GridGroupCell as
|
|
17
|
-
import { GridHierarchyCell as
|
|
16
|
+
import { GridGroupCell as c } from "./cells/GridGroupCell.mjs";
|
|
17
|
+
import { GridHierarchyCell as h } from "./cells/GridHierarchyCell.mjs";
|
|
18
18
|
import { GridFilterCell as y } from "./cells/GridFilterCell.mjs";
|
|
19
19
|
import { GridHeaderCell as w } from "./header/GridHeaderCell.mjs";
|
|
20
|
-
import { Footer as
|
|
21
|
-
import { FooterRow as
|
|
20
|
+
import { Footer as b } from "./footer/Footer.mjs";
|
|
21
|
+
import { FooterRow as D } from "./footer/FooterRow.mjs";
|
|
22
22
|
import { GridDetailRow as A } from "./rows/GridDetailRow.mjs";
|
|
23
23
|
import { GridRow as N } from "./rows/GridRow.mjs";
|
|
24
24
|
import { GridToolbar as z } from "./GridToolbar.mjs";
|
|
25
|
-
import { GridNoRecords as P } from "./GridNoRecords.mjs";
|
|
25
|
+
import { GridNoRecords as P } from "./components/noRecords/GridNoRecords.mjs";
|
|
26
26
|
import { GridColumnMenuItem as U } from "./columnMenu/GridColumnMenuItem.mjs";
|
|
27
27
|
import { GridColumnMenuItemContent as j } from "./columnMenu/GridColumnMenuItemContent.mjs";
|
|
28
28
|
import { GridColumnMenuItemGroup as v } from "./columnMenu/GridColumnMenuItemGroup.mjs";
|
|
29
29
|
import { GridSearchBox as K } from "./GridSearchBox.mjs";
|
|
30
|
-
import { applyExpandedState as Q, autoGenerateColumns as X,
|
|
30
|
+
import { applyExpandedState as Q, autoGenerateColumns as X, calcRowHeight as Y, checkPropCompatibility as Z, firefox as _, firefoxMaxHeight as $, flatData as rr, footerColumns as or, getColSpan as er, getColumnWidth as tr, getDataAsArray as lr, getFlatColumnsState as ir, getIndex as mr, getNestedValue as pr, getRowSpanOptions as dr, groupedFirstItemValue as nr, isRtl as ur, isSorted as ar, mapColumns as fr, parsers as xr, readColumns as Cr, sanitizeColumns as Gr } from "./utils/main.mjs";
|
|
31
31
|
export {
|
|
32
|
-
|
|
33
|
-
|
|
32
|
+
b as Footer,
|
|
33
|
+
D as FooterRow,
|
|
34
34
|
e as Grid,
|
|
35
35
|
s as GridCell,
|
|
36
36
|
C as GridColumnMenuCheckboxFilter,
|
|
37
37
|
p as GridColumnMenuFilter,
|
|
38
|
-
|
|
38
|
+
f as GridColumnMenuFilterCell,
|
|
39
39
|
u as GridColumnMenuFilterUI,
|
|
40
40
|
U as GridColumnMenuItem,
|
|
41
41
|
j as GridColumnMenuItemContent,
|
|
@@ -44,34 +44,35 @@ export {
|
|
|
44
44
|
A as GridDetailRow,
|
|
45
45
|
g as GridEditCell,
|
|
46
46
|
y as GridFilterCell,
|
|
47
|
-
|
|
47
|
+
c as GridGroupCell,
|
|
48
48
|
w as GridHeaderCell,
|
|
49
|
-
|
|
49
|
+
h as GridHierarchyCell,
|
|
50
50
|
P as GridNoRecords,
|
|
51
51
|
N as GridRow,
|
|
52
52
|
K as GridSearchBox,
|
|
53
53
|
z as GridToolbar,
|
|
54
54
|
Q as applyExpandedState,
|
|
55
55
|
X as autoGenerateColumns,
|
|
56
|
-
Y as
|
|
56
|
+
Y as calcRowHeight,
|
|
57
|
+
Z as checkPropCompatibility,
|
|
57
58
|
d as filterGroupByField,
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
59
|
+
_ as firefox,
|
|
60
|
+
$ as firefoxMaxHeight,
|
|
61
|
+
rr as flatData,
|
|
62
|
+
or as footerColumns,
|
|
63
|
+
er as getColSpan,
|
|
64
|
+
tr as getColumnWidth,
|
|
65
|
+
lr as getDataAsArray,
|
|
66
|
+
ir as getFlatColumnsState,
|
|
67
|
+
mr as getIndex,
|
|
68
|
+
pr as getNestedValue,
|
|
69
|
+
dr as getRowSpanOptions,
|
|
70
|
+
nr as groupedFirstItemValue,
|
|
71
|
+
ur as isRtl,
|
|
72
|
+
ar as isSorted,
|
|
72
73
|
fr as mapColumns,
|
|
73
74
|
xr as parsers,
|
|
74
|
-
|
|
75
|
-
|
|
75
|
+
Cr as readColumns,
|
|
76
|
+
Gr as sanitizeColumns,
|
|
76
77
|
i as sortGroupByField
|
|
77
78
|
};
|
package/package-metadata.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-grid",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-grid",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1769424777,version:"7.1.0-develop.5",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/"};exports.packageMetadata=e;
|
package/package-metadata.mjs
CHANGED
|
@@ -10,8 +10,8 @@ const e = {
|
|
|
10
10
|
productName: "Kendo UI for Vue",
|
|
11
11
|
productCode: "KENDOUIVUE",
|
|
12
12
|
productCodes: ["KENDOUIVUE"],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: "7.1.0-develop.
|
|
13
|
+
publishDate: 1769424777,
|
|
14
|
+
version: "7.1.0-develop.5",
|
|
15
15
|
licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/my-license/"
|
|
16
16
|
};
|
|
17
17
|
export {
|