feat(hooks): useResize add skipEmpty param

DevCloudFE · Jan 9, 2023 · fbed91f · fbed91f
1 parent 02d1561
commit fbed91f
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/hooks/src/useResize.ts b/packages/hooks/src/useResize.ts
@@ -2,7 +2,7 @@ import { isUndefined } from 'lodash';
 import { useEffect, useRef } from 'react';
 import { flushSync } from 'react-dom';
 
-export function useResize(target: React.RefObject<Element | null>, cb?: ResizeObserverCallback, disabled = false): void {
+export function useResize(target: React.RefObject<Element | null>, cb?: ResizeObserverCallback, disabled = false, skipEmpty = true): void {
  const dataRef = useRef<{
  prevBorderBoxSize?: ResizeObserverSize;
  }>({});
@@ -16,7 +16,7 @@ export function useResize(target: React.RefObject<Element | null>, cb?: ResizeOb
  const observer = new ResizeObserver((entries, observer) => {
  if (
  !isUndefined(dataRef.current.prevBorderBoxSize) &&
- !(entries[0].borderBoxSize[0].blockSize === 0 && entries[0].borderBoxSize[0].inlineSize === 0) &&
+ !(skipEmpty && entries[0].borderBoxSize[0].blockSize === 0 && entries[0].borderBoxSize[0].inlineSize === 0) &&
  (dataRef.current.prevBorderBoxSize.blockSize !== entries[0].borderBoxSize[0].blockSize ||
  dataRef.current.prevBorderBoxSize.inlineSize !== entries[0].borderBoxSize[0].inlineSize)
  ) {