@flowgram.ai/variable-core 0.3.2 → 0.3.3

package/dist/index.d.mts

@@ -133,9 +133,7 @@ declare class ScopeAvailableData {
      * Track Variable Change (Includes type update and children update) By KeyPath
      * @returns
      */
-    trackByKeyPath(keyPath: string[] | undefined, cb: (variable?: BaseVariableField | undefined) => void, opts?: {
-        triggerOnInit?: boolean;
-    }): Disposable;
+    trackByKeyPath<Data = BaseVariableField | undefined>(keyPath: string[] | undefined, cb: (variable?: Data) => void, opts?: SubscribeConfig<BaseVariableField | undefined, Data>): Disposable;
 }
 
 /**

package/dist/index.d.ts

@@ -133,9 +133,7 @@ declare class ScopeAvailableData {
      * Track Variable Change (Includes type update and children update) By KeyPath
      * @returns
      */
-    trackByKeyPath(keyPath: string[] | undefined, cb: (variable?: BaseVariableField | undefined) => void, opts?: {
-        triggerOnInit?: boolean;
-    }): Disposable;
+    trackByKeyPath<Data = BaseVariableField | undefined>(keyPath: string[] | undefined, cb: (variable?: Data) => void, opts?: SubscribeConfig<BaseVariableField | undefined, Data>): Disposable;
 }
 
 /**

package/dist/index.js

@@ -1855,16 +1855,25 @@ var ScopeAvailableData = class {
    * @returns
    */
   trackByKeyPath(keyPath = [], cb, opts) {
-    const { triggerOnInit = true } = opts || {};
+    const { triggerOnInit = true, debounceAnimation, selector } = opts || {};
     return subsToDisposable(
       (0, import_rxjs4.merge)(this.anyVariableChange$, this.variables$).pipe(
         triggerOnInit ? (0, import_rxjs4.startWith)() : (0, import_rxjs4.tap)(() => null),
         (0, import_rxjs4.map)(() => {
           const v = this.getByKeyPath(keyPath);
-          return { v, hash: v?.hash };
+          return selector ? selector(v) : v;
         }),
-        (0, import_rxjs4.distinctUntilKeyChanged)("hash"),
-        (0, import_rxjs4.map)(({ v }) => v)
+        (0, import_rxjs4.distinctUntilChanged)(
+          (a, b) => (0, import_fast_equals7.shallowEqual)(a, b),
+          (value) => {
+            if (value instanceof ASTNode) {
+              return value.hash;
+            }
+            return value;
+          }
+        ),
+        // 每个 animationFrame 内所有更新合并成一个
+        debounceAnimation ? (0, import_rxjs4.debounceTime)(0, import_rxjs4.animationFrameScheduler) : (0, import_rxjs4.tap)(() => null)
       ).subscribe(cb)
     );
   }