@ng-nest/ui 17.0.12 → 18.0.0

package/color/color.component.d.ts

@@ -1,15 +1,10 @@
-import { OnInit } from '@angular/core';
 import { XColorProperty } from './color.property';
-import { XConfigService } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
-export declare class XColorComponent extends XColorProperty implements OnInit {
-    colors: string[];
+export declare class XColorComponent extends XColorProperty {
+    className: string;
     private doc;
-    private renderer;
-    private elementRef;
-    configService: XConfigService;
-    ngOnInit(): void;
-    setColors(): void;
+    hexSignal: import("@angular/core").Signal<string>;
+    colors: import("@angular/core").Signal<string[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XColorComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XColorComponent, "x-color", never, {}, {}, never, never, true, never>;
 }

package/color/color.property.d.ts

@@ -1,4 +1,3 @@
-import { XProperty, XNumber } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 /**
  * Color
@@ -6,31 +5,60 @@ import * as i0 from "@angular/core";
  * @decorator component
  */
 export declare const XColorPrefix = "x-color";
-export declare const XAmounts: number[];
+declare const XColorProperty_base: new () => {
+    config: import("@ng-nest/ui/core").XColorConfig | undefined;
+};
 /**
  * Color Property
  */
-export declare class XColorProperty extends XProperty {
+export declare class XColorProperty extends XColorProperty_base {
     /**
      * @zh_CN 颜色名称
      * @en_US Color name
+     * @example
+     *
+     * ```html
+     * <x-color label="primary"></x-color>
+     * ```
+     *
      */
-    label: string;
+    readonly label: import("@angular/core").InputSignal<string>;
     /**
      * @zh_CN 十六进制颜色码，此处默认读取 css 变量中的主色
      * @en_US Hexadecimal color code, here the main color in the css variable is read by default
+     * @default 'var(--x-primary)'
+     * @example
+     *
+     * ```html
+     * <x-color hex="#67c23a"></x-color>
+     * ```
+     *
      */
-    hex: string;
+    readonly hex: import("@angular/core").InputSignal<string>;
     /**
      * @zh_CN 混合的颜色
      * @en_US Mixed colors
+     * @example
+     *
+     * ```html
+     * <x-color merge="#ffffff"></x-color>
+     * ```
+     *
      */
-    merge?: string;
+    readonly merge: import("@angular/core").InputSignal<string>;
     /**
      * @zh_CN 混合的颜色占比
      * @en_US Proportion of mixed colors
+     * @default [-0.1, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9]
+     * @example
+     *
+     * ```html
+     * <x-color [amounts]="[0.8, 0.9]"></x-color>
+     * ```
+     *
      */
-    amounts?: XNumber[];
+    readonly amounts: import("@angular/core").InputSignal<number[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XColorProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XColorProperty, "x-color-property", never, { "label": { "alias": "label"; "required": false; }; "hex": { "alias": "hex"; "required": false; }; "merge": { "alias": "merge"; "required": false; }; "amounts": { "alias": "amounts"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XColorProperty, "x-color-property", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "hex": { "alias": "hex"; "required": false; "isSignal": true; }; "merge": { "alias": "merge"; "required": false; "isSignal": true; }; "amounts": { "alias": "amounts"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }
+export {};

package/color-picker/color-picker-portal.component.d.ts

@@ -2,71 +2,60 @@ import { OnInit, ElementRef, OnDestroy } from '@angular/core';
 import { XColorType } from './color-picker.property';
 import { XPositionTopBottom } from '@ng-nest/ui/core';
 import { XSliderSelectComponent } from '@ng-nest/ui/slider-select';
-import { Subject } from 'rxjs';
 import { CdkDragMove } from '@angular/cdk/drag-drop';
 import { XInputComponent } from '@ng-nest/ui/input';
 import * as i0 from "@angular/core";
 export declare class XColorPickerPortalComponent implements OnInit, OnDestroy {
-    placement: XPositionTopBottom;
+    get getPlacement(): XPositionTopBottom | undefined;
     done(event: {
         toState: any;
     }): void;
-    start(): void;
-    panelRef: ElementRef<HTMLElement>;
-    plateRef: ElementRef<HTMLElement>;
-    transparentCom: XSliderSelectComponent;
-    value: string;
-    transparentRail: HTMLElement;
-    valueChange: Subject<string>;
-    positionChange: Subject<any>;
-    closePortal: Function;
-    destroyPortal: Function;
-    animating: Function;
-    nodeEmit: Function;
-    inputCom: XInputComponent;
-    sliderColorNum: number;
-    type: XColorType;
-    offset: number;
-    panel: DOMRect;
-    plate: DOMRect;
-    transform: {
-        x: number;
-        y: number;
-    };
-    initTransform: {
-        x: number;
-        y: number;
-    };
-    drag: boolean;
-    rgba: {
-        r?: number;
-        g?: number;
-        b?: number;
-        a?: number;
-    };
-    hsla: {
-        h?: number;
-        s?: number;
-        l?: number;
-        a?: number;
-        sp?: string;
-        lp?: string;
-    };
-    hex: string;
-    private _unSubject;
-    private doc;
+    start(event: {
+        toState: any;
+    }): void;
+    panelRef: import("@angular/core").Signal<ElementRef<any>>;
+    plateRef: import("@angular/core").Signal<ElementRef<any>>;
+    transparentCom: import("@angular/core").Signal<XSliderSelectComponent>;
+    value: import("@angular/core").ModelSignal<string>;
+    inputCom: import("@angular/core").InputSignal<XInputComponent | undefined>;
+    placement: import("@angular/core").InputSignal<XPositionTopBottom | undefined>;
+    animating: import("@angular/core").OutputEmitterRef<boolean>;
+    nodeClick: import("@angular/core").OutputEmitterRef<string>;
+    transparentRail: import("@angular/core").WritableSignal<HTMLElement | null>;
+    sliderColorNum: import("@angular/core").WritableSignal<number>;
+    type: import("@angular/core").WritableSignal<XColorType | null>;
+    offset: import("@angular/core").WritableSignal<number>;
+    panel: import("@angular/core").WritableSignal<DOMRect | null>;
+    plate: import("@angular/core").WritableSignal<DOMRect | null>;
+    transformX: import("@angular/core").WritableSignal<number>;
+    transformY: import("@angular/core").WritableSignal<number>;
+    initTransformX: import("@angular/core").WritableSignal<number>;
+    initTransformY: import("@angular/core").WritableSignal<number>;
+    drag: import("@angular/core").WritableSignal<boolean>;
+    rgba: import("@angular/core").WritableSignal<{
+        r?: number | undefined;
+        g?: number | undefined;
+        b?: number | undefined;
+        a?: number | undefined;
+    }>;
+    hsla: import("@angular/core").WritableSignal<{
+        h?: number | undefined;
+        s?: number | undefined;
+        l?: number | undefined;
+        a?: number | undefined;
+        sp?: string | undefined;
+        lp?: string | undefined;
+    }>;
+    hex: import("@angular/core").WritableSignal<string>;
+    private unSubject;
     private renderer;
-    private cdr;
     private decimal;
     private percent;
     ngOnInit(): void;
     ngOnDestroy(): void;
     ngAfterViewInit(): void;
     hexChange(): void;
-    rgbaChange(): void;
-    init(): void;
     stopPropagation(event: Event): void;
-    setDefault(): void;
     colorConvert(): void;
     rgbaConvert(str: string): void;
     hslaConvert(str: string): void;
@@ -77,7 +66,6 @@ export declare class XColorPickerPortalComponent implements OnInit, OnDestroy {
     moved(drag: CdkDragMove): void;
     setLetfTop(left: number, top: number): void;
     setHslaPercent(): void;
-    getPrimary(): string;
     hueChange(): void;
     setPlateBackground(): void;
     setRailBackground(): void;
@@ -126,5 +114,5 @@ export declare class XColorPickerPortalComponent implements OnInit, OnDestroy {
     repeatWord(word: string, num: number): string;
     repeatLetter(word: string, num: number): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<XColorPickerPortalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XColorPickerPortalComponent, "x-color-picker-portal", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XColorPickerPortalComponent, "x-color-picker-portal", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "inputCom": { "alias": "inputCom"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "animating": "animating"; "nodeClick": "nodeClick"; }, never, never, true, never>;
 }

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

@@ -1,50 +1,42 @@
 import { XColorPickerPortalComponent } from './color-picker-portal.component';
 import { XPortalOverlayRef } from '@ng-nest/ui/portal';
 import { Subject } from 'rxjs';
-import { OnInit, ChangeDetectorRef, ElementRef, AfterViewInit, OnDestroy } from '@angular/core';
+import { OnInit, ElementRef, AfterViewInit, OnDestroy, ComponentRef } from '@angular/core';
 import { XColorPickerProperty } from './color-picker.property';
 import { XInputComponent } from '@ng-nest/ui/input';
-import { OverlayConfig } from '@angular/cdk/overlay';
+import { OverlayConfig, OverlayRef } from '@angular/cdk/overlay';
 import * as i0 from "@angular/core";
 export declare class XColorPickerComponent extends XColorPickerProperty implements OnInit, AfterViewInit, OnDestroy {
-    colorPicker: ElementRef<HTMLElement>;
-    inputCom: XInputComponent;
+    colorPicker: import("@angular/core").Signal<ElementRef<any>>;
+    inputCom: import("@angular/core").Signal<XInputComponent>;
+    private doc;
+    primaryColor: string;
     writeValue(value: string): void;
-    get inputStyle(): {
-        backgroundColor: string;
+    inputStyle: import("@angular/core").Signal<{
+        backgroundColor: any;
         color: string;
-    };
-    readonly: boolean;
-    clearable: boolean;
-    enter: boolean;
-    animating: boolean;
-    displayValue: string;
-    valueStyle: {
-        [key: string]: string | number;
-    };
+    }>;
+    clearable: import("@angular/core").WritableSignal<boolean>;
+    enter: import("@angular/core").WritableSignal<boolean>;
+    animating: import("@angular/core").WritableSignal<boolean>;
+    displayValue: import("@angular/core").Signal<any>;
     portal: XPortalOverlayRef<XColorPickerPortalComponent>;
-    icon: string;
-    box: DOMRect;
-    protalHeight: number;
-    maxNodes: number;
-    protalTobottom: boolean;
-    valueChange: Subject<any>;
-    dataChange: Subject<any>;
-    positionChange: Subject<any>;
+    icon: import("@angular/core").WritableSignal<string>;
     closeSubject: Subject<void>;
-    private _unSubject;
     document: Document;
-    private renderer;
-    cdr: ChangeDetectorRef;
+    private unSubject;
     private portalService;
     private viewContainerRef;
     private overlay;
     private elementRef;
+    private realPlacement;
+    portalComponent: import("@angular/core").WritableSignal<ComponentRef<XColorPickerPortalComponent> | null>;
+    portalOverlayRef: import("@angular/core").WritableSignal<OverlayRef | null>;
+    constructor();
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     setSubject(): void;
-    setValueStyle(): void;
     menter(): void;
     mleave(): void;
     clearEmit(): void;
@@ -58,7 +50,6 @@ export declare class XColorPickerComponent extends XColorPickerProperty implemen
     onNodeClick(color: string): void;
     setPlacement(): import("@angular/cdk/overlay").PositionStrategy;
     setPortal(): void;
-    setClassMap(): void;
     formControlChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<XColorPickerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XColorPickerComponent, "x-color-picker", never, {}, {}, never, never, true, never>;

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

@@ -1,5 +1,6 @@
-import { XBoolean, XCorner, XSize } from '@ng-nest/ui/core';
-import { XControlValueAccessor, XFormOption } from '@ng-nest/ui/base-form';
+import { TemplateRef } from '@angular/core';
+import { XFormOption } from '@ng-nest/ui/base-form';
+import type { XAlign, XBoolean, XCorner, XDirection, XJustify, XNumber, XSize, XTemplate } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 /**
  * ColorPicker
@@ -7,31 +8,174 @@ import * as i0 from "@angular/core";
  * @decorator component
  */
 export declare const XColorPickerPrefix = "x-color-picker";
+declare const XColorPickerProperty_base: new () => {
+    config: import("@ng-nest/ui/core").XColorPickerConfig | undefined;
+    cdr: import("@angular/core").ChangeDetectorRef;
+    invalid: import("@angular/core").Signal<boolean>;
+    invalidPattern: import("@angular/core").Signal<boolean>;
+    requiredIsEmpty: import("@angular/core").Signal<boolean>;
+    invalidMessage: import("@angular/core").Signal<string>;
+    invalidIndex: import("@angular/core").WritableSignal<number>;
+    value: import("@angular/core").WritableSignal<any>;
+    validatorSignal: import("@angular/core").WritableSignal<boolean>;
+    disabledSignal: import("@angular/core").WritableSignal<boolean>;
+    requiredSignal: import("@angular/core").WritableSignal<boolean>;
+    patternSignal: import("@angular/core").WritableSignal<any>;
+    messageSignal: import("@angular/core").WritableSignal<string | string[]>;
+    requiredComputed: import("@angular/core").Signal<boolean>;
+    disabledComputed: import("@angular/core").Signal<boolean>;
+    validatorComputed: import("@angular/core").Signal<boolean>;
+    patternComputed: import("@angular/core").Signal<any>;
+    messageComputed: import("@angular/core").Signal<string | string[]>;
+    invalidInputValidator: import("@angular/core").WritableSignal<boolean>;
+    onChange: (value: any) => void;
+    onTouched: () => void;
+    writeValue(value: any): void;
+    registerOnChange(fn: (value: any) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    formControlValidator(): void;
+    readonly validator: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly labelWidth: import("@angular/core").InputSignalWithTransform<string, XNumber>;
+    readonly labelAlign: import("@angular/core").InputSignal<XAlign>;
+    readonly justify: import("@angular/core").InputSignal<XJustify>;
+    readonly align: import("@angular/core").InputSignal<XAlign>;
+    readonly direction: import("@angular/core").InputSignal<XDirection>;
+    readonly size: import("@angular/core").InputSignal<XSize>;
+    readonly placeholder: import("@angular/core").InputSignal<string | string[]>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
+    readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
+    readonly valueTpl: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
+    readonly valueTplContext: import("@angular/core").InputSignal<unknown>;
+    readonly before: import("@angular/core").InputSignal<XTemplate | undefined>;
+    readonly after: import("@angular/core").InputSignal<XTemplate | undefined>;
+    readonly pattern: import("@angular/core").InputSignal<RegExp | RegExp[]>;
+    readonly message: import("@angular/core").InputSignal<string | string[]>;
+    readonly active: import("@angular/core").ModelSignal<boolean>;
+    readonly pointer: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
+    readonly inputValidator: import("@angular/core").InputSignal<((value: any) => boolean) | undefined>;
+};
 /**
  * ColorPicker Property
  */
-export declare class XColorPickerProperty extends XControlValueAccessor<string> implements XColorPickerOption {
+export declare class XColorPickerProperty extends XColorPickerProperty_base {
     /**
      * @zh_CN 展示方位
      * @en_US Display position
      */
-    placement?: XCorner;
+    readonly placement: import("@angular/core").InputSignal<XCorner>;
+    /**
+     * @zh_CN 显示边框
+     * @en_US Display Border
+     */
+    readonly bordered: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 尺寸
      * @en_US Size
      */
-    size: XSize;
+    readonly size: import("@angular/core").InputSignal<XSize>;
     /**
-     * @zh_CN 显示边框
-     * @en_US Display Border
+     * @zh_CN 输入框点击样式
+     * @en_US Input pointer
+     */
+    readonly pointer: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 标签
+     * @en_US Label
+     */
+    readonly label: import("@angular/core").InputSignal<string>;
+    /**
+     * @zh_CN 标签宽度
+     * @en_US Label width
+     */
+    readonly labelWidth: import("@angular/core").InputSignalWithTransform<string, XNumber>;
+    /**
+     * @zh_CN 标签文字对齐方式
+     * @en_US Label text alignment method
+     */
+    readonly labelAlign: import("@angular/core").InputSignal<XAlign>;
+    /**
+     * @zh_CN flex 布局下的子元素水平排列方式
+     * @en_US The level of sub-element level arrangement under flex layout
+     */
+    readonly justify: import("@angular/core").InputSignal<XJustify>;
+    /**
+     * @zh_CN flex 布局下的子元素垂直排列方式
+     * @en_US sub-element vertical arrangement method under flex layout
+     */
+    readonly align: import("@angular/core").InputSignal<XAlign>;
+    /**
+     * @zh_CN flex 布局下的子元素排列方向
+     * @en_US The direction of the sub-element arrangement under flex layout
+     */
+    readonly direction: import("@angular/core").InputSignal<XDirection>;
+    /**
+     * @zh_CN 输入提示信息
+     * @en_US Enter prompt information
+     */
+    readonly placeholder: import("@angular/core").InputSignal<string | string[]>;
+    /**
+     * @zh_CN 禁用
+     * @en_US Disabled
      */
-    bordered: XBoolean;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 必填
+     * @en_US Required
+     */
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 只读
+     * @en_US Readonly
+     */
+    readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 值模板
+     * @en_US Node template
+     */
+    readonly valueTpl: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
+    /**
+     * @zh_CN 值模板参数
+     * @en_US Node template
+     */
+    readonly valueTplContext: import("@angular/core").InputSignal<unknown>;
+    /**
+     * @zh_CN 前置标签
+     * @en_US Before label
+     */
+    readonly before: import("@angular/core").InputSignal<XTemplate | undefined>;
+    /**
+     * @zh_CN 后置标签
+     * @en_US After label
+     */
+    readonly after: import("@angular/core").InputSignal<XTemplate | undefined>;
+    /**
+     * @zh_CN 正则验证规则
+     * @en_US Regular verification rules
+     */
+    readonly pattern: import("@angular/core").InputSignal<any>;
+    /**
+     * @zh_CN 验证不通过提示文字
+     * @en_US Verify not pass the prompt text
+     */
+    readonly message: import("@angular/core").InputSignal<string | string[]>;
+    /**
+     * @zh_CN 激活状态
+     * @en_US Activation state
+     */
+    readonly active: import("@angular/core").ModelSignal<boolean>;
+    /**
+     * @zh_CN 输入验证函数
+     * @en_US Enter the verification function
+     */
+    readonly inputValidator: import("@angular/core").InputSignal<((value: any) => boolean) | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XColorPickerProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XColorPickerProperty, "x-color-picker-property", never, { "placement": { "alias": "placement"; "required": false; }; "size": { "alias": "size"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XColorPickerProperty, "x-color-picker-property", never, { "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "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"; }, never, never, false, never>;
 }
 /**
  * ColorPicker Option
- * @undocument true
  */
 export interface XColorPickerOption extends XFormOption {
     /**
@@ -39,6 +183,111 @@ export interface XColorPickerOption extends XFormOption {
      * @en_US Display position
      */
     placement?: XCorner;
+    /**
+     * @zh_CN 显示边框
+     * @en_US Display Border
+     */
+    bordered?: boolean;
+    /**
+     * @zh_CN 尺寸
+     * @en_US Size
+     */
+    size?: XSize;
+    /**
+     * @zh_CN 输入框点击样式
+     * @en_US Input pointer
+     */
+    pointer?: boolean;
+    /**
+     * @zh_CN 标签
+     * @en_US Label
+     */
+    label?: string;
+    /**
+     * @zh_CN 标签宽度
+     * @en_US Label width
+     */
+    labelWidth?: string;
+    /**
+     * @zh_CN 标签文字对齐方式
+     * @en_US Label text alignment method
+     */
+    labelAlign?: XAlign;
+    /**
+     * @zh_CN flex 布局下的子元素水平排列方式
+     * @en_US The level of sub-element level arrangement under flex layout
+     */
+    justify?: XJustify;
+    /**
+     * @zh_CN flex 布局下的子元素垂直排列方式
+     * @en_US sub-element vertical arrangement method under flex layout
+     */
+    align?: XAlign;
+    /**
+     * @zh_CN flex 布局下的子元素排列方向
+     * @en_US The direction of the sub-element arrangement under flex layout
+     */
+    direction?: XDirection;
+    /**
+     * @zh_CN 输入提示信息
+     * @en_US Enter prompt information
+     */
+    placeholder?: string;
+    /**
+     * @zh_CN 禁用
+     * @en_US Disabled
+     */
+    disabled?: boolean;
+    /**
+     * @zh_CN 必填
+     * @en_US Required
+     */
+    required?: boolean;
+    /**
+     * @zh_CN 只读
+     * @en_US Readonly
+     */
+    readonly?: boolean;
+    /**
+     * @zh_CN 值模板
+     * @en_US Node template
+     */
+    valueTpl?: TemplateRef<any>;
+    /**
+     * @zh_CN 值模板参数
+     * @en_US Node template
+     */
+    valueTplContext?: any;
+    /**
+     * @zh_CN 前置标签
+     * @en_US Before label
+     */
+    before?: XTemplate;
+    /**
+     * @zh_CN 后置标签
+     * @en_US After label
+     */
+    after?: XTemplate;
+    /**
+     * @zh_CN 正则验证规则
+     * @en_US Regular verification rules
+     */
+    pattern?: RegExp | RegExp[];
+    /**
+     * @zh_CN 验证不通过提示文字
+     * @en_US Verify not pass the prompt text
+     */
+    message?: string | string[];
+    /**
+     * @zh_CN 激活状态
+     * @en_US Activation state
+     */
+    active?: boolean;
+    /**
+     * @zh_CN 输入验证函数
+     * @en_US Enter the verification function
+     */
+    inputValidator?: (value: any) => boolean;
 }
 /**
  * @zh_CN 颜色种类
@@ -51,3 +300,4 @@ export type XColorType = 'hex' | 'rgba' | 'hsla';
  * @decorator component
  */
 export declare const XColorPickerPortalPrefix = "x-color-picker-portal";
+export {};

package/comment/comment-reply.component.d.ts

@@ -1,14 +1,7 @@
 import { XCommentReplyProperty } from './comment.property';
-import { XConfigService } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 export declare class XCommentReplyComponent extends XCommentReplyProperty {
-    inputValue: string;
-    private _unSubject;
-    private cdr;
-    private i18n;
-    configService: XConfigService;
-    ngOnInit(): void;
-    ngOnDestroy(): void;
+    inputValue: import("@angular/core").WritableSignal<string>;
     sureOnClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<XCommentReplyComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XCommentReplyComponent, "x-comment-reply", never, {}, {}, never, never, true, never>;

package/comment/comment.component.d.ts

@@ -1,24 +1,14 @@
-import { SimpleChanges, OnChanges } from '@angular/core';
-import { XCommentNode, XCommentProperty } from './comment.property';
-import { XConfigService } from '@ng-nest/ui/core';
+import { XCommentProperty } from './comment.property';
+import type { XCommentNode } from './comment.property';
 import * as i0 from "@angular/core";
-export declare class XCommentComponent extends XCommentProperty implements OnChanges {
-    nodes: XCommentNode[];
-    private _unSubject;
-    private cdr;
-    private i18n;
-    configService: XConfigService;
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngOnDestroy(): void;
+export declare class XCommentComponent extends XCommentProperty {
+    nodes: import("@angular/core").Signal<XCommentNode[]>;
     likeOnClick(node: XCommentNode): void;
     commentOnClick(node: XCommentNode): void;
     replyOnClick(node: XCommentNode): void;
     sureOnClick(content: string, node: XCommentNode): void;
     moreOnClick(node: XCommentNode): void;
     hasMore(node: XCommentNode): boolean;
-    trackByNode(_index: number, item: XCommentNode): any;
-    private setData;
     static ɵfac: i0.ɵɵFactoryDeclaration<XCommentComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XCommentComponent, "x-comment", never, {}, {}, never, never, true, never>;
 }