@esportsplus/reactivity 0.17.2 → 0.18.0

package/build/reactive/array.d.ts

@@ -33,7 +33,10 @@ type Listeners = Record<string, (Listener<any> | null)[]>;
 declare class ReactiveArray<T> extends Array<T> {
     [REACTIVE_ARRAY]: boolean;
     listeners: Listeners;
+    trigger: import("../system.js").Signal<boolean>;
     constructor(...items: T[]);
+    get length(): number;
+    set length(n: number);
     clear(): void;
     dispatch<K extends keyof Events<T>, V>(event: K, value?: V): void;
     dispose(): void;

package/build/reactive/array.js

@@ -1,14 +1,25 @@
 import { REACTIVE_ARRAY } from '../constants.js';
+import { read, set, signal } from '../system.js';
 import { isReactiveObject } from './object.js';
 class ReactiveArray extends Array {
     [REACTIVE_ARRAY] = true;
     listeners = {};
+    trigger = signal(false);
     constructor(...items) {
         super(...items);
     }
+    get length() {
+        read(this.trigger);
+        return super.length;
+    }
+    set length(n) {
+        super.length = n;
+        set(this.trigger, !this.trigger.value);
+    }
     clear() {
         this.dispose();
         this.dispatch('clear');
+        set(this.trigger, !this.trigger.value);
     }
     dispatch(event, value) {
         let listeners = this.listeners[event];
@@ -69,17 +80,20 @@ class ReactiveArray extends Array {
                 item.dispose();
             }
             this.dispatch('pop', { item });
+            set(this.trigger, !this.trigger.value);
         }
         return item;
     }
     push(...items) {
         let length = super.push(...items);
         this.dispatch('push', { items });
+        set(this.trigger, !this.trigger.value);
         return length;
     }
     reverse() {
         super.reverse();
         this.dispatch('reverse');
+        set(this.trigger, !this.trigger.value);
         return this;
     }
     shift() {
@@ -89,12 +103,14 @@ class ReactiveArray extends Array {
                 item.dispose();
             }
             this.dispatch('shift', { item });
+            set(this.trigger, !this.trigger.value);
         }
         return item;
     }
     sort(fn) {
         super.sort(fn);
         this.dispatch('sort');
+        set(this.trigger, !this.trigger.value);
         return this;
     }
     splice(start, deleteCount = this.length, ...items) {
@@ -107,12 +123,14 @@ class ReactiveArray extends Array {
                 }
             }
             this.dispatch('splice', { deleteCount, items, start });
+            set(this.trigger, !this.trigger.value);
         }
         return removed;
     }
     unshift(...items) {
         let length = super.unshift(...items);
         this.dispatch('unshift', { items });
+        set(this.trigger, !this.trigger.value);
         return length;
     }
 }

package/package.json

@@ -2,7 +2,7 @@
   "author": "ICJR",
   "dependencies": {
     "@esportsplus/custom-function": "^0.0.13",
-    "@esportsplus/utilities": "^0.22.1"
+    "@esportsplus/utilities": "^0.22.2"
   },
   "devDependencies": {
     "@esportsplus/typescript": "^0.9.2"
@@ -12,7 +12,7 @@
   "private": false,
   "type": "module",
   "types": "build/index.d.ts",
-  "version": "0.17.2",
+  "version": "0.18.0",
   "scripts": {
     "build": "tsc && tsc-alias",
     "-": "-"

package/src/reactive/array.ts

@@ -1,4 +1,5 @@
 import { REACTIVE_ARRAY } from '~/constants';
+import { read, set, signal } from '~/system';
 import { isReactiveObject } from './object';
 
 
@@ -40,6 +41,7 @@ type Listeners = Record<string, (Listener<any> | null)[]>;
 class ReactiveArray<T> extends Array<T> {
     [REACTIVE_ARRAY] = true;
     listeners: Listeners = {};
+    trigger = signal(false);
 
 
     constructor(...items: T[]) {
@@ -47,9 +49,22 @@ class ReactiveArray<T> extends Array<T> {
     }
 
 
+    get length() {
+        read(this.trigger);
+
+        return super.length;
+    }
+
+    set length(n: number) {
+        super.length = n;
+        set(this.trigger, !this.trigger.value);
+    }
+
+
     clear() {
         this.dispose();
         this.dispatch('clear');
+        set(this.trigger, !this.trigger.value);
     }
 
     dispatch<K extends keyof Events<T>, V>(event: K, value?: V) {
@@ -126,6 +141,7 @@ class ReactiveArray<T> extends Array<T> {
                 item.dispose();
             }
             this.dispatch('pop', { item });
+            set(this.trigger, !this.trigger.value);
         }
 
         return item;
@@ -135,6 +151,7 @@ class ReactiveArray<T> extends Array<T> {
         let length = super.push(...items);
 
         this.dispatch('push', { items });
+        set(this.trigger, !this.trigger.value);
 
         return length;
     }
@@ -142,6 +159,7 @@ class ReactiveArray<T> extends Array<T> {
     reverse() {
         super.reverse();
         this.dispatch('reverse');
+        set(this.trigger, !this.trigger.value);
 
         return this;
     }
@@ -154,6 +172,7 @@ class ReactiveArray<T> extends Array<T> {
                 item.dispose();
             }
             this.dispatch('shift', { item });
+            set(this.trigger, !this.trigger.value);
         }
 
         return item;
@@ -162,6 +181,7 @@ class ReactiveArray<T> extends Array<T> {
     sort(fn: (a: T, b: T) => number) {
         super.sort(fn);
         this.dispatch('sort');
+        set(this.trigger, !this.trigger.value);
 
         return this;
     }
@@ -179,6 +199,7 @@ class ReactiveArray<T> extends Array<T> {
             }
 
             this.dispatch('splice', { deleteCount, items, start });
+            set(this.trigger, !this.trigger.value);
         }
 
         return removed;
@@ -188,6 +209,7 @@ class ReactiveArray<T> extends Array<T> {
         let length = super.unshift(...items);
 
         this.dispatch('unshift', { items });
+        set(this.trigger, !this.trigger.value);
 
         return length;
     }