@alauda/ui 6.0.2-beta.2 → 6.0.2-beta.6

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.
@@ -12008,7 +12008,7 @@
12008
12008
  });
12009
12009
  };
12010
12010
  DrawerComponent.prototype.attachBodyContent = function () {
12011
- var _a;
12011
+ var _a, _b;
12012
12012
  (_a = this.bodyPortalOutlet) === null || _a === void 0 ? void 0 : _a.dispose();
12013
12013
  var content = this.content || this.contentTemplate;
12014
12014
  if (content instanceof i0.Type) {
@@ -12021,7 +12021,7 @@
12021
12021
  ],
12022
12022
  parent: this.injector,
12023
12023
  }));
12024
- var componentRef = this.bodyPortalOutlet.attachComponentPortal(componentPortal);
12024
+ var componentRef = (_b = this.bodyPortalOutlet) === null || _b === void 0 ? void 0 : _b.attachComponentPortal(componentPortal);
12025
12025
  this.componentInstance = componentRef.instance;
12026
12026
  Object.assign(componentRef.instance, this.contentParams);
12027
12027
  componentRef.changeDetectorRef.detectChanges();
@@ -12073,10 +12073,10 @@
12073
12073
  DrawerComponent.decorators = [
12074
12074
  { type: i0.Component, args: [{
12075
12075
  selector: 'aui-drawer',
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\n *ngTemplateOutlet=\"\n $any(content || contentTemplate);\n context: templateContext\n \"\n >\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",
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",
12077
12077
  encapsulation: i0.ViewEncapsulation.None,
12078
12078
  changeDetection: i0.ChangeDetectionStrategy.OnPush,
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))}"]
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))}"]
12080
12080
  },] }
12081
12081
  ];
12082
12082
  DrawerComponent.ctorParameters = function () { return [
@@ -12166,7 +12166,7 @@
12166
12166
  }());
12167
12167
  DrawerModule.decorators = [
12168
12168
  { type: i0.NgModule, args: [{
12169
- imports: [common.CommonModule, IconModule, IconModule, i1.OverlayModule],
12169
+ imports: [common.CommonModule, IconModule, IconModule, i1.OverlayModule, portal.PortalModule],
12170
12170
  declarations: COMMON,
12171
12171
  exports: COMMON,
12172
12172
  providers: [DrawerService],