Merge pull request #1001 from Sysvale/fix/select-reactivity

fix/select-reactivity

Author: IhGori

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@sysvale/cuida",
-	"version": "3.138.0",
+	"version": "3.138.1",
 	"description": "A design system built by Sysvale, using storybook and Vue components",
 	"repository": {
 		"type": "git",

src/components/Select.vue

@@ -10,10 +10,9 @@
 		>
 			<CdsBaseInput
 				:id="$attrs.id || id"
-				:key="baseInputControl"
 				ref="baseInput"
 				v-bind="{...$attrs, ...props}"
-				:model-value="get(localValue, optionsField)"
+				v-model="computedModel"
 				type="text"
 				:onkeypress="`return ${allowSearch};`"
 				:placeholder="placeholder"
@@ -98,7 +97,6 @@ import { get, cloneDeep } from 'lodash';
 import removeAccents from '../utils/methods/removeAccents';
 import CdsBaseInput from './BaseInput.vue';
 
-
 const model = defineModel('modelValue', {
 	type: [Array, Object],
 });
@@ -296,7 +294,6 @@ const cdsSelect = useTemplateRef('cds-select');
 const selectOptions = useTemplateRef('select-options');
 const liRefs = ref({});
 const { emitClick, emitFocus, emitBlur, emitKeydown } = nativeEmits(emits);
-const baseInputControl = ref(0);
 const searchString = ref('');
 
 /* COMPUTED */
@@ -335,6 +332,7 @@ const showAddOption = computed(() => {
 		&& !localOptions.value.some(option => option[props.optionsField]?.toLowerCase() === searchString?.value.toLowerCase());
 });
 
+const computedModel = computed(() => localValue.value[props.optionsField]);
 
 //NOTE: Essa computada vai ser removida junto com a descontinuação da prop width na V4
 const computedFluid = computed(() => {
@@ -390,6 +388,7 @@ watch(localValue, (currentValue) => {
 
 /* HOOKS */
 onMounted(() => {
+	console.log('Select t2');
 	id.value = `cds-select-${uniqueKey.value}`;
 	selectElement.value = cdsSelect.value;
 });
@@ -441,7 +440,6 @@ function activateSelectionOnEnter() {
 	}
 
 	searchString.value = '';
-	baseInputControl.value += 1;
 	select.value.blur();
 }
 
@@ -472,7 +470,6 @@ function hide() {
 	nextTick(() => {
 		localOptions.value = pristineOptions.value;
 		searchString.value = '';
-		baseInputControl.value += 1;
 		active.value = false;
 	});