@esportsplus/reactivity 0.18.0 → 0.18.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/reactive/array.d.ts +0 -3
- package/build/reactive/array.js +0 -18
- package/package.json +1 -1
- package/src/reactive/array.ts +0 -22
|
@@ -33,10 +33,7 @@ type Listeners = Record<string, (Listener<any> | null)[]>;
|
|
|
33
33
|
declare class ReactiveArray<T> extends Array<T> {
|
|
34
34
|
[REACTIVE_ARRAY]: boolean;
|
|
35
35
|
listeners: Listeners;
|
|
36
|
-
trigger: import("../system.js").Signal<boolean>;
|
|
37
36
|
constructor(...items: T[]);
|
|
38
|
-
get length(): number;
|
|
39
|
-
set length(n: number);
|
|
40
37
|
clear(): void;
|
|
41
38
|
dispatch<K extends keyof Events<T>, V>(event: K, value?: V): void;
|
|
42
39
|
dispose(): void;
|
package/build/reactive/array.js
CHANGED
|
@@ -1,25 +1,14 @@
|
|
|
1
1
|
import { REACTIVE_ARRAY } from '../constants.js';
|
|
2
|
-
import { read, set, signal } from '../system.js';
|
|
3
2
|
import { isReactiveObject } from './object.js';
|
|
4
3
|
class ReactiveArray extends Array {
|
|
5
4
|
[REACTIVE_ARRAY] = true;
|
|
6
5
|
listeners = {};
|
|
7
|
-
trigger = signal(false);
|
|
8
6
|
constructor(...items) {
|
|
9
7
|
super(...items);
|
|
10
8
|
}
|
|
11
|
-
get length() {
|
|
12
|
-
read(this.trigger);
|
|
13
|
-
return super.length;
|
|
14
|
-
}
|
|
15
|
-
set length(n) {
|
|
16
|
-
super.length = n;
|
|
17
|
-
set(this.trigger, !this.trigger.value);
|
|
18
|
-
}
|
|
19
9
|
clear() {
|
|
20
10
|
this.dispose();
|
|
21
11
|
this.dispatch('clear');
|
|
22
|
-
set(this.trigger, !this.trigger.value);
|
|
23
12
|
}
|
|
24
13
|
dispatch(event, value) {
|
|
25
14
|
let listeners = this.listeners[event];
|
|
@@ -80,20 +69,17 @@ class ReactiveArray extends Array {
|
|
|
80
69
|
item.dispose();
|
|
81
70
|
}
|
|
82
71
|
this.dispatch('pop', { item });
|
|
83
|
-
set(this.trigger, !this.trigger.value);
|
|
84
72
|
}
|
|
85
73
|
return item;
|
|
86
74
|
}
|
|
87
75
|
push(...items) {
|
|
88
76
|
let length = super.push(...items);
|
|
89
77
|
this.dispatch('push', { items });
|
|
90
|
-
set(this.trigger, !this.trigger.value);
|
|
91
78
|
return length;
|
|
92
79
|
}
|
|
93
80
|
reverse() {
|
|
94
81
|
super.reverse();
|
|
95
82
|
this.dispatch('reverse');
|
|
96
|
-
set(this.trigger, !this.trigger.value);
|
|
97
83
|
return this;
|
|
98
84
|
}
|
|
99
85
|
shift() {
|
|
@@ -103,14 +89,12 @@ class ReactiveArray extends Array {
|
|
|
103
89
|
item.dispose();
|
|
104
90
|
}
|
|
105
91
|
this.dispatch('shift', { item });
|
|
106
|
-
set(this.trigger, !this.trigger.value);
|
|
107
92
|
}
|
|
108
93
|
return item;
|
|
109
94
|
}
|
|
110
95
|
sort(fn) {
|
|
111
96
|
super.sort(fn);
|
|
112
97
|
this.dispatch('sort');
|
|
113
|
-
set(this.trigger, !this.trigger.value);
|
|
114
98
|
return this;
|
|
115
99
|
}
|
|
116
100
|
splice(start, deleteCount = this.length, ...items) {
|
|
@@ -123,14 +107,12 @@ class ReactiveArray extends Array {
|
|
|
123
107
|
}
|
|
124
108
|
}
|
|
125
109
|
this.dispatch('splice', { deleteCount, items, start });
|
|
126
|
-
set(this.trigger, !this.trigger.value);
|
|
127
110
|
}
|
|
128
111
|
return removed;
|
|
129
112
|
}
|
|
130
113
|
unshift(...items) {
|
|
131
114
|
let length = super.unshift(...items);
|
|
132
115
|
this.dispatch('unshift', { items });
|
|
133
|
-
set(this.trigger, !this.trigger.value);
|
|
134
116
|
return length;
|
|
135
117
|
}
|
|
136
118
|
}
|
package/package.json
CHANGED
package/src/reactive/array.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { REACTIVE_ARRAY } from '~/constants';
|
|
2
|
-
import { read, set, signal } from '~/system';
|
|
3
2
|
import { isReactiveObject } from './object';
|
|
4
3
|
|
|
5
4
|
|
|
@@ -41,7 +40,6 @@ type Listeners = Record<string, (Listener<any> | null)[]>;
|
|
|
41
40
|
class ReactiveArray<T> extends Array<T> {
|
|
42
41
|
[REACTIVE_ARRAY] = true;
|
|
43
42
|
listeners: Listeners = {};
|
|
44
|
-
trigger = signal(false);
|
|
45
43
|
|
|
46
44
|
|
|
47
45
|
constructor(...items: T[]) {
|
|
@@ -49,22 +47,9 @@ class ReactiveArray<T> extends Array<T> {
|
|
|
49
47
|
}
|
|
50
48
|
|
|
51
49
|
|
|
52
|
-
get length() {
|
|
53
|
-
read(this.trigger);
|
|
54
|
-
|
|
55
|
-
return super.length;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
set length(n: number) {
|
|
59
|
-
super.length = n;
|
|
60
|
-
set(this.trigger, !this.trigger.value);
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
|
|
64
50
|
clear() {
|
|
65
51
|
this.dispose();
|
|
66
52
|
this.dispatch('clear');
|
|
67
|
-
set(this.trigger, !this.trigger.value);
|
|
68
53
|
}
|
|
69
54
|
|
|
70
55
|
dispatch<K extends keyof Events<T>, V>(event: K, value?: V) {
|
|
@@ -141,7 +126,6 @@ class ReactiveArray<T> extends Array<T> {
|
|
|
141
126
|
item.dispose();
|
|
142
127
|
}
|
|
143
128
|
this.dispatch('pop', { item });
|
|
144
|
-
set(this.trigger, !this.trigger.value);
|
|
145
129
|
}
|
|
146
130
|
|
|
147
131
|
return item;
|
|
@@ -151,7 +135,6 @@ class ReactiveArray<T> extends Array<T> {
|
|
|
151
135
|
let length = super.push(...items);
|
|
152
136
|
|
|
153
137
|
this.dispatch('push', { items });
|
|
154
|
-
set(this.trigger, !this.trigger.value);
|
|
155
138
|
|
|
156
139
|
return length;
|
|
157
140
|
}
|
|
@@ -159,7 +142,6 @@ class ReactiveArray<T> extends Array<T> {
|
|
|
159
142
|
reverse() {
|
|
160
143
|
super.reverse();
|
|
161
144
|
this.dispatch('reverse');
|
|
162
|
-
set(this.trigger, !this.trigger.value);
|
|
163
145
|
|
|
164
146
|
return this;
|
|
165
147
|
}
|
|
@@ -172,7 +154,6 @@ class ReactiveArray<T> extends Array<T> {
|
|
|
172
154
|
item.dispose();
|
|
173
155
|
}
|
|
174
156
|
this.dispatch('shift', { item });
|
|
175
|
-
set(this.trigger, !this.trigger.value);
|
|
176
157
|
}
|
|
177
158
|
|
|
178
159
|
return item;
|
|
@@ -181,7 +162,6 @@ class ReactiveArray<T> extends Array<T> {
|
|
|
181
162
|
sort(fn: (a: T, b: T) => number) {
|
|
182
163
|
super.sort(fn);
|
|
183
164
|
this.dispatch('sort');
|
|
184
|
-
set(this.trigger, !this.trigger.value);
|
|
185
165
|
|
|
186
166
|
return this;
|
|
187
167
|
}
|
|
@@ -199,7 +179,6 @@ class ReactiveArray<T> extends Array<T> {
|
|
|
199
179
|
}
|
|
200
180
|
|
|
201
181
|
this.dispatch('splice', { deleteCount, items, start });
|
|
202
|
-
set(this.trigger, !this.trigger.value);
|
|
203
182
|
}
|
|
204
183
|
|
|
205
184
|
return removed;
|
|
@@ -209,7 +188,6 @@ class ReactiveArray<T> extends Array<T> {
|
|
|
209
188
|
let length = super.unshift(...items);
|
|
210
189
|
|
|
211
190
|
this.dispatch('unshift', { items });
|
|
212
|
-
set(this.trigger, !this.trigger.value);
|
|
213
191
|
|
|
214
192
|
return length;
|
|
215
193
|
}
|