@rolatech/angular-order 18.0.0

package/esm2022/lib/pages/order-qrcodepay/order-qrcodepay.component.mjs

@@ -0,0 +1,70 @@
+import { Component, inject, Renderer2, viewChild } from '@angular/core';
+import { RouterLink } from '@angular/router';
+import { ContainerComponent, ToolbarComponent, BaseComponent } from '@rolatech/angular-components';
+import { OrderStatus } from '../../interfaces';
+import { OrderService } from '@rolatech/angular-services';
+import * as QRCode from 'qrcode';
+import * as i0 from "@angular/core";
+export class OrderQrcodepayComponent extends BaseComponent {
+    constructor() {
+        super(...arguments);
+        this.status = OrderStatus;
+        this.orderService = inject(OrderService);
+        this.renderer = inject(Renderer2);
+        this.needPay = true;
+        this.qrcElement = viewChild.required('qrcode');
+    }
+    ngOnInit() {
+        this.getOrder();
+    }
+    getOrder() {
+        this.orderService.get(this.id).subscribe({
+            next: (res) => {
+                this.order = res.data;
+                this.needPay = this.order.status.toString() === 'CREATED';
+                if (this.needPay) {
+                    this.getQRCodeUrl();
+                }
+            },
+        });
+    }
+    getQRCodeUrl() {
+        this.orderService.pay(this.id).subscribe({
+            next: (res) => {
+                this.genQRCode(res.data.qrCodeUrl);
+            },
+        });
+    }
+    genQRCode(url) {
+        const element = this.renderer.createElement('canvas');
+        this.toCanvas(element, url)
+            .then(() => {
+            this.renderElement(element);
+        })
+            .catch((e) => {
+            this.removeElementChildren();
+        });
+    }
+    toCanvas(canvas, url) {
+        return QRCode.toCanvas(canvas, url, {
+            errorCorrectionLevel: 'M',
+            width: 200,
+        });
+    }
+    renderElement(element) {
+        this.removeElementChildren();
+        this.renderer.appendChild(this.qrcElement().nativeElement, element);
+    }
+    removeElementChildren() {
+        for (const node of this.qrcElement().nativeElement.childNodes) {
+            this.renderer.removeChild(this.qrcElement().nativeElement, node);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: OrderQrcodepayComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.4", type: OrderQrcodepayComponent, isStandalone: true, selector: "rolatech-order-qrcodepay", viewQueries: [{ propertyName: "qrcElement", first: true, predicate: ["qrcode"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (order) {\n  <rolatech-container>\n    <rolatech-toolbar [title]=\"status[order.status]\" link=\"../\" large></rolatech-toolbar>\n    <div>\n      <div>\n        <a class=\"text-orange-600\" routerLink=\"..\"\n          ><span>\u8BA2\u5355: </span><span class=\"underline\">#{{ this.id }}</span></a\n        >\n      </div>\n      <div class=\"mt-6\">\n        @if (needPay) {\n          <div>\n            <div>\u8BF7\u4F7F\u7528\u5FAE\u4FE1\u626B\u7801\u652F\u4ED8, \u6211\u4EEC\u4F1A\u5728\u6536\u5230\u4ED8\u6B3E\u540E\u5904\u7406\u60A8\u7684\u8BA2\u5355</div>\n            <div class=\"w-52 h-56 flex flex-col justify-end items-center\">\n              <div #qrcode></div>\n              <span class=\"text-md\">\u5FAE\u4FE1\u652F\u4ED8\u4E8C\u7EF4\u7801</span>\n            </div>\n          </div>\n        } @else {\n          <div>\u8BF7\u786E\u8BA4\u5F53\u524D\u8BA2\u5355\u72B6\u6001, \u5982\u5DF2\u7ECF\u4ED8\u6B3E, \u8BF7\u8FD4\u56DE\u67E5\u770B</div>\n        }\n      </div>\n    </div>\n  </rolatech-container>\n}\n", styles: [""], dependencies: [{ 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: ToolbarComponent, selector: "rolatech-toolbar", inputs: ["title", "subtitle", "back", "link", "large", "divider"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: OrderQrcodepayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-order-qrcodepay', standalone: true, imports: [RouterLink, ContainerComponent, ToolbarComponent], template: "@if (order) {\n  <rolatech-container>\n    <rolatech-toolbar [title]=\"status[order.status]\" link=\"../\" large></rolatech-toolbar>\n    <div>\n      <div>\n        <a class=\"text-orange-600\" routerLink=\"..\"\n          ><span>\u8BA2\u5355: </span><span class=\"underline\">#{{ this.id }}</span></a\n        >\n      </div>\n      <div class=\"mt-6\">\n        @if (needPay) {\n          <div>\n            <div>\u8BF7\u4F7F\u7528\u5FAE\u4FE1\u626B\u7801\u652F\u4ED8, \u6211\u4EEC\u4F1A\u5728\u6536\u5230\u4ED8\u6B3E\u540E\u5904\u7406\u60A8\u7684\u8BA2\u5355</div>\n            <div class=\"w-52 h-56 flex flex-col justify-end items-center\">\n              <div #qrcode></div>\n              <span class=\"text-md\">\u5FAE\u4FE1\u652F\u4ED8\u4E8C\u7EF4\u7801</span>\n            </div>\n          </div>\n        } @else {\n          <div>\u8BF7\u786E\u8BA4\u5F53\u524D\u8BA2\u5355\u72B6\u6001, \u5982\u5DF2\u7ECF\u4ED8\u6B3E, \u8BF7\u8FD4\u56DE\u67E5\u770B</div>\n        }\n      </div>\n    </div>\n  </rolatech-container>\n}\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3JkZXItcXJjb2RlcGF5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci1vcmRlci9zcmMvbGliL3BhZ2VzL29yZGVyLXFyY29kZXBheS9vcmRlci1xcmNvZGVwYXkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLW9yZGVyL3NyYy9saWIvcGFnZXMvb3JkZXItcXJjb2RlcGF5L29yZGVyLXFyY29kZXBheS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLE1BQU0sRUFBVSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVGLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsZ0JBQWdCLEVBQUUsYUFBYSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDbkcsT0FBTyxFQUFTLFdBQVcsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUMxRCxPQUFPLEtBQUssTUFBTSxNQUFNLFFBQVEsQ0FBQzs7QUFTakMsTUFBTSxPQUFPLHVCQUF3QixTQUFRLGFBQWE7SUFQMUQ7O1FBU0UsV0FBTSxHQUFRLFdBQVcsQ0FBQztRQUMxQixpQkFBWSxHQUFHLE1BQU0sQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUNwQyxhQUFRLEdBQUcsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQzdCLFlBQU8sR0FBRyxJQUFJLENBQUM7UUFDZixlQUFVLEdBQUcsU0FBUyxDQUFDLFFBQVEsQ0FBYSxRQUFRLENBQUMsQ0FBQztLQWlEdkQ7SUEvQ0MsUUFBUTtRQUNOLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNsQixDQUFDO0lBQ0QsUUFBUTtRQUNOLElBQUksQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxTQUFTLENBQUM7WUFDdkMsSUFBSSxFQUFFLENBQUMsR0FBUSxFQUFFLEVBQUU7Z0JBQ2pCLElBQUksQ0FBQyxLQUFLLEdBQUcsR0FBRyxDQUFDLElBQUksQ0FBQztnQkFDdEIsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxRQUFRLEVBQUUsS0FBSyxTQUFTLENBQUM7Z0JBQzFELElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO29CQUNqQixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7Z0JBQ3RCLENBQUM7WUFDSCxDQUFDO1NBQ0YsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUNELFlBQVk7UUFDVixJQUFJLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUMsU0FBUyxDQUFDO1lBQ3ZDLElBQUksRUFBRSxDQUFDLEdBQUcsRUFBRSxFQUFFO2dCQUNaLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztZQUNyQyxDQUFDO1NBQ0YsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUNELFNBQVMsQ0FBQyxHQUFXO1FBQ25CLE1BQU0sT0FBTyxHQUFZLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQy9ELElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxFQUFFLEdBQUcsQ0FBQzthQUN4QixJQUFJLENBQUMsR0FBRyxFQUFFO1lBQ1QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUM5QixDQUFDLENBQUM7YUFDRCxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtZQUNYLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1FBQy9CLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVPLFFBQVEsQ0FBQyxNQUFXLEVBQUUsR0FBUTtRQUNwQyxPQUFPLE1BQU0sQ0FBQyxRQUFRLENBQUMsTUFBTSxFQUFFLEdBQUcsRUFBRTtZQUNsQyxvQkFBb0IsRUFBRSxHQUFHO1lBQ3pCLEtBQUssRUFBRSxHQUFHO1NBQ1gsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUNPLGFBQWEsQ0FBQyxPQUFZO1FBQ2hDLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1FBQzdCLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQyxhQUFhLEVBQUUsT0FBTyxDQUFDLENBQUM7SUFDdEUsQ0FBQztJQUNPLHFCQUFxQjtRQUMzQixLQUFLLE1BQU0sSUFBSSxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQyxhQUFhLENBQUMsVUFBVSxFQUFFLENBQUM7WUFDOUQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDLGFBQWEsRUFBRSxJQUFJLENBQUMsQ0FBQztRQUNuRSxDQUFDO0lBQ0gsQ0FBQzs4R0F0RFUsdUJBQXVCO2tHQUF2Qix1QkFBdUIsaU9DZHBDLDZnQ0F5QkEsMEREZlksVUFBVSxvT0FBRSxrQkFBa0IsK0RBQUUsZ0JBQWdCOzsyRkFJL0MsdUJBQXVCO2tCQVBuQyxTQUFTOytCQUNFLDBCQUEwQixjQUN4QixJQUFJLFdBQ1AsQ0FBQyxVQUFVLEVBQUUsa0JBQWtCLEVBQUUsZ0JBQWdCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIGluamVjdCwgT25Jbml0LCBSZW5kZXJlcjIsIHZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyTGluayB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBDb250YWluZXJDb21wb25lbnQsIFRvb2xiYXJDb21wb25lbnQsIEJhc2VDb21wb25lbnQgfSBmcm9tICdAcm9sYXRlY2gvYW5ndWxhci1jb21wb25lbnRzJztcbmltcG9ydCB7IE9yZGVyLCBPcmRlclN0YXR1cyB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMnO1xuaW1wb3J0IHsgT3JkZXJTZXJ2aWNlIH0gZnJvbSAnQHJvbGF0ZWNoL2FuZ3VsYXItc2VydmljZXMnO1xuaW1wb3J0ICogYXMgUVJDb2RlIGZyb20gJ3FyY29kZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3JvbGF0ZWNoLW9yZGVyLXFyY29kZXBheScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtSb3V0ZXJMaW5rLCBDb250YWluZXJDb21wb25lbnQsIFRvb2xiYXJDb21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogJy4vb3JkZXItcXJjb2RlcGF5LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL29yZGVyLXFyY29kZXBheS5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIE9yZGVyUXJjb2RlcGF5Q29tcG9uZW50IGV4dGVuZHMgQmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIG9yZGVyITogT3JkZXI7XG4gIHN0YXR1czogYW55ID0gT3JkZXJTdGF0dXM7XG4gIG9yZGVyU2VydmljZSA9IGluamVjdChPcmRlclNlcnZpY2UpO1xuICByZW5kZXJlciA9IGluamVjdChSZW5kZXJlcjIpO1xuICBuZWVkUGF5ID0gdHJ1ZTtcbiAgcXJjRWxlbWVudCA9IHZpZXdDaGlsZC5yZXF1aXJlZDxFbGVtZW50UmVmPigncXJjb2RlJyk7XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5nZXRPcmRlcigpO1xuICB9XG4gIGdldE9yZGVyKCkge1xuICAgIHRoaXMub3JkZXJTZXJ2aWNlLmdldCh0aGlzLmlkKS5zdWJzY3JpYmUoe1xuICAgICAgbmV4dDogKHJlczogYW55KSA9PiB7XG4gICAgICAgIHRoaXMub3JkZXIgPSByZXMuZGF0YTtcbiAgICAgICAgdGhpcy5uZWVkUGF5ID0gdGhpcy5vcmRlci5zdGF0dXMudG9TdHJpbmcoKSA9PT0gJ0NSRUFURUQnO1xuICAgICAgICBpZiAodGhpcy5uZWVkUGF5KSB7XG4gICAgICAgICAgdGhpcy5nZXRRUkNvZGVVcmwoKTtcbiAgICAgICAgfVxuICAgICAgfSxcbiAgICB9KTtcbiAgfVxuICBnZXRRUkNvZGVVcmwoKSB7XG4gICAgdGhpcy5vcmRlclNlcnZpY2UucGF5KHRoaXMuaWQpLnN1YnNjcmliZSh7XG4gICAgICBuZXh0OiAocmVzKSA9PiB7XG4gICAgICAgIHRoaXMuZ2VuUVJDb2RlKHJlcy5kYXRhLnFyQ29kZVVybCk7XG4gICAgICB9LFxuICAgIH0pO1xuICB9XG4gIGdlblFSQ29kZSh1cmw6IHN0cmluZykge1xuICAgIGNvbnN0IGVsZW1lbnQ6IEVsZW1lbnQgPSB0aGlzLnJlbmRlcmVyLmNyZWF0ZUVsZW1lbnQoJ2NhbnZhcycpO1xuICAgIHRoaXMudG9DYW52YXMoZWxlbWVudCwgdXJsKVxuICAgICAgLnRoZW4oKCkgPT4ge1xuICAgICAgICB0aGlzLnJlbmRlckVsZW1lbnQoZWxlbWVudCk7XG4gICAgICB9KVxuICAgICAgLmNhdGNoKChlKSA9PiB7XG4gICAgICAgIHRoaXMucmVtb3ZlRWxlbWVudENoaWxkcmVuKCk7XG4gICAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgdG9DYW52YXMoY2FudmFzOiBhbnksIHVybDogYW55KTogUHJvbWlzZTxhbnk+IHtcbiAgICByZXR1cm4gUVJDb2RlLnRvQ2FudmFzKGNhbnZhcywgdXJsLCB7XG4gICAgICBlcnJvckNvcnJlY3Rpb25MZXZlbDogJ00nLFxuICAgICAgd2lkdGg6IDIwMCxcbiAgICB9KTtcbiAgfVxuICBwcml2YXRlIHJlbmRlckVsZW1lbnQoZWxlbWVudDogYW55KTogdm9pZCB7XG4gICAgdGhpcy5yZW1vdmVFbGVtZW50Q2hpbGRyZW4oKTtcbiAgICB0aGlzLnJlbmRlcmVyLmFwcGVuZENoaWxkKHRoaXMucXJjRWxlbWVudCgpLm5hdGl2ZUVsZW1lbnQsIGVsZW1lbnQpO1xuICB9XG4gIHByaXZhdGUgcmVtb3ZlRWxlbWVudENoaWxkcmVuKCk6IHZvaWQge1xuICAgIGZvciAoY29uc3Qgbm9kZSBvZiB0aGlzLnFyY0VsZW1lbnQoKS5uYXRpdmVFbGVtZW50LmNoaWxkTm9kZXMpIHtcbiAgICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlQ2hpbGQodGhpcy5xcmNFbGVtZW50KCkubmF0aXZlRWxlbWVudCwgbm9kZSk7XG4gICAgfVxuICB9XG59XG4iLCJAaWYgKG9yZGVyKSB7XG4gIDxyb2xhdGVjaC1jb250YWluZXI+XG4gICAgPHJvbGF0ZWNoLXRvb2xiYXIgW3RpdGxlXT1cInN0YXR1c1tvcmRlci5zdGF0dXNdXCIgbGluaz1cIi4uL1wiIGxhcmdlPjwvcm9sYXRlY2gtdG9vbGJhcj5cbiAgICA8ZGl2PlxuICAgICAgPGRpdj5cbiAgICAgICAgPGEgY2xhc3M9XCJ0ZXh0LW9yYW5nZS02MDBcIiByb3V0ZXJMaW5rPVwiLi5cIlxuICAgICAgICAgID48c3Bhbj7orqLljZU6IDwvc3Bhbj48c3BhbiBjbGFzcz1cInVuZGVybGluZVwiPiN7eyB0aGlzLmlkIH19PC9zcGFuPjwvYVxuICAgICAgICA+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJtdC02XCI+XG4gICAgICAgIEBpZiAobmVlZFBheSkge1xuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8ZGl2Puivt+S9v+eUqOW+ruS/oeaJq+eggeaUr+S7mCwg5oiR5Lus5Lya5Zyo5pS25Yiw5LuY5qy+5ZCO5aSE55CG5oKo55qE6K6i5Y2VPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidy01MiBoLTU2IGZsZXggZmxleC1jb2wganVzdGlmeS1lbmQgaXRlbXMtY2VudGVyXCI+XG4gICAgICAgICAgICAgIDxkaXYgI3FyY29kZT48L2Rpdj5cbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ0ZXh0LW1kXCI+5b6u5L+h5pSv5LuY5LqM57u056CBPC9zcGFuPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgIDxkaXY+6K+356Gu6K6k5b2T5YmN6K6i5Y2V54q25oCBLCDlpoLlt7Lnu4/ku5jmrL4sIOivt+i/lOWbnuafpeecizwvZGl2PlxuICAgICAgICB9XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9yb2xhdGVjaC1jb250YWluZXI+XG59XG4iXX0=

package/esm2022/lib/pages/orders-index/order-index.component.mjs

@@ -0,0 +1,87 @@
+import { Component, inject } from '@angular/core';
+import { Title } from '@angular/platform-browser';
+import { RouterModule, ActivatedRoute } from '@angular/router';
+import { ContainerComponent, TabsComponent, TabComponent, ToolbarComponent, ListComponent, EmptyComponent, } from '@rolatech/angular-components';
+import { OrderService } from '@rolatech/angular-services';
+import { OrderItemComponent } from '../../components/order-item/order-item.component';
+import { OrderStatus } from '../../interfaces';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@angular/material/button";
+import * as i3 from "@angular/material/icon";
+export class OrderIndexComponent {
+    constructor() {
+        this.orderService = inject(OrderService);
+        this.title = inject(Title);
+        this.route = inject(ActivatedRoute);
+        this.links = [
+            {
+                name: '全部',
+                icon: 'dashboard',
+            },
+            {
+                name: '待付款',
+                icon: 'category',
+                status: 'created',
+            },
+            {
+                name: '已支付',
+                icon: 'category',
+                status: 'paid',
+            },
+            {
+                name: '已退款',
+                icon: 'category',
+                status: 'refunded',
+            },
+            {
+                name: '已取消',
+                icon: 'category',
+                status: 'canceled',
+            },
+        ];
+        this.orders = [];
+        this.status = OrderStatus;
+        this.select = 0;
+    }
+    ngOnInit() {
+        this.title.setTitle('我的订单 - 拼小课');
+        this.route.queryParams.subscribe(({ status }) => {
+            this.select = this.links.findIndex((item) => item.status === status);
+            this.findOrders(status);
+        });
+    }
+    findOrders(status) {
+        const options = {
+            sort: 'updatedAt desc',
+        };
+        if (status) {
+            options['filter'] = `status:${status}`;
+        }
+        this.orderService.me(options).subscribe({
+            next: (res) => {
+                this.orders = res.data;
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.4", ngImport: i0, type: OrderIndexComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.4", type: OrderIndexComponent, isStandalone: true, selector: "rolatech-order-index", ngImport: i0, template: "<rolatech-container>\n  <rolatech-toolbar title=\"\u6211\u7684\u8BA2\u5355\" large>\n    <button mat-button>\n      <span>\u8FC7\u6EE4</span>\n      <mat-icon>tune</mat-icon>\n    </button>\n  </rolatech-toolbar>\n  <rolatech-tabs [select]=\"select\">\n    @for (item of links; track item) {\n      @if (item.status) {\n        <rolatech-tab [label]=\"item.name\" routerLink=\"./\" [queryParams]=\"{ status: item.status }\"></rolatech-tab>\n      } @else {\n        <rolatech-tab [label]=\"item.name\" routerLink=\"./\"></rolatech-tab>\n      }\n    }\n  </rolatech-tabs>\n  <rolatech-list>\n    @if (orders) {\n      @for (item of orders; track item) {\n        <rolatech-order-item [routerLink]=\"['./', item.id]\" [order]=\"item\"></rolatech-order-item>\n      }\n    } @else {\n      <rolatech-empty></rolatech-empty>\n    }\n  </rolatech-list>\n</rolatech-container>\n", styles: [""], dependencies: [{ kind: "component", type: ContainerComponent, selector: "rolatech-container" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: TabsComponent, selector: "rolatech-tabs", inputs: ["select", "loading"], outputs: ["selectChange"] }, { kind: "component", type: TabComponent, selector: "rolatech-tab", inputs: ["label"] }, { kind: "component", type: ToolbarComponent, selector: "rolatech-toolbar", inputs: ["title", "subtitle", "back", "link", "large", "divider"] }, { kind: "component", type: ListComponent, selector: "rolatech-list" }, { kind: "component", type: OrderItemComponent, selector: "rolatech-order-item", inputs: ["order"] }, { kind: "component", type: EmptyComponent, selector: "rolatech-empty" }, { 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: "18.1.4", ngImport: i0, type: OrderIndexComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'rolatech-order-index', standalone: true, imports: [
+                        ContainerComponent,
+                        RouterModule,
+                        TabsComponent,
+                        TabComponent,
+                        ToolbarComponent,
+                        ListComponent,
+                        OrderItemComponent,
+                        EmptyComponent,
+                        MatButtonModule,
+                        MatIconModule,
+                    ], template: "<rolatech-container>\n  <rolatech-toolbar title=\"\u6211\u7684\u8BA2\u5355\" large>\n    <button mat-button>\n      <span>\u8FC7\u6EE4</span>\n      <mat-icon>tune</mat-icon>\n    </button>\n  </rolatech-toolbar>\n  <rolatech-tabs [select]=\"select\">\n    @for (item of links; track item) {\n      @if (item.status) {\n        <rolatech-tab [label]=\"item.name\" routerLink=\"./\" [queryParams]=\"{ status: item.status }\"></rolatech-tab>\n      } @else {\n        <rolatech-tab [label]=\"item.name\" routerLink=\"./\"></rolatech-tab>\n      }\n    }\n  </rolatech-tabs>\n  <rolatech-list>\n    @if (orders) {\n      @for (item of orders; track item) {\n        <rolatech-order-item [routerLink]=\"['./', item.id]\" [order]=\"item\"></rolatech-order-item>\n      }\n    } @else {\n      <rolatech-empty></rolatech-empty>\n    }\n  </rolatech-list>\n</rolatech-container>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3JkZXItaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLW9yZGVyL3NyYy9saWIvcGFnZXMvb3JkZXJzLWluZGV4L29yZGVyLWluZGV4LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci1vcmRlci9zcmMvbGliL3BhZ2VzL29yZGVycy1pbmRleC9vcmRlci1pbmRleC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUMxRCxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEQsT0FBTyxFQUFFLFlBQVksRUFBRSxjQUFjLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvRCxPQUFPLEVBQ0wsa0JBQWtCLEVBQ2xCLGFBQWEsRUFDYixZQUFZLEVBQ1osZ0JBQWdCLEVBQ2hCLGFBQWEsRUFDYixjQUFjLEdBQ2YsTUFBTSw4QkFBOEIsQ0FBQztBQUN0QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDdEYsT0FBTyxFQUFTLFdBQVcsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7O0FBb0J2RCxNQUFNLE9BQU8sbUJBQW1CO0lBbEJoQztRQW1CRSxpQkFBWSxHQUFHLE1BQU0sQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUNwQyxVQUFLLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3RCLFVBQUssR0FBRyxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUM7UUFDL0IsVUFBSyxHQUFHO1lBQ047Z0JBQ0UsSUFBSSxFQUFFLElBQUk7Z0JBQ1YsSUFBSSxFQUFFLFdBQVc7YUFDbEI7WUFDRDtnQkFDRSxJQUFJLEVBQUUsS0FBSztnQkFDWCxJQUFJLEVBQUUsVUFBVTtnQkFDaEIsTUFBTSxFQUFFLFNBQVM7YUFDbEI7WUFDRDtnQkFDRSxJQUFJLEVBQUUsS0FBSztnQkFDWCxJQUFJLEVBQUUsVUFBVTtnQkFDaEIsTUFBTSxFQUFFLE1BQU07YUFDZjtZQUNEO2dCQUNFLElBQUksRUFBRSxLQUFLO2dCQUNYLElBQUksRUFBRSxVQUFVO2dCQUNoQixNQUFNLEVBQUUsVUFBVTthQUNuQjtZQUNEO2dCQUNFLElBQUksRUFBRSxLQUFLO2dCQUNYLElBQUksRUFBRSxVQUFVO2dCQUNoQixNQUFNLEVBQUUsVUFBVTthQUNuQjtTQUNGLENBQUM7UUFDRixXQUFNLEdBQVksRUFBRSxDQUFDO1FBQ3JCLFdBQU0sR0FBUSxXQUFXLENBQUM7UUFDMUIsV0FBTSxHQUFHLENBQUMsQ0FBQztLQXFCWjtJQXBCQyxRQUFRO1FBQ04sSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsWUFBWSxDQUFDLENBQUM7UUFDbEMsSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFO1lBQzlDLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLEtBQUssTUFBTSxDQUFDLENBQUM7WUFDckUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUMxQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFDRCxVQUFVLENBQUMsTUFBYztRQUN2QixNQUFNLE9BQU8sR0FBUTtZQUNuQixJQUFJLEVBQUUsZ0JBQWdCO1NBQ3ZCLENBQUM7UUFDRixJQUFJLE1BQU0sRUFBRSxDQUFDO1lBQ1gsT0FBTyxDQUFDLFFBQVEsQ0FBQyxHQUFHLFVBQVUsTUFBTSxFQUFFLENBQUM7UUFDekMsQ0FBQztRQUNELElBQUksQ0FBQyxZQUFZLENBQUMsRUFBRSxDQUFDLE9BQU8sQ0FBQyxDQUFDLFNBQVMsQ0FBQztZQUN0QyxJQUFJLEVBQUUsQ0FBQyxHQUFRLEVBQUUsRUFBRTtnQkFDakIsSUFBSSxDQUFDLE1BQU0sR0FBRyxHQUFHLENBQUMsSUFBSSxDQUFDO1lBQ3pCLENBQUM7U0FDRixDQUFDLENBQUM7SUFDTCxDQUFDOzhHQXBEVSxtQkFBbUI7a0dBQW5CLG1CQUFtQixnRkNuQ2hDLDIyQkEwQkEsMERESEksa0JBQWtCLDhEQUNsQixZQUFZLGdSQUNaLGFBQWEsb0hBQ2IsWUFBWSw0RUFDWixnQkFBZ0IsZ0lBQ2hCLGFBQWEsMERBQ2Isa0JBQWtCLG1GQUNsQixjQUFjLDBEQUNkLGVBQWUsMk5BQ2YsYUFBYTs7MkZBR0osbUJBQW1CO2tCQWxCL0IsU0FBUzsrQkFDRSxzQkFBc0IsY0FHcEIsSUFBSSxXQUNQO3dCQUNQLGtCQUFrQjt3QkFDbEIsWUFBWTt3QkFDWixhQUFhO3dCQUNiLFlBQVk7d0JBQ1osZ0JBQWdCO3dCQUNoQixhQUFhO3dCQUNiLGtCQUFrQjt3QkFDbEIsY0FBYzt3QkFDZCxlQUFlO3dCQUNmLGFBQWE7cUJBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGluamVjdCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUaXRsZSB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuaW1wb3J0IHsgUm91dGVyTW9kdWxlLCBBY3RpdmF0ZWRSb3V0ZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQge1xuICBDb250YWluZXJDb21wb25lbnQsXG4gIFRhYnNDb21wb25lbnQsXG4gIFRhYkNvbXBvbmVudCxcbiAgVG9vbGJhckNvbXBvbmVudCxcbiAgTGlzdENvbXBvbmVudCxcbiAgRW1wdHlDb21wb25lbnQsXG59IGZyb20gJ0Byb2xhdGVjaC9hbmd1bGFyLWNvbXBvbmVudHMnO1xuaW1wb3J0IHsgT3JkZXJTZXJ2aWNlIH0gZnJvbSAnQHJvbGF0ZWNoL2FuZ3VsYXItc2VydmljZXMnO1xuaW1wb3J0IHsgT3JkZXJJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vY29tcG9uZW50cy9vcmRlci1pdGVtL29yZGVyLWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7IE9yZGVyLCBPcmRlclN0YXR1cyB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMnO1xuaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncm9sYXRlY2gtb3JkZXItaW5kZXgnLFxuICB0ZW1wbGF0ZVVybDogJy4vb3JkZXItaW5kZXguY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9vcmRlci1pbmRleC5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29udGFpbmVyQ29tcG9uZW50LFxuICAgIFJvdXRlck1vZHVsZSxcbiAgICBUYWJzQ29tcG9uZW50LFxuICAgIFRhYkNvbXBvbmVudCxcbiAgICBUb29sYmFyQ29tcG9uZW50LFxuICAgIExpc3RDb21wb25lbnQsXG4gICAgT3JkZXJJdGVtQ29tcG9uZW50LFxuICAgIEVtcHR5Q29tcG9uZW50LFxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBPcmRlckluZGV4Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgb3JkZXJTZXJ2aWNlID0gaW5qZWN0KE9yZGVyU2VydmljZSk7XG4gIHRpdGxlID0gaW5qZWN0KFRpdGxlKTtcbiAgcm91dGUgPSBpbmplY3QoQWN0aXZhdGVkUm91dGUpO1xuICBsaW5rcyA9IFtcbiAgICB7XG4gICAgICBuYW1lOiAn5YWo6YOoJyxcbiAgICAgIGljb246ICdkYXNoYm9hcmQnLFxuICAgIH0sXG4gICAge1xuICAgICAgbmFtZTogJ+W+heS7mOasvicsXG4gICAgICBpY29uOiAnY2F0ZWdvcnknLFxuICAgICAgc3RhdHVzOiAnY3JlYXRlZCcsXG4gICAgfSxcbiAgICB7XG4gICAgICBuYW1lOiAn5bey5pSv5LuYJyxcbiAgICAgIGljb246ICdjYXRlZ29yeScsXG4gICAgICBzdGF0dXM6ICdwYWlkJyxcbiAgICB9LFxuICAgIHtcbiAgICAgIG5hbWU6ICflt7LpgIDmrL4nLFxuICAgICAgaWNvbjogJ2NhdGVnb3J5JyxcbiAgICAgIHN0YXR1czogJ3JlZnVuZGVkJyxcbiAgICB9LFxuICAgIHtcbiAgICAgIG5hbWU6ICflt7Llj5bmtognLFxuICAgICAgaWNvbjogJ2NhdGVnb3J5JyxcbiAgICAgIHN0YXR1czogJ2NhbmNlbGVkJyxcbiAgICB9LFxuICBdO1xuICBvcmRlcnM6IE9yZGVyW10gPSBbXTtcbiAgc3RhdHVzOiBhbnkgPSBPcmRlclN0YXR1cztcbiAgc2VsZWN0ID0gMDtcbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy50aXRsZS5zZXRUaXRsZSgn5oiR55qE6K6i5Y2VIC0g5ou85bCP6K++Jyk7XG4gICAgdGhpcy5yb3V0ZS5xdWVyeVBhcmFtcy5zdWJzY3JpYmUoKHsgc3RhdHVzIH0pID0+IHtcbiAgICAgIHRoaXMuc2VsZWN0ID0gdGhpcy5saW5rcy5maW5kSW5kZXgoKGl0ZW0pID0+IGl0ZW0uc3RhdHVzID09PSBzdGF0dXMpO1xuICAgICAgdGhpcy5maW5kT3JkZXJzKHN0YXR1cyk7XG4gICAgfSk7XG4gIH1cbiAgZmluZE9yZGVycyhzdGF0dXM6IHN0cmluZykge1xuICAgIGNvbnN0IG9wdGlvbnM6IGFueSA9IHtcbiAgICAgIHNvcnQ6ICd1cGRhdGVkQXQgZGVzYycsXG4gICAgfTtcbiAgICBpZiAoc3RhdHVzKSB7XG4gICAgICBvcHRpb25zWydmaWx0ZXInXSA9IGBzdGF0dXM6JHtzdGF0dXN9YDtcbiAgICB9XG4gICAgdGhpcy5vcmRlclNlcnZpY2UubWUob3B0aW9ucykuc3Vic2NyaWJlKHtcbiAgICAgIG5leHQ6IChyZXM6IGFueSkgPT4ge1xuICAgICAgICB0aGlzLm9yZGVycyA9IHJlcy5kYXRhO1xuICAgICAgfSxcbiAgICB9KTtcbiAgfVxufVxuIiwiPHJvbGF0ZWNoLWNvbnRhaW5lcj5cbiAgPHJvbGF0ZWNoLXRvb2xiYXIgdGl0bGU9XCLmiJHnmoTorqLljZVcIiBsYXJnZT5cbiAgICA8YnV0dG9uIG1hdC1idXR0b24+XG4gICAgICA8c3Bhbj7ov4fmu6Q8L3NwYW4+XG4gICAgICA8bWF0LWljb24+dHVuZTwvbWF0LWljb24+XG4gICAgPC9idXR0b24+XG4gIDwvcm9sYXRlY2gtdG9vbGJhcj5cbiAgPHJvbGF0ZWNoLXRhYnMgW3NlbGVjdF09XCJzZWxlY3RcIj5cbiAgICBAZm9yIChpdGVtIG9mIGxpbmtzOyB0cmFjayBpdGVtKSB7XG4gICAgICBAaWYgKGl0ZW0uc3RhdHVzKSB7XG4gICAgICAgIDxyb2xhdGVjaC10YWIgW2xhYmVsXT1cIml0ZW0ubmFtZVwiIHJvdXRlckxpbms9XCIuL1wiIFtxdWVyeVBhcmFtc109XCJ7IHN0YXR1czogaXRlbS5zdGF0dXMgfVwiPjwvcm9sYXRlY2gtdGFiPlxuICAgICAgfSBAZWxzZSB7XG4gICAgICAgIDxyb2xhdGVjaC10YWIgW2xhYmVsXT1cIml0ZW0ubmFtZVwiIHJvdXRlckxpbms9XCIuL1wiPjwvcm9sYXRlY2gtdGFiPlxuICAgICAgfVxuICAgIH1cbiAgPC9yb2xhdGVjaC10YWJzPlxuICA8cm9sYXRlY2gtbGlzdD5cbiAgICBAaWYgKG9yZGVycykge1xuICAgICAgQGZvciAoaXRlbSBvZiBvcmRlcnM7IHRyYWNrIGl0ZW0pIHtcbiAgICAgICAgPHJvbGF0ZWNoLW9yZGVyLWl0ZW0gW3JvdXRlckxpbmtdPVwiWycuLycsIGl0ZW0uaWRdXCIgW29yZGVyXT1cIml0ZW1cIj48L3JvbGF0ZWNoLW9yZGVyLWl0ZW0+XG4gICAgICB9XG4gICAgfSBAZWxzZSB7XG4gICAgICA8cm9sYXRlY2gtZW1wdHk+PC9yb2xhdGVjaC1lbXB0eT5cbiAgICB9XG4gIDwvcm9sYXRlY2gtbGlzdD5cbjwvcm9sYXRlY2gtY29udGFpbmVyPlxuIl19

package/esm2022/rolatech-angular-order.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm9sYXRlY2gtYW5ndWxhci1vcmRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci1vcmRlci9zcmMvcm9sYXRlY2gtYW5ndWxhci1vcmRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==