在JointJs中，如何通过拖动嵌入的元素来移动所有元素？

// 创建画布
var paper = new joint.dia.Paper({
  el: $('#paper'),
  width: 800,
  height: 600,
  model: graph
});

// 创建嵌入式组
var embeddedGroup = new joint.shapes.standard.EmbeddedGroup({
  position: { x: 100, y: 100 },
  size: { width: 200, height: 200 }
});

// 创建需要移动的元素
var rect1 = new joint.shapes.standard.Rectangle({
  position: { x: 120, y: 120 },
  size: { width: 80, height: 40 },
  attrs: { body: { fill: 'blue' } }
});

var rect2 = new joint.shapes.standard.Rectangle({
  position: { x: 160, y: 160 },
  size: { width: 80, height: 40 },
  attrs: { body: { fill: 'red' } }
});

// 将需要移动的元素嵌入到嵌入式组中
embeddedGroup.embed(rect1);
embeddedGroup.embed(rect2);

// 将嵌入式组添加到画布上
graph.addCell(embeddedGroup);

// 监听嵌入式组的拖动事件
embeddedGroup.on('change:position', function(element, newPosition) {
  var offsetX = newPosition.x - element.previous('position').x;
  var offsetY = newPosition.y - element.previous('position').y;

  // 移动嵌入的元素
  rect1.position(rect1.position().x + offsetX, rect1.position().y + offsetY);
  rect2.position(rect2.position().x + offsetX, rect2.position().y + offsetY);

  // 重绘画布
  paper.render();
});