@alauda/ui 6.0.2-beta → 6.0.2-beta.3
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 +12 -4
- 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/esm2015/drawer/component/drawer.component.js +4 -4
- package/esm2015/drawer/component/drawer.component.ngfactory.js +13 -11
- package/esm2015/drawer/drawer.module.js +3 -2
- package/esm2015/drawer/drawer.module.ngfactory.js +1 -1
- package/esm2015/select/base-select.js +10 -2
- package/fesm2015/alauda-ui.js +12 -4
- package/fesm2015/alauda-ui.js.map +1 -1
- package/package.json +1 -1
package/bundles/alauda-ui.umd.js
CHANGED
|
@@ -5669,6 +5669,14 @@
|
|
|
5669
5669
|
var _e = __read(_d, 2), customOptions = _e[0], contentOptions = _e[1];
|
|
5670
5670
|
return __spread(customOptions.toArray(), contentOptions.toArray());
|
|
5671
5671
|
}), operators.publishReplay(1), operators.refCount());
|
|
5672
|
+
// support dynamic options loading on filtering
|
|
5673
|
+
this.allOptions$.pipe(operators.takeUntil(this.destroy$$)).subscribe(function () {
|
|
5674
|
+
if (_this.opened) {
|
|
5675
|
+
requestAnimationFrame(function () {
|
|
5676
|
+
_this.autoFocusFirstOption();
|
|
5677
|
+
});
|
|
5678
|
+
}
|
|
5679
|
+
});
|
|
5672
5680
|
this.hasMatchedOption$ = rxjs.combineLatest([
|
|
5673
5681
|
this.allOptions$.pipe(operators.map(function (customOptions) { return customOptions.filter(function (option) { return option !== _this.inputtingOption; }); }),
|
|
5674
5682
|
// eslint-disable-next-line sonarjs/no-identical-functions
|
|
@@ -12000,7 +12008,7 @@
|
|
|
12000
12008
|
});
|
|
12001
12009
|
};
|
|
12002
12010
|
DrawerComponent.prototype.attachBodyContent = function () {
|
|
12003
|
-
var _a;
|
|
12011
|
+
var _a, _b;
|
|
12004
12012
|
(_a = this.bodyPortalOutlet) === null || _a === void 0 ? void 0 : _a.dispose();
|
|
12005
12013
|
var content = this.content || this.contentTemplate;
|
|
12006
12014
|
if (content instanceof i0.Type) {
|
|
@@ -12013,7 +12021,7 @@
|
|
|
12013
12021
|
],
|
|
12014
12022
|
parent: this.injector,
|
|
12015
12023
|
}));
|
|
12016
|
-
var componentRef = this.bodyPortalOutlet.attachComponentPortal(componentPortal);
|
|
12024
|
+
var componentRef = (_b = this.bodyPortalOutlet) === null || _b === void 0 ? void 0 : _b.attachComponentPortal(componentPortal);
|
|
12017
12025
|
this.componentInstance = componentRef.instance;
|
|
12018
12026
|
Object.assign(componentRef.instance, this.contentParams);
|
|
12019
12027
|
componentRef.changeDetectorRef.detectChanges();
|
|
@@ -12065,7 +12073,7 @@
|
|
|
12065
12073
|
DrawerComponent.decorators = [
|
|
12066
12074
|
{ type: i0.Component, args: [{
|
|
12067
12075
|
selector: 'aui-drawer',
|
|
12068
|
-
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",
|
|
12069
12077
|
encapsulation: i0.ViewEncapsulation.None,
|
|
12070
12078
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
12071
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-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))}"]
|
|
@@ -12158,7 +12166,7 @@
|
|
|
12158
12166
|
}());
|
|
12159
12167
|
DrawerModule.decorators = [
|
|
12160
12168
|
{ type: i0.NgModule, args: [{
|
|
12161
|
-
imports: [common.CommonModule, IconModule, IconModule, i1.OverlayModule],
|
|
12169
|
+
imports: [common.CommonModule, IconModule, IconModule, i1.OverlayModule, portal.PortalModule],
|
|
12162
12170
|
declarations: COMMON,
|
|
12163
12171
|
exports: COMMON,
|
|
12164
12172
|
providers: [DrawerService],
|