@alauda/ui 6.4.2-beta.5 → 6.4.2-beta.8

package/fesm2020/alauda-ui.mjs

@@ -2300,10 +2300,10 @@ class CardComponent {
     }
 }
 CardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: CardComponent, selector: "aui-card", inputs: { divider: "divider" }, ngImport: i0, template: "<div\n  class=\"aui-card\"\n  [class.hasDivider]=\"divider\"\n>\n  <ng-content select=\"[auiCardHeader]\"></ng-content>\n  <div class=\"aui-card__content\"><ng-content></ng-content></div>\n  <ng-content select=\"[auiCardFooter]\"></ng-content>\n</div>\n", styles: [".aui-card{padding:20px;border-radius:var(--aui-border-radius-l);background-color:rgb(var(--aui-color-n-10));font-size:var(--aui-font-size-m)}:root .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}html[aui-theme-mode=light] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-card__header{padding:0;font-size:var(--aui-font-size-xxl);line-height:var(--aui-line-height-xxl);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold)}.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card__content{padding:0}.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card__footer{padding:0}.aui-card.hasDivider>.aui-card__header{padding-bottom:var(--aui-spacing-xl);border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-card.hasDivider>.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__footer{padding-top:var(--aui-spacing-xl);border-top:1px solid rgb(var(--aui-color-n-8))}aui-card+aui-card>.aui-card{margin-top:var(--aui-spacing-xl)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: CardComponent, selector: "aui-card", inputs: { divider: "divider" }, ngImport: i0, template: "<div\n  class=\"aui-card\"\n  [class.hasDivider]=\"divider\"\n>\n  <ng-content select=\"[auiCardHeader]\"></ng-content>\n  <div class=\"aui-card__content\"><ng-content></ng-content></div>\n  <ng-content select=\"[auiCardFooter]\"></ng-content>\n</div>\n", styles: [".aui-card{padding:20px;border-radius:var(--aui-border-radius-l);background-color:rgb(var(--aui-color-n-10));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}:root .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}html[aui-theme-mode=light] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-card__header{padding:0;font-size:var(--aui-font-size-xxl);line-height:var(--aui-line-height-xxl);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold)}.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card__content{padding:0}.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card__footer{padding:0}.aui-card.hasDivider>.aui-card__header{padding-bottom:var(--aui-spacing-xl);border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-card.hasDivider>.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__footer{padding-top:var(--aui-spacing-xl);border-top:1px solid rgb(var(--aui-color-n-8))}aui-card+aui-card>.aui-card{margin-top:var(--aui-spacing-xl)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: CardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'aui-card', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n  class=\"aui-card\"\n  [class.hasDivider]=\"divider\"\n>\n  <ng-content select=\"[auiCardHeader]\"></ng-content>\n  <div class=\"aui-card__content\"><ng-content></ng-content></div>\n  <ng-content select=\"[auiCardFooter]\"></ng-content>\n</div>\n", styles: [".aui-card{padding:20px;border-radius:var(--aui-border-radius-l);background-color:rgb(var(--aui-color-n-10));font-size:var(--aui-font-size-m)}:root .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}html[aui-theme-mode=light] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-card__header{padding:0;font-size:var(--aui-font-size-xxl);line-height:var(--aui-line-height-xxl);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold)}.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card__content{padding:0}.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card__footer{padding:0}.aui-card.hasDivider>.aui-card__header{padding-bottom:var(--aui-spacing-xl);border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-card.hasDivider>.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__footer{padding-top:var(--aui-spacing-xl);border-top:1px solid rgb(var(--aui-color-n-8))}aui-card+aui-card>.aui-card{margin-top:var(--aui-spacing-xl)}\n"] }]
+            args: [{ selector: 'aui-card', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div\n  class=\"aui-card\"\n  [class.hasDivider]=\"divider\"\n>\n  <ng-content select=\"[auiCardHeader]\"></ng-content>\n  <div class=\"aui-card__content\"><ng-content></ng-content></div>\n  <ng-content select=\"[auiCardFooter]\"></ng-content>\n</div>\n", styles: [".aui-card{padding:20px;border-radius:var(--aui-border-radius-l);background-color:rgb(var(--aui-color-n-10));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}:root .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}html[aui-theme-mode=light] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.1)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-card{box-shadow:0 0 4px 0 rgba(var(--aui-color-origin-shadow),.75)}.aui-card__header{padding:0;font-size:var(--aui-font-size-xxl);line-height:var(--aui-line-height-xxl);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold)}.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card__content{padding:0}.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card__footer{padding:0}.aui-card.hasDivider>.aui-card__header{padding-bottom:var(--aui-spacing-xl);border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-card.hasDivider>.aui-card__header+.aui-card__content{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__content+.aui-card__footer{margin-top:var(--aui-spacing-xl)}.aui-card.hasDivider>.aui-card__footer{padding-top:var(--aui-spacing-xl);border-top:1px solid rgb(var(--aui-color-n-8))}aui-card+aui-card>.aui-card{margin-top:var(--aui-spacing-xl)}\n"] }]
         }], propDecorators: { divider: [{
                 type: Input
             }] } });
@@ -2351,10 +2351,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
 class SectionComponent {
 }
 SectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SectionComponent, selector: "aui-section", ngImport: i0, template: "<div class=\"aui-section\">\n  <ng-content select=\"[auiSectionTitle]\"></ng-content>\n  <div class=\"aui-section__content\"><ng-content></ng-content></div>\n</div>\n", styles: [".aui-section{padding:var(--aui-spacing-xl) 0;font-size:var(--aui-font-size-m)}.aui-section__title{margin-bottom:var(--aui-spacing-l);font-size:var(--aui-font-size-l);font-weight:var(--aui-font-weight-bold)}aui-section:first-child>.aui-section{padding-top:0}aui-section:last-child>.aui-section{padding-bottom:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+SectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SectionComponent, selector: "aui-section", ngImport: i0, template: "<div class=\"aui-section\">\n  <ng-content select=\"[auiSectionTitle]\"></ng-content>\n  <div class=\"aui-section__content\"><ng-content></ng-content></div>\n</div>\n", styles: [".aui-section{padding:var(--aui-spacing-xl) 0;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}.aui-section__title{margin-bottom:var(--aui-spacing-l);font-weight:var(--aui-font-weight-bold);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l);color:rgb(var(--aui-color-main-text))}aui-section:first-child>.aui-section{padding-top:0}aui-section:last-child>.aui-section{padding-bottom:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SectionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'aui-section', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div class=\"aui-section\">\n  <ng-content select=\"[auiSectionTitle]\"></ng-content>\n  <div class=\"aui-section__content\"><ng-content></ng-content></div>\n</div>\n", styles: [".aui-section{padding:var(--aui-spacing-xl) 0;font-size:var(--aui-font-size-m)}.aui-section__title{margin-bottom:var(--aui-spacing-l);font-size:var(--aui-font-size-l);font-weight:var(--aui-font-weight-bold)}aui-section:first-child>.aui-section{padding-top:0}aui-section:last-child>.aui-section{padding-bottom:0}\n"] }]
+            args: [{ selector: 'aui-section', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, template: "<div class=\"aui-section\">\n  <ng-content select=\"[auiSectionTitle]\"></ng-content>\n  <div class=\"aui-section__content\"><ng-content></ng-content></div>\n</div>\n", styles: [".aui-section{padding:var(--aui-spacing-xl) 0;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}.aui-section__title{margin-bottom:var(--aui-spacing-l);font-weight:var(--aui-font-weight-bold);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l);color:rgb(var(--aui-color-main-text))}aui-section:first-child>.aui-section{padding-top:0}aui-section:last-child>.aui-section{padding-bottom:0}\n"] }]
         }] });
 
 class CardModule {
@@ -8536,37 +8536,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
 class TablePlaceholderDefDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
-        this.visible$$ = new BehaviorSubject(true);
-        this.visible$ = this.visible$$.asObservable().pipe(distinctUntilChanged());
-    }
-    set auiTablePlaceholderDef(show) {
-        this.visible$$.next(!!show);
     }
 }
 TablePlaceholderDefDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: TablePlaceholderDefDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-TablePlaceholderDefDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: TablePlaceholderDefDirective, selector: "ng-template[auiTablePlaceholderDef]", inputs: { auiTablePlaceholderDef: "auiTablePlaceholderDef" }, ngImport: i0 });
+TablePlaceholderDefDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: TablePlaceholderDefDirective, selector: "ng-template[auiTablePlaceholderDef]", ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: TablePlaceholderDefDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[auiTablePlaceholderDef]',
                 }]
-        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; }, propDecorators: { auiTablePlaceholderDef: [{
-                type: Input
-            }] } });
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
 class TablePlaceholderOutletDirective {
     constructor(viewContainer, elementRef) {
         this.viewContainer = viewContainer;
         this.elementRef = elementRef;
     }
-    register(def, visible) {
-        if (this.def) {
-            this.viewContainer.clear();
-        }
-        if (visible) {
-            this.def = def;
-            this.viewContainer.createEmbeddedView(def.templateRef);
-        }
-    }
 }
 TablePlaceholderOutletDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: TablePlaceholderOutletDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 TablePlaceholderOutletDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: TablePlaceholderOutletDirective, selector: "[auiTablePlaceholderOutlet]", ngImport: i0 });
@@ -8590,9 +8574,12 @@ class TableComponent extends CdkTable {
         this._createPlaceholder();
     }
     _createPlaceholder() {
-        if (this._placeholderOutlet && this._placeholderDef) {
-            this._placeholderDef.visible$.subscribe(visible => this._placeholderOutlet.register(this._placeholderDef, visible));
+        const footerRow = this._placeholderDef;
+        if (!this._placeholderDef) {
+            return;
         }
+        const container = this._placeholderOutlet.viewContainer;
+        container.createEmbeddedView(footerRow.templateRef);
     }
     _clearPlaceholder() {
         this._placeholderOutlet.viewContainer.clear();