+23
-4
lines changedFilter options
+23
-4
lines changed Original file line number Diff line number Diff line change
@@ -49,7 +49,8 @@
49
49
{
50
50
name: 'md-content',
51
51
type: 'String, Number',
52
-
description: 'A content for badge'
52
+
description: 'A content for badge',
53
+
defaults: ' '
53
54
},
54
55
{
55
56
name: 'md-position',
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
1
1
<template>
2
2
<div class="md-badge-content" v-if="hasDefaultSlot">
3
3
<slot />
4
-
<md-badge-standalone :class="badgeClasses">
4
+
<md-badge-standalone :class="badgeClasses" :style="styles">
5
5
<div>
6
6
{{ mdContent }}
7
7
</div>
8
8
</md-badge-standalone>
9
9
</div>
10
-
<md-badge-standalone :class="badgeClasses" v-else>
10
+
<md-badge-standalone :class="badgeClasses" :style="styles" v-else>
11
11
{{ mdContent }}
12
12
</md-badge-standalone>
13
13
</template>
@@ -40,9 +40,27 @@
40
40
return !!this.$slots.default
41
41
},
42
42
badgeClasses () {
43
+
const staticClass = this.$vnode.data.staticClass ?
44
+
this.$vnode.data.staticClass.split(' ').filter(val => val).reduce((result, key) => {
45
+
result[key] = true
46
+
return result
47
+
}, {}) : {}
48
+
49
+
const dynamicClass = this.$vnode.data.class
50
+
43
51
return {
44
52
['md-position-' + this.mdPosition]: true,
45
-
'md-dense': this.mdDense
53
+
'md-dense': this.mdDense,
54
+
...staticClass,
55
+
...dynamicClass
56
+
}
57
+
},
58
+
styles () {
59
+
const staticStyle = this.$vnode.data.staticStyle
60
+
const style = this.$vnode.data.style
61
+
return {
62
+
...staticStyle,
63
+
...style
46
64
}
47
65
}
48
66
}
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