@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
|
@@ -10,7 +10,6 @@ import { cellBoolDropdownChange, cellInputChange } from '../filterCommon';
|
|
|
10
10
|
/**
|
|
11
11
|
* @hidden
|
|
12
12
|
*/
|
|
13
|
-
|
|
14
13
|
var GridColumnMenuFilterCellVue2 = {
|
|
15
14
|
props: {
|
|
16
15
|
field: String,
|
|
@@ -51,16 +50,15 @@ var GridColumnMenuFilterCellVue2 = {
|
|
|
51
50
|
// @ts-ignore
|
|
52
51
|
render: function render(createElement) {
|
|
53
52
|
var _this = this;
|
|
54
|
-
|
|
55
53
|
var h = gh || createElement;
|
|
56
54
|
var _a = this.$props,
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
55
|
+
filterType = _a.filterType,
|
|
56
|
+
value = _a.value,
|
|
57
|
+
booleanValues = _a.booleanValues;
|
|
61
58
|
switch (filterType) {
|
|
62
59
|
case 'numeric':
|
|
63
|
-
return (
|
|
60
|
+
return (
|
|
61
|
+
// @ts-ignore
|
|
64
62
|
h(NumericTextBox, {
|
|
65
63
|
value: value,
|
|
66
64
|
attrs: this.v3 ? undefined : {
|
|
@@ -76,9 +74,9 @@ var GridColumnMenuFilterCellVue2 = {
|
|
|
76
74
|
}
|
|
77
75
|
})
|
|
78
76
|
);
|
|
79
|
-
|
|
80
77
|
case 'date':
|
|
81
|
-
return (
|
|
78
|
+
return (
|
|
79
|
+
// @ts-ignore
|
|
82
80
|
h(DatePicker, {
|
|
83
81
|
value: value,
|
|
84
82
|
attrs: this.v3 ? undefined : {
|
|
@@ -96,13 +94,12 @@ var GridColumnMenuFilterCellVue2 = {
|
|
|
96
94
|
}
|
|
97
95
|
})
|
|
98
96
|
);
|
|
99
|
-
|
|
100
97
|
case 'boolean':
|
|
101
98
|
var noFilterSet_1 = function noFilterSet_1(filter) {
|
|
102
99
|
return filter === null || filter === undefined;
|
|
103
100
|
};
|
|
104
|
-
|
|
105
|
-
|
|
101
|
+
return (
|
|
102
|
+
// @ts-ignore
|
|
106
103
|
h(DropDownList, {
|
|
107
104
|
onChange: this.boolDropdownChange,
|
|
108
105
|
on: this.v3 ? undefined : {
|
|
@@ -122,7 +119,6 @@ var GridColumnMenuFilterCellVue2 = {
|
|
|
122
119
|
textField: "text"
|
|
123
120
|
})
|
|
124
121
|
);
|
|
125
|
-
|
|
126
122
|
default:
|
|
127
123
|
return h("span", {
|
|
128
124
|
"class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
|
|
@@ -147,6 +143,5 @@ var GridColumnMenuFilterCellVue2 = {
|
|
|
147
143
|
/**
|
|
148
144
|
* @hidden
|
|
149
145
|
*/
|
|
150
|
-
|
|
151
146
|
var GridColumnMenuFilterCell = GridColumnMenuFilterCellVue2;
|
|
152
147
|
export { GridColumnMenuFilterCell, GridColumnMenuFilterCellVue2 };
|
|
@@ -8,7 +8,6 @@ import { cellOperatorChange } from '../filterCommon';
|
|
|
8
8
|
/**
|
|
9
9
|
* @hidden
|
|
10
10
|
*/
|
|
11
|
-
|
|
12
11
|
var ColumnMenuFilterOperatorsVue2 = {
|
|
13
12
|
props: {
|
|
14
13
|
filterType: String,
|
|
@@ -38,12 +37,12 @@ var ColumnMenuFilterOperatorsVue2 = {
|
|
|
38
37
|
// @ts-ignore
|
|
39
38
|
render: function render(createElement) {
|
|
40
39
|
var _this = this;
|
|
41
|
-
|
|
42
40
|
var h = gh || createElement;
|
|
43
41
|
var ddlValue = this.$props.operators.find(function (item) {
|
|
44
42
|
return item.operator === _this.$props.operator;
|
|
45
43
|
}) || null;
|
|
46
|
-
return this.$props.filterType !== 'boolean' ?
|
|
44
|
+
return this.$props.filterType !== 'boolean' ?
|
|
45
|
+
// @ts-ignore
|
|
47
46
|
h(DropDownList, {
|
|
48
47
|
onChange: this.operatorChange,
|
|
49
48
|
on: this.v3 ? undefined : {
|
|
@@ -63,6 +62,5 @@ var ColumnMenuFilterOperatorsVue2 = {
|
|
|
63
62
|
/**
|
|
64
63
|
* @hidden
|
|
65
64
|
*/
|
|
66
|
-
|
|
67
65
|
var ColumnMenuFilterOperators = ColumnMenuFilterOperatorsVue2;
|
|
68
66
|
export { ColumnMenuFilterOperators, ColumnMenuFilterOperatorsVue2 };
|
|
@@ -9,7 +9,6 @@ import { getTemplate } from '@progress/kendo-vue-common';
|
|
|
9
9
|
/**
|
|
10
10
|
* @hidden
|
|
11
11
|
*/
|
|
12
|
-
|
|
13
12
|
var GridColumnMenuFilterUIVue2 = {
|
|
14
13
|
props: {
|
|
15
14
|
firstFilterProps: Object,
|
|
@@ -47,27 +46,27 @@ var GridColumnMenuFilterUIVue2 = {
|
|
|
47
46
|
// @ts-ignore
|
|
48
47
|
render: function render(createElement) {
|
|
49
48
|
var _this = this;
|
|
50
|
-
|
|
51
49
|
var h = gh || createElement;
|
|
52
50
|
var _a = this.$props,
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
51
|
+
firstFilterProps = _a.firstFilterProps,
|
|
52
|
+
hideSecondFilter = _a.hideSecondFilter,
|
|
53
|
+
secondFilterProps = _a.secondFilterProps,
|
|
54
|
+
logicData = _a.logicData,
|
|
55
|
+
logicValue = _a.logicValue,
|
|
56
|
+
operators = _a.operators,
|
|
57
|
+
render = _a.render;
|
|
60
58
|
var firstField = firstFilterProps.field,
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
var defaultRendering = h("div", [
|
|
59
|
+
firstValue = firstFilterProps.value,
|
|
60
|
+
firstOperator = firstFilterProps.operator,
|
|
61
|
+
firstBooleanValues = firstFilterProps.booleanValues,
|
|
62
|
+
firstFilterType = firstFilterProps.filterType,
|
|
63
|
+
secondField = secondFilterProps.field,
|
|
64
|
+
secondValue = secondFilterProps.value,
|
|
65
|
+
secondOperator = secondFilterProps.operator,
|
|
66
|
+
secondBooleanValues = secondFilterProps.booleanValues,
|
|
67
|
+
secondFilterType = secondFilterProps.filterType;
|
|
68
|
+
var defaultRendering = h("div", [
|
|
69
|
+
// @ts-ignore
|
|
71
70
|
h(GridColumnMenuFilterCell, {
|
|
72
71
|
field: firstField,
|
|
73
72
|
attrs: this.v3 ? undefined : {
|
|
@@ -93,7 +92,8 @@ var GridColumnMenuFilterUIVue2 = {
|
|
|
93
92
|
_this.changeHandler(e, 0);
|
|
94
93
|
},
|
|
95
94
|
operators: operators
|
|
96
|
-
}), !hideSecondFilter && h("div", [
|
|
95
|
+
}), !hideSecondFilter && h("div", [
|
|
96
|
+
// @ts-ignore
|
|
97
97
|
h(DropDownList, {
|
|
98
98
|
onChange: this.logicChange,
|
|
99
99
|
on: this.v3 ? undefined : {
|
|
@@ -108,7 +108,8 @@ var GridColumnMenuFilterUIVue2 = {
|
|
|
108
108
|
},
|
|
109
109
|
value: logicValue,
|
|
110
110
|
textField: "text"
|
|
111
|
-
}),
|
|
111
|
+
}),
|
|
112
|
+
// @ts-ignore
|
|
112
113
|
h(GridColumnMenuFilterCell, {
|
|
113
114
|
field: secondField,
|
|
114
115
|
attrs: this.v3 ? undefined : {
|
|
@@ -150,6 +151,5 @@ var GridColumnMenuFilterUIVue2 = {
|
|
|
150
151
|
/**
|
|
151
152
|
* @hidden
|
|
152
153
|
*/
|
|
153
|
-
|
|
154
154
|
var GridColumnMenuFilterUI = GridColumnMenuFilterUIVue2;
|
|
155
155
|
export { GridColumnMenuFilterUI, GridColumnMenuFilterUIVue2 };
|
|
@@ -7,7 +7,6 @@ import { Keys } from '@progress/kendo-vue-common';
|
|
|
7
7
|
/**
|
|
8
8
|
* @hidden
|
|
9
9
|
*/
|
|
10
|
-
|
|
11
10
|
var GridColumnMenuItemVue2 = {
|
|
12
11
|
props: {
|
|
13
12
|
title: String,
|
|
@@ -35,9 +34,9 @@ var GridColumnMenuItemVue2 = {
|
|
|
35
34
|
render: function render(createElement) {
|
|
36
35
|
var h = gh || createElement;
|
|
37
36
|
var _a = this.$props,
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
37
|
+
title = _a.title,
|
|
38
|
+
iconClass = _a.iconClass,
|
|
39
|
+
selected = _a.selected;
|
|
41
40
|
return h("div", {
|
|
42
41
|
tabindex: 0,
|
|
43
42
|
attrs: this.v3 ? undefined : {
|
|
@@ -58,6 +57,5 @@ var GridColumnMenuItemVue2 = {
|
|
|
58
57
|
/**
|
|
59
58
|
* @hidden
|
|
60
59
|
*/
|
|
61
|
-
|
|
62
60
|
var GridColumnMenuItem = GridColumnMenuItemVue2;
|
|
63
61
|
export { GridColumnMenuItem, GridColumnMenuItemVue2 };
|
|
@@ -8,7 +8,6 @@ import { Reveal } from '@progress/kendo-vue-animation';
|
|
|
8
8
|
/**
|
|
9
9
|
* @hidden
|
|
10
10
|
*/
|
|
11
|
-
|
|
12
11
|
var GridColumnMenuItemContentVue2 = {
|
|
13
12
|
props: {
|
|
14
13
|
show: Boolean
|
|
@@ -23,12 +22,12 @@ var GridColumnMenuItemContentVue2 = {
|
|
|
23
22
|
// @ts-ignore
|
|
24
23
|
render: function render(createElement) {
|
|
25
24
|
var _this = this;
|
|
26
|
-
|
|
27
25
|
var h = gh || createElement;
|
|
28
26
|
var defaultSlot = getDefaultSlots(this);
|
|
29
27
|
return h("div", {
|
|
30
28
|
"class": 'k-columnmenu-item-content'
|
|
31
|
-
}, [
|
|
29
|
+
}, [
|
|
30
|
+
// @ts-ignore function children
|
|
32
31
|
h(Reveal, {
|
|
33
32
|
appear: this.$props.show,
|
|
34
33
|
attrs: this.v3 ? undefined : {
|
|
@@ -46,6 +45,5 @@ var GridColumnMenuItemContentVue2 = {
|
|
|
46
45
|
/**
|
|
47
46
|
* @hidden
|
|
48
47
|
*/
|
|
49
|
-
|
|
50
48
|
var GridColumnMenuItemContent = GridColumnMenuItemContentVue2;
|
|
51
49
|
export { GridColumnMenuItemContent, GridColumnMenuItemContentVue2 };
|
|
@@ -7,7 +7,6 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
|
|
|
7
7
|
/**
|
|
8
8
|
* @hidden
|
|
9
9
|
*/
|
|
10
|
-
|
|
11
10
|
var GridColumnMenuItemGroupVue2 = {
|
|
12
11
|
// @ts-ignore
|
|
13
12
|
setup: !isV3 ? undefined : function () {
|
|
@@ -28,6 +27,5 @@ var GridColumnMenuItemGroupVue2 = {
|
|
|
28
27
|
/**
|
|
29
28
|
* @hidden
|
|
30
29
|
*/
|
|
31
|
-
|
|
32
30
|
var GridColumnMenuItemGroup = GridColumnMenuItemGroupVue2;
|
|
33
31
|
export { GridColumnMenuItemGroup, GridColumnMenuItemGroupVue2 };
|
|
@@ -13,17 +13,14 @@ import { hasListener } from '@progress/kendo-vue-common';
|
|
|
13
13
|
/**
|
|
14
14
|
* @hidden
|
|
15
15
|
*/
|
|
16
|
-
|
|
17
16
|
var ASC_DIR = 'asc';
|
|
18
17
|
/**
|
|
19
18
|
* @hidden
|
|
20
19
|
*/
|
|
21
|
-
|
|
22
20
|
var DESC_DIR = 'desc';
|
|
23
21
|
/**
|
|
24
22
|
* @hidden
|
|
25
23
|
*/
|
|
26
|
-
|
|
27
24
|
var sortSeqMap = {
|
|
28
25
|
true: {
|
|
29
26
|
'asc': {
|
|
@@ -57,12 +54,10 @@ var sortSeqMap = {
|
|
|
57
54
|
/**
|
|
58
55
|
* @hidden
|
|
59
56
|
*/
|
|
60
|
-
|
|
61
57
|
var sortIndex = function sortIndex(field, sort) {
|
|
62
58
|
if (!sort) {
|
|
63
59
|
return -1;
|
|
64
60
|
}
|
|
65
|
-
|
|
66
61
|
return sort.findIndex(function (s) {
|
|
67
62
|
return s.field === field;
|
|
68
63
|
});
|
|
@@ -70,26 +65,20 @@ var sortIndex = function sortIndex(field, sort) {
|
|
|
70
65
|
/**
|
|
71
66
|
* @hidden
|
|
72
67
|
*/
|
|
73
|
-
|
|
74
|
-
|
|
75
68
|
var sortedAsc = function sortedAsc(sortedIndex, sort) {
|
|
76
69
|
return !!(sort && sortedIndex > -1 && sort[sortedIndex].dir === ASC_DIR);
|
|
77
70
|
};
|
|
78
71
|
/**
|
|
79
72
|
* @hidden
|
|
80
73
|
*/
|
|
81
|
-
|
|
82
|
-
|
|
83
74
|
var sortedDesc = function sortedDesc(sortedIndex, sort) {
|
|
84
75
|
return !!(sort && sortedIndex > -1 && sort[sortedIndex].dir === DESC_DIR);
|
|
85
|
-
};
|
|
86
|
-
|
|
76
|
+
};
|
|
77
|
+
// tslint:disable:max-line-length
|
|
87
78
|
/**
|
|
88
79
|
* Can be used to check if sorting is applied to a specific field ([see example]({% slug column_menu_grid %}#toc-styling-the-column-menu-icon)). Useful for creating active sort indicators.
|
|
89
80
|
*/
|
|
90
81
|
// tslint:enable:max-line-length
|
|
91
|
-
|
|
92
|
-
|
|
93
82
|
export var sortGroupByField = function sortGroupByField(field, sort) {
|
|
94
83
|
var currentSortIndex = sortIndex(field, sort);
|
|
95
84
|
return sortedDesc(currentSortIndex, sort) || sortedAsc(currentSortIndex, sort);
|
|
@@ -97,7 +86,6 @@ export var sortGroupByField = function sortGroupByField(field, sort) {
|
|
|
97
86
|
/**
|
|
98
87
|
* @hidden
|
|
99
88
|
*/
|
|
100
|
-
|
|
101
89
|
var GridColumnMenuSortVue2 = {
|
|
102
90
|
props: {
|
|
103
91
|
sortable: [Boolean, Object],
|
|
@@ -122,20 +110,16 @@ var GridColumnMenuSortVue2 = {
|
|
|
122
110
|
},
|
|
123
111
|
onSort: function onSort(e, selectedDir) {
|
|
124
112
|
e.preventDefault();
|
|
125
|
-
|
|
126
113
|
if (!hasListener.call(this, 'sortchange')) {
|
|
127
114
|
return;
|
|
128
115
|
}
|
|
129
|
-
|
|
130
116
|
var _a = this.$props,
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
117
|
+
column = _a.column,
|
|
118
|
+
sortable = _a.sortable,
|
|
119
|
+
sort = _a.sort;
|
|
135
120
|
var _b = normalize(sortable || false, false),
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
121
|
+
allowUnsort = _b.allowUnsort,
|
|
122
|
+
mode = _b.mode;
|
|
139
123
|
var oldDescriptor = (sort || []).filter(function (d) {
|
|
140
124
|
return d.field === column.field;
|
|
141
125
|
})[0];
|
|
@@ -143,14 +127,12 @@ var GridColumnMenuSortVue2 = {
|
|
|
143
127
|
var newDescriptor = mode === 'single' ? [] : (this.$props.sort || []).filter(function (d) {
|
|
144
128
|
return d.field !== column.field;
|
|
145
129
|
});
|
|
146
|
-
|
|
147
130
|
if (dir !== '' && column.field) {
|
|
148
131
|
newDescriptor.push({
|
|
149
132
|
field: column.field,
|
|
150
133
|
dir: dir
|
|
151
134
|
});
|
|
152
135
|
}
|
|
153
|
-
|
|
154
136
|
this.$emit('sortchange', newDescriptor, {
|
|
155
137
|
event: e,
|
|
156
138
|
field: this.$props.column.field
|
|
@@ -169,16 +151,17 @@ var GridColumnMenuSortVue2 = {
|
|
|
169
151
|
// @ts-ignore
|
|
170
152
|
render: function render(createElement) {
|
|
171
153
|
var _this = this;
|
|
172
|
-
|
|
173
154
|
var h = gh || createElement;
|
|
174
155
|
var _a = this.$props,
|
|
175
|
-
|
|
176
|
-
|
|
156
|
+
sort = _a.sort,
|
|
157
|
+
column = _a.column;
|
|
177
158
|
var currentSortIndex = sortIndex(column.field, sort);
|
|
178
159
|
var localizationService = provideLocalizationService(this);
|
|
179
|
-
return (
|
|
160
|
+
return (
|
|
161
|
+
// @ts-ignore function children
|
|
180
162
|
h(GridColumnMenuItemGroup, this.v3 ? function () {
|
|
181
|
-
return [
|
|
163
|
+
return [
|
|
164
|
+
// @ts-ignore
|
|
182
165
|
h(GridColumnMenuItem, {
|
|
183
166
|
title: localizationService.toLanguageString(sortAscending, messages[sortAscending]),
|
|
184
167
|
attrs: _this.v3 ? undefined : {
|
|
@@ -192,7 +175,8 @@ var GridColumnMenuSortVue2 = {
|
|
|
192
175
|
on: _this.v3 ? undefined : {
|
|
193
176
|
"menuitemclick": _this.onAscClick
|
|
194
177
|
}
|
|
195
|
-
}),
|
|
178
|
+
}),
|
|
179
|
+
// @ts-ignore
|
|
196
180
|
h(GridColumnMenuItem, {
|
|
197
181
|
title: localizationService.toLanguageString(sortDescending, messages[sortDescending]),
|
|
198
182
|
attrs: _this.v3 ? undefined : {
|
|
@@ -370,6 +354,5 @@ var GridColumnMenuSortVue2 = {
|
|
|
370
354
|
*
|
|
371
355
|
* ### props <span class='code'>[GridColumnMenuSortProps]({% slug api_grid_gridcolumnmenusortprops %})</span>
|
|
372
356
|
*/
|
|
373
|
-
|
|
374
357
|
var GridColumnMenuSort = GridColumnMenuSortVue2;
|
|
375
358
|
export { GridColumnMenuSort, GridColumnMenuSortVue2 };
|
|
@@ -7,7 +7,6 @@ import { getDefaultSlots, Draggable } from '@progress/kendo-vue-common';
|
|
|
7
7
|
/**
|
|
8
8
|
* @hidden
|
|
9
9
|
*/
|
|
10
|
-
|
|
11
10
|
var ColumnDraggableVue2 = {
|
|
12
11
|
mounted: function mounted() {
|
|
13
12
|
if (this.$el) {
|
|
@@ -17,21 +16,18 @@ var ColumnDraggableVue2 = {
|
|
|
17
16
|
methods: {
|
|
18
17
|
onPress: function onPress(event) {
|
|
19
18
|
var element = this.draggable && this.draggable.element;
|
|
20
|
-
|
|
21
19
|
if (element) {
|
|
22
20
|
this.$emit('pressHandler', event, element);
|
|
23
21
|
}
|
|
24
22
|
},
|
|
25
23
|
onDrag: function onDrag(event) {
|
|
26
24
|
var element = this.draggable && this.draggable.element;
|
|
27
|
-
|
|
28
25
|
if (element) {
|
|
29
26
|
this.$emit('dragHandler', event, element);
|
|
30
27
|
}
|
|
31
28
|
},
|
|
32
29
|
onRelease: function onRelease(event) {
|
|
33
30
|
var element = this.draggable && this.draggable.element;
|
|
34
|
-
|
|
35
31
|
if (element) {
|
|
36
32
|
this.$emit('releaseHandler', event, element);
|
|
37
33
|
}
|
|
@@ -48,7 +44,8 @@ var ColumnDraggableVue2 = {
|
|
|
48
44
|
render: function render(createElement) {
|
|
49
45
|
var h = gh || createElement;
|
|
50
46
|
var defaultSlot = getDefaultSlots(this);
|
|
51
|
-
return (
|
|
47
|
+
return (
|
|
48
|
+
// @ts-ignore function children
|
|
52
49
|
h(Draggable, {
|
|
53
50
|
onPress: this.onPress,
|
|
54
51
|
on: this.v3 ? undefined : {
|
|
@@ -68,6 +65,5 @@ var ColumnDraggableVue2 = {
|
|
|
68
65
|
/**
|
|
69
66
|
* @hidden
|
|
70
67
|
*/
|
|
71
|
-
|
|
72
68
|
var ColumnDraggable = ColumnDraggableVue2;
|
|
73
69
|
export { ColumnDraggable, ColumnDraggableVue2 };
|
|
@@ -7,7 +7,6 @@ import { Draggable } from '@progress/kendo-vue-common';
|
|
|
7
7
|
/**
|
|
8
8
|
* @hidden
|
|
9
9
|
*/
|
|
10
|
-
|
|
11
10
|
var ColumnResizerVue2 = {
|
|
12
11
|
mounted: function mounted() {
|
|
13
12
|
if (this.$el) {
|
|
@@ -17,14 +16,12 @@ var ColumnResizerVue2 = {
|
|
|
17
16
|
methods: {
|
|
18
17
|
drag: function drag(event) {
|
|
19
18
|
var element = this.draggable && this.draggable.element;
|
|
20
|
-
|
|
21
19
|
if (element) {
|
|
22
20
|
this.$emit('resize', event, element, false);
|
|
23
21
|
}
|
|
24
22
|
},
|
|
25
23
|
release: function release(event) {
|
|
26
24
|
var element = this.draggable && this.draggable.element;
|
|
27
|
-
|
|
28
25
|
if (element) {
|
|
29
26
|
this.$emit('resize', event, element, true);
|
|
30
27
|
}
|
|
@@ -40,7 +37,6 @@ var ColumnResizerVue2 = {
|
|
|
40
37
|
// @ts-ignore
|
|
41
38
|
render: function render(createElement) {
|
|
42
39
|
var _this = this;
|
|
43
|
-
|
|
44
40
|
var h = gh || createElement;
|
|
45
41
|
var resizeStyle = {
|
|
46
42
|
// TODO: move to theme
|
|
@@ -52,7 +48,8 @@ var ColumnResizerVue2 = {
|
|
|
52
48
|
top: 0,
|
|
53
49
|
width: '.5em'
|
|
54
50
|
};
|
|
55
|
-
return (
|
|
51
|
+
return (
|
|
52
|
+
// @ts-ignore function children
|
|
56
53
|
h(Draggable, {
|
|
57
54
|
onDrag: this.drag,
|
|
58
55
|
on: this.v3 ? undefined : {
|
|
@@ -84,6 +81,5 @@ var ColumnResizerVue2 = {
|
|
|
84
81
|
/**
|
|
85
82
|
* @hidden
|
|
86
83
|
*/
|
|
87
|
-
|
|
88
84
|
var ColumnResizer = ColumnResizerVue2;
|
|
89
85
|
export { ColumnResizer, ColumnResizerVue2 };
|
package/dist/es/drag/DragClue.js
CHANGED
|
@@ -6,7 +6,6 @@ var isV3 = allVue.version && allVue.version[0] === '3';
|
|
|
6
6
|
/**
|
|
7
7
|
* @hidden
|
|
8
8
|
*/
|
|
9
|
-
|
|
10
9
|
var DragClueVue2 = {
|
|
11
10
|
data: function data() {
|
|
12
11
|
return {
|
|
@@ -47,6 +46,5 @@ var DragClueVue2 = {
|
|
|
47
46
|
/**
|
|
48
47
|
* @hidden
|
|
49
48
|
*/
|
|
50
|
-
|
|
51
49
|
var DragClue = DragClueVue2;
|
|
52
50
|
export { DragClue, DragClueVue2 };
|
package/dist/es/drag/DropClue.js
CHANGED
|
@@ -6,7 +6,6 @@ var isV3 = allVue.version && allVue.version[0] === '3';
|
|
|
6
6
|
/**
|
|
7
7
|
* @hidden
|
|
8
8
|
*/
|
|
9
|
-
|
|
10
9
|
var DropClueVue2 = {
|
|
11
10
|
data: function data() {
|
|
12
11
|
return {
|
|
@@ -41,6 +40,5 @@ var DropClueVue2 = {
|
|
|
41
40
|
/**
|
|
42
41
|
* @hidden
|
|
43
42
|
*/
|
|
44
|
-
|
|
45
43
|
var DropClue = DropClueVue2;
|
|
46
44
|
export { DropClue, DropClueVue2 };
|
|
@@ -8,16 +8,14 @@ import { Draggable, getRef, setRef } from '@progress/kendo-vue-common';
|
|
|
8
8
|
/**
|
|
9
9
|
* @hidden
|
|
10
10
|
*/
|
|
11
|
-
|
|
12
11
|
var GroupingIndicatorVue2 = {
|
|
13
12
|
props: {
|
|
14
13
|
title: String,
|
|
15
14
|
dir: String // 'asc' | 'desc';
|
|
16
|
-
|
|
17
15
|
},
|
|
16
|
+
|
|
18
17
|
mounted: function mounted() {
|
|
19
18
|
this.element = getRef(this, 'indicatorContainer');
|
|
20
|
-
|
|
21
19
|
if (this.element) {
|
|
22
20
|
this.draggable = this.$refs.draggable;
|
|
23
21
|
}
|
|
@@ -60,9 +58,9 @@ var GroupingIndicatorVue2 = {
|
|
|
60
58
|
// @ts-ignore
|
|
61
59
|
render: function render(createElement) {
|
|
62
60
|
var _this = this;
|
|
63
|
-
|
|
64
61
|
var h = gh || createElement;
|
|
65
|
-
return (
|
|
62
|
+
return (
|
|
63
|
+
// @ts-ignore function children
|
|
66
64
|
h(Draggable, {
|
|
67
65
|
onPress: this.press,
|
|
68
66
|
on: this.v3 ? undefined : {
|
|
@@ -148,6 +146,5 @@ var GroupingIndicatorVue2 = {
|
|
|
148
146
|
/**
|
|
149
147
|
* @hidden
|
|
150
148
|
*/
|
|
151
|
-
|
|
152
149
|
var GroupingIndicator = GroupingIndicatorVue2;
|
|
153
150
|
export { GroupingIndicator, GroupingIndicatorVue2 };
|
package/dist/es/footer/Footer.js
CHANGED
|
@@ -10,7 +10,6 @@ import { getRef, setRef } from '@progress/kendo-vue-common';
|
|
|
10
10
|
/**
|
|
11
11
|
* @hidden
|
|
12
12
|
*/
|
|
13
|
-
|
|
14
13
|
var FooterVue2 = {
|
|
15
14
|
name: 'Footer',
|
|
16
15
|
props: {
|
|
@@ -75,13 +74,11 @@ var FooterVue2 = {
|
|
|
75
74
|
// @ts-ignore
|
|
76
75
|
render: function render(createElement) {
|
|
77
76
|
var h = gh || createElement;
|
|
78
|
-
|
|
79
77
|
if (!this.$props.staticHeaders) {
|
|
80
78
|
return h("tfoot", {
|
|
81
79
|
"class": "k-grid-footer"
|
|
82
80
|
}, [this.$props.row]);
|
|
83
81
|
}
|
|
84
|
-
|
|
85
82
|
return h("div", {
|
|
86
83
|
"class": "k-grid-footer",
|
|
87
84
|
style: this.divStyle
|
|
@@ -98,6 +95,5 @@ var FooterVue2 = {
|
|
|
98
95
|
/**
|
|
99
96
|
* @hidden
|
|
100
97
|
*/
|
|
101
|
-
|
|
102
98
|
var Footer = FooterVue2;
|
|
103
99
|
export { Footer, FooterVue2 };
|
|
@@ -8,7 +8,6 @@ import { footerColumns } from '../utils/main';
|
|
|
8
8
|
/**
|
|
9
9
|
* @hidden
|
|
10
10
|
*/
|
|
11
|
-
|
|
12
11
|
var FooterRowVue2 = {
|
|
13
12
|
name: 'FooterRow',
|
|
14
13
|
props: {
|
|
@@ -36,7 +35,6 @@ var FooterRowVue2 = {
|
|
|
36
35
|
// @ts-ignore
|
|
37
36
|
render: function render(createElement) {
|
|
38
37
|
var h = gh || createElement;
|
|
39
|
-
|
|
40
38
|
var renderCell = function renderCell(column, index) {
|
|
41
39
|
var footerCellRendering = null;
|
|
42
40
|
var stickyClassName = column.locked && column.left !== undefined ? 'k-grid-footer-sticky' : '';
|
|
@@ -61,7 +59,6 @@ var FooterRowVue2 = {
|
|
|
61
59
|
"class": tdClassName
|
|
62
60
|
}, [footerCellRendering]);
|
|
63
61
|
};
|
|
64
|
-
|
|
65
62
|
return h("tr", {
|
|
66
63
|
role: 'row',
|
|
67
64
|
attrs: this.v3 ? undefined : {
|
|
@@ -73,6 +70,5 @@ var FooterRowVue2 = {
|
|
|
73
70
|
/**
|
|
74
71
|
* @hidden
|
|
75
72
|
*/
|
|
76
|
-
|
|
77
73
|
var FooterRow = FooterRowVue2;
|
|
78
74
|
export { FooterRow, FooterRowVue2 };
|