HarmonyOS鸿蒙Next中ArkUI自定义组件支持参数括号作用域

HarmonyOS鸿蒙Next中ArkUI自定义组件支持参数括号作用域 ArkUI 的自定义组件现在不区分外部传递的参数和本地参数，都混在一起。自定义组件随着业务的复杂变得不可维护，例如：

@Component
export struct ExerciseComponent {
  @Consume uiSheet: UiSheet
  @Consume questionModel: QuestionModel
  @Prop displayCardModel: DisPlayCardModel | nullable
  tiCourse: string = ''
  /**
   * 外部传入，第一次显示定位到index
   * 包含 chapter + question + answerCard 列表里的 index
   * */
  initIndex: number = -1
  viewIndexStore: ViewIndexStore | nullable
  timer: Timer | nullable
  @BuilderParam titleBar: (listener: MenuClickListener) => void
  @BuilderParam commitButton: () => void
  @BuilderParam timeButton: () => void
  @BuilderParam solutionDetail?: (questionId: number) => void
  /** 包含 chapter + question + answerCard 列表里的 index */
  @Link @Watch('currIndexChange') currIndex: number
  answerForbiddenListener?: AnswerForbiddenListener
  updateAnswer?: (userAnswers: UserAnswer[]) => void
  scratchStorePrefix: string = ''

  @StorageLink('windowAvoidArea') avoidArea: Margin = {
    left: 0,
    right: 0,
    top: 0,
    bottom: 0
  }
  @StorageProp('screenRatioType') screenRatio: ScreenRatioType = ScreenRatioType.LG
  @Provide isSolution: boolean = false
  filterCorrect: boolean = false
  getUniQuestion: () => UniQuestion | undefined = () => {
    return undefined
  }
  setBackPressListener: (listener: BackPressListener) => void = () => {
  }
  setDialogShowListener: (listener: DialogShowListener) => void = () => {
  }
  @State exercise: Exercise = {} as Exercise
  @State disableSwipe: boolean = false
  swiperController: SwiperController = new SwiperController()
  @State answerCardDialogShow: boolean = false
  @State answerCardHeight: number = 1
  @State answerCardDialogTranslateY: number = 0
  @State answerCardDialogHeight: number = 0
  private enterTime: number = 0 // 练习开始的时间
  @State private swiperData: ArrayDataSource<CardItem> = new ArrayDataSource()
  @Prop fillerAnswerCardUiSheet: UiSheet | null = null
  @State private scratchVisible: boolean = false
  private currScratchAreas: ScratchArea[] = []
  private scratchAreaMap: Map<number, ScratchArea[]> = new Map()
  private scratchStore: ScratchStore = new ScratchStore('scratch')
  @State touchFlag: boolean = true
  closeScratch: BackPressListener = () => {
    return
  }
  @State offsetY: number = -100
  @State currentDisplayCard: DisplayCard | nullable = null
  @State currentCardItemIsDisplay: boolean = false
  @State currQuestionId: number = 0
  @Prop questionKey: string
  @Provide uniQuestion: UniQuestion | undefined = undefined
  @State dualScreen: boolean = false
  @State newQuestionListList: NewQuestion[] = []
  @State showDualScreen: boolean = false
  @State selectNewQuestionIndex: number = 0
  @State selectNewQuestionItemIndex: number = 0
  @State dualNewArea: Area | undefined = undefined
  @State currDualScratchIndex: number = 0
  @State dualScrollerY: number = 0;
  private dualScratchAreas: ScratchArea[] = []
  private dualScratchAreaMap: Map<number, ScratchArea[]> = new Map()
  listScroller: ListScroller = new ListScroller();
  dualScroller: Scroller = new Scroller();


  build  {

  }

}

当你用别人的组件的时候，能区分要传递哪个参数吗？这太恶心了。希望改成这样：

@Component
export struct MaterialUI (@State arg1: number /* 必传，等价于加了 @Require 修复的变量*/,
arg2: string = '' /* 允许默认值*/
) {
build() {
// 可以直接使用 arg1 和 arg2
}
}

为了逐渐过度，可以请在 IDE 中提供两个开启选项。

1. 仅启用新的语法检查。开启后不写新的 UI IDE 会报错，但是编译没问题，给过度提供时间。
2. 开启编译使用新语法。编译时没有使用新方式也报错。让项目完成过度后完全开启，使用新语法。