A visual graph editor component library based on G6 and Vue.js.
基于 G6 和 Vue 的可视化图形编辑组件库。
| 开发版本 |
|---|
| v0.1.0 |
.
├── packages // 源码
├── examples // 用例（开发调试用）
├── 其它
|
npm install
npm run servenpm run lib
npm pack# 本地安装
npm install chaincloud-cceditor-0.1.0.tgz
# npm安装（暂不支持）
npm install @chaincloud/cceditor --save本地安装：安装包下载
在 main.js 中写入以下内容：
- 完整引入：引入整个CCEditor：
import Vue from 'vue'
import router from './router'
import store from './store'
import ElementUI from 'element-ui'
import App from './App.vue'
Vue.use(ElementUI)
/* 全局注册：引入整个CCEditor */
import CCEditor from '@chaincloud/cceditor'
Vue.use(CCEditor)
Vue.config.productionTip = false
new Vue({
router,
store,
render: h => h(App)
}).$mount('#app')- 按需引入：引入需要的模块，例如CCTopology：
import Vue from 'vue'
import router from './router'
import store from './store'
import ElementUI from 'element-ui'
import App from './App.vue'
Vue.use(ElementUI)
/* 全局注册：只加载CCTopology */
import { CCTopology } from '@chaincloud/cceditor'
Vue.use(CCTopology)
Vue.config.productionTip = false
new Vue({
router,
store,
render: h => h(App)
}).$mount('#app')在 ComponentA.vue 中进行局部注册：
<script>
import { CCTopology } from '@chaincloud/cceditor'
export default {
name: 'ComponentA',
components: {
'cc-topology': CCTopology
}
}
</script>TODO...
TODO...
- [已解决] 升级 G6 到 3.5.0 后，发现 G6 底层有 bug：调用addItem方法报错：
p.getType is not a function。该 bug 导致编辑（连线）功能不可用，需等待下个小版本的修复。—— 2020.06.02 - [已解决] 由于 G6 在 3.3.x 版本作了 breaking change，且遗留了一些 bug。本项目先暂停更新。预计 6 月份或 G6 底层这些重要 bug 修复后，继续跟进。—— 2020.03.01
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent