@alauda/ui 6.0.2-beta.1 → 6.0.2-beta.5
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/alauda-ui.metadata.json +1 -1
- package/bundles/alauda-ui.umd.js +8 -6
- package/bundles/alauda-ui.umd.js.map +1 -1
- package/bundles/alauda-ui.umd.min.js +1 -1
- package/bundles/alauda-ui.umd.min.js.map +1 -1
- package/drawer/component/drawer.component.d.ts +2 -2
- package/drawer/component/drawer.service.d.ts +3 -5
- package/esm2015/drawer/component/drawer.component.js +5 -5
- package/esm2015/drawer/component/drawer.component.ngfactory.js +13 -11
- package/esm2015/drawer/component/drawer.component.ngsummary.json +1 -1
- package/esm2015/drawer/component/drawer.component.scss.ngstyle.js +1 -1
- package/esm2015/drawer/component/drawer.service.js +1 -1
- package/esm2015/drawer/drawer.module.js +3 -2
- package/esm2015/drawer/drawer.module.ngfactory.js +1 -1
- package/esm2015/select/base-select.js +4 -2
- package/fesm2015/alauda-ui.js +8 -6
- package/fesm2015/alauda-ui.js.map +1 -1
- package/package.json +1 -1
package/bundles/alauda-ui.umd.js
CHANGED
|
@@ -5672,7 +5672,9 @@
|
|
|
5672
5672
|
// support dynamic options loading on filtering
|
|
5673
5673
|
this.allOptions$.pipe(operators.takeUntil(this.destroy$$)).subscribe(function () {
|
|
5674
5674
|
if (_this.opened) {
|
|
5675
|
-
|
|
5675
|
+
requestAnimationFrame(function () {
|
|
5676
|
+
_this.autoFocusFirstOption();
|
|
5677
|
+
});
|
|
5676
5678
|
}
|
|
5677
5679
|
});
|
|
5678
5680
|
this.hasMatchedOption$ = rxjs.combineLatest([
|
|
@@ -12006,7 +12008,7 @@
|
|
|
12006
12008
|
});
|
|
12007
12009
|
};
|
|
12008
12010
|
DrawerComponent.prototype.attachBodyContent = function () {
|
|
12009
|
-
var _a;
|
|
12011
|
+
var _a, _b;
|
|
12010
12012
|
(_a = this.bodyPortalOutlet) === null || _a === void 0 ? void 0 : _a.dispose();
|
|
12011
12013
|
var content = this.content || this.contentTemplate;
|
|
12012
12014
|
if (content instanceof i0.Type) {
|
|
@@ -12019,7 +12021,7 @@
|
|
|
12019
12021
|
],
|
|
12020
12022
|
parent: this.injector,
|
|
12021
12023
|
}));
|
|
12022
|
-
var componentRef = this.bodyPortalOutlet.attachComponentPortal(componentPortal);
|
|
12024
|
+
var componentRef = (_b = this.bodyPortalOutlet) === null || _b === void 0 ? void 0 : _b.attachComponentPortal(componentPortal);
|
|
12023
12025
|
this.componentInstance = componentRef.instance;
|
|
12024
12026
|
Object.assign(componentRef.instance, this.contentParams);
|
|
12025
12027
|
componentRef.changeDetectorRef.detectChanges();
|
|
@@ -12071,10 +12073,10 @@
|
|
|
12071
12073
|
DrawerComponent.decorators = [
|
|
12072
12074
|
{ type: i0.Component, args: [{
|
|
12073
12075
|
selector: 'aui-drawer',
|
|
12074
|
-
template: "<ng-template #drawerTemplate>\n <div\n [class.drawer-mask-open]=\"visible\"\n class=\"drawer-mask\"\n (click)=\"maskClick()\"\n *ngIf=\"mask\"\n ></div>\n <div\n [style.marginTop.px]=\"offsetY\"\n [ngClass]=\"drawerClasses\"\n [class.drawer-open]=\"visible\"\n [ngStyle]=\"{\n transform: transform,\n width: width + 'px'\n }\"\n >\n <div\n class=\"drawer-content\"\n [style.height]=\"'calc(100% - ' + offsetY + 'px)'\"\n >\n <div class=\"drawer-body-wrapper\">\n <div class=\"drawer-header\">\n <div class=\"drawer-title\">\n <ng-container\n *ngIf=\"!isTemplateRef(title || titleTemplate); else elseTemplate\"\n >\n {{ title }}\n </ng-container>\n <ng-template #elseTemplate>\n <ng-container\n *ngIf=\"title || titleTemplate\"\n [ngTemplateOutlet]=\"$any(title || titleTemplate)\"\n [ngTemplateOutletContext]=\"templateContext\"\n ></ng-container>\n </ng-template>\n </div>\n <div class=\"drawer-close\" *ngIf=\"showClose\" (click)=\"closure()\">\n <aui-icon icon=\"close\"></aui-icon>\n </div>\n </div>\n\n <div class=\"drawer-body\">\n <ng-template cdkPortalOutlet></ng-template>\n <ng-container\n *ngTemplateOutlet=\"\n
|
|
12076
|
+
template: "<ng-template #drawerTemplate>\n <div\n [class.drawer-mask-open]=\"visible\"\n class=\"drawer-mask\"\n (click)=\"maskClick()\"\n *ngIf=\"mask\"\n ></div>\n <div\n [style.marginTop.px]=\"offsetY\"\n [ngClass]=\"drawerClasses\"\n [class.drawer-open]=\"visible\"\n [ngStyle]=\"{\n transform: transform,\n width: width + 'px'\n }\"\n >\n <div\n class=\"drawer-content\"\n [style.height]=\"'calc(100% - ' + offsetY + 'px)'\"\n >\n <div class=\"drawer-body-wrapper\">\n <div class=\"drawer-header\">\n <div class=\"drawer-title\">\n <ng-container\n *ngIf=\"!isTemplateRef(title || titleTemplate); else elseTemplate\"\n >\n {{ title }}\n </ng-container>\n <ng-template #elseTemplate>\n <ng-container\n *ngIf=\"title || titleTemplate\"\n [ngTemplateOutlet]=\"$any(title || titleTemplate)\"\n [ngTemplateOutletContext]=\"templateContext\"\n ></ng-container>\n </ng-template>\n </div>\n <div class=\"drawer-close\" *ngIf=\"showClose\" (click)=\"closure()\">\n <aui-icon icon=\"close\"></aui-icon>\n </div>\n </div>\n\n <div class=\"drawer-body\">\n <ng-template cdkPortalOutlet></ng-template>\n <ng-container *ngIf=\"isTemplateRef(content || contentTemplate)\">\n <ng-container\n *ngTemplateOutlet=\"\n $any(content || contentTemplate);\n context: templateContext\n \"\n >\n </ng-container>\n </ng-container>\n </div>\n\n <div class=\"drawer-footer\" *ngIf=\"footer\">\n <ng-container\n *ngIf=\"!isTemplateRef(footer || footerTemplate); else elseTemplate\"\n >\n {{ footer }}\n </ng-container>\n <ng-template #elseTemplate>\n <ng-container\n *ngIf=\"footer || titleTemplate\"\n [ngTemplateOutlet]=\"$any(footer || titleTemplate)\"\n [ngTemplateOutletContext]=\"templateContext\"\n ></ng-container>\n </ng-template>\n </div>\n </div>\n </div>\n </div>\n</ng-template>\n",
|
|
12075
12077
|
encapsulation: i0.ViewEncapsulation.None,
|
|
12076
12078
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
12077
|
-
styles: [".drawer-open .drawer-content{box-shadow:0 4px 16px 0 rgba(var(--aui-color-n-1),.2)}.drawer-mask{position:absolute;top:0;left:0;width:100%;height:0;opacity:.4;background-color:rgb(var(--aui-color-n-0))}.drawer-mask-open{height:100%}.drawer{height:100%;position:fixed;top:0;right:0;z-index:9999;transition:transform .3s,opacity .3s,box-shaow .3s}.drawer-content{background-color:rgb(var(--aui-color-n-10));position:absolute;height:100%;right:0;width:100%}.drawer-header{margin:20px 20px 0;background:rgb(var(--aui-color-n-10));display:flex;font-size:20px;font-weight:500;padding-bottom:16px;justify-content:space-between;border-bottom:1px solid rgb(var(--aui-color-n-7))}.drawer-close{z-index:10;display:flex;align-items:center;font-size:16px;cursor:pointer;color:rgb(var(--aui-color-n-4));margin-left:16px}.drawer-body-wrapper{width:100%;height:100%;flex-direction:column;flex-wrap:nowrap;display:flex;position:relative;z-index:1;background-clip:padding-box;border:0}.drawer-body{margin:16px 20px;overflow:hidden;overflow-y:auto;font-size:14px;height:calc(100% - 100px)}.drawer-footer{margin:0 20px 20px;padding-top:16px;border-top:1px solid rgb(var(--aui-color-n-7))}"]
|
|
12079
|
+
styles: [".drawer-open .drawer-content{box-shadow:0 4px 16px 0 rgba(var(--aui-color-n-1),.2)}.drawer-mask{position:absolute;top:0;left:0;width:100%;height:0;opacity:.4;background-color:rgb(var(--aui-color-n-0))}.drawer-mask-open{height:100%}.drawer{height:100%;position:fixed;top:0;right:0;z-index:9999;transition:transform .3s,opacity .3s,box-shaow .3s}.drawer-content{background-color:rgb(var(--aui-color-n-10));position:absolute;height:100%;right:0;width:100%}.drawer-title{flex:1}.drawer-header{margin:20px 20px 0;background:rgb(var(--aui-color-n-10));display:flex;font-size:20px;font-weight:500;padding-bottom:16px;justify-content:space-between;border-bottom:1px solid rgb(var(--aui-color-n-7))}.drawer-close{z-index:10;display:flex;align-items:center;font-size:16px;cursor:pointer;color:rgb(var(--aui-color-n-4));margin-left:16px}.drawer-body-wrapper{width:100%;height:100%;flex-direction:column;flex-wrap:nowrap;display:flex;position:relative;z-index:1;background-clip:padding-box;border:0}.drawer-body{margin:16px 20px;overflow:hidden;overflow-y:auto;font-size:14px;height:calc(100% - 100px)}.drawer-footer{margin:0 20px 20px;padding-top:16px;border-top:1px solid rgb(var(--aui-color-n-7))}"]
|
|
12078
12080
|
},] }
|
|
12079
12081
|
];
|
|
12080
12082
|
DrawerComponent.ctorParameters = function () { return [
|
|
@@ -12164,7 +12166,7 @@
|
|
|
12164
12166
|
}());
|
|
12165
12167
|
DrawerModule.decorators = [
|
|
12166
12168
|
{ type: i0.NgModule, args: [{
|
|
12167
|
-
imports: [common.CommonModule, IconModule, IconModule, i1.OverlayModule],
|
|
12169
|
+
imports: [common.CommonModule, IconModule, IconModule, i1.OverlayModule, portal.PortalModule],
|
|
12168
12170
|
declarations: COMMON,
|
|
12169
12171
|
exports: COMMON,
|
|
12170
12172
|
providers: [DrawerService],
|