+6
-103
lines changedFilter options
+6
-103
lines changed Original file line number Diff line number Diff line change
@@ -223,10 +223,6 @@ shown. When there are a large number of dropdowns rendered on the same page, per
223 223
impacted due to larger overall memory utilization. You can instruct `<b-nav-item-dropdown>` to
224 224
render the menu contents only when it is shown by setting the `lazy` prop to true.
225 225 226 -
## Using in navbar
227 - 228 -
Prop `is-nav-bar` has been deprecated and will be removed in a future release.
229 - 230 226
## Tabbed local content support
231 227 232 228
See the [`<b-tabs>`](/docs/components/tabs) component for creating tabbable panes of local content
@@ -9,24 +9,7 @@ import { BLink } from '../link/link'
9 9 10 10
// -- Constants --
11 11 12 -
export const props = {
13 -
...pluckProps(['menuClass', 'toggleClass', 'noCaret', 'role'], BDropdownProps),
14 -
extraMenuClasses: {
15 -
type: String,
16 -
default: '',
17 -
// `deprecated` -> Don't use this prop
18 -
// `deprecation` -> Refers to a change in prop usage
19 -
deprecated: 'Setting prop "extra-menu-classes" is deprecated. Use "menu-class" prop instead.'
20 -
},
21 -
extraToggleClasses: {
22 -
type: String,
23 -
default: '',
24 -
// `deprecated` -> Don't use this prop
25 -
// `deprecation` -> Refers to a change in prop usage
26 -
deprecated:
27 -
'Setting prop "extra-toggle-classes" is deprecated. Use "toggle-class" prop instead.'
28 -
}
29 -
}
12 +
export const props = pluckProps(['menuClass', 'toggleClass', 'noCaret', 'role'], BDropdownProps)
30 13 31 14
// @vue/component
32 15
export const BNavItemDropdown = /*#__PURE__*/ Vue.extend({
@@ -43,7 +26,6 @@ export const BNavItemDropdown = /*#__PURE__*/ Vue.extend({
43 26
},
44 27
menuClasses() {
45 28
return [
46 -
this.extraMenuClasses, // Deprecated
47 29
this.menuClass,
48 30
{
49 31
'dropdown-menu-right': this.right,
@@ -52,13 +34,7 @@ export const BNavItemDropdown = /*#__PURE__*/ Vue.extend({
52 34
]
53 35
},
54 36
toggleClasses() {
55 -
return [
56 -
this.extraToggleClasses, // Deprecated
57 -
this.toggleClass,
58 -
{
59 -
'dropdown-toggle-no-caret': this.noCaret
60 -
}
61 -
]
37 +
return [this.toggleClass, { 'dropdown-toggle-no-caret': this.noCaret }]
62 38
}
63 39
},
64 40
render(h) {
@@ -3,9 +3,6 @@ import { mergeData } from 'vue-functional-data-merge'
3 3 4 4
// -- Constants --
5 5 6 -
const DEPRECATED_MSG =
7 -
'Setting prop "is-nav-bar" is deprecated. Use the <b-navbar-nav> component instead.'
8 - 9 6
export const props = {
10 7
tag: {
11 8
type: String,
@@ -38,13 +35,6 @@ export const props = {
38 35
small: {
39 36
type: Boolean,
40 37
default: false
41 -
},
42 -
isNavBar: {
43 -
type: Boolean,
44 -
default: false,
45 -
// `deprecated` -> Don't use this prop
46 -
// `deprecation` -> Refers to a change in prop usage
47 -
deprecated: DEPRECATED_MSG
48 38
}
49 39
}
50 40
@@ -65,12 +55,11 @@ export const BNav = /*#__PURE__*/ Vue.extend({
65 55
return h(
66 56
props.tag,
67 57
mergeData(data, {
58 +
staticClass: 'nav',
68 59
class: {
69 -
nav: !props.isNavBar,
70 -
'navbar-nav': props.isNavBar,
71 -
'nav-tabs': props.tabs && !props.isNavBar,
72 -
'nav-pills': props.pills && !props.isNavBar,
73 -
'flex-column': props.vertical && !props.isNavBar,
60 +
'nav-tabs': props.tabs,
61 +
'nav-pills': props.pills,
62 +
'flex-column': props.vertical,
74 63
'nav-fill': !props.vertical && props.fill,
75 64
'nav-justified': !props.vertical && props.justified,
76 65
[computeJustifyContent(props.align)]: !props.vertical && props.align,
@@ -37,19 +37,6 @@ describe('nav', () => {
37 37
expect(wrapper.text()).toBe('foobar')
38 38
})
39 39 40 -
it('supports "is-navbar-nav" mode', async () => {
41 -
const wrapper = mount(BNav, {
42 -
propsData: {
43 -
isNavBar: true
44 -
}
45 -
})
46 - 47 -
expect(wrapper.is('ul')).toBe(true)
48 -
expect(wrapper.classes()).toContain('navbar-nav')
49 -
expect(wrapper.classes().length).toBe(1)
50 -
expect(wrapper.text()).toBe('')
51 -
})
52 - 53 40
it('applies pill style', async () => {
54 41
const wrapper = mount(BNav, {
55 42
propsData: {
@@ -64,20 +51,6 @@ describe('nav', () => {
64 51
expect(wrapper.text()).toBe('')
65 52
})
66 53 67 -
it("doesn't apply pill style when in 'is-navbar-nav' mode", async () => {
68 -
const wrapper = mount(BNav, {
69 -
propsData: {
70 -
pills: true,
71 -
isNavBar: true
72 -
}
73 -
})
74 - 75 -
expect(wrapper.is('ul')).toBe(true)
76 -
expect(wrapper.classes()).toContain('navbar-nav')
77 -
expect(wrapper.classes().length).toBe(1)
78 -
expect(wrapper.text()).toBe('')
79 -
})
80 - 81 54
it('applies tab style', async () => {
82 55
const wrapper = mount(BNav, {
83 56
propsData: {
@@ -92,20 +65,6 @@ describe('nav', () => {
92 65
expect(wrapper.text()).toBe('')
93 66
})
94 67 95 -
it("doesn't apply tab style when in 'is-navbar-nav' mode", async () => {
96 -
const wrapper = mount(BNav, {
97 -
propsData: {
98 -
tabs: true,
99 -
isNavBar: true
100 -
}
101 -
})
102 - 103 -
expect(wrapper.is('ul')).toBe(true)
104 -
expect(wrapper.classes()).toContain('navbar-nav')
105 -
expect(wrapper.classes().length).toBe(1)
106 -
expect(wrapper.text()).toBe('')
107 -
})
108 - 109 68
it('applies vertical style', async () => {
110 69
const wrapper = mount(BNav, {
111 70
propsData: {
@@ -120,20 +79,6 @@ describe('nav', () => {
120 79
expect(wrapper.text()).toBe('')
121 80
})
122 81 123 -
it("doesn't apply vertical style when in 'is-navbar-nav' mode", async () => {
124 -
const wrapper = mount(BNav, {
125 -
propsData: {
126 -
vertical: true,
127 -
isNavBar: true
128 -
}
129 -
})
130 - 131 -
expect(wrapper.is('ul')).toBe(true)
132 -
expect(wrapper.classes()).toContain('navbar-nav')
133 -
expect(wrapper.classes().length).toBe(1)
134 -
expect(wrapper.text()).toBe('')
135 -
})
136 - 137 82
it('applies justify style when justified', async () => {
138 83
const wrapper = mount(BNav, {
139 84
propsData: {
@@ -158,9 +158,6 @@ securely aligned.
158 158
- `<b-nav-item-dropdown>` for navbar dropdown menus
159 159
- `<b-nav-form>` for adding simple forms to the navbar.
160 160 161 -
**Note:** _The use of `<b-nav is-nav-bar>` inside a `<b-navbar>` has been deprecated. Use component
162 -
`<b-navbar-nav>` instead._
163 - 164 161
### `<b-nav-item>`
165 162 166 163
`<b-nav-item>` is the primary link (and `<router-link>`) component. Providing a `to` prop value will
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