@ng-nest/ui 17.0.11 → 18.0.0

package/dialog/dialog.property.d.ts

@@ -1,9 +1,9 @@
-import { EventEmitter, ViewContainerRef, InjectionToken } from '@angular/core';
-import { XStatus, XPlace, XTemplate, XEffect, XBoolean, XProperty } from '@ng-nest/ui/core';
-import { XAlertProperty, XAlertOption } from '@ng-nest/ui/alert';
+import { ViewContainerRef, InjectionToken } from '@angular/core';
+import { XProperty } from '@ng-nest/ui/core';
 import { XPortalOverlayRef } from '@ng-nest/ui/portal';
 import { XDialogComponent } from './dialog.component';
 import { XDialogPortalComponent } from './dialog-portal.component';
+import type { XStatus, XPlace, XTemplate, XEffect, XBoolean, XNumber } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 /**
  * Dialog
@@ -14,243 +14,177 @@ export declare const XDialogPrefix = "x-dialog";
 export declare const X_DIALOG_CONFIG_NAME = "dialog";
 export declare const XDialogContainer = "x-dialog-overlay";
 export declare const X_DIALOG_DATA: InjectionToken<any>;
+declare const XDialogProperty_base: new () => {
+    config: import("@ng-nest/ui/core").XDialogConfig | undefined;
+};
 /**
  * Dialog Property
  */
-export declare class XDialogProperty extends XAlertProperty {
-    visible: boolean;
+export declare class XDialogProperty extends XDialogProperty_base {
+    /**
+     * @zh_CN 标题
+     * @en_US Title
+     */
+    readonly title: import("@angular/core").InputSignal<XTemplate | undefined>;
+    /**
+     * @zh_CN 显示/隐藏
+     * @en_US Show/hide
+     */
+    readonly visible: import("@angular/core").ModelSignal<boolean>;
     /**
      * @zh_CN 方位，九宫格
      * @en_US Direction, nine grid
      */
-    placement: XPlace;
+    readonly placement: import("@angular/core").InputSignal<XPlace>;
     /**
      * @zh_CN 偏移距离
      * @en_US Offset distance
      */
-    offset: string;
+    readonly offset: import("@angular/core").InputSignalWithTransform<string, XNumber>;
     /**
      * @zh_CN 类型
      * @en_US Types of
      */
-    type: XDialogType;
+    readonly type: import("@angular/core").InputSignal<XStatus>;
+    /**
+     * @zh_CN 隐藏关闭按钮
+     * @en_US Hide close button
+     */
+    readonly hideClose: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 使用文本关闭按钮
+     * @en_US Use the text to close button
+     */
+    readonly closeText: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * @zh_CN 调整弹框的大小
+     * @en_US Adjust the size of the box
+     */
+    readonly resizable: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 开启 resizable 调整大小，偏移屏幕左边
+     * @en_US Open the resizable resize, offset screen left
+     */
+    readonly offsetLeft: import("@angular/core").InputSignalWithTransform<number, XNumber>;
+    /**
+     * @zh_CN 开启 resizable 调整大小，偏移屏幕顶部
+     * @en_US Open the resizable resize, offset screen top
+     */
+    readonly offsetTop: import("@angular/core").InputSignalWithTransform<number, XNumber>;
     /**
      * @zh_CN 宽度
      * @en_US Width
      */
-    width?: string;
+    readonly width: import("@angular/core").InputSignalWithTransform<string, XNumber>;
     /**
      * @zh_CN 高度
      * @en_US Height
      */
-    height?: string;
+    readonly height: import("@angular/core").InputSignalWithTransform<string, XNumber>;
     /**
      * @zh_CN 最小宽度
      * @en_US Min width
      */
-    minWidth?: string;
+    readonly minWidth: import("@angular/core").InputSignalWithTransform<string, XNumber>;
     /**
      * @zh_CN 最小高度
      * @en_US Min height
      */
-    minHeight?: string;
+    readonly minHeight: import("@angular/core").InputSignalWithTransform<string, XNumber>;
     /**
      * @zh_CN 样式主题
      * @en_US Style theme
      */
-    effect: XEffect;
+    readonly effect: import("@angular/core").InputSignal<XEffect>;
     /**
      * @zh_CN 底部自定义模板
      * @en_US Custom template at the bottom
      */
-    footer?: XTemplate;
+    readonly footer: import("@angular/core").InputSignal<XTemplate | undefined>;
     /**
      * @zh_CN 显示取消按钮
      * @en_US Show cancel button
      */
-    showCancel: XBoolean;
+    readonly showCancel: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 取消按钮文字
      * @en_US Cancel button text
      * @default '取消'
      */
-    cancelText?: string;
+    readonly cancelText: import("@angular/core").InputSignal<string>;
     /**
      * @zh_CN 显示确认按钮
      * @en_US Show confirmation button
      */
-    showConfirm: XBoolean;
+    readonly showConfirm: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 确认按钮文字
      * @en_US Confirm button text
      * @default '确认'
      */
-    confirmText?: string;
+    readonly confirmText: import("@angular/core").InputSignal<string>;
     /**
      * @zh_CN 点击遮罩关闭
      * @en_US Click the mask to close
      */
-    backdropClose: XBoolean;
+    readonly backdropClose: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 是否显示背景遮罩
      * @en_US Whether to display the background mask
      */
-    hasBackdrop: XBoolean;
+    readonly hasBackdrop: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 自定义样式名
      * @en_US Custom style name
      */
-    className: string;
+    readonly className: import("@angular/core").InputSignal<string>;
     /**
      * @zh_CN 按钮居中
      * @en_US Button center
      */
-    buttonsCenter?: XBoolean;
+    readonly buttonsCenter: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 拖动对话框
      * @en_US Drag dialog
      */
-    draggable?: XBoolean;
-    /**
-     * @zh_CN 调整弹框的大小
-     * @en_US Adjust the size of the box
-     */
-    resizable?: XBoolean;
+    readonly draggable: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 最大化弹出框按钮，当启用 resizable 时也会显示
      * @en_US Maximize the bullet box button, Will also display when resizable is enabled
      */
-    maximize?: XBoolean;
+    readonly maximize: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 关闭前处理函数
      * @en_US Processing function before closing
      */
-    beforeClose: (action: XDialogAction) => void;
+    readonly beforeClose: import("@angular/core").InputSignal<((action: XDialogAction) => void) | undefined>;
     /**
      * @zh_CN 取消按钮的事件
      * @en_US Cancel button event
      */
-    cancel: EventEmitter<any>;
+    readonly cancel: import("@angular/core").OutputEmitterRef<void>;
     /**
      * @zh_CN 确认按钮的事件
      * @en_US Confirm button event
      */
-    confirm: EventEmitter<any>;
+    readonly confirm: import("@angular/core").OutputEmitterRef<void>;
     /**
      * @zh_CN 确认按钮的事件
      * @en_US Confirm button event
      */
-    close: EventEmitter<any>;
-    /**
-     * @zh_CN 显示/隐藏改变事件
-     * @en_US Show/hide change events
-     */
-    visibleChange: EventEmitter<boolean>;
+    readonly close: import("@angular/core").OutputEmitterRef<void>;
     /**
      * @zh_CN 弹出完成动画加载
      * @en_US Pop up complete animation loading
      */
-    showDone: EventEmitter<any>;
+    readonly showDone: import("@angular/core").OutputEmitterRef<any>;
     /**
      * @zh_CN 关闭完成动画
      * @en_US Close complete animation
      */
-    closeDone: EventEmitter<any>;
+    readonly closeDone: import("@angular/core").OutputEmitterRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XDialogProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XDialogProperty, "x-dialog-property", never, { "visible": { "alias": "visible"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "type": { "alias": "type"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; "effect": { "alias": "effect"; "required": false; }; "footer": { "alias": "footer"; "required": false; }; "showCancel": { "alias": "showCancel"; "required": false; }; "cancelText": { "alias": "cancelText"; "required": false; }; "showConfirm": { "alias": "showConfirm"; "required": false; }; "confirmText": { "alias": "confirmText"; "required": false; }; "backdropClose": { "alias": "backdropClose"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "className": { "alias": "className"; "required": false; }; "buttonsCenter": { "alias": "buttonsCenter"; "required": false; }; "draggable": { "alias": "draggable"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "maximize": { "alias": "maximize"; "required": false; }; "beforeClose": { "alias": "beforeClose"; "required": false; }; }, { "cancel": "cancel"; "confirm": "confirm"; "close": "close"; "visibleChange": "visibleChange"; "showDone": "showDone"; "closeDone": "closeDone"; }, never, never, false, never>;
-}
-export interface XDialogOption extends XAlertOption {
-    visible?: boolean;
-    /**
-     * @zh_CN 方位，九宫格
-     * @en_US Direction, nine grid
-     */
-    placement?: XPlace;
-    /**
-     * @zh_CN 偏移距离
-     * @en_US Offset distance
-     */
-    offset?: string;
-    /**
-     * @zh_CN 类型
-     * @en_US Types of
-     */
-    type?: XDialogType;
-    /**
-     * @zh_CN 宽度
-     * @en_US Width
-     */
-    width?: string;
-    /**
-     * @zh_CN 高度
-     * @en_US Height
-     */
-    height?: string;
-    /**
-     * @zh_CN 样式主题
-     * @en_US Style theme
-     */
-    effect?: XEffect;
-    /**
-     * @zh_CN 底部自定义模板
-     * @en_US Custom template at the bottom
-     */
-    footer?: XTemplate;
-    /**
-     * @zh_CN 显示取消按钮
-     * @en_US Show cancel button
-     */
-    showCancel?: XBoolean;
-    /**
-     * @zh_CN 取消按钮文字
-     * @en_US Cancel button text
-     */
-    cancelText?: string;
-    /**
-     * @zh_CN 显示确认按钮
-     * @en_US Show confirmation button
-     */
-    showConfirm?: XBoolean;
-    /**
-     * @zh_CN 确认按钮文字
-     * @en_US Confirm button text
-     */
-    confirmText?: 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 Button center
-     */
-    buttonsCenter?: XBoolean;
-    /**
-     * @zh_CN 拖动对话框
-     * @en_US Drag dialog
-     */
-    draggable?: boolean;
-    /**
-     * @zh_CN 调整弹框的大小
-     * @en_US Adjust the size of the box
-     */
-    resizable?: boolean;
-    /**
-     * @zh_CN 关闭前处理函数
-     * @en_US Processing function before closing
-     */
-    beforeClose?: (action: XDialogAction) => void;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XDialogProperty, "x-dialog-property", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "hideClose": { "alias": "hideClose"; "required": false; "isSignal": true; }; "closeText": { "alias": "closeText"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "offsetLeft": { "alias": "offsetLeft"; "required": false; "isSignal": true; }; "offsetTop": { "alias": "offsetTop"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "effect": { "alias": "effect"; "required": false; "isSignal": true; }; "footer": { "alias": "footer"; "required": false; "isSignal": true; }; "showCancel": { "alias": "showCancel"; "required": false; "isSignal": true; }; "cancelText": { "alias": "cancelText"; "required": false; "isSignal": true; }; "showConfirm": { "alias": "showConfirm"; "required": false; "isSignal": true; }; "confirmText": { "alias": "confirmText"; "required": false; "isSignal": true; }; "backdropClose": { "alias": "backdropClose"; "required": false; "isSignal": true; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "buttonsCenter": { "alias": "buttonsCenter"; "required": false; "isSignal": true; }; "draggable": { "alias": "draggable"; "required": false; "isSignal": true; }; "maximize": { "alias": "maximize"; "required": false; "isSignal": true; }; "beforeClose": { "alias": "beforeClose"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "cancel": "cancel"; "confirm": "confirm"; "close": "close"; "showDone": "showDone"; "closeDone": "closeDone"; }, never, never, false, never>;
 }
 /**
  * Dialog Container
@@ -354,7 +288,15 @@ export interface XDialogRefOption {
      */
     viewContainerRef?: ViewContainerRef;
 }
+/**
+ * @zh_CN 弹框动画状态
+ * @en_US Dialog animation status
+ */
 export type XDialogAnimationState = XPlace | 'void';
+/**
+ * @zh_CN 弹框动画事件
+ * @en_US Dialog animation Event
+ */
 export interface XDialogAnimationEvent {
     state: XDialogAnimationState;
     action: 'start' | 'done';
@@ -389,3 +331,4 @@ export interface XDialogPortalOverlayRef extends XPortalOverlayRef<XDialogPortal
  * @en_US Types of
  */
 export type XDialogType = XStatus;
+export {};

package/doc/doc.component.d.ts

@@ -1,9 +1,6 @@
-import { Renderer2, ElementRef, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class XDocComponent implements OnInit {
-    renderer: Renderer2;
-    elementRef: ElementRef<any>;
-    ngOnInit(): void;
+export declare class XDocComponent {
+    className: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<XDocComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XDocComponent, "x-doc", never, {}, {}, never, ["*"], true, never>;
 }

package/drag/drag.directive.d.ts

@@ -2,7 +2,7 @@ import { OnDestroy, OnInit } from '@angular/core';
 import { XDragProperty } from './drag.property';
 import * as i0 from "@angular/core";
 export declare class XDragDirective extends XDragProperty implements OnInit, OnDestroy {
-    private _unSubject;
+    private unSubject;
     private doc;
     private elementRef;
     private renderer;

package/drag/drag.property.d.ts

@@ -1,18 +1,17 @@
-import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Drag 指令名称
  * @selector x-drag
- * @decorator Directive
+ * @decorator directive
  */
 export declare const XDragPrefix = "x-drag";
 /**
  * Resizable Property
  */
 export declare class XDragProperty {
-    dragStarted: EventEmitter<XDragDistance>;
-    dragMoved: EventEmitter<XDragDistanceOffset>;
-    dragEnded: EventEmitter<XDragDistance>;
+    readonly dragStarted: import("@angular/core").OutputEmitterRef<XDragDistance>;
+    readonly dragMoved: import("@angular/core").OutputEmitterRef<XDragDistanceOffset>;
+    readonly dragEnded: import("@angular/core").OutputEmitterRef<XDragDistance>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XDragProperty, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<XDragProperty, "[x-drag]", never, {}, { "dragStarted": "dragStarted"; "dragMoved": "dragMoved"; "dragEnded": "dragEnded"; }, never, never, false, never>;
 }

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

@@ -1,7 +1,7 @@
 import { XDrawerContainerProperty } from './drawer.property';
 import * as i0 from "@angular/core";
 export declare class XDrawerContainerComponent extends XDrawerContainerProperty {
-    _has: boolean;
+    className: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<XDrawerContainerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XDrawerContainerComponent, "x-drawer-container", never, {}, {}, never, ["*"], true, never>;
 }

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

@@ -8,7 +8,7 @@ export declare class XDrawerPortalComponent extends BasePortalOutlet {
     placement?: XDrawerAnimationState;
     done({ toState, totalTime }: AnimationEvent): void;
     start({ toState, totalTime }: AnimationEvent): void;
-    portalOutlet: CdkPortalOutlet;
+    portalOutlet: import("@angular/core").Signal<CdkPortalOutlet>;
     animationChanged: EventEmitter<XDrawerAnimationEvent>;
     attachComponentPortal<T>(portal: ComponentPortal<T>): ComponentRef<T>;
     attachTemplatePortal<C>(portal: TemplatePortal<C>): EmbeddedViewRef<C>;

package/drawer/drawer.component.d.ts

@@ -1,29 +1,30 @@
-import { OnInit, SimpleChanges, OnChanges, TemplateRef, OnDestroy } from '@angular/core';
+import { TemplateRef, OnDestroy, AfterViewInit } from '@angular/core';
 import { XDrawerProperty } from './drawer.property';
-import { XConfigService } from '@ng-nest/ui/core';
 import { XPortalOverlayRef } from '@ng-nest/ui/portal';
 import { Subscription } from 'rxjs';
 import { XDrawerContainerComponent } from './drawer-container.component';
 import * as i0 from "@angular/core";
-export declare class XDrawerComponent extends XDrawerProperty implements OnInit, OnChanges, OnDestroy {
-    get getVisible(): import("@ng-nest/ui/core").XBoolean | undefined;
-    drawerTpl: TemplateRef<void>;
+export declare class XDrawerComponent extends XDrawerProperty implements AfterViewInit, OnDestroy {
+    get getVisible(): boolean;
+    drawerTpl: import("@angular/core").Signal<TemplateRef<void>>;
     portal: XPortalOverlayRef<any>;
     back$: Subscription | null;
-    width: string;
-    height: string;
+    width: import("@angular/core").Signal<string>;
+    height: import("@angular/core").Signal<string>;
     private overlay;
     private portalService;
     private viewContainerRef;
+    private unSubject;
     container: XDrawerContainerComponent | null;
-    configService: XConfigService;
-    ngOnInit(): void;
-    ngOnChanges(simples: SimpleChanges): void;
+    hasContainer: import("@angular/core").WritableSignal<boolean>;
+    classMap: import("@angular/core").Signal<{
+        [x: string]: boolean;
+        "x-drawer-no-title": boolean;
+    }>;
+    visibleChanged: import("rxjs").Observable<boolean>;
+    constructor();
+    ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    unsubscribe(): void;
-    setClassMap(): void;
-    setSize(): void;
-    getSize(): string[];
     setVisible(): void;
     createPortal(): void;
     portalAttached(): boolean | undefined;

package/drawer/drawer.property.d.ts

@@ -1,8 +1,9 @@
-import { XTemplate, XPosition, XProperty, XBoolean } from '@ng-nest/ui/core';
-import { EventEmitter, InjectionToken, ViewContainerRef } from '@angular/core';
+import { XProperty } from '@ng-nest/ui/core';
+import { InjectionToken, ViewContainerRef } from '@angular/core';
 import { XPortalOverlayRef } from '@ng-nest/ui/portal';
-import { XDrawerRef } from './drawer-ref';
 import { XDrawerPortalComponent } from './drawer-portal.component';
+import type { XDrawerRef } from './drawer-ref';
+import type { XTemplate, XPosition, XBoolean, XNumber } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 /**
  * Drawer
@@ -12,57 +13,55 @@ import * as i0 from "@angular/core";
 export declare const XDrawerPrefix = "x-drawer";
 export declare const X_DRAWER_CONFIG_NAME = "drawer";
 export declare const X_DRAWER_DATA: InjectionToken<any>;
+declare const XDrawerProperty_base: new () => {
+    config: import("@ng-nest/ui/core").XDrawerConfig | undefined;
+};
 /**
  * Drawer Property
  */
-export declare class XDrawerProperty extends XProperty {
+export declare class XDrawerProperty extends XDrawerProperty_base {
     /**
      * @zh_CN 标题
      * @en_US Title
      */
-    title?: XTemplate;
+    readonly title: import("@angular/core").InputSignal<XTemplate | undefined>;
     /**
      * @zh_CN 显示/隐藏
      * @en_US Show/hide
      */
-    visible?: XBoolean;
+    readonly visible: import("@angular/core").ModelSignal<boolean>;
     /**
      * @zh_CN 展示方向
      * @en_US Display direction
      */
-    placement?: XPosition;
+    readonly placement: import("@angular/core").InputSignal<XPosition>;
     /**
      * @zh_CN 尺寸，支持固定值
      * @en_US Size, supports fixed value
      */
-    size?: string;
+    readonly size: import("@angular/core").InputSignalWithTransform<string, XNumber>;
     /**
      * @zh_CN 点击遮罩关闭
      * @en_US Click the mask to close
      */
-    backdropClose: XBoolean;
+    readonly backdropClose: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 是否显示背景遮罩
      * @en_US Whether to display the background mask
      */
-    hasBackdrop: XBoolean;
+    readonly hasBackdrop: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 自定义样式名
      * @en_US Custom style name
      */
-    className: string;
+    readonly className: import("@angular/core").InputSignal<string>;
     /**
      * @zh_CN 关闭的事件
      * @en_US Closed event
      */
-    close: EventEmitter<any>;
-    /**
-     * @zh_CN 显示/隐藏的事件
-     * @en_US Show/hide event
-     */
-    visibleChange: EventEmitter<boolean>;
+    readonly close: import("@angular/core").OutputEmitterRef<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XDrawerProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XDrawerProperty, "x-drawer-property", never, { "title": { "alias": "title"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "size": { "alias": "size"; "required": false; }; "backdropClose": { "alias": "backdropClose"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "className": { "alias": "className"; "required": false; }; }, { "close": "close"; "visibleChange": "visibleChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XDrawerProperty, "x-drawer-property", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "backdropClose": { "alias": "backdropClose"; "required": false; "isSignal": true; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "close": "close"; }, never, never, false, never>;
 }
 /**
  * Drawer Option
@@ -133,9 +132,18 @@ export declare class XDrawerContainerProperty extends XProperty {
 export interface XDrawerPortalOverlayRef extends XPortalOverlayRef<XDrawerPortalComponent> {
     drawerRef?: XDrawerRef<any>;
 }
+/**
+ * @zh_CN 抽屉动画状态
+ * @en_US Drawer animation status
+ */
 export type XDrawerAnimationState = XPosition | 'void';
+/**
+ * @zh_CN 抽屉动画事件
+ * @en_US Drawer animation event
+ */
 export interface XDrawerAnimationEvent {
     state: XDrawerAnimationState;
     action: 'start' | 'done';
     totalTime: number;
 }
+export {};