npm - @rolatech/angular-account - Versions diffs - 17.2.1 → 17.2.3 - Mend

@rolatech/angular-account 17.2.1 → 17.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (56) hide show

package/fesm2022/{rolatech-angular-account-phone.component-DaSRdJam.mjs.map → rolatech-angular-account-phone.component-r9dWPfEL.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"rolatech-angular-account-phone.component-~~DaSRdJam~~.mjs","sources":["../../../../libs/angular-account/src/lib/pages/myaccount/phone/phone.component.ts","../../../../libs/angular-account/src/lib/pages/myaccount/phone/phone.component.html"],"sourcesContent":["import { Component, OnInit, inject } from '@angular/core';\nimport { AuthUserService } from '@rolatech/angular-auth';\nimport { AngularCommonModule } from '@rolatech/angular-common';\nimport { AngularComponentsModule, BaseComponent } from '@rolatech/angular-components';\nimport { BackButtonDirective } from '@rolatech/angular-services';\nimport { Observable } from 'rxjs';\n\n@Component({\n standalone: true,\n imports: [AngularCommonModule, AngularComponentsModule, BackButtonDirective],\n selector: 'rolatech-account-phone',\n templateUrl: './phone.component.html',\n styleUrls: ['./phone.component.scss'],\n})\nexport class PhoneComponent extends BaseComponent implements OnInit {\n authUserService = inject(AuthUserService);\n user$!: Observable<any>;\n phone = '';\n code = '';\n countDown = false;\n countDownTime = 60;\n showButtonText = '发送验证码';\n\n ngOnInit(): void {\n this.authUserService.me().subscribe({\n next: (res) => {\n this.phone = res.phone;\n },\n });\n }\n\n sendSMSCode() {\n this.countDown = true;\n const start = setInterval(() => {\n if (this.countDownTime >= 0) {\n this.showButtonText = `${this.countDownTime--}秒重发`;\n } else {\n clearInterval(start);\n this.showButtonText = '重新发送';\n this.countDown = false;\n this.countDownTime = 60;\n }\n }, 1000);\n\n this.authUserService.sendSMSCode('+86', this.phone).subscribe({\n next: (res) => {\n this.snackBarService.open('发送成功');\n },\n error: (error) => {\n this.snackBarService.open(error.message);\n },\n });\n }\n save() {\n this.authUserService.changePhone(this.phone, this.code).subscribe({\n next: (res) => {\n this.snackBarService.open('修改成功');\n },\n error: (error) => {\n this.snackBarService.open(error.message);\n },\n });\n }\n}\n","<div>\n <div class=\"px-3 max-w-[1120px] m-auto\">\n <div class=\"flex items-center\">\n <div class=\"flex items-center justify-center w-11 h-11 cursor-pointer\" rolatechBackButton>\n <mat-icon>arrow_back</mat-icon>\n </div>\n <span class=\"text-xl font-medium\">修改手机号</span>\n </div>\n </div>\n <div class=\"px-4\">\n <mat-divider></mat-divider>\n </div>\n\n <div class=\"max-w-[1120px] m-auto px-6\">\n <p class=\"text-md my-3\">手机号是您在本站的唯一标识, 更改后将同时更改第三方绑定的手机号</p>\n <div class=\"flex flex-col mt-3\">\n <mat-form-field appearance=\"fill\">\n <mat-label> 手机号 </mat-label>\n <input matInput [(ngModel)]=\"phone\" required />\n </mat-form-field>\n <div class=\"flex justify-between items-start gap-3\">\n <mat-form-field appearance=\"fill\">\n <mat-label> 验证码 </mat-label>\n <input matInput [(ngModel)]=\"code\" required />\n </mat-form-field>\n <button\n (click)=\"sendSMSCode()\"\n [disabled]=\"countDown\"\n [ngClass]=\"countDown ? 'bg-orange-300' : 'bg-orange-600 shadow shadow-gray-300 cursor-pointer'\"\n class=\"w-[128px] p-2 mt-2 text-white rounded text-center\"\n >\n <span class=\"text-sm\">{{ showButtonText }}</span>\n </button>\n </div>\n </div>\n\n <div class=\"flex justify-end items-center mt-3\">\n <button mat-button rolatechBackButton>取消</button>\n <button\n class=\"bg-orange-600 shadow shadow-gray-300 cursor-pointer w-[128px] p-2 text-white rounded text-center ml-3\"\n (click)=\"save()\"\n >\n 保存\n </button>\n </div>\n </div>\n</div>\n"],"names":["i2"],"mappings":"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"}
1	+ {"version":3,"file":"rolatech-angular-account-phone.component-r9dWPfEL.mjs","sources":["../../../../libs/angular-account/src/lib/pages/myaccount/phone/phone.component.ts","../../../../libs/angular-account/src/lib/pages/myaccount/phone/phone.component.html"],"sourcesContent":["import { Component, OnInit, inject } from '@angular/core';\nimport { AuthUserService } from '@rolatech/angular-auth';\nimport { AngularCommonModule } from '@rolatech/angular-common';\nimport { AngularComponentsModule, BaseComponent } from '@rolatech/angular-components';\nimport { BackButtonDirective } from '@rolatech/angular-services';\nimport { Observable } from 'rxjs';\n\n@Component({\n standalone: true,\n imports: [AngularCommonModule, AngularComponentsModule, BackButtonDirective],\n selector: 'rolatech-account-phone',\n templateUrl: './phone.component.html',\n styleUrls: ['./phone.component.scss'],\n})\nexport class PhoneComponent extends BaseComponent implements OnInit {\n authUserService = inject(AuthUserService);\n user$!: Observable<any>;\n phone = '';\n code = '';\n countDown = false;\n countDownTime = 60;\n showButtonText = '发送验证码';\n\n ngOnInit(): void {\n this.authUserService.me().subscribe({\n next: (res) => {\n this.phone = res.phone;\n },\n });\n }\n\n sendSMSCode() {\n this.countDown = true;\n const start = setInterval(() => {\n if (this.countDownTime >= 0) {\n this.showButtonText = `${this.countDownTime--}秒重发`;\n } else {\n clearInterval(start);\n this.showButtonText = '重新发送';\n this.countDown = false;\n this.countDownTime = 60;\n }\n }, 1000);\n\n this.authUserService.sendSMSCode('+86', this.phone).subscribe({\n next: (res) => {\n this.snackBarService.open('发送成功');\n },\n error: (error) => {\n this.snackBarService.open(error.message);\n },\n });\n }\n save() {\n this.authUserService.changePhone(this.phone, this.code).subscribe({\n next: (res) => {\n this.snackBarService.open('修改成功');\n },\n error: (error) => {\n this.snackBarService.open(error.message);\n },\n });\n }\n}\n","<div>\n <div class=\"px-3 max-w-[1120px] m-auto\">\n <div class=\"flex items-center\">\n <div class=\"flex items-center justify-center w-11 h-11 cursor-pointer\" rolatechBackButton>\n <mat-icon>arrow_back</mat-icon>\n </div>\n <span class=\"text-xl font-medium\">修改手机号</span>\n </div>\n </div>\n <div class=\"px-4\">\n <mat-divider></mat-divider>\n </div>\n\n <div class=\"max-w-[1120px] m-auto px-6\">\n <p class=\"text-md my-3\">手机号是您在本站的唯一标识, 更改后将同时更改第三方绑定的手机号</p>\n <div class=\"flex flex-col mt-3\">\n <mat-form-field appearance=\"fill\">\n <mat-label> 手机号 </mat-label>\n <input matInput [(ngModel)]=\"phone\" required />\n </mat-form-field>\n <div class=\"flex justify-between items-start gap-3\">\n <mat-form-field appearance=\"fill\">\n <mat-label> 验证码 </mat-label>\n <input matInput [(ngModel)]=\"code\" required />\n </mat-form-field>\n <button\n (click)=\"sendSMSCode()\"\n [disabled]=\"countDown\"\n [ngClass]=\"countDown ? 'bg-orange-300' : 'bg-orange-600 shadow shadow-gray-300 cursor-pointer'\"\n class=\"w-[128px] p-2 mt-2 text-white rounded text-center\"\n >\n <span class=\"text-sm\">{{ showButtonText }}</span>\n </button>\n </div>\n </div>\n\n <div class=\"flex justify-end items-center mt-3\">\n <button mat-button rolatechBackButton>取消</button>\n <button\n class=\"bg-orange-600 shadow shadow-gray-300 cursor-pointer w-[128px] p-2 text-white rounded text-center ml-3\"\n (click)=\"save()\"\n >\n 保存\n </button>\n </div>\n </div>\n</div>\n"],"names":["i2"],"mappings":"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"}

package/fesm2022/{rolatech-angular-account-profile.component-B_bSqz0X.mjs → rolatech-angular-account-profile.component-CJfmQ3Ba.mjs} RENAMED Viewed

@@ -32,13 +32,13 @@ class ProfileComponent extends BaseComponent {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ProfileComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: ProfileComponent, isStandalone: true, selector: "rolatech-account-profile", usesInheritance: true, ngImport: i0, template: "<div class=\"max-w-[1120px] m-auto\">\n  <div class=\"max-w-[820px] p-4\">\n    <div class=\"flex flex-col justify-center items-center p-3 mb-12\">\n      <p class=\"text-3xl\">\u4FEE\u6539\u59D3\u540D</p>\n      <p class=\"text-md\">\u7528\u6237\u540D\u662F\u60A8\u5728\u672C\u7AD9\u7684\u7B80\u79F0, \u53EF\u4EE5\u662F\u771F\u5B9E\u59D3\u540D, \u4E5F\u53EF\u4EE5\u662F\u6635\u79F0</p>\n    </div>\n    <div class=\"flex flex-col\">\n      <mat-form-field appearance=\"fill\">\n        <input matInput [(ngModel)]=\"name\" />\n      </mat-form-field>\n    </div>\n    <div class=\"flex justify-end items-center mt-3\">\n      <button mat-button rolatechBackButton>\u53D6\u6D88</button>\n      <button\n        class=\"bg-orange-600 shadow shadow-gray-300 cursor-pointer w-20 p-2 text-white rounded text-center ml-3\"\n        (click)=\"save()\"\n      >\n        \u4FDD\u5B58\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AngularComponentsModule }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: BackButtonDirective, selector: "[rolatechBackButton]" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ProfileComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: ProfileComponent, isStandalone: true, selector: "rolatech-account-profile", usesInheritance: true, ngImport: i0, template: "<div class=\"max-w-[1120px] m-auto\">\n  <div class=\"max-w-[820px] p-4\">\n    <div class=\"flex flex-col justify-center items-center p-3 mb-12\">\n      <p class=\"text-3xl\">\u4FEE\u6539\u59D3\u540D</p>\n      <p class=\"text-md\">\u7528\u6237\u540D\u662F\u60A8\u5728\u672C\u7AD9\u7684\u7B80\u79F0, \u53EF\u4EE5\u662F\u771F\u5B9E\u59D3\u540D, \u4E5F\u53EF\u4EE5\u662F\u6635\u79F0</p>\n    </div>\n    <div class=\"flex flex-col\">\n      <mat-form-field appearance=\"fill\">\n        <input matInput [(ngModel)]=\"name\" />\n      </mat-form-field>\n    </div>\n    <div class=\"flex justify-end items-center mt-3\">\n      <button mat-button rolatechBackButton>\u53D6\u6D88</button>\n      <button\n        class=\"bg-orange-600 shadow shadow-gray-300 cursor-pointer w-20 p-2 text-white rounded text-center ml-3\"\n        (click)=\"save()\"\n      >\n        \u4FDD\u5B58\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AngularComponentsModule }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: BackButtonDirective, selector: "[rolatechBackButton]" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ProfileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ProfileComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [AngularCommonModule, AngularComponentsModule, BackButtonDirective], selector: 'rolatech-account-profile', template: "<div class=\"max-w-[1120px] m-auto\">\n  <div class=\"max-w-[820px] p-4\">\n    <div class=\"flex flex-col justify-center items-center p-3 mb-12\">\n      <p class=\"text-3xl\">\u4FEE\u6539\u59D3\u540D</p>\n      <p class=\"text-md\">\u7528\u6237\u540D\u662F\u60A8\u5728\u672C\u7AD9\u7684\u7B80\u79F0, \u53EF\u4EE5\u662F\u771F\u5B9E\u59D3\u540D, \u4E5F\u53EF\u4EE5\u662F\u6635\u79F0</p>\n    </div>\n    <div class=\"flex flex-col\">\n      <mat-form-field appearance=\"fill\">\n        <input matInput [(ngModel)]=\"name\" />\n      </mat-form-field>\n    </div>\n    <div class=\"flex justify-end items-center mt-3\">\n      <button mat-button rolatechBackButton>\u53D6\u6D88</button>\n      <button\n        class=\"bg-orange-600 shadow shadow-gray-300 cursor-pointer w-20 p-2 text-white rounded text-center ml-3\"\n        (click)=\"save()\"\n      >\n        \u4FDD\u5B58\n      </button>\n    </div>\n  </div>\n</div>\n" }]
         }] });
 export { ProfileComponent };
-//# sourceMappingURL=rolatech-angular-account-profile.component-B_bSqz0X.mjs.map
+//# sourceMappingURL=rolatech-angular-account-profile.component-CJfmQ3Ba.mjs.map

package/fesm2022/{rolatech-angular-account-profile.component-B_bSqz0X.mjs.map → rolatech-angular-account-profile.component-CJfmQ3Ba.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"rolatech-angular-account-profile.component-~~B_bSqz0X~~.mjs","sources":["../../../../libs/angular-account/src/lib/pages/myaccount/personal-info/profile/profile.component.ts","../../../../libs/angular-account/src/lib/pages/myaccount/personal-info/profile/profile.component.html"],"sourcesContent":["import { Component, OnInit, inject } from '@angular/core';\nimport { AuthUserService } from '@rolatech/angular-auth';\nimport { AngularCommonModule } from '@rolatech/angular-common';\nimport { AngularComponentsModule, BaseComponent } from '@rolatech/angular-components';\nimport { BackButtonDirective } from '@rolatech/angular-services';\nimport { Observable } from 'rxjs';\n\n@Component({\n standalone: true,\n imports: [AngularCommonModule, AngularComponentsModule, BackButtonDirective],\n selector: 'rolatech-account-profile',\n templateUrl: './profile.component.html',\n styleUrls: ['./profile.component.scss'],\n})\nexport class ProfileComponent extends BaseComponent implements OnInit {\n authUserService = inject(AuthUserService);\n user$!: Observable<any>;\n name = '';\n\n ngOnInit(): void {\n this.authUserService.me().subscribe({\n next: (res) => {\n this.name = res.name;\n },\n });\n }\n\n save() {\n this.authUserService.changeName(this.name).subscribe({\n next: (res) => {\n this.snackBarService.open('修改成功');\n },\n error: (error) => {\n this.snackBarService.open(error.message);\n },\n });\n }\n}\n","<div class=\"max-w-[1120px] m-auto\">\n <div class=\"max-w-[820px] p-4\">\n <div class=\"flex flex-col justify-center items-center p-3 mb-12\">\n <p class=\"text-3xl\">修改姓名</p>\n <p class=\"text-md\">用户名是您在本站的简称, 可以是真实姓名, 也可以是昵称</p>\n </div>\n <div class=\"flex flex-col\">\n <mat-form-field appearance=\"fill\">\n <input matInput [(ngModel)]=\"name\" />\n </mat-form-field>\n </div>\n <div class=\"flex justify-end items-center mt-3\">\n <button mat-button rolatechBackButton>取消</button>\n <button\n class=\"bg-orange-600 shadow shadow-gray-300 cursor-pointer w-20 p-2 text-white rounded text-center ml-3\"\n (click)=\"save()\"\n >\n 保存\n </button>\n </div>\n </div>\n</div>\n"],"names":[],"mappings":";;;;;;;;;;;AAcM,MAAO,gBAAiB,SAAQ,aAAa,CAAA;AAPnD,IAAA,WAAA,GAAA;;AAQE,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;QAE1C,IAAI,CAAA,IAAA,GAAG,EAAE,CAAC;AAoBX,KAAA;IAlBC,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,eAAe,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC;AAClC,YAAA,IAAI,EAAE,CAAC,GAAG,KAAI;AACZ,gBAAA,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC;aACtB;AACF,SAAA,CAAC,CAAC;KACJ;IAED,IAAI,GAAA;QACF,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC;AACnD,YAAA,IAAI,EAAE,CAAC,GAAG,KAAI;AACZ,gBAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;aACnC;AACD,YAAA,KAAK,EAAE,CAAC,KAAK,KAAI;gBACf,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;aAC1C;AACF,SAAA,CAAC,CAAC;KACJ;8GAtBU,gBAAgB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,2GCd7B,+5BAsBA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDbY,mBAAmB,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,uBAAuB,mvBAAE,mBAAmB,EAAA,QAAA,EAAA,sBAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAKhE,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,SAAS;iCACI,IAAI,EAAA,OAAA,EACP,CAAC,mBAAmB,EAAE,uBAAuB,EAAE,mBAAmB,CAAC,EAAA,QAAA,EAClE,0BAA0B,EAAA,QAAA,EAAA,+5BAAA,EAAA,CAAA;;;;;"}
1	+ {"version":3,"file":"rolatech-angular-account-profile.component-CJfmQ3Ba.mjs","sources":["../../../../libs/angular-account/src/lib/pages/myaccount/personal-info/profile/profile.component.ts","../../../../libs/angular-account/src/lib/pages/myaccount/personal-info/profile/profile.component.html"],"sourcesContent":["import { Component, OnInit, inject } from '@angular/core';\nimport { AuthUserService } from '@rolatech/angular-auth';\nimport { AngularCommonModule } from '@rolatech/angular-common';\nimport { AngularComponentsModule, BaseComponent } from '@rolatech/angular-components';\nimport { BackButtonDirective } from '@rolatech/angular-services';\nimport { Observable } from 'rxjs';\n\n@Component({\n standalone: true,\n imports: [AngularCommonModule, AngularComponentsModule, BackButtonDirective],\n selector: 'rolatech-account-profile',\n templateUrl: './profile.component.html',\n styleUrls: ['./profile.component.scss'],\n})\nexport class ProfileComponent extends BaseComponent implements OnInit {\n authUserService = inject(AuthUserService);\n user$!: Observable<any>;\n name = '';\n\n ngOnInit(): void {\n this.authUserService.me().subscribe({\n next: (res) => {\n this.name = res.name;\n },\n });\n }\n\n save() {\n this.authUserService.changeName(this.name).subscribe({\n next: (res) => {\n this.snackBarService.open('修改成功');\n },\n error: (error) => {\n this.snackBarService.open(error.message);\n },\n });\n }\n}\n","<div class=\"max-w-[1120px] m-auto\">\n <div class=\"max-w-[820px] p-4\">\n <div class=\"flex flex-col justify-center items-center p-3 mb-12\">\n <p class=\"text-3xl\">修改姓名</p>\n <p class=\"text-md\">用户名是您在本站的简称, 可以是真实姓名, 也可以是昵称</p>\n </div>\n <div class=\"flex flex-col\">\n <mat-form-field appearance=\"fill\">\n <input matInput [(ngModel)]=\"name\" />\n </mat-form-field>\n </div>\n <div class=\"flex justify-end items-center mt-3\">\n <button mat-button rolatechBackButton>取消</button>\n <button\n class=\"bg-orange-600 shadow shadow-gray-300 cursor-pointer w-20 p-2 text-white rounded text-center ml-3\"\n (click)=\"save()\"\n >\n 保存\n </button>\n </div>\n </div>\n</div>\n"],"names":[],"mappings":";;;;;;;;;;;AAcM,MAAO,gBAAiB,SAAQ,aAAa,CAAA;AAPnD,IAAA,WAAA,GAAA;;AAQE,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;QAE1C,IAAI,CAAA,IAAA,GAAG,EAAE,CAAC;AAoBX,KAAA;IAlBC,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,eAAe,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC;AAClC,YAAA,IAAI,EAAE,CAAC,GAAG,KAAI;AACZ,gBAAA,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC;aACtB;AACF,SAAA,CAAC,CAAC;KACJ;IAED,IAAI,GAAA;QACF,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC;AACnD,YAAA,IAAI,EAAE,CAAC,GAAG,KAAI;AACZ,gBAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;aACnC;AACD,YAAA,KAAK,EAAE,CAAC,KAAK,KAAI;gBACf,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;aAC1C;AACF,SAAA,CAAC,CAAC;KACJ;8GAtBU,gBAAgB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,2GCd7B,+5BAsBA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDbY,mBAAmB,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,uBAAuB,mvBAAE,mBAAmB,EAAA,QAAA,EAAA,sBAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAKhE,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,SAAS;iCACI,IAAI,EAAA,OAAA,EACP,CAAC,mBAAmB,EAAE,uBAAuB,EAAE,mBAAmB,CAAC,EAAA,QAAA,EAClE,0BAA0B,EAAA,QAAA,EAAA,+5BAAA,EAAA,CAAA;;;;;"}

package/fesm2022/{rolatech-angular-account-rolatech-angular-account-uYB-5Ccz.mjs → rolatech-angular-account-rolatech-angular-account-KFjjX5Uc.mjs} RENAMED Viewed

@@ -1,20 +1,44 @@
 import * as i0 from '@angular/core';
-import { inject, PLATFORM_ID, input, Component, output, Injectable, HostListener, makeEnvironmentProviders } from '@angular/core';
+import { input, output, Component, ViewEncapsulation, HostBinding, inject, PLATFORM_ID, Injectable, signal, effect, HostListener, makeEnvironmentProviders } from '@angular/core';
 import * as i1 from '@angular/common';
-import { isPlatformBrowser, CommonModule } from '@angular/common';
+import { CommonModule, isPlatformBrowser } from '@angular/common';
 import { APP_CONFIG, AngularCommonModule, WINDOW } from '@rolatech/angular-common';
 import { AuthService, AuthUserService, AuthGuard, UnauthorizedComponent, ForbiddenComponent } from '@rolatech/angular-auth';
 import { MatSnackBar } from '@angular/material/snack-bar';
 import { ActivatedRoute, Router, ROUTES } from '@angular/router';
-import { AngularComponentsModule, BaseComponent } from '@rolatech/angular-components';
+import { AngularComponentsModule, BaseComponent, TabsComponent, TabComponent } from '@rolatech/angular-components';
 import * as i1$1 from '@angular/forms';
 import { FormBuilder, Validators } from '@angular/forms';
 import { DomSanitizer } from '@angular/platform-browser';
 import * as i3 from '@angular/material/form-field';
 import * as i4 from '@angular/material/input';
-import * as i5 from '@angular/material/tabs';
 import * as i2 from '@angular/material/button';
+class UserItemComponent {
+    constructor() {
+        this.hasClass = true;
+        this.user = input();
+        this.isFollowing = input(true);
+        this.follow = output();
+        this.unfollow = output();
+    }
+    onFollow() {
+        this.follow.emit(this.user().username);
+    }
+    onUnFollow() {
+        this.unfollow.emit(this.user().username);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: UserItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.3", type: UserItemComponent, isStandalone: true, selector: "rolatech-account-user-item", inputs: { user: { classPropertyName: "user", publicName: "user", isSignal: true, isRequired: false, transformFunction: null }, isFollowing: { classPropertyName: "isFollowing", publicName: "isFollowing", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { follow: "follow", unfollow: "unfollow" }, host: { properties: { "class.rolatech-account-user-item": "this.hasClass" } }, ngImport: i0, template: "<div class=\"flex w-full justify-between items-center p-2 hover:bg-gray-100 cursor-pointer\">\n  <div class=\"flex items-center\">\n    <div class=\"bg-orange-600 w-12 h-12 rounded-full\">\n      @if (user().avatar) {\n        <img class=\"w-12 h-12 object-cover rounded-full\" [src]=\"user().avatar\" />\n      }\n    </div>\n    <div class=\"flex flex-col ml-3\">\n      <a class=\"text-lg font-bold\">\n        <span>{{ user().name }}</span>\n      </a>\n      <a class=\"text-md\">\n        <span>{{ user().username }}</span>\n      </a>\n    </div>\n  </div>\n  @if (isFollowing()) {\n    <div\n      class=\"w-[100px] py-1 flex items-center justify-center bg-gray-300 rounded-md cursor-pointer\"\n      (click)=\"onUnFollow(); $event.stopPropagation()\"\n    >\n      <a>\n        <span>\u53D6\u6D88\u5173\u6CE8</span>\n      </a>\n    </div>\n  } @else {\n    <div\n      class=\"w-[100px] py-1 flex items-center justify-center bg-orange-600 text-white rounded-md cursor-pointer\"\n      (click)=\"onFollow(); $event.stopPropagation()\"\n    >\n      <a>\n        <span>\u5173\u6CE8</span>\n      </a>\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: UserItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-account-user-item', standalone: true, imports: [CommonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"flex w-full justify-between items-center p-2 hover:bg-gray-100 cursor-pointer\">\n  <div class=\"flex items-center\">\n    <div class=\"bg-orange-600 w-12 h-12 rounded-full\">\n      @if (user().avatar) {\n        <img class=\"w-12 h-12 object-cover rounded-full\" [src]=\"user().avatar\" />\n      }\n    </div>\n    <div class=\"flex flex-col ml-3\">\n      <a class=\"text-lg font-bold\">\n        <span>{{ user().name }}</span>\n      </a>\n      <a class=\"text-md\">\n        <span>{{ user().username }}</span>\n      </a>\n    </div>\n  </div>\n  @if (isFollowing()) {\n    <div\n      class=\"w-[100px] py-1 flex items-center justify-center bg-gray-300 rounded-md cursor-pointer\"\n      (click)=\"onUnFollow(); $event.stopPropagation()\"\n    >\n      <a>\n        <span>\u53D6\u6D88\u5173\u6CE8</span>\n      </a>\n    </div>\n  } @else {\n    <div\n      class=\"w-[100px] py-1 flex items-center justify-center bg-orange-600 text-white rounded-md cursor-pointer\"\n      (click)=\"onFollow(); $event.stopPropagation()\"\n    >\n      <a>\n        <span>\u5173\u6CE8</span>\n      </a>\n    </div>\n  }\n</div>\n" }]
+        }], propDecorators: { hasClass: [{
+                type: HostBinding,
+                args: ['class.rolatech-account-user-item']
+            }] } });
 class TopbarLoginComponent {
     constructor() {
         this.environment = inject(APP_CONFIG);
@@ -30,10 +54,10 @@ class TopbarLoginComponent {
             this.logoutUrl = this.environment.accountsUrl + `/logout?service=${this.service()}&continue=` + window.location.origin;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: TopbarLoginComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.0", type: TopbarLoginComponent, isStandalone: true, selector: "rolatech-account-topbar-login", inputs: { service: { classPropertyName: "service", publicName: "service", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"flex\">\n  <a class=\"inline-block sm:border border-black py-2 px-5 mr-2 cursor-pointer rounded-md\" [href]=\"signinUrl\"\n    ><span>\u767B\u5F55</span></a\n  >\n  <a class=\"inline-block sm:border border-white py-2 px-5 text-white bg-orange-600 cursor-pointer rounded-md\" [href]=\"signupUrl\"\n    ><span>\u6CE8\u518C</span></a\n  >\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TopbarLoginComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.3", type: TopbarLoginComponent, isStandalone: true, selector: "rolatech-account-topbar-login", inputs: { service: { classPropertyName: "service", publicName: "service", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"flex\">\n  <a class=\"inline-block sm:border border-black py-2 px-5 mr-2 cursor-pointer rounded-md\" [href]=\"signinUrl\"\n    ><span>\u767B\u5F55</span></a\n  >\n  <a class=\"inline-block sm:border border-white py-2 px-5 text-white bg-orange-600 cursor-pointer rounded-md\" [href]=\"signupUrl\"\n    ><span>\u6CE8\u518C</span></a\n  >\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: TopbarLoginComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TopbarLoginComponent, decorators: [{
             type: Component,
             args: [{ selector: 'rolatech-account-topbar-login', standalone: true, imports: [CommonModule], template: "<div class=\"flex\">\n  <a class=\"inline-block sm:border border-black py-2 px-5 mr-2 cursor-pointer rounded-md\" [href]=\"signinUrl\"\n    ><span>\u767B\u5F55</span></a\n  >\n  <a class=\"inline-block sm:border border-white py-2 px-5 text-white bg-orange-600 cursor-pointer rounded-md\" [href]=\"signupUrl\"\n    ><span>\u6CE8\u518C</span></a\n  >\n</div>\n" }]
         }] });
@@ -41,10 +65,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
 class ForgotPasswordComponent {
     constructor() { }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ForgotPasswordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: ForgotPasswordComponent, isStandalone: true, selector: "rolatech-account-forgot-password", ngImport: i0, template: "<p>forgot-password works!</p>\n", styles: [""] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ForgotPasswordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: ForgotPasswordComponent, isStandalone: true, selector: "rolatech-account-forgot-password", ngImport: i0, template: "<p>forgot-password works!</p>\n", styles: [""] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ForgotPasswordComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ForgotPasswordComponent, decorators: [{
             type: Component,
             args: [{ selector: 'rolatech-account-forgot-password', standalone: true, template: "<p>forgot-password works!</p>\n" }]
         }], ctorParameters: () => [] });
@@ -79,10 +103,10 @@ class LogoutComponent {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: LogoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: LogoutComponent, isStandalone: true, selector: "rolatech-account-logout", ngImport: i0, template: "<p>Please waiting...</p>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "ngmodule", type: AngularComponentsModule }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: LogoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: LogoutComponent, isStandalone: true, selector: "rolatech-account-logout", ngImport: i0, template: "<p>Please waiting...</p>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "ngmodule", type: AngularComponentsModule }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: LogoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: LogoutComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [AngularCommonModule, AngularComponentsModule], selector: 'rolatech-account-logout', template: "<p>Please waiting...</p>\n" }]
         }] });
@@ -90,10 +114,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
 class PasswordresetComponent {
     constructor() { }
     ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: PasswordresetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: PasswordresetComponent, isStandalone: true, selector: "rolatech-account-passwordreset", ngImport: i0, template: "<p>passwordreset works!</p>\n", styles: [""] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PasswordresetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: PasswordresetComponent, isStandalone: true, selector: "rolatech-account-passwordreset", ngImport: i0, template: "<p>passwordreset works!</p>\n", styles: [""] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: PasswordresetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PasswordresetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'rolatech-account-passwordreset', standalone: true, template: "<p>passwordreset works!</p>\n" }]
         }], ctorParameters: () => [] });
@@ -102,10 +126,10 @@ class WeChatLoginService {
     constructor() {
         this.onWeChatLogin = output();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: WeChatLoginService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: WeChatLoginService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: WeChatLoginService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: WeChatLoginService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: WeChatLoginService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: WeChatLoginService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -113,8 +137,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
         }], ctorParameters: () => [] });
 class SigninComponent extends BaseComponent {
+    onLogin(event) {
+        if (event.origin !== window.location.origin || /react-devtools/gi.test(event.data.source)) {
+            return;
+        }
+        if (event.origin === this.environment.accountsUrl && event.data.code === 200) {
+            window.location.href = this.continue === this.environment.accountsUrl ? this.environment.myaccountUrl : this.continue;
+        }
+    }
     constructor() {
-        super(...arguments);
+        super();
         this.continue = '';
         this.environment = inject(APP_CONFIG);
         this.platformId = inject(PLATFORM_ID);
@@ -122,22 +154,29 @@ class SigninComponent extends BaseComponent {
         this.authService = inject(AuthService);
         this.authUserService = inject(AuthUserService);
         this.wechtLoginService = inject(WeChatLoginService);
-        this.tabIndex = 0;
+        this.sanitizer = inject(DomSanitizer);
+        this.tabIndex = signal(0);
         this.countDown = false;
         this.countDownTime = 60;
         this.showButtonText = '发送验证码';
         this.appid = 'wx567acbea73439828';
         this.state = 'add';
-        this.sanitizer = inject(DomSanitizer);
+        this.urlSafe = this.sanitizer.bypassSecurityTrustResourceUrl('');
         this.baseUrl = 'https://open.weixin.qq.com/connect/qrconnect';
-    }
-    onLogin(event) {
-        if (event.origin !== window.location.origin || /react-devtools/gi.test(event.data.source)) {
-            return;
-        }
-        if (event.origin === this.environment.accountsUrl && event.data.code === 200) {
-            window.location.href = this.continue === this.environment.accountsUrl ? this.environment.myaccountUrl : this.continue;
-        }
+        effect(() => {
+            const index = this.tabIndex();
+            if (index === 0) {
+                this.codeForm.reset();
+            }
+            if (index === 1) {
+                this.passrodForm.reset();
+            }
+            if (index === 2) {
+                this.codeForm.reset();
+                this.passrodForm.reset();
+                this.wechat();
+            }
+        });
     }
     ngOnInit() {
         this.titleService.setTitle('账号登录 - 拼小课');
@@ -152,7 +191,7 @@ class SigninComponent extends BaseComponent {
         this.continue = this.route.snapshot.queryParams['continue'] || '/';
     }
     get form() {
-        return this.tabIndex === 0 ? this.passrodForm.controls : this.codeForm.controls;
+        return this.tabIndex() === 0 ? this.passrodForm.controls : this.codeForm.controls;
     }
     sendSMSCode() {
         const phoneControl = this.codeForm.get('phone');
@@ -183,7 +222,7 @@ class SigninComponent extends BaseComponent {
     }
     login() {
         let data = {};
-        if (this.tabIndex === 0) {
+        if (this.tabIndex() === 0) {
             if (!this.passrodForm.valid) {
                 return;
             }
@@ -192,7 +231,7 @@ class SigninComponent extends BaseComponent {
                 password: this.form['password'].value,
             };
         }
-        if (this.tabIndex === 1) {
+        if (this.tabIndex() === 1) {
             if (!this.codeForm.valid) {
                 return;
             }
@@ -212,21 +251,6 @@ class SigninComponent extends BaseComponent {
             },
         });
     }
-    onSelectedTabChange(e) {
-        const { index } = e;
-        this.tabIndex = index;
-        if (index === 0) {
-            this.codeForm.reset();
-        }
-        if (index === 1) {
-            this.passrodForm.reset();
-        }
-        if (index === 2) {
-            this.codeForm.reset();
-            this.passrodForm.reset();
-            this.wechat();
-        }
-    }
     wechat() {
         const redirectUri = 'https://accounts.pinxiaoke.cn/login?continue';
         // const redirectUri = `${window.location.origin}/login?continue`;
@@ -235,13 +259,13 @@ class SigninComponent extends BaseComponent {
         const src = `${this.baseUrl}?appid=${this.appid}&response_type=code&self_redirect=true&scope=snsapi_login&href=${href}&redirect_uri=${encodedURI}&state=${this.state}#wechat_redirect`;
         this.urlSafe = this.sanitizer.bypassSecurityTrustResourceUrl(src);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: SigninComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: SigninComponent, isStandalone: true, selector: "rolatech-account-auth-signin", host: { listeners: { "window:message": "onLogin($event)" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"h-full flex flex-col items-center sm:justify-center sm:bg-gray-100\">\n  <div\n    class=\"w-full p-8 lg:p-11 rounded-xl bg-white flex flex-col lg:flex-row justify-between xl:w-[800px] lg:w-[600px] sm:w-[600px]\"\n  >\n    <!-- header -->\n    <div class=\"flex flex-col py-6\">\n      <div class=\"text-3xl font-medium mb-3\">\u767B\u5F55</div>\n      <div class=\"text-md\">\u4F7F\u7528\u62FC\u5C0F\u8BFE\u8D26\u53F7\u767B\u5F55</div>\n    </div>\n    <div>\n      <!-- content -->\n      <mat-tab-group mat-stretch-tabs=\"false\" mat-align-tabs=\"start\" (selectedTabChange)=\"onSelectedTabChange($event)\">\n        <mat-tab label=\"\u8D26\u53F7\u5BC6\u7801\">\n          <div class=\"pt-6\">\n            <form [formGroup]=\"passrodForm\" class=\"flex flex-col\">\n              <mat-form-field appearance=\"fill\">\n                <mat-label> \u7528\u6237\u540D/\u624B\u673A\u53F7 </mat-label>\n                <input matInput formControlName=\"account\" required />\n                @if (passrodForm.controls['account'].touched && passrodForm.controls['account'].invalid) {\n                  <mat-error>\n                    @if (passrodForm.controls['account'].errors?.['required']) {\n                      <span>\u7528\u6237\u540D\u5FC5\u586B</span>\n                    }\n                  </mat-error>\n                }\n              </mat-form-field>\n              <mat-form-field appearance=\"fill\">\n                <mat-label> \u5BC6\u7801 </mat-label>\n                <input autocomplete matInput formControlName=\"password\" type=\"password\" />\n                @if (passrodForm.controls['password'].touched && passrodForm.controls['password'].invalid) {\n                  <mat-error>\n                    @if (passrodForm.controls['password'].errors?.['required']) {\n                      <span>\u8BF7\u8F93\u5165\u5BC6\u7801</span>\n                    }\n                  </mat-error>\n                }\n              </mat-form-field>\n            </form>\n          </div>\n        </mat-tab>\n        <mat-tab label=\"\u77ED\u4FE1\u9A8C\u8BC1\u7801\">\n          <div class=\"pt-6\">\n            <form [formGroup]=\"codeForm\" class=\"flex flex-col\">\n              <mat-form-field appearance=\"fill\">\n                <mat-label> \u624B\u673A\u53F7 </mat-label>\n                <input autocomplete matInput formControlName=\"phone\" required />\n                @if (codeForm.controls['phone'].touched && codeForm.controls['phone'].invalid) {\n                  <mat-error>\n                    @if (codeForm.controls['phone'].errors?.['required']) {\n                      <span> \u624B\u673A\u53F7\u5FC5\u586B</span>\n                    }\n                    @if (codeForm.controls['phone'].errors?.['pattern']) {\n                      <span> \u624B\u673A\u53F7\u683C\u5F0F\u9519\u8BEF </span>\n                    }\n                  </mat-error>\n                }\n              </mat-form-field>\n              <div class=\"flex justify-between items-start gap-3\">\n                <mat-form-field appearance=\"fill\">\n                  <mat-label> \u9A8C\u8BC1\u7801 </mat-label>\n                  <input matInput formControlName=\"code\" type=\"text\" required />\n                  @if (codeForm.controls['code'].touched && codeForm.controls['code'].invalid) {\n                    <mat-error>\n                      @if (codeForm.controls['code'].errors?.['required']) {\n                        <span> \u8BF7\u8F93\u5165\u9A8C\u8BC1\u7801 </span>\n                      }\n                    </mat-error>\n                  }\n                </mat-form-field>\n                <button\n                  (click)=\"sendSMSCode()\"\n                  [disabled]=\"countDown\"\n                  [ngClass]=\"countDown ? 'bg-orange-300' : 'bg-orange-600 shadow shadow-gray-300 cursor-pointer'\"\n                  class=\"max-w-[128px] p-3 mt-2 text-white rounded text-center\"\n                >\n                  <span>{{ showButtonText }}</span>\n                </button>\n              </div>\n            </form>\n          </div>\n        </mat-tab>\n        <mat-tab label=\"\u5FAE\u4FE1\u626B\u7801\">\n          <div class=\"py-6\">\n            <div class=\"w-[190px] h-[190px] mx-auto\">\n              @if (tabIndex === 2) {\n                <iframe [src]=\"urlSafe\" class=\"w-full h-full inline\" scrolling=\"no\" frameBorder=\"no\" #iframe></iframe>\n                <!-- <img [src]=\"urlSafe\" class=\"w-full h-full inline\" /> -->\n                <div></div>\n              }\n            </div>\n          </div>\n        </mat-tab>\n      </mat-tab-group>\n\n      <!-- actions -->\n      <div class=\"flex justify-between items-center py-2 pl-2\">\n        <a class=\"underline underline-offset-4\" href=\"signup\">\u521B\u5EFA\u8D26\u53F7</a>\n        <div\n          (click)=\"login()\"\n          class=\"cursor-pointer bg-orange-600 hover:bg-orange-700 w-[128px] p-3 shadow-gray-300 shadow hover:shadow-lg text-white rounded text-center\"\n        >\n          <span>\u767B\u5F55</span>\n        </div>\n      </div>\n    </div>\n\n    <!-- 3-part -->\n    <!-- <div class=\"flex flex-col justify-center items-center mt-6\">\n    <div class=\"flex items-center\">\n      <span class=\"w-16 h-[1px] bg-gray-300\"></span>\n      <span class=\"px-3\">\u7B2C\u4E09\u65B9\u767B\u5F55</span>\n      <span class=\"w-16 h-[1px] bg-gray-300\"></span>\n    </div>\n    <div class=\"mt-3 flex items-center hover:shadow hover:shadow-gray-400 cursor-pointer p-3\">\n      <img class=\"w-4 h-4\" src=\"assets/images/icon64_appwx_logo.png\" />\n      <span class=\"ml-1\">\u5FAE\u4FE1</span>\n    </div>\n  </div> -->\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: AngularComponentsModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i5.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i5.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SigninComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.3", type: SigninComponent, isStandalone: true, selector: "rolatech-account-auth-signin", host: { listeners: { "window:message": "onLogin($event)" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"h-full flex flex-col items-center sm:justify-center sm:bg-gray-100\">\n  <div\n    class=\"w-full p-6 lg:p-11 rounded-xl bg-white flex flex-col lg:flex-row justify-between xl:w-[800px] lg:w-[600px] sm:w-[600px]\"\n  >\n    <!-- header -->\n    <div class=\"flex flex-col py-6\">\n      <div class=\"text-3xl font-medium mb-3 ml-2\">\u767B\u5F55</div>\n      <div class=\"text-md ml-2\">\u4F7F\u7528\u62FC\u5C0F\u8BFE\u8D26\u53F7\u767B\u5F55</div>\n    </div>\n    <div>\n      <rolatech-tabs [(select)]=\"tabIndex\">\n        <rolatech-tab label=\"\u8D26\u53F7\u5BC6\u7801\"></rolatech-tab>\n        <rolatech-tab label=\"\u77ED\u4FE1\u9A8C\u8BC1\u7801\"></rolatech-tab>\n        <rolatech-tab label=\"\u5FAE\u4FE1\u626B\u7801\"></rolatech-tab>\n      </rolatech-tabs>\n      <!-- content -->\n      <div class=\"pt-6 min-w-[190px] min-h-[214px]\">\n        @if (tabIndex() === 0) {\n          <form [formGroup]=\"passrodForm\" class=\"flex flex-col\">\n            <mat-form-field appearance=\"fill\">\n              <mat-label> \u7528\u6237\u540D/\u624B\u673A\u53F7 </mat-label>\n              <input matInput formControlName=\"account\" required />\n              @if (passrodForm.controls['account'].touched && passrodForm.controls['account'].invalid) {\n                <mat-error>\n                  @if (passrodForm.controls['account'].errors?.['required']) {\n                    <span>\u7528\u6237\u540D\u5FC5\u586B</span>\n                  }\n                </mat-error>\n              }\n            </mat-form-field>\n            <mat-form-field appearance=\"fill\">\n              <mat-label> \u5BC6\u7801 </mat-label>\n              <input autocomplete matInput formControlName=\"password\" type=\"password\" />\n              @if (passrodForm.controls['password'].touched && passrodForm.controls['password'].invalid) {\n                <mat-error>\n                  @if (passrodForm.controls['password'].errors?.['required']) {\n                    <span>\u8BF7\u8F93\u5165\u5BC6\u7801</span>\n                  }\n                </mat-error>\n              }\n            </mat-form-field>\n          </form>\n        }\n        @if (tabIndex() === 1) {\n          <form [formGroup]=\"codeForm\" class=\"flex flex-col\">\n            <mat-form-field appearance=\"fill\">\n              <mat-label> \u624B\u673A\u53F7 </mat-label>\n              <input autocomplete matInput formControlName=\"phone\" required />\n              @if (codeForm.controls['phone'].touched && codeForm.controls['phone'].invalid) {\n                <mat-error>\n                  @if (codeForm.controls['phone'].errors?.['required']) {\n                    <span> \u624B\u673A\u53F7\u5FC5\u586B</span>\n                  }\n                  @if (codeForm.controls['phone'].errors?.['pattern']) {\n                    <span> \u624B\u673A\u53F7\u683C\u5F0F\u9519\u8BEF </span>\n                  }\n                </mat-error>\n              }\n            </mat-form-field>\n            <div class=\"flex justify-between items-start\">\n              <mat-form-field appearance=\"fill\">\n                <mat-label> \u9A8C\u8BC1\u7801 </mat-label>\n                <input matInput formControlName=\"code\" type=\"text\" required />\n                @if (codeForm.controls['code'].touched && codeForm.controls['code'].invalid) {\n                  <mat-error>\n                    @if (codeForm.controls['code'].errors?.['required']) {\n                      <span> \u8BF7\u8F93\u5165\u9A8C\u8BC1\u7801 </span>\n                    }\n                  </mat-error>\n                }\n              </mat-form-field>\n              <button\n                (click)=\"sendSMSCode()\"\n                [disabled]=\"countDown\"\n                [ngClass]=\"countDown ? 'bg-orange-300' : 'bg-orange-600 shadow shadow-gray-300 cursor-pointer'\"\n                class=\"max-w-[128px] p-3 mt-2 text-white rounded text-center\"\n              >\n                <span>{{ showButtonText }}</span>\n              </button>\n            </div>\n          </form>\n        }\n        @if (tabIndex() === 2) {\n          <div class=\"w-[190px] h-[190px] mx-auto\">\n            <iframe [src]=\"urlSafe\" class=\"w-full h-full inline\" scrolling=\"no\" frameBorder=\"no\" #iframe></iframe>\n            <div></div>\n          </div>\n        }\n      </div>\n      <!-- actions -->\n      <div class=\"flex justify-between items-center py-2 pl-2\">\n        <a class=\"underline underline-offset-4\" href=\"signup\">\u521B\u5EFA\u8D26\u53F7</a>\n        <div\n          (click)=\"login()\"\n          class=\"cursor-pointer bg-orange-600 hover:bg-orange-700 w-[128px] p-3 shadow-gray-300 shadow hover:shadow-lg text-white rounded text-center\"\n        >\n          <span>\u767B\u5F55</span>\n        </div>\n      </div>\n    </div>\n\n    <!-- 3-part -->\n    <!-- <div class=\"flex flex-col justify-center items-center mt-6\">\n    <div class=\"flex items-center\">\n      <span class=\"w-16 h-[1px] bg-gray-300\"></span>\n      <span class=\"px-3\">\u7B2C\u4E09\u65B9\u767B\u5F55</span>\n      <span class=\"w-16 h-[1px] bg-gray-300\"></span>\n    </div>\n    <div class=\"mt-3 flex items-center hover:shadow hover:shadow-gray-400 cursor-pointer p-3\">\n      <img class=\"w-4 h-4\" src=\"assets/images/icon64_appwx_logo.png\" />\n      <span class=\"ml-1\">\u5FAE\u4FE1</span>\n    </div>\n  </div> -->\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: AngularComponentsModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: TabsComponent, selector: "rolatech-tabs", inputs: ["select"], outputs: ["selectChange"] }, { kind: "component", type: TabComponent, selector: "rolatech-tab", inputs: ["label"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: SigninComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SigninComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, imports: [AngularCommonModule, AngularComponentsModule], selector: 'rolatech-account-auth-signin', template: "<div class=\"h-full flex flex-col items-center sm:justify-center sm:bg-gray-100\">\n  <div\n    class=\"w-full p-8 lg:p-11 rounded-xl bg-white flex flex-col lg:flex-row justify-between xl:w-[800px] lg:w-[600px] sm:w-[600px]\"\n  >\n    <!-- header -->\n    <div class=\"flex flex-col py-6\">\n      <div class=\"text-3xl font-medium mb-3\">\u767B\u5F55</div>\n      <div class=\"text-md\">\u4F7F\u7528\u62FC\u5C0F\u8BFE\u8D26\u53F7\u767B\u5F55</div>\n    </div>\n    <div>\n      <!-- content -->\n      <mat-tab-group mat-stretch-tabs=\"false\" mat-align-tabs=\"start\" (selectedTabChange)=\"onSelectedTabChange($event)\">\n        <mat-tab label=\"\u8D26\u53F7\u5BC6\u7801\">\n          <div class=\"pt-6\">\n            <form [formGroup]=\"passrodForm\" class=\"flex flex-col\">\n              <mat-form-field appearance=\"fill\">\n                <mat-label> \u7528\u6237\u540D/\u624B\u673A\u53F7 </mat-label>\n                <input matInput formControlName=\"account\" required />\n                @if (passrodForm.controls['account'].touched && passrodForm.controls['account'].invalid) {\n                  <mat-error>\n                    @if (passrodForm.controls['account'].errors?.['required']) {\n                      <span>\u7528\u6237\u540D\u5FC5\u586B</span>\n                    }\n                  </mat-error>\n                }\n              </mat-form-field>\n              <mat-form-field appearance=\"fill\">\n                <mat-label> \u5BC6\u7801 </mat-label>\n                <input autocomplete matInput formControlName=\"password\" type=\"password\" />\n                @if (passrodForm.controls['password'].touched && passrodForm.controls['password'].invalid) {\n                  <mat-error>\n                    @if (passrodForm.controls['password'].errors?.['required']) {\n                      <span>\u8BF7\u8F93\u5165\u5BC6\u7801</span>\n                    }\n                  </mat-error>\n                }\n              </mat-form-field>\n            </form>\n          </div>\n        </mat-tab>\n        <mat-tab label=\"\u77ED\u4FE1\u9A8C\u8BC1\u7801\">\n          <div class=\"pt-6\">\n            <form [formGroup]=\"codeForm\" class=\"flex flex-col\">\n              <mat-form-field appearance=\"fill\">\n                <mat-label> \u624B\u673A\u53F7 </mat-label>\n                <input autocomplete matInput formControlName=\"phone\" required />\n                @if (codeForm.controls['phone'].touched && codeForm.controls['phone'].invalid) {\n                  <mat-error>\n                    @if (codeForm.controls['phone'].errors?.['required']) {\n                      <span> \u624B\u673A\u53F7\u5FC5\u586B</span>\n                    }\n                    @if (codeForm.controls['phone'].errors?.['pattern']) {\n                      <span> \u624B\u673A\u53F7\u683C\u5F0F\u9519\u8BEF </span>\n                    }\n                  </mat-error>\n                }\n              </mat-form-field>\n              <div class=\"flex justify-between items-start gap-3\">\n                <mat-form-field appearance=\"fill\">\n                  <mat-label> \u9A8C\u8BC1\u7801 </mat-label>\n                  <input matInput formControlName=\"code\" type=\"text\" required />\n                  @if (codeForm.controls['code'].touched && codeForm.controls['code'].invalid) {\n                    <mat-error>\n                      @if (codeForm.controls['code'].errors?.['required']) {\n                        <span> \u8BF7\u8F93\u5165\u9A8C\u8BC1\u7801 </span>\n                      }\n                    </mat-error>\n                  }\n                </mat-form-field>\n                <button\n                  (click)=\"sendSMSCode()\"\n                  [disabled]=\"countDown\"\n                  [ngClass]=\"countDown ? 'bg-orange-300' : 'bg-orange-600 shadow shadow-gray-300 cursor-pointer'\"\n                  class=\"max-w-[128px] p-3 mt-2 text-white rounded text-center\"\n                >\n                  <span>{{ showButtonText }}</span>\n                </button>\n              </div>\n            </form>\n          </div>\n        </mat-tab>\n        <mat-tab label=\"\u5FAE\u4FE1\u626B\u7801\">\n          <div class=\"py-6\">\n            <div class=\"w-[190px] h-[190px] mx-auto\">\n              @if (tabIndex === 2) {\n                <iframe [src]=\"urlSafe\" class=\"w-full h-full inline\" scrolling=\"no\" frameBorder=\"no\" #iframe></iframe>\n                <!-- <img [src]=\"urlSafe\" class=\"w-full h-full inline\" /> -->\n                <div></div>\n              }\n            </div>\n          </div>\n        </mat-tab>\n      </mat-tab-group>\n\n      <!-- actions -->\n      <div class=\"flex justify-between items-center py-2 pl-2\">\n        <a class=\"underline underline-offset-4\" href=\"signup\">\u521B\u5EFA\u8D26\u53F7</a>\n        <div\n          (click)=\"login()\"\n          class=\"cursor-pointer bg-orange-600 hover:bg-orange-700 w-[128px] p-3 shadow-gray-300 shadow hover:shadow-lg text-white rounded text-center\"\n        >\n          <span>\u767B\u5F55</span>\n        </div>\n      </div>\n    </div>\n\n    <!-- 3-part -->\n    <!-- <div class=\"flex flex-col justify-center items-center mt-6\">\n    <div class=\"flex items-center\">\n      <span class=\"w-16 h-[1px] bg-gray-300\"></span>\n      <span class=\"px-3\">\u7B2C\u4E09\u65B9\u767B\u5F55</span>\n      <span class=\"w-16 h-[1px] bg-gray-300\"></span>\n    </div>\n    <div class=\"mt-3 flex items-center hover:shadow hover:shadow-gray-400 cursor-pointer p-3\">\n      <img class=\"w-4 h-4\" src=\"assets/images/icon64_appwx_logo.png\" />\n      <span class=\"ml-1\">\u5FAE\u4FE1</span>\n    </div>\n  </div> -->\n  </div>\n</div>\n" }]
-        }], propDecorators: { onLogin: [{
+            args: [{ standalone: true, imports: [AngularCommonModule, AngularComponentsModule, TabsComponent, TabComponent], selector: 'rolatech-account-auth-signin', template: "<div class=\"h-full flex flex-col items-center sm:justify-center sm:bg-gray-100\">\n  <div\n    class=\"w-full p-6 lg:p-11 rounded-xl bg-white flex flex-col lg:flex-row justify-between xl:w-[800px] lg:w-[600px] sm:w-[600px]\"\n  >\n    <!-- header -->\n    <div class=\"flex flex-col py-6\">\n      <div class=\"text-3xl font-medium mb-3 ml-2\">\u767B\u5F55</div>\n      <div class=\"text-md ml-2\">\u4F7F\u7528\u62FC\u5C0F\u8BFE\u8D26\u53F7\u767B\u5F55</div>\n    </div>\n    <div>\n      <rolatech-tabs [(select)]=\"tabIndex\">\n        <rolatech-tab label=\"\u8D26\u53F7\u5BC6\u7801\"></rolatech-tab>\n        <rolatech-tab label=\"\u77ED\u4FE1\u9A8C\u8BC1\u7801\"></rolatech-tab>\n        <rolatech-tab label=\"\u5FAE\u4FE1\u626B\u7801\"></rolatech-tab>\n      </rolatech-tabs>\n      <!-- content -->\n      <div class=\"pt-6 min-w-[190px] min-h-[214px]\">\n        @if (tabIndex() === 0) {\n          <form [formGroup]=\"passrodForm\" class=\"flex flex-col\">\n            <mat-form-field appearance=\"fill\">\n              <mat-label> \u7528\u6237\u540D/\u624B\u673A\u53F7 </mat-label>\n              <input matInput formControlName=\"account\" required />\n              @if (passrodForm.controls['account'].touched && passrodForm.controls['account'].invalid) {\n                <mat-error>\n                  @if (passrodForm.controls['account'].errors?.['required']) {\n                    <span>\u7528\u6237\u540D\u5FC5\u586B</span>\n                  }\n                </mat-error>\n              }\n            </mat-form-field>\n            <mat-form-field appearance=\"fill\">\n              <mat-label> \u5BC6\u7801 </mat-label>\n              <input autocomplete matInput formControlName=\"password\" type=\"password\" />\n              @if (passrodForm.controls['password'].touched && passrodForm.controls['password'].invalid) {\n                <mat-error>\n                  @if (passrodForm.controls['password'].errors?.['required']) {\n                    <span>\u8BF7\u8F93\u5165\u5BC6\u7801</span>\n                  }\n                </mat-error>\n              }\n            </mat-form-field>\n          </form>\n        }\n        @if (tabIndex() === 1) {\n          <form [formGroup]=\"codeForm\" class=\"flex flex-col\">\n            <mat-form-field appearance=\"fill\">\n              <mat-label> \u624B\u673A\u53F7 </mat-label>\n              <input autocomplete matInput formControlName=\"phone\" required />\n              @if (codeForm.controls['phone'].touched && codeForm.controls['phone'].invalid) {\n                <mat-error>\n                  @if (codeForm.controls['phone'].errors?.['required']) {\n                    <span> \u624B\u673A\u53F7\u5FC5\u586B</span>\n                  }\n                  @if (codeForm.controls['phone'].errors?.['pattern']) {\n                    <span> \u624B\u673A\u53F7\u683C\u5F0F\u9519\u8BEF </span>\n                  }\n                </mat-error>\n              }\n            </mat-form-field>\n            <div class=\"flex justify-between items-start\">\n              <mat-form-field appearance=\"fill\">\n                <mat-label> \u9A8C\u8BC1\u7801 </mat-label>\n                <input matInput formControlName=\"code\" type=\"text\" required />\n                @if (codeForm.controls['code'].touched && codeForm.controls['code'].invalid) {\n                  <mat-error>\n                    @if (codeForm.controls['code'].errors?.['required']) {\n                      <span> \u8BF7\u8F93\u5165\u9A8C\u8BC1\u7801 </span>\n                    }\n                  </mat-error>\n                }\n              </mat-form-field>\n              <button\n                (click)=\"sendSMSCode()\"\n                [disabled]=\"countDown\"\n                [ngClass]=\"countDown ? 'bg-orange-300' : 'bg-orange-600 shadow shadow-gray-300 cursor-pointer'\"\n                class=\"max-w-[128px] p-3 mt-2 text-white rounded text-center\"\n              >\n                <span>{{ showButtonText }}</span>\n              </button>\n            </div>\n          </form>\n        }\n        @if (tabIndex() === 2) {\n          <div class=\"w-[190px] h-[190px] mx-auto\">\n            <iframe [src]=\"urlSafe\" class=\"w-full h-full inline\" scrolling=\"no\" frameBorder=\"no\" #iframe></iframe>\n            <div></div>\n          </div>\n        }\n      </div>\n      <!-- actions -->\n      <div class=\"flex justify-between items-center py-2 pl-2\">\n        <a class=\"underline underline-offset-4\" href=\"signup\">\u521B\u5EFA\u8D26\u53F7</a>\n        <div\n          (click)=\"login()\"\n          class=\"cursor-pointer bg-orange-600 hover:bg-orange-700 w-[128px] p-3 shadow-gray-300 shadow hover:shadow-lg text-white rounded text-center\"\n        >\n          <span>\u767B\u5F55</span>\n        </div>\n      </div>\n    </div>\n\n    <!-- 3-part -->\n    <!-- <div class=\"flex flex-col justify-center items-center mt-6\">\n    <div class=\"flex items-center\">\n      <span class=\"w-16 h-[1px] bg-gray-300\"></span>\n      <span class=\"px-3\">\u7B2C\u4E09\u65B9\u767B\u5F55</span>\n      <span class=\"w-16 h-[1px] bg-gray-300\"></span>\n    </div>\n    <div class=\"mt-3 flex items-center hover:shadow hover:shadow-gray-400 cursor-pointer p-3\">\n      <img class=\"w-4 h-4\" src=\"assets/images/icon64_appwx_logo.png\" />\n      <span class=\"ml-1\">\u5FAE\u4FE1</span>\n    </div>\n  </div> -->\n  </div>\n</div>\n" }]
+        }], ctorParameters: () => [], propDecorators: { onLogin: [{
                 type: HostListener,
                 args: ['window:message', ['$event']]
             }] } });
@@ -310,10 +334,10 @@ class SignupComponent extends BaseComponent {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: SignupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: SignupComponent, isStandalone: true, selector: "rolatech-account-signup", usesInheritance: true, ngImport: i0, template: "<div class=\"h-full flex flex-col md:justify-center items-center\">\n  <div class=\"md:shadow-md p-8 rounded-md\">\n    <div class=\"text-2xl pl-2 pb-6\">\u6CE8\u518C</div>\n    <form [formGroup]=\"signupForm\" (submit)=\"submit()\">\n      <!-- name -->\n      <mat-form-field appearance=\"fill\">\n        <mat-label> \u59D3\u540D </mat-label>\n        <input matInput formControlName=\"name\" required />\n        @if (signupForm.controls['name'].touched && signupForm.controls['name'].invalid) {\n          <mat-error>\n            @if (signupForm.controls['name'].errors?.['required']) {\n              <span>\u59D3\u540D\u5FC5\u586B</span>\n            }\n          </mat-error>\n        }\n      </mat-form-field>\n      <!-- phone -->\n      <mat-form-field appearance=\"fill\">\n        <mat-label> \u624B\u673A\u53F7 </mat-label>\n        <input matInput formControlName=\"phone\" required />\n        @if (signupForm.controls['phone'].touched && signupForm.controls['phone'].invalid) {\n          <mat-error>\n            @if (signupForm.controls['phone'].errors?.['required']) {\n              <span>\u624B\u673A\u53F7\u5FC5\u586B</span>\n            }\n            @if (signupForm.controls['phone'].errors?.['pattern']) {\n              <span> \u624B\u673A\u53F7\u683C\u5F0F\u9519\u8BEF </span>\n            }\n          </mat-error>\n        }\n      </mat-form-field>\n      <!-- phone code -->\n      <div class=\"flex justify-between items-start gap-3\">\n        <mat-form-field appearance=\"fill\">\n          <mat-label> \u9A8C\u8BC1\u7801 </mat-label>\n          <input matInput formControlName=\"code\" required />\n          @if (signupForm.controls['code'].touched && signupForm.controls['code'].invalid) {\n            <mat-error>\n              @if (signupForm.controls['code'].errors?.['required']) {\n                <span>\u9A8C\u8BC1\u7801\u5FC5\u586B</span>\n              }\n            </mat-error>\n          }\n        </mat-form-field>\n        <div\n          (click)=\"sendSMSCode()\"\n          class=\"cursor-pointer bg-orange-600 hover:bg-orange-700 w-[128px] p-3 mt-2 shadow-gray-300 shadow hover:shadow-lg text-white rounded text-center\"\n        >\n          <span>\u53D1\u9001\u9A8C\u8BC1\u7801</span>\n        </div>\n      </div>\n\n      <!-- password -->\n      <mat-form-field appearance=\"fill\">\n        <mat-label> \u5BC6\u7801 </mat-label>\n        <input matInput formControlName=\"password\" type=\"password\" autocomplete=\"password\" />\n        @if (signupForm.controls['password'].touched && signupForm.controls['password'].invalid) {\n          <mat-error>\n            @if (signupForm.controls['password'].errors?.['required']) {\n              <span>\u8BF7\u8F93\u5165\u5BC6\u7801</span>\n            }\n          </mat-error>\n        }\n      </mat-form-field>\n\n      <!-- password confirm -->\n      <mat-form-field appearance=\"fill\">\n        <mat-label> \u786E\u8BA4\u5BC6\u7801 </mat-label>\n        <input matInput formControlName=\"rePassword\" type=\"password\" autocomplete=\"rePassword\" />\n        @if (signupForm.controls['rePassword'].touched && signupForm.controls['rePassword'].invalid) {\n          <mat-error>\n            @if (signupForm.controls['rePassword'].errors?.['required']) {\n              <span>\u8BF7\u786E\u8BA4\u5BC6\u7801</span>\n            }\n          </mat-error>\n        }\n      </mat-form-field>\n    </form>\n    <div class=\"flex justify-between items-center px-3\">\n      <a mat-button href=\"/signin\">\u767B\u5F55</a>\n      <div\n        (click)=\"submit()\"\n        class=\"cursor-pointer bg-orange-600 hover:bg-orange-700 w-[128px] p-3 shadow-gray-300 shadow hover:shadow-lg text-white rounded text-center\"\n      >\n        <span>\u6CE8\u518C</span>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["mat-form-field{width:100%;margin-bottom:8px}\n"], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: AngularComponentsModule }, { kind: "component", type: i2.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SignupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.3", type: SignupComponent, isStandalone: true, selector: "rolatech-account-signup", usesInheritance: true, ngImport: i0, template: "<div class=\"h-full flex flex-col md:justify-center items-center\">\n  <div class=\"md:shadow-md p-8 rounded-md\">\n    <div class=\"text-2xl pl-2 pb-6\">\u6CE8\u518C</div>\n    <form [formGroup]=\"signupForm\" (submit)=\"submit()\">\n      <!-- name -->\n      <mat-form-field appearance=\"fill\">\n        <mat-label> \u59D3\u540D </mat-label>\n        <input matInput formControlName=\"name\" required />\n        @if (signupForm.controls['name'].touched && signupForm.controls['name'].invalid) {\n          <mat-error>\n            @if (signupForm.controls['name'].errors?.['required']) {\n              <span>\u59D3\u540D\u5FC5\u586B</span>\n            }\n          </mat-error>\n        }\n      </mat-form-field>\n      <!-- phone -->\n      <mat-form-field appearance=\"fill\">\n        <mat-label> \u624B\u673A\u53F7 </mat-label>\n        <input matInput formControlName=\"phone\" required />\n        @if (signupForm.controls['phone'].touched && signupForm.controls['phone'].invalid) {\n          <mat-error>\n            @if (signupForm.controls['phone'].errors?.['required']) {\n              <span>\u624B\u673A\u53F7\u5FC5\u586B</span>\n            }\n            @if (signupForm.controls['phone'].errors?.['pattern']) {\n              <span> \u624B\u673A\u53F7\u683C\u5F0F\u9519\u8BEF </span>\n            }\n          </mat-error>\n        }\n      </mat-form-field>\n      <!-- phone code -->\n      <div class=\"flex justify-between items-start gap-3\">\n        <mat-form-field appearance=\"fill\">\n          <mat-label> \u9A8C\u8BC1\u7801 </mat-label>\n          <input matInput formControlName=\"code\" required />\n          @if (signupForm.controls['code'].touched && signupForm.controls['code'].invalid) {\n            <mat-error>\n              @if (signupForm.controls['code'].errors?.['required']) {\n                <span>\u9A8C\u8BC1\u7801\u5FC5\u586B</span>\n              }\n            </mat-error>\n          }\n        </mat-form-field>\n        <div\n          (click)=\"sendSMSCode()\"\n          class=\"cursor-pointer bg-orange-600 hover:bg-orange-700 w-[128px] p-3 mt-2 shadow-gray-300 shadow hover:shadow-lg text-white rounded text-center\"\n        >\n          <span>\u53D1\u9001\u9A8C\u8BC1\u7801</span>\n        </div>\n      </div>\n\n      <!-- password -->\n      <mat-form-field appearance=\"fill\">\n        <mat-label> \u5BC6\u7801 </mat-label>\n        <input matInput formControlName=\"password\" type=\"password\" autocomplete=\"password\" />\n        @if (signupForm.controls['password'].touched && signupForm.controls['password'].invalid) {\n          <mat-error>\n            @if (signupForm.controls['password'].errors?.['required']) {\n              <span>\u8BF7\u8F93\u5165\u5BC6\u7801</span>\n            }\n          </mat-error>\n        }\n      </mat-form-field>\n\n      <!-- password confirm -->\n      <mat-form-field appearance=\"fill\">\n        <mat-label> \u786E\u8BA4\u5BC6\u7801 </mat-label>\n        <input matInput formControlName=\"rePassword\" type=\"password\" autocomplete=\"rePassword\" />\n        @if (signupForm.controls['rePassword'].touched && signupForm.controls['rePassword'].invalid) {\n          <mat-error>\n            @if (signupForm.controls['rePassword'].errors?.['required']) {\n              <span>\u8BF7\u786E\u8BA4\u5BC6\u7801</span>\n            }\n          </mat-error>\n        }\n      </mat-form-field>\n    </form>\n    <div class=\"flex justify-between items-center px-3\">\n      <a mat-button href=\"/signin\">\u767B\u5F55</a>\n      <div\n        (click)=\"submit()\"\n        class=\"cursor-pointer bg-orange-600 hover:bg-orange-700 w-[128px] p-3 shadow-gray-300 shadow hover:shadow-lg text-white rounded text-center\"\n      >\n        <span>\u6CE8\u518C</span>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["mat-form-field{width:100%;margin-bottom:8px}\n"], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: AngularComponentsModule }, { kind: "component", type: i2.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: SignupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SignupComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [AngularCommonModule, AngularComponentsModule], selector: 'rolatech-account-signup', template: "<div class=\"h-full flex flex-col md:justify-center items-center\">\n  <div class=\"md:shadow-md p-8 rounded-md\">\n    <div class=\"text-2xl pl-2 pb-6\">\u6CE8\u518C</div>\n    <form [formGroup]=\"signupForm\" (submit)=\"submit()\">\n      <!-- name -->\n      <mat-form-field appearance=\"fill\">\n        <mat-label> \u59D3\u540D </mat-label>\n        <input matInput formControlName=\"name\" required />\n        @if (signupForm.controls['name'].touched && signupForm.controls['name'].invalid) {\n          <mat-error>\n            @if (signupForm.controls['name'].errors?.['required']) {\n              <span>\u59D3\u540D\u5FC5\u586B</span>\n            }\n          </mat-error>\n        }\n      </mat-form-field>\n      <!-- phone -->\n      <mat-form-field appearance=\"fill\">\n        <mat-label> \u624B\u673A\u53F7 </mat-label>\n        <input matInput formControlName=\"phone\" required />\n        @if (signupForm.controls['phone'].touched && signupForm.controls['phone'].invalid) {\n          <mat-error>\n            @if (signupForm.controls['phone'].errors?.['required']) {\n              <span>\u624B\u673A\u53F7\u5FC5\u586B</span>\n            }\n            @if (signupForm.controls['phone'].errors?.['pattern']) {\n              <span> \u624B\u673A\u53F7\u683C\u5F0F\u9519\u8BEF </span>\n            }\n          </mat-error>\n        }\n      </mat-form-field>\n      <!-- phone code -->\n      <div class=\"flex justify-between items-start gap-3\">\n        <mat-form-field appearance=\"fill\">\n          <mat-label> \u9A8C\u8BC1\u7801 </mat-label>\n          <input matInput formControlName=\"code\" required />\n          @if (signupForm.controls['code'].touched && signupForm.controls['code'].invalid) {\n            <mat-error>\n              @if (signupForm.controls['code'].errors?.['required']) {\n                <span>\u9A8C\u8BC1\u7801\u5FC5\u586B</span>\n              }\n            </mat-error>\n          }\n        </mat-form-field>\n        <div\n          (click)=\"sendSMSCode()\"\n          class=\"cursor-pointer bg-orange-600 hover:bg-orange-700 w-[128px] p-3 mt-2 shadow-gray-300 shadow hover:shadow-lg text-white rounded text-center\"\n        >\n          <span>\u53D1\u9001\u9A8C\u8BC1\u7801</span>\n        </div>\n      </div>\n\n      <!-- password -->\n      <mat-form-field appearance=\"fill\">\n        <mat-label> \u5BC6\u7801 </mat-label>\n        <input matInput formControlName=\"password\" type=\"password\" autocomplete=\"password\" />\n        @if (signupForm.controls['password'].touched && signupForm.controls['password'].invalid) {\n          <mat-error>\n            @if (signupForm.controls['password'].errors?.['required']) {\n              <span>\u8BF7\u8F93\u5165\u5BC6\u7801</span>\n            }\n          </mat-error>\n        }\n      </mat-form-field>\n\n      <!-- password confirm -->\n      <mat-form-field appearance=\"fill\">\n        <mat-label> \u786E\u8BA4\u5BC6\u7801 </mat-label>\n        <input matInput formControlName=\"rePassword\" type=\"password\" autocomplete=\"rePassword\" />\n        @if (signupForm.controls['rePassword'].touched && signupForm.controls['rePassword'].invalid) {\n          <mat-error>\n            @if (signupForm.controls['rePassword'].errors?.['required']) {\n              <span>\u8BF7\u786E\u8BA4\u5BC6\u7801</span>\n            }\n          </mat-error>\n        }\n      </mat-form-field>\n    </form>\n    <div class=\"flex justify-between items-center px-3\">\n      <a mat-button href=\"/signin\">\u767B\u5F55</a>\n      <div\n        (click)=\"submit()\"\n        class=\"cursor-pointer bg-orange-600 hover:bg-orange-700 w-[128px] p-3 shadow-gray-300 shadow hover:shadow-lg text-white rounded text-center\"\n      >\n        <span>\u6CE8\u518C</span>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["mat-form-field{width:100%;margin-bottom:8px}\n"] }]
         }] });
@@ -327,7 +351,7 @@ const accountRoutes = [
     { path: 'signin', canActivate: [AuthGuard], component: SigninComponent, data: { title: 'Signin' } },
     { path: 'signup', component: SignupComponent, data: { title: 'Signup' } },
     { path: 'logout', component: LogoutComponent },
-    { path: 'login', loadChildren: () => import('./rolatech-angular-account-login.routes-Ck7oQSPa.mjs') },
+    { path: 'login', loadChildren: () => import('./rolatech-angular-account-login.routes-D4UOEl1F.mjs') },
     {
         path: 'passwordreset/:token',
         component: PasswordresetComponent,
@@ -351,31 +375,31 @@ const accountRoutes = [
 const myaccountRoutes = [
     {
         path: '',
-        loadComponent: () => import('./rolatech-angular-account-home.component-DFWu84B5.mjs').then((c) => c.HomeComponent),
+        loadComponent: () => import('./rolatech-angular-account-home.component-Ca7IHVk4.mjs').then((c) => c.HomeComponent),
         data: { title: '首页' },
     },
     {
         path: 'personal-info',
-        loadComponent: () => import('./rolatech-angular-account-info.component-DWgC77BJ.mjs').then((c) => c.InfoComponent),
+        loadComponent: () => import('./rolatech-angular-account-info.component-DNi4eTxV.mjs').then((c) => c.InfoComponent),
     },
     {
         path: 'profile',
-        loadComponent: () => import('./rolatech-angular-account-profile.component-B_bSqz0X.mjs').then((c) => c.ProfileComponent),
+        loadComponent: () => import('./rolatech-angular-account-profile.component-CJfmQ3Ba.mjs').then((c) => c.ProfileComponent),
     },
     {
         path: 'username',
-        loadComponent: () => import('./rolatech-angular-account-username.component-BDW_ZpOU.mjs').then((c) => c.UsernameComponent),
+        loadComponent: () => import('./rolatech-angular-account-username.component-BL2F5fnx.mjs').then((c) => c.UsernameComponent),
     },
-    { path: 'gender', loadComponent: () => import('./rolatech-angular-account-gender.component-CS2hSvax.mjs').then((c) => c.GenderComponent) },
-    { path: 'email', loadComponent: () => import('./rolatech-angular-account-email.component-BJHAz8uK.mjs').then((c) => c.EmailComponent) },
+    { path: 'gender', loadComponent: () => import('./rolatech-angular-account-gender.component-DWdWJiQW.mjs').then((c) => c.GenderComponent) },
+    { path: 'email', loadComponent: () => import('./rolatech-angular-account-email.component-DC8qYVOJ.mjs').then((c) => c.EmailComponent) },
     {
         path: 'email-verification/:id',
-        loadComponent: () => import('./rolatech-angular-account-email-verification.component-Yr6sqNmw.mjs').then((c) => c.EmailVerificationComponent),
+        loadComponent: () => import('./rolatech-angular-account-email-verification.component-D9e--XMc.mjs').then((c) => c.EmailVerificationComponent),
     },
-    { path: 'phone', loadComponent: () => import('./rolatech-angular-account-phone.component-DaSRdJam.mjs').then((c) => c.PhoneComponent) },
+    { path: 'phone', loadComponent: () => import('./rolatech-angular-account-phone.component-r9dWPfEL.mjs').then((c) => c.PhoneComponent) },
     {
         path: 'security',
-        loadChildren: () => import('./rolatech-angular-account-security.routes-CKRbN7R7.mjs'),
+        loadChildren: () => import('./rolatech-angular-account-security.routes-Dag8RZ38.mjs'),
         data: { title: 'Security' },
     },
     {
@@ -400,5 +424,5 @@ function provideAngularAuthRoutes() {
  * Generated bundle index. Do not edit.
  */
-export { TopbarLoginComponent as T, WeChatLoginService as W, accountRoutes as a, myaccountRoutes as m, provideAngularAuthRoutes as p };
-//# sourceMappingURL=rolatech-angular-account-rolatech-angular-account-uYB-5Ccz.mjs.map
+export { TopbarLoginComponent as T, UserItemComponent as U, WeChatLoginService as W, accountRoutes as a, myaccountRoutes as m, provideAngularAuthRoutes as p };
+//# sourceMappingURL=rolatech-angular-account-rolatech-angular-account-KFjjX5Uc.mjs.map