From 3de5cdb851eaf37f8bb04e2e916eea77439f34da Mon Sep 17 00:00:00 2001 From: Troy Morehouse Date: Wed, 4 Sep 2019 21:36:21 -0300 Subject: [PATCH 01/24] chore: bump version and update changelog --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 8ed0759ddbd..c23c01c2220 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "bootstrap-vue", - "version": "2.0.0-rc.28", + "version": "2.0.0", "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.", "main": "dist/bootstrap-vue.common.js", "web": "dist/bootstrap-vue.js", From 52ced8ae93a77b76a68143a5de9efe53fc5cb2f2 Mon Sep 17 00:00:00 2001 From: Troy Morehouse Date: Wed, 4 Sep 2019 22:43:56 -0300 Subject: [PATCH 02/24] Update CHANGELOG.md --- CHANGELOG.md | 240 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 240 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 1e962743023..a930e944154 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,6 +4,246 @@ > [standard-version](https://github.com/conventional-changelog/standard-version) for commit > guidelines. +## [v2.0.0](https://github.com/bootstrap-vue/bootstrap-vue/compare/v2.0.0-rc.28...v2.0.0) + +Released: 2019-09-05 + +**BoootstrapVue 2.0.0 stable** introduces several new features and bug fixes. Please note that this +release includes _several breaking changes_. + +**Notable improvements:** + +- Tooltips an popovers are competely re-written for better reactivity and stability. The directive + versions are now reactive to trigger element title attribute changes and configuration changes. + The component versions now perform better when qucikly hovering/unhovering the trigger element. + Component and directive versions now have a default delay of `50`ms (affets hover and focus + triggers only). +- Modals, tooltips, popovers, and toasts now work with scoped styles (requires the use of + vue-loader's `/deep/`, `::v-deep` or `>>>` selectors for targetting inner elements, just like with + any other component). +- New SVG background image based sorting indicator icons, with the ability to palce them either on + the right (default) or left of the table cell headers. +- Programmatic selection of `` selctable rows. + +### Breaking changes and deprecated features removal v2.0.0 + +**Please carefully read the following before upgrading to v2.0.0 stable!** + +Vue `2.6`+ is now **required** at a minimum, `2.6.10`+ is recommended. Some components will fail to +work as expected if using Vue `2.5` (notably tooltips and popovers, but other components may be +affected as well). + +All deprecated features have been removed in v2.0.0 stable in order to reduce bundle size. + +**Two notable breaking changes are:** + +- **changes to the table slot naming syntax** (the table slot syntax introduced in rc.28 has been + modified in v2.0.0 stable) for better compatibility with the new Vue `v-slot` syntax and its + limitations (which currently are not documented in the Vue.JS docs). +- **the removal of the deprecated `/es` build directory.** Users should be importing the new top + level named exports. + +Read below for more details. + +### Migration guide v2.0.0 + +- **Removal of the deprecated `/es/` build directory**. Users should now be using the new + simplified import syntax introduced in v2.0.0-rc.22. Users should be importing the + top-level _named exports_ instead. +- `b-dropdown`: removal of deprecated `text` slot. Use the `button-content` slot instead. +- `b-form-*` controls, `b-form-group`, `b-form-invalid-feedback` and `b-form-valid-feedback`: + validation prop `state` now only accepts `true`, `false`, or `null` values. Passing the strings + `'invalid'` or `'valid'` will no longer work. +- `b-form-group`: removal of the deprecated `horizontal` and `breakpoint` props. Use props + `label-cols{-{breakpoint}}` instead. +- `b-img-lazy`, `b-card-img-lazy`: now rely only on `IntersectionObserver` support (native or via a + polyfill) to determine when to show the image. If `IntersectionObserver` support is not detected, + then the image will always be shown. Use a polyfill if you need to support older browsers (i.e. + IE11) +- `b-modal`: the deprecated `BvModalEvent` method `cancel()` has been removed. Use the method + `preventDefault()` instead. +- `b-modal`: the deprecated `BvModalEvent` property `modalId` has been removed. Use the property + `componentId` instead. +- `b-nav`: Removal of the deprecated `is-nav` prop. Use `b-navbar-nav` component instead when + placing navs in `b-navbar`. +- `b-nav-item-dropdown`: deprecated props `extra-menu-classes` and `extra-toggle-classes` have been + removed. Used props `menu-class` and `toggle-class` (respectively) instead. +- `b-table` and `b-table-lite`: **table cell field, header and footer slot naming convention has + changed**. Users should be using the new table round bracketed slot naming syntax. Use slot + `cell(field)` instead of `field`, `head(field)` instead of `HEAD_field`, use `foot(field)` + instead of `FOOT_field`. The changes were _required_ for better compatibility with the new Vue + `v-slot` syntax. Note that `head`, `foot` and `cell` **must** be lower case. The square bracket + syntax introduced in 2.0.0-rc.28 has been replaced with the round bracket syntax to reduce + possible confusion and issues with Vue 2.6's new + [dynamic slot name](https://vuejs.org/v2/guide/components-slots.html#Dynamic-Slot-Names) syntax. +- `b-table`: the `filter` prop will no longer accept a function reference (previously deprecated). + Instead, pass a function to the `filter-function` prop when using a custom filter function. The + prop `filter` is only to be used for filter _criteria_ (i.e. the search value, search `RegExpr`, + etc). +- `b-table`: passing an object as a `fields` definition will no longer work. Use the _array of + strings_ or _array of objects_ (or a combination of) fields definition format instead. +- `b-table`: sorting icon SASS variables have been changed to handle the new SVG backgrounds. If + you previously had custom CSS styling/icons, they will not work as epected - but sorting will + still work. +- `b-tabs`: removal of deprecated `tabs` slot. Use slot `tabs-end` instead. +- `b-tabs`: removal of deprecated `bottom` prop. Use the `end` prop instead +- `b-tab`: removal of deprecated `href` prop. +- Tooltip SCSS: deprecated variable `$bv-tooltip-bg-level` has been removed. Use variable + `$b-tooltip-bg-level` instead. +- Popover SCSS: deprecated variables `$bv-popover-bg-level`, `$bv-popover-border-level`, and + `$bv-popover-color-level` have been removed. Use variables `$b-popover-bg-level`, + `$b-popover-border-level`, and `$b-popover-color-level` (respectively) instead. + +Please refer to the [documentation](https://bootstrap-vue.js.org/) for the latest usage and +examples, and below for a list of fixes and new features. + +### Bug Fixes v2.0.0 + +- **b-form-textarea:** handle initial auto-height when in modal, tabs, or other component with + transition or which uses `v-show` (fixes + [#3936](https://github.com/bootstrap-vue/bootstrap-vue/issues/3936), + [#3702](https://github.com/bootstrap-vue/bootstrap-vue/issues/3702)) + ([#3937](https://github.com/bootstrap-vue/bootstrap-vue/issues/3937)) + ([be3ac62](https://github.com/bootstrap-vue/bootstrap-vue/commit/be3ac62)) +- **b-link:** only add the `nativeOn` property to componentData when rendering a router link + ([#3976](https://github.com/bootstrap-vue/bootstrap-vue/issues/3976)) + ([62fb0b6](https://github.com/bootstrap-vue/bootstrap-vue/commit/62fb0b6)) +- **b-modal:** ensure non-prop attributes are transferred to the modal outer wrapper `div` (closes + [#3896](https://github.com/bootstrap-vue/bootstrap-vue/issues/3896)) + ([#3921](https://github.com/bootstrap-vue/bootstrap-vue/issues/3921)) + ([8bf3a55](https://github.com/bootstrap-vue/bootstrap-vue/commit/8bf3a55)) +- **b-modal:** fix scroll to top issue when modal has `no-fade` set + ([#4004](https://github.com/bootstrap-vue/bootstrap-vue/issues/4004)) + ([332b79f](https://github.com/bootstrap-vue/bootstrap-vue/commit/332b79f)) +- **b-table, b-table-lite:** handle edge case where field slot returns no vNodes (fixes + [#3919](https://github.com/bootstrap-vue/bootstrap-vue/issues/3919)) + ([#3920](https://github.com/bootstrap-vue/bootstrap-vue/issues/3920)) + ([a392059](https://github.com/bootstrap-vue/bootstrap-vue/commit/a392059)) +- **b-table, b-table-lite:** render header when not always stacked mode (fixes + [#3886](https://github.com/bootstrap-vue/bootstrap-vue/issues/3886)) + ([#3887](https://github.com/bootstrap-vue/bootstrap-vue/issues/3887)) + ([2302b31](https://github.com/bootstrap-vue/bootstrap-vue/commit/2302b31)) +- **v-b-toggle:** don't override `role` if element has a `role` assigned + ([#3889](https://github.com/bootstrap-vue/bootstrap-vue/issues/3889)) + ([5d155ba](https://github.com/bootstrap-vue/bootstrap-vue/commit/5d155ba)) +- **tooltip, popover:** overall code refactor for better reactivity and performance (fixes: + [#1990](https://github.com/bootstrap-vue/bootstrap-vue/issues/1990), + [#2937](https://github.com/bootstrap-vue/bootstrap-vue/issues/2937), + [#3480](https://github.com/bootstrap-vue/bootstrap-vue/issues/3480), + [#3717](https://github.com/bootstrap-vue/bootstrap-vue/issues/3717), + [#3854](https://github.com/bootstrap-vue/bootstrap-vue/issues/3854), closes + [#3451](https://github.com/bootstrap-vue/bootstrap-vue/issues/3451)) + ([#3908](https://github.com/bootstrap-vue/bootstrap-vue/issues/3908)) + ([eebab43](https://github.com/bootstrap-vue/bootstrap-vue/commit/eebab43)) + +### Features v2.0.0 + +- **b-carousel:** add prop `no-wrap` for disabling wrapping to start/end (closes + [#3902](https://github.com/bootstrap-vue/bootstrap-vue/issues/3902)) + ([#3905](https://github.com/bootstrap-vue/bootstrap-vue/issues/3905)) + ([2c8bd23](https://github.com/bootstrap-vue/bootstrap-vue/commit/2c8bd23)) +- **b-dropdown:** add `role=presentation` to `
  • ` elements for improved a11y + ([#3996](https://github.com/bootstrap-vue/bootstrap-vue/issues/3996)) + ([464d257](https://github.com/bootstrap-vue/bootstrap-vue/commit/464d257)) +- **b-img-lazy:** switch IntersectionObserver to use private `v-b-visible` directive + ([#3977](https://github.com/bootstrap-vue/bootstrap-vue/issues/3977)) + ([249ccfa](https://github.com/bootstrap-vue/bootstrap-vue/commit/249ccfa)) +- **b-modal:** add scoped style support when portalled (non-static modal) + ([#3962](https://github.com/bootstrap-vue/bootstrap-vue/issues/3962)) + ([77ad6b9](https://github.com/bootstrap-vue/bootstrap-vue/commit/77ad6b9)) +- **b-nav:** add card header support + ([#3883](https://github.com/bootstrap-vue/bootstrap-vue/issues/3883)) + ([4046a53](https://github.com/bootstrap-vue/bootstrap-vue/commit/4046a53)) +- **b-pagination:** if number of pages changes, try and keep current page active (closes + [#3716](https://github.com/bootstrap-vue/bootstrap-vue/issues/3716)) + ([#3990](https://github.com/bootstrap-vue/bootstrap-vue/issues/3990)) + ([ae8ce78](https://github.com/bootstrap-vue/bootstrap-vue/commit/ae8ce78)) +- **b-modal:** add prop for auto focusing one of the built in-buttons once `shown` (closes + [#3945](https://github.com/bootstrap-vue/bootstrap-vue/issues/3945)) + ([#3979](https://github.com/bootstrap-vue/bootstrap-vue/issues/3979)) + ([6f2827e](https://github.com/bootstrap-vue/bootstrap-vue/commit/6f2827e)) +- **b-table:** allow field definition properties `filterByFormatted` and `sortByFormatted` to accept + a formatter function reference (closes + [#3892](https://github.com/bootstrap-vue/bootstrap-vue/issues/3892)) + ([#3898](https://github.com/bootstrap-vue/bootstrap-vue/issues/3898)) + ([5492b38](https://github.com/bootstrap-vue/bootstrap-vue/commit/5492b38)) +- **b-table:** new sorting icons using SVG, plus option to place icon on left of header cell (closes + [#3687](https://github.com/bootstrap-vue/bootstrap-vue/issues/3687), + [#3696](https://github.com/bootstrap-vue/bootstrap-vue/issues/3696), + [#3918](https://github.com/bootstrap-vue/bootstrap-vue/issues/3918), + [#3966](https://github.com/bootstrap-vue/bootstrap-vue/issues/3966)) + ([#3968](https://github.com/bootstrap-vue/bootstrap-vue/issues/3968)) + ([c4442f4](https://github.com/bootstrap-vue/bootstrap-vue/commit/c4442f4)) +- **b-table:** add `filter-debounce` prop for debouncing filter updates + ([#3891](https://github.com/bootstrap-vue/bootstrap-vue/issues/3891)) + ([03536a5](https://github.com/bootstrap-vue/bootstrap-vue/commit/03536a5)) +- **b-table:** add `selectAllRows()` and `clearSelected()` to thead/tfoot slot scopes (addresses + [#3901](https://github.com/bootstrap-vue/bootstrap-vue/issues/3901)) + ([#3907](https://github.com/bootstrap-vue/bootstrap-vue/issues/3907)) + ([86c53dd](https://github.com/bootstrap-vue/bootstrap-vue/commit/86c53dd)) +- **b-table, b-table-lite:** switch slot name syntax to use round brackets instead of square + brackets ([#3986](https://github.com/bootstrap-vue/bootstrap-vue/issues/3986)) + ([fca7bd5](https://github.com/bootstrap-vue/bootstrap-vue/commit/fca7bd5)) +- **b-table, b-table-lite:** remove deprecated slot names, introduce new slot names + ([#3866](https://github.com/bootstrap-vue/bootstrap-vue/issues/3866)) + ([249efd9](https://github.com/bootstrap-vue/bootstrap-vue/commit/249efd9)) +- **b-table, b-table-lite:** use `aria-details` rather than `aria-describedby` when details row + showing (addresses [#3801](https://github.com/bootstrap-vue/bootstrap-vue/issues/3801)) + ([#3992](https://github.com/bootstrap-vue/bootstrap-vue/issues/3992)) + ([f6f73c7](https://github.com/bootstrap-vue/bootstrap-vue/commit/f6f73c7)) +- **b-table, b-table-lite:** add support for custom header attributes (closes + [#2244](https://github.com/bootstrap-vue/bootstrap-vue/issues/2244)) + ([#3876](https://github.com/bootstrap-vue/bootstrap-vue/issues/3876)) + ([8784f31](https://github.com/bootstrap-vue/bootstrap-vue/commit/8784f31)) +- **b-table, b-table-lite, b-table-simple:** add `no-border-collapse` prop and SCSS + ([#3987](https://github.com/bootstrap-vue/bootstrap-vue/issues/3987)) + ([253b4f6](https://github.com/bootstrap-vue/bootstrap-vue/commit/253b4f6)) +- **b-toast:** add support for scoped styles + ([#3963](https://github.com/bootstrap-vue/bootstrap-vue/issues/3963)) + ([ca1b5de](https://github.com/bootstrap-vue/bootstrap-vue/commit/ca1b5de)) +- **tooltip, popover:** overall code refactor for better reactivity and performance (fixes: + [#1990](https://github.com/bootstrap-vue/bootstrap-vue/issues/1990), + [#2937](https://github.com/bootstrap-vue/bootstrap-vue/issues/2937), + [#3480](https://github.com/bootstrap-vue/bootstrap-vue/issues/3480), + [#3717](https://github.com/bootstrap-vue/bootstrap-vue/issues/3717), + [#3854](https://github.com/bootstrap-vue/bootstrap-vue/issues/3854), closes + [#3451](https://github.com/bootstrap-vue/bootstrap-vue/issues/3451)) + ([#3908](https://github.com/bootstrap-vue/bootstrap-vue/issues/3908)) + ([eebab43](https://github.com/bootstrap-vue/bootstrap-vue/commit/eebab43)) + +### Depreaction removals v2.0.0 + +- **b-dropdown:** remove deprecated slot `text` + ([#3868](https://github.com/bootstrap-vue/bootstrap-vue/issues/3868)) + ([29eb8b1](https://github.com/bootstrap-vue/bootstrap-vue/commit/29eb8b1)) +- **b-form-group:** remove deprecated prop `horizontal` and `breakpoint` + ([#3879](https://github.com/bootstrap-vue/bootstrap-vue/issues/3879)) + ([b301822](https://github.com/bootstrap-vue/bootstrap-vue/commit/b301822)) +- **b-nav, b-nav-item-dropdown:** remove deprecated slot and props + ([#3867](https://github.com/bootstrap-vue/bootstrap-vue/issues/3867)) + ([21fab35](https://github.com/bootstrap-vue/bootstrap-vue/commit/21fab35)) +- **b-modal:** remove `BvModalEvent` deprecations + ([#3864](https://github.com/bootstrap-vue/bootstrap-vue/issues/3864)) + ([90c299c](https://github.com/bootstrap-vue/bootstrap-vue/commit/90c299c)) +- **b-table, b-table-lite:** switch slot name syntax to use round brackets instead of square + brackets ([#3986](https://github.com/bootstrap-vue/bootstrap-vue/issues/3986)) + ([fca7bd5](https://github.com/bootstrap-vue/bootstrap-vue/commit/fca7bd5)) +- **b-table, b-table-lite:** remove deprecated slot names, introduce new slot names + ([#3866](https://github.com/bootstrap-vue/bootstrap-vue/issues/3866)) + ([249efd9](https://github.com/bootstrap-vue/bootstrap-vue/commit/249efd9)) +- **b-tabs:** remove deprecations + ([#3863](https://github.com/bootstrap-vue/bootstrap-vue/issues/3863)) + ([0edac49](https://github.com/bootstrap-vue/bootstrap-vue/commit/0edac49)) +- **tooltip/popover:** remove SCSS deprecations + ([#3869](https://github.com/bootstrap-vue/bootstrap-vue/issues/3869)) + ([bea49d4](https://github.com/bootstrap-vue/bootstrap-vue/commit/bea49d4)) +- **build:** remove deprecated `es/` build + ([#3604](https://github.com/bootstrap-vue/bootstrap-vue/issues/3604)) + ([3828f59](https://github.com/bootstrap-vue/bootstrap-vue/commit/3828f59)) + + +
    + ## [v2.0.0-rc.28](https://github.com/bootstrap-vue/bootstrap-vue/compare/v2.0.0-rc.27...v2.0.0-rc.28) From 50096ba6fa06d47691a60f1eaf185f260fbd5ed6 Mon Sep 17 00:00:00 2001 From: Troy Morehouse Date: Wed, 4 Sep 2019 23:01:52 -0300 Subject: [PATCH 03/24] Update CHANGELOG.md --- CHANGELOG.md | 16 +++++++++------- 1 file changed, 9 insertions(+), 7 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index a930e944154..23a1c755182 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -13,15 +13,17 @@ release includes _several breaking changes_. **Notable improvements:** -- Tooltips an popovers are competely re-written for better reactivity and stability. The directive - versions are now reactive to trigger element title attribute changes and configuration changes. - The component versions now perform better when qucikly hovering/unhovering the trigger element. - Component and directive versions now have a default delay of `50`ms (affets hover and focus - triggers only). -- Modals, tooltips, popovers, and toasts now work with scoped styles (requires the use of +- Tooltips and popovers have been competely re-written for better reactivity and stability. The + directive versions are now reactive to trigger element `title` attribute changes and + configuration changes. The component versions now perform better when qucikly hovering/unhovering + the trigger element. Component and directive versions now have a default delay of `50`ms (affects + `'hover'` and `'focus'` triggers only). They can now have a trigger of `'manual'` (when used by + itself) of which they can only be opened or closed programmatically. Users can now optionally + specify the ID that the tooltip or popover uses. +- Modals, tooltips, popovers, and toasts now work with scoped style classess (requires the use of vue-loader's `/deep/`, `::v-deep` or `>>>` selectors for targetting inner elements, just like with any other component). -- New SVG background image based sorting indicator icons, with the ability to palce them either on +- New SVG background image based sorting indicator icons, with the ability to palce them on either the right (default) or left of the table cell headers. - Programmatic selection of `` selctable rows. From 7fbae88a4af08026cd6dfad41d4f07888392ffd3 Mon Sep 17 00:00:00 2001 From: Troy Morehouse Date: Thu, 5 Sep 2019 00:54:29 -0300 Subject: [PATCH 04/24] Update CHANGELOG.md --- CHANGELOG.md | 43 +++++++++++++++++++++++-------------------- 1 file changed, 23 insertions(+), 20 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 23a1c755182..0018507a4e2 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,12 +4,14 @@ > [standard-version](https://github.com/conventional-changelog/standard-version) for commit > guidelines. + + ## [v2.0.0](https://github.com/bootstrap-vue/bootstrap-vue/compare/v2.0.0-rc.28...v2.0.0) Released: 2019-09-05 **BoootstrapVue 2.0.0 stable** introduces several new features and bug fixes. Please note that this -release includes _several breaking changes_. +release also _includes several breaking changes_. **Notable improvements:** @@ -20,30 +22,30 @@ release includes _several breaking changes_. `'hover'` and `'focus'` triggers only). They can now have a trigger of `'manual'` (when used by itself) of which they can only be opened or closed programmatically. Users can now optionally specify the ID that the tooltip or popover uses. -- Modals, tooltips, popovers, and toasts now work with scoped style classess (requires the use of +- Modals, tooltips, popovers, and toasts now work with scoped style classes (requires the use of vue-loader's `/deep/`, `::v-deep` or `>>>` selectors for targetting inner elements, just like with any other component). -- New SVG background image based sorting indicator icons, with the ability to palce them on either - the right (default) or left of the table cell headers. +- New SVG background image based sorting indicator icons for ``, with the ability to place + them on either the right (default) or left of the table cell headers (via a new prop). - Programmatic selection of `` selctable rows. ### Breaking changes and deprecated features removal v2.0.0 **Please carefully read the following before upgrading to v2.0.0 stable!** -Vue `2.6`+ is now **required** at a minimum, `2.6.10`+ is recommended. Some components will fail to -work as expected if using Vue `2.5` (notably tooltips and popovers, but other components may be -affected as well). - -All deprecated features have been removed in v2.0.0 stable in order to reduce bundle size. +- Vue `2.6`+ is now **required** at a minimum, `2.6.10`+ is recommended. Some components will fail + to work as expected if using Vue `2.5` (notably tooltips and popovers, but other components may be + affected as well). +- All **deprecated features** have been removed in v2.0.0 stable in order to reduce bundle size and + simplify code. **Two notable breaking changes are:** -- **changes to the table slot naming syntax** (the table slot syntax introduced in rc.28 has been - modified in v2.0.0 stable) for better compatibility with the new Vue `v-slot` syntax and its +- **changes to the table slot naming syntax:** the table slot syntax introduced in rc.28 has been + modified in v2.0.0 stable for better compatibility with the new Vue `v-slot` syntax and its limitations (which currently are not documented in the Vue.JS docs). -- **the removal of the deprecated `/es` build directory.** Users should be importing the new top - level named exports. +- **the removal of the deprecated `/es` build directory:** Users should now be importing the new + top-level named exports when importing individual components, directives, and plugins. Read below for more details. @@ -72,10 +74,10 @@ Read below for more details. removed. Used props `menu-class` and `toggle-class` (respectively) instead. - `b-table` and `b-table-lite`: **table cell field, header and footer slot naming convention has changed**. Users should be using the new table round bracketed slot naming syntax. Use slot - `cell(field)` instead of `field`, `head(field)` instead of `HEAD_field`, use `foot(field)` - instead of `FOOT_field`. The changes were _required_ for better compatibility with the new Vue - `v-slot` syntax. Note that `head`, `foot` and `cell` **must** be lower case. The square bracket - syntax introduced in 2.0.0-rc.28 has been replaced with the round bracket syntax to reduce + `cell(field)` instead of `field` or `[field]`, `head(field)` instead of `HEAD_field` or + `HEAD[field]`, use `foot(field)` instead of `FOOT_field` or `FOOT[field]`. This change was + _required_ for better compatibility with the new Vue `v-slot` syntax. The square bracket + syntax introduced in `2.0.0-rc.28` has been replaced with the round bracket syntax to reduce possible confusion and issues with Vue 2.6's new [dynamic slot name](https://vuejs.org/v2/guide/components-slots.html#Dynamic-Slot-Names) syntax. - `b-table`: the `filter` prop will no longer accept a function reference (previously deprecated). @@ -85,11 +87,12 @@ Read below for more details. - `b-table`: passing an object as a `fields` definition will no longer work. Use the _array of strings_ or _array of objects_ (or a combination of) fields definition format instead. - `b-table`: sorting icon SASS variables have been changed to handle the new SVG backgrounds. If - you previously had custom CSS styling/icons, they will not work as epected - but sorting will + you previously had custom CSS styling/icons, they will not work as expected - but sorting will still work. - `b-tabs`: removal of deprecated `tabs` slot. Use slot `tabs-end` instead. - `b-tabs`: removal of deprecated `bottom` prop. Use the `end` prop instead -- `b-tab`: removal of deprecated `href` prop. +- `b-tab`: removal of deprecated `href` prop. Use `` for controling panes that change with + URL changes. - Tooltip SCSS: deprecated variable `$bv-tooltip-bg-level` has been removed. Use variable `$b-tooltip-bg-level` instead. - Popover SCSS: deprecated variables `$bv-popover-bg-level`, `$bv-popover-border-level`, and @@ -243,7 +246,7 @@ examples, and below for a list of fixes and new features. ([#3604](https://github.com/bootstrap-vue/bootstrap-vue/issues/3604)) ([3828f59](https://github.com/bootstrap-vue/bootstrap-vue/commit/3828f59)) - +
    From b12d3157460aebad532c79237edbca6e71f685cd Mon Sep 17 00:00:00 2001 From: Troy Morehouse Date: Thu, 5 Sep 2019 01:04:04 -0300 Subject: [PATCH 05/24] Update CHANGELOG.md --- CHANGELOG.md | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 0018507a4e2..b164c7ce415 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -21,10 +21,13 @@ release also _includes several breaking changes_. the trigger element. Component and directive versions now have a default delay of `50`ms (affects `'hover'` and `'focus'` triggers only). They can now have a trigger of `'manual'` (when used by itself) of which they can only be opened or closed programmatically. Users can now optionally - specify the ID that the tooltip or popover uses. + specify the ID that the tooltip or popover uses. For accessibility reasons, the `title` attribute + is removed from the trigger element (target) only when the tooltip or popover is showing, and is + restored when hidden. - Modals, tooltips, popovers, and toasts now work with scoped style classes (requires the use of - vue-loader's `/deep/`, `::v-deep` or `>>>` selectors for targetting inner elements, just like with - any other component). + vue-loader's `/deep/`, `::v-deep` or `>>>` + [deep selectors](https://vue-loader.vuejs.org/guide/scoped-css.html#child-component-root-elements) + for targeting inner elements, just like with any other component). - New SVG background image based sorting indicator icons for ``, with the ability to place them on either the right (default) or left of the table cell headers (via a new prop). - Programmatic selection of `` selctable rows. From 4f09ac4ae97db705d9e904333b3a03b55c681fc4 Mon Sep 17 00:00:00 2001 From: Troy Morehouse Date: Thu, 5 Sep 2019 01:12:30 -0300 Subject: [PATCH 06/24] Update README.md --- src/directives/tooltip/README.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/directives/tooltip/README.md b/src/directives/tooltip/README.md index 12d217e5f41..c9a1115dfc8 100644 --- a/src/directives/tooltip/README.md +++ b/src/directives/tooltip/README.md @@ -206,7 +206,7 @@ const options = { } ``` -Title can also be a function reference, which is called _once_ each time the tooltip is opened. To +Title can also be a function reference, which is called _once_ time the tooltip is first opened. To make a title returned by a function reactive, set the title to a _new_ function reference whenever the content changes. @@ -249,7 +249,8 @@ the content changes. }, methods: { tipMethod() { - // Note this is called only once when the tooltip is opened + // Note this is called only once when the tooltip is first opened. + // Subsequent openings of the tooltip will show the same value. return '' + new Date() + '' } } From 0c79b2b479293d90d9bfc049942d1f9570fa3794 Mon Sep 17 00:00:00 2001 From: Troy Morehouse Date: Thu, 5 Sep 2019 01:28:50 -0300 Subject: [PATCH 07/24] Update README.md --- src/directives/popover/README.md | 23 ++++++++++++++++++----- 1 file changed, 18 insertions(+), 5 deletions(-) diff --git a/src/directives/popover/README.md b/src/directives/popover/README.md index b2fe6bea666..5ab6043b8d7 100644 --- a/src/directives/popover/README.md +++ b/src/directives/popover/README.md @@ -283,7 +283,9 @@ const options = { } ``` -Content can also be a function reference, which is called each time the popover is opened. +Content can also be a function reference, which is called _once_ the popover instance is created. To +make a value returned by a function reactive, set the title or content to a _new_ function reference +whenever the content changes. ```html