Files
FastGPT/packages/web/hooks/useWidthVariable.ts
Archer c3cc51c9a0 fix: share page data;Adapt findLastIndex api (#3147)
* perf: share page data

* perf: adapt findLastIndex
2024-11-13 13:08:34 +08:00

26 lines
620 B
TypeScript

import { useMemo } from 'react';
export const useWidthVariable = <T = any>({
width,
widthList = [900, 1200, 1500, 1800, 2100],
list
}: {
width: number;
widthList?: number[];
list: T[];
}) => {
const value = useMemo(() => {
// 根据 width 计算,找到第一个大于 width 的值
const reversedWidthList = [...widthList].reverse();
const reversedList = [...list].reverse();
const index = reversedWidthList.findIndex((item) => width > item);
if (index === -1) {
return reversedList[0];
}
return reversedList[index];
}, [list, width, widthList]);
return value;
};