@progress/kendo-vue-grid 3.6.1 → 3.6.2
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 +3 -2
- package/dist/es/cells/GridHierarchyCell.d.ts +8 -2
- package/dist/es/cells/GridHierarchyCell.js +11 -2
- package/dist/es/interfaces/GridProps.d.ts +4 -0
- package/dist/es/package-metadata.js +1 -1
- package/dist/esm/Grid.js +3 -2
- package/dist/esm/cells/GridHierarchyCell.d.ts +8 -2
- package/dist/esm/cells/GridHierarchyCell.js +11 -2
- package/dist/esm/interfaces/GridProps.d.ts +4 -0
- package/dist/esm/package-metadata.js +1 -1
- package/dist/npm/Grid.js +3 -2
- package/dist/npm/cells/GridHierarchyCell.d.ts +8 -2
- package/dist/npm/cells/GridHierarchyCell.js +11 -2
- package/dist/npm/interfaces/GridProps.d.ts +4 -0
- package/dist/npm/package-metadata.js +1 -1
- package/package.json +14 -14
package/dist/es/Grid.js
CHANGED
|
@@ -111,6 +111,7 @@ var GridVue2 = {
|
|
|
111
111
|
skip: Number,
|
|
112
112
|
take: Number,
|
|
113
113
|
expandField: String,
|
|
114
|
+
expandColumn: Object,
|
|
114
115
|
selectedField: String,
|
|
115
116
|
cellRender: templateDefinition,
|
|
116
117
|
rowRender: templateDefinition,
|
|
@@ -694,12 +695,12 @@ var GridVue2 = {
|
|
|
694
695
|
var columnIndexOffset = 0;
|
|
695
696
|
|
|
696
697
|
if (this.$props.expandField && hasListener.call(this, 'expandchange') && this.$props.detail) {
|
|
697
|
-
this._columns.unshift(__assign(__assign({}, defaultServiceProps), {
|
|
698
|
+
this._columns.unshift(__assign(__assign(__assign({}, defaultServiceProps), {
|
|
698
699
|
internalCell: this.v3 ? markRaw(GridHierarchyCell) : GridHierarchyCell,
|
|
699
700
|
field: this.$props.expandField,
|
|
700
701
|
headerClassName: 'k-hierarchy-cell k-header',
|
|
701
702
|
id: navigationTools.generateNavigatableId("".concat(this._columns.length), idPrefix, 'column')
|
|
702
|
-
}));
|
|
703
|
+
}), this.expandColumn));
|
|
703
704
|
|
|
704
705
|
columnIndexOffset++;
|
|
705
706
|
}
|
|
@@ -7,7 +7,8 @@ declare type DefaultMethods<V> = {
|
|
|
7
7
|
/**
|
|
8
8
|
* @hidden
|
|
9
9
|
*/
|
|
10
|
-
export interface GridHierarchyCellMethods
|
|
10
|
+
export interface GridHierarchyCellMethods {
|
|
11
|
+
[key: string]: any;
|
|
11
12
|
triggerKeydown: (e: any, expanded: boolean | undefined) => void;
|
|
12
13
|
clickHandler: (e: any, dataItem: any, expanded: boolean | undefined) => void;
|
|
13
14
|
getKeyboardNavigationAttributes: (id: string) => any;
|
|
@@ -15,7 +16,12 @@ export interface GridHierarchyCellMethods extends Vue2type {
|
|
|
15
16
|
/**
|
|
16
17
|
* @hidden
|
|
17
18
|
*/
|
|
18
|
-
|
|
19
|
+
export interface GridHierarchyCellAll extends GridHierarchyCellMethods, GridCellProps, Vue2type {
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* @hidden
|
|
23
|
+
*/
|
|
24
|
+
declare let GridHierarchyCellVue2: ComponentOptions<GridHierarchyCellAll, DefaultData<{}>, DefaultMethods<GridHierarchyCellAll>, {}, RecordPropsDefinition<GridCellProps>>;
|
|
19
25
|
/**
|
|
20
26
|
* @hidden
|
|
21
27
|
*/
|
|
@@ -77,6 +77,15 @@ var GridHierarchyCellVue2 = {
|
|
|
77
77
|
});
|
|
78
78
|
}
|
|
79
79
|
},
|
|
80
|
+
computed: {
|
|
81
|
+
wrapperClass: function wrapperClass() {
|
|
82
|
+
var _a;
|
|
83
|
+
|
|
84
|
+
return _a = {
|
|
85
|
+
'k-hierarchy-cell': true
|
|
86
|
+
}, _a[this.className || ''] = this.className, _a;
|
|
87
|
+
}
|
|
88
|
+
},
|
|
80
89
|
// @ts-ignore
|
|
81
90
|
setup: !isV3 ? undefined : function () {
|
|
82
91
|
var v3 = !!isV3;
|
|
@@ -94,7 +103,7 @@ var GridHierarchyCellVue2 = {
|
|
|
94
103
|
|
|
95
104
|
if (this.$props.rowType === 'groupFooter') {
|
|
96
105
|
defaultRendering = h("td", {
|
|
97
|
-
"class":
|
|
106
|
+
"class": this.wrapperClass
|
|
98
107
|
});
|
|
99
108
|
} else if (this.$props.rowType !== 'groupHeader') {
|
|
100
109
|
var expanded_1 = getNestedValue(this.$props.field, this.$props.dataItem);
|
|
@@ -108,7 +117,7 @@ var GridHierarchyCellVue2 = {
|
|
|
108
117
|
_this.triggerKeydown(ev, expanded_1);
|
|
109
118
|
}
|
|
110
119
|
},
|
|
111
|
-
"class":
|
|
120
|
+
"class": this.wrapperClass,
|
|
112
121
|
"aria-expanded": expanded_1 ? 'true' : 'false',
|
|
113
122
|
attrs: this.v3 ? undefined : {
|
|
114
123
|
"aria-expanded": expanded_1 ? 'true' : 'false',
|
|
@@ -219,6 +219,10 @@ export interface GridProps {
|
|
|
219
219
|
* An item will be rendered as expanded if the value of its `expandField` is `true`.
|
|
220
220
|
*/
|
|
221
221
|
detail?: null | any;
|
|
222
|
+
/**
|
|
223
|
+
* Defines the GridColumnProps of the expand column.
|
|
224
|
+
*/
|
|
225
|
+
expandColumn?: GridColumnProps;
|
|
222
226
|
/**
|
|
223
227
|
* Represents the `style` HTML attribute.
|
|
224
228
|
*/
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-vue-grid',
|
|
6
6
|
productName: 'Kendo UI for Vue',
|
|
7
7
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1663669019,
|
|
9
9
|
version: '',
|
|
10
10
|
licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
|
|
11
11
|
};
|
package/dist/esm/Grid.js
CHANGED
|
@@ -111,6 +111,7 @@ var GridVue2 = {
|
|
|
111
111
|
skip: Number,
|
|
112
112
|
take: Number,
|
|
113
113
|
expandField: String,
|
|
114
|
+
expandColumn: Object,
|
|
114
115
|
selectedField: String,
|
|
115
116
|
cellRender: templateDefinition,
|
|
116
117
|
rowRender: templateDefinition,
|
|
@@ -694,12 +695,12 @@ var GridVue2 = {
|
|
|
694
695
|
var columnIndexOffset = 0;
|
|
695
696
|
|
|
696
697
|
if (this.$props.expandField && hasListener.call(this, 'expandchange') && this.$props.detail) {
|
|
697
|
-
this._columns.unshift(__assign(__assign({}, defaultServiceProps), {
|
|
698
|
+
this._columns.unshift(__assign(__assign(__assign({}, defaultServiceProps), {
|
|
698
699
|
internalCell: this.v3 ? markRaw(GridHierarchyCell) : GridHierarchyCell,
|
|
699
700
|
field: this.$props.expandField,
|
|
700
701
|
headerClassName: 'k-hierarchy-cell k-header',
|
|
701
702
|
id: navigationTools.generateNavigatableId("".concat(this._columns.length), idPrefix, 'column')
|
|
702
|
-
}));
|
|
703
|
+
}), this.expandColumn));
|
|
703
704
|
|
|
704
705
|
columnIndexOffset++;
|
|
705
706
|
}
|
|
@@ -7,7 +7,8 @@ declare type DefaultMethods<V> = {
|
|
|
7
7
|
/**
|
|
8
8
|
* @hidden
|
|
9
9
|
*/
|
|
10
|
-
export interface GridHierarchyCellMethods
|
|
10
|
+
export interface GridHierarchyCellMethods {
|
|
11
|
+
[key: string]: any;
|
|
11
12
|
triggerKeydown: (e: any, expanded: boolean | undefined) => void;
|
|
12
13
|
clickHandler: (e: any, dataItem: any, expanded: boolean | undefined) => void;
|
|
13
14
|
getKeyboardNavigationAttributes: (id: string) => any;
|
|
@@ -15,7 +16,12 @@ export interface GridHierarchyCellMethods extends Vue2type {
|
|
|
15
16
|
/**
|
|
16
17
|
* @hidden
|
|
17
18
|
*/
|
|
18
|
-
|
|
19
|
+
export interface GridHierarchyCellAll extends GridHierarchyCellMethods, GridCellProps, Vue2type {
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* @hidden
|
|
23
|
+
*/
|
|
24
|
+
declare let GridHierarchyCellVue2: ComponentOptions<GridHierarchyCellAll, DefaultData<{}>, DefaultMethods<GridHierarchyCellAll>, {}, RecordPropsDefinition<GridCellProps>>;
|
|
19
25
|
/**
|
|
20
26
|
* @hidden
|
|
21
27
|
*/
|
|
@@ -77,6 +77,15 @@ var GridHierarchyCellVue2 = {
|
|
|
77
77
|
});
|
|
78
78
|
}
|
|
79
79
|
},
|
|
80
|
+
computed: {
|
|
81
|
+
wrapperClass: function wrapperClass() {
|
|
82
|
+
var _a;
|
|
83
|
+
|
|
84
|
+
return _a = {
|
|
85
|
+
'k-hierarchy-cell': true
|
|
86
|
+
}, _a[this.className || ''] = this.className, _a;
|
|
87
|
+
}
|
|
88
|
+
},
|
|
80
89
|
// @ts-ignore
|
|
81
90
|
setup: !isV3 ? undefined : function () {
|
|
82
91
|
var v3 = !!isV3;
|
|
@@ -94,7 +103,7 @@ var GridHierarchyCellVue2 = {
|
|
|
94
103
|
|
|
95
104
|
if (this.$props.rowType === 'groupFooter') {
|
|
96
105
|
defaultRendering = h("td", {
|
|
97
|
-
"class":
|
|
106
|
+
"class": this.wrapperClass
|
|
98
107
|
});
|
|
99
108
|
} else if (this.$props.rowType !== 'groupHeader') {
|
|
100
109
|
var expanded_1 = getNestedValue(this.$props.field, this.$props.dataItem);
|
|
@@ -108,7 +117,7 @@ var GridHierarchyCellVue2 = {
|
|
|
108
117
|
_this.triggerKeydown(ev, expanded_1);
|
|
109
118
|
}
|
|
110
119
|
},
|
|
111
|
-
"class":
|
|
120
|
+
"class": this.wrapperClass,
|
|
112
121
|
"aria-expanded": expanded_1 ? 'true' : 'false',
|
|
113
122
|
attrs: this.v3 ? undefined : {
|
|
114
123
|
"aria-expanded": expanded_1 ? 'true' : 'false',
|
|
@@ -219,6 +219,10 @@ export interface GridProps {
|
|
|
219
219
|
* An item will be rendered as expanded if the value of its `expandField` is `true`.
|
|
220
220
|
*/
|
|
221
221
|
detail?: null | any;
|
|
222
|
+
/**
|
|
223
|
+
* Defines the GridColumnProps of the expand column.
|
|
224
|
+
*/
|
|
225
|
+
expandColumn?: GridColumnProps;
|
|
222
226
|
/**
|
|
223
227
|
* Represents the `style` HTML attribute.
|
|
224
228
|
*/
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-vue-grid',
|
|
6
6
|
productName: 'Kendo UI for Vue',
|
|
7
7
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1663669019,
|
|
9
9
|
version: '',
|
|
10
10
|
licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
|
|
11
11
|
};
|
package/dist/npm/Grid.js
CHANGED
|
@@ -148,6 +148,7 @@ var GridVue2 = {
|
|
|
148
148
|
skip: Number,
|
|
149
149
|
take: Number,
|
|
150
150
|
expandField: String,
|
|
151
|
+
expandColumn: Object,
|
|
151
152
|
selectedField: String,
|
|
152
153
|
cellRender: kendo_vue_common_1.templateDefinition,
|
|
153
154
|
rowRender: kendo_vue_common_1.templateDefinition,
|
|
@@ -731,12 +732,12 @@ var GridVue2 = {
|
|
|
731
732
|
var columnIndexOffset = 0;
|
|
732
733
|
|
|
733
734
|
if (this.$props.expandField && kendo_vue_common_1.hasListener.call(this, 'expandchange') && this.$props.detail) {
|
|
734
|
-
this._columns.unshift(__assign(__assign({}, defaultServiceProps), {
|
|
735
|
+
this._columns.unshift(__assign(__assign(__assign({}, defaultServiceProps), {
|
|
735
736
|
internalCell: this.v3 ? markRaw(GridHierarchyCell_1.GridHierarchyCell) : GridHierarchyCell_1.GridHierarchyCell,
|
|
736
737
|
field: this.$props.expandField,
|
|
737
738
|
headerClassName: 'k-hierarchy-cell k-header',
|
|
738
739
|
id: kendo_vue_data_tools_1.tableKeyboardNavigationTools.generateNavigatableId("".concat(this._columns.length), idPrefix, 'column')
|
|
739
|
-
}));
|
|
740
|
+
}), this.expandColumn));
|
|
740
741
|
|
|
741
742
|
columnIndexOffset++;
|
|
742
743
|
}
|
|
@@ -7,7 +7,8 @@ declare type DefaultMethods<V> = {
|
|
|
7
7
|
/**
|
|
8
8
|
* @hidden
|
|
9
9
|
*/
|
|
10
|
-
export interface GridHierarchyCellMethods
|
|
10
|
+
export interface GridHierarchyCellMethods {
|
|
11
|
+
[key: string]: any;
|
|
11
12
|
triggerKeydown: (e: any, expanded: boolean | undefined) => void;
|
|
12
13
|
clickHandler: (e: any, dataItem: any, expanded: boolean | undefined) => void;
|
|
13
14
|
getKeyboardNavigationAttributes: (id: string) => any;
|
|
@@ -15,7 +16,12 @@ export interface GridHierarchyCellMethods extends Vue2type {
|
|
|
15
16
|
/**
|
|
16
17
|
* @hidden
|
|
17
18
|
*/
|
|
18
|
-
|
|
19
|
+
export interface GridHierarchyCellAll extends GridHierarchyCellMethods, GridCellProps, Vue2type {
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* @hidden
|
|
23
|
+
*/
|
|
24
|
+
declare let GridHierarchyCellVue2: ComponentOptions<GridHierarchyCellAll, DefaultData<{}>, DefaultMethods<GridHierarchyCellAll>, {}, RecordPropsDefinition<GridCellProps>>;
|
|
19
25
|
/**
|
|
20
26
|
* @hidden
|
|
21
27
|
*/
|
|
@@ -88,6 +88,15 @@ var GridHierarchyCellVue2 = {
|
|
|
88
88
|
});
|
|
89
89
|
}
|
|
90
90
|
},
|
|
91
|
+
computed: {
|
|
92
|
+
wrapperClass: function wrapperClass() {
|
|
93
|
+
var _a;
|
|
94
|
+
|
|
95
|
+
return _a = {
|
|
96
|
+
'k-hierarchy-cell': true
|
|
97
|
+
}, _a[this.className || ''] = this.className, _a;
|
|
98
|
+
}
|
|
99
|
+
},
|
|
91
100
|
// @ts-ignore
|
|
92
101
|
setup: !isV3 ? undefined : function () {
|
|
93
102
|
var v3 = !!isV3;
|
|
@@ -105,7 +114,7 @@ var GridHierarchyCellVue2 = {
|
|
|
105
114
|
|
|
106
115
|
if (this.$props.rowType === 'groupFooter') {
|
|
107
116
|
defaultRendering = h("td", {
|
|
108
|
-
"class":
|
|
117
|
+
"class": this.wrapperClass
|
|
109
118
|
});
|
|
110
119
|
} else if (this.$props.rowType !== 'groupHeader') {
|
|
111
120
|
var expanded_1 = (0, main_1.getNestedValue)(this.$props.field, this.$props.dataItem);
|
|
@@ -119,7 +128,7 @@ var GridHierarchyCellVue2 = {
|
|
|
119
128
|
_this.triggerKeydown(ev, expanded_1);
|
|
120
129
|
}
|
|
121
130
|
},
|
|
122
|
-
"class":
|
|
131
|
+
"class": this.wrapperClass,
|
|
123
132
|
"aria-expanded": expanded_1 ? 'true' : 'false',
|
|
124
133
|
attrs: this.v3 ? undefined : {
|
|
125
134
|
"aria-expanded": expanded_1 ? 'true' : 'false',
|
|
@@ -219,6 +219,10 @@ export interface GridProps {
|
|
|
219
219
|
* An item will be rendered as expanded if the value of its `expandField` is `true`.
|
|
220
220
|
*/
|
|
221
221
|
detail?: null | any;
|
|
222
|
+
/**
|
|
223
|
+
* Defines the GridColumnProps of the expand column.
|
|
224
|
+
*/
|
|
225
|
+
expandColumn?: GridColumnProps;
|
|
222
226
|
/**
|
|
223
227
|
* Represents the `style` HTML attribute.
|
|
224
228
|
*/
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-vue-grid',
|
|
9
9
|
productName: 'Kendo UI for Vue',
|
|
10
10
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1663669019,
|
|
12
12
|
version: '',
|
|
13
13
|
licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
|
|
14
14
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-vue-grid",
|
|
3
|
-
"version": "3.6.
|
|
3
|
+
"version": "3.6.2",
|
|
4
4
|
"description": "Kendo UI for Vue Grid package",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -41,24 +41,24 @@
|
|
|
41
41
|
"vue": "^2.6.12 || ^3.0.2"
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
|
-
"@progress/kendo-vue-common": "3.6.
|
|
44
|
+
"@progress/kendo-vue-common": "3.6.2"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
47
|
"@progress/kendo-data-query": "^1.5.4",
|
|
48
48
|
"@progress/kendo-drawing": "^1.9.3",
|
|
49
49
|
"@progress/kendo-licensing": "^1.1.0",
|
|
50
|
-
"@progress/kendo-vue-animation": "3.6.
|
|
51
|
-
"@progress/kendo-vue-buttons": "3.6.
|
|
52
|
-
"@progress/kendo-vue-charts": "3.6.
|
|
53
|
-
"@progress/kendo-vue-data-tools": "3.6.
|
|
54
|
-
"@progress/kendo-vue-dateinputs": "3.6.
|
|
55
|
-
"@progress/kendo-vue-dropdowns": "3.6.
|
|
56
|
-
"@progress/kendo-vue-excel-export": "3.6.
|
|
57
|
-
"@progress/kendo-vue-indicators": "3.6.
|
|
58
|
-
"@progress/kendo-vue-inputs": "3.6.
|
|
59
|
-
"@progress/kendo-vue-intl": "3.6.
|
|
60
|
-
"@progress/kendo-vue-pdf": "3.6.
|
|
61
|
-
"@progress/kendo-vue-popup": "3.6.
|
|
50
|
+
"@progress/kendo-vue-animation": "3.6.2",
|
|
51
|
+
"@progress/kendo-vue-buttons": "3.6.2",
|
|
52
|
+
"@progress/kendo-vue-charts": "3.6.2",
|
|
53
|
+
"@progress/kendo-vue-data-tools": "3.6.2",
|
|
54
|
+
"@progress/kendo-vue-dateinputs": "3.6.2",
|
|
55
|
+
"@progress/kendo-vue-dropdowns": "3.6.2",
|
|
56
|
+
"@progress/kendo-vue-excel-export": "3.6.2",
|
|
57
|
+
"@progress/kendo-vue-indicators": "3.6.2",
|
|
58
|
+
"@progress/kendo-vue-inputs": "3.6.2",
|
|
59
|
+
"@progress/kendo-vue-intl": "3.6.2",
|
|
60
|
+
"@progress/kendo-vue-pdf": "3.6.2",
|
|
61
|
+
"@progress/kendo-vue-popup": "3.6.2",
|
|
62
62
|
"cldr-core": "^41.0.0",
|
|
63
63
|
"cldr-dates-full": "^41.0.0",
|
|
64
64
|
"cldr-numbers-full": "^41.0.0",
|