<template>
  <div>
    <template v-for="extend in UIExtends">
      <component :is="extend" :member.sync="extendsData" :key="'key_'+extend"></component>
    </template>
  </div>
</template>

<script>
import MemberExtendAction from '../../member/components/MemberDialogExtendAction.vue'

export default {
  components: {
    'member-extend-action': MemberExtendAction
  },
  props: {
    member: {
      type: Object,
      default: _ => ({})
    }
  },
  data() {
    return {
      UIExtends: ['member-extend-action']
    }
  },
  computed: {
    extendsData: {
      set(val) {
        this.$emit('update:member', val)
      },
      get() {
        return this.member
      }
    }
  }
}
</script>
