@progress/kendo-vue-data-tools 3.6.4 → 3.7.0-dev.202210250731
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-data-tools.js +1 -1
- package/dist/es/cells/FilterCell.js +10 -16
- package/dist/es/columnmenu/ColumnMenu.js +4 -8
- package/dist/es/columnmenu/ColumnMenuCheckboxFilter.js +16 -56
- package/dist/es/columnmenu/ColumnMenuContent.js +4 -4
- package/dist/es/columnmenu/ColumnMenuFilter.js +35 -59
- package/dist/es/columnmenu/ColumnMenuFilterCell.js +9 -14
- package/dist/es/columnmenu/ColumnMenuFilterOperators.js +2 -4
- package/dist/es/columnmenu/ColumnMenuFilterUI.js +22 -22
- package/dist/es/columnmenu/ColumnMenuItem.js +3 -5
- package/dist/es/columnmenu/ColumnMenuItemContent.js +2 -4
- package/dist/es/columnmenu/ColumnMenuItemGroup.js +0 -2
- package/dist/es/columnmenu/ColumnMenuSort.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/filter/Expression.js +29 -40
- package/dist/es/filter/Filter.js +6 -13
- package/dist/es/filter/GroupFilters.js +9 -13
- package/dist/es/filter/GroupToolbar.js +26 -24
- package/dist/es/filter/filters/BooleanFilter.js +2 -3
- package/dist/es/filter/filters/DateFilter.js +4 -9
- package/dist/es/filter/filters/EnumFilter.js +10 -15
- package/dist/es/filter/filters/NumericFilter.js +4 -9
- package/dist/es/filter/filters/TextFilter.js +5 -10
- package/dist/es/header/FilterRow.js +7 -19
- package/dist/es/header/Header.js +0 -6
- package/dist/es/header/HeaderCell.js +0 -2
- package/dist/es/header/HeaderRow.js +14 -30
- package/dist/es/header/HeaderSelectionCell.js +0 -2
- package/dist/es/header/HeaderThElement.js +10 -12
- package/dist/es/main.d.ts +1 -0
- package/dist/es/main.js +1 -0
- package/dist/es/navigation/TableKeyboardNavigation.js +27 -75
- package/dist/es/navigation/constants.js +0 -14
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/pager/Pager.js +28 -36
- package/dist/es/pager/PagerInfo.js +0 -2
- package/dist/es/pager/PagerInput.js +0 -3
- package/dist/es/pager/PagerNavigationButton.js +0 -2
- package/dist/es/pager/PagerNumericButtons.js +0 -10
- package/dist/es/pager/PagerPageSizes.js +5 -8
- package/dist/esm/cells/FilterCell.js +10 -16
- package/dist/esm/columnmenu/ColumnMenu.js +4 -8
- package/dist/esm/columnmenu/ColumnMenuCheckboxFilter.js +16 -56
- package/dist/esm/columnmenu/ColumnMenuContent.js +4 -4
- package/dist/esm/columnmenu/ColumnMenuFilter.js +35 -59
- package/dist/esm/columnmenu/ColumnMenuFilterCell.js +9 -14
- package/dist/esm/columnmenu/ColumnMenuFilterOperators.js +2 -4
- package/dist/esm/columnmenu/ColumnMenuFilterUI.js +22 -22
- package/dist/esm/columnmenu/ColumnMenuItem.js +3 -5
- package/dist/esm/columnmenu/ColumnMenuItemContent.js +2 -4
- package/dist/esm/columnmenu/ColumnMenuItemGroup.js +0 -2
- package/dist/esm/columnmenu/ColumnMenuSort.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/filter/Expression.js +29 -40
- package/dist/esm/filter/Filter.js +6 -13
- package/dist/esm/filter/GroupFilters.js +9 -13
- package/dist/esm/filter/GroupToolbar.js +26 -24
- package/dist/esm/filter/filters/BooleanFilter.js +2 -3
- package/dist/esm/filter/filters/DateFilter.js +4 -9
- package/dist/esm/filter/filters/EnumFilter.js +10 -15
- package/dist/esm/filter/filters/NumericFilter.js +4 -9
- package/dist/esm/filter/filters/TextFilter.js +5 -10
- package/dist/esm/header/FilterRow.js +7 -19
- package/dist/esm/header/Header.js +0 -6
- package/dist/esm/header/HeaderCell.js +0 -2
- package/dist/esm/header/HeaderRow.js +14 -30
- package/dist/esm/header/HeaderSelectionCell.js +0 -2
- package/dist/esm/header/HeaderThElement.js +10 -12
- package/dist/esm/main.d.ts +1 -0
- package/dist/esm/main.js +1 -0
- package/dist/esm/navigation/TableKeyboardNavigation.js +27 -75
- package/dist/esm/navigation/constants.js +0 -14
- package/dist/esm/package-metadata.js +1 -1
- package/dist/esm/pager/Pager.js +28 -36
- package/dist/esm/pager/PagerInfo.js +0 -2
- package/dist/esm/pager/PagerInput.js +0 -3
- package/dist/esm/pager/PagerNavigationButton.js +0 -2
- package/dist/esm/pager/PagerNumericButtons.js +0 -10
- package/dist/esm/pager/PagerPageSizes.js +5 -8
- package/dist/npm/cells/FilterCell.js +12 -28
- package/dist/npm/columnmenu/ColumnMenu.js +6 -18
- package/dist/npm/columnmenu/ColumnMenuCheckboxFilter.js +16 -67
- package/dist/npm/columnmenu/ColumnMenuContent.js +6 -11
- package/dist/npm/columnmenu/ColumnMenuFilter.js +35 -75
- package/dist/npm/columnmenu/ColumnMenuFilterCell.js +11 -22
- package/dist/npm/columnmenu/ColumnMenuFilterOperators.js +4 -10
- package/dist/npm/columnmenu/ColumnMenuFilterUI.js +24 -29
- package/dist/npm/columnmenu/ColumnMenuItem.js +5 -10
- package/dist/npm/columnmenu/ColumnMenuItemContent.js +4 -10
- package/dist/npm/columnmenu/ColumnMenuItemGroup.js +2 -7
- package/dist/npm/columnmenu/ColumnMenuSort.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/filter/Expression.js +29 -52
- package/dist/npm/filter/Filter.js +6 -19
- package/dist/npm/filter/GroupFilters.js +9 -18
- package/dist/npm/filter/GroupToolbar.js +26 -30
- package/dist/npm/filter/filters/BooleanFilter.js +4 -9
- package/dist/npm/filter/filters/DateFilter.js +4 -12
- package/dist/npm/filter/filters/EnumFilter.js +10 -20
- package/dist/npm/filter/filters/NumericFilter.js +4 -14
- package/dist/npm/filter/filters/TextFilter.js +5 -15
- package/dist/npm/header/FilterRow.js +9 -29
- package/dist/npm/header/Header.js +2 -11
- package/dist/npm/header/HeaderCell.js +2 -7
- package/dist/npm/header/HeaderRow.js +16 -41
- package/dist/npm/header/HeaderSelectionCell.js +2 -7
- package/dist/npm/header/HeaderThElement.js +12 -18
- package/dist/npm/main.d.ts +1 -0
- package/dist/npm/main.js +1 -0
- package/dist/npm/navigation/TableKeyboardNavigation.js +27 -80
- package/dist/npm/navigation/constants.js +0 -14
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/pager/Pager.js +28 -46
- package/dist/npm/pager/PagerInfo.js +2 -8
- package/dist/npm/pager/PagerInput.js +2 -9
- package/dist/npm/pager/PagerNavigationButton.js +2 -5
- package/dist/npm/pager/PagerNumericButtons.js +0 -12
- package/dist/npm/pager/PagerPageSizes.js +7 -15
- package/package.json +10 -10
|
@@ -10,7 +10,6 @@ import { cellBoolDropdownChange, cellInputChange } from '../filterCommon.js';
|
|
|
10
10
|
/**
|
|
11
11
|
* @hidden
|
|
12
12
|
*/
|
|
13
|
-
|
|
14
13
|
var ColumnMenuFilterCellVue2 = {
|
|
15
14
|
props: {
|
|
16
15
|
field: String,
|
|
@@ -51,16 +50,15 @@ var ColumnMenuFilterCellVue2 = {
|
|
|
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 ColumnMenuFilterCellVue2 = {
|
|
|
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 ColumnMenuFilterCellVue2 = {
|
|
|
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 ColumnMenuFilterCellVue2 = {
|
|
|
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 ColumnMenuFilterCellVue2 = {
|
|
|
147
143
|
/**
|
|
148
144
|
* @hidden
|
|
149
145
|
*/
|
|
150
|
-
|
|
151
146
|
var ColumnMenuFilterCell = ColumnMenuFilterCellVue2;
|
|
152
147
|
export { ColumnMenuFilterCell, ColumnMenuFilterCellVue2 };
|
|
@@ -8,7 +8,6 @@ import { cellOperatorChange } from '../filterCommon.js';
|
|
|
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 ColumnMenuFilterUIVue2 = {
|
|
14
13
|
props: {
|
|
15
14
|
firstFilterProps: Object,
|
|
@@ -47,27 +46,27 @@ var ColumnMenuFilterUIVue2 = {
|
|
|
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(ColumnMenuFilterCell, {
|
|
72
71
|
field: firstField,
|
|
73
72
|
attrs: this.v3 ? undefined : {
|
|
@@ -93,7 +92,8 @@ var ColumnMenuFilterUIVue2 = {
|
|
|
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 ColumnMenuFilterUIVue2 = {
|
|
|
108
108
|
},
|
|
109
109
|
value: logicValue,
|
|
110
110
|
textField: "text"
|
|
111
|
-
}),
|
|
111
|
+
}),
|
|
112
|
+
// @ts-ignore
|
|
112
113
|
h(ColumnMenuFilterCell, {
|
|
113
114
|
field: secondField,
|
|
114
115
|
attrs: this.v3 ? undefined : {
|
|
@@ -150,6 +151,5 @@ var ColumnMenuFilterUIVue2 = {
|
|
|
150
151
|
/**
|
|
151
152
|
* @hidden
|
|
152
153
|
*/
|
|
153
|
-
|
|
154
154
|
var ColumnMenuFilterUI = ColumnMenuFilterUIVue2;
|
|
155
155
|
export { ColumnMenuFilterUI, ColumnMenuFilterUIVue2 };
|
|
@@ -7,7 +7,6 @@ import { Keys } from '@progress/kendo-vue-common';
|
|
|
7
7
|
/**
|
|
8
8
|
* @hidden
|
|
9
9
|
*/
|
|
10
|
-
|
|
11
10
|
var ColumnMenuItemVue2 = {
|
|
12
11
|
props: {
|
|
13
12
|
title: String,
|
|
@@ -35,9 +34,9 @@ var ColumnMenuItemVue2 = {
|
|
|
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 ColumnMenuItemVue2 = {
|
|
|
58
57
|
/**
|
|
59
58
|
* @hidden
|
|
60
59
|
*/
|
|
61
|
-
|
|
62
60
|
var ColumnMenuItem = ColumnMenuItemVue2;
|
|
63
61
|
export { ColumnMenuItem, ColumnMenuItemVue2 };
|
|
@@ -8,7 +8,6 @@ import { Reveal } from '@progress/kendo-vue-animation';
|
|
|
8
8
|
/**
|
|
9
9
|
* @hidden
|
|
10
10
|
*/
|
|
11
|
-
|
|
12
11
|
var ColumnMenuItemContentVue2 = {
|
|
13
12
|
props: {
|
|
14
13
|
show: Boolean
|
|
@@ -23,12 +22,12 @@ var ColumnMenuItemContentVue2 = {
|
|
|
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 ColumnMenuItemContentVue2 = {
|
|
|
46
45
|
/**
|
|
47
46
|
* @hidden
|
|
48
47
|
*/
|
|
49
|
-
|
|
50
48
|
var ColumnMenuItemContent = ColumnMenuItemContentVue2;
|
|
51
49
|
export { ColumnMenuItemContent, ColumnMenuItemContentVue2 };
|
|
@@ -7,7 +7,6 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
|
|
|
7
7
|
/**
|
|
8
8
|
* @hidden
|
|
9
9
|
*/
|
|
10
|
-
|
|
11
10
|
var ColumnMenuItemGroupVue2 = {
|
|
12
11
|
// @ts-ignore
|
|
13
12
|
setup: !isV3 ? undefined : function () {
|
|
@@ -28,6 +27,5 @@ var ColumnMenuItemGroupVue2 = {
|
|
|
28
27
|
/**
|
|
29
28
|
* @hidden
|
|
30
29
|
*/
|
|
31
|
-
|
|
32
30
|
var ColumnMenuItemGroup = ColumnMenuItemGroupVue2;
|
|
33
31
|
export { ColumnMenuItemGroup, ColumnMenuItemGroupVue2 };
|
|
@@ -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 ColumnMenuSortVue2 = {
|
|
102
90
|
props: {
|
|
103
91
|
sortable: [Boolean, Object],
|
|
@@ -122,20 +110,16 @@ var ColumnMenuSortVue2 = {
|
|
|
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 ColumnMenuSortVue2 = {
|
|
|
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 ColumnMenuSortVue2 = {
|
|
|
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(ColumnMenuItemGroup, this.v3 ? function () {
|
|
181
|
-
return [
|
|
163
|
+
return [
|
|
164
|
+
// @ts-ignore
|
|
182
165
|
h(ColumnMenuItem, {
|
|
183
166
|
title: localizationService.toLanguageString(sortAscending, messages[sortAscending]),
|
|
184
167
|
attrs: _this.v3 ? undefined : {
|
|
@@ -192,7 +175,8 @@ var ColumnMenuSortVue2 = {
|
|
|
192
175
|
on: _this.v3 ? undefined : {
|
|
193
176
|
"menuitemclick": _this.onAscClick
|
|
194
177
|
}
|
|
195
|
-
}),
|
|
178
|
+
}),
|
|
179
|
+
// @ts-ignore
|
|
196
180
|
h(ColumnMenuItem, {
|
|
197
181
|
title: localizationService.toLanguageString(sortDescending, messages[sortDescending]),
|
|
198
182
|
attrs: _this.v3 ? undefined : {
|
|
@@ -370,6 +354,5 @@ var ColumnMenuSortVue2 = {
|
|
|
370
354
|
*
|
|
371
355
|
* ### props <span class='code'>[GridColumnMenuSortProps]({% slug api_grid_gridcolumnmenusortprops %})</span>
|
|
372
356
|
*/
|
|
373
|
-
|
|
374
357
|
var ColumnMenuSort = ColumnMenuSortVue2;
|
|
375
358
|
export { ColumnMenuSort, ColumnMenuSortVue2 };
|
|
@@ -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 };
|
|
@@ -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 };
|
|
@@ -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 };
|