自定义弹窗的控制器（CustomDialogController）如何封装在普通class中

@CustomDialog 
export struct CustomDialogLayout { 
controller?: CustomDialogController 
 
build() { 
Column() { 
Text('Global Custom Dialog Test') 
} 
.justifyContent(FlexAlign.Center) 
.alignItems(HorizontalAlign.Center) 
.height(400) 
} 
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.

import { CustomDialogLayout } from './CustomDialogLayout' 
dialogController: CustomDialogController | null = new CustomDialogController({ 
builder: CustomDialogLayout({ 
}), 
cancel: this.onCancel, 
autoCancel: true, 
alignment: DialogAlignment.Center, 
})
1.
2.
3.
4.
5.
6.
7.
8.

AppStorage.setOrCreate('showGlobalCustomDialog', false)
1.

@StorageLink('showGlobalCustomDialog') @Watch('globalCustomDialogStateChange') showGlobalCustomDialog: boolean = false 
 
globalCustomDialogStateChange() { 
if (this.showGlobalCustomDialog) { 
if (this.dialogController != null) { 
this.dialogController.open() 
AppStorage.setOrCreate('showGlobalCustomDialog', false) 
} 
} 
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.

AppStorage.setOrCreate('showGlobalCustomDialog', true)
1.