github quasarframework/quasar 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

Don't miss a new quasar release

NewReleases is sending notifications on new releases.