@pdg/react-hook 2.0.5 → 2.0.7
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/dist/changed/index.d.ts +1 -0
- package/dist/changed/useChanged.d.ts +1 -0
- package/dist/index.d.ts +1 -2
- package/dist/index.esm.js +41 -297
- package/dist/index.js +41 -297
- package/package.json +1 -1
- package/dist/state/index.d.ts +0 -4
- package/dist/state/useAutoUpdateRefState.d.ts +0 -10
- package/dist/state/useAutoUpdateState.d.ts +0 -6
- package/dist/state/useRefState.d.ts +0 -7
- package/dist/state/useSafeState.d.ts +0 -3
- package/dist/update/index.d.ts +0 -1
- package/dist/update/useSafeUpdate.d.ts +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './useChanged';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useChanged: (value: unknown, initial?: boolean) => boolean;
|
package/dist/index.d.ts
CHANGED
package/dist/index.esm.js
CHANGED
|
@@ -1,45 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
var $ = c(2);
|
|
3
|
-
var initialValue = t0 === undefined ? true : t0;
|
|
4
|
-
var isMountedRef = useRef(initialValue);
|
|
5
|
-
var t1;
|
|
6
|
-
var t2;
|
|
7
|
-
if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
|
|
8
|
-
t1 = function t1() {
|
|
9
|
-
isMountedRef.current = true;
|
|
10
|
-
return function () {
|
|
11
|
-
isMountedRef.current = false;
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
t2 = [];
|
|
15
|
-
$[0] = t1;
|
|
16
|
-
$[1] = t2;
|
|
17
|
-
} else {
|
|
18
|
-
t1 = $[0];
|
|
19
|
-
t2 = $[1];
|
|
20
|
-
}
|
|
21
|
-
useEffect(t1, t2);
|
|
22
|
-
return isMountedRef;
|
|
23
|
-
}function useAutoUpdateRef(value) {
|
|
24
|
-
var $ = c(3);
|
|
25
|
-
var valueRef = useRef(value);
|
|
26
|
-
var t0;
|
|
27
|
-
var t1;
|
|
28
|
-
if ($[0] !== value) {
|
|
29
|
-
t0 = function t0() {
|
|
30
|
-
valueRef.current = value;
|
|
31
|
-
};
|
|
32
|
-
t1 = [value];
|
|
33
|
-
$[0] = value;
|
|
34
|
-
$[1] = t0;
|
|
35
|
-
$[2] = t1;
|
|
36
|
-
} else {
|
|
37
|
-
t0 = $[1];
|
|
38
|
-
t1 = $[2];
|
|
39
|
-
}
|
|
40
|
-
useLayoutEffect(t0, t1);
|
|
41
|
-
return valueRef;
|
|
42
|
-
}function _arrayLikeToArray(r, a) {
|
|
1
|
+
import {useState,useRef,useEffect,useLayoutEffect,useImperativeHandle}from'react';import {c}from'react/compiler-runtime';function _arrayLikeToArray(r, a) {
|
|
43
2
|
(null == a || a > r.length) && (a = r.length);
|
|
44
3
|
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
|
|
45
4
|
return n;
|
|
@@ -83,258 +42,59 @@ function _unsupportedIterableToArray(r, a) {
|
|
|
83
42
|
var t = {}.toString.call(r).slice(8, -1);
|
|
84
43
|
return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
|
|
85
44
|
}
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
// state 값을 Function 으로 지정한 경우 (사용 불가)
|
|
91
|
-
|
|
92
|
-
// state 와 callback 함수를 받는 경우 (T를 지정한경우) (state 에 function 지정 불가)
|
|
93
|
-
|
|
94
|
-
// 구현부
|
|
95
|
-
function useAutoUpdateRefState(state, callback) {
|
|
96
|
-
var $ = c(16);
|
|
97
|
-
var t0;
|
|
98
|
-
if ($[0] !== callback || $[1] !== state) {
|
|
99
|
-
t0 = {
|
|
100
|
-
state: state,
|
|
101
|
-
callback: callback
|
|
102
|
-
};
|
|
103
|
-
$[0] = callback;
|
|
104
|
-
$[1] = state;
|
|
105
|
-
$[2] = t0;
|
|
106
|
-
} else {
|
|
107
|
-
t0 = $[2];
|
|
108
|
-
}
|
|
109
|
-
var _useState = useState(t0),
|
|
45
|
+
}var useChanged = function useChanged(value, t0) {
|
|
46
|
+
var initial = t0 === undefined ? false : t0;
|
|
47
|
+
var _useState = useState(initial ? value === undefined ? null : undefined : value),
|
|
110
48
|
_useState2 = _slicedToArray(_useState, 2),
|
|
111
|
-
|
|
112
|
-
|
|
49
|
+
prevValue = _useState2[0],
|
|
50
|
+
setPrevValue = _useState2[1];
|
|
51
|
+
var changed = false;
|
|
52
|
+
if (value !== prevValue) {
|
|
53
|
+
setPrevValue(value);
|
|
54
|
+
changed = true;
|
|
55
|
+
}
|
|
56
|
+
return changed;
|
|
57
|
+
};function useMountedRef(t0) {
|
|
58
|
+
var $ = c(2);
|
|
59
|
+
var initialValue = t0 === undefined ? true : t0;
|
|
60
|
+
var isMountedRef = useRef(initialValue);
|
|
113
61
|
var t1;
|
|
114
|
-
if ($[3] !== callback || $[4] !== state) {
|
|
115
|
-
t1 = function t1() {
|
|
116
|
-
return callback ? callback(state) : state;
|
|
117
|
-
};
|
|
118
|
-
$[3] = callback;
|
|
119
|
-
$[4] = state;
|
|
120
|
-
$[5] = t1;
|
|
121
|
-
} else {
|
|
122
|
-
t1 = $[5];
|
|
123
|
-
}
|
|
124
|
-
var _useState3 = useState(t1),
|
|
125
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
126
|
-
_value = _useState4[0],
|
|
127
|
-
_setValue = _useState4[1];
|
|
128
|
-
var finalValue = _value;
|
|
129
|
-
if (state !== prevProps.state || callback !== prevProps.callback) {
|
|
130
|
-
var _t;
|
|
131
|
-
if ($[6] !== callback || $[7] !== state) {
|
|
132
|
-
_t = callback ? callback(state) : state;
|
|
133
|
-
$[6] = callback;
|
|
134
|
-
$[7] = state;
|
|
135
|
-
$[8] = _t;
|
|
136
|
-
} else {
|
|
137
|
-
_t = $[8];
|
|
138
|
-
}
|
|
139
|
-
finalValue = _t;
|
|
140
|
-
setPrevProps({
|
|
141
|
-
state: state,
|
|
142
|
-
callback: callback
|
|
143
|
-
});
|
|
144
|
-
_setValue(finalValue);
|
|
145
|
-
}
|
|
146
|
-
var finalValueRef = useAutoUpdateRef(finalValue);
|
|
147
|
-
var callbackRef = useAutoUpdateRef(callback);
|
|
148
62
|
var t2;
|
|
149
|
-
if ($[
|
|
150
|
-
t2 = function t2(newValue, skipCallback) {
|
|
151
|
-
var resolvedValue = typeof newValue === "function" ? newValue(finalValueRef.current) : newValue;
|
|
152
|
-
var nextValue = !skipCallback && callbackRef.current ? callbackRef.current(resolvedValue) : resolvedValue;
|
|
153
|
-
finalValueRef.current = nextValue;
|
|
154
|
-
_setValue(nextValue);
|
|
155
|
-
return nextValue;
|
|
156
|
-
};
|
|
157
|
-
$[9] = callbackRef;
|
|
158
|
-
$[10] = finalValueRef;
|
|
159
|
-
$[11] = t2;
|
|
160
|
-
} else {
|
|
161
|
-
t2 = $[11];
|
|
162
|
-
}
|
|
163
|
-
var setValue = t2;
|
|
164
|
-
var t3;
|
|
165
|
-
if ($[12] !== _value || $[13] !== finalValueRef || $[14] !== setValue) {
|
|
166
|
-
t3 = [finalValueRef, _value, setValue];
|
|
167
|
-
$[12] = _value;
|
|
168
|
-
$[13] = finalValueRef;
|
|
169
|
-
$[14] = setValue;
|
|
170
|
-
$[15] = t3;
|
|
171
|
-
} else {
|
|
172
|
-
t3 = $[15];
|
|
173
|
-
}
|
|
174
|
-
return t3;
|
|
175
|
-
}// state 값을 Function 으로 지정한 경우 (사용 불가)
|
|
176
|
-
|
|
177
|
-
// state 값만 받는 경우 (state 에 function 지정 불가)
|
|
178
|
-
|
|
179
|
-
// state 값을 Function 으로 지정한 경우 (사용 불가)
|
|
180
|
-
|
|
181
|
-
// state 와 callback 함수를 받는 경우 (T를 지정한경우) (state 에 function 지정 불가)
|
|
182
|
-
|
|
183
|
-
// 구현부
|
|
184
|
-
function useAutoUpdateState(state, callback) {
|
|
185
|
-
var $ = c(15);
|
|
186
|
-
var t0;
|
|
187
|
-
if ($[0] !== callback || $[1] !== state) {
|
|
188
|
-
t0 = {
|
|
189
|
-
state: state,
|
|
190
|
-
callback: callback
|
|
191
|
-
};
|
|
192
|
-
$[0] = callback;
|
|
193
|
-
$[1] = state;
|
|
194
|
-
$[2] = t0;
|
|
195
|
-
} else {
|
|
196
|
-
t0 = $[2];
|
|
197
|
-
}
|
|
198
|
-
var _useState = useState(t0),
|
|
199
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
200
|
-
prevProps = _useState2[0],
|
|
201
|
-
setPrevProps = _useState2[1];
|
|
202
|
-
var t1;
|
|
203
|
-
if ($[3] !== callback || $[4] !== state) {
|
|
63
|
+
if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
|
|
204
64
|
t1 = function t1() {
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
$[5] = t1;
|
|
210
|
-
} else {
|
|
211
|
-
t1 = $[5];
|
|
212
|
-
}
|
|
213
|
-
var _useState3 = useState(t1),
|
|
214
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
215
|
-
_value = _useState4[0],
|
|
216
|
-
_setValue = _useState4[1];
|
|
217
|
-
var finalValue = _value;
|
|
218
|
-
if (state !== prevProps.state || callback !== prevProps.callback) {
|
|
219
|
-
var _t;
|
|
220
|
-
if ($[6] !== callback || $[7] !== state) {
|
|
221
|
-
_t = callback ? callback(state) : state;
|
|
222
|
-
$[6] = callback;
|
|
223
|
-
$[7] = state;
|
|
224
|
-
$[8] = _t;
|
|
225
|
-
} else {
|
|
226
|
-
_t = $[8];
|
|
227
|
-
}
|
|
228
|
-
finalValue = _t;
|
|
229
|
-
setPrevProps({
|
|
230
|
-
state: state,
|
|
231
|
-
callback: callback
|
|
232
|
-
});
|
|
233
|
-
_setValue(finalValue);
|
|
234
|
-
}
|
|
235
|
-
var finalValueRef = useAutoUpdateRef(finalValue);
|
|
236
|
-
var callbackRef = useAutoUpdateRef(callback);
|
|
237
|
-
var t2;
|
|
238
|
-
if ($[9] !== callbackRef || $[10] !== finalValueRef) {
|
|
239
|
-
t2 = function t2(newValue, skipCallback) {
|
|
240
|
-
var resolvedValue = typeof newValue === "function" ? newValue(finalValueRef.current) : newValue;
|
|
241
|
-
var nextValue = !skipCallback && callbackRef.current ? callbackRef.current(resolvedValue) : resolvedValue;
|
|
242
|
-
finalValueRef.current = nextValue;
|
|
243
|
-
_setValue(nextValue);
|
|
244
|
-
return nextValue;
|
|
65
|
+
isMountedRef.current = true;
|
|
66
|
+
return function () {
|
|
67
|
+
isMountedRef.current = false;
|
|
68
|
+
};
|
|
245
69
|
};
|
|
246
|
-
|
|
247
|
-
$[
|
|
248
|
-
$[
|
|
249
|
-
} else {
|
|
250
|
-
t2 = $[11];
|
|
251
|
-
}
|
|
252
|
-
var setValue = t2;
|
|
253
|
-
var t3;
|
|
254
|
-
if ($[12] !== finalValue || $[13] !== setValue) {
|
|
255
|
-
t3 = [finalValue, setValue];
|
|
256
|
-
$[12] = finalValue;
|
|
257
|
-
$[13] = setValue;
|
|
258
|
-
$[14] = t3;
|
|
70
|
+
t2 = [];
|
|
71
|
+
$[0] = t1;
|
|
72
|
+
$[1] = t2;
|
|
259
73
|
} else {
|
|
260
|
-
|
|
74
|
+
t1 = $[0];
|
|
75
|
+
t2 = $[1];
|
|
261
76
|
}
|
|
262
|
-
|
|
263
|
-
|
|
77
|
+
useEffect(t1, t2);
|
|
78
|
+
return isMountedRef;
|
|
79
|
+
}function useAutoUpdateRef(value) {
|
|
264
80
|
var $ = c(3);
|
|
265
|
-
var
|
|
266
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
267
|
-
_value = _useState2[0],
|
|
268
|
-
_setValue = _useState2[1];
|
|
269
|
-
var valueRef = useRef(_value);
|
|
270
|
-
var t0;
|
|
271
|
-
if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
|
|
272
|
-
t0 = function t0(value) {
|
|
273
|
-
_setValue(function (prev) {
|
|
274
|
-
var nextValue = typeof value === "function" ? value(prev) : value;
|
|
275
|
-
valueRef.current = nextValue;
|
|
276
|
-
return nextValue;
|
|
277
|
-
});
|
|
278
|
-
};
|
|
279
|
-
$[0] = t0;
|
|
280
|
-
} else {
|
|
281
|
-
t0 = $[0];
|
|
282
|
-
}
|
|
283
|
-
var setValue = t0;
|
|
284
|
-
var t1;
|
|
285
|
-
if ($[1] !== _value) {
|
|
286
|
-
t1 = [valueRef, _value, setValue];
|
|
287
|
-
$[1] = _value;
|
|
288
|
-
$[2] = t1;
|
|
289
|
-
} else {
|
|
290
|
-
t1 = $[2];
|
|
291
|
-
}
|
|
292
|
-
return t1;
|
|
293
|
-
}function useSafeState(initialState) {
|
|
294
|
-
var $ = c(5);
|
|
295
|
-
var mountedRef = useRef(false);
|
|
296
|
-
var _useState = useState(initialState),
|
|
297
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
298
|
-
value = _useState2[0],
|
|
299
|
-
setValue = _useState2[1];
|
|
81
|
+
var valueRef = useRef(value);
|
|
300
82
|
var t0;
|
|
301
83
|
var t1;
|
|
302
|
-
if ($[0]
|
|
84
|
+
if ($[0] !== value) {
|
|
303
85
|
t0 = function t0() {
|
|
304
|
-
|
|
305
|
-
return function () {
|
|
306
|
-
mountedRef.current = false;
|
|
307
|
-
};
|
|
308
|
-
};
|
|
309
|
-
t1 = [];
|
|
310
|
-
$[0] = t0;
|
|
311
|
-
$[1] = t1;
|
|
312
|
-
} else {
|
|
313
|
-
t0 = $[0];
|
|
314
|
-
t1 = $[1];
|
|
315
|
-
}
|
|
316
|
-
useEffect(t0, t1);
|
|
317
|
-
var t2;
|
|
318
|
-
if ($[2] === Symbol["for"]("react.memo_cache_sentinel")) {
|
|
319
|
-
t2 = function t2(newValue) {
|
|
320
|
-
if (mountedRef.current) {
|
|
321
|
-
setValue(newValue);
|
|
322
|
-
}
|
|
86
|
+
valueRef.current = value;
|
|
323
87
|
};
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
var safeSetValue = t2;
|
|
329
|
-
var t3;
|
|
330
|
-
if ($[3] !== value) {
|
|
331
|
-
t3 = [value, safeSetValue];
|
|
332
|
-
$[3] = value;
|
|
333
|
-
$[4] = t3;
|
|
88
|
+
t1 = [value];
|
|
89
|
+
$[0] = value;
|
|
90
|
+
$[1] = t0;
|
|
91
|
+
$[2] = t1;
|
|
334
92
|
} else {
|
|
335
|
-
|
|
93
|
+
t0 = $[1];
|
|
94
|
+
t1 = $[2];
|
|
336
95
|
}
|
|
337
|
-
|
|
96
|
+
useLayoutEffect(t0, t1);
|
|
97
|
+
return valueRef;
|
|
338
98
|
}function clearIntervalRef(ref) {
|
|
339
99
|
if (ref.current) {
|
|
340
100
|
clearInterval(ref.current);
|
|
@@ -412,22 +172,6 @@ function useAutoUpdateState(state, callback) {
|
|
|
412
172
|
t2 = $[2];
|
|
413
173
|
}
|
|
414
174
|
return t2;
|
|
415
|
-
}function useSafeUpdate() {
|
|
416
|
-
var $ = c(2);
|
|
417
|
-
var mountedRef = useMountedRef();
|
|
418
|
-
var t0;
|
|
419
|
-
if ($[0] !== mountedRef) {
|
|
420
|
-
t0 = function t0(callback) {
|
|
421
|
-
if (mountedRef.current) {
|
|
422
|
-
callback();
|
|
423
|
-
}
|
|
424
|
-
};
|
|
425
|
-
$[0] = mountedRef;
|
|
426
|
-
$[1] = t0;
|
|
427
|
-
} else {
|
|
428
|
-
t0 = $[1];
|
|
429
|
-
}
|
|
430
|
-
return t0;
|
|
431
175
|
}function useForwardRef(ref, value, onSet, onUnset) {
|
|
432
176
|
var $ = c(8);
|
|
433
177
|
var onSetRef = useAutoUpdateRef(onSet);
|
|
@@ -470,4 +214,4 @@ function useAutoUpdateState(state, callback) {
|
|
|
470
214
|
t3 = $[7];
|
|
471
215
|
}
|
|
472
216
|
useEffect(t2, t3);
|
|
473
|
-
}export{clearIntervalRef,clearTimeoutRef,useAutoUpdateRef,
|
|
217
|
+
}export{clearIntervalRef,clearTimeoutRef,useAutoUpdateRef,useChanged,useForwardRef,useIntervalRef,useMountedRef,useTimeoutRef};
|
package/dist/index.js
CHANGED
|
@@ -1,45 +1,4 @@
|
|
|
1
|
-
'use strict';var
|
|
2
|
-
var $ = compilerRuntime.c(2);
|
|
3
|
-
var initialValue = t0 === undefined ? true : t0;
|
|
4
|
-
var isMountedRef = react.useRef(initialValue);
|
|
5
|
-
var t1;
|
|
6
|
-
var t2;
|
|
7
|
-
if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
|
|
8
|
-
t1 = function t1() {
|
|
9
|
-
isMountedRef.current = true;
|
|
10
|
-
return function () {
|
|
11
|
-
isMountedRef.current = false;
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
t2 = [];
|
|
15
|
-
$[0] = t1;
|
|
16
|
-
$[1] = t2;
|
|
17
|
-
} else {
|
|
18
|
-
t1 = $[0];
|
|
19
|
-
t2 = $[1];
|
|
20
|
-
}
|
|
21
|
-
react.useEffect(t1, t2);
|
|
22
|
-
return isMountedRef;
|
|
23
|
-
}function useAutoUpdateRef(value) {
|
|
24
|
-
var $ = compilerRuntime.c(3);
|
|
25
|
-
var valueRef = react.useRef(value);
|
|
26
|
-
var t0;
|
|
27
|
-
var t1;
|
|
28
|
-
if ($[0] !== value) {
|
|
29
|
-
t0 = function t0() {
|
|
30
|
-
valueRef.current = value;
|
|
31
|
-
};
|
|
32
|
-
t1 = [value];
|
|
33
|
-
$[0] = value;
|
|
34
|
-
$[1] = t0;
|
|
35
|
-
$[2] = t1;
|
|
36
|
-
} else {
|
|
37
|
-
t0 = $[1];
|
|
38
|
-
t1 = $[2];
|
|
39
|
-
}
|
|
40
|
-
react.useLayoutEffect(t0, t1);
|
|
41
|
-
return valueRef;
|
|
42
|
-
}function _arrayLikeToArray(r, a) {
|
|
1
|
+
'use strict';var react=require('react'),compilerRuntime=require('react/compiler-runtime');function _arrayLikeToArray(r, a) {
|
|
43
2
|
(null == a || a > r.length) && (a = r.length);
|
|
44
3
|
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
|
|
45
4
|
return n;
|
|
@@ -83,258 +42,59 @@ function _unsupportedIterableToArray(r, a) {
|
|
|
83
42
|
var t = {}.toString.call(r).slice(8, -1);
|
|
84
43
|
return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
|
|
85
44
|
}
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
// state 값을 Function 으로 지정한 경우 (사용 불가)
|
|
91
|
-
|
|
92
|
-
// state 와 callback 함수를 받는 경우 (T를 지정한경우) (state 에 function 지정 불가)
|
|
93
|
-
|
|
94
|
-
// 구현부
|
|
95
|
-
function useAutoUpdateRefState(state, callback) {
|
|
96
|
-
var $ = compilerRuntime.c(16);
|
|
97
|
-
var t0;
|
|
98
|
-
if ($[0] !== callback || $[1] !== state) {
|
|
99
|
-
t0 = {
|
|
100
|
-
state: state,
|
|
101
|
-
callback: callback
|
|
102
|
-
};
|
|
103
|
-
$[0] = callback;
|
|
104
|
-
$[1] = state;
|
|
105
|
-
$[2] = t0;
|
|
106
|
-
} else {
|
|
107
|
-
t0 = $[2];
|
|
108
|
-
}
|
|
109
|
-
var _useState = react.useState(t0),
|
|
45
|
+
}var useChanged = function useChanged(value, t0) {
|
|
46
|
+
var initial = t0 === undefined ? false : t0;
|
|
47
|
+
var _useState = react.useState(initial ? value === undefined ? null : undefined : value),
|
|
110
48
|
_useState2 = _slicedToArray(_useState, 2),
|
|
111
|
-
|
|
112
|
-
|
|
49
|
+
prevValue = _useState2[0],
|
|
50
|
+
setPrevValue = _useState2[1];
|
|
51
|
+
var changed = false;
|
|
52
|
+
if (value !== prevValue) {
|
|
53
|
+
setPrevValue(value);
|
|
54
|
+
changed = true;
|
|
55
|
+
}
|
|
56
|
+
return changed;
|
|
57
|
+
};function useMountedRef(t0) {
|
|
58
|
+
var $ = compilerRuntime.c(2);
|
|
59
|
+
var initialValue = t0 === undefined ? true : t0;
|
|
60
|
+
var isMountedRef = react.useRef(initialValue);
|
|
113
61
|
var t1;
|
|
114
|
-
if ($[3] !== callback || $[4] !== state) {
|
|
115
|
-
t1 = function t1() {
|
|
116
|
-
return callback ? callback(state) : state;
|
|
117
|
-
};
|
|
118
|
-
$[3] = callback;
|
|
119
|
-
$[4] = state;
|
|
120
|
-
$[5] = t1;
|
|
121
|
-
} else {
|
|
122
|
-
t1 = $[5];
|
|
123
|
-
}
|
|
124
|
-
var _useState3 = react.useState(t1),
|
|
125
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
126
|
-
_value = _useState4[0],
|
|
127
|
-
_setValue = _useState4[1];
|
|
128
|
-
var finalValue = _value;
|
|
129
|
-
if (state !== prevProps.state || callback !== prevProps.callback) {
|
|
130
|
-
var _t;
|
|
131
|
-
if ($[6] !== callback || $[7] !== state) {
|
|
132
|
-
_t = callback ? callback(state) : state;
|
|
133
|
-
$[6] = callback;
|
|
134
|
-
$[7] = state;
|
|
135
|
-
$[8] = _t;
|
|
136
|
-
} else {
|
|
137
|
-
_t = $[8];
|
|
138
|
-
}
|
|
139
|
-
finalValue = _t;
|
|
140
|
-
setPrevProps({
|
|
141
|
-
state: state,
|
|
142
|
-
callback: callback
|
|
143
|
-
});
|
|
144
|
-
_setValue(finalValue);
|
|
145
|
-
}
|
|
146
|
-
var finalValueRef = useAutoUpdateRef(finalValue);
|
|
147
|
-
var callbackRef = useAutoUpdateRef(callback);
|
|
148
62
|
var t2;
|
|
149
|
-
if ($[
|
|
150
|
-
t2 = function t2(newValue, skipCallback) {
|
|
151
|
-
var resolvedValue = typeof newValue === "function" ? newValue(finalValueRef.current) : newValue;
|
|
152
|
-
var nextValue = !skipCallback && callbackRef.current ? callbackRef.current(resolvedValue) : resolvedValue;
|
|
153
|
-
finalValueRef.current = nextValue;
|
|
154
|
-
_setValue(nextValue);
|
|
155
|
-
return nextValue;
|
|
156
|
-
};
|
|
157
|
-
$[9] = callbackRef;
|
|
158
|
-
$[10] = finalValueRef;
|
|
159
|
-
$[11] = t2;
|
|
160
|
-
} else {
|
|
161
|
-
t2 = $[11];
|
|
162
|
-
}
|
|
163
|
-
var setValue = t2;
|
|
164
|
-
var t3;
|
|
165
|
-
if ($[12] !== _value || $[13] !== finalValueRef || $[14] !== setValue) {
|
|
166
|
-
t3 = [finalValueRef, _value, setValue];
|
|
167
|
-
$[12] = _value;
|
|
168
|
-
$[13] = finalValueRef;
|
|
169
|
-
$[14] = setValue;
|
|
170
|
-
$[15] = t3;
|
|
171
|
-
} else {
|
|
172
|
-
t3 = $[15];
|
|
173
|
-
}
|
|
174
|
-
return t3;
|
|
175
|
-
}// state 값을 Function 으로 지정한 경우 (사용 불가)
|
|
176
|
-
|
|
177
|
-
// state 값만 받는 경우 (state 에 function 지정 불가)
|
|
178
|
-
|
|
179
|
-
// state 값을 Function 으로 지정한 경우 (사용 불가)
|
|
180
|
-
|
|
181
|
-
// state 와 callback 함수를 받는 경우 (T를 지정한경우) (state 에 function 지정 불가)
|
|
182
|
-
|
|
183
|
-
// 구현부
|
|
184
|
-
function useAutoUpdateState(state, callback) {
|
|
185
|
-
var $ = compilerRuntime.c(15);
|
|
186
|
-
var t0;
|
|
187
|
-
if ($[0] !== callback || $[1] !== state) {
|
|
188
|
-
t0 = {
|
|
189
|
-
state: state,
|
|
190
|
-
callback: callback
|
|
191
|
-
};
|
|
192
|
-
$[0] = callback;
|
|
193
|
-
$[1] = state;
|
|
194
|
-
$[2] = t0;
|
|
195
|
-
} else {
|
|
196
|
-
t0 = $[2];
|
|
197
|
-
}
|
|
198
|
-
var _useState = react.useState(t0),
|
|
199
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
200
|
-
prevProps = _useState2[0],
|
|
201
|
-
setPrevProps = _useState2[1];
|
|
202
|
-
var t1;
|
|
203
|
-
if ($[3] !== callback || $[4] !== state) {
|
|
63
|
+
if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
|
|
204
64
|
t1 = function t1() {
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
$[5] = t1;
|
|
210
|
-
} else {
|
|
211
|
-
t1 = $[5];
|
|
212
|
-
}
|
|
213
|
-
var _useState3 = react.useState(t1),
|
|
214
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
215
|
-
_value = _useState4[0],
|
|
216
|
-
_setValue = _useState4[1];
|
|
217
|
-
var finalValue = _value;
|
|
218
|
-
if (state !== prevProps.state || callback !== prevProps.callback) {
|
|
219
|
-
var _t;
|
|
220
|
-
if ($[6] !== callback || $[7] !== state) {
|
|
221
|
-
_t = callback ? callback(state) : state;
|
|
222
|
-
$[6] = callback;
|
|
223
|
-
$[7] = state;
|
|
224
|
-
$[8] = _t;
|
|
225
|
-
} else {
|
|
226
|
-
_t = $[8];
|
|
227
|
-
}
|
|
228
|
-
finalValue = _t;
|
|
229
|
-
setPrevProps({
|
|
230
|
-
state: state,
|
|
231
|
-
callback: callback
|
|
232
|
-
});
|
|
233
|
-
_setValue(finalValue);
|
|
234
|
-
}
|
|
235
|
-
var finalValueRef = useAutoUpdateRef(finalValue);
|
|
236
|
-
var callbackRef = useAutoUpdateRef(callback);
|
|
237
|
-
var t2;
|
|
238
|
-
if ($[9] !== callbackRef || $[10] !== finalValueRef) {
|
|
239
|
-
t2 = function t2(newValue, skipCallback) {
|
|
240
|
-
var resolvedValue = typeof newValue === "function" ? newValue(finalValueRef.current) : newValue;
|
|
241
|
-
var nextValue = !skipCallback && callbackRef.current ? callbackRef.current(resolvedValue) : resolvedValue;
|
|
242
|
-
finalValueRef.current = nextValue;
|
|
243
|
-
_setValue(nextValue);
|
|
244
|
-
return nextValue;
|
|
65
|
+
isMountedRef.current = true;
|
|
66
|
+
return function () {
|
|
67
|
+
isMountedRef.current = false;
|
|
68
|
+
};
|
|
245
69
|
};
|
|
246
|
-
|
|
247
|
-
$[
|
|
248
|
-
$[
|
|
249
|
-
} else {
|
|
250
|
-
t2 = $[11];
|
|
251
|
-
}
|
|
252
|
-
var setValue = t2;
|
|
253
|
-
var t3;
|
|
254
|
-
if ($[12] !== finalValue || $[13] !== setValue) {
|
|
255
|
-
t3 = [finalValue, setValue];
|
|
256
|
-
$[12] = finalValue;
|
|
257
|
-
$[13] = setValue;
|
|
258
|
-
$[14] = t3;
|
|
70
|
+
t2 = [];
|
|
71
|
+
$[0] = t1;
|
|
72
|
+
$[1] = t2;
|
|
259
73
|
} else {
|
|
260
|
-
|
|
74
|
+
t1 = $[0];
|
|
75
|
+
t2 = $[1];
|
|
261
76
|
}
|
|
262
|
-
|
|
263
|
-
|
|
77
|
+
react.useEffect(t1, t2);
|
|
78
|
+
return isMountedRef;
|
|
79
|
+
}function useAutoUpdateRef(value) {
|
|
264
80
|
var $ = compilerRuntime.c(3);
|
|
265
|
-
var
|
|
266
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
267
|
-
_value = _useState2[0],
|
|
268
|
-
_setValue = _useState2[1];
|
|
269
|
-
var valueRef = react.useRef(_value);
|
|
270
|
-
var t0;
|
|
271
|
-
if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
|
|
272
|
-
t0 = function t0(value) {
|
|
273
|
-
_setValue(function (prev) {
|
|
274
|
-
var nextValue = typeof value === "function" ? value(prev) : value;
|
|
275
|
-
valueRef.current = nextValue;
|
|
276
|
-
return nextValue;
|
|
277
|
-
});
|
|
278
|
-
};
|
|
279
|
-
$[0] = t0;
|
|
280
|
-
} else {
|
|
281
|
-
t0 = $[0];
|
|
282
|
-
}
|
|
283
|
-
var setValue = t0;
|
|
284
|
-
var t1;
|
|
285
|
-
if ($[1] !== _value) {
|
|
286
|
-
t1 = [valueRef, _value, setValue];
|
|
287
|
-
$[1] = _value;
|
|
288
|
-
$[2] = t1;
|
|
289
|
-
} else {
|
|
290
|
-
t1 = $[2];
|
|
291
|
-
}
|
|
292
|
-
return t1;
|
|
293
|
-
}function useSafeState(initialState) {
|
|
294
|
-
var $ = compilerRuntime.c(5);
|
|
295
|
-
var mountedRef = react.useRef(false);
|
|
296
|
-
var _useState = react.useState(initialState),
|
|
297
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
298
|
-
value = _useState2[0],
|
|
299
|
-
setValue = _useState2[1];
|
|
81
|
+
var valueRef = react.useRef(value);
|
|
300
82
|
var t0;
|
|
301
83
|
var t1;
|
|
302
|
-
if ($[0]
|
|
84
|
+
if ($[0] !== value) {
|
|
303
85
|
t0 = function t0() {
|
|
304
|
-
|
|
305
|
-
return function () {
|
|
306
|
-
mountedRef.current = false;
|
|
307
|
-
};
|
|
308
|
-
};
|
|
309
|
-
t1 = [];
|
|
310
|
-
$[0] = t0;
|
|
311
|
-
$[1] = t1;
|
|
312
|
-
} else {
|
|
313
|
-
t0 = $[0];
|
|
314
|
-
t1 = $[1];
|
|
315
|
-
}
|
|
316
|
-
react.useEffect(t0, t1);
|
|
317
|
-
var t2;
|
|
318
|
-
if ($[2] === Symbol["for"]("react.memo_cache_sentinel")) {
|
|
319
|
-
t2 = function t2(newValue) {
|
|
320
|
-
if (mountedRef.current) {
|
|
321
|
-
setValue(newValue);
|
|
322
|
-
}
|
|
86
|
+
valueRef.current = value;
|
|
323
87
|
};
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
var safeSetValue = t2;
|
|
329
|
-
var t3;
|
|
330
|
-
if ($[3] !== value) {
|
|
331
|
-
t3 = [value, safeSetValue];
|
|
332
|
-
$[3] = value;
|
|
333
|
-
$[4] = t3;
|
|
88
|
+
t1 = [value];
|
|
89
|
+
$[0] = value;
|
|
90
|
+
$[1] = t0;
|
|
91
|
+
$[2] = t1;
|
|
334
92
|
} else {
|
|
335
|
-
|
|
93
|
+
t0 = $[1];
|
|
94
|
+
t1 = $[2];
|
|
336
95
|
}
|
|
337
|
-
|
|
96
|
+
react.useLayoutEffect(t0, t1);
|
|
97
|
+
return valueRef;
|
|
338
98
|
}function clearIntervalRef(ref) {
|
|
339
99
|
if (ref.current) {
|
|
340
100
|
clearInterval(ref.current);
|
|
@@ -412,22 +172,6 @@ function useAutoUpdateState(state, callback) {
|
|
|
412
172
|
t2 = $[2];
|
|
413
173
|
}
|
|
414
174
|
return t2;
|
|
415
|
-
}function useSafeUpdate() {
|
|
416
|
-
var $ = compilerRuntime.c(2);
|
|
417
|
-
var mountedRef = useMountedRef();
|
|
418
|
-
var t0;
|
|
419
|
-
if ($[0] !== mountedRef) {
|
|
420
|
-
t0 = function t0(callback) {
|
|
421
|
-
if (mountedRef.current) {
|
|
422
|
-
callback();
|
|
423
|
-
}
|
|
424
|
-
};
|
|
425
|
-
$[0] = mountedRef;
|
|
426
|
-
$[1] = t0;
|
|
427
|
-
} else {
|
|
428
|
-
t0 = $[1];
|
|
429
|
-
}
|
|
430
|
-
return t0;
|
|
431
175
|
}function useForwardRef(ref, value, onSet, onUnset) {
|
|
432
176
|
var $ = compilerRuntime.c(8);
|
|
433
177
|
var onSetRef = useAutoUpdateRef(onSet);
|
|
@@ -470,4 +214,4 @@ function useAutoUpdateState(state, callback) {
|
|
|
470
214
|
t3 = $[7];
|
|
471
215
|
}
|
|
472
216
|
react.useEffect(t2, t3);
|
|
473
|
-
}exports.clearIntervalRef=clearIntervalRef;exports.clearTimeoutRef=clearTimeoutRef;exports.useAutoUpdateRef=useAutoUpdateRef;exports.
|
|
217
|
+
}exports.clearIntervalRef=clearIntervalRef;exports.clearTimeoutRef=clearTimeoutRef;exports.useAutoUpdateRef=useAutoUpdateRef;exports.useChanged=useChanged;exports.useForwardRef=useForwardRef;exports.useIntervalRef=useIntervalRef;exports.useMountedRef=useMountedRef;exports.useTimeoutRef=useTimeoutRef;
|
package/package.json
CHANGED
package/dist/state/index.d.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { RefObject, SetStateAction } from 'react';
|
|
2
|
-
import { Func } from '@pdg/types';
|
|
3
|
-
export declare function useAutoUpdateRefState<T extends Func, Result = never>(state: T): Result;
|
|
4
|
-
export declare function useAutoUpdateRefState<T, Result = [RefObject<T>, T, (value: SetStateAction<T>) => T]>(state: T): Result;
|
|
5
|
-
export declare function useAutoUpdateRefState<T extends Func, Callback extends (state: never) => never, Result = never>(state: T, callback: Callback): Result;
|
|
6
|
-
export declare function useAutoUpdateRefState<T, TCallbackValue, TCallbackResult, Result = [
|
|
7
|
-
RefObject<TCallbackResult>,
|
|
8
|
-
TCallbackResult,
|
|
9
|
-
(value: SetStateAction<TCallbackValue>, skipCallback?: boolean) => TCallbackResult
|
|
10
|
-
]>(state: T, callback: (state: TCallbackValue) => TCallbackResult): Result;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { SetStateAction } from 'react';
|
|
2
|
-
import { Func } from '@pdg/types';
|
|
3
|
-
export declare function useAutoUpdateState<T extends Func, Result = never>(state: T): Result;
|
|
4
|
-
export declare function useAutoUpdateState<T, Result = [T, (value: SetStateAction<T>) => T]>(state: T): Result;
|
|
5
|
-
export declare function useAutoUpdateState<T extends Func, Callback extends (state: never) => never, Result = never>(state: T, callback: Callback): Result;
|
|
6
|
-
export declare function useAutoUpdateState<T, TCallbackValue, TCallbackResult, Result = [TCallbackResult, (value: SetStateAction<TCallbackValue>, skipCallback?: boolean) => TCallbackResult]>(state: T, callback: (state: TCallbackValue) => TCallbackResult): Result;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { Dispatch, RefObject, SetStateAction } from 'react';
|
|
2
|
-
export declare function useRefState<S>(initialState: S | (() => S)): [RefObject<S>, S, Dispatch<SetStateAction<S>>];
|
|
3
|
-
export declare function useRefState<S = undefined>(): [
|
|
4
|
-
RefObject<S | undefined>,
|
|
5
|
-
S | undefined,
|
|
6
|
-
Dispatch<SetStateAction<S | undefined>>
|
|
7
|
-
];
|
package/dist/update/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './useSafeUpdate';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function useSafeUpdate(): (callback: () => void) => void;
|