<template>
  <div>
    <a @click="item.handle" class="t-action-btn" v-for="(item,index) in data" :key="index">
      <Tooltip :content="item.text" placement="top" :transfer="true" v-if="item.type == 'icon' && !item.loading">
        <Icon :type="item.icon"></Icon>
      </Tooltip>
      <label v-else-if="item.type != 'icon' && !item.loading" style="cursor: pointer;">
        {{item.text}}
      </label>
      <Icon type="ios-loading" class="ivu-load-loop" style="color: #d4d4d4;" v-if="item.loading"></Icon>
    </a>
  </div>
</template>
<script>
export default {
  name: 'RowTools',
  components: {

  },
  props: {
    data: {
      type: Array,
      default() {
        return []
      }
    }
  },
  data() {
    return {

    }
  },
  computed: {

  },
  created: function () {

  },
  beforeMount: function () {

  },
  mounted: function () {

  },
  beforeDestroy: function () {

  },
  destroyed: function () {

  },
  methods: {
    handle() {

    }
  },
  watch: {

  },
  directives: {

  }
}
</script>
