Skip to content

Commit 7877bab

Browse files
tmorehousetmorehouse
authored
Merge pull request #4099 from bootstrap-vue/dev
chore: release v2.0.2
2 parents c64dd94 + d5460c7 commit 7877bab

File tree

22 files changed

+374
-109
lines changed

22 files changed

+374
-109
lines changed

‎CHANGELOG.md

Lines changed: 31 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,35 @@
44
> [standard-version](https://github.com/conventional-changelog/standard-version) for commit
55
> guidelines.
66
7+
<a name="2.0.2"></a>
8+
9+
## [v2.0.2](https://github.com/bootstrap-vue/bootstrap-vue/compare/v2.0.1...v2.0.2)
10+
11+
Released: 2019-09-20
12+
13+
This patch release includes a few minor bug fixes and documentation updates.
14+
15+
### Bug Fixes v2.0.2
16+
17+
- **b-popover, b-tooltip:** ensure prop `boundary-padding` is passed to popper instance (fixes
18+
[#4131](https://github.com/bootstrap-vue/bootstrap-vue/issues/4131))
19+
([#4133](https://github.com/bootstrap-vue/bootstrap-vue/issues/4133))
20+
([a54a647](https://github.com/bootstrap-vue/bootstrap-vue/commit/a54a647))
21+
- **b-collapse:** make `id` prop not required
22+
([#4109](https://github.com/bootstrap-vue/bootstrap-vue/issues/4109))
23+
([4f935ce](https://github.com/bootstrap-vue/bootstrap-vue/commit/4f935ce))
24+
- **tables:** add in missing Bootstrap variant class `bg-active` for dark tables
25+
([#4098](https://github.com/bootstrap-vue/bootstrap-vue/issues/4098))
26+
([d9900ab](https://github.com/bootstrap-vue/bootstrap-vue/commit/d9900ab))
27+
- **tables:** ensure row variant `active` (class `table-active`) takes precedence over other row
28+
variants (addresses [#3008](https://github.com/bootstrap-vue/bootstrap-vue/issues/3008))
29+
([#4127](https://github.com/bootstrap-vue/bootstrap-vue/issues/4127))
30+
([fdb8bb6](https://github.com/bootstrap-vue/bootstrap-vue/commit/fdb8bb6))
31+
- **tooltips, popovers:** hide trigger element `title` attribute during show delay (fixes
32+
[#4114](https://github.com/bootstrap-vue/bootstrap-vue/issues/4114))
33+
([#4120](https://github.com/bootstrap-vue/bootstrap-vue/issues/4120))
34+
([2dd8d5a](https://github.com/bootstrap-vue/bootstrap-vue/commit/2dd8d5a))
35+
736
<a name="2.0.1"></a>
837

938
## [v2.0.1](https://github.com/bootstrap-vue/bootstrap-vue/compare/v2.0.0...v2.0.1)
@@ -18,8 +47,8 @@ This patch release includes a few minor bug fixes and documentation updates.
1847
[#4052](https://github.com/bootstrap-vue/bootstrap-vue/issues/4052))
1948
([#4055](https://github.com/bootstrap-vue/bootstrap-vue/issues/4055))
2049
([9ccfe4c](https://github.com/bootstrap-vue/bootstrap-vue/commit/9ccfe4c))
21-
- **b-table:** handle filter as an object when using items provider, and prevent duplicate provider calls
22-
on mount (fixes [#4065](https://github.com/bootstrap-vue/bootstrap-vue/issues/4065))
50+
- **b-table:** handle filter as an object when using items provider, and prevent duplicate provider
51+
calls on mount (fixes [#4065](https://github.com/bootstrap-vue/bootstrap-vue/issues/4065))
2352
([#4068](https://github.com/bootstrap-vue/bootstrap-vue/issues/4068))
2453
([9ddd115](https://github.com/bootstrap-vue/bootstrap-vue/commit/9ddd115))
2554
- **b-table:** remove extra slashes in mixins imports

‎docs/markdown/misc/third-party/README.md

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
# Third party libraries
2+
3+
> There are several 3rd party modules that you can use to add additional functionality and features
4+
> to your BootstrapVue project.
5+
6+
Notes:
7+
8+
- The components and libraries listed here are not directly endorsed by BootstrapVue, and are listed
9+
here only for convenience, and is by no means a complete list.
10+
- These libraries may have additional dependencies.
11+
12+
## Components
13+
14+
Note: Many of the 3rd party components listed are lacking accessibility features and may not be
15+
fully WAI-ARIA compliant, nor accessible to keyboard-only and/or screen-reader users.
16+
17+
### Type Ahead
18+
19+
- [Vue Bootstrap TypeAhead](https://github.com/alexurquhart/vue-bootstrap-typeahead) _Note: This
20+
component is keyboard accessible, but is not fully WAI-ARIA compliant_
21+
22+
### Date and Time Pickers
23+
24+
- [Vue AirBnB Style Datepicker](https://mikaeledebro.gitbooks.io/vue-airbnb-style-datepicker/)
25+
- [Vue Datepicker](https://livelybone.github.io/vue/vue-datepicker/) _Note: Not WAI-ARIA compliant_
26+
- [Vue date pick](https://dbrekalo.github.io/vue-date-pick/) _Note: Not WAI-ARIA compliant_
27+
- [Vue2 date range picker](https://innologica.github.io/vue2-daterange-picker/) _Note: Not WAI-ARIA
28+
compliant_
29+
30+
### Commenting and discussion
31+
32+
- [Vue Disqus](https://github.com/ktquez/vue-disqus)
33+
34+
### Icons
35+
36+
- [Vue Font Awesome](https://fontawesome.com/how-to-use/on-the-web/using-with/vuejs)
37+
- [Vue Icon](https://github.com/qinshenxue/vue-icon)
38+
- [Vue Ionicons](https://mazipan.github.io/vue-ionicons/)
39+
- [Vue Unicons](https://antonreshetov.github.io/vue-unicons/)
40+
41+
### Charting
42+
43+
- [Vue Chart.js](https://vue-chartjs.org/)
44+
- [Vue Highcharts](https://github.com/weizhenye/vue-highcharts)
45+
- [Vue Graph](https://github.com/juijs/vue-graph)
46+
47+
## Form validation
48+
49+
- [VeeValidate](https://logaretm.github.io/vee-validate/)
50+
- [Vuelidate](https://github.com/vuelidate/vuelidate/)
51+
52+
## Site generation
53+
54+
- [NuxtJS](https://nuxtjs.org) - Static + SPA+ PWA + SSR
55+
- [Gridsome](https://gridsome.org) - Static + SPA + PWA

‎docs/markdown/misc/third-party/meta.json

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
{
2+
"title": "Third party libraries",
3+
"slug": "third-party",
4+
"description": "There are several 3rd party libraries that you can use to add additional functionality and features to your BootstrapVue project."
5+
}

‎docs/markdown/reference/color-variants/README.md

Lines changed: 20 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -16,18 +16,18 @@
1616
- `dark` - <span class="text-dark">Dark</span>
1717

1818
The base variants will translate to various Bootstrap v4 contextual class names based on the
19-
component (and variant purpose) where they are used.
19+
component (and variant purpose) where they are used. See the sections below for details.
2020

2121
## Background and border variants
2222

2323
All the **base variants** plus:
2424

2525
- `transparent`
2626

27-
These translate to class names `bg-<variant>` for backgrounds and `border-<variant>` for borders.
27+
These translate to class names `bg-{variant}` for backgrounds and `border-{variant}` for borders.
2828

29-
These variants are used by components (such as `<b-card>`, `<b-jumbotron>` and `<b-modal>`) that
30-
provide `bg-variant`, `*-bg-variant`, `border-variant` and `*-border-variant` props
29+
These variants are used by components (such as `<b-card>`, `<b-jumbotron>`, `<b-modal>`, etc.) that
30+
provide `bg-variant`, `*-bg-variant`, `border-variant` and `*-border-variant` props.
3131

3232
## Text variants
3333

@@ -37,10 +37,10 @@ All the **base variants** plus:
3737
- `white`
3838
- `black`
3939

40-
These translate to class names `text-<variant>`
40+
These translate to class names `text-{variant}`
4141

42-
These variants are used by components (such as `<b-card>`, `<b-jumbotron>` and `<b-modal>`) that
43-
provide `text-variant` and `*-text-variant` props
42+
These variants are used by components (such as `<b-card>`, `<b-jumbotron>`, `<b-modal>`, etc.) that
43+
provide `text-variant` and `*-text-variant` props.
4444

4545
## Component specific variants
4646

@@ -51,22 +51,22 @@ Some Bootstrap v4 components require additional CSS styling, or additional pseud
5151

5252
All the **base variants**
5353

54-
These translate to class names `alert-<variant>`.
54+
These translate to class names `alert-{variant}`.
5555

5656
### Badge variants
5757

5858
All the **base variants**
5959

60-
These translate to class names `badge-<variant>`.
60+
These translate to class names `badge-{variant}`.
6161

6262
### Button variants
6363

6464
All the **base variants** plus:
6565

66-
- `outline-<base variant>`
67-
- `link` which renders the button with the look of a link but retains button padding and margins.
66+
- `outline-{base variant}` which generates an outline button version of the base variant
67+
- `link` which renders the button with the look of a link but retains button padding and margins
6868

69-
These translate to class names `btn-<variant>` and `btn-outline-<variant>`.
69+
These translate to class names `btn-{variant}` and `btn-outline-{variant}`.
7070

7171
Note the `link` variant does not have an outline version.
7272

@@ -76,27 +76,30 @@ All the **base variants** plus:
7676

7777
- `active`
7878

79-
These variants translate to class names `table-<variant>`.
79+
These variants translate to class names `table-{variant}`.
8080

81-
When the table has the `dark` prop set, the variants translate to the `bg-<variant>` classes.
81+
When the table has the `dark` prop set, the variants translate to the `bg-{variant}` classes.
82+
83+
Note that the `active` variant is only applicable to `<tr>` elements within the `<tbody>`, and can
84+
not be applied to individual table cells or used as the `table-variant`.
8285

8386
### Popover variants
8487

8588
All the **base variants**
8689

87-
These translate to BootstrapVue custom class names `b-popover-<variant>`.
90+
These translate to BootstrapVue custom class names `b-popover-{variant}`.
8891

8992
### Tooltip variants
9093

9194
All the **base variants**
9295

93-
These translate to BootstrapVue custom class names `b-tooltip-<variant>`.
96+
These translate to BootstrapVue custom class names `b-tooltip-{variant}`.
9497

9598
### Toast variants
9699

97100
All the **base variants**
98101

99-
These translate to BootstrapVue custom class names `b-toast-<variant>`.
102+
These translate to BootstrapVue custom class names `b-toast-{variant}`.
100103

101104
## Using variant classes
102105

‎package.json

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "bootstrap-vue",
3-
"version": "2.0.1",
3+
"version": "2.0.2",
44
"description": "BootstrapVue, with over 40 plugins and more than 80 custom components, provides one of the most comprehensive implementations of Bootstrap v4 components and grid system for Vue.js. With extensive and automated WAI-ARIA accessibility markup.",
55
"main": "dist/bootstrap-vue.common.js",
66
"web": "dist/bootstrap-vue.js",
@@ -93,20 +93,20 @@
9393
"babel-jest": "^24.9.0",
9494
"babel-plugin-istanbul": "^5.2.0",
9595
"clean-css-cli": "^4.3.0",
96-
"codecov": "^3.5.0",
97-
"codemirror": "^5.48.4",
96+
"codecov": "^3.6.1",
97+
"codemirror": "^5.49.0",
9898
"codesandbox": "^2.1.10",
9999
"core-js": ">=2.6.5 <3.0.0",
100-
"cross-env": "^5.2.1",
101-
"eslint": "^6.3.0",
100+
"cross-env": "^6.0.0",
101+
"eslint": "^6.4.0",
102102
"eslint-config-prettier": "^6.3.0",
103103
"eslint-config-standard": "^14.1.0",
104104
"eslint-config-vue": "^2.0.2",
105105
"eslint-plugin-import": "^2.18.2",
106106
"eslint-plugin-jest": "^22.17.0",
107107
"eslint-plugin-markdown": "^1.0.0",
108108
"eslint-plugin-node": "^10.0.0",
109-
"eslint-plugin-prettier": "^3.1.0",
109+
"eslint-plugin-prettier": "^3.1.1",
110110
"eslint-plugin-promise": "^4.2.1",
111111
"eslint-plugin-standard": "^4.0.1",
112112
"eslint-plugin-vue": "^5.2.3",
@@ -123,7 +123,7 @@
123123
"nuxt": "^2.9.2",
124124
"postcss-cli": "^6.1.3",
125125
"prettier": "1.14.3",
126-
"rollup": "^1.21.2",
126+
"rollup": "^1.21.4",
127127
"rollup-plugin-babel": "^4.3.3",
128128
"rollup-plugin-commonjs": "^10.1.0",
129129
"rollup-plugin-node-resolve": "^5.2.0",

‎src/_variables.scss

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -88,6 +88,10 @@ $bv-enable-table-stacked: true !default;
8888
$b-table-stacked-heading-width: 40% !default;
8989
$b-table-stacked-gap: 1rem !default;
9090

91+
// Bootstrap v4.3 is missing the "active" variant for dark tables
92+
// Which translates to `bg-active`, but only for tables
93+
$table-dark-active-bg: $table-dark-hover-bg !default;
94+
9195
// --- Toasts ---
9296

9397
// Toaster defaults

‎src/components/collapse/README.md

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,8 @@ the `visible` prop.
6363

6464
Note, when using `v-model` to control `<b-collapse>`, the `aria-*` attributes and class `collapsed`
6565
are not automatically placed on the trigger button (as is the case when using the `v-b-toggle`
66-
directive). In this example we must control them ourselves.
66+
directive). In this example we **must control the attributes ourselves** for proper accessibility
67+
support.
6768

6869
```html
6970
<template>
@@ -120,7 +121,8 @@ multiple target IDs using modifiers:
120121
## Accordion support
121122

122123
Turn a group of `<b-collapse>` components into an accordion by supplying an accordion group
123-
identifier via the `accordion` prop:
124+
identifier via the `accordion` prop. Note that only one collapse in an accordion group can be open
125+
at a time.
124126

125127
```html
126128
<template>
@@ -192,7 +194,7 @@ identifier via the `accordion` prop:
192194
- If using the `v-model` feature of `<b-collapse>` in accordion mode, do not bind the `v-model` or
193195
`visible` prop of all the collapses in the accordion group to the same variable!
194196
- Ensure, at most, only one `<b-collapse>` in the accordion group has the `visible` prop and/or
195-
`v-model` set to `true`.
197+
`v-model` set to `true`. Only one collapse in an accordion group can be open at a time.
196198

197199
## Hiding and showing content in the toggle button based on collapse state
198200

‎src/components/collapse/collapse.js

Lines changed: 9 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import Vue from '../../utils/vue'
2+
import idMixin from '../../mixins/id'
23
import listenOnRootMixin from '../../mixins/listen-on-root'
34
import normalizeSlotMixin from '../../mixins/normalize-slot'
45
import { isBrowser } from '../../utils/env'
@@ -32,16 +33,12 @@ const EventOptions = { passive: true, capture: false }
3233
// @vue/component
3334
export const BCollapse = /*#__PURE__*/ Vue.extend({
3435
name: 'BCollapse',
35-
mixins: [listenOnRootMixin, normalizeSlotMixin],
36+
mixins: [idMixin, listenOnRootMixin, normalizeSlotMixin],
3637
model: {
3738
prop: 'visible',
3839
event: 'input'
3940
},
4041
props: {
41-
id: {
42-
type: String,
43-
required: true
44-
},
4542
isNav: {
4643
type: Boolean,
4744
default: false
@@ -105,7 +102,7 @@ export const BCollapse = /*#__PURE__*/ Vue.extend({
105102
})
106103
// Listen for "Sync state" requests from `v-b-toggle`
107104
this.listenOnRoot(EVENT_STATE_REQUEST, id => {
108-
if (id === this.id) {
105+
if (id === this.safeId()) {
109106
this.$nextTick(this.emitSync)
110107
}
111108
})
@@ -174,17 +171,17 @@ export const BCollapse = /*#__PURE__*/ Vue.extend({
174171
emitState() {
175172
this.$emit('input', this.show)
176173
// Let v-b-toggle know the state of this collapse
177-
this.$root.$emit(EVENT_STATE, this.id, this.show)
174+
this.$root.$emit(EVENT_STATE, this.safeId(), this.show)
178175
if (this.accordion && this.show) {
179176
// Tell the other collapses in this accordion to close
180-
this.$root.$emit(EVENT_ACCORDION, this.id, this.accordion)
177+
this.$root.$emit(EVENT_ACCORDION, this.safeId(), this.accordion)
181178
}
182179
},
183180
emitSync() {
184181
// Emit a private event every time this component updates to ensure
185182
// the toggle button is in sync with the collapse's state
186183
// It is emitted regardless if the visible state changes
187-
this.$root.$emit(EVENT_STATE_SYNC, this.id, this.show)
184+
this.$root.$emit(EVENT_STATE_SYNC, this.safeId(), this.show)
188185
},
189186
checkDisplayBlock() {
190187
// Check to see if the collapse has `display: block !important;` set.
@@ -211,7 +208,7 @@ export const BCollapse = /*#__PURE__*/ Vue.extend({
211208
}
212209
},
213210
handleToggleEvt(target) {
214-
if (target !== this.id) {
211+
if (target !== this.safeId()) {
215212
return
216213
}
217214
this.toggle()
@@ -220,7 +217,7 @@ export const BCollapse = /*#__PURE__*/ Vue.extend({
220217
if (!this.accordion || accordion !== this.accordion) {
221218
return
222219
}
223-
if (openedId === this.id) {
220+
if (openedId === this.safeId()) {
224221
// Open this collapse if not shown
225222
if (!this.show) {
226223
this.toggle()
@@ -243,7 +240,7 @@ export const BCollapse = /*#__PURE__*/ Vue.extend({
243240
{
244241
class: this.classObject,
245242
directives: [{ name: 'show', value: this.show }],
246-
attrs: { id: this.id || null },
243+
attrs: { id: this.safeId() },
247244
on: { click: this.clickHandler }
248245
},
249246
[this.normalizeSlot('default')]

0 commit comments

Comments
 (0)