<template>
  <div>
    <div class="q-pa-sm">
      <q-btn dense @click="showonly=!showonly" label="只读" :outline="!showonly" color="primary" />
    </div>
    <q-separator />
    <kyb-select-icon v-model="v" :showonly="showonly" class="q-my-sm" />
    <div>{{v}}</div>
  </div>
</template>
<style lang="stylus"></style>
<script>
// import _ from 'underscore'
// import KTest from 'components/k-test'
export default {
  data: function() {
    return { v: null, showonly: false, iconList: ['list'] }
  },
  created() {
    console.log('----vvv icon: ', require('quasar/icon-set/material-icons.js'))
    console.log('---- this.$q.iconSet', this.$q.iconSet)
    let types = Object.keys(this.$q.iconSet)
    this.iconList = types.map(key => Object.values(this.$q.iconSet[key]))
  },
  methods: {}
}
</script>
