vui-design/src/components/select/index.js

A high quality UI Toolkit based on Vue.js

import VuiSelect from "./select";
import { createProps } from "./select";
import withInstall from "../../utils/withInstall";
import utils from "./utils";

export { createProps };
export default withInstall({
  name: VuiSelect.name,
  components: {
    VuiSelect
  },
  model: {
    prop: "value",
    event: "input"
  },
  props: createProps(),
  methods: {
    focus() {
      this.$refs.select.focus();
    },
    blur() {
      this.$refs.select.blur();
    }
  },
  render() {
    const { $slots: slots, $listeners: listeners, $props: props } = this;
    const attributes = {
      ref: "select",
      props: {
        ...props,
        options: utils.getOptions(slots.default)
      },
      on: listeners
    };

    return (
      <VuiSelect {...attributes} />
    );
  }
});