bpmn 如何更新shape对象中的 di 中的bounds中的width和 height

在BPMN中，每个节点对应的图形都包含一个`di`对象，它用于描述节点在流程图中的位置和尺寸。`di`对象包含一个`bounds`属性，它包含了节点在流程图中的坐标和尺寸信息。如果你要更新节点的宽度和高度，需要直接更新`bounds`对象中的`width`和`height`属性。

以下是一个示例代码，演示如何更新节点的`di`对象中的`bounds`属性：

// 获取节点
var shape = elementRegistry.get('Node_1');

// 获取节点的di对象
var di = shape.businessObject.di;

// 获取bounds对象
var bounds = di.bounds;

// 更新bounds对象的width和height属性
bounds.width = 100;
bounds.height = 50;

// 更新节点的di对象
modeling.updateProperties(shape, {
  businessObject: {
    di: di
  }
});

请注意，在更新节点的`di`对象时，需要将整个`di`对象传递给`modeling.updateProperties()`方法，而不仅仅是`bounds`对象。这是因为`di`对象包含了很多其他与节点位置和尺寸相关的属性，如果你只更新了`bounds`对象，可能会导致其他属性丢失或不一致。

另外，如果你只是想更新节点的宽度和高度，也可以使用BPMN.js提供的`resizeShape()`方法来实现。以下是一个示例代码，演示如何使用`resizeShape()`方法来更新节点的宽度和高度：

// 获取节点
var shape = elementRegistry.get('Node_1');

// 获取节点的位置和尺寸信息
var bounds = shape.bounds;

// 更新节点的宽度和高度
var newBounds = {
  x: bounds.x,
  y: bounds.y,
  width: 100,
  height: 50
};

// 调用resizeShape()方法更新节点的宽度和高度
modeling.resizeShape(shape, newBounds);

这个方法会自动更新节点的`di`对象，并将更改应用于图形。请注意，如果你只更新了节点的宽度和高度，`resizeShape()`方法不会影响其他与节点位置相关的属性。