feat: migrate drainage frontend to Vite
This commit is contained in:
+36
-36
@@ -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` 复用材质类,避免在各组件中重复写样式值。
|
||||
|
||||
| 共享常量 | 实际材质类 | 典型用途 |
|
||||
|---|---|---|
|
||||
|
||||
Reference in New Issue
Block a user