update the master branch to the latest

src/components/collapse/collapse.vue

@@ -0,0 +1,110 @@
+<template>
+    <div :class="classes">
+        <slot></slot>
+    </div>
+</template>
+<script>
+    const prefixCls = 'ivu-collapse';
+
+    export default {
+        name: 'Collapse',
+        props: {
+            accordion: {
+                type: Boolean,
+                default: false
+            },
+            value: {
+                type: [Array, String]
+            },
+            simple: {
+                type: Boolean,
+                default: false
+            }
+        },
+        data () {
+            return {
+                currentValue: this.value
+            };
+        },
+        computed: {
+            classes () {
+                return [
+                    `${prefixCls}`,
+                    {
+                        [`${prefixCls}-simple`]: this.simple
+                    }
+                ];
+            }
+        },
+        mounted () {
+            this.setActive();
+        },
+        methods: {
+            setActive () {
+                const activeKey = this.getActiveKey();
+
+                this.$children.forEach((child, index) => {
+                    const name = child.name || index.toString();
+
+                    child.isActive = activeKey.indexOf(name) > -1;
+                    child.index = index;
+                });
+            },
+            getActiveKey () {
+                let activeKey = this.currentValue || [];
+                const accordion = this.accordion;
+
+                if (!Array.isArray(activeKey)) {
+                    activeKey = [activeKey];
+                }
+
+                if (accordion && activeKey.length > 1) {
+                    activeKey = [activeKey[0]];
+                }
+
+                for (let i = 0; i < activeKey.length; i++) {
+                    activeKey[i] = activeKey[i].toString();
+                }
+
+                return activeKey;
+            },
+            toggle (data) {
+                const name = data.name.toString();
+                let newActiveKey = [];
+
+                if (this.accordion) {
+                    if (!data.isActive) {
+                        newActiveKey.push(name);
+                    }
+                } else {
+                    let activeKey = this.getActiveKey();
+                    const nameIndex = activeKey.indexOf(name);
+
+                    if (data.isActive) {
+                        if (nameIndex > -1) {
+                            activeKey.splice(nameIndex, 1);
+                        }
+                    } else {
+                        if (nameIndex < 0) {
+                            activeKey.push(name);
+                        }
+                    }
+
+                    newActiveKey = activeKey;
+                }
+
+                this.currentValue = newActiveKey;
+                this.$emit('input', newActiveKey);
+                this.$emit('on-change', newActiveKey);
+            }
+        },
+        watch: {
+            value (val) {
+                this.currentValue = val;
+            },
+            currentValue () {
+                this.setActive();
+            }
+        }
+    };
+</script>

src/components/collapse/index.js

@@ -0,0 +1,5 @@
+import Collapse from './collapse.vue';
+import Panel from './panel.vue';
+
+Collapse.Panel = Panel;
+export default Collapse;

src/components/collapse/panel.vue

@@ -0,0 +1,69 @@
+<template>
+    <div :class="itemClasses">
+        <div :class="headerClasses" @click="toggle">
+            <Icon type="ios-arrow-forward" v-if="!hideArrow"></Icon>
+            <slot></slot>
+        </div>
+        <collapse-transition v-if="mounted">
+            <div :class="contentClasses" v-show="isActive">
+                <div :class="boxClasses"><slot name="content"></slot></div>
+            </div>
+        </collapse-transition>
+    </div>
+</template>
+<script>
+    import Icon from '../icon/icon.vue';
+    import CollapseTransition from '../base/collapse-transition';
+    const prefixCls = 'ivu-collapse';
+
+    export default {
+        name: 'Panel',
+        components: { Icon, CollapseTransition },
+        props: {
+            name: {
+                type: String
+            },
+            hideArrow: {
+                type: Boolean,
+                default: false
+            }
+        },
+        data () {
+            return {
+                index: 0, // use index for default when name is null
+                isActive: false,
+                mounted: false
+            };
+        },
+        computed: {
+            itemClasses () {
+                return [
+                    `${prefixCls}-item`,
+                    {
+                        [`${prefixCls}-item-active`]: this.isActive
+                    }
+                ];
+            },
+            headerClasses () {
+                return `${prefixCls}-header`;
+            },
+            contentClasses () {
+                return `${prefixCls}-content`;
+            },
+            boxClasses () {
+                return `${prefixCls}-content-box`;
+            }
+        },
+        methods: {
+            toggle () {
+                this.$parent.toggle({
+                    name: this.name || this.index,
+                    isActive: this.isActive
+                });
+            }
+        },
+        mounted () {
+            this.mounted = true;
+        }
+    };
+</script>