sprintify-ui 0.10.48 → 0.10.49

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.10.48",
+  "version": "0.10.49",
   "type": "module",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",

package/src/components/BaseBelongsToFetch.vue

@@ -49,7 +49,7 @@ import { config } from '@/index';
 import BaseAutocompleteFetch from './BaseAutocompleteFetch.vue';
 import { RawOption, SelectConfiguration } from '@/types';
 import { Size } from '@/utils/sizes';
-import { debounce, isObject } from 'lodash';
+import { debounce, isObject, uniqueId } from 'lodash';
 
 const props = withDefaults(
   defineProps<{
@@ -107,19 +107,20 @@ const autocompleteFetch = ref<InstanceType<
 > | null>(null);
 
 const model = ref<RawOption | null>(null);
-const ensureModelIsFilledDebounced = debounce(ensureModelIsFilled, 100);
+
+const ensureModelIsFilledWithRouteDebounced = debounce(ensureModelIsFilledWithRoute, 50);
 
 watch(
   () => props.currentModel,
-  ensureModelIsFilledDebounced,
+  ensureModelIsFilled,
 );
 
 watch(
   () => props.modelValue,
-  ensureModelIsFilledDebounced,
+  ensureModelIsFilled,
 );
 
-ensureModelIsFilledDebounced();
+ensureModelIsFilled();
 
 function onUpdate(newModel: RawOption | null) {
   if (!newModel) {
@@ -157,10 +158,33 @@ function ensureModelIsFilled() {
     return;
   }
 
+  ensureModelIsFilledWithRouteDebounced();
+}
+
+
+let ensureModelIsFilledWithRouteLastId = null as string | number | null;
+
+function ensureModelIsFilledWithRoute() {
+  if (props.modelValue == null) {
+    model.value = null;
+    return;
+  }
+
+  if (props.showRouteUrl == null) {
+    return;
+  }
+
+  const ensureModelIsFilledWithRouteCurrentId = uniqueId();
+  ensureModelIsFilledWithRouteLastId = ensureModelIsFilledWithRouteCurrentId;
+
   http
     .get(props.showRouteUrl(props.modelValue))
     .then((response: AxiosResponse) => {
 
+      if (ensureModelIsFilledWithRouteLastId !== ensureModelIsFilledWithRouteCurrentId) {
+        return;
+      }
+
       const data = response.data as Record<string, unknown>;
 
       if (!isObject(data)) {