1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 |
- import { VantComponent } from '../common/component';
- import { useChildren } from '../common/relation';
- VantComponent({
- relation: useChildren('collapse-item'),
- props: {
- value: {
- type: null,
- observer: 'updateExpanded',
- },
- accordion: {
- type: Boolean,
- observer: 'updateExpanded',
- },
- border: {
- type: Boolean,
- value: true,
- },
- },
- methods: {
- updateExpanded() {
- this.children.forEach((child) => {
- child.updateExpanded();
- });
- },
- switch(name, expanded) {
- const { accordion, value } = this.data;
- const changeItem = name;
- if (!accordion) {
- name = expanded
- ? (value || []).concat(name)
- : (value || []).filter((activeName) => activeName !== name);
- }
- else {
- name = expanded ? name : '';
- }
- if (expanded) {
- this.$emit('open', changeItem);
- }
- else {
- this.$emit('close', changeItem);
- }
- this.$emit('change', name);
- this.$emit('input', name);
- },
- },
- });
|