+11
-172
lines changedFilter options
+11
-172
lines changed Original file line number Diff line number Diff line change
@@ -239,7 +239,6 @@
239 239
},
240 240
"routerComponentName": {
241 241
"description": "<b-link> prop: BootstrapVue auto detects between `<router-link>` and `<nuxt-link>`. In cases where you want to use a 3rd party link component based on `<router-link>`, set this prop to the component name. e.g. set it to 'g-link' if you are using Gridsome (note only `<router-link>` specific props are passed to the component)",
242 -
"version": "2.15.0",
243 -
"settings": true
242 +
"version": "2.15.0"
244 243
}
245 244
}
Original file line number Diff line number Diff line change
@@ -320,8 +320,8 @@ ul.component-ref-mini-toc:empty {
320 320 321 321
<script>
322 322
import Vue from 'vue'
323 -
// Fallback descriptions for common props (mainly router-link props)
324 323
import commonProps from '../common-props.json'
324 +
import { defaultConfig } from '../content'
325 325
import { kebabCase } from '../utils'
326 326
import AnchoredHeading from './anchored-heading'
327 327
@@ -448,10 +448,15 @@ export default {
448 448
propsItems() {
449 449
const props = this.componentProps
450 450
const propsMetaObj = this.componentPropsMetaObj
451 +
const componentSettings = defaultConfig[this.componentOptions.name] || {}
451 452 452 453
return Object.keys(props).map(prop => {
453 454
const p = props[prop]
454 -
const meta = propsMetaObj[prop] || {}
455 +
const meta = {
456 +
// Fallback descriptions for common props
457 +
...(commonProps[prop] || {}),
458 +
...(propsMetaObj[prop] || {})
459 +
}
455 460 456 461
// Describe type
457 462
let type = p.type
@@ -475,24 +480,16 @@ export default {
475 480
? ''
476 481
: String(JSON.stringify(defaultValue, undefined, 1)).replace(/"/g, "'")
477 482 478 -
const fallbackMeta = commonProps[prop] || {}
479 -
const description =
480 -
typeof meta.description === 'undefined' ? fallbackMeta.description : meta.description
481 -
// TODO:
482 -
// Can we auto-detect this by doing a lookup in the
483 -
// default settings or determine if the prop default
484 -
// value came from the settings?
485 -
const settings = meta.settings || false
486 -
const version = typeof meta.version === 'undefined' ? fallbackMeta.version : meta.version
483 +
const settings = Object.prototype.hasOwnProperty.call(componentSettings, prop)
487 484 488 485
return {
489 486
prop: kebabCase(prop),
490 487
type,
491 488
defaultValue,
492 489
required: p.required || false,
493 -
description: description || '',
490 +
description: meta.description || '',
491 +
version: meta.version || '',
494 492
settings,
495 -
version,
496 493
xss: /[a-z]Html$/.test(prop),
497 494
isVModel: this.componentVModel && this.componentVModel.prop === prop,
498 495
deprecated: p.deprecated || false,
@@ -10,7 +10,6 @@
10 10
"props": [
11 11
{
12 12
"prop": "variant",
13 -
"settings": true,
14 13
"description": "Applies one of the Bootstrap theme color variants to the component"
15 14
},
16 15
{
@@ -19,7 +18,6 @@
19 18
},
20 19
{
21 20
"prop": "dismissLabel",
22 -
"settings": true,
23 21
"description": "Value for the 'aria-label' attribute on the dismiss button"
24 22
},
25 23
{
@@ -12,7 +12,6 @@
12 12
"props": [
13 13
{
14 14
"prop": "variant",
15 -
"settings": true,
16 15
"description": "Applies one of the Bootstrap theme color variants to the component"
17 16
},
18 17
{
@@ -60,7 +59,6 @@
60 59
{
61 60
"prop": "badgeVariant",
62 61
"version": "2.12.0",
63 -
"settings": true,
64 62
"description": "Applies one of the Bootstrap theme color variants to the badge"
65 63
},
66 64
{
@@ -10,7 +10,6 @@
10 10
"props": [
11 11
{
12 12
"prop": "variant",
13 -
"settings": true,
14 13
"description": "Applies one of the Bootstrap theme color variants to the component"
15 14
},
16 15
{
@@ -13,12 +13,10 @@
13 13
"props": [
14 14
{
15 15
"prop": "size",
16 -
"settings": true,
17 16
"description": "Set the size of the component's appearance. 'sm', 'md' (default), or 'lg'"
18 17
},
19 18
{
20 19
"prop": "variant",
21 -
"settings": true,
22 20
"description": "Applies one of the Bootstrap theme color variants to the component"
23 21
},
24 22
{
@@ -64,18 +62,15 @@
64 62
"props": [
65 63
{
66 64
"prop": "content",
67 -
"settings": true,
68 65
"version": "2.3.0",
69 66
"description": "The content of the close button"
70 67
},
71 68
{
72 69
"prop": "textVariant",
73 -
"settings": true,
74 70
"description": "Applies one of the Bootstrap theme color variants to the text"
75 71
},
76 72
{
77 73
"prop": "ariaLabel",
78 -
"settings": true,
79 74
"description": "Sets the value of 'aria-label' attribute on the rendered element"
80 75
}
81 76
],
@@ -34,18 +34,15 @@
34 34
},
35 35
{
36 36
"prop": "selectedVariant",
37 -
"settings": true,
38 37
"description": "Theme color variant to use for the selected date button"
39 38
},
40 39
{
41 40
"prop": "todayVariant",
42 -
"settings": true,
43 41
"description": "Theme color variant to use for highlighting todays date button. Defaults to the `selectedVariant` prop"
44 42
},
45 43
{
46 44
"prop": "navButtonVariant",
47 45
"version": "2.17.0",
48 -
"settings": true,
49 46
"description": "Theme color variant to use for the navigation buttons"
50 47
},
51 48
{
@@ -112,68 +109,55 @@
112 109
{
113 110
"prop": "labelPrevDecade",
114 111
"version": "2.11.0",
115 -
"settings": true,
116 112
"description": "Value of the `aria-label` and `title` attributes on the optional `Previous Decade` navigation button"
117 113
},
118 114
{
119 115
"prop": "labelPrevYear",
120 -
"settings": true,
121 116
"description": "Value of the `aria-label` and `title` attributes on the `Previous Year` navigation button"
122 117
},
123 118
{
124 119
"prop": "labelPrevMonth",
125 -
"settings": true,
126 120
"description": "Value of the `aria-label` and `title` attributes on the `Previous Month` navigation button"
127 121
},
128 122
{
129 123
"prop": "labelCurrentMonth",
130 -
"settings": true,
131 124
"description": "Value of the `aria-label` and `title` attributes on the `Current Month` navigation button"
132 125
},
133 126
{
134 127
"prop": "labelNextMonth",
135 -
"settings": true,
136 128
"description": "Value of the `aria-label` and `title` attributes on the `Next Month` navigation button"
137 129
},
138 130
{
139 131
"prop": "labelNextYear",
140 -
"settings": true,
141 132
"description": "Value of the `aria-label` and `title` attributes on the `Next Year` navigation button"
142 133
},
143 134
{
144 135
"prop": "labelNextDecade",
145 136
"version": "2.11.0",
146 -
"settings": true,
147 137
"description": "Value of the `aria-label` and `title` attributes on the optional `Next Decade` navigation button"
148 138
},
149 139
{
150 140
"prop": "labelSelected",
151 -
"settings": true,
152 141
"description": "Value of the `aria-label` attribute set on the calendar grid date button that is selected"
153 142
},
154 143
{
155 144
"prop": "labelToday",
156 -
"settings": true,
157 145
"description": "Value of the `aria-label` attribute for the calendar grid date button to signify that the date is today's date"
158 146
},
159 147
{
160 148
"prop": "labelNoDateSelected",
161 -
"settings": true,
162 149
"description": "Label to use when no date is currently selected"
163 150
},
164 151
{
165 152
"prop": "labelCalendar",
166 -
"settings": true,
167 153
"description": "Value of the `aria-label` and `role-description` attributes applied to the calendar grid"
168 154
},
169 155
{
170 156
"prop": "labelNav",
171 -
"settings": true,
172 157
"description": "Value of the `aria-label` attribute on to the calendar navigation button wrapper"
173 158
},
174 159
{
175 160
"prop": "labelHelp",
176 -
"settings": true,
177 161
"description": "Help text that appears at the bottom of the calendar grid"
178 162
},
179 163
{
@@ -122,7 +122,6 @@
122 122
},
123 123
{
124 124
"prop": "subTitleTextVariant",
125 -
"settings": true,
126 125
"description": "Applies one of the Bootstrap theme color variants to the sub title text"
127 126
}
128 127
]
@@ -56,22 +56,18 @@
56 56
},
57 57
{
58 58
"prop": "labelPrev",
59 -
"settings": true,
60 59
"description": "Sets the 'aria-label' value for the previous slide control"
61 60
},
62 61
{
63 62
"prop": "labelNext",
64 -
"settings": true,
65 63
"description": "Sets the 'aria-label' value for the next slide control"
66 64
},
67 65
{
68 66
"prop": "labelGotoSlide",
69 -
"settings": true,
70 67
"description": "Sets the prefix for the 'aria-label' on the slide indicator controls. Will be suffixed with the slide number (1 indexed)"
71 68
},
72 69
{
73 70
"prop": "labelIndicators",
74 -
"settings": true,
75 71
"description": "Sets the 'aria-label' on the indicator controls wrapper"
76 72
},
77 73
{
@@ -13,12 +13,10 @@
13 13
"props": [
14 14
{
15 15
"prop": "size",
16 -
"settings": true,
17 16
"description": "Set the size of the component's appearance. 'sm', 'md' (default), or 'lg'"
18 17
},
19 18
{
20 19
"prop": "variant",
21 -
"settings": true,
22 20
"description": "Applies one of the Bootstrap theme color variants to the component"
23 21
},
24 22
{
@@ -63,7 +61,6 @@
63 61
},
64 62
{
65 63
"prop": "toggleText",
66 -
"settings": true,
67 64
"description": "ARIA label (sr-only) to set on the toggle when in split mode"
68 65
},
69 66
{
@@ -101,7 +98,6 @@
101 98
},
102 99
{
103 100
"prop": "splitVariant",
104 -
"settings": true,
105 101
"description": "Applies one of the Bootstrap theme color variants to the split button. Defaults to the 'variant' prop value"
106 102
},
107 103
{
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