@burh/nuxt-core 1.0.370 → 1.0.372

package/components/burh-ds/Modals/AddCustomerModal.vue

@@ -104,9 +104,12 @@
 									v-model="city"
 									placeholder="Cidade"
 									filterable
+									remote
+									:remote-method="getCityList"
 									:auto-complete="`${city}-new`"
 									:error="errors[0]"
 									:valid="errors.length ? true : false"
+									:loading="isSelectLoading"
 								>
 									<div class="text-center" slot="empty">
 										<p class="small mb-2 mt-3">Nenhuma cidade encontrada</p>
@@ -200,6 +203,7 @@ export default {
 		isActive(to) {
 			if (!to) {
 				this.resetFields();
+				this.cityList = [];
 			}
 		},
 		userData(to) {
@@ -227,9 +231,8 @@ export default {
 			cep: '',
 			address: '',
 			city: '',
-
 			isEditing: false,
-
+			isSelectLoading: false,
 			cityList: [],
 			permissions: false,
 			permessionsData: [
@@ -277,16 +280,30 @@ export default {
 				title: message,
 			});
 		},
-		async getCityList() {
-			let cityList = await fetch('https://raw.githubusercontent.com/Skuth/cidades-com-estados-brasil/main/cidades.json')
-				.then(res => res.json())
-				.catch(() => {});
+		async getCityList(query) {
+			const getCityData  = async ()=> {
+				return await fetch('https://raw.githubusercontent.com/Skuth/cidades-com-estados-brasil/main/cidades.json')
+					.then(res => res.json())
+					.catch(() => {});
+			};
 
-			this.cityList = cityList.map(city => {
-				return {
-					value: `${city.city} / ${city.uf}`
-				};
-			});
+			if (query && query.length > 3) {
+				this.isSelectLoading = true;
+
+				let cityList = await getCityData();
+
+				cityList = cityList.filter(city => String(city.city).toLowerCase().startsWith(query.toLowerCase()));
+
+				this.cityList = cityList.map(city => {
+					return {
+						value: `${city.city} / ${city.uf}`
+					};
+				});
+
+				this.isSelectLoading = false;
+			} else if (this.cityList.length > 0 && query.length <= 3) {
+				this.cityList = [];
+			}
 		},
 		async checkZipcode() {
 			await this.$services.company

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burh/nuxt-core",
-  "version": "1.0.370",
+  "version": "1.0.372",
   "description": "Design System and Components.",
   "author": "Burh",
   "scripts": {