@ng-nest/ui 17.0.11 → 18.0.0

package/input/input.property.d.ts

@@ -1,6 +1,6 @@
-import { XSize, XNumber, XBoolean, XPositionLeftRight, XProperty, XTemplate } from '@ng-nest/ui/core';
-import { EventEmitter } from '@angular/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 { XSize, XNumber, XBoolean, XPositionLeftRight, XTemplate, XAlign, XJustify, XDirection } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 /**
  * Input
@@ -8,153 +8,284 @@ import * as i0 from "@angular/core";
  * @decorator component
  */
 export declare const XInputPrefix = "x-input";
+declare const XInputProperty_base: new () => {
+    config: import("@ng-nest/ui/core").XInputConfig | undefined;
+    cdr: import("@angular/core").ChangeDetectorRef;
+    invalid: import("@angular/core").Signal<boolean>; /**
+     * @zh_CN 输入类型
+     * @en_US Input type
+     */
+    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>;
+};
 /**
  * Input Property
  */
-export declare class XInputProperty extends XControlValueAccessor<any> implements XInputOption {
+export declare class XInputProperty extends XInputProperty_base {
     /**
      * @zh_CN 输入类型
      * @en_US Input type
      */
-    type?: XInputType;
+    readonly type: import("@angular/core").InputSignal<XInputType>;
     /**
      * @zh_CN 清除按钮
      * @en_US Clear button
      */
-    clearable?: XBoolean;
+    readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 图标
      * @en_US Icon
      */
-    icon?: string;
+    readonly icon: import("@angular/core").InputSignal<string | undefined>;
     /**
      * @zh_CN 图标布局方式
      * @en_US Icon layout
      */
-    iconLayout: XInputIconLayoutType;
+    readonly iconLayout: import("@angular/core").InputSignal<XPositionLeftRight>;
     /**
      * @zh_CN 图标动画
      * @en_US Icon animation
      */
-    iconSpin: XBoolean;
+    readonly iconSpin: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 输入最大长度
      * @en_US Enter the maximum length
      */
-    maxlength: XNumber;
+    readonly maxlength: import("@angular/core").InputSignalWithTransform<number | null, XNumber>;
     /**
      * @zh_CN 最大值
      * @en_US Enter the max
      */
-    max: XNumber;
+    readonly max: import("@angular/core").InputSignalWithTransform<number | null, XNumber>;
     /**
      * @zh_CN 最小值
      * @en_US Enter the min
      */
-    min: XNumber;
+    readonly min: import("@angular/core").InputSignalWithTransform<number | null, XNumber>;
     /**
      * @zh_CN 宽度
      * @en_US width
      */
-    width: XNumber;
-    /**
-     * @zh_CN 尺寸
-     * @en_US Size
-     */
-    size: XSize;
+    readonly width: import("@angular/core").InputSignalWithTransform<string, XNumber>;
     /**
      * @zh_CN 显示边框
      * @en_US Display Border
      */
-    bordered: XBoolean;
+    readonly bordered: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 输入框样式
      * @en_US Input Style
      */
-    inputStyle: {
+    readonly inputStyle: import("@angular/core").InputSignal<{
         [style: string]: any;
-    };
+    } | undefined>;
     /**
-     * @zh_CN 输入框点击样式
-     * @en_US Input pointer
+     * @zh_CN 输入框内边距。主要指输入框中的左右内边距
+     * @en_US Enter the border of the input box.
      */
-    pointer: XBoolean;
+    readonly inputPadding: import("@angular/core").InputSignalWithTransform<string, XNumber>;
+    /**
+     * @zh_CN 输入框内边距(包含图标)。主要指输入框中的有图标的时候左右内边距
+     * @en_US Enter the border between the input box (including icon).
+     */
+    readonly inputIconPadding: import("@angular/core").InputSignalWithTransform<string, XNumber>;
     /**
      * @zh_CN 初始启用验证，在输入值都自动开启
      * @en_US Initial enable validation, which is automatically enabled when the input value is
      */
-    validator: XBoolean;
+    readonly validator: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 尺寸
+     * @en_US Size
+     */
+    readonly size: import("@angular/core").InputSignal<XSize>;
+    /**
+     * @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
+     */
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
-     * @zh_CN 输入框内边距，rem。主要指输入框中的左右内边距
-     * @en_US Enter the border of the input box, rem.
+     * @zh_CN 必填
+     * @en_US Required
      */
-    inputPadding: XNumber;
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
-     * @zh_CN 输入框内边距(包含图标)，rem。主要指输入框中的有图标的时候左右内边距
-     * @en_US Enter the border between the input box (including icon), rem.
+     * @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
      */
-    inputIconPadding: XNumber;
+    readonly valueTplContext: import("@angular/core").InputSignal<unknown>;
     /**
      * @zh_CN 前置标签
      * @en_US Before label
      */
-    before: XTemplate;
+    readonly before: import("@angular/core").InputSignal<XTemplate | undefined>;
     /**
      * @zh_CN 后置标签
      * @en_US After label
      */
-    after: XTemplate;
+    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>;
     /**
      * @zh_CN 清除按钮的事件
      * @en_US Clear button event
      */
-    clearEmit: EventEmitter<any>;
+    readonly clearEmit: import("@angular/core").OutputEmitterRef<any>;
     /**
      * @zh_CN 获取焦点的事件
      * @en_US Focus event
      */
-    xFocus: EventEmitter<any>;
+    readonly xFocus: import("@angular/core").OutputEmitterRef<any>;
     /**
      * @zh_CN 失去焦点的事件
      * @en_US Blur event
      */
-    xBlur: EventEmitter<any>;
+    readonly xBlur: import("@angular/core").OutputEmitterRef<any>;
     /**
      * @zh_CN Input
      * @en_US Input event
      */
-    xInput: EventEmitter<any>;
+    readonly xInput: import("@angular/core").OutputEmitterRef<any>;
     /**
      * @zh_CN Keydown
      * @en_US Keydown event
      */
-    xKeydown: EventEmitter<any>;
+    readonly xKeydown: import("@angular/core").OutputEmitterRef<KeyboardEvent>;
     /**
      * @zh_CN Click
      * @en_US Click event
      */
-    xClick: EventEmitter<any>;
+    readonly xClick: import("@angular/core").OutputEmitterRef<MouseEvent>;
     /**
      * @zh_CN Mouseenter
      * @en_US Mouseenter event
      */
-    xMouseenter: EventEmitter<any>;
+    readonly xMouseenter: import("@angular/core").OutputEmitterRef<MouseEvent>;
     /**
      * @zh_CN Mouseleave
      * @en_US Mouseleave event
      */
-    xMouseleave: EventEmitter<any>;
+    readonly xMouseleave: import("@angular/core").OutputEmitterRef<MouseEvent>;
     /**
      * @zh_CN Composition
      * @en_US Composition event
      */
-    xComposition: EventEmitter<any>;
+    readonly xComposition: import("@angular/core").OutputEmitterRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XInputProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XInputProperty, "x-input-property", never, { "type": { "alias": "type"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconLayout": { "alias": "iconLayout"; "required": false; }; "iconSpin": { "alias": "iconSpin"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "width": { "alias": "width"; "required": false; }; "size": { "alias": "size"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "pointer": { "alias": "pointer"; "required": false; }; "validator": { "alias": "validator"; "required": false; }; "inputPadding": { "alias": "inputPadding"; "required": false; }; "inputIconPadding": { "alias": "inputIconPadding"; "required": false; }; "before": { "alias": "before"; "required": false; }; "after": { "alias": "after"; "required": false; }; }, { "clearEmit": "clearEmit"; "xFocus": "xFocus"; "xBlur": "xBlur"; "xInput": "xInput"; "xKeydown": "xKeydown"; "xClick": "xClick"; "xMouseenter": "xMouseenter"; "xMouseleave": "xMouseleave"; "xComposition": "xComposition"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XInputProperty, "x-input-property", never, { "type": { "alias": "type"; "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; }; "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, false, never>;
 }
 /**
  * Input Option
- * @undocument true
  */
 export interface XInputOption extends XFormOption {
     /**
@@ -166,12 +297,7 @@ export interface XInputOption extends XFormOption {
      * @zh_CN 清除按钮
      * @en_US Clear button
      */
-    clearable?: XBoolean;
-    /**
-     * @zh_CN 只读
-     * @en_US Read only
-     */
-    readonly?: XBoolean;
+    clearable?: boolean;
     /**
      * @zh_CN 图标
      * @en_US Icon
@@ -186,27 +312,124 @@ export interface XInputOption extends XFormOption {
      * @zh_CN 图标动画
      * @en_US Icon animation
      */
-    iconSpin?: XBoolean;
+    iconSpin?: boolean;
     /**
      * @zh_CN 输入最大长度
      * @en_US Enter the maximum length
      */
-    maxlength?: XNumber;
+    maxlength?: number;
+    /**
+     * @zh_CN 最大值
+     * @en_US Enter the max
+     */
+    max?: number;
+    /**
+     * @zh_CN 最小值
+     * @en_US Enter the min
+     */
+    min?: number;
     /**
      * @zh_CN 宽度
      * @en_US width
      */
-    width?: XNumber;
+    width?: string;
+    /**
+     * @zh_CN 显示边框
+     * @en_US Display Border
+     */
+    bordered?: boolean;
+    /**
+     * @zh_CN 输入框样式
+     * @en_US Input Style
+     */
+    inputStyle?: {
+        [style: string]: any;
+    };
+    /**
+     * @zh_CN 输入框内边距。主要指输入框中的左右内边距
+     * @en_US Enter the border of the input box.
+     */
+    inputPadding?: string;
+    /**
+     * @zh_CN 输入框内边距(包含图标)。主要指输入框中的有图标的时候左右内边距
+     * @en_US Enter the border between the input box (including icon).
+     */
+    inputIconPadding?: string;
+    /**
+     * @zh_CN 初始启用验证，在输入值都自动开启
+     * @en_US Initial enable validation, which is automatically enabled when the input value is
+     */
+    validator?: boolean;
     /**
      * @zh_CN 尺寸
      * @en_US Size
      */
     size?: XSize;
     /**
-     * @zh_CN 显示边框
-     * @en_US Display Border
+     * @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
      */
-    bordered?: XBoolean;
+    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
@@ -218,15 +441,70 @@ export interface XInputOption extends XFormOption {
      */
     after?: XTemplate;
     /**
-     * @zh_CN 清除按钮的事件
-     * @en_US Clear button event
+     * @zh_CN 正则验证规则
+     * @en_US Regular verification rules
+     */
+    pattern?: RegExp | RegExp[];
+    /**
+     * @zh_CN 验证不通过提示文字
+     * @en_US Verify not pass the prompt text
      */
-    clearClick?: (value: any) => void;
+    message?: string | string[];
+    /**
+     * @zh_CN 激活状态
+     * @en_US Activation state
+     */
+    active?: boolean;
     /**
      * @zh_CN 输入验证函数
-     * @en_US Input validation function
+     * @en_US Enter the verification function
      */
     inputValidator?: (value: any) => boolean;
+    /**
+     * @zh_CN 清除按钮的事件
+     * @en_US Clear button event
+     */
+    clearEmit?: (value: any) => void;
+    /**
+     * @zh_CN 获取焦点的事件
+     * @en_US Focus event
+     */
+    xFocus?: (event: FocusEvent) => void;
+    /**
+     * @zh_CN 失去焦点的事件
+     * @en_US Blur event
+     */
+    xBlur?: (event: FocusEvent) => void;
+    /**
+     * @zh_CN Input
+     * @en_US Input event
+     */
+    xInput?: (event: Event) => void;
+    /**
+     * @zh_CN Keydown
+     * @en_US Keydown event
+     */
+    xKeydown?: (event: KeyboardEvent) => void;
+    /**
+     * @zh_CN Click
+     * @en_US Click event
+     */
+    xClick?: (event: MouseEvent) => void;
+    /**
+     * @zh_CN Mouseenter
+     * @en_US Mouseenter event
+     */
+    xMouseenter?: (event: MouseEvent) => void;
+    /**
+     * @zh_CN Mouseleave
+     * @en_US Mouseleave event
+     */
+    xMouseleave?: (event: MouseEvent) => void;
+    /**
+     * @zh_CN Composition
+     * @en_US Composition event
+     */
+    xComposition?: (event: CompositionEvent) => void;
 }
 /**
  * @zh_CN 输入框类型
@@ -249,25 +527,29 @@ export type XInputIconLayoutType = XPositionLeftRight;
  * @decorator component
  */
 export declare const XInputGroupPrefix = "x-input-group";
+declare const XInputGroupProperty_base: new () => {
+    config: import("@ng-nest/ui/core").XInputGroupConfig | undefined;
+};
 /**
  * Input Group Property
  */
-export declare class XInputGroupProperty extends XProperty {
+export declare class XInputGroupProperty extends XInputGroupProperty_base {
     /**
      * @zh_CN 尺寸
      * @en_US Size
      */
-    size: XSize;
+    readonly size: import("@angular/core").InputSignal<XSize | undefined>;
     /**
      * @zh_CN 显示边框
      * @en_US Display Border
      */
-    bordered: XBoolean;
+    readonly bordered: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 是否使用紧凑模式
      * @en_US Whether to use a compact mode
      */
-    compact: XBoolean;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XInputGroupProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XInputGroupProperty, "x-input-group-property", never, { "size": { "alias": "size"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XInputGroupProperty, "x-input-group-property", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }
+export {};

package/input-number/input-number.component.d.ts

@@ -1,33 +1,28 @@
 import { Subject, Subscription } from 'rxjs';
-import { OnInit, ChangeDetectorRef, ElementRef } from '@angular/core';
-import { XNumber, XConfigService } from '@ng-nest/ui/core';
+import { ElementRef } from '@angular/core';
+import { XNumber } from '@ng-nest/ui/core';
 import { XInputNumberProperty } from './input-number.property';
 import { XInputComponent } from '@ng-nest/ui/input';
 import * as i0 from "@angular/core";
-export declare class XInputNumberComponent extends XInputNumberProperty implements OnInit {
-    inputNumber: ElementRef<HTMLElement>;
-    inputEleRef: XInputComponent;
+export declare class XInputNumberComponent extends XInputNumberProperty {
+    inputNumber: import("@angular/core").Signal<ElementRef<HTMLElement>>;
+    inputEleRef: import("@angular/core").Signal<XInputComponent>;
     writeValue(value: any): void;
-    displayValue: any;
-    minDisabled: boolean;
-    maxDisabled: boolean;
+    displayValue: import("@angular/core").Signal<NonNullable<NonNullable<XNumber>>>;
+    minDisabled: import("@angular/core").WritableSignal<boolean>;
+    maxDisabled: import("@angular/core").WritableSignal<boolean>;
     mousedown$: Subscription;
     mouseup$: Subscription;
     timer: any;
-    icon: string;
-    iconSpin: boolean;
-    clearable: boolean;
-    isDown: boolean;
+    icon: import("@angular/core").WritableSignal<string>;
+    iconSpin: import("@angular/core").WritableSignal<boolean>;
+    clearable: import("@angular/core").WritableSignal<boolean>;
+    isDown: import("@angular/core").WritableSignal<boolean>;
     valueChange: Subject<any>;
     document: Document;
-    private renderer;
-    cdr: ChangeDetectorRef;
-    configService: XConfigService;
-    ngOnInit(): void;
-    setClassMap(): void;
-    setDisplayValue(): void;
+    private unSubject;
+    constructor();
     change(value: any): void;
-    onBlur(): void;
     down(event: Event, limit: XNumber, increase?: boolean): void;
     up(event: Event): void;
     plus(event: Event, limit: XNumber, increase?: boolean): void;