feat: migrate drainage frontend to Vite

This commit is contained in:
2026-07-22 12:47:36 +08:00
parent e0cfa3d6eb
commit 72850761ce
213 changed files with 5726 additions and 5283 deletions
+36 -36
View File
@@ -1,6 +1,6 @@
# 亚克力设计类别与组件使用清单
本文档记录当前前端的亚克力材质体系及实际使用位置。样式定义以 `app/globals.css` 为准,组件映射以 `features/` 下的现有代码为准。
本文档记录当前前端的亚克力材质体系及实际使用位置。样式定义以 `src/styles.css` 为准,组件映射以 `src/features/` 下的现有代码为准。
## 总览
@@ -25,7 +25,7 @@
- 特征:保留底部分隔和下投影,不使用顶部高光。
- 当前组件:
- `WorkbenchTopBar`,工作台顶部 Header。
- 文件:`features/workbench/components/workbench-top-bar.tsx`
- 文件:`src/features/workbench/components/workbench-top-bar.tsx`
### `acrylic-panel`
@@ -42,15 +42,15 @@
- `AlertMenu``ScenarioMenu``UserMenu`,顶部导航下拉菜单。
- `MapNotice`,地图通知。
- 直接或间接涉及文件:
- `features/agent/components/agent-command-panel.tsx`
- `features/agent/components/agent-collapsed-rail.tsx`
- `features/map/core/components/map-control-styles.ts`
- `features/map/core/components/notice.tsx`
- `features/workbench/components/scheduled-condition-feed.tsx`
- `features/workbench/components/feature-popover.tsx`
- `features/workbench/components/feature-insight-panel.tsx`
- `features/workbench/components/map-dev-panel.tsx`
- `features/workbench/components/workbench-top-bar-menus.tsx`
- `src/features/agent/components/agent-command-panel.tsx`
- `src/features/agent/components/agent-collapsed-rail.tsx`
- `src/features/map/core/components/map-control-styles.ts`
- `src/features/map/core/components/notice.tsx`
- `src/features/workbench/components/scheduled-condition-feed.tsx`
- `src/features/workbench/components/feature-popover.tsx`
- `src/features/workbench/components/feature-insight-panel.tsx`
- `src/features/workbench/components/map-dev-panel.tsx`
- `src/features/workbench/components/workbench-top-bar-menus.tsx`
### `acrylic-control`
@@ -64,7 +64,7 @@
- `BaseLayersControl`,底图切换入口与预览控件。
- `map-workbench-page.tsx` 中的浮动地图控制入口。
- 使用方式:上述组件主要通过 `MAP_CONTROL_SURFACE_CLASS_NAME` 间接引用。
- 共享定义:`features/map/core/components/map-control-styles.ts`
- 共享定义:`src/features/map/core/components/map-control-styles.ts`
### `glass-transient`
@@ -72,7 +72,7 @@
- 模糊:沿用控件级模糊,16px 至 20px。
- 当前组件:
- `AgentTaskTicker` 的活动任务卡片。
- 文件:`features/workbench/components/agent-task-ticker.tsx`
- 文件:`src/features/workbench/components/agent-task-ticker.tsx`
- 约束:仅用于活动任务浮条,非活动堆叠卡改用 `surface-control`
## 2. 内部实体表面
@@ -82,7 +82,7 @@
### `surface-dock`
- 用途:预留给固定 Dock 或侧边停靠区域。
- 当前状态:已在 `app/globals.css` 中定义,暂无组件直接使用。
- 当前状态:已在 `src/styles.css` 中定义,暂无组件直接使用。
- 适用组件:
- 桌面端固定展开的 Agent 侧栏,前提是它从地图浮层改为占据稳定布局宽度的 Dock。
- 固定展开的预约工况详情侧栏或图层管理侧栏,前提是侧栏长期贴边并参与工作区布局。
@@ -101,17 +101,17 @@
- Header 下拉菜单的内部控制区。
- 通用 `IconButton`
- 主要文件:
- `features/agent/components/agent-collapsed-rail.tsx`
- `features/agent/components/agent-command-panel.tsx`
- `features/agent/components/agent-operational-brief.tsx`
- `features/map/core/components/control-panel.tsx`
- `features/map/core/components/layer-control.tsx`
- `features/map/core/components/measure-panel.tsx`
- `features/workbench/components/agent-task-ticker.tsx`
- `features/workbench/components/scheduled-condition-feed.tsx`
- `features/workbench/components/scheduled-condition-detail-panel.tsx`
- `features/workbench/components/feature-insight-panel.tsx`
- `features/workbench/components/workbench-top-bar-menus.tsx`
- `src/features/agent/components/agent-collapsed-rail.tsx`
- `src/features/agent/components/agent-command-panel.tsx`
- `src/features/agent/components/agent-operational-brief.tsx`
- `src/features/map/core/components/control-panel.tsx`
- `src/features/map/core/components/layer-control.tsx`
- `src/features/map/core/components/measure-panel.tsx`
- `src/features/workbench/components/agent-task-ticker.tsx`
- `src/features/workbench/components/scheduled-condition-feed.tsx`
- `src/features/workbench/components/scheduled-condition-detail-panel.tsx`
- `src/features/workbench/components/feature-insight-panel.tsx`
- `src/features/workbench/components/workbench-top-bar-menus.tsx`
### `surface-well`
@@ -132,16 +132,16 @@
- 要素洞察、属性列表和底图名称标签。
- Header 下拉菜单中的详情块与空状态。
- 主要文件:
- `features/agent/components/agent-command-panel.tsx`
- `features/agent/components/agent-message-details.tsx`
- `features/agent/components/agent-operational-brief.tsx`
- `features/agent/components/agent-ui-envelope-renderer.tsx`
- `features/workbench/components/scheduled-condition-feed.tsx`
- `features/workbench/components/scheduled-condition-detail-panel.tsx`
- `features/workbench/components/feature-insight-panel.tsx`
- `features/workbench/components/feature-property-list.tsx`
- `features/workbench/components/workbench-top-bar-menus.tsx`
- `features/map/core/components/base-layers-control.tsx`
- `src/features/agent/components/agent-command-panel.tsx`
- `src/features/agent/components/agent-message-details.tsx`
- `src/features/agent/components/agent-operational-brief.tsx`
- `src/features/agent/components/agent-ui-envelope-renderer.tsx`
- `src/features/workbench/components/scheduled-condition-feed.tsx`
- `src/features/workbench/components/scheduled-condition-detail-panel.tsx`
- `src/features/workbench/components/feature-insight-panel.tsx`
- `src/features/workbench/components/feature-property-list.tsx`
- `src/features/workbench/components/workbench-top-bar-menus.tsx`
- `src/features/map/core/components/base-layers-control.tsx`
## 3. 语义状态表面
@@ -192,7 +192,7 @@
## 共享类映射
地图核心组件通过 `features/map/core/components/map-control-styles.ts` 复用材质类,避免在各组件中重复写样式值。
地图核心组件通过 `src/features/map/core/components/map-control-styles.ts` 复用材质类,避免在各组件中重复写样式值。
| 共享常量 | 实际材质类 | 典型用途 |
|---|---|---|