drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

support Collapse

Browse source 
support Collapse
This commit is contained in:
梁灏 2017-03-02 15:05:06 +08:00
parent 5d08ddf27c
commit a190ce84be
8 changed files with 72 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

39
src/components/collapse/collapse.vue
View file

@ -12,16 +12,21 @@
type: Boolean,
default: false
},
activeKey: {
value: {
type: [Array, String]
}
},
data () {
return {
currentValue: this.value
};
},
computed: {
classes () {
return `${prefixCls}`;
}
},
compiled () {
mounted () {
this.setActive();
},
methods: {
@ -29,13 +34,13 @@
const activeKey = this.getActiveKey();
this.$children.forEach((child, index) => {
const key = child.key || index.toString();
const name = child.name || index.toString();
let isActive = false;
if (self.accordion) {
isActive = activeKey === key;
isActive = activeKey === name;
} else {
isActive = activeKey.indexOf(key) > -1;
isActive = activeKey.indexOf(name) > -1;
}
child.isActive = isActive;
@ -43,7 +48,7 @@
});
},
getActiveKey () {
let activeKey = this.activeKey || [];
let activeKey = this.currentValue || [];
const accordion = this.accordion;
if (!Array.isArray(activeKey)) {
@ -61,36 +66,40 @@
return activeKey;
},
toggle (data) {
const key = data.key.toString();
const name = data.name.toString();
let newActiveKey = [];
if (this.accordion) {
if (!data.isActive) {
newActiveKey.push(key);
newActiveKey.push(name);
}
} else {
let activeKey = this.getActiveKey();
const keyIndex = activeKey.indexOf(key);
const nameIndex = activeKey.indexOf(name);
if (data.isActive) {
if (keyIndex > -1) {
activeKey.splice(keyIndex, 1);
if (nameIndex > -1) {
activeKey.splice(nameIndex, 1);
}
} else {
if (keyIndex < 0) {
activeKey.push(key);
if (nameIndex < 0) {
activeKey.push(name);
}
}
newActiveKey = activeKey;
}
this.activeKey = newActiveKey;
this.currentValue = newActiveKey;
this.$emit('input', newActiveKey);
this.$emit('on-change', newActiveKey);
}
},
watch: {
activeKey () {
value (val) {
this.currentValue = val;
},
currentValue () {
this.setActive();
}
}