@pdg/react-hook 2.0.5 → 2.0.6
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/index.d.ts +0 -2
- package/dist/index.esm.js +2 -314
- package/dist/index.js +1 -313
- 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
package/dist/index.d.ts
CHANGED
package/dist/index.esm.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {c}from'react/compiler-runtime';import {useRef,useEffect,useLayoutEffect,
|
|
1
|
+
import {c}from'react/compiler-runtime';import {useRef,useEffect,useLayoutEffect,useImperativeHandle}from'react';function useMountedRef(t0) {
|
|
2
2
|
var $ = c(2);
|
|
3
3
|
var initialValue = t0 === undefined ? true : t0;
|
|
4
4
|
var isMountedRef = useRef(initialValue);
|
|
@@ -39,302 +39,6 @@ import {c}from'react/compiler-runtime';import {useRef,useEffect,useLayoutEffect,
|
|
|
39
39
|
}
|
|
40
40
|
useLayoutEffect(t0, t1);
|
|
41
41
|
return valueRef;
|
|
42
|
-
}function _arrayLikeToArray(r, a) {
|
|
43
|
-
(null == a || a > r.length) && (a = r.length);
|
|
44
|
-
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
|
|
45
|
-
return n;
|
|
46
|
-
}
|
|
47
|
-
function _arrayWithHoles(r) {
|
|
48
|
-
if (Array.isArray(r)) return r;
|
|
49
|
-
}
|
|
50
|
-
function _iterableToArrayLimit(r, l) {
|
|
51
|
-
var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
|
|
52
|
-
if (null != t) {
|
|
53
|
-
var e,
|
|
54
|
-
n,
|
|
55
|
-
i,
|
|
56
|
-
u,
|
|
57
|
-
a = [],
|
|
58
|
-
f = true,
|
|
59
|
-
o = false;
|
|
60
|
-
try {
|
|
61
|
-
if (i = (t = t.call(r)).next, 0 === l) ; else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
|
|
62
|
-
} catch (r) {
|
|
63
|
-
o = true, n = r;
|
|
64
|
-
} finally {
|
|
65
|
-
try {
|
|
66
|
-
if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
|
|
67
|
-
} finally {
|
|
68
|
-
if (o) throw n;
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
return a;
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
function _nonIterableRest() {
|
|
75
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
76
|
-
}
|
|
77
|
-
function _slicedToArray(r, e) {
|
|
78
|
-
return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
|
|
79
|
-
}
|
|
80
|
-
function _unsupportedIterableToArray(r, a) {
|
|
81
|
-
if (r) {
|
|
82
|
-
if ("string" == typeof r) return _arrayLikeToArray(r, a);
|
|
83
|
-
var t = {}.toString.call(r).slice(8, -1);
|
|
84
|
-
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
|
-
}
|
|
86
|
-
}// state 값을 Function 으로 지정한 경우 (사용 불가)
|
|
87
|
-
|
|
88
|
-
// state 값만 받는 경우 (state 에 function 지정 불가)
|
|
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),
|
|
110
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
111
|
-
prevProps = _useState2[0],
|
|
112
|
-
setPrevProps = _useState2[1];
|
|
113
|
-
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
|
-
var t2;
|
|
149
|
-
if ($[9] !== callbackRef || $[10] !== finalValueRef) {
|
|
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) {
|
|
204
|
-
t1 = function t1() {
|
|
205
|
-
return callback ? callback(state) : state;
|
|
206
|
-
};
|
|
207
|
-
$[3] = callback;
|
|
208
|
-
$[4] = state;
|
|
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;
|
|
245
|
-
};
|
|
246
|
-
$[9] = callbackRef;
|
|
247
|
-
$[10] = finalValueRef;
|
|
248
|
-
$[11] = t2;
|
|
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;
|
|
259
|
-
} else {
|
|
260
|
-
t3 = $[14];
|
|
261
|
-
}
|
|
262
|
-
return t3;
|
|
263
|
-
}function useRefState(initialState) {
|
|
264
|
-
var $ = c(3);
|
|
265
|
-
var _useState = useState(initialState),
|
|
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];
|
|
300
|
-
var t0;
|
|
301
|
-
var t1;
|
|
302
|
-
if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
|
|
303
|
-
t0 = function t0() {
|
|
304
|
-
mountedRef.current = true;
|
|
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
|
-
}
|
|
323
|
-
};
|
|
324
|
-
$[2] = t2;
|
|
325
|
-
} else {
|
|
326
|
-
t2 = $[2];
|
|
327
|
-
}
|
|
328
|
-
var safeSetValue = t2;
|
|
329
|
-
var t3;
|
|
330
|
-
if ($[3] !== value) {
|
|
331
|
-
t3 = [value, safeSetValue];
|
|
332
|
-
$[3] = value;
|
|
333
|
-
$[4] = t3;
|
|
334
|
-
} else {
|
|
335
|
-
t3 = $[4];
|
|
336
|
-
}
|
|
337
|
-
return t3;
|
|
338
42
|
}function clearIntervalRef(ref) {
|
|
339
43
|
if (ref.current) {
|
|
340
44
|
clearInterval(ref.current);
|
|
@@ -412,22 +116,6 @@ function useAutoUpdateState(state, callback) {
|
|
|
412
116
|
t2 = $[2];
|
|
413
117
|
}
|
|
414
118
|
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
119
|
}function useForwardRef(ref, value, onSet, onUnset) {
|
|
432
120
|
var $ = c(8);
|
|
433
121
|
var onSetRef = useAutoUpdateRef(onSet);
|
|
@@ -470,4 +158,4 @@ function useAutoUpdateState(state, callback) {
|
|
|
470
158
|
t3 = $[7];
|
|
471
159
|
}
|
|
472
160
|
useEffect(t2, t3);
|
|
473
|
-
}export{clearIntervalRef,clearTimeoutRef,useAutoUpdateRef,
|
|
161
|
+
}export{clearIntervalRef,clearTimeoutRef,useAutoUpdateRef,useForwardRef,useIntervalRef,useMountedRef,useTimeoutRef};
|
package/dist/index.js
CHANGED
|
@@ -39,302 +39,6 @@
|
|
|
39
39
|
}
|
|
40
40
|
react.useLayoutEffect(t0, t1);
|
|
41
41
|
return valueRef;
|
|
42
|
-
}function _arrayLikeToArray(r, a) {
|
|
43
|
-
(null == a || a > r.length) && (a = r.length);
|
|
44
|
-
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
|
|
45
|
-
return n;
|
|
46
|
-
}
|
|
47
|
-
function _arrayWithHoles(r) {
|
|
48
|
-
if (Array.isArray(r)) return r;
|
|
49
|
-
}
|
|
50
|
-
function _iterableToArrayLimit(r, l) {
|
|
51
|
-
var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
|
|
52
|
-
if (null != t) {
|
|
53
|
-
var e,
|
|
54
|
-
n,
|
|
55
|
-
i,
|
|
56
|
-
u,
|
|
57
|
-
a = [],
|
|
58
|
-
f = true,
|
|
59
|
-
o = false;
|
|
60
|
-
try {
|
|
61
|
-
if (i = (t = t.call(r)).next, 0 === l) ; else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
|
|
62
|
-
} catch (r) {
|
|
63
|
-
o = true, n = r;
|
|
64
|
-
} finally {
|
|
65
|
-
try {
|
|
66
|
-
if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
|
|
67
|
-
} finally {
|
|
68
|
-
if (o) throw n;
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
return a;
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
function _nonIterableRest() {
|
|
75
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
76
|
-
}
|
|
77
|
-
function _slicedToArray(r, e) {
|
|
78
|
-
return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
|
|
79
|
-
}
|
|
80
|
-
function _unsupportedIterableToArray(r, a) {
|
|
81
|
-
if (r) {
|
|
82
|
-
if ("string" == typeof r) return _arrayLikeToArray(r, a);
|
|
83
|
-
var t = {}.toString.call(r).slice(8, -1);
|
|
84
|
-
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
|
-
}
|
|
86
|
-
}// state 값을 Function 으로 지정한 경우 (사용 불가)
|
|
87
|
-
|
|
88
|
-
// state 값만 받는 경우 (state 에 function 지정 불가)
|
|
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),
|
|
110
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
111
|
-
prevProps = _useState2[0],
|
|
112
|
-
setPrevProps = _useState2[1];
|
|
113
|
-
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
|
-
var t2;
|
|
149
|
-
if ($[9] !== callbackRef || $[10] !== finalValueRef) {
|
|
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) {
|
|
204
|
-
t1 = function t1() {
|
|
205
|
-
return callback ? callback(state) : state;
|
|
206
|
-
};
|
|
207
|
-
$[3] = callback;
|
|
208
|
-
$[4] = state;
|
|
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;
|
|
245
|
-
};
|
|
246
|
-
$[9] = callbackRef;
|
|
247
|
-
$[10] = finalValueRef;
|
|
248
|
-
$[11] = t2;
|
|
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;
|
|
259
|
-
} else {
|
|
260
|
-
t3 = $[14];
|
|
261
|
-
}
|
|
262
|
-
return t3;
|
|
263
|
-
}function useRefState(initialState) {
|
|
264
|
-
var $ = compilerRuntime.c(3);
|
|
265
|
-
var _useState = react.useState(initialState),
|
|
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];
|
|
300
|
-
var t0;
|
|
301
|
-
var t1;
|
|
302
|
-
if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
|
|
303
|
-
t0 = function t0() {
|
|
304
|
-
mountedRef.current = true;
|
|
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
|
-
}
|
|
323
|
-
};
|
|
324
|
-
$[2] = t2;
|
|
325
|
-
} else {
|
|
326
|
-
t2 = $[2];
|
|
327
|
-
}
|
|
328
|
-
var safeSetValue = t2;
|
|
329
|
-
var t3;
|
|
330
|
-
if ($[3] !== value) {
|
|
331
|
-
t3 = [value, safeSetValue];
|
|
332
|
-
$[3] = value;
|
|
333
|
-
$[4] = t3;
|
|
334
|
-
} else {
|
|
335
|
-
t3 = $[4];
|
|
336
|
-
}
|
|
337
|
-
return t3;
|
|
338
42
|
}function clearIntervalRef(ref) {
|
|
339
43
|
if (ref.current) {
|
|
340
44
|
clearInterval(ref.current);
|
|
@@ -412,22 +116,6 @@ function useAutoUpdateState(state, callback) {
|
|
|
412
116
|
t2 = $[2];
|
|
413
117
|
}
|
|
414
118
|
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
119
|
}function useForwardRef(ref, value, onSet, onUnset) {
|
|
432
120
|
var $ = compilerRuntime.c(8);
|
|
433
121
|
var onSetRef = useAutoUpdateRef(onSet);
|
|
@@ -470,4 +158,4 @@ function useAutoUpdateState(state, callback) {
|
|
|
470
158
|
t3 = $[7];
|
|
471
159
|
}
|
|
472
160
|
react.useEffect(t2, t3);
|
|
473
|
-
}exports.clearIntervalRef=clearIntervalRef;exports.clearTimeoutRef=clearTimeoutRef;exports.useAutoUpdateRef=useAutoUpdateRef;exports.
|
|
161
|
+
}exports.clearIntervalRef=clearIntervalRef;exports.clearTimeoutRef=clearTimeoutRef;exports.useAutoUpdateRef=useAutoUpdateRef;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;
|