Files
MyGoNavi/frontend/src/utils/aiPanelLayout.ts
Syngnat 8131ea8fc8 🐛 fix(ui): 修复新版数据视图布局与 AI 面板加载容错
- 修复新版数据视图底部分页、列快速定位与当前页查找的对齐和压缩问题
- 优化窄屏下 AI 面板布局,避免挤压工作区并增加懒加载失败重试兜底
- 补充窗口运行时、AI 面板布局与 UI 回归测试,更新相关样式快照
2026-05-28 07:05:48 +08:00

62 lines
2.4 KiB
TypeScript

export const DEFAULT_AI_PANEL_WIDTH = 380;
export const MIN_WORKBENCH_WIDTH_WHEN_AI_DOCKED = 320;
export const MIN_AI_PANEL_OVERLAY_WIDTH = 260;
export const AI_PANEL_OVERLAY_GAP = 12;
interface AIPanelLayoutOptions {
isV2Ui: boolean;
viewportWidth: number;
sidebarWidth: number;
panelWidth?: number;
minWorkbenchWidth?: number;
}
interface AIPanelOverlayWidthOptions {
viewportWidth: number;
sidebarWidth: number;
panelWidth?: number;
minOverlayWidth?: number;
overlayGap?: number;
}
const normalizePositiveNumber = (value: number, fallback: number) => {
const normalized = Number(value);
return Number.isFinite(normalized) && normalized > 0 ? normalized : fallback;
};
export const shouldOverlayAIPanel = ({
isV2Ui,
viewportWidth,
sidebarWidth,
panelWidth = DEFAULT_AI_PANEL_WIDTH,
minWorkbenchWidth = MIN_WORKBENCH_WIDTH_WHEN_AI_DOCKED,
}: AIPanelLayoutOptions): boolean => {
const safeViewportWidth = normalizePositiveNumber(viewportWidth, 0);
const safeSidebarWidth = Math.max(0, normalizePositiveNumber(sidebarWidth, 0));
const safePanelWidth = Math.max(0, normalizePositiveNumber(panelWidth, DEFAULT_AI_PANEL_WIDTH));
const safeMinWorkbenchWidth = Math.max(0, normalizePositiveNumber(minWorkbenchWidth, MIN_WORKBENCH_WIDTH_WHEN_AI_DOCKED));
const workspaceWidth = Math.max(0, safeViewportWidth - safeSidebarWidth);
void isV2Ui;
return workspaceWidth - safePanelWidth < safeMinWorkbenchWidth;
};
export const resolveOverlayAIPanelWidth = ({
viewportWidth,
sidebarWidth,
panelWidth = DEFAULT_AI_PANEL_WIDTH,
minOverlayWidth = MIN_AI_PANEL_OVERLAY_WIDTH,
overlayGap = AI_PANEL_OVERLAY_GAP,
}: AIPanelOverlayWidthOptions): number => {
const safeViewportWidth = normalizePositiveNumber(viewportWidth, panelWidth);
const safeSidebarWidth = Math.max(0, normalizePositiveNumber(sidebarWidth, 0));
const safePanelWidth = Math.max(0, normalizePositiveNumber(panelWidth, DEFAULT_AI_PANEL_WIDTH));
const safeMinOverlayWidth = Math.max(0, normalizePositiveNumber(minOverlayWidth, MIN_AI_PANEL_OVERLAY_WIDTH));
const safeOverlayGap = Math.max(0, normalizePositiveNumber(overlayGap, AI_PANEL_OVERLAY_GAP));
const workspaceWidth = Math.max(0, safeViewportWidth - safeSidebarWidth);
const preferredWidth = Math.min(safePanelWidth, Math.max(0, workspaceWidth - safeOverlayGap));
const lowerBound = Math.min(safeMinOverlayWidth, workspaceWidth);
return Math.max(lowerBound, preferredWidth);
};