@alauda/ui 6.2.3-beta.11 → 6.2.3-beta.12
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.
|
@@ -52,10 +52,10 @@ export class BackTopComponent {
|
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
54
|
BackTopComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: BackTopComponent, deps: [{ token: i1.CdkScrollable, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
55
|
-
BackTopComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: BackTopComponent, selector: "aui-back-top", inputs: { visibilityHeight: "visibilityHeight", target: "target" }, outputs: { click: "click" }, ngImport: i0, template: "<div\n class=\"aui-back-top\"\n (click)=\"handleClick($event)\"\n [class.show]=\"isDisplayed$ | async\"\n>\n <aui-icon icon=\"back_top\" class=\"aui-back-top__icon\"></aui-icon>\n</div>\n", styles: ["@charset \"UTF-8\";.aui-back-top{
|
|
55
|
+
BackTopComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: BackTopComponent, selector: "aui-back-top", inputs: { visibilityHeight: "visibilityHeight", target: "target" }, outputs: { click: "click" }, ngImport: i0, template: "<div\n class=\"aui-back-top\"\n (click)=\"handleClick($event)\"\n [class.show]=\"isDisplayed$ | async\"\n>\n <aui-icon icon=\"back_top\" class=\"aui-back-top__icon\"></aui-icon>\n</div>\n", styles: ["@charset \"UTF-8\";.aui-back-top{position:fixed;right:12px;bottom:12px;display:flex;align-items:center;justify-content:center;height:var(--aui-inline-height-m);width:var(--aui-inline-height-m);color:rgb(var(--aui-color-n-4));font-size:16px;border:1px solid transparent;border-radius:var(--aui-border-radius-m);overflow:hidden;visibility:hidden;cursor:pointer;transition:all .3s ease}: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)}:root .aui-back-top{background-color:rgb(var(--aui-color-n-10))}html[aui-theme-mode=light] .aui-back-top{background-color:rgb(var(--aui-color-n-10))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-back-top{background-color:rgb(var(--aui-color-n-8))}}html[aui-theme-mode=dark] .aui-back-top{background-color:rgb(var(--aui-color-n-8))}.aui-back-top.show{visibility:visible}.aui-back-top:hover{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6));box-shadow:none}\n"], components: [{ type: i2.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], pipes: { "async": i3.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
56
56
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: BackTopComponent, decorators: [{
|
|
57
57
|
type: Component,
|
|
58
|
-
args: [{ selector: 'aui-back-top', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n class=\"aui-back-top\"\n (click)=\"handleClick($event)\"\n [class.show]=\"isDisplayed$ | async\"\n>\n <aui-icon icon=\"back_top\" class=\"aui-back-top__icon\"></aui-icon>\n</div>\n", styles: ["@charset \"UTF-8\";.aui-back-top{
|
|
58
|
+
args: [{ selector: 'aui-back-top', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n class=\"aui-back-top\"\n (click)=\"handleClick($event)\"\n [class.show]=\"isDisplayed$ | async\"\n>\n <aui-icon icon=\"back_top\" class=\"aui-back-top__icon\"></aui-icon>\n</div>\n", styles: ["@charset \"UTF-8\";.aui-back-top{position:fixed;right:12px;bottom:12px;display:flex;align-items:center;justify-content:center;height:var(--aui-inline-height-m);width:var(--aui-inline-height-m);color:rgb(var(--aui-color-n-4));font-size:16px;border:1px solid transparent;border-radius:var(--aui-border-radius-m);overflow:hidden;visibility:hidden;cursor:pointer;transition:all .3s ease}: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)}:root .aui-back-top{background-color:rgb(var(--aui-color-n-10))}html[aui-theme-mode=light] .aui-back-top{background-color:rgb(var(--aui-color-n-10))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-back-top{background-color:rgb(var(--aui-color-n-8))}}html[aui-theme-mode=dark] .aui-back-top{background-color:rgb(var(--aui-color-n-8))}.aui-back-top.show{visibility:visible}.aui-back-top:hover{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6));box-shadow:none}\n"] }]
|
|
59
59
|
}], ctorParameters: function () { return [{ type: i1.CdkScrollable, decorators: [{
|
|
60
60
|
type: Optional
|
|
61
61
|
}] }]; }, propDecorators: { visibilityHeight: [{
|
package/fesm2015/alauda-ui.mjs
CHANGED
|
@@ -1465,10 +1465,10 @@ class BackTopComponent {
|
|
|
1465
1465
|
}
|
|
1466
1466
|
}
|
|
1467
1467
|
BackTopComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: BackTopComponent, deps: [{ token: i1$2.CdkScrollable, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
1468
|
-
BackTopComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: BackTopComponent, selector: "aui-back-top", inputs: { visibilityHeight: "visibilityHeight", target: "target" }, outputs: { click: "click" }, ngImport: i0, template: "<div\n class=\"aui-back-top\"\n (click)=\"handleClick($event)\"\n [class.show]=\"isDisplayed$ | async\"\n>\n <aui-icon icon=\"back_top\" class=\"aui-back-top__icon\"></aui-icon>\n</div>\n", styles: ["@charset \"UTF-8\";.aui-back-top{
|
|
1468
|
+
BackTopComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: BackTopComponent, selector: "aui-back-top", inputs: { visibilityHeight: "visibilityHeight", target: "target" }, outputs: { click: "click" }, ngImport: i0, template: "<div\n class=\"aui-back-top\"\n (click)=\"handleClick($event)\"\n [class.show]=\"isDisplayed$ | async\"\n>\n <aui-icon icon=\"back_top\" class=\"aui-back-top__icon\"></aui-icon>\n</div>\n", styles: ["@charset \"UTF-8\";.aui-back-top{position:fixed;right:12px;bottom:12px;display:flex;align-items:center;justify-content:center;height:var(--aui-inline-height-m);width:var(--aui-inline-height-m);color:rgb(var(--aui-color-n-4));font-size:16px;border:1px solid transparent;border-radius:var(--aui-border-radius-m);overflow:hidden;visibility:hidden;cursor:pointer;transition:all .3s ease}: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)}:root .aui-back-top{background-color:rgb(var(--aui-color-n-10))}html[aui-theme-mode=light] .aui-back-top{background-color:rgb(var(--aui-color-n-10))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-back-top{background-color:rgb(var(--aui-color-n-8))}}html[aui-theme-mode=dark] .aui-back-top{background-color:rgb(var(--aui-color-n-8))}.aui-back-top.show{visibility:visible}.aui-back-top:hover{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6));box-shadow:none}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1469
1469
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: BackTopComponent, decorators: [{
|
|
1470
1470
|
type: Component,
|
|
1471
|
-
args: [{ selector: 'aui-back-top', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n class=\"aui-back-top\"\n (click)=\"handleClick($event)\"\n [class.show]=\"isDisplayed$ | async\"\n>\n <aui-icon icon=\"back_top\" class=\"aui-back-top__icon\"></aui-icon>\n</div>\n", styles: ["@charset \"UTF-8\";.aui-back-top{
|
|
1471
|
+
args: [{ selector: 'aui-back-top', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n class=\"aui-back-top\"\n (click)=\"handleClick($event)\"\n [class.show]=\"isDisplayed$ | async\"\n>\n <aui-icon icon=\"back_top\" class=\"aui-back-top__icon\"></aui-icon>\n</div>\n", styles: ["@charset \"UTF-8\";.aui-back-top{position:fixed;right:12px;bottom:12px;display:flex;align-items:center;justify-content:center;height:var(--aui-inline-height-m);width:var(--aui-inline-height-m);color:rgb(var(--aui-color-n-4));font-size:16px;border:1px solid transparent;border-radius:var(--aui-border-radius-m);overflow:hidden;visibility:hidden;cursor:pointer;transition:all .3s ease}: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)}:root .aui-back-top{background-color:rgb(var(--aui-color-n-10))}html[aui-theme-mode=light] .aui-back-top{background-color:rgb(var(--aui-color-n-10))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-back-top{background-color:rgb(var(--aui-color-n-8))}}html[aui-theme-mode=dark] .aui-back-top{background-color:rgb(var(--aui-color-n-8))}.aui-back-top.show{visibility:visible}.aui-back-top:hover{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6));box-shadow:none}\n"] }]
|
|
1472
1472
|
}], ctorParameters: function () {
|
|
1473
1473
|
return [{ type: i1$2.CdkScrollable, decorators: [{
|
|
1474
1474
|
type: Optional
|
package/fesm2020/alauda-ui.mjs
CHANGED
|
@@ -1456,10 +1456,10 @@ class BackTopComponent {
|
|
|
1456
1456
|
}
|
|
1457
1457
|
}
|
|
1458
1458
|
BackTopComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: BackTopComponent, deps: [{ token: i1$2.CdkScrollable, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
1459
|
-
BackTopComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: BackTopComponent, selector: "aui-back-top", inputs: { visibilityHeight: "visibilityHeight", target: "target" }, outputs: { click: "click" }, ngImport: i0, template: "<div\n class=\"aui-back-top\"\n (click)=\"handleClick($event)\"\n [class.show]=\"isDisplayed$ | async\"\n>\n <aui-icon icon=\"back_top\" class=\"aui-back-top__icon\"></aui-icon>\n</div>\n", styles: ["@charset \"UTF-8\";.aui-back-top{
|
|
1459
|
+
BackTopComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: BackTopComponent, selector: "aui-back-top", inputs: { visibilityHeight: "visibilityHeight", target: "target" }, outputs: { click: "click" }, ngImport: i0, template: "<div\n class=\"aui-back-top\"\n (click)=\"handleClick($event)\"\n [class.show]=\"isDisplayed$ | async\"\n>\n <aui-icon icon=\"back_top\" class=\"aui-back-top__icon\"></aui-icon>\n</div>\n", styles: ["@charset \"UTF-8\";.aui-back-top{position:fixed;right:12px;bottom:12px;display:flex;align-items:center;justify-content:center;height:var(--aui-inline-height-m);width:var(--aui-inline-height-m);color:rgb(var(--aui-color-n-4));font-size:16px;border:1px solid transparent;border-radius:var(--aui-border-radius-m);overflow:hidden;visibility:hidden;cursor:pointer;transition:all .3s ease}: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)}:root .aui-back-top{background-color:rgb(var(--aui-color-n-10))}html[aui-theme-mode=light] .aui-back-top{background-color:rgb(var(--aui-color-n-10))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-back-top{background-color:rgb(var(--aui-color-n-8))}}html[aui-theme-mode=dark] .aui-back-top{background-color:rgb(var(--aui-color-n-8))}.aui-back-top.show{visibility:visible}.aui-back-top:hover{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6));box-shadow:none}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1460
1460
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: BackTopComponent, decorators: [{
|
|
1461
1461
|
type: Component,
|
|
1462
|
-
args: [{ selector: 'aui-back-top', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n class=\"aui-back-top\"\n (click)=\"handleClick($event)\"\n [class.show]=\"isDisplayed$ | async\"\n>\n <aui-icon icon=\"back_top\" class=\"aui-back-top__icon\"></aui-icon>\n</div>\n", styles: ["@charset \"UTF-8\";.aui-back-top{
|
|
1462
|
+
args: [{ selector: 'aui-back-top', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n class=\"aui-back-top\"\n (click)=\"handleClick($event)\"\n [class.show]=\"isDisplayed$ | async\"\n>\n <aui-icon icon=\"back_top\" class=\"aui-back-top__icon\"></aui-icon>\n</div>\n", styles: ["@charset \"UTF-8\";.aui-back-top{position:fixed;right:12px;bottom:12px;display:flex;align-items:center;justify-content:center;height:var(--aui-inline-height-m);width:var(--aui-inline-height-m);color:rgb(var(--aui-color-n-4));font-size:16px;border:1px solid transparent;border-radius:var(--aui-border-radius-m);overflow:hidden;visibility:hidden;cursor:pointer;transition:all .3s ease}: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)}:root .aui-back-top{background-color:rgb(var(--aui-color-n-10))}html[aui-theme-mode=light] .aui-back-top{background-color:rgb(var(--aui-color-n-10))}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-back-top{background-color:rgb(var(--aui-color-n-8))}}html[aui-theme-mode=dark] .aui-back-top{background-color:rgb(var(--aui-color-n-8))}.aui-back-top.show{visibility:visible}.aui-back-top:hover{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6));box-shadow:none}\n"] }]
|
|
1463
1463
|
}], ctorParameters: function () { return [{ type: i1$2.CdkScrollable, decorators: [{
|
|
1464
1464
|
type: Optional
|
|
1465
1465
|
}] }]; }, propDecorators: { visibilityHeight: [{
|
package/package.json
CHANGED
package/theme/_var.scss
CHANGED
|
@@ -71,7 +71,7 @@ $tooltip-padding-ver: 8px - $tooltip-border-width;
|
|
|
71
71
|
$tooltip-offset: 4px;
|
|
72
72
|
$tooltip-max-width: 416px;
|
|
73
73
|
|
|
74
|
-
$tooltip-default-bg:
|
|
74
|
+
$tooltip-default-bg: rgb(0 0 0 / 85%);
|
|
75
75
|
$tooltip-default-border: $tooltip-default-bg;
|
|
76
76
|
$tooltip-default-text: $color-white;
|
|
77
77
|
|
|
@@ -336,11 +336,6 @@ $status-bar-pending-gradient-width: 4px;
|
|
|
336
336
|
$accordion-item-header-padding: 12px 0;
|
|
337
337
|
$accordion-item-header-color: #666;
|
|
338
338
|
|
|
339
|
-
//Back Top
|
|
340
|
-
$back-top-box-size: 36px;
|
|
341
|
-
$back-top-position-offset: 10px;
|
|
342
|
-
$back-top-border-radius: 2px;
|
|
343
|
-
|
|
344
339
|
// timepicker
|
|
345
340
|
$time-picker-icon-size: $font-size-large;
|
|
346
341
|
$time-picker-body-small-width: 278px;
|