@farm-investimentos/front-mfe-components 15.2.1 → 15.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@farm-investimentos/front-mfe-components",
-	"version": "15.2.1",
+	"version": "15.2.2",
 	"author": "farm investimentos",
 	"private": false,
 	"main": "./dist/front-mfe-components.common.js",

package/src/components/Select/Select.stories.js

@@ -284,7 +284,42 @@ export const MultipleInitValue = () => ({
 	</div>`,
 });
 
-export const ChangeEvennt = () => ({
+export const MultipleResetByValue = () => ({
+	data() {
+		return {
+			filters: {
+				v: [2, 3],
+			},
+			items: [
+				{ id: 0, label: 'value 0' },
+				{ id: 1, label: 'value 1' },
+				{ id: 2, label: 'value 2' },
+				{ id: 3, label: 'value 3' },
+			],
+		};
+	},
+	methods: {
+		click() {
+			this.filters.v = [1];
+		},
+	},
+	template: `<div style="width: 400px">
+		<farm-select
+			v-model="filters.v"
+			item-value="id"
+			item-text="label"
+			ref="select"
+			multiple
+			:items="items"
+		/>
+		v-model: {{ filters.v }}
+		<farm-btn @click="click">
+			reset
+		</farm-btn>
+	</div>`,
+});
+
+export const ChangeEvent = () => ({
 	data() {
 		return {
 			v: null,

package/src/components/Select/Select.vue

@@ -264,12 +264,16 @@ export default Vue.extend({
 			newValue => {
 				innerValue.value = newValue;
 				errorBucket.value = [];
+
 				if (
 					(multiple.value && newValue === null) ||
 					(Array.isArray(newValue) && newValue.length === 0)
 				) {
 					multipleValues.value = [];
 				}
+				if (Array.isArray(newValue) && newValue.length > 0) {
+					multipleValues.value = [...newValue];
+				}
 				validate(newValue);
 				updateSelectedTextValue();
 				emit('input', newValue);