tracked-instance 1.0.19 → 1.0.21

package/README.md

@@ -280,5 +280,6 @@ interface CollectionItem {
   isRemoved: Ref<boolean>
   isNew: Ref<boolean> //weather is new instance. Field can be changed manually or changed in loadData in second argument
   meta: Record<string, any>
+  remove: (isHardRemove?: boolean) => void
 }
 ```

package/dist/index.mjs

@@ -1675,39 +1675,45 @@ function useTrackedInstance(initialData) {
 }
 
 // src/collection.ts
-import { computed as computed2, ref, shallowRef, triggerRef } from "vue";
+import { computed as computed2, markRaw, ref } from "vue";
 var useCollection = (createItemMeta = () => void 0) => {
-  const items = shallowRef([]);
+  const items = ref([]);
   const isDirty = computed2(
-    () => items.value.some(({ instance, isRemoved, isNew }) => instance.isDirty.value || isNew.value || isRemoved.value)
+    () => items.value.some(({
+      instance,
+      isRemoved,
+      isNew
+    }) => instance.isDirty.value || isNew.value || isRemoved.value)
   );
   const createItem = (item, isNew) => {
     const instance = useTrackedInstance(item);
-    return {
+    const collectionItem = markRaw({
       isRemoved: ref(false),
       isNew: ref(isNew),
       instance,
-      meta: createItemMeta(instance)
-    };
+      meta: createItemMeta(instance),
+      remove: (isHardRemove = false) => {
+        const index = items.value.indexOf(collectionItem);
+        remove(index, isHardRemove);
+      }
+    });
+    return collectionItem;
   };
   const add = (item, index = items.value.length) => {
     const newItem = createItem(item, true);
     items.value.splice(index, 0, newItem);
-    triggerRef(items);
     return newItem;
   };
   const remove = (index, isHardRemove = false) => {
     const item = items.value[index];
     if (item.isNew.value || isHardRemove) {
       items.value.splice(index, 1);
-      triggerRef(items);
     } else {
       items.value[index].isRemoved.value = true;
     }
   };
   const loadData = (loadedItems) => {
     items.value = loadedItems.map((item) => createItem(item, false));
-    triggerRef(items);
   };
   const reset = () => {
     items.value = items.value.filter(({ isNew }) => !isNew.value);
@@ -1715,7 +1721,6 @@ var useCollection = (createItemMeta = () => void 0) => {
       item.isRemoved.value = false;
       item.instance.reset();
     }
-    triggerRef(items);
   };
   return {
     items,

package/dist/types/collection.d.ts

@@ -1,13 +1,14 @@
-import { ComputedRef, Ref, ShallowRef } from 'vue';
+import { ComputedRef, Raw, Ref } from 'vue';
 import { TrackedInstance } from './tracked-instance';
-export interface CollectionItem<Item, Meta = undefined> {
+export type CollectionItem<Item, Meta = undefined> = Raw<{
     instance: TrackedInstance<Item>;
     meta: Meta;
     isRemoved: Ref<boolean>;
     isNew: Ref<boolean>;
-}
+    remove: (isHardRemoved?: boolean) => void;
+}>;
 export interface Collection<Item, Meta = undefined> {
-    items: ShallowRef<CollectionItem<Item, Meta>[]>;
+    items: Ref<CollectionItem<Item, Meta>[]>;
     isDirty: ComputedRef<boolean>;
     add: (item: Item, afterIndex?: number) => CollectionItem<Item, Meta>;
     remove: (index: number, isHardRemove?: boolean) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tracked-instance",
-  "version": "1.0.19",
+  "version": "1.0.21",
   "description": "Build large forms and track all changes",
   "type": "module",
   "scripts": {