srcdev-nuxt-forms 6.1.13 → 6.1.14
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.
|
@@ -52,8 +52,8 @@ const props = defineProps({
|
|
|
52
52
|
},
|
|
53
53
|
},
|
|
54
54
|
stepAnimationDuration: {
|
|
55
|
-
type:
|
|
56
|
-
default:
|
|
55
|
+
type: String as PropType<string>,
|
|
56
|
+
default: "250ms",
|
|
57
57
|
},
|
|
58
58
|
styleClassPassthrough: {
|
|
59
59
|
type: Array as PropType<string[]>,
|
|
@@ -75,10 +75,13 @@ const selectedOptionIndex = computed(() => {
|
|
|
75
75
|
return fieldData.value.data.findIndex((option) => option.value === modelValue.value)
|
|
76
76
|
})
|
|
77
77
|
|
|
78
|
-
const setupDefaults = () => {
|
|
78
|
+
const setupDefaults = async () => {
|
|
79
79
|
if (Array.isArray(optionGroupRefs.value) && optionGroupRefs.value[0]) {
|
|
80
80
|
iconWidth.value = optionGroupRefs.value[0].getBoundingClientRect().width + "px"
|
|
81
81
|
}
|
|
82
|
+
|
|
83
|
+
await useSleep(250)
|
|
84
|
+
showMarker.value = true
|
|
82
85
|
}
|
|
83
86
|
|
|
84
87
|
onMounted(() => {
|
|
@@ -165,7 +168,7 @@ onMounted(() => {
|
|
|
165
168
|
.selected-option-marker {
|
|
166
169
|
aspect-ratio: 1;
|
|
167
170
|
width: v-bind(iconWidth);
|
|
168
|
-
transition: all
|
|
171
|
+
transition: all v-bind(stepAnimationDuration) ease-in-out;
|
|
169
172
|
background-color: var(--_select-scheme-group-background-color);
|
|
170
173
|
background-image: var(--_select-scheme-group-background-image);
|
|
171
174
|
border: var(--form-element-border-width) solid light-dark(var(--gray-12), var(--gray-0));
|
|
@@ -177,7 +180,7 @@ onMounted(() => {
|
|
|
177
180
|
v-bind(selectedOptionIndex) * v-bind(iconWidth) + (var(--_form-items-gap) * v-bind(selectedOptionIndex))
|
|
178
181
|
);
|
|
179
182
|
|
|
180
|
-
opacity:
|
|
183
|
+
opacity: 0;
|
|
181
184
|
|
|
182
185
|
&.show {
|
|
183
186
|
opacity: 1;
|
package/package.json
CHANGED