<template>
  	<view class="uni-collapse">
  		<slot />
  	</view>
  </template>
  <script>
  	export default {
  		name: 'UniCollapse',
  		props: {
  			accordion: {
  				// 是否开启手风琴效果
  				type: [Boolean, String],
  				default: false
  			}
  		},
  		data() {
  			return {}
  		},
  		provide() {
  			return {
  				collapse: this
  			}
  		},
  		created() {
  			this.childrens = []
  		},
  		methods: {
  			onChange() {
  				let activeItem = []
  				this.childrens.forEach((vm, index) => {
  					if (vm.isOpen) {
  						activeItem.push(vm.nameSync)
  					}
  				})
  				this.$emit('change', activeItem)
  			}
  		}
  	}
  </script>
  <style lang="scss" scoped>
  	@import '@/uni.scss';
  
  	.uni-collapse {
  		/* #ifndef APP-NVUE */
  		width: 100%;
  		display: flex;
  		/* #endif */
  		/* #ifdef APP-NVUE */
  		flex: 1;
  		/* #endif */
  		flex-direction: column;
  		background-color: $uni-bg-color;
  	}
  </style>