kui-vue/components/button/buttonGroup.jsx

A high quality UI Toolkit built on Vue.js 2.0

import { getChild } from '../_tool/utils'
export default {
  name: "ButtonGroup",
  props: {
    size: {
      default: 'default',
      validator(value) {
        return ["small", "large", "default"].indexOf(value) >= 0;
      }
    },
    shape: String
  },
  data() {
    return {};
  },
  computed: {
    classes() {
      const { size, shape } = this
      return [
        "k-btn-group",
        {
          ["k-btn-group-sm"]: size == 'small',
          ["k-btn-group-lg"]: size == 'large',
          ["k-btn-group-circle"]: shape == 'circle'
        }
      ];
    }
  },
  render() {
    return (
      <div class={this.classes}>
        {getChild(this.$slots.default)}
      </div>
    )
  }
};