如何在内容宽度扩展时以编程方式使PrimeNG对话框重新居中

<p-dialog responsive [appendTo]="'body'" (onShow)="centerDialog()">
  <!-- 对话框内容 -->
</p-dialog>

import { Component, ViewChild } from '@angular/core';
import { Dialog } from 'primeng/dialog';

@Component({
  // 组件配置
})
export class MyComponent {
  @ViewChild(Dialog) dialog: Dialog;

  centerDialog() {
    // 计算居中位置
    const dialogElement = this.dialog.containerViewChild.nativeElement;
    const windowWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
    const dialogWidth = dialogElement.offsetWidth;
    const leftOffset = (windowWidth - dialogWidth) / 2;
    
    // 设置居中位置
    dialogElement.style.left = leftOffset + 'px';
  }
}