Releases: quasarframework/quasar
Releases · quasarframework/quasar
v0.7.0 a.k.a "Polished"
Upgrade to v0.7 Guide
- npm install --save moment
- In your
src/app.js
file, make sure you haveQuasar.theme.set(__THEME)
called BEFOREVue.use(Quasar)
Breaking Changes
- Reworked Lists. Have a good read and update your App's code to the new specs. Total rewrite.
- Reworked HTML table class classes. You now have to add
quasar-table
CSS classname to a table. Revisit class list. - Tabs
disabled
property was changed todisable
for consistency with new disabled state for all Form components - Reworked Select to use Popovers (instead of Dialogs) and added Dialog Select which uses Dialogs. Revisit pages to learn about the changes.
- Removed Keycodes
- Toast total rework. Toasts are now displayed one at a time, but you can build up a queue of them. Highly configurable. Most of the API is still the same, but reworked everything under the covers. You may want to check doc to ensure you're using right.
New
- Improvements on almost all components
- Datetime picker, both Inline and as Input. Each theme has its own component (specific to the respective theme) wrapped within same functionality.
- Double Range
- Knob component
- Progress Button component (buttons with animated progress bars)
- Directive
v-go-back
- New Modal methods
- Inline Modal. Write Modal template directly inside your Page's template and access its "data" scope!
- Input textboxes with Stackable and Floating labels are not bound to Lists anymore. You can use them outside of lists too!
- Chips Textboxes placeholder property
- Infinite Scroll functionality (many new methods)
- Smoother Parallax effect. Also new `speed' property (Float 0 to 1 values)
- Disable state for all Form components (and not only!) using
disable
Boolean property - New properties for Search component:
icon
andplaceholder
- Ability to disable Pull to Refresh functionality
- Smarter Popover with new functionality.
- New Stepper methods to better control it. Also polished the design.
- Chat coloring bubbles
- Image Gallery Slider now closes Thumbnail view if click/tap outside of it
- Utils.throttle() method
- Utils.dom new methods:
childOf()
,getScrollTarget()
,getScrollPosition()
- Drawer new methods. Also see this request
- ActionSheet, Dialog, Modal, Popover, ... can now be closed by "Escape" key on desktop: #60
Fixes
v0.6.0
Breaking Changes
- Dropdown has been renamed to Popover which is much more appropiate for what it does.
Simply rename<quasar-dropdown>
to<quasar-popover>
and read the Popover docs - Removed Dialog with Ranges. It turned out to not be so useful and with the new Range component it becomes not enough configurable.
New
- Context Menu component specific for mobile (now differs from the one on a desktop)
- "Chip" Label type
- Chips Input Textbox component
- Stepper component
- Utils.uid() generates unique UID
- #19 Include Quasar sources in npm packages so you can easily extend components
- Added 'white' to color list - available to all components that can be colored
- CSS class "timeline-title" added
- CSS class "caption" for
<p>
tags now has top margin also
Fixes
- #18 Dropdown (now Popover): v-on:click events inside quasar-dropdown doesn't work
- #20 Back button on Modal should close it
- #15 Rewritten Range to support new features:
- "step" property
- colored styles
- step markers
- "snap" property
- "label" property
- #26 Need a way to close thumbnails for Image Gallery
- #25 Slider on fullscreen doesn't go away when on fullscreen
- Enhanced Tabs reactivity
v0.5.0
Major redesign, rewritten from scratch. ES6, hot reload support, *.vue
file support, new CLI, new starter boilerplate, new and faster build system, too many to capture here :)
If upgrading from previous versions, update Quasar CLI to latest and start a new project folder. Read documentation again from start to end.
v0.4.1
Update README.md