@pdg/react-hook 2.0.0 → 2.0.2
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/forwardRef/index.d.ts +1 -0
- package/dist/forwardRef/useForewardRef.d.ts +2 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.esm.js +62 -4
- package/dist/index.js +61 -3
- package/package.json +3 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './useForewardRef';
|
package/dist/index.d.ts
CHANGED
package/dist/index.esm.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React,{useRef,useEffect,useLayoutEffect,useState}from'react';import {c}from'react/compiler-runtime';function _arrayLikeToArray(r, a) {
|
|
1
|
+
import React,{useRef,useEffect,useLayoutEffect,useState,useImperativeHandle}from'react';import {c}from'react/compiler-runtime';function _arrayLikeToArray(r, a) {
|
|
2
2
|
(null == a || a > r.length) && (a = r.length);
|
|
3
3
|
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
|
|
4
4
|
return n;
|
|
@@ -93,7 +93,15 @@ function _unsupportedIterableToArray(r, a) {
|
|
|
93
93
|
}
|
|
94
94
|
useLayoutEffect(t0, t1);
|
|
95
95
|
return valueRef;
|
|
96
|
-
}//
|
|
96
|
+
}// state 값을 Function 으로 지정한 경우 (사용 불가)
|
|
97
|
+
|
|
98
|
+
// state 값만 받는 경우 (state 에 function 지정 불가)
|
|
99
|
+
|
|
100
|
+
// state 값을 Function 으로 지정한 경우 (사용 불가)
|
|
101
|
+
|
|
102
|
+
// state 와 callback 함수를 받는 경우 (T를 지정한경우) (state 에 function 지정 불가)
|
|
103
|
+
|
|
104
|
+
// 구현부
|
|
97
105
|
function useAutoUpdateRefState(state, callback) {
|
|
98
106
|
var $ = c(16);
|
|
99
107
|
var t0;
|
|
@@ -174,7 +182,15 @@ function useAutoUpdateRefState(state, callback) {
|
|
|
174
182
|
t3 = $[15];
|
|
175
183
|
}
|
|
176
184
|
return t3;
|
|
177
|
-
}//
|
|
185
|
+
}// state 값을 Function 으로 지정한 경우 (사용 불가)
|
|
186
|
+
|
|
187
|
+
// state 값만 받는 경우 (state 에 function 지정 불가)
|
|
188
|
+
|
|
189
|
+
// state 값을 Function 으로 지정한 경우 (사용 불가)
|
|
190
|
+
|
|
191
|
+
// state 와 callback 함수를 받는 경우 (T를 지정한경우) (state 에 function 지정 불가)
|
|
192
|
+
|
|
193
|
+
// 구현부
|
|
178
194
|
function useAutoUpdateState(state, callback) {
|
|
179
195
|
var $ = c(15);
|
|
180
196
|
var t0;
|
|
@@ -422,4 +438,46 @@ function useAutoUpdateState(state, callback) {
|
|
|
422
438
|
t0 = $[1];
|
|
423
439
|
}
|
|
424
440
|
return t0;
|
|
425
|
-
}
|
|
441
|
+
}function useForwardRef(ref, value, onSet, onUnset) {
|
|
442
|
+
var $ = c(8);
|
|
443
|
+
var onSetRef = useAutoUpdateRef(onSet);
|
|
444
|
+
var onUnsetRef = useAutoUpdateRef(onUnset);
|
|
445
|
+
var t0;
|
|
446
|
+
var t1;
|
|
447
|
+
if ($[0] !== value) {
|
|
448
|
+
t0 = function t0() {
|
|
449
|
+
return value;
|
|
450
|
+
};
|
|
451
|
+
t1 = [value];
|
|
452
|
+
$[0] = value;
|
|
453
|
+
$[1] = t0;
|
|
454
|
+
$[2] = t1;
|
|
455
|
+
} else {
|
|
456
|
+
t0 = $[1];
|
|
457
|
+
t1 = $[2];
|
|
458
|
+
}
|
|
459
|
+
useImperativeHandle(ref, t0, t1);
|
|
460
|
+
var t2;
|
|
461
|
+
var t3;
|
|
462
|
+
if ($[3] !== onSetRef || $[4] !== onUnsetRef || $[5] !== value) {
|
|
463
|
+
t2 = function t2() {
|
|
464
|
+
var _onSetRef$current;
|
|
465
|
+
(_onSetRef$current = onSetRef.current) === null || _onSetRef$current === void 0 || _onSetRef$current.call(onSetRef, value);
|
|
466
|
+
return function () {
|
|
467
|
+
var _onUnsetRef$current;
|
|
468
|
+
(_onUnsetRef$current = onUnsetRef.current) === null || _onUnsetRef$current === void 0 || _onUnsetRef$current.call(onUnsetRef);
|
|
469
|
+
onUnsetRef.current = undefined;
|
|
470
|
+
};
|
|
471
|
+
};
|
|
472
|
+
t3 = [onSetRef, onUnsetRef, value];
|
|
473
|
+
$[3] = onSetRef;
|
|
474
|
+
$[4] = onUnsetRef;
|
|
475
|
+
$[5] = value;
|
|
476
|
+
$[6] = t2;
|
|
477
|
+
$[7] = t3;
|
|
478
|
+
} else {
|
|
479
|
+
t2 = $[6];
|
|
480
|
+
t3 = $[7];
|
|
481
|
+
}
|
|
482
|
+
useEffect(t2, t3);
|
|
483
|
+
}export{clearIntervalRef,clearTimeoutRef,useAutoUpdateRef,useAutoUpdateRefState,useAutoUpdateState,useChange,useForwardRef,useIntervalRef,useMountedRef,useRefState,useSafeState,useSafeUpdate,useTimeoutRef};
|
package/dist/index.js
CHANGED
|
@@ -93,7 +93,15 @@ function _unsupportedIterableToArray(r, a) {
|
|
|
93
93
|
}
|
|
94
94
|
React.useLayoutEffect(t0, t1);
|
|
95
95
|
return valueRef;
|
|
96
|
-
}//
|
|
96
|
+
}// state 값을 Function 으로 지정한 경우 (사용 불가)
|
|
97
|
+
|
|
98
|
+
// state 값만 받는 경우 (state 에 function 지정 불가)
|
|
99
|
+
|
|
100
|
+
// state 값을 Function 으로 지정한 경우 (사용 불가)
|
|
101
|
+
|
|
102
|
+
// state 와 callback 함수를 받는 경우 (T를 지정한경우) (state 에 function 지정 불가)
|
|
103
|
+
|
|
104
|
+
// 구현부
|
|
97
105
|
function useAutoUpdateRefState(state, callback) {
|
|
98
106
|
var $ = compilerRuntime.c(16);
|
|
99
107
|
var t0;
|
|
@@ -174,7 +182,15 @@ function useAutoUpdateRefState(state, callback) {
|
|
|
174
182
|
t3 = $[15];
|
|
175
183
|
}
|
|
176
184
|
return t3;
|
|
177
|
-
}//
|
|
185
|
+
}// state 값을 Function 으로 지정한 경우 (사용 불가)
|
|
186
|
+
|
|
187
|
+
// state 값만 받는 경우 (state 에 function 지정 불가)
|
|
188
|
+
|
|
189
|
+
// state 값을 Function 으로 지정한 경우 (사용 불가)
|
|
190
|
+
|
|
191
|
+
// state 와 callback 함수를 받는 경우 (T를 지정한경우) (state 에 function 지정 불가)
|
|
192
|
+
|
|
193
|
+
// 구현부
|
|
178
194
|
function useAutoUpdateState(state, callback) {
|
|
179
195
|
var $ = compilerRuntime.c(15);
|
|
180
196
|
var t0;
|
|
@@ -422,4 +438,46 @@ function useAutoUpdateState(state, callback) {
|
|
|
422
438
|
t0 = $[1];
|
|
423
439
|
}
|
|
424
440
|
return t0;
|
|
425
|
-
}
|
|
441
|
+
}function useForwardRef(ref, value, onSet, onUnset) {
|
|
442
|
+
var $ = compilerRuntime.c(8);
|
|
443
|
+
var onSetRef = useAutoUpdateRef(onSet);
|
|
444
|
+
var onUnsetRef = useAutoUpdateRef(onUnset);
|
|
445
|
+
var t0;
|
|
446
|
+
var t1;
|
|
447
|
+
if ($[0] !== value) {
|
|
448
|
+
t0 = function t0() {
|
|
449
|
+
return value;
|
|
450
|
+
};
|
|
451
|
+
t1 = [value];
|
|
452
|
+
$[0] = value;
|
|
453
|
+
$[1] = t0;
|
|
454
|
+
$[2] = t1;
|
|
455
|
+
} else {
|
|
456
|
+
t0 = $[1];
|
|
457
|
+
t1 = $[2];
|
|
458
|
+
}
|
|
459
|
+
React.useImperativeHandle(ref, t0, t1);
|
|
460
|
+
var t2;
|
|
461
|
+
var t3;
|
|
462
|
+
if ($[3] !== onSetRef || $[4] !== onUnsetRef || $[5] !== value) {
|
|
463
|
+
t2 = function t2() {
|
|
464
|
+
var _onSetRef$current;
|
|
465
|
+
(_onSetRef$current = onSetRef.current) === null || _onSetRef$current === void 0 || _onSetRef$current.call(onSetRef, value);
|
|
466
|
+
return function () {
|
|
467
|
+
var _onUnsetRef$current;
|
|
468
|
+
(_onUnsetRef$current = onUnsetRef.current) === null || _onUnsetRef$current === void 0 || _onUnsetRef$current.call(onUnsetRef);
|
|
469
|
+
onUnsetRef.current = undefined;
|
|
470
|
+
};
|
|
471
|
+
};
|
|
472
|
+
t3 = [onSetRef, onUnsetRef, value];
|
|
473
|
+
$[3] = onSetRef;
|
|
474
|
+
$[4] = onUnsetRef;
|
|
475
|
+
$[5] = value;
|
|
476
|
+
$[6] = t2;
|
|
477
|
+
$[7] = t3;
|
|
478
|
+
} else {
|
|
479
|
+
t2 = $[6];
|
|
480
|
+
t3 = $[7];
|
|
481
|
+
}
|
|
482
|
+
React.useEffect(t2, t3);
|
|
483
|
+
}exports.clearIntervalRef=clearIntervalRef;exports.clearTimeoutRef=clearTimeoutRef;exports.useAutoUpdateRef=useAutoUpdateRef;exports.useAutoUpdateRefState=useAutoUpdateRefState;exports.useAutoUpdateState=useAutoUpdateState;exports.useChange=useChange;exports.useForwardRef=useForwardRef;exports.useIntervalRef=useIntervalRef;exports.useMountedRef=useMountedRef;exports.useRefState=useRefState;exports.useSafeState=useSafeState;exports.useSafeUpdate=useSafeUpdate;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.2",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "./dist/index.js",
|
|
8
8
|
"module": "./dist/index.esm.js",
|
|
@@ -37,8 +37,9 @@
|
|
|
37
37
|
"git:commit:push": "npm run git:commit && npm run git:push",
|
|
38
38
|
"git:merge:mirror": "node .git-merge.cjs mirror main",
|
|
39
39
|
"reset:gitignore": "git rm -r --cached . && git add .",
|
|
40
|
-
"pub": "npm i && npm run build:examples && npm run build && npm publish --access=public && rm ./.git/hooks/pre-commit",
|
|
40
|
+
"pub": "npm i && npm run build:examples && npm run build && npm publish --access=public && [ -f ./.git/hooks/pre-commit ] && rm ./.git/hooks/pre-commit || true",
|
|
41
41
|
"lint": "eslint './src/**/*.{ts,tsx}'",
|
|
42
|
+
"tsc": "tsc --noEmit",
|
|
42
43
|
"reinstall": "npm run reinstall:module",
|
|
43
44
|
"reinstall:module": "rm -rf node_modules && rm -f package-lock.json && npm i"
|
|
44
45
|
},
|