Releases: buefy/buefy
Releases · buefy/buefy
v0.3.2
- New component: Tabs, see docs
- Add
content
prop to Table Column. Use this instead ofv-html
or it might break on tables withmobile-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
v0.3.1
v0.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 toselected
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
v0.2.2
v0.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 Fieldtype
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
andmessage
v0.2.0
- New component: Select
- New component: Dropdown
- BREAKING: Rename Table property
html
torender-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 andsort
event, see more here - #14 Add
component
property on Table. Thanks to korpa!
v0.1.4
v0.1.2
- Fixed Switch two-way data binding not working correctly
- Fixed Radio animation not working properly
- Fixed #2 — select arrow misplaced
- Fixed Input's help message overlapping maxlength's counter
- Fixed Table column sorting — should start with ASC
- Fixed Table mobile sorting not working
v0.1.0 — Initial release
Components
- Checkbox
- Dialog
- Icon
- Input
- Message
- Notification
- Pagination
- Radio
- Radio Button
- Snackbar
- Switch
- Table
- Toast
- Tooltip