Charles2mx / dooringx

快速高效搭建可视化拖拽平台

Home Page:http://x.dooring.cn

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

dooringx npm package

This is the repository for DooringX.

  • 💪 The Next Generation Dooring Framework
  • 🔥 Written in TypeScript
  • 🛠️ Rich Features
  • 🔩 Universal Plugin Interface

简介 | Brief Intro

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

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

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

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

文档 | Doc

Read the Docs to Learn More.

阅读文档了解更多信息.

安装 | Installation

npm/yarn  install dooringx-lib

快速启动 | Quick Start

# 克隆项目
# 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

# 启动基础示例
yarn start:example

# 启动 dooringx-lib
yarn start

# 启动 dooringx doc 文档
yarn start:doc

yarn build

同步代码 | Synchronizing Code

# add upstream
git remote add upstream https://github.com/H5-Dooring/dooringx

# 抓取源仓库修改 master分支
git fetch upstream main

# 切换分支
git checkout main

# 合并远程分支
git merge upstream/main

🤝 贡献 | Contributing

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

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

❓ 问题 | Issue

Contributions, issues and feature requests are welcome!.
Feel free to check issues page.

欢迎提Issues 或者 联系qq:673632758

持续升级 | Continuous Upgrades

Change Log

✂️ 快照 | Screen Shots

其他项目 | Other Projects

Project Version Repo
h5-Dooring rc [GitHub]
v6.dooring rc [GitHub]
pc-Dooring rc [GitHub]

团队介绍 | Team

技术交流 | Technical Communication

dooringx-lib交流群

License

MIT

Todo

函数部分重构

About

快速高效搭建可视化拖拽平台

http://x.dooring.cn


Languages

Language:TypeScript 88.0%Language:Svelte 7.5%Language:CSS 2.6%Language:JavaScript 1.0%Language:Less 0.8%Language:HTML 0.1%