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
| Component({
| externalClasses: ['custom-class'],
|
| properties: {
| category: {
| type: Array,
| },
| initActive: {
| type: Array,
| value: [],
| observer(newVal, oldVal) {
| if (newVal[0] !== oldVal[0]) {
| this.setActiveKey(newVal[0], 0);
| }
| },
| },
| isSlotRight: {
| type: Boolean,
| value: false,
| },
| level: {
| type: Number,
| value: 3,
| },
| },
| data: {
| activeKey: 0,
| subActiveKey: 0,
| },
| attached() {
| if (this.properties.initActive && this.properties.initActive.length > 0) {
| this.setData({
| activeKey: this.properties.initActive[0],
| subActiveKey: this.properties.initActive[1] || 0,
| });
| }
| },
| methods: {
| onParentChange(event) {
| this.setActiveKey(event.detail.index, 0).then(() => {
| this.triggerEvent('change', [
| this.data.activeKey,
| this.data.subActiveKey,
| ]);
| });
| },
| onChildChange(event) {
| this.setActiveKey(this.data.activeKey, event.detail.index).then(() => {
| this.triggerEvent('change', [
| this.data.activeKey,
| this.data.subActiveKey,
| ]);
| });
| },
| changCategory(event) {
| const { item } = event.currentTarget.dataset;
| this.triggerEvent('changeCategory', {
| item,
| });
| },
| setActiveKey(key, subKey) {
| return new Promise((resolve) => {
| this.setData(
| {
| activeKey: key,
| subActiveKey: subKey,
| },
| () => {
| resolve();
| },
| );
| });
| },
| },
| });
|
|
