feat: adiciona busca por termos individuais no select

Author: jvictordev1

src/components/Select.vue

@@ -170,6 +170,15 @@ const props = defineProps({
 		default: false,
 		required: false,
 	},
+	/**
+	 * Indica se a busca deve levar em consideração argumentos compostos.
+	 * Só tem efeito se a prop `searchable` for `true`.
+	 */
+	deepSearch: {
+		type: Boolean,
+		default: false,
+		required: false,
+	},
 	/**
 	 * @deprecated Define a largura do Select. As opções são 'thin', 'default' e 'wide'.
 	 */
@@ -412,13 +421,34 @@ function filterOptions(value) {
 	}
 
 	const sanitizedString = removeAccents(String(value) || '');
-	const regexExp = new RegExp(sanitizedString, 'i');
+
+	if (props.deepSearch) {
+		deepOptionSearch(sanitizedString);
+	} else {
+		simpleSearch(sanitizedString);
+	}
+}
+
+function simpleSearch(sanitizedSearchValue) {
+	const regexExp = new RegExp(sanitizedSearchValue, 'i');
 
 	localOptions.value = pristineOptions.value.filter(
 		(option) => removeAccents(option[props.optionsField]).search(regexExp) >= 0,
 	);
 }
 
+function deepOptionSearch(sanitizedSearchValue) {
+	localOptions.value = pristineOptions.value.filter(
+		(option) => {
+			const searchArray = sanitizedSearchValue.toLowerCase().split(' ');
+
+			return searchArray.map((i) => {
+				return removeAccents(option[props.optionsField]).toLowerCase().includes(i);
+			}).every((item) => item === true);
+		}
+	);
+}
+
 function activeSelection() {
 	if (props.disabled) return;