@ng-nest/ui 17.0.11 → 18.0.0

package/badge/badge.component.d.ts

@@ -1,21 +1,14 @@
-import { OnInit, SimpleChanges, OnChanges } from '@angular/core';
 import { XBadgeProperty } from './badge.property';
-import { XConfigService } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
-export declare class XBadgeComponent extends XBadgeProperty implements OnInit, OnChanges {
-    displayValue: string;
-    viewInit: boolean;
-    range: (string | number)[];
-    displayNums: any[];
-    maxNums: number[];
-    get valueNumber(): number;
-    get getOffsetRight(): string | null;
-    get getOffsetTop(): string | number | null;
-    configService: XConfigService;
-    ngOnInit(): void;
-    ngOnChanges(simples: SimpleChanges): void;
-    setClassMap(): void;
-    setDisplayValue(): void;
+export declare class XBadgeComponent extends XBadgeProperty {
+    range: import("@angular/core").WritableSignal<(string | number)[]>;
+    valueNumber: import("@angular/core").Signal<number>;
+    classMap: import("@angular/core").Signal<{
+        [x: string]: boolean;
+    }>;
+    displayNums: import("@angular/core").Signal<(string | number)[]>;
+    translateYNumbers: import("@angular/core").Signal<number[]>;
+    maxNums: import("@angular/core").Signal<number[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XBadgeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XBadgeComponent, "x-badge", never, {}, {}, never, ["*"], true, never>;
 }

package/badge/badge.property.d.ts

@@ -1,4 +1,4 @@
-import { XProperty, XNumber, XBoolean, XType } from '@ng-nest/ui/core';
+import type { XNumber, XBoolean, XType } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 /**
  * Badge
@@ -6,45 +6,127 @@ import * as i0 from "@angular/core";
  * @decorator component
  */
 export declare const XBadgePrefix = "x-badge";
+declare const XBadgeProperty_base: new () => {
+    config: import("@ng-nest/ui/core").XBadgeConfgig | undefined;
+};
 /**
  * Badge Property
  */
-export declare class XBadgeProperty extends XProperty {
+export declare class XBadgeProperty extends XBadgeProperty_base {
     /**
-     * @zh_CN 背景颜色
-     * @en_US Background color
+     * @zh_CN 类型，背景颜色
+     * @en_US Type, the background color
+     * @example
+     *
+     * ```html
+     * <x-badge value="12" type="primary">
+     *   <x-button>primary</x-button>
+     * </x-badge>
+     * <x-badge value="12" type="success">
+     *   <x-button>success</x-button>
+     * </x-badge>
+     * <x-badge value="12" type="info">
+     *   <x-button>info</x-button>
+     * </x-badge>
+     * <x-badge value="12" type="warning">
+     *   <x-button>warning</x-button>
+     * </x-badge>
+     * <x-badge value="12" type="danger">
+     *   <x-button>danger</x-button>
+     * </x-badge>
+     * <x-badge value="12" type="text">
+     *   <x-button>text</x-button>
+     * </x-badge>
+     * ```
+     *
      */
-    type?: XBadgeType;
+    readonly type: import("@angular/core").InputSignal<XType>;
     /**
      * @zh_CN 最大值
      * @en_US Max
+     * @example
+     *
+     * ```html
+     * <x-badge value="200" max="99">
+     *   <x-button>99</x-button>
+     * </x-badge>
+     * <x-badge value="300" max="200">
+     *   <x-button>200</x-button>
+     * </x-badge>
+     * ```
      */
-    max?: XNumber;
+    readonly max: import("@angular/core").InputSignalWithTransform<number, XNumber>;
     /**
      * @zh_CN 显示值
      * @en_US Display value
+     * @example
+     *
+     * ```html
+     * <x-badge value="88">
+     *   <x-button>value</x-button>
+     * </x-badge>
+     * ```
      */
-    value: XNumber;
+    readonly value: import("@angular/core").InputSignalWithTransform<string, XNumber>;
     /**
-     * @zh_CN 偏移值 [left, top]
-     * @en_US Offset value
+     * @zh_CN 偏移值 left
+     * @en_US Offset left value
+     * @example
+     *
+     * ```html
+     * <x-badge value="88" offsetLeft="5px">
+     *   <x-button>value</x-button>
+     * </x-badge>
+     * ```
+     *
      */
-    offset: (number | string)[];
+    readonly offsetLeft: import("@angular/core").InputSignalWithTransform<string, XNumber>;
+    /**
+     * @zh_CN 偏移值 top
+     * @en_US Offset right value
+     * @example
+     *
+     * ```html
+     * <x-badge value="88" offsetTop="5px">
+     *   <x-button>value</x-button>
+     * </x-badge>
+     * ```
+     *
+     */
+    readonly offsetTop: import("@angular/core").InputSignalWithTransform<string, XNumber>;
     /**
      * @zh_CN 是否显示小红点
      * @en_US Whether to show the small red dot
+     * @example
+     *
+     * ```html
+     * <x-badge dot>
+     *   <x-button>value</x-button>
+     * </x-badge>
+     * ```
+     *
      */
-    dot?: XBoolean;
+    readonly dot: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 独立使用
      * @en_US Independent use
+     * @example
+     *
+     * ```html
+     * <x-badge standalone value="25"></x-badge>
+     * <x-badge standalone value="200" max="99"></x-badge>
+     * <x-badge standalone value="hot"></x-badge>
+     * <x-badge standalone dot></x-badge>
+     * ```
+     *
      */
-    standalone?: XBoolean;
+    readonly standalone: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XBadgeProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XBadgeProperty, "x-badge-property", never, { "type": { "alias": "type"; "required": false; }; "max": { "alias": "max"; "required": false; }; "value": { "alias": "value"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "dot": { "alias": "dot"; "required": false; }; "standalone": { "alias": "standalone"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XBadgeProperty, "x-badge-property", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "offsetLeft": { "alias": "offsetLeft"; "required": false; "isSignal": true; }; "offsetTop": { "alias": "offsetTop"; "required": false; "isSignal": true; }; "dot": { "alias": "dot"; "required": false; "isSignal": true; }; "standalone": { "alias": "standalone"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }
 /**
  * @zh_CN 标记类型
  * @en_US Mark type
  */
 export type XBadgeType = XType;
+export {};

package/base-form/base-form.component.d.ts

@@ -1,33 +1,60 @@
 import { ControlValueAccessor, ValidatorFn } from '@angular/forms';
-import { ChangeDetectorRef, Renderer2, Type } from '@angular/core';
-import { XJustify, XAlign, XDirection, XClassMap, XBoolean } from '@ng-nest/ui/core';
-import { XFormProp } from './base-form.property';
-import * as i0 from "@angular/core";
-export declare class XControlValueAccessor<T> extends XFormProp implements ControlValueAccessor {
-    cdr: ChangeDetectorRef;
-    get invalid(): boolean | "";
-    get invalidPattern(): boolean;
-    get requiredIsEmpty(): boolean | "";
-    get invalidMessage(): string;
-    invalidIndex: number;
-    labelMap: XClassMap;
-    value: T;
-    validator: XBoolean;
-    invalidInputValidator: boolean;
-    onChange: (value: T) => void;
-    onTouched: () => void;
-    writeValue(value: T): void;
-    registerOnChange(fn: (value: T) => void): void;
-    registerOnTouched(fn: () => void): void;
-    setDisabledState(disabled: boolean): void;
-    setFlex(ele: Element, renderer: Renderer2, justify?: XJustify, align?: XAlign, direction?: XDirection): string[];
-    formControlValidator(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<XControlValueAccessor<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XControlValueAccessor<any>, "x-control-value-accessor", never, {}, {}, never, never, true, never>;
-}
+import { ChangeDetectorRef, Type } from '@angular/core';
+import { XComponentConfigKey } from '@ng-nest/ui/core';
 export declare function XValueAccessor<T>(component: Type<T>): {
     provide: import("@angular/core").InjectionToken<readonly ControlValueAccessor[]>;
     useExisting: Type<any>;
     multi: boolean;
 };
 export declare function XFormInputValidator(func: (value: any) => boolean): ValidatorFn;
+export declare function XFormControlFunction<C extends XComponentConfigKey>(configName: C): {
+    new (): {
+        config: import("@ng-nest/ui/core").XComponentConfig[C];
+        cdr: 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, import("@ng-nest/ui/core").XBoolean>;
+        readonly label: import("@angular/core").InputSignal<string>;
+        readonly labelWidth: import("@angular/core").InputSignalWithTransform<string, import("@ng-nest/ui/core").XNumber>;
+        readonly labelAlign: import("@angular/core").InputSignal<import("@ng-nest/ui/core").XAlign>;
+        readonly justify: import("@angular/core").InputSignal<import("@ng-nest/ui/core").XJustify>;
+        readonly align: import("@angular/core").InputSignal<import("@ng-nest/ui/core").XAlign>;
+        readonly direction: import("@angular/core").InputSignal<import("@ng-nest/ui/core").XDirection>;
+        readonly size: import("@angular/core").InputSignal<import("@ng-nest/ui/core").XSize>;
+        readonly placeholder: import("@angular/core").InputSignal<string | string[]>;
+        readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, import("@ng-nest/ui/core").XBoolean>;
+        readonly required: import("@angular/core").InputSignalWithTransform<boolean, import("@ng-nest/ui/core").XBoolean>;
+        readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, import("@ng-nest/ui/core").XBoolean>;
+        readonly valueTpl: import("@angular/core").InputSignal<import("@angular/core").TemplateRef<any> | undefined>;
+        readonly valueTplContext: import("@angular/core").InputSignal<unknown>;
+        readonly before: import("@angular/core").InputSignal<import("@ng-nest/ui/core").XTemplate | undefined>;
+        readonly after: import("@angular/core").InputSignal<import("@ng-nest/ui/core").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, import("@ng-nest/ui/core").XBoolean>;
+        readonly inputValidator: import("@angular/core").InputSignal<((value: any) => boolean) | undefined>;
+    };
+};

package/base-form/base-form.module.d.ts

@@ -1,7 +1,6 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./base-form.component";
 export declare class XBaseFormModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<XBaseFormModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<XBaseFormModule, never, [typeof i1.XControlValueAccessor], [typeof i1.XControlValueAccessor]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<XBaseFormModule, never, never, never>;
     static ɵinj: i0.ɵɵInjectorDeclaration<XBaseFormModule>;
 }

package/base-form/base-form.property.d.ts

@@ -1,96 +1,112 @@
-import { EventEmitter, TemplateRef } from '@angular/core';
-import { XAlign, XBoolean, XDirection, XJustify, XProperty, XSize, XTemplate } from '@ng-nest/ui/core';
+import { TemplateRef } from '@angular/core';
+import { XAlign, XBoolean, XDirection, XJustify, XNumber, XProperty, XSize, XTemplate } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 /**
  * 表单对象共有的参数
  */
 export declare class XFormProp extends XProperty {
     /**
-     * 标签
+     * @zh_CN 标签
+     * @en_US Label
      */
-    label?: string;
+    readonly label: import("@angular/core").InputSignal<string>;
     /**
-     * 标签宽度
+     * @zh_CN 标签宽度
+     * @en_US Label width
      */
-    labelWidth?: string;
+    readonly labelWidth: import("@angular/core").InputSignalWithTransform<string, XNumber>;
     /**
-     * 标签文字对齐方式
+     * @zh_CN 标签文字对齐方式
+     * @en_US Label text alignment method
      */
-    labelAlign?: XAlign;
+    readonly labelAlign: import("@angular/core").InputSignal<XAlign>;
     /**
-     * flex 布局下的子元素水平排列方式
+     * @zh_CN flex 布局下的子元素水平排列方式
+     * @en_US The level of sub-element level arrangement under flex layout
      */
-    justify?: XJustify;
+    readonly justify: import("@angular/core").InputSignal<XJustify>;
     /**
-     * flex 布局下的子元素垂直排列方式
+     * @zh_CN flex 布局下的子元素垂直排列方式
+     * @en_US sub-element vertical arrangement method under flex layout
      */
-    align?: XAlign;
+    readonly align: import("@angular/core").InputSignal<XAlign>;
     /**
-     * flex 布局下的子元素排列方向
+     * @zh_CN flex 布局下的子元素排列方向
+     * @en_US The direction of the sub-element arrangement under flex layout
      */
-    direction?: XDirection;
+    readonly direction: import("@angular/core").InputSignal<XDirection>;
     /**
-     * 输入提示信息
+     * @zh_CN 尺寸
+     * @en_US Size
      */
-    placeholder?: string | string[];
+    readonly size: import("@angular/core").InputSignal<XSize>;
     /**
-     * 禁用
+     * @zh_CN 输入提示信息
+     * @en_US Enter prompt information
      */
-    disabled: XBoolean;
+    readonly placeholder: import("@angular/core").InputSignal<string | string[]>;
     /**
-     * 必填
+     * @zh_CN 禁用
+     * @en_US Disabled
      */
-    required: XBoolean;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
-     * 只读
+     * @zh_CN 必填
+     * @en_US Required
      */
-    readonly: XBoolean;
+    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
      */
-    valueTpl?: TemplateRef<any>;
+    readonly valueTpl: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
     /**
      * @zh_CN 值模板参数
      * @en_US Node template
      */
-    valueTplContext: any;
+    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;
-    /**
-     * 正则验证规则
-     */
-    pattern?: any;
+    readonly after: import("@angular/core").InputSignal<XTemplate | undefined>;
     /**
-     * 验证不通过提示文字
+     * @zh_CN 正则验证规则
+     * @en_US Regular verification rules
      */
-    message?: string | string[];
+    readonly pattern: import("@angular/core").InputSignal<any>;
     /**
-     * 激活状态
+     * @zh_CN 验证不通过提示文字
+     * @en_US Verify not pass the prompt text
      */
-    active: XBoolean;
+    readonly message: import("@angular/core").InputSignal<string | string[]>;
     /**
-     * 输入框点击样式
+     * @zh_CN 激活状态
+     * @en_US Activation state
      */
-    pointer: XBoolean;
+    readonly active: import("@angular/core").ModelSignal<boolean>;
     /**
-     * 输入验证函数
+     * @zh_CN 输入框点击样式
+     * @en_US Enter box click style
      */
-    inputValidator: (value: any) => boolean;
+    readonly pointer: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
-     * 激活状态
+     * @zh_CN 输入验证函数
+     * @en_US Enter the verification function
      */
-    activeChange: EventEmitter<XBoolean>;
+    readonly inputValidator: import("@angular/core").InputSignal<((value: any) => boolean) | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XFormProp, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XFormProp, "x-form-prop", never, { "label": { "alias": "label"; "required": false; }; "labelWidth": { "alias": "labelWidth"; "required": false; }; "labelAlign": { "alias": "labelAlign"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "align": { "alias": "align"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "valueTpl": { "alias": "valueTpl"; "required": false; }; "valueTplContext": { "alias": "valueTplContext"; "required": false; }; "before": { "alias": "before"; "required": false; }; "after": { "alias": "after"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "message": { "alias": "message"; "required": false; }; "active": { "alias": "active"; "required": false; }; "pointer": { "alias": "pointer"; "required": false; }; "inputValidator": { "alias": "inputValidator"; "required": false; }; }, { "activeChange": "activeChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XFormProp, "x-form-prop", never, { "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; }; "size": { "alias": "size"; "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; }; "pointer": { "alias": "pointer"; "required": false; "isSignal": true; }; "inputValidator": { "alias": "inputValidator"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; }, never, never, false, never>;
 }
 export interface XFormOption {
     /**
@@ -128,11 +144,11 @@ export interface XFormOption {
     /**
      * 禁用
      */
-    disabled?: XBoolean;
+    disabled?: boolean;
     /**
      * 必填
      */
-    required?: XBoolean;
+    required?: boolean;
     /**
      * 正则验证规则
      */
@@ -144,13 +160,125 @@ export interface XFormOption {
     /**
      * 激活状态
      */
-    active?: XBoolean;
+    active?: boolean;
     /**
      * 输入框点击样式
      */
-    pointer?: XBoolean;
+    pointer?: boolean;
     /**
      * 输入验证函数
      */
     inputValidator?: (value: any) => boolean;
 }
+/**
+ * 表单对象共有的参数
+ */
+export declare class XFormControlProp extends XProperty {
+    /**
+     * @zh_CN 初始启用验证，在输入值都自动开启
+     * @en_US Initial enable validation, which is automatically enabled when the input value is
+     */
+    readonly validator: 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 Size
+     */
+    readonly size: import("@angular/core").InputSignal<XSize>;
+    /**
+     * @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 必填
+     * @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<RegExp | RegExp[]>;
+    /**
+     * @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 box click style
+     */
+    readonly pointer: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 输入验证函数
+     * @en_US Enter the verification function
+     */
+    readonly inputValidator: import("@angular/core").InputSignal<((value: any) => boolean) | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XFormControlProp, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XFormControlProp, "x-formcontrol-prop", never, { "validator": { "alias": "validator"; "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; }; "size": { "alias": "size"; "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; }; "pointer": { "alias": "pointer"; "required": false; "isSignal": true; }; "inputValidator": { "alias": "inputValidator"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; }, never, never, false, never>;
+}

package/button/button.component.d.ts

@@ -1,20 +1,22 @@
-import { OnInit, OnChanges, SimpleChanges, ElementRef } from '@angular/core';
-import { XConfigService } from '@ng-nest/ui/core';
+import { ElementRef, AfterViewInit, OnDestroy } from '@angular/core';
 import { XButtonProperty } from './button.property';
 import * as i0 from "@angular/core";
-export declare class XButtonComponent extends XButtonProperty implements OnInit, OnChanges {
-    transition: boolean;
-    buttonRef: ElementRef;
+export declare class XButtonComponent extends XButtonProperty implements AfterViewInit, OnDestroy {
+    buttonRef: import("@angular/core").Signal<ElementRef<any>>;
     private buttons;
-    private cdr;
-    private elementRef;
-    private renderer;
-    configService: XConfigService;
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    setClassMap(): void;
-    setSpace(): void;
-    setDisabled(): void;
+    private focusMontitor;
+    transition: import("@angular/core").WritableSignal<boolean>;
+    get marginLeft(): string | undefined;
+    get marginRight(): string | undefined;
+    get pointerEvents(): "" | "none";
+    constructor();
+    classMap: import("@angular/core").Signal<{
+        [x: string]: boolean;
+    }>;
+    roundSignal: import("@angular/core").Signal<boolean>;
+    disabledComputed: import("@angular/core").Signal<"" | "none">;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<XButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XButtonComponent, "x-button", never, {}, {}, never, ["*"], true, never>;
 }