// FactoryComponent.ets
@Builder function Radio1() {Column() {Text('單選組件：')Row() {Radio({ value: '1', group: 'radioGroup' })Text('選項1')}Row() {Radio({ value: '2', group: 'radioGroup' })Text('選項2')}}.margin(10)
}@Builder function Checkbox1() {Column() {Text('多選組件：')Row() {CheckboxGroup({ group: 'checkboxGroup' })Text('全 選')}Row() {Checkbox({ name: '1', group: 'checkboxGroup' })Text('選項1')}Row() {Checkbox({ name: '2', group: 'checkboxGroup' })Text('選項2')}}.margin(10)
}let factoryMap: Map<string, object> = new Map()
factoryMap.set('Radio', wrapBuilder(Radio1))
factoryMap.set('Checkbox', wrapBuilder(Checkbox1))export { factoryMap }// 頁面
import { factoryMap } from './compoents/FactoryComponent'let myRadio: WrappedBuilder<[]> = factoryMap.get('Radio') as WrappedBuilder<[]>
let myCheckbox: WrappedBuilder<[]> = factoryMap.get('Checkbox') as WrappedBuilder<[]>// wrapBuilder - 組件工廠類封裝
@Entry
@Component
struct Index8_1 {build() {Column() {myRadio.builder()myCheckbox.builder()}}
}