github quasarframework/quasar quasar-v2.4.0

2 years ago

Happy Holidays to everyone!
And please support us by donating towards the project (links at the bottom). Thank you!

New!

  • feat(QSlider/QRange): new props -> marker-labels, marker-labels-class, switch-label-side, switch-marker-labels-side
  • feat(QSlider/QRange): new slots -> marker-label; marker-label-group
  • feat(QSlider/QRange): new props -> inner-min, inner-max #11456
  • feat(QSlider/QRange): new props -> thumb-color, track-color, track-img, inner-track-color, inner-track-img, selection-color, selection-img
  • feat(QRange): new props -> left-thumb-color, right-thumb-color
  • feat(QSlider/QRange): new props -> track-size, thumb-size
  • feat(QSlider/QRange): design improvements #9181
  • feat(QBtn/QItem/QBreadcrumbsEl/QRouteTab): new props (href/target); improve accessibility
  • feat(AppFullscreen): request() now accepts another node while in fullscreen already
  • feat(QFab/QFabActions): new slots (icon, active-icon, label) #7689
  • feat(QBreadcrumbsEl): don't apply activeClass when disabled; visual indicator for focused el; don't disable last el (might want to be used); add q-breadcrumbs--disabled class when disabled
  • feat(QUploader/QFile): improve keyboard navigation; improve unique key for files
  • feat(ts): Improve useDialogPluginComponent types (#11651)
  • feat(ts): Improve rest and index signature types generation (#11757)
  • feat(QTabs): improve keyboard navigation (TAB key skips all container; arrow keys move focus)
  • perf(VirtualScroll): prevent repaint on elements that are not visible
  • feat(Notify): improve detection of empty content
  • feat/fix(ts/api): Allow top-level type definition for slot scopes (fix: #11090, #11500) (#11591)
  • refactor(ui): various small tweaks for BottomSheet/Dialog/LoadingBar

Fixes

  • fix(ui): QIcon interpretation of 'M.' as 'material-icons' is incorrect (#11584)
  • fix(QDrawer): always recompute belowBreakpoint on QLayout (when width changes) if containerized
  • fix(QEditor): limit width in fullscreen mode
  • fix(fullscreen): fullscreen padding on capacitor/cordova
  • fix(QLayout): respect fixed/non-fixed header/footer when not on iOS (fix: #11397) (#11369)
  • fix(debouncing): cancel pending debounced calls when components are destroyed
  • fix(ui/validation): don't validate disabled components; plus various tweaks
  • fix(fullscreen): keep count of fullscreen elements
  • fix(isDeepEqual): ignore undefined keys in objects when comparing
  • fix(QStepper): scope contracted prop only to the header to avoid propagating to child steppers #10191
  • fix(QInfiniteScroll): containerHeight error #11606
  • fix(QDate): day buttons text alignment #11659
  • fix(QCheckbox/QRadio): Vue3 needs ^checked to set attribute (#11679)

Docs

  • feat(docs): various improvements on the search feature
  • feat(docs): add "All" tab in the example cards (displays all code parts of the example - template/script/style)

Designer considerations

For those that have tweaked the design of QSlider and QRange: Due to the big number of new features for QSlider and QRange, the inner HTML markup has some changes for the two components. You might want to plan some time to revise your tweaks when upgrading to v2.4.

Donations

Quasar Framework is an open-source MIT licensed project that has been made possible due to the generous contributions by sponsors and backers. If you are interested in supporting this project, please consider:

Don't miss a new quasar release

NewReleases is sending notifications on new releases.