@alauda/ui 6.5.10-beta.25 → 6.5.10-beta.26
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.
|
@@ -2,8 +2,9 @@ import * as i0 from "@angular/core";
|
|
|
2
2
|
import * as i1 from "./back-top.component";
|
|
3
3
|
import * as i2 from "@angular/common";
|
|
4
4
|
import * as i3 from "../icon/icon.module";
|
|
5
|
+
import * as i4 from "../button/button.module";
|
|
5
6
|
export declare class BackTopModule {
|
|
6
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<BackTopModule, never>;
|
|
7
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<BackTopModule, [typeof i1.BackTopComponent], [typeof i2.CommonModule, typeof i3.IconModule], [typeof i1.BackTopComponent]>;
|
|
8
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<BackTopModule, [typeof i1.BackTopComponent], [typeof i2.CommonModule, typeof i3.IconModule, typeof i4.ButtonModule], [typeof i1.BackTopComponent]>;
|
|
8
9
|
static ɵinj: i0.ɵɵInjectorDeclaration<BackTopModule>;
|
|
9
10
|
}
|
|
@@ -3,7 +3,8 @@ import { BehaviorSubject, combineLatest, fromEvent, distinctUntilChanged, map, s
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular/cdk/overlay";
|
|
5
5
|
import * as i2 from "../icon/icon.component";
|
|
6
|
-
import * as i3 from "
|
|
6
|
+
import * as i3 from "../button/button.component";
|
|
7
|
+
import * as i4 from "@angular/common";
|
|
7
8
|
export class BackTopComponent {
|
|
8
9
|
cdkScrollable;
|
|
9
10
|
set visibilityHeight(val) {
|
|
@@ -40,7 +41,7 @@ export class BackTopComponent {
|
|
|
40
41
|
return target.scrollTop;
|
|
41
42
|
}
|
|
42
43
|
handleClick(event) {
|
|
43
|
-
this.scrollToTop(
|
|
44
|
+
this.scrollToTop(200);
|
|
44
45
|
this.click.emit(event);
|
|
45
46
|
}
|
|
46
47
|
scrollToTop(duration) {
|
|
@@ -66,11 +67,11 @@ export class BackTopComponent {
|
|
|
66
67
|
return scrollTarget;
|
|
67
68
|
}
|
|
68
69
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: BackTopComponent, deps: [{ token: i1.CdkScrollable, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
69
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: BackTopComponent, selector: "aui-back-top", inputs: { visibilityHeight: "visibilityHeight", target: "target" }, outputs: { click: "click" }, ngImport: i0, template: "<div\n class=\"aui-back-top\"\n
|
|
70
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: BackTopComponent, selector: "aui-back-top", inputs: { visibilityHeight: "visibilityHeight", target: "target" }, outputs: { click: "click" }, ngImport: i0, template: "<div\n class=\"aui-back-top\"\n [class.show]=\"isDisplayed$ | async\"\n>\n <button\n aui-button=\"text\"\n [square]=\"true\"\n [plain]=\"true\"\n (click)=\"handleClick($event)\"\n >\n <aui-icon\n icon=\"arrow_up_to_line\"\n class=\"aui-back-top__icon\"\n ></aui-icon>\n </button>\n</div>\n", styles: [".aui-back-top{position:fixed;right:12px;bottom:12px;display:flex;justify-content:center;align-items:center;height:var(--aui-inline-height-m);width:var(--aui-inline-height-m);color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-l);border:1px solid transparent;border-radius:var(--aui-border-radius-m);overflow:hidden;visibility:hidden;cursor:pointer;transition:all .3s ease;background-color:rgb(var(--aui-color-n-10))}:root .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-back-top.show{visibility:visible}\n"], dependencies: [{ kind: "component", type: i2.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
70
71
|
}
|
|
71
72
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: BackTopComponent, decorators: [{
|
|
72
73
|
type: Component,
|
|
73
|
-
args: [{ selector: 'aui-back-top', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n class=\"aui-back-top\"\n
|
|
74
|
+
args: [{ selector: 'aui-back-top', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n class=\"aui-back-top\"\n [class.show]=\"isDisplayed$ | async\"\n>\n <button\n aui-button=\"text\"\n [square]=\"true\"\n [plain]=\"true\"\n (click)=\"handleClick($event)\"\n >\n <aui-icon\n icon=\"arrow_up_to_line\"\n class=\"aui-back-top__icon\"\n ></aui-icon>\n </button>\n</div>\n", styles: [".aui-back-top{position:fixed;right:12px;bottom:12px;display:flex;justify-content:center;align-items:center;height:var(--aui-inline-height-m);width:var(--aui-inline-height-m);color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-l);border:1px solid transparent;border-radius:var(--aui-border-radius-m);overflow:hidden;visibility:hidden;cursor:pointer;transition:all .3s ease;background-color:rgb(var(--aui-color-n-10))}:root .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-back-top.show{visibility:visible}\n"] }]
|
|
74
75
|
}], ctorParameters: function () { return [{ type: i1.CdkScrollable, decorators: [{
|
|
75
76
|
type: Optional
|
|
76
77
|
}] }]; }, propDecorators: { visibilityHeight: [{
|
|
@@ -80,4 +81,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImpor
|
|
|
80
81
|
}], click: [{
|
|
81
82
|
type: Output
|
|
82
83
|
}] } });
|
|
83
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
84
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFjay10b3AuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2JhY2stdG9wL2JhY2stdG9wLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uL3NyYy9iYWNrLXRvcC9iYWNrLXRvcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLFFBQVEsRUFDUixNQUFNLEVBQ04saUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDTCxlQUFlLEVBQ2YsYUFBYSxFQUNiLFNBQVMsRUFDVCxvQkFBb0IsRUFDcEIsR0FBRyxFQUNILFNBQVMsRUFDVCxZQUFZLEdBQ2IsTUFBTSxNQUFNLENBQUM7Ozs7OztBQVlkLE1BQU0sT0FBTyxnQkFBZ0I7SUFpQ2M7SUFoQ3pDLElBQ0ksZ0JBQWdCLENBQUMsR0FBVztRQUM5QixJQUFJLENBQUMsaUJBQWlCLEdBQUcsR0FBRyxDQUFDO1FBQzdCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDcEMsQ0FBQztJQUVELElBQUksZ0JBQWdCO1FBQ2xCLE9BQU8sSUFBSSxDQUFDLGlCQUFpQixDQUFDO0lBQ2hDLENBQUM7SUFFRCxJQUNJLE1BQU0sQ0FBQyxHQUFlO1FBQ3hCLElBQUksQ0FBQyxPQUFPLEdBQUcsR0FBRyxDQUFDO1FBQ25CLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzFCLENBQUM7SUFFRCxJQUFJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDdEIsQ0FBQztJQUdELEtBQUssR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO0lBRTFCLGlCQUFpQixHQUFHLEdBQUcsQ0FBQztJQUNmLFFBQVEsR0FBRyxJQUFJLGVBQWUsQ0FBYSxJQUFJ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U0FBUzsrQkFDRSxjQUFjLGlCQUdULGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sdUJBQzFCLEtBQUs7OzBCQW1DYixRQUFROzRDQS9CakIsZ0JBQWdCO3NCQURuQixLQUFLO2dCQVdGLE1BQU07c0JBRFQsS0FBSztnQkFXTixLQUFLO3NCQURKLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDZGtTY3JvbGxhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL292ZXJsYXknO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3B0aW9uYWwsXG4gIE91dHB1dCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgQmVoYXZpb3JTdWJqZWN0LFxuICBjb21iaW5lTGF0ZXN0LFxuICBmcm9tRXZlbnQsXG4gIGRpc3RpbmN0VW50aWxDaGFuZ2VkLFxuICBtYXAsXG4gIHN3aXRjaE1hcCxcbiAgdGhyb3R0bGVUaW1lLFxufSBmcm9tICdyeGpzJztcblxudHlwZSBUYXJnZXRUeXBlID0gRWxlbWVudCB8IFdpbmRvdyB8IHN0cmluZztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXVpLWJhY2stdG9wJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JhY2stdG9wLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYmFjay10b3AuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByZXNlcnZlV2hpdGVzcGFjZXM6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBCYWNrVG9wQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgc2V0IHZpc2liaWxpdHlIZWlnaHQodmFsOiBudW1iZXIpIHtcbiAgICB0aGlzLl92aXNpYmlsaXR5SGVpZ2h0ID0gdmFsO1xuICAgIHRoaXMudmlzaWJpbGl0eUhlaWdodCQkLm5leHQodmFsKTtcbiAgfVxuXG4gIGdldCB2aXNpYmlsaXR5SGVpZ2h0KCkge1xuICAgIHJldHVybiB0aGlzLl92aXNpYmlsaXR5SGVpZ2h0O1xuICB9XG5cbiAgQElucHV0KClcbiAgc2V0IHRhcmdldCh2YWw6IFRhcmdldFR5cGUpIHtcbiAgICB0aGlzLl90YXJnZXQgPSB2YWw7XG4gICAgdGhpcy50YXJnZXQkJC5uZXh0KHZhbCk7XG4gIH1cblxuICBnZXQgdGFyZ2V0KCkge1xuICAgIHJldHVybiB0aGlzLl90YXJnZXQ7XG4gIH1cblxuICBAT3V0cHV0KClcbiAgY2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPEV2ZW50PigpO1xuXG4gIHByaXZhdGUgX3Zpc2liaWxpdHlIZWlnaHQgPSA0MDA7XG4gIHByaXZhdGUgcmVhZG9ubHkgdGFyZ2V0JCQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PFRhcmdldFR5cGU+KHRoaXMudGFyZ2V0KTtcbiAgcHJpdmF0ZSByZWFkb25seSB2aXNpYmlsaXR5SGVpZ2h0JCQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PG51bWJlcj4oXG4gICAgdGhpcy52aXNpYmlsaXR5SGVpZ2h0LFxuICApO1xuXG4gIHByaXZhdGUgX3RhcmdldDogVGFyZ2V0VHlwZTtcbiAgcHJpdmF0ZSBfc2Nyb2xsVGFyZ2V0OiBFbGVtZW50IHwgV2luZG93O1xuXG4gIGNvbnN0cnVjdG9yKEBPcHRpb25hbCgpIHByaXZhdGUgcmVhZG9ubHkgY2RrU2Nyb2xsYWJsZTogQ2RrU2Nyb2xsYWJsZSkge31cblxuICBpc0Rpc3BsYXllZCQgPSBjb21iaW5lTGF0ZXN0KFtcbiAgICB0aGlzLnRhcmdldCQkLmFzT2JzZXJ2YWJsZSgpLnBpcGUoXG4gICAgICBtYXAodGFyZ2V0ID0+IHRoaXMuZ2V0VGFyZ2V0KHRhcmdldCkpLFxuICAgICAgc3dpdGNoTWFwKHRhcmdldCA9PlxuICAgICAgICBmcm9tRXZlbnQodGFyZ2V0LCAnc2Nyb2xsJykucGlwZShcbiAgICAgICAgICAvLyB1c2UgZGVmYXVsdCBzY2hlZHVsZXJcbiAgICAgICAgICB0aHJvdHRsZVRpbWUoNTAsIHVuZGVmaW5lZCwgeyBsZWFkaW5nOiB0cnVlLCB0cmFpbGluZzogdHJ1ZSB9KSxcbiAgICAgICAgICBtYXAoKCkgPT4gdGhpcy5nZXRUYXJnZXRTY3JvbGxUb3AodGFyZ2V0KSksXG4gICAgICAgICksXG4gICAgICApLFxuICAgICksXG4gICAgdGhpcy52aXNpYmlsaXR5SGVpZ2h0JCQsXG4gIF0pLnBpcGUoXG4gICAgbWFwKChbc2Nyb2xsVG9wLCB2aXNpYmlsaXR5SGVpZ2h0XSkgPT4gc2Nyb2xsVG9wID49IHZpc2liaWxpdHlIZWlnaHQpLFxuICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXG4gICk7XG5cbiAgZ2V0VGFyZ2V0U2Nyb2xsVG9wKHRhcmdldDogRWxlbWVudCB8IFdpbmRvdykge1xuICAgIGlmICh0YXJnZXQgPT09IHdpbmRvdykge1xuICAgICAgcmV0dXJuIGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5zY3JvbGxUb3A7XG4gICAgfVxuICAgIHJldHVybiAodGFyZ2V0IGFzIEhUTUxFbGVtZW50KS5zY3JvbGxUb3A7XG4gIH1cblxuICBoYW5kbGVDbGljayhldmVudDogRXZlbnQpIHtcbiAgICB0aGlzLnNjcm9sbFRvVG9wKDIwMCk7XG4gICAgdGhpcy5jbGljay5lbWl0KGV2ZW50KTtcbiAgfVxuXG4gIHNjcm9sbFRvVG9wKGR1cmF0aW9uOiBudW1iZXIpIHtcbiAgICBjb25zdCBzdGFydEhlaWdodCA9IHRoaXMuZ2V0VGFyZ2V0U2Nyb2xsVG9wKHRoaXMuX3Njcm9sbFRhcmdldCk7XG4gICAgbGV0IHN0YXJ0VGltZTogbnVtYmVyO1xuXG4gICAgY29uc3Qgc2Nyb2xsU3RlcCA9ICh0aW1lc3RhbXA6IG51bWJlcikgPT4ge1xuICAgICAgaWYgKCFzdGFydFRpbWUpIHtcbiAgICAgICAgc3RhcnRUaW1lID0gdGltZXN0YW1wO1xuICAgICAgfVxuICAgICAgY29uc3Qgc2Nyb2xsSGVpZ2h0ID0gTWF0aC5tYXgoXG4gICAgICAgIHN0YXJ0SGVpZ2h0IC0gKCh0aW1lc3RhbXAgLSBzdGFydFRpbWUpIC8gZHVyYXRpb24pICogc3RhcnRIZWlnaHQsXG4gICAgICAgIDAsXG4gICAgICApO1xuXG4gICAgICB0aGlzLl9zY3JvbGxUYXJnZXQuc2Nyb2xsVG8oMCwgc2Nyb2xsSGVpZ2h0KTtcbiAgICAgIGlmIChzY3JvbGxIZWlnaHQpIHtcbiAgICAgICAgcmVxdWVzdEFuaW1hdGlvbkZyYW1lKHNjcm9sbFN0ZXApO1xuICAgICAgfVxuICAgIH07XG4gICAgcmVxdWVzdEFuaW1hdGlvbkZyYW1lKHNjcm9sbFN0ZXApO1xuICB9XG5cbiAgZ2V0VGFyZ2V0KHRhcmdldDogVGFyZ2V0VHlwZSk6IEVsZW1lbnQgfCBXaW5kb3cge1xuICAgIGNvbnN0IHNjcm9sbFRhcmdldCA9XG4gICAgICAodHlwZW9mIHRhcmdldCA9PT0gJ3N0cmluZycgJiYgZG9jdW1lbnQucXVlcnlTZWxlY3Rvcih0YXJnZXQpKSB8fFxuICAgICAgdGhpcy5jZGtTY3JvbGxhYmxlPy5nZXRFbGVtZW50UmVmKCkubmF0aXZlRWxlbWVudCB8fFxuICAgICAgd2luZG93O1xuICAgIHRoaXMuX3Njcm9sbFRhcmdldCA9IHNjcm9sbFRhcmdldDtcbiAgICByZXR1cm4gc2Nyb2xsVGFyZ2V0O1xuICB9XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwiYXVpLWJhY2stdG9wXCJcbiAgW2NsYXNzLnNob3ddPVwiaXNEaXNwbGF5ZWQkIHwgYXN5bmNcIlxuPlxuICA8YnV0dG9uXG4gICAgYXVpLWJ1dHRvbj1cInRleHRcIlxuICAgIFtzcXVhcmVdPVwidHJ1ZVwiXG4gICAgW3BsYWluXT1cInRydWVcIlxuICAgIChjbGljayk9XCJoYW5kbGVDbGljaygkZXZlbnQpXCJcbiAgPlxuICAgIDxhdWktaWNvblxuICAgICAgaWNvbj1cImFycm93X3VwX3RvX2xpbmVcIlxuICAgICAgY2xhc3M9XCJhdWktYmFjay10b3BfX2ljb25cIlxuICAgID48L2F1aS1pY29uPlxuICA8L2J1dHRvbj5cbjwvZGl2PlxuIl19
|
|
@@ -2,18 +2,19 @@ import { CommonModule } from '@angular/common';
|
|
|
2
2
|
import { NgModule } from '@angular/core';
|
|
3
3
|
import { IconModule } from '../icon/icon.module';
|
|
4
4
|
import { BackTopComponent } from './back-top.component';
|
|
5
|
+
import { ButtonModule } from '..';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
7
|
export class BackTopModule {
|
|
7
8
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: BackTopModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: BackTopModule, declarations: [BackTopComponent], imports: [CommonModule, IconModule], exports: [BackTopComponent] });
|
|
9
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: BackTopModule, imports: [CommonModule, IconModule] });
|
|
9
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: BackTopModule, declarations: [BackTopComponent], imports: [CommonModule, IconModule, ButtonModule], exports: [BackTopComponent] });
|
|
10
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: BackTopModule, imports: [CommonModule, IconModule, ButtonModule] });
|
|
10
11
|
}
|
|
11
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: BackTopModule, decorators: [{
|
|
12
13
|
type: NgModule,
|
|
13
14
|
args: [{
|
|
14
|
-
imports: [CommonModule, IconModule],
|
|
15
|
+
imports: [CommonModule, IconModule, ButtonModule],
|
|
15
16
|
declarations: [BackTopComponent],
|
|
16
17
|
exports: [BackTopComponent],
|
|
17
18
|
}]
|
|
18
19
|
}] });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFjay10b3AubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2JhY2stdG9wL2JhY2stdG9wLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFakQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLElBQUksQ0FBQzs7QUFPbEMsTUFBTSxPQUFPLGFBQWE7dUdBQWIsYUFBYTt3R0FBYixhQUFhLGlCQUhULGdCQUFnQixhQURyQixZQUFZLEVBQUUsVUFBVSxFQUFFLFlBQVksYUFFdEMsZ0JBQWdCO3dHQUVmLGFBQWEsWUFKZCxZQUFZLEVBQUUsVUFBVSxFQUFFLFlBQVk7OzJGQUlyQyxhQUFhO2tCQUx6QixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxVQUFVLEVBQUUsWUFBWSxDQUFDO29CQUNqRCxZQUFZLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztvQkFDaEMsT0FBTyxFQUFFLENBQUMsZ0JBQWdCLENBQUM7aUJBQzVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEljb25Nb2R1bGUgfSBmcm9tICcuLi9pY29uL2ljb24ubW9kdWxlJztcblxuaW1wb3J0IHsgQmFja1RvcENvbXBvbmVudCB9IGZyb20gJy4vYmFjay10b3AuY29tcG9uZW50JztcbmltcG9ydCB7IEJ1dHRvbk1vZHVsZSB9IGZyb20gJy4uJztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgSWNvbk1vZHVsZSwgQnV0dG9uTW9kdWxlXSxcbiAgZGVjbGFyYXRpb25zOiBbQmFja1RvcENvbXBvbmVudF0sXG4gIGV4cG9ydHM6IFtCYWNrVG9wQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgQmFja1RvcE1vZHVsZSB7fVxuIl19
|
package/fesm2022/alauda-ui.mjs
CHANGED
|
@@ -2364,7 +2364,7 @@ class BackTopComponent {
|
|
|
2364
2364
|
return target.scrollTop;
|
|
2365
2365
|
}
|
|
2366
2366
|
handleClick(event) {
|
|
2367
|
-
this.scrollToTop(
|
|
2367
|
+
this.scrollToTop(200);
|
|
2368
2368
|
this.click.emit(event);
|
|
2369
2369
|
}
|
|
2370
2370
|
scrollToTop(duration) {
|
|
@@ -2390,11 +2390,11 @@ class BackTopComponent {
|
|
|
2390
2390
|
return scrollTarget;
|
|
2391
2391
|
}
|
|
2392
2392
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: BackTopComponent, deps: [{ token: i1$3.CdkScrollable, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
2393
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: BackTopComponent, selector: "aui-back-top", inputs: { visibilityHeight: "visibilityHeight", target: "target" }, outputs: { click: "click" }, ngImport: i0, template: "<div\n class=\"aui-back-top\"\n
|
|
2393
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: BackTopComponent, selector: "aui-back-top", inputs: { visibilityHeight: "visibilityHeight", target: "target" }, outputs: { click: "click" }, ngImport: i0, template: "<div\n class=\"aui-back-top\"\n [class.show]=\"isDisplayed$ | async\"\n>\n <button\n aui-button=\"text\"\n [square]=\"true\"\n [plain]=\"true\"\n (click)=\"handleClick($event)\"\n >\n <aui-icon\n icon=\"arrow_up_to_line\"\n class=\"aui-back-top__icon\"\n ></aui-icon>\n </button>\n</div>\n", styles: [".aui-back-top{position:fixed;right:12px;bottom:12px;display:flex;justify-content:center;align-items:center;height:var(--aui-inline-height-m);width:var(--aui-inline-height-m);color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-l);border:1px solid transparent;border-radius:var(--aui-border-radius-m);overflow:hidden;visibility:hidden;cursor:pointer;transition:all .3s ease;background-color:rgb(var(--aui-color-n-10))}:root .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-back-top.show{visibility:visible}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "component", type: ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2394
2394
|
}
|
|
2395
2395
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: BackTopComponent, decorators: [{
|
|
2396
2396
|
type: Component,
|
|
2397
|
-
args: [{ selector: 'aui-back-top', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n class=\"aui-back-top\"\n
|
|
2397
|
+
args: [{ selector: 'aui-back-top', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n class=\"aui-back-top\"\n [class.show]=\"isDisplayed$ | async\"\n>\n <button\n aui-button=\"text\"\n [square]=\"true\"\n [plain]=\"true\"\n (click)=\"handleClick($event)\"\n >\n <aui-icon\n icon=\"arrow_up_to_line\"\n class=\"aui-back-top__icon\"\n ></aui-icon>\n </button>\n</div>\n", styles: [".aui-back-top{position:fixed;right:12px;bottom:12px;display:flex;justify-content:center;align-items:center;height:var(--aui-inline-height-m);width:var(--aui-inline-height-m);color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-l);border:1px solid transparent;border-radius:var(--aui-border-radius-m);overflow:hidden;visibility:hidden;cursor:pointer;transition:all .3s ease;background-color:rgb(var(--aui-color-n-10))}:root .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-back-top{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-back-top.show{visibility:visible}\n"] }]
|
|
2398
2398
|
}], ctorParameters: function () { return [{ type: i1$3.CdkScrollable, decorators: [{
|
|
2399
2399
|
type: Optional
|
|
2400
2400
|
}] }]; }, propDecorators: { visibilityHeight: [{
|
|
@@ -2407,13 +2407,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImpor
|
|
|
2407
2407
|
|
|
2408
2408
|
class BackTopModule {
|
|
2409
2409
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: BackTopModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2410
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: BackTopModule, declarations: [BackTopComponent], imports: [CommonModule, IconModule], exports: [BackTopComponent] });
|
|
2411
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: BackTopModule, imports: [CommonModule, IconModule] });
|
|
2410
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: BackTopModule, declarations: [BackTopComponent], imports: [CommonModule, IconModule, ButtonModule], exports: [BackTopComponent] });
|
|
2411
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: BackTopModule, imports: [CommonModule, IconModule, ButtonModule] });
|
|
2412
2412
|
}
|
|
2413
2413
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: BackTopModule, decorators: [{
|
|
2414
2414
|
type: NgModule,
|
|
2415
2415
|
args: [{
|
|
2416
|
-
imports: [CommonModule, IconModule],
|
|
2416
|
+
imports: [CommonModule, IconModule, ButtonModule],
|
|
2417
2417
|
declarations: [BackTopComponent],
|
|
2418
2418
|
exports: [BackTopComponent],
|
|
2419
2419
|
}]
|