sprintify-ui 0.0.101 → 0.0.103

package/src/components/BaseHasMany.vue

@@ -1,5 +1,6 @@
 <template>
   <BaseTagAutocompleteFetch
+    ref="tagAutocompleteFetch"
     :model-value="models"
     :url="url"
     :disabled="disabled"
@@ -25,7 +26,7 @@
 </template>
 
 <script lang="ts" setup>
-import { PropType } from 'vue';
+import { PropType, Ref } from 'vue';
 import { Option } from '@/types';
 import BaseTagAutocompleteFetch from './BaseTagAutocompleteFetch.vue';
 
@@ -80,6 +81,10 @@ const props = defineProps({
 
 const emit = defineEmits(['update:modelValue']);
 
+const tagAutocompleteFetch = ref(null) as Ref<InstanceType<
+  typeof BaseTagAutocompleteFetch
+> | null>;
+
 const models = ref(props.currentModels);
 
 watch(
@@ -97,4 +102,13 @@ function onUpdate(newModels: Option[]) {
     newModels.map((m) => m[props.primaryKey])
   );
 }
+
+defineExpose({
+  focus: () => tagAutocompleteFetch.value?.focus(),
+  blur: () => tagAutocompleteFetch.value?.blur(),
+  open: () => tagAutocompleteFetch.value?.open(),
+  close: () => tagAutocompleteFetch.value?.close(),
+  setKeywords: (input: string) =>
+    tagAutocompleteFetch.value?.setKeywords(input),
+});
 </script>

package/src/components/BaseTagAutocompleteFetch.vue

@@ -1,5 +1,6 @@
 <template>
   <BaseTagAutocomplete
+    ref="tagAutocomplete"
     :loading="showLoading && page == 1"
     :loading-bottom="showLoading && page > 1"
     :model-value="modelValue"
@@ -89,6 +90,10 @@ const props = defineProps({
 
 defineEmits(['update:modelValue', 'typing', 'focus', 'scrollBottom']);
 
+const tagAutocomplete = ref(null) as Ref<InstanceType<
+  typeof BaseTagAutocomplete
+> | null>;
+
 const http = config.http;
 
 const showLoading = ref(false);
@@ -167,4 +172,12 @@ const search = () => {
 const debouncedSearch = debounce(() => {
   search();
 }, 300);
+
+defineExpose({
+  focus: () => tagAutocomplete.value?.focus(),
+  blur: () => tagAutocomplete.value?.blur(),
+  open: () => tagAutocomplete.value?.open(),
+  close: () => tagAutocomplete.value?.close(),
+  setKeywords: (input: string) => tagAutocomplete.value?.setKeywords(input),
+});
 </script>