@alauda/ui 7.3.3-beta.27 → 7.3.3-beta.28

package/index.d.ts

@@ -20,7 +20,6 @@ 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.27",
+  "version": "7.3.3-beta.28",
   "description": "Angular UI components by Alauda Frontend Team.",
   "repository": "git+https://github.com/alauda/alauda-ui.git",
   "author": "Alauda Frontend",

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

@@ -6,8 +6,7 @@ export declare class TableColumnResizableDirective implements AfterViewInit {
     private readonly renderer2;
     private readonly tableColumnDefDirective;
     private readonly tableComponent;
-    private readonly tableScrollWrapperDirective;
-    private readonly selfElement;
+    private readonly columnElement;
     private readonly containerElement;
     private styleElement;
     private hostAttr;
@@ -23,6 +22,7 @@ export declare class TableColumnResizableDirective implements AfterViewInit {
     private getWidthInRange;
     private getResizeRange;
     private getActualWidth;
+    private isStickyLeftBorderColumn;
     private renderWidthStyles;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableColumnResizableDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TableColumnResizableDirective, "[auiTableColumnResizable]", never, { "minWidth": { "alias": "minWidth"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; }, {}, never, never, true, never>;

package/esm2022/resizable/index.mjs

@@ -1,2 +0,0 @@
-export { ResizableDirective } from './resizable.directive';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcmVzaXphYmxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgUmVzaXphYmxlRGlyZWN0aXZlIH0gZnJvbSAnLi9yZXNpemFibGUuZGlyZWN0aXZlJztcbiJdfQ==

package/esm2022/resizable/resizable.directive.mjs

@@ -1,147 +0,0 @@
-import { Directive, ElementRef, EventEmitter, inject, Input, Output, Renderer2, } from '@angular/core';
-import { fromEvent, map, Subject, switchMap, takeUntil, tap } from 'rxjs';
-import { handlePixel } from '../utils';
-import * as i0 from "@angular/core";
-export class ContainerForResizableDirective {
-    el = inject(ElementRef);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: ContainerForResizableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.3", type: ContainerForResizableDirective, isStandalone: true, selector: "[auiContainerForResizable]", host: { classAttribute: "aui-container-for-resizable" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: ContainerForResizableDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[auiContainerForResizable]',
-                    host: {
-                        class: 'aui-container-for-resizable',
-                    },
-                    standalone: true,
-                }]
-        }] });
-export class ResizableDirective {
-    minWidth;
-    maxWidth;
-    manualAdjustment = false;
-    resizeStart = new EventEmitter();
-    resizing = new EventEmitter();
-    resizeEnd = new EventEmitter();
-    elementRef = inject(ElementRef);
-    renderer2 = inject(Renderer2);
-    containerDirective = inject(ContainerForResizableDirective, {
-        optional: true,
-    });
-    BAR_WIDTH = 2;
-    element = this.elementRef.nativeElement;
-    containerElement = this.containerDirective?.el.nativeElement || this.element;
-    destroy$$ = new Subject();
-    ngAfterViewInit() {
-        const resizeHandle = this.createResizeHandle();
-        fromEvent(resizeHandle, 'click')
-            .pipe(takeUntil(this.destroy$$))
-            .subscribe(event => event.stopPropagation());
-        this.bindResizable(resizeHandle);
-    }
-    ngOnDestroy() {
-        this.destroy$$.next();
-        this.destroy$$.complete();
-    }
-    bindResizable(resizeHandle) {
-        fromEvent(resizeHandle, 'mousedown')
-            .pipe(map(event => {
-            event.preventDefault();
-            event.stopPropagation();
-            const initialWidth = this.element.clientWidth;
-            this.resizeStart.emit(initialWidth);
-            this.renderer2.setStyle(resizeHandle, 'visibility', 'hidden');
-            return {
-                resizeBar: this.createResizeBar(),
-                resizeOverlay: this.createResizeOverlay(),
-                initialWidth,
-                mouseDownScreenX: event.clientX,
-            };
-        }), switchMap(({ resizeBar, resizeOverlay, initialWidth, mouseDownScreenX }) => fromEvent(document, 'mousemove').pipe(map(event => {
-            const movementX = event.clientX - mouseDownScreenX;
-            const newWidth = initialWidth + movementX;
-            const width = this.getFinalWidth(newWidth);
-            this.renderer2.setStyle(resizeBar, 'left', handlePixel(width + this.getOffset() - this.BAR_WIDTH));
-            return width;
-        }), takeUntil(fromEvent(document, 'mouseup').pipe(tap(event => {
-            this.renderer2.removeStyle(resizeHandle, 'visibility');
-            this.renderer2.removeChild(this.containerElement, resizeOverlay);
-            this.renderer2.removeChild(this.containerElement, resizeBar);
-            const movementX = event.clientX - mouseDownScreenX;
-            const newWidth = initialWidth + movementX;
-            const width = this.getFinalWidth(newWidth);
-            if (!this.manualAdjustment) {
-                this.renderer2.setStyle(this.element, 'width', handlePixel(width));
-            }
-            this.resizeEnd.emit(width);
-        }))))), takeUntil(this.destroy$$))
-            .subscribe(width => {
-            this.resizing.emit(width);
-        });
-    }
-    createResizeHandle() {
-        const resizeHandle = this.renderer2.createElement('div');
-        this.renderer2.addClass(resizeHandle, 'resize-handle');
-        this.renderer2.appendChild(this.element, resizeHandle);
-        return resizeHandle;
-    }
-    createResizeOverlay() {
-        const resizeOverlay = this.renderer2.createElement('div');
-        this.renderer2.addClass(resizeOverlay, 'resize-overlay');
-        this.renderer2.appendChild(this.containerElement, resizeOverlay);
-        return resizeOverlay;
-    }
-    createResizeBar() {
-        const resizeBar = this.renderer2.createElement('div');
-        this.renderer2.addClass(resizeBar, 'resize-bar');
-        this.renderer2.setStyle(resizeBar, 'left', this.element.clientWidth + this.getOffset() - this.BAR_WIDTH + 'px');
-        this.renderer2.appendChild(this.containerElement, resizeBar);
-        return resizeBar;
-    }
-    getFinalWidth(newWidth) {
-        const _max = this.containerElement.clientWidth + this.getOffset();
-        const minWidth = this.handleWidth(this.minWidth || this.getOffset());
-        const maxWidth = this.handleWidth(this.maxWidth || _max);
-        return Math.max(Math.min(maxWidth, newWidth), minWidth);
-    }
-    getOffset() {
-        return (this.element.getBoundingClientRect().left -
-            this.containerElement.getBoundingClientRect().left);
-    }
-    handleWidth(width) {
-        if (typeof width === 'number') {
-            return width;
-        }
-        if (!width) {
-            return;
-        }
-        if (width.endsWith('%')) {
-            const tableWidth = this.containerElement.clientWidth;
-            return (tableWidth * Number.parseFloat(width)) / 100;
-        }
-        return Number.parseFloat(width.replace(/\D+/, ''));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: ResizableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.3", type: ResizableDirective, isStandalone: true, selector: "[auiResizable]", inputs: { minWidth: "minWidth", maxWidth: "maxWidth", manualAdjustment: "manualAdjustment" }, outputs: { resizeStart: "resizeStart", resizing: "resizing", resizeEnd: "resizeEnd" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: ResizableDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[auiResizable]',
-                    standalone: true,
-                }]
-        }], propDecorators: { minWidth: [{
-                type: Input
-            }], maxWidth: [{
-                type: Input
-            }], manualAdjustment: [{
-                type: Input
-            }], resizeStart: [{
-                type: Output
-            }], resizing: [{
-                type: Output
-            }], resizeEnd: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzaXphYmxlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9yZXNpemFibGUvcmVzaXphYmxlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osTUFBTSxFQUNOLEtBQUssRUFFTCxNQUFNLEVBQ04sU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLEdBQUcsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUUxRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sVUFBVSxDQUFDOztBQVN2QyxNQUFNLE9BQU8sOEJBQThCO0lBQ3pDLEVBQUUsR0FBRyxNQUFNLENBQTBCLFVBQVUsQ0FBQyxDQUFDO3VHQUR0Qyw4QkFBOEI7MkZBQTlCLDhCQUE4Qjs7MkZBQTlCLDhCQUE4QjtrQkFQMUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsNEJBQTRCO29CQUN0QyxJQUFJLEVBQUU7d0JBQ0osS0FBSyxFQUFFLDZCQUE2QjtxQkFDckM7b0JBQ0QsVUFBVSxFQUFFLElBQUk7aUJBQ2pCOztBQWNELE1BQU0sT0FBTyxrQkFBa0I7SUFFN0IsUUFBUSxDQUFrQjtJQUcxQixRQUFRLENBQWtCO0lBRzFCLGdCQUFnQixHQUFHLEtBQUssQ0FBQztJQUd6QixXQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUd6QyxRQUFRLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUd0QyxTQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUV0QixVQUFVLEdBQUcsTUFBTSxDQUEwQixVQUFVLENBQUMsQ0FBQztJQUMxRSxTQUFTLEdBQUcsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ2Isa0JBQWtCLEdBQUcsTUFBTSxD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QyxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBQzFELENBQUM7SUFFTyxTQUFTO1FBQ2YsT0FBTyxDQUNMLElBQUksQ0FBQyxPQUFPLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxJQUFJO1lBQ3pDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDLElBQUksQ0FDbkQsQ0FBQztJQUNKLENBQUM7SUFFTyxXQUFXLENBQUMsS0FBc0I7UUFDeEMsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLEVBQUU7WUFDN0IsT0FBTyxLQUFLLENBQUM7U0FDZDtRQUNELElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDVixPQUFPO1NBQ1I7UUFDRCxJQUFJLEtBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLEVBQUU7WUFDdkIsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFdBQVcsQ0FBQztZQUNyRCxPQUFPLENBQUMsVUFBVSxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUMsR0FBRyxHQUFHLENBQUM7U0FDdEQ7UUFDRCxPQUFPLE1BQU0sQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQztJQUNyRCxDQUFDO3VHQTNLVSxrQkFBa0I7MkZBQWxCLGtCQUFrQjs7MkZBQWxCLGtCQUFrQjtrQkFKOUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO29CQUMxQixVQUFVLEVBQUUsSUFBSTtpQkFDakI7OEJBR0MsUUFBUTtzQkFEUCxLQUFLO2dCQUlOLFFBQVE7c0JBRFAsS0FBSztnQkFJTixnQkFBZ0I7c0JBRGYsS0FBSztnQkFJTixXQUFXO3NCQURWLE1BQU07Z0JBSVAsUUFBUTtzQkFEUCxNQUFNO2dCQUlQLFNBQVM7c0JBRFIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIERpcmVjdGl2ZSxcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBpbmplY3QsXG4gIElucHV0LFxuICBPbkRlc3Ryb3ksXG4gIE91dHB1dCxcbiAgUmVuZGVyZXIyLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGZyb21FdmVudCwgbWFwLCBTdWJqZWN0LCBzd2l0Y2hNYXAsIHRha2VVbnRpbCwgdGFwIH0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7IGhhbmRsZVBpeGVsIH0gZnJvbSAnLi4vdXRpbHMnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbYXVpQ29udGFpbmVyRm9yUmVzaXphYmxlXScsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ2F1aS1jb250YWluZXItZm9yLXJlc2l6YWJsZScsXG4gIH0sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIENvbnRhaW5lckZvclJlc2l6YWJsZURpcmVjdGl2ZSB7XG4gIGVsID0gaW5qZWN0PEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+PihFbGVtZW50UmVmKTtcbn1cblxuLyoqXG4gKiDkvb/nlKjmraTmjIfku6TpnIDopoHlvJXlhaUgcmVzaXphYmxlLnNjc3NcbiAqXG4gKiBAZXhhbXBsZSBgQGltcG9ydCAnbm9kZV9tb2R1bGVzL0BhbGF1ZGEvdWkvcmVzaXphYmxlL3Jlc2l6YWJsZSc7YFxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbYXVpUmVzaXphYmxlXScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIFJlc2l6YWJsZURpcmVjdGl2ZSBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE9uRGVzdHJveSB7XG4gIEBJbnB1dCgpXG4gIG1pbldpZHRoOiBzdHJpbmcgfCBudW1iZXI7XG5cbiAgQElucHV0KClcbiAgbWF4V2lkdGg6IHN0cmluZyB8IG51bWJlcjtcblxuICBASW5wdXQoKVxuICBtYW51YWxBZGp1c3RtZW50ID0gZmFsc2U7XG5cbiAgQE91dHB1dCgpXG4gIHJlc2l6ZVN0YXJ0ID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG5cbiAgQE91dHB1dCgpXG4gIHJlc2l6aW5nID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG5cbiAgQE91dHB1dCgpXG4gIHJlc2l6ZUVuZCA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgZWxlbWVudFJlZiA9IGluamVjdDxFbGVtZW50UmVmPEhUTUxFbGVtZW50Pj4oRWxlbWVudFJlZik7XG4gIHJlbmRlcmVyMiA9IGluamVjdChSZW5kZXJlcjIpO1xuICBwcml2YXRlIHJlYWRvbmx5IGNvbnRhaW5lckRpcmVjdGl2ZSA9IGluamVjdChDb250YWluZXJGb3JSZXNpemFibGVEaXJlY3RpdmUsIHtcbiAgICBvcHRpb25hbDogdHJ1ZSxcbiAgfSk7XG5cbiAgcHJpdmF0ZSByZWFkb25seSBCQVJfV0lEVEggPSAyO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgZWxlbWVudCA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50O1xuICBjb250YWluZXJFbGVtZW50ID0gdGhpcy5jb250YWluZXJEaXJlY3RpdmU/LmVsLm5hdGl2ZUVsZW1lbnQgfHwgdGhpcy5lbGVtZW50O1xuXG4gIGRlc3Ryb3kkJCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIGNvbnN0IHJlc2l6ZUhhbmRsZSA9IHRoaXMuY3JlYXRlUmVzaXplSGFuZGxlKCk7XG5cbiAgICBmcm9tRXZlbnQ8RXZlbnQ+KHJlc2l6ZUhhbmRsZSwgJ2NsaWNrJylcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkJCkpXG4gICAgICAuc3Vic2NyaWJlKGV2ZW50ID0+IGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpKTtcblxuICAgIHRoaXMuYmluZFJlc2l6YWJsZShyZXNpemVIYW5kbGUpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5kZXN0cm95JCQubmV4dCgpO1xuICAgIHRoaXMuZGVzdHJveSQkLmNvbXBsZXRlKCk7XG4gIH1cblxuICBwcml2YXRlIGJpbmRSZXNpemFibGUocmVzaXplSGFuZGxlOiBIVE1MRWxlbWVudCkge1xuICAgIGZyb21FdmVudDxNb3VzZUV2ZW50PihyZXNpemVIYW5kbGUsICdtb3VzZWRvd24nKVxuICAgICAgLnBpcGUoXG4gICAgICAgIG1hcChldmVudCA9PiB7XG4gICAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcblxuICAgICAgICAgIGNvbnN0IGluaXRpYWxXaWR0aCA9IHRoaXMuZWxlbWVudC5jbGllbnRXaWR0aDtcbiAgICAgICAgICB0aGlzLnJlc2l6ZVN0YXJ0LmVtaXQoaW5pdGlhbFdpZHRoKTtcblxuICAgICAgICAgIC8vIOmBv+WFjeS4pOadoee6v+S4jeWvuem9kFxuICAgICAgICAgIHRoaXMucmVuZGVyZXIyLnNldFN0eWxlKHJlc2l6ZUhhbmRsZSwgJ3Zpc2liaWxpdHknLCAnaGlkZGVuJyk7XG5cbiAgICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgcmVzaXplQmFyOiB0aGlzLmNyZWF0ZVJlc2l6ZUJhcigpLFxuICAgICAgICAgICAgcmVzaXplT3ZlcmxheTogdGhpcy5jcmVhdGVSZXNpemVPdmVybGF5KCksXG4gICAgICAgICAgICBpbml0aWFsV2lkdGgsXG4gICAgICAgICAgICBtb3VzZURvd25TY3JlZW5YOiBldmVudC5jbGllbnRYLFxuICAgICAgICAgIH07XG4gICAgICAgIH0pLFxuICAgICAgICBzd2l0Y2hNYXAoXG4gICAgICAgICAgKHsgcmVzaXplQmFyLCByZXNpemVPdmVybGF5LCBpbml0aWFsV2lkdGgsIG1vdXNlRG93blNjcmVlblggfSkgPT5cbiAgICAgICAgICAgIGZyb21FdmVudDxNb3VzZUV2ZW50Pihkb2N1bWVudCwgJ21vdXNlbW92ZScpLnBpcGUoXG4gICAgICAgICAgICAgIG1hcChldmVudCA9PiB7XG4gICAgICAgICAgICAgICAgY29uc3QgbW92ZW1lbnRYID0gZXZlbnQuY2xpZW50WCAtIG1vdXNlRG93blNjcmVlblg7XG4gICAgICAgICAgICAgICAgY29uc3QgbmV3V2lkdGggPSBpbml0aWFsV2lkdGggKyBtb3ZlbWVudFg7XG4gICAgICAgICAgICAgICAgY29uc3Qgd2lkdGggPSB0aGlzLmdldEZpbmFsV2lkdGgobmV3V2lkdGgpO1xuICAgICAgICAgICAgICAgIHRoaXMucmVuZGVyZXIyLnNldFN0eWxlKFxuICAgICAgICAgICAgICAgICAgcmVzaXplQmFyLFxuICAgICAgICAgICAgICAgICAgJ2xlZnQnLFxuICAgICAgICAgICAgICAgICAgaGFuZGxlUGl4ZWwod2lkdGggKyB0aGlzLmdldE9mZnNldCgpIC0gdGhpcy5CQVJfV0lEVEgpLFxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgcmV0dXJuIHdpZHRoO1xuICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICAgdGFrZVVudGlsKFxuICAgICAgICAgICAgICAgIGZyb21FdmVudDxNb3VzZUV2ZW50Pihkb2N1bWVudCwgJ21vdXNldXAnKS5waXBlKFxuICAgICAgICAgICAgICAgICAgdGFwKGV2ZW50ID0+IHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5yZW5kZXJlcjIucmVtb3ZlU3R5bGUocmVzaXplSGFuZGxlLCAndmlzaWJpbGl0eScpO1xuXG4gICAgICAgICAgICAgICAgICAgIHRoaXMucmVuZGVyZXIyLnJlbW92ZUNoaWxkKFxuICAgICAgICAgICAgICAgICAgICAgIHRoaXMuY29udGFpbmVyRWxlbWVudCxcbiAgICAgICAgICAgICAgICAgICAgICByZXNpemVPdmVybGF5LFxuICAgICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgICAgICB0aGlzLnJlbmRlcmVyMi5yZW1vdmVDaGlsZChcbiAgICAgICAgICAgICAgICAgICAgICB0aGlzLmNvbnRhaW5lckVsZW1lbnQsXG4gICAgICAgICAgICAgICAgICAgICAgcmVzaXplQmFyLFxuICAgICAgICAgICAgICAgICAgICApO1xuXG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IG1vdmVtZW50WCA9IGV2ZW50LmNsaWVudFggLSBtb3VzZURvd25TY3JlZW5YO1xuICAgICAgICAgICAgICAgICAgICBjb25zdCBuZXdXaWR0aCA9IGluaXRpYWxXaWR0aCArIG1vdmVtZW50WDtcbiAgICAgICAgICAgICAgICAgICAgY29uc3Qgd2lkdGggPSB0aGlzLmdldEZpbmFsV2lkdGgobmV3V2lkdGgpO1xuICAgICAgICAgICAgICAgICAgICBpZiAoIXRoaXMubWFudWFsQWRqdXN0bWVudCkge1xuICAgICAgICAgICAgICAgICAgICAgIHRoaXMucmVuZGVyZXIyLnNldFN0eWxlKFxuICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5lbGVtZW50LFxuICAgICAgICAgICAgICAgICAgICAgICAgJ3dpZHRoJyxcbiAgICAgICAgICAgICAgICAgICAgICAgIGhhbmRsZVBpeGVsKHdpZHRoKSxcbiAgICAgICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIHRoaXMucmVzaXplRW5kLmVtaXQod2lkdGgpO1xuICAgICAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICksXG4gICAgICAgICksXG4gICAgICAgIHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkJCksXG4gICAgICApXG4gICAgICAuc3Vic2NyaWJlKHdpZHRoID0+IHtcbiAgICAgICAgdGhpcy5yZXNpemluZy5lbWl0KHdpZHRoKTtcbiAgICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBjcmVhdGVSZXNpemVIYW5kbGUoKSB7XG4gICAgY29uc3QgcmVzaXplSGFuZGxlID0gdGhpcy5yZW5kZXJlcjIuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XG4gICAgdGhpcy5yZW5kZXJlcjIuYWRkQ2xhc3MocmVzaXplSGFuZGxlLCAncmVzaXplLWhhbmRsZScpO1xuICAgIHRoaXMucmVuZGVyZXIyLmFwcGVuZENoaWxkKHRoaXMuZWxlbWVudCwgcmVzaXplSGFuZGxlKTtcbiAgICByZXR1cm4gcmVzaXplSGFuZGxlO1xuICB9XG5cbiAgcHJpdmF0ZSBjcmVhdGVSZXNpemVPdmVybGF5KCkge1xuICAgIGNvbnN0IHJlc2l6ZU92ZXJsYXkgPSB0aGlzLnJlbmRlcmVyMi5jcmVhdGVFbGVtZW50KCdkaXYnKTtcbiAgICB0aGlzLnJlbmRlcmVyMi5hZGRDbGFzcyhyZXNpemVPdmVybGF5LCAncmVzaXplLW92ZXJsYXknKTtcbiAgICB0aGlzLnJlbmRlcmVyMi5hcHBlbmRDaGlsZCh0aGlzLmNvbnRhaW5lckVsZW1lbnQsIHJlc2l6ZU92ZXJsYXkpO1xuICAgIHJldHVybiByZXNpemVPdmVybGF5O1xuICB9XG5cbiAgcHJpdmF0ZSBjcmVhdGVSZXNpemVCYXIoKSB7XG4gICAgY29uc3QgcmVzaXplQmFyID0gdGhpcy5yZW5kZXJlcjIuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XG4gICAgdGhpcy5yZW5kZXJlcjIuYWRkQ2xhc3MocmVzaXplQmFyLCAncmVzaXplLWJhcicpO1xuICAgIHRoaXMucmVuZGVyZXIyLnNldFN0eWxlKFxuICAgICAgcmVzaXplQmFyLFxuICAgICAgJ2xlZnQnLFxuICAgICAgdGhpcy5lbGVtZW50LmNsaWVudFdpZHRoICsgdGhpcy5nZXRPZmZzZXQoKSAtIHRoaXMuQkFSX1dJRFRIICsgJ3B4JyxcbiAgICApO1xuICAgIHRoaXMucmVuZGVyZXIyLmFwcGVuZENoaWxkKHRoaXMuY29udGFpbmVyRWxlbWVudCwgcmVzaXplQmFyKTtcbiAgICByZXR1cm4gcmVzaXplQmFyO1xuICB9XG5cbiAgcHJpdmF0ZSBnZXRGaW5hbFdpZHRoKG5ld1dpZHRoOiBudW1iZXIpOiBudW1iZXIge1xuICAgIC8vIOS4jeiDvei2heWHuui+ueeVjFxuICAgIGNvbnN0IF9tYXggPSB0aGlzLmNvbnRhaW5lckVsZW1lbnQuY2xpZW50V2lkdGggKyB0aGlzLmdldE9mZnNldCgpO1xuICAgIGNvbnN0IG1pbldpZHRoID0gdGhpcy5oYW5kbGVXaWR0aCh0aGlzLm1pbldpZHRoIHx8IHRoaXMuZ2V0T2Zmc2V0KCkpO1xuICAgIGNvbnN0IG1heFdpZHRoID0gdGhpcy5oYW5kbGVXaWR0aCh0aGlzLm1heFdpZHRoIHx8IF9tYXgpO1xuICAgIHJldHVybiBNYXRoLm1heChNYXRoLm1pbihtYXhXaWR0aCwgbmV3V2lkdGgpLCBtaW5XaWR0aCk7XG4gIH1cblxuICBwcml2YXRlIGdldE9mZnNldCgpIHtcbiAgICByZXR1cm4gKFxuICAgICAgdGhpcy5lbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLmxlZnQgLVxuICAgICAgdGhpcy5jb250YWluZXJFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLmxlZnRcbiAgICApO1xuICB9XG5cbiAgcHJpdmF0ZSBoYW5kbGVXaWR0aCh3aWR0aDogc3RyaW5nIHwgbnVtYmVyKSB7XG4gICAgaWYgKHR5cGVvZiB3aWR0aCA9PT0gJ251bWJlcicpIHtcbiAgICAgIHJldHVybiB3aWR0aDtcbiAgICB9XG4gICAgaWYgKCF3aWR0aCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBpZiAod2lkdGguZW5kc1dpdGgoJyUnKSkge1xuICAgICAgY29uc3QgdGFibGVXaWR0aCA9IHRoaXMuY29udGFpbmVyRWxlbWVudC5jbGllbnRXaWR0aDtcbiAgICAgIHJldHVybiAodGFibGVXaWR0aCAqIE51bWJlci5wYXJzZUZsb2F0KHdpZHRoKSkgLyAxMDA7XG4gICAgfVxuICAgIHJldHVybiBOdW1iZXIucGFyc2VGbG9hdCh3aWR0aC5yZXBsYWNlKC9cXEQrLywgJycpKTtcbiAgfVxufVxuIl19

package/resizable/index.d.ts

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

package/resizable/resizable.directive.d.ts

@@ -1,34 +0,0 @@
-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

@@ -1,44 +0,0 @@
-@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/theme/_base-var.scss

@@ -1,31 +0,0 @@
-@use 'sass:string';
-
-@function use-var($name) {
-  @return var(--aui-#{$name});
-}
-
-@function use-rgb($name: primary, $level: none) {
-  @if $level != none {
-    @return rgb(var(--aui-color-#{string.slice('#{$name}', 1, 1)}-#{$level}));
-  }
-  @return rgb(var(--aui-color-#{$name}));
-}
-
-@function use-rgba($name, $opacity) {
-  @return rgba(var(--aui-color-#{$name}), $opacity);
-}
-
-@function use-text-color($level: main) {
-  @return use-rgb(#{$level}-text);
-}
-
-// Animation
-$animation-duration-slow: 0.3s; // Modal
-$animation-duration-base: 0.24s; // Tab、Dropdown
-$animation-duration-fast: 0.2s;
-
-$ease-out: cubic-bezier(0, 0, 0.2, 1);
-$ease-in: cubic-bezier(0.8, 0, 1, 0.9);
-$ease-in-out: cubic-bezier(0.38, 0, 0.24, 1);
-
-$animation-interpolation: ease;

package/theme/_mixin.scss

@@ -1,350 +0,0 @@
-@import 'base-var';
-@import 'var';
-
-@function theme-selector($theme, $scope) {
-  @if ($scope) {
-    @return selector-nest($theme, $scope);
-  } @else {
-    @return $theme;
-  }
-}
-
-@mixin theme-light {
-  $scope: &;
-
-  @at-root {
-    #{theme-selector(':root', $scope)} {
-      @content;
-    }
-
-    #{theme-selector('html[aui-theme-mode=light]', $scope)} {
-      @content;
-    }
-  }
-}
-
-@mixin theme-dark {
-  $scope: &;
-
-  @at-root {
-    #{theme-selector('html[aui-theme-mode=system]', $scope)} {
-      @media (prefers-color-scheme: dark) {
-        @content;
-      }
-    }
-
-    #{theme-selector('html[aui-theme-mode=dark]', $scope)} {
-      @content;
-    }
-  }
-}
-
-@mixin text-set($size: m, $color: none, $weight: normal) {
-  font-size: use-var(font-size-#{$size});
-  line-height: use-var(line-height-#{$size});
-  font-weight: use-var(font-weight-#{$weight});
-  @if $color != none {
-    color: use-text-color($color);
-  }
-}
-
-@mixin icon-set($size: m, $color: none) {
-  display: inline-flex;
-  align-items: center;
-  height: use-var(line-height-#{$size});
-  font-size: use-var(font-size-#{$size});
-  @if $color != none {
-    color: use-text-color($color);
-  }
-}
-
-// 使用 box-shadow 模拟带圆角的 outline
-@mixin outline-shadow($color: primary, $theme: auto) {
-  @if ($theme == light) {
-    box-shadow: 0 0 0 2px use-rgba($color, 0.16);
-  } @else if($theme == dark) {
-    box-shadow: 0 0 0 2px use-rgba($color, 0.3);
-  } @else {
-    @include theme-light {
-      box-shadow: 0 0 0 2px use-rgba($color, 0.16);
-    }
-    @include theme-dark {
-      box-shadow: 0 0 0 2px use-rgba($color, 0.3);
-    }
-  }
-}
-
-@mixin card-shadow($theme: auto) {
-  @if ($theme == light) {
-    box-shadow: 0 0 4px 0 use-rgba(origin-shadow, 0.1);
-  } @else if($theme == dark) {
-    box-shadow: 0 0 4px 0 use-rgba(origin-shadow, 0.75);
-  } @else {
-    @include theme-light {
-      box-shadow: 0 0 4px 0 use-rgba(origin-shadow, 0.1);
-    }
-    @include theme-dark {
-      box-shadow: 0 0 4px 0 use-rgba(origin-shadow, 0.75);
-    }
-  }
-}
-
-@mixin popper-shadow($theme: auto) {
-  @if ($theme == light) {
-    box-shadow: 0 2px 8px 0 use-rgba(origin-shadow, 0.2);
-  } @else if($theme == dark) {
-    box-shadow: 0 2px 8px 0 use-rgba(origin-shadow, 0.75);
-  } @else {
-    @include theme-light {
-      box-shadow: 0 2px 8px 0 use-rgba(origin-shadow, 0.2);
-    }
-    @include theme-dark {
-      box-shadow: 0 2px 8px 0 use-rgba(origin-shadow, 0.75);
-    }
-  }
-}
-
-@mixin modal-shadow($theme: auto) {
-  @if ($theme == light) {
-    box-shadow: 0 2px 8px 0 use-rgba(origin-shadow, 0.2);
-  } @else if($theme == dark) {
-    box-shadow: 0 4px 16px 0 use-rgba(origin-shadow, 0.75);
-  } @else {
-    @include theme-light {
-      box-shadow: 0 2px 8px 0 use-rgba(origin-shadow, 0.2);
-    }
-    @include theme-dark {
-      box-shadow: 0 4px 16px 0 use-rgba(origin-shadow, 0.75);
-    }
-  }
-}
-
-@mixin modal-backdrop($theme: auto) {
-  @if ($theme == light) {
-    background-color: use-rgba(origin-shadow, 0.4);
-  } @else if($theme == dark) {
-    background-color: use-rgba(origin-shadow, 0.75);
-  } @else {
-    @include theme-light {
-      background-color: use-rgba(origin-shadow, 0.4);
-    }
-    @include theme-dark {
-      background-color: use-rgba(origin-shadow, 0.75);
-    }
-  }
-}
-
-@mixin overlay-pane($alignItems: center) {
-  overflow: auto;
-  @include flex-center($alignItems);
-  @include scroll-bar;
-}
-
-@mixin transition($target: all) {
-  transition: $target $animation-duration-slow $animation-interpolation;
-}
-
-@mixin absolute-center() {
-  margin: 0;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-
-@mixin scroll-bar($color: #{use-rgba(n-1, 0.2)}) {
-  &::-webkit-scrollbar {
-    width: 4px;
-    height: 4px;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    border-radius: 2px;
-    background-color: $color;
-  }
-
-  &::-webkit-scrollbar-corner {
-    background-color: transparent;
-  }
-}
-
-@mixin clear-button() {
-  border-radius: 50%;
-  color: use-text-color(help);
-  cursor: pointer;
-  @include transition;
-
-  &:hover {
-    color: use-rgb(main-bg);
-    background-color: use-text-color(help);
-  }
-}
-
-@mixin input-field-indicator() {
-  &__icon-container {
-    display: block;
-    position: relative;
-    pointer-events: none !important;
-
-    .aui-icon {
-      margin: 0 !important;
-    }
-  }
-
-  &.isDisabled &__icon-container {
-    color: use-rgb(n-4);
-  }
-
-  &__indicator {
-    display: flex;
-  }
-
-  &__clear {
-    display: none;
-
-    .aui-icon {
-      @include clear-button;
-    }
-  }
-
-  &.isClearable:not(.isDisabled):hover & {
-    &__indicator {
-      display: none;
-    }
-
-    &__clear {
-      display: flex;
-      pointer-events: auto;
-    }
-  }
-}
-
-@mixin input-error() {
-  border-color: use-rgb(red) !important;
-
-  &:focus,
-  &.isFocused {
-    @include outline-shadow(red);
-  }
-}
-
-@mixin expand-button() {
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  width: use-var(icon-size-m);
-  height: use-var(icon-size-m);
-  color: use-rgb(primary);
-  background-color: use-rgb(p-6);
-  border-radius: 50%;
-  border: none;
-  cursor: pointer;
-  transition: transform 0.1s ease-in-out;
-
-  aui-icon {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: use-var(icon-size-s);
-    height: use-var(icon-size-s);
-    font-size: use-var(icon-size-s);
-  }
-
-  &:hover {
-    background-color: use-rgb(p-7);
-  }
-
-  &:active {
-    background-color: use-rgb(p-5);
-  }
-
-  &.isExpanded {
-    transform: rotate(90deg);
-    color: white;
-    background-color: use-rgb(primary);
-
-    &:hover {
-      background-color: use-rgb(p-1);
-    }
-
-    &:active {
-      background-color: use-rgb(p-0);
-    }
-  }
-
-  &[disabled],
-  &.isExpanded[disabled] {
-    background-color: use-rgb(n-8);
-    color: use-rgb(n-6);
-    cursor: not-allowed;
-  }
-}
-
-@mixin text-overflow {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-@mixin flex-center($alignItems: center) {
-  display: flex;
-  justify-content: center;
-  align-items: $alignItems;
-}
-
-@mixin point($size, $color: #000) {
-  width: $size;
-  height: $size;
-  border-radius: 50%;
-  background-color: $color;
-}
-
-@mixin view-readonly {
-  background-color: use-rgb(main-bg);
-  border-color: use-rgb(border);
-}
-
-@mixin vertical-dashed-line($width: 1px, $color: 'n-7') {
-  background: linear-gradient(
-    to bottom,
-    use-rgb($color),
-    use-rgb($color) 8px,
-    transparent 6px,
-    transparent
-  );
-  width: $width;
-  background-size: 100% 14px;
-  height: 100%;
-}
-
-// Motion
-@mixin motion-common($duration: $animation-duration-base) {
-  animation-duration: $duration;
-  animation-fill-mode: both;
-  animation-play-state: paused;
-}
-
-@mixin make-motion(
-  $className,
-  $keyframeName,
-  $duration: $animation-duration-base
-) {
-  .#{$className}-enter,
-  .#{$className}-leave {
-    @include motion-common($duration);
-  }
-
-  .#{$className}-enter.#{$className}-enter-active,
-  .#{$className}-leave.#{$className}-leave-active {
-    animation-play-state: running;
-    pointer-events: none;
-  }
-
-  .#{$className}-enter.#{$className}-enter-active {
-    animation-name: #{$keyframeName}-in;
-  }
-
-  .#{$className}-leave.#{$className}-leave-active {
-    animation-name: #{$keyframeName}-out;
-  }
-}