Skip to content

Latest commit

 

History

History
1488 lines (1178 loc) · 60.5 KB

CHANGELOG.md

File metadata and controls

1488 lines (1178 loc) · 60.5 KB

Buefy Changelog

0.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

0.9.3

New features

  • Add animation prop to steps and tabs
  • Add range to datepicker when type is month (thanks @ryo-gk)
  • Add after-enter and after-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)

0.9.2

New features

  • Add group-label and group-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 and error 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 Bulma input-arrow sass variable
  • Fix #2774 datepicker weekday names by locale
  • Fix #2778 tooltip using append-to-body and always (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

0.9.1

New features

  • Add is-expanded class to menu item (thanks @btkostner)

Fixes

  • Fix #2750 internal html to vdom using programmatic components
  • Fix #2751 table props index value
  • Fix #2752 incorrect base css
  • Fix #2753 field type when addons
  • Fix #2761 close tooltip when delay
  • Fix indeterminate watcher in progress (thanks @service-paradis)

0.9.0

Breaking changes

  • Vue.js 2.6+ is now the minimum required version

  • Bulma 0.8.0 and 0.9.0

  • 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 remove hoverable prop to dropdown

  • Add placeholder option to number inputs removing default value 0 (thanks @rcoundon)

  • Show check-all checkbox when table cards

  • Refactor carousel and carousel list and removing config prop too (thanks @Tofandel)

  • Add position prop and default alignment to skeleton (thanks @EmmanuelVlad)

  • Replace is-active with active 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

  • Remove support to .sync modifier on current-page prop of table component (you have to use page-change event)

  • 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 is undefined 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
  • Configuration

    • defaultTrapFocus is now true. 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).
    • 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 called confirm-keys and the default is [",", "Enter"] instead of [13, 188]

New features

  • New component: Image, see docs
  • .sync deprecated (except of selected and checked-rows), 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 and status-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 and defaultTabsExpanded constructor options (thanks @wrabit)
  • Add create-tag prop to taginput
  • 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)

0.8.20

New features

  • Add close-on-confirm prop to dialog (thanks @kaangokdemir)
  • Add bulma-css-vars extension to docs (thanks @wtho)

Fixes

  • Fix typo activeStep variable (thanks @speedpro)
  • Fix #2518 open autocomplete on clearable icon when open-on-focus

0.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 when vertical 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

0.8.18

New features

  • Add message slot to field
  • Add scrollable and max-height to dropdown (thanks @franciscoh017)
  • Add rounded prop to skeleton
  • Add mobile-mode prop and $steps-mobile-max-width SCSS variable to step
  • Add expand-on-hover-fixed prop to sidebar
  • Add expanded prop to upload (thanks @kaangokdemir)
  • Add close-type prop to tag (thanks @kaangokdemir)
  • Add defaultTabsAnimated constructor options
  • #2474 Add icon-click event to autcomplete
  • #2487 Add native event as second parameter of select event on autocomplete

Fixes

  • Fix security (XSS) on message field
  • Fix taginput shallow copy in watcher (thanks @lunfel)
  • Fix #2456 double message when field horizontal and multiple fields
  • Fix #2459 checkbox, radio, switch group on mobile
  • Fix #2469 keep sort during search
  • Fix #2485 datepicker and timepicker default shadow when not editable
  • Fix #2489 dropdown item padding on mobile when has-link
  • Fix #2493 clean hovered on select option (autocomplete and taginput)

0.8.17

New features

  • Add types to ConfigProgrammatic

Fixes

  • Fix #2438 create modal content only when is active

0.8.16

New features

  • New component: Skeleton, see docs
  • Add destroy-on-hide prop to modal
  • Add searchable slot to table (thanks @service-paradis)
  • Add icon-right prop to autocomplete
  • Add vertical and rounded props to steps (thanks @service-paradis)
  • Add step prop to step item (thanks @service-paradis)
  • Add card-layout prop to table
  • Add is-row-selectable prop to table

Fixes

  • Fix icon type to account for colors that are hyphenated (thanks @BrauBeast)
  • Fix width of options menu when autocomplete on taginput
  • Fix #2156 focus on tag remove
  • Fix #2211 check only one tab selected at once (thanks @service-paradis)
  • Fix #2328, #2358 slider resize (thanks @service-paradis)
  • Fix #2364 close sidebar when is not overlay
  • Fix #2371 clean hovered after select
  • Fix #2381 label-position when position is right
  • Fix #2425 reactive data on carousel list

0.8.15

Fixes

  • Fix check whitelist on fixed sidebar
  • Fix static sidebar on esc key

0.8.14

New features

  • New component: Sidebar, see docs
  • Add append-to-body prop to dropdown, autocomplete, datepicker, timepicker and datetimepicker
  • Add dropdown-position prop to dropdown
  • Add collapsible prop to navbar dropdown

Fixes

  • Fix switch elastic animation for non-rounded (thanks @service-paradis)
  • Fix #1666 native validation on datepicker
  • Fix #2317 default icon prev and next (thanks @service-paradis)
  • Fix #2325 native validation on autocomplete
  • Fix #2336 animation on tabs when vertical (top - bottom)

0.8.13

New features

  • Add selected slot to taginput
  • Add scrollable prop to table
  • Add sticky prop to table column
  • Add cell-class and header-class prop to table column
  • Add height prop to table
  • Add filters-event prop to table
  • Add slide animation to menu item and in the core code
  • Improve accessibility to datepicker (thanks @service-paradis)
  • #2269 Add bigger-slider-focus prop to slider (thanks @melogustavo)
  • #2290 Add activable prop to menu
  • #2308 Add max-height prop to autocomplete

Fixes

  • Fix datepicker clearing selected array in the first selection when multiple
  • Fix #2195 switch transition on Safari (thanks @bender-a)
  • Fix #2205 datepicker table rendering on Safari (thanks @bender-a)
  • Fix #2236 table performance on destroy
  • Fix #2257 button with icon and without default slot
  • Fix #2262 numberinput custom icons
  • Fix #2270 taginput when remove a tag on mobile
  • Fix #2272 check input ref before to focus (thanks @bender-a)
  • Fix #2273 end animation on dropdown
  • Fix #2292 sticky header using subheading
  • Fix #2293 focus on icon click when type "textarea"

0.8.12

New features

  • Add sticky-header prop to table

Fixes

  • Fix #2254 button with icon in the default slot
  • Fix #2250 taginput option item when autocomplete without slot

0.8.11

New features

  • Add multi column sorting to table (thanks @suneab)
  • Add clearable prop to autocomplete (thanks @melogustavo)
  • Add icon-right prop to input (thanks @melogustavo)
  • Add tag slot to taginput (thanks @jacobgoh101)
  • Add tz-offset prop to datepicker (thanks @zedrdave)
  • Add repeat prop to carousel (thanks @GerryWilko)
  • Add icon prop to nofitication and message (thanks @service-paradis)
  • Add multiline prop to tabs
  • Add aria attributes to dropdown (thanks @mariusj)

Fixes

  • Fix missing export taginput component
  • Fix prevent table thead jumping when sorting is changed
  • Fix #2152 tab-item rendering using header slot (thanks @service-paradis)
  • Fix #2153 text overflow to progress bar (thanks @service-paradis)
  • Fix #2157 carousel when autoplay and no pause
  • Fix #2160 remove body classes of navbar on destroy
  • Fix #2185 taginput when over maxtags
  • Fix #2187 taginput rendering when attached and over maxtags
  • Fix #2189 'undefined' on carousel (thanks @service-paradis)
  • Fix #2190 remove margin when not exists text on button
  • Fix #2191 navbar dropdown close on click when hoverable
  • Fix #2216 menu item warning
  • Fix #2217 percentage calc on progress bar (thanks @service-paradis)
  • Fix #2219 field label when position is inside and add-on
  • Fix #2227 double blur event emitted by pickers
  • Fix #2228 check if the row is checkable before unchecking it (thanks @service-paradis)
  • Fix #2240 check ref datetimepicker on mount when mobile

0.8.10

New features

  • Improve rendering performance on table
  • Add focusand blur event on datetimepicker
  • Add animation prop to notification (thanks @service-paradis)
  • Add trap-focus prop to datepicker (thanks @service-paradis)
  • Add hour-increment prop to timepicker (thanks @LeoMouyna)
  • Add backend-filtering prop and filters-change event to table (thanks @zeljkokalezic)

Fixes

  • Fix #1473 tooltip z-index (lower than modal) (thanks @rolandschuetz)
  • Fix #1889 add body padding for fixed spaced navbar (thanks @a-kriya)
  • Fix #2109 disabled button (thanks @service-paradis)
  • Fix #2114 limit the select options of month in Datepicker with min-date and max-date (thanks @service-paradis)
  • Fix #2121 fix tabs warning when items aren't already visible (thanks @service-paradis)
  • Fix #2133 table colspan when detailed and hidden icon (thanks @rolandschuetz)
  • Fix #2135 keep open taginput on add/remove when open-on-focus
  • Fix #2141 taginput using sortablejs

0.8.9

New features

  • Add infinite-scroll prop to autocomplete and taginput (thanks @mateuswetah)
  • Add scss variables to loading and snackbar (thanks @service-paradis)
  • Add range start and end events to datepicker (thanks @lunfel)
  • Add close event to notification, snackbar and toast (thanks @service-paradis)
  • Add new props to carousel and carousel-list (thanks @apolokaklab)
  • Add aria-role prop to snackbar (thanks @service-paradis)
  • Remove Vue import and registration of Vue instance (thanks @afwn90cj93201nixr2e1re)
  • #2075 Add focusable prop to datepicker
  • #2085 Add blur event on picker close

Fixes

  • Fix taginput when autocomplete without template
  • Fix default modal background color (thanks @francoism90)
  • Fix #1387 maintain tabitems/stepitems order (thanks @service-paradis)
  • Fix #2023 increment-minutes and increment-seconds props to timepicker (thanks @GerryWilko)
  • Fix #2037 datepicker selection when multiple
  • Fix #2049 indicator style name 'is-boxs' -> 'is-boxes' (thanks @apolokaklab)
  • Fix #2062 align last tag on taginput with maxtags (thanks @andrei-dracea)
  • Fix #2093 trap-focus on programmatic modal (thanks @service-paradis)

0.8.8

New features

  • Add subheadings prop/slot to table (thanks @arambert)
  • Add container prop to dialog (thanks @service-paradis)
  • Add touch events to carousel on mobile

Fixes

  • Fix custom icon pack improving merge internal function (thanks @service-paradis)
  • Fix #2006 tabs when nested each other (thanks @service-paradis)

0.8.7

New features

  • New component: Carousel, see docs (thanks @apolokaklab)
  • Add controls prop to number input (thanks @afwn90cj93201nixr2e1re)
  • Add accordion prop to menu
  • Add icon-click event to input (thanks @service-paradis)
  • Add multiple support to Datepicker when type is month
  • Add more customization variables for dropdown and loading (thanks @HugoHeneault)
  • Add more customization variables for datepicker (thanks @service-paradis)
  • Add defaultDatepickerMobileModal constructor option (thanks @ievhen-soloviov)
  • #2000 Add time-creator prop to timepicker

Fixes

  • Fix IE compatibility using multiple datepicker
  • Fix datetimepicker ignores expanded prop (thanks @cypressious)
  • Fix disabled checkbox in table (thanks @yxngl)
  • Fix page number count when filtering data (thanks @yxngl)
  • Fix placeholder to datetimepicker (thanks @yxngl)
  • Fix #1812 extending a component
  • Fix #1909, #1902, #1898 issues on searchable table column (thanks @dauriata and @service-paradis)
  • Fix #1951 modal a11y improvements (thanks @service-paradis)
  • Fix #1963 erase numberinput value
  • Fix #1972 using min and max native datepicker and timepicker props
  • Fix #1986 setting 00:00 on datetimepicker

0.8.6

New features

  • New component: Datetimepicker, see docs
  • Add searchable prop to table column (thanks @robertmarney, @tonystonee, @quadra-diffusion)
  • Add expanded prop to radio button (thanks @saaso)
  • Add expanded prop to checkbox button (thanks @saaso)
  • Add multiple prop to datepicker (thanks @jamenamcinteer)
  • Add vertical prop to tabs (thanks @service-paradis)
  • Add defaultButtonRounded constructor option (thanks @bohdan-prylutskyi)
  • Add mobile-burger prop to navbar (thanks @service-paradis)
  • Add v-on:listeners to navbar item
  • Add expanded prop to button (thanks @service-paradis)
  • Add a slot for overriding navigation to steps (thanks @service-paradis)
  • Add more customization variables to checkbox (thanks @HugoHeneault)
  • Add new SCSS variables to toast, snackbar and icon (thanks @service-paradis)
  • Improve accessibility to modal (thanks @service-paradis)
  • Enable to set a custom width (%, ...) to table column (thanks @druppy)

Fixes

  • Fix #1834 datepicker on ios mobile (thanks @bohdan-prylutskyi)
  • Fix #1875 datepicker disabled style
  • Fix #1883 date-parser function when range
  • Fix taginput style when maxtags and using label-position prop on field

0.8.5

New features

  • New component: Rate, see docs (thanks @apolokaklab)
  • #1706 Add trap-focus prop to modal, dialog and dropdown (thanks @service-paradis)
  • #1775 Add expanded prop to dropdown
  • Add custom-formatter prop to slider (thanks @yxngl)
  • Add position prop to collapse

Fixes

  • Fix #1286 taginput close when autocomplete (thanks @wrabit)
  • Fix #1784 navbar navigation on mobile reverting #1743
  • Fix #1780 alignment using h1 tag on steps (thanks @service-paradis)
  • Fix #1786 icons warning for vue-fontawesome (thanks @service-paradis)
  • Fix #1814 set icon-pack pagination using table (thanks @service-paradis)
  • Fix #1821 datepicker reset using empty array when range

0.8.4

New features

  • Add style props (is-boxed, etc) to navbar and navbarcomponent
  • Add pagination buttons customization (thanks @service-paradis)
  • Improve accessibility for menu (thanks @mateuswetah)

Fixes

  • Fix build using import individual components
  • Fix #1717 notification margin when queue is false and position is bottom-(right/left) (thanks @service-paradis)
  • Fix #1741 toggle on navbar dropdown
  • Fix #1743 add check outside click on navbar brand (thanks @wanxe)
  • Fix #1744 icon component using vue-fontawesome
  • Fix #1748 progressbar style on IE when indeterminate (thanks @service-paradis)
  • Fix #1761 grouped/addons size with inside position label (thanks @service-paradis)
  • Fix #1773 numberinput issues with groups and addons (thanks @service-paradis)

0.8.3

New features

  • Add customIconPacks constructor option to use custom icon packs (thanks @service-paradis)
  • Add can-close prop to dropdown (thanks @service-paradis)
  • Add close-on-click prop to form navbar (thanks @wanxe)
  • Add icon-prev and icon-next props to datepicker, steps and pagination (thanks @service-paradis)
  • Add lazy prop to slider (thanks @yxngl)
  • Add dragging, dragstart and dragend events to slider (thanks @yxngl)
  • Add setValidity method to form components (thanks @GerryWilko)
  • Add hours-label and minutes-label props to clockpicker
  • Improve steps look on mobile (thanks @service-paradis)
  • #1677 Add wrapper-class prop to navbar (thanks @wanxe)
  • #1712 Add navbardropdown component

Fixes

  • Fix selection UI to datepicker when empty range
  • Fix slider style for IE 11 (thanks @yxngl)
  • Fix default-minutes and default-seconds props when value is 0
  • Fix pagination compatibility using IE 11 (thanks @service-paradis)
  • Fix set active menu item on click when tag is router-link
  • Fix navbar adding incorrect class to body when fixed at top/bottom (thanks @Silvea12)
  • Fix datepicker height using different size, it'll show always 6 weeks for each month
  • Fix #1646 navbar item when tag prop is router-link (thanks @wanxe)
  • Fix #1648 modal becomes clipped using switch (thanks @yxngl)
  • Fix #1670 simple upload on IE 11
  • Fix #1678 show autocomplete option when value is 0
  • Fix #1679 hide navbar on click when mobile (thanks @wanxe)
  • Fix #1686 disable timepicker hour if no enabled minutes available (thanks @philnee)

0.8.2

  • Add range selection using range prop to datepicker (thanks @afifsohaili)

Fixes

  • Fix #1624 autosizing slider into container (thanks @yxngl)
  • Fix #1625 Buefy global name in UMD format
  • Fix #1626 include CSS files as side effects (thanks @modularcoder)

0.8.1

New features

Add show-week-number prop to datepicker (thanks @quadra-diffusion)

Fixes

  • Fix navbar internal implementation (thanks @wanxe)
  • Fix field component when slot is empty
  • Revert breaking change v-on:$listeners to internal native select of select
  • Fix #1616 upload check on change when single (thanks @yxngl)
  • Fix #1619 incorrect minute display format for 12 hour using timepicker
  • Fix #1620 navbar SSR support

0.8.0

Breaking changes

  • Change path to import individual components, like:
import { Table } from 'buefy'
Vue.use(Table)
  • Change path to import components to use outside main vue instance, like:
// see Toast, Snackbar, Modal, Dialog, Loading and Notification doc pages for more examples
import { ToastProgrammatic as Toast } from 'buefy'
Toast.open('Toasty!')
  • Fix #1268 add $buefy namespace for each programmatic components
// see Toast, Snackbar, Modal, Dialog, Loading and Notification doc pages for more examples
this.$buefy.toast.open('Toasty!')
  • Fix #1137 hide hoverable dropdown menu after click
  • Fix #1529 pagination ellipsis behavior (thanks @service-paradis)
  • Fix #1550 improve the default behavior for clickable steps (thanks @service-paradis)
  • Fix #1586 focus issue to radio, checkbox and switch (thanks @yxngl)
  • Add v-on:$listeners to internal native select of select component
  • Remove span around default b-table-column slot (thanks @service-paradis)

New features

  • New component: Slider, see docs (thanks @yxngl)
  • New component: Navbar, see docs (thanks @wanxe)
  • New component: Progress Bar, see docs (thanks @service-paradis)
  • Improve to tree shaking using ESM format
  • Add header slot to table column
  • Add defaultTooltipDelay constructor option (thanks @service-paradis)
  • Add sort-icon and sort-icon-size props to table (@modularcoder)
  • Add default-minutes and default-seconds to timepicker
  • Add focusable prop to dropdown (thanks @service-paradis)
  • Add mouseenter and mouseleave events to table (thanks @afm-sayem)
  • Add rounded and outlined prop to switch (thanks @service-paradis)
  • Add aria-close-label prop to taginput (thanks @yxngl)
  • Add has-counter prop to taginput (thanks @dejangeci)

Fixes

  • Fix #1541 emit input event when change step (thanks @service-paradis)
  • Fix #1544 years select datepicker when max/min being passed
  • Fix #1565 datepicker programmatically on mobile
  • Fix #1576 label-position prop using numberinput component (thanks @service-paradis)
  • Fix #1591 datepicker on mobile using different timezone
  • Fix issues on delete last selected element and on reset upload (thanks @it-fm)

0.7.10

  • Fix #1536 build error using Sass customization
  • Fix menu component example on codepen and/or simple html page

0.7.9

New features

  • New component: Menu, see docs
  • Add custom-class prop to modal (thanks @CobraClutch)
  • Add delay prop to tooltip (thanks @service-paradis)
  • Add checkbox-position prop to table (thanks @service-paradis)
  • Add pagination-position prop to table (thanks @service-paradis)

Fixes

  • Fix build errors using typescript and return type of snackbar and notification
  • Fix upload on iOS
  • Fix native timepicker when enable-seconds
  • Fix #1515 toggle datepicker programmatically
  • Fix #1516 month picker on iOS
  • Fix #1526 timepicker default parser

0.7.8

New features

  • New component: Steps, see docs (thanks @service-paradis)
  • Add label-position prop to field
  • Add full-screen prop to modal
  • Add enable-seconds prop to timepicker
  • Add years-range, nearby-month-days, nearby-selectable-month-days prop to datepicker

Fixes

  • Fix timepicker and clockpicker force new Date object on input event
  • Fix #1450 clockpicker rounded style (thanks @atinybeardedman)
  • Fix #1455 margins to taginput (thanks @francoism90)
  • Fix #1460 long press click on plus/minus buttons to numberinput
  • Fix #1462 table column width when a column is toggled invisible and visible again (thanks @service-paradis)
  • Fix #1469 use-html5-validation prop to numberinput
  • Fix #1470 override label-weight Bulma variable
  • Fix #1480 cancelling long press on Chromium (thanks @yxngl)

0.7.7

New features

  • Update Bulma to 0.7.5
  • Datepicker improved: add month picker, see docs
  • Add header-checkable prop to table
  • Add toggle method to datepicker
  • Add defaultDropdownMobileModal constructor option
  • Add validation-message prop to input (thanks @jankeesvw)
  • #1424 Prevent close on click when multiple dropdown

Fixes

  • Fix #1150 dropdown z-index on mobile
  • Fix #1418 timepicker and clockpicker input event emit
  • Fix #1429 datepicker and timepicker exclusive opening
  • Fix #1433 timepicker default formatter and parser

0.7.6

New features

  • Add label slot to field (thanks @yxngl)
  • Add footer slot to autocomplete (thanks @LeoMouyna)
  • Add open-on-focus prop and improved accessibility for timepicker and clockpicker
  • Add multiple prop to dropdown

Fixes

  • Fix #817 radio button off-center issue
  • Fix #1347, #1361 datepicker v-model and initial toggle
  • Fix #1351 tabs is-disabled css rule
  • Fix #1352 numberinput when empty string
  • Fix #1382 numberinput layout
  • Fix #1390 missing prop to dialog type
  • Fix #1402 radio button on IE11 (thanks @timEulitz)

0.7.5

New features

  • New component: Numberinput, see docs
  • Loading improved: can show a custom content, see docs
  • Add destroy-on-hide prop to tabs
  • Add custom-detail-row prop to table (thanks @EvanBarbour3)
  • Add open-on-focus prop and improved accessibility for datepicker (thanks @imfaber)

Fixes

  • Fix #1320 space keydown on Firefox to checkbox and switch
  • Fix #1325 input emit to upload
  • Enable native timepicker to clockpicker when mobile-native (default true)
  • Fix clockpicker docs and input size
  • Fix upload opening in IE 11

0.7.4

New features

  • New component: Button, see docs
  • New component: Clockpicker, see docs (thanks @SharpSeeEr)
  • Notification improved: can show a notification programmatically, see docs
  • Add custom-formatter prop to autocomplete
  • Add draggable prop to table (thanks @suneab)
  • Improve accessibility for notification, message and pagination (thanks @mateuswetah)

Fixes

  • #956 Fix hidden overflow on tabs (thanks @Baggs)
  • #1246 Fix Cleave.js example using Vue 2.6.x (thanks @yxngl)
  • #1251 Fix Datepicker closing when page back to min-date month
  • #1257 Fix Datepicker slow/freeze on big year input
  • #1282 Fix Datepicker event display wich have a time set (thanks @DonNicoJs)
  • #1290 Fix double click event for CheckBox(Button) and Radio(Button) (thanks @yxngl)
  • Fix tabindex on switch (thanks @yxngl), radio (thanks @Sacmanxman2) and checkbox

0.7.3

New features

  • Update Bulma to 0.7.4
  • Add required prop to radio-button and checkbox-button
  • Add defaultModalCanCancel constructor options (thanks @quimarche)
  • Add typing event to autocomplete (thanks @adrlen)
  • Add native-autocomplete prop to taginput
  • Add support to Font Awesome SVG component (thanks @rhwilr)
  • Add custom-key-row prop to table
  • Add defaultToastPosition and defaultSnackbarPosition constructor options
  • Improve accessibility for collapse and dropdown (thanks @mateuswetah)
  • Revert tab as confirm key code to taginput
  • #1233 Change left margin to right margin when spacing nested fields (thanks @yxngl)

Fixes

  • #1177 Fix IE/Edge datepicker content size
  • #1216 Fix reset v-model when upload cancel
  • #1219 Fix modal width prop (thanks @yxngl)

0.7.2

New features

  • Add header autocomplete slot to taginput
  • Add required prop to switch
  • Add mobile-sort-placeholder prop to table
  • Add contextmenu event to table (thanks @gps-dev)
  • Add show-detail-icon prop to table and toggle row detail programmatically (thanks @omer2500)
  • Add use-html5-validation prop to form components and defaultUseHtml5Validation constructor options (thanks @lukio3)
  • #1164 Disable selecting row on checkbox click when table is checkable

Fixes

  • Fix taginput when allow-new is enabled
  • Fix pagination order when simple
  • #1126 Fix init sort using columns table prop
  • #898, #1154 Fix browser autocomplete using multiple fields

0.7.1

New features

  • Update Bulma to 0.7.2
  • Add indeterminate prop to checkbox (thanks @guanzo)
  • #1029 Upgrade vue-test-utils to latest version (thanks @lordfuoco)
  • #1065 Add tab as confirm key code to taginput (thanks @williamabbott)
  • #1083 Add date-creator prop to datepicker (thanks @jonagoldman)

Fixes

  • #1024 Fix upload SSR support
  • #1027 Fix icon-pack prop when individual components
  • #1040 Fix prevent radio with multi-line text from shrinking (thanks @rhwilr)
  • #1067 Fix IE 11 UI switch (thanks @patrickabkarian)
  • #1072 Fix sorting boolean fields

0.7.0

Breaking changes

  • Change path to import components to use outside main vue instance, like:
// see Toast, Snackbar, Modal and Dialog doc pages for more examples
import { Toast } from 'buefy/dist/components/toast'
Toast.open('Toasty!')
  • Upload component accepts a single File and Array<File> when multiple as v-model
  • Rename readonly to editable on datepicker and timepicker (now just use the prop without false value)
  • Removed Panel component, it was deprecated since 0.5.3

New features

  • Add closable prop to taginput (thanks @adrlen)
  • #970 Add Object type to type prop of field and icon

Fixes

  • Updated timepicker style (it's a little smaller now)
  • #992 Fix table header disappear with pagination
  • #999 Fix size prop to datepicker and timepicker

0.6.7

New features

  • Table improved: can change columns dynamically
  • Add auto-close and duration props to message and notification
  • Add allow-duplicates prop to taginput
  • Add required prop to radio and checkbox
  • Add defaultInputHasCounter constructor options

Fixes and changes

  • #839 Fix icon-pack from icon to be reactive
  • #840 Fix loading position to tagInput (thanks @adrlen)
  • #852 Fix label class to field when horizontal
  • #872 Fix datepicker default formatter
  • #895 Fix loading overlay when not in full page (thanks @adrlen)
  • #927 Fix autocomplete when option text is too long (thanks @8bu)
  • #948 Fix switch when multi line text (thanks @rhwilr)

0.6.6

New features

  • Update Bulma to 0.7.1
  • Add header slot to autocomplete
  • Add type prop to checkbox and radio
  • Add on-paste-separators and before-adding props to tagInput
  • #830 Add ellipsis prop to tagInput and tag components

Fixes and changes

  • #746 Fix default dateFormatter function to datepicker
  • #755 Fix arrow centered when table detail (thanks @wanxe)
  • #787 Fix type in horizontal field when message is empty
  • #814 Reset scroll to modal before destroy
  • #481 Fix tagInput height to match other inputs

0.6.5

  • Revert some changes on Checkbox, CheckboxButton, Radio, RadioButton, Select and Switch, working as before now
  • #711 Fix click event to switch (thanks @adrlen)
  • #712 Fix SSR support (thanks @anteriovieira)
  • #719 Fix header slot to tabItem
  • #718 Fix changeMonth and changeYear events to datepicker in change-month and change-year
  • #727 Fix upload check file
  • #730 Fix field with addons not updating on re-render (tanks @arlen)

0.6.4

New features

  • Add nuxt-buefy on docs, see here (thanks @anteriovieira)
  • Add indefinite prop to snackbar
  • Add header slot to datepicker
  • Add header slot to tabItem
  • #485 Add custom-class prop to field (thanks @docnoe)
  • #509 Add autocomplete slot support to taginput (thanks @gkinsman)
  • #581 Add is-row-checkable prop to table (thanks @jvmonjo)
  • #602 Add changeMonth and changeYear events to datepicker
  • #604 Add remove-on-keys prop to taginput, allowing to remove last tag (thanks @adrlen)
  • #609 Add is-full-page prop to loading, to limit it to its container (thanks @adrlen)
  • #610 Add visible prop to tabItem
  • #644 Add clear-on-select prop to autocomplete (thanks @raniesantos)
  • #645 Add selectable-dates prop to datepicker (thanks @pip63)
  • #682 Add has-detailed-visible prop to table (thanks @wanxe)
  • #687 Add focus-on prop to dialog

Fixes and changes

  • #576 Fix upload check file type
  • #586 Fix dropdown change event
  • #593 Fix timepicker update only time of Date object
  • #599 Fix on-cancel prop to dialog, get called when clicking confirm
  • #648 Fix dropdown emit change event (thanks @adrlen)
  • #670 Fix tabs emit change event (thanks @adrlen)
  • #686 Remove 'is-light' color to cancel button of dialog

0.6.3

New features

  • New extension: Sortable.js, see here
  • Update Bulma to 0.6.2
  • Add Font Awesome 5 support (http://fontawesome.com/)
  • Add columns prop to table, you can now pass an array instead of adding scoped slots (for simple tables)
  • Add rounded prop to Input, Select, Autocomplete, Datepicker and Timepicker, Pagination
  • Add "is-toggle-rounded" type to Tabs
  • Add open prop to collapse trigger slot
  • Add native prop to upload
  • #222 Add open-on-focus prop to autocomplete (good to simulate a select element)
  • #482 Add allow-new prop to taginput
  • #483 Add unselectable-days-of-week prop to datepicker
  • #487 Add icon-size prop to message
  • #492 Add isAsc parameter to custom-sort function of table (thanks @frantic1048)
  • #494 Add unselectable-times prop to timepicker
  • #525 Add pagination-size prop to table (thanks @nateleavitt)
  • #531 Add confirm-key-codes prop to taginput

Fixes and changes

  • Remove max-results prop from autocomplete, it now has a scrollbar with all results
  • #493 Fix keep-first autocomplete prop with async data
  • #498 Fix horizontal field on mobile
  • #500 Fix message position for horizontal field (thanks @electrolinux)
  • #543 Fix dropdown toggle programmatic

0.6.2

New features

  • New component: Tag Input, see docs (thanks @jgerbes)
  • #125 Add queue prop to toast/snackbar and defaultNoticeQueue constructor option
    • Note that the animations aren't perfect right now
  • #432 Datepicker improved: can add event indicators on it (thanks @chasegiunta)
  • #439 Add support to horizontal field, with the horizontal prop (thanks @electrolinux)
  • Add mobile-native prop to datepicker and timepicker
  • Add defaultDatepickerMobileNative and defaultTimepickerMobileNative constructor options
  • Add events prop to modal (to bind events programmatically)
  • Add position prop to datepicker and timepicker
  • Add size prop to dialog
  • Add tabstop and disabled props to tag
  • Add .sync option to table current-page

Fixes and changes

  • Maxlength counter for input only shows on focus
  • Add padding to tab content
  • Fix autocomplete with keep-first selecting on blur when nothing is shown
  • Fix tabs buttons size sometimes flickering
  • #416 Fix pagination color
  • #419 Fix input icon size
  • #428 Fix current-page from table to be reactive
  • #440 Fix upload input file width (thanks @frantic1048)

0.6.1

  • #409 Fix notification delete button
  • #410 Fix alert triggering on upload

0.6.0

Breaking changes

  • Vue 2.5+ is now the minimum required version
  • Bulma breaking changes, see changelog
  • Removed the deprecated prompt dialog inputPlaceholder, inputName and inputMaxlength props
  • Buefy now uses MDI icons from community instead, you'll have to change icon names and if you use a CDN you should change:
<link rel="stylesheet" href="//cdn.materialdesignicons.com/2.0.46/css/materialdesignicons.min.css">

New features

  • New component: Timepicker, see docs
  • New component: Checkbox Button, see docs
  • New docs section: Extensions, see here
  • Support for Bulma 0.6.1
  • Add disabled prop to tabItem
  • Add focusable prop to table
  • Add focus() method to table
  • Add hoverable prop to table
  • Add custom-size prop to icon
  • Add custom-class prop to icon
  • Add detail-key and opened-detailed props to table (thanks @wanxe)
  • Add scroll prop to modal/dialog (changes what to do with <body> scrollbar)
  • Add parent prop to modal, pass a Vue object to it to open component modal programmatically
  • #359 Add mobile-modal prop to dropdown to enable/disable modal on mobile
  • #365 Add src/scss/utils/_all.scss for easier modular importing (thanks @gwvt)
  • #377 Add support to MDI icons from community
  • #387 Add current-page prop to table (thanks @frantic1048)
  • #388 Add size prop to radio and checkbox
  • #398 Add unselectable-dates prop to datepicker to disable an array of dates
  • #399 Add configurable closing options for dialog (like modal)

Fixes

  • Update tooltip font size and padding, it's a bit bigger now
  • Update table keyboard navigation, now doesn't require pressing enter and only works when focusable
  • #288 Fix input message from parent field (thanks @yarbshk)
  • #358 Fix modal/dialog shifting content (scroll prop)
  • #380 Fix clearing autocomplete input
  • #395 Fix ref dropdown availability (thanks @frantic1048)

0.5.4

  • Deprecated prompt dialog inputPlaceholder, inputName and inputMaxlength props, use new inputAttrs prop, see docs
  • Fix focus method on select
  • Table with selected prop can now be natigated with keyboard
  • #251, #345 Add bottom-left slot to table
  • #334 Add defaultDialogConfirmText and defaultDialogCancelText constructor options
  • #335 Add icon and iconPack prop to dialog
  • #350 Add Function type to component prop of modal (thanks @ivalkenburg)
  • #354 Add tab key press to autocomplete (thanks @tmepple)
  • #356 Fix table header alignment

0.5.3

  • New component: Collapse, see docs
  • Panel deprecated, use new Collapse component, old docs here
  • Update Bulma to v0.5.3
  • #223 Add footer slot to table
  • #246 Remove key on detailed rows of table component (thanks @Tirke)
  • #301 Fix Bulma style override for radio and checkbox
  • #303 Fix dropdown close on custom item when is replaced or changed
  • #305 Fix datepicker calendar display when disabled and inline
  • #309 Add labelFor prop to field component, to set native for attribute to the label tag (thanks @tmepple)
  • #314 Set pack prop to next/prev icon buttons for datepicker
  • #315 Fix escape regexp characters to autocomplete
  • #316 Fix checkbox shrinking when text is very long (thanks @Tirke)
  • #317 Add default datepicker constructor options
  • #324 Fix table broken sort state
  • #330 Fix table empty and detail disposition
  • #339 Fix upload warning when is required
  • #340 Add size prop to radio button

0.5.2

  • #262 Add empty slot to autocomplete (empty message)
  • #264 Add has-counter prop to input, add it when you want show or hide character counter when maxlength prop is passed
  • #265 Fix disabled pagination (thanks @YassinOuider)
  • #272 Add readonly prop to allow typing a date on datepicker
  • #273 Fix autocomplete for SSR (thanks @LANSELOT)
  • #276 Add first-day-of-week prop to datepicker
  • #279 Fix table not default sorting async data
  • #289 Fix dropdown-trigger container html tag
  • #291 Add configurable closing options for Modal (thanks @jwahdatehagh)
  • #298 Fix mobile detection datepicker for SSR
  • #302 Fix datepicker calendar display when disabled

0.5.1

  • New component: Datepicker, see docs (thanks @bartboy011)
  • New component: Tag, see docs
  • #195 Add custom-key prop to table column, add it when you want a column without label
  • #221 Add backend pagination support to table (thanks @cappuc)
  • #214 Add active prop to tooltip
  • #215 Add header slot to table (custom headers)
  • #228 Fix table checked rows not working on mobile
  • #235 Add custom-is-checked prop to table column, add it when you want a custom compare function when is checkable
  • #237 Fix emit blur event for input
  • #239 Fix table columns on v-for loop
  • #241 Fix remove tabItem when it's bounded to array
  • #242 Update required Vue.js version (2.4+) (thanks @iwan-wijaya)
  • #243 Add default-sort-direction prop to table, add it when you want change default sort direction on the first click
  • #260 Fix radio/radio button emitting input multiple times (thanks @frantic1048)
  • Add meta prop to table column, useful for custom headers
  • Add type prop to switch (thanks @Tirke)
  • Add multiple support to select
  • Add inline prop to dropdown, items are shown inline and trigger removed
  • Remove has-custom-template prop from autocomplete, just use scoped slot to have the same feature

0.5.0

Breaking changes

  • Update Bulma to v0.5.1, changes on Sass variables naming, see docs
    • Buefy Sass variables are also following the new convention
  • Removed Menu component, it was experimental and wasn't good enough, needed too much to work and can easily be replaced with pure HTML
  • Constructor option defaultContentElement renamed to defaultContainerElement
  • b-dropdown-option renamed to b-dropdown-item
    • subheader prop renamed to custom
  • Any attributes on Input, Select and Autocomplete will be added directly to <input> or <select> itself instead of the root element
  • change events for all form controls (Input, Select Autocomplete, Checkbox, RadioGroup, Switch) that returned pure value will now return $event (and require .native modifier), use input instead
  • Checkbox custom-value prop renamed to native-value
    • checked prop removed
  • Removed CheckboxGroup, just add the same v-model to multiple Checkboxes and set a native-value, see docs
  • Radio and Radio Button value prop renamed to native-value
    • Add v-model support
    • Radio Buttons have to be wrapped on a field
  • Removed RadioGroup, just add the same v-model to multiple Radios/RadioButtons and set a native-value see docs
  • Remove switch checked prop

New stuff

  • New component: Upload, see docs (thanks @jtommy)
  • Field position prop works for grouped fields
  • Add group-multiline prop to field
  • Add size prop to message
  • #191 Add detail option (collapse) to table row, see docs (thanks @wanxe)
  • #201 Add support to array on Field message prop (thanks @jtommy)
  • #207 Add centered prop to table column
  • Add native-value, true-value and false-value props to switch

Bug fixes

  • #206 Fix radio and checkbox within v-for

0.4.6

  • New component: Menu, see docs (thanks @tsctao)
  • New component: Panel, see docs (thanks @jtommy)
  • New component: Loading, see docs (thanks @jtommy)
  • Dropdown improved: can add any content on it, can be triggered by hover, see docs
  • Remove narrowed prop from dropdown
  • Update Bulma to v0.4.4
  • Add CDN install method and JSFiddle examples
  • Add boolean addons prop to field
  • Fix message and notification inside .media element
  • Fix pagination current page to not be clickable (thanks @jtommy)
  • #118 Add Nuxt.js installation on docs
  • #171 Fix modal not taking full width on mobile
  • #182 Fix table not default sorting async data (thanks @jtommy)
  • #184 Add input event on docs (input/autocomplete)
  • #190 Add Vue.js required version on docs
  • #197 Fix autocomplete expanded prop not working correctly

0.4.5

  • Update Bulma to v0.4.3
  • Page is now clipped when a modal/dialog is active (to avoid weird scroll behavior)
  • Update modal docs example to not use the component prop, works better for events and is more common — Old way is not deprecated
  • Remove programmatic component modal from docs since isn't a good practice and was causing too many issues
  • Fix autocomplete focus() method
  • #106 Fix prompt dialog vue-warning
  • #144 Add rows prop to input (textarea)
  • #145 Fix autocomplete not preventing form from submitting (thanks @jtommy)
  • #153 Add return for checkHtml5Validity() method
  • #155 Fix input/autocomplete change event (thanks @jtommy)
  • #157 Fix table redundant level element generating extra padding
  • #159 Fix modal with .modal-card responsiveness, added a has-modal-card prop
  • #165 Fix safari button alignment on dialog (thanks @jtommy)
  • #154 Add prop for when table data is empty (thanks @jtommy)
  • #170 Fix dialogs min-width mobile

0.4.4

  • #139 Fix notices durations and constructor options

0.4.3

  • Update switch animation (it was laggy) and causing weird behavior within <keep-alive> components, see updated animation
  • Add tons of props to Autocomplete, see here
  • Dropdown button as addon now needs a .control element wrapping
  • Add some useful methods on docs for Input, Select, Autocomplete and Table
  • Fix autocomplete list width
  • #38 Add animation prop for dialog and modal, for custom animation (transition name)
  • #115 Add row-class property to table to style row status, e.g.:
    <b-table :data="tableData" :row-class="row => row.amount < 10 && 'is-warning'">[...]</b-table>
  • #117 Fix table row loop missing key prop
  • #122 Fix async tab-items
  • #124 Toast, Dialog, Snackbar and Programmatic Modal exposed
  • #128 Add default notices duration constructor options (thanks @quimarche)
  • #130 Fix checkbox/switch not emitting change event when using keyboard (thanks @gongzza)
  • #132 Add dropdown active-change event to know when it's dropdown list is active/visible (thanks @bartboy011)
  • #134 Add true-value and false-value props to checkbox

0.4.2

  • Fix Buefy installation

0.4.1

  • Fix table sorting null values
  • Table null values always come last when sorting
  • Add icon support to select
  • Fix dropdown to not stay on top of trigger
  • Fix switch disable state
  • Add click events for dropdown option
  • Fix dropdown disable state
  • Fix table columns not being reactive
  • #90 Fix tabs with long elements (thanks @mirshko)
  • #91 Update Bulma to v0.4.2
  • #96 Add visible prop to table column
  • #102 Fix anchor tag / router-link on dropdown
  • #104 Fix numeric zero values on input's maxlength (thanks @iwan-wijaya)

0.4.0

I've broke some stuff...

  • Remove label, icon and icon-pack properties from DropdownOption thanks to the new syntax, see docs
  • Remove content property from TableColumn, use v-html on an element inside TableColumn instead
  • Field, Snackbar and Toast position property now needs the is- prefix (eg. is-top-left or is-centered) — Gotta fix these inconsistencies while it's still in beta
  • Remove on-off prop from Switch

Additions and fixes

  • New component: Autocomplete, see docs
  • Switch design overhaul, see new style
  • Fix Tabs dynamic height
  • Add one more Sass variable: $speed-slower: 250ms !default
  • Add size prop to Switch
  • Add .sync modifier to Pagination current prop
  • Add active property and changed animations of Notification and Message
  • Add Dropdown within nav example
  • All selections control (Checkbox, Radio, RadioButton and Switch) can now be focused and changed by keyboard
  • #69 Add loading state to Table
  • #71 Add background for checked rows on Table (thanks @mikejavier)
  • #72 Fix Table overflow
  • #74 Fix DropdownOption slots, can customize with HTML now
  • #76 Modal close event accepts parameters (thanks @gongzza)
  • #77 Add index to Table scoped slot (thanks @UrVerySpecial)
  • #78 Fix Table sorting zero values (thanks @gwvt)
  • #82 Fix Select with numeric zero value

0.3.2

  • New component: Tabs, see docs
  • Add content prop to TableColumn, use this instead of v-html or it might break on tables with mobile-cards (collapsed rows)
  • Alert Dialog accepts string as well
  • Dialog open with focus on confirm button (easier to just hit enter)
  • Modal can be used in template as well (non programmatic)
  • Table automatically scrolls if overflowed
  • #62 Add sort direction with Table mobile-cards
  • #67 Fix Table sort null values

0.3.1

  • Field grouped now also works on nested Fields
  • Add Modal props
  • Fix all animations
  • Fix row click error
  • Fix .sync modifier
  • #56 Fix selection controls initial state always false
  • #58 Fix Table checked-rows prop not updating on Chrome

0.3.0

Modal

Show any content you want in a modal programatically, like an image:

this.$modal.open(
    `<p class="image is-4by3">
        <img src="./static/placeholder-1280x960.png">
    </p>`
)

or a component:

import CustomComponent from './components/CustomComponent'

this.$modal.open({
    component: CustomComponent
})

Table

Breakable changes on it, now requires a scoped slot to wrap the columns, and a slot inside the column. You have now full control over the content of cells:

<b-table :data="data">
    <template scope="props">
        <b-table-column field="id" label="ID" sortable numeric>
            {{ props.row.id }}
        </b-table-column>

        <b-table-column field="user.first_name" label="First Name" sortable>
            {{ props.row.user.first_name }}
        </b-table-column>

        <b-table-column field="date" label="Date" sortable
            v-html="formatDate(props.row.date)">
        </b-table-column>

        <b-table-column field="gender" label="Gender">
            <b-icon
                pack="fa"
                :icon="props.row.gender === 'Male' ? 'mars' : 'venus'">
            </b-icon>
            {{ props.row.gender }}
        </b-table-column>
    </template>
</b-table>
  • Prop selectable renamed to selected and expects an Object, if you have Vuejs v2.3+ you can use the .sync modifier to make it two-way binding:
<b-table :data="data" :selected.sync="selectedRow">

is the same as:

<b-table :data="data" :selected="selectedRow" @select="row => selectedRow = row">
  • Table new prop checked-rows that expects an Array, if you have Vuejs v2.3+ you can use the .sync modifier to make it two-way binding
  • Table render-html prop removed thanks to the new syntax
  • Column component prop removed thanks to the new syntax
  • Column field prop now accepts nested object keys

Other

  • Breaking: Select b-option is now only option
  • Breaking: Dropdown b-option is now b-dropdown-option
  • Fix Dropdown background overlay index
  • #43 Fix Dialog cancel button focus state
  • #50 Add page-change event on Table
  • #52 Fix Select option
  • #53 Add type=button to notifications

0.2.2

  • Update Vue to 2.2.6
  • Update Bulma to 0.4.1
  • #35 Fix Dropdown TypeError
  • #29, #39 Fix SSR
  • #42 Fix Table default-sort prop
  • #40 Select now use native select, removed searchable property

0.2.1

  • Add loading property to Select
  • Fix Checkbox disabled style
  • Fix Input not being validated when v-model is updated
  • Fix Input loading overlapping other icons
  • Fix Input password-reveal icon being overlapped by Field type icon
  • #23 Fix Select with addons overflowing
  • #30 Fix Table backend-sorting resetting sorted column
  • #33 Fix Input and Select on-blur listener removing user-defined Field type and message

0.2.0

  • New component: Select
  • New component: Dropdown
  • Breaking: Rename Table property html to render-html
  • Fix Pagination buttons messing up at pages 3 and 4
  • Fix Dialog keeping keyup event
  • Fix prompt Dialog not validating before confirming
  • #6 Fix docs not working on IE. Thanks to AngelMunoz!
  • #9 Fix Table bordered sorted column
  • #10 Add Table backend-sorting property and sort event
  • #14 Add component property on Table. Thanks to korpa!

0.1.5

  • Fix #12
  • Refactored Notification and Message
  • Add animation when closing Notification and Message

0.1.4

  • Fix #5 — now serving compiled files
  • Fix #6 (partially) — docs now working on Edge
  • Add "UI Elements" on docs to specify that the user can use anything from Bulma
  • Redone the construtor options structure to work with the compiled build

0.1.2

  • Fix Switch two-way data binding not working correctly
  • Fix Radio animation not working properly
  • Fix #2 — select arrow misplaced
  • Fix Input's help message overlapping maxlength's counter
  • Fix Table column sorting — should start with ASC
  • Fix Table mobile sorting not working

0.1.1

  • Fix #1 — lib folder not published

0.1.0

  • New component: Input
  • New component: Field
  • Documentation done

0.0.3

  • New component: Message
  • New component: Tooltip
  • New component: Dialog
  • Add size option to Pagination
  • Notification slightly modified to keep original Bulma style
  • Toasts and Snackbars now queue between each other
  • Toast duration reduced to 2s

0.0.2

  • New component: Pagination
  • Component rework: Notify is now Snackbar
  • Table now uses the Pagination component
  • Toasts are now queued
  • Option to load components individually