DooringX可视化拖拽框架

联合创作 · 2023-09-18 20:56

dooringx-lib 是 dooringx 的基座,是移除了 dooringx 插件的可视化拖拽框架。

dooringx-lib 提供自己的一套数据流事件机制以及弹窗等解决方案,可以让你更快地自己定制开发可视化拖拽平台。

dooringx-lib 在运行时维护一套数据流,主要分为json数据部分,左侧组件部分,右侧配置项部分,快捷键部分,弹窗部分,事件与函数部分,数据源部分。

其除了提供基础的拖拽、移动、缩放、全选、旋转等功能外,还可以使用暴露的组件。如果觉得组件不够定制化,可以调整样式或者自己重新写。

文档

DooringX官方文档.

二次开发安装

npm/yarn  install dooringx-lib

项目上手

# 克隆项目
# cnpmjs
git clone https://github.com.cnpmjs.org/H5-Dooring/dooringx.git

# or
git clone https://github.com/H5-Dooring/dooringx.git


# 进入项目目录
cd dooringx

# 安装依赖
yarn install

# 启动 dooringx-lib
yarn start

# 启动基础示例
yarn start:example

# 启动 dooringx doc 文档
yarn start:doc

🤝 贡献

欢迎参与贡献,提出问题、新功能合并请求等!

最新的贡献情况可以参阅 GitHub 提供的贡献入口页面

✂️ 快照

dooringX可视化搭建框架

 

 

 

 

浏览 8
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报