@pdg/react-hook 1.0.16 → 1.0.17
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 +6 -6
- package/dist/index.esm.js +120 -120
- package/dist/index.js +120 -120
- package/dist/useAutoUpdateLayoutRefState.d.ts +8 -8
- package/dist/useAutoUpdateLayoutState.d.ts +7 -7
- package/dist/useAutoUpdateRefState.d.ts +8 -8
- package/dist/useAutoUpdateState.d.ts +7 -7
- package/dist/useFirstSkipEffect.d.ts +2 -2
- package/dist/useFirstSkipLayoutEffect.d.ts +2 -2
- package/package.json +9 -9
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export { default as useAutoUpdateState } from './useAutoUpdateState';
|
|
2
|
-
export { default as useAutoUpdateLayoutState } from './useAutoUpdateLayoutState';
|
|
3
|
-
export { default as useFirstSkipEffect } from './useFirstSkipEffect';
|
|
4
|
-
export { default as useFirstSkipLayoutEffect } from './useFirstSkipLayoutEffect';
|
|
5
|
-
export { default as useAutoUpdateRefState } from './useAutoUpdateRefState';
|
|
6
|
-
export { default as useAutoUpdateLayoutRefState } from './useAutoUpdateLayoutRefState';
|
|
1
|
+
export { default as useAutoUpdateState } from './useAutoUpdateState';
|
|
2
|
+
export { default as useAutoUpdateLayoutState } from './useAutoUpdateLayoutState';
|
|
3
|
+
export { default as useFirstSkipEffect } from './useFirstSkipEffect';
|
|
4
|
+
export { default as useFirstSkipLayoutEffect } from './useFirstSkipLayoutEffect';
|
|
5
|
+
export { default as useAutoUpdateRefState } from './useAutoUpdateRefState';
|
|
6
|
+
export { default as useAutoUpdateLayoutRefState } from './useAutoUpdateLayoutRefState';
|
package/dist/index.esm.js
CHANGED
|
@@ -1,121 +1,121 @@
|
|
|
1
|
-
import {useRef,useEffect,useState,useCallback,useLayoutEffect}from'react';import {equal}from'@pdg/util';function useFirstSkipEffect(effect, deps) {
|
|
2
|
-
var firstRef = useRef(true);
|
|
3
|
-
useEffect(function () {
|
|
4
|
-
if (firstRef.current) {
|
|
5
|
-
firstRef.current = false;
|
|
6
|
-
}
|
|
7
|
-
else {
|
|
8
|
-
effect();
|
|
9
|
-
}
|
|
10
|
-
}, deps);
|
|
11
|
-
}// 구현부
|
|
12
|
-
function useAutoUpdateState(state, callback) {
|
|
13
|
-
var _a = useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
|
|
14
|
-
useFirstSkipEffect(function () {
|
|
15
|
-
_setValue(callback ? callback(state) : state);
|
|
16
|
-
}, [state]);
|
|
17
|
-
var setValue = useCallback(function (newValue, skipCallback) {
|
|
18
|
-
var finalNewValue = newValue;
|
|
19
|
-
if (typeof finalNewValue === 'function') {
|
|
20
|
-
_setValue(function (prev) {
|
|
21
|
-
finalNewValue = finalNewValue(prev);
|
|
22
|
-
finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
|
|
23
|
-
return finalNewValue;
|
|
24
|
-
});
|
|
25
|
-
}
|
|
26
|
-
else {
|
|
27
|
-
finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
|
|
28
|
-
_setValue(finalNewValue);
|
|
29
|
-
}
|
|
30
|
-
return finalNewValue;
|
|
31
|
-
}, [callback]);
|
|
32
|
-
return [_value, setValue];
|
|
33
|
-
}function useFirstSkipLayoutEffect(effect, deps) {
|
|
34
|
-
var firstRef = useRef(true);
|
|
35
|
-
useLayoutEffect(function () {
|
|
36
|
-
if (firstRef.current) {
|
|
37
|
-
firstRef.current = false;
|
|
38
|
-
}
|
|
39
|
-
else {
|
|
40
|
-
effect();
|
|
41
|
-
}
|
|
42
|
-
}, deps);
|
|
43
|
-
}// 구현부
|
|
44
|
-
function useAutoUpdateLayoutState(state, callback) {
|
|
45
|
-
var _a = useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
|
|
46
|
-
useFirstSkipLayoutEffect(function () {
|
|
47
|
-
_setValue(callback ? callback(state) : state);
|
|
48
|
-
}, [state]);
|
|
49
|
-
var setValue = useCallback(function (newValue, skipCallback) {
|
|
50
|
-
var finalNewValue = newValue;
|
|
51
|
-
if (typeof finalNewValue === 'function') {
|
|
52
|
-
_setValue(function (prev) {
|
|
53
|
-
finalNewValue = finalNewValue(prev);
|
|
54
|
-
finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
|
|
55
|
-
return finalNewValue;
|
|
56
|
-
});
|
|
57
|
-
}
|
|
58
|
-
else {
|
|
59
|
-
finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
|
|
60
|
-
_setValue(finalNewValue);
|
|
61
|
-
}
|
|
62
|
-
return finalNewValue;
|
|
63
|
-
}, [callback]);
|
|
64
|
-
return [_value, setValue];
|
|
65
|
-
}// 구현부
|
|
66
|
-
function useAutoUpdateRefState(state, callback) {
|
|
67
|
-
var valueRef = useRef(callback ? callback(state) : state);
|
|
68
|
-
var _a = useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
|
|
69
|
-
useFirstSkipEffect(function () {
|
|
70
|
-
var newValue = callback ? callback(state) : state;
|
|
71
|
-
if (!equal(valueRef.current, newValue)) {
|
|
72
|
-
valueRef.current = newValue;
|
|
73
|
-
_setValue(newValue);
|
|
74
|
-
}
|
|
75
|
-
}, [state]);
|
|
76
|
-
var setValue = useCallback(function (newValue, skipCallback) {
|
|
77
|
-
var finalNewValue = newValue;
|
|
78
|
-
if (typeof finalNewValue === 'function') {
|
|
79
|
-
_setValue(function (prev) {
|
|
80
|
-
finalNewValue = finalNewValue(prev);
|
|
81
|
-
finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
|
|
82
|
-
return finalNewValue;
|
|
83
|
-
});
|
|
84
|
-
}
|
|
85
|
-
else {
|
|
86
|
-
finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
|
|
87
|
-
_setValue(finalNewValue);
|
|
88
|
-
}
|
|
89
|
-
valueRef.current = finalNewValue;
|
|
90
|
-
return finalNewValue;
|
|
91
|
-
}, [callback]);
|
|
92
|
-
return [valueRef, _value, setValue];
|
|
93
|
-
}// 구현부
|
|
94
|
-
function useAutoUpdateLayoutRefState(state, callback) {
|
|
95
|
-
var valueRef = useRef(callback ? callback(state) : state);
|
|
96
|
-
var _a = useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
|
|
97
|
-
useFirstSkipLayoutEffect(function () {
|
|
98
|
-
var newValue = callback ? callback(state) : state;
|
|
99
|
-
if (!equal(valueRef.current, newValue)) {
|
|
100
|
-
valueRef.current = newValue;
|
|
101
|
-
_setValue(newValue);
|
|
102
|
-
}
|
|
103
|
-
}, [state]);
|
|
104
|
-
var setValue = useCallback(function (newValue, skipCallback) {
|
|
105
|
-
var finalNewValue = newValue;
|
|
106
|
-
if (typeof finalNewValue === 'function') {
|
|
107
|
-
_setValue(function (prev) {
|
|
108
|
-
finalNewValue = finalNewValue(prev);
|
|
109
|
-
finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
|
|
110
|
-
return finalNewValue;
|
|
111
|
-
});
|
|
112
|
-
}
|
|
113
|
-
else {
|
|
114
|
-
finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
|
|
115
|
-
_setValue(finalNewValue);
|
|
116
|
-
}
|
|
117
|
-
valueRef.current = finalNewValue;
|
|
118
|
-
return finalNewValue;
|
|
119
|
-
}, [callback]);
|
|
120
|
-
return [valueRef, _value, setValue];
|
|
1
|
+
import {useRef,useEffect,useState,useCallback,useLayoutEffect}from'react';import {equal}from'@pdg/util';function useFirstSkipEffect(effect, deps) {
|
|
2
|
+
var firstRef = useRef(true);
|
|
3
|
+
useEffect(function () {
|
|
4
|
+
if (firstRef.current) {
|
|
5
|
+
firstRef.current = false;
|
|
6
|
+
}
|
|
7
|
+
else {
|
|
8
|
+
effect();
|
|
9
|
+
}
|
|
10
|
+
}, deps);
|
|
11
|
+
}// 구현부
|
|
12
|
+
function useAutoUpdateState(state, callback) {
|
|
13
|
+
var _a = useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
|
|
14
|
+
useFirstSkipEffect(function () {
|
|
15
|
+
_setValue(callback ? callback(state) : state);
|
|
16
|
+
}, [state]);
|
|
17
|
+
var setValue = useCallback(function (newValue, skipCallback) {
|
|
18
|
+
var finalNewValue = newValue;
|
|
19
|
+
if (typeof finalNewValue === 'function') {
|
|
20
|
+
_setValue(function (prev) {
|
|
21
|
+
finalNewValue = finalNewValue(prev);
|
|
22
|
+
finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
|
|
23
|
+
return finalNewValue;
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
|
|
28
|
+
_setValue(finalNewValue);
|
|
29
|
+
}
|
|
30
|
+
return finalNewValue;
|
|
31
|
+
}, [callback]);
|
|
32
|
+
return [_value, setValue];
|
|
33
|
+
}function useFirstSkipLayoutEffect(effect, deps) {
|
|
34
|
+
var firstRef = useRef(true);
|
|
35
|
+
useLayoutEffect(function () {
|
|
36
|
+
if (firstRef.current) {
|
|
37
|
+
firstRef.current = false;
|
|
38
|
+
}
|
|
39
|
+
else {
|
|
40
|
+
effect();
|
|
41
|
+
}
|
|
42
|
+
}, deps);
|
|
43
|
+
}// 구현부
|
|
44
|
+
function useAutoUpdateLayoutState(state, callback) {
|
|
45
|
+
var _a = useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
|
|
46
|
+
useFirstSkipLayoutEffect(function () {
|
|
47
|
+
_setValue(callback ? callback(state) : state);
|
|
48
|
+
}, [state]);
|
|
49
|
+
var setValue = useCallback(function (newValue, skipCallback) {
|
|
50
|
+
var finalNewValue = newValue;
|
|
51
|
+
if (typeof finalNewValue === 'function') {
|
|
52
|
+
_setValue(function (prev) {
|
|
53
|
+
finalNewValue = finalNewValue(prev);
|
|
54
|
+
finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
|
|
55
|
+
return finalNewValue;
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
else {
|
|
59
|
+
finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
|
|
60
|
+
_setValue(finalNewValue);
|
|
61
|
+
}
|
|
62
|
+
return finalNewValue;
|
|
63
|
+
}, [callback]);
|
|
64
|
+
return [_value, setValue];
|
|
65
|
+
}// 구현부
|
|
66
|
+
function useAutoUpdateRefState(state, callback) {
|
|
67
|
+
var valueRef = useRef(callback ? callback(state) : state);
|
|
68
|
+
var _a = useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
|
|
69
|
+
useFirstSkipEffect(function () {
|
|
70
|
+
var newValue = callback ? callback(state) : state;
|
|
71
|
+
if (!equal(valueRef.current, newValue)) {
|
|
72
|
+
valueRef.current = newValue;
|
|
73
|
+
_setValue(newValue);
|
|
74
|
+
}
|
|
75
|
+
}, [state]);
|
|
76
|
+
var setValue = useCallback(function (newValue, skipCallback) {
|
|
77
|
+
var finalNewValue = newValue;
|
|
78
|
+
if (typeof finalNewValue === 'function') {
|
|
79
|
+
_setValue(function (prev) {
|
|
80
|
+
finalNewValue = finalNewValue(prev);
|
|
81
|
+
finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
|
|
82
|
+
return finalNewValue;
|
|
83
|
+
});
|
|
84
|
+
}
|
|
85
|
+
else {
|
|
86
|
+
finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
|
|
87
|
+
_setValue(finalNewValue);
|
|
88
|
+
}
|
|
89
|
+
valueRef.current = finalNewValue;
|
|
90
|
+
return finalNewValue;
|
|
91
|
+
}, [callback]);
|
|
92
|
+
return [valueRef, _value, setValue];
|
|
93
|
+
}// 구현부
|
|
94
|
+
function useAutoUpdateLayoutRefState(state, callback) {
|
|
95
|
+
var valueRef = useRef(callback ? callback(state) : state);
|
|
96
|
+
var _a = useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
|
|
97
|
+
useFirstSkipLayoutEffect(function () {
|
|
98
|
+
var newValue = callback ? callback(state) : state;
|
|
99
|
+
if (!equal(valueRef.current, newValue)) {
|
|
100
|
+
valueRef.current = newValue;
|
|
101
|
+
_setValue(newValue);
|
|
102
|
+
}
|
|
103
|
+
}, [state]);
|
|
104
|
+
var setValue = useCallback(function (newValue, skipCallback) {
|
|
105
|
+
var finalNewValue = newValue;
|
|
106
|
+
if (typeof finalNewValue === 'function') {
|
|
107
|
+
_setValue(function (prev) {
|
|
108
|
+
finalNewValue = finalNewValue(prev);
|
|
109
|
+
finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
|
|
110
|
+
return finalNewValue;
|
|
111
|
+
});
|
|
112
|
+
}
|
|
113
|
+
else {
|
|
114
|
+
finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
|
|
115
|
+
_setValue(finalNewValue);
|
|
116
|
+
}
|
|
117
|
+
valueRef.current = finalNewValue;
|
|
118
|
+
return finalNewValue;
|
|
119
|
+
}, [callback]);
|
|
120
|
+
return [valueRef, _value, setValue];
|
|
121
121
|
}export{useAutoUpdateLayoutRefState,useAutoUpdateLayoutState,useAutoUpdateRefState,useAutoUpdateState,useFirstSkipEffect,useFirstSkipLayoutEffect};
|
package/dist/index.js
CHANGED
|
@@ -1,121 +1,121 @@
|
|
|
1
|
-
'use strict';var react=require('react'),util=require('@pdg/util');function useFirstSkipEffect(effect, deps) {
|
|
2
|
-
var firstRef = react.useRef(true);
|
|
3
|
-
react.useEffect(function () {
|
|
4
|
-
if (firstRef.current) {
|
|
5
|
-
firstRef.current = false;
|
|
6
|
-
}
|
|
7
|
-
else {
|
|
8
|
-
effect();
|
|
9
|
-
}
|
|
10
|
-
}, deps);
|
|
11
|
-
}// 구현부
|
|
12
|
-
function useAutoUpdateState(state, callback) {
|
|
13
|
-
var _a = react.useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
|
|
14
|
-
useFirstSkipEffect(function () {
|
|
15
|
-
_setValue(callback ? callback(state) : state);
|
|
16
|
-
}, [state]);
|
|
17
|
-
var setValue = react.useCallback(function (newValue, skipCallback) {
|
|
18
|
-
var finalNewValue = newValue;
|
|
19
|
-
if (typeof finalNewValue === 'function') {
|
|
20
|
-
_setValue(function (prev) {
|
|
21
|
-
finalNewValue = finalNewValue(prev);
|
|
22
|
-
finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
|
|
23
|
-
return finalNewValue;
|
|
24
|
-
});
|
|
25
|
-
}
|
|
26
|
-
else {
|
|
27
|
-
finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
|
|
28
|
-
_setValue(finalNewValue);
|
|
29
|
-
}
|
|
30
|
-
return finalNewValue;
|
|
31
|
-
}, [callback]);
|
|
32
|
-
return [_value, setValue];
|
|
33
|
-
}function useFirstSkipLayoutEffect(effect, deps) {
|
|
34
|
-
var firstRef = react.useRef(true);
|
|
35
|
-
react.useLayoutEffect(function () {
|
|
36
|
-
if (firstRef.current) {
|
|
37
|
-
firstRef.current = false;
|
|
38
|
-
}
|
|
39
|
-
else {
|
|
40
|
-
effect();
|
|
41
|
-
}
|
|
42
|
-
}, deps);
|
|
43
|
-
}// 구현부
|
|
44
|
-
function useAutoUpdateLayoutState(state, callback) {
|
|
45
|
-
var _a = react.useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
|
|
46
|
-
useFirstSkipLayoutEffect(function () {
|
|
47
|
-
_setValue(callback ? callback(state) : state);
|
|
48
|
-
}, [state]);
|
|
49
|
-
var setValue = react.useCallback(function (newValue, skipCallback) {
|
|
50
|
-
var finalNewValue = newValue;
|
|
51
|
-
if (typeof finalNewValue === 'function') {
|
|
52
|
-
_setValue(function (prev) {
|
|
53
|
-
finalNewValue = finalNewValue(prev);
|
|
54
|
-
finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
|
|
55
|
-
return finalNewValue;
|
|
56
|
-
});
|
|
57
|
-
}
|
|
58
|
-
else {
|
|
59
|
-
finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
|
|
60
|
-
_setValue(finalNewValue);
|
|
61
|
-
}
|
|
62
|
-
return finalNewValue;
|
|
63
|
-
}, [callback]);
|
|
64
|
-
return [_value, setValue];
|
|
65
|
-
}// 구현부
|
|
66
|
-
function useAutoUpdateRefState(state, callback) {
|
|
67
|
-
var valueRef = react.useRef(callback ? callback(state) : state);
|
|
68
|
-
var _a = react.useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
|
|
69
|
-
useFirstSkipEffect(function () {
|
|
70
|
-
var newValue = callback ? callback(state) : state;
|
|
71
|
-
if (!util.equal(valueRef.current, newValue)) {
|
|
72
|
-
valueRef.current = newValue;
|
|
73
|
-
_setValue(newValue);
|
|
74
|
-
}
|
|
75
|
-
}, [state]);
|
|
76
|
-
var setValue = react.useCallback(function (newValue, skipCallback) {
|
|
77
|
-
var finalNewValue = newValue;
|
|
78
|
-
if (typeof finalNewValue === 'function') {
|
|
79
|
-
_setValue(function (prev) {
|
|
80
|
-
finalNewValue = finalNewValue(prev);
|
|
81
|
-
finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
|
|
82
|
-
return finalNewValue;
|
|
83
|
-
});
|
|
84
|
-
}
|
|
85
|
-
else {
|
|
86
|
-
finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
|
|
87
|
-
_setValue(finalNewValue);
|
|
88
|
-
}
|
|
89
|
-
valueRef.current = finalNewValue;
|
|
90
|
-
return finalNewValue;
|
|
91
|
-
}, [callback]);
|
|
92
|
-
return [valueRef, _value, setValue];
|
|
93
|
-
}// 구현부
|
|
94
|
-
function useAutoUpdateLayoutRefState(state, callback) {
|
|
95
|
-
var valueRef = react.useRef(callback ? callback(state) : state);
|
|
96
|
-
var _a = react.useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
|
|
97
|
-
useFirstSkipLayoutEffect(function () {
|
|
98
|
-
var newValue = callback ? callback(state) : state;
|
|
99
|
-
if (!util.equal(valueRef.current, newValue)) {
|
|
100
|
-
valueRef.current = newValue;
|
|
101
|
-
_setValue(newValue);
|
|
102
|
-
}
|
|
103
|
-
}, [state]);
|
|
104
|
-
var setValue = react.useCallback(function (newValue, skipCallback) {
|
|
105
|
-
var finalNewValue = newValue;
|
|
106
|
-
if (typeof finalNewValue === 'function') {
|
|
107
|
-
_setValue(function (prev) {
|
|
108
|
-
finalNewValue = finalNewValue(prev);
|
|
109
|
-
finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
|
|
110
|
-
return finalNewValue;
|
|
111
|
-
});
|
|
112
|
-
}
|
|
113
|
-
else {
|
|
114
|
-
finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
|
|
115
|
-
_setValue(finalNewValue);
|
|
116
|
-
}
|
|
117
|
-
valueRef.current = finalNewValue;
|
|
118
|
-
return finalNewValue;
|
|
119
|
-
}, [callback]);
|
|
120
|
-
return [valueRef, _value, setValue];
|
|
1
|
+
'use strict';var react=require('react'),util=require('@pdg/util');function useFirstSkipEffect(effect, deps) {
|
|
2
|
+
var firstRef = react.useRef(true);
|
|
3
|
+
react.useEffect(function () {
|
|
4
|
+
if (firstRef.current) {
|
|
5
|
+
firstRef.current = false;
|
|
6
|
+
}
|
|
7
|
+
else {
|
|
8
|
+
effect();
|
|
9
|
+
}
|
|
10
|
+
}, deps);
|
|
11
|
+
}// 구현부
|
|
12
|
+
function useAutoUpdateState(state, callback) {
|
|
13
|
+
var _a = react.useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
|
|
14
|
+
useFirstSkipEffect(function () {
|
|
15
|
+
_setValue(callback ? callback(state) : state);
|
|
16
|
+
}, [state]);
|
|
17
|
+
var setValue = react.useCallback(function (newValue, skipCallback) {
|
|
18
|
+
var finalNewValue = newValue;
|
|
19
|
+
if (typeof finalNewValue === 'function') {
|
|
20
|
+
_setValue(function (prev) {
|
|
21
|
+
finalNewValue = finalNewValue(prev);
|
|
22
|
+
finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
|
|
23
|
+
return finalNewValue;
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
|
|
28
|
+
_setValue(finalNewValue);
|
|
29
|
+
}
|
|
30
|
+
return finalNewValue;
|
|
31
|
+
}, [callback]);
|
|
32
|
+
return [_value, setValue];
|
|
33
|
+
}function useFirstSkipLayoutEffect(effect, deps) {
|
|
34
|
+
var firstRef = react.useRef(true);
|
|
35
|
+
react.useLayoutEffect(function () {
|
|
36
|
+
if (firstRef.current) {
|
|
37
|
+
firstRef.current = false;
|
|
38
|
+
}
|
|
39
|
+
else {
|
|
40
|
+
effect();
|
|
41
|
+
}
|
|
42
|
+
}, deps);
|
|
43
|
+
}// 구현부
|
|
44
|
+
function useAutoUpdateLayoutState(state, callback) {
|
|
45
|
+
var _a = react.useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
|
|
46
|
+
useFirstSkipLayoutEffect(function () {
|
|
47
|
+
_setValue(callback ? callback(state) : state);
|
|
48
|
+
}, [state]);
|
|
49
|
+
var setValue = react.useCallback(function (newValue, skipCallback) {
|
|
50
|
+
var finalNewValue = newValue;
|
|
51
|
+
if (typeof finalNewValue === 'function') {
|
|
52
|
+
_setValue(function (prev) {
|
|
53
|
+
finalNewValue = finalNewValue(prev);
|
|
54
|
+
finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
|
|
55
|
+
return finalNewValue;
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
else {
|
|
59
|
+
finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
|
|
60
|
+
_setValue(finalNewValue);
|
|
61
|
+
}
|
|
62
|
+
return finalNewValue;
|
|
63
|
+
}, [callback]);
|
|
64
|
+
return [_value, setValue];
|
|
65
|
+
}// 구현부
|
|
66
|
+
function useAutoUpdateRefState(state, callback) {
|
|
67
|
+
var valueRef = react.useRef(callback ? callback(state) : state);
|
|
68
|
+
var _a = react.useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
|
|
69
|
+
useFirstSkipEffect(function () {
|
|
70
|
+
var newValue = callback ? callback(state) : state;
|
|
71
|
+
if (!util.equal(valueRef.current, newValue)) {
|
|
72
|
+
valueRef.current = newValue;
|
|
73
|
+
_setValue(newValue);
|
|
74
|
+
}
|
|
75
|
+
}, [state]);
|
|
76
|
+
var setValue = react.useCallback(function (newValue, skipCallback) {
|
|
77
|
+
var finalNewValue = newValue;
|
|
78
|
+
if (typeof finalNewValue === 'function') {
|
|
79
|
+
_setValue(function (prev) {
|
|
80
|
+
finalNewValue = finalNewValue(prev);
|
|
81
|
+
finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
|
|
82
|
+
return finalNewValue;
|
|
83
|
+
});
|
|
84
|
+
}
|
|
85
|
+
else {
|
|
86
|
+
finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
|
|
87
|
+
_setValue(finalNewValue);
|
|
88
|
+
}
|
|
89
|
+
valueRef.current = finalNewValue;
|
|
90
|
+
return finalNewValue;
|
|
91
|
+
}, [callback]);
|
|
92
|
+
return [valueRef, _value, setValue];
|
|
93
|
+
}// 구현부
|
|
94
|
+
function useAutoUpdateLayoutRefState(state, callback) {
|
|
95
|
+
var valueRef = react.useRef(callback ? callback(state) : state);
|
|
96
|
+
var _a = react.useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
|
|
97
|
+
useFirstSkipLayoutEffect(function () {
|
|
98
|
+
var newValue = callback ? callback(state) : state;
|
|
99
|
+
if (!util.equal(valueRef.current, newValue)) {
|
|
100
|
+
valueRef.current = newValue;
|
|
101
|
+
_setValue(newValue);
|
|
102
|
+
}
|
|
103
|
+
}, [state]);
|
|
104
|
+
var setValue = react.useCallback(function (newValue, skipCallback) {
|
|
105
|
+
var finalNewValue = newValue;
|
|
106
|
+
if (typeof finalNewValue === 'function') {
|
|
107
|
+
_setValue(function (prev) {
|
|
108
|
+
finalNewValue = finalNewValue(prev);
|
|
109
|
+
finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
|
|
110
|
+
return finalNewValue;
|
|
111
|
+
});
|
|
112
|
+
}
|
|
113
|
+
else {
|
|
114
|
+
finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
|
|
115
|
+
_setValue(finalNewValue);
|
|
116
|
+
}
|
|
117
|
+
valueRef.current = finalNewValue;
|
|
118
|
+
return finalNewValue;
|
|
119
|
+
}, [callback]);
|
|
120
|
+
return [valueRef, _value, setValue];
|
|
121
121
|
}exports.useAutoUpdateLayoutRefState=useAutoUpdateLayoutRefState;exports.useAutoUpdateLayoutState=useAutoUpdateLayoutState;exports.useAutoUpdateRefState=useAutoUpdateRefState;exports.useAutoUpdateState=useAutoUpdateState;exports.useFirstSkipEffect=useFirstSkipEffect;exports.useFirstSkipLayoutEffect=useFirstSkipLayoutEffect;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { MutableRefObject, SetStateAction } from 'react';
|
|
2
|
-
export default function useAutoUpdateLayoutRefState<T>(state: Exclude<T, (...args: any[]) => any>): [MutableRefObject<T>, T, (value: SetStateAction<T>) => T];
|
|
3
|
-
export default function useAutoUpdateLayoutRefState<T>(state: Exclude<T, (...args: any[]) => any>, callback: (state: T) => T): [MutableRefObject<T>, T, (value: SetStateAction<T>, skipCallback?: boolean) => T];
|
|
4
|
-
export default function useAutoUpdateLayoutRefState<T = never, StateT = never>(state: Exclude<StateT, (...args: any[]) => any>, callback: (state: T | StateT) => T extends never ? StateT : T): [
|
|
5
|
-
MutableRefObject<T extends never ? StateT : T>,
|
|
6
|
-
T extends never ? StateT : T,
|
|
7
|
-
(value: SetStateAction<T | StateT>, skipCallback?: boolean) => T extends never ? StateT : T
|
|
8
|
-
];
|
|
1
|
+
import { MutableRefObject, SetStateAction } from 'react';
|
|
2
|
+
export default function useAutoUpdateLayoutRefState<T>(state: Exclude<T, (...args: any[]) => any>): [MutableRefObject<T>, T, (value: SetStateAction<T>) => T];
|
|
3
|
+
export default function useAutoUpdateLayoutRefState<T>(state: Exclude<T, (...args: any[]) => any>, callback: (state: T) => T): [MutableRefObject<T>, T, (value: SetStateAction<T>, skipCallback?: boolean) => T];
|
|
4
|
+
export default function useAutoUpdateLayoutRefState<T = never, StateT = never>(state: Exclude<StateT, (...args: any[]) => any>, callback: (state: T | StateT) => T extends never ? StateT : T): [
|
|
5
|
+
MutableRefObject<T extends never ? StateT : T>,
|
|
6
|
+
T extends never ? StateT : T,
|
|
7
|
+
(value: SetStateAction<T | StateT>, skipCallback?: boolean) => T extends never ? StateT : T
|
|
8
|
+
];
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { SetStateAction } from 'react';
|
|
2
|
-
export default function useAutoUpdateLayoutState<T>(state: Exclude<T, (...args: any[]) => any>): [T, (value: SetStateAction<T>) => T];
|
|
3
|
-
export default function useAutoUpdateLayoutState<T>(state: Exclude<T, (...args: any[]) => any>, callback: (state: T) => T): [T, (value: SetStateAction<T>, skipCallback?: boolean) => T];
|
|
4
|
-
export default function useAutoUpdateLayoutState<T = never, StateT = never>(state: Exclude<StateT, (...args: any[]) => any>, callback: (state: T | StateT) => T extends never ? StateT : T): [
|
|
5
|
-
T extends never ? StateT : T,
|
|
6
|
-
(value: SetStateAction<T | StateT>, skipCallback?: boolean) => T extends never ? StateT : T
|
|
7
|
-
];
|
|
1
|
+
import { SetStateAction } from 'react';
|
|
2
|
+
export default function useAutoUpdateLayoutState<T>(state: Exclude<T, (...args: any[]) => any>): [T, (value: SetStateAction<T>) => T];
|
|
3
|
+
export default function useAutoUpdateLayoutState<T>(state: Exclude<T, (...args: any[]) => any>, callback: (state: T) => T): [T, (value: SetStateAction<T>, skipCallback?: boolean) => T];
|
|
4
|
+
export default function useAutoUpdateLayoutState<T = never, StateT = never>(state: Exclude<StateT, (...args: any[]) => any>, callback: (state: T | StateT) => T extends never ? StateT : T): [
|
|
5
|
+
T extends never ? StateT : T,
|
|
6
|
+
(value: SetStateAction<T | StateT>, skipCallback?: boolean) => T extends never ? StateT : T
|
|
7
|
+
];
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { MutableRefObject, SetStateAction } from 'react';
|
|
2
|
-
export default function useAutoUpdateRefState<T>(state: Exclude<T, (...args: any[]) => any>): [MutableRefObject<T>, T, (value: SetStateAction<T>) => T];
|
|
3
|
-
export default function useAutoUpdateRefState<T>(state: Exclude<T, (...args: any[]) => any>, callback: (state: T) => T): [MutableRefObject<T>, T, (value: SetStateAction<T>, skipCallback?: boolean) => T];
|
|
4
|
-
export default function useAutoUpdateRefState<T = never, StateT = never>(state: Exclude<StateT, (...args: any[]) => any>, callback: (state: T | StateT) => T extends never ? StateT : T): [
|
|
5
|
-
MutableRefObject<T extends never ? StateT : T>,
|
|
6
|
-
T extends never ? StateT : T,
|
|
7
|
-
(value: SetStateAction<T | StateT>, skipCallback?: boolean) => T extends never ? StateT : T
|
|
8
|
-
];
|
|
1
|
+
import { MutableRefObject, SetStateAction } from 'react';
|
|
2
|
+
export default function useAutoUpdateRefState<T>(state: Exclude<T, (...args: any[]) => any>): [MutableRefObject<T>, T, (value: SetStateAction<T>) => T];
|
|
3
|
+
export default function useAutoUpdateRefState<T>(state: Exclude<T, (...args: any[]) => any>, callback: (state: T) => T): [MutableRefObject<T>, T, (value: SetStateAction<T>, skipCallback?: boolean) => T];
|
|
4
|
+
export default function useAutoUpdateRefState<T = never, StateT = never>(state: Exclude<StateT, (...args: any[]) => any>, callback: (state: T | StateT) => T extends never ? StateT : T): [
|
|
5
|
+
MutableRefObject<T extends never ? StateT : T>,
|
|
6
|
+
T extends never ? StateT : T,
|
|
7
|
+
(value: SetStateAction<T | StateT>, skipCallback?: boolean) => T extends never ? StateT : T
|
|
8
|
+
];
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { SetStateAction } from 'react';
|
|
2
|
-
export default function useAutoUpdateState<T>(state: Exclude<T, (...args: any[]) => any>): [T, (value: SetStateAction<T>) => T];
|
|
3
|
-
export default function useAutoUpdateState<T>(state: Exclude<T, (...args: any[]) => any>, callback: (state: T) => T): [T, (value: SetStateAction<T>, skipCallback?: boolean) => T];
|
|
4
|
-
export default function useAutoUpdateState<T = never, StateT = never>(state: Exclude<StateT, (...args: any[]) => any>, callback: (state: T | StateT) => T extends never ? StateT : T): [
|
|
5
|
-
T extends never ? StateT : T,
|
|
6
|
-
(value: SetStateAction<T | StateT>, skipCallback?: boolean) => T extends never ? StateT : T
|
|
7
|
-
];
|
|
1
|
+
import { SetStateAction } from 'react';
|
|
2
|
+
export default function useAutoUpdateState<T>(state: Exclude<T, (...args: any[]) => any>): [T, (value: SetStateAction<T>) => T];
|
|
3
|
+
export default function useAutoUpdateState<T>(state: Exclude<T, (...args: any[]) => any>, callback: (state: T) => T): [T, (value: SetStateAction<T>, skipCallback?: boolean) => T];
|
|
4
|
+
export default function useAutoUpdateState<T = never, StateT = never>(state: Exclude<StateT, (...args: any[]) => any>, callback: (state: T | StateT) => T extends never ? StateT : T): [
|
|
5
|
+
T extends never ? StateT : T,
|
|
6
|
+
(value: SetStateAction<T | StateT>, skipCallback?: boolean) => T extends never ? StateT : T
|
|
7
|
+
];
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { DependencyList, EffectCallback } from 'react';
|
|
2
|
-
export default function useFirstSkipEffect(effect: EffectCallback, deps?: DependencyList): void;
|
|
1
|
+
import { DependencyList, EffectCallback } from 'react';
|
|
2
|
+
export default function useFirstSkipEffect(effect: EffectCallback, deps?: DependencyList): void;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { DependencyList, EffectCallback } from 'react';
|
|
2
|
-
export default function useFirstSkipLayoutEffect(effect: EffectCallback, deps?: DependencyList): void;
|
|
1
|
+
import { DependencyList, EffectCallback } from 'react';
|
|
2
|
+
export default function useFirstSkipLayoutEffect(effect: EffectCallback, deps?: DependencyList): void;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pdg/react-hook",
|
|
3
3
|
"title": "React Hook",
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.17",
|
|
5
5
|
"description": "React Hook",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"types": "dist/index.d.ts",
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"javascript"
|
|
39
39
|
],
|
|
40
40
|
"peerDependencies": {
|
|
41
|
-
"@pdg/util": "^1.0.
|
|
41
|
+
"@pdg/util": "^1.0.21",
|
|
42
42
|
"@types/react": "^17.0.0 || ^18.0.0",
|
|
43
43
|
"react": "^17.0.0 || ^18.0.0",
|
|
44
44
|
"react-dom": "^17.0.0 || ^18.0.0"
|
|
@@ -47,21 +47,21 @@
|
|
|
47
47
|
"@rollup/plugin-commonjs": "^25.0.7",
|
|
48
48
|
"@rollup/plugin-eslint": "^9.0.5",
|
|
49
49
|
"@rollup/plugin-node-resolve": "^15.2.3",
|
|
50
|
-
"@typescript-eslint/eslint-plugin": "^7.
|
|
51
|
-
"@typescript-eslint/parser": "^7.
|
|
50
|
+
"@typescript-eslint/eslint-plugin": "^7.8.0",
|
|
51
|
+
"@typescript-eslint/parser": "^7.8.0",
|
|
52
52
|
"eslint": "8.57.0",
|
|
53
53
|
"eslint-config-prettier": "^9.1.0",
|
|
54
54
|
"eslint-plugin-jsx-a11y": "^6.8.0",
|
|
55
55
|
"eslint-plugin-prettier": "^5.1.3",
|
|
56
|
-
"eslint-plugin-react": "^7.34.
|
|
57
|
-
"eslint-plugin-react-hooks": "^4.6.
|
|
56
|
+
"eslint-plugin-react": "^7.34.1",
|
|
57
|
+
"eslint-plugin-react-hooks": "^4.6.2",
|
|
58
58
|
"prettier": "^3.2.5",
|
|
59
|
-
"rollup": "^4.
|
|
59
|
+
"rollup": "^4.17.2",
|
|
60
60
|
"rollup-plugin-delete": "^2.0.0",
|
|
61
61
|
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
62
62
|
"rollup-plugin-postcss": "^4.0.2",
|
|
63
63
|
"rollup-plugin-typescript2": "^0.36.0",
|
|
64
|
-
"sass": "^1.
|
|
65
|
-
"typescript": "^4.
|
|
64
|
+
"sass": "^1.77.0",
|
|
65
|
+
"typescript": "^5.4.5"
|
|
66
66
|
}
|
|
67
67
|
}
|