test/g6
1
0
Fork 0
mirror of https://gitee.com/antv/g6.git synced 2024-11-30 02:38:20 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

refactor: adjust by designer review (#5826)

Browse Source 
* fix(utils): fix issue when getAllPorts get undefined node

* refactor(utils): adjust simple arrow

* fix: fix error when get connection point

* refactor(theme): adjust combo style

* style(behaviors): adjust brush-select style

* refactor(elements): use round corner arrows

* refactor(plugins): timebar support config padding

* test: update test snapshots and cases
This commit is contained in:
Aaron 2024-06-06 09:59:57 +08:00 committed by GitHub
parent 87cea2dfe1
commit 6d89feb085
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
214 changed files with 1065 additions and 1041 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/g6/__tests__/demos/behavior-expand-collapse-combo.ts
View File

@ -35,10 +35,9 @@ export const behaviorExpandCollapseCombo: TestCase = async (context) => {
style: {
labelText: (d) => d.id,
lineDash: 0,
collapsedLineDash: [5, 5],
},
},
behaviors: [{ type: 'drag-element' }, 'collapse-expand'],
behaviors: [{ type: 'drag-element' }, 'collapse-expand', 'click-select'],
});
await graph.render();

1
packages/g6/__tests__/demos/element-edge-arrow.ts
View File

@ -34,6 +34,7 @@ export const elementEdgeArrow: TestCase = async (context) => {
endArrowType: (d: any) => idOf(d).toString().split('-')[0] as any,
},
},
behaviors: ['drag-element'],
layout: {
type: 'grid',
cols: 2,

1
packages/g6/__tests__/demos/element-z-index.ts
View File

@ -32,6 +32,7 @@ export const elementZIndex: TestCase = async (context) => {
combo: {
style: {
labelText: (d) => d.id,
fillOpacity: 1,
},
palette: 'tableau',
},

3
packages/g6/__tests__/demos/plugin-timebar.ts
View File

@ -62,7 +62,7 @@ export const pluginTimebar: TestCase = async (context) => {
rows,
},
autoFit: 'view',
padding: [10, 0, 65, 0],
padding: [10, 0, 90, 0],
behaviors: ['drag-element'],
plugins: [
{
@ -70,6 +70,7 @@ export const pluginTimebar: TestCase = async (context) => {
key: 'timebar',
data: timebarData,
mode: 'modify',
padding: 40,
},
],
});

4
packages/g6/__tests__/snapshots/__tests__/bugs/element-combo-drag/collapse-combo-0.svg
View File

@ -5,11 +5,11 @@
<g fill="none">
<g fill="none" x="125" y="100" transform="matrix(1,0,0,1,125,100)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="26"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="26"/>
</g>
<g fill="none" class="collapsed-marker" x="0" y="0">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="icon" text-anchor="middle" font-size="12">
<text fill="rgba(255,255,255,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="icon" text-anchor="middle" font-size="12">
2
</text>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

2
packages/g6/__tests__/snapshots/__tests__/bugs/element-combo-drag/default.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="125" y="100" transform="matrix(1,0,0,1,125,100)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="57.245087125446844"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="57.245087125446844"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

4
packages/g6/__tests__/snapshots/__tests__/bugs/element-combo-drag/drag-combo-0.svg
View File

@ -5,11 +5,11 @@
<g fill="none">
<g fill="none" x="175" y="150" transform="matrix(1,0,0,1,175,150)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="26"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="26"/>
</g>
<g fill="none" class="collapsed-marker" x="0" y="0">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="icon" text-anchor="middle" font-size="12">
<text fill="rgba(255,255,255,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="icon" text-anchor="middle" font-size="12">
2
</text>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

4
packages/g6/__tests__/snapshots/__tests__/bugs/element-combo-drag/drag-node-2.svg
View File

@ -5,11 +5,11 @@
<g fill="none">
<g fill="none" x="125" y="100" transform="matrix(1,0,0,1,125,100)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="26"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="26"/>
</g>
<g fill="none" class="collapsed-marker" x="0" y="0">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="icon" text-anchor="middle" font-size="12">
<text fill="rgba(255,255,255,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="icon" text-anchor="middle" font-size="12">
2
</text>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

4
packages/g6/__tests__/snapshots/__tests__/bugs/element-edge-update-arrow/default.svg
View File

@ -10,10 +10,10 @@
<path fill="none" d="M 122,100 L 116,100 L 178,100" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 122,100 L 116,100 L 178,100" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(1,0,0,1,122,100)">
<path fill="rgba(255,0,0,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(255,0,0,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
<g transform="matrix(-1,0,-0,-1,178,100)">
<path fill="rgba(0,128,0,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(0,128,0,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

4
packages/g6/__tests__/snapshots/__tests__/bugs/element-edge-update-arrow/update-arrow.svg
View File

@ -10,10 +10,10 @@
<path fill="none" d="M 122,100 L 116,100 L 178,100" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 122,100 L 116,100 L 178,100" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(1,0,0,1,122,100)">
<path fill="rgba(128,0,128,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(0,0,255,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(128,0,128,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(0,0,255,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
<g transform="matrix(-1,0,-0,-1,178,100)">
<path fill="rgba(255,192,203,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(255,255,0,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(255,192,203,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(255,255,0,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

14
packages/g6/__tests__/snapshots/behaviors/behavior-create-edge-click/click-custom-edge4.svg
View File

@ -5,12 +5,12 @@
<g fill="none">
<g fill="none" x="300" y="150" transform="matrix(1,0,0,1,300,150)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
</g>
</g>
<g fill="none" x="250" y="300" transform="matrix(1,0,0,1,250,300)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="28.284271247461902"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="28.284271247461902"/>
</g>
</g>
</g>
@ -21,7 +21,7 @@
<path fill="none" d="M 260,150 L 334,150" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 260,150 L 334,150" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(-1,0,-0,-1,334,150)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -31,7 +31,7 @@
<path fill="none" d="M 250,160 L 250,284" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 250,160 L 250,284" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(0,-1,1,0,250,284)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -41,7 +41,7 @@
<path fill="none" d="M 344.4529980377477,158.32050294337844 L 258.8752031396037,286.6871952905945" class="key" stroke-width="2" stroke="rgba(255,0,0,1)"/>
<path fill="none" d="M 344.4529980377477,158.32050294337844 L 258.8752031396037,286.6871952905945" class="key" stroke-width="4" stroke="transparent"/>
<g transform="matrix(0.554700,-0.832050,0.832050,0.554700,258.875214,286.687195)">
<path fill="rgba(255,0,0,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(255,0,0,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(255,0,0,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(255,0,0,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -51,7 +51,7 @@
<path fill="none" d="M 276.9782711335573,219.06518659932803 L 251.89736659610102,294.3079002116969" class="key" stroke-width="2" stroke="rgba(255,0,0,1)"/>
<path fill="none" d="M 276.9782711335573,219.06518659932803 L 251.89736659610102,294.3079002116969" class="key" stroke-width="4" stroke="transparent"/>
<g transform="matrix(0.316228,-0.948683,0.948683,0.316228,251.897369,294.307892)">
<path fill="rgba(255,0,0,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(255,0,0,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(255,0,0,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(255,0,0,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -61,7 +61,7 @@
<path fill="none" d="M 255.5470019622523,291.6794970566216 L 341.1247968603963,163.3128047094055" class="key" stroke-width="2" stroke="rgba(255,0,0,1)"/>
<path fill="none" d="M 255.5470019622523,291.6794970566216 L 341.1247968603963,163.3128047094055" class="key" stroke-width="4" stroke="transparent"/>
<g transform="matrix(-0.554700,0.832050,-0.832050,-0.554700,341.124786,163.312805)">
<path fill="rgba(255,0,0,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(255,0,0,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(255,0,0,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(255,0,0,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 5.5 KiB

6
packages/g6/__tests__/snapshots/behaviors/behavior-create-edge-click/click-edge1-move.svg
View File

@ -5,12 +5,12 @@
<g fill="none">
<g fill="none" x="300" y="150" transform="matrix(1,0,0,1,300,150)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
</g>
</g>
<g fill="none" x="250" y="300" transform="matrix(1,0,0,1,250,300)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="28.284271247461902"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="28.284271247461902"/>
</g>
</g>
</g>
@ -21,7 +21,7 @@
<path fill="none" d="M 240.51316701949486,146.83772233983163 L 105.69209978830308,101.89736659610102" class="key" stroke-width="1" stroke="rgba(153,173,209,1)" pointer-events="none"/>
<path fill="none" d="M 240.51316701949486,146.83772233983163 L 105.69209978830308,101.89736659610102" class="key" stroke-width="3" stroke="transparent" pointer-events="none"/>
<g transform="matrix(0.948683,0.316228,-0.316228,0.948683,105.692101,101.897369)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

6
packages/g6/__tests__/snapshots/behaviors/behavior-create-edge-click/click-edge1.svg
View File

@ -5,12 +5,12 @@
<g fill="none">
<g fill="none" x="300" y="150" transform="matrix(1,0,0,1,300,150)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
</g>
</g>
<g fill="none" x="250" y="300" transform="matrix(1,0,0,1,250,300)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="28.284271247461902"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="28.284271247461902"/>
</g>
</g>
</g>
@ -21,7 +21,7 @@
<path fill="none" d="M 260,150 L 334,150" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 260,150 L 334,150" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(-1,0,-0,-1,334,150)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

8
packages/g6/__tests__/snapshots/behaviors/behavior-create-edge-click/click-edge2.svg
View File

@ -5,12 +5,12 @@
<g fill="none">
<g fill="none" x="300" y="150" transform="matrix(1,0,0,1,300,150)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
</g>
</g>
<g fill="none" x="250" y="300" transform="matrix(1,0,0,1,250,300)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="28.284271247461902"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="28.284271247461902"/>
</g>
</g>
</g>
@ -21,7 +21,7 @@
<path fill="none" d="M 260,150 L 334,150" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 260,150 L 334,150" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(-1,0,-0,-1,334,150)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -31,7 +31,7 @@
<path fill="none" d="M 250,160 L 250,284" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 250,160 L 250,284" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(0,-1,1,0,250,284)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

10
packages/g6/__tests__/snapshots/behaviors/behavior-create-edge-click/click-edge3.svg
View File

@ -5,12 +5,12 @@
<g fill="none">
<g fill="none" x="300" y="150" transform="matrix(1,0,0,1,300,150)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
</g>
</g>
<g fill="none" x="250" y="300" transform="matrix(1,0,0,1,250,300)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="28.284271247461902"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="28.284271247461902"/>
</g>
</g>
</g>
@ -21,7 +21,7 @@
<path fill="none" d="M 260,150 L 334,150" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 260,150 L 334,150" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(-1,0,-0,-1,334,150)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -31,7 +31,7 @@
<path fill="none" d="M 250,160 L 250,284" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 250,160 L 250,284" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(0,-1,1,0,250,284)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -41,7 +41,7 @@
<path fill="none" d="M 344.4529980377477,158.32050294337844 L 258.8752031396037,286.6871952905945" class="key" stroke-width="2" stroke="rgba(255,0,0,1)"/>
<path fill="none" d="M 344.4529980377477,158.32050294337844 L 258.8752031396037,286.6871952905945" class="key" stroke-width="4" stroke="transparent"/>
<g transform="matrix(0.554700,-0.832050,0.832050,0.554700,258.875214,286.687195)">
<path fill="rgba(255,0,0,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(255,0,0,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(255,0,0,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(255,0,0,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

12
packages/g6/__tests__/snapshots/behaviors/behavior-create-edge-click/click-edge4-combo.svg
View File

@ -5,12 +5,12 @@
<g fill="none">
<g fill="none" x="300" y="150" transform="matrix(1,0,0,1,300,150)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
</g>
</g>
<g fill="none" x="250" y="300" transform="matrix(1,0,0,1,250,300)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="28.284271247461902"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="28.284271247461902"/>
</g>
</g>
</g>
@ -21,7 +21,7 @@
<path fill="none" d="M 260,150 L 334,150" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 260,150 L 334,150" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(-1,0,-0,-1,334,150)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -31,7 +31,7 @@
<path fill="none" d="M 250,160 L 250,284" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 250,160 L 250,284" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(0,-1,1,0,250,284)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -41,7 +41,7 @@
<path fill="none" d="M 344.4529980377477,158.32050294337844 L 258.8752031396037,286.6871952905945" class="key" stroke-width="2" stroke="rgba(255,0,0,1)"/>
<path fill="none" d="M 344.4529980377477,158.32050294337844 L 258.8752031396037,286.6871952905945" class="key" stroke-width="4" stroke="transparent"/>
<g transform="matrix(0.554700,-0.832050,0.832050,0.554700,258.875214,286.687195)">
<path fill="rgba(255,0,0,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(255,0,0,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(255,0,0,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(255,0,0,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -51,7 +51,7 @@
<path fill="none" d="M 276.9782711335573,219.06518659932803 L 251.89736659610102,294.3079002116969" class="key" stroke-width="2" stroke="rgba(255,0,0,1)"/>
<path fill="none" d="M 276.9782711335573,219.06518659932803 L 251.89736659610102,294.3079002116969" class="key" stroke-width="4" stroke="transparent"/>
<g transform="matrix(0.316228,-0.948683,0.948683,0.316228,251.897369,294.307892)">
<path fill="rgba(255,0,0,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(255,0,0,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(255,0,0,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(255,0,0,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

4
packages/g6/__tests__/snapshots/behaviors/behavior-create-edge-click/default.svg
View File

@ -5,12 +5,12 @@
<g fill="none">
<g fill="none" x="300" y="150" transform="matrix(1,0,0,1,300,150)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
</g>
</g>
<g fill="none" x="250" y="300" transform="matrix(1,0,0,1,250,300)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="28.284271247461902"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="28.284271247461902"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

4
packages/g6/__tests__/snapshots/behaviors/behavior-create-edge-drag/default.svg
View File

@ -5,12 +5,12 @@
<g fill="none">
<g fill="none" x="300" y="150" transform="matrix(1,0,0,1,300,150)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
</g>
</g>
<g fill="none" x="250" y="300" transform="matrix(1,0,0,1,250,300)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="28.284271247461902"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="28.284271247461902"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

14
packages/g6/__tests__/snapshots/behaviors/behavior-create-edge-drag/drag-custom-edge4.svg
View File

@ -5,12 +5,12 @@
<g fill="none">
<g fill="none" x="300" y="150" transform="matrix(1,0,0,1,300,150)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
</g>
</g>
<g fill="none" x="250" y="300" transform="matrix(1,0,0,1,250,300)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="28.284271247461902"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="28.284271247461902"/>
</g>
</g>
</g>
@ -21,7 +21,7 @@
<path fill="none" d="M 260,150 L 334,150" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 260,150 L 334,150" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(-1,0,-0,-1,334,150)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -31,7 +31,7 @@
<path fill="none" d="M 250,160 L 250,284" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 250,160 L 250,284" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(0,-1,1,0,250,284)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -41,7 +41,7 @@
<path fill="none" d="M 344.4529980377477,158.32050294337844 L 258.8752031396037,286.6871952905945" class="key" stroke-width="2" stroke="rgba(255,0,0,1)"/>
<path fill="none" d="M 344.4529980377477,158.32050294337844 L 258.8752031396037,286.6871952905945" class="key" stroke-width="4" stroke="transparent"/>
<g transform="matrix(0.554700,-0.832050,0.832050,0.554700,258.875214,286.687195)">
<path fill="rgba(255,0,0,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(255,0,0,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(255,0,0,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(255,0,0,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -51,7 +51,7 @@
<path fill="none" d="M 276.9782711335573,219.06518659932803 L 251.89736659610102,294.3079002116969" class="key" stroke-width="2" stroke="rgba(255,0,0,1)"/>
<path fill="none" d="M 276.9782711335573,219.06518659932803 L 251.89736659610102,294.3079002116969" class="key" stroke-width="4" stroke="transparent"/>
<g transform="matrix(0.316228,-0.948683,0.948683,0.316228,251.897369,294.307892)">
<path fill="rgba(255,0,0,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(255,0,0,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(255,0,0,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(255,0,0,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -61,7 +61,7 @@
<path fill="none" d="M 255.5470019622523,291.6794970566216 L 341.1247968603963,163.3128047094055" class="key" stroke-width="2" stroke="rgba(255,0,0,1)"/>
<path fill="none" d="M 255.5470019622523,291.6794970566216 L 341.1247968603963,163.3128047094055" class="key" stroke-width="4" stroke="transparent"/>
<g transform="matrix(-0.554700,0.832050,-0.832050,-0.554700,341.124786,163.312805)">
<path fill="rgba(255,0,0,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(255,0,0,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(255,0,0,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(255,0,0,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 5.5 KiB

6
packages/g6/__tests__/snapshots/behaviors/behavior-create-edge-drag/drag-edge1-move.svg
View File

@ -5,12 +5,12 @@
<g fill="none">
<g fill="none" x="300" y="150" transform="matrix(1,0,0,1,300,150)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
</g>
</g>
<g fill="none" x="250" y="300" transform="matrix(1,0,0,1,250,300)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="28.284271247461902"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="28.284271247461902"/>
</g>
</g>
</g>
@ -21,7 +21,7 @@
<path fill="none" d="M 240.51316701949486,146.83772233983163 L 105.69209978830308,101.89736659610102" class="key" stroke-width="1" stroke="rgba(153,173,209,1)" pointer-events="none"/>
<path fill="none" d="M 240.51316701949486,146.83772233983163 L 105.69209978830308,101.89736659610102" class="key" stroke-width="3" stroke="transparent" pointer-events="none"/>
<g transform="matrix(0.948683,0.316228,-0.316228,0.948683,105.692101,101.897369)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

6
packages/g6/__tests__/snapshots/behaviors/behavior-create-edge-drag/drag-edge1.svg
View File

@ -5,12 +5,12 @@
<g fill="none">
<g fill="none" x="300" y="150" transform="matrix(1,0,0,1,300,150)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
</g>
</g>
<g fill="none" x="250" y="300" transform="matrix(1,0,0,1,250,300)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="28.284271247461902"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="28.284271247461902"/>
</g>
</g>
</g>
@ -21,7 +21,7 @@
<path fill="none" d="M 260,150 L 334,150" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 260,150 L 334,150" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(-1,0,-0,-1,334,150)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

8
packages/g6/__tests__/snapshots/behaviors/behavior-create-edge-drag/drag-edge2.svg
View File

@ -5,12 +5,12 @@
<g fill="none">
<g fill="none" x="300" y="150" transform="matrix(1,0,0,1,300,150)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
</g>
</g>
<g fill="none" x="250" y="300" transform="matrix(1,0,0,1,250,300)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="28.284271247461902"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="28.284271247461902"/>
</g>
</g>
</g>
@ -21,7 +21,7 @@
<path fill="none" d="M 260,150 L 334,150" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 260,150 L 334,150" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(-1,0,-0,-1,334,150)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -31,7 +31,7 @@
<path fill="none" d="M 250,160 L 250,284" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 250,160 L 250,284" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(0,-1,1,0,250,284)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

10
packages/g6/__tests__/snapshots/behaviors/behavior-create-edge-drag/drag-edge3.svg
View File

@ -5,12 +5,12 @@
<g fill="none">
<g fill="none" x="300" y="150" transform="matrix(1,0,0,1,300,150)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
</g>
</g>
<g fill="none" x="250" y="300" transform="matrix(1,0,0,1,250,300)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="28.284271247461902"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="28.284271247461902"/>
</g>
</g>
</g>
@ -21,7 +21,7 @@
<path fill="none" d="M 260,150 L 334,150" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 260,150 L 334,150" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(-1,0,-0,-1,334,150)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -31,7 +31,7 @@
<path fill="none" d="M 250,160 L 250,284" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 250,160 L 250,284" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(0,-1,1,0,250,284)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -41,7 +41,7 @@
<path fill="none" d="M 344.4529980377477,158.32050294337844 L 258.8752031396037,286.6871952905945" class="key" stroke-width="2" stroke="rgba(255,0,0,1)"/>
<path fill="none" d="M 344.4529980377477,158.32050294337844 L 258.8752031396037,286.6871952905945" class="key" stroke-width="4" stroke="transparent"/>
<g transform="matrix(0.554700,-0.832050,0.832050,0.554700,258.875214,286.687195)">
<path fill="rgba(255,0,0,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(255,0,0,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(255,0,0,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(255,0,0,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

12
packages/g6/__tests__/snapshots/behaviors/behavior-create-edge-drag/drag-edge4-combo.svg
View File

@ -5,12 +5,12 @@
<g fill="none">
<g fill="none" x="300" y="150" transform="matrix(1,0,0,1,300,150)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
</g>
</g>
<g fill="none" x="250" y="300" transform="matrix(1,0,0,1,250,300)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="28.284271247461902"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="28.284271247461902"/>
</g>
</g>
</g>
@ -21,7 +21,7 @@
<path fill="none" d="M 260,150 L 334,150" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 260,150 L 334,150" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(-1,0,-0,-1,334,150)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -31,7 +31,7 @@
<path fill="none" d="M 250,160 L 250,284" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 250,160 L 250,284" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(0,-1,1,0,250,284)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -41,7 +41,7 @@
<path fill="none" d="M 344.4529980377477,158.32050294337844 L 258.8752031396037,286.6871952905945" class="key" stroke-width="2" stroke="rgba(255,0,0,1)"/>
<path fill="none" d="M 344.4529980377477,158.32050294337844 L 258.8752031396037,286.6871952905945" class="key" stroke-width="4" stroke="transparent"/>
<g transform="matrix(0.554700,-0.832050,0.832050,0.554700,258.875214,286.687195)">
<path fill="rgba(255,0,0,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(255,0,0,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(255,0,0,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(255,0,0,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -51,7 +51,7 @@
<path fill="none" d="M 276.9782711335573,219.06518659932803 L 251.89736659610102,294.3079002116969" class="key" stroke-width="2" stroke="rgba(255,0,0,1)"/>
<path fill="none" d="M 276.9782711335573,219.06518659932803 L 251.89736659610102,294.3079002116969" class="key" stroke-width="4" stroke="transparent"/>
<g transform="matrix(0.316228,-0.948683,0.948683,0.316228,251.897369,294.307892)">
<path fill="rgba(255,0,0,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(255,0,0,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(255,0,0,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(255,0,0,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

2
packages/g6/__tests__/snapshots/behaviors/brush-select/brush-clear-1.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="250.98000000000002" y="262.5" transform="matrix(1,0,0,1,250.979996,262.500000)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

2
packages/g6/__tests__/snapshots/behaviors/brush-select/brush-clear-2.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="250.98000000000002" y="262.5" transform="matrix(1,0,0,1,250.979996,262.500000)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

2
packages/g6/__tests__/snapshots/behaviors/brush-select/brush-clear-3.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="250.98000000000002" y="262.5" transform="matrix(1,0,0,1,250.979996,262.500000)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

2
packages/g6/__tests__/snapshots/behaviors/brush-select/brush-clear-4.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="250.98000000000002" y="262.5" transform="matrix(1,0,0,1,250.979996,262.500000)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

2
packages/g6/__tests__/snapshots/behaviors/brush-select/brush-clear-5.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="250.98000000000002" y="262.5" transform="matrix(1,0,0,1,250.979996,262.500000)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

2
packages/g6/__tests__/snapshots/behaviors/brush-select/brush-clear-mode-diff.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="250.98000000000002" y="262.5" transform="matrix(1,0,0,1,250.979996,262.500000)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

2
packages/g6/__tests__/snapshots/behaviors/brush-select/brush-clear-mode-intersect.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="250.98000000000002" y="262.5" transform="matrix(1,0,0,1,250.979996,262.500000)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

2
packages/g6/__tests__/snapshots/behaviors/brush-select/brush-clear-mode-union.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="250.98000000000002" y="262.5" transform="matrix(1,0,0,1,250.979996,262.500000)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

2
packages/g6/__tests__/snapshots/behaviors/brush-select/brush-select-clear.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="250.98000000000002" y="262.5" transform="matrix(1,0,0,1,250.979996,262.500000)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

4
packages/g6/__tests__/snapshots/behaviors/brush-select/brush-selected-1.svg
View File

@ -5,10 +5,10 @@
<g fill="none">
<g fill="none" x="250.98000000000002" y="262.5" transform="matrix(1,0,0,1,250.979996,262.500000)">
<g>
<circle fill="none" class="halo" stroke-dasharray="0,0" stroke-width="12" stroke-opacity="0.25" stroke="rgba(153,173,209,1)" r="155.87903130312299" pointer-events="none"/>
<circle fill="none" class="halo" stroke-dasharray="0,0" stroke-width="12" fill-opacity="0.04" stroke-opacity="0.25" stroke="rgba(153,173,209,1)" r="155.87903130312299" pointer-events="none"/>
</g>
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="4" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="4" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.1 KiB

After

Width:  |  Height:  |  Size: 8.2 KiB

4
packages/g6/__tests__/snapshots/behaviors/brush-select/brush-selected-2.svg
View File

@ -5,10 +5,10 @@
<g fill="none">
<g fill="none" x="250.98000000000002" y="262.5" transform="matrix(1,0,0,1,250.979996,262.500000)">
<g>
<circle fill="none" class="halo" stroke-dasharray="0,0" stroke-width="12" stroke-opacity="0.25" stroke="rgba(153,173,209,1)" r="155.87903130312299" pointer-events="none"/>
<circle fill="none" class="halo" stroke-dasharray="0,0" stroke-width="12" fill-opacity="0.04" stroke-opacity="0.25" stroke="rgba(153,173,209,1)" r="155.87903130312299" pointer-events="none"/>
</g>
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="4" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="4" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.3 KiB

After

Width:  |  Height:  |  Size: 6.3 KiB

4
packages/g6/__tests__/snapshots/behaviors/brush-select/brush-selected-3.svg
View File

@ -5,10 +5,10 @@
<g fill="none">
<g fill="none" x="250.98000000000002" y="262.5" transform="matrix(1,0,0,1,250.979996,262.500000)">
<g>
<circle fill="none" class="halo" stroke-dasharray="0,0" stroke-width="12" stroke-opacity="0.25" stroke="rgba(153,173,209,1)" r="155.87903130312299" pointer-events="none"/>
<circle fill="none" class="halo" stroke-dasharray="0,0" stroke-width="12" fill-opacity="0.04" stroke-opacity="0.25" stroke="rgba(153,173,209,1)" r="155.87903130312299" pointer-events="none"/>
</g>
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="4" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="4" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.1 KiB

After

Width:  |  Height:  |  Size: 8.2 KiB

4
packages/g6/__tests__/snapshots/behaviors/brush-select/brush-selected-4.svg
View File

@ -5,10 +5,10 @@
<g fill="none">
<g fill="none" x="250.98000000000002" y="262.5" transform="matrix(1,0,0,1,250.979996,262.500000)">
<g>
<circle fill="none" class="halo" stroke-dasharray="0,0" stroke-width="12" stroke-opacity="0.25" stroke="rgba(153,173,209,1)" r="155.87903130312299" pointer-events="none"/>
<circle fill="none" class="halo" stroke-dasharray="0,0" stroke-width="12" fill-opacity="0.04" stroke-opacity="0.25" stroke="rgba(153,173,209,1)" r="155.87903130312299" pointer-events="none"/>
</g>
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="4" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="4" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.1 KiB

After

Width:  |  Height:  |  Size: 8.2 KiB

4
packages/g6/__tests__/snapshots/behaviors/brush-select/brush-selected-5.svg
View File

@ -5,10 +5,10 @@
<g fill="none">
<g fill="none" x="250.98000000000002" y="262.5" transform="matrix(1,0,0,1,250.979996,262.500000)">
<g>
<circle fill="none" class="halo" stroke-dasharray="0,0" stroke-width="12" stroke-opacity="0.25" stroke="rgba(153,173,209,1)" r="155.87903130312299" pointer-events="none"/>
<circle fill="none" class="halo" stroke-dasharray="0,0" stroke-width="12" fill-opacity="0.04" stroke-opacity="0.25" stroke="rgba(153,173,209,1)" r="155.87903130312299" pointer-events="none"/>
</g>
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.1 KiB

After

Width:  |  Height:  |  Size: 8.2 KiB

4
packages/g6/__tests__/snapshots/behaviors/brush-select/brush-selected-mode-diff.svg
View File

@ -5,10 +5,10 @@
<g fill="none">
<g fill="none" x="250.98000000000002" y="262.5" transform="matrix(1,0,0,1,250.979996,262.500000)">
<g>
<circle fill="none" class="halo" stroke-dasharray="0,0" stroke-width="12" stroke-opacity="0.25" stroke="rgba(153,173,209,1)" r="155.87903130312299" pointer-events="none"/>
<circle fill="none" class="halo" stroke-dasharray="0,0" stroke-width="12" fill-opacity="0.04" stroke-opacity="0.25" stroke="rgba(153,173,209,1)" r="155.87903130312299" pointer-events="none"/>
</g>
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.1 KiB

After

Width:  |  Height:  |  Size: 8.2 KiB

2
packages/g6/__tests__/snapshots/behaviors/brush-select/brush-selected-mode-intersect.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="250.98000000000002" y="262.5" transform="matrix(1,0,0,1,250.979996,262.500000)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

4
packages/g6/__tests__/snapshots/behaviors/brush-select/brush-selected-mode-union.svg
View File

@ -5,10 +5,10 @@
<g fill="none">
<g fill="none" x="250.98000000000002" y="262.5" transform="matrix(1,0,0,1,250.979996,262.500000)">
<g>
<circle fill="none" class="halo" stroke-dasharray="0,0" stroke-width="12" stroke-opacity="0.25" stroke="rgba(153,173,209,1)" r="155.87903130312299" pointer-events="none"/>
<circle fill="none" class="halo" stroke-dasharray="0,0" stroke-width="12" fill-opacity="0.04" stroke-opacity="0.25" stroke="rgba(153,173,209,1)" r="155.87903130312299" pointer-events="none"/>
</g>
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.1 KiB

After

Width:  |  Height:  |  Size: 8.2 KiB

4
packages/g6/__tests__/snapshots/behaviors/brush-select/brush-selecting-1.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="250.98000000000002" y="262.5" transform="matrix(1,0,0,1,250.979996,262.500000)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
</g>
</g>
</g>
@ -90,7 +90,7 @@
</g>
</g>
<g>
<path fill="rgba(238,246,255,1)" d="M 100,100 l 300,0 l 0,300 l-300 0 z" width="300" height="300" stroke-width="1" stroke="rgba(221,238,254,1)" fill-opacity="0.4" pointer-events="none" x="100" y="100"/>
<path fill="rgba(22,119,255,1)" d="M 100,100 l 300,0 l 0,300 l-300 0 z" width="300" height="300" stroke-width="1" stroke="rgba(22,119,255,1)" fill-opacity="0.1" pointer-events="none" x="100" y="100"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.4 KiB

After

Width:  |  Height:  |  Size: 5.4 KiB

4
packages/g6/__tests__/snapshots/behaviors/brush-select/brush-selecting-2.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="250.98000000000002" y="262.5" transform="matrix(1,0,0,1,250.979996,262.500000)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
</g>
</g>
</g>
@ -90,7 +90,7 @@
</g>
</g>
<g>
<path fill="rgba(238,246,255,1)" d="M 100,100 l 200,0 l 0,200 l-200 0 z" width="200" height="200" stroke-width="1" stroke="rgba(221,238,254,1)" fill-opacity="0.4" pointer-events="none" x="100" y="100"/>
<path fill="rgba(22,119,255,1)" d="M 100,100 l 200,0 l 0,200 l-200 0 z" width="200" height="200" stroke-width="1" stroke="rgba(22,119,255,1)" fill-opacity="0.1" pointer-events="none" x="100" y="100"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.4 KiB

After

Width:  |  Height:  |  Size: 5.4 KiB

4
packages/g6/__tests__/snapshots/behaviors/brush-select/brush-selecting-3.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="250.98000000000002" y="262.5" transform="matrix(1,0,0,1,250.979996,262.500000)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
</g>
</g>
</g>
@ -90,7 +90,7 @@
</g>
</g>
<g>
<path fill="rgba(0,128,0,1)" d="M 100,100 l 300,0 l 0,300 l-300 0 z" width="300" height="300" stroke-width="2" stroke="rgba(0,0,255,1)" fill-opacity="0.4" pointer-events="none" x="100" y="100"/>
<path fill="rgba(0,128,0,1)" d="M 100,100 l 300,0 l 0,300 l-300 0 z" width="300" height="300" stroke-width="2" stroke="rgba(0,0,255,1)" fill-opacity="0.1" pointer-events="none" x="100" y="100"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.4 KiB

After

Width:  |  Height:  |  Size: 5.4 KiB

4
packages/g6/__tests__/snapshots/behaviors/brush-select/brush-selecting-4.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="250.98000000000002" y="262.5" transform="matrix(1,0,0,1,250.979996,262.500000)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
</g>
</g>
</g>
@ -90,7 +90,7 @@
</g>
</g>
<g>
<path fill="rgba(0,128,0,1)" d="M 100,100 l 300,0 l 0,300 l-300 0 z" width="300" height="300" stroke-width="2" stroke="rgba(0,0,255,1)" fill-opacity="0.4" pointer-events="none" x="100" y="100"/>
<path fill="rgba(0,128,0,1)" d="M 100,100 l 300,0 l 0,300 l-300 0 z" width="300" height="300" stroke-width="2" stroke="rgba(0,0,255,1)" fill-opacity="0.1" pointer-events="none" x="100" y="100"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.4 KiB

After

Width:  |  Height:  |  Size: 5.4 KiB

6
packages/g6/__tests__/snapshots/behaviors/brush-select/brush-selecting-5.svg
View File

@ -5,10 +5,10 @@
<g fill="none">
<g fill="none" x="250.98000000000002" y="262.5" transform="matrix(1,0,0,1,250.979996,262.500000)">
<g>
<circle fill="none" class="halo" stroke-dasharray="0,0" stroke-width="12" stroke-opacity="0.25" stroke="rgba(153,173,209,1)" r="155.87903130312299" pointer-events="none"/>
<circle fill="none" class="halo" stroke-dasharray="0,0" stroke-width="12" fill-opacity="0.04" stroke-opacity="0.25" stroke="rgba(153,173,209,1)" r="155.87903130312299" pointer-events="none"/>
</g>
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
</g>
</g>
</g>
@ -121,7 +121,7 @@
</g>
</g>
<g>
<path fill="rgba(0,128,0,1)" d="M 100,100 l 300,0 l 0,300 l-300 0 z" width="300" height="300" stroke-width="2" stroke="rgba(0,0,255,1)" fill-opacity="0.4" pointer-events="none" x="100" y="100"/>
<path fill="rgba(0,128,0,1)" d="M 100,100 l 300,0 l 0,300 l-300 0 z" width="300" height="300" stroke-width="2" stroke="rgba(0,0,255,1)" fill-opacity="0.1" pointer-events="none" x="100" y="100"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.4 KiB

After

Width:  |  Height:  |  Size: 8.4 KiB

4
packages/g6/__tests__/snapshots/behaviors/brush-select/brush-selecting-mode-diff.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="250.98000000000002" y="262.5" transform="matrix(1,0,0,1,250.979996,262.500000)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
</g>
</g>
</g>
@ -90,7 +90,7 @@
</g>
</g>
<g>
<path fill="rgba(0,128,0,1)" d="M 100,100 l 300,0 l 0,300 l-300 0 z" width="300" height="300" stroke-width="2" stroke="rgba(0,0,255,1)" fill-opacity="0.4" pointer-events="none" x="100" y="100"/>
<path fill="rgba(0,128,0,1)" d="M 100,100 l 300,0 l 0,300 l-300 0 z" width="300" height="300" stroke-width="2" stroke="rgba(0,0,255,1)" fill-opacity="0.1" pointer-events="none" x="100" y="100"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.4 KiB

After

Width:  |  Height:  |  Size: 5.4 KiB

4
packages/g6/__tests__/snapshots/behaviors/brush-select/brush-selecting-mode-intersect.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="250.98000000000002" y="262.5" transform="matrix(1,0,0,1,250.979996,262.500000)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
</g>
</g>
</g>
@ -90,7 +90,7 @@
</g>
</g>
<g>
<path fill="rgba(0,128,0,1)" d="M 100,100 l 300,0 l 0,300 l-300 0 z" width="300" height="300" stroke-width="2" stroke="rgba(0,0,255,1)" fill-opacity="0.4" pointer-events="none" x="100" y="100"/>
<path fill="rgba(0,128,0,1)" d="M 100,100 l 300,0 l 0,300 l-300 0 z" width="300" height="300" stroke-width="2" stroke="rgba(0,0,255,1)" fill-opacity="0.1" pointer-events="none" x="100" y="100"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.4 KiB

After

Width:  |  Height:  |  Size: 5.4 KiB

4
packages/g6/__tests__/snapshots/behaviors/brush-select/brush-selecting-mode-union.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="250.98000000000002" y="262.5" transform="matrix(1,0,0,1,250.979996,262.500000)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
</g>
</g>
</g>
@ -90,7 +90,7 @@
</g>
</g>
<g>
<path fill="rgba(0,128,0,1)" d="M 100,100 l 300,0 l 0,300 l-300 0 z" width="300" height="300" stroke-width="2" stroke="rgba(0,0,255,1)" fill-opacity="0.4" pointer-events="none" x="100" y="100"/>
<path fill="rgba(0,128,0,1)" d="M 100,100 l 300,0 l 0,300 l-300 0 z" width="300" height="300" stroke-width="2" stroke="rgba(0,0,255,1)" fill-opacity="0.1" pointer-events="none" x="100" y="100"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.4 KiB

After

Width:  |  Height:  |  Size: 5.4 KiB

2
packages/g6/__tests__/snapshots/behaviors/brush-select/default.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="250.98000000000002" y="262.5" transform="matrix(1,0,0,1,250.979996,262.500000)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

6
packages/g6/__tests__/snapshots/behaviors/collapse-expand-combo/collapse-combo-1-expand-combo-2-0.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="206.8866717529297" y="211.5" transform="matrix(1,0,0,1,206.886673,211.500000)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="59.73389657472548"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="59.73389657472548" fill-opacity="0.04"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,59.733898)">
<g>
@ -17,7 +17,7 @@
</g>
<g fill="none" x="206.66666666666666" y="200" transform="matrix(1,0,0,1,206.666672,200)">
<g>
<path fill="rgba(253,253,253,1)" d="M -26,-26 l 52,0 l 0,52 l-52 0 z" class="key" stroke-dasharray="5,5" stroke-width="1" stroke="rgba(153,173,209,1)" width="52" height="52" x="-26" y="-26"/>
<path fill="rgba(153,173,209,1)" d="M -26,-26 l 52,0 l 0,52 l-52 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="52" height="52" x="-26" y="-26"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,26)">
<g>
@ -28,7 +28,7 @@
</g>
<g fill="none" class="collapsed-marker" x="0" y="0">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="icon" text-anchor="middle" font-size="12">
<text fill="rgba(255,255,255,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="icon" text-anchor="middle" font-size="12">
2
</text>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

6
packages/g6/__tests__/snapshots/behaviors/collapse-expand-combo/collapse-combo-1-expand-combo-2-1000.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="166.69333587646486" y="172.75" transform="matrix(1,0,0,1,166.693329,172.750000)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="125.16878099448718"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="125.16878099448718" fill-opacity="0.04"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,125.168777)">
<g>
@ -17,7 +17,7 @@
</g>
<g fill="none" x="207.1666717529297" y="212.5" transform="matrix(1,0,0,1,207.166672,212.500000)">
<g>
<path fill="rgba(253,253,253,1)" d="M -26,-26 l 52,0 l 0,52 l-52 0 z" class="key" stroke-dasharray="5,5" stroke-width="1" stroke="rgba(153,173,209,1)" width="52" height="52" x="-26" y="-26"/>
<path fill="rgba(153,173,209,1)" d="M -26,-26 l 52,0 l 0,52 l-52 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="52" height="52" x="-26" y="-26"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,26)">
<g>
@ -28,7 +28,7 @@
</g>
<g fill="none" class="collapsed-marker" x="0" y="0">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="icon" text-anchor="middle" font-size="12">
<text fill="rgba(255,255,255,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="icon" text-anchor="middle" font-size="12">
2
</text>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

6
packages/g6/__tests__/snapshots/behaviors/collapse-expand-combo/collapse-combo-1-expand-combo-2-500.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="176.54547821044923" y="182.7545928955078" transform="matrix(1,0,0,1,176.545471,182.754593)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="108.89650941082537"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="108.89650941082537" fill-opacity="0.04"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,59.733898)">
<g>
@ -17,7 +17,7 @@
</g>
<g fill="none" x="207.0523323709444" y="209.64154452808089" transform="matrix(1,0,0,1,207.052338,209.641541)">
<g>
<path fill="rgba(253,253,253,1)" d="M -26,-26 l 52,0 l 0,52 l-52 0 z" class="key" stroke-dasharray="5,5" stroke-width="1" stroke="rgba(153,173,209,1)" width="52" height="52" x="-26" y="-26"/>
<path fill="rgba(153,173,209,1)" d="M -26,-26 l 52,0 l 0,52 l-52 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="52" height="52" x="-26" y="-26"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,26)">
<g>
@ -28,7 +28,7 @@
</g>
<g fill="none" class="collapsed-marker" x="0" y="0">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="icon" text-anchor="middle" font-size="12">
<text fill="rgba(255,255,255,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="icon" text-anchor="middle" font-size="12">
2
</text>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

4
packages/g6/__tests__/snapshots/behaviors/collapse-expand-combo/collapse-combo-2-0.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="215.9200012207031" y="229" transform="matrix(1,0,0,1,215.919998,229)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="199.8406863177741"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="199.8406863177741"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,199.840683)">
<g>
@ -17,7 +17,7 @@
</g>
<g fill="none" x="250.44" y="262.5" transform="matrix(1,0,0,1,250.440002,262.500000)">
<g>
<path fill="rgba(253,253,253,1)" d="M -81.62,-88.5 l 163.24,0 l 0,177 l-163.24 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="163.24" height="177" x="-81.62" y="-88.5"/>
<path fill="rgba(153,173,209,1)" d="M -81.62,-88.5 l 163.24,0 l 0,177 l-163.24 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="163.24" height="177" x="-81.62" y="-88.5" fill-opacity="0.04"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,88.500000)">
<g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

4
packages/g6/__tests__/snapshots/behaviors/collapse-expand-combo/collapse-combo-2-1000.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="206.66666666666666" y="200" transform="matrix(1,0,0,1,206.666672,200)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="5,5" stroke-width="1" stroke="rgba(153,173,209,1)" r="26"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="26"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,26)">
<g>
@ -16,7 +16,7 @@
</g>
<g fill="none" class="collapsed-marker" x="0" y="0">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="icon" text-anchor="middle" font-size="12">
<text fill="rgba(255,255,255,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="icon" text-anchor="middle" font-size="12">
2
</text>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

4
packages/g6/__tests__/snapshots/behaviors/collapse-expand-combo/collapse-combo-2-500.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="249.3440200805664" y="267.56617736816406" transform="matrix(1,0,0,1,249.344025,267.566162)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="148.83913610941644"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="148.83913610941644"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,199.840683)">
<g>
@ -17,7 +17,7 @@
</g>
<g fill="none" x="217.01597351074219" y="223.93382263183594" transform="matrix(1,0,0,1,217.015976,223.933823)">
<g>
<path fill="rgba(253,253,253,1)" d="M -43.05382263183594,-49.93382263183594 l 86.10764526367188,0 l 0,99.86764526367188 l-86.10764526367188 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="86.10764526367188" height="99.86764526367188" x="-43.05382263183594" y="-49.93382263183594"/>
<path fill="rgba(153,173,209,1)" d="M -43.05382263183594,-49.93382263183594 l 86.10764526367188,0 l 0,99.86764526367188 l-86.10764526367188 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="86.10764526367188" height="99.86764526367188" x="-43.05382263183594" y="-49.93382263183594" fill-opacity="0.04"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,88.500000)">
<g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.8 KiB

After

Width:  |  Height:  |  Size: 4.8 KiB

6
packages/g6/__tests__/snapshots/behaviors/collapse-expand-combo/default.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="188.11" y="191.5" transform="matrix(1,0,0,1,188.110001,191.500000)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="153.21566140574532"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="153.21566140574532"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,153.215668)">
<g>
@ -17,7 +17,7 @@
</g>
<g fill="none" x="250" y="250" transform="matrix(1,0,0,1,250,250)">
<g>
<path fill="rgba(253,253,253,1)" d="M -26,-26 l 52,0 l 0,52 l-52 0 z" class="key" stroke-dasharray="5,5" stroke-width="1" stroke="rgba(153,173,209,1)" width="52" height="52" x="-26" y="-26"/>
<path fill="rgba(153,173,209,1)" d="M -26,-26 l 52,0 l 0,52 l-52 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="52" height="52" x="-26" y="-26"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,26)">
<g>
@ -28,7 +28,7 @@
</g>
<g fill="none" class="collapsed-marker" x="0" y="0">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="icon" text-anchor="middle" font-size="12">
<text fill="rgba(255,255,255,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="icon" text-anchor="middle" font-size="12">
2
</text>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

4
packages/g6/__tests__/snapshots/behaviors/collapse-expand-combo/expand-combo-1-0.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="190.98000000000002" y="204" transform="matrix(1,0,0,1,190.979996,204)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="164.7465932879949"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="164.7465932879949"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,164.746597)">
<g>
@ -17,7 +17,7 @@
</g>
<g fill="none" x="250.5" y="262.5" transform="matrix(1,0,0,1,250.500000,262.500000)">
<g>
<path fill="rgba(253,253,253,1)" d="M -31.680000000000007,-38.5 l 63.360000000000014,0 l 0,77 l-63.360000000000014 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="63.360000000000014" height="77" x="-31.680000000000007" y="-38.5"/>
<path fill="rgba(153,173,209,1)" d="M -31.680000000000007,-38.5 l 63.360000000000014,0 l 0,77 l-63.360000000000014 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="63.360000000000014" height="77" x="-31.680000000000007" y="-38.5" fill-opacity="0.04"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,38.500000)">
<g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

4
packages/g6/__tests__/snapshots/behaviors/collapse-expand-combo/expand-combo-1-1000.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="215.9200012207031" y="229" transform="matrix(1,0,0,1,215.919998,229)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="199.8406863177741"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="199.8406863177741"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,199.840683)">
<g>
@ -17,7 +17,7 @@
</g>
<g fill="none" x="250.44" y="262.5" transform="matrix(1,0,0,1,250.440002,262.500000)">
<g>
<path fill="rgba(253,253,253,1)" d="M -81.62,-88.5 l 163.24,0 l 0,177 l-163.24 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="163.24" height="177" x="-81.62" y="-88.5"/>
<path fill="rgba(153,173,209,1)" d="M -81.62,-88.5 l 163.24,0 l 0,177 l-163.24 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="163.24" height="177" x="-81.62" y="-88.5" fill-opacity="0.04"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,88.500000)">
<g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

4
packages/g6/__tests__/snapshots/behaviors/collapse-expand-combo/expand-combo-1-500.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="210.2030937194824" y="211.7830924987793" transform="matrix(1,0,0,1,210.203094,211.783096)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="182.99153554057744"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="182.99153554057744"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,164.746597)">
<g>
@ -17,7 +17,7 @@
</g>
<g fill="none" x="250.44000762939453" y="262.50000762939453" transform="matrix(1,0,0,1,250.440002,262.500000)">
<g>
<path fill="rgba(253,253,253,1)" d="M -70.1861849975586,-77.0661849975586 l 140.3723699951172,0 l 0,154.1323699951172 l-140.3723699951172 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="140.3723699951172" height="154.1323699951172" x="-70.1861849975586" y="-77.0661849975586"/>
<path fill="rgba(153,173,209,1)" d="M -70.1861849975586,-77.0661849975586 l 140.3723699951172,0 l 0,154.1323699951172 l-140.3723699951172 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="140.3723699951172" height="154.1323699951172" x="-70.1861849975586" y="-77.0661849975586" fill-opacity="0.04"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,38.500000)">
<g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.8 KiB

After

Width:  |  Height:  |  Size: 4.8 KiB

4
packages/g6/__tests__/snapshots/behaviors/collapse-expand/collapse-combo-2.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="206.66666666666666" y="200" transform="matrix(1,0,0,1,206.666672,200)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="5,5" stroke-width="1" stroke="rgba(153,173,209,1)" r="26"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="26"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,26)">
<g>
@ -16,7 +16,7 @@
</g>
<g fill="none" class="collapsed-marker" x="0" y="0">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="icon" text-anchor="middle" font-size="12">
<text fill="rgba(255,255,255,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="icon" text-anchor="middle" font-size="12">
2
</text>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

6
packages/g6/__tests__/snapshots/behaviors/collapse-expand/default.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="188.11" y="191.5" transform="matrix(1,0,0,1,188.110001,191.500000)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="153.21566140574532"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="153.21566140574532"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,153.215668)">
<g>
@ -17,7 +17,7 @@
</g>
<g fill="none" x="250" y="250" transform="matrix(1,0,0,1,250,250)">
<g>
<path fill="rgba(253,253,253,1)" d="M -26,-26 l 52,0 l 0,52 l-52 0 z" class="key" stroke-dasharray="5,5" stroke-width="1" stroke="rgba(153,173,209,1)" width="52" height="52" x="-26" y="-26"/>
<path fill="rgba(153,173,209,1)" d="M -26,-26 l 52,0 l 0,52 l-52 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="52" height="52" x="-26" y="-26"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,26)">
<g>
@ -28,7 +28,7 @@
</g>
<g fill="none" class="collapsed-marker" x="0" y="0">
<g>
<text fill="rgba(0,0,0,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="icon" text-anchor="middle" font-size="12">
<text fill="rgba(255,255,255,1)" dominant-baseline="central" paint-order="stroke" dx="0.5" class="icon" text-anchor="middle" font-size="12">
2
</text>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

4
packages/g6/__tests__/snapshots/behaviors/collapse-expand/expand-combo-1.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="215.9200012207031" y="229" transform="matrix(1,0,0,1,215.919998,229)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="199.8406863177741"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="199.8406863177741" fill-opacity="0.04"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,199.840683)">
<g>
@ -17,7 +17,7 @@
</g>
<g fill="none" x="250.44" y="262.5" transform="matrix(1,0,0,1,250.440002,262.500000)">
<g>
<path fill="rgba(253,253,253,1)" d="M -81.62,-88.5 l 163.24,0 l 0,177 l-163.24 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="163.24" height="177" x="-81.62" y="-88.5"/>
<path fill="rgba(153,173,209,1)" d="M -81.62,-88.5 l 163.24,0 l 0,177 l-163.24 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="163.24" height="177" x="-81.62" y="-88.5" fill-opacity="0.04"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,88.500000)">
<g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

4
packages/g6/__tests__/snapshots/behaviors/drag-element-combo/default.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="215.9200012207031" y="229" transform="matrix(1,0,0,1,215.919998,229)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="199.8406863177741"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="199.8406863177741"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,199.840683)">
<g>
@ -17,7 +17,7 @@
</g>
<g fill="none" x="250.44" y="262.5" transform="matrix(1,0,0,1,250.440002,262.500000)">
<g>
<path fill="rgba(253,253,253,1)" d="M -81.62,-88.5 l 163.24,0 l 0,177 l-163.24 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="163.24" height="177" x="-81.62" y="-88.5"/>
<path fill="rgba(153,173,209,1)" d="M -81.62,-88.5 l 163.24,0 l 0,177 l-163.24 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="163.24" height="177" x="-81.62" y="-88.5" fill-opacity="0.04"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,88.500000)">
<g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

4
packages/g6/__tests__/snapshots/behaviors/drag-element-combo/drag-combo-1-after-drop-move.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="345.02" y="359" transform="matrix(1,0,0,1,345.019989,359)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="151.8401791358269"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="151.8401791358269"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,151.840179)">
<g>
@ -17,7 +17,7 @@
</g>
<g fill="none" x="300.5" y="412.5" transform="matrix(1,0,0,1,300.500000,412.500000)">
<g>
<path fill="rgba(253,253,253,1)" d="M -31.680000000000007,-38.5 l 63.360000000000014,0 l 0,77 l-63.360000000000014 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="63.360000000000014" height="77" x="-31.680000000000007" y="-38.5"/>
<path fill="rgba(153,173,209,1)" d="M -31.680000000000007,-38.5 l 63.360000000000014,0 l 0,77 l-63.360000000000014 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="63.360000000000014" height="77" x="-31.680000000000007" y="-38.5" fill-opacity="0.04"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,38.500000)">
<g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

4
packages/g6/__tests__/snapshots/behaviors/drag-element-combo/drag-combo-1-after-drop-out.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="390.08000000000004" y="332.5" transform="matrix(1,0,0,1,390.079987,332.500000)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="106.7461924379507"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="106.7461924379507"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,106.746193)">
<g>
@ -17,7 +17,7 @@
</g>
<g fill="none" x="50.5" y="162.5" transform="matrix(1,0,0,1,50.500000,162.500000)">
<g>
<path fill="rgba(253,253,253,1)" d="M -31.680000000000003,-38.5 l 63.36000000000001,0 l 0,77 l-63.36000000000001 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="63.36000000000001" height="77" x="-31.680000000000003" y="-38.5"/>
<path fill="rgba(153,173,209,1)" d="M -31.680000000000003,-38.5 l 63.36000000000001,0 l 0,77 l-63.36000000000001 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="63.36000000000001" height="77" x="-31.680000000000003" y="-38.5" fill-opacity="0.04"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,38.500000)">
<g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

4
packages/g6/__tests__/snapshots/behaviors/drag-element-combo/drag-combo-1-before-drop-move.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="295.02" y="332.5" transform="matrix(1,0,0,1,295.019989,332.500000)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="168.08536521660653"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="168.08536521660653"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,168.085358)">
<g>
@ -17,7 +17,7 @@
</g>
<g fill="none" x="300.5" y="412.5" transform="matrix(1,0,0,1,300.500000,412.500000)">
<g>
<path fill="rgba(253,253,253,1)" d="M -31.680000000000007,-38.5 l 63.360000000000014,0 l 0,77 l-63.360000000000014 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="63.360000000000014" height="77" x="-31.680000000000007" y="-38.5"/>
<path fill="rgba(153,173,209,1)" d="M -31.680000000000007,-38.5 l 63.360000000000014,0 l 0,77 l-63.360000000000014 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="63.360000000000014" height="77" x="-31.680000000000007" y="-38.5" fill-opacity="0.04"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,38.500000)">
<g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

4
packages/g6/__tests__/snapshots/behaviors/drag-element-combo/drag-combo-1-before-drop-out.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="345.02" y="359" transform="matrix(1,0,0,1,345.019989,359)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="151.8401791358269"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="151.8401791358269"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,151.840179)">
<g>
@ -17,7 +17,7 @@
</g>
<g fill="none" x="50.5" y="162.5" transform="matrix(1,0,0,1,50.500000,162.500000)">
<g>
<path fill="rgba(253,253,253,1)" d="M -31.680000000000003,-38.5 l 63.36000000000001,0 l 0,77 l-63.36000000000001 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="63.36000000000001" height="77" x="-31.680000000000003" y="-38.5"/>
<path fill="rgba(153,173,209,1)" d="M -31.680000000000003,-38.5 l 63.36000000000001,0 l 0,77 l-63.36000000000001 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="63.36000000000001" height="77" x="-31.680000000000003" y="-38.5" fill-opacity="0.04"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,38.500000)">
<g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

4
packages/g6/__tests__/snapshots/behaviors/drag-element-combo/drag-combo-2-after-drop-into.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="162.8230971345027" y="144.0000002470891" transform="matrix(1,0,0,1,162.823090,144)">
<g>
<path fill="rgba(253,253,253,1)" d="M -144.0030971345027,-128.2461926850398 l 288.0061942690054,0 l 0,256.4923853700796 l-288.0061942690054 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="288.0061942690054" height="256.4923853700796" x="-144.0030971345027" y="-128.2461926850398"/>
<path fill="rgba(153,173,209,1)" d="M -144.0030971345027,-128.2461926850398 l 288.0061942690054,0 l 0,256.4923853700796 l-288.0061942690054 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="288.0061942690054" height="256.4923853700796" x="-144.0030971345027" y="-128.2461926850398" fill-opacity="0.04"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,128.246185)">
<g>
@ -17,7 +17,7 @@
</g>
<g fill="none" x="190.07999999999998" y="132.5" transform="matrix(1,0,0,1,190.080002,132.500000)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="106.74619243795068"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="106.74619243795068"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,106.746193)">
<g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.7 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

4
packages/g6/__tests__/snapshots/behaviors/drag-element-combo/drag-combo-2-before-drop-into.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="50.5" y="162.5" transform="matrix(1,0,0,1,50.500000,162.500000)">
<g>
<path fill="rgba(253,253,253,1)" d="M -31.680000000000003,-38.5 l 63.36000000000001,0 l 0,77 l-63.36000000000001 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="63.36000000000001" height="77" x="-31.680000000000003" y="-38.5"/>
<path fill="rgba(153,173,209,1)" d="M -31.680000000000003,-38.5 l 63.36000000000001,0 l 0,77 l-63.36000000000001 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="63.36000000000001" height="77" x="-31.680000000000003" y="-38.5" fill-opacity="0.04"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,38.500000)">
<g>
@ -17,7 +17,7 @@
</g>
<g fill="none" x="190.07999999999998" y="132.5" transform="matrix(1,0,0,1,190.080002,132.500000)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="106.74619243795068"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="106.74619243795068"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,106.746193)">
<g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

4
packages/g6/__tests__/snapshots/behaviors/drag-element-combo/drag-node-1-after-drop-into.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="285.44" y="309" transform="matrix(1,0,0,1,285.440002,309)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="147.16529618085917"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="147.16529618085917"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,147.165298)">
<g>
@ -17,7 +17,7 @@
</g>
<g fill="none" x="200.5" y="312.5" transform="matrix(1,0,0,1,200.500000,312.500000)">
<g>
<path fill="rgba(253,253,253,1)" d="M -31.680000000000007,-38.5 l 63.360000000000014,0 l 0,77 l-63.360000000000014 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="63.360000000000014" height="77" x="-31.680000000000007" y="-38.5"/>
<path fill="rgba(153,173,209,1)" d="M -31.680000000000007,-38.5 l 63.360000000000014,0 l 0,77 l-63.360000000000014 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="63.360000000000014" height="77" x="-31.680000000000007" y="-38.5" fill-opacity="0.04"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,38.500000)">
<g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

4
packages/g6/__tests__/snapshots/behaviors/drag-element-combo/drag-node-1-after-drop-move.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="295.02" y="332.5" transform="matrix(1,0,0,1,295.019989,332.500000)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="168.08536521660653"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="168.08536521660653"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,168.085358)">
<g>
@ -17,7 +17,7 @@
</g>
<g fill="none" x="200.5" y="312.5" transform="matrix(1,0,0,1,200.500000,312.500000)">
<g>
<path fill="rgba(253,253,253,1)" d="M -31.680000000000007,-38.5 l 63.360000000000014,0 l 0,77 l-63.360000000000014 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="63.360000000000014" height="77" x="-31.680000000000007" y="-38.5"/>
<path fill="rgba(153,173,209,1)" d="M -31.680000000000007,-38.5 l 63.360000000000014,0 l 0,77 l-63.360000000000014 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="63.360000000000014" height="77" x="-31.680000000000007" y="-38.5" fill-opacity="0.04"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,38.500000)">
<g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

4
packages/g6/__tests__/snapshots/behaviors/drag-element-combo/drag-node-1-after-drop-out.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="285.44" y="309" transform="matrix(1,0,0,1,285.440002,309)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="147.16529618085917"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="147.16529618085917"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,147.165298)">
<g>
@ -17,7 +17,7 @@
</g>
<g fill="none" x="200.5" y="312.5" transform="matrix(1,0,0,1,200.500000,312.500000)">
<g>
<path fill="rgba(253,253,253,1)" d="M -31.680000000000007,-38.5 l 63.360000000000014,0 l 0,77 l-63.360000000000014 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="63.360000000000014" height="77" x="-31.680000000000007" y="-38.5"/>
<path fill="rgba(153,173,209,1)" d="M -31.680000000000007,-38.5 l 63.360000000000014,0 l 0,77 l-63.360000000000014 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="63.360000000000014" height="77" x="-31.680000000000007" y="-38.5" fill-opacity="0.04"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,38.500000)">
<g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

4
packages/g6/__tests__/snapshots/behaviors/drag-element-combo/drag-node-1-before-drop-into.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="285.44" y="309" transform="matrix(1,0,0,1,285.440002,309)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="147.16529618085917"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="147.16529618085917"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,147.165298)">
<g>
@ -17,7 +17,7 @@
</g>
<g fill="none" x="200.5" y="312.5" transform="matrix(1,0,0,1,200.500000,312.500000)">
<g>
<path fill="rgba(253,253,253,1)" d="M -31.680000000000007,-38.5 l 63.360000000000014,0 l 0,77 l-63.360000000000014 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="63.360000000000014" height="77" x="-31.680000000000007" y="-38.5"/>
<path fill="rgba(153,173,209,1)" d="M -31.680000000000007,-38.5 l 63.360000000000014,0 l 0,77 l-63.360000000000014 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="63.360000000000014" height="77" x="-31.680000000000007" y="-38.5" fill-opacity="0.04"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,38.500000)">
<g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

4
packages/g6/__tests__/snapshots/behaviors/drag-element-combo/drag-node-1-before-drop-move.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="285.44" y="309" transform="matrix(1,0,0,1,285.440002,309)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="147.16529618085917"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="147.16529618085917"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,147.165298)">
<g>
@ -17,7 +17,7 @@
</g>
<g fill="none" x="200.5" y="312.5" transform="matrix(1,0,0,1,200.500000,312.500000)">
<g>
<path fill="rgba(253,253,253,1)" d="M -31.680000000000007,-38.5 l 63.360000000000014,0 l 0,77 l-63.360000000000014 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="63.360000000000014" height="77" x="-31.680000000000007" y="-38.5"/>
<path fill="rgba(153,173,209,1)" d="M -31.680000000000007,-38.5 l 63.360000000000014,0 l 0,77 l-63.360000000000014 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="63.360000000000014" height="77" x="-31.680000000000007" y="-38.5" fill-opacity="0.04"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,38.500000)">
<g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

4
packages/g6/__tests__/snapshots/behaviors/drag-element-combo/drag-node-1-before-drop-out.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="250.92000000000002" y="229" transform="matrix(1,0,0,1,250.919998,229)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="223.58689496479886"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="223.58689496479886"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,223.586899)">
<g>
@ -17,7 +17,7 @@
</g>
<g fill="none" x="200.5" y="312.5" transform="matrix(1,0,0,1,200.500000,312.500000)">
<g>
<path fill="rgba(253,253,253,1)" d="M -31.680000000000007,-38.5 l 63.360000000000014,0 l 0,77 l-63.360000000000014 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="63.360000000000014" height="77" x="-31.680000000000007" y="-38.5"/>
<path fill="rgba(153,173,209,1)" d="M -31.680000000000007,-38.5 l 63.360000000000014,0 l 0,77 l-63.360000000000014 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="63.360000000000014" height="77" x="-31.680000000000007" y="-38.5" fill-opacity="0.04"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,38.500000)">
<g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

4
packages/g6/__tests__/snapshots/behaviors/drag-element-combo/drag-node-2-after-drop-out.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="250.92000000000002" y="229" transform="matrix(1,0,0,1,250.919998,229)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="223.58689496479886"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="223.58689496479886"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,223.586899)">
<g>
@ -17,7 +17,7 @@
</g>
<g fill="none" x="200.5" y="312.5" transform="matrix(1,0,0,1,200.500000,312.500000)">
<g>
<path fill="rgba(253,253,253,1)" d="M -31.680000000000007,-38.5 l 63.360000000000014,0 l 0,77 l-63.360000000000014 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="63.360000000000014" height="77" x="-31.680000000000007" y="-38.5"/>
<path fill="rgba(153,173,209,1)" d="M -31.680000000000007,-38.5 l 63.360000000000014,0 l 0,77 l-63.360000000000014 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="63.360000000000014" height="77" x="-31.680000000000007" y="-38.5" fill-opacity="0.04"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,38.500000)">
<g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

4
packages/g6/__tests__/snapshots/behaviors/drag-element-combo/drag-node-2-before-drop-out.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="215.9200012207031" y="229" transform="matrix(1,0,0,1,215.919998,229)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="199.8406863177741"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="199.8406863177741"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,199.840683)">
<g>
@ -17,7 +17,7 @@
</g>
<g fill="none" x="250.44" y="262.5" transform="matrix(1,0,0,1,250.440002,262.500000)">
<g>
<path fill="rgba(253,253,253,1)" d="M -81.62,-88.5 l 163.24,0 l 0,177 l-163.24 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="163.24" height="177" x="-81.62" y="-88.5"/>
<path fill="rgba(153,173,209,1)" d="M -81.62,-88.5 l 163.24,0 l 0,177 l-163.24 0 z" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" width="163.24" height="177" x="-81.62" y="-88.5" fill-opacity="0.04"/>
</g>
<g fill="none" class="label" transform="matrix(1,0,0,1,0,88.500000)">
<g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

10
packages/g6/__tests__/snapshots/behaviors/drag-element/after-drag.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="210" y="160" transform="matrix(1,0,0,1,210,160)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="85.44003745317531"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="85.44003745317531"/>
</g>
</g>
</g>
@ -16,7 +16,7 @@
<path fill="none" d="M 110,100 L 184,100" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 110,100 L 184,100" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(-1,0,-0,-1,184,100)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -26,7 +26,7 @@
<path fill="none" d="M 201.64398987305358,109.86393923832144 L 217.36961620311428,204.2176972186857" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 200,110 L 200,184" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(-0.164399,-0.986394,0.986394,-0.164399,217.369614,204.217697)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -36,7 +36,7 @@
<path fill="none" d="M 100,110 L 100,184" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 100,110 L 100,184" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(0,-1,1,0,100,184)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -46,7 +46,7 @@
<path fill="none" d="M 109.86393923832144,201.64398987305358 L 204.2176972186857,217.36961620311428" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 110,200 L 184,200" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(-0.986394,-0.164399,0.164399,-0.986394,204.217697,217.369614)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.4 KiB

After

Width:  |  Height:  |  Size: 4.5 KiB

10
packages/g6/__tests__/snapshots/behaviors/drag-element/default.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="200" y="150" transform="matrix(1,0,0,1,200,150)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
</g>
</g>
</g>
@ -16,7 +16,7 @@
<path fill="none" d="M 110,100 L 184,100" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 110,100 L 184,100" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(-1,0,-0,-1,184,100)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -26,7 +26,7 @@
<path fill="none" d="M 200,110 L 200,184" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 200,110 L 200,184" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(0,-1,1,0,200,184)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -36,7 +36,7 @@
<path fill="none" d="M 100,110 L 100,184" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 100,110 L 100,184" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(0,-1,1,0,100,184)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -46,7 +46,7 @@
<path fill="none" d="M 110,200 L 184,200" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 110,200 L 184,200" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(-1,0,-0,-1,184,200)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

10
packages/g6/__tests__/snapshots/behaviors/drag-element/drag-combo-shadow-after-drag.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="270" y="220" transform="matrix(1,0,0,1,270,220)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="111.80339887498948"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="111.80339887498948"/>
</g>
</g>
</g>
@ -16,7 +16,7 @@
<path fill="none" d="M 109.61523947640823,102.74721127897378 L 224.61561683774684,135.60446195364193" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 110,100 L 184,100" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(-0.961524,-0.274721,0.274721,-0.961524,224.615616,135.604462)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -26,7 +26,7 @@
<path fill="none" d="M 243.5112344158839,149.36329177569044 L 294.38202493458573,285.01873315889526" class="key" stroke-width="1" stroke="rgba(153,173,209,1)" visibility="visible"/>
<path fill="none" d="M 200,110 L 200,184" class="key" stroke-width="3" stroke="transparent" visibility="visible"/>
<g transform="matrix(-0.351123,-0.936329,0.936329,-0.351123,294.382019,285.018738)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1" visibility="visible"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1" visibility="visible"/>
</g>
</g>
</g>
@ -36,7 +36,7 @@
<path fill="none" d="M 100,110 L 100,224" class="key" stroke-width="1" stroke="rgba(153,173,209,1)" visibility="visible"/>
<path fill="none" d="M 100,110 L 100,184" class="key" stroke-width="3" stroke="transparent" visibility="visible"/>
<g transform="matrix(0,-1,1,0,100,224)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1" visibility="visible"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1" visibility="visible"/>
</g>
</g>
</g>
@ -46,7 +46,7 @@
<path fill="none" d="M 109.57826285221151,242.87347885566345 L 284.67477943646156,295.4024338309385" class="key" stroke-width="1" stroke="rgba(153,173,209,1)" visibility="visible"/>
<path fill="none" d="M 110,200 L 184,200" class="key" stroke-width="3" stroke="transparent" visibility="visible"/>
<g transform="matrix(-0.957826,-0.287348,0.287348,-0.957826,284.674774,295.402435)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1" visibility="visible"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1" visibility="visible"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.0 KiB

After

Width:  |  Height:  |  Size: 5.1 KiB

10
packages/g6/__tests__/snapshots/behaviors/drag-element/drag-combo-shadow.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="250" y="200" transform="matrix(1,0,0,1,250,200)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="111.80339887498948"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="111.80339887498948"/>
</g>
</g>
</g>
@ -16,7 +16,7 @@
<path fill="none" d="M 109.86393923832144,101.64398987305357 L 204.2176972186857,117.36961620311429" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 110,100 L 184,100" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(-0.986394,-0.164399,0.164399,-0.986394,204.217697,117.369614)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -26,7 +26,7 @@
<path fill="none" d="M 223.5112344158839,129.36329177569044 L 274.38202493458573,265.01873315889526" class="key" stroke-width="1" stroke="rgba(153,173,209,1)" visibility="visible"/>
<path fill="none" d="M 200,110 L 200,184" class="key" stroke-width="3" stroke="transparent" visibility="visible"/>
<g transform="matrix(-0.351123,-0.936329,0.936329,-0.351123,274.382019,265.018738)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1" visibility="visible"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1" visibility="visible"/>
</g>
</g>
</g>
@ -36,7 +36,7 @@
<path fill="none" d="M 100,110 L 100,224" class="key" stroke-width="1" stroke="rgba(153,173,209,1)" visibility="visible"/>
<path fill="none" d="M 100,110 L 100,184" class="key" stroke-width="3" stroke="transparent" visibility="visible"/>
<g transform="matrix(0,-1,1,0,100,224)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1" visibility="visible"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1" visibility="visible"/>
</g>
</g>
</g>
@ -46,7 +46,7 @@
<path fill="none" d="M 109.76187060183953,242.16930457818657 L 264.38100703705675,276.5291126749015" class="key" stroke-width="1" stroke="rgba(153,173,209,1)" visibility="visible"/>
<path fill="none" d="M 110,200 L 184,200" class="key" stroke-width="3" stroke="transparent" visibility="visible"/>
<g transform="matrix(-0.976187,-0.216930,0.216930,-0.976187,264.381012,276.529114)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1" visibility="visible"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1" visibility="visible"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.0 KiB

After

Width:  |  Height:  |  Size: 5.1 KiB

10
packages/g6/__tests__/snapshots/behaviors/drag-element/drag-combo.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="250" y="200" transform="matrix(1,0,0,1,250,200)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="111.80339887498948"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="111.80339887498948"/>
</g>
</g>
</g>
@ -16,7 +16,7 @@
<path fill="none" d="M 109.86393923832144,101.64398987305357 L 204.2176972186857,117.36961620311429" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 110,100 L 184,100" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(-0.986394,-0.164399,0.164399,-0.986394,204.217697,117.369614)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -26,7 +26,7 @@
<path fill="none" d="M 223.5112344158839,129.36329177569044 L 274.38202493458573,265.01873315889526" class="key" stroke-width="1" stroke="rgba(153,173,209,1)" visibility="visible"/>
<path fill="none" d="M 200,110 L 200,184" class="key" stroke-width="3" stroke="transparent" visibility="visible"/>
<g transform="matrix(-0.351123,-0.936329,0.936329,-0.351123,274.382019,265.018738)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1" visibility="visible"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1" visibility="visible"/>
</g>
</g>
</g>
@ -36,7 +36,7 @@
<path fill="none" d="M 100,110 L 100,224" class="key" stroke-width="1" stroke="rgba(153,173,209,1)" visibility="visible"/>
<path fill="none" d="M 100,110 L 100,184" class="key" stroke-width="3" stroke="transparent" visibility="visible"/>
<g transform="matrix(0,-1,1,0,100,224)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1" visibility="visible"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1" visibility="visible"/>
</g>
</g>
</g>
@ -46,7 +46,7 @@
<path fill="none" d="M 109.76187060183953,242.16930457818657 L 264.38100703705675,276.5291126749015" class="key" stroke-width="1" stroke="rgba(153,173,209,1)" visibility="visible"/>
<path fill="none" d="M 110,200 L 184,200" class="key" stroke-width="3" stroke="transparent" visibility="visible"/>
<g transform="matrix(-0.976187,-0.216930,0.216930,-0.976187,264.381012,276.529114)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1" visibility="visible"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1" visibility="visible"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.0 KiB

After

Width:  |  Height:  |  Size: 5.1 KiB

10
packages/g6/__tests__/snapshots/behaviors/drag-element/hideEdge-both.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="220" y="170" transform="matrix(1,0,0,1,220,170)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="98.48857801796105"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="98.48857801796105"/>
</g>
</g>
</g>
@ -16,7 +16,7 @@
<path fill="none" d="M 110,100 L 184,100" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 110,100 L 184,100" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(-1,0,-0,-1,184,100)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -26,7 +26,7 @@
<path fill="none" d="M 202.7472112789738,109.61523947640823 L 235.60446195364193,224.61561683774684" class="key" stroke-width="1" stroke="rgba(153,173,209,1)" visibility="hidden"/>
<path fill="none" d="M 200,110 L 200,184" class="key" stroke-width="3" stroke="transparent" visibility="hidden"/>
<g transform="matrix(-0.274721,-0.961524,0.961524,-0.274721,235.604462,224.615616)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1" visibility="hidden"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1" visibility="hidden"/>
</g>
</g>
</g>
@ -36,7 +36,7 @@
<path fill="none" d="M 100,110 L 100,184" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 100,110 L 100,184" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(0,-1,1,0,100,184)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -46,7 +46,7 @@
<path fill="none" d="M 109.61523947640823,202.7472112789738 L 224.61561683774684,235.60446195364193" class="key" stroke-width="1" stroke="rgba(153,173,209,1)" visibility="hidden"/>
<path fill="none" d="M 110,200 L 184,200" class="key" stroke-width="3" stroke="transparent" visibility="hidden"/>
<g transform="matrix(-0.961524,-0.274721,0.274721,-0.961524,224.615616,235.604462)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1" visibility="hidden"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1" visibility="hidden"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

10
packages/g6/__tests__/snapshots/behaviors/drag-element/hideEdge-in.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="220" y="170" transform="matrix(1,0,0,1,220,170)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="98.48857801796105"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="98.48857801796105"/>
</g>
</g>
</g>
@ -16,7 +16,7 @@
<path fill="none" d="M 110,100 L 184,100" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 110,100 L 184,100" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(-1,0,-0,-1,184,100)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -26,7 +26,7 @@
<path fill="none" d="M 202.7472112789738,109.61523947640823 L 235.60446195364193,224.61561683774684" class="key" stroke-width="1" stroke="rgba(153,173,209,1)" visibility="visible"/>
<path fill="none" d="M 200,110 L 200,184" class="key" stroke-width="3" stroke="transparent" visibility="visible"/>
<g transform="matrix(-0.274721,-0.961524,0.961524,-0.274721,235.604462,224.615616)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1" visibility="visible"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1" visibility="visible"/>
</g>
</g>
</g>
@ -36,7 +36,7 @@
<path fill="none" d="M 100,110 L 100,204" class="key" stroke-width="1" stroke="rgba(153,173,209,1)" visibility="hidden"/>
<path fill="none" d="M 100,110 L 100,184" class="key" stroke-width="3" stroke="transparent" visibility="hidden"/>
<g transform="matrix(0,-1,1,0,100,204)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1" visibility="hidden"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1" visibility="hidden"/>
</g>
</g>
</g>
@ -46,7 +46,7 @@
<path fill="none" d="M 109.89949493661166,221.4142135623731 L 224.16080810142134,237.73725830020302" class="key" stroke-width="1" stroke="rgba(153,173,209,1)" visibility="visible"/>
<path fill="none" d="M 110,200 L 184,200" class="key" stroke-width="3" stroke="transparent" visibility="visible"/>
<g transform="matrix(-0.989950,-0.141421,0.141421,-0.989950,224.160812,237.737259)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1" visibility="visible"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1" visibility="visible"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

10
packages/g6/__tests__/snapshots/behaviors/drag-element/hideEdge-out.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="220" y="170" transform="matrix(1,0,0,1,220,170)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="98.48857801796105"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="98.48857801796105"/>
</g>
</g>
</g>
@ -16,7 +16,7 @@
<path fill="none" d="M 110,100 L 184,100" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 110,100 L 184,100" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(-1,0,-0,-1,184,100)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -26,7 +26,7 @@
<path fill="none" d="M 202.7472112789738,109.61523947640823 L 235.60446195364193,224.61561683774684" class="key" stroke-width="1" stroke="rgba(153,173,209,1)" visibility="visible"/>
<path fill="none" d="M 200,110 L 200,184" class="key" stroke-width="3" stroke="transparent" visibility="visible"/>
<g transform="matrix(-0.274721,-0.961524,0.961524,-0.274721,235.604462,224.615616)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1" visibility="visible"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1" visibility="visible"/>
</g>
</g>
</g>
@ -36,7 +36,7 @@
<path fill="none" d="M 100,110 L 100,224" class="key" stroke-width="1" stroke="rgba(153,173,209,1)" visibility="visible"/>
<path fill="none" d="M 100,110 L 100,184" class="key" stroke-width="3" stroke="transparent" visibility="visible"/>
<g transform="matrix(0,-1,1,0,100,224)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1" visibility="visible"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1" visibility="visible"/>
</g>
</g>
</g>
@ -46,7 +46,7 @@
<path fill="none" d="M 110,240 L 224,240" class="key" stroke-width="1" stroke="rgba(153,173,209,1)" visibility="hidden"/>
<path fill="none" d="M 110,200 L 184,200" class="key" stroke-width="3" stroke="transparent" visibility="hidden"/>
<g transform="matrix(-1,0,-0,-1,224,240)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1" visibility="hidden"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1" visibility="hidden"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

10
packages/g6/__tests__/snapshots/behaviors/drag-element/shadow-after-drag.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="230" y="180" transform="matrix(1,0,0,1,230,180)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="111.80339887498948"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="111.80339887498948"/>
</g>
</g>
</g>
@ -16,7 +16,7 @@
<path fill="none" d="M 110,100 L 184,100" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 110,100 L 184,100" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(-1,0,-0,-1,184,100)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -26,7 +26,7 @@
<path fill="none" d="M 203.5112344158839,109.36329177569044 L 254.38202493458576,245.0187331588953" class="key" stroke-width="1" stroke="rgba(153,173,209,1)" visibility="visible"/>
<path fill="none" d="M 200,110 L 200,184" class="key" stroke-width="3" stroke="transparent" visibility="visible"/>
<g transform="matrix(-0.351123,-0.936329,0.936329,-0.351123,254.382019,245.018738)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1" visibility="visible"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1" visibility="visible"/>
</g>
</g>
</g>
@ -36,7 +36,7 @@
<path fill="none" d="M 100,110 L 100,224" class="key" stroke-width="1" stroke="rgba(153,173,209,1)" visibility="visible"/>
<path fill="none" d="M 100,110 L 100,184" class="key" stroke-width="3" stroke="transparent" visibility="visible"/>
<g transform="matrix(0,-1,1,0,100,224)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1" visibility="visible"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1" visibility="visible"/>
</g>
</g>
</g>
@ -46,7 +46,7 @@
<path fill="none" d="M 109.92277876713668,241.24034734589208 L 244.12355397258133,258.01544424657266" class="key" stroke-width="1" stroke="rgba(153,173,209,1)" visibility="visible"/>
<path fill="none" d="M 110,200 L 184,200" class="key" stroke-width="3" stroke="transparent" visibility="visible"/>
<g transform="matrix(-0.992278,-0.124035,0.124035,-0.992278,244.123550,258.015442)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1" visibility="visible"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1" visibility="visible"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.8 KiB

After

Width:  |  Height:  |  Size: 4.9 KiB

10
packages/g6/__tests__/snapshots/behaviors/drag-element/shadow.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="220" y="170" transform="matrix(1,0,0,1,220,170)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="98.48857801796105"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="98.48857801796105"/>
</g>
</g>
</g>
@ -16,7 +16,7 @@
<path fill="none" d="M 110,100 L 184,100" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 110,100 L 184,100" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(-1,0,-0,-1,184,100)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -26,7 +26,7 @@
<path fill="none" d="M 202.7472112789738,109.61523947640823 L 235.60446195364193,224.61561683774684" class="key" stroke-width="1" stroke="rgba(153,173,209,1)" visibility="visible"/>
<path fill="none" d="M 200,110 L 200,184" class="key" stroke-width="3" stroke="transparent" visibility="visible"/>
<g transform="matrix(-0.274721,-0.961524,0.961524,-0.274721,235.604462,224.615616)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1" visibility="visible"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1" visibility="visible"/>
</g>
</g>
</g>
@ -36,7 +36,7 @@
<path fill="none" d="M 100,110 L 100,224" class="key" stroke-width="1" stroke="rgba(153,173,209,1)" visibility="visible"/>
<path fill="none" d="M 100,110 L 100,184" class="key" stroke-width="3" stroke="transparent" visibility="visible"/>
<g transform="matrix(0,-1,1,0,100,224)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1" visibility="visible"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1" visibility="visible"/>
</g>
</g>
</g>
@ -46,7 +46,7 @@
<path fill="none" d="M 110,240 L 224,240" class="key" stroke-width="1" stroke="rgba(153,173,209,1)" visibility="visible"/>
<path fill="none" d="M 110,200 L 184,200" class="key" stroke-width="3" stroke="transparent" visibility="visible"/>
<g transform="matrix(-1,0,-0,-1,224,240)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1" visibility="visible"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1" visibility="visible"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.7 KiB

After

Width:  |  Height:  |  Size: 4.8 KiB

10
packages/g6/__tests__/snapshots/behaviors/focus-element/default.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="200" y="150" transform="matrix(1,0,0,1,200,150)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
</g>
</g>
</g>
@ -16,7 +16,7 @@
<path fill="none" d="M 110,100 L 184,100" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 110,100 L 184,100" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(-1,0,-0,-1,184,100)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -26,7 +26,7 @@
<path fill="none" d="M 200,110 L 200,184" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 200,110 L 200,184" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(0,-1,1,0,200,184)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -36,7 +36,7 @@
<path fill="none" d="M 100,110 L 100,184" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 100,110 L 100,184" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(0,-1,1,0,100,184)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -46,7 +46,7 @@
<path fill="none" d="M 110,200 L 184,200" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 110,200 L 184,200" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(-1,0,-0,-1,184,200)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

10
packages/g6/__tests__/snapshots/behaviors/focus-element/focus-combo.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="200" y="150" transform="matrix(1,0,0,1,200,150)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
</g>
</g>
</g>
@ -16,7 +16,7 @@
<path fill="none" d="M 110,100 L 184,100" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 110,100 L 184,100" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(-1,0,-0,-1,184,100)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -26,7 +26,7 @@
<path fill="none" d="M 200,110 L 200,184" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 200,110 L 200,184" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(0,-1,1,0,200,184)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -36,7 +36,7 @@
<path fill="none" d="M 100,110 L 100,184" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 100,110 L 100,184" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(0,-1,1,0,100,184)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -46,7 +46,7 @@
<path fill="none" d="M 110,200 L 184,200" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 110,200 L 184,200" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(-1,0,-0,-1,184,200)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

10
packages/g6/__tests__/snapshots/behaviors/focus-element/focus-node-1.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="200" y="150" transform="matrix(1,0,0,1,200,150)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
</g>
</g>
</g>
@ -16,7 +16,7 @@
<path fill="none" d="M 110,100 L 184,100" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 110,100 L 184,100" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(-1,0,-0,-1,184,100)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -26,7 +26,7 @@
<path fill="none" d="M 200,110 L 200,184" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 200,110 L 200,184" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(0,-1,1,0,200,184)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -36,7 +36,7 @@
<path fill="none" d="M 100,110 L 100,184" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 100,110 L 100,184" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(0,-1,1,0,100,184)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -46,7 +46,7 @@
<path fill="none" d="M 110,200 L 184,200" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 110,200 L 184,200" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(-1,0,-0,-1,184,200)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

10
packages/g6/__tests__/snapshots/behaviors/focus-element/focus-node-2.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="200" y="150" transform="matrix(1,0,0,1,200,150)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
</g>
</g>
</g>
@ -16,7 +16,7 @@
<path fill="none" d="M 110,100 L 184,100" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 110,100 L 184,100" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(-1,0,-0,-1,184,100)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -26,7 +26,7 @@
<path fill="none" d="M 200,110 L 200,184" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 200,110 L 200,184" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(0,-1,1,0,200,184)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -36,7 +36,7 @@
<path fill="none" d="M 100,110 L 100,184" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 100,110 L 100,184" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(0,-1,1,0,100,184)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -46,7 +46,7 @@
<path fill="none" d="M 110,200 L 184,200" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 110,200 L 184,200" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(-1,0,-0,-1,184,200)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

10
packages/g6/__tests__/snapshots/behaviors/focus-element/focus-node-3.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="200" y="150" transform="matrix(1,0,0,1,200,150)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
</g>
</g>
</g>
@ -16,7 +16,7 @@
<path fill="none" d="M 110,100 L 184,100" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 110,100 L 184,100" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(-1,0,-0,-1,184,100)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -26,7 +26,7 @@
<path fill="none" d="M 200,110 L 200,184" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 200,110 L 200,184" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(0,-1,1,0,200,184)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -36,7 +36,7 @@
<path fill="none" d="M 100,110 L 100,184" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 100,110 L 100,184" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(0,-1,1,0,100,184)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -46,7 +46,7 @@
<path fill="none" d="M 110,200 L 184,200" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 110,200 L 184,200" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(-1,0,-0,-1,184,200)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

10
packages/g6/__tests__/snapshots/behaviors/focus-element/focus-node-4.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="200" y="150" transform="matrix(1,0,0,1,200,150)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="72.80109889280519"/>
</g>
</g>
</g>
@ -16,7 +16,7 @@
<path fill="none" d="M 110,100 L 184,100" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 110,100 L 184,100" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(-1,0,-0,-1,184,100)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -26,7 +26,7 @@
<path fill="none" d="M 200,110 L 200,184" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 200,110 L 200,184" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(0,-1,1,0,200,184)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -36,7 +36,7 @@
<path fill="none" d="M 100,110 L 100,184" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 100,110 L 100,184" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(0,-1,1,0,100,184)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>
@ -46,7 +46,7 @@
<path fill="none" d="M 110,200 L 184,200" class="key" stroke-width="1" stroke="rgba(153,173,209,1)"/>
<path fill="none" d="M 110,200 L 184,200" class="key" stroke-width="3" stroke="transparent"/>
<g transform="matrix(-1,0,-0,-1,184,200)">
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-width="1"/>
<path fill="rgba(153,173,209,1)" d="M -5,0 L 5,-5 L 3,0 L 5,5 Z" stroke="rgba(153,173,209,1)" width="10" height="10" stroke-dasharray="0,0" stroke-linejoin="round" stroke-width="1"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

2
packages/g6/__tests__/snapshots/behaviors/lasso-select/default.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="250.98000000000002" y="262.5" transform="matrix(1,0,0,1,250.979996,262.500000)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

2
packages/g6/__tests__/snapshots/behaviors/lasso-select/lasso-clear-1.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="250.98000000000002" y="262.5" transform="matrix(1,0,0,1,250.979996,262.500000)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

2
packages/g6/__tests__/snapshots/behaviors/lasso-select/lasso-clear-2.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="250.98000000000002" y="262.5" transform="matrix(1,0,0,1,250.979996,262.500000)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

2
packages/g6/__tests__/snapshots/behaviors/lasso-select/lasso-clear-3.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="250.98000000000002" y="262.5" transform="matrix(1,0,0,1,250.979996,262.500000)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

2
packages/g6/__tests__/snapshots/behaviors/lasso-select/lasso-clear-4.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="250.98000000000002" y="262.5" transform="matrix(1,0,0,1,250.979996,262.500000)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

2
packages/g6/__tests__/snapshots/behaviors/lasso-select/lasso-clear-5.svg
View File

@ -5,7 +5,7 @@
<g fill="none">
<g fill="none" x="250.98000000000002" y="262.5" transform="matrix(1,0,0,1,250.979996,262.500000)">
<g>
<circle fill="rgba(253,253,253,1)" class="key" stroke-dasharray="0,0" stroke-width="1" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
<circle fill="rgba(153,173,209,1)" class="key" stroke-dasharray="0,0" stroke-width="1" fill-opacity="0.04" stroke="rgba(153,173,209,1)" r="155.87903130312299"/>
</g>
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

Some files were not shown because too many files have changed in this diff Show More