@nstudio/ui-collectionview 5.1.9-alpha.5 → 5.1.9
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/angular/collectionview.component.d.ts +7 -34
- package/angular/fesm2022/nstudio-ui-collectionview-angular.mjs +54 -175
- package/angular/fesm2022/nstudio-ui-collectionview-angular.mjs.map +1 -1
- package/angular/index.d.ts +2 -2
- package/angular/package.json +0 -2
- package/common.d.ts +24 -62
- package/common.js +92 -134
- package/common.js.map +1 -1
- package/index.android.d.ts +38 -19
- package/index.android.js +448 -158
- package/index.android.js.map +1 -1
- package/index.d.ts +49 -16
- package/index.ios.d.ts +83 -31
- package/index.ios.js +594 -417
- package/index.ios.js.map +1 -1
- package/package.json +7 -3
- package/react/index.d.ts +1 -1
- package/svelte/index.js +11 -7
- package/svelte/index.js.map +1 -1
- package/vue3/component.d.ts +36 -0
- package/vue3/component.js +98 -0
- package/vue3/component.js.map +1 -0
- package/vue3/index.d.ts +11 -0
- package/vue3/index.js +14 -0
- package/vue3/index.js.map +1 -0
- package/angular/esm2022/collectionview.component.mjs +0 -525
- package/angular/esm2022/index.mjs +0 -19
- package/angular/esm2022/nstudio-ui-collectionview-angular.mjs +0 -5
- package/vue/component.d.ts +0 -38
- package/vue/component.js +0 -104
- package/vue/component.js.map +0 -1
- package/vue/index.d.ts +0 -4
- package/vue/index.js +0 -12
- package/vue/index.js.map +0 -1
package/vue/component.d.ts
DELETED
@@ -1,38 +0,0 @@
|
|
1
|
-
declare const _default: {
|
2
|
-
props: {
|
3
|
-
items: {
|
4
|
-
validator: (val: any) => boolean;
|
5
|
-
required: boolean;
|
6
|
-
};
|
7
|
-
'+alias': {
|
8
|
-
type: StringConstructor;
|
9
|
-
default: string;
|
10
|
-
};
|
11
|
-
'+index': {
|
12
|
-
type: StringConstructor;
|
13
|
-
};
|
14
|
-
itemTemplateSelector: {
|
15
|
-
type: FunctionConstructor;
|
16
|
-
default: any;
|
17
|
-
};
|
18
|
-
};
|
19
|
-
template: string;
|
20
|
-
watch: {
|
21
|
-
items: {
|
22
|
-
handler(newVal: any, oldVal: any): void;
|
23
|
-
deep: boolean;
|
24
|
-
};
|
25
|
-
};
|
26
|
-
created(): void;
|
27
|
-
mounted(): void;
|
28
|
-
methods: {
|
29
|
-
getItem(index: any): any;
|
30
|
-
onItemTap(args: any): void;
|
31
|
-
updateViewTemplate(args: any): void;
|
32
|
-
onItemLoadingInternal(args: any): void;
|
33
|
-
onItemDisposingInternal(args: any): void;
|
34
|
-
refresh(): void;
|
35
|
-
scrollToIndex(index: any, animate?: boolean): void;
|
36
|
-
};
|
37
|
-
};
|
38
|
-
export default _default;
|
package/vue/component.js
DELETED
@@ -1,104 +0,0 @@
|
|
1
|
-
import { Observable, ObservableArray } from '@nativescript/core';
|
2
|
-
const VUE_VIEW = '__vueVNodeRef__';
|
3
|
-
export default {
|
4
|
-
props: {
|
5
|
-
items: {
|
6
|
-
validator: (val) => !val || Array.isArray(val) || val instanceof ObservableArray,
|
7
|
-
required: true
|
8
|
-
},
|
9
|
-
'+alias': {
|
10
|
-
type: String,
|
11
|
-
default: 'item'
|
12
|
-
},
|
13
|
-
'+index': {
|
14
|
-
type: String
|
15
|
-
},
|
16
|
-
itemTemplateSelector: {
|
17
|
-
type: Function,
|
18
|
-
default: undefined
|
19
|
-
}
|
20
|
-
},
|
21
|
-
template: `<NativeCollectionView ref="listView" :items="items" v-bind="$attrs" v-on="listeners" @itemTap="onItemTap" @itemLoading="onItemLoadingInternal" @itemDisposing="onItemDisposingInternal"
|
22
|
-
>
|
23
|
-
<slot /></NativeCollectionView>`,
|
24
|
-
watch: {
|
25
|
-
items: {
|
26
|
-
handler(newVal, oldVal) {
|
27
|
-
if (!(oldVal instanceof Observable)) {
|
28
|
-
this.$refs.listView.setAttribute('items', newVal);
|
29
|
-
}
|
30
|
-
},
|
31
|
-
deep: true
|
32
|
-
}
|
33
|
-
},
|
34
|
-
created() {
|
35
|
-
// we need to remove the itemTap handler from a clone of the $listeners
|
36
|
-
// object because we are emitting the event ourselves with added data.
|
37
|
-
const listeners = Object.assign({}, this.$listeners);
|
38
|
-
delete listeners.itemTap;
|
39
|
-
this.listeners = listeners;
|
40
|
-
this.getItemContext = getItemContext.bind(this);
|
41
|
-
},
|
42
|
-
mounted() {
|
43
|
-
const listView = this.$refs.listView;
|
44
|
-
this.listView = listView.nativeView;
|
45
|
-
listView.setAttribute('itemTemplates', this.$templates.getKeyedTemplates());
|
46
|
-
const itemTemplateSelector = this.itemTemplateSelector
|
47
|
-
? this.itemTemplateSelector // custom template selector if any
|
48
|
-
: (item, index, items) => this.$templates.selectorFn(this.getItemContext(item, index));
|
49
|
-
listView.setAttribute('itemTemplateSelector', itemTemplateSelector);
|
50
|
-
},
|
51
|
-
methods: {
|
52
|
-
getItem(index) {
|
53
|
-
return this.listView.getItemAtIndex(index);
|
54
|
-
},
|
55
|
-
onItemTap(args) {
|
56
|
-
this.$emit('itemTap', { item: this.getItem(args.index), ...args });
|
57
|
-
},
|
58
|
-
updateViewTemplate(args) {
|
59
|
-
const listView = args.object;
|
60
|
-
const index = args.index;
|
61
|
-
const items = args.object.items;
|
62
|
-
const currentItem = args.bindingContext;
|
63
|
-
const name = listView._itemTemplateSelector(currentItem, index, items);
|
64
|
-
const context = this.getItemContext(currentItem, index);
|
65
|
-
const oldVnode = args.view?.[VUE_VIEW];
|
66
|
-
if (args.view) {
|
67
|
-
args.view._batchUpdate(() => {
|
68
|
-
args.view = this.$templates.patchTemplate(name, context, oldVnode);
|
69
|
-
});
|
70
|
-
}
|
71
|
-
else {
|
72
|
-
args.view = this.$templates.patchTemplate(name, context, oldVnode);
|
73
|
-
}
|
74
|
-
},
|
75
|
-
onItemLoadingInternal(args) {
|
76
|
-
this.updateViewTemplate(args);
|
77
|
-
},
|
78
|
-
onItemDisposingInternal(args) {
|
79
|
-
const oldVnode = args.view && args.view[VUE_VIEW];
|
80
|
-
if (oldVnode) {
|
81
|
-
// properly dispose the oldVnode (this will unmount the tree)
|
82
|
-
this.__patch__(oldVnode, null);
|
83
|
-
}
|
84
|
-
},
|
85
|
-
refresh() {
|
86
|
-
this.listView.refresh();
|
87
|
-
},
|
88
|
-
scrollToIndex(index, animate = false) {
|
89
|
-
this.listView.scrollToIndex(index, animate);
|
90
|
-
}
|
91
|
-
// getSelectedItems() {
|
92
|
-
// return (this.listView as CollectionView).getSelectedItems();
|
93
|
-
// }
|
94
|
-
}
|
95
|
-
};
|
96
|
-
function getItemContext(item, index = -1, alias = this.$props['+alias'], index_alias = this.$props['+index']) {
|
97
|
-
return {
|
98
|
-
[alias]: item,
|
99
|
-
[index_alias || '$index']: index,
|
100
|
-
$even: index % 2 === 0,
|
101
|
-
$odd: index % 2 !== 0
|
102
|
-
};
|
103
|
-
}
|
104
|
-
//# sourceMappingURL=component.js.map
|
package/vue/component.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../packages/ui-collectionview/vue/component.ts"],"names":[],"mappings":"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"}
|
package/vue/index.d.ts
DELETED
package/vue/index.js
DELETED
@@ -1,12 +0,0 @@
|
|
1
|
-
import { CollectionView } from '..';
|
2
|
-
const CollectionViewPlugin = {
|
3
|
-
install(Vue, options) {
|
4
|
-
Vue.registerElement('CollectionView', function () {
|
5
|
-
return CollectionView;
|
6
|
-
}, {
|
7
|
-
component: require('./component').default
|
8
|
-
});
|
9
|
-
}
|
10
|
-
};
|
11
|
-
export default CollectionViewPlugin;
|
12
|
-
//# sourceMappingURL=index.js.map
|
package/vue/index.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/ui-collectionview/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,IAAI,CAAC;AAEpC,MAAM,oBAAoB,GAAG;IACzB,OAAO,CAAC,GAAG,EAAE,OAAO;QAChB,GAAG,CAAC,eAAe,CACf,gBAAgB,EAChB;YACI,OAAO,cAAc,CAAC;QAC1B,CAAC,EACD;YACI,SAAS,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC,OAAO;SAC5C,CACJ,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
|