@modulbank/ui - npm Package Versions

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