@mptw/skylens-ui 1.4.25 → 1.4.27
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/components/SLButton.vue +23 -8
- package/package.json +1 -1
package/components/SLButton.vue
CHANGED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
button(:type='type', :class='btnClass' :disabled="disabled")
|
|
3
3
|
.btn-content
|
|
4
4
|
slot
|
|
5
|
-
SLIcon(v-if='icon !== ""', :icon='icon')
|
|
5
|
+
SLIcon.btn-icon(v-if='icon !== ""', :icon='icon')
|
|
6
6
|
span(v-if='title !== ""') {{ title }}
|
|
7
|
-
SLIcon(v-if='postIcon !== ""', :icon='postIcon')
|
|
7
|
+
SLIcon.btn-icon(v-if='postIcon !== ""', :icon='postIcon')
|
|
8
8
|
.btn-loading
|
|
9
9
|
.loading
|
|
10
10
|
div
|
|
@@ -40,6 +40,7 @@ export default defineComponent({
|
|
|
40
40
|
"gray-5",
|
|
41
41
|
"gray-2",
|
|
42
42
|
"secondary",
|
|
43
|
+
"secondary-600",
|
|
43
44
|
"blue-1",
|
|
44
45
|
"insight-title-line",
|
|
45
46
|
].includes(val),
|
|
@@ -140,10 +141,10 @@ export default defineComponent({
|
|
|
140
141
|
border-color white transparent transparent transparent
|
|
141
142
|
|
|
142
143
|
&-primary
|
|
143
|
-
@apply bg-primary border-primary text-white s("hover:bg-primary-
|
|
144
|
+
@apply bg-primary border-primary text-white s("hover:bg-primary-800") s("hover:border-primary-800")
|
|
144
145
|
|
|
145
146
|
&.btn-outline
|
|
146
|
-
@apply text-primary s("hover:text-primary-
|
|
147
|
+
@apply text-primary s("hover:text-primary-800")
|
|
147
148
|
|
|
148
149
|
.btn-loading
|
|
149
150
|
.loading
|
|
@@ -151,10 +152,10 @@ export default defineComponent({
|
|
|
151
152
|
border-color theme('colors.primary.DEFAULT') transparent transparent transparent
|
|
152
153
|
|
|
153
154
|
&-primary-600
|
|
154
|
-
@apply bg-primary-600 border-primary-600 text-white s("hover:bg-primary
|
|
155
|
+
@apply bg-primary-600 border-primary-600 text-white s("hover:bg-primary") s("hover:border-primary")
|
|
155
156
|
|
|
156
157
|
&.btn-outline
|
|
157
|
-
@apply text-primary-600 s("hover:text-primary
|
|
158
|
+
@apply text-primary-600 s("hover:text-primary")
|
|
158
159
|
|
|
159
160
|
.btn-loading
|
|
160
161
|
.loading
|
|
@@ -217,10 +218,21 @@ export default defineComponent({
|
|
|
217
218
|
border-color theme('colors.gray.3') transparent transparent transparent
|
|
218
219
|
|
|
219
220
|
&-secondary
|
|
220
|
-
@apply bg-secondary border-secondary text-white s("hover:bg-secondary") s("hover:border-secondary")
|
|
221
|
+
@apply bg-secondary border-secondary text-white s("hover:bg-secondary-800") s("hover:border-secondary-800")
|
|
221
222
|
|
|
222
223
|
&.btn-outline
|
|
223
|
-
@apply text-secondary s("hover:text-secondary")
|
|
224
|
+
@apply text-secondary s("hover:text-secondary-800")
|
|
225
|
+
|
|
226
|
+
.btn-loading
|
|
227
|
+
.loading
|
|
228
|
+
div
|
|
229
|
+
border-color theme('colors.secondary.500') transparent transparent transparent
|
|
230
|
+
|
|
231
|
+
&-secondary-600
|
|
232
|
+
@apply bg-secondary-600 border-secondary-600 text-white s("hover:bg-secondary") s("hover:border-secondary")
|
|
233
|
+
|
|
234
|
+
&.btn-outline
|
|
235
|
+
@apply text-secondary-600 s("hover:text-secondary")
|
|
224
236
|
|
|
225
237
|
.btn-loading
|
|
226
238
|
.loading
|
|
@@ -273,6 +285,9 @@ export default defineComponent({
|
|
|
273
285
|
.btn-content
|
|
274
286
|
@apply inline-flex items-center space-x-2
|
|
275
287
|
|
|
288
|
+
.icon.btn-icon
|
|
289
|
+
@apply text-xs
|
|
290
|
+
|
|
276
291
|
.btn-loading
|
|
277
292
|
@apply absolute s('top-1/2') s('left-1/2') w-4 h-4 s('-translate-x-1/2') s('-translate-y-1/2') pointer-events-none hidden
|
|
278
293
|
|