@noraent/nora-datagrid 0.0.44 → 0.0.45
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/lib/cjs/buildPackage.json +1 -1
- package/lib/cjs/common/constants/utils.d.ts +2 -0
- package/lib/cjs/common/constants/utils.js +2 -18
- package/lib/cjs/components/TwoDimensionalVirtualizedList.js +1 -1
- package/lib/esm/buildPackage.json +1 -1
- package/lib/esm/common/constants/utils.d.ts +2 -0
- package/lib/esm/common/constants/utils.js +2 -18
- package/lib/esm/components/TwoDimensionalVirtualizedList.js +1 -1
- package/package.json +1 -1
|
@@ -7,12 +7,14 @@ import React from "react";
|
|
|
7
7
|
*/
|
|
8
8
|
declare function useUpdateEffect(callback: React.EffectCallback, deps: React.DependencyList): void;
|
|
9
9
|
/**
|
|
10
|
+
* Array<Object> 경우 변경 감지하기 힘들기 때문에 별도 hook 구성함
|
|
10
11
|
* 깊은 비교를 통해 종속성 배열의 변경을 감지하는 커스텀 훅
|
|
11
12
|
* @param callback 실행할 효과 함수
|
|
12
13
|
* @param dependencies 종속성 배열
|
|
13
14
|
*/
|
|
14
15
|
export declare function useDeepCompareEffect<T>(callback: () => void | (() => void), dependencies: T[]): void;
|
|
15
16
|
/**
|
|
17
|
+
* Array<Object> 경우 변경 감지하기 힘들기 때문에 별도 hook 구성함
|
|
16
18
|
* 깊은 비교와 팩토리 함수를 사용하는 메모이제이션 훅
|
|
17
19
|
* @param factory 계산을 수행하는 팩토리 함수
|
|
18
20
|
* @param deps 의존성 배열
|
|
@@ -19,6 +19,7 @@ function useUpdateEffect(callback, deps) {
|
|
|
19
19
|
}, deps);
|
|
20
20
|
}
|
|
21
21
|
/**
|
|
22
|
+
* Array<Object> 경우 변경 감지하기 힘들기 때문에 별도 hook 구성함
|
|
22
23
|
* 깊은 비교를 통해 종속성 배열의 변경을 감지하는 커스텀 훅
|
|
23
24
|
* @param callback 실행할 효과 함수
|
|
24
25
|
* @param dependencies 종속성 배열
|
|
@@ -33,25 +34,8 @@ export function useDeepCompareEffect(callback, dependencies) {
|
|
|
33
34
|
}
|
|
34
35
|
}, [callback, JSON.stringify(dependencies)]);
|
|
35
36
|
}
|
|
36
|
-
// /**
|
|
37
|
-
// * 객체나 배열의 깊은 비교를 수행하여 메모이제이션된 값을 반환하는 커스텀 훅
|
|
38
|
-
// * @param value 메모이제이션할 값 (객체나 배열)
|
|
39
|
-
// * @returns 값이 실제로 변경되었을 때만 새 참조를 반환
|
|
40
|
-
// */
|
|
41
|
-
// export function useDeepCompareMemo<T>(value: T): T {
|
|
42
|
-
// const ref = React.useRef<T>();
|
|
43
|
-
// // 이전 값과 현재 값의 깊은 비교
|
|
44
|
-
// const isEqual = _.isEqual(value, ref.current);
|
|
45
|
-
// // 값이 변경되었으면 ref를 업데이트
|
|
46
|
-
// React.useEffect(() => {
|
|
47
|
-
// if (!isEqual) {
|
|
48
|
-
// ref.current = _.cloneDeep(value);
|
|
49
|
-
// }
|
|
50
|
-
// });
|
|
51
|
-
// // 깊은 비교 결과에 따라 이전 값 또는 새 값 반환
|
|
52
|
-
// return React.useMemo(() => (isEqual ? (ref.current as T) : value), [isEqual, value]);
|
|
53
|
-
// }
|
|
54
37
|
/**
|
|
38
|
+
* Array<Object> 경우 변경 감지하기 힘들기 때문에 별도 hook 구성함
|
|
55
39
|
* 깊은 비교와 팩토리 함수를 사용하는 메모이제이션 훅
|
|
56
40
|
* @param factory 계산을 수행하는 팩토리 함수
|
|
57
41
|
* @param deps 의존성 배열
|
|
@@ -148,7 +148,7 @@ const DynamicVirtualScroll = React.memo(({ children }) => {
|
|
|
148
148
|
end = Math.min(end + overscanBottomRow, dataSource.length);
|
|
149
149
|
return { start, end };
|
|
150
150
|
}, [
|
|
151
|
-
|
|
151
|
+
JSON.stringify(dataSource),
|
|
152
152
|
scrollTop,
|
|
153
153
|
cumulativeHeights,
|
|
154
154
|
windowSize.height,
|
|
@@ -7,12 +7,14 @@ import React from "react";
|
|
|
7
7
|
*/
|
|
8
8
|
declare function useUpdateEffect(callback: React.EffectCallback, deps: React.DependencyList): void;
|
|
9
9
|
/**
|
|
10
|
+
* Array<Object> 경우 변경 감지하기 힘들기 때문에 별도 hook 구성함
|
|
10
11
|
* 깊은 비교를 통해 종속성 배열의 변경을 감지하는 커스텀 훅
|
|
11
12
|
* @param callback 실행할 효과 함수
|
|
12
13
|
* @param dependencies 종속성 배열
|
|
13
14
|
*/
|
|
14
15
|
export declare function useDeepCompareEffect<T>(callback: () => void | (() => void), dependencies: T[]): void;
|
|
15
16
|
/**
|
|
17
|
+
* Array<Object> 경우 변경 감지하기 힘들기 때문에 별도 hook 구성함
|
|
16
18
|
* 깊은 비교와 팩토리 함수를 사용하는 메모이제이션 훅
|
|
17
19
|
* @param factory 계산을 수행하는 팩토리 함수
|
|
18
20
|
* @param deps 의존성 배열
|
|
@@ -19,6 +19,7 @@ function useUpdateEffect(callback, deps) {
|
|
|
19
19
|
}, deps);
|
|
20
20
|
}
|
|
21
21
|
/**
|
|
22
|
+
* Array<Object> 경우 변경 감지하기 힘들기 때문에 별도 hook 구성함
|
|
22
23
|
* 깊은 비교를 통해 종속성 배열의 변경을 감지하는 커스텀 훅
|
|
23
24
|
* @param callback 실행할 효과 함수
|
|
24
25
|
* @param dependencies 종속성 배열
|
|
@@ -33,25 +34,8 @@ export function useDeepCompareEffect(callback, dependencies) {
|
|
|
33
34
|
}
|
|
34
35
|
}, [callback, JSON.stringify(dependencies)]);
|
|
35
36
|
}
|
|
36
|
-
// /**
|
|
37
|
-
// * 객체나 배열의 깊은 비교를 수행하여 메모이제이션된 값을 반환하는 커스텀 훅
|
|
38
|
-
// * @param value 메모이제이션할 값 (객체나 배열)
|
|
39
|
-
// * @returns 값이 실제로 변경되었을 때만 새 참조를 반환
|
|
40
|
-
// */
|
|
41
|
-
// export function useDeepCompareMemo<T>(value: T): T {
|
|
42
|
-
// const ref = React.useRef<T>();
|
|
43
|
-
// // 이전 값과 현재 값의 깊은 비교
|
|
44
|
-
// const isEqual = _.isEqual(value, ref.current);
|
|
45
|
-
// // 값이 변경되었으면 ref를 업데이트
|
|
46
|
-
// React.useEffect(() => {
|
|
47
|
-
// if (!isEqual) {
|
|
48
|
-
// ref.current = _.cloneDeep(value);
|
|
49
|
-
// }
|
|
50
|
-
// });
|
|
51
|
-
// // 깊은 비교 결과에 따라 이전 값 또는 새 값 반환
|
|
52
|
-
// return React.useMemo(() => (isEqual ? (ref.current as T) : value), [isEqual, value]);
|
|
53
|
-
// }
|
|
54
37
|
/**
|
|
38
|
+
* Array<Object> 경우 변경 감지하기 힘들기 때문에 별도 hook 구성함
|
|
55
39
|
* 깊은 비교와 팩토리 함수를 사용하는 메모이제이션 훅
|
|
56
40
|
* @param factory 계산을 수행하는 팩토리 함수
|
|
57
41
|
* @param deps 의존성 배열
|
|
@@ -148,7 +148,7 @@ const DynamicVirtualScroll = React.memo(({ children }) => {
|
|
|
148
148
|
end = Math.min(end + overscanBottomRow, dataSource.length);
|
|
149
149
|
return { start, end };
|
|
150
150
|
}, [
|
|
151
|
-
|
|
151
|
+
JSON.stringify(dataSource),
|
|
152
152
|
scrollTop,
|
|
153
153
|
cumulativeHeights,
|
|
154
154
|
windowSize.height,
|