Skip to content

Commit 7b16a72

Browse files
tmorehousetmorehouse
authored
chore: release v2.0.4
chore: release v2.0.4
2 parents 2fd03f0 + 41788e0 commit 7b16a72

File tree

18 files changed

+492
-244
lines changed

18 files changed

+492
-244
lines changed

‎CHANGELOG.md

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,39 @@
44
> [standard-version](https://github.com/conventional-changelog/standard-version) for commit
55
> guidelines.
66
7+
<a name="2.0.4"></a>
8+
9+
## [v2.0.4](https://github.com/bootstrap-vue/bootstrap-vue/compare/v2.0.3...v2.0.4)
10+
11+
Released: 2019-10-11
12+
13+
### Bug Fixes v2.0.4
14+
15+
- **b-carousel:** disable the next/prev controls when the carousel is sliding (closes
16+
[#4210](https://github.com/bootstrap-vue/bootstrap-vue/issues/4210))
17+
([#4212](https://github.com/bootstrap-vue/bootstrap-vue/issues/4212))
18+
([64d556d](https://github.com/bootstrap-vue/bootstrap-vue/commit/64d556d))
19+
- **b-dropdown-form:** fix SCSS styling when placed in a nav dropdown (fixes
20+
[#4220](https://github.com/bootstrap-vue/bootstrap-vue/issues/4220))
21+
([#4223](https://github.com/bootstrap-vue/bootstrap-vue/issues/4223))
22+
([b852bba](https://github.com/bootstrap-vue/bootstrap-vue/commit/b852bba))
23+
- **types:** correct the declared export name for `BCardSubTitle` component
24+
([#4229](https://github.com/bootstrap-vue/bootstrap-vue/issues/4229))
25+
([9f216df](https://github.com/bootstrap-vue/bootstrap-vue/commit/9f216df))
26+
27+
### Performance v2.0.4
28+
29+
- **b-table, b-table-lite:** improve render performance for large tables (closes
30+
[#4211](https://github.com/bootstrap-vue/bootstrap-vue/issues/4211),
31+
[#4155](https://github.com/bootstrap-vue/bootstrap-vue/issues/4155))
32+
([#4213](https://github.com/bootstrap-vue/bootstrap-vue/issues/4213))
33+
([f3f42f2](https://github.com/bootstrap-vue/bootstrap-vue/commit/f3f42f2))
34+
35+
### Other v2.0.4
36+
37+
- add `"sass"` entry in `package.json`
38+
- minor docs fixes and updates
39+
740
<a name="2.0.3"></a>
841

942
## [v2.0.3](https://github.com/bootstrap-vue/bootstrap-vue/compare/v2.0.2...v2.0.3)

‎docs/components/quick-links.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@
3636
<style scoped lang="scss">
3737
#bd-quick-links-collapse {
3838
list-style-type: square;
39-
border-left: 5px solid #ccc;
39+
border-left: 0.25em solid #eee;
4040
padding-left: 2.5rem;
4141
margin-top: 1rem;
4242

‎docs/markdown/intro/README.md

Lines changed: 33 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -104,10 +104,10 @@ browsers and devices while providing slightly more opinionated resets to common
104104

105105
## Using module bundlers
106106

107-
If you are using module bundlers like [webpack](https://webpack.js.org/),
108-
[rollup.js](https://rollupjs.org/), etc, you may prefer to directly include the package into your
109-
project. To get started, use `yarn` or `npm` to get the latest version of Vue.js, BootstrapVue and
110-
Bootstrap v4:
107+
If you are using module bundlers like [Webpack](https://webpack.js.org/),
108+
[Parcel](https://parceljs.org/) or [rollup.js](https://rollupjs.org/), you may prefer to directly
109+
include the package into your project. To get started, use `yarn` or `npm` to get the latest version
110+
of Vue.js, BootstrapVue and Bootstrap v4:
111111

112112
```bash
113113
# With npm
@@ -117,7 +117,7 @@ npm install vue bootstrap-vue bootstrap
117117
yarn add vue bootstrap-vue bootstrap
118118
```
119119

120-
Then, register BootstrapVue plugin in your app entry point:
120+
Then, register BootstrapVue in your app entry point:
121121

122122
```js
123123
// app.js
@@ -143,9 +143,11 @@ Or import Bootstrap and BootstrapVue `scss` files via a single custom SCSS file:
143143
@import 'node_modules/bootstrap-vue/src/index.scss';
144144
```
145145

146+
Finally import the `custom.scss` file in your app entry point:
147+
146148
```js
147149
// app.js
148-
import 'custom.scss'
150+
import './custom.scss'
149151
```
150152

151153
Be sure to `@import` or define your custom variable values _before_ including Bootstrap SCSS
@@ -156,8 +158,31 @@ Place all of the SCSS `@import`s into a **single SCSS file**, and import that si
156158
project. Importing individual SCSS files into your project will **not** share variable values and
157159
functions between files by default.
158160

159-
**Note**: Requires webpack configuration to load CSS/SCSS files
160-
([official guide](https://webpack.js.org/guides/asset-management/#loading-css)).
161+
Webpack and Parcel support prepending the `scss` modules with tilde paths (`~`) when importing from
162+
a `scss` file:
163+
164+
```scss
165+
// Webpack example
166+
@import '~bootstrap';
167+
@import '~bootstrap-vue';
168+
```
169+
170+
```scss
171+
// Parcel example
172+
@import '~bootstrap/scss/bootstrap';
173+
@import '~bootstrap-vue/src/index.scss';
174+
```
175+
176+
For more details how to configure asset loading and how modules are resolved, please consult the
177+
module bundlers documentation.
178+
179+
**Notes**:
180+
181+
- Webpack configuration to load CSS files
182+
([official guide](https://webpack.js.org/guides/asset-management/#loading-css)).
183+
- Webpack Loader for SASS/SCSS files ([official guide](https://webpack.js.org/loaders/sass-loader/))
184+
- Parcel CSS ([official guide](https://parceljs.org/css.html))
185+
- Parcel SCSS ([official guide](https://parceljs.org/scss.html))
161186

162187
For information on theming Bootstrap, check out the [Theming](/docs/reference/theming) reference
163188
section.

‎docs/markdown/reference/theming/README.md

Lines changed: 28 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -11,11 +11,11 @@ colors, etc) adjust the custom BootstrapVue css generation.
1111

1212
## SASS variable defaults
1313

14-
Every Sass variable in Bootstrap v4 includes the `!default` flag allowing you to override the
15-
variable’s default value in your own Sass without modifying Bootstrap and BootstrapVue's source SCSS
16-
code. Copy and paste variables as needed, modify their values, and remove the `!default` flag. If a
17-
variable has already been assigned, then it won’t be re-assigned by the default values in Bootstrap
18-
and BootstrapVue.
14+
Every Sass variable in Bootstrap v4 and BootstrapVue includes the `!default` flag allowing you to
15+
override the variable’s default value in your own Sass without modifying Bootstrap and
16+
BootstrapVue's source SCSS code. Copy and paste variables as needed, modify their values, and remove
17+
the `!default` flag. If a variable has already been assigned, then it won’t be re-assigned by the
18+
default values in Bootstrap and BootstrapVue.
1919

2020
You will find the complete list of Bootstrap’s variables in `bootstrap/scss/_variables.scss`. Some
2121
variables are set to `null`, these variables don’t output the property unless they are overridden in
@@ -82,6 +82,8 @@ docs for more details. All theme colors automatically become available as
8282
Customize Bootstrap 4 with the built-in custom variables file and easily toggle global CSS
8383
preferences with Bootstrap's `$enable-*` Sass variables.
8484

85+
### Bootstrap SASS variables
86+
8587
Some commonly used Bootstrap v4 variables are:
8688

8789
| Variable | Type | Default | Description |
@@ -96,6 +98,8 @@ Some commonly used Bootstrap v4 variables are:
9698
Refer to [Bootstrap's theming](https://getbootstrap.com/docs/4.3/getting-started/theming/) docs for
9799
additional Bootstrap v4 variable information.
98100

101+
### BootstrapVue SASS variables
102+
99103
BootstrapVue also defines several Sass variables for controlling BootstrapVue's custom CSS
100104
generation. If you are not using these features in your project, you can disable the feature's CSS
101105
generation to reduce the size of BootstrapVue's custom CSS bundle:
@@ -114,14 +118,16 @@ Note that BootstrapVue's custom SCSS relies on Bootstrap's SASS variables, funct
114118
## Generating custom themes
115119

116120
To use your own theme and colors in BootstrapVue, you will need to create a `custom.scss` file in
117-
your project, which you can include in your main app:
121+
your project, which you can include in your main app `app.vue` file:
118122

119123
**Via template:**
120124

121125
```html
122126
<style lang="scss">
123-
// Import custom SASS variable overrides
124-
@import 'assets/custom.scss';
127+
// Import custom SASS variable overrides, or alternatively
128+
// define your variable overrides here instead
129+
@import 'assets/custom-vars.scss';
130+
125131
// Import Bootstrap and BootstrapVue source SCSS files
126132
@import '~bootstrap/scss/bootstrap.scss';
127133
@import '~bootstrap-vue/src/index.scss';
@@ -130,17 +136,22 @@ your project, which you can include in your main app:
130136
body {
131137
margin: 0;
132138
}
139+
140+
.my-widget {
141+
color: var(--danger);
142+
}
133143
// ...
134144
</style>
135145
```
136146
137-
The `custom.scss` file, which needs to be loaded before Bootstrap's SCSS and BootstrapVue's SCSS,
147+
The `custom-vars.scss` file, which needs to be loaded before Bootstrap's SCSS and BootstrapVue's SCSS,
138148
will include your Bootstrap v4 variable overrides (i.e. colors, shadows, font sizes, breakpoints,
139149
etc).
140150
141151
**Via app main entry point:**
142152
143-
Create an SCSS file with your custom theme variables:
153+
Create an SCSS file with your custom theme variables which also impoerts Bootstrap and BootstrapVue's
154+
SCSS:
144155
145156
```scss
146157
// File: custom.scss
@@ -165,10 +176,14 @@ $bv-enable-table-stacked: false;
165176
body {
166177
margin: 0;
167178
}
179+
180+
.my-widget {
181+
color: var(--danger);
182+
}
168183
// ...
169184
```
170185
171-
Then import that single SCSS file into your app code entry point:
186+
Then import that single SCSS file into your main app code entry point:
172187
173188
```js
174189
// app.js
@@ -199,7 +214,8 @@ general prototyping.
199214
200215
### Available Bootstrap CSS variables
201216
202-
Here are the variables that are generated. The values shown are based on the Bootstrap v4 defaults:
217+
Here are the CSS variables that are generated. The values shown are based on the Bootstrap v4
218+
_defaults_:
203219
204220
```scss
205221
:root {

‎package.json

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,13 @@
11
{
22
"name": "bootstrap-vue",
3-
"version": "2.0.3",
3+
"version": "2.0.4",
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",
77
"module": "esm/index.js",
88
"jsnext:main": "esm/index.js",
99
"source": "src/index.js",
10+
"sass": "src/index.scss",
1011
"style": "dist/bootstrap-vue.css",
1112
"license": "MIT",
1213
"types": "src/index.d.ts",
@@ -78,12 +79,12 @@
7879
"vue-functional-data-merge": "^3.1.0"
7980
},
8081
"devDependencies": {
81-
"@babel/cli": "^7.6.2",
82-
"@babel/core": "^7.6.2",
82+
"@babel/cli": "^7.6.4",
83+
"@babel/core": "^7.6.4",
8384
"@babel/plugin-transform-modules-commonjs": "^7.6.0",
8485
"@babel/plugin-transform-runtime": "^7.6.2",
85-
"@babel/preset-env": "^7.6.2",
86-
"@babel/standalone": "^7.6.2",
86+
"@babel/preset-env": "^7.6.3",
87+
"@babel/standalone": "^7.6.4",
8788
"@nuxtjs/google-analytics": "^2.2.0",
8889
"@nuxtjs/pwa": "^3.0.0-beta.19",
8990
"@vue/test-utils": "^1.0.0-beta.29",
@@ -120,7 +121,7 @@
120121
"lodash": "^4.17.15",
121122
"marked": "^0.7.0",
122123
"node-sass": "^4.12.0",
123-
"nuxt": "^2.10.0",
124+
"nuxt": "^2.10.1",
124125
"postcss-cli": "^6.1.3",
125126
"prettier": "1.14.3",
126127
"require-context": "^1.1.0",
@@ -130,7 +131,7 @@
130131
"rollup-plugin-node-resolve": "^5.2.0",
131132
"sass-loader": "^8.0.0",
132133
"standard-version": "^7.0.0",
133-
"terser": "^4.3.7",
134+
"terser": "^4.3.8",
134135
"vue": "^2.6.10",
135136
"vue-jest": "^3.0.5",
136137
"vue-router": "^3.1.3",

‎src/components/card/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -248,7 +248,7 @@ card.
248248
img-top
249249
>
250250
<template v-slot:header>
251-
<h4 class="mb-0">>Hello World</h4>
251+
<h4 class="mb-0">Hello World</h4>
252252
</template>
253253

254254
<b-card-body>

‎src/components/card/index.d.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -22,8 +22,8 @@ export declare class BCardBody extends BvComponent {}
2222
// Component: b-card-title
2323
export declare class BCardTitle extends BvComponent {}
2424

25-
// Component: b-card-subtitle
26-
export declare class BCardSubtitle extends BvComponent {}
25+
// Component: b-card-sub-title
26+
export declare class BCardSubTitle extends BvComponent {}
2727

2828
// Component: b-card-img
2929
export declare class BCardImg extends BvComponent {}

‎src/components/carousel/carousel.js

Lines changed: 32 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -498,19 +498,36 @@ export const BCarousel = /*#__PURE__*/ Vue.extend({
498498
// Prev and next controls
499499
let controls = h()
500500
if (this.controls) {
501+
const prevHandler = evt => {
502+
/* istanbul ignore next */
503+
if (!this.isSliding) {
504+
this.handleClick(evt, this.prev)
505+
} else {
506+
evt.preventDefault()
507+
}
508+
}
509+
const nextHandler = evt => {
510+
/* istanbul ignore next */
511+
if (!this.isSliding) {
512+
this.handleClick(evt, this.next)
513+
} else {
514+
evt.preventDefault()
515+
}
516+
}
501517
controls = [
502518
h(
503519
'a',
504520
{
505521
class: ['carousel-control-prev'],
506-
attrs: { href: '#', role: 'button', 'aria-controls': this.safeId('__BV_inner_') },
522+
attrs: {
523+
href: '#',
524+
role: 'button',
525+
'aria-controls': this.safeId('__BV_inner_'),
526+
'aria-disabled': this.isSliding ? 'true' : null
527+
},
507528
on: {
508-
click: evt => {
509-
this.handleClick(evt, this.prev)
510-
},
511-
keydown: evt => {
512-
this.handleClick(evt, this.prev)
513-
}
529+
click: prevHandler,
530+
keydown: prevHandler
514531
}
515532
},
516533
[
@@ -522,14 +539,15 @@ export const BCarousel = /*#__PURE__*/ Vue.extend({
522539
'a',
523540
{
524541
class: ['carousel-control-next'],
525-
attrs: { href: '#', role: 'button', 'aria-controls': this.safeId('__BV_inner_') },
542+
attrs: {
543+
href: '#',
544+
role: 'button',
545+
'aria-controls': this.safeId('__BV_inner_'),
546+
'aria-disabled': this.isSliding ? 'true' : null
547+
},
526548
on: {
527-
click: evt => {
528-
this.handleClick(evt, this.next)
529-
},
530-
keydown: evt => {
531-
this.handleClick(evt, this.next)
532-
}
549+
click: nextHandler,
550+
keydown: nextHandler
533551
}
534552
},
535553
[

0 commit comments

Comments
 (0)