+6
-42
lines changedFilter options
+6
-42
lines changed Original file line number Diff line number Diff line change
@@ -197,8 +197,6 @@ Visually move the tab controls to the bottom by setting the prop `end`.
197 197
tab pane is the same height and fits completely within the visible viewport, otherwise the user
198 198
will need to scroll up to read the start of the tabbed content.
199 199 200 -
**Note:** _the `bottom` prop has been deprecated in favor of the `end` prop._
201 - 202 200
## Vertical tabs
203 201 204 202
Have the tab controls placed on the lefthand side by setting the `vertical` prop to `true`. Vertical
@@ -312,8 +310,6 @@ Use the `tabs-start` slot to place extra tab buttons before the content tab butt
312 310
**Note:** extra (contentless) tab buttons should be a `<b-nav-item>` or have a root element of
313 311
`<li>` and class `nav-item` for proper rendering and semantic markup.
314 312 315 -
**DEPRECATION:** The `tabs` slot has been deprecated. please use the `tabs-end` slot instead.
316 - 317 313
## Add custom content to tab title
318 314 319 315
If you want to add custom content to tab title, like HTML code, icons, or another non-interactive
@@ -43,10 +43,6 @@
43 43
"name": "tabs-end",
44 44
"description": "Additional tab buttons without tab content placed after content tab buttons"
45 45
},
46 -
{
47 -
"name": "tabs",
48 -
"description": "Deprecated. Use 'tabs-end' instead. Additional tab buttons without tab content."
49 -
},
50 46
{
51 47
"name": "empty",
52 48
"description": "Renders this slot if no tabs are present"
@@ -2,9 +2,6 @@ import Vue from '../../utils/vue'
2 2
import idMixin from '../../mixins/id'
3 3
import normalizeSlotMixin from '../../mixins/normalize-slot'
4 4
import BVTransition from '../../utils/bv-transition'
5 -
import warn from '../../utils/warn'
6 - 7 -
const DEPRECATED_MSG = 'Setting prop "href" is deprecated. Use the <b-nav> component instead.'
8 5 9 6
// @vue/component
10 7
export const BTab = /*#__PURE__*/ Vue.extend({
@@ -60,16 +57,6 @@ export const BTab = /*#__PURE__*/ Vue.extend({
60 57
type: Boolean,
61 58
default: false
62 59
},
63 -
href: {
64 -
// This should be deprecated, as tabs are not navigation (URL) based
65 -
// <b-nav> + <b-card> + <router-view>/<nuxt-child> should be used instead
66 -
// We don't support router-links here
67 -
type: String,
68 -
default: '#',
69 -
// `deprecated` -> Don't use this prop
70 -
// `deprecation` -> Refers to a change in prop usage
71 -
deprecated: DEPRECATED_MSG
72 -
},
73 60
lazy: {
74 61
type: Boolean,
75 62
default: false
@@ -118,6 +105,7 @@ export const BTab = /*#__PURE__*/ Vue.extend({
118 105
// If activated post mount
119 106
this.activate()
120 107
} else {
108 +
/* istanbul ignore next */
121 109
if (!this.deactivate()) {
122 110
// Tab couldn't be deactivated, so we reset the synced active prop
123 111
// Deactivation will fail if no other tabs to activate
@@ -140,11 +128,6 @@ export const BTab = /*#__PURE__*/ Vue.extend({
140 128
this.registerTab()
141 129
// Initially show on mount if active and not disabled
142 130
this.show = this.localActive
143 -
// Deprecate use of `href` prop
144 -
if (this.href && this.href !== '#') {
145 -
/* istanbul ignore next */
146 -
warn(`b-tab: ${DEPRECATED_MSG}`)
147 -
}
148 131
},
149 132
updated() {
150 133
// Force the tab button content to update (since slots are not reactive)
@@ -109,10 +109,7 @@ const BTabButtonHelper = /*#__PURE__*/ Vue.extend({
109 109
// Apply <b-tabs> `activeNavItemClass` styles when the tab is active
110 110
this.tab.localActive ? this.bvTabs.activeNavItemClass : null
111 111
],
112 -
props: {
113 -
href: this.tab.href, // To be deprecated to always be '#'
114 -
disabled: this.tab.disabled
115 -
},
112 +
props: { disabled: this.tab.disabled },
116 113
attrs: {
117 114
role: 'tab',
118 115
id: this.id,
@@ -165,10 +162,6 @@ export const BTabs = /*#__PURE__*/ Vue.extend({
165 162
type: Boolean,
166 163
default: false
167 164
},
168 -
bottom: {
169 -
type: Boolean,
170 -
default: false
171 -
},
172 165
end: {
173 166
// Synonym for 'bottom'
174 167
type: Boolean,
@@ -650,20 +643,16 @@ export const BTabs = /*#__PURE__*/ Vue.extend({
650 643
small: this.small
651 644
}
652 645
},
653 -
[
654 -
this.normalizeSlot('tabs-start') || h(false),
655 -
buttons,
656 -
this.normalizeSlot('tabs-end') || this.normalizeSlot('tabs') || h(false)
657 -
]
646 +
[this.normalizeSlot('tabs-start') || h(), buttons, this.normalizeSlot('tabs-end') || h()]
658 647
)
659 648
nav = h(
660 649
'div',
661 650
{
662 651
key: 'bv-tabs-nav',
663 652
class: [
664 653
{
665 -
'card-header': this.card && !this.vertical && !(this.end || this.bottom),
666 -
'card-footer': this.card && !this.vertical && (this.end || this.bottom),
654 +
'card-header': this.card && !this.vertical && !this.end,
655 +
'card-footer': this.card && !this.vertical && this.end,
667 656
'col-auto': this.vertical
668 657
},
669 658
this.navWrapperClass
@@ -705,7 +694,7 @@ export const BTabs = /*#__PURE__*/ Vue.extend({
705 694
},
706 695
attrs: { id: this.safeId() }
707 696
},
708 -
[this.end || this.bottom ? content : h(), [nav], this.end || this.bottom ? h() : content]
697 +
[this.end ? content : h(), [nav], this.end ? h() : content]
709 698
)
710 699
}
711 700
})
You can’t perform that action at this time.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4