@progress/kendo-vue-grid 3.6.4-dev.202210071340 → 3.6.5-dev.202210181442
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 +59 -164
- package/dist/es/GridNav.js +4 -4
- package/dist/es/GridNoRecords.js +2 -4
- package/dist/es/GridToolbar.js +0 -2
- package/dist/es/cells/GridCell.js +0 -6
- package/dist/es/cells/GridDetailCell.js +5 -9
- package/dist/es/cells/GridDetailHierarchyCell.js +0 -2
- package/dist/es/cells/GridEditCell.js +4 -10
- package/dist/es/cells/GridFilterCell.js +10 -16
- package/dist/es/cells/GridGroupCell.js +8 -15
- package/dist/es/cells/GridHierarchyCell.js +0 -8
- package/dist/es/cells/GridSelectionCell.js +0 -2
- package/dist/es/columnMenu/ColumnMenu.js +4 -8
- package/dist/es/columnMenu/ColumnMenuContent.js +4 -4
- package/dist/es/columnMenu/GridColumnMenuCheckboxFilter.js +16 -56
- package/dist/es/columnMenu/GridColumnMenuFilter.js +35 -59
- package/dist/es/columnMenu/GridColumnMenuFilterCell.js +9 -14
- package/dist/es/columnMenu/GridColumnMenuFilterOperators.js +2 -4
- package/dist/es/columnMenu/GridColumnMenuFilterUI.js +22 -22
- package/dist/es/columnMenu/GridColumnMenuItem.js +3 -5
- package/dist/es/columnMenu/GridColumnMenuItemContent.js +2 -4
- package/dist/es/columnMenu/GridColumnMenuItemGroup.js +0 -2
- package/dist/es/columnMenu/GridColumnMenuSort.js +15 -32
- package/dist/es/drag/ColumnDraggable.js +2 -6
- package/dist/es/drag/ColumnResizer.js +2 -6
- package/dist/es/drag/DragClue.js +0 -2
- package/dist/es/drag/DropClue.js +0 -2
- package/dist/es/drag/GroupingIndicator.js +3 -6
- package/dist/es/footer/Footer.js +0 -4
- package/dist/es/footer/FooterRow.js +0 -4
- package/dist/es/header/FilterRow.js +7 -19
- package/dist/es/header/GridHeaderCell.js +0 -2
- package/dist/es/header/GridHeaderSelectionCell.js +0 -2
- package/dist/es/header/GroupPanel.js +2 -4
- package/dist/es/header/Header.js +0 -6
- package/dist/es/header/HeaderRow.js +14 -31
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/rows/GridDetailRow.js +0 -2
- package/dist/es/rows/GridRow.js +0 -2
- package/dist/esm/Grid.js +59 -164
- package/dist/esm/GridNav.js +4 -4
- package/dist/esm/GridNoRecords.js +2 -4
- package/dist/esm/GridToolbar.js +0 -2
- package/dist/esm/cells/GridCell.js +0 -6
- package/dist/esm/cells/GridDetailCell.js +5 -9
- package/dist/esm/cells/GridDetailHierarchyCell.js +0 -2
- package/dist/esm/cells/GridEditCell.js +4 -10
- package/dist/esm/cells/GridFilterCell.js +10 -16
- package/dist/esm/cells/GridGroupCell.js +8 -15
- package/dist/esm/cells/GridHierarchyCell.js +0 -8
- package/dist/esm/cells/GridSelectionCell.js +0 -2
- package/dist/esm/columnMenu/ColumnMenu.js +4 -8
- package/dist/esm/columnMenu/ColumnMenuContent.js +4 -4
- package/dist/esm/columnMenu/GridColumnMenuCheckboxFilter.js +16 -56
- package/dist/esm/columnMenu/GridColumnMenuFilter.js +35 -59
- package/dist/esm/columnMenu/GridColumnMenuFilterCell.js +9 -14
- package/dist/esm/columnMenu/GridColumnMenuFilterOperators.js +2 -4
- package/dist/esm/columnMenu/GridColumnMenuFilterUI.js +22 -22
- package/dist/esm/columnMenu/GridColumnMenuItem.js +3 -5
- package/dist/esm/columnMenu/GridColumnMenuItemContent.js +2 -4
- package/dist/esm/columnMenu/GridColumnMenuItemGroup.js +0 -2
- package/dist/esm/columnMenu/GridColumnMenuSort.js +15 -32
- package/dist/esm/drag/ColumnDraggable.js +2 -6
- package/dist/esm/drag/ColumnResizer.js +2 -6
- package/dist/esm/drag/DragClue.js +0 -2
- package/dist/esm/drag/DropClue.js +0 -2
- package/dist/esm/drag/GroupingIndicator.js +3 -6
- package/dist/esm/footer/Footer.js +0 -4
- package/dist/esm/footer/FooterRow.js +0 -4
- package/dist/esm/header/FilterRow.js +7 -19
- package/dist/esm/header/GridHeaderCell.js +0 -2
- package/dist/esm/header/GridHeaderSelectionCell.js +0 -2
- package/dist/esm/header/GroupPanel.js +2 -4
- package/dist/esm/header/Header.js +0 -6
- package/dist/esm/header/HeaderRow.js +14 -31
- package/dist/esm/package-metadata.js +1 -1
- package/dist/esm/rows/GridDetailRow.js +0 -2
- package/dist/esm/rows/GridRow.js +0 -2
- package/dist/npm/Grid.js +59 -195
- package/dist/npm/GridNav.js +6 -9
- package/dist/npm/GridNoRecords.js +4 -11
- package/dist/npm/GridToolbar.js +2 -7
- package/dist/npm/cells/GridCell.js +2 -14
- package/dist/npm/cells/GridDetailCell.js +7 -15
- package/dist/npm/cells/GridDetailHierarchyCell.js +2 -8
- package/dist/npm/cells/GridEditCell.js +6 -19
- package/dist/npm/cells/GridFilterCell.js +12 -28
- package/dist/npm/cells/GridGroupCell.js +10 -21
- package/dist/npm/cells/GridHierarchyCell.js +2 -15
- package/dist/npm/cells/GridSelectionCell.js +2 -9
- package/dist/npm/columnMenu/ColumnMenu.js +6 -18
- package/dist/npm/columnMenu/ColumnMenuContent.js +6 -11
- package/dist/npm/columnMenu/GridColumnMenuCheckboxFilter.js +16 -68
- package/dist/npm/columnMenu/GridColumnMenuFilter.js +35 -75
- package/dist/npm/columnMenu/GridColumnMenuFilterCell.js +11 -22
- package/dist/npm/columnMenu/GridColumnMenuFilterOperators.js +4 -10
- package/dist/npm/columnMenu/GridColumnMenuFilterUI.js +24 -29
- package/dist/npm/columnMenu/GridColumnMenuItem.js +5 -10
- package/dist/npm/columnMenu/GridColumnMenuItemContent.js +4 -10
- package/dist/npm/columnMenu/GridColumnMenuItemGroup.js +2 -7
- package/dist/npm/columnMenu/GridColumnMenuSort.js +17 -43
- package/dist/npm/drag/ColumnDraggable.js +4 -11
- package/dist/npm/drag/ColumnResizer.js +4 -11
- package/dist/npm/drag/DragClue.js +2 -5
- package/dist/npm/drag/DropClue.js +2 -5
- package/dist/npm/drag/GroupingIndicator.js +5 -11
- package/dist/npm/footer/Footer.js +2 -11
- package/dist/npm/footer/FooterRow.js +2 -10
- package/dist/npm/header/FilterRow.js +9 -28
- package/dist/npm/header/GridHeaderCell.js +2 -7
- package/dist/npm/header/GridHeaderSelectionCell.js +2 -9
- package/dist/npm/header/GroupPanel.js +4 -11
- package/dist/npm/header/Header.js +2 -13
- package/dist/npm/header/HeaderRow.js +16 -42
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/rows/GridDetailRow.js +2 -5
- package/dist/npm/rows/GridRow.js +2 -8
- package/package.json +14 -14
package/dist/npm/GridNav.js
CHANGED
|
@@ -3,20 +3,16 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.GridNavVue2 = exports.GridNav = void 0;
|
|
7
|
-
|
|
6
|
+
exports.GridNavVue2 = exports.GridNav = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
8
|
var Vue = require("vue");
|
|
9
|
-
|
|
10
9
|
var allVue = Vue;
|
|
11
10
|
var gh = allVue.h;
|
|
12
11
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
13
|
-
|
|
14
12
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
15
13
|
/**
|
|
16
14
|
* @hidden
|
|
17
15
|
*/
|
|
18
|
-
|
|
19
|
-
|
|
20
16
|
var GridNavVue2 = {
|
|
21
17
|
name: 'KendoGridNav',
|
|
22
18
|
props: {
|
|
@@ -65,8 +61,8 @@ var GridNavVue2 = {
|
|
|
65
61
|
navigation: this.navigation,
|
|
66
62
|
kbContext: this.kbContext,
|
|
67
63
|
onNavigationAction: this.onNavigationAction
|
|
68
|
-
});
|
|
69
|
-
|
|
64
|
+
});
|
|
65
|
+
// const {mode, cell} = getSelectionOptions(this.$props.selectable);
|
|
70
66
|
this.$emit('keydown', {
|
|
71
67
|
dataItems: this.getLeafDataItems(),
|
|
72
68
|
// mode,
|
|
@@ -76,6 +72,7 @@ var GridNavVue2 = {
|
|
|
76
72
|
event: event
|
|
77
73
|
}); // as GridNavigationActionEvent
|
|
78
74
|
},
|
|
75
|
+
|
|
79
76
|
onFocus: function onFocus(event) {
|
|
80
77
|
this.onNavFocus(event, {
|
|
81
78
|
kbContext: this.kbContext
|
|
@@ -87,6 +84,7 @@ var GridNavVue2 = {
|
|
|
87
84
|
event: options.event
|
|
88
85
|
}); // as GridNavigationActionEvent
|
|
89
86
|
},
|
|
87
|
+
|
|
90
88
|
getLeafDataItems: function getLeafDataItems() {
|
|
91
89
|
return this.$props.currentData.filter(function (item) {
|
|
92
90
|
return item.rowType === 'data';
|
|
@@ -117,6 +115,5 @@ exports.GridNavVue2 = GridNavVue2;
|
|
|
117
115
|
/**
|
|
118
116
|
* @hidden
|
|
119
117
|
*/
|
|
120
|
-
|
|
121
118
|
var GridNav = GridNavVue2;
|
|
122
119
|
exports.GridNav = GridNav;
|
|
@@ -3,25 +3,19 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.GridNoRecordsVue2 = exports.GridNoRecords = void 0;
|
|
7
|
-
|
|
6
|
+
exports.GridNoRecordsVue2 = exports.GridNoRecords = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
8
|
var Vue = require("vue");
|
|
9
|
-
|
|
10
9
|
var allVue = Vue;
|
|
11
10
|
var gh = allVue.h;
|
|
12
11
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
13
12
|
var inject = allVue.inject;
|
|
14
|
-
|
|
15
13
|
var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
|
|
16
|
-
|
|
17
14
|
var main_1 = require("./messages/main");
|
|
18
|
-
|
|
19
15
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
20
16
|
/**
|
|
21
17
|
* @hidden
|
|
22
18
|
*/
|
|
23
|
-
|
|
24
|
-
|
|
25
19
|
var GridNoRecordsVue2 = {
|
|
26
20
|
name: 'GridNoRecords',
|
|
27
21
|
inject: {
|
|
@@ -44,7 +38,8 @@ var GridNoRecordsVue2 = {
|
|
|
44
38
|
var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
|
|
45
39
|
var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
|
|
46
40
|
var noRecordsMessage = localizationService.toLanguageString(main_1.noRecords, main_1.messages[main_1.noRecords]);
|
|
47
|
-
return defaultSlot ? h("div", [defaultSlot])
|
|
41
|
+
return defaultSlot ? h("div", [defaultSlot])
|
|
42
|
+
// @ts-ignore
|
|
48
43
|
: this.v3 ? noRecordsMessage : this._v(noRecordsMessage);
|
|
49
44
|
}
|
|
50
45
|
};
|
|
@@ -86,10 +81,8 @@ exports.GridNoRecordsVue2 = GridNoRecordsVue2;
|
|
|
86
81
|
* </script>
|
|
87
82
|
* ```
|
|
88
83
|
*/
|
|
89
|
-
|
|
90
84
|
/**
|
|
91
85
|
* Represents the default `GridNoRecords` component.
|
|
92
86
|
*/
|
|
93
|
-
|
|
94
87
|
var GridNoRecords = GridNoRecordsVue2;
|
|
95
88
|
exports.GridNoRecords = GridNoRecords;
|
package/dist/npm/GridToolbar.js
CHANGED
|
@@ -3,20 +3,16 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.GridToolbarVue2 = exports.GridToolbar = void 0;
|
|
7
|
-
|
|
6
|
+
exports.GridToolbarVue2 = exports.GridToolbar = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
8
|
var Vue = require("vue");
|
|
9
|
-
|
|
10
9
|
var allVue = Vue;
|
|
11
10
|
var gh = allVue.h;
|
|
12
11
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
13
|
-
|
|
14
12
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
15
13
|
/**
|
|
16
14
|
* @hidden
|
|
17
15
|
*/
|
|
18
|
-
|
|
19
|
-
|
|
20
16
|
var GridToolbarVue2 = {
|
|
21
17
|
name: 'GridToolbar',
|
|
22
18
|
// @ts-ignore
|
|
@@ -82,6 +78,5 @@ exports.GridToolbarVue2 = GridToolbarVue2;
|
|
|
82
78
|
*
|
|
83
79
|
* ### props <span class='code'>[GridToolbarProps]({% slug api_grid_toolbarprops %})</span>
|
|
84
80
|
*/
|
|
85
|
-
|
|
86
81
|
var GridToolbar = GridToolbarVue2;
|
|
87
82
|
exports.GridToolbar = GridToolbar;
|
|
@@ -3,27 +3,20 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.GridCellVue2 = exports.GridCell = void 0;
|
|
7
|
-
|
|
6
|
+
exports.GridCellVue2 = exports.GridCell = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
8
|
var Vue = require("vue");
|
|
9
|
-
|
|
10
9
|
var allVue = Vue;
|
|
11
10
|
var gh = allVue.h;
|
|
12
11
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
13
12
|
var inject = allVue.inject;
|
|
14
|
-
|
|
15
13
|
var main_1 = require("../utils/main");
|
|
16
|
-
|
|
17
14
|
var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
|
|
18
|
-
|
|
19
15
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
20
|
-
|
|
21
16
|
var kendo_vue_data_tools_1 = require("@progress/kendo-vue-data-tools");
|
|
22
17
|
/**
|
|
23
18
|
* @hidden
|
|
24
19
|
*/
|
|
25
|
-
|
|
26
|
-
|
|
27
20
|
var GridCellVue2 = {
|
|
28
21
|
name: 'GridCell',
|
|
29
22
|
// @ts-ignore
|
|
@@ -106,7 +99,6 @@ var GridCellVue2 = {
|
|
|
106
99
|
var h = gh || createElement;
|
|
107
100
|
var defaultRendering = null;
|
|
108
101
|
var navAttrs = this.getKeyboardNavigationAttributes(this.$props.id);
|
|
109
|
-
|
|
110
102
|
if (this.$props.rowType === 'groupFooter') {
|
|
111
103
|
defaultRendering = h("td", {
|
|
112
104
|
"class": this.$props.className
|
|
@@ -114,11 +106,9 @@ var GridCellVue2 = {
|
|
|
114
106
|
} else if (this.$props.field !== undefined && this.$props.rowType !== 'groupHeader') {
|
|
115
107
|
var data = (0, main_1.getNestedValue)(this.$props.field, this.$props.dataItem);
|
|
116
108
|
var dataAsString = '';
|
|
117
|
-
|
|
118
109
|
if (data !== undefined && data !== null) {
|
|
119
110
|
dataAsString = this.$props.format ? this.$props.type ? this._intl.format(this.$props.format, main_1.parsers[this.$props.type](data, this._intl, this.$props.readFormat)) : this._intl.format(this.$props.format, data) : data.toString();
|
|
120
111
|
}
|
|
121
|
-
|
|
122
112
|
defaultRendering = h("td", {
|
|
123
113
|
colspan: this.$props.colSpan,
|
|
124
114
|
attrs: this.v3 ? undefined : {
|
|
@@ -147,7 +137,6 @@ var GridCellVue2 = {
|
|
|
147
137
|
"data-keyboardnavid": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_ID]
|
|
148
138
|
}, [dataAsString]);
|
|
149
139
|
}
|
|
150
|
-
|
|
151
140
|
return kendo_vue_common_1.getTemplate.call(this, {
|
|
152
141
|
h: h,
|
|
153
142
|
template: this.$props.render,
|
|
@@ -169,6 +158,5 @@ exports.GridCellVue2 = GridCellVue2;
|
|
|
169
158
|
/**
|
|
170
159
|
* @hidden
|
|
171
160
|
*/
|
|
172
|
-
|
|
173
161
|
var GridCell = GridCellVue2;
|
|
174
162
|
exports.GridCell = GridCell;
|
|
@@ -3,23 +3,18 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.GridDetailCellVue2 = exports.GridDetailCell = void 0;
|
|
7
|
-
|
|
6
|
+
exports.GridDetailCellVue2 = exports.GridDetailCell = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
8
|
var Vue = require("vue");
|
|
9
|
-
|
|
10
9
|
var allVue = Vue;
|
|
11
10
|
var gh = allVue.h;
|
|
12
11
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
13
12
|
var inject = allVue.inject;
|
|
14
|
-
|
|
15
13
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
16
|
-
|
|
17
14
|
var kendo_vue_data_tools_1 = require("@progress/kendo-vue-data-tools");
|
|
18
15
|
/**
|
|
19
16
|
* @hidden
|
|
20
17
|
*/
|
|
21
|
-
|
|
22
|
-
|
|
23
18
|
var GridDetailCellVue2 = {
|
|
24
19
|
props: {
|
|
25
20
|
colSpan: Number,
|
|
@@ -47,13 +42,12 @@ var GridDetailCellVue2 = {
|
|
|
47
42
|
render: function render(createElement) {
|
|
48
43
|
var h = gh || createElement;
|
|
49
44
|
var _a = this.$props,
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
45
|
+
colSpan = _a.colSpan,
|
|
46
|
+
ariaColIndex = _a.ariaColIndex,
|
|
47
|
+
dataItem = _a.dataItem,
|
|
48
|
+
dataIndex = _a.dataIndex,
|
|
49
|
+
id = _a.id;
|
|
55
50
|
var navAttrs = this.getKeyboardNavigationAttributes(id);
|
|
56
|
-
|
|
57
51
|
var detailRender = function detailRender(args) {
|
|
58
52
|
return kendo_vue_common_1.getTemplate.call(this, {
|
|
59
53
|
h: h,
|
|
@@ -61,7 +55,6 @@ var GridDetailCellVue2 = {
|
|
|
61
55
|
additionalProps: args
|
|
62
56
|
});
|
|
63
57
|
};
|
|
64
|
-
|
|
65
58
|
return h("td", {
|
|
66
59
|
"class": "k-detail-cell",
|
|
67
60
|
colspan: colSpan,
|
|
@@ -88,6 +81,5 @@ exports.GridDetailCellVue2 = GridDetailCellVue2;
|
|
|
88
81
|
/**
|
|
89
82
|
* @hidden
|
|
90
83
|
*/
|
|
91
|
-
|
|
92
84
|
var GridDetailCell = GridDetailCellVue2;
|
|
93
85
|
exports.GridDetailCell = GridDetailCell;
|
|
@@ -3,23 +3,18 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.GridDetailHierarchyCellVue2 = exports.GridDetailHierarchyCell = void 0;
|
|
7
|
-
|
|
6
|
+
exports.GridDetailHierarchyCellVue2 = exports.GridDetailHierarchyCell = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
8
|
var Vue = require("vue");
|
|
9
|
-
|
|
10
9
|
var allVue = Vue;
|
|
11
10
|
var gh = allVue.h;
|
|
12
11
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
13
12
|
var inject = allVue.inject;
|
|
14
|
-
|
|
15
13
|
var kendo_vue_data_tools_1 = require("@progress/kendo-vue-data-tools");
|
|
16
|
-
|
|
17
14
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
18
15
|
/**
|
|
19
16
|
* @hidden
|
|
20
17
|
*/
|
|
21
|
-
|
|
22
|
-
|
|
23
18
|
var GridDetailHierarchyCellVue2 = {
|
|
24
19
|
props: {
|
|
25
20
|
id: String
|
|
@@ -59,6 +54,5 @@ exports.GridDetailHierarchyCellVue2 = GridDetailHierarchyCellVue2;
|
|
|
59
54
|
/**
|
|
60
55
|
* @hidden
|
|
61
56
|
*/
|
|
62
|
-
|
|
63
57
|
var GridDetailHierarchyCell = GridDetailHierarchyCellVue2;
|
|
64
58
|
exports.GridDetailHierarchyCell = GridDetailHierarchyCell;
|
|
@@ -3,29 +3,21 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.GridEditCellVue2 = exports.GridEditCell = void 0;
|
|
7
|
-
|
|
6
|
+
exports.GridEditCellVue2 = exports.GridEditCell = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
8
|
var Vue = require("vue");
|
|
9
|
-
|
|
10
9
|
var allVue = Vue;
|
|
11
10
|
var gh = allVue.h;
|
|
12
11
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
13
12
|
var inject = allVue.inject;
|
|
14
|
-
|
|
15
13
|
var main_1 = require("../utils/main");
|
|
16
|
-
|
|
17
14
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
18
|
-
|
|
19
15
|
var kendo_vue_inputs_1 = require("@progress/kendo-vue-inputs");
|
|
20
|
-
|
|
21
16
|
var kendo_vue_dateinputs_1 = require("@progress/kendo-vue-dateinputs");
|
|
22
|
-
|
|
23
17
|
var kendo_vue_data_tools_1 = require("@progress/kendo-vue-data-tools");
|
|
24
18
|
/**
|
|
25
19
|
* @hidden
|
|
26
20
|
*/
|
|
27
|
-
|
|
28
|
-
|
|
29
21
|
var GridEditCellVue2 = {
|
|
30
22
|
props: {
|
|
31
23
|
id: String,
|
|
@@ -99,7 +91,6 @@ var GridEditCellVue2 = {
|
|
|
99
91
|
value = event.target.valueAsDate ? event.target.valueAsDate : event.target.value;
|
|
100
92
|
}
|
|
101
93
|
}
|
|
102
|
-
|
|
103
94
|
this.$emit('change', {
|
|
104
95
|
dataItem: this.$props.dataItem,
|
|
105
96
|
field: this.$props.field,
|
|
@@ -123,7 +114,6 @@ var GridEditCellVue2 = {
|
|
|
123
114
|
var data = (0, main_1.getNestedValue)(this.$props.field, this.$props.dataItem);
|
|
124
115
|
var navAttrs = this.getKeyboardNavigationAttributes(this.$props.id);
|
|
125
116
|
var defaultRendering = null;
|
|
126
|
-
|
|
127
117
|
switch (this.$props.editor) {
|
|
128
118
|
case 'numeric':
|
|
129
119
|
defaultRendering = h("td", {
|
|
@@ -150,7 +140,8 @@ var GridEditCellVue2 = {
|
|
|
150
140
|
tabindex: navAttrs.tabIndex,
|
|
151
141
|
"data-keyboardnavlevel": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_LEVEL],
|
|
152
142
|
"data-keyboardnavid": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_ID]
|
|
153
|
-
}, [
|
|
143
|
+
}, [
|
|
144
|
+
// @ts-ignore
|
|
154
145
|
h(kendo_vue_inputs_1.NumericTextBox, {
|
|
155
146
|
style: {
|
|
156
147
|
width: '100%'
|
|
@@ -165,7 +156,6 @@ var GridEditCellVue2 = {
|
|
|
165
156
|
}
|
|
166
157
|
})]);
|
|
167
158
|
break;
|
|
168
|
-
|
|
169
159
|
case 'date':
|
|
170
160
|
defaultRendering = h("td", {
|
|
171
161
|
onKeydown: this.triggerKeydown,
|
|
@@ -191,7 +181,8 @@ var GridEditCellVue2 = {
|
|
|
191
181
|
tabindex: navAttrs.tabIndex,
|
|
192
182
|
"data-keyboardnavlevel": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_LEVEL],
|
|
193
183
|
"data-keyboardnavid": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_ID]
|
|
194
|
-
}, [
|
|
184
|
+
}, [
|
|
185
|
+
// @ts-ignore
|
|
195
186
|
h(kendo_vue_dateinputs_1.DatePicker, {
|
|
196
187
|
style: {
|
|
197
188
|
width: '100%'
|
|
@@ -206,7 +197,6 @@ var GridEditCellVue2 = {
|
|
|
206
197
|
}
|
|
207
198
|
})]);
|
|
208
199
|
break;
|
|
209
|
-
|
|
210
200
|
case 'boolean':
|
|
211
201
|
defaultRendering = h("td", {
|
|
212
202
|
onKeydown: this.triggerKeydown,
|
|
@@ -256,7 +246,6 @@ var GridEditCellVue2 = {
|
|
|
256
246
|
}
|
|
257
247
|
})]);
|
|
258
248
|
break;
|
|
259
|
-
|
|
260
249
|
default:
|
|
261
250
|
defaultRendering = h("td", {
|
|
262
251
|
onKeydown: this.triggerKeydown,
|
|
@@ -299,7 +288,6 @@ var GridEditCellVue2 = {
|
|
|
299
288
|
}
|
|
300
289
|
})])]);
|
|
301
290
|
}
|
|
302
|
-
|
|
303
291
|
return kendo_vue_common_1.getTemplate.call(this, {
|
|
304
292
|
h: h,
|
|
305
293
|
template: this.$props.render,
|
|
@@ -321,6 +309,5 @@ exports.GridEditCellVue2 = GridEditCellVue2;
|
|
|
321
309
|
/**
|
|
322
310
|
* @hidden
|
|
323
311
|
*/
|
|
324
|
-
|
|
325
312
|
var GridEditCell = GridEditCellVue2;
|
|
326
313
|
exports.GridEditCell = GridEditCell;
|
|
@@ -3,35 +3,24 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.GridFilterCellVue2 = exports.GridFilterCell = void 0;
|
|
7
|
-
|
|
6
|
+
exports.GridFilterCellVue2 = exports.GridFilterCell = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
8
|
var Vue = require("vue");
|
|
9
|
-
|
|
10
9
|
var allVue = Vue;
|
|
11
10
|
var gh = allVue.h;
|
|
12
11
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
13
12
|
var inject = allVue.inject;
|
|
14
|
-
|
|
15
13
|
var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
|
|
16
|
-
|
|
17
14
|
var main_1 = require("../messages/main");
|
|
18
|
-
|
|
19
15
|
var kendo_vue_dropdowns_1 = require("@progress/kendo-vue-dropdowns");
|
|
20
|
-
|
|
21
16
|
var kendo_vue_inputs_1 = require("@progress/kendo-vue-inputs");
|
|
22
|
-
|
|
23
17
|
var kendo_vue_dateinputs_1 = require("@progress/kendo-vue-dateinputs");
|
|
24
|
-
|
|
25
18
|
var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
|
|
26
|
-
|
|
27
19
|
var filterCommon_1 = require("../filterCommon");
|
|
28
|
-
|
|
29
20
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
30
21
|
/**
|
|
31
22
|
* @hidden
|
|
32
23
|
*/
|
|
33
|
-
|
|
34
|
-
|
|
35
24
|
var GridFilterCellVue2 = {
|
|
36
25
|
name: 'KendoGridFilterCell',
|
|
37
26
|
props: {
|
|
@@ -97,19 +86,17 @@ var GridFilterCellVue2 = {
|
|
|
97
86
|
// @ts-ignore
|
|
98
87
|
render: function render(createElement) {
|
|
99
88
|
var _this = this;
|
|
100
|
-
|
|
101
89
|
var h = gh || createElement;
|
|
102
90
|
var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
|
|
103
91
|
var selectedOperator = this.$props.operators.find(function (item) {
|
|
104
92
|
return item.operator === _this.$props.operator;
|
|
105
93
|
}) || null;
|
|
106
|
-
|
|
107
94
|
var renderOperatorEditor = function renderOperatorEditor() {
|
|
108
95
|
if (this.$props.filterType === 'boolean') {
|
|
109
96
|
return;
|
|
110
97
|
}
|
|
111
|
-
|
|
112
|
-
|
|
98
|
+
return (
|
|
99
|
+
// @ts-ignore
|
|
113
100
|
h(kendo_vue_dropdowns_1.DropDownList, {
|
|
114
101
|
onChange: this.operatorChange,
|
|
115
102
|
on: this.v3 ? undefined : {
|
|
@@ -139,13 +126,12 @@ var GridFilterCellVue2 = {
|
|
|
139
126
|
})
|
|
140
127
|
);
|
|
141
128
|
};
|
|
142
|
-
|
|
143
129
|
var filterComponent = function filterComponent(filterType, value) {
|
|
144
130
|
var _this = this;
|
|
145
|
-
|
|
146
131
|
switch (filterType) {
|
|
147
132
|
case 'numeric':
|
|
148
|
-
return (
|
|
133
|
+
return (
|
|
134
|
+
// @ts-ignore
|
|
149
135
|
h(kendo_vue_inputs_1.NumericTextBox, {
|
|
150
136
|
value: value,
|
|
151
137
|
attrs: this.v3 ? undefined : {
|
|
@@ -165,9 +151,9 @@ var GridFilterCellVue2 = {
|
|
|
165
151
|
ariaLabel: this.ariaLabel
|
|
166
152
|
})
|
|
167
153
|
);
|
|
168
|
-
|
|
169
154
|
case 'date':
|
|
170
|
-
return (
|
|
155
|
+
return (
|
|
156
|
+
// @ts-ignore
|
|
171
157
|
h(kendo_vue_dateinputs_1.DatePicker, {
|
|
172
158
|
value: value,
|
|
173
159
|
attrs: this.v3 ? undefined : {
|
|
@@ -187,10 +173,10 @@ var GridFilterCellVue2 = {
|
|
|
187
173
|
ariaLabel: this.ariaLabel
|
|
188
174
|
})
|
|
189
175
|
);
|
|
190
|
-
|
|
191
176
|
case 'boolean':
|
|
192
177
|
var booleanValues = this.$props.booleanValues;
|
|
193
|
-
return (
|
|
178
|
+
return (
|
|
179
|
+
// @ts-ignore
|
|
194
180
|
h(kendo_vue_dropdowns_1.DropDownList, {
|
|
195
181
|
onChange: this.boolDropdownChange,
|
|
196
182
|
on: this.v3 ? undefined : {
|
|
@@ -214,7 +200,6 @@ var GridFilterCellVue2 = {
|
|
|
214
200
|
ariaLabel: this.ariaLabel
|
|
215
201
|
})
|
|
216
202
|
);
|
|
217
|
-
|
|
218
203
|
default:
|
|
219
204
|
return h("span", {
|
|
220
205
|
"class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
|
|
@@ -241,12 +226,12 @@ var GridFilterCellVue2 = {
|
|
|
241
226
|
})]);
|
|
242
227
|
}
|
|
243
228
|
};
|
|
244
|
-
|
|
245
229
|
var defaultRendering = h("div", {
|
|
246
230
|
"class": "k-filtercell"
|
|
247
231
|
}, [h("span", [filterComponent.call(this, this.$props.filterType, this.$props.value), h("div", {
|
|
248
232
|
"class": "k-filtercell-operator"
|
|
249
|
-
}, [renderOperatorEditor.call(this),
|
|
233
|
+
}, [renderOperatorEditor.call(this),
|
|
234
|
+
// @ts-ignore function children
|
|
250
235
|
h(kendo_vue_buttons_1.Button, {
|
|
251
236
|
type: "button",
|
|
252
237
|
attrs: this.v3 ? undefined : {
|
|
@@ -282,6 +267,5 @@ exports.GridFilterCellVue2 = GridFilterCellVue2;
|
|
|
282
267
|
/**
|
|
283
268
|
* @hidden
|
|
284
269
|
*/
|
|
285
|
-
|
|
286
270
|
var GridFilterCell = GridFilterCellVue2;
|
|
287
271
|
exports.GridFilterCell = GridFilterCell;
|
|
@@ -3,22 +3,17 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.GridGroupCellVue2 = exports.GridGroupCell = void 0;
|
|
7
|
-
|
|
6
|
+
exports.GridGroupCellVue2 = exports.GridGroupCell = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
8
|
var Vue = require("vue");
|
|
9
|
-
|
|
10
9
|
var allVue = Vue;
|
|
11
10
|
var gh = allVue.h;
|
|
12
11
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
13
|
-
|
|
14
12
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
15
|
-
|
|
16
13
|
var kendo_vue_data_tools_1 = require("@progress/kendo-vue-data-tools");
|
|
17
14
|
/**
|
|
18
15
|
* @hidden
|
|
19
16
|
*/
|
|
20
|
-
|
|
21
|
-
|
|
22
17
|
var GridGroupCellVue2 = {
|
|
23
18
|
props: {
|
|
24
19
|
id: String,
|
|
@@ -61,11 +56,9 @@ var GridGroupCellVue2 = {
|
|
|
61
56
|
field: this.$props.field,
|
|
62
57
|
expanded: this.$props.expanded
|
|
63
58
|
});
|
|
64
|
-
|
|
65
59
|
if (event.defaultPrevented) {
|
|
66
60
|
return;
|
|
67
61
|
}
|
|
68
|
-
|
|
69
62
|
if (event.keyCode === kendo_vue_common_1.Keys.enter) {
|
|
70
63
|
event.preventDefault();
|
|
71
64
|
this.$emit('change', {
|
|
@@ -100,20 +93,18 @@ var GridGroupCellVue2 = {
|
|
|
100
93
|
// @ts-ignore
|
|
101
94
|
render: function render(createElement) {
|
|
102
95
|
var _this = this;
|
|
103
|
-
|
|
104
96
|
var h = gh || createElement;
|
|
105
97
|
var defaultRendering = null;
|
|
106
98
|
var _a = this.$props,
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
99
|
+
columnIndex = _a.columnIndex,
|
|
100
|
+
level = _a.level,
|
|
101
|
+
columnsCount = _a.columnsCount,
|
|
102
|
+
rowType = _a.rowType,
|
|
103
|
+
dataItem = _a.dataItem,
|
|
104
|
+
field = _a.field,
|
|
105
|
+
expanded = _a.expanded,
|
|
106
|
+
render = _a.render;
|
|
115
107
|
var navAttrs = this.getKeyboardNavigationAttributes(this.$props.id);
|
|
116
|
-
|
|
117
108
|
if (columnIndex === undefined || level === undefined || columnIndex < level || columnsCount === undefined || rowType !== 'groupHeader' || dataItem[field] === undefined) {
|
|
118
109
|
defaultRendering = h("td", {
|
|
119
110
|
key: 'g' + columnIndex,
|
|
@@ -168,7 +159,6 @@ var GridGroupCellVue2 = {
|
|
|
168
159
|
"class": expanded ? 'k-i-caret-alt-down k-icon' : 'k-i-caret-alt-right k-icon'
|
|
169
160
|
}), dataItem[field].toString()])]);
|
|
170
161
|
}
|
|
171
|
-
|
|
172
162
|
return kendo_vue_common_1.getTemplate.call(this, {
|
|
173
163
|
h: h,
|
|
174
164
|
template: render,
|
|
@@ -185,6 +175,5 @@ exports.GridGroupCellVue2 = GridGroupCellVue2;
|
|
|
185
175
|
/**
|
|
186
176
|
* @hidden
|
|
187
177
|
*/
|
|
188
|
-
|
|
189
178
|
var GridGroupCell = GridGroupCellVue2;
|
|
190
179
|
exports.GridGroupCell = GridGroupCell;
|
|
@@ -3,24 +3,18 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.GridHierarchyCellVue2 = exports.GridHierarchyCell = void 0;
|
|
7
|
-
|
|
6
|
+
exports.GridHierarchyCellVue2 = exports.GridHierarchyCell = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
8
|
var Vue = require("vue");
|
|
9
|
-
|
|
10
9
|
var allVue = Vue;
|
|
11
10
|
var gh = allVue.h;
|
|
12
11
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
13
|
-
|
|
14
12
|
var main_1 = require("../utils/main");
|
|
15
|
-
|
|
16
13
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
17
|
-
|
|
18
14
|
var kendo_vue_data_tools_1 = require("@progress/kendo-vue-data-tools");
|
|
19
15
|
/**
|
|
20
16
|
* @hidden
|
|
21
17
|
*/
|
|
22
|
-
|
|
23
|
-
|
|
24
18
|
var GridHierarchyCellVue2 = {
|
|
25
19
|
props: {
|
|
26
20
|
id: String,
|
|
@@ -62,11 +56,9 @@ var GridHierarchyCellVue2 = {
|
|
|
62
56
|
field: this.$props.field,
|
|
63
57
|
expanded: expanded
|
|
64
58
|
});
|
|
65
|
-
|
|
66
59
|
if (event.defaultPrevented) {
|
|
67
60
|
return;
|
|
68
61
|
}
|
|
69
|
-
|
|
70
62
|
if (event.keyCode === kendo_vue_common_1.Keys.enter) {
|
|
71
63
|
event.preventDefault();
|
|
72
64
|
this.$emit('change', {
|
|
@@ -91,7 +83,6 @@ var GridHierarchyCellVue2 = {
|
|
|
91
83
|
computed: {
|
|
92
84
|
wrapperClass: function wrapperClass() {
|
|
93
85
|
var _a;
|
|
94
|
-
|
|
95
86
|
return _a = {
|
|
96
87
|
'k-hierarchy-cell': true
|
|
97
88
|
}, _a[this.className || ''] = this.className, _a;
|
|
@@ -107,11 +98,9 @@ var GridHierarchyCellVue2 = {
|
|
|
107
98
|
// @ts-ignore
|
|
108
99
|
render: function render(createElement) {
|
|
109
100
|
var _this = this;
|
|
110
|
-
|
|
111
101
|
var h = gh || createElement;
|
|
112
102
|
var defaultRendering = null;
|
|
113
103
|
var navAttrs = this.getKeyboardNavigationAttributes(this.$props.id);
|
|
114
|
-
|
|
115
104
|
if (this.$props.rowType === 'groupFooter') {
|
|
116
105
|
defaultRendering = h("td", {
|
|
117
106
|
"class": this.wrapperClass
|
|
@@ -161,7 +150,6 @@ var GridHierarchyCellVue2 = {
|
|
|
161
150
|
tabindex: -1
|
|
162
151
|
})]);
|
|
163
152
|
}
|
|
164
|
-
|
|
165
153
|
return kendo_vue_common_1.getTemplate.call(this, {
|
|
166
154
|
h: h,
|
|
167
155
|
template: this.$props.render,
|
|
@@ -178,6 +166,5 @@ exports.GridHierarchyCellVue2 = GridHierarchyCellVue2;
|
|
|
178
166
|
/**
|
|
179
167
|
* @hidden
|
|
180
168
|
*/
|
|
181
|
-
|
|
182
169
|
var GridHierarchyCell = GridHierarchyCellVue2;
|
|
183
170
|
exports.GridHierarchyCell = GridHierarchyCell;
|