123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- import { VantComponent } from '../common/component';
- import { useParent } from '../common/relation';
- import { setContentAnimate } from './animate';
- VantComponent({
- classes: ['title-class', 'content-class'],
- relation: useParent('collapse'),
- props: {
- name: null,
- title: null,
- value: null,
- icon: String,
- label: String,
- disabled: Boolean,
- clickable: Boolean,
- border: {
- type: Boolean,
- value: true,
- },
- isLink: {
- type: Boolean,
- value: true,
- },
- },
- data: {
- expanded: false,
- },
- mounted() {
- this.updateExpanded();
- this.mounted = true;
- },
- methods: {
- updateExpanded() {
- if (!this.parent) {
- return;
- }
- const { value, accordion } = this.parent.data;
- const { children = [] } = this.parent;
- const { name } = this.data;
- const index = children.indexOf(this);
- const currentName = name == null ? index : name;
- const expanded = accordion
- ? value === currentName
- : (value || []).some((name) => name === currentName);
- if (expanded !== this.data.expanded) {
- setContentAnimate(this, expanded, this.mounted);
- }
- this.setData({ index, expanded });
- },
- onClick() {
- if (this.data.disabled) {
- return;
- }
- const { name, expanded } = this.data;
- const index = this.parent.children.indexOf(this);
- const currentName = name == null ? index : name;
- this.parent.switch(currentName, !expanded);
- },
- },
- });
|