@alauda/ui 6.4.8-beta.13 → 6.4.8-beta.15

package/fesm2020/alauda-ui.mjs

@@ -9090,27 +9090,45 @@ class TableScrollableDirective extends CdkScrollable$1 {
         super(el, scrollDispatcher, ngZone, dir);
         this.el = el;
         this.table = table;
-        this.scrollShadow$$ = new BehaviorSubject(true);
+        this._scrollable = true;
+        this.scrollable$$ = new BehaviorSubject(this._scrollable);
         this.destroy$$ = new Subject();
         this.SCROLL_BEFORE_END_CLASS = true;
         this.SHADOW_CLASS = true;
     }
-    set auiTableScrollable(scrollShadow) {
-        this.scrollShadow$$.next(coerceAttrBoolean(scrollShadow));
+    set scrollable(scrollable) {
+        this._scrollable = coerceAttrBoolean(scrollable);
+        this.scrollable$$.next(this._scrollable);
+    }
+    get scrollable() {
+        return this._scrollable;
     }
     get containerEl() {
         return this.el.nativeElement;
     }
+    ngOnInit() {
+        if (this.scrollable) {
+            this.scrollDispatcher.register(this);
+        }
+    }
     ngAfterViewInit() {
-        requestAnimationFrame(() => {
-            this.viewMutation();
-        });
+        this.viewMutation();
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this.destroy$$.next();
+        this.destroy$$.complete();
     }
     viewMutation() {
-        this.scrollShadow$$
-            .pipe(switchMap(scrollShadow => scrollShadow
-            ? merge(observeResizeOn(this.containerEl), fromEvent(this.containerEl, 'scroll')).pipe(startWith(null))
-            : NEVER))
+        this.scrollable$$
+            .pipe(switchMap(scrollable => {
+            if (scrollable) {
+                this.scrollDispatcher.register(this);
+                return merge(observeResizeOn(this.containerEl), fromEvent(this.containerEl, 'scroll')).pipe(startWith(null));
+            }
+            this.scrollDispatcher.deregister(this);
+            return NEVER;
+        }))
             .pipe(takeUntil(this.destroy$$))
             .subscribe(() => {
             this.mutateVerticalScroll();
@@ -9136,14 +9154,9 @@ class TableScrollableDirective extends CdkScrollable$1 {
     placeClassList(classList, condition, className) {
         classList[condition ? 'add' : 'remove'](className);
     }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        this.destroy$$.next();
-        this.destroy$$.complete();
-    }
 }
 TableScrollableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TableScrollableDirective, deps: [{ token: i0.ElementRef }, { token: i1$1.ScrollDispatcher }, { token: i0.NgZone }, { token: TableComponent, host: true }, { token: i2$3.Directionality, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-TableScrollableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: TableScrollableDirective, selector: "[auiTableScrollable]", inputs: { auiTableScrollable: "auiTableScrollable" }, host: { properties: { "class.aui-table__scroll-shadow--before-end": "this.SCROLL_BEFORE_END_CLASS", "class.aui-table__scroll-shadow": "this.SHADOW_CLASS" } }, providers: [
+TableScrollableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.8", type: TableScrollableDirective, selector: "[auiTableScrollable]", inputs: { scrollable: ["auiTableScrollable", "scrollable"] }, host: { properties: { "class.aui-table__scroll-shadow--before-end": "this.SCROLL_BEFORE_END_CLASS", "class.aui-table__scroll-shadow": "this.SHADOW_CLASS" } }, providers: [
         { provide: CdkScrollable$1, useExisting: TableScrollableDirective },
     ], usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: TableScrollableDirective, decorators: [{
@@ -9158,8 +9171,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
                     type: Host
                 }] }, { type: i2$3.Directionality, decorators: [{
                     type: Optional
-                }] }]; }, propDecorators: { auiTableScrollable: [{
-                type: Input
+                }] }]; }, propDecorators: { scrollable: [{
+                type: Input,
+                args: ['auiTableScrollable']
             }], SCROLL_BEFORE_END_CLASS: [{
                 type: HostBinding,
                 args: [`class.${SCROLL_BEFORE_END_CLASS}`]