ant-design/components/config-provider/hooks/useSize.ts
2025-03-05 16:05:49 +08:00

26 lines
656 B
TypeScript

import React from 'react';
import type { SizeType } from '../SizeContext';
import SizeContext from '../SizeContext';
const useSize = <T extends string | undefined | number | object>(
customSize?: T | ((ctxSize: SizeType) => T),
): T => {
const size = React.useContext<SizeType>(SizeContext);
const mergedSize = React.useMemo<T>(() => {
if (!customSize) {
return size as T;
}
if (typeof customSize === 'string') {
return customSize ?? size;
}
if (typeof customSize === 'function') {
return customSize(size);
}
return size as T;
}, [customSize, size]);
return mergedSize;
};
export default useSize;