<template>
  <div class="AppWechatConfig">
    <keep-alive :include="['List']">
      <component
        ref="component"
        :is="component"
        @change="onChange"
        :params="params"
        :instance="instance"
        :dict="dict">
      </component>
    </keep-alive>
  </div>
</template>

<script>
  import List from './components/List'

  export default {
    label: '公众号设置',
    name: 'AppWechatConfig',

    components: {
      List
    },

    props: {
      instance: Function,
      dict: Object,
      permissions: Function
    },

    data () {
      return {
        component: 'List',
        params: {}
      }
    },

    methods: {
      onChange(data) {
        if (data.type === 'List') {
          this.component = 'List'
          this.params = data.params
        }
      }
    }
  }
</script>

<style scoped lang="scss">
  .AppWechatConfig {
    width: 100%;
    height: 100%;
  }
</style>
