sprintify-ui 0.10.47 → 0.10.49

package/dist/types/components/BaseDraggable.vue.d.ts

@@ -3,17 +3,18 @@ type __VLS_Props = {
     itemKey: string;
     handle?: string;
     disabled?: boolean;
+    has?: string;
 };
 declare const elementsRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
 declare function getKey(element: any): any;
 declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
-declare var __VLS_1: {
+declare var __VLS_7: {
     key: any;
     element: any;
     index: number;
 };
 type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
-    item?: (props: typeof __VLS_1) => any;
+    item?: (props: typeof __VLS_7) => any;
 }>;
 declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
     elementsRef: typeof elementsRef;
@@ -24,6 +25,7 @@ declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     disabled: boolean;
+    has: string;
     itemKey: string;
     handle: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -33,6 +35,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     disabled: boolean;
+    has: string;
     itemKey: string;
     handle: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.10.47",
+  "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)) {

package/src/components/BaseDraggable.vue

@@ -1,5 +1,8 @@
 <template>
-  <div ref="elementsRef">
+  <component
+    :is="has"
+    ref="elementsRef"
+  >
     <slot
       v-for="(element, index) in modelValue"
       :key="getKey(element)"
@@ -7,7 +10,7 @@
       :element="element"
       :index="index"
     />
-  </div>
+  </component>
 </template>
 
 <script lang="ts" setup>
@@ -19,10 +22,12 @@ const props = withDefaults(defineProps<{
   itemKey: string;
   handle?: string;
   disabled?: boolean;
+  has?: string
 }>(), {
   itemKey: 'id',
   handle: '.handle',
   disabled: false,
+  has: 'div', // Default to a div if not specified
 });
 
 const emit = defineEmits(['update:modelValue']);