forked from youzan/vant
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathrelation.ts
More file actions
93 lines (75 loc) · 1.73 KB
/
relation.ts
File metadata and controls
93 lines (75 loc) · 1.73 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
import Vue, { VNode } from 'vue';
type ChildrenMixinOptions = {
indexKey?: any;
};
function flattenVNodes(vnodes: VNode[]) {
const result: VNode[] = [];
function traverse(vnodes: VNode[]) {
vnodes.forEach(vnode => {
result.push(vnode);
if (vnode.children) {
traverse(vnode.children);
}
});
}
traverse(vnodes);
return result;
}
type ChildrenMixinThis = {
disableBindRelation?: boolean;
};
export function ChildrenMixin(parent: string, options: ChildrenMixinOptions = {}) {
const indexKey = options.indexKey || 'index';
return Vue.extend({
inject: {
[parent]: {
default: null
}
},
computed: {
parent() {
if ((this as ChildrenMixinThis).disableBindRelation) {
return null;
}
return (this as any)[parent];
},
[indexKey]() {
this.bindRelation();
return this.parent.children.indexOf(this);
}
},
mounted() {
this.bindRelation();
},
beforeDestroy() {
if (this.parent) {
this.parent.children = this.parent.children.filter((item: any) => item !== this);
}
},
methods: {
bindRelation() {
if (!this.parent || this.parent.children.indexOf(this) !== -1) {
return;
}
const children = [...this.parent.children, this];
const vnodes = flattenVNodes(this.parent.slots());
children.sort((a, b) => vnodes.indexOf(a.$vnode) - vnodes.indexOf(b.$vnode));
this.parent.children = children;
}
}
});
}
export function ParentMixin(parent: string) {
return {
provide() {
return {
[parent]: this
};
},
data() {
return {
children: []
};
}
};
}