<template>
  <div :class="[wrapperClass, {'not-scroll': notScroll}]">
    <slot></slot>
  </div>
</template>

<script>
import { LIB_NAME } from '../../../../src/util'
const wrapperClass = `${LIB_NAME}-layout`
export default {
  name: 'xLayout',
  provide() {
    return {
      'xLayout': this
    }
  },
  props: {

    // 内容超出不出现容器内滚动条
    notScroll: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      wrapperClass,

      // Header 实例
      header: null,

      // sider 实例
      sider: null,

      // footer 实例
      footer: null
    }
  }
}
</script>
