@eturnity/eturnity_reusable_components 6.43.1 → 6.43.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@eturnity/eturnity_reusable_components",
|
|
3
|
-
"version": "6.43.
|
|
3
|
+
"version": "6.43.2",
|
|
4
4
|
"private": false,
|
|
5
5
|
"scripts": {
|
|
6
6
|
"dev": "vue-cli-service serve",
|
|
@@ -63,4 +63,4 @@
|
|
|
63
63
|
"author": "Aaron Enser",
|
|
64
64
|
"license": "ISC",
|
|
65
65
|
"homepage": "https://bitbucket.org/eturnitydevs/eturnity_reusable_components#readme"
|
|
66
|
-
}
|
|
66
|
+
}
|
|
@@ -15,7 +15,9 @@
|
|
|
15
15
|
:name="name"
|
|
16
16
|
:color="iconColor"
|
|
17
17
|
:hoveredColor="hoveredIconColor"
|
|
18
|
+
:isStriked="isStriked"
|
|
18
19
|
/>
|
|
20
|
+
|
|
19
21
|
<caret v-if="hasCaret">
|
|
20
22
|
<iconWrapper
|
|
21
23
|
:disabled="disabled"
|
|
@@ -42,18 +44,24 @@
|
|
|
42
44
|
import styled from 'vue-styled-components'
|
|
43
45
|
import icon from '../icon'
|
|
44
46
|
const wrapperAttrs = {
|
|
47
|
+
color: String,
|
|
45
48
|
isHovered: Boolean,
|
|
46
49
|
borderRadius: String,
|
|
47
50
|
disabled: Boolean,
|
|
48
51
|
size: String,
|
|
49
52
|
backgroundColor: String,
|
|
50
|
-
hoveredBackgroundColor: String
|
|
53
|
+
hoveredBackgroundColor: String,
|
|
54
|
+
hasBorder: Boolean
|
|
51
55
|
}
|
|
52
56
|
const Wrapper = styled('div', wrapperAttrs)`
|
|
53
57
|
position: relative;
|
|
54
58
|
display: inline-flex;
|
|
55
59
|
width: ${(props) => props.size};
|
|
56
60
|
height: ${(props) => props.size};
|
|
61
|
+
border: ${(props) =>
|
|
62
|
+
props.hasBorder
|
|
63
|
+
? 'solid 1px ' + props.theme.colors[props.color] || props.color
|
|
64
|
+
: ''};
|
|
57
65
|
justify-content: center;
|
|
58
66
|
align-items: center;
|
|
59
67
|
cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};
|
|
@@ -104,6 +112,10 @@ export default {
|
|
|
104
112
|
backgroundColor: {
|
|
105
113
|
required: false
|
|
106
114
|
},
|
|
115
|
+
hasBorder: {
|
|
116
|
+
required: false,
|
|
117
|
+
default: false
|
|
118
|
+
},
|
|
107
119
|
hoveredBackgroundColor: {
|
|
108
120
|
required: false,
|
|
109
121
|
default: 'transparentWhite1'
|
|
@@ -122,11 +134,15 @@ export default {
|
|
|
122
134
|
},
|
|
123
135
|
borderRadius: {
|
|
124
136
|
required: false,
|
|
125
|
-
default: '
|
|
137
|
+
default: '4px'
|
|
126
138
|
},
|
|
127
139
|
isHovered: {
|
|
128
140
|
required: false,
|
|
129
141
|
default: false
|
|
142
|
+
},
|
|
143
|
+
isStriked: {
|
|
144
|
+
required: false,
|
|
145
|
+
default: false
|
|
130
146
|
}
|
|
131
147
|
},
|
|
132
148
|
data() {
|
|
@@ -434,9 +434,9 @@ export default {
|
|
|
434
434
|
required: false,
|
|
435
435
|
default: 'eturnityGrey'
|
|
436
436
|
},
|
|
437
|
-
focus:{
|
|
437
|
+
focus: {
|
|
438
438
|
required: false,
|
|
439
|
-
default:
|
|
439
|
+
default: true
|
|
440
440
|
}
|
|
441
441
|
},
|
|
442
442
|
computed: {
|
|
@@ -578,7 +578,8 @@ export default {
|
|
|
578
578
|
}
|
|
579
579
|
this.isFocused = true
|
|
580
580
|
this.$nextTick(() => {
|
|
581
|
-
this.$refs.inputField1.$el.focus()
|
|
581
|
+
// this.$refs.inputField1.$el.focus()
|
|
582
|
+
this.$refs.inputField1.$el.select()
|
|
582
583
|
})
|
|
583
584
|
this.$emit('input-focus')
|
|
584
585
|
},
|
|
@@ -664,14 +665,14 @@ export default {
|
|
|
664
665
|
})
|
|
665
666
|
}
|
|
666
667
|
},
|
|
667
|
-
mounted(){
|
|
668
|
-
if(this.focus){
|
|
668
|
+
mounted() {
|
|
669
|
+
if (this.focus) {
|
|
669
670
|
this.focusInput()
|
|
670
671
|
}
|
|
671
672
|
},
|
|
672
673
|
watch: {
|
|
673
|
-
focus(value){
|
|
674
|
-
if(value){
|
|
674
|
+
focus(value) {
|
|
675
|
+
if (value) {
|
|
675
676
|
this.focusInput()
|
|
676
677
|
}
|
|
677
678
|
},
|