47 lines
1.1 KiB
JavaScript
47 lines
1.1 KiB
JavaScript
|
Component({
|
||
|
|
externalClasses: ['i-class-content', 'i-class-title', 'i-class'],
|
||
|
|
|
||
|
|
relations: {
|
||
|
|
'../collapse/index': {
|
||
|
|
type: 'parent',
|
||
|
|
linked: function (target) {
|
||
|
|
const options = {
|
||
|
|
accordion: target.data.accordion
|
||
|
|
}
|
||
|
|
if (target.data.name === this.data.name) {
|
||
|
|
options.showContent = 'i-collapse-item-show-content';
|
||
|
|
}
|
||
|
|
this.setData(options);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
properties: {
|
||
|
|
title: String,
|
||
|
|
name: String
|
||
|
|
},
|
||
|
|
|
||
|
|
data: {
|
||
|
|
showContent: '',
|
||
|
|
accordion: false
|
||
|
|
},
|
||
|
|
|
||
|
|
options: {
|
||
|
|
multipleSlots: true
|
||
|
|
},
|
||
|
|
|
||
|
|
methods: {
|
||
|
|
trigger(e) {
|
||
|
|
const data = this.data;
|
||
|
|
if (data.accordion) {
|
||
|
|
this.triggerEvent('collapse', {name: data.name}, {composed: true, bubbles: true});
|
||
|
|
} else {
|
||
|
|
this.setData({
|
||
|
|
showContent: data.showContent ? '' : 'i-collapse-item-show-content'
|
||
|
|
});
|
||
|
|
}
|
||
|
|
},
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|