@ng-nest/ui 17.0.12 → 18.0.1

package/description/description.component.d.ts

@@ -1,19 +1,15 @@
-import { QueryList, SimpleChanges, OnInit, AfterViewInit, OnChanges } from '@angular/core';
 import { XDescriptionProperty } from './description.property';
-import { XConfigService } from '@ng-nest/ui/core';
 import { XDescriptionItemComponent } from './description-item.component';
 import * as i0 from "@angular/core";
-export declare class XDescriptionComponent extends XDescriptionProperty implements OnInit, AfterViewInit, OnChanges {
-    items: QueryList<XDescriptionItemComponent>;
-    configService: XConfigService;
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngAfterViewInit(): void;
-    setClassMap(): void;
+export declare class XDescriptionComponent extends XDescriptionProperty {
+    items: import("@angular/core").Signal<readonly XDescriptionItemComponent[]>;
+    classMap: import("@angular/core").Signal<{
+        [x: string]: boolean;
+    }>;
+    gridTemplateColumnsSignal: import("@angular/core").Signal<string>;
     setFlex(item: XDescriptionItemComponent): {
         [property: string]: boolean;
     };
-    setMerge(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<XDescriptionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XDescriptionComponent, "x-description", never, {}, {}, ["items"], never, true, never>;
 }

package/description/description.property.d.ts

@@ -1,4 +1,4 @@
-import { XAlign, XBoolean, XDirection, XJustify, XProperty, XSize, XTemplate } from '@ng-nest/ui/core';
+import type { XAlign, XBoolean, XDirection, XJustify, XNumber, XSize, XTemplate } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 /**
  * Description
@@ -6,32 +6,72 @@ import * as i0 from "@angular/core";
  * @decorator component
  */
 export declare const XDescriptionPrefix = "x-description";
+declare const XDescriptionProperty_base: new () => {
+    config: import("@ng-nest/ui/core").XDescriptionConfig | undefined;
+};
 /**
  * Description Property
  */
-export declare class XDescriptionProperty extends XProperty {
+export declare class XDescriptionProperty extends XDescriptionProperty_base {
     /**
      * @zh_CN 描述列表的标题，支持自定义模板
      * @en_US Describe the title of the list, support custom template
+     * @example
+     *
+     * ```html
+     * <x-description title="Title">
+     *   <x-description-item>name</x-description-item>
+     * </x-description>
+     * <x-description [title]="titleTpl">
+     *   <x-description-item>name</x-description-item>
+     * </x-description>
+     * <ng-template #titleTpl>Title</ng-template>
+     * ```
+     *
      */
-    title?: XTemplate;
+    readonly title: import("@angular/core").InputSignal<XTemplate | undefined>;
     /**
      * @zh_CN 是否展示边框
      * @en_US Whether to show column borders
+     * @example
+     *
+     * ```html
+     * <x-description title="Title" bordered>
+     *   <x-description-item>name</x-description-item>
+     * </x-description>
+     * ```
+     *
      */
-    bordered: XBoolean;
+    readonly bordered: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN grid 布局下定义列宽度
      * @en_US Define column width under grid layout
+     * @example
+     *
+     * ```html
+     * <x-description title="Title" bordered gridTemplateColumns="1fr 1fr">
+     *   <x-description-item gridArea="1/1/2/2">name</x-description-item>
+     *   <x-description-item gridArea="1/2/3/2">age</x-description-item>
+     * </x-description>
+     * ```
+     *
      */
-    gridTemplateColumns?: string;
+    readonly gridTemplateColumns: import("@angular/core").InputSignal<string | undefined>;
     /**
      * @zh_CN 尺寸
      * @en_US Size
+     * @example
+     *
+     * ```html
+     * <x-description title="Title" size="big">
+     *   <x-description-item>name</x-description-item>
+     * </x-description>
+     * ```
+     *
      */
-    size: XSize;
+    readonly size: import("@angular/core").InputSignal<XSize>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XDescriptionProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XDescriptionProperty, "x-description-property", never, { "title": { "alias": "title"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "gridTemplateColumns": { "alias": "gridTemplateColumns"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XDescriptionProperty, "x-description-property", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "gridTemplateColumns": { "alias": "gridTemplateColumns"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }
 /**
  * Description Item
@@ -46,43 +86,122 @@ export declare class XDescriptionItemProperty {
     /**
      * @zh_CN 使用 grid 布局
      * @en_US Use grid layout to merge cells
+     * @example
+     *
+     * ```html
+     * <x-description>
+     *   <x-description-item gridArea="1/1/2/2">name</x-description-item>
+     * </x-description>
+     * ```
+     *
      */
-    gridArea?: string;
+    readonly gridArea: import("@angular/core").InputSignal<string | undefined>;
     /**
      * @zh_CN 内容的描述，支持自定义模板
      * @en_US Description of content, support custom templates
+     * @example
+     *
+     * ```html
+     * <x-description>
+     *   <x-description-item label="name1">name1</x-description-item>
+     *   <x-description-item [label]="nameTpl">name2</x-description-item>
+     * </x-description>
+     * <ng-template #nameTpl></ng-template>
+     * ```
+     *
      */
-    label?: XTemplate;
+    readonly label: import("@angular/core").InputSignal<XTemplate | undefined>;
     /**
      * @zh_CN flex 布局下的子元素水平排列方式
      * @en_US Child element under the horizontal arrangement of the layout flex
+     * @example
+     *
+     * ```html
+     * <x-description>
+     *   <x-description-item justify="end">end</x-description-item>
+     *   <x-description-item justify="center">center</x-description-item>
+     *   <x-description-item justify="start">start</x-description-item>
+     *   <x-description-item justify="space-around">space-around</x-description-item>
+     *   <x-description-item justify="space-between">space-between</x-description-item>
+     * </x-description>
+     * ```
+     *
      */
-    justify?: XJustify;
+    readonly justify: import("@angular/core").InputSignal<XJustify>;
     /**
      * @zh_CN flex 布局下的子元素垂直排列方式
      * @en_US Child element under the vertical layout flex arrangement
+     * @example
+     *
+     * ```html
+     * <x-description>
+     *   <x-description-item align="end">end</x-description-item>
+     *   <x-description-item align="center">center</x-description-item>
+     *   <x-description-item align="start">start</x-description-item>
+     * </x-description>
+     * ```
+     *
      */
-    align?: XAlign;
+    readonly align: import("@angular/core").InputSignal<XAlign>;
     /**
      * @zh_CN flex 布局下的子元素排列方向
      * @en_US Child element under the direction of arrangement of the layout flex
+     * @example
+     *
+     * ```html
+     * <x-description>
+     *   <x-description-item direction="column">column</x-description-item>
+     *   <x-description-item direction="column-reverse">column-reverse</x-description-item>
+     *   <x-description-item direction="row">row</x-description-item>
+     *   <x-description-item direction="row-reverse">row-reverse</x-description-item>
+     * </x-description>
+     * ```
+     *
      */
-    direction?: XDirection;
+    readonly direction: import("@angular/core").InputSignal<XDirection>;
     /**
      * @zh_CN 宽度
      * @en_US Width
+     * @example
+     *
+     * ```html
+     * <x-description>
+     *   <x-description-item width="100px">width100</x-description-item>
+     *   <x-description-item width="200px">width200</x-description-item>
+     * </x-description>
+     * ```
+     *
      */
-    width?: string;
+    readonly width: import("@angular/core").InputSignalWithTransform<string, XNumber>;
     /**
      * @zh_CN flex 比重
      * @en_US Flex proportion
+     * @example
+     *
+     * ```html
+     * <x-description>
+     *   <x-description-item flex="1">flex1</x-description-item>
+     *   <x-description-item flex="2">flex2</x-description-item>
+     * </x-description>
+     * ```
+     *
      */
-    flex?: number;
+    readonly flex: import("@angular/core").InputSignalWithTransform<number, XNumber>;
     /**
      * @zh_CN 是否是标题
      * @en_US Whether it is heading
+     * @example
+     *
+     * ```html
+     * <x-description>
+     *   <x-description-item label="name" heading></x-description-item>
+     *   <x-description-item>name1</x-description-item>
+     * </x-description>
+     * ```
+     *
      */
-    heading: XBoolean;
+    readonly heading: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XDescriptionItemProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XDescriptionItemProperty, "x-description-item-property", never, { "gridArea": { "alias": "gridArea"; "required": false; }; "label": { "alias": "label"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "align": { "alias": "align"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "width": { "alias": "width"; "required": false; }; "flex": { "alias": "flex"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XDescriptionItemProperty, "x-description-item-property", never, { "gridArea": { "alias": "gridArea"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "flex": { "alias": "flex"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }
+export {};

package/dialog/dialog-portal.component.d.ts

@@ -1,5 +1,5 @@
 import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
-import { ComponentRef, EmbeddedViewRef, EventEmitter, QueryList, Renderer2 } from '@angular/core';
+import { ComponentRef, EmbeddedViewRef, EventEmitter, Renderer2 } from '@angular/core';
 import { XDialogAnimationEvent, XDialogAnimationState, XDialogRefOption } from './dialog.property';
 import { AnimationEvent } from '@angular/animations';
 import { CdkDrag, CdkDragEnd, CdkDragHandle } from '@angular/cdk/drag-drop';
@@ -7,13 +7,13 @@ import { XDialogRef } from './dialog-ref';
 import { XResizableEvent } from '@ng-nest/ui/resizable';
 import * as i0 from "@angular/core";
 export declare class XDialogPortalComponent extends BasePortalOutlet {
-    private renderer;
     placement?: XDialogAnimationState;
     done({ toState, totalTime }: AnimationEvent): void;
     start({ toState, totalTime }: AnimationEvent): void;
-    portalOutlet: CdkPortalOutlet;
-    dragRef: CdkDrag;
-    handles: QueryList<CdkDragHandle>;
+    renderer: Renderer2;
+    portalOutlet: import("@angular/core").Signal<CdkPortalOutlet>;
+    dragRef: import("@angular/core").Signal<CdkDrag<any>>;
+    handles: import("@angular/core").Signal<readonly CdkDragHandle[]>;
     animationChanged: EventEmitter<XDialogAnimationEvent>;
     option: XDialogRefOption;
     dialogRef: XDialogRef<any>;
@@ -34,7 +34,6 @@ export declare class XDialogPortalComponent extends BasePortalOutlet {
     dialogBox: {
         [key: string]: any;
     };
-    constructor(renderer: Renderer2);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     attachComponentPortal<T>(portal: ComponentPortal<T>): ComponentRef<T>;

package/dialog/dialog-portal.directives.d.ts

@@ -9,7 +9,7 @@ export declare class XDialogCloseDirective {
 export declare class XDialogTitleDirective {
     _has: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<XDialogTitleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<XDialogTitleDirective, "[x-dialog-title]", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XDialogTitleDirective, "[x-dialog-title], x-dialog-title", never, {}, {}, never, never, true, never>;
 }
 export declare class XDialogContentDirective {
     _has: boolean;

package/dialog/dialog.component.d.ts

@@ -1,4 +1,4 @@
-import { OnChanges, SimpleChanges, TemplateRef, OnDestroy, OnInit, AfterViewInit } from '@angular/core';
+import { TemplateRef, OnDestroy, OnInit, AfterViewInit } from '@angular/core';
 import { XConfigService } from '@ng-nest/ui/core';
 import { XDialogOverlayRef, XDialogProperty, XDialogAction } from './dialog.property';
 import { Subscription } from 'rxjs';
@@ -8,19 +8,29 @@ import { CdkDragEnd } from '@angular/cdk/drag-drop';
 import { XResizableEvent } from '@ng-nest/ui/resizable';
 import { XDialogContainerComponent } from './dialog-container.component';
 import * as i0 from "@angular/core";
-export declare class XDialogComponent extends XDialogProperty implements OnInit, AfterViewInit, OnChanges, OnDestroy {
+export declare class XDialogComponent extends XDialogProperty implements OnInit, AfterViewInit, OnDestroy {
+    private renderer;
+    private viewContainerRef;
+    private protalService;
+    private overlay;
+    private i18n;
+    private unSubject;
     get getVisible(): boolean;
-    dialogTpl: TemplateRef<void>;
+    clsName: string;
+    dialogTpl: import("@angular/core").Signal<TemplateRef<void>>;
     dialogRef: XDialogOverlayRef;
     backdropClick$: Subscription;
     scrollStrategy: BlockScrollStrategy;
-    locale: XI18nDialog;
-    overlayElement?: HTMLElement;
+    locale: import("@angular/core").Signal<XI18nDialog | {
+        cancelText: string;
+        confirmText: string;
+    }>;
+    overlayElement: import("@angular/core").WritableSignal<HTMLElement | null>;
     dialogContent?: HTMLElement;
     initHeight?: number | undefined;
     initContentHeight?: number | undefined;
-    isMaximize: boolean;
-    isDefaultMaximize: boolean;
+    isMaximize: import("@angular/core").WritableSignal<boolean>;
+    isDefaultMaximize: import("@angular/core").WritableSignal<boolean>;
     dialogBox: {
         [key: string]: any;
     };
@@ -29,28 +39,25 @@ export declare class XDialogComponent extends XDialogProperty implements OnInit,
         x: number;
         y: number;
     };
-    viewInit: boolean;
+    viewInit: import("@angular/core").WritableSignal<boolean>;
     action: XDialogAction | null;
     containerInit: boolean;
-    private _unSubject;
-    get getCancelText(): string | undefined;
-    get getConfirmText(): string | undefined;
-    get getStyle(): {};
-    private renderer;
-    private elementRef;
-    private cdr;
-    private viewContainerRef;
-    private protalService;
-    private overlay;
-    private i18n;
+    resizableSignal: import("@angular/core").WritableSignal<boolean>;
+    draggableSignal: import("@angular/core").WritableSignal<boolean>;
+    maximizeSignal: import("@angular/core").WritableSignal<boolean>;
+    getCancelText: import("@angular/core").Signal<string | undefined>;
+    getConfirmText: import("@angular/core").Signal<string | undefined>;
+    getStyle: import("@angular/core").Signal<{}>;
     container: XDialogContainerComponent | null;
     configService: XConfigService;
+    styleOffsetLeft: import("@angular/core").WritableSignal<number>;
+    styleOffsetTop: import("@angular/core").WritableSignal<number>;
+    visibleChanged: import("rxjs").Observable<boolean>;
+    draggableChanged: import("rxjs").Observable<boolean>;
+    constructor();
     ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngOnDestroy(): void;
     ngAfterViewInit(): void;
-    unsubscribe(): void;
-    setClassMap(): void;
+    ngOnDestroy(): void;
     setVisible(): void;
     create(): void;
     setWidthHeight(): void;