@rolatech/angular-account 17.2.0 → 17.2.1

package/fesm2022/rolatech-angular-account-info.component-Bk-DhHtK.mjs

@@ -1,105 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, output, Component, Inject } from '@angular/core';
-import { AuthUserService } from '@rolatech/angular-auth';
-import { AngularCommonModule } from '@rolatech/angular-common';
-import { AngularComponentsModule, LoadingSpinnerComponent } from '@rolatech/angular-components';
-import { MatDialogRef, MAT_DIALOG_DATA, MatDialog } from '@angular/material/dialog';
-import { U as UserGender } from './rolatech-angular-account-user-CK_zEFn_.mjs';
-import { CommonModule } from '@angular/common';
-import * as i2 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import * as i3 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import { SnackBarService } from '@rolatech/angular-services';
-import * as i1 from '@angular/router';
-import * as i2$1 from '@angular/material/divider';
-import * as i4 from '@angular/material/list';
-
-class AvatarUpdateDialogComponent {
-    constructor(data) {
-        this.data = data;
-        this.dialogRef = inject(MatDialogRef);
-        this.authUserService = inject(AuthUserService);
-        this.snackBarService = inject(SnackBarService);
-        this.avatar = '';
-        this.save = output();
-        this.avatar = data.avatar;
-    }
-    cancel() {
-        this.dialogRef.close();
-    }
-    onSave() {
-        this.save.emit(this.avatar);
-    }
-    onUpload(event) {
-        const file = event.target.files[0];
-        if (file) {
-            const reader = new FileReader();
-            reader.readAsDataURL(file);
-            reader.onload = () => {
-                this.avatar = reader.result;
-                // this.isUploading = true;
-                const formData = new FormData();
-                formData.append('file', file);
-                this.authUserService.uploadAvatar(formData).subscribe({
-                    next: (res) => {
-                        this.snackBarService.open('更新成功');
-                        // this.isUploading = false;
-                    },
-                    error: (e) => {
-                        // this.isUploading = false;
-                        // this.snackBar.open('上传失败: ' + e.message);
-                    },
-                });
-            };
-            reader.onerror = (error) => {
-                // this.isUploading = false;
-            };
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: AvatarUpdateDialogComponent, deps: [{ token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: AvatarUpdateDialogComponent, isStandalone: true, selector: "rolatech-account-avatar-update-dialog", outputs: { save: "save" }, ngImport: i0, template: "<div class=\"flex flex-col p-3 max-w-[500px] mx-auto\">\n  <div class=\"text-xl font-bold p-3\">\u4FEE\u6539\u5934\u50CF</div>\n  <!-- <div class=\"w-[256px] h-[256px] mx-auto flex justify-center items-center\">\n    <img [src]=\"avatar\" />\n  </div> -->\n  <div class=\"px-3 py-8\">\n    <div\n      class=\"bg-orange-600 w-[256px] h-[256px] rounded-full cursor-pointer hover:outline-gray-200 outline outline-transparent outline-4\"\n    >\n      @if (avatar) {\n        <div class=\"w-[256px] h-[256px]\">\n          <img [src]=\"avatar\" class=\"w-[256px] h-[256px] rounded-full object-cover\" />\n        </div>\n      }\n    </div>\n  </div>\n\n  <!-- <div class=\"p-3 flex justify-end items-center gap-3\">\n    <button mat-button (click)=\"cancel()\">\u53D6\u6D88</button>\n    <button mat-flat-button color=\"primary\" (click)=\"onSave()\">\u4FDD\u5B58</button>\n  </div> -->\n  <div class=\"py-3\">\n    <input style=\"display: none\" type=\"file\" accept=\"image/*\" (change)=\"onUpload($event)\" #fileInput />\n    <button mat-flat-button (click)=\"fileInput.click()\">\n      <mat-icon>edit</mat-icon>\n      <span>\u66F4\u6362\u5934\u50CF</span>\n    </button>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: AvatarUpdateDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rolatech-account-avatar-update-dialog', standalone: true, imports: [CommonModule, MatButtonModule, MatIconModule], template: "<div class=\"flex flex-col p-3 max-w-[500px] mx-auto\">\n  <div class=\"text-xl font-bold p-3\">\u4FEE\u6539\u5934\u50CF</div>\n  <!-- <div class=\"w-[256px] h-[256px] mx-auto flex justify-center items-center\">\n    <img [src]=\"avatar\" />\n  </div> -->\n  <div class=\"px-3 py-8\">\n    <div\n      class=\"bg-orange-600 w-[256px] h-[256px] rounded-full cursor-pointer hover:outline-gray-200 outline outline-transparent outline-4\"\n    >\n      @if (avatar) {\n        <div class=\"w-[256px] h-[256px]\">\n          <img [src]=\"avatar\" class=\"w-[256px] h-[256px] rounded-full object-cover\" />\n        </div>\n      }\n    </div>\n  </div>\n\n  <!-- <div class=\"p-3 flex justify-end items-center gap-3\">\n    <button mat-button (click)=\"cancel()\">\u53D6\u6D88</button>\n    <button mat-flat-button color=\"primary\" (click)=\"onSave()\">\u4FDD\u5B58</button>\n  </div> -->\n  <div class=\"py-3\">\n    <input style=\"display: none\" type=\"file\" accept=\"image/*\" (change)=\"onUpload($event)\" #fileInput />\n    <button mat-flat-button (click)=\"fileInput.click()\">\n      <mat-icon>edit</mat-icon>\n      <span>\u66F4\u6362\u5934\u50CF</span>\n    </button>\n  </div>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
-                }] }] });
-
-class InfoComponent {
-    constructor() {
-        this.authUserService = inject(AuthUserService);
-        this.dialog = inject(MatDialog);
-        this.gender = UserGender;
-    }
-    ngOnInit() {
-        this.user$ = this.authUserService.me();
-        this.user$.subscribe({
-            next: (user) => {
-                this.user = user;
-            },
-        });
-    }
-    updateAvatar() {
-        const dialogRef = this.dialog.open(AvatarUpdateDialogComponent, {
-            data: {
-                avatar: this.user.avatar,
-            },
-        });
-        dialogRef.afterClosed().subscribe((result) => {
-            console.log(result);
-            location.reload();
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: InfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: InfoComponent, isStandalone: true, selector: "rolatech-account-info", ngImport: i0, template: "<div class=\"max-w-[1120px] m-auto\">\n  <div class=\"max-w-[820px] m-3\">\n    <rolatech-loading-spinner></rolatech-loading-spinner>\n    @if (user) {\n      <div>\n        <div class=\"flex flex-col justify-center items-center p-3 mb-12\">\n          <p class=\"text-3xl\">\u4E2A\u4EBA\u4FE1\u606F</p>\n          <p class=\"text-md\">\u7528\u6237\u4FE1\u606F\u7684\u5168\u90E8\u5185\u5BB9</p>\n        </div>\n        <div class=\"border border-grap-400 rounded px-3 pt-3 mb-14\">\n          <div class=\"p-3 text-xl\">\u57FA\u672C\u8BBE\u7F6E</div>\n          <mat-nav-list>\n            <mat-list-item (click)=\"updateAvatar()\" class=\"h-16\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">\u5934\u50CF</span>\n                  <span class=\"w-24 text-sm\">\u8D26\u6237\u7684\u5934\u50CF</span>\n                </div>\n                <div\n                  class=\"mr-6 bg-orange-600 w-9 h-9 rounded-full cursor-pointer hover:outline-gray-200 outline outline-transparent outline-4\"\n                >\n                  @if (user.avatar) {\n                    <div class=\"w-9 h-9\">\n                      <img [src]=\"user.avatar\" class=\"w-9 h-9 rounded-full object-cover\" />\n                    </div>\n                  }\n                </div>\n              </div>\n            </mat-list-item>\n            <mat-divider class=\"mx-3\"></mat-divider>\n            <mat-list-item routerLink=\"../profile\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">\u59D3\u540D</span>\n                  <span>{{ user?.name }}</span>\n                </div>\n                <span>\n                  <mat-icon> navigate_next </mat-icon>\n                </span>\n              </div>\n            </mat-list-item>\n            <mat-divider class=\"mx-3\"></mat-divider>\n            <mat-list-item routerLink=\"../gender\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">\u6027\u522B</span>\n                  <span>{{ gender[user.gender] || '\u672A\u8BBE\u7F6E' }}</span>\n                </div>\n                <span>\n                  <mat-icon> navigate_next </mat-icon>\n                </span>\n              </div>\n            </mat-list-item>\n            <mat-divider class=\"mx-3\"></mat-divider>\n            <mat-list-item routerLink=\"../username\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">\u7528\u6237\u540D</span>\n                  <span>{{ user.username }}</span>\n                </div>\n                <span>\n                  <mat-icon> navigate_next </mat-icon>\n                </span>\n              </div>\n            </mat-list-item>\n          </mat-nav-list>\n        </div>\n        <!-- contact -->\n        <div class=\"border border-grap-400 rounded px-3 pt-3\">\n          <div class=\"p-3 text-xl\">\u8054\u7CFB\u65B9\u5F0F</div>\n          <mat-nav-list>\n            <mat-list-item routerLink=\"../email\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">\u90AE\u7BB1</span>\n                  <span>{{ user.email || '\u672A\u8BBE\u7F6E' }}</span>\n                </div>\n                <!-- <mat-icon mat-list-icon>arrow_drop_down</mat-icon> -->\n                <span>\n                  <mat-icon> navigate_next </mat-icon>\n                </span>\n              </div>\n            </mat-list-item>\n            <mat-divider class=\"mx-3\"></mat-divider>\n            <mat-list-item routerLink=\"../phone\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">\u7535\u8BDD</span>\n                  <span>{{ user.phone || '\u672A\u8BBE\u7F6E' }}</span>\n                </div>\n                <!-- <mat-icon mat-list-icon>arrow_drop_down</mat-icon> -->\n                <span>\n                  <mat-icon> navigate_next </mat-icon>\n                </span>\n              </div>\n            </mat-list-item>\n          </mat-nav-list>\n        </div>\n      </div>\n    }\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: AngularCommonModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: AngularComponentsModule }, { kind: "component", type: i2$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "component", type: LoadingSpinnerComponent, selector: "rolatech-loading-spinner", inputs: ["title"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: InfoComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: true, imports: [AngularCommonModule, AngularComponentsModule, LoadingSpinnerComponent], selector: 'rolatech-account-info', template: "<div class=\"max-w-[1120px] m-auto\">\n  <div class=\"max-w-[820px] m-3\">\n    <rolatech-loading-spinner></rolatech-loading-spinner>\n    @if (user) {\n      <div>\n        <div class=\"flex flex-col justify-center items-center p-3 mb-12\">\n          <p class=\"text-3xl\">\u4E2A\u4EBA\u4FE1\u606F</p>\n          <p class=\"text-md\">\u7528\u6237\u4FE1\u606F\u7684\u5168\u90E8\u5185\u5BB9</p>\n        </div>\n        <div class=\"border border-grap-400 rounded px-3 pt-3 mb-14\">\n          <div class=\"p-3 text-xl\">\u57FA\u672C\u8BBE\u7F6E</div>\n          <mat-nav-list>\n            <mat-list-item (click)=\"updateAvatar()\" class=\"h-16\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">\u5934\u50CF</span>\n                  <span class=\"w-24 text-sm\">\u8D26\u6237\u7684\u5934\u50CF</span>\n                </div>\n                <div\n                  class=\"mr-6 bg-orange-600 w-9 h-9 rounded-full cursor-pointer hover:outline-gray-200 outline outline-transparent outline-4\"\n                >\n                  @if (user.avatar) {\n                    <div class=\"w-9 h-9\">\n                      <img [src]=\"user.avatar\" class=\"w-9 h-9 rounded-full object-cover\" />\n                    </div>\n                  }\n                </div>\n              </div>\n            </mat-list-item>\n            <mat-divider class=\"mx-3\"></mat-divider>\n            <mat-list-item routerLink=\"../profile\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">\u59D3\u540D</span>\n                  <span>{{ user?.name }}</span>\n                </div>\n                <span>\n                  <mat-icon> navigate_next </mat-icon>\n                </span>\n              </div>\n            </mat-list-item>\n            <mat-divider class=\"mx-3\"></mat-divider>\n            <mat-list-item routerLink=\"../gender\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">\u6027\u522B</span>\n                  <span>{{ gender[user.gender] || '\u672A\u8BBE\u7F6E' }}</span>\n                </div>\n                <span>\n                  <mat-icon> navigate_next </mat-icon>\n                </span>\n              </div>\n            </mat-list-item>\n            <mat-divider class=\"mx-3\"></mat-divider>\n            <mat-list-item routerLink=\"../username\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">\u7528\u6237\u540D</span>\n                  <span>{{ user.username }}</span>\n                </div>\n                <span>\n                  <mat-icon> navigate_next </mat-icon>\n                </span>\n              </div>\n            </mat-list-item>\n          </mat-nav-list>\n        </div>\n        <!-- contact -->\n        <div class=\"border border-grap-400 rounded px-3 pt-3\">\n          <div class=\"p-3 text-xl\">\u8054\u7CFB\u65B9\u5F0F</div>\n          <mat-nav-list>\n            <mat-list-item routerLink=\"../email\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">\u90AE\u7BB1</span>\n                  <span>{{ user.email || '\u672A\u8BBE\u7F6E' }}</span>\n                </div>\n                <!-- <mat-icon mat-list-icon>arrow_drop_down</mat-icon> -->\n                <span>\n                  <mat-icon> navigate_next </mat-icon>\n                </span>\n              </div>\n            </mat-list-item>\n            <mat-divider class=\"mx-3\"></mat-divider>\n            <mat-list-item routerLink=\"../phone\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">\u7535\u8BDD</span>\n                  <span>{{ user.phone || '\u672A\u8BBE\u7F6E' }}</span>\n                </div>\n                <!-- <mat-icon mat-list-icon>arrow_drop_down</mat-icon> -->\n                <span>\n                  <mat-icon> navigate_next </mat-icon>\n                </span>\n              </div>\n            </mat-list-item>\n          </mat-nav-list>\n        </div>\n      </div>\n    }\n  </div>\n</div>\n" }]
-        }] });
-
-export { InfoComponent };
-//# sourceMappingURL=rolatech-angular-account-info.component-Bk-DhHtK.mjs.map

package/fesm2022/rolatech-angular-account-info.component-Bk-DhHtK.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"rolatech-angular-account-info.component-Bk-DhHtK.mjs","sources":["../../../../libs/angular-account/src/lib/components/avatar-update-dialog/avatar-update-dialog.component.ts","../../../../libs/angular-account/src/lib/components/avatar-update-dialog/avatar-update-dialog.component.html","../../../../libs/angular-account/src/lib/pages/myaccount/personal-info/info.component.ts","../../../../libs/angular-account/src/lib/pages/myaccount/personal-info/info.component.html"],"sourcesContent":["import { Component, Inject, inject, input, output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\nimport { MatButtonModule } from '@angular/material/button';\nimport { AuthUserService } from '@rolatech/angular-auth';\nimport { MatIconModule } from '@angular/material/icon';\nimport { SnackBarService } from '@rolatech/angular-services';\n\n@Component({\n  selector: 'rolatech-account-avatar-update-dialog',\n  standalone: true,\n  imports: [CommonModule, MatButtonModule, MatIconModule],\n  templateUrl: './avatar-update-dialog.component.html',\n  styleUrl: './avatar-update-dialog.component.scss',\n})\nexport class AvatarUpdateDialogComponent {\n  dialogRef = inject(MatDialogRef);\n  authUserService = inject(AuthUserService);\n  snackBarService = inject(SnackBarService);\n  avatar: any = '';\n  save = output<any>();\n\n  constructor(@Inject(MAT_DIALOG_DATA) public data: { avatar: string }) {\n    this.avatar = data.avatar;\n  }\n\n  cancel() {\n    this.dialogRef.close();\n  }\n  onSave() {\n    this.save.emit(this.avatar);\n  }\n  onUpload(event: any) {\n    const file = event.target.files[0];\n    if (file) {\n      const reader = new FileReader();\n      reader.readAsDataURL(file);\n      reader.onload = () => {\n        this.avatar = reader.result;\n        // this.isUploading = true;\n        const formData = new FormData();\n        formData.append('file', file);\n\n        this.authUserService.uploadAvatar(formData).subscribe({\n          next: (res: any) => {\n            this.snackBarService.open('更新成功');\n            // this.isUploading = false;\n          },\n          error: (e) => {\n            // this.isUploading = false;\n            // this.snackBar.open('上传失败: ' + e.message);\n          },\n        });\n      };\n      reader.onerror = (error) => {\n        // this.isUploading = false;\n      };\n    }\n  }\n}\n","<div class=\"flex flex-col p-3 max-w-[500px] mx-auto\">\n  <div class=\"text-xl font-bold p-3\">修改头像</div>\n  <!-- <div class=\"w-[256px] h-[256px] mx-auto flex justify-center items-center\">\n    <img [src]=\"avatar\" />\n  </div> -->\n  <div class=\"px-3 py-8\">\n    <div\n      class=\"bg-orange-600 w-[256px] h-[256px] rounded-full cursor-pointer hover:outline-gray-200 outline outline-transparent outline-4\"\n    >\n      @if (avatar) {\n        <div class=\"w-[256px] h-[256px]\">\n          <img [src]=\"avatar\" class=\"w-[256px] h-[256px] rounded-full object-cover\" />\n        </div>\n      }\n    </div>\n  </div>\n\n  <!-- <div class=\"p-3 flex justify-end items-center gap-3\">\n    <button mat-button (click)=\"cancel()\">取消</button>\n    <button mat-flat-button color=\"primary\" (click)=\"onSave()\">保存</button>\n  </div> -->\n  <div class=\"py-3\">\n    <input style=\"display: none\" type=\"file\" accept=\"image/*\" (change)=\"onUpload($event)\" #fileInput />\n    <button mat-flat-button (click)=\"fileInput.click()\">\n      <mat-icon>edit</mat-icon>\n      <span>更换头像</span>\n    </button>\n  </div>\n</div>\n","import { Component, inject, OnInit } from '@angular/core';\nimport { AuthUserService } from '@rolatech/angular-auth';\nimport { AngularCommonModule } from '@rolatech/angular-common';\nimport { AngularComponentsModule, LoadingSpinnerComponent } from '@rolatech/angular-components';\nimport { Observable } from 'rxjs';\nimport { MatDialog } from '@angular/material/dialog';\nimport { UserGender } from '../../../contant/user';\nimport { AvatarUpdateDialogComponent } from '../../../components/avatar-update-dialog/avatar-update-dialog.component';\n\n@Component({\n  standalone: true,\n  imports: [AngularCommonModule, AngularComponentsModule, LoadingSpinnerComponent],\n  selector: 'rolatech-account-info',\n  templateUrl: './info.component.html',\n  styleUrls: ['./info.component.scss'],\n})\nexport class InfoComponent implements OnInit {\n  user$!: Observable<any>;\n  authUserService = inject(AuthUserService);\n  dialog = inject(MatDialog);\n  user: any;\n  gender: any = UserGender;\n\n  ngOnInit(): void {\n    this.user$ = this.authUserService.me();\n    this.user$.subscribe({\n      next: (user) => {\n        this.user = user;\n      },\n    });\n  }\n  updateAvatar() {\n    const dialogRef = this.dialog.open(AvatarUpdateDialogComponent, {\n      data: {\n        avatar: this.user.avatar,\n      },\n    });\n    dialogRef.afterClosed().subscribe((result) => {\n      console.log(result);\n      location.reload();\n    });\n  }\n}\n","<div class=\"max-w-[1120px] m-auto\">\n  <div class=\"max-w-[820px] m-3\">\n    <rolatech-loading-spinner></rolatech-loading-spinner>\n    @if (user) {\n      <div>\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=\"border border-grap-400 rounded px-3 pt-3 mb-14\">\n          <div class=\"p-3 text-xl\">基本设置</div>\n          <mat-nav-list>\n            <mat-list-item (click)=\"updateAvatar()\" class=\"h-16\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">头像</span>\n                  <span class=\"w-24 text-sm\">账户的头像</span>\n                </div>\n                <div\n                  class=\"mr-6 bg-orange-600 w-9 h-9 rounded-full cursor-pointer hover:outline-gray-200 outline outline-transparent outline-4\"\n                >\n                  @if (user.avatar) {\n                    <div class=\"w-9 h-9\">\n                      <img [src]=\"user.avatar\" class=\"w-9 h-9 rounded-full object-cover\" />\n                    </div>\n                  }\n                </div>\n              </div>\n            </mat-list-item>\n            <mat-divider class=\"mx-3\"></mat-divider>\n            <mat-list-item routerLink=\"../profile\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">姓名</span>\n                  <span>{{ user?.name }}</span>\n                </div>\n                <span>\n                  <mat-icon> navigate_next </mat-icon>\n                </span>\n              </div>\n            </mat-list-item>\n            <mat-divider class=\"mx-3\"></mat-divider>\n            <mat-list-item routerLink=\"../gender\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">性别</span>\n                  <span>{{ gender[user.gender] || '未设置' }}</span>\n                </div>\n                <span>\n                  <mat-icon> navigate_next </mat-icon>\n                </span>\n              </div>\n            </mat-list-item>\n            <mat-divider class=\"mx-3\"></mat-divider>\n            <mat-list-item routerLink=\"../username\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">用户名</span>\n                  <span>{{ user.username }}</span>\n                </div>\n                <span>\n                  <mat-icon> navigate_next </mat-icon>\n                </span>\n              </div>\n            </mat-list-item>\n          </mat-nav-list>\n        </div>\n        <!-- contact -->\n        <div class=\"border border-grap-400 rounded px-3 pt-3\">\n          <div class=\"p-3 text-xl\">联系方式</div>\n          <mat-nav-list>\n            <mat-list-item routerLink=\"../email\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">邮箱</span>\n                  <span>{{ user.email || '未设置' }}</span>\n                </div>\n                <!-- <mat-icon mat-list-icon>arrow_drop_down</mat-icon> -->\n                <span>\n                  <mat-icon> navigate_next </mat-icon>\n                </span>\n              </div>\n            </mat-list-item>\n            <mat-divider class=\"mx-3\"></mat-divider>\n            <mat-list-item routerLink=\"../phone\">\n              <div class=\"flex items-center justify-between\">\n                <div class=\"flex flex-1 items-center\">\n                  <span class=\"w-24 text-sm font-thin\">电话</span>\n                  <span>{{ user.phone || '未设置' }}</span>\n                </div>\n                <!-- <mat-icon mat-list-icon>arrow_drop_down</mat-icon> -->\n                <span>\n                  <mat-icon> navigate_next </mat-icon>\n                </span>\n              </div>\n            </mat-list-item>\n          </mat-nav-list>\n        </div>\n      </div>\n    }\n  </div>\n</div>\n"],"names":["i2"],"mappings":"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"}

package/fesm2022/rolatech-angular-account-security.routes-B9DWZw7I.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"rolatech-angular-account-security.routes-B9DWZw7I.mjs","sources":["../../../../libs/angular-account/src/lib/pages/myaccount/security/security-index/security-index.component.ts","../../../../libs/angular-account/src/lib/pages/myaccount/security/security-index/security-index.component.html","../../../../libs/angular-account/src/lib/pages/myaccount/security/security-password/security-password.component.ts","../../../../libs/angular-account/src/lib/pages/myaccount/security/security-password/security-password.component.html","../../../../libs/angular-account/src/lib/pages/myaccount/security/security-verification/security-verification.component.ts","../../../../libs/angular-account/src/lib/pages/myaccount/security/security-verification/security-verification.component.html","../../../../libs/angular-account/src/lib/pages/myaccount/security/security.routes.ts"],"sourcesContent":["import { Component, OnInit, inject } from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\nimport { AuthService, FaceidDetectDialogComponent } from '@rolatech/angular-auth';\nimport { AngularCommonModule } from '@rolatech/angular-common';\nimport { AngularComponentsModule, WechatConnectDialogComponent } from '@rolatech/angular-components';\n\n@Component({\n  standalone: true,\n  imports: [AngularCommonModule, AngularComponentsModule],\n  selector: 'rolatech-account-security-index',\n  templateUrl: './security-index.component.html',\n  styleUrls: ['./security-index.component.scss'],\n})\nexport class SecurityIndexComponent implements OnInit {\n  dialog = inject(MatDialog);\n  authService = inject(AuthService);\n  bind = false;\n  verified = false;\n\n  constructor() {}\n\n  ngOnInit(): void {\n    this.wechatStatus();\n  }\n  faceId() {\n    const dialogRef = this.dialog.open(FaceidDetectDialogComponent, {\n      data: {},\n    });\n    dialogRef.afterClosed().subscribe((result) => {\n      this.verified = result;\n    });\n  }\n  connectWeChat() {\n    // const redirectUri = 'https://accounts.pinxiaoke.cn/login';\n    const redirectUri = `${window.location.origin}/login`;\n\n    const dialogRef = this.dialog.open(WechatConnectDialogComponent, {\n      data: {\n        appid: 'wx567acbea73439828',\n        redirect_uri: redirectUri,\n        state: 'add',\n      },\n    });\n    dialogRef.afterClosed().subscribe((result) => {\n      this.wechatStatus();\n    });\n  }\n  disconnectWeChat() {\n    this.authService.wechatDisconnect().subscribe({\n      next: (res) => {\n        this.bind = false;\n      },\n    });\n  }\n  wechatStatus() {\n    this.authService.wechatStatus({ id: 'me' }).subscribe({\n      next: (res) => {\n        this.bind = res.data?.openid !== undefined;\n      },\n    });\n  }\n}\n","<div class=\"max-w-[1120px] m-auto\">\n  <div class=\"max-w-[820px] m-3\">\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=\"border border-grap-400 rounded px-3 pt-3\">\n      <div class=\"p-3 text-xl\">基本设置</div>\n      <mat-nav-list>\n        <mat-list-item (click)=\"faceId()\">\n          <div class=\"flex items-center justify-between\">\n            <span>实名认证</span>\n            <!-- <mat-icon mat-list-icon>arrow_drop_down</mat-icon> -->\n            @if (!verified) {\n              <span class=\"mr-3\"> 未认证 </span>\n            }\n            @if (verified) {\n              <a class=\"mr-3\"> 已认证 </a>\n            }\n            <!-- @if (bind) {\n            <a class=\"mr-3\" (click)=\"disconnectWeChat()\"> 解绑 </a>\n          } -->\n          </div>\n        </mat-list-item>\n        <mat-divider></mat-divider>\n        <mat-list-item>\n          <div class=\"flex items-center justify-between\">\n            <span>微信绑定</span>\n            <!-- <mat-icon mat-list-icon>arrow_drop_down</mat-icon> -->\n            @if (!bind) {\n              <span class=\"mr-3\" (click)=\"connectWeChat()\"> 绑定 </span>\n            }\n            @if (bind) {\n              <a class=\"mr-3\"> 已绑定 </a>\n            }\n            <!-- @if (bind) {\n            <a class=\"mr-3\" (click)=\"disconnectWeChat()\"> 解绑 </a>\n          } -->\n          </div>\n        </mat-list-item>\n        <mat-divider></mat-divider>\n        <mat-list-item routerLink=\"./password\">\n          <div class=\"flex items-center justify-between\">\n            <span>密码设置</span>\n            <!-- <mat-icon mat-list-icon>arrow_drop_down</mat-icon> -->\n            <span>\n              <mat-icon> navigate_next </mat-icon>\n            </span>\n          </div>\n        </mat-list-item>\n      </mat-nav-list>\n    </div>\n  </div>\n</div>\n","import { Component, OnInit } from '@angular/core';\nimport { FormGroup, FormBuilder, Validators } from '@angular/forms';\nimport { MatSnackBar } from '@angular/material/snack-bar';\nimport { AuthService } from '@rolatech/angular-auth';\nimport { AngularCommonModule } from '@rolatech/angular-common';\nimport { AngularComponentsModule } from '@rolatech/angular-components';\nimport { BackButtonDirective } from '@rolatech/angular-services';\n\n@Component({\n  standalone: true,\n  imports: [AngularCommonModule, AngularComponentsModule, BackButtonDirective],\n  selector: 'rolatech-account-security-password',\n  templateUrl: './security-password.component.html',\n  styleUrls: ['./security-password.component.scss'],\n})\nexport class SecurityPasswordComponent implements OnInit {\n  passwordForm!: FormGroup;\n\n  constructor(\n    private formBuilder: FormBuilder,\n    private authService: AuthService,\n    private snackBar: MatSnackBar,\n  ) {}\n\n  ngOnInit(): void {\n    this.passwordForm = this.formBuilder.group({\n      oldPassword: ['', Validators.required],\n      newPassword: ['', Validators.required],\n      ne2Password: ['', Validators.required],\n    });\n  }\n  save() {\n    if (!this.passwordForm.valid) {\n      return;\n    }\n    this.authService.changePassword(this.passwordForm.value).subscribe({\n      next: (res: any) => {\n        this.snackBar.open(res.message);\n      },\n      error: (e) => {\n        this.snackBar.open(e.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</div>\n<div class=\"max-w-[1120px] m-auto px-6\">\n  <p class=\"text-md my-3\">修改用户密码</p>\n  <div class=\"mt-3\">\n    <form [formGroup]=\"passwordForm\">\n      <div class=\"flex flex-col\">\n        <mat-form-field appearance=\"fill\">\n          <mat-label> 原密码</mat-label>\n          <input matInput type=\"password\" formControlName=\"oldPassword\" required />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label> 新密码 </mat-label>\n          <input matInput type=\"password\" formControlName=\"newPassword\" required />\n        </mat-form-field>\n        <mat-form-field appearance=\"fill\">\n          <mat-label> 新密码 </mat-label>\n          <input matInput type=\"password\" formControlName=\"ne2Password\" required />\n        </mat-form-field>\n      </div>\n    </form>\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","import { Component, ElementRef, OnInit, Renderer2, ViewChild, inject } from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\nimport { AuthService } from '@rolatech/angular-auth';\nimport { AngularCommonModule } from '@rolatech/angular-common';\nimport { AngularComponentsModule, LoadingSpinnerComponent } from '@rolatech/angular-components';\nimport * as QRCode from 'qrcode';\n\n@Component({\n  standalone: true,\n  imports: [AngularCommonModule, AngularComponentsModule, LoadingSpinnerComponent],\n  selector: 'rolatech-account-security-verification',\n  templateUrl: './security-verification.component.html',\n  styleUrls: ['./security-verification.component.scss'],\n})\nexport class SecurityVerificationComponent implements OnInit {\n  dialog = inject(MatDialog);\n  authService = inject(AuthService);\n  verified = false;\n  renderer = inject(Renderer2);\n  @ViewChild('qrcode', { static: false }) qrcElement!: ElementRef;\n  loading = false;\n  BizToken = '';\n  identification = {};\n  ngOnInit(): void {\n    this.check();\n  }\n  check() {\n    this.authService.faceIdStatus().subscribe({\n      next: (res) => {\n        this.verified = res.data.verified;\n      },\n    });\n  }\n  verify() {\n    this.loading = true;\n    this.authService.requestFaceIdDetect().subscribe({\n      next: ({ data }) => {\n        this.genQRCode(data.url);\n        // this.loop();\n      },\n      error: () => {\n        this.loading = false;\n      },\n    });\n  }\n  loop() {\n    const interval = setInterval(() => {\n      this.authService.faceIdStatus().subscribe({\n        next: (res) => {\n          if (res) {\n            clearInterval(interval);\n          }\n        },\n      });\n      this;\n    }, 2000);\n  }\n\n  genQRCode(url: string) {\n    const element: Element = this.renderer.createElement('canvas');\n    this.toCanvas(element, url)\n      .then(() => {\n        this.renderElement(element);\n      })\n      .catch((e) => {\n        this.removeElementChildren();\n      });\n  }\n\n  private toCanvas(canvas: any, url: any): Promise<any> {\n    return QRCode.toCanvas(canvas, url, {\n      errorCorrectionLevel: 'M',\n      width: 200,\n    });\n  }\n  private renderElement(element: any): void {\n    this.removeElementChildren();\n    this.renderer.appendChild(this.qrcElement.nativeElement, element);\n  }\n  private removeElementChildren(): void {\n    for (const node of this.qrcElement.nativeElement.childNodes) {\n      this.renderer.removeChild(this.qrcElement.nativeElement, node);\n    }\n  }\n}\n","<div class=\"max-w-[1120px] m-auto\">\n  <div class=\"max-w-[820px]\">\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>\n  @if (verified) {\n    <div class=\"p-3\">\n      <div class=\"text-md font-bold py-3\">您已经完成实名认证</div>\n      <div class=\"flex flex-col\">\n        <div><span class=\"text-gray-600\">姓名: </span> <span>22</span></div>\n        <div><span class=\"text-gray-600\">身份证: </span><span>22</span></div>\n      </div>\n    </div>\n  } @else {\n    <div>未认证</div>\n    <button mat-raised-button (click)=\"verify()\" color=\"primary\">请求认证</button>\n    <div #qrcode>\n      @if (loading) {\n        <div>\n          <rolatech-loading-spinner></rolatech-loading-spinner>\n        </div>\n      }\n    </div>\n  }\n</div>\n","import { Routes } from '@angular/router';\nimport { SecurityIndexComponent } from './security-index/security-index.component';\nimport { SecurityPasswordComponent } from './security-password/security-password.component';\nimport { SecurityFaceidComponent } from './security-faceid/security-faceid.component';\nimport { SecurityVerificationComponent } from './security-verification/security-verification.component';\n\nconst securityRoutes: Routes = [\n  {\n    path: '',\n    component: SecurityIndexComponent,\n  },\n  {\n    path: 'verification',\n    component: SecurityVerificationComponent,\n  },\n  // {\n  //   path: 'faceid',\n  //   component: SecurityFaceidComponent,\n  // },\n  { path: 'password', component: SecurityPasswordComponent },\n];\n\nexport default securityRoutes;\n"],"names":["i1","i2","i3"],"mappings":"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"}