HarmonyOS 鸿蒙Next TextPickerDialog组件的三级联动

@Entry
@Component
struct TextPickerDialogDemo1 {

  @State provinceList: Province[] = [
    {
      “pcode”:1,
      “pname”:“湖南”,
      “citys”: [
        {
          “ccode”:11,
          “cname”:“长沙”,
          “areas”: [
            {“acode”: 111, “aname”: “望城区” },
            {“acode”: 111, “aname”: “岳麓区” },
            {“acode”: 111, “aname”: “天心区” }
          ]
        },
        {
          “ccode”:12,
          “cname”:“湘潭”,
          “areas”: [
            {“acode”: 111, “aname”: “望城区” },
            {“acode”: 111, “aname”: “岳麓区” },
            {“acode”: 111, “aname”: “天心区” }
          ]
        },
        {
          “ccode”:13,
          “cname”:“株洲”,
          “areas”: [
            {“acode”: 111, “aname”: “望城区” },
            {“acode”: 111, “aname”: “岳麓区” },
            {“acode”: 111, “aname”: “天心区” }
          ]
        }
      ]
    },
    {
      “pcode”:2,
      “pname”:“湖北”,
      “citys”: [
        {
          “ccode”:21,
          “cname”:“武汉”,
          “areas”: [
            {“acode”: 111, “aname”: “望城区” },
            {“acode”: 111, “aname”: “岳麓区” },
            {“acode”: 111, “aname”: “天心区” }
          ]
        },
        {
          “ccode”:22,
          “cname”:“荆州”,
          “areas”: [
            {“acode”: 111, “aname”: “望城区” },
            {“acode”: 111, “aname”: “岳麓区” },
            {“acode”: 111, “aname”: “天心区” }
          ]
        }
      ]
    },
    {
      “pcode”:3,
      “pname”:“江西”,
      “citys”: [
        {
          “ccode”:31,
          “cname”:“萍乡”,
          “areas”: [
            {“acode”: 111, “aname”: “望城区” },
            {“acode”: 111, “aname”: “岳麓区” },
            {“acode”: 111, “aname”: “天心区” }
          ]
        },
        {
          “ccode”:32,
          “cname”:“武功山”,
          “areas”: [
            {“acode”: 111, “aname”: “望城区” },
            {“acode”: 111, “aname”: “岳麓区” },
            {“acode”: 111, “aname”: “天心区” }
          ]
        },
        {
          “ccode”:33,
          “cname”:“南昌”,
          “areas”: [
            {“acode”: 111, “aname”: “望城区” },
            {“acode”: 111, “aname”: “岳麓区” },
            {“acode”: 111, “aname”: “天心区” }
          ]
        }
      ]
    }
  ]

  @State selectedProvince: number | number[] = 0;

  @State provinceStringList: string[] = [];

  @State cityStringList: string[] = [];

  @State selectedAddress: string = ‘’;

  onPageShow(): void {
    for (let i = 0; i < this.provinceList.length; i++) {
      this.provinceStringList.push(this.provinceList[i].pname);
    }
  }

  build() {
    Row() {
      Column() {
        TextInput({placeholder: “请选择收货地址”,text: this.selectedAddress})
        Button(“TextPickerDialog:”)
          .margin(20)
          .onClick(() => {
            TextPickerDialog.show({
              range: this.provinceStringList,
              selected: this.selectedProvince,
              canLoop: false,
              disappearTextStyle: {color: Color.Red, font: {size: 15, weight: FontWeight.Lighter}},
              textStyle: {color: Color.Black, font: {size: 20, weight: FontWeight.Normal}},
              selectedTextStyle: {color: Color.Blue, font: {size: 30, weight: FontWeight.Bolder}},
              onAccept: (value: TextPickerResult) => {
                // 设置select为按下确定按钮时候的选中项index，这样当弹窗再次弹出时显示选中的是上一次确定的选项
                this.selectedProvince = value.index
                this.selectedAddress = value.value as string;
                let cityList: City[] = this.provinceList[value.index as number].citys;
                this.cityStringList.splice(0,this.cityStringList.length)
                for(let i = 0; i < cityList.length; i++) {
                  this.cityStringList.push(cityList[i].cname);
                }
                console.log(“this.selectedProvince的值为:”,this.selectedProvince)
                TextPickerDialog.show({
                  range: this.cityStringList,
                  selected: this.selectedProvince,
                  canLoop: false,
                  disappearTextStyle: {color: Color.Red, font: {size: 15, weight: FontWeight.Lighter}},
                  textStyle: {color: Color.Black, font: {size: 20, weight: FontWeight.Normal}},
                  selectedTextStyle: {color: Color.Blue, font: {size: 30, weight: FontWeight.Bolder}},
                  onAccept: (value: TextPickerResult) => {
                    this.selectedAddress += “/”+value.value as string;
                  }
                })
              },
              onCancel: () => {
                // console.info(“TextPickerDialog:onCancel()”)
              },
              onChange: (value: TextPickerResult) => {
                // console.info(“TextPickerDialog:onChange()” + JSON.stringify(value))
              }
            })
          })

      }.width(‘100%’)
    }.height(‘100%’)
  }
}

class Province {
  pcode: number = 0
  pname: string = ‘’
  citys: City[] = []
}

class City {
  ccode: number = 0
  cname: string = ‘’
  areas: Area[] = []
}

class Area {
  acode: number = 0
  aname: string = ‘’
}

这个代码会报这个错误：
Type ‘{ acode: number; aname: string; }’ is missing the following properties from type ‘Area’: width, height, position, globalPosition