Method commitTranslation

src/editor/interactions/drag-element.ts:205–261

(dx: number, dy: number)

  }

  private commitTranslation(dx: number, dy: number) {
    if (Math.abs(dx) < 1e-6 && Math.abs(dy) < 1e-6) return;

    const commands = this.dragItems.map((item) => {
      if (item.mode === 'attr') {
        const x = item.startX + dx;
        const y = item.startY + dy;
        const modifiedAttrs: Record<string, any> = { x, y };
        const originalAttrs: Record<string, any> = {};

        if (item.hasX) {
          originalAttrs.x = item.startX;
        } else {
          originalAttrs.x = null;
        }

        if (item.hasY) {
          originalAttrs.y = item.startY;
        } else {
          originalAttrs.y = null;
        }

        if (item.hasDataX) {
          modifiedAttrs['data-x'] = x;
          originalAttrs['data-x'] = item.startX;
        }

        if (item.hasDataY) {
          modifiedAttrs['data-y'] = y;
          originalAttrs['data-y'] = item.startY;
        }

        return new UpdateElementCommand(
          item.element,
          { attributes: modifiedAttrs },
          { attributes: originalAttrs },
        );
      }

      const transform = this.composeTransform(
        item.startX + dx,
        item.startY + dy,
        item.restTransform,
      );
      const originalTransform =
        item.originalTransform !== undefined ? item.originalTransform : null;
      return new UpdateElementCommand(
        item.element,
        { attributes: { transform } },
        { attributes: { transform: originalTransform } },
      );
    });

    if (commands.length) {
      this.commander.executeBatch(commands);
    }
  }