@alauda/ui 7.3.3-beta → 7.3.3-beta.1

package/package.json

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

package/resizable/resizable.directive.d.ts

@@ -1,37 +1,47 @@
-import { AfterViewInit, ElementRef, EventEmitter, NgZone, Renderer2 } from '@angular/core';
-import { Subscription } from 'rxjs';
+import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, Renderer2 } from '@angular/core';
+import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class ResizableDirective implements AfterViewInit {
+export declare class ContainerForResizableDirective {
+    el: ElementRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ContainerForResizableDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ContainerForResizableDirective, "[auiContainerForResizable]", never, {}, {}, never, never, true, never>;
+}
+export declare class ResizableDirective implements AfterViewInit, OnDestroy {
     readonly renderer2: Renderer2;
-    private readonly zone;
     private readonly doc;
+    private readonly containerDirective;
+    minWidth: string | number;
+    maxWidth: string | number;
+    resizeStart: EventEmitter<number>;
+    resizing: EventEmitter<number>;
+    resizeEnd: EventEmitter<number>;
+    destroy$$: Subject<void>;
     containerElement: Element;
-    minWidth: string;
-    maxWidth: string;
-    resizeStartEvent: EventEmitter<number>;
-    resizingEvent: EventEmitter<number>;
-    resizeEndEvent: EventEmitter<number>;
-    element: HTMLElement;
-    initialWidth: number;
-    mouseDownScreenX: number;
+    private readonly element;
+    private initialWidth;
+    private mouseDownScreenX;
     resizeHandle: HTMLElement;
     resizeOverlay: HTMLElement;
     resizeBar: HTMLElement;
-    mouseUpSubscription: Subscription;
-    document: Document;
+    private mouseUpSubscription;
+    private readonly document;
     private handleHasUp;
-    constructor(element: ElementRef, renderer2: Renderer2, zone: NgZone, doc: Document);
+    private readonly BAR_WIDTH;
+    constructor(element: ElementRef, renderer2: Renderer2, doc: Document, containerDirective: ContainerForResizableDirective);
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private binEvent;
+    private setResizeHandleVisible;
     private createResizeHandle;
     private createResizeOverlay;
     private createResizeBar;
-    onMousedown(event: MouseEvent): void;
-    onMouseup(event: MouseEvent): void;
-    move: (event: MouseEvent) => void;
+    private onMousedown;
+    private onMouseup;
+    private readonly move;
     private getFinalWidth;
     private getOffset;
     private handleWidth;
     private _destroySubscription;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ResizableDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ResizableDirective, "[auiResizable]", never, { "containerElement": { "alias": "containerElement"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; }, { "resizeStartEvent": "resizeStartEvent"; "resizingEvent": "resizingEvent"; "resizeEndEvent": "resizeEndEvent"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ResizableDirective, [null, null, null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ResizableDirective, "[auiResizable]", never, { "minWidth": { "alias": "minWidth"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; }, { "resizeStart": "resizeStart"; "resizing": "resizing"; "resizeEnd": "resizeEnd"; }, never, never, true, never>;
 }

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

@@ -1,12 +1,11 @@
 import { AfterViewInit } from '@angular/core';
 import { ResizableDirective } from '../resizable';
-import { TableColumnDefDirective, TableComponent, TableScrollWrapperDirective } from './index';
 import * as i0 from "@angular/core";
 export declare class TableColResizableDirective extends ResizableDirective implements AfterViewInit {
     minWidth: string;
-    tableColumnDefDirective: TableColumnDefDirective;
-    tableComponent: TableComponent<any>;
-    tableScrollWrapperDirective: TableScrollWrapperDirective;
+    private readonly tableColumnDefDirective;
+    private readonly tableComponent;
+    private readonly tableScrollWrapperDirective;
     private styleEl;
     private hostAttr;
     ngAfterViewInit(): void;

package/table/table.component.d.ts

@@ -2,6 +2,7 @@ import { CdkTable } from '@angular/cdk/table';
 import { AfterContentInit, ElementRef, OnDestroy } from '@angular/core';
 import { TablePlaceholderDefDirective, TablePlaceholderOutletDirective } from './table-placeholder.directive';
 import * as i0 from "@angular/core";
+export declare const TABLE_PREFIX_CLASSNAME = "aui-table";
 export declare class TableComponent<T> extends CdkTable<T> implements AfterContentInit, OnDestroy {
     enableScrollWrapper: boolean;
     _placeholderOutlet: TablePlaceholderOutletDirective;

package/theme/resizable.scss

@@ -0,0 +1,38 @@
+@import '../theme/var';
+
+.aui-resizable,
+.aui-container-for-resizable {
+  position: relative;
+}
+
+.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;
+}