大家好,今天小编为大家分享关于gg修改器框架免root无病毒_GG免root框架修改器的内容,赶快来一起来看看吧。
在过往文章中就介绍过不少阿里的开源项目,而且大多数都是及其优秀的,为广大开发者同仁们提供了现成的解决方案,今天这篇文章也一样,GGEditor 基于 Antv G6 与 React,提供流程图、脑图、拓扑图的可视化编辑能力。不用质疑过GGEditor 的项目名,其实 GGEditor 的全称是 Great Graphic Editor,是不是突然感觉上高大上了不少,让我们一起来见识一下!
https:///alibaba/GGEditor
npm install –save gg-editor
import GGEditor, { Flow } from ’gg-editor’;
const data = {
nodes: [{
type: ’node’,
size: ’70*70’,
shape: ’flow-circle’,
color: ’#FA8C16’,
label: ’起止节点’,
x: 55,
y: 55,
id: ’ea1184e8’,
index: 0,
}, {
type: ’node’,
size: ’70*70’,
shape: ’flow-circle’,
color: ’#FA8C16’,
label: ’结束节点’,
x: 55,
y: 255,
id: ’481fbb1a’,
index: 2,
}],
edges: [{
source: ’ea1184e8’,
sourceAnchor: 2,
target: ’481fbb1a’,
targetAnchor: 0,
id: ’7989ac70’,
index: 1,
}],
};
<GGEditor>
<Flow style={{ width: 500, height: 500 }} data={data} />
</GGEditor>
import GGEditor, { Mind } from ’gg-editor’;
const data = {
roots: [{
label: ’中心主题’,
children: [{
label: ’分支主题 1’,
}, {
label: ’分支主题 2’,
}, {
label: ’分支主题 3’,
}],
}],
};
<GGEditor>
<Mind style={{ width: 500, height: 500 }} data={data} />
</GGEditor>
不指定宽高的情况下则自动适应容器尺寸
import GGEditor, { Flow, Minimap } from ’gg-editor’;
<GGEditor>
<Flow />
<Minimap width={200} height={200} />
</GGEditor>
此组件只能嵌套在 <Toolbar /> 或 <ContextMenu /> 组件内使用:
import GGEditor, { Flow, Command, Toolbar, ContextMenu } from ’gg-editor’;
<GGEditor>
<Flow />
<Toolbar>
<Command name=”undo”>撤销</Command>
<Command name=”redo”>重做</Command>
</Toolbar>
<ContextMenu>
<Command name=”undo”>撤销</Command>
<Command name=”redo”>重做</Command>
</ContextMenu>
</GGEditor>
右键菜单,负责菜单显示隐藏,命令按钮绑定与可用禁用状态控制。必需配合 <Command /> 组件使用。自动根据不同页面状态显示对应菜单,例如:选中节点时则只会显示 NodeMenu。
import GGEditor, {
Flow,
Command,
ContextMenu,
NodeMenu,
EdgeMenu,
GroupMenu,
MultiMenu,
CanvasMenu,
} from ’gg-editor’;
<GGEditor>
<Flow />
<ContextMenu>
<NodeMenu> // 节点右键菜单
<Command name=”copy”>复制</Command>
<Command name=”delete”>删除</Command>
</NodeMenu>
<EdgeMenu /> // 边线右键菜单
<GroupMenu /> // 群组右键菜单
<MultiMenu /> // 多选右键菜单
<CanvasMenu /> // 画布右键菜单
</ContextMenu>
</GGEditor>
工具栏,负责命令按钮绑定与可用禁用状态控制。必需配合 <Command /> 组件使用
import GGEditor, { Flow, Command, Toolbar } from ’gg-editor’;
<GGEditor>
<Flow />
<Toolbar>
<Command name=”undo”>撤销</Command>
<Command name=”redo”>重做</Command>
</Toolbar>
</GGEditor>
必需配合 <Item /> 组件使用,如果 <Item /> 包含 src 属性则自动显示元素概览图片。
import GGEditor, { Flow, Item, ItemPanel } from ’gg-editor’;
<GGEditor>
<Flow />
<ItemPanel>
<Item
type=”node”
size=”72*72″
shape=”flow-circle”
model={{
color: ’#FA8C16’,
label: ’起止节点’,
}}
src=”https://gw./zos/rmsportal/ZnPxbVjKYADMYxkTQXRi.svg”
/>
</ItemPanel>
</GGEditor>
属性栏会自动根据不同页面状态显示对应面板,例如:选中节点时则只会显示 NodePanel。
import GGEditor, {
Flow,
DetailPanel,
NodePanel,
EdgePanel,
GroupPanel,
MultiPanel,
CanvasPanel,
} from ’gg-editor’;
<GGEditor>
<Flow />
<DetailPanel>
<NodePanel> // 节点属性面板
<NodeDetail />
</NodePanel>
<EdgePanel /> // 边线属性面板
<GroupPanel /> // 群组属性面板
<MultiPanel /> // 多选属性面板
<CanvasPanel /> // 画布属性面板
</DetailPanel>
</GGEditor>
class NodeDetail extends React.Component {
render() {
console.log(’this.props’, this.props);
}
}
以上是部分代码示例,详细API请移步Github
GGEditor是一个非常值得尝试的Web产品,用过阿里语雀的文档就知道,其中非常丰富的插件就有很多类似的产品,如果你也有这样的需求项目,那么它对你来说我相信是足够有吸引力的,如果有需要可以尝试使用!
以上就是关于gg修改器框架免root无病毒_GG免root框架修改器的全部内容,感谢大家的浏览观看,如果你喜欢本站的文章可以CTRL+D收藏哦。
gg修改器用哪个,gg修改器应该怎么用 大小:8.86MB1,376人安装 GG修改器(GGuardian)是来自国外的一款非常知名的手游修改工具,全名叫做“gameguardi……
下载免gg修改器root框架_gg修改器框架免root版中文 大小:17.74MB1,301人安装 大家好,今天小编为大家分享关于免gg修改器root框架_gg修改器框架免root版中文的内……
下载gg修改器汉化版root_gg修改器汉化版官网 大小:10.48MB1,223人安装 大家好,今天小编为大家分享关于gg修改器汉化版root_gg修改器汉化版官网的内容,赶……
下载gg修改器最新版打不开,神器gg修改器最新版,轻松解决打不开的问题 大小:9.71MB179人安装 对于游戏控来说,使用修改器是必不可少的。而gg修改器最新版是一个非常优秀的修改器……
下载gg游戏修改器刷点券,GG游戏修改器是游戏世界的黑科技 大小:7.32MB379人安装 GG游戏修改器是游戏世界的一款黑科技神器,它能够改变游戏的数据从而实现刷点券、修……
下载gg修改器99.0中文版,GG修改器99.0中文版:玩家的好帮手 大小:16.41MB85人安装 在游戏中获取优势永远是每位玩家的追求,而GG修改器99.0中文版则成为实现这一目标的……
下载gg修改器怎么用中文版,常见的游戏修改器 大小:9.90MB344人安装 对于经常玩游戏的玩家来说,游戏修改器是一个非常实用的工具。其中最为著名的就是g……
下载和平精英gg助手修改器中文_GG修改器怎么用和平精英 大小:12.80MB1,267人安装 大家好,今天小编为大家分享关于和平精英gg助手修改器中文_GG修改器怎么用和平精英……
下载gg游戏修改器热键,GG游戏修改器热键:让游戏变得更加有趣! 大小:8.35MB206人安装 很多玩家在游玩某些游戏的时候,总感觉游戏中的一些细节和功能并不尽如人意。这个时……
下载gg修改器安卓中文下载_GG修改器下载手机版 大小:14.83MB1,308人安装 大家好,今天小编为大家分享关于gg修改器安卓中文下载_GG修改器下载手机版的内容,……
下载