Dialog的构建和open只能在@Component中么，如何封装一个统一逻辑的Dialog？

@CustomDialog  
export default struct CustomDialogExample {  
  @Link textValue: string  
  @Link inputValue: string  
  controller: CustomDialogController  
  // 若尝试在CustomDialog中传入多个其他的Controller，以实现在CustomDialog中打开另一个或另一些CustomDialog，那么此处需要将指向自己的controller放在最后  
  cancel: () => void  
  confirm: () => void  
  
  build() {  
    Column() {  
      Text('Change text').fontSize(20).margin({ top: 10, bottom: 10 })  
      TextInput({ placeholder: '', text: this.textValue }).height(60).width('90%')  
        .onChange((value: string) => {  
          this.textValue = value  
        })  
      Text('Whether to change a text?').fontSize(16).margin({ bottom: 10 })  
      Flex({ justifyContent: FlexAlign.SpaceAround }) {  
        Button('cancel')  
          .onClick(() => {  
            this.controller.close()  
            this.cancel()  
          }).backgroundColor(0xffffff).fontColor(Color.Black)  
        Button('confirm')  
          .onClick(() => {  
            this.inputValue = this.textValue  
            this.controller.close()  
            this.confirm()  
          }).backgroundColor(0xffffff).fontColor(Color.Red)  
      }.margin({ bottom: 10 })  
    }  
    // dialog默认的borderRadius为24vp，如果需要使用border属性，请和borderRadius属性一起使用  
  }  
}

import CustomDialogExample from './CustomDialogExample';  
  
@Entry  
@Component  
struct CustomDialogUser {  
  @State textValue: string = ''  
  @State inputValue: string = 'click me'  
  dialogController: CustomDialogController = new CustomDialogController({  
    builder: CustomDialogExample({  
      cancel: this.onCancel,  
      confirm: this.onAccept,  
      textValue: $textValue,  
      inputValue: $inputValue  
    }),  
    cancel: this.existApp,  
    autoCancel: true,  
    alignment: DialogAlignment.Default,  
    offset: { dx: 0, dy: -20 },  
    gridCount: 4,  
    customStyle: false  
  })  
  
  // 在自定义组件即将析构销毁时将dialogControlle删除和置空  
  aboutToDisappear() {  
    delete this.dialogController, // 删除dialogController  
    this.dialogController = undefined // 将dialogController置空  
  }  
  
  onCancel() {  
    console.info('Callback when the first button is clicked')  
  }  
  
  onAccept() {  
    console.info('Callback when the second button is clicked')  
  }  
  
  existApp() {  
    console.info('Click the callback in the blank area')  
  }  
  
  build() {  
    Column() {  
      Button(this.inputValue)  
        .onClick(() => {  
          if (this.dialogController != undefined) {  
            this.dialogController.open()  
          }  
        }).backgroundColor(0x317aff)  
    }.width('100%').margin({ top: 5 })  
  }  
}