@mptw/skylens-ui 1.4.11 → 1.4.12
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/SLSelect.vue +17 -7
- package/package.json +1 -1
package/components/SLSelect.vue
CHANGED
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
slot(name='invalid-feedback') {{ invalidFeedback }}
|
|
17
17
|
ClientOnly
|
|
18
18
|
Teleport(to="body")
|
|
19
|
-
.select-options(ref='optionList', :style="`min-width: ${popupMaxWidth}px`")
|
|
19
|
+
.select-options(ref='optionList', :class='{ "select-options--sm": size === "sm", "select-options--xs": size === "xs" }', :style="`min-width: ${popupMaxWidth}px`")
|
|
20
20
|
.options-header(v-if='withSearch')
|
|
21
21
|
SLSearchInput(
|
|
22
22
|
v-model='search',
|
|
@@ -59,7 +59,7 @@ export default defineComponent({
|
|
|
59
59
|
size: {
|
|
60
60
|
type: String,
|
|
61
61
|
default: "",
|
|
62
|
-
validator: (val: string) => ["", "sm"].includes(val),
|
|
62
|
+
validator: (val: string) => ["", "sm", "xs"].includes(val),
|
|
63
63
|
},
|
|
64
64
|
modelValue: {
|
|
65
65
|
type: [Number, String, Object, Array] as PropType<any>,
|
|
@@ -465,16 +465,16 @@ export default defineComponent({
|
|
|
465
465
|
.form-control
|
|
466
466
|
@apply flex-grow
|
|
467
467
|
|
|
468
|
+
&.custom-select-xs
|
|
469
|
+
.form-control
|
|
470
|
+
label
|
|
471
|
+
@apply py-px s('px-0.75') text-xs
|
|
472
|
+
|
|
468
473
|
&.custom-select-sm
|
|
469
474
|
.form-control
|
|
470
475
|
label
|
|
471
476
|
@apply s("py-0.75") text-sm
|
|
472
477
|
|
|
473
|
-
.select-options
|
|
474
|
-
.option-list
|
|
475
|
-
.option-button
|
|
476
|
-
@apply py-1 text-sm
|
|
477
|
-
|
|
478
478
|
&.disabled, &.readonly
|
|
479
479
|
.form-control
|
|
480
480
|
label
|
|
@@ -517,6 +517,16 @@ export default defineComponent({
|
|
|
517
517
|
.select-options
|
|
518
518
|
@apply flex flex-col z-60 absolute invisible border border-primary-light rounded bg-white overflow-hidden pointer-events-none
|
|
519
519
|
|
|
520
|
+
&.select-options--xs
|
|
521
|
+
.option-list
|
|
522
|
+
.option-button
|
|
523
|
+
@apply py-1 text-xs
|
|
524
|
+
|
|
525
|
+
&.select-options--sm
|
|
526
|
+
.option-list
|
|
527
|
+
.option-button
|
|
528
|
+
@apply py-1 text-sm
|
|
529
|
+
|
|
520
530
|
&[data-show]
|
|
521
531
|
@apply visible pointer-events-auto
|
|
522
532
|
|