@ng-nest/ui 20.3.0 → 20.3.1

package/i18n/index.d.ts

@@ -1,8 +1,30 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, PipeTransform } from '@angular/core';
-import { XTemplate } from '@ng-nest/ui/core';
-import { Observable } from 'rxjs';
+import { PipeTransform, InjectionToken } from '@angular/core';
 import * as _ng_nest_ui_i18n from '@ng-nest/ui/i18n';
+import { XTemplate } from '@ng-nest/ui/core';
+import { BehaviorSubject } from 'rxjs';
+
+declare class XI18nPipe implements PipeTransform {
+    private i18n;
+    private lastKey?;
+    private lastLang?;
+    private lastValue?;
+    locale: i0.Signal<_ng_nest_ui_i18n.XI18nProperty | undefined>;
+    transform(key: string, params?: object): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XI18nPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<XI18nPipe, "xI18n", true>;
+}
+
+declare class XI18nDirective {
+    path: i0.InputSignal<string>;
+    private locale;
+    private elementRef;
+    localeChanged: i0.Signal<_ng_nest_ui_i18n.XI18nProperty | undefined>;
+    content: i0.Signal<string>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<XI18nDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XI18nDirective, "[x-i18n]", never, { "path": { "alias": "x-i18n"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
 
 /**
  * I18n
@@ -11,7 +33,7 @@ import * as _ng_nest_ui_i18n from '@ng-nest/ui/i18n';
  */
 declare const XI18nPrefix = "xI18n";
 interface XI18nProperty {
-    locale: XI18nLanguage;
+    locale?: XI18nLanguage;
     comment?: XI18nComment;
     theme?: XI18nTheme;
     calendar?: XI18nCalendar;
@@ -200,11 +222,11 @@ declare const X_I18N: InjectionToken<XI18nProperty>;
 
 declare class XI18nService {
     private _locale;
-    private _change;
-    get localeChange(): Observable<XI18nProperty>;
+    localeChange: BehaviorSubject<XI18nProperty>;
     private locale;
+    readonly L: (path: string, data?: Record<string, any>) => string;
     constructor();
-    translate(path: string, data?: any): string;
+    translate(path: string, data?: Record<string, any>): string;
     getLocale(): XI18nProperty;
     getLocaleId(): XI18nLanguage;
     setLocale(locale: XI18nProperty, forceRefresh?: boolean): void;
@@ -213,27 +235,6 @@ declare class XI18nService {
     static ɵprov: i0.ɵɵInjectableDeclaration<XI18nService>;
 }
 
-declare class XI18nPipe implements PipeTransform {
-    private locale;
-    private localeId;
-    private catchContent;
-    constructor(locale: XI18nService);
-    transform(path: string, keyValue?: object): any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<XI18nPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<XI18nPipe, "xI18n", true>;
-}
-
-declare class XI18nDirective {
-    path: i0.InputSignal<string>;
-    private locale;
-    private elementRef;
-    localeChanged: i0.Signal<_ng_nest_ui_i18n.XI18nProperty | undefined>;
-    content: i0.Signal<string>;
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<XI18nDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<XI18nDirective, "[x-i18n]", never, { "path": { "alias": "x-i18n"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
 declare class XI18nModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<XI18nModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<XI18nModule, never, [typeof XI18nPipe, typeof XI18nDirective], [typeof XI18nPipe, typeof XI18nDirective]>;

package/image/index.d.ts

@@ -1,6 +1,6 @@
 import * as _ng_nest_ui_i18n from '@ng-nest/ui/i18n';
 import * as _angular_core from '@angular/core';
-import { OnInit, OnDestroy, ElementRef } from '@angular/core';
+import { InputSignal, OnInit, OnDestroy, ElementRef, WritableSignal } from '@angular/core';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
 import { XNumber, XTemplate, XProperty, XConfigService } from '@ng-nest/ui/core';
 
@@ -31,7 +31,7 @@ declare class XImageProperty extends XImageProperty_base {
      * ```
      *
      */
-    readonly src: _angular_core.InputSignal<string | undefined>;
+    readonly src: InputSignal<string | undefined>;
     /**
      * @zh_CN 图片宽度
      * @en_US Picture width
@@ -77,7 +77,7 @@ declare class XImageProperty extends XImageProperty_base {
      * ```
      *
      */
-    readonly alt: _angular_core.InputSignal<string | undefined>;
+    readonly alt: InputSignal<string | undefined>;
     /**
      * @zh_CN 加载失败显示的地址
      * @en_US Load fault tolerance address
@@ -93,7 +93,7 @@ declare class XImageProperty extends XImageProperty_base {
      * ```
      *
      */
-    readonly fallback: _angular_core.InputSignal<string | undefined>;
+    readonly fallback: InputSignal<string | undefined>;
     /**
      * @zh_CN 预览文字
      * @en_US Preview text
@@ -110,17 +110,17 @@ declare class XImageProperty extends XImageProperty_base {
      * ```
      *
      */
-    readonly previewText: _angular_core.InputSignal<string>;
+    readonly previewText: InputSignal<string>;
     /**
      * @zh_CN 渐进加载显示的图片地址
      * @en_US Progressive loading image addresses
      */
-    readonly placeholder: _angular_core.InputSignal<string | undefined>;
+    readonly placeholder: InputSignal<string | undefined>;
     /**
      * @zh_CN 自定义预览操作
      * @en_US Custom preview operation
      */
-    readonly previewTpl: _angular_core.InputSignal<XTemplate | undefined>;
+    readonly previewTpl: InputSignal<XTemplate | undefined>;
     /**
      * @zh_CN 图片加载错误
      * @en_US Picture load failed
@@ -213,8 +213,17 @@ declare class XImagePreviewProperty extends XProperty {
  * @decorator component
  */
 declare const XImageGroupPrefix = "x-image-group";
+/**
+ * @zh_CN 图片组件定义
+ * @en_US Image component definition
+ */
+interface XImageHandle {
+    src: InputSignal<string | undefined>;
+    alt: InputSignal<string | undefined>;
+    fallback: InputSignal<string | undefined>;
+}
 
-declare class XImageComponent extends XImageProperty implements OnInit, OnDestroy {
+declare class XImageComponent extends XImageProperty implements OnInit, OnDestroy, XImageHandle {
     private dialog;
     private i18n;
     private group;
@@ -260,16 +269,23 @@ declare class XImagePreviewComponent extends XImagePreviewProperty implements On
     onCurrentChange(num: number): void;
     onRotate(deg: number): void;
     onScale(zoom: number): void;
+    onWheel(event: WheelEvent): void;
     onDragReleased(): void;
-    fitPoint(start: number, size: number, clientSize: number): number | null;
+    private adjustPosition;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XImagePreviewComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<XImagePreviewComponent, "x-image-preview", never, {}, {}, never, never, true, never>;
 }
 
-declare class XImageGroupComponent {
-    images: _angular_core.WritableSignal<XImageComponent[]>;
-    addImage(image: XImageComponent): void;
-    removeImage(image: XImageComponent): void;
+interface XImageGroupContext {
+    images: WritableSignal<XImageHandle[]>;
+    addImage(image: XImageHandle): void;
+    removeImage(image: XImageHandle): void;
+}
+
+declare class XImageGroupComponent implements XImageGroupContext {
+    images: _angular_core.WritableSignal<XImageHandle[]>;
+    addImage(image: XImageHandle): void;
+    removeImage(image: XImageHandle): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XImageGroupComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<XImageGroupComponent, "x-image-group", never, {}, {}, never, ["*"], true, never>;
 }
@@ -281,4 +297,4 @@ declare class XImageModule {
 }
 
 export { XImageComponent, XImageGroupComponent, XImageGroupPrefix, XImageModule, XImagePrefix, XImagePreviewComponent, XImagePreviewPrefix, XImagePreviewProperty, XImageProperty };
-export type { XImageNode };
+export type { XImageHandle, XImageNode };

package/index.d.ts

@@ -71,6 +71,7 @@ export * from '@ng-nest/ui/affix';
 export * from '@ng-nest/ui/anchor';
 export * from '@ng-nest/ui/back-top';
 export * from '@ng-nest/ui/crumb';
+export * from '@ng-nest/ui/contextmenu';
 export * from '@ng-nest/ui/dropdown';
 export * from '@ng-nest/ui/menu';
 export * from '@ng-nest/ui/page-header';
@@ -85,6 +86,7 @@ export * from '@ng-nest/ui/attachments';
 export * from '@ng-nest/ui/suggestion';
 export * from '@ng-nest/ui/thought-chain';
 export * from '@ng-nest/ui/doc';
+export * from '@ng-nest/ui/divider';
 export * from '@ng-nest/ui/examples';
 export * from '@ng-nest/ui/api';
 export * from '@ng-nest/ui/pattern';
@@ -92,3 +94,5 @@ export * from '@ng-nest/ui/slider';
 export * from '@ng-nest/ui/scrollable';
 export * from '@ng-nest/ui/highlight';
 export * from '@ng-nest/ui/inner';
+export * from '@ng-nest/ui/watermark';
+export * from '@ng-nest/ui/splitter';

package/input/index.d.ts

@@ -19,19 +19,18 @@ declare const XInputProperty_base: new () => {
     invalidPattern: _angular_core.Signal<boolean>;
     requiredIsEmpty: _angular_core.Signal<boolean>;
     invalidMessage: _angular_core.Signal<string>;
-    invalidIndex: _angular_core.Signal<number>;
     value: _angular_core.WritableSignal<any>;
     valueObservable: rxjs.Observable<any>;
     validatorSignal: _angular_core.WritableSignal<boolean>;
     disabledSignal: _angular_core.WritableSignal<boolean>;
     requiredSignal: _angular_core.WritableSignal<boolean>;
     patternSignal: _angular_core.WritableSignal<any>;
-    messageSignal: _angular_core.WritableSignal<string | string[]>;
+    messageSignal: _angular_core.WritableSignal<string>;
     requiredComputed: _angular_core.Signal<boolean>;
     disabledComputed: _angular_core.Signal<boolean>;
     validatorComputed: _angular_core.Signal<boolean>;
     patternComputed: _angular_core.Signal<any>;
-    messageComputed: _angular_core.Signal<string | string[]>;
+    messageComputed: _angular_core.Signal<string>;
     invalidInputValidator: _angular_core.WritableSignal<boolean>;
     onChange: (value: any) => void;
     onTouched: () => void;
@@ -56,8 +55,8 @@ declare const XInputProperty_base: new () => {
     readonly valueTplContext: _angular_core.InputSignal<unknown>;
     readonly before: _angular_core.InputSignal<XTemplate | undefined>;
     readonly after: _angular_core.InputSignal<XTemplate | undefined>;
-    readonly pattern: _angular_core.InputSignal<RegExp | RegExp[]>;
-    readonly message: _angular_core.InputSignal<string | string[]>;
+    readonly pattern: _angular_core.InputSignal<RegExp | null>;
+    readonly message: _angular_core.InputSignal<string>;
     readonly active: _angular_core.ModelSignal<boolean>;
     readonly pointer: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
     readonly inputValidator: _angular_core.InputSignal<((value: any) => boolean) | undefined>;
@@ -257,12 +256,12 @@ declare class XInputProperty extends XInputProperty_base {
      * @zh_CN 正则验证规则
      * @en_US Regular verification rules
      */
-    readonly pattern: _angular_core.InputSignal<any>;
+    readonly pattern: _angular_core.InputSignal<RegExp | null>;
     /**
      * @zh_CN 验证不通过提示文字
      * @en_US Verify not pass the prompt text
      */
-    readonly message: _angular_core.InputSignal<string | string[]>;
+    readonly message: _angular_core.InputSignal<string>;
     /**
      * @zh_CN 激活状态
      * @en_US Activation state
@@ -496,12 +495,12 @@ interface XInputOption extends XFormOption {
      * @zh_CN 正则验证规则
      * @en_US Regular verification rules
      */
-    pattern?: RegExp | RegExp[];
+    pattern?: RegExp;
     /**
      * @zh_CN 验证不通过提示文字
      * @en_US Verify not pass the prompt text
      */
-    message?: string | string[];
+    message?: string;
     /**
      * @zh_CN 激活状态
      * @en_US Activation state

package/input-number/index.d.ts

@@ -20,19 +20,18 @@ declare const XInputNumberProperty_base: new () => {
     invalidPattern: _angular_core.Signal<boolean>;
     requiredIsEmpty: _angular_core.Signal<boolean>;
     invalidMessage: _angular_core.Signal<string>;
-    invalidIndex: _angular_core.Signal<number>;
     value: _angular_core.WritableSignal<any>;
     valueObservable: rxjs.Observable<any>;
     validatorSignal: _angular_core.WritableSignal<boolean>;
     disabledSignal: _angular_core.WritableSignal<boolean>;
     requiredSignal: _angular_core.WritableSignal<boolean>;
     patternSignal: _angular_core.WritableSignal<any>;
-    messageSignal: _angular_core.WritableSignal<string | string[]>;
+    messageSignal: _angular_core.WritableSignal<string>;
     requiredComputed: _angular_core.Signal<boolean>;
     disabledComputed: _angular_core.Signal<boolean>;
     validatorComputed: _angular_core.Signal<boolean>;
     patternComputed: _angular_core.Signal<any>;
-    messageComputed: _angular_core.Signal<string | string[]>;
+    messageComputed: _angular_core.Signal<string>;
     invalidInputValidator: _angular_core.WritableSignal<boolean>;
     onChange: (value: any) => void;
     onTouched: () => void;
@@ -57,8 +56,8 @@ declare const XInputNumberProperty_base: new () => {
     readonly valueTplContext: _angular_core.InputSignal<unknown>;
     readonly before: _angular_core.InputSignal<XTemplate | undefined>;
     readonly after: _angular_core.InputSignal<XTemplate | undefined>;
-    readonly pattern: _angular_core.InputSignal<RegExp | RegExp[]>;
-    readonly message: _angular_core.InputSignal<string | string[]>;
+    readonly pattern: _angular_core.InputSignal<RegExp | null>;
+    readonly message: _angular_core.InputSignal<string>;
     readonly active: _angular_core.ModelSignal<boolean>;
     readonly pointer: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
     readonly inputValidator: _angular_core.InputSignal<((value: any) => boolean) | undefined>;
@@ -181,12 +180,12 @@ declare class XInputNumberProperty extends XInputNumberProperty_base {
      * @zh_CN 正则验证规则
      * @en_US Regular verification rules
      */
-    readonly pattern: _angular_core.InputSignal<any>;
+    readonly pattern: _angular_core.InputSignal<RegExp | null>;
     /**
      * @zh_CN 验证不通过提示文字
      * @en_US Verify not pass the prompt text
      */
-    readonly message: _angular_core.InputSignal<string | string[]>;
+    readonly message: _angular_core.InputSignal<string>;
     /**
      * @zh_CN 输入验证函数
      * @en_US Enter the verification function
@@ -313,12 +312,12 @@ interface XInputNumberOption extends XFormOption {
      * @zh_CN 正则验证规则
      * @en_US Regular verification rules
      */
-    pattern?: RegExp | RegExp[];
+    pattern?: RegExp;
     /**
      * @zh_CN 验证不通过提示文字
      * @en_US Verify not pass the prompt text
      */
-    message?: string | string[];
+    message?: string;
     /**
      * @zh_CN 输入验证函数
      * @en_US Enter the verification function

package/list/index.d.ts

@@ -22,19 +22,18 @@ declare const XListProperty_base: new () => {
     invalidPattern: _angular_core.Signal<boolean>;
     requiredIsEmpty: _angular_core.Signal<boolean>;
     invalidMessage: _angular_core.Signal<string>;
-    invalidIndex: _angular_core.Signal<number>;
     value: _angular_core.WritableSignal<any>;
     valueObservable: rxjs.Observable<any>;
     validatorSignal: _angular_core.WritableSignal<boolean>;
     disabledSignal: _angular_core.WritableSignal<boolean>;
     requiredSignal: _angular_core.WritableSignal<boolean>;
     patternSignal: _angular_core.WritableSignal<any>;
-    messageSignal: _angular_core.WritableSignal<string | string[]>;
+    messageSignal: _angular_core.WritableSignal<string>;
     requiredComputed: _angular_core.Signal<boolean>;
     disabledComputed: _angular_core.Signal<boolean>;
     validatorComputed: _angular_core.Signal<boolean>;
     patternComputed: _angular_core.Signal<any>;
-    messageComputed: _angular_core.Signal<string | string[]>;
+    messageComputed: _angular_core.Signal<string>;
     invalidInputValidator: _angular_core.WritableSignal<boolean>;
     onChange: (value: any) => void;
     onTouched: () => void;
@@ -59,8 +58,8 @@ declare const XListProperty_base: new () => {
     readonly valueTplContext: _angular_core.InputSignal<unknown>;
     readonly before: _angular_core.InputSignal<XTemplate | undefined>;
     readonly after: _angular_core.InputSignal<XTemplate | undefined>;
-    readonly pattern: _angular_core.InputSignal<RegExp | RegExp[]>;
-    readonly message: _angular_core.InputSignal<string | string[]>;
+    readonly pattern: _angular_core.InputSignal<RegExp | null>;
+    readonly message: _angular_core.InputSignal<string>;
     readonly active: _angular_core.ModelSignal<boolean>;
     readonly pointer: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
     readonly inputValidator: _angular_core.InputSignal<((value: any) => boolean) | undefined>;

package/menu/index.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { TemplateRef, OnChanges, ElementRef, SimpleChanges } from '@angular/core';
+import { TemplateRef, Signal, WritableSignal, ElementRef, OnChanges, SimpleChanges } from '@angular/core';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
 import { XParentIdentityProperty, XDataArray, XSize, XNumber, XBoolean, XTrigger, XProperty } from '@ng-nest/ui/core';
 
@@ -149,7 +149,19 @@ declare class XMenuNodeProperty extends XProperty {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<XMenuNodeProperty, "x-menu-node-property", never, {}, {}, never, never, true, never>;
 }
 
-declare class XMenuComponent extends XMenuProperty implements OnChanges {
+interface XMenuContext {
+    activatedId: Signal<any>;
+    activatedElementRef: WritableSignal<ElementRef<HTMLElement> | null>;
+    setScrollTop(): void;
+    onNodeClick(node: XMenuNode): void;
+    rootIndexChange(index: number): void;
+    onToggle(event: Event | null, node: XMenuNode, isDropdown?: boolean): void;
+    setCategory(nodes: XMenuNode[]): void;
+    setActivatedNode(nodes: XMenuNode[]): void;
+    setParentOpen(nodes: XMenuNode[], node: XMenuNode): void;
+}
+
+declare class XMenuComponent extends XMenuProperty implements OnChanges, XMenuContext {
     showCategory: _angular_core.WritableSignal<boolean>;
     get scroll(): HTMLElement;
     datas: _angular_core.WritableSignal<XMenuNode[]>;
@@ -183,7 +195,7 @@ declare class XMenuComponent extends XMenuProperty implements OnChanges {
 }
 
 declare class XMenuNodeComponent extends XMenuNodeProperty {
-    menu: XMenuComponent;
+    menu: XMenuContext;
     routerLink: _angular_core.InputSignal<string | undefined>;
     leaf: _angular_core.InputSignal<boolean | undefined>;
     icon: _angular_core.InputSignal<string | undefined>;

package/message/index.d.ts

@@ -97,7 +97,19 @@ interface XMessageOption extends XAlertOption {
  * @zh_CN 创建的消息对象
  * @en_US Message object created
  */
-interface XMessageOverlayRef extends XPortalOverlayRef<XMessageComponent> {
+interface XMessageOverlayRef extends XPortalOverlayRef<XMessageHandle> {
+}
+/**
+ * @zh_CN 创建的消息组件定义
+ * @en_US Message object created
+ */
+interface XMessageHandle {
+    message: XMessagePlacementRef;
+    cdr: ChangeDetectorRef;
+    onClose(item: XMessageOption): void;
+    moveDone($event: AnimationEvent): void;
+    onEnter(item: XMessageOption): void;
+    onLeave(item: XMessageOption): void;
 }
 /**
  * @zh_CN 九宫格中的消息对象
@@ -138,7 +150,7 @@ type XMessageType = XStatus;
  */
 type XMessageDisplayType = 'list' | 'single';
 
-declare class XMessageComponent {
+declare class XMessageComponent implements XMessageHandle {
     message: XMessagePlacementRef;
     cdr: ChangeDetectorRef;
     onClose(item: XMessageOption): void;
@@ -189,4 +201,4 @@ declare class XMessageModule {
 }
 
 export { XMessageComponent, XMessageModule, XMessagePortal, XMessagePrefix, XMessageRef, XMessageService, X_MESSAGE_CONFIG_NAME };
-export type { XMessageDisplayType, XMessageOption, XMessageOverlayRef, XMessagePlacement, XMessagePlacementRef, XMessageType };
+export type { XMessageDisplayType, XMessageHandle, XMessageOption, XMessageOverlayRef, XMessagePlacement, XMessagePlacementRef, XMessageType };

package/message-box/index.d.ts

@@ -97,12 +97,12 @@ interface XMessageBoxOption extends XAlertOption {
      * @zh_CN 匹配规则
      * @en_US Matching rules
      */
-    inputPattern?: RegExp | RegExp[];
+    inputPattern?: RegExp;
     /**
      * @zh_CN 匹配失败的信息提示
      * @en_US Information prompt for matching failure
      */
-    inputInvalidMessage?: string | string[];
+    inputInvalidMessage?: string;
     /**
      * @zh_CN 输入框的占位符
      * @en_US Placeholder for input box
@@ -170,7 +170,20 @@ type XMessageBoxAction = 'confirm' | 'cancel' | 'close';
  * @zh_CN 创建的消息对象
  * @en_US Message object created
  */
-interface XMessageBoxOverlayRef extends XPortalOverlayRef<XMessageBoxComponent> {
+interface XMessageBoxOverlayRef extends XPortalOverlayRef<XMessageBoxHandle> {
+}
+/**
+ * @zh_CN 创建的消息组件定义
+ * @en_US Message object created
+ */
+interface XMessageBoxHandle {
+    messageBox: XMessageBoxRef;
+    onClose(): void;
+    onCancel(): void;
+    hideBox(): void;
+    onConfirm(): void;
+    moveDone($event: AnimationEvent): void;
+    getInputValue(): any;
 }
 interface XMessageBoxRef {
     ref: XMessageBoxOverlayRef;
@@ -183,7 +196,7 @@ interface XMessageBoxRef {
  */
 type XMessageBoxType = XStatus;
 
-declare class XMessageBoxComponent implements OnInit {
+declare class XMessageBoxComponent implements OnInit, XMessageBoxHandle {
     renderer: Renderer2;
     elementRef: ElementRef<HTMLElement>;
     cdr: ChangeDetectorRef;
@@ -234,4 +247,4 @@ declare class XMessageBoxModule {
 }
 
 export { XMessageBoxComponent, XMessageBoxModule, XMessageBoxPortal, XMessageBoxPrefix, XMessageBoxService };
-export type { XMessageBoxAction, XMessageBoxCallback, XMessageBoxConfirmLoading, XMessageBoxOption, XMessageBoxOverlayRef, XMessageBoxRef, XMessageBoxType };
+export type { XMessageBoxAction, XMessageBoxCallback, XMessageBoxConfirmLoading, XMessageBoxHandle, XMessageBoxOption, XMessageBoxOverlayRef, XMessageBoxRef, XMessageBoxType };

package/notification/index.d.ts

@@ -78,7 +78,19 @@ interface XNotificationOption extends XAlertOption {
  * @zh_CN 创建的消息对象
  * @en_US Message object created
  */
-interface XNotificationOverlayRef extends XPortalOverlayRef<XNotificationComponent> {
+interface XNotificationOverlayRef extends XPortalOverlayRef<XNotificationHandle> {
+}
+/**
+ * @zh_CN 创建的消息组件定义
+ * @en_US Message object created
+ */
+interface XNotificationHandle {
+    notification: XNotificationRef;
+    cdr: ChangeDetectorRef;
+    onClose(item: XNotificationOption): void;
+    moveDone($event: AnimationEvent): void;
+    onEnter(item: XNotificationOption): void;
+    onLeave(item: XNotificationOption): void;
 }
 /**
  * @zh_CN 九宫格中的消息对象
@@ -97,7 +109,7 @@ interface XNotificationRef {
  */
 type XNotificationType = XStatus;
 
-declare class XNotificationComponent {
+declare class XNotificationComponent implements XNotificationHandle {
     notification: XNotificationRef;
     cdr: ChangeDetectorRef;
     onClose(item: XNotificationOption): void;
@@ -133,4 +145,4 @@ declare class XNotificationModule {
 }
 
 export { XNotificationComponent, XNotificationModule, XNotificationPortal, XNotificationPrefix, XNotificationService };
-export type { XNotificationOption, XNotificationOverlayRef, XNotificationPlacement, XNotificationRef, XNotificationType };
+export type { XNotificationHandle, XNotificationOption, XNotificationOverlayRef, XNotificationPlacement, XNotificationRef, XNotificationType };