mirror of
https://github.com/ant-design/ant-design.git
synced 2025-06-17 15:40:53 +08:00

Some checks are pending
Publish Any Commit / build (push) Waiting to run
🔀 Sync mirror to Gitee / mirror (push) Waiting to run
✅ test / lint (push) Waiting to run
✅ test / test-react-legacy (16, 1/2) (push) Waiting to run
✅ test / test-react-legacy (16, 2/2) (push) Waiting to run
✅ test / test-react-legacy (17, 1/2) (push) Waiting to run
✅ test / test-react-legacy (17, 2/2) (push) Waiting to run
✅ test / test-node (push) Waiting to run
✅ test / test-react-latest (dom, 1/2) (push) Waiting to run
✅ test / test-react-latest (dom, 2/2) (push) Waiting to run
✅ test / test-react-latest-dist (dist, 1/2) (push) Blocked by required conditions
✅ test / test-react-latest-dist (dist, 2/2) (push) Blocked by required conditions
✅ test / test-react-latest-dist (dist-min, 1/2) (push) Blocked by required conditions
✅ test / test-react-latest-dist (dist-min, 2/2) (push) Blocked by required conditions
✅ test / test-coverage (push) Blocked by required conditions
✅ test / build (push) Waiting to run
✅ test / test lib/es module (es, 1/2) (push) Waiting to run
✅ test / test lib/es module (es, 2/2) (push) Waiting to run
✅ test / test lib/es module (lib, 1/2) (push) Waiting to run
✅ test / test lib/es module (lib, 2/2) (push) Waiting to run
👁️ Visual Regression Persist Start / test image (push) Waiting to run
* refactor: use breakpoint * refactor: add hooks * chore: clean up * chore: fix logic * chore: fix logic * chore: fix ts * chore: fix ts
39 lines
1.1 KiB
TypeScript
39 lines
1.1 KiB
TypeScript
import type { Breakpoint, ScreenMap } from '../../_util/responsiveObserver';
|
|
import { responsiveArray } from '../../_util/responsiveObserver';
|
|
import type { RowProps } from '../row';
|
|
|
|
type Gap = number | undefined;
|
|
|
|
export default function useGutter(
|
|
gutter: RowProps['gutter'],
|
|
screens: ScreenMap | null,
|
|
): [Gap, Gap] {
|
|
const results: [number | undefined, number | undefined] = [undefined, undefined];
|
|
const normalizedGutter = Array.isArray(gutter) ? gutter : [gutter, undefined];
|
|
|
|
// By default use as `xs`
|
|
const mergedScreens = screens || {
|
|
xs: true,
|
|
sm: true,
|
|
md: true,
|
|
lg: true,
|
|
xl: true,
|
|
xxl: true,
|
|
};
|
|
|
|
normalizedGutter.forEach((g, index) => {
|
|
if (typeof g === 'object' && g !== null) {
|
|
for (let i = 0; i < responsiveArray.length; i++) {
|
|
const breakpoint: Breakpoint = responsiveArray[i];
|
|
if (mergedScreens[breakpoint] && g[breakpoint] !== undefined) {
|
|
results[index] = g[breakpoint] as number;
|
|
break;
|
|
}
|
|
}
|
|
} else {
|
|
results[index] = g;
|
|
}
|
|
});
|
|
return results;
|
|
}
|