@pdg/react-hook 2.0.4 → 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 -3
- package/dist/index.esm.js +2 -332
- package/dist/index.js +12 -342
- package/package.json +3 -2
- package/dist/change/index.d.ts +0 -2
- package/dist/change/useChange.d.ts +0 -1
- package/dist/change/useFirstSkipChange.d.ts +0 -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,66 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
(null == a || a > r.length) && (a = r.length);
|
|
3
|
-
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
|
|
4
|
-
return n;
|
|
5
|
-
}
|
|
6
|
-
function _arrayWithHoles(r) {
|
|
7
|
-
if (Array.isArray(r)) return r;
|
|
8
|
-
}
|
|
9
|
-
function _iterableToArrayLimit(r, l) {
|
|
10
|
-
var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
|
|
11
|
-
if (null != t) {
|
|
12
|
-
var e,
|
|
13
|
-
n,
|
|
14
|
-
i,
|
|
15
|
-
u,
|
|
16
|
-
a = [],
|
|
17
|
-
f = true,
|
|
18
|
-
o = false;
|
|
19
|
-
try {
|
|
20
|
-
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);
|
|
21
|
-
} catch (r) {
|
|
22
|
-
o = true, n = r;
|
|
23
|
-
} finally {
|
|
24
|
-
try {
|
|
25
|
-
if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
|
|
26
|
-
} finally {
|
|
27
|
-
if (o) throw n;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
return a;
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
function _nonIterableRest() {
|
|
34
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
35
|
-
}
|
|
36
|
-
function _slicedToArray(r, e) {
|
|
37
|
-
return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
|
|
38
|
-
}
|
|
39
|
-
function _unsupportedIterableToArray(r, a) {
|
|
40
|
-
if (r) {
|
|
41
|
-
if ("string" == typeof r) return _arrayLikeToArray(r, a);
|
|
42
|
-
var t = {}.toString.call(r).slice(8, -1);
|
|
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;
|
|
44
|
-
}
|
|
45
|
-
}function useChange(value, callback) {
|
|
46
|
-
var _React$useState = React.useState(value === undefined ? null : undefined),
|
|
47
|
-
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
48
|
-
_value = _React$useState2[0],
|
|
49
|
-
_setValue = _React$useState2[1];
|
|
50
|
-
if (value !== _value) {
|
|
51
|
-
_setValue(value);
|
|
52
|
-
callback(value);
|
|
53
|
-
}
|
|
54
|
-
}function useFirstSkipChange(value, callback) {
|
|
55
|
-
var _React$useState = React.useState(value),
|
|
56
|
-
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
57
|
-
_value = _React$useState2[0],
|
|
58
|
-
_setValue = _React$useState2[1];
|
|
59
|
-
if (value !== _value) {
|
|
60
|
-
_setValue(value);
|
|
61
|
-
callback(value);
|
|
62
|
-
}
|
|
63
|
-
}function useMountedRef(t0) {
|
|
1
|
+
import {c}from'react/compiler-runtime';import {useRef,useEffect,useLayoutEffect,useImperativeHandle}from'react';function useMountedRef(t0) {
|
|
64
2
|
var $ = c(2);
|
|
65
3
|
var initialValue = t0 === undefined ? true : t0;
|
|
66
4
|
var isMountedRef = useRef(initialValue);
|
|
@@ -101,258 +39,6 @@ function _unsupportedIterableToArray(r, a) {
|
|
|
101
39
|
}
|
|
102
40
|
useLayoutEffect(t0, t1);
|
|
103
41
|
return valueRef;
|
|
104
|
-
}// state 값을 Function 으로 지정한 경우 (사용 불가)
|
|
105
|
-
|
|
106
|
-
// state 값만 받는 경우 (state 에 function 지정 불가)
|
|
107
|
-
|
|
108
|
-
// state 값을 Function 으로 지정한 경우 (사용 불가)
|
|
109
|
-
|
|
110
|
-
// state 와 callback 함수를 받는 경우 (T를 지정한경우) (state 에 function 지정 불가)
|
|
111
|
-
|
|
112
|
-
// 구현부
|
|
113
|
-
function useAutoUpdateRefState(state, callback) {
|
|
114
|
-
var $ = c(16);
|
|
115
|
-
var t0;
|
|
116
|
-
if ($[0] !== callback || $[1] !== state) {
|
|
117
|
-
t0 = {
|
|
118
|
-
state: state,
|
|
119
|
-
callback: callback
|
|
120
|
-
};
|
|
121
|
-
$[0] = callback;
|
|
122
|
-
$[1] = state;
|
|
123
|
-
$[2] = t0;
|
|
124
|
-
} else {
|
|
125
|
-
t0 = $[2];
|
|
126
|
-
}
|
|
127
|
-
var _useState = useState(t0),
|
|
128
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
129
|
-
prevProps = _useState2[0],
|
|
130
|
-
setPrevProps = _useState2[1];
|
|
131
|
-
var t1;
|
|
132
|
-
if ($[3] !== callback || $[4] !== state) {
|
|
133
|
-
t1 = function t1() {
|
|
134
|
-
return callback ? callback(state) : state;
|
|
135
|
-
};
|
|
136
|
-
$[3] = callback;
|
|
137
|
-
$[4] = state;
|
|
138
|
-
$[5] = t1;
|
|
139
|
-
} else {
|
|
140
|
-
t1 = $[5];
|
|
141
|
-
}
|
|
142
|
-
var _useState3 = useState(t1),
|
|
143
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
144
|
-
_value = _useState4[0],
|
|
145
|
-
_setValue = _useState4[1];
|
|
146
|
-
var finalValue = _value;
|
|
147
|
-
if (state !== prevProps.state || callback !== prevProps.callback) {
|
|
148
|
-
var _t;
|
|
149
|
-
if ($[6] !== callback || $[7] !== state) {
|
|
150
|
-
_t = callback ? callback(state) : state;
|
|
151
|
-
$[6] = callback;
|
|
152
|
-
$[7] = state;
|
|
153
|
-
$[8] = _t;
|
|
154
|
-
} else {
|
|
155
|
-
_t = $[8];
|
|
156
|
-
}
|
|
157
|
-
finalValue = _t;
|
|
158
|
-
setPrevProps({
|
|
159
|
-
state: state,
|
|
160
|
-
callback: callback
|
|
161
|
-
});
|
|
162
|
-
_setValue(finalValue);
|
|
163
|
-
}
|
|
164
|
-
var finalValueRef = useAutoUpdateRef(finalValue);
|
|
165
|
-
var callbackRef = useAutoUpdateRef(callback);
|
|
166
|
-
var t2;
|
|
167
|
-
if ($[9] !== callbackRef || $[10] !== finalValueRef) {
|
|
168
|
-
t2 = function t2(newValue, skipCallback) {
|
|
169
|
-
var resolvedValue = typeof newValue === "function" ? newValue(finalValueRef.current) : newValue;
|
|
170
|
-
var nextValue = !skipCallback && callbackRef.current ? callbackRef.current(resolvedValue) : resolvedValue;
|
|
171
|
-
finalValueRef.current = nextValue;
|
|
172
|
-
_setValue(nextValue);
|
|
173
|
-
return nextValue;
|
|
174
|
-
};
|
|
175
|
-
$[9] = callbackRef;
|
|
176
|
-
$[10] = finalValueRef;
|
|
177
|
-
$[11] = t2;
|
|
178
|
-
} else {
|
|
179
|
-
t2 = $[11];
|
|
180
|
-
}
|
|
181
|
-
var setValue = t2;
|
|
182
|
-
var t3;
|
|
183
|
-
if ($[12] !== _value || $[13] !== finalValueRef || $[14] !== setValue) {
|
|
184
|
-
t3 = [finalValueRef, _value, setValue];
|
|
185
|
-
$[12] = _value;
|
|
186
|
-
$[13] = finalValueRef;
|
|
187
|
-
$[14] = setValue;
|
|
188
|
-
$[15] = t3;
|
|
189
|
-
} else {
|
|
190
|
-
t3 = $[15];
|
|
191
|
-
}
|
|
192
|
-
return t3;
|
|
193
|
-
}// state 값을 Function 으로 지정한 경우 (사용 불가)
|
|
194
|
-
|
|
195
|
-
// state 값만 받는 경우 (state 에 function 지정 불가)
|
|
196
|
-
|
|
197
|
-
// state 값을 Function 으로 지정한 경우 (사용 불가)
|
|
198
|
-
|
|
199
|
-
// state 와 callback 함수를 받는 경우 (T를 지정한경우) (state 에 function 지정 불가)
|
|
200
|
-
|
|
201
|
-
// 구현부
|
|
202
|
-
function useAutoUpdateState(state, callback) {
|
|
203
|
-
var $ = c(15);
|
|
204
|
-
var t0;
|
|
205
|
-
if ($[0] !== callback || $[1] !== state) {
|
|
206
|
-
t0 = {
|
|
207
|
-
state: state,
|
|
208
|
-
callback: callback
|
|
209
|
-
};
|
|
210
|
-
$[0] = callback;
|
|
211
|
-
$[1] = state;
|
|
212
|
-
$[2] = t0;
|
|
213
|
-
} else {
|
|
214
|
-
t0 = $[2];
|
|
215
|
-
}
|
|
216
|
-
var _useState = useState(t0),
|
|
217
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
218
|
-
prevProps = _useState2[0],
|
|
219
|
-
setPrevProps = _useState2[1];
|
|
220
|
-
var t1;
|
|
221
|
-
if ($[3] !== callback || $[4] !== state) {
|
|
222
|
-
t1 = function t1() {
|
|
223
|
-
return callback ? callback(state) : state;
|
|
224
|
-
};
|
|
225
|
-
$[3] = callback;
|
|
226
|
-
$[4] = state;
|
|
227
|
-
$[5] = t1;
|
|
228
|
-
} else {
|
|
229
|
-
t1 = $[5];
|
|
230
|
-
}
|
|
231
|
-
var _useState3 = useState(t1),
|
|
232
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
233
|
-
_value = _useState4[0],
|
|
234
|
-
_setValue = _useState4[1];
|
|
235
|
-
var finalValue = _value;
|
|
236
|
-
if (state !== prevProps.state || callback !== prevProps.callback) {
|
|
237
|
-
var _t;
|
|
238
|
-
if ($[6] !== callback || $[7] !== state) {
|
|
239
|
-
_t = callback ? callback(state) : state;
|
|
240
|
-
$[6] = callback;
|
|
241
|
-
$[7] = state;
|
|
242
|
-
$[8] = _t;
|
|
243
|
-
} else {
|
|
244
|
-
_t = $[8];
|
|
245
|
-
}
|
|
246
|
-
finalValue = _t;
|
|
247
|
-
setPrevProps({
|
|
248
|
-
state: state,
|
|
249
|
-
callback: callback
|
|
250
|
-
});
|
|
251
|
-
_setValue(finalValue);
|
|
252
|
-
}
|
|
253
|
-
var finalValueRef = useAutoUpdateRef(finalValue);
|
|
254
|
-
var callbackRef = useAutoUpdateRef(callback);
|
|
255
|
-
var t2;
|
|
256
|
-
if ($[9] !== callbackRef || $[10] !== finalValueRef) {
|
|
257
|
-
t2 = function t2(newValue, skipCallback) {
|
|
258
|
-
var resolvedValue = typeof newValue === "function" ? newValue(finalValueRef.current) : newValue;
|
|
259
|
-
var nextValue = !skipCallback && callbackRef.current ? callbackRef.current(resolvedValue) : resolvedValue;
|
|
260
|
-
finalValueRef.current = nextValue;
|
|
261
|
-
_setValue(nextValue);
|
|
262
|
-
return nextValue;
|
|
263
|
-
};
|
|
264
|
-
$[9] = callbackRef;
|
|
265
|
-
$[10] = finalValueRef;
|
|
266
|
-
$[11] = t2;
|
|
267
|
-
} else {
|
|
268
|
-
t2 = $[11];
|
|
269
|
-
}
|
|
270
|
-
var setValue = t2;
|
|
271
|
-
var t3;
|
|
272
|
-
if ($[12] !== finalValue || $[13] !== setValue) {
|
|
273
|
-
t3 = [finalValue, setValue];
|
|
274
|
-
$[12] = finalValue;
|
|
275
|
-
$[13] = setValue;
|
|
276
|
-
$[14] = t3;
|
|
277
|
-
} else {
|
|
278
|
-
t3 = $[14];
|
|
279
|
-
}
|
|
280
|
-
return t3;
|
|
281
|
-
}function useRefState(initialState) {
|
|
282
|
-
var $ = c(3);
|
|
283
|
-
var _useState = useState(initialState),
|
|
284
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
285
|
-
_value = _useState2[0],
|
|
286
|
-
_setValue = _useState2[1];
|
|
287
|
-
var valueRef = useRef(_value);
|
|
288
|
-
var t0;
|
|
289
|
-
if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
|
|
290
|
-
t0 = function t0(value) {
|
|
291
|
-
_setValue(function (prev) {
|
|
292
|
-
var nextValue = typeof value === "function" ? value(prev) : value;
|
|
293
|
-
valueRef.current = nextValue;
|
|
294
|
-
return nextValue;
|
|
295
|
-
});
|
|
296
|
-
};
|
|
297
|
-
$[0] = t0;
|
|
298
|
-
} else {
|
|
299
|
-
t0 = $[0];
|
|
300
|
-
}
|
|
301
|
-
var setValue = t0;
|
|
302
|
-
var t1;
|
|
303
|
-
if ($[1] !== _value) {
|
|
304
|
-
t1 = [valueRef, _value, setValue];
|
|
305
|
-
$[1] = _value;
|
|
306
|
-
$[2] = t1;
|
|
307
|
-
} else {
|
|
308
|
-
t1 = $[2];
|
|
309
|
-
}
|
|
310
|
-
return t1;
|
|
311
|
-
}function useSafeState(initialState) {
|
|
312
|
-
var $ = c(5);
|
|
313
|
-
var mountedRef = useRef(false);
|
|
314
|
-
var _useState = useState(initialState),
|
|
315
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
316
|
-
value = _useState2[0],
|
|
317
|
-
setValue = _useState2[1];
|
|
318
|
-
var t0;
|
|
319
|
-
var t1;
|
|
320
|
-
if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
|
|
321
|
-
t0 = function t0() {
|
|
322
|
-
mountedRef.current = true;
|
|
323
|
-
return function () {
|
|
324
|
-
mountedRef.current = false;
|
|
325
|
-
};
|
|
326
|
-
};
|
|
327
|
-
t1 = [];
|
|
328
|
-
$[0] = t0;
|
|
329
|
-
$[1] = t1;
|
|
330
|
-
} else {
|
|
331
|
-
t0 = $[0];
|
|
332
|
-
t1 = $[1];
|
|
333
|
-
}
|
|
334
|
-
useEffect(t0, t1);
|
|
335
|
-
var t2;
|
|
336
|
-
if ($[2] === Symbol["for"]("react.memo_cache_sentinel")) {
|
|
337
|
-
t2 = function t2(newValue) {
|
|
338
|
-
if (mountedRef.current) {
|
|
339
|
-
setValue(newValue);
|
|
340
|
-
}
|
|
341
|
-
};
|
|
342
|
-
$[2] = t2;
|
|
343
|
-
} else {
|
|
344
|
-
t2 = $[2];
|
|
345
|
-
}
|
|
346
|
-
var safeSetValue = t2;
|
|
347
|
-
var t3;
|
|
348
|
-
if ($[3] !== value) {
|
|
349
|
-
t3 = [value, safeSetValue];
|
|
350
|
-
$[3] = value;
|
|
351
|
-
$[4] = t3;
|
|
352
|
-
} else {
|
|
353
|
-
t3 = $[4];
|
|
354
|
-
}
|
|
355
|
-
return t3;
|
|
356
42
|
}function clearIntervalRef(ref) {
|
|
357
43
|
if (ref.current) {
|
|
358
44
|
clearInterval(ref.current);
|
|
@@ -430,22 +116,6 @@ function useAutoUpdateState(state, callback) {
|
|
|
430
116
|
t2 = $[2];
|
|
431
117
|
}
|
|
432
118
|
return t2;
|
|
433
|
-
}function useSafeUpdate() {
|
|
434
|
-
var $ = c(2);
|
|
435
|
-
var mountedRef = useMountedRef();
|
|
436
|
-
var t0;
|
|
437
|
-
if ($[0] !== mountedRef) {
|
|
438
|
-
t0 = function t0(callback) {
|
|
439
|
-
if (mountedRef.current) {
|
|
440
|
-
callback();
|
|
441
|
-
}
|
|
442
|
-
};
|
|
443
|
-
$[0] = mountedRef;
|
|
444
|
-
$[1] = t0;
|
|
445
|
-
} else {
|
|
446
|
-
t0 = $[1];
|
|
447
|
-
}
|
|
448
|
-
return t0;
|
|
449
119
|
}function useForwardRef(ref, value, onSet, onUnset) {
|
|
450
120
|
var $ = c(8);
|
|
451
121
|
var onSetRef = useAutoUpdateRef(onSet);
|
|
@@ -488,4 +158,4 @@ function useAutoUpdateState(state, callback) {
|
|
|
488
158
|
t3 = $[7];
|
|
489
159
|
}
|
|
490
160
|
useEffect(t2, t3);
|
|
491
|
-
}export{clearIntervalRef,clearTimeoutRef,useAutoUpdateRef,
|
|
161
|
+
}export{clearIntervalRef,clearTimeoutRef,useAutoUpdateRef,useForwardRef,useIntervalRef,useMountedRef,useTimeoutRef};
|
package/dist/index.js
CHANGED
|
@@ -1,69 +1,7 @@
|
|
|
1
|
-
'use strict';var
|
|
2
|
-
(null == a || a > r.length) && (a = r.length);
|
|
3
|
-
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
|
|
4
|
-
return n;
|
|
5
|
-
}
|
|
6
|
-
function _arrayWithHoles(r) {
|
|
7
|
-
if (Array.isArray(r)) return r;
|
|
8
|
-
}
|
|
9
|
-
function _iterableToArrayLimit(r, l) {
|
|
10
|
-
var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
|
|
11
|
-
if (null != t) {
|
|
12
|
-
var e,
|
|
13
|
-
n,
|
|
14
|
-
i,
|
|
15
|
-
u,
|
|
16
|
-
a = [],
|
|
17
|
-
f = true,
|
|
18
|
-
o = false;
|
|
19
|
-
try {
|
|
20
|
-
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);
|
|
21
|
-
} catch (r) {
|
|
22
|
-
o = true, n = r;
|
|
23
|
-
} finally {
|
|
24
|
-
try {
|
|
25
|
-
if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
|
|
26
|
-
} finally {
|
|
27
|
-
if (o) throw n;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
return a;
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
function _nonIterableRest() {
|
|
34
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
35
|
-
}
|
|
36
|
-
function _slicedToArray(r, e) {
|
|
37
|
-
return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
|
|
38
|
-
}
|
|
39
|
-
function _unsupportedIterableToArray(r, a) {
|
|
40
|
-
if (r) {
|
|
41
|
-
if ("string" == typeof r) return _arrayLikeToArray(r, a);
|
|
42
|
-
var t = {}.toString.call(r).slice(8, -1);
|
|
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;
|
|
44
|
-
}
|
|
45
|
-
}function useChange(value, callback) {
|
|
46
|
-
var _React$useState = React.useState(value === undefined ? null : undefined),
|
|
47
|
-
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
48
|
-
_value = _React$useState2[0],
|
|
49
|
-
_setValue = _React$useState2[1];
|
|
50
|
-
if (value !== _value) {
|
|
51
|
-
_setValue(value);
|
|
52
|
-
callback(value);
|
|
53
|
-
}
|
|
54
|
-
}function useFirstSkipChange(value, callback) {
|
|
55
|
-
var _React$useState = React.useState(value),
|
|
56
|
-
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
57
|
-
_value = _React$useState2[0],
|
|
58
|
-
_setValue = _React$useState2[1];
|
|
59
|
-
if (value !== _value) {
|
|
60
|
-
_setValue(value);
|
|
61
|
-
callback(value);
|
|
62
|
-
}
|
|
63
|
-
}function useMountedRef(t0) {
|
|
1
|
+
'use strict';var compilerRuntime=require('react/compiler-runtime'),react=require('react');function useMountedRef(t0) {
|
|
64
2
|
var $ = compilerRuntime.c(2);
|
|
65
3
|
var initialValue = t0 === undefined ? true : t0;
|
|
66
|
-
var isMountedRef =
|
|
4
|
+
var isMountedRef = react.useRef(initialValue);
|
|
67
5
|
var t1;
|
|
68
6
|
var t2;
|
|
69
7
|
if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
|
|
@@ -80,11 +18,11 @@ function _unsupportedIterableToArray(r, a) {
|
|
|
80
18
|
t1 = $[0];
|
|
81
19
|
t2 = $[1];
|
|
82
20
|
}
|
|
83
|
-
|
|
21
|
+
react.useEffect(t1, t2);
|
|
84
22
|
return isMountedRef;
|
|
85
23
|
}function useAutoUpdateRef(value) {
|
|
86
24
|
var $ = compilerRuntime.c(3);
|
|
87
|
-
var valueRef =
|
|
25
|
+
var valueRef = react.useRef(value);
|
|
88
26
|
var t0;
|
|
89
27
|
var t1;
|
|
90
28
|
if ($[0] !== value) {
|
|
@@ -99,260 +37,8 @@ function _unsupportedIterableToArray(r, a) {
|
|
|
99
37
|
t0 = $[1];
|
|
100
38
|
t1 = $[2];
|
|
101
39
|
}
|
|
102
|
-
|
|
40
|
+
react.useLayoutEffect(t0, t1);
|
|
103
41
|
return valueRef;
|
|
104
|
-
}// state 값을 Function 으로 지정한 경우 (사용 불가)
|
|
105
|
-
|
|
106
|
-
// state 값만 받는 경우 (state 에 function 지정 불가)
|
|
107
|
-
|
|
108
|
-
// state 값을 Function 으로 지정한 경우 (사용 불가)
|
|
109
|
-
|
|
110
|
-
// state 와 callback 함수를 받는 경우 (T를 지정한경우) (state 에 function 지정 불가)
|
|
111
|
-
|
|
112
|
-
// 구현부
|
|
113
|
-
function useAutoUpdateRefState(state, callback) {
|
|
114
|
-
var $ = compilerRuntime.c(16);
|
|
115
|
-
var t0;
|
|
116
|
-
if ($[0] !== callback || $[1] !== state) {
|
|
117
|
-
t0 = {
|
|
118
|
-
state: state,
|
|
119
|
-
callback: callback
|
|
120
|
-
};
|
|
121
|
-
$[0] = callback;
|
|
122
|
-
$[1] = state;
|
|
123
|
-
$[2] = t0;
|
|
124
|
-
} else {
|
|
125
|
-
t0 = $[2];
|
|
126
|
-
}
|
|
127
|
-
var _useState = React.useState(t0),
|
|
128
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
129
|
-
prevProps = _useState2[0],
|
|
130
|
-
setPrevProps = _useState2[1];
|
|
131
|
-
var t1;
|
|
132
|
-
if ($[3] !== callback || $[4] !== state) {
|
|
133
|
-
t1 = function t1() {
|
|
134
|
-
return callback ? callback(state) : state;
|
|
135
|
-
};
|
|
136
|
-
$[3] = callback;
|
|
137
|
-
$[4] = state;
|
|
138
|
-
$[5] = t1;
|
|
139
|
-
} else {
|
|
140
|
-
t1 = $[5];
|
|
141
|
-
}
|
|
142
|
-
var _useState3 = React.useState(t1),
|
|
143
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
144
|
-
_value = _useState4[0],
|
|
145
|
-
_setValue = _useState4[1];
|
|
146
|
-
var finalValue = _value;
|
|
147
|
-
if (state !== prevProps.state || callback !== prevProps.callback) {
|
|
148
|
-
var _t;
|
|
149
|
-
if ($[6] !== callback || $[7] !== state) {
|
|
150
|
-
_t = callback ? callback(state) : state;
|
|
151
|
-
$[6] = callback;
|
|
152
|
-
$[7] = state;
|
|
153
|
-
$[8] = _t;
|
|
154
|
-
} else {
|
|
155
|
-
_t = $[8];
|
|
156
|
-
}
|
|
157
|
-
finalValue = _t;
|
|
158
|
-
setPrevProps({
|
|
159
|
-
state: state,
|
|
160
|
-
callback: callback
|
|
161
|
-
});
|
|
162
|
-
_setValue(finalValue);
|
|
163
|
-
}
|
|
164
|
-
var finalValueRef = useAutoUpdateRef(finalValue);
|
|
165
|
-
var callbackRef = useAutoUpdateRef(callback);
|
|
166
|
-
var t2;
|
|
167
|
-
if ($[9] !== callbackRef || $[10] !== finalValueRef) {
|
|
168
|
-
t2 = function t2(newValue, skipCallback) {
|
|
169
|
-
var resolvedValue = typeof newValue === "function" ? newValue(finalValueRef.current) : newValue;
|
|
170
|
-
var nextValue = !skipCallback && callbackRef.current ? callbackRef.current(resolvedValue) : resolvedValue;
|
|
171
|
-
finalValueRef.current = nextValue;
|
|
172
|
-
_setValue(nextValue);
|
|
173
|
-
return nextValue;
|
|
174
|
-
};
|
|
175
|
-
$[9] = callbackRef;
|
|
176
|
-
$[10] = finalValueRef;
|
|
177
|
-
$[11] = t2;
|
|
178
|
-
} else {
|
|
179
|
-
t2 = $[11];
|
|
180
|
-
}
|
|
181
|
-
var setValue = t2;
|
|
182
|
-
var t3;
|
|
183
|
-
if ($[12] !== _value || $[13] !== finalValueRef || $[14] !== setValue) {
|
|
184
|
-
t3 = [finalValueRef, _value, setValue];
|
|
185
|
-
$[12] = _value;
|
|
186
|
-
$[13] = finalValueRef;
|
|
187
|
-
$[14] = setValue;
|
|
188
|
-
$[15] = t3;
|
|
189
|
-
} else {
|
|
190
|
-
t3 = $[15];
|
|
191
|
-
}
|
|
192
|
-
return t3;
|
|
193
|
-
}// state 값을 Function 으로 지정한 경우 (사용 불가)
|
|
194
|
-
|
|
195
|
-
// state 값만 받는 경우 (state 에 function 지정 불가)
|
|
196
|
-
|
|
197
|
-
// state 값을 Function 으로 지정한 경우 (사용 불가)
|
|
198
|
-
|
|
199
|
-
// state 와 callback 함수를 받는 경우 (T를 지정한경우) (state 에 function 지정 불가)
|
|
200
|
-
|
|
201
|
-
// 구현부
|
|
202
|
-
function useAutoUpdateState(state, callback) {
|
|
203
|
-
var $ = compilerRuntime.c(15);
|
|
204
|
-
var t0;
|
|
205
|
-
if ($[0] !== callback || $[1] !== state) {
|
|
206
|
-
t0 = {
|
|
207
|
-
state: state,
|
|
208
|
-
callback: callback
|
|
209
|
-
};
|
|
210
|
-
$[0] = callback;
|
|
211
|
-
$[1] = state;
|
|
212
|
-
$[2] = t0;
|
|
213
|
-
} else {
|
|
214
|
-
t0 = $[2];
|
|
215
|
-
}
|
|
216
|
-
var _useState = React.useState(t0),
|
|
217
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
218
|
-
prevProps = _useState2[0],
|
|
219
|
-
setPrevProps = _useState2[1];
|
|
220
|
-
var t1;
|
|
221
|
-
if ($[3] !== callback || $[4] !== state) {
|
|
222
|
-
t1 = function t1() {
|
|
223
|
-
return callback ? callback(state) : state;
|
|
224
|
-
};
|
|
225
|
-
$[3] = callback;
|
|
226
|
-
$[4] = state;
|
|
227
|
-
$[5] = t1;
|
|
228
|
-
} else {
|
|
229
|
-
t1 = $[5];
|
|
230
|
-
}
|
|
231
|
-
var _useState3 = React.useState(t1),
|
|
232
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
233
|
-
_value = _useState4[0],
|
|
234
|
-
_setValue = _useState4[1];
|
|
235
|
-
var finalValue = _value;
|
|
236
|
-
if (state !== prevProps.state || callback !== prevProps.callback) {
|
|
237
|
-
var _t;
|
|
238
|
-
if ($[6] !== callback || $[7] !== state) {
|
|
239
|
-
_t = callback ? callback(state) : state;
|
|
240
|
-
$[6] = callback;
|
|
241
|
-
$[7] = state;
|
|
242
|
-
$[8] = _t;
|
|
243
|
-
} else {
|
|
244
|
-
_t = $[8];
|
|
245
|
-
}
|
|
246
|
-
finalValue = _t;
|
|
247
|
-
setPrevProps({
|
|
248
|
-
state: state,
|
|
249
|
-
callback: callback
|
|
250
|
-
});
|
|
251
|
-
_setValue(finalValue);
|
|
252
|
-
}
|
|
253
|
-
var finalValueRef = useAutoUpdateRef(finalValue);
|
|
254
|
-
var callbackRef = useAutoUpdateRef(callback);
|
|
255
|
-
var t2;
|
|
256
|
-
if ($[9] !== callbackRef || $[10] !== finalValueRef) {
|
|
257
|
-
t2 = function t2(newValue, skipCallback) {
|
|
258
|
-
var resolvedValue = typeof newValue === "function" ? newValue(finalValueRef.current) : newValue;
|
|
259
|
-
var nextValue = !skipCallback && callbackRef.current ? callbackRef.current(resolvedValue) : resolvedValue;
|
|
260
|
-
finalValueRef.current = nextValue;
|
|
261
|
-
_setValue(nextValue);
|
|
262
|
-
return nextValue;
|
|
263
|
-
};
|
|
264
|
-
$[9] = callbackRef;
|
|
265
|
-
$[10] = finalValueRef;
|
|
266
|
-
$[11] = t2;
|
|
267
|
-
} else {
|
|
268
|
-
t2 = $[11];
|
|
269
|
-
}
|
|
270
|
-
var setValue = t2;
|
|
271
|
-
var t3;
|
|
272
|
-
if ($[12] !== finalValue || $[13] !== setValue) {
|
|
273
|
-
t3 = [finalValue, setValue];
|
|
274
|
-
$[12] = finalValue;
|
|
275
|
-
$[13] = setValue;
|
|
276
|
-
$[14] = t3;
|
|
277
|
-
} else {
|
|
278
|
-
t3 = $[14];
|
|
279
|
-
}
|
|
280
|
-
return t3;
|
|
281
|
-
}function useRefState(initialState) {
|
|
282
|
-
var $ = compilerRuntime.c(3);
|
|
283
|
-
var _useState = React.useState(initialState),
|
|
284
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
285
|
-
_value = _useState2[0],
|
|
286
|
-
_setValue = _useState2[1];
|
|
287
|
-
var valueRef = React.useRef(_value);
|
|
288
|
-
var t0;
|
|
289
|
-
if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
|
|
290
|
-
t0 = function t0(value) {
|
|
291
|
-
_setValue(function (prev) {
|
|
292
|
-
var nextValue = typeof value === "function" ? value(prev) : value;
|
|
293
|
-
valueRef.current = nextValue;
|
|
294
|
-
return nextValue;
|
|
295
|
-
});
|
|
296
|
-
};
|
|
297
|
-
$[0] = t0;
|
|
298
|
-
} else {
|
|
299
|
-
t0 = $[0];
|
|
300
|
-
}
|
|
301
|
-
var setValue = t0;
|
|
302
|
-
var t1;
|
|
303
|
-
if ($[1] !== _value) {
|
|
304
|
-
t1 = [valueRef, _value, setValue];
|
|
305
|
-
$[1] = _value;
|
|
306
|
-
$[2] = t1;
|
|
307
|
-
} else {
|
|
308
|
-
t1 = $[2];
|
|
309
|
-
}
|
|
310
|
-
return t1;
|
|
311
|
-
}function useSafeState(initialState) {
|
|
312
|
-
var $ = compilerRuntime.c(5);
|
|
313
|
-
var mountedRef = React.useRef(false);
|
|
314
|
-
var _useState = React.useState(initialState),
|
|
315
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
316
|
-
value = _useState2[0],
|
|
317
|
-
setValue = _useState2[1];
|
|
318
|
-
var t0;
|
|
319
|
-
var t1;
|
|
320
|
-
if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
|
|
321
|
-
t0 = function t0() {
|
|
322
|
-
mountedRef.current = true;
|
|
323
|
-
return function () {
|
|
324
|
-
mountedRef.current = false;
|
|
325
|
-
};
|
|
326
|
-
};
|
|
327
|
-
t1 = [];
|
|
328
|
-
$[0] = t0;
|
|
329
|
-
$[1] = t1;
|
|
330
|
-
} else {
|
|
331
|
-
t0 = $[0];
|
|
332
|
-
t1 = $[1];
|
|
333
|
-
}
|
|
334
|
-
React.useEffect(t0, t1);
|
|
335
|
-
var t2;
|
|
336
|
-
if ($[2] === Symbol["for"]("react.memo_cache_sentinel")) {
|
|
337
|
-
t2 = function t2(newValue) {
|
|
338
|
-
if (mountedRef.current) {
|
|
339
|
-
setValue(newValue);
|
|
340
|
-
}
|
|
341
|
-
};
|
|
342
|
-
$[2] = t2;
|
|
343
|
-
} else {
|
|
344
|
-
t2 = $[2];
|
|
345
|
-
}
|
|
346
|
-
var safeSetValue = t2;
|
|
347
|
-
var t3;
|
|
348
|
-
if ($[3] !== value) {
|
|
349
|
-
t3 = [value, safeSetValue];
|
|
350
|
-
$[3] = value;
|
|
351
|
-
$[4] = t3;
|
|
352
|
-
} else {
|
|
353
|
-
t3 = $[4];
|
|
354
|
-
}
|
|
355
|
-
return t3;
|
|
356
42
|
}function clearIntervalRef(ref) {
|
|
357
43
|
if (ref.current) {
|
|
358
44
|
clearInterval(ref.current);
|
|
@@ -365,7 +51,7 @@ function useAutoUpdateState(state, callback) {
|
|
|
365
51
|
}
|
|
366
52
|
}function useIntervalRef() {
|
|
367
53
|
var $ = compilerRuntime.c(3);
|
|
368
|
-
var ref =
|
|
54
|
+
var ref = react.useRef(undefined);
|
|
369
55
|
var t0;
|
|
370
56
|
var t1;
|
|
371
57
|
if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
|
|
@@ -381,7 +67,7 @@ function useAutoUpdateState(state, callback) {
|
|
|
381
67
|
t0 = $[0];
|
|
382
68
|
t1 = $[1];
|
|
383
69
|
}
|
|
384
|
-
|
|
70
|
+
react.useEffect(t0, t1);
|
|
385
71
|
var t2;
|
|
386
72
|
if ($[2] === Symbol["for"]("react.memo_cache_sentinel")) {
|
|
387
73
|
var setIntervalFunc = function setIntervalFunc(callback, ms) {
|
|
@@ -398,7 +84,7 @@ function useAutoUpdateState(state, callback) {
|
|
|
398
84
|
return t2;
|
|
399
85
|
}function useTimeoutRef() {
|
|
400
86
|
var $ = compilerRuntime.c(3);
|
|
401
|
-
var ref =
|
|
87
|
+
var ref = react.useRef(undefined);
|
|
402
88
|
var t0;
|
|
403
89
|
var t1;
|
|
404
90
|
if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
|
|
@@ -414,7 +100,7 @@ function useAutoUpdateState(state, callback) {
|
|
|
414
100
|
t0 = $[0];
|
|
415
101
|
t1 = $[1];
|
|
416
102
|
}
|
|
417
|
-
|
|
103
|
+
react.useEffect(t0, t1);
|
|
418
104
|
var t2;
|
|
419
105
|
if ($[2] === Symbol["for"]("react.memo_cache_sentinel")) {
|
|
420
106
|
var setTimeoutFunc = function setTimeoutFunc(callback, ms) {
|
|
@@ -430,22 +116,6 @@ function useAutoUpdateState(state, callback) {
|
|
|
430
116
|
t2 = $[2];
|
|
431
117
|
}
|
|
432
118
|
return t2;
|
|
433
|
-
}function useSafeUpdate() {
|
|
434
|
-
var $ = compilerRuntime.c(2);
|
|
435
|
-
var mountedRef = useMountedRef();
|
|
436
|
-
var t0;
|
|
437
|
-
if ($[0] !== mountedRef) {
|
|
438
|
-
t0 = function t0(callback) {
|
|
439
|
-
if (mountedRef.current) {
|
|
440
|
-
callback();
|
|
441
|
-
}
|
|
442
|
-
};
|
|
443
|
-
$[0] = mountedRef;
|
|
444
|
-
$[1] = t0;
|
|
445
|
-
} else {
|
|
446
|
-
t0 = $[1];
|
|
447
|
-
}
|
|
448
|
-
return t0;
|
|
449
119
|
}function useForwardRef(ref, value, onSet, onUnset) {
|
|
450
120
|
var $ = compilerRuntime.c(8);
|
|
451
121
|
var onSetRef = useAutoUpdateRef(onSet);
|
|
@@ -464,7 +134,7 @@ function useAutoUpdateState(state, callback) {
|
|
|
464
134
|
t0 = $[1];
|
|
465
135
|
t1 = $[2];
|
|
466
136
|
}
|
|
467
|
-
|
|
137
|
+
react.useImperativeHandle(ref, t0, t1);
|
|
468
138
|
var t2;
|
|
469
139
|
var t3;
|
|
470
140
|
if ($[3] !== onSetRef || $[4] !== onUnsetRef || $[5] !== value) {
|
|
@@ -487,5 +157,5 @@ function useAutoUpdateState(state, callback) {
|
|
|
487
157
|
t2 = $[6];
|
|
488
158
|
t3 = $[7];
|
|
489
159
|
}
|
|
490
|
-
|
|
491
|
-
}exports.clearIntervalRef=clearIntervalRef;exports.clearTimeoutRef=clearTimeoutRef;exports.useAutoUpdateRef=useAutoUpdateRef;exports.
|
|
160
|
+
react.useEffect(t2, t3);
|
|
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
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@pdg/react-hook",
|
|
3
3
|
"title": "Typescript React Hook Module",
|
|
4
4
|
"description": "Typescript React Hook Module",
|
|
5
|
-
"version": "2.0.
|
|
5
|
+
"version": "2.0.6",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "./dist/index.js",
|
|
8
8
|
"module": "./dist/index.esm.js",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"dev": "cd examples && npm run dev",
|
|
32
32
|
"watchman:del": "watchman watch-del \"${PWD}\" ; watchman watch-project \"${PWD}\"",
|
|
33
33
|
"build:examples": "cd examples && npm run build",
|
|
34
|
-
"build": "npm run watchman:del &&
|
|
34
|
+
"build": "npm run watchman:del && rollup -c --bundleConfigAsCjs",
|
|
35
35
|
"git:commit": "node .git-commit.cjs",
|
|
36
36
|
"git:push": "git push",
|
|
37
37
|
"git:commit:push": "npm run git:commit && npm run git:push",
|
|
@@ -66,6 +66,7 @@
|
|
|
66
66
|
"@eslint/js": "9.39.1",
|
|
67
67
|
"@rollup/plugin-babel": "^6.1.0",
|
|
68
68
|
"@rollup/plugin-commonjs": "29.0.0",
|
|
69
|
+
"@rollup/plugin-eslint": "^9.2.0",
|
|
69
70
|
"@rollup/plugin-node-resolve": "16.0.3",
|
|
70
71
|
"@types/node": "^22.19.2",
|
|
71
72
|
"@types/react": "19.2.7",
|
package/dist/change/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function useChange<T>(value: T, callback: (value: T) => void): void;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function useFirstSkipChange<T>(value: T, callback: (value: T) => void): void;
|
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;
|