gavindiaz/PolyWeather
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

This version of Antigravity is no longer supported. Please upgrade to receive the latest features.

Browse Source
This commit is contained in:
2569718930@qq.com
2026-04-30 08:05:10 +08:00
parent f0436f498a
commit a984c22b62
4 changed files with 138 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/components/dashboard/ScanTerminalBoard.module.css
+10 -6
View File
@@ -29,23 +29,27 @@
background: rgba(8, 17, 30, 0.8);
}
.root :global(.scan-terminal.map-view-active .scan-upgrade-announcement),
.root :global(.scan-terminal.map-view-active .scan-kpi-bar) {
.root :global(.scan-terminal.focus-view-active .scan-upgrade-announcement),
.root :global(.scan-terminal.focus-view-active .scan-kpi-bar) {
display: none;
}
.root :global(.scan-terminal.map-view-active .scan-data-grid) {
.root :global(.scan-terminal.focus-view-active .scan-data-grid) {
gap: 12px;
}
.root :global(.scan-terminal.map-view-active .scan-list-section) {
min-height: min(760px, calc(100dvh - 164px));
.root :global(.scan-terminal.focus-view-active .scan-list-section) {
min-height: min(780px, calc(100dvh - 136px));
}
.root :global(.scan-terminal.map-view-active .scan-list-header) {
.root :global(.scan-terminal.focus-view-active .scan-list-header) {
margin-bottom: 8px;
}
.root :global(.scan-terminal.focus-view-active .scan-topbar) {
padding-bottom: 12px;
}
@media (max-width: 1680px), (max-height: 900px) {
.root :global(.scan-terminal.map-view-active > .detail-panel.scan-city-detail-rail) {
display: none;
frontend/components/dashboard/ScanTerminalDashboard.tsx
+2
View File
@@ -465,6 +465,8 @@ function ScanTerminalScreen() {
className={clsx(
"scan-terminal",
resolvedView === "map" && "map-view-active",
resolvedView !== "opportunities" && "focus-view-active",
resolvedView === "analysis" && "analysis-view-active",
themeMode === "light" && "light",
)}
>
frontend/components/dashboard/ScanTerminalList.module.css
+58 -3
View File
@@ -489,10 +489,11 @@
max-height: 100%;
overflow-y: auto;
overscroll-behavior: contain;
scroll-padding-top: 64px;
border: 1px solid rgba(77, 163, 255, 0.16);
border-radius: 18px;
background: #0b1220;
padding: 18px;
padding: 14px;
}
.root :global(.scan-ai-workspace::-webkit-scrollbar) {
@@ -514,7 +515,7 @@
justify-content: space-between;
gap: 18px;
align-items: flex-end;
margin-bottom: 18px;
margin-bottom: 10px;
padding: 0 2px;
}
@@ -529,7 +530,7 @@
.root :global(.scan-ai-workspace-head strong) {
display: block;
color: #e6edf3;
font-size: 22px;
font-size: 20px;
line-height: 1.2;
margin-top: 4px;
}
@@ -542,3 +543,57 @@
line-height: 1.55;
text-align: right;
}
.root :global(.scan-ai-city-jumpbar) {
position: sticky;
top: 0;
z-index: 8;
display: flex;
gap: 8px;
margin: 0 0 12px;
padding: 8px;
overflow-x: auto;
border: 1px solid rgba(77, 163, 255, 0.14);
border-radius: 14px;
background: rgba(11, 18, 32, 0.92);
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
scrollbar-width: none;
}
.root :global(.scan-ai-city-jumpbar::-webkit-scrollbar) {
display: none;
}
.root :global(.scan-ai-city-jumpbar button) {
flex: 0 0 auto;
min-height: 32px;
padding: 0 12px;
border: 1px solid rgba(77, 163, 255, 0.26);
border-radius: 999px;
background: rgba(77, 163, 255, 0.1);
color: #cfe5ff;
font-size: 12px;
font-weight: 900;
cursor: pointer;
white-space: nowrap;
}
.root :global(.scan-ai-city-jumpbar button:hover) {
border-color: rgba(111, 183, 255, 0.62);
background: rgba(77, 163, 255, 0.18);
}
.root :global(.scan-ai-city-anchor) {
scroll-margin-top: 66px;
}
.root :global(.scan-ai-city-card:not(.collapsed)) {
overflow: visible;
}
.root :global(.scan-ai-city-card:not(.collapsed) .scan-ai-city-hero) {
position: sticky;
top: 54px;
z-index: 6;
border-radius: 18px 18px 0 0;
}
frontend/components/dashboard/scan-terminal/AiPinnedForecastView.tsx
+68 -43
View File
@@ -23,38 +23,37 @@ export function AiPinnedForecastView({
onRemoveCity: (cityName: string) => void;
}) {
const isEn = locale === "en-US";
const [collapsedCities, setCollapsedCities] = useState<Set<string>>(
() => new Set(),
);
const [expandedCityKey, setExpandedCityKey] = useState<string | null>(null);
const [removingCities, setRemovingCities] = useState<Set<string>>(
() => new Set(),
);
const cityCardRefs = useRef<Record<string, HTMLDivElement | null>>({});
const knownCityKeysRef = useRef<Set<string>>(new Set());
const previousFirstCityKeyRef = useRef<string | null>(null);
const removeTimersRef = useRef<Map<string, ReturnType<typeof setTimeout>>>(new Map());
useEffect(() => {
const activeKeys = new Set(
items.map((item) => normalizeCityKey(item.cityName) || item.cityName),
const activeKeyList = items.map(
(item) => normalizeCityKey(item.cityName) || item.cityName,
);
setCollapsedCities((current) => {
const next = new Set<string>();
let changed = false;
current.forEach((key) => {
if (activeKeys.has(key)) {
next.add(key);
} else {
changed = true;
}
});
items.forEach((item) => {
const stableKey = normalizeCityKey(item.cityName) || item.cityName;
if (!knownCityKeysRef.current.has(stableKey)) {
changed = true;
}
});
return changed ? next : current;
const activeKeys = new Set(activeKeyList);
const firstCityKey = activeKeyList[0] ?? null;
const hasNewCity = activeKeyList.some((key) => !knownCityKeysRef.current.has(key));
const firstCityChanged = firstCityKey !== previousFirstCityKeyRef.current;
setExpandedCityKey((current) => {
if (!firstCityKey) return null;
if (hasNewCity || firstCityChanged) return firstCityKey;
if (current && activeKeys.has(current)) return current;
return firstCityKey;
});
Object.keys(cityCardRefs.current).forEach((key) => {
if (!activeKeys.has(key)) {
delete cityCardRefs.current[key];
}
});
knownCityKeysRef.current = activeKeys;
previousFirstCityKeyRef.current = firstCityKey;
}, [items]);
useEffect(() => {
@@ -86,6 +85,18 @@ export function AiPinnedForecastView({
[onRemoveCity],
);
const scrollToCity = useCallback((stableKey: string) => {
cityCardRefs.current[stableKey]?.scrollIntoView({
behavior: "smooth",
block: "start",
});
}, []);
const focusCity = useCallback((stableKey: string) => {
setExpandedCityKey(stableKey);
window.requestAnimationFrame(() => scrollToCity(stableKey));
}, [scrollToCity]);
if (!items.length) {
return (
<div className="scan-ai-workspace empty">
@@ -120,36 +131,50 @@ export function AiPinnedForecastView({
: "地图点击会把城市加入这里；城市分析会保留，直到你手动移除。"}
</p>
</div>
<div className="scan-ai-city-jumpbar" aria-label={isEn ? "Selected city shortcuts" : "已选城市快捷跳转"}>
{items.map((item) => {
const stableKey = normalizeCityKey(item.cityName) || item.cityName;
return (
<button
key={stableKey}
type="button"
onClick={() => focusCity(stableKey)}
>
{item.cityName}
</button>
);
})}
</div>
<div className="scan-ai-city-stack">
{items.map((item) => {
const detail = findDetailForCity(detailsByName, item.cityName);
const row = findRowForCity(rows, item.cityName);
const key = normalizeCityKey(item.cityName);
const stableKey = key || item.cityName;
const isKnownCity = knownCityKeysRef.current.has(stableKey);
return (
<AiPinnedCityCard
<div
key={stableKey}
item={item}
detail={detail}
row={row}
locale={locale}
collapsed={!isKnownCity || collapsedCities.has(stableKey)}
removing={removingCities.has(stableKey)}
onRefreshCityDetail={onRefreshCityDetail}
onRemove={() => removeCityWithMotion(item, stableKey)}
onToggleCollapsed={() => {
setCollapsedCities((current) => {
const next = new Set(current);
if (next.has(stableKey)) {
next.delete(stableKey);
} else {
next.add(stableKey);
}
return next;
});
ref={(node) => {
cityCardRefs.current[stableKey] = node;
}}
/>
className="scan-ai-city-anchor"
>
<AiPinnedCityCard
item={item}
detail={detail}
row={row}
locale={locale}
collapsed={expandedCityKey !== stableKey}
removing={removingCities.has(stableKey)}
onRefreshCityDetail={onRefreshCityDetail}
onRemove={() => removeCityWithMotion(item, stableKey)}
onToggleCollapsed={() => {
setExpandedCityKey((current) =>
current === stableKey ? null : stableKey,
);
}}
/>
</div>
);
})}
</div>