tracked-instance 1.0.21 → 1.0.23

package/dist/index.mjs

@@ -1333,13 +1333,14 @@ function baseClone(value, bitmask, customizer, key, object, stack) {
 }
 var baseClone_default = baseClone;
 
-// node_modules/lodash-es/cloneDeep.js
+// node_modules/lodash-es/cloneDeepWith.js
 var CLONE_DEEP_FLAG2 = 1;
 var CLONE_SYMBOLS_FLAG2 = 4;
-function cloneDeep(value) {
-  return baseClone_default(value, CLONE_DEEP_FLAG2 | CLONE_SYMBOLS_FLAG2);
+function cloneDeepWith(value, customizer) {
+  customizer = typeof customizer == "function" ? customizer : void 0;
+  return baseClone_default(value, CLONE_DEEP_FLAG2 | CLONE_SYMBOLS_FLAG2, customizer);
 }
-var cloneDeep_default = cloneDeep;
+var cloneDeepWith_default = cloneDeepWith;
 
 // node_modules/lodash-es/_hasPath.js
 function hasPath(object, path, hasFunc) {
@@ -1494,6 +1495,14 @@ var createNestedRef = (source, handler) => customRef((track, trigger) => {
     }
   };
 });
+var cloneDeep = (inputValue) => cloneDeepWith_default(inputValue, (value) => {
+  if (value instanceof Date) {
+    return new Date(value.getTime());
+  }
+  if (value instanceof File) {
+    return value;
+  }
+});
 
 // src/tracked-instance.ts
 var ArrayInOriginalData = class {
@@ -1589,22 +1598,22 @@ function useTrackedInstance(initialData) {
       return result;
     }
   }));
-  const _data = createNestedRef({ root: cloneDeep_default(initialData) }, (parentThree) => ({
+  const _data = createNestedRef({ root: cloneDeep(initialData) }, (parentThree) => ({
     set(target, property, value, receiver) {
       const path = parentThree.concat({ target, property, receiver });
       const oldValue = target[property];
       const triggerChangingArrayItems = () => {
-        const originalDataValue = get_default(
+        const arrayInOriginalData = get_default(
           _originalData.value,
           path.map((i) => i.property)
         );
-        const { length: originalDataLength } = originalDataValue || oldValue;
-        if (value < originalDataLength) {
-          for (let i = value; i < originalDataLength; i++) {
+        const originalDataValue = arrayInOriginalData?.length || oldValue;
+        if (value < originalDataValue) {
+          for (let i = value; i < originalDataValue; i++) {
             delete receiver[i];
           }
-        } else if (originalDataLength < value) {
-          for (let i = originalDataLength; i < value; i++) {
+        } else if (originalDataValue < value) {
+          for (let i = originalDataValue; i < value; i++) {
             receiver[i] = void 0;
           }
         }
@@ -1616,10 +1625,11 @@ function useTrackedInstance(initialData) {
       } else {
         snapshotValueToOriginalData(_originalData.value, path, value);
       }
-      return Reflect.set(target, property, cloneDeep_default(value), receiver);
+      return Reflect.set(target, property, cloneDeep(value), receiver);
     },
     deleteProperty(target, property) {
-      setOriginalDataValue(_originalData.value, parentThree.concat({ target, property }));
+      const path = parentThree.concat({ target, property });
+      snapshotValueToOriginalData(_originalData.value, path, void 0);
       return Reflect.deleteProperty(target, property);
     }
   }));
@@ -1646,7 +1656,7 @@ function useTrackedInstance(initialData) {
   });
   const changedData = computed(() => _changedData.value.root);
   const loadData = (newData) => {
-    _data.value = { root: cloneDeep_default(newData) };
+    _data.value = { root: cloneDeep(newData) };
     _originalData.value = {};
   };
   const reset = () => {

package/dist/types/utils.d.ts

@@ -9,7 +9,8 @@ export interface NestedProxyPathItem {
 export declare const isObject: (value: unknown) => boolean;
 export declare const isEmpty: (value: object) => boolean;
 export declare const iterateObject: (source: Record<string, any>, params?: {
-    goDeepCondition?: ((path: string[], value: any) => boolean) | undefined;
-    includeParent?: boolean | undefined;
-}) => Generator<[string[], any], void, unknown>;
-export declare const createNestedRef: <Source extends Record<string, any>>(source: Source, handler: <InnerSource extends Record<string, any>>(path: NestedProxyPathItem[]) => ProxyHandler<InnerSource>) => import("vue").Ref<Source>;
+    goDeepCondition?: (path: string[], value: any) => boolean;
+    includeParent?: boolean;
+}) => Generator<[string[], any], void, any>;
+export declare const createNestedRef: <Source extends Record<string, any>>(source: Source, handler: <InnerSource extends Record<string, any>>(path: NestedProxyPathItem[]) => ProxyHandler<InnerSource>) => import("vue").Ref<Source, Source>;
+export declare const cloneDeep: (inputValue: any) => any;

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "tracked-instance",
-  "version": "1.0.21",
+  "version": "1.0.23",
   "description": "Build large forms and track all changes",
   "type": "module",
   "scripts": {
     "build": "tsc && esbuild ./src/index.ts --bundle --external:vue --outfile=./dist/index.mjs --format=esm",
+    "test-ui": "vitest --ui",
     "test": "vitest run"
   },
   "main": "./dist/index.mjs",
@@ -14,9 +15,10 @@
   ],
   "devDependencies": {
     "@types/lodash-es": "^4.17.12",
-    "typescript": "^5.2.2",
-    "vitest": "^1.3.0",
-    "vue": "^3.4.19"
+    "@vitest/ui": "^3.0.5",
+    "typescript": "^5.7.3",
+    "vitest": "^3.0.5",
+    "vue": "^3.5.13"
   },
   "peerDependencies": {
     "vue": "^3.0.0"