12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- 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'
- });
- }
- },
- }
- });
|