@eturnity/eturnity_reusable_components 6.43.2 → 6.43.4
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.4",
|
|
4
4
|
"private": false,
|
|
5
5
|
"scripts": {
|
|
6
6
|
"dev": "vue-cli-service serve",
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
"vue-styled-components": "1.6.0",
|
|
19
19
|
"vue2-datepicker": "3.11.1",
|
|
20
20
|
"vuedraggable": "2.24.3",
|
|
21
|
-
"core-js": "
|
|
21
|
+
"core-js": "3.31.1"
|
|
22
22
|
},
|
|
23
23
|
"devDependencies": {
|
|
24
24
|
"@storybook/addon-actions": "6.2.8",
|
|
@@ -15,9 +15,7 @@
|
|
|
15
15
|
:name="name"
|
|
16
16
|
:color="iconColor"
|
|
17
17
|
:hoveredColor="hoveredIconColor"
|
|
18
|
-
:isStriked="isStriked"
|
|
19
18
|
/>
|
|
20
|
-
|
|
21
19
|
<caret v-if="hasCaret">
|
|
22
20
|
<iconWrapper
|
|
23
21
|
:disabled="disabled"
|
|
@@ -44,24 +42,18 @@
|
|
|
44
42
|
import styled from 'vue-styled-components'
|
|
45
43
|
import icon from '../icon'
|
|
46
44
|
const wrapperAttrs = {
|
|
47
|
-
color: String,
|
|
48
45
|
isHovered: Boolean,
|
|
49
46
|
borderRadius: String,
|
|
50
47
|
disabled: Boolean,
|
|
51
48
|
size: String,
|
|
52
49
|
backgroundColor: String,
|
|
53
|
-
hoveredBackgroundColor: String
|
|
54
|
-
hasBorder: Boolean
|
|
50
|
+
hoveredBackgroundColor: String
|
|
55
51
|
}
|
|
56
52
|
const Wrapper = styled('div', wrapperAttrs)`
|
|
57
53
|
position: relative;
|
|
58
54
|
display: inline-flex;
|
|
59
55
|
width: ${(props) => props.size};
|
|
60
56
|
height: ${(props) => props.size};
|
|
61
|
-
border: ${(props) =>
|
|
62
|
-
props.hasBorder
|
|
63
|
-
? 'solid 1px ' + props.theme.colors[props.color] || props.color
|
|
64
|
-
: ''};
|
|
65
57
|
justify-content: center;
|
|
66
58
|
align-items: center;
|
|
67
59
|
cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};
|
|
@@ -112,10 +104,6 @@ export default {
|
|
|
112
104
|
backgroundColor: {
|
|
113
105
|
required: false
|
|
114
106
|
},
|
|
115
|
-
hasBorder: {
|
|
116
|
-
required: false,
|
|
117
|
-
default: false
|
|
118
|
-
},
|
|
119
107
|
hoveredBackgroundColor: {
|
|
120
108
|
required: false,
|
|
121
109
|
default: 'transparentWhite1'
|
|
@@ -134,15 +122,11 @@ export default {
|
|
|
134
122
|
},
|
|
135
123
|
borderRadius: {
|
|
136
124
|
required: false,
|
|
137
|
-
default: '
|
|
125
|
+
default: '6px'
|
|
138
126
|
},
|
|
139
127
|
isHovered: {
|
|
140
128
|
required: false,
|
|
141
129
|
default: false
|
|
142
|
-
},
|
|
143
|
-
isStriked: {
|
|
144
|
-
required: false,
|
|
145
|
-
default: false
|
|
146
130
|
}
|
|
147
131
|
},
|
|
148
132
|
data() {
|
|
@@ -436,7 +436,7 @@ export default {
|
|
|
436
436
|
},
|
|
437
437
|
focus: {
|
|
438
438
|
required: false,
|
|
439
|
-
default:
|
|
439
|
+
default: false
|
|
440
440
|
}
|
|
441
441
|
},
|
|
442
442
|
computed: {
|
|
@@ -578,7 +578,6 @@ export default {
|
|
|
578
578
|
}
|
|
579
579
|
this.isFocused = true
|
|
580
580
|
this.$nextTick(() => {
|
|
581
|
-
// this.$refs.inputField1.$el.focus()
|
|
582
581
|
this.$refs.inputField1.$el.select()
|
|
583
582
|
})
|
|
584
583
|
this.$emit('input-focus')
|