test/g6
1
0
Fork 0
mirror of https://gitee.com/antv/g6.git synced 2024-11-29 18:28:19 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

fix(elements): fix element cannot translate to origin point

Browse Source
This commit is contained in:
antv 2024-09-11 16:33:04 +08:00
parent 9221e92a4e
commit 730fe3255a
2 changed files with 32 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
packages/g6/__tests__/bugs/element-set-position-to-origin.spec.ts Normal file
View File

@ -0,0 +1,30 @@
import type { ID } from '@/src';
import { createGraph } from '@@/utils';
describe('element set position to origin', () => {
it('suite 1', async () => {
const graph = createGraph({
data: {
nodes: [{ id: 'node-1' }],
},
});
await graph.draw();
// @ts-expect-error Property 'context' is protected
const getElementOf = (id: ID) => graph.context.element!.getElement(id)!;
expect(graph.getNodeData('node-1').style).toEqual({});
expect(getElementOf('node-1').style.transform).toBe('translate(0, 0)');
graph.translateElementTo('node-1', [100, 100]);
expect(graph.getNodeData('node-1').style).toEqual({ x: 100, y: 100, z: 0 });
expect(getElementOf('node-1').style.transform).toBe('translate(100, 100)');
graph.translateElementTo('node-1', [0, 0]);
expect(graph.getNodeData('node-1').style).toEqual({ x: 0, y: 0, z: 0 });
expect(getElementOf('node-1').style.transform).toBe('translate(0, 0)');
});
});

4
packages/g6/src/elements/shapes/base-shape.ts
View File

@ -124,8 +124,8 @@ export abstract class BaseShape<StyleProps extends BaseShapeStyleProps> extends
*/
protected transformPosition(attributes: Partial<StyleProps>) {
// Use `transform: translate3d()` instead of `x/y/z`
const { x = 0, y = 0, z = 0, transform } = attributes as any;
if (x !== 0 || y !== 0 || z !== 0) {
if ('x' in attributes || 'y' in attributes || 'z' in attributes) {
const { x = 0, y = 0, z = 0, transform } = attributes as any;
this.style.transform = replaceTranslateInTransform(+x, +y, +z, transform);
}
}