@Builder function GlobalBuilder0() {}
 
 @Component
 struct Child {
   @Builder doNothingBuilder() {};
   // 这里 void 后面跟着类似赋值操作 官方没有给出合理的解释
   @BuilderParam aBuilder0: () => void = this.doNothingBuilder;
   @BuilderParam aBuilder1: () => void = GlobalBuilder0;
   build(){}
 }

// 乖儿
 @Component
 struct Son {
   @BuilderParam bp0: () => void;
 
   build() {
     Column() {
       // 直接调用使用
       this.bp0()
    }
  }
 }
 
 // 父亲组件
 @Entry
 @Component
 struct Father {
   @Builder componentBuilder() {
     Text(`我这里是父类里面的组件`)
  }
 
   build() {
     Column() {
       Son({bp0: this.componentBuilder})
    }
  }
 }

// 定义一个全局的自定义构建函数接受引用参数传递 label 为字符串
@Builder function GlobalBuilderTextByLabel($$ : {label: string }) {
  Text($$.label)
    .width("100%")
    .height(50)
    .backgroundColor(Color.Pink)
}

@Component
struct Child {
  label: string = '子组件'
  // 无参数类，指向的componentBuilder也是无参数类型
  @BuilderParam aBuilder0: () => void;
  // 有参数类型，指向的GlobalBuilderTextByLabel也是有参数类型的方法
  @BuilderParam aBuilder1: ($$ : { label : string}) => void;

  build() {
    Column() {
      // 子组件的label this 引用
      this.aBuilder0()
      this.aBuilder1({label: `我在子组件里面调用`} )
    }
  }
}

@Entry
@Component
struct Parent {
  label: string = '我是父亲元素'

  @Builder componentBuilder() {
    Text(`${this.label}`).fontSize(30)
  }

  build() {
    Column() {
      /**
       * 参数一: 无参数传递直接使用 @Builder 当中的组件
       * 参数二: 引用全局自定义函数
       */
      Child({ aBuilder0: this.componentBuilder, aBuilder1: GlobalBuilderTextByLabel })
    }
  }
}

@Component
struct SonCustomContainer {
    @Prop header: string;
    @BuilderParam closer: () => void

    build() {
        Column() {
            Text(this.header)
            .fontSize(30)

            // 这里是父组件 传递过来的
            this.closer()
        }
    }
}

// 全局自定义
@Builder function GlobalSpecificParam(label1: string, label2: string) {
    Column() {
        Text(label1)
        .fontSize(30)
        Text(label2)
        .fontSize(30)
    }
}

@Entry
@Component
struct CustomContainerUser {
    @State text: string = 'header';

    build() {
        Column() {
            // 创建SonCustomContainer，在创建SonCustomContainer时，通过其后紧跟一个大括号“{}”形成尾随闭包
            // 作为传递给子组件SonCustomContainer @BuilderParam closer: () => void的参数
            SonCustomContainer({ header: this.text }) {
                Column() {
                    // 特殊参数
                    GlobalSpecificParam('参数1111', '参数2222')
                }.backgroundColor(Color.Yellow)
                .onClick(() => {
                    this.text = '点击了';
                })
            }
        }
    }
}