@solar-angular/ui-sun 18.0.6 → 18.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/nav-progress-bar/nav-progress-bar.component.mjs +3 -3
- package/esm2022/slider-captcha/slider-captcha.component.mjs +2 -2
- package/fesm2022/solar-angular-ui-sun-nav-progress-bar.mjs +2 -2
- package/fesm2022/solar-angular-ui-sun-nav-progress-bar.mjs.map +1 -1
- package/fesm2022/solar-angular-ui-sun-slider-captcha.mjs +2 -2
- package/fesm2022/solar-angular-ui-sun-slider-captcha.mjs.map +1 -1
- package/package.json +3 -3
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { AsyncPipe } from '@angular/common';
|
|
2
2
|
import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
|
|
3
|
-
import { NavigationEnd, NavigationError, NavigationStart, Router } from '@angular/router';
|
|
3
|
+
import { NavigationCancel, NavigationEnd, NavigationError, NavigationStart, Router } from '@angular/router';
|
|
4
4
|
import { fadeAnimation } from '@solar-angular/animations';
|
|
5
5
|
import { distinctUntilChanged, filter, map, shareReplay, startWith } from 'rxjs';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export class SunNavProgressBar {
|
|
8
8
|
constructor() {
|
|
9
|
-
this.navigating$ = inject(Router).events.pipe(filter(event =>
|
|
9
|
+
this.navigating$ = inject(Router).events.pipe(filter(event => [NavigationStart, NavigationEnd, NavigationError, NavigationCancel].some(o => event instanceof o)), map(event => event instanceof NavigationStart), startWith(true), distinctUntilChanged(), shareReplay(1));
|
|
10
10
|
}
|
|
11
11
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SunNavProgressBar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
12
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SunNavProgressBar, isStandalone: true, selector: "sun-nav-progress-bar", ngImport: i0, template: `@if (navigating$ | async) {<div @fadeAnimation></div>}`, isInline: true, styles: [":host{--track-color: transparent;--progress-color: var(--color-primary)}:host>div{position:fixed;top:0;left:0;width:100%;height:2.5px;background:var(--track-color);z-index:999}:host>div:after{content:\"\";display:block;height:100%;width:40%;transform-origin:left;background:var(--progress-color);animation:nav-progress 1.5s infinite linear}@keyframes nav-progress{0%{transform:translate(250%) scaleX(.2)}80%{transform:translate(0) scaleX(1)}to{transform:translate(0) scaleX(0)}}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }], animations: [fadeAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
@@ -15,4 +15,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
15
15
|
type: Component,
|
|
16
16
|
args: [{ selector: 'sun-nav-progress-bar', template: `@if (navigating$ | async) {<div @fadeAnimation></div>}`, standalone: true, imports: [AsyncPipe], changeDetection: ChangeDetectionStrategy.OnPush, animations: [fadeAnimation], styles: [":host{--track-color: transparent;--progress-color: var(--color-primary)}:host>div{position:fixed;top:0;left:0;width:100%;height:2.5px;background:var(--track-color);z-index:999}:host>div:after{content:\"\";display:block;height:100%;width:40%;transform-origin:left;background:var(--progress-color);animation:nav-progress 1.5s infinite linear}@keyframes nav-progress{0%{transform:translate(250%) scaleX(.2)}80%{transform:translate(0) scaleX(1)}to{transform:translate(0) scaleX(0)}}\n"] }]
|
|
17
17
|
}] });
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2LXByb2dyZXNzLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wYWNrYWdlcy91aS1zdW4vbmF2LXByb2dyZXNzLWJhci9uYXYtcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDNUMsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0UsT0FBTyxFQUFFLGdCQUFnQixFQUFFLGFBQWEsRUFBRSxlQUFlLEVBQUUsZUFBZSxFQUFFLE1BQU0sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzVHLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDOztBQVdqRixNQUFNLE9BQU8saUJBQWlCO0lBVDlCO1FBVUUsZ0JBQVcsR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksQ0FDdEMsTUFBTSxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQ2IsQ0FBQyxlQUFlLEVBQUUsYUFBYSxFQUFFLGVBQWUsRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEtBQUssWUFBWSxDQUFDLENBQUMsQ0FDbEcsRUFDRCxHQUFHLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxLQUFLLFlBQVksZUFBZSxDQUFDLEVBQzlDLFNBQVMsQ0FBQyxJQUFJLENBQUMsRUFDZixvQkFBb0IsRUFBRSxFQUN0QixXQUFXLENBQUMsQ0FBQyxDQUFDLENBQ2YsQ0FBQztLQUNIOytHQVZZLGlCQUFpQjttR0FBakIsaUJBQWlCLGdGQVBsQix3REFBd0QscWlCQUV4RCxTQUFTLGdDQUdQLENBQUMsYUFBYSxDQUFDOzs0RkFFaEIsaUJBQWlCO2tCQVQ3QixTQUFTOytCQUNFLHNCQUFzQixZQUN0Qix3REFBd0QsY0FDdEQsSUFBSSxXQUNQLENBQUMsU0FBUyxDQUFDLG1CQUVILHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsQ0FBQyxhQUFhLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBc3luY1BpcGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOYXZpZ2F0aW9uQ2FuY2VsLCBOYXZpZ2F0aW9uRW5kLCBOYXZpZ2F0aW9uRXJyb3IsIE5hdmlnYXRpb25TdGFydCwgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IGZhZGVBbmltYXRpb24gfSBmcm9tICdAc29sYXItYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7IGRpc3RpbmN0VW50aWxDaGFuZ2VkLCBmaWx0ZXIsIG1hcCwgc2hhcmVSZXBsYXksIHN0YXJ0V2l0aCB9IGZyb20gJ3J4anMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzdW4tbmF2LXByb2dyZXNzLWJhcicsXG4gIHRlbXBsYXRlOiBgQGlmIChuYXZpZ2F0aW5nJCB8IGFzeW5jKSB7PGRpdiBAZmFkZUFuaW1hdGlvbj48L2Rpdj59YCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0FzeW5jUGlwZV0sXG4gIHN0eWxlVXJsOiAnLi9uYXYtcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5zY3NzJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGFuaW1hdGlvbnM6IFtmYWRlQW5pbWF0aW9uXVxufSlcbmV4cG9ydCBjbGFzcyBTdW5OYXZQcm9ncmVzc0JhciB7XG4gIG5hdmlnYXRpbmckID0gaW5qZWN0KFJvdXRlcikuZXZlbnRzLnBpcGUoXG4gICAgZmlsdGVyKGV2ZW50ID0+XG4gICAgICBbTmF2aWdhdGlvblN0YXJ0LCBOYXZpZ2F0aW9uRW5kLCBOYXZpZ2F0aW9uRXJyb3IsIE5hdmlnYXRpb25DYW5jZWxdLnNvbWUobyA9PiBldmVudCBpbnN0YW5jZW9mIG8pXG4gICAgKSxcbiAgICBtYXAoZXZlbnQgPT4gZXZlbnQgaW5zdGFuY2VvZiBOYXZpZ2F0aW9uU3RhcnQpLFxuICAgIHN0YXJ0V2l0aCh0cnVlKSxcbiAgICBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpLFxuICAgIHNoYXJlUmVwbGF5KDEpXG4gICk7XG59XG4iXX0=
|
|
@@ -176,11 +176,11 @@ export class SunSliderCaptcha {
|
|
|
176
176
|
}
|
|
177
177
|
}
|
|
178
178
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SunSliderCaptcha, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
179
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SunSliderCaptcha, isStandalone: true, selector: "sun-slider-captcha", inputs: { srcUrl: "srcUrl", verifyUrl: "verifyUrl", verifyData: "verifyData", width: ["width", "width", numberAttribute], height: ["height", "height", numberAttribute] }, outputs: { verified: "verified" }, host: { listeners: { "window:pointerup": "markEnd($event)", "window:pointercancel": "markEnd($event)", "window:pointermove": "moveMarker($event)" }, properties: { "class.sun-verify-loading": "this.loading", "class.sun-verify-verifying": "this.verifying" } }, viewQueries: [{ propertyName: "canvasRef", first: true, predicate: ["canvas"], descendants: true, static: true }, { propertyName: "sliderRef", first: true, predicate: ["slider"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"slide-block\" [style.width.px]=\"width\" [style.height.px]=\"height\">\n <canvas #canvas></canvas>\n @if (alert.show) {\n <div\n class=\"slide-alert\"\n [class.slide-alert-success]=\"alert.type === 'success'\"\n [class.slide-alert-danger]=\"alert.type === 'error'\"\n >\n {{ alert.msg }}\n </div>\n }\n</div>\n\n<div\n #slider\n class=\"verify-bar\"\n [style.width.px]=\"width\"\n (scroll)=\"$event.preventDefault()\"\n (touchmove)=\"$event.preventDefault()\"\n (mousewheel)=\"$event.preventDefault()\"\n>\n <div\n style=\"display: inline-block; height: 40px; vertical-align: top\"\n [style]=\"{ background: bar.background }\"\n [draggable]=\"false\"\n [style.width.px]=\"width\"\n ></div>\n <div class=\"verify-bar-area\" [style.width.px]=\"width\" [draggable]=\"false\">\n <span class=\"verify-msg\" [draggable]=\"false\">\u62D6\u52A8\u6ED1\u5757\u4EE5\u5B8C\u6210\u62FC\u56FE\u9A8C\u8BC1</span>\n <div class=\"verify-left-bar\" [style.width.px]=\"bar.blockWidth\">\n <div\n class=\"verify-move-block\"\n [draggable]=\"false\"\n (pointerdown)=\"markStart($event)\"\n >\n <svg viewBox=\"0 0 512 512\">\n <path\n stroke-width=\"32\"\n stroke-linecap=\"round\"\n stroke-miterlimit=\"10\"\n d=\"M80 160h352M80 256h352M80 352h352\"\n ></path>\n </svg>\n </div>\n </div>\n </div>\n</div>\n", styles: [":host{--
|
|
179
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SunSliderCaptcha, isStandalone: true, selector: "sun-slider-captcha", inputs: { srcUrl: "srcUrl", verifyUrl: "verifyUrl", verifyData: "verifyData", width: ["width", "width", numberAttribute], height: ["height", "height", numberAttribute] }, outputs: { verified: "verified" }, host: { listeners: { "window:pointerup": "markEnd($event)", "window:pointercancel": "markEnd($event)", "window:pointermove": "moveMarker($event)" }, properties: { "class.sun-verify-loading": "this.loading", "class.sun-verify-verifying": "this.verifying" } }, viewQueries: [{ propertyName: "canvasRef", first: true, predicate: ["canvas"], descendants: true, static: true }, { propertyName: "sliderRef", first: true, predicate: ["slider"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"slide-block\" [style.width.px]=\"width\" [style.height.px]=\"height\">\n <canvas #canvas></canvas>\n @if (alert.show) {\n <div\n class=\"slide-alert\"\n [class.slide-alert-success]=\"alert.type === 'success'\"\n [class.slide-alert-danger]=\"alert.type === 'error'\"\n >\n {{ alert.msg }}\n </div>\n }\n</div>\n\n<div\n #slider\n class=\"verify-bar\"\n [style.width.px]=\"width\"\n (scroll)=\"$event.preventDefault()\"\n (touchmove)=\"$event.preventDefault()\"\n (mousewheel)=\"$event.preventDefault()\"\n>\n <div\n style=\"display: inline-block; height: 40px; vertical-align: top\"\n [style]=\"{ background: bar.background }\"\n [draggable]=\"false\"\n [style.width.px]=\"width\"\n ></div>\n <div class=\"verify-bar-area\" [style.width.px]=\"width\" [draggable]=\"false\">\n <span class=\"verify-msg\" [draggable]=\"false\">\u62D6\u52A8\u6ED1\u5757\u4EE5\u5B8C\u6210\u62FC\u56FE\u9A8C\u8BC1</span>\n <div class=\"verify-left-bar\" [style.width.px]=\"bar.blockWidth\">\n <div\n class=\"verify-move-block\"\n [draggable]=\"false\"\n (pointerdown)=\"markStart($event)\"\n >\n <svg viewBox=\"0 0 512 512\">\n <path\n stroke-width=\"32\"\n stroke-linecap=\"round\"\n stroke-miterlimit=\"10\"\n d=\"M80 160h352M80 256h352M80 352h352\"\n ></path>\n </svg>\n </div>\n </div>\n </div>\n</div>\n", styles: [":host{--background: white;--indicator-primary-color: var(--color-primary);--indicator-danger-color: var(--color-danger);--alert-success-color: var(--color-success);--alert-danger-color: var(--color-danger);--alert-success-background: #dcfce7;--alert-danger-background: #fee2e2;--handler-color: #94a3b8;--handler-border-color: #e2e8f0;display:inline-block;overflow:hidden}.slide-block{position:relative;background:var(--background)}.slide-alert{position:absolute;width:100%;bottom:0;opacity:.9;text-align:center;padding:4px 0;font-size:14px}.slide-alert-success{color:var(--alert-success-color);background:var(--alert-success-background)}.slide-alert-danger{color:var(--alert-danger-color);background:var(--alert-danger-background)}:host ::ng-deep .ant-alert{border-radius:0}.verify-bar{font-size:0;height:40px;line-height:40px;overflow:scroll hidden;white-space:nowrap;scrollbar-width:none}.verify-bar::-webkit-scrollbar{display:none}.verify-bar-area{position:relative;display:inline-block;font-size:14px;text-align:center;background:var(--background);height:100%}.verify-bar-area .verify-msg{z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none}.verify-bar-area .verify-move-block{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:var(--background);border:1px solid var(--handler-border-color)}.verify-bar-area .verify-move-block>svg{font-size:24px;color:var(--handler-color);width:1em;height:1em;contain:strict;fill:currentcolor;box-sizing:content-box;stroke:currentcolor;transform:rotate(90deg)}.verify-bar-area .verify-left-bar{position:absolute;top:0;left:0;cursor:grab;height:40px}:host.sun-verify-loading .verify-left-bar,:host.sun-verify-verifying .verify-left-bar{cursor:progress}\n"] }); }
|
|
180
180
|
}
|
|
181
181
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SunSliderCaptcha, decorators: [{
|
|
182
182
|
type: Component,
|
|
183
|
-
args: [{ selector: 'sun-slider-captcha', standalone: true, template: "<div class=\"slide-block\" [style.width.px]=\"width\" [style.height.px]=\"height\">\n <canvas #canvas></canvas>\n @if (alert.show) {\n <div\n class=\"slide-alert\"\n [class.slide-alert-success]=\"alert.type === 'success'\"\n [class.slide-alert-danger]=\"alert.type === 'error'\"\n >\n {{ alert.msg }}\n </div>\n }\n</div>\n\n<div\n #slider\n class=\"verify-bar\"\n [style.width.px]=\"width\"\n (scroll)=\"$event.preventDefault()\"\n (touchmove)=\"$event.preventDefault()\"\n (mousewheel)=\"$event.preventDefault()\"\n>\n <div\n style=\"display: inline-block; height: 40px; vertical-align: top\"\n [style]=\"{ background: bar.background }\"\n [draggable]=\"false\"\n [style.width.px]=\"width\"\n ></div>\n <div class=\"verify-bar-area\" [style.width.px]=\"width\" [draggable]=\"false\">\n <span class=\"verify-msg\" [draggable]=\"false\">\u62D6\u52A8\u6ED1\u5757\u4EE5\u5B8C\u6210\u62FC\u56FE\u9A8C\u8BC1</span>\n <div class=\"verify-left-bar\" [style.width.px]=\"bar.blockWidth\">\n <div\n class=\"verify-move-block\"\n [draggable]=\"false\"\n (pointerdown)=\"markStart($event)\"\n >\n <svg viewBox=\"0 0 512 512\">\n <path\n stroke-width=\"32\"\n stroke-linecap=\"round\"\n stroke-miterlimit=\"10\"\n d=\"M80 160h352M80 256h352M80 352h352\"\n ></path>\n </svg>\n </div>\n </div>\n </div>\n</div>\n", styles: [":host{--
|
|
183
|
+
args: [{ selector: 'sun-slider-captcha', standalone: true, template: "<div class=\"slide-block\" [style.width.px]=\"width\" [style.height.px]=\"height\">\n <canvas #canvas></canvas>\n @if (alert.show) {\n <div\n class=\"slide-alert\"\n [class.slide-alert-success]=\"alert.type === 'success'\"\n [class.slide-alert-danger]=\"alert.type === 'error'\"\n >\n {{ alert.msg }}\n </div>\n }\n</div>\n\n<div\n #slider\n class=\"verify-bar\"\n [style.width.px]=\"width\"\n (scroll)=\"$event.preventDefault()\"\n (touchmove)=\"$event.preventDefault()\"\n (mousewheel)=\"$event.preventDefault()\"\n>\n <div\n style=\"display: inline-block; height: 40px; vertical-align: top\"\n [style]=\"{ background: bar.background }\"\n [draggable]=\"false\"\n [style.width.px]=\"width\"\n ></div>\n <div class=\"verify-bar-area\" [style.width.px]=\"width\" [draggable]=\"false\">\n <span class=\"verify-msg\" [draggable]=\"false\">\u62D6\u52A8\u6ED1\u5757\u4EE5\u5B8C\u6210\u62FC\u56FE\u9A8C\u8BC1</span>\n <div class=\"verify-left-bar\" [style.width.px]=\"bar.blockWidth\">\n <div\n class=\"verify-move-block\"\n [draggable]=\"false\"\n (pointerdown)=\"markStart($event)\"\n >\n <svg viewBox=\"0 0 512 512\">\n <path\n stroke-width=\"32\"\n stroke-linecap=\"round\"\n stroke-miterlimit=\"10\"\n d=\"M80 160h352M80 256h352M80 352h352\"\n ></path>\n </svg>\n </div>\n </div>\n </div>\n</div>\n", styles: [":host{--background: white;--indicator-primary-color: var(--color-primary);--indicator-danger-color: var(--color-danger);--alert-success-color: var(--color-success);--alert-danger-color: var(--color-danger);--alert-success-background: #dcfce7;--alert-danger-background: #fee2e2;--handler-color: #94a3b8;--handler-border-color: #e2e8f0;display:inline-block;overflow:hidden}.slide-block{position:relative;background:var(--background)}.slide-alert{position:absolute;width:100%;bottom:0;opacity:.9;text-align:center;padding:4px 0;font-size:14px}.slide-alert-success{color:var(--alert-success-color);background:var(--alert-success-background)}.slide-alert-danger{color:var(--alert-danger-color);background:var(--alert-danger-background)}:host ::ng-deep .ant-alert{border-radius:0}.verify-bar{font-size:0;height:40px;line-height:40px;overflow:scroll hidden;white-space:nowrap;scrollbar-width:none}.verify-bar::-webkit-scrollbar{display:none}.verify-bar-area{position:relative;display:inline-block;font-size:14px;text-align:center;background:var(--background);height:100%}.verify-bar-area .verify-msg{z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none}.verify-bar-area .verify-move-block{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:var(--background);border:1px solid var(--handler-border-color)}.verify-bar-area .verify-move-block>svg{font-size:24px;color:var(--handler-color);width:1em;height:1em;contain:strict;fill:currentcolor;box-sizing:content-box;stroke:currentcolor;transform:rotate(90deg)}.verify-bar-area .verify-left-bar{position:absolute;top:0;left:0;cursor:grab;height:40px}:host.sun-verify-loading .verify-left-bar,:host.sun-verify-verifying .verify-left-bar{cursor:progress}\n"] }]
|
|
184
184
|
}], ctorParameters: () => [{ type: i1.HttpClient }], propDecorators: { loading: [{
|
|
185
185
|
type: HostBinding,
|
|
186
186
|
args: ['class.sun-verify-loading']
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { AsyncPipe } from '@angular/common';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
3
|
import { inject, Component, ChangeDetectionStrategy } from '@angular/core';
|
|
4
|
-
import { Router, NavigationStart, NavigationEnd, NavigationError } from '@angular/router';
|
|
4
|
+
import { Router, NavigationStart, NavigationEnd, NavigationError, NavigationCancel } from '@angular/router';
|
|
5
5
|
import { fadeAnimation } from '@solar-angular/animations';
|
|
6
6
|
import { filter, map, startWith, distinctUntilChanged, shareReplay } from 'rxjs';
|
|
7
7
|
|
|
8
8
|
class SunNavProgressBar {
|
|
9
9
|
constructor() {
|
|
10
|
-
this.navigating$ = inject(Router).events.pipe(filter(event =>
|
|
10
|
+
this.navigating$ = inject(Router).events.pipe(filter(event => [NavigationStart, NavigationEnd, NavigationError, NavigationCancel].some(o => event instanceof o)), map(event => event instanceof NavigationStart), startWith(true), distinctUntilChanged(), shareReplay(1));
|
|
11
11
|
}
|
|
12
12
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SunNavProgressBar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
13
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SunNavProgressBar, isStandalone: true, selector: "sun-nav-progress-bar", ngImport: i0, template: `@if (navigating$ | async) {<div @fadeAnimation></div>}`, isInline: true, styles: [":host{--track-color: transparent;--progress-color: var(--color-primary)}:host>div{position:fixed;top:0;left:0;width:100%;height:2.5px;background:var(--track-color);z-index:999}:host>div:after{content:\"\";display:block;height:100%;width:40%;transform-origin:left;background:var(--progress-color);animation:nav-progress 1.5s infinite linear}@keyframes nav-progress{0%{transform:translate(250%) scaleX(.2)}80%{transform:translate(0) scaleX(1)}to{transform:translate(0) scaleX(0)}}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }], animations: [fadeAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"solar-angular-ui-sun-nav-progress-bar.mjs","sources":["../../../packages/ui-sun/nav-progress-bar/nav-progress-bar.component.ts","../../../packages/ui-sun/nav-progress-bar/solar-angular-ui-sun-nav-progress-bar.ts"],"sourcesContent":["import { AsyncPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { NavigationEnd, NavigationError, NavigationStart, Router } from '@angular/router';\nimport { fadeAnimation } from '@solar-angular/animations';\nimport { distinctUntilChanged, filter, map, shareReplay, startWith } from 'rxjs';\n\n@Component({\n selector: 'sun-nav-progress-bar',\n template: `@if (navigating$ | async) {<div @fadeAnimation></div>}`,\n standalone: true,\n imports: [AsyncPipe],\n styleUrl: './nav-progress-bar.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n animations: [fadeAnimation]\n})\nexport class SunNavProgressBar {\n navigating$ = inject(Router).events.pipe(\n filter(event =>\n
|
|
1
|
+
{"version":3,"file":"solar-angular-ui-sun-nav-progress-bar.mjs","sources":["../../../packages/ui-sun/nav-progress-bar/nav-progress-bar.component.ts","../../../packages/ui-sun/nav-progress-bar/solar-angular-ui-sun-nav-progress-bar.ts"],"sourcesContent":["import { AsyncPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { NavigationCancel, NavigationEnd, NavigationError, NavigationStart, Router } from '@angular/router';\nimport { fadeAnimation } from '@solar-angular/animations';\nimport { distinctUntilChanged, filter, map, shareReplay, startWith } from 'rxjs';\n\n@Component({\n selector: 'sun-nav-progress-bar',\n template: `@if (navigating$ | async) {<div @fadeAnimation></div>}`,\n standalone: true,\n imports: [AsyncPipe],\n styleUrl: './nav-progress-bar.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n animations: [fadeAnimation]\n})\nexport class SunNavProgressBar {\n navigating$ = inject(Router).events.pipe(\n filter(event =>\n [NavigationStart, NavigationEnd, NavigationError, NavigationCancel].some(o => event instanceof o)\n ),\n map(event => event instanceof NavigationStart),\n startWith(true),\n distinctUntilChanged(),\n shareReplay(1)\n );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAea,iBAAiB,CAAA;AAT9B,IAAA,WAAA,GAAA;AAUE,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,IAAI,CACtC,MAAM,CAAC,KAAK,IACV,CAAC,eAAe,EAAE,aAAa,EAAE,eAAe,EAAE,gBAAgB,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC,CAClG,EACD,GAAG,CAAC,KAAK,IAAI,KAAK,YAAY,eAAe,CAAC,EAC9C,SAAS,CAAC,IAAI,CAAC,EACf,oBAAoB,EAAE,EACtB,WAAW,CAAC,CAAC,CAAC,CACf,CAAC;AACH,KAAA;+GAVY,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,gFAPlB,CAAwD,sDAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,keAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAExD,SAAS,EAGP,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAC,aAAa,CAAC,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FAEhB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAT7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,EACtB,QAAA,EAAA,CAAA,sDAAA,CAAwD,EACtD,UAAA,EAAA,IAAI,WACP,CAAC,SAAS,CAAC,EAAA,eAAA,EAEH,uBAAuB,CAAC,MAAM,EACnC,UAAA,EAAA,CAAC,aAAa,CAAC,EAAA,MAAA,EAAA,CAAA,keAAA,CAAA,EAAA,CAAA;;;ACb7B;;AAEG;;;;"}
|
|
@@ -196,11 +196,11 @@ class SunSliderCaptcha {
|
|
|
196
196
|
}
|
|
197
197
|
}
|
|
198
198
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SunSliderCaptcha, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
199
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SunSliderCaptcha, isStandalone: true, selector: "sun-slider-captcha", inputs: { srcUrl: "srcUrl", verifyUrl: "verifyUrl", verifyData: "verifyData", width: ["width", "width", numberAttribute], height: ["height", "height", numberAttribute] }, outputs: { verified: "verified" }, host: { listeners: { "window:pointerup": "markEnd($event)", "window:pointercancel": "markEnd($event)", "window:pointermove": "moveMarker($event)" }, properties: { "class.sun-verify-loading": "this.loading", "class.sun-verify-verifying": "this.verifying" } }, viewQueries: [{ propertyName: "canvasRef", first: true, predicate: ["canvas"], descendants: true, static: true }, { propertyName: "sliderRef", first: true, predicate: ["slider"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"slide-block\" [style.width.px]=\"width\" [style.height.px]=\"height\">\n <canvas #canvas></canvas>\n @if (alert.show) {\n <div\n class=\"slide-alert\"\n [class.slide-alert-success]=\"alert.type === 'success'\"\n [class.slide-alert-danger]=\"alert.type === 'error'\"\n >\n {{ alert.msg }}\n </div>\n }\n</div>\n\n<div\n #slider\n class=\"verify-bar\"\n [style.width.px]=\"width\"\n (scroll)=\"$event.preventDefault()\"\n (touchmove)=\"$event.preventDefault()\"\n (mousewheel)=\"$event.preventDefault()\"\n>\n <div\n style=\"display: inline-block; height: 40px; vertical-align: top\"\n [style]=\"{ background: bar.background }\"\n [draggable]=\"false\"\n [style.width.px]=\"width\"\n ></div>\n <div class=\"verify-bar-area\" [style.width.px]=\"width\" [draggable]=\"false\">\n <span class=\"verify-msg\" [draggable]=\"false\">\u62D6\u52A8\u6ED1\u5757\u4EE5\u5B8C\u6210\u62FC\u56FE\u9A8C\u8BC1</span>\n <div class=\"verify-left-bar\" [style.width.px]=\"bar.blockWidth\">\n <div\n class=\"verify-move-block\"\n [draggable]=\"false\"\n (pointerdown)=\"markStart($event)\"\n >\n <svg viewBox=\"0 0 512 512\">\n <path\n stroke-width=\"32\"\n stroke-linecap=\"round\"\n stroke-miterlimit=\"10\"\n d=\"M80 160h352M80 256h352M80 352h352\"\n ></path>\n </svg>\n </div>\n </div>\n </div>\n</div>\n", styles: [":host{--
|
|
199
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SunSliderCaptcha, isStandalone: true, selector: "sun-slider-captcha", inputs: { srcUrl: "srcUrl", verifyUrl: "verifyUrl", verifyData: "verifyData", width: ["width", "width", numberAttribute], height: ["height", "height", numberAttribute] }, outputs: { verified: "verified" }, host: { listeners: { "window:pointerup": "markEnd($event)", "window:pointercancel": "markEnd($event)", "window:pointermove": "moveMarker($event)" }, properties: { "class.sun-verify-loading": "this.loading", "class.sun-verify-verifying": "this.verifying" } }, viewQueries: [{ propertyName: "canvasRef", first: true, predicate: ["canvas"], descendants: true, static: true }, { propertyName: "sliderRef", first: true, predicate: ["slider"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"slide-block\" [style.width.px]=\"width\" [style.height.px]=\"height\">\n <canvas #canvas></canvas>\n @if (alert.show) {\n <div\n class=\"slide-alert\"\n [class.slide-alert-success]=\"alert.type === 'success'\"\n [class.slide-alert-danger]=\"alert.type === 'error'\"\n >\n {{ alert.msg }}\n </div>\n }\n</div>\n\n<div\n #slider\n class=\"verify-bar\"\n [style.width.px]=\"width\"\n (scroll)=\"$event.preventDefault()\"\n (touchmove)=\"$event.preventDefault()\"\n (mousewheel)=\"$event.preventDefault()\"\n>\n <div\n style=\"display: inline-block; height: 40px; vertical-align: top\"\n [style]=\"{ background: bar.background }\"\n [draggable]=\"false\"\n [style.width.px]=\"width\"\n ></div>\n <div class=\"verify-bar-area\" [style.width.px]=\"width\" [draggable]=\"false\">\n <span class=\"verify-msg\" [draggable]=\"false\">\u62D6\u52A8\u6ED1\u5757\u4EE5\u5B8C\u6210\u62FC\u56FE\u9A8C\u8BC1</span>\n <div class=\"verify-left-bar\" [style.width.px]=\"bar.blockWidth\">\n <div\n class=\"verify-move-block\"\n [draggable]=\"false\"\n (pointerdown)=\"markStart($event)\"\n >\n <svg viewBox=\"0 0 512 512\">\n <path\n stroke-width=\"32\"\n stroke-linecap=\"round\"\n stroke-miterlimit=\"10\"\n d=\"M80 160h352M80 256h352M80 352h352\"\n ></path>\n </svg>\n </div>\n </div>\n </div>\n</div>\n", styles: [":host{--background: white;--indicator-primary-color: var(--color-primary);--indicator-danger-color: var(--color-danger);--alert-success-color: var(--color-success);--alert-danger-color: var(--color-danger);--alert-success-background: #dcfce7;--alert-danger-background: #fee2e2;--handler-color: #94a3b8;--handler-border-color: #e2e8f0;display:inline-block;overflow:hidden}.slide-block{position:relative;background:var(--background)}.slide-alert{position:absolute;width:100%;bottom:0;opacity:.9;text-align:center;padding:4px 0;font-size:14px}.slide-alert-success{color:var(--alert-success-color);background:var(--alert-success-background)}.slide-alert-danger{color:var(--alert-danger-color);background:var(--alert-danger-background)}:host ::ng-deep .ant-alert{border-radius:0}.verify-bar{font-size:0;height:40px;line-height:40px;overflow:scroll hidden;white-space:nowrap;scrollbar-width:none}.verify-bar::-webkit-scrollbar{display:none}.verify-bar-area{position:relative;display:inline-block;font-size:14px;text-align:center;background:var(--background);height:100%}.verify-bar-area .verify-msg{z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none}.verify-bar-area .verify-move-block{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:var(--background);border:1px solid var(--handler-border-color)}.verify-bar-area .verify-move-block>svg{font-size:24px;color:var(--handler-color);width:1em;height:1em;contain:strict;fill:currentcolor;box-sizing:content-box;stroke:currentcolor;transform:rotate(90deg)}.verify-bar-area .verify-left-bar{position:absolute;top:0;left:0;cursor:grab;height:40px}:host.sun-verify-loading .verify-left-bar,:host.sun-verify-verifying .verify-left-bar{cursor:progress}\n"] }); }
|
|
200
200
|
}
|
|
201
201
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SunSliderCaptcha, decorators: [{
|
|
202
202
|
type: Component,
|
|
203
|
-
args: [{ selector: 'sun-slider-captcha', standalone: true, template: "<div class=\"slide-block\" [style.width.px]=\"width\" [style.height.px]=\"height\">\n <canvas #canvas></canvas>\n @if (alert.show) {\n <div\n class=\"slide-alert\"\n [class.slide-alert-success]=\"alert.type === 'success'\"\n [class.slide-alert-danger]=\"alert.type === 'error'\"\n >\n {{ alert.msg }}\n </div>\n }\n</div>\n\n<div\n #slider\n class=\"verify-bar\"\n [style.width.px]=\"width\"\n (scroll)=\"$event.preventDefault()\"\n (touchmove)=\"$event.preventDefault()\"\n (mousewheel)=\"$event.preventDefault()\"\n>\n <div\n style=\"display: inline-block; height: 40px; vertical-align: top\"\n [style]=\"{ background: bar.background }\"\n [draggable]=\"false\"\n [style.width.px]=\"width\"\n ></div>\n <div class=\"verify-bar-area\" [style.width.px]=\"width\" [draggable]=\"false\">\n <span class=\"verify-msg\" [draggable]=\"false\">\u62D6\u52A8\u6ED1\u5757\u4EE5\u5B8C\u6210\u62FC\u56FE\u9A8C\u8BC1</span>\n <div class=\"verify-left-bar\" [style.width.px]=\"bar.blockWidth\">\n <div\n class=\"verify-move-block\"\n [draggable]=\"false\"\n (pointerdown)=\"markStart($event)\"\n >\n <svg viewBox=\"0 0 512 512\">\n <path\n stroke-width=\"32\"\n stroke-linecap=\"round\"\n stroke-miterlimit=\"10\"\n d=\"M80 160h352M80 256h352M80 352h352\"\n ></path>\n </svg>\n </div>\n </div>\n </div>\n</div>\n", styles: [":host{--
|
|
203
|
+
args: [{ selector: 'sun-slider-captcha', standalone: true, template: "<div class=\"slide-block\" [style.width.px]=\"width\" [style.height.px]=\"height\">\n <canvas #canvas></canvas>\n @if (alert.show) {\n <div\n class=\"slide-alert\"\n [class.slide-alert-success]=\"alert.type === 'success'\"\n [class.slide-alert-danger]=\"alert.type === 'error'\"\n >\n {{ alert.msg }}\n </div>\n }\n</div>\n\n<div\n #slider\n class=\"verify-bar\"\n [style.width.px]=\"width\"\n (scroll)=\"$event.preventDefault()\"\n (touchmove)=\"$event.preventDefault()\"\n (mousewheel)=\"$event.preventDefault()\"\n>\n <div\n style=\"display: inline-block; height: 40px; vertical-align: top\"\n [style]=\"{ background: bar.background }\"\n [draggable]=\"false\"\n [style.width.px]=\"width\"\n ></div>\n <div class=\"verify-bar-area\" [style.width.px]=\"width\" [draggable]=\"false\">\n <span class=\"verify-msg\" [draggable]=\"false\">\u62D6\u52A8\u6ED1\u5757\u4EE5\u5B8C\u6210\u62FC\u56FE\u9A8C\u8BC1</span>\n <div class=\"verify-left-bar\" [style.width.px]=\"bar.blockWidth\">\n <div\n class=\"verify-move-block\"\n [draggable]=\"false\"\n (pointerdown)=\"markStart($event)\"\n >\n <svg viewBox=\"0 0 512 512\">\n <path\n stroke-width=\"32\"\n stroke-linecap=\"round\"\n stroke-miterlimit=\"10\"\n d=\"M80 160h352M80 256h352M80 352h352\"\n ></path>\n </svg>\n </div>\n </div>\n </div>\n</div>\n", styles: [":host{--background: white;--indicator-primary-color: var(--color-primary);--indicator-danger-color: var(--color-danger);--alert-success-color: var(--color-success);--alert-danger-color: var(--color-danger);--alert-success-background: #dcfce7;--alert-danger-background: #fee2e2;--handler-color: #94a3b8;--handler-border-color: #e2e8f0;display:inline-block;overflow:hidden}.slide-block{position:relative;background:var(--background)}.slide-alert{position:absolute;width:100%;bottom:0;opacity:.9;text-align:center;padding:4px 0;font-size:14px}.slide-alert-success{color:var(--alert-success-color);background:var(--alert-success-background)}.slide-alert-danger{color:var(--alert-danger-color);background:var(--alert-danger-background)}:host ::ng-deep .ant-alert{border-radius:0}.verify-bar{font-size:0;height:40px;line-height:40px;overflow:scroll hidden;white-space:nowrap;scrollbar-width:none}.verify-bar::-webkit-scrollbar{display:none}.verify-bar-area{position:relative;display:inline-block;font-size:14px;text-align:center;background:var(--background);height:100%}.verify-bar-area .verify-msg{z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none}.verify-bar-area .verify-move-block{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:var(--background);border:1px solid var(--handler-border-color)}.verify-bar-area .verify-move-block>svg{font-size:24px;color:var(--handler-color);width:1em;height:1em;contain:strict;fill:currentcolor;box-sizing:content-box;stroke:currentcolor;transform:rotate(90deg)}.verify-bar-area .verify-left-bar{position:absolute;top:0;left:0;cursor:grab;height:40px}:host.sun-verify-loading .verify-left-bar,:host.sun-verify-verifying .verify-left-bar{cursor:progress}\n"] }]
|
|
204
204
|
}], ctorParameters: () => [{ type: i1.HttpClient }], propDecorators: { loading: [{
|
|
205
205
|
type: HostBinding,
|
|
206
206
|
args: ['class.sun-verify-loading']
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"solar-angular-ui-sun-slider-captcha.mjs","sources":["../../../packages/ui-sun/slider-captcha/utils.ts","../../../packages/ui-sun/slider-captcha/slider-captcha.component.ts","../../../packages/ui-sun/slider-captcha/slider-captcha.component.html","../../../packages/ui-sun/slider-captcha/solar-angular-ui-sun-slider-captcha.ts"],"sourcesContent":["import { HttpContext } from '@angular/common/http';\nimport { API_TOKEN, AUTH_TOKEN } from '@solar-angular/http';\nimport { encrypt } from 'crypto-js/aes';\nimport { parse } from 'crypto-js/enc-utf8';\nimport { default as mode } from 'crypto-js/mode-ecb';\nimport { default as padding } from 'crypto-js/pad-pkcs7';\n\nexport const HTTP_OPTIONS = {\n withCredentials: true,\n context: new HttpContext().set(API_TOKEN, false).set(AUTH_TOKEN, false)\n};\n\nexport const aesEncrypt = (word: string, secret: string) => {\n const key = parse(secret);\n const src = parse(word);\n const encrypted = encrypt(src, key, { mode, padding });\n return encrypted.toString();\n};\n\nexport function withDpr(value: number) {\n return value * devicePixelRatio;\n}\n","import { HttpClient } from '@angular/common/http';\nimport { afterNextRender, Component, ElementRef, EventEmitter, HostBinding, HostListener, Input, numberAttribute, Output, ViewChild } from '@angular/core';\nimport { withPixel } from '@solar-kit/core';\nimport { Result } from '@solar-kit/planets/sun';\nimport { fromEvent, take, zip } from 'rxjs';\nimport { Captcha, CaptchaType } from './model';\nimport { aesEncrypt, HTTP_OPTIONS, withDpr } from './utils';\n\n/** 验证码的原始尺寸 */\nconst HEIGHT = 155, WIDTH = 310;\n/** 拼图的原始尺寸 */\nconst PUZZLE_HEIGHT = 155, PUZZLE_WIDTH = 50;\n\n@Component({\n selector: 'sun-slider-captcha',\n standalone: true,\n templateUrl: './slider-captcha.component.html',\n styleUrl: './slider-captcha.component.scss',\n})\nexport class SunSliderCaptcha {\n @HostBinding('class.sun-verify-loading') loading = false;\n @HostBinding('class.sun-verify-verifying') verifying = false;\n\n @ViewChild('canvas', { static: true }) canvasRef!: ElementRef<HTMLCanvasElement>;\n @ViewChild('slider', { static: true }) sliderRef!: ElementRef<HTMLDivElement>;\n\n @Input() srcUrl!: string;\n @Input() verifyUrl!: string;\n @Input() verifyData?: Record<string, any> | (() => Record<string, any>);\n @Input({ transform: numberAttribute }) width = WIDTH;\n @Input({ transform: numberAttribute }) height = HEIGHT;\n\n @Output() verified = new EventEmitter<Result<Captcha>>();\n\n private canvas!: HTMLCanvasElement;\n private ctx!: CanvasRenderingContext2D;\n private bgImage!: HTMLImageElement;\n private slideImage!: HTMLImageElement;\n\n /** 滑块拼图的x坐标 */\n x = 0;\n\n secrets: { secretKey: string, token: string } = {} as any;\n\n alert: { type: 'success' | 'error', msg: string, show: boolean } = {\n type: 'success', // error\n msg: '',\n show: false\n };\n\n beginTime!: number;\n endTime!: number;\n\n /** 滑动开始的X */\n dragStartX = -1;\n /** 滑动bar初始的scrollLeft */\n scrollLeft = 0;\n\n bar = {\n blockWidth: 42, // 滑块宽度\n background: 'var(--indicator-primary-color)'\n };\n\n /**\n * 当前尺寸 除于 原始尺寸得到的商\n * 用于等比例缩放\n */\n get quotient() {\n return {\n width: this.width / WIDTH,\n height: this.height / HEIGHT\n };\n }\n\n constructor(private http: HttpClient) {\n afterNextRender(() => {\n const dpr = devicePixelRatio;\n this.canvas = this.canvasRef.nativeElement;\n this.canvas.style.width = withPixel(this.width);\n this.canvas.style.height = withPixel(this.height);\n this.canvas.width = withDpr(this.width);\n this.canvas.height = withDpr(this.height);\n\n this.ctx = this.canvas.getContext('2d')!;\n this.ctx.scale(dpr, dpr);\n\n setTimeout(() => {\n this.refresh();\n });\n })\n }\n\n refresh() {\n setTimeout(() => {\n this.sliderRef.nativeElement.scrollTo(this.width, 0);\n }, 50);\n this.alert.show = false;\n this.bar.background = 'var(--indicator-primary-color)';\n this.loading = true;\n this.http.post<Result<Captcha>>(this.srcUrl, { captchaType: CaptchaType.BlockPuzzle }, HTTP_OPTIONS).subscribe(response => {\n if (response.code === 0) {\n this.secrets.secretKey = response.data.secretKey;\n this.secrets.token = response.data.token;\n this.bgImage = new Image();\n this.slideImage = new Image();\n // this.bgImage.src = `data:image/png;base64,${re.data.jigsawImageBase64}`;\n this.bgImage.src = `data:image/png;base64,${response.data.originalImageBase64}`;\n this.slideImage.src = `data:image/png;base64,${response.data.jigsawImageBase64}`;\n zip(\n fromEvent(this.bgImage, 'load'),\n fromEvent(this.slideImage, 'load'),\n ).pipe(take(1)).subscribe(() => {\n this.beginTime = new Date().getTime();\n this.draw();\n });\n } else {\n console.error(response.msg);\n }\n });\n }\n\n private draw(x = 0) {\n this.x = x;\n this.ctx.clearRect(0, 0, this.width, this.height);\n this.ctx.drawImage(this.bgImage, 0, 0, this.width, this.height);\n this.ctx.drawImage(this.slideImage, this.x, 0, this.quotient.width * PUZZLE_WIDTH, this.quotient.height * PUZZLE_HEIGHT);\n this.loading = false;\n }\n\n slide(x: number) {\n this.draw(x);\n }\n\n verify(x: number) {\n this.verifying = true;\n // 计算出原始移动距离\n x = x / this.quotient.width;\n\n this.endTime = new Date().getTime();\n const json = JSON.stringify({ x: x, y: 5.0 });\n const pointJson = this.secrets.secretKey ? aesEncrypt(json, this.secrets.secretKey) : json;\n const verifyData = typeof this.verifyData === 'function' ? this.verifyData() : this.verifyData;\n const obj = {\n captchaType: CaptchaType.BlockPuzzle,\n pointJson,\n token: this.secrets.token,\n ...verifyData\n };\n this.http.post<Result<Captcha>>(this.verifyUrl, obj, HTTP_OPTIONS).subscribe({\n next: response => {\n if (response.code !== 0) {\n this.alert.type = 'error';\n this.alert.msg = response.msg;\n this.alert.show = true;\n this.bar.background = 'var(--indicator-danger-color)';\n this.verified.emit({\n code: -1,\n msg: response.msg,\n data: null!\n });\n setTimeout(() => {\n this.alert.show = false;\n this.refresh();\n }, 1000);\n } else {\n this.alert.type = 'success';\n this.bar.background = 'var(--indicator-primary-color)';\n const seconds = Math.abs(this.endTime - this.beginTime) / 1000;\n this.alert.msg = ` ${seconds}秒 验证成功`;\n this.alert.show = true;\n const temp = response.data.token + '---' + json;\n response.data.captcha = this.secrets.secretKey ? aesEncrypt(temp, this.secrets.secretKey) : temp;\n // delete response.data.token;\n // delete response.data.captchaType;\n // delete response.data.pointJson;\n // delete response.data.result;\n this.verified.emit({\n code: 0,\n msg: response.msg,\n data: response.data\n });\n }\n },\n complete: () => this.verifying = false\n });\n }\n\n markStart(event: PointerEvent) {\n if (!this.loading && !this.verifying) {\n event.stopPropagation();\n this.dragStartX = event.clientX;\n this.scrollLeft = this.sliderRef.nativeElement.scrollLeft;\n }\n }\n\n @HostListener('window:pointerup', ['$event'])\n @HostListener('window:pointercancel', ['$event'])\n markEnd(event: PointerEvent) {\n event.stopPropagation();\n if (this.dragStartX > -1) {\n this.verify(this.width - this.sliderRef.nativeElement.scrollLeft);\n }\n this.dragStartX = -1;\n }\n\n @HostListener('window:pointermove', ['$event'])\n moveMarker(event: PointerEvent) {\n event.stopPropagation();\n if (this.dragStartX > -1) { // 如果在拖动了\n const currentX = event.clientX; // 得到当前的X\n const offset = currentX - this.dragStartX; // 得到拖动的距离\n\n let left = this.scrollLeft - (offset < 0 ? 0 : offset);\n\n if (left <= this.bar.blockWidth) {\n left = this.bar.blockWidth;\n } else if (left >= this.width) {\n left = this.width;\n }\n this.sliderRef.nativeElement.scrollLeft = left;\n this.slide(this.width - left);\n }\n }\n\n}\n","<div class=\"slide-block\" [style.width.px]=\"width\" [style.height.px]=\"height\">\n <canvas #canvas></canvas>\n @if (alert.show) {\n <div\n class=\"slide-alert\"\n [class.slide-alert-success]=\"alert.type === 'success'\"\n [class.slide-alert-danger]=\"alert.type === 'error'\"\n >\n {{ alert.msg }}\n </div>\n }\n</div>\n\n<div\n #slider\n class=\"verify-bar\"\n [style.width.px]=\"width\"\n (scroll)=\"$event.preventDefault()\"\n (touchmove)=\"$event.preventDefault()\"\n (mousewheel)=\"$event.preventDefault()\"\n>\n <div\n style=\"display: inline-block; height: 40px; vertical-align: top\"\n [style]=\"{ background: bar.background }\"\n [draggable]=\"false\"\n [style.width.px]=\"width\"\n ></div>\n <div class=\"verify-bar-area\" [style.width.px]=\"width\" [draggable]=\"false\">\n <span class=\"verify-msg\" [draggable]=\"false\">拖动滑块以完成拼图验证</span>\n <div class=\"verify-left-bar\" [style.width.px]=\"bar.blockWidth\">\n <div\n class=\"verify-move-block\"\n [draggable]=\"false\"\n (pointerdown)=\"markStart($event)\"\n >\n <svg viewBox=\"0 0 512 512\">\n <path\n stroke-width=\"32\"\n stroke-linecap=\"round\"\n stroke-miterlimit=\"10\"\n d=\"M80 160h352M80 256h352M80 352h352\"\n ></path>\n </svg>\n </div>\n </div>\n </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"solar-angular-ui-sun-slider-captcha.mjs","sources":["../../../packages/ui-sun/slider-captcha/utils.ts","../../../packages/ui-sun/slider-captcha/slider-captcha.component.ts","../../../packages/ui-sun/slider-captcha/slider-captcha.component.html","../../../packages/ui-sun/slider-captcha/solar-angular-ui-sun-slider-captcha.ts"],"sourcesContent":["import { HttpContext } from '@angular/common/http';\nimport { API_TOKEN, AUTH_TOKEN } from '@solar-angular/http';\nimport { encrypt } from 'crypto-js/aes';\nimport { parse } from 'crypto-js/enc-utf8';\nimport { default as mode } from 'crypto-js/mode-ecb';\nimport { default as padding } from 'crypto-js/pad-pkcs7';\n\nexport const HTTP_OPTIONS = {\n withCredentials: true,\n context: new HttpContext().set(API_TOKEN, false).set(AUTH_TOKEN, false)\n};\n\nexport const aesEncrypt = (word: string, secret: string) => {\n const key = parse(secret);\n const src = parse(word);\n const encrypted = encrypt(src, key, { mode, padding });\n return encrypted.toString();\n};\n\nexport function withDpr(value: number) {\n return value * devicePixelRatio;\n}\n","import { HttpClient } from '@angular/common/http';\nimport { afterNextRender, Component, ElementRef, EventEmitter, HostBinding, HostListener, Input, numberAttribute, Output, ViewChild } from '@angular/core';\nimport { withPixel } from '@solar-kit/core';\nimport { Result } from '@solar-kit/planets/sun';\nimport { fromEvent, take, zip } from 'rxjs';\nimport { Captcha, CaptchaType } from './model';\nimport { aesEncrypt, HTTP_OPTIONS, withDpr } from './utils';\n\n/** 验证码的原始尺寸 */\nconst HEIGHT = 155, WIDTH = 310;\n/** 拼图的原始尺寸 */\nconst PUZZLE_HEIGHT = 155, PUZZLE_WIDTH = 50;\n\n@Component({\n selector: 'sun-slider-captcha',\n standalone: true,\n templateUrl: './slider-captcha.component.html',\n styleUrl: './slider-captcha.component.scss',\n})\nexport class SunSliderCaptcha {\n @HostBinding('class.sun-verify-loading') loading = false;\n @HostBinding('class.sun-verify-verifying') verifying = false;\n\n @ViewChild('canvas', { static: true }) canvasRef!: ElementRef<HTMLCanvasElement>;\n @ViewChild('slider', { static: true }) sliderRef!: ElementRef<HTMLDivElement>;\n\n @Input() srcUrl!: string;\n @Input() verifyUrl!: string;\n @Input() verifyData?: Record<string, any> | (() => Record<string, any>);\n @Input({ transform: numberAttribute }) width = WIDTH;\n @Input({ transform: numberAttribute }) height = HEIGHT;\n\n @Output() verified = new EventEmitter<Result<Captcha>>();\n\n private canvas!: HTMLCanvasElement;\n private ctx!: CanvasRenderingContext2D;\n private bgImage!: HTMLImageElement;\n private slideImage!: HTMLImageElement;\n\n /** 滑块拼图的x坐标 */\n x = 0;\n\n secrets: { secretKey: string, token: string } = {} as any;\n\n alert: { type: 'success' | 'error', msg: string, show: boolean } = {\n type: 'success', // error\n msg: '',\n show: false\n };\n\n beginTime!: number;\n endTime!: number;\n\n /** 滑动开始的X */\n dragStartX = -1;\n /** 滑动bar初始的scrollLeft */\n scrollLeft = 0;\n\n bar = {\n blockWidth: 42, // 滑块宽度\n background: 'var(--indicator-primary-color)'\n };\n\n /**\n * 当前尺寸 除于 原始尺寸得到的商\n * 用于等比例缩放\n */\n get quotient() {\n return {\n width: this.width / WIDTH,\n height: this.height / HEIGHT\n };\n }\n\n constructor(private http: HttpClient) {\n afterNextRender(() => {\n const dpr = devicePixelRatio;\n this.canvas = this.canvasRef.nativeElement;\n this.canvas.style.width = withPixel(this.width);\n this.canvas.style.height = withPixel(this.height);\n this.canvas.width = withDpr(this.width);\n this.canvas.height = withDpr(this.height);\n\n this.ctx = this.canvas.getContext('2d')!;\n this.ctx.scale(dpr, dpr);\n\n setTimeout(() => {\n this.refresh();\n });\n })\n }\n\n refresh() {\n setTimeout(() => {\n this.sliderRef.nativeElement.scrollTo(this.width, 0);\n }, 50);\n this.alert.show = false;\n this.bar.background = 'var(--indicator-primary-color)';\n this.loading = true;\n this.http.post<Result<Captcha>>(this.srcUrl, { captchaType: CaptchaType.BlockPuzzle }, HTTP_OPTIONS).subscribe(response => {\n if (response.code === 0) {\n this.secrets.secretKey = response.data.secretKey;\n this.secrets.token = response.data.token;\n this.bgImage = new Image();\n this.slideImage = new Image();\n // this.bgImage.src = `data:image/png;base64,${re.data.jigsawImageBase64}`;\n this.bgImage.src = `data:image/png;base64,${response.data.originalImageBase64}`;\n this.slideImage.src = `data:image/png;base64,${response.data.jigsawImageBase64}`;\n zip(\n fromEvent(this.bgImage, 'load'),\n fromEvent(this.slideImage, 'load'),\n ).pipe(take(1)).subscribe(() => {\n this.beginTime = new Date().getTime();\n this.draw();\n });\n } else {\n console.error(response.msg);\n }\n });\n }\n\n private draw(x = 0) {\n this.x = x;\n this.ctx.clearRect(0, 0, this.width, this.height);\n this.ctx.drawImage(this.bgImage, 0, 0, this.width, this.height);\n this.ctx.drawImage(this.slideImage, this.x, 0, this.quotient.width * PUZZLE_WIDTH, this.quotient.height * PUZZLE_HEIGHT);\n this.loading = false;\n }\n\n slide(x: number) {\n this.draw(x);\n }\n\n verify(x: number) {\n this.verifying = true;\n // 计算出原始移动距离\n x = x / this.quotient.width;\n\n this.endTime = new Date().getTime();\n const json = JSON.stringify({ x: x, y: 5.0 });\n const pointJson = this.secrets.secretKey ? aesEncrypt(json, this.secrets.secretKey) : json;\n const verifyData = typeof this.verifyData === 'function' ? this.verifyData() : this.verifyData;\n const obj = {\n captchaType: CaptchaType.BlockPuzzle,\n pointJson,\n token: this.secrets.token,\n ...verifyData\n };\n this.http.post<Result<Captcha>>(this.verifyUrl, obj, HTTP_OPTIONS).subscribe({\n next: response => {\n if (response.code !== 0) {\n this.alert.type = 'error';\n this.alert.msg = response.msg;\n this.alert.show = true;\n this.bar.background = 'var(--indicator-danger-color)';\n this.verified.emit({\n code: -1,\n msg: response.msg,\n data: null!\n });\n setTimeout(() => {\n this.alert.show = false;\n this.refresh();\n }, 1000);\n } else {\n this.alert.type = 'success';\n this.bar.background = 'var(--indicator-primary-color)';\n const seconds = Math.abs(this.endTime - this.beginTime) / 1000;\n this.alert.msg = ` ${seconds}秒 验证成功`;\n this.alert.show = true;\n const temp = response.data.token + '---' + json;\n response.data.captcha = this.secrets.secretKey ? aesEncrypt(temp, this.secrets.secretKey) : temp;\n // delete response.data.token;\n // delete response.data.captchaType;\n // delete response.data.pointJson;\n // delete response.data.result;\n this.verified.emit({\n code: 0,\n msg: response.msg,\n data: response.data\n });\n }\n },\n complete: () => this.verifying = false\n });\n }\n\n markStart(event: PointerEvent) {\n if (!this.loading && !this.verifying) {\n event.stopPropagation();\n this.dragStartX = event.clientX;\n this.scrollLeft = this.sliderRef.nativeElement.scrollLeft;\n }\n }\n\n @HostListener('window:pointerup', ['$event'])\n @HostListener('window:pointercancel', ['$event'])\n markEnd(event: PointerEvent) {\n event.stopPropagation();\n if (this.dragStartX > -1) {\n this.verify(this.width - this.sliderRef.nativeElement.scrollLeft);\n }\n this.dragStartX = -1;\n }\n\n @HostListener('window:pointermove', ['$event'])\n moveMarker(event: PointerEvent) {\n event.stopPropagation();\n if (this.dragStartX > -1) { // 如果在拖动了\n const currentX = event.clientX; // 得到当前的X\n const offset = currentX - this.dragStartX; // 得到拖动的距离\n\n let left = this.scrollLeft - (offset < 0 ? 0 : offset);\n\n if (left <= this.bar.blockWidth) {\n left = this.bar.blockWidth;\n } else if (left >= this.width) {\n left = this.width;\n }\n this.sliderRef.nativeElement.scrollLeft = left;\n this.slide(this.width - left);\n }\n }\n\n}\n","<div class=\"slide-block\" [style.width.px]=\"width\" [style.height.px]=\"height\">\n <canvas #canvas></canvas>\n @if (alert.show) {\n <div\n class=\"slide-alert\"\n [class.slide-alert-success]=\"alert.type === 'success'\"\n [class.slide-alert-danger]=\"alert.type === 'error'\"\n >\n {{ alert.msg }}\n </div>\n }\n</div>\n\n<div\n #slider\n class=\"verify-bar\"\n [style.width.px]=\"width\"\n (scroll)=\"$event.preventDefault()\"\n (touchmove)=\"$event.preventDefault()\"\n (mousewheel)=\"$event.preventDefault()\"\n>\n <div\n style=\"display: inline-block; height: 40px; vertical-align: top\"\n [style]=\"{ background: bar.background }\"\n [draggable]=\"false\"\n [style.width.px]=\"width\"\n ></div>\n <div class=\"verify-bar-area\" [style.width.px]=\"width\" [draggable]=\"false\">\n <span class=\"verify-msg\" [draggable]=\"false\">拖动滑块以完成拼图验证</span>\n <div class=\"verify-left-bar\" [style.width.px]=\"bar.blockWidth\">\n <div\n class=\"verify-move-block\"\n [draggable]=\"false\"\n (pointerdown)=\"markStart($event)\"\n >\n <svg viewBox=\"0 0 512 512\">\n <path\n stroke-width=\"32\"\n stroke-linecap=\"round\"\n stroke-miterlimit=\"10\"\n d=\"M80 160h352M80 256h352M80 352h352\"\n ></path>\n </svg>\n </div>\n </div>\n </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@solar-angular/ui-sun",
|
|
3
|
-
"version": "18.0
|
|
3
|
+
"version": "18.1.0",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
7
7
|
},
|
|
8
8
|
"dependencies": {
|
|
9
|
-
"@solar-angular/http": "18.0
|
|
10
|
-
"@solar-angular/animations": "18.0
|
|
9
|
+
"@solar-angular/http": "18.1.0",
|
|
10
|
+
"@solar-angular/animations": "18.1.0",
|
|
11
11
|
"crypto-js": "^4.2.0",
|
|
12
12
|
"tslib": "^2.3.0"
|
|
13
13
|
},
|