<template lang="">
  <div class="arrange-group">
    <div class="arrange menu-btn" @click="resetlayout" :disabled="disabled">
      <span class="tab-icons"></span>
      <span class="label">整理布局</span>
    </div>
  </div>

</template>

<script>
import {
  mapGetters
} from 'vuex'
export default {
  name: 'arrange',
  computed: {
    ...mapGetters({
      'minder': 'getMinder'
    }),
    disabled() {
      return this.minder.queryCommandState && this.minder.queryCommandState('resetlayout') === -1;
    }
  },
  methods: {
    resetlayout() {
      this.minder.queryCommandState('resetlayout') === -1 || this.minder.execCommand('resetlayout')
    }
  }
}
</script>
