Releases: buefy/buefy
v0.9.7
New features
- Add transition appear to tabs/steps (thanks @jermel)
- Add
draggable-column
prop to table (thanks @T0RAT0RA)
Fixes
- Resotre tzOffeset on datetimepicker
- Fix #3224 datepicker on select a date in the next month when multiple (thanks @markokos01)
- Fix #3278 weekdays off by one day (thanks @waldeck-dev)
- Fix #3280 controls on number-input when disabled (thanks @service-paradis)
v0.9.6
Fixes
- Fix datetimepicker timezone
- Fix datepicker when append-to-body and auto open when value change (thanks @service-paradis)
- Fix #3258 remove outline from step-item and tab-item on focus (thanks @service-paradis)
- Fix #3262 first option selected on taginput when autocomplete (thanks @fabiofdsantos)
v0.9.5
New features
- Shipped with Bulma 0.9.2 (release note)
- Add
rounded
prop to Upload (thanks @major-mayer) - Add
icon-right-type
prop to Input (thanks @Propaganistas) - Add
icon-right
prop to Datepicker (thanks @darotar) - Add
cancel-text
prop to Snackbar (thanks @adamgreenhall) - Add
indefinite
prop to Toast (thanks @service-paradis) - Automatically select hovered option on blur for Autocomplete (thanks @fabiofdsantos)
- Add
aria-label
prop to Modal (thanks @crowdcow-shae) - Add
alt
attribute to placeholder image (thanks @chazmcgarvey ) - Add
caption
slot to Image (thanks @chazmcgarvey ) - Add
defaultSwitchRounded
default configuration option (thanks @service-paradis) - Add
detail-transition
prop to Table (thanks @service-paradis) - Accept Date as values for Select (thanks @service-paradis)
- Display events on unselectable Datepicker cell (thanks @service-paradis)
- Add
aria-minus-label
andaria-plus-label
functions forb-numberinput
(thanks @service-paradis) - Add
th-attrs
andtd-attrs
functions forb-table
- Improve a11y on tab component (thanks @service-paradis)
Fixes
- Fix #2678: tab navigation with
boxed
navbar dropdown (thanks @yuwu9145) - Fix #2848: incorrect inset shadow for
b-radio-button
(thanks @service-paradis) - Fix #2879: open DatetimePicker using the enter key (thanks @service-paradis)
- Fix #2990: table sorting on multiple column (thanks @yuwu9145)
- Fix #2994: table striped style with sticky columns (thanks @service-paradis)
- Fix #3011: blur events for ClockPicker (thanks @yuwu9145)
- Fix #3022: use aria labels on table pagination buttons (thanks @service-paradis)
- Fix #3028: use aria labels on pagination next/previous buttons (thanks @service-paradis)
- Fix #3035: autocomplete default content width in modal
- Fix #3040: fix mutation of value in multiple dropdown (thanks @VictorCazanave)
- Fix #3056: reset time on carousel when using arrows (thanks @harryJst)
- Fix #3104:
defaultDialogConfirmText
not working - Fix #3107: keyboard usage with Datepicker date range (thanks @service-paradis)
- Fix #3109: handle number values as expected for NumberInput (thanks @yuwu9145)
- Fix #3113: dropdown with
append-to-body
z-index
when inactive (thanks @Dragoncall) - Fix #3119: duplicated
hovered
event with Autocomplete (thanks @fabiofdsantos) - Fix #3124: restore tree shaking functionnality with default config (thanks @MartinodF)
- Fix #3135: multiple
fixed
Navbar on the same page (thanks @WTDuck) - Fix #3161: display close button when Modal is displayed at start (thanks @aglio)
- Fix #3168: wrong DatetimePicker behavior with empty value
- Fix #3177: navigate to Datepicker footer using Tab (thanks @service-paradis)
- Fix #3195: Tooltip
auto-close
withinside
andoutside
(thanks @elC0mpa) - Fix #3216: unexpected form submit on enter in Autocomplete
- Fix #3226: reactive Datepicker dates when using
multiple
(thanks @service-paradis) - Fix #3235: emit event on Table listeners (thanks @service-paradis)
- Fix #3247: Remove extraneous a element in tag (thanks @service-paradis)
v0.9.4
New features
- Shipped with Bulma 0.9.1
- Add
is-light
variant to tooltip (thanks @service-paradis) - Add support for multiple progress bars (thanks @service-paradis)
- Add
cellclick
event to b-table (thanks @dauriata) - Add
controls-alignment
prop to Numberinput (thanks @jonagoldman) - Add
left-label
prop to switch component (thanks @kaangokdemir) - Add
indicator
prop to show Slider value inside thumb (thanks @re2005) - Add
autoFocus
prop to Modal (thanks @mateuswetah) - Add
aria-close-label
prop to Taginput (thanks @service-paradis) - Support
locale
in Slider (thanks @service-paradis) - Add
sticky-checkbox
option to b-table (thanks @Numenorian) - Add
rounded
prop to table pagination (thanks @nastiaKuzanastasia.kuznetsova) - Add
tooltip-always
prop for Slider component (thanks @kaangokdemir) - Add
#header
slot inside of b-message to place a custom header (thanks @m4st3rm4tz3) - Add
week-number-click
event to Datepicker - Add toggleDetails to default Table slot
- Add
invalid
event to Upload (thanks @adamgreenhall) - Add
custom-search
prop to table column
Fixes
- Fix #2858: Too much events fired by BNavbar component (thanks @service-paradis)
- Fix problem using
lazy
prop for Image component (thanks @service-paradis) - Fix #2862: setSelect null when clear button is triggered (thanks @re2005)
- Fix #2851: table current page update parent value (thanks @re2005)
- Fix #2865: table visible column count (thanks @service-paradis)
- Fix #2893: select height in Datepicker when using
label-position="inside"
(thanks @service-paradis) - Fix #2904: check for null/undefined and not any false for Numberinput (thanks @damian-bal)
- Use
$slider-track-background
for Slider track background (thanks @service-paradis) - Fix #2853: Sidebar closes when clicking on dynamically visible elements (thanks @service-paradis)
- Fix #2916: select inside carousel (thanks @Tofandel)
- Fix #2683: Datepicker focus when using arrow keys (thanks @service-paradis)
- Fix Datepicker initial value fullYear when v-model is present (thanks @re2005)
- Fix #2914: Label overlapping input text (thanks @service-paradis)
- Fix #2933: sidebar
can-cancel
docs - Fix #2909:
rounded prop
to datetimepicker - Fix #2938: border-right missing in timepicker select (thanks @service-paradis)
- Fix #2949: Do not emit drag/drop events if table is not
draggable
(thanks @service-paradis) - Fix #2945: Checking if
minNumber
is undefined before assigning it in NumberInput (thanks @elC0mpa) - Fix dropdown when expanded and
append-to-body
- Fix #2940: trigger tooltip when
append-to-body
- Fix MenuItem expanded prop update (thanks @aquaminer)
- Fix #2944: header slot on tabs (thanks @yuchaosydney)
- Fix #2871: Improve tabbing with autocompleted taginputs (thanks @rubjo)
- Fix #3003: close tooltip when triggers is focus
- Fix #2918: columns prop when individual import
- Fix sidebar z-index
- Fix #2977: disable scroll when sidebar is overlay
v0.9.3
New features
- Add
animation
prop to steps and tabs - Add
range
to datepicker when type ismonth
(thanks @ryo-gk) - Add
after-enter
andafter-leave
events tp modal (thanks @aglio) - Add
min-step
prop to number input (thanks @abroekhof) - Add
lazy
prop to input (thanks @304NotModified) - Add
centered
propt to navbar (thanks @holtolee) - Add new progress bar text color (thanks @service-paradis)
Fixes
- Fix #2830 carousel animation refresh (thanks @Tofandel)
- Fix #2824 background color marging when table cards (thanks @holtolee)
- Fix empty slot check in autocomplete
- Fix empty slot name in taginput (thanks @rubjo)
- Fix contextmenu event always being prevented on tooltips (thanks @adriaanmeuris)
- Fix use correct sidebar breakpoint variable (thanks @btkostner)
- Fix focused date when max date < current date (thanks @re2005)
v0.9.2
New features
- Add
group-label
andgroup-options
prop to autocomplete and taginput - Add support to vnode array on programmatic component using
message
prop - Add
defaultTooltipDelay
constructor option - Add
contextmenu
event to tooltip triggers - Add
alt
,src-fallback
anderror
prop to image (thanks @service-paradis) - Add append staticClass to tooltip when
append-to-body
Fixes
- Fix #2759 overlay on table when loading
- Fix #2767 restore v-html on programmatic component (dialog, snackbar, toast, modal, loading, notification)
- Fix #2773 remove
select-arrow-color
in order to use Bulmainput-arrow
sass variable - Fix #2774 datepicker weekday names by locale
- Fix #2778 tooltip using
append-to-body
andalways
(thanks @jacenre) - Fix #2783 unclickable content on tooltip
- Fix #2789 space on menu-item
- Fix #2791 right margin on number input (thanks @user501254)
- Fix taginput default height in order to be compliant with Bulma 0.8.x breaking changes
v0.9.1
v0.9.0
Breaking changes
-
Vue.js 2.6+ is now the minimum required version
-
Table, new default slot and table column syntax
From
<b-table :data="myData">
<template slot-scope="props">
<b-table-column field="name" label="Name">
{{ props.row.name }}
</b-table-column>
<b-table-column field="age" numeric label="Age">
{{ props.row.age }}
</b-table-column>
</template>
</b-table>
To
<b-table :data="myData">
<b-table-column field="name" label="Name" v-slot="props">
{{ props.row.name }}
</b-table-column>
<b-table-column field="age" label="Age">
<template v-slot:default="props">
{{ props.row.age }}
</template>
</b-table-column>
</b-table>
-
Add
triggers
prop and removehoverable
prop to dropdown -
Add placeholder option to number inputs removing default value 0 (thanks @rcoundon)
-
Show
check-all
checkbox when table cards -
Refacor carousel and carousel list and removing
config
prop too (thanks @Tofandel) -
Add
position
prop and default alignment to skeleton (thanks @emmanuelvlad) -
Replace
is-active
withactive
prop to navbar -
Replace default value of
defaultDatepickerYearsRange
constructor option from[-100, 3]
to[-100, 10]
-
Build with
condense
option to avoid leading/trailing whitespaces -
SVG:
$icon-svg-width: auto !default
;$icon-svg-height: auto !default
;
-
Internationalization, Buefy is now using Intl package to format dates and numbers A prop named
locale
which accept a BCP 47 language tag have been added to some components. The default value for this prop isundefined
which will use the browser locale. It can affect the following components:- Progress:
- Intl is used to format the displayed value
- Rate
- Intl is used to format the displayed score
- Datepicker and Datetimepicker:
- Intl is used to get month names
- Intl is used to get week day names
- Intl is used to format the displayed date(s)
- Intl is used to parse the given date when
editable
- Timepicker, Clockpicker and Datetimepicker
- Intl is used to get separators
- Intl is used to format the displayed time
- Intl is used to parse the given date when
editable
- Progress:
-
Configuration
defaultTrapFocus
is nowtrue
. It can affect the following components:- Datepicker
- Dialog
- Dropdown
- Modal
defaultLocale
- Default value is
undefined
, which means it will use the user browser locale - It accept a string with a BCP 47 language tag, or an array of such strings (see Unicode BCP 47 locale identifier).
- Default value is
monthNames
- Default value is now undefined. It will use the given locale (default to browser locale) to get localized month names
dayNames
- Default value is now undefined. It will use the given locale (default to browser locale) to get localized day names
-
Use KeyboardEvent.key instead of keyCode. It can affect the following component:
- Taginput:
remove-on-keys
default is now["Backspace"]
instead of[8]
confirm-key-codes
is now calledconfirm-keys
and the default is[",", "Enter"]
instead of[13, 188]
- Taginput:
New features
- New component: Image, see docs
- .sync deprecated (except of table), use
v-model
but you can use.sync
until next breaking version - #1953 Add promise support to dialog using
defaultPromiseProgrammatically
constructor options - #2553 Add trigger slot to datepicker, timepicker and datetimepicker
- #2568 Hide content message when empty slot
- #2577 Add
defaultStatusIcon
constructor option andstatus-icon
prop to field - Add
icon-size
prop to menu item (thanks @cyberShaw) - Add
debounce-search
prop to table (thanks @Sc0ra) - Add
reset-on-meridian-change
to timepicker (thanks @taverasady) - Add
close-icon
to tag (thanks @kaangokdemir) - Add
close-type
to tag input (thanks @kaangokdemir) - Add
header-class
prop to tab item and step item (thanks @Tofandel) - Add
exponential
prop to number input (thanks @Tofandel) - Add
defaultTabsType
anddefaultTabsExpanded
constructor options (thanks @wrabit) - Improve handle events for customElement components (thanks @vvkk77)
- Refactor components (table, tabs, steps, carousel, etc) using provide/inject
Fixes
- Fix XSS on programmatic components
- Fix #1226 and #2658 using message with fields addons and groups
- Fix #2196 carousel v-model sync using arrow navigation buttons (thanks @Tofandel)
- Fix #2518 set Autocomplete focus on clear
- Fix #2584 default table sort when backend
- Fix #2591 carousel does not continue to slide even
pause-hover
is false (thanks @Tofandel) - Fix #2599 disabled select and input have different colors
- Fix #2608 taginput wrong value when
allow-duplicates
is false (thanks @nithesh247) - Fix #2631 table with sticky searchable column
- Fix #2647 progress bar truncate whole number zeroes
- Fix #2683 datepicker lost focus using arrow keys
- Fix #2684 timepicker hour check using
unselectable-dates
- Fix #2639 datepicker clone before formatter
- Fix #2706 number input steps (thanks @rcoundon)
- Fix #2707 autocomplete index error using arrow keys
- Fix #2725 open autocomplete when focused
- Fix #2732 upload emit
input
when same file - Fix #2738 regex check when
searchable
table - Improve datepicker a11y on older browsers (#2641)
v0.8.20
v0.8.19
New features
- Add
value
prop to tabs-item and steps-item - Add
size
prop to skeleton - Add
passive-type
prop for switch (thanks @kaangokdemir) - #2507
icon-right
get higher priority than status icon on input - #2513 add cursor pointer to pickers when not editable
Fixes
- Fix #2499 remove prevent click on carousel slide
- Fix #2501 set
type
whenvertical
on steps (thanks @service-paradis) - Fix #2503 searchable table column slot
- Fix #2504 display on skeletons (thanks @emmanuelvlad)
- Fix #2509 keep table search filtering when data are updated (thanks @VictorCazanave)
- Fix #2514 radio-button and checkbox-button style
Thanks @roy20021 for vetur tags script !