feat: 接入编辑器和导入导出

README.md

@@ -1,48 +1,93 @@
 # my-v0
 
-This template should help get you started developing with Vue 3 in Vite.
+Vue 3 + Vite 大屏低代码编辑器前端
 
-## Recommended IDE Setup
+## 开发
 
-[VS Code](https://code.visualstudio.com/) + [Vue (Official)](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
-
-## Recommended Browser Setup
-
-- Chromium-based browsers (Chrome, Edge, Brave, etc.):
-  - [Vue.js devtools](https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd)
-  - [Turn on Custom Object Formatter in Chrome DevTools](http://bit.ly/object-formatters)
-- Firefox:
-  - [Vue.js devtools](https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/)
-  - [Turn on Custom Object Formatter in Firefox DevTools](https://fxdx.dev/firefox-devtools-custom-object-formatters/)
-
-## Type Support for `.vue` Imports in TS
-
-TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
-
-## Customize configuration
-
-See [Vite Configuration Reference](https://vite.dev/config/).
-
-## Project Setup
+Node `^22.18.0 || >=24.12.0`，包管理器用 pnpm。
 
 ```sh
 pnpm install
-```
-
-### Compile and Hot-Reload for Development
-
-```sh
 pnpm dev
 ```
 
-### Type-Check, Compile and Minify for Production
-
 ```sh
-pnpm build
+pnpm build          # vue-tsc --build + vite build
+pnpm type-check
+pnpm preview
+pnpm lint           # oxlint + eslint（都会 --fix）
+pnpm format         # prettier --write src/
 ```
 
-### Lint with [ESLint](https://eslint.org/)
+## 项目目标
 
-```sh
-pnpm lint
-```
+### 一、编辑器核心架构
+
+- ~~项目初始化与基础布局~~
+- ~~工具栏实现~~
+- ~~物料面板（可扩展架构）~~
+- ~~图层面板~~
+- ~~插件化注册机制~~
+- ~~物料 DSL 设计~~
+- ~~拖拽渲染流程~~
+- ~~节点拖动与缩放~~
+- ~~框选与多选操作~~
+- ~~画布标尺接入~~
+- ~~图层排序与画布层级联动~~
+- ~~页面 DSL 设计与落地~~
+- ~~属性面板~~
+- ~~右键菜单~~
+- ~~组合式函数拆分~~
+- ~~撤销重做基础能力~~
+- ~~批处理与历史记录管理~~
+- ~~ECharts 图表物料接入~~
+
+### 二、代码与数据能力
+
+- ~~网页代码编辑器接入~~
+- ~~页面 Schema 导入导出与实时编辑~~
+- 静态数据源
+- API 数据源
+- 数据源管理界面
+- API 数据源调试
+- 加载、刷新与请求复用
+
+### 三、运行时与预览能力
+
+- 大屏自适应预览
+- 页面持久化与独立访问
+- 运行时上下文
+
+### 四、事件系统
+
+- 事件调度机制
+- 事件配置面板
+- 跨组件事件联动
+- 事件函数编辑体验优化
+- 代码沙箱
+- 物料可触发事件声明
+
+### 五、AI Agent 核心能力
+
+- 大模型接入与调试
+- 提示词工程
+- 上下文工程
+- 结构化输出
+- 工具调用
+- Agent Loop
+- 模型记忆
+- RAG 与文档处理
+- Agentic RAG
+- Skill 体系
+- MCP
+- 流程编排（LangGraph）
+- 状态管理与人工介入
+- 子图与节点重试
+- Responses API
+
+### 六、全栈应用落地
+
+- 项目整体搭建
+- 最小会话构建
+- AI 能力与设计器深度融合
+- 完整业务场景落地