buefy 0.9.9 → 0.9.13

package/src/components/numberinput/Numberinput.vue

@@ -160,7 +160,7 @@ export default {
                 return this.newValue
             },
             set(value) {
-                let newValue = value
+                let newValue = Number(value) || null
                 if (value === '' || value === undefined || value === null) {
                     if (this.minNumber !== undefined) {
                         newValue = this.minNumber
@@ -175,7 +175,9 @@ export default {
                     this.$emit('input', Number(newValue))
                 }
                 this.$nextTick(() => {
-                    this.$refs.input.checkHtml5Validity()
+                    if (this.$refs.input) {
+                        this.$refs.input.checkHtml5Validity()
+                    }
                 })
             }
         },

package/src/components/progress/Progress.vue

@@ -1,10 +1,10 @@
 <template>
-    <div class="progress-wrapper" :class="wrapperClasses">
+    <div class="progress-wrapper" :class="[wrapperClasses, { 'is-squared': !rounded }]">
         <progress
             v-if="isNative"
             ref="progress"
             class="progress"
-            :class="newType"
+            :class="[newType, { 'is-squared': !rounded }]"
             :max="max"
             :value="value">{{ newValue }}</progress>
         <slot v-else name="bar" />
@@ -27,6 +27,10 @@ export default {
             default: 'is-darkgrey'
         },
         size: String,
+        rounded: {
+            type: Boolean,
+            default: true
+        },
         value: {
             type: Number,
             default: undefined

package/src/components/snackbar/Snackbar.vue

@@ -6,6 +6,8 @@
             v-show="isActive"
             class="snackbar"
             :class="[type,position]"
+            @mouseenter="pause"
+            @mouseleave="removePause"
             :role="actionText ? 'alertdialog' : 'alert'">
             <template v-if="$slots.default">
                 <slot />

package/src/components/tag/Tag.vue

@@ -3,7 +3,13 @@
         <span
             class="tag"
             :class="[type, size, { 'is-rounded': rounded }]">
-            <span :class="{ 'has-ellipsis': ellipsis }">
+            <b-icon
+                v-if="icon"
+                :icon="icon"
+                :size="size"
+                :type="iconType"
+                :pack="iconPack" />
+            <span :class="{ 'has-ellipsis': ellipsis }" @click="click">
                 <slot/>
             </span>
         </span>
@@ -33,7 +39,13 @@
         v-else
         class="tag"
         :class="[type, size, { 'is-rounded': rounded }]">
-        <span :class="{ 'has-ellipsis': ellipsis }">
+        <b-icon
+            v-if="icon"
+            :icon="icon"
+            :size="size"
+            :type="iconType"
+            :pack="iconPack" />
+        <span :class="{ 'has-ellipsis': ellipsis }" @click="click">
             <slot/>
         </span>
 
@@ -67,6 +79,9 @@ export default {
             default: true
         },
         ariaCloseLabel: String,
+        icon: String,
+        iconType: String,
+        iconPack: String,
         closeType: String,
         closeIcon: String,
         closeIconPack: String,
@@ -81,6 +96,14 @@ export default {
             if (this.disabled) return
 
             this.$emit('close', event)
+        },
+        /**
+        * Emit click event when tag is clicked.
+        */
+        click(event) {
+            if (this.disabled) return
+
+            this.$emit('click', event)
         }
     }
 }

package/src/components/tag/__snapshots__/Tag.spec.js.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`BTag render correctly 1`] = `
-<span class="tag"><span class=""></span>
+<span class="tag"><!----> <span class=""></span>
 <!----></span>
 `;

package/src/components/taginput/Taginput.spec.js

@@ -1,4 +1,4 @@
-import { shallowMount } from '@vue/test-utils'
+import { shallowMount, mount } from '@vue/test-utils'
 import BTaginput from '@components/taginput/Taginput'
 import BTag from '@components/tag/Tag'
 
@@ -33,4 +33,60 @@ describe('BTaginput', () => {
         const Tag = wrapper.find(BTag)
         expect(Tag.attributes('closetype')).toBe(closeType)
     })
+
+    it('should listen Autocomplete events', async () => {
+        let firedHeader = false
+        let firedFooter = false
+        const wrapper = mount(BTaginput, {
+            propsData: {
+                autocomplete: true,
+                iconRight: 'close-circle',
+                iconRightClickable: true,
+                selectableHeader: true,
+                selectableFooter: true,
+                data: ['Frank', 'Eddy', 'Howard']
+            },
+            slots: {
+                header: '<h1>SLOT HEADER</h1>',
+                footer: '<h1>SLOT FOOTER</h1>'
+            },
+            listeners: {
+                'icon-right-click': () => {
+                    wrapper.vm.tags = []
+                },
+                'select-header': () => {
+                    firedHeader = true
+                },
+                'select-footer': () => {
+                    firedFooter = true
+                }
+            }
+        })
+
+        const $input = wrapper.find('.taginput.control input')
+        const $iconRight = wrapper.find('.icon.is-right')
+        const $dropdownItemHeader = wrapper.find('.dropdown-item.dropdown-header')
+        const $dropdownItemFooter = wrapper.find('.dropdown-item.dropdown-footer')
+
+        $input.trigger('focus')
+        $input.setValue('Frank')
+        await wrapper.vm.$nextTick()
+
+        $input.trigger('keydown', {'key': 'Down'})
+        $input.trigger('keydown', {'key': 'Down'})
+        $input.trigger('keydown', {'key': 'Enter'})
+        await wrapper.vm.$nextTick()
+
+        expect(wrapper.vm.tags).toHaveLength(1)
+
+        $iconRight.trigger('click')
+        await wrapper.vm.$nextTick()
+
+        $dropdownItemHeader.trigger('click')
+        $dropdownItemFooter.trigger('click')
+
+        expect(wrapper.vm.tags).toHaveLength(0)
+        expect(firedHeader).toBeTruthy()
+        expect(firedFooter).toBeTruthy()
+    })
 })