@alauda/ui 7.3.3-beta.0 → 7.3.3-beta.2

package/form/common-form.d.ts

@@ -6,8 +6,8 @@ export declare class CommonFormControl<V, M = V> implements ControlValueAccessor
     protected cdr: ChangeDetectorRef;
     get disabled(): boolean | '';
     set disabled(val: boolean | '');
-    get readonly(): boolean;
-    set readonly(val: boolean);
+    get readonly(): boolean | "";
+    set readonly(val: boolean | "");
     get propValue(): V;
     set propValue(val: V);
     valueChange: EventEmitter<V>;
@@ -15,7 +15,6 @@ export declare class CommonFormControl<V, M = V> implements ControlValueAccessor
     protected onTouched: () => void;
     private _propValue;
     private _disabled;
-    private _readonly;
     model: M;
     model$: ReplaySubject<M>;
     constructor(cdr: ChangeDetectorRef);

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.0",
+  "version": "7.3.3-beta.2",
   "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,47 @@
+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<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 doc;
+    private readonly containerDirective;
+    minWidth: string | number;
+    maxWidth: string | number;
+    resizeStart: EventEmitter<number>;
+    resizing: EventEmitter<number>;
+    resizeEnd: EventEmitter<number>;
+    destroy$$: Subject<void>;
+    containerElement: Element;
+    private readonly element;
+    private initialWidth;
+    private mouseDownScreenX;
+    resizeHandle: HTMLElement;
+    resizeOverlay: HTMLElement;
+    resizeBar: HTMLElement;
+    private mouseUpSubscription;
+    private readonly document;
+    private handleHasUp;
+    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;
+    private onMousedown;
+    private onMouseup;
+    private readonly move;
+    private getFinalWidth;
+    private getOffset;
+    private handleWidth;
+    private _destroySubscription;
+    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/resizable/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;
+}

package/select/base-select.d.ts

@@ -18,7 +18,7 @@ export declare abstract class BaseSelect<T, V = T> extends CommonFormControl<V>
     allowCreate: boolean;
     get allOptions(): OptionComponent<T>[];
     get opened(): boolean;
-    get inaction(): boolean;
+    get inputReadonly(): boolean;
     get filterString(): string;
     set filterString(val: string);
     loading: boolean;

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,14 @@
+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;
+    private readonly tableColumnDefDirective;
+    private readonly tableComponent;
+    private readonly tableScrollWrapperDirective;
+    private styleEl;
+    private hostAttr;
+    ngAfterViewInit(): 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>;
 }

package/table/table.component.d.ts

@@ -1,11 +1,13 @@
 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 TABLE_PREFIX_CLASSNAME = "aui-table";
 export declare class TableComponent<T> extends CdkTable<T> implements AfterContentInit, OnDestroy {
     enableScrollWrapper: boolean;
     _placeholderOutlet: TablePlaceholderOutletDirective;
     _placeholderDef: TablePlaceholderDefDirective;
+    el: ElementRef<any>;
     protected get stickyCssClass(): string;
     protected set stickyCssClass(_: string);
     ngAfterContentInit(): void;