HarmonyOS 鸿蒙Next TextInput 如何密码模式与文本模式切换，文本模式如何限制不允许输入中文，或者是用密码模式如何将密码icon自定义到左侧

@Component  
struct PasswordInput {  
  @State user_password: string = ''  
  @State isShowMingwen: boolean = false  
  @State passwordVisible: boolean = false  

  // 正则过滤：只允许英文、数字和特殊字符  
  private passwordRegex = /^[a-zA-Z0-9!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]*$/  

  build() {  
    Row() {  
      TextInput({   
        text: this.user_password,   
        placeholder: '请输入新密码',   
      })  
      .height(screenUtils.dp2px(40))  
      .width(screenUtils.dp2px(210))  
      .backgroundColor($r('app.color.background'))  
      .placeholderColor($r('app.color.color_nine'))  
      .showPasswordIcon(false)  
      .maxLength(20)  
      .type(this.isShowMingwen ? InputType.Normal : InputType.Password)  
      .onChange(value => {  
        // 过滤中文输入  
        if (this.isShowMingwen) {  
          // 使用正则过滤中文  
          const filteredValue = value.replace(/[\u4e00-\u9fa5]/g, '')  
          if (filteredValue !== value) {  
            this.user_password = filteredValue  
          }  
        }  
        this.user_password = value  
      })  

      // 自定义密码可见性切换按钮  
      Image(this.passwordVisible ? $r('app.media.icon_password_visible') : $r('app.media.icon_password_invisible'))  
        .width(screenUtils.dp2px(20))  
        .height(screenUtils.dp2px(20))  
        .margin({ left: screenUtils.dp2px(10) })  
        .onClick(() => {  
          this.passwordVisible = !this.passwordVisible  
          this.isShowMingwen = this.passwordVisible  
        })  
    }  
    .alignItems(VerticalAlign.Center)  
  }  
}  

@Component  
struct PasswordInputAdvanced {  
  @State user_password: string = ''  
  @State isShowMingwen: boolean = false  
  @State passwordVisible: boolean = false  

  // 密码强度校验  
  private checkPasswordStrength(password: string): boolean {  
    // 至少8位，包含大小写字母、数字和特殊字符  
    const strongRegex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]).{8,}$/  
    return strongRegex.test(password)  
  }  

  build() {  
    Column() {  
      Row() {  
        TextInput({   
          text: this.user_password,   
          placeholder: '请输入新密码',   
        })  
        .height(screenUtils.dp2px(40))  
        .width(screenUtils.dp2px(210))  
        .backgroundColor($r('app.color.background'))  
        .placeholderColor($r('app.color.color_nine'))  
        .showPasswordIcon(false)  
        .maxLength(20)  
        .type(this.isShowMingwen ? InputType.Normal : InputType.Password)  
        .onChange(value => {  
          // 过滤中文输入  
          if (this.isShowMingwen) {  
            const filteredValue = value.replace(/[\u4e00-\u9fa5]/g, '')  
            if (filteredValue !== value) {  
              this.user_password = filteredValue  
            }  
          }  
          this.user_password = value  
        })  

        // 自定义密码可见性切换按钮  
        Image(this.passwordVisible ? $r('app.media.icon_password_visible') : $r('app.media.icon_password_invisible'))  
          .width(screenUtils.dp2px(20))  
          .height(screenUtils.dp2px(20))  
          .margin({ left: screenUtils.dp2px(10) })  
          .onClick(() => {  
            this.passwordVisible = !this.passwordVisible  
            this.isShowMingwen = this.passwordVisible  
          })  
      }  
      .alignItems(VerticalAlign.Center)  

      // 密码强度提示  
      if (this.user_password.length > 0) {  
        Text(this.checkPasswordStrength(this.user_password) ? '密码强度：强' : '密码强度：弱')  
          .fontSize(screenUtils.fp2px(12))  
          .color(this.checkPasswordStrength(this.user_password) ? Color.Green : Color.Red)  
      }  
    }  
  }  
}