@ng-nest/ui 20.2.9 → 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>;
@@ -116,6 +115,26 @@ declare class XInputProperty extends XInputProperty_base {
      * @en_US width
      */
     readonly width: _angular_core.InputSignalWithTransform<string, XNumber>;
+    /**
+     * @zh_CN 自适应宽度，input 需要有默认值
+     * @en_US auto width，input needs a default value
+     */
+    readonly autoWidth: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 自适应宽度对比的值，默认是 value 的值
+     * @en_US auto width contrast value, defaults to the value of value
+     */
+    readonly autoWidthValue: _angular_core.InputSignal<string | null>;
+    /**
+     * @zh_CN 自适应最小的宽度
+     * @en_US auto min width
+     */
+    readonly autoMinWidth: _angular_core.InputSignalWithTransform<number, XNumber>;
+    /**
+     * @zh_CN 自适应最大的宽度
+     * @en_US auto max width，input needs a default value
+     */
+    readonly autoMaxWidth: _angular_core.InputSignalWithTransform<number | null, XNumber>;
     /**
      * @zh_CN 显示边框
      * @en_US Display Border
@@ -237,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
@@ -299,7 +318,7 @@ declare class XInputProperty extends XInputProperty_base {
      */
     readonly xComposition: _angular_core.OutputEmitterRef<any>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XInputProperty, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XInputProperty, "x-input-property", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconLayout": { "alias": "iconLayout"; "required": false; "isSignal": true; }; "iconSpin": { "alias": "iconSpin"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "inputStyle": { "alias": "inputStyle"; "required": false; "isSignal": true; }; "inputPadding": { "alias": "inputPadding"; "required": false; "isSignal": true; }; "inputIconPadding": { "alias": "inputIconPadding"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "floatFixed": { "alias": "floatFixed"; "required": false; "isSignal": true; }; "validator": { "alias": "validator"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "pointer": { "alias": "pointer"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelWidth": { "alias": "labelWidth"; "required": false; "isSignal": true; }; "labelAlign": { "alias": "labelAlign"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "valueTpl": { "alias": "valueTpl"; "required": false; "isSignal": true; }; "valueTplContext": { "alias": "valueTplContext"; "required": false; "isSignal": true; }; "before": { "alias": "before"; "required": false; "isSignal": true; }; "after": { "alias": "after"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "inputValidator": { "alias": "inputValidator"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; "clearEmit": "clearEmit"; "xFocus": "xFocus"; "xBlur": "xBlur"; "xInput": "xInput"; "xKeydown": "xKeydown"; "xClick": "xClick"; "xMouseenter": "xMouseenter"; "xMouseleave": "xMouseleave"; "xComposition": "xComposition"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XInputProperty, "x-input-property", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconLayout": { "alias": "iconLayout"; "required": false; "isSignal": true; }; "iconSpin": { "alias": "iconSpin"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "autoWidth": { "alias": "autoWidth"; "required": false; "isSignal": true; }; "autoWidthValue": { "alias": "autoWidthValue"; "required": false; "isSignal": true; }; "autoMinWidth": { "alias": "autoMinWidth"; "required": false; "isSignal": true; }; "autoMaxWidth": { "alias": "autoMaxWidth"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "inputStyle": { "alias": "inputStyle"; "required": false; "isSignal": true; }; "inputPadding": { "alias": "inputPadding"; "required": false; "isSignal": true; }; "inputIconPadding": { "alias": "inputIconPadding"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "floatFixed": { "alias": "floatFixed"; "required": false; "isSignal": true; }; "validator": { "alias": "validator"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "pointer": { "alias": "pointer"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelWidth": { "alias": "labelWidth"; "required": false; "isSignal": true; }; "labelAlign": { "alias": "labelAlign"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "valueTpl": { "alias": "valueTpl"; "required": false; "isSignal": true; }; "valueTplContext": { "alias": "valueTplContext"; "required": false; "isSignal": true; }; "before": { "alias": "before"; "required": false; "isSignal": true; }; "after": { "alias": "after"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "inputValidator": { "alias": "inputValidator"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; "clearEmit": "clearEmit"; "xFocus": "xFocus"; "xBlur": "xBlur"; "xInput": "xInput"; "xKeydown": "xKeydown"; "xClick": "xClick"; "xMouseenter": "xMouseenter"; "xMouseleave": "xMouseleave"; "xComposition": "xComposition"; }, never, never, true, never>;
 }
 /**
  * Input Option
@@ -476,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
@@ -600,6 +619,8 @@ declare class XInputComponent extends XInputProperty implements OnInit {
     inputRef: _angular_core.Signal<ElementRef<any>>;
     inputValueRef: _angular_core.Signal<ElementRef<any> | undefined>;
     maxLengthRef: _angular_core.Signal<ElementRef<any> | undefined>;
+    measureRef: _angular_core.Signal<ElementRef<any> | undefined>;
+    measureRefChanged: _angular_core.WritableSignal<boolean>;
     get getWidth(): string;
     writeValue(value: any): void;
     classMap: _angular_core.Signal<{
@@ -615,6 +636,7 @@ declare class XInputComponent extends XInputProperty implements OnInit {
     clearShow: _angular_core.Signal<boolean>;
     hasValue: _angular_core.Signal<boolean>;
     valueChange: Subject<any>;
+    valueChangeSignal: _angular_core.Signal<any>;
     isComposition: _angular_core.WritableSignal<boolean>;
     isWriteValue: _angular_core.WritableSignal<boolean>;
     private unSubject;
@@ -625,17 +647,22 @@ declare class XInputComponent extends XInputProperty implements OnInit {
     beforeIsTemplate: _angular_core.Signal<boolean>;
     afterIsTemplate: _angular_core.Signal<boolean>;
     getTemplateWidth: _angular_core.Signal<string>;
+    inputWidth: _angular_core.Signal<string>;
     focused: _angular_core.WritableSignal<boolean>;
     groupSize: _angular_core.WritableSignal<XSize | null>;
     groupBordered: _angular_core.WritableSignal<boolean | null>;
     cdr: ChangeDetectorRef;
     private inputGroup;
     elementRef: ElementRef<any>;
+    private resizeObserver;
     ngOnInit(): void;
+    ngAfterViewInit(): void;
     ngOnDestroy(): void;
+    setAutoElement(): void;
     setEvent(): void;
     inputCheckValue(x: Event): void;
     change(value: any): void;
+    validatorValue(value: any): void;
     onClear(): void;
     setInheritedValue(): void;
     inputFocus(type?: 'focus' | 'select' | 'before' | 'after'): void;

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

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { ElementRef, TemplateRef, OnChanges, QueryList, SimpleChanges, InjectionToken, OnDestroy } from '@angular/core';
+import { TemplateRef, ElementRef, OnChanges, QueryList, SimpleChanges, InjectionToken, OnDestroy } from '@angular/core';
 import * as rxjs from 'rxjs';
 import { Subscription } from 'rxjs';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
@@ -9,23 +9,6 @@ import { Highlightable, ActiveDescendantKeyManager } from '@angular/cdk/a11y';
 import { XI18nList } from '@ng-nest/ui/i18n';
 import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 
-declare class XListOptionComponent extends XListOptionProperty implements Highlightable {
-    role: string;
-    elementRef: ElementRef<any>;
-    classMap: _angular_core.Signal<{}>;
-    disabled: boolean;
-    nodeStyleComputed: _angular_core.Signal<{
-        [x: string]: any;
-    }>;
-    constructor();
-    ngOnDestroy(): void;
-    setActiveStyles(): void;
-    setInactiveStyles(): void;
-    getLabel(): string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XListOptionComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XListOptionComponent, "x-list-option", never, {}, {}, never, never, true, never>;
-}
-
 /**
  * List
  * @selector x-list
@@ -39,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;
@@ -76,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>;
@@ -316,8 +298,18 @@ interface XListNode extends XParentIdentityProperty<XListNode> {
      * @zh_CN 对应的节点组件
      * @en_US List option component
      */
-    component?: XListOptionComponent;
+    component?: XListOptionHandle;
 }
+/**
+ * @zh_CN 对应的节点组件
+ * @en_US List option component
+ */
+type XListOptionHandle = {
+    setActiveStyles(): void;
+    setInactiveStyles(): void;
+    getLabel(): string;
+    getElementRef(): ElementRef<HTMLElement>;
+};
 /**
  * List Option
  * @selector x-list-option
@@ -450,6 +442,24 @@ type XListDragDrop = {
     event: CdkDragDrop<XListNode[]>;
 };
 
+declare class XListOptionComponent extends XListOptionProperty implements Highlightable, XListOptionHandle {
+    role: string;
+    elementRef: ElementRef<HTMLElement>;
+    classMap: _angular_core.Signal<{}>;
+    disabled: boolean;
+    nodeStyleComputed: _angular_core.Signal<{
+        [x: string]: any;
+    }>;
+    constructor();
+    ngOnDestroy(): void;
+    setActiveStyles(): void;
+    setInactiveStyles(): void;
+    getLabel(): string;
+    getElementRef(): ElementRef<HTMLElement>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XListOptionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XListOptionComponent, "x-list-option", never, {}, {}, never, never, true, never>;
+}
+
 declare class XListComponent extends XListProperty implements OnChanges {
     private unSubject;
     private i18n;
@@ -539,4 +549,4 @@ declare class XListModule {
 }
 
 export { XListComponent, XListDropGroup, XListModule, XListOptionComponent, XListOptionPrefix, XListOptionProperty, XListPrefix, XListProperty, X_LIST_DROP_GROUP };
-export type { XListDragDrop, XListNode };
+export type { XListDragDrop, XListNode, XListOptionHandle };

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 };