@progress/kendo-vue-treelist 3.6.4 → 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-treelist.js +1 -1
- package/dist/es/TreeList.js +343 -363
- package/dist/es/TreeListNav.js +4 -4
- package/dist/es/cells/EditCells/TreeListBooleanEditor.d.ts +1 -1
- package/dist/es/cells/EditCells/TreeListBooleanEditor.js +20 -4
- package/dist/es/cells/EditCells/TreeListDateEditor.d.ts +1 -1
- package/dist/es/cells/EditCells/TreeListDateEditor.js +12 -5
- package/dist/es/cells/EditCells/TreeListNumericEditor.d.ts +1 -1
- package/dist/es/cells/EditCells/TreeListNumericEditor.js +12 -5
- package/dist/es/cells/EditCells/TreeListTextEditor.d.ts +2 -1
- package/dist/es/cells/EditCells/TreeListTextEditor.js +25 -6
- package/dist/es/cells/FilterCells/TreeListBooleanFilter.js +4 -17
- package/dist/es/cells/FilterCells/TreeListDateFilter.js +4 -17
- package/dist/es/cells/FilterCells/TreeListNumericFilter.js +4 -17
- package/dist/es/cells/FilterCells/TreeListTextFilter.js +4 -17
- package/dist/es/cells/TreeListCell.js +27 -38
- package/dist/es/cells/TreeListSelectionCell.js +7 -8
- package/dist/es/interfaces/TreeListCellProps.d.ts +4 -0
- package/dist/es/interfaces/TreeListProps.d.ts +27 -7
- package/dist/es/interfaces/events.d.ts +16 -3
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/rows/DragClue.js +0 -3
- package/dist/es/rows/TreeListRow.js +39 -17
- package/dist/esm/TreeList.js +343 -363
- package/dist/esm/TreeListNav.js +4 -4
- package/dist/esm/cells/EditCells/TreeListBooleanEditor.d.ts +1 -1
- package/dist/esm/cells/EditCells/TreeListBooleanEditor.js +20 -4
- package/dist/esm/cells/EditCells/TreeListDateEditor.d.ts +1 -1
- package/dist/esm/cells/EditCells/TreeListDateEditor.js +12 -5
- package/dist/esm/cells/EditCells/TreeListNumericEditor.d.ts +1 -1
- package/dist/esm/cells/EditCells/TreeListNumericEditor.js +12 -5
- package/dist/esm/cells/EditCells/TreeListTextEditor.d.ts +2 -1
- package/dist/esm/cells/EditCells/TreeListTextEditor.js +25 -6
- package/dist/esm/cells/FilterCells/TreeListBooleanFilter.js +4 -17
- package/dist/esm/cells/FilterCells/TreeListDateFilter.js +4 -17
- package/dist/esm/cells/FilterCells/TreeListNumericFilter.js +4 -17
- package/dist/esm/cells/FilterCells/TreeListTextFilter.js +4 -17
- package/dist/esm/cells/TreeListCell.js +27 -38
- package/dist/esm/cells/TreeListSelectionCell.js +7 -8
- package/dist/esm/interfaces/TreeListCellProps.d.ts +4 -0
- package/dist/esm/interfaces/TreeListProps.d.ts +27 -7
- package/dist/esm/interfaces/events.d.ts +16 -3
- package/dist/esm/package-metadata.js +1 -1
- package/dist/esm/rows/DragClue.js +0 -3
- package/dist/esm/rows/TreeListRow.js +39 -17
- package/dist/npm/TreeList.js +342 -376
- package/dist/npm/TreeListNav.js +6 -9
- package/dist/npm/cells/EditCells/TreeListBooleanEditor.d.ts +1 -1
- package/dist/npm/cells/EditCells/TreeListBooleanEditor.js +22 -10
- package/dist/npm/cells/EditCells/TreeListDateEditor.d.ts +1 -1
- package/dist/npm/cells/EditCells/TreeListDateEditor.js +14 -12
- package/dist/npm/cells/EditCells/TreeListNumericEditor.d.ts +1 -1
- package/dist/npm/cells/EditCells/TreeListNumericEditor.js +14 -12
- package/dist/npm/cells/EditCells/TreeListTextEditor.d.ts +2 -1
- package/dist/npm/cells/EditCells/TreeListTextEditor.js +27 -12
- package/dist/npm/cells/FilterCells/TreeListBooleanFilter.js +4 -22
- package/dist/npm/cells/FilterCells/TreeListDateFilter.js +4 -22
- package/dist/npm/cells/FilterCells/TreeListNumericFilter.js +4 -22
- package/dist/npm/cells/FilterCells/TreeListTextFilter.js +4 -22
- package/dist/npm/cells/TreeListCell.js +27 -43
- package/dist/npm/cells/TreeListSelectionCell.js +9 -15
- package/dist/npm/interfaces/TreeListCellProps.d.ts +4 -0
- package/dist/npm/interfaces/TreeListProps.d.ts +27 -7
- package/dist/npm/interfaces/events.d.ts +16 -3
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/rows/DragClue.js +2 -6
- package/dist/npm/rows/TreeListRow.js +41 -22
- package/package.json +12 -11
package/dist/npm/TreeListNav.js
CHANGED
|
@@ -3,20 +3,16 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.TreeListNavVue2 = exports.TreeListNav = void 0;
|
|
7
|
-
|
|
6
|
+
exports.TreeListNavVue2 = exports.TreeListNav = 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 TreeListNavVue2 = {
|
|
21
17
|
name: 'KendoTreeListNav',
|
|
22
18
|
// @ts-ignore
|
|
@@ -74,8 +70,8 @@ var TreeListNavVue2 = {
|
|
|
74
70
|
navigation: this.navigation,
|
|
75
71
|
kbContext: this.kbContext,
|
|
76
72
|
onNavigationAction: this.onNavigationAction
|
|
77
|
-
});
|
|
78
|
-
|
|
73
|
+
});
|
|
74
|
+
// const {mode, cell} = getSelectionOptions(this.$props.selectable);
|
|
79
75
|
this.$emit('keydown', {
|
|
80
76
|
dataItems: this.getLeafDataItems(),
|
|
81
77
|
// mode,
|
|
@@ -85,6 +81,7 @@ var TreeListNavVue2 = {
|
|
|
85
81
|
event: event
|
|
86
82
|
}); // as TreeListNavigationActionEvent
|
|
87
83
|
},
|
|
84
|
+
|
|
88
85
|
onFocus: function onFocus(event) {
|
|
89
86
|
this.onNavFocus(event, {
|
|
90
87
|
kbContext: this.kbContext
|
|
@@ -96,6 +93,7 @@ var TreeListNavVue2 = {
|
|
|
96
93
|
event: options.event
|
|
97
94
|
}); // as TreeListNavigationActionEvent
|
|
98
95
|
},
|
|
96
|
+
|
|
99
97
|
getLeafDataItems: function getLeafDataItems() {
|
|
100
98
|
return this.$props.currentData.filter(function (item) {
|
|
101
99
|
return item.rowType === 'data';
|
|
@@ -128,6 +126,5 @@ exports.TreeListNavVue2 = TreeListNavVue2;
|
|
|
128
126
|
/**
|
|
129
127
|
* @hidden
|
|
130
128
|
*/
|
|
131
|
-
|
|
132
129
|
var TreeListNav = TreeListNavVue2;
|
|
133
130
|
exports.TreeListNav = TreeListNav;
|
|
@@ -29,7 +29,7 @@ export interface TreeListBooleanEditorData {
|
|
|
29
29
|
/**
|
|
30
30
|
* @hidden
|
|
31
31
|
*/
|
|
32
|
-
export interface TreeListBooleanEditorAll extends TreeListBooleanEditorMethods, TreeListBooleanEditorData {
|
|
32
|
+
export interface TreeListBooleanEditorAll extends TreeListBooleanEditorMethods, TreeListBooleanEditorData, TreeListCellProps {
|
|
33
33
|
}
|
|
34
34
|
/**
|
|
35
35
|
* @hidden
|
|
@@ -3,23 +3,18 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.TreeListBooleanEditorVue2 = exports.TreeListBooleanEditor = void 0;
|
|
7
|
-
|
|
6
|
+
exports.TreeListBooleanEditorVue2 = exports.TreeListBooleanEditor = 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 TreeListBooleanEditorVue2 = {
|
|
24
19
|
props: {
|
|
25
20
|
id: String,
|
|
@@ -32,12 +27,14 @@ var TreeListBooleanEditorVue2 = {
|
|
|
32
27
|
expanded: Boolean,
|
|
33
28
|
isSelected: Boolean,
|
|
34
29
|
ariaColumnIndex: Number,
|
|
35
|
-
render: [String, Function, Object]
|
|
30
|
+
render: [String, Function, Object],
|
|
31
|
+
focusInputOnMount: Boolean
|
|
36
32
|
},
|
|
37
33
|
// @ts-ignore
|
|
38
34
|
emits: {
|
|
39
35
|
change: null,
|
|
40
36
|
cellkeydown: null,
|
|
37
|
+
cellclick: null,
|
|
41
38
|
edit: null,
|
|
42
39
|
add: null,
|
|
43
40
|
cancel: null,
|
|
@@ -57,6 +54,13 @@ var TreeListBooleanEditorVue2 = {
|
|
|
57
54
|
inputId: (0, kendo_vue_common_1.guid)()
|
|
58
55
|
};
|
|
59
56
|
},
|
|
57
|
+
mounted: function mounted() {
|
|
58
|
+
var input = this.$el && this.$el.querySelector('input');
|
|
59
|
+
if (!input || input === document.activeElement || !this.focusInputOnMount) {
|
|
60
|
+
return;
|
|
61
|
+
}
|
|
62
|
+
input.focus();
|
|
63
|
+
},
|
|
60
64
|
methods: {
|
|
61
65
|
triggerKeydown: function triggerKeydown(e) {
|
|
62
66
|
this.$emit('cellkeydown', {
|
|
@@ -65,6 +69,13 @@ var TreeListBooleanEditorVue2 = {
|
|
|
65
69
|
field: this.$props.field
|
|
66
70
|
});
|
|
67
71
|
},
|
|
72
|
+
triggerClick: function triggerClick(e) {
|
|
73
|
+
this.$emit('cellclick', {
|
|
74
|
+
event: e,
|
|
75
|
+
dataItem: this.$props.dataItem,
|
|
76
|
+
field: this.$props.field
|
|
77
|
+
});
|
|
78
|
+
},
|
|
68
79
|
triggerEdit: function triggerEdit(dataItem) {
|
|
69
80
|
this.$emit('edit', dataItem);
|
|
70
81
|
},
|
|
@@ -107,8 +118,10 @@ var TreeListBooleanEditorVue2 = {
|
|
|
107
118
|
var defaultRendering = h("td", {
|
|
108
119
|
onKeydown: this.triggerKeydown,
|
|
109
120
|
on: this.v3 ? undefined : {
|
|
110
|
-
"keydown": this.triggerKeydown
|
|
121
|
+
"keydown": this.triggerKeydown,
|
|
122
|
+
"click": this.triggerClick
|
|
111
123
|
},
|
|
124
|
+
onClick: this.triggerClick,
|
|
112
125
|
colspan: this.$props.colSpan,
|
|
113
126
|
attrs: this.v3 ? undefined : {
|
|
114
127
|
colspan: this.$props.colSpan,
|
|
@@ -172,6 +185,5 @@ exports.TreeListBooleanEditorVue2 = TreeListBooleanEditorVue2;
|
|
|
172
185
|
/**
|
|
173
186
|
* @hidden
|
|
174
187
|
*/
|
|
175
|
-
|
|
176
188
|
var TreeListBooleanEditor = TreeListBooleanEditorVue2;
|
|
177
189
|
exports.TreeListBooleanEditor = TreeListBooleanEditor;
|
|
@@ -29,7 +29,7 @@ export interface TreeListDateEditorData {
|
|
|
29
29
|
/**
|
|
30
30
|
* @hidden
|
|
31
31
|
*/
|
|
32
|
-
export interface TreeListDateEditorAll extends TreeListDateEditorMethods, TreeListDateEditorData {
|
|
32
|
+
export interface TreeListDateEditorAll extends TreeListDateEditorMethods, TreeListDateEditorData, TreeListCellProps {
|
|
33
33
|
}
|
|
34
34
|
/**
|
|
35
35
|
* @hidden
|
|
@@ -3,25 +3,19 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.TreeListDateEditorVue2 = exports.TreeListDateEditor = void 0;
|
|
7
|
-
|
|
6
|
+
exports.TreeListDateEditorVue2 = exports.TreeListDateEditor = 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_dateinputs_1 = require("@progress/kendo-vue-dateinputs");
|
|
18
|
-
|
|
19
15
|
var kendo_vue_data_tools_1 = require("@progress/kendo-vue-data-tools");
|
|
20
16
|
/**
|
|
21
17
|
* @hidden
|
|
22
18
|
*/
|
|
23
|
-
|
|
24
|
-
|
|
25
19
|
var TreeListDateEditorVue2 = {
|
|
26
20
|
props: {
|
|
27
21
|
id: String,
|
|
@@ -34,7 +28,8 @@ var TreeListDateEditorVue2 = {
|
|
|
34
28
|
expanded: Boolean,
|
|
35
29
|
isSelected: Boolean,
|
|
36
30
|
ariaColumnIndex: Number,
|
|
37
|
-
render: [String, Function, Object]
|
|
31
|
+
render: [String, Function, Object],
|
|
32
|
+
focusInputOnMount: Boolean
|
|
38
33
|
},
|
|
39
34
|
// @ts-ignore
|
|
40
35
|
emits: {
|
|
@@ -59,6 +54,13 @@ var TreeListDateEditorVue2 = {
|
|
|
59
54
|
inputId: (0, kendo_vue_common_1.guid)()
|
|
60
55
|
};
|
|
61
56
|
},
|
|
57
|
+
mounted: function mounted() {
|
|
58
|
+
var input = this.$el && this.$el.querySelector('input');
|
|
59
|
+
if (!input || input === document.activeElement || !this.focusInputOnMount) {
|
|
60
|
+
return;
|
|
61
|
+
}
|
|
62
|
+
input.select();
|
|
63
|
+
},
|
|
62
64
|
methods: {
|
|
63
65
|
triggerKeydown: function triggerKeydown(e) {
|
|
64
66
|
this.$emit('cellkeydown', {
|
|
@@ -88,7 +90,7 @@ var TreeListDateEditorVue2 = {
|
|
|
88
90
|
field: this.$props.field,
|
|
89
91
|
event: event,
|
|
90
92
|
level: this.$props.level,
|
|
91
|
-
value: event.target.
|
|
93
|
+
value: event.target.value
|
|
92
94
|
});
|
|
93
95
|
}
|
|
94
96
|
},
|
|
@@ -130,7 +132,8 @@ var TreeListDateEditorVue2 = {
|
|
|
130
132
|
tabindex: navAttrs.tabIndex,
|
|
131
133
|
"data-keyboardnavlevel": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_LEVEL],
|
|
132
134
|
"data-keyboardnavid": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_ID]
|
|
133
|
-
}, [
|
|
135
|
+
}, [
|
|
136
|
+
// @ts-ignore
|
|
134
137
|
h(kendo_vue_dateinputs_1.DatePicker, {
|
|
135
138
|
value: data,
|
|
136
139
|
attrs: this.v3 ? undefined : {
|
|
@@ -162,6 +165,5 @@ exports.TreeListDateEditorVue2 = TreeListDateEditorVue2;
|
|
|
162
165
|
/**
|
|
163
166
|
* @hidden
|
|
164
167
|
*/
|
|
165
|
-
|
|
166
168
|
var TreeListDateEditor = TreeListDateEditorVue2;
|
|
167
169
|
exports.TreeListDateEditor = TreeListDateEditor;
|
|
@@ -29,7 +29,7 @@ export interface TreeListNumericEditorData {
|
|
|
29
29
|
/**
|
|
30
30
|
* @hidden
|
|
31
31
|
*/
|
|
32
|
-
export interface TreeListNumericEditorAll extends TreeListNumericEditorMethods, TreeListNumericEditorData {
|
|
32
|
+
export interface TreeListNumericEditorAll extends TreeListNumericEditorMethods, TreeListNumericEditorData, TreeListCellProps {
|
|
33
33
|
}
|
|
34
34
|
/**
|
|
35
35
|
* @hidden
|
|
@@ -3,25 +3,19 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.TreeListNumericEditorVue2 = exports.TreeListNumericEditor = void 0;
|
|
7
|
-
|
|
6
|
+
exports.TreeListNumericEditorVue2 = exports.TreeListNumericEditor = 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_inputs_1 = require("@progress/kendo-vue-inputs");
|
|
18
|
-
|
|
19
15
|
var kendo_vue_data_tools_1 = require("@progress/kendo-vue-data-tools");
|
|
20
16
|
/**
|
|
21
17
|
* @hidden
|
|
22
18
|
*/
|
|
23
|
-
|
|
24
|
-
|
|
25
19
|
var TreeListNumericEditorVue2 = {
|
|
26
20
|
props: {
|
|
27
21
|
id: String,
|
|
@@ -34,7 +28,8 @@ var TreeListNumericEditorVue2 = {
|
|
|
34
28
|
expanded: Boolean,
|
|
35
29
|
isSelected: Boolean,
|
|
36
30
|
ariaColumnIndex: Number,
|
|
37
|
-
render: [String, Function, Object]
|
|
31
|
+
render: [String, Function, Object],
|
|
32
|
+
focusInputOnMount: Boolean
|
|
38
33
|
},
|
|
39
34
|
// @ts-ignore
|
|
40
35
|
emits: {
|
|
@@ -59,6 +54,13 @@ var TreeListNumericEditorVue2 = {
|
|
|
59
54
|
inputId: (0, kendo_vue_common_1.guid)()
|
|
60
55
|
};
|
|
61
56
|
},
|
|
57
|
+
mounted: function mounted() {
|
|
58
|
+
var input = this.$el && this.$el.querySelector('input');
|
|
59
|
+
if (!input || input === document.activeElement || !this.focusInputOnMount) {
|
|
60
|
+
return;
|
|
61
|
+
}
|
|
62
|
+
input.select();
|
|
63
|
+
},
|
|
62
64
|
methods: {
|
|
63
65
|
triggerKeydown: function triggerKeydown(e) {
|
|
64
66
|
this.$emit('cellkeydown', {
|
|
@@ -88,7 +90,7 @@ var TreeListNumericEditorVue2 = {
|
|
|
88
90
|
field: this.$props.field,
|
|
89
91
|
event: event,
|
|
90
92
|
level: this.$props.level,
|
|
91
|
-
value: event.target.
|
|
93
|
+
value: event.target.value
|
|
92
94
|
});
|
|
93
95
|
}
|
|
94
96
|
},
|
|
@@ -130,7 +132,8 @@ var TreeListNumericEditorVue2 = {
|
|
|
130
132
|
tabindex: navAttrs.tabIndex,
|
|
131
133
|
"data-keyboardnavlevel": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_LEVEL],
|
|
132
134
|
"data-keyboardnavid": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_ID]
|
|
133
|
-
}, [
|
|
135
|
+
}, [
|
|
136
|
+
// @ts-ignore
|
|
134
137
|
h(kendo_vue_inputs_1.NumericTextBox, {
|
|
135
138
|
value: data === undefined ? null : data,
|
|
136
139
|
attrs: this.v3 ? undefined : {
|
|
@@ -162,6 +165,5 @@ exports.TreeListNumericEditorVue2 = TreeListNumericEditorVue2;
|
|
|
162
165
|
/**
|
|
163
166
|
* @hidden
|
|
164
167
|
*/
|
|
165
|
-
|
|
166
168
|
var TreeListNumericEditor = TreeListNumericEditorVue2;
|
|
167
169
|
exports.TreeListNumericEditor = TreeListNumericEditor;
|
|
@@ -18,6 +18,7 @@ export interface TreeListTextEditorMethods extends Vue2type {
|
|
|
18
18
|
triggerSave: (dataItem: any) => void;
|
|
19
19
|
triggerRemove: (dataItem: any) => void;
|
|
20
20
|
changeHandler: (event: any, value?: any) => void;
|
|
21
|
+
inputHandler: (event: any, value?: any) => void;
|
|
21
22
|
getKeyboardNavigationAttributes: (id: string) => any;
|
|
22
23
|
}
|
|
23
24
|
/**
|
|
@@ -29,7 +30,7 @@ export interface TreeListTextEditorData {
|
|
|
29
30
|
/**
|
|
30
31
|
* @hidden
|
|
31
32
|
*/
|
|
32
|
-
export interface TreeListTextEditorAll extends TreeListTextEditorMethods, TreeListTextEditorData {
|
|
33
|
+
export interface TreeListTextEditorAll extends TreeListTextEditorMethods, TreeListTextEditorData, TreeListCellProps {
|
|
33
34
|
}
|
|
34
35
|
/**
|
|
35
36
|
* @hidden
|
|
@@ -3,23 +3,18 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.TreeListTextEditorVue2 = exports.TreeListTextEditor = void 0;
|
|
7
|
-
|
|
6
|
+
exports.TreeListTextEditorVue2 = exports.TreeListTextEditor = 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 TreeListTextEditorVue2 = {
|
|
24
19
|
props: {
|
|
25
20
|
id: String,
|
|
@@ -32,10 +27,12 @@ var TreeListTextEditorVue2 = {
|
|
|
32
27
|
expanded: Boolean,
|
|
33
28
|
isSelected: Boolean,
|
|
34
29
|
ariaColumnIndex: Number,
|
|
35
|
-
render: [String, Function, Object]
|
|
30
|
+
render: [String, Function, Object],
|
|
31
|
+
focusInputOnMount: Boolean
|
|
36
32
|
},
|
|
37
33
|
// @ts-ignore
|
|
38
34
|
emits: {
|
|
35
|
+
input: null,
|
|
39
36
|
change: null,
|
|
40
37
|
cellkeydown: null,
|
|
41
38
|
edit: null,
|
|
@@ -57,6 +54,13 @@ var TreeListTextEditorVue2 = {
|
|
|
57
54
|
inputId: (0, kendo_vue_common_1.guid)()
|
|
58
55
|
};
|
|
59
56
|
},
|
|
57
|
+
mounted: function mounted() {
|
|
58
|
+
var input = this.$el && this.$el.querySelector('input');
|
|
59
|
+
if (!input || input === document.activeElement || !this.focusInputOnMount) {
|
|
60
|
+
return;
|
|
61
|
+
}
|
|
62
|
+
input.select();
|
|
63
|
+
},
|
|
60
64
|
methods: {
|
|
61
65
|
triggerKeydown: function triggerKeydown(e) {
|
|
62
66
|
this.$emit('cellkeydown', {
|
|
@@ -86,7 +90,16 @@ var TreeListTextEditorVue2 = {
|
|
|
86
90
|
field: this.$props.field,
|
|
87
91
|
event: event,
|
|
88
92
|
level: this.$props.level,
|
|
89
|
-
value: event.target.
|
|
93
|
+
value: event.target.value
|
|
94
|
+
});
|
|
95
|
+
},
|
|
96
|
+
inputHandler: function inputHandler(event) {
|
|
97
|
+
this.$emit('input', {
|
|
98
|
+
dataItem: this.$props.dataItem,
|
|
99
|
+
field: this.$props.field,
|
|
100
|
+
event: event,
|
|
101
|
+
level: this.$props.level,
|
|
102
|
+
value: event.target.value
|
|
90
103
|
});
|
|
91
104
|
}
|
|
92
105
|
},
|
|
@@ -141,8 +154,10 @@ var TreeListTextEditorVue2 = {
|
|
|
141
154
|
},
|
|
142
155
|
onChange: this.changeHandler,
|
|
143
156
|
on: this.v3 ? undefined : {
|
|
144
|
-
"change": this.changeHandler
|
|
145
|
-
|
|
157
|
+
"change": this.changeHandler,
|
|
158
|
+
"input": this.inputHandler
|
|
159
|
+
},
|
|
160
|
+
onInput: this.inputHandler
|
|
146
161
|
})])]);
|
|
147
162
|
return kendo_vue_common_1.getTemplate.call(this, {
|
|
148
163
|
h: h,
|
|
@@ -151,6 +166,7 @@ var TreeListTextEditorVue2 = {
|
|
|
151
166
|
additionalProps: this.$props,
|
|
152
167
|
additionalListeners: {
|
|
153
168
|
change: this.changeHandler,
|
|
169
|
+
input: this.inputHandler,
|
|
154
170
|
keydown: this.triggerKeydown,
|
|
155
171
|
edit: this.triggerEdit,
|
|
156
172
|
add: this.triggerAdd,
|
|
@@ -165,6 +181,5 @@ exports.TreeListTextEditorVue2 = TreeListTextEditorVue2;
|
|
|
165
181
|
/**
|
|
166
182
|
* @hidden
|
|
167
183
|
*/
|
|
168
|
-
|
|
169
184
|
var TreeListTextEditor = TreeListTextEditorVue2;
|
|
170
185
|
exports.TreeListTextEditor = TreeListTextEditor;
|
|
@@ -4,53 +4,40 @@ var __assign = undefined && undefined.__assign || function () {
|
|
|
4
4
|
__assign = Object.assign || function (t) {
|
|
5
5
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
6
6
|
s = arguments[i];
|
|
7
|
-
|
|
8
7
|
for (var p in s) {
|
|
9
8
|
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
10
9
|
}
|
|
11
10
|
}
|
|
12
|
-
|
|
13
11
|
return t;
|
|
14
12
|
};
|
|
15
|
-
|
|
16
13
|
return __assign.apply(this, arguments);
|
|
17
14
|
};
|
|
18
|
-
|
|
19
15
|
var __rest = undefined && undefined.__rest || function (s, e) {
|
|
20
16
|
var t = {};
|
|
21
|
-
|
|
22
17
|
for (var p in s) {
|
|
23
18
|
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
24
19
|
}
|
|
25
|
-
|
|
26
20
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
27
21
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
28
22
|
}
|
|
29
23
|
return t;
|
|
30
24
|
};
|
|
31
|
-
|
|
32
25
|
Object.defineProperty(exports, "__esModule", {
|
|
33
26
|
value: true
|
|
34
27
|
});
|
|
35
|
-
exports.TreeListBooleanFilterVue2 = exports.TreeListBooleanFilter = void 0;
|
|
36
|
-
|
|
28
|
+
exports.TreeListBooleanFilterVue2 = exports.TreeListBooleanFilter = void 0;
|
|
29
|
+
// @ts-ignore
|
|
37
30
|
var Vue = require("vue");
|
|
38
|
-
|
|
39
31
|
var allVue = Vue;
|
|
40
32
|
var gh = allVue.h;
|
|
41
33
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
42
34
|
var inject = allVue.inject;
|
|
43
|
-
|
|
44
35
|
var kendo_vue_data_tools_1 = require("@progress/kendo-vue-data-tools");
|
|
45
|
-
|
|
46
36
|
var utils_1 = require("./utils");
|
|
47
|
-
|
|
48
37
|
var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
|
|
49
38
|
/**
|
|
50
39
|
* @hidden
|
|
51
40
|
*/
|
|
52
|
-
|
|
53
|
-
|
|
54
41
|
var TreeListBooleanFilterVue2 = {
|
|
55
42
|
name: 'KendoTreeListBooleanFilter',
|
|
56
43
|
inject: {
|
|
@@ -77,17 +64,13 @@ var TreeListBooleanFilterVue2 = {
|
|
|
77
64
|
// @ts-ignore
|
|
78
65
|
render: function render(createElement) {
|
|
79
66
|
var h = gh || createElement;
|
|
80
|
-
|
|
81
67
|
var _a = this.$props,
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
68
|
+
operators = _a.operators,
|
|
69
|
+
restProps = __rest(_a, ["operators"]);
|
|
85
70
|
var ls = (0, kendo_vue_intl_1.provideLocalizationService)(this);
|
|
86
|
-
|
|
87
71
|
var cellProps = __assign(__assign(__assign({}, (0, utils_1.localizeFilter)(ls, operators || utils_1.booleanFilterValues)), restProps), {
|
|
88
72
|
filterType: 'boolean'
|
|
89
73
|
});
|
|
90
|
-
|
|
91
74
|
var filterCell = h(kendo_vue_data_tools_1.FilterCell, __assign({
|
|
92
75
|
onChange: this.onChange,
|
|
93
76
|
on: this.v3 ? undefined : {
|
|
@@ -109,6 +92,5 @@ exports.TreeListBooleanFilterVue2 = TreeListBooleanFilterVue2;
|
|
|
109
92
|
/**
|
|
110
93
|
* @hidden
|
|
111
94
|
*/
|
|
112
|
-
|
|
113
95
|
var TreeListBooleanFilter = TreeListBooleanFilterVue2;
|
|
114
96
|
exports.TreeListBooleanFilter = TreeListBooleanFilter;
|
|
@@ -4,53 +4,40 @@ var __assign = undefined && undefined.__assign || function () {
|
|
|
4
4
|
__assign = Object.assign || function (t) {
|
|
5
5
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
6
6
|
s = arguments[i];
|
|
7
|
-
|
|
8
7
|
for (var p in s) {
|
|
9
8
|
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
10
9
|
}
|
|
11
10
|
}
|
|
12
|
-
|
|
13
11
|
return t;
|
|
14
12
|
};
|
|
15
|
-
|
|
16
13
|
return __assign.apply(this, arguments);
|
|
17
14
|
};
|
|
18
|
-
|
|
19
15
|
var __rest = undefined && undefined.__rest || function (s, e) {
|
|
20
16
|
var t = {};
|
|
21
|
-
|
|
22
17
|
for (var p in s) {
|
|
23
18
|
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
24
19
|
}
|
|
25
|
-
|
|
26
20
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
27
21
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
28
22
|
}
|
|
29
23
|
return t;
|
|
30
24
|
};
|
|
31
|
-
|
|
32
25
|
Object.defineProperty(exports, "__esModule", {
|
|
33
26
|
value: true
|
|
34
27
|
});
|
|
35
|
-
exports.TreeListDateFilterVue2 = exports.TreeListDateFilter = void 0;
|
|
36
|
-
|
|
28
|
+
exports.TreeListDateFilterVue2 = exports.TreeListDateFilter = void 0;
|
|
29
|
+
// @ts-ignore
|
|
37
30
|
var Vue = require("vue");
|
|
38
|
-
|
|
39
31
|
var allVue = Vue;
|
|
40
32
|
var gh = allVue.h;
|
|
41
33
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
42
34
|
var inject = allVue.inject;
|
|
43
|
-
|
|
44
35
|
var kendo_vue_data_tools_1 = require("@progress/kendo-vue-data-tools");
|
|
45
|
-
|
|
46
36
|
var utils_1 = require("./utils");
|
|
47
|
-
|
|
48
37
|
var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
|
|
49
38
|
/**
|
|
50
39
|
* @hidden
|
|
51
40
|
*/
|
|
52
|
-
|
|
53
|
-
|
|
54
41
|
var TreeListDateFilterVue2 = {
|
|
55
42
|
name: 'KendoTreeListDateFilter',
|
|
56
43
|
inject: {
|
|
@@ -77,17 +64,13 @@ var TreeListDateFilterVue2 = {
|
|
|
77
64
|
// @ts-ignore
|
|
78
65
|
render: function render(createElement) {
|
|
79
66
|
var h = gh || createElement;
|
|
80
|
-
|
|
81
67
|
var _a = this.$props,
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
68
|
+
operators = _a.operators,
|
|
69
|
+
restProps = __rest(_a, ["operators"]);
|
|
85
70
|
var ls = (0, kendo_vue_intl_1.provideLocalizationService)(this);
|
|
86
|
-
|
|
87
71
|
var cellProps = __assign(__assign(__assign({}, (0, utils_1.localizeFilter)(ls, operators || utils_1.dateFilterOperators)), restProps), {
|
|
88
72
|
filterType: 'date'
|
|
89
73
|
});
|
|
90
|
-
|
|
91
74
|
var filterCell = h(kendo_vue_data_tools_1.FilterCell, __assign({
|
|
92
75
|
onChange: this.onChange,
|
|
93
76
|
on: this.v3 ? undefined : {
|
|
@@ -109,6 +92,5 @@ exports.TreeListDateFilterVue2 = TreeListDateFilterVue2;
|
|
|
109
92
|
/**
|
|
110
93
|
* @hidden
|
|
111
94
|
*/
|
|
112
|
-
|
|
113
95
|
var TreeListDateFilter = TreeListDateFilterVue2;
|
|
114
96
|
exports.TreeListDateFilter = TreeListDateFilter;
|
|
@@ -4,53 +4,40 @@ var __assign = undefined && undefined.__assign || function () {
|
|
|
4
4
|
__assign = Object.assign || function (t) {
|
|
5
5
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
6
6
|
s = arguments[i];
|
|
7
|
-
|
|
8
7
|
for (var p in s) {
|
|
9
8
|
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
10
9
|
}
|
|
11
10
|
}
|
|
12
|
-
|
|
13
11
|
return t;
|
|
14
12
|
};
|
|
15
|
-
|
|
16
13
|
return __assign.apply(this, arguments);
|
|
17
14
|
};
|
|
18
|
-
|
|
19
15
|
var __rest = undefined && undefined.__rest || function (s, e) {
|
|
20
16
|
var t = {};
|
|
21
|
-
|
|
22
17
|
for (var p in s) {
|
|
23
18
|
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
24
19
|
}
|
|
25
|
-
|
|
26
20
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
27
21
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
28
22
|
}
|
|
29
23
|
return t;
|
|
30
24
|
};
|
|
31
|
-
|
|
32
25
|
Object.defineProperty(exports, "__esModule", {
|
|
33
26
|
value: true
|
|
34
27
|
});
|
|
35
|
-
exports.TreeListNumericFilterVue2 = exports.TreeListNumericFilter = void 0;
|
|
36
|
-
|
|
28
|
+
exports.TreeListNumericFilterVue2 = exports.TreeListNumericFilter = void 0;
|
|
29
|
+
// @ts-ignore
|
|
37
30
|
var Vue = require("vue");
|
|
38
|
-
|
|
39
31
|
var allVue = Vue;
|
|
40
32
|
var gh = allVue.h;
|
|
41
33
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
42
34
|
var inject = allVue.inject;
|
|
43
|
-
|
|
44
35
|
var kendo_vue_data_tools_1 = require("@progress/kendo-vue-data-tools");
|
|
45
|
-
|
|
46
36
|
var utils_1 = require("./utils");
|
|
47
|
-
|
|
48
37
|
var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
|
|
49
38
|
/**
|
|
50
39
|
* @hidden
|
|
51
40
|
*/
|
|
52
|
-
|
|
53
|
-
|
|
54
41
|
var TreeListNumericFilterVue2 = {
|
|
55
42
|
name: 'KendoTreeListNumericFilter',
|
|
56
43
|
inject: {
|
|
@@ -77,17 +64,13 @@ var TreeListNumericFilterVue2 = {
|
|
|
77
64
|
// @ts-ignore
|
|
78
65
|
render: function render(createElement) {
|
|
79
66
|
var h = gh || createElement;
|
|
80
|
-
|
|
81
67
|
var _a = this.$props,
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
68
|
+
operators = _a.operators,
|
|
69
|
+
restProps = __rest(_a, ["operators"]);
|
|
85
70
|
var ls = (0, kendo_vue_intl_1.provideLocalizationService)(this);
|
|
86
|
-
|
|
87
71
|
var cellProps = __assign(__assign(__assign({}, (0, utils_1.localizeFilter)(ls, operators || utils_1.numericFilterOperators)), restProps), {
|
|
88
72
|
filterType: 'numeric'
|
|
89
73
|
});
|
|
90
|
-
|
|
91
74
|
var filterCell = h(kendo_vue_data_tools_1.FilterCell, __assign({
|
|
92
75
|
onChange: this.onChange,
|
|
93
76
|
on: this.v3 ? undefined : {
|
|
@@ -109,6 +92,5 @@ exports.TreeListNumericFilterVue2 = TreeListNumericFilterVue2;
|
|
|
109
92
|
/**
|
|
110
93
|
* @hidden
|
|
111
94
|
*/
|
|
112
|
-
|
|
113
95
|
var TreeListNumericFilter = TreeListNumericFilterVue2;
|
|
114
96
|
exports.TreeListNumericFilter = TreeListNumericFilter;
|