@progress/kendo-vue-grid 7.1.0-develop.5 → 7.1.0-develop.7
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 +332 -319
- package/GridToolbar.js +1 -1
- package/GridToolbar.mjs +9 -10
- package/cells/GridCell.js +1 -1
- package/cells/GridCell.mjs +24 -19
- package/cells/GridFilterCell.js +1 -1
- package/cells/GridFilterCell.mjs +23 -23
- package/common.js +1 -1
- package/common.mjs +1 -0
- package/dist/cdn/js/kendo-vue-grid.js +1 -1
- package/footer/Footer.js +1 -1
- package/footer/Footer.mjs +9 -16
- package/header/Header.js +1 -1
- package/header/Header.mjs +20 -26
- package/index.d.mts +32 -15
- package/index.d.ts +32 -15
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +12 -12
- package/utils/browser-support.service.js +0 -8
- package/utils/browser-support.service.mjs +0 -21
package/footer/Footer.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 t=require("vue"),
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),r=require("../utils/main.js"),o=require("@progress/kendo-vue-common"),s=t.defineComponent({name:"Footer",props:{staticHeaders:Boolean,row:Object,columnResize:Object,cols:Array,size:String},data(){return{scrollbarWidth:0,rtl:!1,tableWidth:null}},computed:{tableClass(){const{size:e}=this.$props;return{"k-table":!0,"k-grid-footer-table":!0,[`k-table-${o.kendoThemeMaps.sizeMap[e]||e}`]:e}},tableStyle(){return this.tableWidth?{width:this.tableWidth}:null}},mounted(){this.rtl=r.isRtl(this.$el),this.$props.columnResize.colGroupFooter=o.getRef(this,"colGroupHeader"),this._footerWrap=o.getRef(this,"footerWrap")},methods:{setScrollLeft(e){this._footerWrap&&(this._footerWrap.scrollLeft=e)},setWidth(e){this.$data.tableWidth=e+"px"}},setup(){const e=t.ref(null);return{colGroupHeaderRef:t.ref(null),footerWrapRef:e}},render(){return this.$props.staticHeaders?t.createVNode("div",{class:"k-grid-footer",role:"presentation"},[t.createVNode("div",{class:"k-grid-footer-wrap",ref:o.setRef(this,"footerWrap"),role:"presentation"},[t.createVNode("table",{class:this.tableClass,style:this.tableStyle,role:"presentation"},[t.createVNode("colgroup",{ref:o.setRef(this,"colGroupHeader")},[this.$props.cols]),t.createVNode("tfoot",{class:"k-table-tfoot",role:"rowgroup"},[this.$props.row])])])]):t.createVNode("tfoot",{class:"k-table-tfoot k-grid-footer",role:"rowgroup"},[this.$props.row])}});exports.Footer=s;
|
package/footer/Footer.mjs
CHANGED
|
@@ -5,10 +5,10 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import { defineComponent as
|
|
9
|
-
import { isRtl as
|
|
10
|
-
import { setRef as
|
|
11
|
-
const
|
|
8
|
+
import { defineComponent as l, createVNode as e, ref as o } from "vue";
|
|
9
|
+
import { isRtl as a } from "../utils/main.mjs";
|
|
10
|
+
import { setRef as r, getRef as s, kendoThemeMaps as i } from "@progress/kendo-vue-common";
|
|
11
|
+
const c = /* @__PURE__ */ l({
|
|
12
12
|
name: "Footer",
|
|
13
13
|
props: {
|
|
14
14
|
staticHeaders: Boolean,
|
|
@@ -32,13 +32,7 @@ const f = /* @__PURE__ */ a({
|
|
|
32
32
|
return {
|
|
33
33
|
"k-table": !0,
|
|
34
34
|
"k-grid-footer-table": !0,
|
|
35
|
-
[`k-table-${
|
|
36
|
-
};
|
|
37
|
-
},
|
|
38
|
-
divStyle() {
|
|
39
|
-
const t = this.$data.scrollbarWidth + "px", r = this.rtl ? 0 : t, i = this.rtl ? t : 0;
|
|
40
|
-
return {
|
|
41
|
-
padding: `0 ${r} 0 ${i}`
|
|
35
|
+
[`k-table-${i.sizeMap[t] || t}`]: t
|
|
42
36
|
};
|
|
43
37
|
},
|
|
44
38
|
tableStyle() {
|
|
@@ -48,7 +42,7 @@ const f = /* @__PURE__ */ a({
|
|
|
48
42
|
}
|
|
49
43
|
},
|
|
50
44
|
mounted() {
|
|
51
|
-
this.rtl =
|
|
45
|
+
this.rtl = a(this.$el), this.$props.columnResize.colGroupFooter = s(this, "colGroupHeader"), this._footerWrap = s(this, "footerWrap");
|
|
52
46
|
},
|
|
53
47
|
methods: {
|
|
54
48
|
setScrollLeft(t) {
|
|
@@ -68,18 +62,17 @@ const f = /* @__PURE__ */ a({
|
|
|
68
62
|
render() {
|
|
69
63
|
return this.$props.staticHeaders ? e("div", {
|
|
70
64
|
class: "k-grid-footer",
|
|
71
|
-
style: this.divStyle,
|
|
72
65
|
role: "presentation"
|
|
73
66
|
}, [e("div", {
|
|
74
67
|
class: "k-grid-footer-wrap",
|
|
75
|
-
ref:
|
|
68
|
+
ref: r(this, "footerWrap"),
|
|
76
69
|
role: "presentation"
|
|
77
70
|
}, [e("table", {
|
|
78
71
|
class: this.tableClass,
|
|
79
72
|
style: this.tableStyle,
|
|
80
73
|
role: "presentation"
|
|
81
74
|
}, [e("colgroup", {
|
|
82
|
-
ref:
|
|
75
|
+
ref: r(this, "colGroupHeader")
|
|
83
76
|
}, [this.$props.cols]), e("tfoot", {
|
|
84
77
|
class: "k-table-tfoot",
|
|
85
78
|
role: "rowgroup"
|
|
@@ -90,5 +83,5 @@ const f = /* @__PURE__ */ a({
|
|
|
90
83
|
}
|
|
91
84
|
});
|
|
92
85
|
export {
|
|
93
|
-
|
|
86
|
+
c as Footer
|
|
94
87
|
};
|
package/header/Header.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 r=require("vue"),
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),l=require("../utils/main.js"),t=require("@progress/kendo-vue-common"),o=r.defineComponent({props:{staticHeaders:Boolean,headerRow:Object,columnResize:Object,cols:Array,size:String,draggable:Boolean},data(){return{divStyle:{},element:null,headerWrap:null,table:null}},computed:{wrapperClass(){return{"k-grid-header":!0,"k-grid-draggable-header":this.$props.draggable}},tableClass(){const{size:e}=this.$props;return{"k-table":!0,"k-grid-header-table":!0,[`k-table-${t.kendoThemeMaps.sizeMap[e]||e}`]:e}}},mounted(){this.headerWrap=t.getRef(this,"headerWrap"),this.table=t.getRef(this,"table"),this.$props.columnResize.colGroupHeader=t.getRef(this,"colGroupHeader");const e=l.isRtl(this.$el);this.$props.columnResize&&this.$props.columnResize.setIsRtl(e)},methods:{setScrollLeft(e){this.headerWrap&&(this.headerWrap.scrollLeft=e)},setWidth(e){this.table&&(this.table.style.width=e+"px")}},setup(){const e=r.ref(null),s=r.ref(null),a=r.ref(null);return{headerWrapRef:e,tableRef:s,colGroupHeaderRef:a}},render(){return this.$props.staticHeaders?r.createVNode("div",{class:this.wrapperClass},[r.createVNode("div",{ref:t.setRef(this,"headerWrap"),class:"k-grid-header-wrap"},[r.createVNode("table",{class:this.tableClass,ref:t.setRef(this,"table"),role:"none"},[r.createVNode("colgroup",{ref:t.setRef(this,"colGroupHeader")},[this.$props.cols]),this.$props.headerRow])])]):this.$props.headerRow}});exports.Header=o;
|
package/header/Header.mjs
CHANGED
|
@@ -5,11 +5,10 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import { defineComponent as
|
|
9
|
-
import { isRtl as
|
|
10
|
-
import { setRef as
|
|
11
|
-
|
|
12
|
-
const g = /* @__PURE__ */ d({
|
|
8
|
+
import { defineComponent as i, createVNode as r, ref as t } from "vue";
|
|
9
|
+
import { isRtl as p } from "../utils/main.mjs";
|
|
10
|
+
import { setRef as s, getRef as a, kendoThemeMaps as h } from "@progress/kendo-vue-common";
|
|
11
|
+
const u = /* @__PURE__ */ i({
|
|
13
12
|
props: {
|
|
14
13
|
staticHeaders: Boolean,
|
|
15
14
|
headerRow: Object,
|
|
@@ -40,18 +39,14 @@ const g = /* @__PURE__ */ d({
|
|
|
40
39
|
return {
|
|
41
40
|
"k-table": !0,
|
|
42
41
|
"k-grid-header-table": !0,
|
|
43
|
-
[`k-table-${
|
|
42
|
+
[`k-table-${h.sizeMap[e] || e}`]: e
|
|
44
43
|
};
|
|
45
44
|
}
|
|
46
45
|
},
|
|
47
46
|
mounted() {
|
|
48
|
-
this.headerWrap =
|
|
49
|
-
const e =
|
|
50
|
-
this.$props.columnResize && this.$props.columnResize.setIsRtl(
|
|
51
|
-
const t = Math.max(0, e) + "px", i = r ? 0 : t, p = r ? t : 0;
|
|
52
|
-
this.divStyle = {
|
|
53
|
-
padding: `0 ${i} 0 ${p}`
|
|
54
|
-
};
|
|
47
|
+
this.headerWrap = a(this, "headerWrap"), this.table = a(this, "table"), this.$props.columnResize.colGroupHeader = a(this, "colGroupHeader");
|
|
48
|
+
const e = p(this.$el);
|
|
49
|
+
this.$props.columnResize && this.$props.columnResize.setIsRtl(e);
|
|
55
50
|
},
|
|
56
51
|
methods: {
|
|
57
52
|
setScrollLeft(e) {
|
|
@@ -62,29 +57,28 @@ const g = /* @__PURE__ */ d({
|
|
|
62
57
|
}
|
|
63
58
|
},
|
|
64
59
|
setup() {
|
|
65
|
-
const e =
|
|
60
|
+
const e = t(null), l = t(null), o = t(null);
|
|
66
61
|
return {
|
|
67
62
|
headerWrapRef: e,
|
|
68
|
-
tableRef:
|
|
69
|
-
colGroupHeaderRef:
|
|
63
|
+
tableRef: l,
|
|
64
|
+
colGroupHeaderRef: o
|
|
70
65
|
};
|
|
71
66
|
},
|
|
72
67
|
render() {
|
|
73
|
-
return this.$props.staticHeaders ?
|
|
74
|
-
class: this.wrapperClass
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
ref: l(this, "headerWrap"),
|
|
68
|
+
return this.$props.staticHeaders ? r("div", {
|
|
69
|
+
class: this.wrapperClass
|
|
70
|
+
}, [r("div", {
|
|
71
|
+
ref: s(this, "headerWrap"),
|
|
78
72
|
class: "k-grid-header-wrap"
|
|
79
|
-
}, [
|
|
73
|
+
}, [r("table", {
|
|
80
74
|
class: this.tableClass,
|
|
81
|
-
ref:
|
|
75
|
+
ref: s(this, "table"),
|
|
82
76
|
role: "none"
|
|
83
|
-
}, [
|
|
84
|
-
ref:
|
|
77
|
+
}, [r("colgroup", {
|
|
78
|
+
ref: s(this, "colGroupHeader")
|
|
85
79
|
}, [this.$props.cols]), this.$props.headerRow])])]) : this.$props.headerRow;
|
|
86
80
|
}
|
|
87
81
|
});
|
|
88
82
|
export {
|
|
89
|
-
|
|
83
|
+
u as Header
|
|
90
84
|
};
|
package/index.d.mts
CHANGED
|
@@ -31,6 +31,7 @@ import { GridGroupExpandChangeEvent as GridGroupExpandChangeEvent_2 } from '.';
|
|
|
31
31
|
import { GridItemChangeEvent as GridItemChangeEvent_2 } from '.';
|
|
32
32
|
import { GridPageChangeEvent as GridPageChangeEvent_2 } from '.';
|
|
33
33
|
import { GridPagerSettings } from '@progress/kendo-vue-data-tools';
|
|
34
|
+
import { GridRowSpannableSettings as GridRowSpannableSettings_2 } from './interfaces/GridRowSpannableSettings';
|
|
34
35
|
import { GridSearchChangeEvent as GridSearchChangeEvent_2 } from '.';
|
|
35
36
|
import { GridSortChangeEvent as GridSortChangeEvent_2 } from '.';
|
|
36
37
|
import { GridSortSettings as GridSortSettings_2 } from '.';
|
|
@@ -157,9 +158,6 @@ tableClass(): {
|
|
|
157
158
|
'k-table': boolean;
|
|
158
159
|
'k-grid-footer-table': boolean;
|
|
159
160
|
};
|
|
160
|
-
divStyle(): {
|
|
161
|
-
padding: string;
|
|
162
|
-
};
|
|
163
161
|
tableStyle(): {
|
|
164
162
|
width: any;
|
|
165
163
|
};
|
|
@@ -320,6 +318,7 @@ expandColumn: PropType<GridColumnProps>;
|
|
|
320
318
|
selectedField: PropType<string>;
|
|
321
319
|
cellRender: PropType<string | boolean | ((h: any, defaultRendering: any, props: GridCellProps_2, listeners: any) => any)>;
|
|
322
320
|
rowRender: PropType<string | boolean | ((h: any, defaultRendering: any, defaultSlots: any, props: any, listeners: any) => any)>;
|
|
321
|
+
rowSpannable: PropType<boolean | GridRowSpannableSettings_2>;
|
|
323
322
|
resizable: PropType<boolean>;
|
|
324
323
|
reorderable: PropType<boolean>;
|
|
325
324
|
group: PropType<GroupDescriptor[]>;
|
|
@@ -501,6 +500,7 @@ expandColumn: PropType<GridColumnProps>;
|
|
|
501
500
|
selectedField: PropType<string>;
|
|
502
501
|
cellRender: PropType<string | boolean | ((h: any, defaultRendering: any, props: GridCellProps_2, listeners: any) => any)>;
|
|
503
502
|
rowRender: PropType<string | boolean | ((h: any, defaultRendering: any, defaultSlots: any, props: any, listeners: any) => any)>;
|
|
503
|
+
rowSpannable: PropType<boolean | GridRowSpannableSettings_2>;
|
|
504
504
|
resizable: PropType<boolean>;
|
|
505
505
|
reorderable: PropType<boolean>;
|
|
506
506
|
group: PropType<GroupDescriptor[]>;
|
|
@@ -648,6 +648,10 @@ level: PropType<number>;
|
|
|
648
648
|
expanded: PropType<boolean>;
|
|
649
649
|
type: PropType<string>;
|
|
650
650
|
editor: PropType<string>;
|
|
651
|
+
rowSpan: PropType<{
|
|
652
|
+
count: number;
|
|
653
|
+
value: any;
|
|
654
|
+
}>;
|
|
651
655
|
isSelected: PropType<boolean>;
|
|
652
656
|
isHighlighted: PropType<boolean>;
|
|
653
657
|
ariaColumnIndex: PropType<number>;
|
|
@@ -707,6 +711,10 @@ level: PropType<number>;
|
|
|
707
711
|
expanded: PropType<boolean>;
|
|
708
712
|
type: PropType<string>;
|
|
709
713
|
editor: PropType<string>;
|
|
714
|
+
rowSpan: PropType<{
|
|
715
|
+
count: number;
|
|
716
|
+
value: any;
|
|
717
|
+
}>;
|
|
710
718
|
isSelected: PropType<boolean>;
|
|
711
719
|
isHighlighted: PropType<boolean>;
|
|
712
720
|
ariaColumnIndex: PropType<number>;
|
|
@@ -898,12 +906,17 @@ export declare interface GridCellProps {
|
|
|
898
906
|
render?: any;
|
|
899
907
|
/** @hidden */
|
|
900
908
|
group?: GroupState;
|
|
909
|
+
/** @hidden */
|
|
910
|
+
rowSpan?: {
|
|
911
|
+
count: number | null;
|
|
912
|
+
value: any;
|
|
913
|
+
};
|
|
901
914
|
}
|
|
902
915
|
|
|
903
916
|
/**
|
|
904
917
|
* Represents the properties of the callback used when spanning a column.
|
|
905
918
|
*/
|
|
906
|
-
declare type GridColSpanProps = {
|
|
919
|
+
export declare type GridColSpanProps = {
|
|
907
920
|
/**
|
|
908
921
|
* Represents the properties of the spanned column.
|
|
909
922
|
*/
|
|
@@ -1964,11 +1977,10 @@ export declare interface GridFilterCellProps {
|
|
|
1964
1977
|
* - small
|
|
1965
1978
|
* - medium
|
|
1966
1979
|
* - large
|
|
1967
|
-
* - null—Does not set a size `class`.
|
|
1968
1980
|
*
|
|
1969
|
-
* @default `
|
|
1981
|
+
* @default `undefined`
|
|
1970
1982
|
*/
|
|
1971
|
-
size?:
|
|
1983
|
+
size?: 'small' | 'medium' | 'large';
|
|
1972
1984
|
}
|
|
1973
1985
|
|
|
1974
1986
|
/**
|
|
@@ -2760,6 +2772,15 @@ export declare interface GridProps {
|
|
|
2760
2772
|
* item ([more information and examples]({% slug editing_inline_grid %})).
|
|
2761
2773
|
*/
|
|
2762
2774
|
editField?: string;
|
|
2775
|
+
/**
|
|
2776
|
+
* Enables the built-in row span feature of the Grid.
|
|
2777
|
+
*
|
|
2778
|
+
* @example
|
|
2779
|
+
* ```jsx
|
|
2780
|
+
* <Grid rowSpannable={true} />
|
|
2781
|
+
* ```
|
|
2782
|
+
*/
|
|
2783
|
+
rowSpannable?: boolean | GridRowSpannableSettings;
|
|
2763
2784
|
/**
|
|
2764
2785
|
* A function that returns a custom class applied to the row.
|
|
2765
2786
|
*
|
|
@@ -2783,7 +2804,7 @@ export declare interface GridProps {
|
|
|
2783
2804
|
* - small
|
|
2784
2805
|
* - medium
|
|
2785
2806
|
*
|
|
2786
|
-
* @default `
|
|
2807
|
+
* @default `undefined`
|
|
2787
2808
|
*/
|
|
2788
2809
|
size?: 'small' | 'medium' | string;
|
|
2789
2810
|
/**
|
|
@@ -3186,8 +3207,7 @@ declare type GridState = {
|
|
|
3186
3207
|
export declare const GridToolbar: DefineComponent<ExtractPropTypes< {
|
|
3187
3208
|
size: {
|
|
3188
3209
|
type: PropType<string>;
|
|
3189
|
-
|
|
3190
|
-
validator: (value: string) => any;
|
|
3210
|
+
validator: (value: string) => boolean;
|
|
3191
3211
|
};
|
|
3192
3212
|
}>, {}, {}, {
|
|
3193
3213
|
wrapperClass(): {
|
|
@@ -3199,12 +3219,9 @@ wrapperClass(): {
|
|
|
3199
3219
|
}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
|
|
3200
3220
|
size: {
|
|
3201
3221
|
type: PropType<string>;
|
|
3202
|
-
|
|
3203
|
-
validator: (value: string) => any;
|
|
3222
|
+
validator: (value: string) => boolean;
|
|
3204
3223
|
};
|
|
3205
|
-
}>> & Readonly<{}>, {
|
|
3206
|
-
size: string;
|
|
3207
|
-
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
3224
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
3208
3225
|
|
|
3209
3226
|
/**
|
|
3210
3227
|
* The props of the GridToolbarProps component.
|
package/index.d.ts
CHANGED
|
@@ -31,6 +31,7 @@ import { GridGroupExpandChangeEvent as GridGroupExpandChangeEvent_2 } from '.';
|
|
|
31
31
|
import { GridItemChangeEvent as GridItemChangeEvent_2 } from '.';
|
|
32
32
|
import { GridPageChangeEvent as GridPageChangeEvent_2 } from '.';
|
|
33
33
|
import { GridPagerSettings } from '@progress/kendo-vue-data-tools';
|
|
34
|
+
import { GridRowSpannableSettings as GridRowSpannableSettings_2 } from './interfaces/GridRowSpannableSettings';
|
|
34
35
|
import { GridSearchChangeEvent as GridSearchChangeEvent_2 } from '.';
|
|
35
36
|
import { GridSortChangeEvent as GridSortChangeEvent_2 } from '.';
|
|
36
37
|
import { GridSortSettings as GridSortSettings_2 } from '.';
|
|
@@ -157,9 +158,6 @@ tableClass(): {
|
|
|
157
158
|
'k-table': boolean;
|
|
158
159
|
'k-grid-footer-table': boolean;
|
|
159
160
|
};
|
|
160
|
-
divStyle(): {
|
|
161
|
-
padding: string;
|
|
162
|
-
};
|
|
163
161
|
tableStyle(): {
|
|
164
162
|
width: any;
|
|
165
163
|
};
|
|
@@ -320,6 +318,7 @@ expandColumn: PropType<GridColumnProps>;
|
|
|
320
318
|
selectedField: PropType<string>;
|
|
321
319
|
cellRender: PropType<string | boolean | ((h: any, defaultRendering: any, props: GridCellProps_2, listeners: any) => any)>;
|
|
322
320
|
rowRender: PropType<string | boolean | ((h: any, defaultRendering: any, defaultSlots: any, props: any, listeners: any) => any)>;
|
|
321
|
+
rowSpannable: PropType<boolean | GridRowSpannableSettings_2>;
|
|
323
322
|
resizable: PropType<boolean>;
|
|
324
323
|
reorderable: PropType<boolean>;
|
|
325
324
|
group: PropType<GroupDescriptor[]>;
|
|
@@ -501,6 +500,7 @@ expandColumn: PropType<GridColumnProps>;
|
|
|
501
500
|
selectedField: PropType<string>;
|
|
502
501
|
cellRender: PropType<string | boolean | ((h: any, defaultRendering: any, props: GridCellProps_2, listeners: any) => any)>;
|
|
503
502
|
rowRender: PropType<string | boolean | ((h: any, defaultRendering: any, defaultSlots: any, props: any, listeners: any) => any)>;
|
|
503
|
+
rowSpannable: PropType<boolean | GridRowSpannableSettings_2>;
|
|
504
504
|
resizable: PropType<boolean>;
|
|
505
505
|
reorderable: PropType<boolean>;
|
|
506
506
|
group: PropType<GroupDescriptor[]>;
|
|
@@ -648,6 +648,10 @@ level: PropType<number>;
|
|
|
648
648
|
expanded: PropType<boolean>;
|
|
649
649
|
type: PropType<string>;
|
|
650
650
|
editor: PropType<string>;
|
|
651
|
+
rowSpan: PropType<{
|
|
652
|
+
count: number;
|
|
653
|
+
value: any;
|
|
654
|
+
}>;
|
|
651
655
|
isSelected: PropType<boolean>;
|
|
652
656
|
isHighlighted: PropType<boolean>;
|
|
653
657
|
ariaColumnIndex: PropType<number>;
|
|
@@ -707,6 +711,10 @@ level: PropType<number>;
|
|
|
707
711
|
expanded: PropType<boolean>;
|
|
708
712
|
type: PropType<string>;
|
|
709
713
|
editor: PropType<string>;
|
|
714
|
+
rowSpan: PropType<{
|
|
715
|
+
count: number;
|
|
716
|
+
value: any;
|
|
717
|
+
}>;
|
|
710
718
|
isSelected: PropType<boolean>;
|
|
711
719
|
isHighlighted: PropType<boolean>;
|
|
712
720
|
ariaColumnIndex: PropType<number>;
|
|
@@ -898,12 +906,17 @@ export declare interface GridCellProps {
|
|
|
898
906
|
render?: any;
|
|
899
907
|
/** @hidden */
|
|
900
908
|
group?: GroupState;
|
|
909
|
+
/** @hidden */
|
|
910
|
+
rowSpan?: {
|
|
911
|
+
count: number | null;
|
|
912
|
+
value: any;
|
|
913
|
+
};
|
|
901
914
|
}
|
|
902
915
|
|
|
903
916
|
/**
|
|
904
917
|
* Represents the properties of the callback used when spanning a column.
|
|
905
918
|
*/
|
|
906
|
-
declare type GridColSpanProps = {
|
|
919
|
+
export declare type GridColSpanProps = {
|
|
907
920
|
/**
|
|
908
921
|
* Represents the properties of the spanned column.
|
|
909
922
|
*/
|
|
@@ -1964,11 +1977,10 @@ export declare interface GridFilterCellProps {
|
|
|
1964
1977
|
* - small
|
|
1965
1978
|
* - medium
|
|
1966
1979
|
* - large
|
|
1967
|
-
* - null—Does not set a size `class`.
|
|
1968
1980
|
*
|
|
1969
|
-
* @default `
|
|
1981
|
+
* @default `undefined`
|
|
1970
1982
|
*/
|
|
1971
|
-
size?:
|
|
1983
|
+
size?: 'small' | 'medium' | 'large';
|
|
1972
1984
|
}
|
|
1973
1985
|
|
|
1974
1986
|
/**
|
|
@@ -2760,6 +2772,15 @@ export declare interface GridProps {
|
|
|
2760
2772
|
* item ([more information and examples]({% slug editing_inline_grid %})).
|
|
2761
2773
|
*/
|
|
2762
2774
|
editField?: string;
|
|
2775
|
+
/**
|
|
2776
|
+
* Enables the built-in row span feature of the Grid.
|
|
2777
|
+
*
|
|
2778
|
+
* @example
|
|
2779
|
+
* ```jsx
|
|
2780
|
+
* <Grid rowSpannable={true} />
|
|
2781
|
+
* ```
|
|
2782
|
+
*/
|
|
2783
|
+
rowSpannable?: boolean | GridRowSpannableSettings;
|
|
2763
2784
|
/**
|
|
2764
2785
|
* A function that returns a custom class applied to the row.
|
|
2765
2786
|
*
|
|
@@ -2783,7 +2804,7 @@ export declare interface GridProps {
|
|
|
2783
2804
|
* - small
|
|
2784
2805
|
* - medium
|
|
2785
2806
|
*
|
|
2786
|
-
* @default `
|
|
2807
|
+
* @default `undefined`
|
|
2787
2808
|
*/
|
|
2788
2809
|
size?: 'small' | 'medium' | string;
|
|
2789
2810
|
/**
|
|
@@ -3186,8 +3207,7 @@ declare type GridState = {
|
|
|
3186
3207
|
export declare const GridToolbar: DefineComponent<ExtractPropTypes< {
|
|
3187
3208
|
size: {
|
|
3188
3209
|
type: PropType<string>;
|
|
3189
|
-
|
|
3190
|
-
validator: (value: string) => any;
|
|
3210
|
+
validator: (value: string) => boolean;
|
|
3191
3211
|
};
|
|
3192
3212
|
}>, {}, {}, {
|
|
3193
3213
|
wrapperClass(): {
|
|
@@ -3199,12 +3219,9 @@ wrapperClass(): {
|
|
|
3199
3219
|
}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
|
|
3200
3220
|
size: {
|
|
3201
3221
|
type: PropType<string>;
|
|
3202
|
-
|
|
3203
|
-
validator: (value: string) => any;
|
|
3222
|
+
validator: (value: string) => boolean;
|
|
3204
3223
|
};
|
|
3205
|
-
}>> & Readonly<{}>, {
|
|
3206
|
-
size: string;
|
|
3207
|
-
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
3224
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
3208
3225
|
|
|
3209
3226
|
/**
|
|
3210
3227
|
* The props of the GridToolbarProps component.
|
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: 1770355607,version:"7.1.0-develop.7",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: 1770355607,
|
|
14
|
+
version: "7.1.0-develop.7",
|
|
15
15
|
licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/my-license/"
|
|
16
16
|
};
|
|
17
17
|
export {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-vue-grid",
|
|
3
|
-
"version": "7.1.0-develop.
|
|
3
|
+
"version": "7.1.0-develop.7",
|
|
4
4
|
"description": "TODO",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -21,16 +21,16 @@
|
|
|
21
21
|
"@progress/kendo-data-query": "^1.7.0",
|
|
22
22
|
"@progress/kendo-drawing": "^1.21.1",
|
|
23
23
|
"@progress/kendo-licensing": "^1.7.2",
|
|
24
|
-
"@progress/kendo-vue-animation": "7.1.0-develop.
|
|
25
|
-
"@progress/kendo-vue-buttons": "7.1.0-develop.
|
|
26
|
-
"@progress/kendo-vue-common": "7.1.0-develop.
|
|
27
|
-
"@progress/kendo-vue-data-tools": "7.1.0-develop.
|
|
28
|
-
"@progress/kendo-vue-dateinputs": "7.1.0-develop.
|
|
29
|
-
"@progress/kendo-vue-indicators": "7.1.0-develop.
|
|
30
|
-
"@progress/kendo-vue-dropdowns": "7.1.0-develop.
|
|
31
|
-
"@progress/kendo-vue-inputs": "7.1.0-develop.
|
|
32
|
-
"@progress/kendo-vue-intl": "7.1.0-develop.
|
|
33
|
-
"@progress/kendo-vue-popup": "7.1.0-develop.
|
|
24
|
+
"@progress/kendo-vue-animation": "7.1.0-develop.7",
|
|
25
|
+
"@progress/kendo-vue-buttons": "7.1.0-develop.7",
|
|
26
|
+
"@progress/kendo-vue-common": "7.1.0-develop.7",
|
|
27
|
+
"@progress/kendo-vue-data-tools": "7.1.0-develop.7",
|
|
28
|
+
"@progress/kendo-vue-dateinputs": "7.1.0-develop.7",
|
|
29
|
+
"@progress/kendo-vue-indicators": "7.1.0-develop.7",
|
|
30
|
+
"@progress/kendo-vue-dropdowns": "7.1.0-develop.7",
|
|
31
|
+
"@progress/kendo-vue-inputs": "7.1.0-develop.7",
|
|
32
|
+
"@progress/kendo-vue-intl": "7.1.0-develop.7",
|
|
33
|
+
"@progress/kendo-vue-popup": "7.1.0-develop.7",
|
|
34
34
|
"@progress/kendo-svg-icons": "^4.4.0",
|
|
35
35
|
"vue": "^3.0.2"
|
|
36
36
|
},
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"package": {
|
|
52
52
|
"productName": "Kendo UI for Vue",
|
|
53
53
|
"productCode": "KENDOUIVUE",
|
|
54
|
-
"publishDate":
|
|
54
|
+
"publishDate": 1770355607,
|
|
55
55
|
"licensingDocsUrl": "https://www.telerik.com/kendo-vue-ui/my-license/"
|
|
56
56
|
}
|
|
57
57
|
},
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
*-------------------------------------------------------------------------------------------
|
|
4
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
-
*-------------------------------------------------------------------------------------------
|
|
7
|
-
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=()=>typeof document!="undefined"?document:{};class r{get scrollbarWidth(){const o=t();if(!this.scrollbar&&o&&o.createElement){const e=o.createElement("div");e.style.cssText="overflow:scroll;overflow-x:hidden;zoom:1;clear:both;display:block",e.innerHTML=" ",o.body.appendChild(e),this.scrollbar=e.offsetWidth-e.scrollWidth,o.body.removeChild(e)}return this.scrollbar}}exports.BrowserSupportService=r;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license
|
|
3
|
-
*-------------------------------------------------------------------------------------------
|
|
4
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
-
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
-
*-------------------------------------------------------------------------------------------
|
|
7
|
-
*/
|
|
8
|
-
const t = () => typeof document != "undefined" ? document : {};
|
|
9
|
-
class l {
|
|
10
|
-
get scrollbarWidth() {
|
|
11
|
-
const o = t();
|
|
12
|
-
if (!this.scrollbar && o && o.createElement) {
|
|
13
|
-
const e = o.createElement("div");
|
|
14
|
-
e.style.cssText = "overflow:scroll;overflow-x:hidden;zoom:1;clear:both;display:block", e.innerHTML = " ", o.body.appendChild(e), this.scrollbar = e.offsetWidth - e.scrollWidth, o.body.removeChild(e);
|
|
15
|
-
}
|
|
16
|
-
return this.scrollbar;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
export {
|
|
20
|
-
l as BrowserSupportService
|
|
21
|
-
};
|