你好，有没有框选多个节点或者边的功能，可以那道框选节点边的数据

Describe the bug

添加事件双击节点连线, 单击空白处删除连线, 报错

"edge:click": "_click"

// 报错行 \graphin\packages\graphin\src\behaviors\graphin-highlight.ts
if (id === sourceNode.get('id') || id === targetNode.get('id')) {

To Reproduce
@镜曦 https://codesandbox.io/s/nodeedgestyle-n0rl4

Expected behavior
A clear and concise description of what you expected to happen.

Desktop (please complete the following information):

• OS: [windows]
• Browser [chrome]
• Version [ 78.0.3904.108]

Graphin needs a built-in icon library to help users set the icon for the node. There is also a need to support third-party icon libraries.

The method of extend.marker needs to be discarded,svg2marker seems to be a bit problem in rendering icons in @antv/g

--- zh-CN ---

Graphin需要一个内置的图标库，帮助用户设置节点的图标。同时也需要支持第三方图标库. Extend.marker_ 的方法需要废弃，svg2marker 在g中渲染图标似乎有点问题

Migrate the demo of codesandbox to graphin/examples

• github: https://github.com/antvis/graphin/tree/master/examples
• codesandbox: https://codesandbox.io/s/github/antvis/graphin/tree/master/examples

我本地运行能正常显示节点里面的图标，然后编译发布到dev环境后图标就显示不出来了，是什么原因呢？

FitView 传入后，有效果，图自适应了。但是node，edge的Highlight，Drag，和canvas的Zoom无效了。
贴上代码。
GraphinTest.zip

Describe the bug
A clear and concise description of what the bug is.

使用 TS 的时候发现没有 types，看了一下 package.json 是指定了的，但是 types 在 ./dist/src/index.d ，src 被 .npmignore 忽略掉了。

To Reproduce

// Add Code Sanbox reproduce link using this template: https://codesandbox.io/s/data-driven-3o71b

Expected behavior
A clear and concise description of what you expected to happen.

TS 项目能正常引入组件。

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

开发过程中，有时会出现g6的异常信息，现在没有g6的源码，不便于进行问题排查，希望将源代码中增加g6子模块，便于开发中进行代码调试

现在的代码格式看的头疼。

https://www.npmjs.com/package/pretty-quick

• pretty-quick
• prettier
• husky

README.md中的“中文文档”链接是错的。
目前的链接是：https://github.com/antvis/Graphin/blob/master/README.cn-ZH.md
正确的链接是：https://github.com/antvis/Graphin/blob/master/README.zh-CN.md
请修正。

Describe the bug

To Reproduce

https://graphin.antv.vision/zh

Expected behavior
A clear and concise description of what you expected to happen.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

This issue was generated by todo based on a TODO comment in bf3bb10. It's been assigned to @zxc0328 because they committed the code.

如题，目前平台没有多选功能，期望能够增加节点多选。比如在多选操作之后，进行统一拖拽，统一扩展节点，统一合并到一个组等等的多节点操作。期望能够优先增强这些基础能力。

_{Sent with GitHawk}

如题，g6引擎更新了很多内容，希望平台能够定期和g6最新引擎保持一致性。

_{Sent with GitHawk}

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Describe the bug
不渲染 ，控制台输出： effect did-mount
To Reproduce

// Add Code Sanbox reproduce link using this template: https://codesandbox.io/s/data-driven-3o71b

Expected behavior
A clear and concise description of what you expected to happen.

Desktop (please complete the following information):

• OS: [windows 10]
• Browser [ chrome]
• Version [1.0.0]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

To Reproduce

https://codesandbox.io/s/musing-wing-v54et

https://graphin.antv.vision/zh/docs/api/graphin#options
说，“另外，这个 props.options 也支持传入 G6 的 Options。详见 G6 Options。”
但是，g6的option，fitView，autoPaint:true传入没有效果。
<Graphin data={transform(import_data)}
options = {{pixelRatio :100, keyShapeZoom:0.001, fitView:true, autoPaint:true}}
layout={{
name: "dagre",
options: {
center: [window.innerWidth / 3, window.innerHeight / 3], // 可选，中心点坐标
nodeSize: [15, 15], // 可选，节点大小
nodesep: 12, // 可选, 节点水平间距(px)
ranksep: 15, // 可选, 每一层节点之间间距
align: "UL", // 可选, 放置位置
rankdir: 'LR',
}
}}>

Graphin 通过数据和布局驱动，支持子图布局。

• 1.支持稳定布局算法的子图布局，比如Graphin.Layout.circle + Graphin.Layput.radial
• 2.支持力导布局算法的子图布局，比如Graphin.Layout.force + Graphin.Layput.circle

package.json
{
"name": "data-driven",
"version": "1.0.0",
"description": "",
"keywords": [],
"main": "src/index.js",
"dependencies": {
"@antv/graphin": "1.0.3",
"antd": "3.25.2",
"react": "16.12.0",
"react-dom": "16.12.0",
"react-scripts": "3.3.1"
},
"devDependencies": {
"typescript": "3.7.5"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject"
},
"browserslist": [
">0.2%",
"not dead",
"not ie <= 11",
"not op_mini all"
]
}

版本1.0.3，1.0.2运行报错，把@antv/graphin版本降到1.0.1好了

刚开始项目，登陆系统，初始页面使用了官方示例后，退出登陆，页面报错如下：
g6.js:9 Uncaught TypeError: Cannot read property 'toLowerCase' of undefined
at n.onKeyDown (g6.js:9)
at n (g6.js:1)
at n.emit (g6.js:9)
at t.e._onExtendEvents (g6.js:9)
at n (g6.js:1)
不知道什么原因，望指导，谢谢Thanks♪(･ω･)ﾉ

希望增加 g6 和 graphIn node和 edge 模型类型异同的 介绍的文档，方便 使用 g6 的同学更加便捷、快速的使用 graphIn

增加一节关于节点和边样式，icon 配置的内容。并对整体内容进行整理。

3.0.7版本edge设置shape: "polyline"无效，另外npm install 直接给默认了一个^3.0.7-beta.1，目前稳定的版本是哪个

Zoom in/Zoom out 失灵时常会失灵，刷新页面后就正常。https://graphin.antv.vision/zh/GraphinStudio/，有时候也这样。
页面打开久了，好像就会出现这个问题。

请问支持vue吗
具体怎么使用，谢谢

https://github.com/antvis/graphin/blob/adcbe56833fa4f1d7eb4234c8a1600de61912727/packages/graphin-site/docs/manual/Contributing.zh.md#L13-L18

This issue was generated by todo based on a TODO comment in adcbe56. It's been assigned to @pomelo-nwu because they committed the code.

We need a Graphin gallery to help users quickly understand what Graphin can do.
Currently, a demo of graphin-studio is not enough. Part of the gallery is used for the demonstration of our basic capabilities, and part of it is used for the demonstration of richer demos.

---- zh-CN ---
我们需要一个Graphin的画廊，帮助用户快速了解Graphin能做那些事情
目前仅graphin-studio一个demo是不够的，画廊一部分用于我们基础能力的演示，一部分用与于更丰富的demo的展示

https://graphin.antv.vision/zh/GraphinStudio 官网体验平台上，就有这问题，添加若干节点，拖动或者缩放幕布，然后切换布局方案，无法正常居中。

Describe the bug

To Reproduce

Visit：https://graphin.antv.vision/zh/examples/render/save

Expected behavior

应该和其他站点一样是紫色主色。

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

引入的时候没有样式。
不npm安装，直接用源码是可以的。

问题:在本地和codesandbox新窗口缩放无效。
code :https://codesandbox.io/s/jolly-merkle-ghibb
@antv/graphin：1.0.3
chrome:80.0.3987.100

css:
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

node：
style: {
fontFamily: "iconfont",
icon: "email"
}

地址：
https://codesandbox.io/s/gifted-poincare-pgcfc

Graphin zoom option not working

https://codesandbox.io/s/admiring-easley-jrbkf?fontsize=14&hidenavigation=1&theme=dark

https://help.aliyun.com/video_detail/63227.html?spm=a2c4g.11186623.4.5.7b57af833Sm9xs
https://grapheco.github.io/InteractiveGraph/dist/examples/example1.html
国内一些不错的案例产品，可以参考一些功能和操作形态！
本热使用过一些开源的软件，cytoscape （客户端版本）针对图的操作还是不错的，和gephi各有千秋
而针对品质来讲cytoscape更胜一筹，但是cytoscape有点太专业，尤其是左侧的针对图的操作见仁见智。
综上，I+平台的针对国内可视化网络分析的使用习惯，还是有很多借鉴的意义的。

Describe the bug
想在react15.x的项目中使用，发现底层graphin包依赖react16里的Fragment，请问能否删除？底层包应该尽可能没有对react版本特性的依赖。

To Reproduce

编译完会有Fragment的依赖：

• 边文字优化
  • 边文字背景
  • 自环边文字位置
• 多边
• 粗边
• 边动画

This issue was generated by todo based on a TODO comment in bf3bb10. It's been assigned to @zxc0328 because they committed the code.

针对选中节点需要提供如下操作：
1、隐藏节点、显示隐藏的节点、删除节点，恢复隐藏；删除和隐藏节点后，将图形界面上的和选中节点的边也隐藏或删除。
2、可以针对选中的节点（可能是多个）设置：大小，高亮，填充、颜色，标签（可多值）、轮廓、背景图片等主要控制显示的属性。
3、针对选中节点可以合并成一个Group，并对Group名称，类型、样式等参数提供编辑、如：将N个对象合并成一个群体。合并之后，节点隐藏，组节点显示。
4、针对Group类型的节点，支持“展开”操作，节点的组合和展开可以执行多次，即节点之间、节点与组，组之间可以反复组合和展开。
组合后，组外其他关联组内节点的边需要和组发生链接。（需要平衡边的显示方式）

选中边：
1、可设置边的颜色、线条、方向（最好能够无向图和有向图的混合显示，即画布上一部分节点之间是无向关联的，一部分是有向关联）、边粗细(体现关系密切程度，可考虑权重)、边的Label(针对复杂多类型关系网络关系类型很重要)。
2、边需要提供事件响应，比如：点击或双击边之后，右侧显示关系构成的情况，时间，内容等。

暂时先梳理了一些最为基础的功能要求。希望官方能够仔细参考，完善。

export interface Node {
    /** 节点源数据 */
    data: {
        /** 唯一标示ID，必选 */
        id: string;
        /** 节点数据类型 */
        type?: string;
        /** 节点文本 */
        label?: string;
        /** 节点属性 */
        properties?: any[]; // eslint-disable-line
    };
    /** 唯一标示ID，必选 */
    id: string;
    /** 节点类型 */
    shape?: string;
    /** 节点样式 */
    style?: Partial<NodeStyle>;
    /** 节点位置信息 */
    x?: number;
    y?: number;
    /** 内置的布局，追加的额外属性 */
    layout?: NodeLayoutType;
    /** 节点度数 */
    degree?: number;
    searchTypes?: string[];
}

想问一下，节点类型用string声明似乎不太方便，之后会调整吗？

Graphin是否有计划出Vue版本的，预计时间是啥时候？

Description: If the node is in the lock state, it will not participate in the layout. For example, in the force layout, the locked node will be fixed in place.

-- zh-CN --

功能描述：节点为lock状态，则不参与布局。比如在力导布局中，锁定的节点会固定在原处。

https://graphin.antv.vision/zh/docs/manual/main-concepts/data

trasform

<Graphin data={transform.(data)} />;

const trasform = (data: { nodes: NodeData[]; edges: EdgeData[] }) => {
    const nodes = (nodes: NodeData[]) => {
        return nodes.map(node => {
            return {
                id: node.id,
                data: node,
                // 根据type来指定渲染的shape
                shape: node.type === 'phone' ? 'MyCustomNode' : 'CircleNode',
                // 根据数据的渲染样式
                style: {
                    nodeSize: node.weight > 20 ? 50 : 20,
                },
            };
        });
    };
    const edges = (edges: EdgeData[]) => {
        return edges;
    };
    return {
        nodes: transform.nodes(data.nodes),
        edges: transform.edges(data.edges),
    };
};

<Graphin data={transform.(data)} />;