v1.3.0 - Distributed Bundle

New

VueSelect is now a transpiled UMD file, rather than a .vue file with it's own imports. This saves a lot of trouble with getting Babel to transpile things properly. The module exports the VueSelect component by default.

You can now access the logic mixins used in the primary VueSelect component:

import { mixins } from 'vue-select'

Breaking Changes for RequireJS

• the ./umd/vue-select.js path has been replaced with ./dist/vue-select.js.
• the component property of the UMD module has been replaced with VueSelect

requirejs(['vue', 'vue-select'], function (Vue, vSelect) {
  Vue.component('v-select', vSelect.VueSelect)
  new Vue({})
});

Fixes

• VueSelect now comes transpiled out of the box, fixes #71, #57, #69, #70

Notes

I wish I could have gotten this one out sooner as it solves many issues, but I had to rest for about 15 days due to a concussion. Back behind the keyboard now and will be spending some time catching up on progress here.

v1.2.1

Fixes

• Fixing a viewport scrollbar bug when the list is loading caused by negative text indent on loading spinner (#62)
• Fixes #65, #54 where onChange was not called when multiple is true

v1.2.0 - AJAX & UMD Bundle

New

• added onSearch callback prop allows developers to load options via ajax.
• added debounce prop to prevent onSearch from being called before input is complete.
• added loading prop for toggling UI loading state
• umd/vue-select.js is a compiled version of vue-select bundled into a UMD module for use with CommonJS/RequireJS.
• typeAheadPointer logic has now been refactored into a mixin, along with typeAheadScroll, and ajax.

See the docs for an example of using ajax with vue-select.

Fixes #2, #42.

v1.1.4 - NPM Support

New

• Now published on npm, install using npm install vue-select
  huge thanks to @onefriendaday for changing ownership of his package.

Fixed

• export default from the pointer mixin was causing build issues in some environments. Switched to module.exports

v1.1.3

New

Introduced getOptionalLabel prop. This prop accepts a callback function, allowing you to modify your option labels, without needing to modify your data sources. The callback should return a string that will be used as the options label. This is a good place to leverage ES6 template strings:

<v-select :get-option-label="formatLabel"></v-select>

formatLabel(option) {
   return `${option.date} - ${option.title}`  
}

v1.1.2

Changes:

key down event is now used for moving the typeahead pointer instead of key up.

v1.1.1 - Automatic Scrolling

New:

#36 The dropdown menu automatically scrolls when the pointer position is changed.

Fixes:

1.1.0 had an incorrect version number in package.json. Bumped this up to match in this release.

v1.1.0 - Tagging Support

New:

The highly requested taggable feature is ready in this release!

<v-select taggable></v-select>

• taggable prop created to allow users to create options that don't exist in the provided options.
• createOption callback prop allows developers to configure how options are added (eg. plain strings vs objects)
• pushTags prop created to allow users to persist new options to the options list, keeping them in the list if the user deletes them from selection

Updates

• updated tests to increase coverage to ~94%
  • improved organization with addition describe()
• deprecated getValueOption() to be removed in 1.1.1
• cleaned up unnecessary code

v1.0.6

New:

Added <slot name="no-options">Sorry, no matching options.</slot> so that developers can use their own text.

Vuex Compatible

In previous releases the only way to sync up the selected value with a parent was to use two-way data binding. This clashes with Vuex, so I've added a new callback prop onChange.

• the value prop is no longer required, and does not need to use a two-way binding. Two way binding can of course still be used to sync the value to a parent, but it's not required.
• onChange is a new callback function prop that receives the updated value any time it changes. Useful for integrating vue-select with Vuex.