@ng-nest/ui 12.0.7 → 12.1.0

package/date-picker/date-picker.property.d.ts

@@ -32,21 +32,6 @@ export declare class XDatePickerProperty extends XControlValueAccessor<any> impl
      * @en_US Display position
      */
     placement?: XCorner;
-    /**
-     * @zh_CN 只读
-     * @en_US Readonly
-     */
-    readonly: XBoolean;
-    /**
-     * @zh_CN 值模板
-     * @en_US Node template
-     */
-    valueTpl?: TemplateRef<any>;
-    /**
-     * @zh_CN 值模板参数
-     * @en_US Node template
-     */
-    valueTplContext: any;
     /**
      * @zh_CN 尺寸
      * @en_US Size
@@ -68,7 +53,7 @@ export declare class XDatePickerProperty extends XControlValueAccessor<any> impl
      */
     nodeEmit: EventEmitter<number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XDatePickerProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XDatePickerProperty, "ng-component", never, { "type": "type"; "format": "format"; "clearable": "clearable"; "placement": "placement"; "readonly": "readonly"; "valueTpl": "valueTpl"; "valueTplContext": "valueTplContext"; "size": "size"; "bordered": "bordered"; "preset": "preset"; }, { "nodeEmit": "nodeEmit"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XDatePickerProperty, "ng-component", never, { "type": "type"; "format": "format"; "clearable": "clearable"; "placement": "placement"; "size": "size"; "bordered": "bordered"; "preset": "preset"; }, { "nodeEmit": "nodeEmit"; }, never, never>;
 }
 /**
  * DatePicker Option
@@ -170,7 +155,7 @@ export declare class XDateRangeProperty extends XControlValueAccessor<any> imple
      * @zh_CN 节点点击的事件
      * @en_US Node click event
      */
-    nodeEmit: EventEmitter<number>;
+    nodeEmit: EventEmitter<number[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XDateRangeProperty, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XDateRangeProperty, "ng-component", never, { "type": "type"; "format": "format"; "clearable": "clearable"; "placement": "placement"; "size": "size"; "bordered": "bordered"; "preset": "preset"; }, { "nodeEmit": "nodeEmit"; }, never, never>;
 }
@@ -228,6 +213,11 @@ export declare const XPickerDatePrefix = "x-picker-date";
  * PickerDate Property
  */
 export declare class XPickerDateProperty extends XProperty {
+    /**
+     * @zh_CN 选择类型
+     * @en_US Select type
+     */
+    type: XDatePickerType;
     /**
      * @zh_CN 显示的日期
      * @en_US Date displayed
@@ -243,6 +233,21 @@ export declare class XPickerDateProperty extends XProperty {
      * @en_US Date display template
      */
     dateTemp?: TemplateRef<any>;
+    /**
+     * @zh_CN 显示切换按钮
+     * @en_US Display switch button
+     */
+    showHeader: XBoolean;
+    /**
+     * @zh_CN 范围选择
+     * @en_US Range picker
+     */
+    rangePicker?: XBoolean;
+    /**
+     * @zh_CN 选择类型
+     * @en_US Select type
+     */
+    typeChange: EventEmitter<XDatePickerType>;
     /**
      * @zh_CN 选中的事件
      * @en_US Selected event
@@ -254,7 +259,7 @@ export declare class XPickerDateProperty extends XProperty {
      */
     rangeChange: EventEmitter<Date[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XPickerDateProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XPickerDateProperty, "ng-component", never, { "display": "display"; "model": "model"; "dateTemp": "dateTemp"; }, { "modelChange": "modelChange"; "rangeChange": "rangeChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XPickerDateProperty, "ng-component", never, { "type": "type"; "display": "display"; "model": "model"; "dateTemp": "dateTemp"; "showHeader": "showHeader"; "rangePicker": "rangePicker"; }, { "typeChange": "typeChange"; "modelChange": "modelChange"; "rangeChange": "rangeChange"; }, never, never>;
 }
 /**
  * PickerMonth
@@ -266,6 +271,11 @@ export declare const XPickerMonthPrefix = "x-picker-month";
  * PickerMonth Property
  */
 export declare class XPickerMonthProperty extends XProperty {
+    /**
+     * @zh_CN 选择类型
+     * @en_US Select type
+     */
+    type: XDatePickerType;
     /**
      * @zh_CN 显示的日期
      * @en_US Date displayed
@@ -281,18 +291,28 @@ export declare class XPickerMonthProperty extends XProperty {
      * @en_US Month display template
      */
     monthTemp?: TemplateRef<any>;
+    /**
+     * @zh_CN 显示切换按钮
+     * @en_US Display switch button
+     */
+    showHeader: XBoolean;
     /**
      * @zh_CN 选中的事件
      * @en_US Selected event
      */
     modelChange: EventEmitter<Date>;
+    /**
+     * @zh_CN 选择类型
+     * @en_US Select type
+     */
+    typeChange: EventEmitter<XDatePickerType>;
     /**
      * @zh_CN 范围变化的事件
      * @en_US Scope change event
      */
     rangeChange: EventEmitter<Date[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XPickerMonthProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XPickerMonthProperty, "ng-component", never, { "display": "display"; "model": "model"; "monthTemp": "monthTemp"; }, { "modelChange": "modelChange"; "rangeChange": "rangeChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XPickerMonthProperty, "ng-component", never, { "type": "type"; "display": "display"; "model": "model"; "monthTemp": "monthTemp"; "showHeader": "showHeader"; }, { "modelChange": "modelChange"; "typeChange": "typeChange"; "rangeChange": "rangeChange"; }, never, never>;
 }
 /**
  * PickerYear
@@ -304,6 +324,11 @@ export declare const XPickerYearPrefix = "x-picker-year";
  * PickerYear Property
  */
 export declare class XPickerYearProperty extends XProperty {
+    /**
+     * @zh_CN 选择类型
+     * @en_US Select type
+     */
+    type: XDatePickerType;
     /**
      * @zh_CN 显示的日期
      * @en_US Date displayed
@@ -314,16 +339,26 @@ export declare class XPickerYearProperty extends XProperty {
      * @en_US Selected date
      */
     model?: Date;
+    /**
+     * @zh_CN 显示切换按钮
+     * @en_US Display switch button
+     */
+    showHeader: XBoolean;
     /**
      * @zh_CN 选中的事件
      * @en_US Selected event
      */
     modelChange: EventEmitter<Date>;
+    /**
+     * @zh_CN 选择类型
+     * @en_US Select type
+     */
+    typeChange: EventEmitter<XDatePickerType>;
     /**
      * @zh_CN 开始年份变化的事件
      * @en_US Start year change event
      */
     startChange: EventEmitter<number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XPickerYearProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XPickerYearProperty, "ng-component", never, { "display": "display"; "model": "model"; }, { "modelChange": "modelChange"; "startChange": "startChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XPickerYearProperty, "ng-component", never, { "type": "type"; "display": "display"; "model": "model"; "showHeader": "showHeader"; }, { "modelChange": "modelChange"; "typeChange": "typeChange"; "startChange": "startChange"; }, never, never>;
 }

package/date-picker/date-range-portal.component.d.ts

@@ -14,20 +14,24 @@ export declare class XDateRangePortalComponent implements OnInit, OnDestroy, Aft
     done(event: {
         toState: any;
     }): void;
-    start(event: {
-        toState: any;
-    }): void;
+    start(): void;
     type: XDatePickerType;
     display: Date;
     model: Date;
+    startModel: Date;
+    endModel: Date;
     startYear: number;
-    value: any;
-    valueChange: Subject<any>;
+    startDisplay: Date;
+    endDisplay: Date;
+    value: number[];
+    valueChange: Subject<number[]>;
     positionChange: Subject<any>;
     animating: Function;
     closePortal: Function;
     destroyPortal: Function;
-    nodeEmit: (date: Date, sure?: boolean) => void;
+    nodeEmit: (date: Date[], sure?: boolean) => void;
+    startNodeEmit: (date: Date) => void;
+    endNodeEmit: (date: Date) => void;
     locale: XI18nDatePicker;
     time: number;
     preset: XDatePickerPreset[];

package/date-picker/date-range.component.d.ts

@@ -2,7 +2,7 @@ import { XPortalService, XPortalOverlayRef } from '@ng-nest/ui/portal';
 import { Subject } from 'rxjs';
 import { OnInit, ChangeDetectorRef, Renderer2, ElementRef, OnChanges, ViewContainerRef, SimpleChanges } from '@angular/core';
 import { XDatePickerModelType, XDateRangeProperty } from './date-picker.property';
-import { XConfigService } from '@ng-nest/ui/core';
+import { XConfigService, XBoolean } from '@ng-nest/ui/core';
 import { XInputGroupComponent } from '@ng-nest/ui/input';
 import { DatePipe } from '@angular/common';
 import { Overlay, OverlayConfig } from '@angular/cdk/overlay';
@@ -11,7 +11,6 @@ import * as i0 from "@angular/core";
 export declare class XDateRangeComponent extends XDateRangeProperty implements OnInit, OnChanges {
     renderer: Renderer2;
     configService: XConfigService;
-    private elementRef;
     private cdr;
     private portalService;
     private viewContainerRef;
@@ -20,15 +19,14 @@ export declare class XDateRangeComponent extends XDateRangeProperty implements O
     dateRange: ElementRef;
     inputGroup: XInputGroupComponent;
     modelType: XDatePickerModelType;
-    numberValue: number | string;
+    numberValue: number[];
     isInput: boolean;
-    isFocus: boolean;
     get getRequired(): boolean | "";
     writeValue(value: any): void;
     enter: boolean;
     inputClearable: boolean;
     animating: boolean;
-    displayValue: any;
+    displayValue: string[];
     portal: XPortalOverlayRef<XDateRangePortalComponent>;
     icon: string;
     box: DOMRect;
@@ -38,9 +36,13 @@ export declare class XDateRangeComponent extends XDateRangeProperty implements O
     valueChange: Subject<any>;
     dataChange: Subject<any>;
     positionChange: Subject<any>;
-    closeSubject: Subject<any>;
+    closeSubject: Subject<void>;
+    startDisplay: string | number;
+    endDisplay: string | number;
+    startActive: XBoolean;
+    endActive: XBoolean;
     private _unSubject;
-    constructor(renderer: Renderer2, configService: XConfigService, elementRef: ElementRef, cdr: ChangeDetectorRef, portalService: XPortalService, viewContainerRef: ViewContainerRef, datePipe: DatePipe, overlay: Overlay);
+    constructor(renderer: Renderer2, configService: XConfigService, cdr: ChangeDetectorRef, portalService: XPortalService, viewContainerRef: ViewContainerRef, datePipe: DatePipe, overlay: Overlay);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -51,16 +53,18 @@ export declare class XDateRangeComponent extends XDateRangeProperty implements O
     mleave(): void;
     clearEmit(): void;
     modelChange(): void;
-    getValue(): string | number | Date | null;
+    getValue(): number[] | Date[] | (string | null)[];
     portalAttached(): boolean | undefined;
     closePortal(): boolean;
     destroyPortal(): void;
-    showPortal(): void;
+    showPortal($event: Event, type?: 'start' | 'end'): void;
     setPosition(config: OverlayConfig): void;
     setInstance(): void;
-    onNodeClick(date: Date, sure?: boolean): void;
+    startNodeClick(node: Date): void;
+    endNodeClick(node: Date): void;
+    onNodeClick(dates: Date[], sure?: boolean): void;
     onInput(): void;
-    setDisplayValue(dateNumber: number | string): void;
+    setDisplayValue(dateNumber: number[]): void;
     setPlacement(): import("@angular/cdk/overlay").PositionStrategy;
     setPortal(): void;
     setClassMap(): void;

package/date-picker/picker-date.component.d.ts

@@ -1,25 +1,34 @@
 import { ChangeDetectorRef, Renderer2, OnChanges, SimpleChanges } from '@angular/core';
 import { XConfigService } from '@ng-nest/ui/core';
-import { XPickerDateProperty } from './date-picker.property';
-import { XI18nService } from '@ng-nest/ui/i18n';
+import { XDatePickerType, XPickerDateProperty } from './date-picker.property';
+import { XI18nDatePicker, XI18nService } from '@ng-nest/ui/i18n';
+import { DatePipe, LowerCasePipe } from '@angular/common';
 import * as i0 from "@angular/core";
 export declare class XPickerDateComponent extends XPickerDateProperty implements OnChanges {
     renderer: Renderer2;
+    datePipe: DatePipe;
+    lowerCasePipe: LowerCasePipe;
     cdr: ChangeDetectorRef;
     configService: XConfigService;
     i18n: XI18nService;
     titles: string[];
     now: Date;
     dates: Date[][];
+    locale: XI18nDatePicker;
     private _unSubject;
-    constructor(renderer: Renderer2, cdr: ChangeDetectorRef, configService: XConfigService, i18n: XI18nService);
+    constructor(renderer: Renderer2, datePipe: DatePipe, lowerCasePipe: LowerCasePipe, cdr: ChangeDetectorRef, configService: XConfigService, i18n: XI18nService);
     ngOnInit(): void;
     ngOnChanges(simples: SimpleChanges): void;
     ngOnDestory(): void;
     init(): void;
     setDays(date: Date): void;
     dateClick(date: Date): void;
-    trackByNode(index: number, item: string | Date): string | Date;
+    getLocaleMonth(date: Date): any;
+    setDisplay(date: Date): void;
+    nextMonth(num: number): void;
+    nextYear(num: number): void;
+    typeOnChange(type: XDatePickerType): void;
+    trackByNode(_index: number, item: string | Date): string | Date;
     static ɵfac: i0.ɵɵFactoryDeclaration<XPickerDateComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XPickerDateComponent, "x-picker-date", never, {}, {}, never, never>;
 }

package/date-picker/picker-month.component.d.ts

@@ -1,6 +1,6 @@
 import { ChangeDetectorRef, Renderer2, OnChanges, SimpleChanges } from '@angular/core';
 import { XConfigService } from '@ng-nest/ui/core';
-import { XPickerMonthProperty } from './date-picker.property';
+import { XDatePickerType, XPickerMonthProperty } from './date-picker.property';
 import { DatePipe, LowerCasePipe } from '@angular/common';
 import { XI18nDatePicker, XI18nService } from '@ng-nest/ui/i18n';
 import * as i0 from "@angular/core";
@@ -19,10 +19,13 @@ export declare class XPickerMonthComponent extends XPickerMonthProperty implemen
     ngOnInit(): void;
     ngOnChanges(simples: SimpleChanges): void;
     init(): void;
-    setMonths(): void;
+    setMonths(date: Date): void;
     monthClick(date: Date): void;
     getLocaleMonth(date: Date): any;
-    trackByMonth(index: number, item: Date): Date;
+    setDisplay(date: Date): void;
+    nextYear(num: number): void;
+    typeOnChange(type: XDatePickerType): void;
+    trackByMonth(_index: number, item: Date): Date;
     static ɵfac: i0.ɵɵFactoryDeclaration<XPickerMonthComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XPickerMonthComponent, "x-picker-month", never, {}, {}, never, never>;
 }

package/date-picker/picker-year.component.d.ts

@@ -15,11 +15,13 @@ export declare class XPickerYearComponent extends XPickerYearProperty implements
     constructor(renderer: Renderer2, cdr: ChangeDetectorRef, datePipe: DatePipe, configService: XConfigService);
     ngOnChanges(simples: SimpleChanges): void;
     init(): void;
-    setYears(): void;
+    setYears(date: Date): void;
     yearClick(date: Date): void;
     lastOrNext(year: Date): boolean;
+    setDisplay(date: Date): void;
+    nextYears(num: number): void;
     equalYear(one: Date, two: Date): boolean;
-    trackByYear(index: number, item: Date): Date;
+    trackByYear(_index: number, item: Date): Date;
     static ɵfac: i0.ɵɵFactoryDeclaration<XPickerYearComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XPickerYearComponent, "x-picker-year", never, {}, {}, never, never>;
 }

package/description/description.component.d.ts

@@ -1,14 +1,12 @@
-import { Renderer2, ElementRef, QueryList, SimpleChanges } from '@angular/core';
+import { QueryList, SimpleChanges } 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 {
-    private renderer;
-    private elementRef;
     configService: XConfigService;
     items: QueryList<XDescriptionItemComponent>;
-    constructor(renderer: Renderer2, elementRef: ElementRef, configService: XConfigService);
+    constructor(configService: XConfigService);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;

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

@@ -0,0 +1,18 @@
+import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
+import { ComponentRef, EmbeddedViewRef, EventEmitter } from '@angular/core';
+import { XDialogAnimationEvent, XDialogAnimationState } from './dialog.property';
+import { AnimationEvent } from '@angular/animations';
+import * as i0 from "@angular/core";
+export declare class XDialogContainerComponent extends BasePortalOutlet {
+    _has: boolean;
+    placement?: XDialogAnimationState;
+    done({ toState, totalTime }: AnimationEvent): void;
+    start({ toState, totalTime }: AnimationEvent): void;
+    portalOutlet: CdkPortalOutlet;
+    animationChanged: EventEmitter<XDialogAnimationEvent>;
+    constructor();
+    attachComponentPortal<T>(portal: ComponentPortal<T>): ComponentRef<T>;
+    attachTemplatePortal<C>(portal: TemplatePortal<C>): EmbeddedViewRef<C>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDialogContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XDialogContainerComponent, "x-dialog-container", never, {}, {}, never, never>;
+}

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

@@ -0,0 +1,24 @@
+import { XDialogRef } from './dialog-ref';
+import * as i0 from "@angular/core";
+export declare class XDialogCloseDirective {
+    dialogRef: XDialogRef<any>;
+    onCloseClick(): void;
+    constructor(dialogRef: XDialogRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDialogCloseDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XDialogCloseDirective, "[x-dialog-close]", never, {}, {}, never>;
+}
+export declare class XDialogTitleDirective {
+    _has: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDialogTitleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XDialogTitleDirective, "[x-dialog-title]", never, {}, {}, never>;
+}
+export declare class XDialogContentDirective {
+    _has: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDialogContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XDialogContentDirective, "[x-dialog-content], x-dialog-content", never, {}, {}, never>;
+}
+export declare class XDialogActionsDirective {
+    _has: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDialogActionsDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XDialogActionsDirective, "[x-dialog-actions], x-dialog-actions", never, {}, {}, never>;
+}

package/dialog/dialog-ref.d.ts

@@ -0,0 +1,9 @@
+import { OverlayRef } from '@angular/cdk/overlay';
+import { XDialogContainerComponent } from './dialog-container.component';
+export declare class XDialogRef<C> {
+    overlayRef: OverlayRef;
+    containerInstance: XDialogContainerComponent;
+    componentInstance: C;
+    constructor(overlayRef: OverlayRef, containerInstance: XDialogContainerComponent);
+    close(): void;
+}

package/dialog/dialog.module.d.ts

@@ -1,17 +1,19 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./dialog.component";
-import * as i2 from "./dialog.property";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/forms";
-import * as i5 from "@angular/cdk/drag-drop";
-import * as i6 from "@ng-nest/ui/input";
-import * as i7 from "@ng-nest/ui/button";
-import * as i8 from "@ng-nest/ui/icon";
-import * as i9 from "@ng-nest/ui/portal";
-import * as i10 from "@ng-nest/ui/alert";
-import * as i11 from "@ng-nest/ui/outlet";
+import * as i2 from "./dialog-container.directives";
+import * as i3 from "./dialog-container.component";
+import * as i4 from "./dialog.property";
+import * as i5 from "@angular/common";
+import * as i6 from "@angular/forms";
+import * as i7 from "@angular/cdk/drag-drop";
+import * as i8 from "@ng-nest/ui/input";
+import * as i9 from "@ng-nest/ui/button";
+import * as i10 from "@ng-nest/ui/icon";
+import * as i11 from "@ng-nest/ui/portal";
+import * as i12 from "@ng-nest/ui/alert";
+import * as i13 from "@ng-nest/ui/outlet";
 export declare class XDialogModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<XDialogModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<XDialogModule, [typeof i1.XDialogComponent, typeof i2.XDialogProperty], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.DragDropModule, typeof i6.XInputModule, typeof i7.XButtonModule, typeof i8.XIconModule, typeof i9.XPortalModule, typeof i10.XAlertModule, typeof i11.XOutletModule], [typeof i1.XDialogComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<XDialogModule, [typeof i1.XDialogComponent, typeof i2.XDialogCloseDirective, typeof i2.XDialogTitleDirective, typeof i2.XDialogContentDirective, typeof i2.XDialogActionsDirective, typeof i3.XDialogContainerComponent, typeof i4.XDialogProperty], [typeof i5.CommonModule, typeof i6.FormsModule, typeof i6.ReactiveFormsModule, typeof i7.DragDropModule, typeof i8.XInputModule, typeof i9.XButtonModule, typeof i10.XIconModule, typeof i11.XPortalModule, typeof i12.XAlertModule, typeof i13.XOutletModule], [typeof i1.XDialogComponent, typeof i2.XDialogCloseDirective, typeof i2.XDialogTitleDirective, typeof i2.XDialogContentDirective, typeof i2.XDialogActionsDirective, typeof i3.XDialogContainerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<XDialogModule>;
 }

package/dialog/dialog.property.d.ts

@@ -1,8 +1,9 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, ViewContainerRef, InjectionToken } from '@angular/core';
 import { XStatus, XPlace, XTemplate, XEffect, XBoolean } from '@ng-nest/ui/core';
 import { XAlertProperty, XAlertOption } from '@ng-nest/ui/alert';
 import { XPortalOverlayRef } from '@ng-nest/ui/portal';
 import { XDialogComponent } from './dialog.component';
+import { XDialogContainerComponent } from './dialog-container.component';
 import * as i0 from "@angular/core";
 /**
  * Dialog
@@ -10,7 +11,9 @@ import * as i0 from "@angular/core";
  * @decorator component
  */
 export declare const XDialogPrefix = "x-dialog";
+export declare const X_DIALOG_CONFIG_NAME = "dialog";
 export declare const XDialogPortal = "x-dialog-portal";
+export declare const X_DIALOG_DATA: InjectionToken<any>;
 /**
  * Dialog Property
  */
@@ -217,19 +220,94 @@ export interface XDialogOption extends XAlertOption {
      */
     beforeClose?: Function;
 }
+/**
+ * Dialog option by service
+ */
+export interface XDialogRefOption {
+    /**
+     * @zh_CN 展示方向
+     * @en_US Display direction
+     * @default 'center'
+     * @withConfig true
+     */
+    placement?: XPlace;
+    /**
+     * @zh_CN 偏移距离
+     * @en_US Offset distance
+     * @default '1rem'
+     * @withConfig true
+     */
+    offset?: string;
+    /**
+     * @zh_CN 宽度
+     * @en_US Width
+     * @default '32rem'
+     * @withConfig true
+     */
+    width?: string;
+    /**
+     * @zh_CN 高度
+     * @en_US Height
+     */
+    height?: string;
+    /**
+     * @zh_CN 自定义样式名
+     * @en_US Custom style name
+     */
+    className?: string;
+    /**
+     * @zh_CN 点击遮罩关闭
+     * @en_US Click the mask to close
+     * @default true
+     * @withConfig true
+     */
+    backdropClose?: boolean;
+    /**
+     * @zh_CN 是否显示背景遮罩
+     * @en_US Whether to display the background mask
+     * @default true
+     * @withConfig true
+     */
+    hasBackdrop?: boolean;
+    /**
+     * @zh_CN 拖动对话框
+     * @en_US Drag dialog
+     * @default false
+     * @withConfig true
+     */
+    draggable?: boolean;
+    /**
+     * @zh_CN 数据，通过 "@Inject(X_DIALOG_DATA)" 来接收数据
+     * @en_US Data. Receive data by "@Inject(X_DIALOG_DATA)"
+     */
+    data?: any;
+    /**
+     * @en_US 视图容器实例可以包含其他视图容器。
+     * @en_US A view container instance can contain other view containers.
+     */
+    viewContainerRef?: ViewContainerRef;
+}
+export declare type XDialogAnimationState = XPlace | 'void';
+export interface XDialogAnimationEvent {
+    state: XDialogAnimationState;
+    action: 'start' | 'done';
+    totalTime: number;
+}
 export interface XDialogCallback {
     (action: XDialogAction, message?: string): void;
 }
 export declare type XDialogAction = 'confirm' | 'cancel';
 /**
- * @zh_CN 创建的消息对象
- * @en_US Message object created
+ * @zh_CN 创建的弹框对象
+ * @en_US Dialog object created
  */
 export interface XDialogOverlayRef extends XPortalOverlayRef<XDialogComponent> {
 }
-export interface XDialogRef {
-    ref?: XDialogOverlayRef;
-    input?: XDialogProperty;
+/**
+ * @zh_CN 创建的弹框对象，通过服务
+ * @en_US Dialog object created by service
+ */
+export interface XDialogContainerOverlayRef extends XPortalOverlayRef<XDialogContainerComponent> {
 }
 /**
  * @zh_CN 类型

package/dialog/dialog.service.d.ts

@@ -0,0 +1,19 @@
+import { Overlay } from '@angular/cdk/overlay';
+import { ComponentType } from '@angular/cdk/portal';
+import { TemplateRef } from '@angular/core';
+import { XConfigService, XDialogConfig } from '@ng-nest/ui/core';
+import { XPortalService } from '@ng-nest/ui/portal';
+import { XDialogRef } from './dialog-ref';
+import { XDialogRefOption } from './dialog.property';
+import * as i0 from "@angular/core";
+export declare class XDialogService {
+    portalService: XPortalService;
+    configService: XConfigService;
+    overlay: Overlay;
+    default: XDialogRefOption;
+    configDefault?: XDialogConfig;
+    constructor(portalService: XPortalService, configService: XConfigService, overlay: Overlay);
+    create<T>(content: TemplateRef<any> | ComponentType<T>, option?: XDialogRefOption): XDialogRef<T>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDialogService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<XDialogService>;
+}

package/dialog/public-api.d.ts

@@ -1,3 +1,7 @@
 export * from './dialog.component';
+export * from './dialog-container.component';
+export * from './dialog-container.directives';
 export * from './dialog.module';
 export * from './dialog.property';
+export * from './dialog.service';
+export * from './dialog-ref';

package/drawer/drawer-container.component.d.ts

@@ -0,0 +1,18 @@
+import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
+import { ComponentRef, EmbeddedViewRef, EventEmitter } from '@angular/core';
+import { XDrawerAnimationEvent, XDrawerAnimationState } from './drawer.property';
+import { AnimationEvent } from '@angular/animations';
+import * as i0 from "@angular/core";
+export declare class XDrawerContainerComponent extends BasePortalOutlet {
+    _has: boolean;
+    placement?: XDrawerAnimationState;
+    done({ toState, totalTime }: AnimationEvent): void;
+    start({ toState, totalTime }: AnimationEvent): void;
+    portalOutlet: CdkPortalOutlet;
+    animationChanged: EventEmitter<XDrawerAnimationEvent>;
+    constructor();
+    attachComponentPortal<T>(portal: ComponentPortal<T>): ComponentRef<T>;
+    attachTemplatePortal<C>(portal: TemplatePortal<C>): EmbeddedViewRef<C>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDrawerContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XDrawerContainerComponent, "x-drawer-container", never, {}, {}, never, never>;
+}

package/drawer/drawer-container.directives.d.ts

@@ -0,0 +1,19 @@
+import { XDrawerRef } from './drawer-ref';
+import * as i0 from "@angular/core";
+export declare class XDrawerCloseDirective {
+    drawerRef: XDrawerRef<any>;
+    onCloseClick(): void;
+    constructor(drawerRef: XDrawerRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDrawerCloseDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XDrawerCloseDirective, "[x-drawer-close]", never, {}, {}, never>;
+}
+export declare class XDrawerTitleDirective {
+    _has: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDrawerTitleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XDrawerTitleDirective, "[x-drawer-title]", never, {}, {}, never>;
+}
+export declare class XDrawerContentDirective {
+    _has: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDrawerContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XDrawerContentDirective, "[x-drawer-content], x-drawer-content", never, {}, {}, never>;
+}

package/drawer/drawer-ref.d.ts

@@ -0,0 +1,9 @@
+import { OverlayRef } from '@angular/cdk/overlay';
+import { XDrawerContainerComponent } from './drawer-container.component';
+export declare class XDrawerRef<C> {
+    overlayRef: OverlayRef;
+    containerInstance: XDrawerContainerComponent;
+    componentInstance: C;
+    constructor(overlayRef: OverlayRef, containerInstance: XDrawerContainerComponent);
+    close(): void;
+}