@rolatech/angular-user 19.0.0-beta.9

package/README.md

@@ -0,0 +1,3 @@
+# angular-user
+
+This library was generated with [Nx](https://nx.dev).

package/fesm2022/rolatech-angular-user.mjs

@@ -0,0 +1,380 @@
+import * as i0 from '@angular/core';
+import { Injectable, inject, model, effect, Component, ViewEncapsulation, input, output, HostBinding, signal } from '@angular/core';
+import { BaseComponent, AvatarComponent, ContainerComponent, TabsComponent, TabComponent, RichViewComponent, RichItemComponent, EmptyComponent, ToolbarComponent } from '@rolatech/angular-components';
+import { AuthService, AuthUserService } from '@rolatech/angular-auth';
+import { BehaviorSubject } from 'rxjs';
+import * as i2 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i1 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import { RouterLink, RouterOutlet, ActivatedRoute } from '@angular/router';
+import { CourseService } from '@rolatech/angular-course';
+import { CommonModule } from '@angular/common';
+import { ProductService } from '@rolatech/angular-services';
+import { Title } from '@angular/platform-browser';
+import { map } from 'lodash';
+
+class UserDataService {
+    userInfo = new BehaviorSubject(null);
+    data = this.userInfo.asObservable();
+    send(data) {
+        this.userInfo.next(data);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: UserDataService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: UserDataService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: UserDataService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class UserLayoutComponent extends BaseComponent {
+    authService = inject(AuthService);
+    authUserService = inject(AuthUserService);
+    userDataService = inject(UserDataService);
+    authenticated = this.authService.authenticated;
+    userInfo;
+    courses = [];
+    meta;
+    isFollowed = false;
+    username = '';
+    selectIndex = model(0);
+    path = '';
+    statsData;
+    constructor() {
+        super();
+        effect(() => {
+            if (this.authenticated()) {
+                this.checkIfFollowed();
+            }
+        });
+    }
+    ngOnInit() {
+        this.username = this.route.snapshot.params['username'];
+        this.stats();
+        this.findUserInfo();
+        this.route.params.subscribe((params) => {
+            if (params['path'] === 'community') {
+                this.selectIndex.set(1);
+            }
+            if (params['path'] === 'store') {
+                this.selectIndex.set(2);
+            }
+        });
+    }
+    stats() {
+        this.authUserService.followersStats(this.username).subscribe({
+            next: (res) => {
+                this.statsData = res.data;
+            },
+        });
+    }
+    findUserInfo() {
+        this.authUserService.findUserInfoByUsername(this.username).subscribe({
+            next: (res) => {
+                this.userInfo = res.data;
+                this.userDataService.send(res.data);
+                if (res.data) {
+                    this.titleService.setTitle(`${this.userInfo.name}(@${this.userInfo.username}) - 拼小课`);
+                }
+                else {
+                    this.titleService.setTitle(`拼小课`);
+                }
+            },
+        });
+    }
+    checkIfFollowed() {
+        this.authUserService.isFollowing(this.username).subscribe({
+            next: (res) => {
+                this.isFollowed = res.data;
+            },
+        });
+    }
+    follow() {
+        this.authUserService.follow(this.username).subscribe({
+            next: (res) => {
+                this.isFollowed = true;
+            },
+        });
+    }
+    unfollow() {
+        this.authUserService.unfollow(this.username).subscribe({
+            next: (res) => {
+                this.isFollowed = false;
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: UserLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: UserLayoutComponent, isStandalone: true, selector: "rolatech-user-layout", inputs: { selectIndex: { classPropertyName: "selectIndex", publicName: "selectIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectIndex: "selectIndexChange" }, usesInheritance: true, ngImport: i0, template: "<rolatech-container>\n  @if (userInfo) {\n    <div>\n      <div class=\"h-8\"></div>\n      <div class=\"flex\">\n        <div\n          class=\"w-[80px] h-[80px] md:w-36 md:h-36 sm:w-28 sm:h-28 rounded-full border-white mr-4 bg-[--rt-raised-background]\"\n        >\n          @defer {\n            <rolatech-avatar [src]=\"userInfo.avatar + '!w400'\" size=\"full\"> </rolatech-avatar>\n          }\n        </div>\n        <div class=\"flex flex-col flex-grow\">\n          <div class=\"flex justify-between items-center sm:mt-1\">\n            <div class=\"flex items-center gap-2\">\n              <div class=\"text-xl md:text-2xl font-medium\">\n                <span>{{ userInfo.name }}</span>\n              </div>\n              <mat-icon color=\"primary\">verified</mat-icon>\n            </div>\n            <div>\n              @if (isFollowed) {\n                <button mat-flat-button (click)=\"unfollow()\" class=\"w-28 max-h-8\">\u53D6\u6D88\u5173\u6CE8</button>\n              } @else {\n                <button mat-flat-button (click)=\"follow()\" class=\"w-28 max-h-8\">\u5173\u6CE8</button>\n              }\n            </div>\n          </div>\n          <div class=\"text-sm text-[--rt-text-secondary]\">\n            <div class=\"flex gap-3 py-2 items-center\">\n              <a>\n                <span>&#64;{{ userInfo.username }}</span>\n              </a>\n              <a class=\"cursor-pointer hover:text-orange-600\" [routerLink]=\"['./following']\">\n                <span class=\"font-bold\">{{ statsData?.following }}</span>\n                <span class=\"ml-1\">\u5173\u6CE8</span>\n              </a>\n              <a class=\"cursor-pointer hover:text-orange-600\" [routerLink]=\"['./followers']\">\n                <span class=\"font-bold\">{{ statsData?.followers }}</span>\n                <span class=\"ml-1\">\u7C89\u4E1D</span>\n              </a>\n            </div>\n            <div class=\"mb-3\">\n              <div>\n                {{ userInfo.bio }}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"py-2\">\n        <rolatech-tabs [(select)]=\"selectIndex\" ngSkipHydration>\n          <rolatech-tab label=\"\u8BFE\u7A0B\" routerLink=\"./\"></rolatech-tab>\n          <rolatech-tab label=\"\u793E\u533A\" routerLink=\"./community\"></rolatech-tab>\n          <rolatech-tab label=\"\u5546\u54C1\" routerLink=\"./store\"></rolatech-tab>\n        </rolatech-tabs>\n      </div>\n\n      <router-outlet></router-outlet>\n    </div>\n  }\n</rolatech-container>\n", styles: ["mat-icon{transform:scale(.8);color:var(--rt-brand-color)}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: ContainerComponent, selector: "rolatech-container" }, { kind: "component", type: TabsComponent, selector: "rolatech-tabs", inputs: ["select", "loading"], outputs: ["selectChange"] }, { kind: "component", type: TabComponent, selector: "rolatech-tab", inputs: ["label"] }, { 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: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], deferBlockDependencies: [() => [AvatarComponent]] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: UserLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-user-layout', imports: [
+                        MatIconModule,
+                        RouterLink,
+                        ContainerComponent,
+                        AvatarComponent,
+                        TabsComponent,
+                        TabComponent,
+                        MatButtonModule,
+                        TabsComponent,
+                        TabComponent,
+                        RouterOutlet,
+                    ], template: "<rolatech-container>\n  @if (userInfo) {\n    <div>\n      <div class=\"h-8\"></div>\n      <div class=\"flex\">\n        <div\n          class=\"w-[80px] h-[80px] md:w-36 md:h-36 sm:w-28 sm:h-28 rounded-full border-white mr-4 bg-[--rt-raised-background]\"\n        >\n          @defer {\n            <rolatech-avatar [src]=\"userInfo.avatar + '!w400'\" size=\"full\"> </rolatech-avatar>\n          }\n        </div>\n        <div class=\"flex flex-col flex-grow\">\n          <div class=\"flex justify-between items-center sm:mt-1\">\n            <div class=\"flex items-center gap-2\">\n              <div class=\"text-xl md:text-2xl font-medium\">\n                <span>{{ userInfo.name }}</span>\n              </div>\n              <mat-icon color=\"primary\">verified</mat-icon>\n            </div>\n            <div>\n              @if (isFollowed) {\n                <button mat-flat-button (click)=\"unfollow()\" class=\"w-28 max-h-8\">\u53D6\u6D88\u5173\u6CE8</button>\n              } @else {\n                <button mat-flat-button (click)=\"follow()\" class=\"w-28 max-h-8\">\u5173\u6CE8</button>\n              }\n            </div>\n          </div>\n          <div class=\"text-sm text-[--rt-text-secondary]\">\n            <div class=\"flex gap-3 py-2 items-center\">\n              <a>\n                <span>&#64;{{ userInfo.username }}</span>\n              </a>\n              <a class=\"cursor-pointer hover:text-orange-600\" [routerLink]=\"['./following']\">\n                <span class=\"font-bold\">{{ statsData?.following }}</span>\n                <span class=\"ml-1\">\u5173\u6CE8</span>\n              </a>\n              <a class=\"cursor-pointer hover:text-orange-600\" [routerLink]=\"['./followers']\">\n                <span class=\"font-bold\">{{ statsData?.followers }}</span>\n                <span class=\"ml-1\">\u7C89\u4E1D</span>\n              </a>\n            </div>\n            <div class=\"mb-3\">\n              <div>\n                {{ userInfo.bio }}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"py-2\">\n        <rolatech-tabs [(select)]=\"selectIndex\" ngSkipHydration>\n          <rolatech-tab label=\"\u8BFE\u7A0B\" routerLink=\"./\"></rolatech-tab>\n          <rolatech-tab label=\"\u793E\u533A\" routerLink=\"./community\"></rolatech-tab>\n          <rolatech-tab label=\"\u5546\u54C1\" routerLink=\"./store\"></rolatech-tab>\n        </rolatech-tabs>\n      </div>\n\n      <router-outlet></router-outlet>\n    </div>\n  }\n</rolatech-container>\n", styles: ["mat-icon{transform:scale(.8);color:var(--rt-brand-color)}\n"] }]
+        }], ctorParameters: () => [] });
+
+class UserInfoComponent extends BaseComponent {
+    courseService = inject(CourseService);
+    userDataService = inject(UserDataService);
+    courses = [];
+    meta;
+    constructor() {
+        super();
+    }
+    ngOnInit() {
+        this.userDataService.data.subscribe({
+            next: (userInfo) => {
+                this.findCoursesByInstructorId(userInfo.id);
+            },
+        });
+    }
+    findCoursesByInstructorId(instructorId) {
+        const options = {
+            filter: `instructorId:${instructorId},published:true`,
+            sort: 'updatedAt desc',
+        };
+        this.courseService.find(options).subscribe({
+            next: (res) => {
+                this.courses = res.data;
+                this.meta = res.meta;
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: UserInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: UserInfoComponent, isStandalone: true, selector: "rolatech-user-info", usesInheritance: true, ngImport: i0, template: "<rolatech-rich-view list>\n  @for (item of courses; track $index) {\n    <rolatech-rich-item\n      [title]=\"item.name\"\n      [thumbnail]=\"item.media[0].url + '!w400'\"\n      [price]=\"(item.pricing[0].total / 100).toFixed(2)\"\n      [routerLink]=\"['/courses', item.id]\"\n      class=\"cursor-pointer hover:bg-[--rt-raised-background]\"\n    ></rolatech-rich-item>\n  }\n</rolatech-rich-view>\n", styles: [""], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: RichViewComponent, selector: "rolatech-rich-view", inputs: ["list", "wrap"] }, { kind: "component", type: RichItemComponent, selector: "rolatech-rich-item", inputs: ["list", "thumbnail", "avatar", "title", "subtitle", "price", "thumbnailRatio"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: UserInfoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-user-info', imports: [RouterLink, RichViewComponent, RichItemComponent], encapsulation: ViewEncapsulation.None, template: "<rolatech-rich-view list>\n  @for (item of courses; track $index) {\n    <rolatech-rich-item\n      [title]=\"item.name\"\n      [thumbnail]=\"item.media[0].url + '!w400'\"\n      [price]=\"(item.pricing[0].total / 100).toFixed(2)\"\n      [routerLink]=\"['/courses', item.id]\"\n      class=\"cursor-pointer hover:bg-[--rt-raised-background]\"\n    ></rolatech-rich-item>\n  }\n</rolatech-rich-view>\n" }]
+        }], ctorParameters: () => [] });
+
+class UserCommunityComponent {
+    userDataService = inject(UserDataService);
+    ngOnInit() {
+        this.userDataService.data.subscribe({
+            next: (userInfo) => { },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: UserCommunityComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: UserCommunityComponent, isStandalone: true, selector: "rolatech-user-community", ngImport: i0, template: "<rolatech-empty></rolatech-empty>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: EmptyComponent, selector: "rolatech-empty" }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: UserCommunityComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-user-community', imports: [CommonModule, EmptyComponent], encapsulation: ViewEncapsulation.None, template: "<rolatech-empty></rolatech-empty>\n" }]
+        }] });
+
+class UserStoreComponent {
+    userDataService = inject(UserDataService);
+    productService = inject(ProductService);
+    products;
+    ngOnInit() {
+        this.userDataService.data.subscribe({
+            next: (userInfo) => {
+                this.findProductsByUserId(userInfo.id);
+            },
+        });
+    }
+    findProductsByUserId(userId) {
+        const options = {
+            filter: `userId:${userId}`,
+            sort: 'updatedAt desc',
+        };
+        this.productService.find(options).subscribe({
+            next: (res) => {
+                this.products = res.data;
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: UserStoreComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: UserStoreComponent, isStandalone: true, selector: "rolatech-user-store", ngImport: i0, template: "@if (products) {\n  <div>\n    <rolatech-rich-view wrap>\n      @for (item of products; track item) {\n        @defer {\n          <rolatech-rich-item\n            [routerLink]=\"['/products', item.id]\"\n            [thumbnail]=\"item.media ? item.media[0].url + '!w400' : ''\"\n            [title]=\"item.name\"\n            [subtitle]=\"item.description\"\n            [price]=\"(item.price / 100).toFixed(2)\"\n            thumbnailRatio=\"square\"\n          ></rolatech-rich-item>\n        }\n      }\n    </rolatech-rich-view>\n  </div>\n} @else {\n  <rolatech-empty></rolatech-empty>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: EmptyComponent, selector: "rolatech-empty" }, { kind: "component", type: RichViewComponent, selector: "rolatech-rich-view", inputs: ["list", "wrap"] }], encapsulation: i0.ViewEncapsulation.None, deferBlockDependencies: [() => [RichItemComponent, import('@angular/router').then(m => m.RouterLink)]] });
+}
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "19.2.2", ngImport: i0, type: UserStoreComponent, resolveDeferredDeps: () => [import('@angular/router').then(m => m.RouterLink)], resolveMetadata: RouterLink => ({ decorators: [{
+                type: Component,
+                args: [{ selector: 'rolatech-user-store', imports: [CommonModule, EmptyComponent, RichViewComponent, RichItemComponent, RouterLink], encapsulation: ViewEncapsulation.None, template: "@if (products) {\n  <div>\n    <rolatech-rich-view wrap>\n      @for (item of products; track item) {\n        @defer {\n          <rolatech-rich-item\n            [routerLink]=\"['/products', item.id]\"\n            [thumbnail]=\"item.media ? item.media[0].url + '!w400' : ''\"\n            [title]=\"item.name\"\n            [subtitle]=\"item.description\"\n            [price]=\"(item.price / 100).toFixed(2)\"\n            thumbnailRatio=\"square\"\n          ></rolatech-rich-item>\n        }\n      }\n    </rolatech-rich-view>\n  </div>\n} @else {\n  <rolatech-empty></rolatech-empty>\n}\n" }]
+            }], ctorParameters: null, propDecorators: null }) });
+
+class UserItemComponent {
+    hasClass = true;
+    user = input();
+    isFollowing = input(true);
+    follow = output();
+    unfollow = output();
+    own = input();
+    onFollow() {
+        this.follow.emit(this.user().username);
+    }
+    onUnFollow() {
+        this.unfollow.emit(this.user().username);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: UserItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: UserItemComponent, isStandalone: true, selector: "rolatech-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 }, own: { classPropertyName: "own", publicName: "own", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { follow: "follow", unfollow: "unfollow" }, host: { properties: { "class.rolatech-user-item": "this.hasClass" } }, ngImport: i0, template: "<div class=\"flex w-full justify-between items-center p-2 hover:bg-[--rt-raised-background] cursor-pointer\">\n  <div class=\"flex items-center\">\n    <div class=\"bg-[--rt-brand-color] w-12 h-12 rounded-full\">\n      @if (user().avatar) {\n        <img class=\"w-12 h-12 object-cover rounded-full\" [src]=\"user().avatar\" alt=\"avatar img\" />\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 (!own()) {\n    @if (isFollowing()) {\n      <button mat-flat-button class=\"w-28 max-h-8\" (click)=\"onUnFollow()\">\u53D6\u6D88\u5173\u6CE8</button>\n    } @else {\n      <button mat-flat-button class=\"w-28 max-h-8\" (click)=\"onFollow()\">\u5173\u6CE8</button>\n    }\n  }\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"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: UserItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-user-item', imports: [CommonModule, MatButtonModule], encapsulation: ViewEncapsulation.None, template: "<div class=\"flex w-full justify-between items-center p-2 hover:bg-[--rt-raised-background] cursor-pointer\">\n  <div class=\"flex items-center\">\n    <div class=\"bg-[--rt-brand-color] w-12 h-12 rounded-full\">\n      @if (user().avatar) {\n        <img class=\"w-12 h-12 object-cover rounded-full\" [src]=\"user().avatar\" alt=\"avatar img\" />\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 (!own()) {\n    @if (isFollowing()) {\n      <button mat-flat-button class=\"w-28 max-h-8\" (click)=\"onUnFollow()\">\u53D6\u6D88\u5173\u6CE8</button>\n    } @else {\n      <button mat-flat-button class=\"w-28 max-h-8\" (click)=\"onFollow()\">\u5173\u6CE8</button>\n    }\n  }\n</div>\n" }]
+        }], propDecorators: { hasClass: [{
+                type: HostBinding,
+                args: ['class.rolatech-user-item']
+            }] } });
+
+class UserFollowInfoComponent {
+    title = inject(Title);
+    route = inject(ActivatedRoute);
+    authService = inject(AuthService);
+    authUserService = inject(AuthUserService);
+    authenticated = this.authService.authenticated;
+    userId = this.authService.userId;
+    tabIndex = signal(0);
+    userInfo;
+    users = [];
+    username = '';
+    path = '';
+    myId = '';
+    constructor() {
+        this.route.params.subscribe({
+            next: (params) => {
+                this.username = params['username'];
+                this.path = params.path;
+            },
+        });
+        effect(() => {
+            switch (this.tabIndex()) {
+                case 0:
+                    this.listFollowingByUsername();
+                    break;
+                case 1:
+                    this.listFollowersByUsername();
+                    break;
+                default:
+                    break;
+            }
+        });
+    }
+    ngOnInit() {
+        if (this.path === 'following') {
+            this.tabIndex.set(0);
+        }
+        else {
+            this.tabIndex.set(1);
+        }
+        this.findUserInfo();
+    }
+    findUserInfo() {
+        this.authUserService.findUserInfoByUsername(this.username).subscribe({
+            next: (res) => {
+                this.userInfo = res.data;
+                if (res.data) {
+                    this.title.setTitle(`${this.userInfo.name}(@${this.userInfo.username}) - 拼小课`);
+                }
+                else {
+                    this.title.setTitle(`拼小课`);
+                }
+            },
+        });
+    }
+    follow(user) {
+        this.authUserService.follow(user.username).subscribe({
+            next: (res) => {
+                user.isFollowing = true;
+            },
+        });
+    }
+    unfollow(user) {
+        this.authUserService.unfollow(user.username).subscribe({
+            next: (res) => {
+                user.isFollowing = false;
+                if (this.myId === this.userInfo.id) {
+                    const index = this.users.findIndex((item) => item.username === user.username);
+                    this.users.splice(index, 1);
+                }
+            },
+        });
+    }
+    listFollowingByUsername() {
+        this.authUserService.listFollowingByUsername(this.username).subscribe({
+            next: (res) => {
+                this.users = map(res.data, 'user');
+                const ids = map(res.data, 'user.id');
+                this.friendships(ids);
+            },
+        });
+    }
+    listFollowersByUsername() {
+        this.authUserService.listFollowersByUsername(this.username).subscribe({
+            next: (res) => {
+                this.users = map(res.data, 'follower');
+                const ids = map(res.data, 'follower.id');
+                this.friendships(ids);
+            },
+        });
+    }
+    friendships(ids) {
+        if (this.authenticated()) {
+            this.myId = this.userId();
+            const index = this.users.findIndex((item) => item.id === this.myId);
+            if (index > 0) {
+                this.users.unshift(this.users.splice(index, 1)[0]);
+            }
+            this.authUserService.friendships(ids).subscribe({
+                next: (res) => {
+                    this.format(res.data);
+                },
+            });
+        }
+    }
+    format(friendships) {
+        this.users.map((item) => {
+            item.isFollowing = friendships[item.id].following;
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: UserFollowInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: UserFollowInfoComponent, isStandalone: true, selector: "rolatech-user-follow-info", ngImport: i0, template: "<rolatech-container>\n  <rolatech-toolbar [title]=\"userInfo?.name\" link=\"../\" [subtitle]=\"userInfo?.username\"></rolatech-toolbar>\n  <div class=\"mb-3\"></div>\n\n  <rolatech-tabs [(select)]=\"tabIndex\">\n    <rolatech-tab label=\"\u5173\u6CE8\" [routerLink]=\"['../', 'following']\"></rolatech-tab>\n    <rolatech-tab label=\"\u7C89\u4E1D\" [routerLink]=\"['../', 'followers']\"></rolatech-tab>\n  </rolatech-tabs>\n  <div class=\"mb-3\"></div>\n  @for (user of users; track $index) {\n    <rolatech-user-item\n      [user]=\"user\"\n      [routerLink]=\"'/@' + user.username\"\n      [isFollowing]=\"user.isFollowing\"\n      (follow)=\"follow(user)\"\n      (unfollow)=\"unfollow(user)\"\n      [own]=\"user.id === myId\"\n    ></rolatech-user-item>\n  }\n</rolatech-container>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: TabsComponent, selector: "rolatech-tabs", inputs: ["select", "loading"], outputs: ["selectChange"] }, { kind: "component", type: TabComponent, selector: "rolatech-tab", inputs: ["label"] }, { kind: "component", type: ContainerComponent, selector: "rolatech-container" }, { kind: "component", type: ToolbarComponent, selector: "rolatech-toolbar", inputs: ["title", "subtitle", "back", "link", "large", "divider"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: UserItemComponent, selector: "rolatech-user-item", inputs: ["user", "isFollowing", "own"], outputs: ["follow", "unfollow"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: UserFollowInfoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-user-follow-info', imports: [CommonModule, TabsComponent, TabComponent, ContainerComponent, ToolbarComponent, RouterLink, UserItemComponent], encapsulation: ViewEncapsulation.None, template: "<rolatech-container>\n  <rolatech-toolbar [title]=\"userInfo?.name\" link=\"../\" [subtitle]=\"userInfo?.username\"></rolatech-toolbar>\n  <div class=\"mb-3\"></div>\n\n  <rolatech-tabs [(select)]=\"tabIndex\">\n    <rolatech-tab label=\"\u5173\u6CE8\" [routerLink]=\"['../', 'following']\"></rolatech-tab>\n    <rolatech-tab label=\"\u7C89\u4E1D\" [routerLink]=\"['../', 'followers']\"></rolatech-tab>\n  </rolatech-tabs>\n  <div class=\"mb-3\"></div>\n  @for (user of users; track $index) {\n    <rolatech-user-item\n      [user]=\"user\"\n      [routerLink]=\"'/@' + user.username\"\n      [isFollowing]=\"user.isFollowing\"\n      (follow)=\"follow(user)\"\n      (unfollow)=\"unfollow(user)\"\n      [own]=\"user.id === myId\"\n    ></rolatech-user-item>\n  }\n</rolatech-container>\n" }]
+        }], ctorParameters: () => [] });
+
+const userRoutes = [
+    {
+        path: '',
+        component: UserLayoutComponent,
+        children: [
+            {
+                path: '',
+                component: UserInfoComponent,
+            },
+            {
+                path: 'community',
+                component: UserCommunityComponent,
+            },
+            {
+                path: 'store',
+                component: UserStoreComponent,
+            },
+        ],
+    },
+    {
+        path: ':path',
+        component: UserFollowInfoComponent,
+    },
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { userRoutes };
+//# sourceMappingURL=rolatech-angular-user.mjs.map

package/fesm2022/rolatech-angular-user.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rolatech-angular-user.mjs","sources":["../../../../packages/angular-user/src/lib/user-data.service.ts","../../../../packages/angular-user/src/lib/components/user-layout/user-layout.component.ts","../../../../packages/angular-user/src/lib/components/user-layout/user-layout.component.html","../../../../packages/angular-user/src/lib/pages/user-info/user-info.component.ts","../../../../packages/angular-user/src/lib/pages/user-info/user-info.component.html","../../../../packages/angular-user/src/lib/pages/user-community/user-community.component.ts","../../../../packages/angular-user/src/lib/pages/user-community/user-community.component.html","../../../../packages/angular-user/src/lib/pages/user-store/user-store.component.ts","../../../../packages/angular-user/src/lib/pages/user-store/user-store.component.html","../../../../packages/angular-user/src/lib/components/user-item/user-item.component.ts","../../../../packages/angular-user/src/lib/components/user-item/user-item.component.html","../../../../packages/angular-user/src/lib/pages/user-follow-info/user-follow-info.component.ts","../../../../packages/angular-user/src/lib/pages/user-follow-info/user-follow-info.component.html","../../../../packages/angular-user/src/lib/pages/user.routes.ts","../../../../packages/angular-user/src/rolatech-angular-user.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { BehaviorSubject } from 'rxjs';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class UserDataService {\n  private userInfo = new BehaviorSubject<any>(null);\n  data = this.userInfo.asObservable();\n  send(data: any) {\n    this.userInfo.next(data);\n  }\n}\n","import { Component, effect, inject, model, OnInit } from '@angular/core';\nimport { AvatarComponent, BaseComponent, ContainerComponent, TabComponent, TabsComponent } from '@rolatech/angular-components';\nimport { AuthService, AuthUserService } from '@rolatech/angular-auth';\nimport { Course } from '@rolatech/angular-course';\nimport { UserDataService } from '../../user-data.service';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatIconModule } from '@angular/material/icon';\nimport { RouterLink, RouterOutlet } from '@angular/router';\n\n@Component({\n  selector: 'rolatech-user-layout',\n  imports: [\n    MatIconModule,\n    RouterLink,\n    ContainerComponent,\n    AvatarComponent,\n    TabsComponent,\n    TabComponent,\n    MatButtonModule,\n    TabsComponent,\n    TabComponent,\n    RouterOutlet,\n  ],\n  templateUrl: './user-layout.component.html',\n  styleUrl: './user-layout.component.scss',\n})\nexport class UserLayoutComponent extends BaseComponent implements OnInit {\n  authService = inject(AuthService);\n  authUserService = inject(AuthUserService);\n  userDataService = inject(UserDataService);\n  authenticated = this.authService.authenticated;\n  userInfo: any;\n  courses: Course[] = [];\n  meta: any;\n  isFollowed = false;\n  username = '';\n  selectIndex = model(0);\n  path = '';\n  statsData: any;\n  constructor() {\n    super();\n    effect(() => {\n      if (this.authenticated()) {\n        this.checkIfFollowed();\n      }\n    });\n  }\n  ngOnInit(): void {\n    this.username = this.route.snapshot.params['username'];\n    this.stats();\n    this.findUserInfo();\n    this.route.params.subscribe((params) => {\n      if (params['path'] === 'community') {\n        this.selectIndex.set(1);\n      }\n      if (params['path'] === 'store') {\n        this.selectIndex.set(2);\n      }\n    });\n  }\n  stats() {\n    this.authUserService.followersStats(this.username).subscribe({\n      next: (res) => {\n        this.statsData = res.data;\n      },\n    });\n  }\n  findUserInfo() {\n    this.authUserService.findUserInfoByUsername(this.username).subscribe({\n      next: (res) => {\n        this.userInfo = res.data;\n        this.userDataService.send(res.data);\n        if (res.data) {\n          this.titleService.setTitle(`${this.userInfo.name}(@${this.userInfo.username}) - 拼小课`);\n        } else {\n          this.titleService.setTitle(`拼小课`);\n        }\n      },\n    });\n  }\n\n  checkIfFollowed() {\n    this.authUserService.isFollowing(this.username).subscribe({\n      next: (res) => {\n        this.isFollowed = res.data;\n      },\n    });\n  }\n  follow() {\n    this.authUserService.follow(this.username).subscribe({\n      next: (res) => {\n        this.isFollowed = true;\n      },\n    });\n  }\n  unfollow() {\n    this.authUserService.unfollow(this.username).subscribe({\n      next: (res) => {\n        this.isFollowed = false;\n      },\n    });\n  }\n}\n","<rolatech-container>\n  @if (userInfo) {\n    <div>\n      <div class=\"h-8\"></div>\n      <div class=\"flex\">\n        <div\n          class=\"w-[80px] h-[80px] md:w-36 md:h-36 sm:w-28 sm:h-28 rounded-full border-white mr-4 bg-[--rt-raised-background]\"\n        >\n          @defer {\n            <rolatech-avatar [src]=\"userInfo.avatar + '!w400'\" size=\"full\"> </rolatech-avatar>\n          }\n        </div>\n        <div class=\"flex flex-col flex-grow\">\n          <div class=\"flex justify-between items-center sm:mt-1\">\n            <div class=\"flex items-center gap-2\">\n              <div class=\"text-xl md:text-2xl font-medium\">\n                <span>{{ userInfo.name }}</span>\n              </div>\n              <mat-icon color=\"primary\">verified</mat-icon>\n            </div>\n            <div>\n              @if (isFollowed) {\n                <button mat-flat-button (click)=\"unfollow()\" class=\"w-28 max-h-8\">取消关注</button>\n              } @else {\n                <button mat-flat-button (click)=\"follow()\" class=\"w-28 max-h-8\">关注</button>\n              }\n            </div>\n          </div>\n          <div class=\"text-sm text-[--rt-text-secondary]\">\n            <div class=\"flex gap-3 py-2 items-center\">\n              <a>\n                <span>&#64;{{ userInfo.username }}</span>\n              </a>\n              <a class=\"cursor-pointer hover:text-orange-600\" [routerLink]=\"['./following']\">\n                <span class=\"font-bold\">{{ statsData?.following }}</span>\n                <span class=\"ml-1\">关注</span>\n              </a>\n              <a class=\"cursor-pointer hover:text-orange-600\" [routerLink]=\"['./followers']\">\n                <span class=\"font-bold\">{{ statsData?.followers }}</span>\n                <span class=\"ml-1\">粉丝</span>\n              </a>\n            </div>\n            <div class=\"mb-3\">\n              <div>\n                {{ userInfo.bio }}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"py-2\">\n        <rolatech-tabs [(select)]=\"selectIndex\" ngSkipHydration>\n          <rolatech-tab label=\"课程\" routerLink=\"./\"></rolatech-tab>\n          <rolatech-tab label=\"社区\" routerLink=\"./community\"></rolatech-tab>\n          <rolatech-tab label=\"商品\" routerLink=\"./store\"></rolatech-tab>\n        </rolatech-tabs>\n      </div>\n\n      <router-outlet></router-outlet>\n    </div>\n  }\n</rolatech-container>\n","import { Component, inject, OnInit, ViewEncapsulation } from '@angular/core';\nimport { BaseComponent, RichItemComponent, RichViewComponent } from '@rolatech/angular-components';\nimport { UserDataService } from '../../user-data.service';\nimport { CourseService, Course } from '@rolatech/angular-course';\nimport { RouterLink } from '@angular/router';\n\n@Component({\n  selector: 'rolatech-user-info',\n  imports: [RouterLink, RichViewComponent, RichItemComponent],\n  templateUrl: './user-info.component.html',\n  styleUrl: './user-info.component.scss',\n  encapsulation: ViewEncapsulation.None,\n})\nexport class UserInfoComponent extends BaseComponent implements OnInit {\n  courseService = inject(CourseService);\n  userDataService = inject(UserDataService);\n  courses: Course[] = [];\n  meta: any;\n  constructor() {\n    super();\n  }\n  ngOnInit(): void {\n    this.userDataService.data.subscribe({\n      next: (userInfo) => {\n        this.findCoursesByInstructorId(userInfo.id);\n      },\n    });\n  }\n  findCoursesByInstructorId(instructorId: string) {\n    const options = {\n      filter: `instructorId:${instructorId},published:true`,\n      sort: 'updatedAt desc',\n    };\n    this.courseService.find(options).subscribe({\n      next: (res: any) => {\n        this.courses = res.data;\n        this.meta = res.meta;\n      },\n    });\n  }\n}\n","<rolatech-rich-view list>\n  @for (item of courses; track $index) {\n    <rolatech-rich-item\n      [title]=\"item.name\"\n      [thumbnail]=\"item.media[0].url + '!w400'\"\n      [price]=\"(item.pricing[0].total / 100).toFixed(2)\"\n      [routerLink]=\"['/courses', item.id]\"\n      class=\"cursor-pointer hover:bg-[--rt-raised-background]\"\n    ></rolatech-rich-item>\n  }\n</rolatech-rich-view>\n","import { Component, inject, OnInit, ViewEncapsulation } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { UserDataService } from '../../user-data.service';\nimport { EmptyComponent } from '@rolatech/angular-components';\n\n@Component({\n  selector: 'rolatech-user-community',\n  imports: [CommonModule, EmptyComponent],\n  templateUrl: './user-community.component.html',\n  styleUrl: './user-community.component.scss',\n  encapsulation: ViewEncapsulation.None,\n})\nexport class UserCommunityComponent implements OnInit {\n  userDataService = inject(UserDataService);\n  ngOnInit(): void {\n    this.userDataService.data.subscribe({\n      next: (userInfo) => {},\n    });\n  }\n}\n","<rolatech-empty></rolatech-empty>\n","import { Component, inject, OnInit, ViewEncapsulation } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ProductService } from '@rolatech/angular-services';\nimport { UserDataService } from '../../user-data.service';\nimport { RouterLink } from '@angular/router';\nimport { EmptyComponent, RichViewComponent, RichItemComponent } from '@rolatech/angular-components';\n\n@Component({\n  selector: 'rolatech-user-store',\n  imports: [CommonModule, EmptyComponent, RichViewComponent, RichItemComponent, RouterLink],\n  templateUrl: './user-store.component.html',\n  styleUrl: './user-store.component.scss',\n  encapsulation: ViewEncapsulation.None,\n})\nexport class UserStoreComponent implements OnInit {\n  userDataService = inject(UserDataService);\n  productService = inject(ProductService);\n  products: any;\n  ngOnInit(): void {\n    this.userDataService.data.subscribe({\n      next: (userInfo) => {\n        this.findProductsByUserId(userInfo.id);\n      },\n    });\n  }\n  findProductsByUserId(userId: string) {\n    const options = {\n      filter: `userId:${userId}`,\n      sort: 'updatedAt desc',\n    };\n    this.productService.find(options).subscribe({\n      next: (res: any) => {\n        this.products = res.data;\n      },\n    });\n  }\n}\n","@if (products) {\n  <div>\n    <rolatech-rich-view wrap>\n      @for (item of products; track item) {\n        @defer {\n          <rolatech-rich-item\n            [routerLink]=\"['/products', item.id]\"\n            [thumbnail]=\"item.media ? item.media[0].url + '!w400' : ''\"\n            [title]=\"item.name\"\n            [subtitle]=\"item.description\"\n            [price]=\"(item.price / 100).toFixed(2)\"\n            thumbnailRatio=\"square\"\n          ></rolatech-rich-item>\n        }\n      }\n    </rolatech-rich-view>\n  </div>\n} @else {\n  <rolatech-empty></rolatech-empty>\n}\n","import { Component, HostBinding, ViewEncapsulation, input, output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatButtonModule } from '@angular/material/button';\n\n@Component({\n  selector: 'rolatech-user-item',\n  imports: [CommonModule, MatButtonModule],\n  templateUrl: './user-item.component.html',\n  styleUrl: './user-item.component.scss',\n  encapsulation: ViewEncapsulation.None,\n})\nexport class UserItemComponent {\n  @HostBinding('class.rolatech-user-item') hasClass = true;\n  user = input<any>();\n  isFollowing = input(true);\n  follow = output<string>();\n  unfollow = output();\n  own = input();\n  onFollow() {\n    this.follow.emit(this.user().username);\n  }\n  onUnFollow() {\n    this.unfollow.emit(this.user().username);\n  }\n}\n","<div class=\"flex w-full justify-between items-center p-2 hover:bg-[--rt-raised-background] cursor-pointer\">\n  <div class=\"flex items-center\">\n    <div class=\"bg-[--rt-brand-color] w-12 h-12 rounded-full\">\n      @if (user().avatar) {\n        <img class=\"w-12 h-12 object-cover rounded-full\" [src]=\"user().avatar\" alt=\"avatar img\" />\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 (!own()) {\n    @if (isFollowing()) {\n      <button mat-flat-button class=\"w-28 max-h-8\" (click)=\"onUnFollow()\">取消关注</button>\n    } @else {\n      <button mat-flat-button class=\"w-28 max-h-8\" (click)=\"onFollow()\">关注</button>\n    }\n  }\n</div>\n","import { Component, effect, inject, OnInit, signal, ViewEncapsulation } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { Title } from '@angular/platform-browser';\nimport { ActivatedRoute, RouterLink } from '@angular/router';\nimport { AuthService, AuthUserService } from '@rolatech/angular-auth';\nimport { map } from 'lodash';\nimport { TabsComponent, TabComponent, ContainerComponent, ToolbarComponent } from '@rolatech/angular-components';\nimport { UserItemComponent } from '../../components/user-item/user-item.component';\n\n@Component({\n  selector: 'rolatech-user-follow-info',\n  imports: [CommonModule, TabsComponent, TabComponent, ContainerComponent, ToolbarComponent, RouterLink, UserItemComponent],\n  templateUrl: './user-follow-info.component.html',\n  styleUrl: './user-follow-info.component.scss',\n  encapsulation: ViewEncapsulation.None,\n})\nexport class UserFollowInfoComponent implements OnInit {\n  title = inject(Title);\n  route = inject(ActivatedRoute);\n  authService = inject(AuthService);\n  authUserService = inject(AuthUserService);\n  authenticated = this.authService.authenticated;\n  userId = this.authService.userId;\n  tabIndex = signal(0);\n  userInfo: any;\n  users: any[] = [];\n  username = '';\n  path = '';\n  myId = '';\n  constructor() {\n    this.route.params.subscribe({\n      next: (params: any) => {\n        this.username = params['username'];\n        this.path = params.path;\n      },\n    });\n    effect(() => {\n      switch (this.tabIndex()) {\n        case 0:\n          this.listFollowingByUsername();\n          break;\n        case 1:\n          this.listFollowersByUsername();\n          break;\n        default:\n          break;\n      }\n    });\n  }\n  ngOnInit(): void {\n    if (this.path === 'following') {\n      this.tabIndex.set(0);\n    } else {\n      this.tabIndex.set(1);\n    }\n    this.findUserInfo();\n  }\n  findUserInfo() {\n    this.authUserService.findUserInfoByUsername(this.username).subscribe({\n      next: (res) => {\n        this.userInfo = res.data;\n        if (res.data) {\n          this.title.setTitle(`${this.userInfo.name}(@${this.userInfo.username}) - 拼小课`);\n        } else {\n          this.title.setTitle(`拼小课`);\n        }\n      },\n    });\n  }\n  follow(user: any) {\n    this.authUserService.follow(user.username).subscribe({\n      next: (res) => {\n        user.isFollowing = true;\n      },\n    });\n  }\n  unfollow(user: any) {\n    this.authUserService.unfollow(user.username).subscribe({\n      next: (res) => {\n        user.isFollowing = false;\n        if (this.myId === this.userInfo.id) {\n          const index = this.users.findIndex((item) => item.username === user.username);\n          this.users.splice(index, 1);\n        }\n      },\n    });\n  }\n  listFollowingByUsername() {\n    this.authUserService.listFollowingByUsername(this.username).subscribe({\n      next: (res) => {\n        this.users = map(res.data, 'user');\n        const ids = map(res.data, 'user.id');\n        this.friendships(ids);\n      },\n    });\n  }\n  listFollowersByUsername() {\n    this.authUserService.listFollowersByUsername(this.username).subscribe({\n      next: (res) => {\n        this.users = map(res.data, 'follower');\n        const ids = map(res.data, 'follower.id');\n        this.friendships(ids);\n      },\n    });\n  }\n  friendships(ids: string[]) {\n    if (this.authenticated()) {\n      this.myId = this.userId();\n      const index = this.users.findIndex((item) => item.id === this.myId);\n      if (index > 0) {\n        this.users.unshift(this.users.splice(index, 1)[0]);\n      }\n      this.authUserService.friendships(ids).subscribe({\n        next: (res) => {\n          this.format(res.data);\n        },\n      });\n    }\n  }\n  format(friendships: any) {\n    this.users.map((item: any) => {\n      item.isFollowing = friendships[item.id].following;\n    });\n  }\n}\n","<rolatech-container>\n  <rolatech-toolbar [title]=\"userInfo?.name\" link=\"../\" [subtitle]=\"userInfo?.username\"></rolatech-toolbar>\n  <div class=\"mb-3\"></div>\n\n  <rolatech-tabs [(select)]=\"tabIndex\">\n    <rolatech-tab label=\"关注\" [routerLink]=\"['../', 'following']\"></rolatech-tab>\n    <rolatech-tab label=\"粉丝\" [routerLink]=\"['../', 'followers']\"></rolatech-tab>\n  </rolatech-tabs>\n  <div class=\"mb-3\"></div>\n  @for (user of users; track $index) {\n    <rolatech-user-item\n      [user]=\"user\"\n      [routerLink]=\"'/@' + user.username\"\n      [isFollowing]=\"user.isFollowing\"\n      (follow)=\"follow(user)\"\n      (unfollow)=\"unfollow(user)\"\n      [own]=\"user.id === myId\"\n    ></rolatech-user-item>\n  }\n</rolatech-container>\n","import { UserLayoutComponent } from '../components/user-layout/user-layout.component';\nimport { UserInfoComponent } from './user-info/user-info.component';\nimport { UserCommunityComponent } from './user-community/user-community.component';\nimport { UserStoreComponent } from './user-store/user-store.component';\nimport { UserFollowInfoComponent } from './user-follow-info/user-follow-info.component';\n\nexport const userRoutes = [\n  {\n    path: '',\n    component: UserLayoutComponent,\n    children: [\n      {\n        path: '',\n        component: UserInfoComponent,\n      },\n      {\n        path: 'community',\n        component: UserCommunityComponent,\n      },\n      {\n        path: 'store',\n        component: UserStoreComponent,\n      },\n    ],\n  },\n  {\n    path: ':path',\n    component: UserFollowInfoComponent,\n  },\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1 @@
+export { userRoutes } from './lib/pages/user.routes';

package/lib/components/user-item/user-item.component.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+export declare class UserItemComponent {
+    hasClass: boolean;
+    user: import("@angular/core").InputSignal<any>;
+    isFollowing: import("@angular/core").InputSignal<boolean>;
+    follow: import("@angular/core").OutputEmitterRef<string>;
+    unfollow: import("@angular/core").OutputEmitterRef<void>;
+    own: import("@angular/core").InputSignal<unknown>;
+    onFollow(): void;
+    onUnFollow(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserItemComponent, "rolatech-user-item", never, { "user": { "alias": "user"; "required": false; "isSignal": true; }; "isFollowing": { "alias": "isFollowing"; "required": false; "isSignal": true; }; "own": { "alias": "own"; "required": false; "isSignal": true; }; }, { "follow": "follow"; "unfollow": "unfollow"; }, never, never, true, never>;
+}

package/lib/components/user-layout/user-layout.component.d.ts

@@ -0,0 +1,29 @@
+import { OnInit } from '@angular/core';
+import { BaseComponent } from '@rolatech/angular-components';
+import { AuthService, AuthUserService } from '@rolatech/angular-auth';
+import { Course } from '@rolatech/angular-course';
+import { UserDataService } from '../../user-data.service';
+import * as i0 from "@angular/core";
+export declare class UserLayoutComponent extends BaseComponent implements OnInit {
+    authService: AuthService;
+    authUserService: AuthUserService;
+    userDataService: UserDataService;
+    authenticated: import("@angular/core").Signal<boolean | null>;
+    userInfo: any;
+    courses: Course[];
+    meta: any;
+    isFollowed: boolean;
+    username: string;
+    selectIndex: import("@angular/core").ModelSignal<number>;
+    path: string;
+    statsData: any;
+    constructor();
+    ngOnInit(): void;
+    stats(): void;
+    findUserInfo(): void;
+    checkIfFollowed(): void;
+    follow(): void;
+    unfollow(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserLayoutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserLayoutComponent, "rolatech-user-layout", never, { "selectIndex": { "alias": "selectIndex"; "required": false; "isSignal": true; }; }, { "selectIndex": "selectIndexChange"; }, never, never, true, never>;
+}

package/lib/pages/user-community/user-community.component.d.ts

@@ -0,0 +1,9 @@
+import { OnInit } from '@angular/core';
+import { UserDataService } from '../../user-data.service';
+import * as i0 from "@angular/core";
+export declare class UserCommunityComponent implements OnInit {
+    userDataService: UserDataService;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserCommunityComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserCommunityComponent, "rolatech-user-community", never, {}, {}, never, never, true, never>;
+}

package/lib/pages/user-follow-info/user-follow-info.component.d.ts

@@ -0,0 +1,30 @@
+import { OnInit } from '@angular/core';
+import { Title } from '@angular/platform-browser';
+import { ActivatedRoute } from '@angular/router';
+import { AuthService, AuthUserService } from '@rolatech/angular-auth';
+import * as i0 from "@angular/core";
+export declare class UserFollowInfoComponent implements OnInit {
+    title: Title;
+    route: ActivatedRoute;
+    authService: AuthService;
+    authUserService: AuthUserService;
+    authenticated: import("@angular/core").Signal<boolean | null>;
+    userId: import("@angular/core").Signal<string>;
+    tabIndex: import("@angular/core").WritableSignal<number>;
+    userInfo: any;
+    users: any[];
+    username: string;
+    path: string;
+    myId: string;
+    constructor();
+    ngOnInit(): void;
+    findUserInfo(): void;
+    follow(user: any): void;
+    unfollow(user: any): void;
+    listFollowingByUsername(): void;
+    listFollowersByUsername(): void;
+    friendships(ids: string[]): void;
+    format(friendships: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserFollowInfoComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserFollowInfoComponent, "rolatech-user-follow-info", never, {}, {}, never, never, true, never>;
+}

package/lib/pages/user-info/user-info.component.d.ts

@@ -0,0 +1,16 @@
+import { OnInit } from '@angular/core';
+import { BaseComponent } from '@rolatech/angular-components';
+import { UserDataService } from '../../user-data.service';
+import { CourseService, Course } from '@rolatech/angular-course';
+import * as i0 from "@angular/core";
+export declare class UserInfoComponent extends BaseComponent implements OnInit {
+    courseService: CourseService;
+    userDataService: UserDataService;
+    courses: Course[];
+    meta: any;
+    constructor();
+    ngOnInit(): void;
+    findCoursesByInstructorId(instructorId: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserInfoComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserInfoComponent, "rolatech-user-info", never, {}, {}, never, never, true, never>;
+}

package/lib/pages/user-store/user-store.component.d.ts

@@ -0,0 +1,13 @@
+import { OnInit } from '@angular/core';
+import { ProductService } from '@rolatech/angular-services';
+import { UserDataService } from '../../user-data.service';
+import * as i0 from "@angular/core";
+export declare class UserStoreComponent implements OnInit {
+    userDataService: UserDataService;
+    productService: ProductService;
+    products: any;
+    ngOnInit(): void;
+    findProductsByUserId(userId: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserStoreComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserStoreComponent, "rolatech-user-store", never, {}, {}, never, never, true, never>;
+}

package/lib/pages/user.routes.d.ts

@@ -0,0 +1,15 @@
+import { UserLayoutComponent } from '../components/user-layout/user-layout.component';
+import { UserCommunityComponent } from './user-community/user-community.component';
+import { UserFollowInfoComponent } from './user-follow-info/user-follow-info.component';
+export declare const userRoutes: ({
+    path: string;
+    component: typeof UserLayoutComponent;
+    children: {
+        path: string;
+        component: typeof UserCommunityComponent;
+    }[];
+} | {
+    path: string;
+    component: typeof UserFollowInfoComponent;
+    children?: undefined;
+})[];

package/lib/user-data.service.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class UserDataService {
+    private userInfo;
+    data: import("rxjs").Observable<any>;
+    send(data: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserDataService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<UserDataService>;
+}

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "@rolatech/angular-user",
+  "version": "19.0.0-beta.9",
+  "private": false,
+  "peerDependencies": {
+    "@angular/core": "^19.0.0",
+    "@angular/common": "^19.0.0",
+    "@angular/router": "^19.0.0",
+    "@angular/material": "^19.0.0",
+    "@angular/platform-browser": "^19.0.0",
+    "@nx/angular": "^19.0.0 || ^20.0.0",
+    "rxjs": "^6.5.3 || ^7.4.0",
+    "lodash": "^4.17.21"
+  },
+  "dependencies": {
+    "@rolatech/angular-components": "19.0.0-beta.9",
+    "@rolatech/angular-services": "19.0.0-beta.9",
+    "@rolatech/angular-auth": "19.0.0-beta.9",
+    "@rolatech/angular-course": "19.0.0-beta.9",
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/viablecell/rolatech-web.git"
+  },
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "module": "fesm2022/rolatech-angular-user.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/rolatech-angular-user.mjs"
+    }
+  }
+}