Quasar v1.12.0 released! Lots of new features and improvements.

[rstoenescu]

Enjoy!

https://github.com/quasarframework/quasar/releases/tag/quasar-v1.12.0

Highlights:

• LOTS of new possibilities with QTable and even more easier usage
• performance improvements, especially for QParallax
• preparations for modern mode (that will be introduced in “@quasar/app” v1.9)
• ES6 equivalent files for the UMD version

New

• feat(QCheckbox/QToggle): New prop -> toggle-order
• perf(QParallax): start/stop based on screen visibility
• feat(QTable): Ability to use “pagination” without sync modifier for the initial state; rowsPerPage is by default first from rowsPerPageOptions #7065
• feat(QTable): include current rowsPerPage into rowsPerPageOptions if it’s not already there
• feat(QTable): auto-infer columns when not supplying them #1058
• feat(QTable): Pagination now has go to first/last pages buttons; new icon props (icon-first-page, icon-prev-page, etc); new methods: firstPage(), lastPage() #7075
• feat(QTable): New props for bottom layer: hide-selected-banner, hide-no-data, hide-pagination #2075
• feat(QPopupEdit): add show() and hide() methods #7085
• feat(ui): make Quasar webfont icon sets independent of Material Icons if they can’t supply their own icons for some components
• feat(ui): Modern mode assets for UMD #5899
• feat(api): add top-level “addedIn” key support (#7105)
• feat+fix(QSeparator): new prop (size); fixed use-cases where separator ended up with 0 height #5371
• feat(QBtnDropdown): new Boolean prop - “no-icon-animation” #7111
• feat(QTabs/QTab): New prop -> content-class #6995
• feat(QEditor): easier to style when in “view source” mode (class “q-editor–source”, otherwise “q-editor–default”) #7103
• feat(QForm): use “q-validation-component” class in custom components having validation #7112

Fixes

• fix(QSelect): on mobiles the focus must be moved to a not input element #7061, #7062 (#7063)
• fix(QSelect): change the refocus target to the control container; make hasDialog reactive #7061, #7062 (#7068)
• fix(QSelect): focus issues affect QMenu #7061 #7062 #7068
• fix(Notify/api): Remove “required” from “message” prop
• fix(lang): Allow set() method to work without any params #7108
• fix(VirtualScroll): skip processing size of elements with .q-virtual-scroll–skip in before and after slots #7107 (#7114)
• fix(Dialog/api): correct API file prop names (camelCase instead of kebab-case)

Designer’s consideration

The CSS classes for inset and “spaced” changed for QSeparator. Some examples:
Before: .q-separator--inset.q-separator--horizontal After: q-separator--horizontal-inset
Before: .q-separator--spaced.q-separator--vertical After: q-separator--vertical-spaced