@progress/kendo-vue-listview 3.7.3-dev.202211021251
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/LICENSE.md +11 -0
- package/NOTICE.txt +86 -0
- package/README.md +48 -0
- package/dist/cdn/js/kendo-vue-listview.js +1 -0
- package/dist/es/ListView.d.ts +42 -0
- package/dist/es/ListView.js +81 -0
- package/dist/es/ListViewFooter.d.ts +42 -0
- package/dist/es/ListViewFooter.js +31 -0
- package/dist/es/ListViewHeader.d.ts +42 -0
- package/dist/es/ListViewHeader.js +31 -0
- package/dist/es/additionalTypes.ts +21 -0
- package/dist/es/events.d.ts +2 -0
- package/dist/es/events.js +1 -0
- package/dist/es/interfaces/ListViewFooterProps.d.ts +6 -0
- package/dist/es/interfaces/ListViewFooterProps.js +1 -0
- package/dist/es/interfaces/ListViewHeaderProps.d.ts +6 -0
- package/dist/es/interfaces/ListViewHeaderProps.js +1 -0
- package/dist/es/interfaces/ListViewItemProps.d.ts +13 -0
- package/dist/es/interfaces/ListViewItemProps.js +2 -0
- package/dist/es/interfaces/ListViewProps.d.ts +26 -0
- package/dist/es/interfaces/ListViewProps.js +2 -0
- package/dist/es/main.d.ts +9 -0
- package/dist/es/main.js +4 -0
- package/dist/es/package-metadata.d.ts +5 -0
- package/dist/es/package-metadata.js +11 -0
- package/dist/esm/ListView.d.ts +42 -0
- package/dist/esm/ListView.js +81 -0
- package/dist/esm/ListViewFooter.d.ts +42 -0
- package/dist/esm/ListViewFooter.js +31 -0
- package/dist/esm/ListViewHeader.d.ts +42 -0
- package/dist/esm/ListViewHeader.js +31 -0
- package/dist/esm/additionalTypes.ts +21 -0
- package/dist/esm/events.d.ts +2 -0
- package/dist/esm/events.js +1 -0
- package/dist/esm/interfaces/ListViewFooterProps.d.ts +6 -0
- package/dist/esm/interfaces/ListViewFooterProps.js +1 -0
- package/dist/esm/interfaces/ListViewHeaderProps.d.ts +6 -0
- package/dist/esm/interfaces/ListViewHeaderProps.js +1 -0
- package/dist/esm/interfaces/ListViewItemProps.d.ts +13 -0
- package/dist/esm/interfaces/ListViewItemProps.js +2 -0
- package/dist/esm/interfaces/ListViewProps.d.ts +26 -0
- package/dist/esm/interfaces/ListViewProps.js +2 -0
- package/dist/esm/main.d.ts +9 -0
- package/dist/esm/main.js +4 -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/npm/ListView.d.ts +42 -0
- package/dist/npm/ListView.js +88 -0
- package/dist/npm/ListViewFooter.d.ts +42 -0
- package/dist/npm/ListViewFooter.js +38 -0
- package/dist/npm/ListViewHeader.d.ts +42 -0
- package/dist/npm/ListViewHeader.js +38 -0
- package/dist/npm/additionalTypes.ts +21 -0
- package/dist/npm/events.d.ts +2 -0
- package/dist/npm/events.js +2 -0
- package/dist/npm/interfaces/ListViewFooterProps.d.ts +6 -0
- package/dist/npm/interfaces/ListViewFooterProps.js +5 -0
- package/dist/npm/interfaces/ListViewHeaderProps.d.ts +6 -0
- package/dist/npm/interfaces/ListViewHeaderProps.js +5 -0
- package/dist/npm/interfaces/ListViewItemProps.d.ts +13 -0
- package/dist/npm/interfaces/ListViewItemProps.js +6 -0
- package/dist/npm/interfaces/ListViewProps.d.ts +26 -0
- package/dist/npm/interfaces/ListViewProps.js +3 -0
- package/dist/npm/main.d.ts +9 -0
- package/dist/npm/main.js +12 -0
- package/dist/npm/package-metadata.d.ts +5 -0
- package/dist/npm/package-metadata.js +14 -0
- package/package.json +67 -0
|
@@ -0,0 +1,42 @@
|
|
|
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
|
+
import { ListViewProps } from './interfaces/ListViewProps';
|
|
7
|
+
/**
|
|
8
|
+
* @hidden
|
|
9
|
+
*/
|
|
10
|
+
interface ListViewState {
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* @hidden
|
|
14
|
+
*/
|
|
15
|
+
interface ListViewData {
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* @hidden
|
|
19
|
+
*/
|
|
20
|
+
export interface ListViewMethods {
|
|
21
|
+
[key: string]: any;
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* @hidden
|
|
25
|
+
*/
|
|
26
|
+
export interface ListViewComputed {
|
|
27
|
+
[key: string]: any;
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* @hidden
|
|
31
|
+
*/
|
|
32
|
+
export interface ListViewAll extends ListViewMethods, ListViewState, ListViewData, ListViewComputed, Vue2type {
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* @hidden
|
|
36
|
+
*/
|
|
37
|
+
declare const ListViewVue2: ComponentOptions<Vue2type, DefaultData<ListViewData>, DefaultMethods<ListViewAll>, ListViewComputed, RecordPropsDefinition<ListViewProps>>;
|
|
38
|
+
/**
|
|
39
|
+
* @hidden
|
|
40
|
+
*/
|
|
41
|
+
declare const ListView: DefineComponent<ListViewProps, any, ListViewData, ListViewComputed, ListViewMethods, {}, {}, {}, string, ListViewProps, ListViewProps, {}>;
|
|
42
|
+
export { ListView, ListViewVue2 };
|
|
@@ -0,0 +1,81 @@
|
|
|
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
|
+
import { getTemplate, validatePackage, templateRendering, getListeners } from '@progress/kendo-vue-common';
|
|
7
|
+
import { packageMetadata } from './package-metadata.js';
|
|
8
|
+
/**
|
|
9
|
+
* @hidden
|
|
10
|
+
*/
|
|
11
|
+
var ListViewVue2 = {
|
|
12
|
+
name: 'KendoListView',
|
|
13
|
+
props: {
|
|
14
|
+
dataItems: Array,
|
|
15
|
+
item: [String, Function, Object],
|
|
16
|
+
header: [String, Function, Object],
|
|
17
|
+
footer: [String, Function, Object]
|
|
18
|
+
},
|
|
19
|
+
created: function created() {
|
|
20
|
+
validatePackage(packageMetadata);
|
|
21
|
+
},
|
|
22
|
+
// @ts-ignore
|
|
23
|
+
setup: !isV3 ? undefined : function () {
|
|
24
|
+
var v3 = !!isV3;
|
|
25
|
+
return {
|
|
26
|
+
v3: v3
|
|
27
|
+
};
|
|
28
|
+
},
|
|
29
|
+
render: function render(createElement) {
|
|
30
|
+
var h = gh || createElement;
|
|
31
|
+
var _a = this.$props,
|
|
32
|
+
dataItems = _a.dataItems,
|
|
33
|
+
item = _a.item,
|
|
34
|
+
header = _a.header,
|
|
35
|
+
footer = _a.footer;
|
|
36
|
+
var headerTemplate = templateRendering.call(this, header, getListeners.call(this));
|
|
37
|
+
var footerTemplate = templateRendering.call(this, footer, getListeners.call(this));
|
|
38
|
+
var headerRender = getTemplate.call(this, {
|
|
39
|
+
h: h,
|
|
40
|
+
template: headerTemplate
|
|
41
|
+
});
|
|
42
|
+
var footerRender = getTemplate.call(this, {
|
|
43
|
+
h: h,
|
|
44
|
+
template: footerTemplate
|
|
45
|
+
});
|
|
46
|
+
return h("div", {
|
|
47
|
+
"class": 'k-listview k-widget k-d-flex'
|
|
48
|
+
}, [header && h("div", {
|
|
49
|
+
"class": 'k-listview-header'
|
|
50
|
+
}, [headerRender]), h("div", {
|
|
51
|
+
"class": "k-listview-content",
|
|
52
|
+
onScroll: this.onScroll,
|
|
53
|
+
on: this.v3 ? undefined : {
|
|
54
|
+
"scroll": this.onScroll
|
|
55
|
+
}
|
|
56
|
+
}, [item && dataItems.map(function (dataItem, index) {
|
|
57
|
+
var itemTemplate = templateRendering.call(this, item, getListeners.call(this));
|
|
58
|
+
var itemRender = getTemplate.call(this, {
|
|
59
|
+
h: h,
|
|
60
|
+
template: itemTemplate,
|
|
61
|
+
additionalProps: {
|
|
62
|
+
dataItem: dataItem,
|
|
63
|
+
index: index
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
return itemRender;
|
|
67
|
+
}, this)]), footer && h("div", {
|
|
68
|
+
"class": 'k-listview-footer'
|
|
69
|
+
}, [footerRender])]);
|
|
70
|
+
},
|
|
71
|
+
methods: {
|
|
72
|
+
onScroll: function onScroll(event) {
|
|
73
|
+
this.$emit('scroll', event, this);
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
};
|
|
77
|
+
/**
|
|
78
|
+
* @hidden
|
|
79
|
+
*/
|
|
80
|
+
var ListView = ListViewVue2;
|
|
81
|
+
export { ListView, ListViewVue2 };
|
|
@@ -0,0 +1,42 @@
|
|
|
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
|
+
import { ListViewFooterProps } from './interfaces/ListViewFooterProps';
|
|
7
|
+
/**
|
|
8
|
+
* @hidden
|
|
9
|
+
*/
|
|
10
|
+
interface ListViewFooterState {
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* @hidden
|
|
14
|
+
*/
|
|
15
|
+
interface ListViewFooterData {
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* @hidden
|
|
19
|
+
*/
|
|
20
|
+
export interface ListViewFooterMethods {
|
|
21
|
+
[key: string]: any;
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* @hidden
|
|
25
|
+
*/
|
|
26
|
+
export interface ListViewFooterComputed {
|
|
27
|
+
[key: string]: any;
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* @hidden
|
|
31
|
+
*/
|
|
32
|
+
export interface ListViewFooterAll extends ListViewFooterMethods, ListViewFooterState, ListViewFooterData, ListViewFooterComputed, Vue2type {
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* @hidden
|
|
36
|
+
*/
|
|
37
|
+
declare const ListViewFooterVue2: ComponentOptions<Vue2type, DefaultData<ListViewFooterData>, DefaultMethods<ListViewFooterAll>, ListViewFooterComputed, RecordPropsDefinition<ListViewFooterProps>>;
|
|
38
|
+
/**
|
|
39
|
+
* @hidden
|
|
40
|
+
*/
|
|
41
|
+
declare const ListViewFooter: DefineComponent<ListViewFooterProps, any, ListViewFooterData, ListViewFooterComputed, ListViewFooterMethods, {}, {}, {}, string, ListViewFooterProps, ListViewFooterProps, {}>;
|
|
42
|
+
export { ListViewFooter, ListViewFooterVue2 };
|
|
@@ -0,0 +1,31 @@
|
|
|
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
|
+
import { getDefaultSlots } from '@progress/kendo-vue-common';
|
|
7
|
+
/**
|
|
8
|
+
* @hidden
|
|
9
|
+
*/
|
|
10
|
+
var ListViewFooterVue2 = {
|
|
11
|
+
name: 'KendoListViewFooter',
|
|
12
|
+
// @ts-ignore
|
|
13
|
+
setup: !isV3 ? undefined : function () {
|
|
14
|
+
var v3 = !!isV3;
|
|
15
|
+
return {
|
|
16
|
+
v3: v3
|
|
17
|
+
};
|
|
18
|
+
},
|
|
19
|
+
render: function render(createElement) {
|
|
20
|
+
var h = gh || createElement;
|
|
21
|
+
var defaultSlots = getDefaultSlots(this);
|
|
22
|
+
return h("div", {
|
|
23
|
+
"class": 'k-listview-footer'
|
|
24
|
+
}, [defaultSlots]);
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
/**
|
|
28
|
+
* @hidden
|
|
29
|
+
*/
|
|
30
|
+
var ListViewFooter = ListViewFooterVue2;
|
|
31
|
+
export { ListViewFooter, ListViewFooterVue2 };
|
|
@@ -0,0 +1,42 @@
|
|
|
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
|
+
import { ListViewHeaderProps } from './interfaces/ListViewHeaderProps';
|
|
7
|
+
/**
|
|
8
|
+
* @hidden
|
|
9
|
+
*/
|
|
10
|
+
interface ListViewHeaderState {
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* @hidden
|
|
14
|
+
*/
|
|
15
|
+
interface ListViewHeaderData {
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* @hidden
|
|
19
|
+
*/
|
|
20
|
+
export interface ListViewHeaderMethods {
|
|
21
|
+
[key: string]: any;
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* @hidden
|
|
25
|
+
*/
|
|
26
|
+
export interface ListViewHeaderComputed {
|
|
27
|
+
[key: string]: any;
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* @hidden
|
|
31
|
+
*/
|
|
32
|
+
export interface ListViewHeaderAll extends ListViewHeaderMethods, ListViewHeaderState, ListViewHeaderData, ListViewHeaderComputed, Vue2type {
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* @hidden
|
|
36
|
+
*/
|
|
37
|
+
declare const ListViewHeaderVue2: ComponentOptions<Vue2type, DefaultData<ListViewHeaderData>, DefaultMethods<ListViewHeaderAll>, ListViewHeaderComputed, RecordPropsDefinition<ListViewHeaderProps>>;
|
|
38
|
+
/**
|
|
39
|
+
* @hidden
|
|
40
|
+
*/
|
|
41
|
+
declare const ListViewHeader: DefineComponent<ListViewHeaderProps, any, ListViewHeaderData, ListViewHeaderComputed, ListViewHeaderMethods, {}, {}, {}, string, ListViewHeaderProps, ListViewHeaderProps, {}>;
|
|
42
|
+
export { ListViewHeader, ListViewHeaderVue2 };
|
|
@@ -0,0 +1,31 @@
|
|
|
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
|
+
import { getDefaultSlots } from '@progress/kendo-vue-common';
|
|
7
|
+
/**
|
|
8
|
+
* @hidden
|
|
9
|
+
*/
|
|
10
|
+
var ListViewHeaderVue2 = {
|
|
11
|
+
name: 'KendoListViewHeader',
|
|
12
|
+
// @ts-ignore
|
|
13
|
+
setup: !isV3 ? undefined : function () {
|
|
14
|
+
var v3 = !!isV3;
|
|
15
|
+
return {
|
|
16
|
+
v3: v3
|
|
17
|
+
};
|
|
18
|
+
},
|
|
19
|
+
render: function render(createElement) {
|
|
20
|
+
var h = gh || createElement;
|
|
21
|
+
var defaultSlots = getDefaultSlots(this);
|
|
22
|
+
return h("div", {
|
|
23
|
+
"class": 'k-listview-header'
|
|
24
|
+
}, [defaultSlots]);
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
/**
|
|
28
|
+
* @hidden
|
|
29
|
+
*/
|
|
30
|
+
var ListViewHeader = ListViewHeaderVue2;
|
|
31
|
+
export { ListViewHeader, ListViewHeaderVue2 };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
// @ts-ignore
|
|
2
|
+
import { DefineComponent } from 'vue';
|
|
3
|
+
// @ts-ignore
|
|
4
|
+
import * as Vue from 'vue';
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* @hidden
|
|
8
|
+
*/
|
|
9
|
+
// @ts-ignore
|
|
10
|
+
type Vue2type = Vue.default;
|
|
11
|
+
|
|
12
|
+
/**
|
|
13
|
+
* @hidden
|
|
14
|
+
*/
|
|
15
|
+
// @ts-ignore
|
|
16
|
+
import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
|
|
17
|
+
/**
|
|
18
|
+
* @hidden
|
|
19
|
+
*/
|
|
20
|
+
// @ts-ignore
|
|
21
|
+
export { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Represents the props of the each ListView item.
|
|
3
|
+
*/
|
|
4
|
+
export interface ListViewItemProps {
|
|
5
|
+
/**
|
|
6
|
+
* The data object that represents the current item.
|
|
7
|
+
*/
|
|
8
|
+
dataItem: any;
|
|
9
|
+
/**
|
|
10
|
+
* The index of the item in the data collection.
|
|
11
|
+
*/
|
|
12
|
+
index?: number;
|
|
13
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { ListViewEvent } from '../events';
|
|
2
|
+
/**
|
|
3
|
+
* Represents the props of the [Kendo UI for Vue ListView component]({% slug overview_listview %}).
|
|
4
|
+
*/
|
|
5
|
+
export interface ListViewProps {
|
|
6
|
+
/**
|
|
7
|
+
* Sets the data of the ListView.
|
|
8
|
+
*/
|
|
9
|
+
dataItems?: any[];
|
|
10
|
+
/**
|
|
11
|
+
* Defines the component that will be rendered for each item of the data collection.
|
|
12
|
+
*/
|
|
13
|
+
item?: any;
|
|
14
|
+
/**
|
|
15
|
+
* Defines the component that will be rendered for ListView header.
|
|
16
|
+
*/
|
|
17
|
+
header?: any;
|
|
18
|
+
/**
|
|
19
|
+
* Defines the component that will be rendered for ListView footer.
|
|
20
|
+
*/
|
|
21
|
+
footer?: any;
|
|
22
|
+
/**
|
|
23
|
+
* Fires when the ListView has been scrolled.
|
|
24
|
+
*/
|
|
25
|
+
onScroll?: (event: ListViewEvent) => void;
|
|
26
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ListView, ListViewVue2 } from './ListView';
|
|
2
|
+
import { ListViewHeader, ListViewHeaderVue2 } from './ListViewHeader';
|
|
3
|
+
import { ListViewFooter, ListViewFooterVue2 } from './ListViewFooter';
|
|
4
|
+
import { ListViewProps } from './interfaces/ListViewProps';
|
|
5
|
+
import { ListViewItemProps } from './interfaces/ListViewItemProps';
|
|
6
|
+
import { ListViewFooterProps } from './interfaces/ListViewFooterProps';
|
|
7
|
+
import { ListViewHeaderProps } from './interfaces/ListViewHeaderProps';
|
|
8
|
+
import { ListViewEvent } from './events';
|
|
9
|
+
export { ListView, ListViewVue2, ListViewProps, ListViewEvent, ListViewHeader, ListViewHeaderVue2, ListViewFooter, ListViewFooterVue2, ListViewItemProps, ListViewFooterProps, ListViewHeaderProps };
|
package/dist/esm/main.js
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { ListView, ListViewVue2 } from './ListView.js';
|
|
2
|
+
import { ListViewHeader, ListViewHeaderVue2 } from './ListViewHeader.js';
|
|
3
|
+
import { ListViewFooter, ListViewFooterVue2 } from './ListViewFooter.js';
|
|
4
|
+
export { ListView, ListViewVue2, ListViewHeader, ListViewHeaderVue2, ListViewFooter, ListViewFooterVue2 };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @hidden
|
|
3
|
+
*/
|
|
4
|
+
export var packageMetadata = {
|
|
5
|
+
name: '@progress/kendo-vue-listview',
|
|
6
|
+
productName: 'Kendo UI for Vue',
|
|
7
|
+
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
8
|
+
publishDate: 1667393087,
|
|
9
|
+
version: '',
|
|
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
|
+
};
|
|
@@ -0,0 +1,42 @@
|
|
|
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
|
+
import { ListViewProps } from './interfaces/ListViewProps';
|
|
7
|
+
/**
|
|
8
|
+
* @hidden
|
|
9
|
+
*/
|
|
10
|
+
interface ListViewState {
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* @hidden
|
|
14
|
+
*/
|
|
15
|
+
interface ListViewData {
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* @hidden
|
|
19
|
+
*/
|
|
20
|
+
export interface ListViewMethods {
|
|
21
|
+
[key: string]: any;
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* @hidden
|
|
25
|
+
*/
|
|
26
|
+
export interface ListViewComputed {
|
|
27
|
+
[key: string]: any;
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* @hidden
|
|
31
|
+
*/
|
|
32
|
+
export interface ListViewAll extends ListViewMethods, ListViewState, ListViewData, ListViewComputed, Vue2type {
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* @hidden
|
|
36
|
+
*/
|
|
37
|
+
declare const ListViewVue2: ComponentOptions<Vue2type, DefaultData<ListViewData>, DefaultMethods<ListViewAll>, ListViewComputed, RecordPropsDefinition<ListViewProps>>;
|
|
38
|
+
/**
|
|
39
|
+
* @hidden
|
|
40
|
+
*/
|
|
41
|
+
declare const ListView: DefineComponent<ListViewProps, any, ListViewData, ListViewComputed, ListViewMethods, {}, {}, {}, string, ListViewProps, ListViewProps, {}>;
|
|
42
|
+
export { ListView, ListViewVue2 };
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.ListViewVue2 = exports.ListView = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
|
+
var Vue = require("vue");
|
|
9
|
+
var allVue = Vue;
|
|
10
|
+
var gh = allVue.h;
|
|
11
|
+
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
12
|
+
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
13
|
+
var package_metadata_1 = require("./package-metadata");
|
|
14
|
+
/**
|
|
15
|
+
* @hidden
|
|
16
|
+
*/
|
|
17
|
+
var ListViewVue2 = {
|
|
18
|
+
name: 'KendoListView',
|
|
19
|
+
props: {
|
|
20
|
+
dataItems: Array,
|
|
21
|
+
item: [String, Function, Object],
|
|
22
|
+
header: [String, Function, Object],
|
|
23
|
+
footer: [String, Function, Object]
|
|
24
|
+
},
|
|
25
|
+
created: function created() {
|
|
26
|
+
(0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
|
|
27
|
+
},
|
|
28
|
+
// @ts-ignore
|
|
29
|
+
setup: !isV3 ? undefined : function () {
|
|
30
|
+
var v3 = !!isV3;
|
|
31
|
+
return {
|
|
32
|
+
v3: v3
|
|
33
|
+
};
|
|
34
|
+
},
|
|
35
|
+
render: function render(createElement) {
|
|
36
|
+
var h = gh || createElement;
|
|
37
|
+
var _a = this.$props,
|
|
38
|
+
dataItems = _a.dataItems,
|
|
39
|
+
item = _a.item,
|
|
40
|
+
header = _a.header,
|
|
41
|
+
footer = _a.footer;
|
|
42
|
+
var headerTemplate = kendo_vue_common_1.templateRendering.call(this, header, kendo_vue_common_1.getListeners.call(this));
|
|
43
|
+
var footerTemplate = kendo_vue_common_1.templateRendering.call(this, footer, kendo_vue_common_1.getListeners.call(this));
|
|
44
|
+
var headerRender = kendo_vue_common_1.getTemplate.call(this, {
|
|
45
|
+
h: h,
|
|
46
|
+
template: headerTemplate
|
|
47
|
+
});
|
|
48
|
+
var footerRender = kendo_vue_common_1.getTemplate.call(this, {
|
|
49
|
+
h: h,
|
|
50
|
+
template: footerTemplate
|
|
51
|
+
});
|
|
52
|
+
return h("div", {
|
|
53
|
+
"class": 'k-listview k-widget k-d-flex'
|
|
54
|
+
}, [header && h("div", {
|
|
55
|
+
"class": 'k-listview-header'
|
|
56
|
+
}, [headerRender]), h("div", {
|
|
57
|
+
"class": "k-listview-content",
|
|
58
|
+
onScroll: this.onScroll,
|
|
59
|
+
on: this.v3 ? undefined : {
|
|
60
|
+
"scroll": this.onScroll
|
|
61
|
+
}
|
|
62
|
+
}, [item && dataItems.map(function (dataItem, index) {
|
|
63
|
+
var itemTemplate = kendo_vue_common_1.templateRendering.call(this, item, kendo_vue_common_1.getListeners.call(this));
|
|
64
|
+
var itemRender = kendo_vue_common_1.getTemplate.call(this, {
|
|
65
|
+
h: h,
|
|
66
|
+
template: itemTemplate,
|
|
67
|
+
additionalProps: {
|
|
68
|
+
dataItem: dataItem,
|
|
69
|
+
index: index
|
|
70
|
+
}
|
|
71
|
+
});
|
|
72
|
+
return itemRender;
|
|
73
|
+
}, this)]), footer && h("div", {
|
|
74
|
+
"class": 'k-listview-footer'
|
|
75
|
+
}, [footerRender])]);
|
|
76
|
+
},
|
|
77
|
+
methods: {
|
|
78
|
+
onScroll: function onScroll(event) {
|
|
79
|
+
this.$emit('scroll', event, this);
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
};
|
|
83
|
+
exports.ListViewVue2 = ListViewVue2;
|
|
84
|
+
/**
|
|
85
|
+
* @hidden
|
|
86
|
+
*/
|
|
87
|
+
var ListView = ListViewVue2;
|
|
88
|
+
exports.ListView = ListView;
|
|
@@ -0,0 +1,42 @@
|
|
|
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
|
+
import { ListViewFooterProps } from './interfaces/ListViewFooterProps';
|
|
7
|
+
/**
|
|
8
|
+
* @hidden
|
|
9
|
+
*/
|
|
10
|
+
interface ListViewFooterState {
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* @hidden
|
|
14
|
+
*/
|
|
15
|
+
interface ListViewFooterData {
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* @hidden
|
|
19
|
+
*/
|
|
20
|
+
export interface ListViewFooterMethods {
|
|
21
|
+
[key: string]: any;
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* @hidden
|
|
25
|
+
*/
|
|
26
|
+
export interface ListViewFooterComputed {
|
|
27
|
+
[key: string]: any;
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* @hidden
|
|
31
|
+
*/
|
|
32
|
+
export interface ListViewFooterAll extends ListViewFooterMethods, ListViewFooterState, ListViewFooterData, ListViewFooterComputed, Vue2type {
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* @hidden
|
|
36
|
+
*/
|
|
37
|
+
declare const ListViewFooterVue2: ComponentOptions<Vue2type, DefaultData<ListViewFooterData>, DefaultMethods<ListViewFooterAll>, ListViewFooterComputed, RecordPropsDefinition<ListViewFooterProps>>;
|
|
38
|
+
/**
|
|
39
|
+
* @hidden
|
|
40
|
+
*/
|
|
41
|
+
declare const ListViewFooter: DefineComponent<ListViewFooterProps, any, ListViewFooterData, ListViewFooterComputed, ListViewFooterMethods, {}, {}, {}, string, ListViewFooterProps, ListViewFooterProps, {}>;
|
|
42
|
+
export { ListViewFooter, ListViewFooterVue2 };
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.ListViewFooterVue2 = exports.ListViewFooter = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
|
+
var Vue = require("vue");
|
|
9
|
+
var allVue = Vue;
|
|
10
|
+
var gh = allVue.h;
|
|
11
|
+
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
12
|
+
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
13
|
+
/**
|
|
14
|
+
* @hidden
|
|
15
|
+
*/
|
|
16
|
+
var ListViewFooterVue2 = {
|
|
17
|
+
name: 'KendoListViewFooter',
|
|
18
|
+
// @ts-ignore
|
|
19
|
+
setup: !isV3 ? undefined : function () {
|
|
20
|
+
var v3 = !!isV3;
|
|
21
|
+
return {
|
|
22
|
+
v3: v3
|
|
23
|
+
};
|
|
24
|
+
},
|
|
25
|
+
render: function render(createElement) {
|
|
26
|
+
var h = gh || createElement;
|
|
27
|
+
var defaultSlots = (0, kendo_vue_common_1.getDefaultSlots)(this);
|
|
28
|
+
return h("div", {
|
|
29
|
+
"class": 'k-listview-footer'
|
|
30
|
+
}, [defaultSlots]);
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
exports.ListViewFooterVue2 = ListViewFooterVue2;
|
|
34
|
+
/**
|
|
35
|
+
* @hidden
|
|
36
|
+
*/
|
|
37
|
+
var ListViewFooter = ListViewFooterVue2;
|
|
38
|
+
exports.ListViewFooter = ListViewFooter;
|
|
@@ -0,0 +1,42 @@
|
|
|
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
|
+
import { ListViewHeaderProps } from './interfaces/ListViewHeaderProps';
|
|
7
|
+
/**
|
|
8
|
+
* @hidden
|
|
9
|
+
*/
|
|
10
|
+
interface ListViewHeaderState {
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* @hidden
|
|
14
|
+
*/
|
|
15
|
+
interface ListViewHeaderData {
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* @hidden
|
|
19
|
+
*/
|
|
20
|
+
export interface ListViewHeaderMethods {
|
|
21
|
+
[key: string]: any;
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* @hidden
|
|
25
|
+
*/
|
|
26
|
+
export interface ListViewHeaderComputed {
|
|
27
|
+
[key: string]: any;
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* @hidden
|
|
31
|
+
*/
|
|
32
|
+
export interface ListViewHeaderAll extends ListViewHeaderMethods, ListViewHeaderState, ListViewHeaderData, ListViewHeaderComputed, Vue2type {
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* @hidden
|
|
36
|
+
*/
|
|
37
|
+
declare const ListViewHeaderVue2: ComponentOptions<Vue2type, DefaultData<ListViewHeaderData>, DefaultMethods<ListViewHeaderAll>, ListViewHeaderComputed, RecordPropsDefinition<ListViewHeaderProps>>;
|
|
38
|
+
/**
|
|
39
|
+
* @hidden
|
|
40
|
+
*/
|
|
41
|
+
declare const ListViewHeader: DefineComponent<ListViewHeaderProps, any, ListViewHeaderData, ListViewHeaderComputed, ListViewHeaderMethods, {}, {}, {}, string, ListViewHeaderProps, ListViewHeaderProps, {}>;
|
|
42
|
+
export { ListViewHeader, ListViewHeaderVue2 };
|