@progress/kendo-vue-grid 3.4.0 → 3.4.2-dev.202207070519
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/js/kendo-vue-grid.js +1 -1
- package/dist/es/Grid.js +62 -87
- package/dist/es/GridNav.js +3 -2
- package/dist/es/GridNoRecords.js +3 -2
- package/dist/es/GridToolbar.js +3 -2
- package/dist/es/cells/GridCell.js +7 -6
- package/dist/es/cells/GridDetailCell.js +7 -6
- package/dist/es/cells/GridDetailHierarchyCell.js +5 -4
- package/dist/es/cells/GridEditCell.d.ts +1 -1
- package/dist/es/cells/GridEditCell.js +19 -18
- package/dist/es/cells/GridFilterCell.js +3 -2
- package/dist/es/cells/GridGroupCell.js +9 -8
- package/dist/es/cells/GridHierarchyCell.js +7 -6
- package/dist/es/cells/GridSelectionCell.js +7 -6
- package/dist/es/columnMenu/ColumnMenu.js +9 -12
- package/dist/es/columnMenu/ColumnMenuContent.js +3 -2
- package/dist/es/columnMenu/GridColumnMenuCheckboxFilter.js +3 -2
- package/dist/es/columnMenu/GridColumnMenuFilter.js +3 -2
- package/dist/es/columnMenu/GridColumnMenuFilterCell.js +3 -2
- package/dist/es/columnMenu/GridColumnMenuFilterUI.js +3 -2
- package/dist/es/columnMenu/GridColumnMenuItem.js +3 -2
- package/dist/es/columnMenu/GridColumnMenuItemContent.js +3 -2
- package/dist/es/columnMenu/GridColumnMenuItemGroup.js +3 -2
- package/dist/es/columnMenu/GridColumnMenuSort.js +3 -2
- package/dist/es/drag/ColumnDraggable.js +3 -2
- package/dist/es/drag/ColumnResizer.js +3 -2
- package/dist/es/drag/DragClue.js +3 -2
- package/dist/es/drag/DropClue.js +3 -2
- package/dist/es/drag/GroupingIndicator.js +35 -40
- package/dist/es/footer/Footer.js +8 -12
- package/dist/es/footer/FooterRow.js +5 -6
- package/dist/es/header/FilterRow.js +3 -2
- package/dist/es/header/GridHeaderCell.js +3 -2
- package/dist/es/header/GridHeaderSelectionCell.js +3 -2
- package/dist/es/header/GroupPanel.js +3 -2
- package/dist/es/header/Header.js +10 -16
- package/dist/es/header/HeaderRow.js +3 -2
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/rows/GridDetailRow.js +3 -2
- package/dist/es/rows/GridRow.js +3 -2
- package/dist/npm/Grid.js +61 -86
- package/dist/npm/GridNav.js +3 -2
- package/dist/npm/GridNoRecords.js +3 -2
- package/dist/npm/GridToolbar.js +3 -2
- package/dist/npm/cells/GridCell.js +7 -6
- package/dist/npm/cells/GridDetailCell.js +7 -6
- package/dist/npm/cells/GridDetailHierarchyCell.js +5 -4
- package/dist/npm/cells/GridEditCell.d.ts +1 -1
- package/dist/npm/cells/GridEditCell.js +19 -18
- package/dist/npm/cells/GridFilterCell.js +3 -2
- package/dist/npm/cells/GridGroupCell.js +9 -8
- package/dist/npm/cells/GridHierarchyCell.js +7 -6
- package/dist/npm/cells/GridSelectionCell.js +7 -6
- package/dist/npm/columnMenu/ColumnMenu.js +8 -11
- package/dist/npm/columnMenu/ColumnMenuContent.js +3 -2
- package/dist/npm/columnMenu/GridColumnMenuCheckboxFilter.js +3 -2
- package/dist/npm/columnMenu/GridColumnMenuFilter.js +3 -2
- package/dist/npm/columnMenu/GridColumnMenuFilterCell.js +3 -2
- package/dist/npm/columnMenu/GridColumnMenuFilterUI.js +3 -2
- package/dist/npm/columnMenu/GridColumnMenuItem.js +3 -2
- package/dist/npm/columnMenu/GridColumnMenuItemContent.js +3 -2
- package/dist/npm/columnMenu/GridColumnMenuItemGroup.js +3 -2
- package/dist/npm/columnMenu/GridColumnMenuSort.js +3 -2
- package/dist/npm/drag/ColumnDraggable.js +3 -2
- package/dist/npm/drag/ColumnResizer.js +3 -2
- package/dist/npm/drag/DragClue.js +3 -2
- package/dist/npm/drag/DropClue.js +3 -2
- package/dist/npm/drag/GroupingIndicator.js +34 -39
- package/dist/npm/footer/Footer.js +9 -12
- package/dist/npm/footer/FooterRow.js +5 -6
- package/dist/npm/header/FilterRow.js +3 -2
- package/dist/npm/header/GridHeaderCell.js +3 -2
- package/dist/npm/header/GridHeaderSelectionCell.js +3 -2
- package/dist/npm/header/GroupPanel.js +3 -2
- package/dist/npm/header/Header.js +11 -16
- package/dist/npm/header/HeaderRow.js +3 -2
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/rows/GridDetailRow.js +3 -2
- package/dist/npm/rows/GridRow.js +3 -2
- package/package.json +14 -14
|
@@ -9,6 +9,7 @@ var Vue = require("vue");
|
|
|
9
9
|
|
|
10
10
|
var allVue = Vue;
|
|
11
11
|
var gh = allVue.h;
|
|
12
|
+
var isV3 = allVue.version[0] === '3';
|
|
12
13
|
|
|
13
14
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
14
15
|
/**
|
|
@@ -46,8 +47,8 @@ var ColumnDraggableVue2 = {
|
|
|
46
47
|
}
|
|
47
48
|
},
|
|
48
49
|
// @ts-ignore
|
|
49
|
-
setup: !
|
|
50
|
-
var v3 = !!
|
|
50
|
+
setup: !isV3 ? undefined : function () {
|
|
51
|
+
var v3 = !!isV3;
|
|
51
52
|
return {
|
|
52
53
|
v3: v3
|
|
53
54
|
};
|
|
@@ -9,6 +9,7 @@ var Vue = require("vue");
|
|
|
9
9
|
|
|
10
10
|
var allVue = Vue;
|
|
11
11
|
var gh = allVue.h;
|
|
12
|
+
var isV3 = allVue.version[0] === '3';
|
|
12
13
|
|
|
13
14
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
14
15
|
/**
|
|
@@ -39,8 +40,8 @@ var ColumnResizerVue2 = {
|
|
|
39
40
|
}
|
|
40
41
|
},
|
|
41
42
|
// @ts-ignore
|
|
42
|
-
setup: !
|
|
43
|
-
var v3 = !!
|
|
43
|
+
setup: !isV3 ? undefined : function () {
|
|
44
|
+
var v3 = !!isV3;
|
|
44
45
|
return {
|
|
45
46
|
v3: v3
|
|
46
47
|
};
|
|
@@ -9,6 +9,7 @@ var Vue = require("vue");
|
|
|
9
9
|
|
|
10
10
|
var allVue = Vue;
|
|
11
11
|
var gh = allVue.h;
|
|
12
|
+
var isV3 = allVue.version[0] === '3';
|
|
12
13
|
/**
|
|
13
14
|
* @hidden
|
|
14
15
|
*/
|
|
@@ -24,8 +25,8 @@ var DragClueVue2 = {
|
|
|
24
25
|
};
|
|
25
26
|
},
|
|
26
27
|
// @ts-ignore
|
|
27
|
-
setup: !
|
|
28
|
-
var v3 = !!
|
|
28
|
+
setup: !isV3 ? undefined : function () {
|
|
29
|
+
var v3 = !!isV3;
|
|
29
30
|
return {
|
|
30
31
|
v3: v3
|
|
31
32
|
};
|
|
@@ -9,6 +9,7 @@ var Vue = require("vue");
|
|
|
9
9
|
|
|
10
10
|
var allVue = Vue;
|
|
11
11
|
var gh = allVue.h;
|
|
12
|
+
var isV3 = allVue.version[0] === '3';
|
|
12
13
|
/**
|
|
13
14
|
* @hidden
|
|
14
15
|
*/
|
|
@@ -23,8 +24,8 @@ var DropClueVue2 = {
|
|
|
23
24
|
};
|
|
24
25
|
},
|
|
25
26
|
// @ts-ignore
|
|
26
|
-
setup: !
|
|
27
|
-
var v3 = !!
|
|
27
|
+
setup: !isV3 ? undefined : function () {
|
|
28
|
+
var v3 = !!isV3;
|
|
28
29
|
return {
|
|
29
30
|
v3: v3
|
|
30
31
|
};
|
|
@@ -9,6 +9,7 @@ var Vue = require("vue");
|
|
|
9
9
|
|
|
10
10
|
var allVue = Vue;
|
|
11
11
|
var gh = allVue.h;
|
|
12
|
+
var isV3 = allVue.version[0] === '3';
|
|
12
13
|
var ref = allVue.ref;
|
|
13
14
|
|
|
14
15
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
@@ -24,7 +25,7 @@ var GroupingIndicatorVue2 = {
|
|
|
24
25
|
|
|
25
26
|
},
|
|
26
27
|
mounted: function mounted() {
|
|
27
|
-
this.element =
|
|
28
|
+
this.element = kendo_vue_common_1.getRef(this, 'indicatorContainer');
|
|
28
29
|
|
|
29
30
|
if (this.element) {
|
|
30
31
|
this.draggable = this.$refs.draggable;
|
|
@@ -57,8 +58,8 @@ var GroupingIndicatorVue2 = {
|
|
|
57
58
|
}
|
|
58
59
|
},
|
|
59
60
|
// @ts-ignore
|
|
60
|
-
setup: !
|
|
61
|
-
var v3 = !!
|
|
61
|
+
setup: !isV3 ? undefined : function () {
|
|
62
|
+
var v3 = !!isV3;
|
|
62
63
|
var indicatorContainerRef = ref(null);
|
|
63
64
|
return {
|
|
64
65
|
v3: v3,
|
|
@@ -67,8 +68,6 @@ var GroupingIndicatorVue2 = {
|
|
|
67
68
|
},
|
|
68
69
|
// @ts-ignore
|
|
69
70
|
render: function render(createElement) {
|
|
70
|
-
var _this2 = this;
|
|
71
|
-
|
|
72
71
|
var _this = this;
|
|
73
72
|
|
|
74
73
|
var h = gh || createElement;
|
|
@@ -86,72 +85,68 @@ var GroupingIndicatorVue2 = {
|
|
|
86
85
|
}, this.v3 ? function () {
|
|
87
86
|
return [h("div", {
|
|
88
87
|
"class": "k-indicator-container",
|
|
89
|
-
ref:
|
|
90
|
-
_this.indicatorContainerRef = el;
|
|
91
|
-
} : 'indicatorContainer'
|
|
88
|
+
ref: kendo_vue_common_1.setRef(_this, 'indicatorContainer')
|
|
92
89
|
}, [h("div", {
|
|
93
90
|
"class": "k-chip k-chip-lg k-rounded-md k-chip-solid k-chip-solid-base"
|
|
94
91
|
}, [h("span", {
|
|
95
|
-
"class": 'k-chip-icon k-icon k-i-sort-' +
|
|
92
|
+
"class": 'k-chip-icon k-icon k-i-sort-' + _this.$props.dir + '-sm'
|
|
96
93
|
}), h("span", {
|
|
97
94
|
"class": "k-chip-content",
|
|
98
|
-
|
|
99
|
-
attrs:
|
|
100
|
-
|
|
95
|
+
tabindex: -1,
|
|
96
|
+
attrs: _this.v3 ? undefined : {
|
|
97
|
+
tabindex: -1
|
|
101
98
|
},
|
|
102
|
-
onClick:
|
|
103
|
-
on:
|
|
104
|
-
"click":
|
|
99
|
+
onClick: _this.sortChange,
|
|
100
|
+
on: _this.v3 ? undefined : {
|
|
101
|
+
"click": _this.sortChange
|
|
105
102
|
}
|
|
106
103
|
}, [h("span", {
|
|
107
104
|
"class": "k-chip-text"
|
|
108
|
-
}, [
|
|
105
|
+
}, [_this.$props.title])]), h("span", {
|
|
109
106
|
"class": "k-chip-actions"
|
|
110
107
|
}, [h("span", {
|
|
111
108
|
"class": "k-chip-action",
|
|
112
|
-
|
|
113
|
-
attrs:
|
|
114
|
-
|
|
109
|
+
tabindex: -1,
|
|
110
|
+
attrs: _this.v3 ? undefined : {
|
|
111
|
+
tabindex: -1
|
|
115
112
|
},
|
|
116
|
-
onClick:
|
|
117
|
-
on:
|
|
118
|
-
"click":
|
|
113
|
+
onClick: _this.groupRemove,
|
|
114
|
+
on: _this.v3 ? undefined : {
|
|
115
|
+
"click": _this.groupRemove
|
|
119
116
|
}
|
|
120
117
|
}, [h("span", {
|
|
121
118
|
"class": "k-icon k-i-x"
|
|
122
119
|
})])])])])];
|
|
123
120
|
} : [h("div", {
|
|
124
121
|
"class": "k-indicator-container",
|
|
125
|
-
ref:
|
|
126
|
-
_this.indicatorContainerRef = el;
|
|
127
|
-
} : 'indicatorContainer'
|
|
122
|
+
ref: kendo_vue_common_1.setRef(_this, 'indicatorContainer')
|
|
128
123
|
}, [h("div", {
|
|
129
124
|
"class": "k-chip k-chip-lg k-rounded-md k-chip-solid k-chip-solid-base"
|
|
130
125
|
}, [h("span", {
|
|
131
|
-
"class": 'k-chip-icon k-icon k-i-sort-' +
|
|
126
|
+
"class": 'k-chip-icon k-icon k-i-sort-' + _this.$props.dir + '-sm'
|
|
132
127
|
}), h("span", {
|
|
133
128
|
"class": "k-chip-content",
|
|
134
|
-
|
|
135
|
-
attrs:
|
|
136
|
-
|
|
129
|
+
tabindex: -1,
|
|
130
|
+
attrs: _this.v3 ? undefined : {
|
|
131
|
+
tabindex: -1
|
|
137
132
|
},
|
|
138
|
-
onClick:
|
|
139
|
-
on:
|
|
140
|
-
"click":
|
|
133
|
+
onClick: _this.sortChange,
|
|
134
|
+
on: _this.v3 ? undefined : {
|
|
135
|
+
"click": _this.sortChange
|
|
141
136
|
}
|
|
142
137
|
}, [h("span", {
|
|
143
138
|
"class": "k-chip-text"
|
|
144
|
-
}, [
|
|
139
|
+
}, [_this.$props.title])]), h("span", {
|
|
145
140
|
"class": "k-chip-actions"
|
|
146
141
|
}, [h("span", {
|
|
147
142
|
"class": "k-chip-action",
|
|
148
|
-
|
|
149
|
-
attrs:
|
|
150
|
-
|
|
143
|
+
tabindex: -1,
|
|
144
|
+
attrs: _this.v3 ? undefined : {
|
|
145
|
+
tabindex: -1
|
|
151
146
|
},
|
|
152
|
-
onClick:
|
|
153
|
-
on:
|
|
154
|
-
"click":
|
|
147
|
+
onClick: _this.groupRemove,
|
|
148
|
+
on: _this.v3 ? undefined : {
|
|
149
|
+
"click": _this.groupRemove
|
|
155
150
|
}
|
|
156
151
|
}, [h("span", {
|
|
157
152
|
"class": "k-icon k-i-x"
|
|
@@ -9,11 +9,14 @@ var Vue = require("vue");
|
|
|
9
9
|
|
|
10
10
|
var allVue = Vue;
|
|
11
11
|
var gh = allVue.h;
|
|
12
|
+
var isV3 = allVue.version[0] === '3';
|
|
12
13
|
var ref = allVue.ref;
|
|
13
14
|
|
|
14
15
|
var browser_support_service_1 = require("../utils/browser-support.service");
|
|
15
16
|
|
|
16
17
|
var utils_1 = require("../utils");
|
|
18
|
+
|
|
19
|
+
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
17
20
|
/**
|
|
18
21
|
* @hidden
|
|
19
22
|
*/
|
|
@@ -56,8 +59,8 @@ var FooterVue2 = {
|
|
|
56
59
|
mounted: function mounted() {
|
|
57
60
|
this.$data.scrollbarWidth = new browser_support_service_1.BrowserSupportService().scrollbarWidth;
|
|
58
61
|
this.rtl = utils_1.isRtl(this.$el);
|
|
59
|
-
this.$props.columnResize.colGroupFooter =
|
|
60
|
-
this._footerWrap =
|
|
62
|
+
this.$props.columnResize.colGroupFooter = kendo_vue_common_1.getRef(this, 'colGroupHeader');
|
|
63
|
+
this._footerWrap = kendo_vue_common_1.getRef(this, 'footerWrap');
|
|
61
64
|
},
|
|
62
65
|
methods: {
|
|
63
66
|
setScrollLeft: function setScrollLeft(scrollLeft) {
|
|
@@ -70,8 +73,8 @@ var FooterVue2 = {
|
|
|
70
73
|
}
|
|
71
74
|
},
|
|
72
75
|
// @ts-ignore
|
|
73
|
-
setup: !
|
|
74
|
-
var v3 = !!
|
|
76
|
+
setup: !isV3 ? undefined : function () {
|
|
77
|
+
var v3 = !!isV3;
|
|
75
78
|
var footerWrapRef = ref(null);
|
|
76
79
|
var colGroupHeaderRef = ref(null);
|
|
77
80
|
return {
|
|
@@ -82,8 +85,6 @@ var FooterVue2 = {
|
|
|
82
85
|
},
|
|
83
86
|
// @ts-ignore
|
|
84
87
|
render: function render(createElement) {
|
|
85
|
-
var _this = this;
|
|
86
|
-
|
|
87
88
|
var h = gh || createElement;
|
|
88
89
|
|
|
89
90
|
if (!this.$props.staticHeaders) {
|
|
@@ -97,15 +98,11 @@ var FooterVue2 = {
|
|
|
97
98
|
style: this.divStyle
|
|
98
99
|
}, [h("div", {
|
|
99
100
|
"class": "k-grid-footer-wrap",
|
|
100
|
-
ref: this
|
|
101
|
-
_this.footerWrapRef = el;
|
|
102
|
-
} : 'footerWrap'
|
|
101
|
+
ref: kendo_vue_common_1.setRef(this, 'footerWrap')
|
|
103
102
|
}, [h("table", {
|
|
104
103
|
style: this.tableStyle
|
|
105
104
|
}, [h("colgroup", {
|
|
106
|
-
ref: this
|
|
107
|
-
_this.colGroupHeaderRef = el;
|
|
108
|
-
} : 'colGroupHeader'
|
|
105
|
+
ref: kendo_vue_common_1.setRef(this, 'colGroupHeader')
|
|
109
106
|
}, [this.$props.cols]), h("tfoot", [this.$props.row])])])]);
|
|
110
107
|
}
|
|
111
108
|
};
|
|
@@ -9,6 +9,7 @@ var Vue = require("vue");
|
|
|
9
9
|
|
|
10
10
|
var allVue = Vue;
|
|
11
11
|
var gh = allVue.h;
|
|
12
|
+
var isV3 = allVue.version[0] === '3';
|
|
12
13
|
|
|
13
14
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
14
15
|
|
|
@@ -36,8 +37,8 @@ var FooterRowVue2 = {
|
|
|
36
37
|
}
|
|
37
38
|
},
|
|
38
39
|
// @ts-ignore
|
|
39
|
-
setup: !
|
|
40
|
-
var v3 = !!
|
|
40
|
+
setup: !isV3 ? undefined : function () {
|
|
41
|
+
var v3 = !!isV3;
|
|
41
42
|
return {
|
|
42
43
|
v3: v3
|
|
43
44
|
};
|
|
@@ -62,12 +63,10 @@ var FooterRowVue2 = {
|
|
|
62
63
|
});
|
|
63
64
|
return h("td", {
|
|
64
65
|
key: index,
|
|
65
|
-
|
|
66
|
+
colspan: column.colSpan !== 1 ? column.colSpan : undefined,
|
|
66
67
|
attrs: this.v3 ? undefined : {
|
|
67
|
-
|
|
68
|
-
colSpan: column.colSpan !== 1 ? column.colSpan : undefined
|
|
68
|
+
colspan: column.colSpan !== 1 ? column.colSpan : undefined
|
|
69
69
|
},
|
|
70
|
-
colSpan: column.colSpan !== 1 ? column.colSpan : undefined,
|
|
71
70
|
style: this.columnStyles(column),
|
|
72
71
|
"class": tdClassName
|
|
73
72
|
}, [footerCellRendering]);
|
|
@@ -9,6 +9,7 @@ var Vue = require("vue");
|
|
|
9
9
|
|
|
10
10
|
var allVue = Vue;
|
|
11
11
|
var gh = allVue.h;
|
|
12
|
+
var isV3 = allVue.version[0] === '3';
|
|
12
13
|
var inject = allVue.inject;
|
|
13
14
|
|
|
14
15
|
var filterCommon_1 = require("../filterCommon");
|
|
@@ -83,8 +84,8 @@ var FilterRowVue2 = {
|
|
|
83
84
|
}
|
|
84
85
|
},
|
|
85
86
|
// @ts-ignore
|
|
86
|
-
setup: !
|
|
87
|
-
var v3 = !!
|
|
87
|
+
setup: !isV3 ? undefined : function () {
|
|
88
|
+
var v3 = !!isV3;
|
|
88
89
|
var kendoLocalizationService = inject('kendoLocalizationService', {});
|
|
89
90
|
return {
|
|
90
91
|
v3: v3,
|
|
@@ -9,6 +9,7 @@ var Vue = require("vue");
|
|
|
9
9
|
|
|
10
10
|
var allVue = Vue;
|
|
11
11
|
var gh = allVue.h;
|
|
12
|
+
var isV3 = allVue.version[0] === '3';
|
|
12
13
|
|
|
13
14
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
14
15
|
/**
|
|
@@ -29,8 +30,8 @@ var GridHeaderCellVue2 = {
|
|
|
29
30
|
}
|
|
30
31
|
},
|
|
31
32
|
// @ts-ignore
|
|
32
|
-
setup: !
|
|
33
|
-
var v3 = !!
|
|
33
|
+
setup: !isV3 ? undefined : function () {
|
|
34
|
+
var v3 = !!isV3;
|
|
34
35
|
return {
|
|
35
36
|
v3: v3
|
|
36
37
|
};
|
|
@@ -9,6 +9,7 @@ var Vue = require("vue");
|
|
|
9
9
|
|
|
10
10
|
var allVue = Vue;
|
|
11
11
|
var gh = allVue.h;
|
|
12
|
+
var isV3 = allVue.version[0] === '3';
|
|
12
13
|
|
|
13
14
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
14
15
|
/**
|
|
@@ -35,8 +36,8 @@ var GridHeaderSelectionCellVue2 = {
|
|
|
35
36
|
}
|
|
36
37
|
},
|
|
37
38
|
// @ts-ignore
|
|
38
|
-
setup: !
|
|
39
|
-
var v3 = !!
|
|
39
|
+
setup: !isV3 ? undefined : function () {
|
|
40
|
+
var v3 = !!isV3;
|
|
40
41
|
return {
|
|
41
42
|
v3: v3
|
|
42
43
|
};
|
|
@@ -9,6 +9,7 @@ var Vue = require("vue");
|
|
|
9
9
|
|
|
10
10
|
var allVue = Vue;
|
|
11
11
|
var gh = allVue.h;
|
|
12
|
+
var isV3 = allVue.version[0] === '3';
|
|
12
13
|
var inject = allVue.inject;
|
|
13
14
|
|
|
14
15
|
var GroupingIndicator_1 = require("../drag/GroupingIndicator");
|
|
@@ -56,8 +57,8 @@ var GroupPanelVue2 = {
|
|
|
56
57
|
}
|
|
57
58
|
},
|
|
58
59
|
// @ts-ignore
|
|
59
|
-
setup: !
|
|
60
|
-
var v3 = !!
|
|
60
|
+
setup: !isV3 ? undefined : function () {
|
|
61
|
+
var v3 = !!isV3;
|
|
61
62
|
var kendoLocalizationService = inject('kendoLocalizationService', {});
|
|
62
63
|
return {
|
|
63
64
|
v3: v3,
|
|
@@ -9,11 +9,14 @@ var Vue = require("vue");
|
|
|
9
9
|
|
|
10
10
|
var allVue = Vue;
|
|
11
11
|
var gh = allVue.h;
|
|
12
|
+
var isV3 = allVue.version[0] === '3';
|
|
12
13
|
var ref = allVue.ref;
|
|
13
14
|
|
|
14
15
|
var browser_support_service_1 = require("../utils/browser-support.service");
|
|
15
16
|
|
|
16
17
|
var utils_1 = require("../utils");
|
|
18
|
+
|
|
19
|
+
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
17
20
|
/**
|
|
18
21
|
* @hidden
|
|
19
22
|
*/
|
|
@@ -44,9 +47,9 @@ var HeaderVue2 = {
|
|
|
44
47
|
}
|
|
45
48
|
},
|
|
46
49
|
mounted: function mounted() {
|
|
47
|
-
this.headerWrap =
|
|
48
|
-
this.table =
|
|
49
|
-
this.$props.columnResize.colGroupHeader =
|
|
50
|
+
this.headerWrap = kendo_vue_common_1.getRef(this, 'headerWrap');
|
|
51
|
+
this.table = kendo_vue_common_1.getRef(this, 'table');
|
|
52
|
+
this.$props.columnResize.colGroupHeader = kendo_vue_common_1.getRef(this, 'colGroupHeader');
|
|
50
53
|
var scrollbarWidth = new browser_support_service_1.BrowserSupportService().scrollbarWidth;
|
|
51
54
|
var rtl = utils_1.isRtl(this.$el);
|
|
52
55
|
|
|
@@ -74,8 +77,8 @@ var HeaderVue2 = {
|
|
|
74
77
|
}
|
|
75
78
|
},
|
|
76
79
|
// @ts-ignore
|
|
77
|
-
setup: !
|
|
78
|
-
var v3 = !!
|
|
80
|
+
setup: !isV3 ? undefined : function () {
|
|
81
|
+
var v3 = !!isV3;
|
|
79
82
|
var headerWrapRef = ref(null);
|
|
80
83
|
var tableRef = ref(null);
|
|
81
84
|
var colGroupHeaderRef = ref(null);
|
|
@@ -88,8 +91,6 @@ var HeaderVue2 = {
|
|
|
88
91
|
},
|
|
89
92
|
// @ts-ignore
|
|
90
93
|
render: function render(createElement) {
|
|
91
|
-
var _this = this;
|
|
92
|
-
|
|
93
94
|
var h = gh || createElement;
|
|
94
95
|
|
|
95
96
|
if (!this.$props.staticHeaders) {
|
|
@@ -104,18 +105,14 @@ var HeaderVue2 = {
|
|
|
104
105
|
role: "presentation"
|
|
105
106
|
}
|
|
106
107
|
}, [h("div", {
|
|
107
|
-
ref: this
|
|
108
|
-
_this.headerWrapRef = el;
|
|
109
|
-
} : 'headerWrap',
|
|
108
|
+
ref: kendo_vue_common_1.setRef(this, 'headerWrap'),
|
|
110
109
|
"class": "k-grid-header-wrap",
|
|
111
110
|
role: "presentation",
|
|
112
111
|
attrs: this.v3 ? undefined : {
|
|
113
112
|
role: "presentation"
|
|
114
113
|
}
|
|
115
114
|
}, [h("table", {
|
|
116
|
-
ref: this
|
|
117
|
-
_this.tableRef = el;
|
|
118
|
-
} : 'table',
|
|
115
|
+
ref: kendo_vue_common_1.setRef(this, 'table'),
|
|
119
116
|
role: "presentation",
|
|
120
117
|
attrs: this.v3 ? undefined : {
|
|
121
118
|
role: "presentation"
|
|
@@ -125,9 +122,7 @@ var HeaderVue2 = {
|
|
|
125
122
|
attrs: this.v3 ? undefined : {
|
|
126
123
|
role: "presentation"
|
|
127
124
|
},
|
|
128
|
-
ref: this
|
|
129
|
-
_this.colGroupHeaderRef = el;
|
|
130
|
-
} : 'colGroupHeader'
|
|
125
|
+
ref: kendo_vue_common_1.setRef(this, 'colGroupHeader')
|
|
131
126
|
}, [this.$props.cols]), this.$props.headerRow])])]);
|
|
132
127
|
}
|
|
133
128
|
};
|
|
@@ -9,6 +9,7 @@ var Vue = require("vue");
|
|
|
9
9
|
|
|
10
10
|
var allVue = Vue;
|
|
11
11
|
var gh = allVue.h;
|
|
12
|
+
var isV3 = allVue.version[0] === '3';
|
|
12
13
|
|
|
13
14
|
var GridSortSettings_1 = require("../interfaces/GridSortSettings");
|
|
14
15
|
|
|
@@ -202,8 +203,8 @@ var HeaderRowVue2 = {
|
|
|
202
203
|
}
|
|
203
204
|
},
|
|
204
205
|
// @ts-ignore
|
|
205
|
-
setup: !
|
|
206
|
-
var v3 = !!
|
|
206
|
+
setup: !isV3 ? undefined : function () {
|
|
207
|
+
var v3 = !!isV3;
|
|
207
208
|
return {
|
|
208
209
|
v3: v3
|
|
209
210
|
};
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-vue-grid',
|
|
9
9
|
productName: 'Kendo UI for Vue',
|
|
10
10
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1657170858,
|
|
12
12
|
version: '',
|
|
13
13
|
licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
|
|
14
14
|
};
|
|
@@ -9,14 +9,15 @@ var Vue = require("vue");
|
|
|
9
9
|
|
|
10
10
|
var allVue = Vue;
|
|
11
11
|
var gh = allVue.h;
|
|
12
|
+
var isV3 = allVue.version[0] === '3';
|
|
12
13
|
/**
|
|
13
14
|
* @hidden
|
|
14
15
|
*/
|
|
15
16
|
|
|
16
17
|
var GridDetailRowVue2 = {
|
|
17
18
|
// @ts-ignore
|
|
18
|
-
setup: !
|
|
19
|
-
var v3 = !!
|
|
19
|
+
setup: !isV3 ? undefined : function () {
|
|
20
|
+
var v3 = !!isV3;
|
|
20
21
|
return {
|
|
21
22
|
v3: v3
|
|
22
23
|
};
|
package/dist/npm/rows/GridRow.js
CHANGED
|
@@ -9,6 +9,7 @@ var Vue = require("vue");
|
|
|
9
9
|
|
|
10
10
|
var allVue = Vue;
|
|
11
11
|
var gh = allVue.h;
|
|
12
|
+
var isV3 = allVue.version[0] === '3';
|
|
12
13
|
|
|
13
14
|
var utils_1 = require("../utils");
|
|
14
15
|
|
|
@@ -40,8 +41,8 @@ var GridRowVue2 = {
|
|
|
40
41
|
}
|
|
41
42
|
},
|
|
42
43
|
// @ts-ignore
|
|
43
|
-
setup: !
|
|
44
|
-
var v3 = !!
|
|
44
|
+
setup: !isV3 ? undefined : function () {
|
|
45
|
+
var v3 = !!isV3;
|
|
45
46
|
return {
|
|
46
47
|
v3: v3
|
|
47
48
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-vue-grid",
|
|
3
|
-
"version": "3.4.
|
|
3
|
+
"version": "3.4.2-dev.202207070519",
|
|
4
4
|
"description": "Kendo UI for Vue Grid package",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -35,24 +35,24 @@
|
|
|
35
35
|
"vue": "^2.6.12 || ^3.0.2"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@progress/kendo-vue-common": "3.4.
|
|
38
|
+
"@progress/kendo-vue-common": "3.4.2-dev.202207070519"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
41
|
"@progress/kendo-data-query": "^1.5.4",
|
|
42
42
|
"@progress/kendo-drawing": "^1.9.3",
|
|
43
43
|
"@progress/kendo-licensing": "^1.1.0",
|
|
44
|
-
"@progress/kendo-vue-animation": "3.4.
|
|
45
|
-
"@progress/kendo-vue-buttons": "3.4.
|
|
46
|
-
"@progress/kendo-vue-charts": "3.4.
|
|
47
|
-
"@progress/kendo-vue-data-tools": "3.4.
|
|
48
|
-
"@progress/kendo-vue-dateinputs": "3.4.
|
|
49
|
-
"@progress/kendo-vue-dropdowns": "3.4.
|
|
50
|
-
"@progress/kendo-vue-excel-export": "3.4.
|
|
51
|
-
"@progress/kendo-vue-indicators": "3.4.
|
|
52
|
-
"@progress/kendo-vue-inputs": "3.4.
|
|
53
|
-
"@progress/kendo-vue-intl": "3.4.
|
|
54
|
-
"@progress/kendo-vue-pdf": "3.4.
|
|
55
|
-
"@progress/kendo-vue-popup": "3.4.
|
|
44
|
+
"@progress/kendo-vue-animation": "3.4.2-dev.202207070519",
|
|
45
|
+
"@progress/kendo-vue-buttons": "3.4.2-dev.202207070519",
|
|
46
|
+
"@progress/kendo-vue-charts": "3.4.2-dev.202207070519",
|
|
47
|
+
"@progress/kendo-vue-data-tools": "3.4.2-dev.202207070519",
|
|
48
|
+
"@progress/kendo-vue-dateinputs": "3.4.2-dev.202207070519",
|
|
49
|
+
"@progress/kendo-vue-dropdowns": "3.4.2-dev.202207070519",
|
|
50
|
+
"@progress/kendo-vue-excel-export": "3.4.2-dev.202207070519",
|
|
51
|
+
"@progress/kendo-vue-indicators": "3.4.2-dev.202207070519",
|
|
52
|
+
"@progress/kendo-vue-inputs": "3.4.2-dev.202207070519",
|
|
53
|
+
"@progress/kendo-vue-intl": "3.4.2-dev.202207070519",
|
|
54
|
+
"@progress/kendo-vue-pdf": "3.4.2-dev.202207070519",
|
|
55
|
+
"@progress/kendo-vue-popup": "3.4.2-dev.202207070519",
|
|
56
56
|
"cldr-core": "^34.0.0",
|
|
57
57
|
"cldr-dates-full": "^34.0.0",
|
|
58
58
|
"cldr-numbers-full": "^34.0.0",
|