Vue Treeselect Versions Save

New

• New prop: appendToBody (#98, #120)

Bug Fixes

• Do not emit input event when internalValue didn't change by @zikolach (#123)

Other Changes

• instanceId prop gets auto-generated default value now

New

Async searching

• New props: async, cacheOptions, defaultOptions & searchPromptText

Bug Fixes

• After root options are delayed loaded, the first option in the list should be highlighted

Performance Improvements

• Toggling highlighted state of a option is significantly faster when the list is long (#116)

Other Changes

• Improved value ordering when valueConsistsOf=ALL_WITH_INDETERMINATE
• Improved internal states managing when user manually sets new value
• Allow resetting a branch node to unloaded state by setting back children: null (#97)
• No longer render hidden form fields when disabled

New

• Added new prop: matchKeys (#105)
• Added new node property: isNew by @paulheijman (#113)

BREAKING CHANGES

• No longer export mixins

New

• Added instanceId prop & deprecated old id prop

Improvements

• Clicking on trigger will no longer close the menu when multiple=true & searchable=false

Bug Fixes

• Should not do auto scroll when navigating using mouse (#107)

New

Improved Keyboard Support

• Move around using Arrow Up, Arrow Down, Home & End
• Select or deselect options using Enter
• Toggle expanded state using Arrow Left & Arrow Right
• Move to upper level option using Arrow Left (for a branch node, it needs to be collapsed)

Other Changes

• Added transition wrapper to .vue-treeselect__list (#86)
• CSS related bugs fixed by @wickkidd (#87) & @wangyi7099 (#88)
• Slightly tweaked the colors of component
• For multi-select mode, the whole area of value item is reactive to user clicking now
• retainScrollPosition prop is removed. This feature will be always on and you can not manually disable it.

New

• Added support for non-ajax forms by using hidden fields (related props newly added: name, joinValues & delimiter)

Improvements

• If the control is out of viewport, when activated the menu will open below

Other Changes

• autofocus is now changed to autoFocus. The old prop name will still work for some time but will be removed from a future version.

BREAKING CHANGES

• Excluded src folder from npm publish

New

• Now .vue-treeselect__menu has been added transition wrapper that enables you to customize animation using CSS (#85)

Improvements

• When searching, expanding a branch node will show its all children (#78)

Bug Fixes

• Fixed that Backspace / Delete keys cannot delete value

Bug Fixes

• Fixed that the icons may be not vertically centered when inheriting line-height from ancestor elements (by @wangyi7099)
• Fixed that can't be bundled using webpack (#76)

BREAKING CHANGES

• Some of LESS variables & CSS classnames are renamed

Improvements

• All icons updated
• New option for valueConsistsOf prop: "ALL_WITH_INDETERMINATE" (by @Owumaro)

BREAKING CHANGES

New Bundles

From this version, vue-treeselect will export a non-minified version of bundle if you are consuming via a bundler like webpack or browserify, which brings some extra benefits:

• Better debugging experience (for example, vue-treeselect will detect duplicate node ids and output warnings)
• Source map support for both JavaScript & CSS

New Delayed Loading Mechanism

This version also comes with a refactor of delayed loading feature. The old loadRootOptions, loadChildrenOptions & loadChildrenErrorText props have been removed, and a new loadOptions prop added. For the reason of limitation that Vue cannot detect property additions, I decided to remove support for declaring unloaded branch nodes by setting isBranch: true. Check out the docs for details.

Other Changes

• Will not preserve space for arrows anymore when no branch nodes present (#68)
• The first time for vue-treeselect to hit 100% test coverage!