<template>
  <div class="docs-select-box">
    <hive-select
      :value="value"
      :data-source="options"
      :filter-option="true"
    />

    <hive-select
      :value="value"
      :multiple="true"
      :data-source="options"
      :filter-option="true"
    />

    <hive-select
      :value="value"
      :data-source="options"
      :filter-option="filter"
    />
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: '',
      options: ['立春', '雨水', '惊蛰', '春分', '清明', '谷雨', '立夏', '小满', '芒种', '夏至', '小暑', '大暑', '立秋', '处暑', '白露', '秋分', '寒露', '霜降', '立冬', '小雪', '大雪', '冬至', '小寒', '大寒']
    };
  },
  methods: {
    filter(text, data) {
      return data.indexOf(text) > -1;
    }
  }
};
</script>
