sprintify-ui 0.0.121 → 0.0.122

package/dist/types/src/components/BaseHasMany.vue.d.ts

@@ -1,9 +1,9 @@
-import { PropType } from 'vue';
 import { Option } from '@/types';
+import { PropType } from 'vue';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: {
-        required: true;
-        type: PropType<Option[] | null>;
+        default: undefined;
+        type: PropType<string[] | null | undefined>;
     };
     url: {
         required: true;
@@ -53,8 +53,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     setKeywords: (input: string) => void | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        required: true;
-        type: PropType<Option[] | null>;
+        default: undefined;
+        type: PropType<string[] | null | undefined>;
     };
     url: {
         required: true;
@@ -103,6 +103,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     disabled: boolean;
     max: number;
     placeholder: string;
+    modelValue: string[] | null | undefined;
     hasError: boolean;
     queryKey: string;
     primaryKey: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.0.121",
+  "version": "0.0.122",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseHasMany.vue

@@ -17,23 +17,24 @@
       <slot name="option" v-bind="optionProps" />
     </template>
     <template #empty="emptyProps">
-      <slot name="empty" v-bind="emptyProps"></slot>
+      <slot name="empty" v-bind="emptyProps" />
     </template>
     <template #footer="footerProps">
-      <slot name="footer" v-bind="footerProps"></slot>
+      <slot name="footer" v-bind="footerProps" />
     </template>
   </BaseTagAutocompleteFetch>
 </template>
 
 <script lang="ts" setup>
-import { PropType, Ref } from 'vue';
+import { isEqual } from 'lodash';
 import { Option } from '@/types';
 import BaseTagAutocompleteFetch from './BaseTagAutocompleteFetch.vue';
+import { PropType, Ref } from 'vue';
 
 const props = defineProps({
   modelValue: {
-    required: true,
-    type: [Array, null] as PropType<Option[] | null>,
+    default: undefined,
+    type: [Array, null, undefined] as PropType<string[] | null | undefined>,
   },
   url: {
     required: true,
@@ -90,6 +91,10 @@ const models = ref(props.currentModels);
 watch(
   () => props.currentModels,
   (newValue, oldValue) => {
+    if (isEqual(newValue, oldValue)) {
+      return;
+    }
+
     models.value = newValue;
   },
   { deep: true }