@rolatech/angular-payment 19.0.0-beta.11

package/README.md

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

package/fesm2022/rolatech-angular-payment.mjs

@@ -0,0 +1,186 @@
+import * as i0 from '@angular/core';
+import { inject, viewChild, Component } from '@angular/core';
+import { MatPaginator } from '@angular/material/paginator';
+import * as i1 from '@angular/material/table';
+import { MatTableDataSource, MatTableModule } from '@angular/material/table';
+import { BaseComponent, ToolbarComponent } from '@rolatech/angular-components';
+import { OrderPayoutService, OrderService } from '@rolatech/angular-services';
+import { RouterLink } from '@angular/router';
+import { AuthService, AuthUserService } from '@rolatech/angular-auth';
+import { OrderPayoutStatus } from '@rolatech/angular-order';
+import { CommonModule } from '@angular/common';
+
+var PayoutStatus;
+(function (PayoutStatus) {
+    PayoutStatus[PayoutStatus["CREATED"] = '创建'] = "CREATED";
+    PayoutStatus[PayoutStatus["PENDING"] = '处理中'] = "PENDING";
+    PayoutStatus[PayoutStatus["PAID"] = '已支付'] = "PAID";
+    PayoutStatus[PayoutStatus["CANCELED"] = '已取消'] = "CANCELED";
+    PayoutStatus[PayoutStatus["FAILED"] = '失败'] = "FAILED";
+})(PayoutStatus || (PayoutStatus = {}));
+var PayoutType;
+(function (PayoutType) {
+    PayoutType[PayoutType["BANK"] = '银行转账'] = "BANK";
+    PayoutType[PayoutType["CARD"] = '银行卡'] = "CARD";
+    PayoutType[PayoutType["WECHAT"] = '微信零钱'] = "WECHAT";
+})(PayoutType || (PayoutType = {}));
+
+class PayoutIndexComponent extends BaseComponent {
+    payoutService = inject(OrderPayoutService);
+    isLoading = false;
+    isSearch = false;
+    pageEvent;
+    length = 100;
+    pageSize = 15;
+    pageSizeOptions = [5, 10, 25, 100];
+    dataSource = new MatTableDataSource();
+    payouts = [];
+    status = PayoutStatus;
+    displayedColumns = ['status', 'total', 'createdAt'];
+    paginator = viewChild(MatPaginator);
+    orderOptions = [
+        {
+            key: 'createdAt',
+            value: '创建时间',
+            icon: 'arrow_upward',
+            sort: 'asc',
+        },
+        {
+            key: 'createdAt',
+            value: '创建时间',
+            icon: 'arrow_downward',
+            sort: 'desc',
+        },
+        {
+            key: 'status',
+            value: '状态',
+            icon: 'arrow_upward',
+            sort: 'asc',
+        },
+        {
+            key: 'status',
+            value: '状态',
+            icon: 'arrow_downward',
+            sort: 'desc',
+        },
+    ];
+    orderString = 'createdAt desc';
+    ngOnInit() {
+        this.find(null);
+    }
+    find(event) {
+        this.isLoading = true;
+        const page = event ? event.pageIndex + 1 : 1;
+        const limit = event ? event.pageSize : 15;
+        const sort = this.orderString;
+        const options = {
+            page,
+            limit,
+            sort,
+        };
+        this.payoutService.find(options).subscribe({
+            next: (res) => {
+                this.payouts = res.data;
+                this.dataSource.data = this.payouts;
+                this.length = res.meta.pagination.count;
+                this.isLoading = false;
+            },
+            error: (e) => {
+                this.isLoading = false;
+                this.snackBarService.open(e.message);
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: PayoutIndexComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.2", type: PayoutIndexComponent, isStandalone: true, selector: "rolatech-payout-index", viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<rolatech-toolbar title=\"\u652F\u51FA\u8BB0\u5F55\"> </rolatech-toolbar>\n<div>\n  <table mat-table [dataSource]=\"dataSource\">\n    <!-- status Column -->\n    <ng-container matColumnDef=\"status\">\n      <th mat-header-cell *matHeaderCellDef>\u72B6\u6001</th>\n      <td mat-cell *matCellDef=\"let item\">{{ status[item.status] }}</td>\n    </ng-container>\n\n    <!-- amount Column -->\n    <ng-container matColumnDef=\"total\">\n      <th mat-header-cell *matHeaderCellDef>\u91D1\u989D(\u5143)</th>\n      <td mat-cell *matCellDef=\"let item\">{{ item.amount / 100 }}</td>\n    </ng-container>\n\n    <!-- createdAt Column -->\n    <ng-container matColumnDef=\"createdAt\">\n      <th mat-header-cell *matHeaderCellDef>\u4EA4\u6613\u65E5\u671F</th>\n      <td mat-cell *matCellDef=\"let item\">{{ item.createdAt }}</td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr\n      mat-row\n      *matRowDef=\"let row; columns: displayedColumns\"\n      routerLink=\"./{{ row.id }}\"\n      class=\"hover:bg-[--rt-raised-background] cursor-pointer\"\n    ></tr>\n  </table>\n  <mat-paginator\n    #paginator\n    [length]=\"length\"\n    [pageSize]=\"pageSize\"\n    [pageSizeOptions]=\"pageSizeOptions\"\n    (page)=\"pageEvent = find($event)\"\n    hidePageSize\n    showFirstLastButtons\n  >\n  </mat-paginator>\n</div>\n", styles: ["mat-form-field{width:100%}table{width:100%}.mat-mdc-cell:nth-last-child(1),.mat-mdc-header-cell:nth-last-child(1),.mat-mdc-footer-cell:nth-last-child(1){text-align:right;max-width:180px;width:180px}mat-cell:last-of-type,mat-header-cell:last-of-type,mat-footer-cell:last-of-type{text-align:right;padding-right:8px!important}\n"], dependencies: [{ kind: "component", type: ToolbarComponent, selector: "rolatech-toolbar", inputs: ["title", "subtitle", "back", "link", "large", "divider"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: PayoutIndexComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-payout-index', imports: [ToolbarComponent, MatTableModule, MatPaginator, RouterLink], template: "<rolatech-toolbar title=\"\u652F\u51FA\u8BB0\u5F55\"> </rolatech-toolbar>\n<div>\n  <table mat-table [dataSource]=\"dataSource\">\n    <!-- status Column -->\n    <ng-container matColumnDef=\"status\">\n      <th mat-header-cell *matHeaderCellDef>\u72B6\u6001</th>\n      <td mat-cell *matCellDef=\"let item\">{{ status[item.status] }}</td>\n    </ng-container>\n\n    <!-- amount Column -->\n    <ng-container matColumnDef=\"total\">\n      <th mat-header-cell *matHeaderCellDef>\u91D1\u989D(\u5143)</th>\n      <td mat-cell *matCellDef=\"let item\">{{ item.amount / 100 }}</td>\n    </ng-container>\n\n    <!-- createdAt Column -->\n    <ng-container matColumnDef=\"createdAt\">\n      <th mat-header-cell *matHeaderCellDef>\u4EA4\u6613\u65E5\u671F</th>\n      <td mat-cell *matCellDef=\"let item\">{{ item.createdAt }}</td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr\n      mat-row\n      *matRowDef=\"let row; columns: displayedColumns\"\n      routerLink=\"./{{ row.id }}\"\n      class=\"hover:bg-[--rt-raised-background] cursor-pointer\"\n    ></tr>\n  </table>\n  <mat-paginator\n    #paginator\n    [length]=\"length\"\n    [pageSize]=\"pageSize\"\n    [pageSizeOptions]=\"pageSizeOptions\"\n    (page)=\"pageEvent = find($event)\"\n    hidePageSize\n    showFirstLastButtons\n  >\n  </mat-paginator>\n</div>\n", styles: ["mat-form-field{width:100%}table{width:100%}.mat-mdc-cell:nth-last-child(1),.mat-mdc-header-cell:nth-last-child(1),.mat-mdc-footer-cell:nth-last-child(1){text-align:right;max-width:180px;width:180px}mat-cell:last-of-type,mat-header-cell:last-of-type,mat-footer-cell:last-of-type{text-align:right;padding-right:8px!important}\n"] }]
+        }] });
+
+class PayoutApproveDialogComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: PayoutApproveDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.2", type: PayoutApproveDialogComponent, isStandalone: true, selector: "rolatech-payout-approve-dialog", ngImport: i0, template: "<p>payout-approve-dialog works!</p>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: PayoutApproveDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-payout-approve-dialog', imports: [CommonModule], template: "<p>payout-approve-dialog works!</p>\n" }]
+        }] });
+
+class PayoutDetailComponent extends BaseComponent {
+    payout;
+    order;
+    instructor;
+    status = OrderPayoutStatus;
+    authService = inject(AuthService);
+    authUserService = inject(AuthUserService);
+    orderPayoutService = inject(OrderPayoutService);
+    orderService = inject(OrderService);
+    ngOnInit() {
+        this.getPayout();
+    }
+    getPayout() {
+        this.orderPayoutService.get(this.id).subscribe({
+            next: (res) => {
+                this.payout = res.data;
+                this.getOrder(this.payout.orderId);
+            },
+        });
+    }
+    getOrder(orderId) {
+        this.orderService.get(orderId).subscribe({
+            next: (res) => {
+                this.order = res.data;
+                this.findInstructorInfo(this.order.merchantId);
+            },
+        });
+    }
+    findInstructorInfo(instructorId) {
+        this.authUserService.getPublicUserInfo(instructorId).subscribe({
+            next: (res) => {
+                this.instructor = res;
+            },
+        });
+    }
+    approve() {
+        const dialogRef = this.dialog.open(PayoutApproveDialogComponent, {
+            width: '400px',
+            data: {
+                title: '支付分账',
+                message: `分账批准, 支付创作者${this.payout.amount / 100}元`,
+            },
+        });
+        dialogRef.afterClosed().subscribe((result) => {
+            if (result) {
+                this.orderPayoutService.approve(this.id).subscribe({
+                    next: (res) => {
+                        this.payout.status = 'PENDING';
+                        this.snackBarService.open('已通过');
+                    },
+                    error: (e) => {
+                        this.snackBarService.open(e.message);
+                    },
+                });
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: PayoutDetailComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: PayoutDetailComponent, isStandalone: true, selector: "rolatech-payout-detail", usesInheritance: true, ngImport: i0, template: "<rolatech-toolbar title=\"\u5206\u8D26\u5BA1\u6838\u8BE6\u60C5\">\n  @if (payout && payout.status === 'CREATED') {\n    <button mat-button (click)=\"approve()\">\u901A\u8FC7</button>\n  }\n</rolatech-toolbar>\n\n<div class=\"py-3 px-5\">\n  @if (payout) {\n    <div class=\"flex justify-between\">\n      <div class=\"flex flex-col\">\n        <div class=\"text-2xl font-medium mb-3\">\n          {{ status[payout.status] }}\n        </div>\n        <div>\n          <span>\u5206\u8D26\u91D1\u989D: </span> <span> \u00A5{{ payout.amount / 100 }}</span>\n        </div>\n        <div>\n          <span>\u8BA2\u5355\u603B\u8BA1: </span> <span>\u00A5{{ payout.total / 100 }}</span>\n        </div>\n        @if (order) {\n          <div class=\"mt-3\">\n            <div class=\"text-lg font-medium\">\u8BA2\u5355\u4FE1\u606F</div>\n            <div>\n              <div><span>\u8BA2\u5355\u53F7: </span>{{ order.orderNo }}</div>\n              <div><span>\u4E0B\u5355\u65E5\u671F: </span>{{ order.createdAt }}</div>\n              <div><span>\u5E94\u4ED8\u91D1\u989D: </span>\u00A5{{ (order.total / 100).toFixed(2) }}</div>\n            </div>\n          </div>\n        }\n        @if (instructor) {\n          <div class=\"mt-3\">\n            <div class=\"text-lg font-medium\">\u521B\u4F5C\u8005\u4FE1\u606F</div>\n            <div>\n              <div><span>\u59D3\u540D: </span>{{ instructor?.name }}</div>\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: ToolbarComponent, selector: "rolatech-toolbar", inputs: ["title", "subtitle", "back", "link", "large", "divider"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: PayoutDetailComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-payout-detail', imports: [ToolbarComponent], template: "<rolatech-toolbar title=\"\u5206\u8D26\u5BA1\u6838\u8BE6\u60C5\">\n  @if (payout && payout.status === 'CREATED') {\n    <button mat-button (click)=\"approve()\">\u901A\u8FC7</button>\n  }\n</rolatech-toolbar>\n\n<div class=\"py-3 px-5\">\n  @if (payout) {\n    <div class=\"flex justify-between\">\n      <div class=\"flex flex-col\">\n        <div class=\"text-2xl font-medium mb-3\">\n          {{ status[payout.status] }}\n        </div>\n        <div>\n          <span>\u5206\u8D26\u91D1\u989D: </span> <span> \u00A5{{ payout.amount / 100 }}</span>\n        </div>\n        <div>\n          <span>\u8BA2\u5355\u603B\u8BA1: </span> <span>\u00A5{{ payout.total / 100 }}</span>\n        </div>\n        @if (order) {\n          <div class=\"mt-3\">\n            <div class=\"text-lg font-medium\">\u8BA2\u5355\u4FE1\u606F</div>\n            <div>\n              <div><span>\u8BA2\u5355\u53F7: </span>{{ order.orderNo }}</div>\n              <div><span>\u4E0B\u5355\u65E5\u671F: </span>{{ order.createdAt }}</div>\n              <div><span>\u5E94\u4ED8\u91D1\u989D: </span>\u00A5{{ (order.total / 100).toFixed(2) }}</div>\n            </div>\n          </div>\n        }\n        @if (instructor) {\n          <div class=\"mt-3\">\n            <div class=\"text-lg font-medium\">\u521B\u4F5C\u8005\u4FE1\u606F</div>\n            <div>\n              <div><span>\u59D3\u540D: </span>{{ instructor?.name }}</div>\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n" }]
+        }] });
+
+const payoutsRoutes = [
+    { path: '', component: PayoutIndexComponent },
+    { path: ':id', component: PayoutDetailComponent },
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { payoutsRoutes };
+//# sourceMappingURL=rolatech-angular-payment.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rolatech-angular-payment.mjs","sources":["../../../../packages/angular-payment/src/lib/interface/payout.ts","../../../../packages/angular-payment/src/lib/pages/payout-index/payout-index.component.ts","../../../../packages/angular-payment/src/lib/pages/payout-index/payout-index.component.html","../../../../packages/angular-payment/src/lib/components/payout-approve-dialog/payout-approve-dialog.component.ts","../../../../packages/angular-payment/src/lib/components/payout-approve-dialog/payout-approve-dialog.component.html","../../../../packages/angular-payment/src/lib/pages/payout-detail/payout-detail.component.ts","../../../../packages/angular-payment/src/lib/pages/payout-detail/payout-detail.component.html","../../../../packages/angular-payment/src/lib/pages/payout.routes.ts","../../../../packages/angular-payment/src/rolatech-angular-payment.ts"],"sourcesContent":["export interface Payout {\n  id: string;\n  amount: number;\n  status: PayoutStatus | string;\n  type: PayoutType;\n  fee: number;\n  total: number;\n  orderId: string;\n  bookingId: string;\n  description: string;\n  createdAt: string;\n}\n\nexport enum PayoutStatus {\n  CREATED = <any>'创建',\n  PENDING = <any>'处理中',\n  PAID = <any>'已支付',\n  CANCELED = <any>'已取消',\n  FAILED = <any>'失败',\n}\nexport enum PayoutType {\n  BANK = <any>'银行转账',\n  CARD = <any>'银行卡',\n  WECHAT = <any>'微信零钱',\n}\n","import { Component, OnInit, inject, viewChild } from '@angular/core';\nimport { PageEvent, MatPaginator } from '@angular/material/paginator';\nimport { MatTableDataSource, MatTableModule } from '@angular/material/table';\nimport { BaseComponent, ToolbarComponent } from '@rolatech/angular-components';\nimport { OrderPayoutService } from '@rolatech/angular-services';\nimport { Payout, PayoutStatus } from '../../interface/payout';\nimport { RouterLink } from '@angular/router';\n\n@Component({\n  selector: 'rolatech-payout-index',\n  templateUrl: './payout-index.component.html',\n  styleUrls: ['./payout-index.component.scss'],\n  imports: [ToolbarComponent, MatTableModule, MatPaginator, RouterLink],\n})\nexport class PayoutIndexComponent extends BaseComponent implements OnInit {\n  payoutService = inject(OrderPayoutService);\n\n  isLoading = false;\n  isSearch = false;\n  pageEvent!: PageEvent;\n  length = 100;\n  pageSize = 15;\n  pageSizeOptions: number[] = [5, 10, 25, 100];\n  dataSource = new MatTableDataSource<Payout>();\n  payouts: Payout[] = [];\n  status: any = PayoutStatus;\n  displayedColumns: string[] = ['status', 'total', 'createdAt'];\n  paginator = viewChild(MatPaginator);\n\n  orderOptions = [\n    {\n      key: 'createdAt',\n      value: '创建时间',\n      icon: 'arrow_upward',\n      sort: 'asc',\n    },\n    {\n      key: 'createdAt',\n      value: '创建时间',\n      icon: 'arrow_downward',\n      sort: 'desc',\n    },\n    {\n      key: 'status',\n      value: '状态',\n      icon: 'arrow_upward',\n      sort: 'asc',\n    },\n    {\n      key: 'status',\n      value: '状态',\n      icon: 'arrow_downward',\n      sort: 'desc',\n    },\n  ];\n  orderString = 'createdAt desc';\n  ngOnInit(): void {\n    this.find(null);\n  }\n  find(event?: PageEvent | null): any {\n    this.isLoading = true;\n    const page = event ? event.pageIndex + 1 : 1;\n    const limit = event ? event.pageSize : 15;\n    const sort = this.orderString;\n    const options = {\n      page,\n      limit,\n      sort,\n    };\n    this.payoutService.find(options).subscribe({\n      next: (res: any) => {\n        this.payouts = res.data;\n        this.dataSource.data = this.payouts;\n        this.length = res.meta.pagination.count;\n        this.isLoading = false;\n      },\n      error: (e) => {\n        this.isLoading = false;\n        this.snackBarService.open(e.message);\n      },\n    });\n  }\n}\n","<rolatech-toolbar title=\"支出记录\"> </rolatech-toolbar>\n<div>\n  <table mat-table [dataSource]=\"dataSource\">\n    <!-- status Column -->\n    <ng-container matColumnDef=\"status\">\n      <th mat-header-cell *matHeaderCellDef>状态</th>\n      <td mat-cell *matCellDef=\"let item\">{{ status[item.status] }}</td>\n    </ng-container>\n\n    <!-- amount Column -->\n    <ng-container matColumnDef=\"total\">\n      <th mat-header-cell *matHeaderCellDef>金额(元)</th>\n      <td mat-cell *matCellDef=\"let item\">{{ item.amount / 100 }}</td>\n    </ng-container>\n\n    <!-- createdAt Column -->\n    <ng-container matColumnDef=\"createdAt\">\n      <th mat-header-cell *matHeaderCellDef>交易日期</th>\n      <td mat-cell *matCellDef=\"let item\">{{ item.createdAt }}</td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr\n      mat-row\n      *matRowDef=\"let row; columns: displayedColumns\"\n      routerLink=\"./{{ row.id }}\"\n      class=\"hover:bg-[--rt-raised-background] cursor-pointer\"\n    ></tr>\n  </table>\n  <mat-paginator\n    #paginator\n    [length]=\"length\"\n    [pageSize]=\"pageSize\"\n    [pageSizeOptions]=\"pageSizeOptions\"\n    (page)=\"pageEvent = find($event)\"\n    hidePageSize\n    showFirstLastButtons\n  >\n  </mat-paginator>\n</div>\n","import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'rolatech-payout-approve-dialog',\n  imports: [CommonModule],\n  templateUrl: './payout-approve-dialog.component.html',\n  styleUrl: './payout-approve-dialog.component.scss',\n})\nexport class PayoutApproveDialogComponent {}\n","<p>payout-approve-dialog works!</p>\n","import { Component, OnInit, inject } from '@angular/core';\nimport { AuthService, AuthUserService } from '@rolatech/angular-auth';\nimport { BaseComponent, ToolbarComponent } from '@rolatech/angular-components';\nimport { Order, OrderPayout, OrderPayoutStatus } from '@rolatech/angular-order';\nimport { PayoutApproveDialogComponent } from '../../components';\nimport { OrderPayoutService, OrderService } from '@rolatech/angular-services';\n\n@Component({\n  selector: 'rolatech-payout-detail',\n  templateUrl: './payout-detail.component.html',\n  styleUrls: ['./payout-detail.component.scss'],\n  imports: [ToolbarComponent],\n})\nexport class PayoutDetailComponent extends BaseComponent implements OnInit {\n  payout!: OrderPayout;\n  order!: Order;\n  instructor: any;\n  status: any = OrderPayoutStatus;\n  authService = inject(AuthService);\n  authUserService = inject(AuthUserService);\n  orderPayoutService = inject(OrderPayoutService);\n  orderService = inject(OrderService);\n  ngOnInit(): void {\n    this.getPayout();\n  }\n  getPayout() {\n    this.orderPayoutService.get(this.id).subscribe({\n      next: (res: any) => {\n        this.payout = res.data;\n        this.getOrder(this.payout.orderId);\n      },\n    });\n  }\n  getOrder(orderId: string) {\n    this.orderService.get(orderId).subscribe({\n      next: (res: any) => {\n        this.order = res.data;\n        this.findInstructorInfo(this.order.merchantId);\n      },\n    });\n  }\n  findInstructorInfo(instructorId: string) {\n    this.authUserService.getPublicUserInfo(instructorId).subscribe({\n      next: (res) => {\n        this.instructor = res;\n      },\n    });\n  }\n  approve() {\n    const dialogRef = this.dialog.open(PayoutApproveDialogComponent, {\n      width: '400px',\n      data: {\n        title: '支付分账',\n        message: `分账批准, 支付创作者${this.payout.amount / 100}元`,\n      },\n    });\n    dialogRef.afterClosed().subscribe((result) => {\n      if (result) {\n        this.orderPayoutService.approve(this.id).subscribe({\n          next: (res) => {\n            this.payout.status = 'PENDING';\n            this.snackBarService.open('已通过');\n          },\n          error: (e) => {\n            this.snackBarService.open(e.message);\n          },\n        });\n      }\n    });\n  }\n}\n","<rolatech-toolbar title=\"分账审核详情\">\n  @if (payout && payout.status === 'CREATED') {\n    <button mat-button (click)=\"approve()\">通过</button>\n  }\n</rolatech-toolbar>\n\n<div class=\"py-3 px-5\">\n  @if (payout) {\n    <div class=\"flex justify-between\">\n      <div class=\"flex flex-col\">\n        <div class=\"text-2xl font-medium mb-3\">\n          {{ status[payout.status] }}\n        </div>\n        <div>\n          <span>分账金额: </span> <span> ¥{{ payout.amount / 100 }}</span>\n        </div>\n        <div>\n          <span>订单总计: </span> <span>¥{{ payout.total / 100 }}</span>\n        </div>\n        @if (order) {\n          <div class=\"mt-3\">\n            <div class=\"text-lg font-medium\">订单信息</div>\n            <div>\n              <div><span>订单号: </span>{{ order.orderNo }}</div>\n              <div><span>下单日期: </span>{{ order.createdAt }}</div>\n              <div><span>应付金额: </span>¥{{ (order.total / 100).toFixed(2) }}</div>\n            </div>\n          </div>\n        }\n        @if (instructor) {\n          <div class=\"mt-3\">\n            <div class=\"text-lg font-medium\">创作者信息</div>\n            <div>\n              <div><span>姓名: </span>{{ instructor?.name }}</div>\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n","import { Routes } from '@angular/router';\nimport { PayoutIndexComponent } from './payout-index/payout-index.component';\nimport { PayoutDetailComponent } from './payout-detail/payout-detail.component';\n\nexport const payoutsRoutes: Routes = [\n  { path: '', component: PayoutIndexComponent },\n  { path: ':id', component: PayoutDetailComponent },\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/index.d.ts

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

package/lib/components/index.d.ts

@@ -0,0 +1 @@
+export { PayoutApproveDialogComponent } from './payout-approve-dialog/payout-approve-dialog.component';

package/lib/components/payout-approve-dialog/payout-approve-dialog.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class PayoutApproveDialogComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PayoutApproveDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PayoutApproveDialogComponent, "rolatech-payout-approve-dialog", never, {}, {}, never, never, true, never>;
+}

package/lib/interface/payout.d.ts

@@ -0,0 +1,24 @@
+export interface Payout {
+    id: string;
+    amount: number;
+    status: PayoutStatus | string;
+    type: PayoutType;
+    fee: number;
+    total: number;
+    orderId: string;
+    bookingId: string;
+    description: string;
+    createdAt: string;
+}
+export declare enum PayoutStatus {
+    CREATED,
+    PENDING,
+    PAID,
+    CANCELED,
+    FAILED
+}
+export declare enum PayoutType {
+    BANK,
+    CARD,
+    WECHAT
+}

package/lib/pages/payout-detail/payout-detail.component.d.ts

@@ -0,0 +1,23 @@
+import { OnInit } from '@angular/core';
+import { AuthService, AuthUserService } from '@rolatech/angular-auth';
+import { BaseComponent } from '@rolatech/angular-components';
+import { Order, OrderPayout } from '@rolatech/angular-order';
+import { OrderPayoutService, OrderService } from '@rolatech/angular-services';
+import * as i0 from "@angular/core";
+export declare class PayoutDetailComponent extends BaseComponent implements OnInit {
+    payout: OrderPayout;
+    order: Order;
+    instructor: any;
+    status: any;
+    authService: AuthService;
+    authUserService: AuthUserService;
+    orderPayoutService: OrderPayoutService;
+    orderService: OrderService;
+    ngOnInit(): void;
+    getPayout(): void;
+    getOrder(orderId: string): void;
+    findInstructorInfo(instructorId: string): void;
+    approve(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PayoutDetailComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PayoutDetailComponent, "rolatech-payout-detail", never, {}, {}, never, never, true, never>;
+}

package/lib/pages/payout-index/payout-index.component.d.ts

@@ -0,0 +1,32 @@
+import { OnInit } from '@angular/core';
+import { PageEvent, MatPaginator } from '@angular/material/paginator';
+import { MatTableDataSource } from '@angular/material/table';
+import { BaseComponent } from '@rolatech/angular-components';
+import { OrderPayoutService } from '@rolatech/angular-services';
+import { Payout } from '../../interface/payout';
+import * as i0 from "@angular/core";
+export declare class PayoutIndexComponent extends BaseComponent implements OnInit {
+    payoutService: OrderPayoutService;
+    isLoading: boolean;
+    isSearch: boolean;
+    pageEvent: PageEvent;
+    length: number;
+    pageSize: number;
+    pageSizeOptions: number[];
+    dataSource: MatTableDataSource<Payout, MatPaginator>;
+    payouts: Payout[];
+    status: any;
+    displayedColumns: string[];
+    paginator: import("@angular/core").Signal<MatPaginator | undefined>;
+    orderOptions: {
+        key: string;
+        value: string;
+        icon: string;
+        sort: string;
+    }[];
+    orderString: string;
+    ngOnInit(): void;
+    find(event?: PageEvent | null): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PayoutIndexComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PayoutIndexComponent, "rolatech-payout-index", never, {}, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,2 @@
+import { Routes } from '@angular/router';
+export declare const payoutsRoutes: Routes;

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@rolatech/angular-payment",
+  "version": "19.0.0-beta.11",
+  "private": false,
+  "peerDependencies": {
+    "@angular/common": "^19.2.0",
+    "@angular/core": "^19.2.0",
+    "@angular/forms": "^19.2.0",
+    "@angular/router": "^19.2.0",
+    "@angular/material": "^19.0.0",
+    "@nx/angular": "^19.0.0 || ^20.0.0"
+  },
+  "sideEffects": false,
+  "dependencies": {
+    "@rolatech/angular-components": "19.0.0-beta.11",
+    "@rolatech/angular-services": "19.0.0-beta.11",
+    "@rolatech/angular-auth": "19.0.0-beta.11",
+    "@rolatech/angular-order": "19.0.0-beta.11",
+    "tslib": "^2.3.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/viablecell/rolatech-web.git"
+  },
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "module": "fesm2022/rolatech-angular-payment.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/rolatech-angular-payment.mjs"
+    }
+  }
+}