v0.8.7
Pre-releaseAnother Large Update
With this release, the focus was on refactoring lists to meet Material Design spec, finish up the progress-linear
component, and add additional api options for the sidebar by integrating lists. Some extra effort has been put into the docs regarding lists and as time permits, I intend to flesh out other sections just as much.
Breaking Changes
In refactoring the lists, I decided to move their functionality to the sidebar. Is is technically an expansion list
and it made since to provide the additional functionality. Other components will be receiving name changes in the future, so to help with knowing some of the upcoming changes, I have updated the wiki on this repo, outlining the prospected changes coming in future releases. For more information, visit the roadmap wiki.
If you are using the items
prop, the new available options are:
{
href: 'javascript:;',
title: false,
subtitle: false,
avatar: false,
router: false,
ripple: false,
action: false,
disabled: false,
tag: false,
items: []
}
text
is now title, icon
is now avatar. By default, lists generated by an items array will generate the list tile in this order: avatar, content (title/subtitle) and action. To shift the action to the left, use the unshift
option on the sidebar.
If you were explicitly using sidebar, sidebar-items, etc, you will need to use the new list markup. For additional information, please see the lists documentation or the sidebar documentation.
Lists have been refactored and include all new semantic components, for additional information, read below or check the documentation.
New Components
- Added the
progress-linear
component. documentation - Added the
divider
component. Documentation is not complete, but available options are listed in the lists documentation - Added functional component
v-table-overflow
for tables that need overflow-x (removed overflow-x from cards)
Refactored Components
- Lists has received a complete overhaul and is now 100% within material design spec. documentation
- Sidebar now uses lists and is merely a wrapper to provide some additional functionality.
Improvements
- Changed
v-navbar-side-icon
icon to menu - Removed overflow-x from cards which was used for tables. Tables now have a special overflow wrapper, see above.
- Cleaned up checkbox styles a041437
- Sidebar now determines item active state based upon route url. This provides better performance and debugging. If you do not use vue-router to manage your routes, you will need to manually apply the active classes to items.
Bug Fixes
- Fixed bug where
v-tabs-tabs
was still using the oldv-tab
markup during auto generation. 23aa971 - #92 Fixed bug where select was not auto populating for models with values on mount. bcbf7cd
- #93 Added check for tabs length. There is still a bug with the tab locator not resizing. 2d78f56
- Fixed a bug where
v-sidebar
was not properly calling done after animation completion for groups.