@alauda/ui 7.3.3-beta.21 → 7.3.3-beta.23

package/index.d.ts

@@ -20,6 +20,7 @@ export * from './message';
 export * from './notification';
 export * from './paginator';
 export * from './radio';
+export * from './resizable';
 export * from './scrolling';
 export * from './select';
 export * from './sort';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alauda/ui",
-  "version": "7.3.3-beta.21",
+  "version": "7.3.3-beta.23",
   "description": "Angular UI components by Alauda Frontend Team.",
   "repository": "git+https://github.com/alauda/alauda-ui.git",
   "author": "Alauda Frontend",

package/resizable/index.d.ts

@@ -0,0 +1 @@
+export { ResizableDirective } from './resizable.directive';

package/resizable/resizable.directive.d.ts

@@ -0,0 +1,34 @@
+import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, Renderer2 } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class ContainerForResizableDirective {
+    el: ElementRef<HTMLElement>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ContainerForResizableDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ContainerForResizableDirective, "[auiContainerForResizable]", never, {}, {}, never, never, true, never>;
+}
+export declare class ResizableDirective implements AfterViewInit, OnDestroy {
+    minWidth: string | number;
+    maxWidth: string | number;
+    manualAdjustment: boolean;
+    resizeStart: EventEmitter<number>;
+    resizing: EventEmitter<number>;
+    resizeEnd: EventEmitter<number>;
+    private readonly elementRef;
+    renderer2: Renderer2;
+    private readonly containerDirective;
+    private readonly BAR_WIDTH;
+    private readonly element;
+    containerElement: HTMLElement;
+    destroy$$: Subject<void>;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private bindResizable;
+    private createResizeHandle;
+    private createResizeOverlay;
+    private createResizeBar;
+    private getFinalWidth;
+    private getOffset;
+    private handleWidth;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ResizableDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ResizableDirective, "[auiResizable]", never, { "minWidth": { "alias": "minWidth"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "manualAdjustment": { "alias": "manualAdjustment"; "required": false; }; }, { "resizeStart": "resizeStart"; "resizing": "resizing"; "resizeEnd": "resizeEnd"; }, never, never, true, never>;
+}

package/resizable/resizable.scss

@@ -0,0 +1,44 @@
+@import '../theme/var';
+
+[auiresizable],
+.aui-container-for-resizable {
+  position: relative;
+}
+
+[auiresizable]:hover {
+  .resize-handle {
+    visibility: visible;
+  }
+}
+
+.resize-handle {
+  display: inline-block;
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 6px;
+  cursor: col-resize;
+  height: 100%;
+  z-index: 9999;
+  border-right: 2px solid use-rgb(p-2);
+  visibility: hidden;
+}
+
+.resize-overlay {
+  position: absolute;
+  display: block;
+  inset: 0;
+  z-index: 1000;
+  cursor: col-resize;
+}
+
+.resize-bar {
+  top: 0;
+  bottom: 0;
+  position: absolute;
+  cursor: col-resize;
+  background: use-rgb(p-2);
+  width: 2px;
+  z-index: 9999;
+  display: block;
+}

package/table/index.d.ts

@@ -3,6 +3,7 @@ export * from './table.module';
 export * from './table-cell.component';
 export * from './table-cell.directive';
 export * from './table-cell-def.directive';
+export { TableColResizableDirective } from './table-col-resizable.directive';
 export * from './table-column-def.directive';
 export * from './table-header-cell.directive';
 export * from './table-header-cell-def.directive';

package/table/table-col-resizable.directive.d.ts

@@ -0,0 +1,17 @@
+import { AfterViewInit } from '@angular/core';
+import { ResizableDirective } from '../resizable';
+import * as i0 from "@angular/core";
+export declare class TableColResizableDirective extends ResizableDirective implements AfterViewInit {
+    minWidth: string;
+    readonly manualAdjustment = true;
+    private readonly tableColumnDefDirective;
+    private readonly tableComponent;
+    private readonly tableScrollWrapperDirective;
+    private styleEl;
+    private sheet;
+    private hostAttr;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableColResizableDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableColResizableDirective, "[auiTableColResizable]", never, { "minWidth": { "alias": "minWidth"; "required": false; }; }, {}, never, never, true, never>;
+}

package/table/table-scroll.directive.d.ts

@@ -6,6 +6,7 @@ import { TableComponent } from './table.component';
 import * as i0 from "@angular/core";
 export declare class TableScrollWrapperDirective {
     auiTableScrollWrapper: string;
+    el: ElementRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableScrollWrapperDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TableScrollWrapperDirective, "[auiTableScrollWrapper]", never, { "auiTableScrollWrapper": { "alias": "auiTableScrollWrapper"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -18,8 +19,7 @@ export declare class TableScrollableDirective extends CdkScrollable implements A
     scrollable$$: BehaviorSubject<boolean>;
     destroy$$: Subject<void>;
     constructor(el: ElementRef<HTMLElement>, scrollDispatcher: ScrollDispatcher, ngZone: NgZone, table: TableComponent<unknown>, dir?: Directionality);
-    SCROLL_BEFORE_END_CLASS: boolean;
-    SHADOW_CLASS: boolean;
+    className: string;
     get containerEl(): HTMLElement;
     ngOnInit(): void;
     ngAfterViewInit(): void;

package/table/table.component.d.ts

@@ -1,11 +1,14 @@
 import { CdkTable } from '@angular/cdk/table';
-import { AfterContentInit, OnDestroy } from '@angular/core';
+import { AfterContentInit, ElementRef, OnDestroy } from '@angular/core';
 import { TablePlaceholderDefDirective, TablePlaceholderOutletDirective } from './table-placeholder.directive';
 import * as i0 from "@angular/core";
+export declare const tableBem: import("../utils").Bem;
 export declare class TableComponent<T> extends CdkTable<T> implements AfterContentInit, OnDestroy {
     enableScrollWrapper: boolean;
     _placeholderOutlet: TablePlaceholderOutletDirective;
     _placeholderDef: TablePlaceholderDefDirective;
+    className: string;
+    el: ElementRef<any>;
     protected get stickyCssClass(): string;
     protected set stickyCssClass(_: string);
     ngAfterContentInit(): void;