38 lines (28 loc) · 1.02 KB

StudioForge

基于 Schema 驱动的低代码平台。Figma 风格画布 + Ant Design 5.x 语义包装。

技术栈

React 18 + TypeScript + Vite
Ant Design 5.x（仅通过 src/components/Sf* 语义层访问，禁止直接 import 'antd'）
Zustand / Zod / Immer / dnd-kit / React Router
完全自研表达式引擎

开始

pnpm install
pnpm dev

目录

路径	说明
`src/core/`	Schema 协议、组件注册、渲染器
`src/components/`	语义包装组件（隔离 AntD）
`src/designer/`	可视化设计器（三栏布局）
`src/runtime/`	运行时（预览/导出产物）
`src/pages/`	用户设计的页面（`{id}/schema.json`）
`src/datasources/`	数据源配置（`index.json`）

表达式语法

{{ $.userList.data[0].name }}
{{ $page.searchKeyword }}
{{ $route.params.id }}

作用域白名单：$（数据源） / $page（页面状态） / $route（路由） / $env（环境变量） / $self（组件自身）。