Releases: vuetifyjs/vuetify
Releases Β· vuetifyjs/vuetify
v3.4.0-beta.1
π Features
- VDataTable: rename
items
tointernalItems
in slots (#18618) (6d1df42), closes #18612 - VDataTable: rename
column.
slots toheader.
(#18619) (71715aa), closes #17206
π§ Bug Fixes
- VDataTable: prevent content overlapping with fixed headers (17637c4), closes #18597
- VDataTable: apply pointer cursor with contextmenu or dblclick (05d7bda), closes #18592
- VTextarea: pass input id to VField (bccf9bc), closes #18441
π¬ Code Refactoring
- make filterProps faster (a36dfb8)
v3.4.0-beta.0
Documentation: https://dev.vuetifyjs.com/
- VBottomSheet, VDataIterator, VDataTable, VDatePicker, VInfiniteScroll, VOtpInput, VSkeletonLoader, and VStepper have been moved from labs.
vuetify/labs
imports for these components should be changed tovuetify/components
, or removed entirely if you're using auto-imports.- No further breaking changes are planned.
- Browser support has been updated, 2 years of chrome/firefox/safari: https://dev.vuetifyjs.com/en/getting-started/browser-support/
- We're using some new(ish) CSS features so older browsers are no longer supported even with polyfills
- VVirtualScroll has been rewritten to better support variable height items, please report any new problems with this or other components that utilise it like VSelect.
- VDataTable and VDatePicker have received some pretty major changes recently, these need to be tested before we're comfortable calling them fully stable.
π Features
- expose util/colors (dafc148), closes #16346
- update browser support (7f3c472)
- date: add ability to pass custom formats (#18375) (3c75ca0)
- date: promote from labs (a5c857e)
- VBanner: add
bg-color
prop (#18094) (511c9aa), closes #17124 - VBottomSheet: promote from labs (707c058)
- VBtn|VListItem: add
slim
prop (#17562) (788a583) - VDataIterator: promote from labs (1f9ea81)
- VDataTable: promote from labs (6c3f833)
- VDataTable: add sort and filter functions to headers (#18590) (72598d2), closes #17588
- VDataTable: infer headers from first item if not provided (15e7dd3)
- VDataTable: add headerProps/rowProps/cellProps (#18589) (0c87f70), closes #16648 #16991
- VDataTable: add 'body.prepend', 'body.append' slots (#18472) (f28ef5b), closes #17128
- VDataTable: add generic '*:row' events (6bb8b38), closes #18197
- VDataTable: nested headers object structure (#18512) (fc84e78), closes #18484
- VDatePicker: promote from labs (8507e5b)
- VDatePicker: extract ok/cancel into separate component (#18575) (ec69622), closes #2945
- VDatePicker: refactor structure (#18558) (5c1b302)
- VDatePicker: remove
variant
prop (cab3545) - VExpansionPanels: add
static
prop (#18014) (51f3c14) - VImg: add object-position (397daa9), closes #16089
- VInfiniteScroll: promote from labs (08e1fb9)
- VInput: add
hide-spin-buttons
prop (#17936) (ea92424) - VInput: expose isValid and errorMessages (32968db), closes #17502
- VOtpInput: promote from labs (6ac63d3), closes #16458
- VPicker: add
hideHeader
prop (7cdabd4) - VSkeletonLoader: promote from labs (a1867e8)
- VSnackbar: add
text
prop (44ee8ed) - VStepper: promote from labs (fd76fd3)
π§ Bug Fixes
- date: expose adapter on this.$vuetify (bcf21dc)
- date: count null as a valid date (d604929)
- locale: update Italian translations (#18551) (1d3b0cd)
- VDataTable: use theme surface color for group header rows (#18544) (aeabb45), closes #18543
- VDataTable: only emit options once on search change (ac46a9a)
- VDatePicker: generic props (6b4b0fc)
- VDatePicker: update on external changes, emit Date object (efc65ef)
- VDatePicker: show number of selected dates in header (92bda78)
- VDatePicker: use adapter to setYear on date (99d42b0)
- VDatePicker: viewMode button active state rotation (cb1f6ab)
- VDatePicker: use
monthShort
for month formatting (cc0f01a) - VField: correct height for compact/comfortable densities (#18025) (7a24848), closes #17898 #17837
- VImg: update size before emitting load event (f885881)
- VOtpInput: limit length when type=number (#18585) (dc1a98b)
- VOtpInput: modify onInput value after focusIndex check (e8abb2f)
- VOtpInput: infinite loop when pressing multiple keys at once (a13b554), closes #18548
- VOtpInput: maintain focus after input completion (ecaea86), closes #18016
- VOtpInput: Display numeric keyboard when type is number (#18560) (3ffe9c5), closes [#18000](https://github.com/vuetifyjs/vuetify...
v3.3.23
π§ Bug Fixes
- color: don't generate text color for css variable backgrounds (7f4f41c), closes #18511
- date: use 2-digit value for day / month for keyboardDate format (d414013)
- locale: update french translations (#18508) (8d625cf)
- VNavigationDrawer: prevent prepend/append from shrinking vertically (74ff1a5)
- VSelect: don't render elements for empty selection slot (ae1ea03), closes #18496
π¬ Code Refactoring
- date: add correct type to toISO and clean-up format (16f4dfc)
v3.3.22
π§ Bug Fixes
- locale: update Dutch locale translations (#18479) (087cdce)
- locale: update German locale translations (#18437) (2ca4a3f)
- VAutocomplete: increase selection width by using 100% calc (#18477) (838ea42), closes #18470
- VCard: apply elevation on hover (#18381) (5f94793)
- VCombobox: keydown listener composition session trigger (#18423) (16656ae), closes #18421
- VDataTable: bg color change via class (#17805) (d40bff3), closes #17714
- VListItem: prevent clipping append slot content (f59aa96), closes #18446
π§ͺ Labs
- VStepper: clean-up for release (b5c3d96)
v3.3.21
π§ Bug Fixes
- VChip: set default height to 32px (2809800), closes #17412
- VColorPicker: reposition cursor on color change (1f3d9ac), closes #18344 #18347
- VCombobox: don't allow search to be null (c71f48c), closes #18430
- VTable: specify explicit flex for container (351a9e1)
- VTable: correctly fill parent height (8f2f14d), closes #9927
π§ͺ Labs
- VDataTable: accept numbers as itemsPerPageOptions (7b9da8c), closes #16693
- VDatePicker: add missing allowed-dates support (46d68d4), closes #17983
- VOtpInput: add chain operator to select fn calls (2dee949)
- VOtpInput: add color, bgColor, and baseColor to defaults provider (afd6a58)
- VOtpInput: set field input color to inherit (cc03fa5)
- VOtpInput: move to proper input when input index is not next (7b0ae73)
- VOtpInput: adjust content padding (b022dc2)
- VOtpInput: use flex gap for internal item spacing (403aaaa)
- VOtpInput: change default type to number (01be04d)
v3.3.20
π§ Bug Fixes
- forwardRefs: skip vue internal properties (631b42b), closes #18364
- validation: null check errorMessages (6c7a4b9)
- VList: collapse avatar and append slot in rail drawer (bfb3cde)
- VNavigationDrawer: reactive prop watchers (8b10d36)
- VSlider: correct display and interaction when reversed or rtl (1ddeb32), closes #18389 #18312
- VTextField: don't show counter unless counter prop is set (e3554bb), closes #18342
- VTimeline: consistent item width (0c40304), closes #17288
π Reverts
π§ͺ Labs
v3.3.19
v3.3.18
π§ Bug Fixes
- Selects: ignore disable props (#18299) (00c9fc0), closes #18293
- Selects: use selected items as counter value (#18319) (871d2d8), closes #17812
- VCombobox: prevent removing disabled items with backspace (#18300) (d49184b), closes #18298
- VList: respect return-object in list items (#18325) (ffb1c80), closes #18304
- VTimeline: prevent divider gap with truncate-line (#18160) (b13e7f9), closes #18149
- VTimeline: horizontal timeline alignment (#18324) (497254a), closes #18176
π§ͺ Labs
- VBottomSheet: apply class and style props (#18321) (fdbd59a)
- VDataTable: allow columns with no id, alias id to value if not set (8286b21), closes #17847 #17716
- VDataTable: update item slot props (283a18f), closes #16954 #17599
- VDataTable: strip item value proxies in selected Set (4d65db6)
- VDataTable: cast boolean values to string (3759243), closes #17810
- VDataTable: add missing transition properties (#18297) (0b552bb), closes #18295
- VDataTable: deep compare selected values (305a211), closes #18151 #18322
- VDatePicker: render actions slot if available (#18318) (67f6d27), closes #18315
- VDatePicker: grid shift with some locales (#18245) (8bc84d6)
- VOtpInput: cast length prop to number (#18329) (92c1fe2), closes #18327
BREAKING CHANGES
- VDataTable: Slot props have changed.
item
is now the original item object,item.raw
anditem.columns
have moved to a newinternalItem
property. You can fix this with find+replace, just make sure to leaveitem.raw
on select/autocomplete/combobox as that remains unchanged.
v3.3.17
π§ Bug Fixes
- color: don't generate text color for transparent backgrounds (f314cd1), closes #18209
- locale: update polish translations (#18267) (497b252)
- VApp: remove layout styles (#18099) (dac7ddd), closes #18064
- VSelectionControl: remove label width (cc0969c), closes #18252
- VSlider: render label slot (eb07336), closes #18251
- VTabs: change parsed items array key title to text (ac90099)
π§ͺ Labs
- date: add shortDate date format (a42c27b)
- VBottomSheet: add configuration for md3 blueprint (f1a9ca4)
- VBottomSheet: merge contentClass with internal (5d86301)
- VDataTable: don't check select-all when table has no rows (#18271) (fa2d514), closes #18268
- VDatePicker: add variant prop (e5df1e0)
- VDatePicker: set correct max year (#18141) (fce67bf), closes #18112
- VDatePicker: remove forced active when selected (ad54bb5)
- VDatePicker: mode icon and toggle animation (0dc5b93)
- VDatePicker: don't apply color to current day (90347f5)
- VPicker: remove title color declaration (008eb93)
- VPicker: add missing title/header color and add bgColor prop (0f0d055)
v3.3.16
π§ Bug Fixes
- Selects: always use valueComparator to compare values (#18230) (7b3c2f9), closes #17997
- VColorPicker: don't update color when canvas resizes (9e378df), closes #18231
- VColorPicker: use a passive touchstart listener (af407fd), closes #18189
- VField: prevent floating label from showing when visibility hidden (f296394), closes #18216
- VField: correct left outline width with outline+rounded (03f437b), closes #18186
- VLabel: apply color sass variable (b549043), closes #17302
- VSelectionControl: set width to max-content (#18234) (5367e75), closes #18225
- VTabs: width when using fixed prop and border-radius (127bb0a), closes #17027
π§ͺ Labs
- date: add startOfDay and endOfDay functions (6bd0f2c)
- date: check if date is null | undefined | falsy in isValid (a1a1ca7)
- filter: always pass InternalItem to custom filter function (#17832) (bbe5b2c), closes #17487
- VBottomSheet: add elevation to content (5a6167d)
- VDatePicker: enforce min/max on keyboard input (#18115) (e74d19d), closes #18113
- VDatePickerYears: adjust default height (be1d41f)