@ng-nest/ui 12.0.8 → 12.1.1

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

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

@@ -14,9 +14,7 @@ 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;

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

@@ -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;
@@ -37,13 +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;

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

@@ -28,7 +28,7 @@ export declare class XPickerDateComponent extends XPickerDateProperty implements
     nextMonth(num: number): void;
     nextYear(num: number): void;
     typeOnChange(type: XDatePickerType): void;
-    trackByNode(index: number, item: string | Date): string | Date;
+    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

@@ -25,7 +25,7 @@ export declare class XPickerMonthComponent extends XPickerMonthProperty implemen
     setDisplay(date: Date): void;
     nextYear(num: number): void;
     typeOnChange(type: XDatePickerType): void;
-    trackByMonth(index: number, item: Date): Date;
+    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

@@ -21,7 +21,7 @@ export declare class XPickerYearComponent extends XPickerYearProperty implements
     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;
+}

package/drawer/drawer.module.d.ts

@@ -1,12 +1,14 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./drawer.component";
-import * as i2 from "./drawer.property";
-import * as i3 from "@angular/common";
-import * as i4 from "@ng-nest/ui/outlet";
-import * as i5 from "@ng-nest/ui/button";
-import * as i6 from "@ng-nest/ui/portal";
+import * as i2 from "./drawer-container.directives";
+import * as i3 from "./drawer-container.component";
+import * as i4 from "./drawer.property";
+import * as i5 from "@angular/common";
+import * as i6 from "@ng-nest/ui/outlet";
+import * as i7 from "@ng-nest/ui/button";
+import * as i8 from "@ng-nest/ui/portal";
 export declare class XDrawerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<XDrawerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<XDrawerModule, [typeof i1.XDrawerComponent, typeof i2.XDrawerProperty], [typeof i3.CommonModule, typeof i4.XOutletModule, typeof i5.XButtonModule, typeof i6.XPortalModule], [typeof i1.XDrawerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<XDrawerModule, [typeof i1.XDrawerComponent, typeof i2.XDrawerCloseDirective, typeof i2.XDrawerTitleDirective, typeof i2.XDrawerContentDirective, typeof i3.XDrawerContainerComponent, typeof i4.XDrawerProperty], [typeof i5.CommonModule, typeof i6.XOutletModule, typeof i7.XButtonModule, typeof i8.XPortalModule], [typeof i1.XDrawerComponent, typeof i2.XDrawerCloseDirective, typeof i2.XDrawerTitleDirective, typeof i2.XDrawerContentDirective, typeof i3.XDrawerContainerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<XDrawerModule>;
 }

package/drawer/drawer.property.d.ts

@@ -1,5 +1,8 @@
 import { XTemplate, XPosition, XProperty, XBoolean } from '@ng-nest/ui/core';
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, InjectionToken, ViewContainerRef } from '@angular/core';
+import { XPortalOverlayRef } from '@ng-nest/ui/portal';
+import { XDrawerContainerComponent } from './drawer-container.component';
+import { XDrawerRef } from './drawer-ref';
 import * as i0 from "@angular/core";
 /**
  * Drawer
@@ -7,6 +10,8 @@ import * as i0 from "@angular/core";
  * @decorator component
  */
 export declare const XDrawerPrefix = "x-drawer";
+export declare const X_DRAWER_CONFIG_NAME = "drawer";
+export declare const X_DRAWER_DATA: InjectionToken<any>;
 /**
  * Drawer Property
  */
@@ -31,6 +36,21 @@ export declare class XDrawerProperty extends XProperty {
      * @en_US Size, supports fixed value
      */
     size?: string;
+    /**
+     * @zh_CN 点击遮罩关闭
+     * @en_US Click the mask to close
+     */
+    backdropClose: XBoolean;
+    /**
+     * @zh_CN 是否显示背景遮罩
+     * @en_US Whether to display the background mask
+     */
+    hasBackdrop: XBoolean;
+    /**
+     * @zh_CN 自定义样式名
+     * @en_US Custom style name
+     */
+    className: string;
     /**
      * @zh_CN 关闭的事件
      * @en_US Closed event
@@ -42,5 +62,66 @@ export declare class XDrawerProperty extends XProperty {
      */
     visibleChange: EventEmitter<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XDrawerProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XDrawerProperty, "ng-component", never, { "title": "title"; "visible": "visible"; "placement": "placement"; "size": "size"; }, { "close": "close"; "visibleChange": "visibleChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XDrawerProperty, "ng-component", never, { "title": "title"; "visible": "visible"; "placement": "placement"; "size": "size"; "backdropClose": "backdropClose"; "hasBackdrop": "hasBackdrop"; "className": "className"; }, { "close": "close"; "visibleChange": "visibleChange"; }, never, never>;
+}
+/**
+ * Drawer Option
+ */
+export interface XDrawerOption {
+    /**
+     * @zh_CN 展示方向
+     * @en_US Display direction
+     * @default 'right'
+     * @withConfig true
+     */
+    placement?: XPosition;
+    /**
+     * @zh_CN 尺寸，支持固定值
+     * @en_US Size, supports fixed value
+     * @default '30%'
+     * @withConfig true
+     */
+    size?: 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 数据，通过 "@Inject(X_DRAWER_DATA)" 来接收数据
+     * @en_US Data. Receive data by "@Inject(X_DRAWER_DATA)"
+     */
+    data?: any;
+    /**
+     * @en_US 视图容器实例可以包含其他视图容器。
+     * @en_US A view container instance can contain other view containers.
+     */
+    viewContainerRef?: ViewContainerRef;
+}
+/**
+ * @zh_CN 创建的抽屉对象
+ * @en_US Drawer object created
+ */
+export interface XDrawerOverlayRef extends XPortalOverlayRef<XDrawerContainerComponent> {
+    drawerRef?: XDrawerRef<any>;
+}
+export declare type XDrawerAnimationState = XPosition | 'void';
+export interface XDrawerAnimationEvent {
+    state: XDrawerAnimationState;
+    action: 'start' | 'done';
+    totalTime: number;
 }

package/drawer/drawer.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, XDrawerConfig } from '@ng-nest/ui/core';
+import { XPortalService } from '@ng-nest/ui/portal';
+import { XDrawerRef } from './drawer-ref';
+import { XDrawerOption } from './drawer.property';
+import * as i0 from "@angular/core";
+export declare class XDrawerService {
+    portalService: XPortalService;
+    configService: XConfigService;
+    overlay: Overlay;
+    default: XDrawerOption;
+    configDefault?: XDrawerConfig;
+    constructor(portalService: XPortalService, configService: XConfigService, overlay: Overlay);
+    create<T>(content: TemplateRef<any> | ComponentType<T>, option?: XDrawerOption): XDrawerRef<T>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XDrawerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<XDrawerService>;
+}

package/drawer/public-api.d.ts

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

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

@@ -16,9 +16,7 @@ export declare class XDropdownPortalComponent implements OnDestroy {
     done(event: {
         toState: any;
     }): void;
-    start(event: {
-        toState: any;
-    }): void;
+    start(): void;
     data: XDropdownNode[];
     trigger: XDropdownTrigger;
     close: Function;

package/dropdown/dropdown.component.d.ts

@@ -23,9 +23,9 @@ export declare class XDropdownComponent extends XDropdownProperty implements OnC
     animating: boolean;
     outsideClick: boolean;
     minWidth: string | number;
-    hoverDelayUnsub: Subject<unknown>;
+    hoverDelayUnsub: Subject<void>;
     positionChange: Subject<any>;
-    closeSubject: Subject<any>;
+    closeSubject: Subject<void>;
     private _unSubject;
     constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, portalService: XPortalService, viewContainerRef: ViewContainerRef, overlay: Overlay, configService: XConfigService);
     ngOnInit(): void;