文章底部获取项目地址
// 内核安装
npm install --save @formily/core
// react
npm install --save @formily/react
// vue
npm install --save @formily/vue
// 组件库安装
npm install --save antd moment @formily/antd
npm install --save @designable/formily-antd
import 'antd/dist/antd.less'
import React, { useMemo } from 'react'
import ReactDOM from 'react-dom'
import {
Designer, //设计器根组件,主要用于下发上下文
DesignerToolsWidget, //画板工具挂件
ViewToolsWidget, //视图切换工具挂件
Workspace, //工作区组件,核心组件,用于管理工作区内的拖拽行为,树节点数据等等...
OutlineTreeWidget, //大纲树组件,它会自动识别当前工作区,展示出工作区内树节点
ResourceWidget, //拖拽源挂件
HistoryWidget, //历史记录挂件
StudioPanel, //主布局面板
CompositePanel, //左侧组合布局面板
WorkspacePanel, //工作区布局面板
ToolbarPanel, //工具栏布局面板
ViewportPanel, //视口布局面板
ViewPanel, //视图布局面板
SettingsPanel, //右侧配置表单布局面板
ComponentTreeWidget, //组件树渲染器
} from '@designable/react'
《前端资源推荐》公众号收集各种前端组件 UI 框架、JS 插件工具、中后台系统模板、动画库、低代码、可视化资源、开源项目、学习资源、特效源码等,如有其他优秀资源,欢迎发消息投稿,感谢点赞、在看、转发、关注!!!
其他推荐
Arco Design Mobile:字节新开源移动端 UI 组件库
Ant Design X:蚂蚁 AI 组件 打造人工智能对话应用
项目地址
GitHub:https://github.com/alibaba/formily