@progress/kendo-vue-data-tools 3.5.0-dev.202208020811 → 3.5.1-dev.202208110751
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/filter/FieldSettings.js +1 -0
- package/dist/es/filter/GroupToolbar.js +8 -12
- package/dist/es/filter/operators.js +12 -10
- package/dist/es/filteringCells/FilterCellProps.js +1 -0
- package/dist/es/filteringCells/FilterComponentProps.js +1 -0
- package/dist/es/filteringCells/FilterOperator.js +1 -0
- package/dist/es/navigation/TableKeyboardNavigation.js +7 -11
- package/dist/es/navigation/TableKeyboardNavigationContextType.js +1 -0
- package/dist/es/navigation/TableKeyboardNavigationStateType.js +1 -0
- package/dist/es/navigation/constants.js +8 -12
- package/dist/es/navigation/utils.d.ts +32 -4
- package/dist/es/navigation/utils.js +10 -10
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/pager/Page.js +1 -0
- package/dist/es/pager/PagerInput.js +1 -1
- package/dist/es/virtualization/columns.js +9 -7
- package/dist/esm/additionalTypes.ts +21 -0
- package/dist/esm/filter/Expression.d.ts +73 -0
- package/dist/esm/filter/Expression.js +495 -0
- package/dist/esm/filter/FieldSettings.d.ts +22 -0
- package/dist/esm/filter/FieldSettings.js +1 -0
- package/dist/esm/filter/Filter.d.ts +83 -0
- package/dist/esm/filter/Filter.js +169 -0
- package/dist/esm/filter/GroupFilters.d.ts +72 -0
- package/dist/esm/filter/GroupFilters.js +166 -0
- package/dist/esm/filter/GroupToolbar.d.ts +74 -0
- package/dist/esm/filter/GroupToolbar.js +586 -0
- package/dist/esm/filter/filters/BooleanFilter.d.ts +61 -0
- package/dist/esm/filter/filters/BooleanFilter.js +75 -0
- package/dist/esm/filter/filters/DateFilter.d.ts +49 -0
- package/dist/esm/filter/filters/DateFilter.js +73 -0
- package/dist/esm/filter/filters/EnumFilter.d.ts +59 -0
- package/dist/esm/filter/filters/EnumFilter.js +102 -0
- package/dist/esm/filter/filters/NumericFilter.d.ts +48 -0
- package/dist/esm/filter/filters/NumericFilter.js +73 -0
- package/dist/esm/filter/filters/TextFilter.d.ts +60 -0
- package/dist/esm/filter/filters/TextFilter.js +72 -0
- package/dist/esm/filter/filters/index.d.ts +5 -0
- package/dist/esm/filter/filters/index.js +5 -0
- package/dist/esm/filter/index.d.ts +6 -0
- package/dist/esm/filter/index.js +6 -0
- package/dist/esm/filter/operators.d.ts +73 -0
- package/dist/esm/filter/operators.js +150 -0
- package/dist/esm/filteringCells/FilterCellProps.d.ts +35 -0
- package/dist/esm/filteringCells/FilterCellProps.js +1 -0
- package/dist/esm/filteringCells/FilterComponentProps.d.ts +11 -0
- package/dist/esm/filteringCells/FilterComponentProps.js +1 -0
- package/dist/esm/filteringCells/FilterOperator.d.ts +13 -0
- package/dist/esm/filteringCells/FilterOperator.js +1 -0
- package/dist/esm/filteringCells/index.d.ts +3 -0
- package/dist/esm/filteringCells/index.js +8 -0
- package/dist/esm/header/HeaderThElement.d.ts +42 -0
- package/dist/esm/header/HeaderThElement.js +110 -0
- package/dist/esm/main.d.ts +18 -0
- package/dist/esm/main.js +17 -0
- package/dist/esm/messages/index.d.ts +315 -0
- package/dist/esm/messages/index.js +316 -0
- package/dist/esm/navigation/TableKeyboardNavigation.d.ts +41 -0
- package/dist/esm/navigation/TableKeyboardNavigation.js +371 -0
- package/dist/esm/navigation/TableKeyboardNavigationContextType.d.ts +7 -0
- package/dist/esm/navigation/TableKeyboardNavigationContextType.js +1 -0
- package/dist/esm/navigation/TableKeyboardNavigationStateType.d.ts +10 -0
- package/dist/esm/navigation/TableKeyboardNavigationStateType.js +1 -0
- package/dist/esm/navigation/constants.d.ts +54 -0
- package/dist/esm/navigation/constants.js +75 -0
- package/dist/esm/navigation/utils.d.ts +161 -0
- package/dist/esm/navigation/utils.js +212 -0
- package/dist/esm/package-metadata.d.ts +5 -0
- package/dist/esm/package-metadata.js +11 -0
- package/dist/esm/package.json +3 -0
- package/dist/esm/pager/GridPagerSettings.d.ts +62 -0
- package/dist/esm/pager/GridPagerSettings.js +22 -0
- package/dist/esm/pager/Page.d.ts +13 -0
- package/dist/esm/pager/Page.js +1 -0
- package/dist/esm/pager/Pager.d.ts +98 -0
- package/dist/esm/pager/Pager.js +398 -0
- package/dist/esm/pager/PagerInfo.d.ts +51 -0
- package/dist/esm/pager/PagerInfo.js +59 -0
- package/dist/esm/pager/PagerInput.d.ts +50 -0
- package/dist/esm/pager/PagerInput.js +101 -0
- package/dist/esm/pager/PagerNavigationButton.d.ts +50 -0
- package/dist/esm/pager/PagerNavigationButton.js +67 -0
- package/dist/esm/pager/PagerNumericButtons.d.ts +50 -0
- package/dist/esm/pager/PagerNumericButtons.js +147 -0
- package/dist/esm/pager/PagerPageSizes.d.ts +51 -0
- package/dist/esm/pager/PagerPageSizes.js +85 -0
- package/dist/esm/virtualization/columns.d.ts +15 -0
- package/dist/esm/virtualization/columns.js +75 -0
- package/dist/esm/virtualization/index.d.ts +1 -0
- package/dist/esm/virtualization/index.js +1 -0
- package/dist/npm/filter/Expression.js +5 -5
- package/dist/npm/filter/Filter.js +1 -1
- package/dist/npm/filter/GroupFilters.js +1 -1
- package/dist/npm/filter/GroupToolbar.js +10 -14
- package/dist/npm/filter/filters/EnumFilter.js +1 -1
- package/dist/npm/filter/filters/index.js +6 -2
- package/dist/npm/filter/index.js +6 -2
- package/dist/npm/filter/operators.js +16 -12
- package/dist/npm/filteringCells/index.js +6 -2
- package/dist/npm/header/HeaderThElement.js +1 -1
- package/dist/npm/main.js +7 -3
- package/dist/npm/messages/index.js +2 -1
- package/dist/npm/navigation/TableKeyboardNavigation.js +15 -19
- package/dist/npm/navigation/constants.js +8 -12
- package/dist/npm/navigation/utils.d.ts +32 -4
- package/dist/npm/navigation/utils.js +53 -33
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/pager/GridPagerSettings.js +2 -1
- package/dist/npm/pager/Pager.js +1 -1
- package/dist/npm/pager/PagerInfo.js +2 -2
- package/dist/npm/pager/PagerInput.js +3 -3
- package/dist/npm/pager/PagerPageSizes.js +1 -1
- package/dist/npm/virtualization/columns.js +9 -7
- package/dist/npm/virtualization/index.js +6 -2
- package/package.json +16 -10
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
// @ts-ignore
|
|
2
|
+
import * as Vue from 'vue';
|
|
3
|
+
var allVue = Vue;
|
|
4
|
+
var gh = allVue.h;
|
|
5
|
+
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
6
|
+
/**
|
|
7
|
+
* @hidden
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
var PagerNavigationButtonVue2 = {
|
|
11
|
+
name: 'KendoPagerNavigationButton',
|
|
12
|
+
props: {
|
|
13
|
+
title: String,
|
|
14
|
+
icon: String,
|
|
15
|
+
page: Number
|
|
16
|
+
},
|
|
17
|
+
inject: {
|
|
18
|
+
kendoLocalizationService: {
|
|
19
|
+
default: null
|
|
20
|
+
},
|
|
21
|
+
kendoIntlService: {
|
|
22
|
+
default: null
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
// @ts-ignore
|
|
26
|
+
setup: !isV3 ? undefined : function () {
|
|
27
|
+
var v3 = !!isV3;
|
|
28
|
+
return {
|
|
29
|
+
v3: v3
|
|
30
|
+
};
|
|
31
|
+
},
|
|
32
|
+
methods: {
|
|
33
|
+
changePage: function changePage(e) {
|
|
34
|
+
e.preventDefault();
|
|
35
|
+
this.$emit('pagechange', this.$props.page, e);
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
// @ts-ignore
|
|
39
|
+
render: function render(createElement) {
|
|
40
|
+
var h = gh || createElement;
|
|
41
|
+
return h("a", {
|
|
42
|
+
"class": 'k-link k-pager-nav',
|
|
43
|
+
onClick: this.changePage,
|
|
44
|
+
on: this.v3 ? undefined : {
|
|
45
|
+
"click": this.changePage
|
|
46
|
+
},
|
|
47
|
+
href: "#",
|
|
48
|
+
attrs: this.v3 ? undefined : {
|
|
49
|
+
href: "#",
|
|
50
|
+
title: this.$props.title
|
|
51
|
+
},
|
|
52
|
+
title: this.$props.title
|
|
53
|
+
}, [h("span", {
|
|
54
|
+
"class": this.$props.icon,
|
|
55
|
+
"aria-label": this.$props.title,
|
|
56
|
+
attrs: this.v3 ? undefined : {
|
|
57
|
+
"aria-label": this.$props.title
|
|
58
|
+
}
|
|
59
|
+
})]);
|
|
60
|
+
}
|
|
61
|
+
};
|
|
62
|
+
/**
|
|
63
|
+
* @hidden
|
|
64
|
+
*/
|
|
65
|
+
|
|
66
|
+
var PagerNavigationButton = PagerNavigationButtonVue2;
|
|
67
|
+
export { PagerNavigationButton, PagerNavigationButtonVue2 };
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
|
|
2
|
+
declare type DefaultData<V> = object | ((this: V) => {});
|
|
3
|
+
declare type DefaultMethods<V> = {
|
|
4
|
+
[key: string]: (this: V, ...args: any[]) => any;
|
|
5
|
+
};
|
|
6
|
+
export interface PagerNumericButtonsProps {
|
|
7
|
+
buttonCount: number;
|
|
8
|
+
/**
|
|
9
|
+
* The number of pages.
|
|
10
|
+
*/
|
|
11
|
+
totalPages: number;
|
|
12
|
+
/**
|
|
13
|
+
* The current page.
|
|
14
|
+
*/
|
|
15
|
+
currentPage: number;
|
|
16
|
+
/**
|
|
17
|
+
* The size type of the buttons. When set to 'small' the buttons are shown as dropdownlist component.
|
|
18
|
+
*/
|
|
19
|
+
size?: string;
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* @hidden
|
|
23
|
+
*/
|
|
24
|
+
export interface PagerNumericButtonsMethods {
|
|
25
|
+
[key: string]: any;
|
|
26
|
+
click: (e: any, page: number) => void;
|
|
27
|
+
ddlChange: (event: any) => void;
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* @hidden
|
|
31
|
+
*/
|
|
32
|
+
export interface PagerNumericButtonsComputed {
|
|
33
|
+
[key: string]: any;
|
|
34
|
+
start: number;
|
|
35
|
+
end: number;
|
|
36
|
+
}
|
|
37
|
+
/**
|
|
38
|
+
* @hidden
|
|
39
|
+
*/
|
|
40
|
+
export interface PagerNumericButtonsAll extends PagerNumericButtonsMethods, PagerNumericButtonsComputed, PagerNumericButtonsProps, Vue2type {
|
|
41
|
+
}
|
|
42
|
+
/**
|
|
43
|
+
* @hidden
|
|
44
|
+
*/
|
|
45
|
+
declare let PagerNumericButtonsVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<PagerNumericButtonsAll>, PagerNumericButtonsComputed, RecordPropsDefinition<PagerNumericButtonsProps>>;
|
|
46
|
+
/**
|
|
47
|
+
* @hidden
|
|
48
|
+
*/
|
|
49
|
+
declare const PagerNumericButtons: DefineComponent<PagerNumericButtonsProps, any, {}, PagerNumericButtonsComputed, PagerNumericButtonsMethods, {}, {}, {}, string, PagerNumericButtonsProps, PagerNumericButtonsProps, {}>;
|
|
50
|
+
export { PagerNumericButtons, PagerNumericButtonsVue2 };
|
|
@@ -0,0 +1,147 @@
|
|
|
1
|
+
import * as Vue from 'vue';
|
|
2
|
+
var allVue = Vue;
|
|
3
|
+
var gh = allVue.h;
|
|
4
|
+
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
5
|
+
/**
|
|
6
|
+
* @hidden
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
var PagerNumericButtonsVue2 = {
|
|
10
|
+
name: 'KendoNumericButtons',
|
|
11
|
+
props: {
|
|
12
|
+
buttonCount: Number,
|
|
13
|
+
totalPages: Number,
|
|
14
|
+
currentPage: Number,
|
|
15
|
+
size: String
|
|
16
|
+
},
|
|
17
|
+
computed: {
|
|
18
|
+
start: {
|
|
19
|
+
get: function get() {
|
|
20
|
+
var page = this.$props.currentPage;
|
|
21
|
+
var buttonCount = this.$props.buttonCount;
|
|
22
|
+
|
|
23
|
+
if (page > buttonCount) {
|
|
24
|
+
var reminder = page % buttonCount;
|
|
25
|
+
return reminder === 0 ? page - buttonCount + 1 : page - reminder + 1;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
return 1;
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
end: {
|
|
32
|
+
get: function get() {
|
|
33
|
+
return Math.min(this.start + this.$props.buttonCount - 1, this.$props.totalPages);
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
methods: {
|
|
38
|
+
click: function click(e, page) {
|
|
39
|
+
e.preventDefault();
|
|
40
|
+
this.$emit('pagechange', page, e);
|
|
41
|
+
},
|
|
42
|
+
ddlChange: function ddlChange(event) {
|
|
43
|
+
this.$emit('pagechange', parseInt(event.target.value, 10), event);
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
// @ts-ignore
|
|
47
|
+
setup: !isV3 ? undefined : function () {
|
|
48
|
+
var v3 = !!isV3;
|
|
49
|
+
return {
|
|
50
|
+
v3: v3
|
|
51
|
+
};
|
|
52
|
+
},
|
|
53
|
+
// @ts-ignore
|
|
54
|
+
render: function render(createElement) {
|
|
55
|
+
var _this = this;
|
|
56
|
+
|
|
57
|
+
var h = gh || createElement;
|
|
58
|
+
var prevDots = this.start > 1 ? h("li", [h("a", {
|
|
59
|
+
"class": "k-link",
|
|
60
|
+
onClick: function onClick(e) {
|
|
61
|
+
return _this.click(e, _this.start - 1);
|
|
62
|
+
},
|
|
63
|
+
on: this.v3 ? undefined : {
|
|
64
|
+
"click": function onClick(e) {
|
|
65
|
+
return _this.click(e, _this.start - 1);
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
href: "#",
|
|
69
|
+
attrs: this.v3 ? undefined : {
|
|
70
|
+
href: "#"
|
|
71
|
+
}
|
|
72
|
+
}, ["..."])]) : '';
|
|
73
|
+
var postDots = this.end < this.$props.totalPages ? h("li", [h("a", {
|
|
74
|
+
"class": "k-link",
|
|
75
|
+
onClick: function onClick(e) {
|
|
76
|
+
return _this.click(e, _this.end + 1);
|
|
77
|
+
},
|
|
78
|
+
on: this.v3 ? undefined : {
|
|
79
|
+
"click": function onClick(e) {
|
|
80
|
+
return _this.click(e, _this.end + 1);
|
|
81
|
+
}
|
|
82
|
+
},
|
|
83
|
+
href: "#",
|
|
84
|
+
attrs: this.v3 ? undefined : {
|
|
85
|
+
href: "#"
|
|
86
|
+
}
|
|
87
|
+
}, ["..."])]) : '';
|
|
88
|
+
var buttons = [];
|
|
89
|
+
|
|
90
|
+
for (var idx = this.start; idx <= this.end; idx++) {
|
|
91
|
+
buttons.push(idx);
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
var numerics = buttons.map(function (page) {
|
|
95
|
+
var _this = this;
|
|
96
|
+
|
|
97
|
+
return h("li", {
|
|
98
|
+
key: page
|
|
99
|
+
}, [h("a", {
|
|
100
|
+
href: "#",
|
|
101
|
+
attrs: this.v3 ? undefined : {
|
|
102
|
+
href: "#"
|
|
103
|
+
},
|
|
104
|
+
onClick: function onClick(e) {
|
|
105
|
+
return _this.click(e, page);
|
|
106
|
+
},
|
|
107
|
+
on: this.v3 ? undefined : {
|
|
108
|
+
"click": function onClick(e) {
|
|
109
|
+
return _this.click(e, page);
|
|
110
|
+
}
|
|
111
|
+
},
|
|
112
|
+
"class": this.$props.currentPage === page ? 'k-link k-selected' : 'k-link'
|
|
113
|
+
}, [page])]);
|
|
114
|
+
}, this);
|
|
115
|
+
|
|
116
|
+
var dropdown = function dropdown(currentButtons) {
|
|
117
|
+
return h("select", {
|
|
118
|
+
"class": "k-dropdownlist k-picker k-picker-md k-rounded-md k-picker-solid",
|
|
119
|
+
onChange: this.ddlChange,
|
|
120
|
+
on: this.v3 ? undefined : {
|
|
121
|
+
"change": this.ddlChange
|
|
122
|
+
}
|
|
123
|
+
}, [currentButtons.map(function (cb) {
|
|
124
|
+
return h("option", {
|
|
125
|
+
value: this.v3 ? cb : null,
|
|
126
|
+
domProps: this.v3 ? undefined : {
|
|
127
|
+
"value": cb,
|
|
128
|
+
"selected": cb === this.$props.currentPage
|
|
129
|
+
},
|
|
130
|
+
selected: this.v3 ? cb === this.$props.currentPage : null
|
|
131
|
+
}, [cb]);
|
|
132
|
+
}, this)]);
|
|
133
|
+
};
|
|
134
|
+
|
|
135
|
+
return h("div", {
|
|
136
|
+
"class": "k-pager-numbers-wrap"
|
|
137
|
+
}, [this.$props.size !== 'small' ? h("ul", {
|
|
138
|
+
"class": "k-pager-numbers k-reset"
|
|
139
|
+
}, [prevDots, numerics, postDots]) : dropdown.call(this, buttons)]);
|
|
140
|
+
}
|
|
141
|
+
};
|
|
142
|
+
/**
|
|
143
|
+
* @hidden
|
|
144
|
+
*/
|
|
145
|
+
|
|
146
|
+
var PagerNumericButtons = PagerNumericButtonsVue2;
|
|
147
|
+
export { PagerNumericButtons, PagerNumericButtonsVue2 };
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
|
|
2
|
+
import { Page } from './Page';
|
|
3
|
+
declare type DefaultData<V> = object | ((this: V) => {});
|
|
4
|
+
declare type DefaultMethods<V> = {
|
|
5
|
+
[key: string]: (this: V, ...args: any[]) => any;
|
|
6
|
+
};
|
|
7
|
+
export interface PagerPageSizesProps {
|
|
8
|
+
/**
|
|
9
|
+
* The page size selected value.
|
|
10
|
+
*/
|
|
11
|
+
value?: string | number;
|
|
12
|
+
/**
|
|
13
|
+
* The page size.
|
|
14
|
+
*/
|
|
15
|
+
pageSize: number;
|
|
16
|
+
/**
|
|
17
|
+
* The page sizes.
|
|
18
|
+
*/
|
|
19
|
+
pageSizes: number[];
|
|
20
|
+
/**
|
|
21
|
+
* A map with the messages.
|
|
22
|
+
*/
|
|
23
|
+
messagesMap?: (messageKey: string) => ({
|
|
24
|
+
messageKey: string;
|
|
25
|
+
defaultMessage: string;
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
/**
|
|
29
|
+
* @hidden
|
|
30
|
+
*/
|
|
31
|
+
export interface PagerPageSizesEmits {
|
|
32
|
+
/**
|
|
33
|
+
* The pagechange event.
|
|
34
|
+
*/
|
|
35
|
+
pagechange?: (event: Page, e: any) => any;
|
|
36
|
+
}
|
|
37
|
+
/**
|
|
38
|
+
* @hidden
|
|
39
|
+
*/
|
|
40
|
+
export interface PagerPageSizesMethods extends Vue2type {
|
|
41
|
+
pageSizeChange: (e: any) => void;
|
|
42
|
+
}
|
|
43
|
+
/**
|
|
44
|
+
* @hidden
|
|
45
|
+
*/
|
|
46
|
+
declare let PagerPageSizesVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<PagerPageSizesMethods>, {}, RecordPropsDefinition<PagerPageSizesProps>>;
|
|
47
|
+
/**
|
|
48
|
+
* @hidden
|
|
49
|
+
*/
|
|
50
|
+
declare const PagerPageSizes: DefineComponent<PagerPageSizesProps, any, {}, {}, PagerPageSizesMethods, {}, {}, {}, string, PagerPageSizesProps, PagerPageSizesProps, {}>;
|
|
51
|
+
export { PagerPageSizes, PagerPageSizesVue2 };
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
// @ts-ignore
|
|
2
|
+
import * as Vue from 'vue';
|
|
3
|
+
var allVue = Vue;
|
|
4
|
+
var gh = allVue.h;
|
|
5
|
+
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
6
|
+
var inject = allVue.inject;
|
|
7
|
+
import { messages, pagerItemPerPage } from './../messages.js';
|
|
8
|
+
import { provideLocalizationService } from '@progress/kendo-vue-intl';
|
|
9
|
+
import { DropDownList } from '@progress/kendo-vue-dropdowns';
|
|
10
|
+
/**
|
|
11
|
+
* @hidden
|
|
12
|
+
*/
|
|
13
|
+
|
|
14
|
+
var PagerPageSizesVue2 = {
|
|
15
|
+
name: 'KendoPagerPageSizes',
|
|
16
|
+
props: {
|
|
17
|
+
value: [String, Number],
|
|
18
|
+
pageSize: Number,
|
|
19
|
+
pageSizes: Array,
|
|
20
|
+
messagesMap: Function
|
|
21
|
+
},
|
|
22
|
+
inject: {
|
|
23
|
+
kendoLocalizationService: {
|
|
24
|
+
default: null
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
methods: {
|
|
28
|
+
pageSizeChange: function pageSizeChange(e) {
|
|
29
|
+
this.$emit('pagechange', {
|
|
30
|
+
skip: 0,
|
|
31
|
+
take: parseInt(e.target.value, 10)
|
|
32
|
+
}, e);
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
// @ts-ignore
|
|
36
|
+
setup: !isV3 ? undefined : function () {
|
|
37
|
+
var v3 = !!isV3;
|
|
38
|
+
var kendoLocalizationService = inject('kendoLocalizationService', {});
|
|
39
|
+
return {
|
|
40
|
+
v3: v3,
|
|
41
|
+
kendoLocalizationService: kendoLocalizationService
|
|
42
|
+
};
|
|
43
|
+
},
|
|
44
|
+
// @ts-ignore
|
|
45
|
+
render: function render(createElement) {
|
|
46
|
+
var h = gh || createElement;
|
|
47
|
+
var _a = this.$props,
|
|
48
|
+
value = _a.value,
|
|
49
|
+
pageSizes = _a.pageSizes,
|
|
50
|
+
pageSize = _a.pageSize;
|
|
51
|
+
var sizes = pageSizes.slice();
|
|
52
|
+
|
|
53
|
+
if (value === undefined && sizes.filter(function (s) {
|
|
54
|
+
return s === pageSize;
|
|
55
|
+
}).length === 0) {
|
|
56
|
+
sizes.unshift(pageSize);
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
var itemPerPageMessage = this.$props.messagesMap ? this.$props.messagesMap(pagerItemPerPage) : {
|
|
60
|
+
messageKey: pagerItemPerPage,
|
|
61
|
+
defaultMessage: messages[pagerItemPerPage]
|
|
62
|
+
};
|
|
63
|
+
return h("span", {
|
|
64
|
+
"class": "k-pager-sizes k-label"
|
|
65
|
+
}, [// @ts-ignore function children
|
|
66
|
+
h(DropDownList, {
|
|
67
|
+
value: value !== undefined ? value : pageSize,
|
|
68
|
+
attrs: this.v3 ? undefined : {
|
|
69
|
+
value: value !== undefined ? value : pageSize,
|
|
70
|
+
dataItems: sizes
|
|
71
|
+
},
|
|
72
|
+
dataItems: sizes,
|
|
73
|
+
onChange: this.pageSizeChange,
|
|
74
|
+
on: this.v3 ? undefined : {
|
|
75
|
+
"change": this.pageSizeChange
|
|
76
|
+
}
|
|
77
|
+
}), provideLocalizationService(this).toLanguageString(itemPerPageMessage.messageKey, itemPerPageMessage.defaultMessage)]);
|
|
78
|
+
}
|
|
79
|
+
};
|
|
80
|
+
/**
|
|
81
|
+
* @hidden
|
|
82
|
+
*/
|
|
83
|
+
|
|
84
|
+
var PagerPageSizes = PagerPageSizesVue2;
|
|
85
|
+
export { PagerPageSizes, PagerPageSizesVue2 };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @hidden
|
|
3
|
+
*/
|
|
4
|
+
export declare function tableColumnsVirtualization(args: {
|
|
5
|
+
enabled?: boolean;
|
|
6
|
+
columns: {
|
|
7
|
+
width?: string | number;
|
|
8
|
+
locked?: boolean;
|
|
9
|
+
}[];
|
|
10
|
+
tableViewPortWidth: number;
|
|
11
|
+
scrollLeft: number;
|
|
12
|
+
}): {
|
|
13
|
+
colSpans: number[];
|
|
14
|
+
hiddenColumns: boolean[];
|
|
15
|
+
};
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
2
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
3
|
+
if (ar || !(i in from)) {
|
|
4
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
5
|
+
ar[i] = from[i];
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
9
|
+
};
|
|
10
|
+
/**
|
|
11
|
+
* @hidden
|
|
12
|
+
*/
|
|
13
|
+
export function tableColumnsVirtualization(args) {
|
|
14
|
+
var enabled = args.enabled, _a = args.columns, columns = _a === void 0 ? [] : _a, tableViewPortWidth = args.tableViewPortWidth, scrollLeft = args.scrollLeft;
|
|
15
|
+
var colSpans = columns.map(function () { return 1; });
|
|
16
|
+
var hiddenColumns = columns.map(function () { return false; });
|
|
17
|
+
if (!enabled) {
|
|
18
|
+
return { colSpans: colSpans, hiddenColumns: hiddenColumns };
|
|
19
|
+
}
|
|
20
|
+
var widths = columns.map(function (c) { return parseFloat((c.width || '').toString()) || 10; });
|
|
21
|
+
var widthOfHiddenColumns = 0;
|
|
22
|
+
for (var i = 0; i < columns.length; i++) {
|
|
23
|
+
if (columns[i].locked) {
|
|
24
|
+
continue;
|
|
25
|
+
}
|
|
26
|
+
var considerNext = (i < widths.length - 1) ? widths[i + 1] : 0;
|
|
27
|
+
if (widthOfHiddenColumns + widths[i] + considerNext < scrollLeft) {
|
|
28
|
+
hiddenColumns[i] = true;
|
|
29
|
+
widthOfHiddenColumns += widths[i];
|
|
30
|
+
}
|
|
31
|
+
else {
|
|
32
|
+
break;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
var totalWidth = widths.reduce(function (acc, current) { return acc + current; }, 0);
|
|
36
|
+
widthOfHiddenColumns = 0;
|
|
37
|
+
for (var i = columns.length - 1; i >= 0; i--) {
|
|
38
|
+
if (columns[i].locked) {
|
|
39
|
+
continue;
|
|
40
|
+
}
|
|
41
|
+
if (widthOfHiddenColumns + 2 * widths[i] < totalWidth - tableViewPortWidth - scrollLeft) {
|
|
42
|
+
hiddenColumns[i] = true;
|
|
43
|
+
widthOfHiddenColumns += widths[i];
|
|
44
|
+
}
|
|
45
|
+
else {
|
|
46
|
+
break;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
var hiddenCols = __spreadArray([], hiddenColumns, true);
|
|
50
|
+
var hidden = function (value) { return value; };
|
|
51
|
+
var lastVisible = hiddenCols.lastIndexOf(false);
|
|
52
|
+
var anyHidden = hiddenCols.some(hidden);
|
|
53
|
+
var allHidden = hiddenCols.every(hidden);
|
|
54
|
+
var hiddenSeqLength;
|
|
55
|
+
var updateIndex;
|
|
56
|
+
while (anyHidden && hiddenCols.length && (lastVisible !== -1 || allHidden)) {
|
|
57
|
+
if (lastVisible < hiddenCols.length - 1) {
|
|
58
|
+
hiddenSeqLength = allHidden ? hiddenCols.length : hiddenCols.length - lastVisible - 1;
|
|
59
|
+
updateIndex = hiddenCols.length - hiddenSeqLength;
|
|
60
|
+
if (updateIndex === 0) {
|
|
61
|
+
updateIndex = hiddenSeqLength - 1;
|
|
62
|
+
}
|
|
63
|
+
hiddenColumns[updateIndex] = false;
|
|
64
|
+
colSpans[updateIndex] = hiddenSeqLength;
|
|
65
|
+
hiddenCols.splice(lastVisible + 1, hiddenSeqLength);
|
|
66
|
+
}
|
|
67
|
+
while (hiddenCols.length && !hiddenCols[hiddenCols.length - 1]) {
|
|
68
|
+
hiddenCols.pop();
|
|
69
|
+
}
|
|
70
|
+
lastVisible = hiddenCols.lastIndexOf(false);
|
|
71
|
+
anyHidden = hiddenCols.some(hidden);
|
|
72
|
+
allHidden = hiddenCols.every(hidden);
|
|
73
|
+
}
|
|
74
|
+
return { colSpans: colSpans, hiddenColumns: hiddenColumns };
|
|
75
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './columns';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './columns.js';
|
|
@@ -103,7 +103,7 @@ var ExpressionVue2 = {
|
|
|
103
103
|
var field = fields.find(function (f) {
|
|
104
104
|
return f.name === filter.field;
|
|
105
105
|
});
|
|
106
|
-
var locService = kendo_vue_intl_1.provideLocalizationService(this);
|
|
106
|
+
var locService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
|
|
107
107
|
var operators = (field && field.operators || []).map(function (o) {
|
|
108
108
|
return __assign(__assign({}, o), {
|
|
109
109
|
text: locService.toLanguageString(o.text, messages_1.messages[o.text] || o.text)
|
|
@@ -445,8 +445,8 @@ var ExpressionVue2 = {
|
|
|
445
445
|
operator: operator
|
|
446
446
|
};
|
|
447
447
|
|
|
448
|
-
if (!operators_1.unaryOperator(operator)) {
|
|
449
|
-
nextFilter.value = operators_1.stringOperator(operator) ? '' : null;
|
|
448
|
+
if (!(0, operators_1.unaryOperator)(operator)) {
|
|
449
|
+
nextFilter.value = (0, operators_1.stringOperator)(operator) ? '' : null;
|
|
450
450
|
}
|
|
451
451
|
|
|
452
452
|
this.triggerOnFilterChange(prevFilter, nextFilter, event);
|
|
@@ -456,7 +456,7 @@ var ExpressionVue2 = {
|
|
|
456
456
|
var prevFilter = this.$props.filter;
|
|
457
457
|
var nextFilter;
|
|
458
458
|
|
|
459
|
-
if (operators_1.unaryOperator(operator)) {
|
|
459
|
+
if ((0, operators_1.unaryOperator)(operator)) {
|
|
460
460
|
var value = prevFilter.value,
|
|
461
461
|
prevFilterNoValue = __rest(prevFilter, ["value"]);
|
|
462
462
|
|
|
@@ -475,7 +475,7 @@ var ExpressionVue2 = {
|
|
|
475
475
|
var prevFilter = this.$props.filter;
|
|
476
476
|
var nextFilter = event.nextFilter;
|
|
477
477
|
|
|
478
|
-
if (operators_1.unaryOperator(nextFilter.operator)) {
|
|
478
|
+
if ((0, operators_1.unaryOperator)(nextFilter.operator)) {
|
|
479
479
|
var field = this.$props.fields.find(function (f) {
|
|
480
480
|
return f.name === nextFilter.field;
|
|
481
481
|
});
|
|
@@ -63,7 +63,7 @@ var FilterVue2 = {
|
|
|
63
63
|
defaultGroupFilter: Object
|
|
64
64
|
},
|
|
65
65
|
created: function created() {
|
|
66
|
-
kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
|
|
66
|
+
(0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
|
|
67
67
|
},
|
|
68
68
|
// @ts-ignore
|
|
69
69
|
setup: !isV3 ? undefined : function () {
|
|
@@ -82,7 +82,7 @@ var GroupFilterVue2 = {
|
|
|
82
82
|
return h("li", {
|
|
83
83
|
key: idx,
|
|
84
84
|
"class": "k-filter-item"
|
|
85
|
-
}, [kendo_data_query_1.isCompositeFilterDescriptor(f) ? [// @ts-ignore
|
|
85
|
+
}, [(0, kendo_data_query_1.isCompositeFilterDescriptor)(f) ? [// @ts-ignore
|
|
86
86
|
h(GroupToolbar_1.GroupToolbar, {
|
|
87
87
|
filter: f,
|
|
88
88
|
attrs: this.v3 ? undefined : {
|
|
@@ -16,18 +16,14 @@ var __assign = undefined && undefined.__assign || function () {
|
|
|
16
16
|
return __assign.apply(this, arguments);
|
|
17
17
|
};
|
|
18
18
|
|
|
19
|
-
var
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
for (var r = Array(s), k = 0, i = 0; i < il; i++) {
|
|
25
|
-
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) {
|
|
26
|
-
r[k] = a[j];
|
|
19
|
+
var __spreadArray = undefined && undefined.__spreadArray || function (to, from, pack) {
|
|
20
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
21
|
+
if (ar || !(i in from)) {
|
|
22
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
23
|
+
ar[i] = from[i];
|
|
27
24
|
}
|
|
28
25
|
}
|
|
29
|
-
|
|
30
|
-
return r;
|
|
26
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
31
27
|
};
|
|
32
28
|
|
|
33
29
|
Object.defineProperty(exports, "__esModule", {
|
|
@@ -93,7 +89,7 @@ var GroupToolbarVue2 = {
|
|
|
93
89
|
var _a = this.$props,
|
|
94
90
|
fields = _a.fields,
|
|
95
91
|
filter = _a.filter;
|
|
96
|
-
var locService = kendo_vue_intl_1.provideLocalizationService(this);
|
|
92
|
+
var locService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
|
|
97
93
|
return h("div", {
|
|
98
94
|
"class": "k-filter-toolbar"
|
|
99
95
|
}, [// @ts-ignore function children
|
|
@@ -557,10 +553,10 @@ var GroupToolbarVue2 = {
|
|
|
557
553
|
field: firstField.name,
|
|
558
554
|
operator: firstField.operators[0].operator
|
|
559
555
|
};
|
|
560
|
-
newExpression.value = operators_1.stringOperator(newExpression.operator) ? '' : null;
|
|
556
|
+
newExpression.value = (0, operators_1.stringOperator)(newExpression.operator) ? '' : null;
|
|
561
557
|
this.$emit('change', {
|
|
562
558
|
nextFilter: __assign(__assign({}, prevFilter), {
|
|
563
|
-
filters:
|
|
559
|
+
filters: __spreadArray(__spreadArray([], prevFilter.filters, true), [newExpression], false)
|
|
564
560
|
}),
|
|
565
561
|
prevFilter: prevFilter
|
|
566
562
|
});
|
|
@@ -569,7 +565,7 @@ var GroupToolbarVue2 = {
|
|
|
569
565
|
var prevFilter = this.$props.filter;
|
|
570
566
|
this.$emit('change', {
|
|
571
567
|
nextFilter: __assign(__assign({}, prevFilter), {
|
|
572
|
-
filters:
|
|
568
|
+
filters: __spreadArray(__spreadArray([], prevFilter.filters, true), [__assign({}, this.$props.defaultGroupFilter)], false)
|
|
573
569
|
}),
|
|
574
570
|
prevFilter: prevFilter
|
|
575
571
|
});
|
|
@@ -61,7 +61,7 @@ var EnumFilterVue2 = {
|
|
|
61
61
|
},
|
|
62
62
|
render: function render(createElement) {
|
|
63
63
|
var h = gh || createElement;
|
|
64
|
-
var locService = kendo_vue_intl_1.provideLocalizationService(this);
|
|
64
|
+
var locService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
|
|
65
65
|
var _a = this.$props,
|
|
66
66
|
filter = _a.filter,
|
|
67
67
|
_b = _a.dataItems,
|
|
@@ -1,13 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
8
12
|
}));
|
|
9
13
|
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
-
for (var p in m) if (p !== "default" && !
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
15
|
};
|
|
12
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
17
|
__exportStar(require("./TextFilter"), exports);
|
package/dist/npm/filter/index.js
CHANGED
|
@@ -1,13 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
8
12
|
}));
|
|
9
13
|
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
-
for (var p in m) if (p !== "default" && !
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
15
|
};
|
|
12
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
17
|
__exportStar(require("./filters"), exports);
|