@ng-nest/ui 20.3.0 → 20.3.2

package/dialog/index.d.ts

@@ -1,107 +1,16 @@
 import * as rxjs from 'rxjs';
-import { Subject, Subscription } from 'rxjs';
+import { Subscription, Subject } from 'rxjs';
 import * as _angular_core from '@angular/core';
-import { Renderer2, ChangeDetectorRef, EventEmitter, ComponentRef, EmbeddedViewRef, ViewContainerRef, InjectionToken, OnInit, AfterViewInit, TemplateRef } from '@angular/core';
+import { ViewContainerRef, ComponentRef, EmbeddedViewRef, EventEmitter, InjectionToken, OnInit, AfterViewInit, TemplateRef, Renderer2, ChangeDetectorRef } from '@angular/core';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
 import { XTemplate, XPlace, XNumber, XStatus, XBoolean, XEffect, XProperty, XConfigService, XDialogConfig } from '@ng-nest/ui/core';
-import { XPortalService, XPortalOverlayRef } from '@ng-nest/ui/portal';
-import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal, ComponentType } from '@angular/cdk/portal';
+import { XPortalOverlayRef, XPortalService } from '@ng-nest/ui/portal';
 import * as i1 from '@angular/cdk/drag-drop';
-import { CdkDragHandle, CdkDrag, CdkDragEnd } from '@angular/cdk/drag-drop';
-import { OverlayRef, BlockScrollStrategy } from '@angular/cdk/overlay';
+import { CdkDragEnd, CdkDrag } from '@angular/cdk/drag-drop';
+import { ComponentPortal, TemplatePortal, BasePortalOutlet, CdkPortalOutlet, ComponentType } from '@angular/cdk/portal';
+import { BlockScrollStrategy, OverlayRef } from '@angular/cdk/overlay';
 import { XI18nDialog } from '@ng-nest/ui/i18n';
 
-declare class XDialogCloseDirective {
-    onCloseClick(): void;
-    dialogRef: XDialogRef<any> | null;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDialogCloseDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<XDialogCloseDirective, "[x-dialog-close]", never, {}, {}, never, never, true, never>;
-}
-declare class XDialogTitleDirective {
-    _has: boolean;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDialogTitleDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<XDialogTitleDirective, "[x-dialog-title], x-dialog-title", never, {}, {}, never, never, true, never>;
-}
-declare class XDialogContentDirective {
-    _has: boolean;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDialogContentDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<XDialogContentDirective, "[x-dialog-content], x-dialog-content", never, {}, {}, never, never, true, never>;
-}
-declare class XDialogActionsDirective {
-    _has: boolean;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDialogActionsDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<XDialogActionsDirective, "[x-dialog-actions], x-dialog-actions", never, {}, {}, never, never, true, never>;
-}
-declare class XDialogDragHandleDirective {
-    get getDraggable(): boolean | undefined;
-    dialogRef: XDialogRef<any> | null;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDialogDragHandleDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<XDialogDragHandleDirective, "[x-dialog-drag-handle], x-dialog-drag-handle", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkDragHandle; inputs: { "cdkDragHandleDisabled": "xDialogDragHandleDisabled"; }; outputs: {}; }]>;
-}
-declare class XDialogFullscreenDirective {
-    onFullscreenClick(): void;
-    dialogRef: XDialogRef<any> | null;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDialogFullscreenDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<XDialogFullscreenDirective, "[x-dialog-fullscreen], x-dialog-fullscreen", never, {}, {}, never, never, true, never>;
-}
-
-declare class XDialogRef<C> {
-    overlayRef: OverlayRef;
-    containerInstance: XDialogPortalComponent;
-    renderer: Renderer2;
-    portalService: XPortalService;
-    componentInstance: C;
-    option: XDialogRefOption;
-    fullscreen: boolean;
-    dragHandleRefs: (XDialogDragHandleDirective | CdkDragHandle)[];
-    afterClose: Subject<any>;
-    unsubject: Subject<void>;
-    private _isFristFullscreen;
-    constructor(overlayRef: OverlayRef, containerInstance: XDialogPortalComponent, renderer: Renderer2, portalService: XPortalService);
-    close(result?: any): void;
-    onFullscreen(): void;
-}
-
-declare class XDialogPortalComponent extends BasePortalOutlet {
-    placement: _angular_core.ModelSignal<XDialogAnimationState>;
-    get enimateEnter(): string;
-    get enimateLeave(): string;
-    done(event: AnimationEvent): void;
-    start(event: AnimationEvent): void;
-    renderer: Renderer2;
-    changeDetectorRef: ChangeDetectorRef;
-    portalOutlet: _angular_core.Signal<CdkPortalOutlet>;
-    dragRef: _angular_core.Signal<CdkDrag<any>>;
-    handles: _angular_core.Signal<readonly XDialogDragHandleDirective[]>;
-    animationChanged: EventEmitter<XDialogAnimationEvent>;
-    option: XDialogRefOption;
-    dialogRef: XDialogRef<any>;
-    offsetLeft: number;
-    offsetTop: number;
-    minWidth: string;
-    minHeight: string;
-    initHeight: number;
-    initContentHeight: number;
-    dialogContent?: HTMLElement;
-    defaultMaximize: boolean;
-    overlayElement?: HTMLElement;
-    hostElement?: HTMLElement;
-    distance: {
-        x: number;
-        y: number;
-    };
-    dialogBox: {
-        [key: string]: any;
-    };
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    attachComponentPortal<T>(portal: ComponentPortal<T>): ComponentRef<T>;
-    attachTemplatePortal<C>(portal: TemplatePortal<C>): EmbeddedViewRef<C>;
-    onDragEnded(event: CdkDragEnd): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDialogPortalComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XDialogPortalComponent, "x-dialog-portal", never, { "placement": { "alias": "placement"; "required": true; "isSignal": true; }; }, { "placement": "placementChange"; }, ["handles"], never, true, never>;
-}
-
 /**
  * Dialog
  * @selector x-dialog
@@ -383,6 +292,18 @@ interface XDialogRefOption {
      * @withConfig true
      */
     minHeight?: string;
+    /**
+    * @zh_CN 最大宽度
+    * @en_US max width
+    * @withConfig true
+    */
+    maxWidth?: string;
+    /**
+     * @zh_CN 最大高度
+     * @en_US Max height
+     * @withConfig true
+     */
+    maxHeight?: string;
     /**
      * @zh_CN 是否支持键盘 esc 关闭
      * @en_US Whether to support keyboard esc to close
@@ -430,13 +351,67 @@ type XDialogAction = 'confirm' | 'cancel' | 'close';
  * @zh_CN 创建的弹框对象
  * @en_US Dialog object created
  */
-interface XDialogOverlayRef extends XPortalOverlayRef<XDialogComponent> {
+interface XDialogOverlayRef extends XPortalOverlayRef<XDialogHandle> {
+}
+/**
+ * @zh_CN 创建的弹框组件定义
+ * @en_US Dialog object created
+ */
+interface XDialogHandle {
+    create(): void;
+    onClose(action: XDialogAction, execFunction?: boolean): void;
+    onDragEnded(event: CdkDragEnd): void;
+    onSize(): void;
+    onMaximize(): void;
+    onMinimize(): void;
+    moveDone(event: AnimationEvent): void;
+    portalAttached(): boolean;
+    setVisible(): void;
+    setWidthHeight(): void;
 }
 /**
  * @zh_CN 创建的弹框对象，通过服务
  * @en_US Dialog object created by service
  */
-interface XDialogPortalOverlayRef extends XPortalOverlayRef<XDialogPortalComponent> {
+interface XDialogPortalOverlayRef extends XPortalOverlayRef<XDialogPortalHandle> {
+}
+/**
+ * @zh_CN 创建的弹框对象定义
+ * @en_US Dialog object created definition
+ */
+interface XDialogPortalHandle {
+    option: XDialogRefOption;
+    defaultMaximize: boolean;
+    dialogBox: {
+        draggable?: boolean;
+        resizable?: boolean;
+        width?: string;
+        height?: string;
+        minWidth?: string;
+        minHeight?: string;
+        distance?: {
+            x: number;
+            y: number;
+        };
+        marginTop?: string;
+        marginLeft?: string;
+        marginRight?: string;
+        marginBottom?: string;
+    };
+    hostElement?: HTMLElement;
+    overlayElement?: HTMLElement;
+    distance: {
+        x: number;
+        y: number;
+    };
+    offsetLeft: number;
+    offsetTop: number;
+    initHeight: number;
+    dialogContent?: HTMLElement;
+    initContentHeight: number;
+    attachComponentPortal<T>(portal: ComponentPortal<T>): ComponentRef<T>;
+    attachTemplatePortal<T>(portal: TemplatePortal<T>): EmbeddedViewRef<T>;
+    animationChanged: EventEmitter<XDialogAnimationEvent>;
 }
 /**
  * @zh_CN 类型
@@ -450,7 +425,7 @@ declare class XDialogContainerComponent extends XDialogContainerProperty {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<XDialogContainerComponent, "x-dialog-container", never, {}, {}, never, ["*"], true, never>;
 }
 
-declare class XDialogComponent extends XDialogProperty implements OnInit, AfterViewInit {
+declare class XDialogComponent extends XDialogProperty implements OnInit, AfterViewInit, XDialogHandle {
     private static dialogOverlayRefs;
     private viewContainerRef;
     private protalService;
@@ -504,7 +479,7 @@ declare class XDialogComponent extends XDialogProperty implements OnInit, AfterV
     setVisible(): void;
     create(): void;
     setWidthHeight(): void;
-    portalAttached(): boolean | undefined;
+    portalAttached(): boolean;
     onClose(action: XDialogAction, execFunction?: boolean): void;
     onDragEnded($event: CdkDragEnd): void;
     onSize(): void;
@@ -515,6 +490,111 @@ declare class XDialogComponent extends XDialogProperty implements OnInit, AfterV
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<XDialogComponent, "x-dialog", never, {}, {}, never, ["*"], true, never>;
 }
 
+interface XDialogRefHandle {
+    fullscreen: boolean;
+    option: {
+        draggable?: boolean;
+    };
+    close(result?: any): void;
+    onFullscreen(): void;
+}
+
+declare class XDialogRef<C> implements XDialogRefHandle {
+    componentInstance: C;
+    option: XDialogRefOption;
+    fullscreen: boolean;
+    afterClose: Subject<any>;
+    unsubject: Subject<void>;
+    private _isFristFullscreen;
+    overlayRef: OverlayRef;
+    containerInstance: XDialogPortalHandle;
+    renderer: Renderer2;
+    portalService: XPortalService;
+    constructor(params: {
+        overlayRef: OverlayRef;
+        containerInstance: XDialogPortalHandle;
+        renderer: Renderer2;
+        option: XDialogRefOption;
+        fullscreen: boolean;
+        portalService: XPortalService;
+    });
+    close(result?: any): void;
+    onFullscreen(): void;
+}
+
+declare class XDialogCloseDirective {
+    onCloseClick(): void;
+    dialogRef: XDialogRef<any> | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDialogCloseDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<XDialogCloseDirective, "[x-dialog-close]", never, {}, {}, never, never, true, never>;
+}
+declare class XDialogTitleDirective {
+    _has: boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDialogTitleDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<XDialogTitleDirective, "[x-dialog-title], x-dialog-title", never, {}, {}, never, never, true, never>;
+}
+declare class XDialogContentDirective {
+    _has: boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDialogContentDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<XDialogContentDirective, "[x-dialog-content], x-dialog-content", never, {}, {}, never, never, true, never>;
+}
+declare class XDialogActionsDirective {
+    _has: boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDialogActionsDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<XDialogActionsDirective, "[x-dialog-actions], x-dialog-actions", never, {}, {}, never, never, true, never>;
+}
+declare class XDialogDragHandleDirective {
+    get getDraggable(): boolean | undefined;
+    dialogRef: XDialogRef<any> | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDialogDragHandleDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<XDialogDragHandleDirective, "[x-dialog-drag-handle], x-dialog-drag-handle", never, {}, {}, never, never, true, [{ directive: typeof i1.CdkDragHandle; inputs: { "cdkDragHandleDisabled": "xDialogDragHandleDisabled"; }; outputs: {}; }]>;
+}
+declare class XDialogFullscreenDirective {
+    onFullscreenClick(): void;
+    dialogRef: XDialogRef<any> | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDialogFullscreenDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<XDialogFullscreenDirective, "[x-dialog-fullscreen], x-dialog-fullscreen", never, {}, {}, never, never, true, never>;
+}
+
+declare class XDialogPortalComponent extends BasePortalOutlet implements XDialogPortalHandle {
+    placement: _angular_core.ModelSignal<XDialogAnimationState>;
+    get enimateEnter(): string;
+    get enimateLeave(): string;
+    done(event: AnimationEvent): void;
+    start(event: AnimationEvent): void;
+    renderer: Renderer2;
+    changeDetectorRef: ChangeDetectorRef;
+    portalOutlet: _angular_core.Signal<CdkPortalOutlet>;
+    dragRef: _angular_core.Signal<CdkDrag<any>>;
+    handles: _angular_core.Signal<readonly XDialogDragHandleDirective[]>;
+    animationChanged: EventEmitter<XDialogAnimationEvent>;
+    option: XDialogRefOption;
+    offsetLeft: number;
+    offsetTop: number;
+    minWidth: string;
+    minHeight: string;
+    initHeight: number;
+    initContentHeight: number;
+    dialogContent?: HTMLElement;
+    defaultMaximize: boolean;
+    overlayElement?: HTMLElement;
+    hostElement?: HTMLElement;
+    distance: {
+        x: number;
+        y: number;
+    };
+    dialogBox: {
+        [key: string]: any;
+    };
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    attachComponentPortal<T>(portal: ComponentPortal<T>): ComponentRef<T>;
+    attachTemplatePortal<C>(portal: TemplatePortal<C>): EmbeddedViewRef<C>;
+    onDragEnded(event: CdkDragEnd): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDialogPortalComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XDialogPortalComponent, "x-dialog-portal", never, { "placement": { "alias": "placement"; "required": true; "isSignal": true; }; }, { "placement": "placementChange"; }, ["handles"], never, true, never>;
+}
+
 declare class XDialogModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDialogModule, never>;
     static ɵmod: _angular_core.ɵɵNgModuleDeclaration<XDialogModule, never, [typeof XDialogComponent, typeof XDialogContainerComponent, typeof XDialogCloseDirective, typeof XDialogTitleDirective, typeof XDialogContentDirective, typeof XDialogActionsDirective, typeof XDialogDragHandleDirective, typeof XDialogFullscreenDirective], [typeof XDialogComponent, typeof XDialogContainerComponent, typeof XDialogCloseDirective, typeof XDialogTitleDirective, typeof XDialogContentDirective, typeof XDialogActionsDirective, typeof XDialogDragHandleDirective, typeof XDialogFullscreenDirective]>;
@@ -539,4 +619,4 @@ declare class XDialogService {
 }
 
 export { XDialogActionsDirective, XDialogCloseDirective, XDialogComponent, XDialogContainer, XDialogContainerComponent, XDialogContainerPrefix, XDialogContainerProperty, XDialogContentDirective, XDialogDragHandleDirective, XDialogFullscreenDirective, XDialogModule, XDialogPortalComponent, XDialogPrefix, XDialogProperty, XDialogRef, XDialogService, XDialogTitleDirective, X_DIALOG_CONFIG_NAME, X_DIALOG_CONTAINER, X_DIALOG_DATA };
-export type { XDialogAction, XDialogAnimationEvent, XDialogAnimationState, XDialogCallback, XDialogOverlayRef, XDialogPortalOverlayRef, XDialogRefOption, XDialogType };
+export type { XDialogAction, XDialogAnimationEvent, XDialogAnimationState, XDialogCallback, XDialogHandle, XDialogOverlayRef, XDialogPortalHandle, XDialogPortalOverlayRef, XDialogRefOption, XDialogType };

package/divider/index.d.ts

@@ -0,0 +1,113 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
+import * as _ng_nest_ui_core from '@ng-nest/ui/core';
+import { XSize } from '@ng-nest/ui/core';
+
+/**
+ * Divider
+ * @selector x-divider
+ * @decorator component
+ */
+declare const XDividerPrefix = "x-divider";
+declare const XDividerProperty_base: new () => {
+    config: _ng_nest_ui_core.XDividerConfig | undefined;
+};
+/**
+ * Divider Property
+ */
+declare class XDividerProperty extends XDividerProperty_base {
+    /**
+     * @zh_CN 分割线方向
+     * @en_US Divider direction
+     * @example
+     *
+     * ```html
+     * <x-divider direction="horizontal">Horizontal</x-divider>
+     * <x-divider direction="vertical"></x-divider>
+     * ```
+     *
+     */
+    readonly direction: _angular_core.InputSignal<XDividerDirection>;
+    /**
+     * @zh_CN 标题位置
+     * @en_US Title position
+     * @example
+     *
+     * ```html
+     * <x-divider position="left">Left</x-divider>
+     * <x-divider position="center">Center</x-divider>
+     * <x-divider position="right">Right</x-divider>
+     * ```
+     *
+     */
+    readonly position: _angular_core.InputSignal<XDividerPosition>;
+    /**
+     * @zh_CN 分割线变体
+     * @en_US Divider variant
+     * @example
+     *
+     * ```html
+     * <x-divider variant="solid">Solid</x-divider>
+     * <x-divider variant="dashed">Dashed</x-divider>
+     * <x-divider variant="dotted">Dotted</x-divider>
+     * ```
+     *
+     */
+    readonly variant: _angular_core.InputSignal<XDividerVariant>;
+    /**
+     * @zh_CN 分割线尺寸（上下间隔）
+     * @en_US Divider size (margin)
+     * @example
+     *
+     * ```html
+     * <x-divider size="big">Big</x-divider>
+     * <x-divider size="large">Large</x-divider>
+     * <x-divider size="medium">Medium</x-divider>
+     * <x-divider size="small">Small</x-divider>
+     * <x-divider size="mini">Mini</x-divider>
+     * ```
+     *
+     */
+    readonly size: _angular_core.InputSignal<XSize>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDividerProperty, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XDividerProperty, "x-divider-property", never, { "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/**
+ * @zh_CN 分割线方向
+ * @en_US Divider direction
+ */
+type XDividerDirection = 'horizontal' | 'vertical';
+/**
+ * @zh_CN 分割线标题位置
+ * @en_US Divider title position
+ */
+type XDividerPosition = 'left' | 'center' | 'right';
+/**
+ * @zh_CN 分割线变体
+ * @en_US Divider variant
+ */
+type XDividerVariant = 'solid' | 'dashed' | 'dotted';
+
+declare class XDividerComponent extends XDividerProperty {
+    text: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
+    hasText: _angular_core.Signal<boolean>;
+    /**
+     * @zh_CN 类名映射
+     * @en_US Class map
+     */
+    classMap: _angular_core.Signal<{
+        [x: string]: boolean;
+        "x-divider-with-text": boolean;
+    }>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDividerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XDividerComponent, "x-divider", never, {}, {}, never, ["text"], true, never>;
+}
+
+declare class XDividerModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDividerModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<XDividerModule, never, [typeof XDividerComponent], [typeof XDividerComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<XDividerModule>;
+}
+
+export { XDividerComponent, XDividerModule, XDividerPrefix, XDividerProperty };
+export type { XDividerDirection, XDividerPosition, XDividerVariant };