@ng-nest/ui 17.0.12 → 18.0.1

package/auto-complete/auto-complete.property.d.ts

@@ -1,6 +1,6 @@
-import { XParentIdentityProperty, XData, XPositionTopBottom, XSize, XBoolean } from '@ng-nest/ui/core';
-import { TemplateRef, EventEmitter } from '@angular/core';
-import { XControlValueAccessor, XFormOption } from '@ng-nest/ui/base-form';
+import { XParentIdentityProperty, XData, XPositionTopBottom, XSize, XBoolean, XAlign, XJustify, XDirection, XTemplate, XNumber } from '@ng-nest/ui/core';
+import { TemplateRef } from '@angular/core';
+import { XFormOption } from '@ng-nest/ui/base-form';
 import * as i0 from "@angular/core";
 /**
  * AutoComplete
@@ -8,61 +8,207 @@ import * as i0 from "@angular/core";
  * @decorator component
  */
 export declare const XAutoCompletePrefix = "x-auto-complete";
+declare const XAutoCompleteProperty_base: new () => {
+    config: import("@ng-nest/ui/core").XAutoCompleteConfig | 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; /**
+     * @zh_CN 输入框点击样式
+     * @en_US Input pointer
+     */
+    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>;
+};
 /**
  * AutoComplete Property
  */
-export declare class XAutoCompleteProperty extends XControlValueAccessor<any> {
+export declare class XAutoCompleteProperty extends XAutoCompleteProperty_base {
     /**
      * @zh_CN 节点数据
      * @en_US Node data
      */
-    data: XData<XAutoCompleteNode>;
+    readonly data: import("@angular/core").InputSignal<XData<XAutoCompleteNode>>;
     /**
      * @zh_CN 输入延迟执行时间，ms
      * @en_US Enter a delay execution time, ms
      */
-    debounceTime?: number;
+    readonly debounceTime: import("@angular/core").InputSignalWithTransform<number, XNumber>;
     /**
      * @zh_CN 展示方位
      * @en_US Display position
      */
-    placement?: XPositionTopBottom;
+    readonly placement: import("@angular/core").InputSignal<XPositionTopBottom>;
     /**
      * @zh_CN 节点模板
      * @en_US Node template
      */
-    nodeTpl?: TemplateRef<any>;
-    /**
-     * @zh_CN 尺寸
-     * @en_US Size
-     */
-    size: XSize;
+    readonly nodeTpl: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
     /**
      * @zh_CN 显示边框
      * @en_US Display Border
      */
-    bordered: XBoolean;
+    readonly bordered: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 匹配区分大小写
      * @en_US Case-sensitive
      */
-    caseSensitive: XBoolean;
+    readonly caseSensitive: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 只能是选择的值
      * @en_US Can only be the value of choice
      */
-    onlySelect: XBoolean;
+    readonly onlySelect: 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 必填
+     * @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>;
     /**
      * @zh_CN 选择节点事件
      * @en_US Node click event
      */
-    nodeEmit: EventEmitter<XAutoCompleteNode>;
+    readonly nodeEmit: import("@angular/core").OutputEmitterRef<XAutoCompleteNode>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XAutoCompleteProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XAutoCompleteProperty, "x-auto-complete-property", never, { "data": { "alias": "data"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "nodeTpl": { "alias": "nodeTpl"; "required": false; }; "size": { "alias": "size"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "caseSensitive": { "alias": "caseSensitive"; "required": false; }; "onlySelect": { "alias": "onlySelect"; "required": false; }; }, { "nodeEmit": "nodeEmit"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XAutoCompleteProperty, "x-auto-complete-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "nodeTpl": { "alias": "nodeTpl"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "caseSensitive": { "alias": "caseSensitive"; "required": false; "isSignal": true; }; "onlySelect": { "alias": "onlySelect"; "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"; "nodeEmit": "nodeEmit"; }, never, never, false, never>;
 }
 /**
  * AutoComplete Option
- * @undocument true
  */
 export interface XAutoCompleteOption extends XFormOption {
     /**
@@ -85,11 +231,126 @@ export interface XAutoCompleteOption extends XFormOption {
      * @en_US Node template
      */
     nodeTpl?: TemplateRef<any>;
+    /**
+     * @zh_CN 显示边框
+     * @en_US Display Border
+     */
+    bordered?: boolean;
+    /**
+     * @zh_CN 匹配区分大小写
+     * @en_US Case-sensitive
+     */
+    caseSensitive?: boolean;
+    /**
+     * @zh_CN 只能是选择的值
+     * @en_US Can only be the value of choice
+     */
+    onlySelect?: 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 选择节点事件
      * @en_US Node click event
      */
-    nodeClick?: (value: XAutoCompleteNode) => void;
+    nodeEmit?: (node: XAutoCompleteNode) => void;
 }
 /**
  * @zh_CN AutoComplete 数据对象
@@ -103,3 +364,4 @@ export interface XAutoCompleteNode extends XParentIdentityProperty<XAutoComplete
  * @decorator component
  */
 export declare const XAutoCompletePortalPrefix = "x-auto-complete-portal";
+export {};

package/avatar/avatar.component.d.ts

@@ -1,26 +1,36 @@
-import { ElementRef, OnDestroy, AfterViewInit, OnChanges, SimpleChanges } from '@angular/core';
+import { OnDestroy } from '@angular/core';
 import { XAvatarProperty } from './avatar.property';
-import { XConfigService } from '@ng-nest/ui/core';
+import type { XClassMap } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
-export declare class XAvatarComponent extends XAvatarProperty implements OnDestroy, OnChanges, AfterViewInit {
-    isImgError: boolean;
-    styleMap: {
-        [key: string]: any;
-    };
-    document: Document;
-    private _unSubject;
-    private _resizeObserver;
-    labelRef: ElementRef<HTMLElement>;
-    private renderer;
+export declare class XAvatarComponent extends XAvatarProperty implements OnDestroy {
+    private document;
+    private labelRef;
+    private fontSize;
+    private resizeObserver;
     private elementRef;
-    private cdr;
-    configService: XConfigService;
+    private labelWidth;
+    private documentWidth;
+    isImgError: import("@angular/core").WritableSignal<boolean>;
+    styleMap: import("@angular/core").Signal<{
+        height: string;
+        width: string;
+        lineHeight: string;
+        fontSize: string;
+    } | {
+        height?: undefined;
+        width?: undefined;
+        lineHeight?: undefined;
+        fontSize?: undefined;
+    }>;
+    classMap: import("@angular/core").Signal<XClassMap>;
+    labelStyleMap: import("@angular/core").Signal<{
+        transform?: undefined;
+    } | {
+        transform: string;
+    }>;
+    constructor();
+    ngAfterContentChecked(): void;
     ngOnDestroy(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngAfterViewInit(): void;
-    setClassMap(): void;
-    setStyleMap(size: number): void;
-    setLabel(): void;
     imgError(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<XAvatarComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XAvatarComponent, "x-avatar", never, {}, {}, never, never, true, never>;

package/avatar/avatar.property.d.ts

@@ -6,52 +6,117 @@ import * as i0 from "@angular/core";
  * @decorator component
  */
 export declare const XAvatarPrefix = "x-avatar";
+export declare const X_AVATAR_CONFIG_NAME = "avatar";
+declare const XAvatarProperty_base: new () => {
+    config: import("@ng-nest/ui/core").XAvatarConfig | undefined;
+};
 /**
  * Avatar Property
  */
-export declare class XAvatarProperty extends XProperty {
+export declare class XAvatarProperty extends XAvatarProperty_base {
     /**
      * @zh_CN 显示字符
      * @en_US Display characters
+     * @example
+     *
+     * ```html
+     * <x-avatar label="ng-nest"></x-avatar>
+     * ```
+     *
      */
-    label?: XTemplate;
+    readonly label: import("@angular/core").InputSignal<XTemplate | undefined>;
     /**
      * @zh_CN 尺寸
      * @en_US Size
+     * @example
+     *
+     * ```html
+     * <x-avatar size="big" icon="fto-user"></x-avatar>
+     * <x-avatar size="large" icon="fto-user"></x-avatar>
+     * <x-avatar size="medium"  icon="fto-user"></x-avatar>
+     * <x-avatar size="small" icon="fto-user"></x-avatar>
+     * <x-avatar size="mini" icon="fto-user"></x-avatar>
+     * <x-avatar [size]="100" icon="fto-user"></x-avatar>
+     * <x-avatar [size]="{ xs: 20, sm: 60, md: 90, lg: 120, xl: 160 }" icon="fto-user"></x-avatar>
+     * ```
+     *
      */
-    size?: XAvatarSize;
+    readonly size: import("@angular/core").InputSignal<XAvatarSize>;
     /**
      * @zh_CN 显示图标
      * @en_US Show icon
+     * @example
+     *
+     * ```html
+     * <x-avatar icon="fto-user"></x-avatar>
+     * ```
+     *
      */
-    icon?: string;
+    readonly icon: import("@angular/core").InputSignal<string | undefined>;
     /**
      * @zh_CN 形状
      * @en_US Shape
+     * @example
+     *
+     * ```html
+     * <x-avatar icon="fto-user" shape="circle"></x-avatar>
+     * <x-avatar icon="fto-user" shape="square"></x-avatar>
+     * ```
+     *
      */
-    shape?: XAvatarShape;
+    readonly shape: import("@angular/core").InputSignal<XShape>;
     /**
      * @zh_CN 图片地址
      * @en_US The map's address
+     * @example
+     *
+     * ```html
+     * <x-avatar src="https://ngnest.com/assets/img/logo/logo-144x144.png"></x-avatar>
+     * ```
+     *
      */
-    src?: string;
+    readonly src: import("@angular/core").InputSignal<string | undefined>;
     /**
      * @zh_CN 图片适应方式
      * @en_US Image adaptation method
+     * @example
+     *
+     * ```html
+     * <x-avatar fit="fill" src="https://ngnest.com/assets/img/logo/logo-144x144.png"></x-avatar>
+     * <x-avatar fit="contain" src="https://ngnest.com/assets/img/logo/logo-144x144.png"></x-avatar>
+     * <x-avatar fit="cover" src="https://ngnest.com/assets/img/logo/logo-144x144.png"></x-avatar>
+     * <x-avatar fit="none" src="https://ngnest.com/assets/img/logo/logo-144x144.png"></x-avatar>
+     * <x-avatar fit="scale-down" src="https://ngnest.com/assets/img/logo/logo-144x144.png"></x-avatar>
+     * ```
+     *
      */
-    fit?: XAvatarFit;
+    readonly fit: import("@angular/core").InputSignal<XFit>;
     /**
-     * @zh_CN 字符类型的时候左右边距，px
-     * @en_US When the character type is the left and right distance, PX
+     * @zh_CN 字符类型的时候左右边距
+     * @en_US When the character type is the left and right distance
+     * @example
+     *
+     * ```html
+     * <x-avatar label="ng-nest" gap="5"></x-avatar>
+     * <x-avatar label="ng-nest" gap="5px"></x-avatar>
+     * ```
+     *
      */
-    gap?: XNumber;
+    readonly gap: import("@angular/core").InputSignalWithTransform<string, XNumber>;
     /**
      * @zh_CN 背景颜色
      * @en_US Background color
+     * @example
+     *
+     * ```html
+     * <x-avatar label="ng-nest" backgroundColor="#999999"></x-avatar>
+     * <x-avatar label="ng-nest" backgroundColor="#888888"></x-avatar>
+     * ```
+     *
      */
-    backgroundColor?: string;
+    readonly backgroundColor: import("@angular/core").InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XAvatarProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XAvatarProperty, "x-avatar-property", never, { "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "src": { "alias": "src"; "required": false; }; "fit": { "alias": "fit"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XAvatarProperty, "x-avatar-property", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "fit": { "alias": "fit"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }
 /**
  * @zh_CN 头像形状
@@ -81,3 +146,4 @@ export declare class XAvatarGroupProperty extends XProperty {
     static ɵfac: i0.ɵɵFactoryDeclaration<XAvatarGroupProperty, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XAvatarGroupProperty, "x-avatar-group-property", never, {}, {}, never, never, false, never>;
 }
+export {};

package/back-top/back-top.component.d.ts

@@ -1,30 +1,25 @@
-import { OnInit, OnDestroy, TemplateRef, OnChanges, SimpleChanges } from '@angular/core';
+import { OnDestroy, TemplateRef } from '@angular/core';
 import { XBackTopProperty } from './back-top.property';
-import { XConfigService } from '@ng-nest/ui/core';
 import { XPortalOverlayRef } from '@ng-nest/ui/portal';
 import * as i0 from "@angular/core";
-export declare class XBackTopComponent extends XBackTopProperty implements OnInit, OnChanges, OnDestroy {
-    backTopTpl: TemplateRef<void>;
-    get scroll(): HTMLElement | Window | null;
-    get scrollTop(): number;
-    set scrollTop(top: number);
-    visiable: boolean;
-    scrolling: boolean;
+export declare class XBackTopComponent extends XBackTopProperty implements OnDestroy {
+    backTopTpl: import("@angular/core").Signal<TemplateRef<void>>;
+    visiable: import("@angular/core").WritableSignal<boolean>;
+    scrolling: import("@angular/core").WritableSignal<boolean>;
     portalRef: XPortalOverlayRef<any>;
     private doc;
-    private cdr;
     private portal;
     private viewContainerRef;
-    private _unSubject;
-    private _target;
-    configService: XConfigService;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngOnInit(): void;
+    private unSubject;
+    scroll: import("@angular/core").Signal<Element | (Window & typeof globalThis) | null>;
+    constructor();
     ngOnDestroy(): void;
     onBackTop(): void;
-    private setScrollEvent;
-    private setScrolling;
+    private addEvent;
+    private scrollTop;
+    private setVisible;
     private scrollTo;
+    private setScrollTop;
     static ɵfac: i0.ɵɵFactoryDeclaration<XBackTopComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XBackTopComponent, "x-back-top", never, {}, {}, never, never, true, never>;
 }

package/back-top/back-top.property.d.ts

@@ -1,5 +1,5 @@
-import { XProperty, XNumber } from '@ng-nest/ui/core';
 import { TemplateRef } from '@angular/core';
+import type { XNumber } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 /**
  * BackTop
@@ -7,35 +7,39 @@ import * as i0 from "@angular/core";
  * @decorator component
  */
 export declare const XBackTopPrefix = "x-back-top";
+declare const XBackTopProperty_base: new () => {
+    config: import("@ng-nest/ui/core").XBackTopConfig | undefined;
+};
 /**
  * BackTop Property
  */
-export declare class XBackTopProperty extends XProperty {
+export declare class XBackTopProperty extends XBackTopProperty_base {
     /**
      * @zh_CN 距离右边的距离
      * @en_US Distance to the right
      */
-    right?: string;
+    readonly right: import("@angular/core").InputSignalWithTransform<string, XNumber>;
     /**
      * @zh_CN 距离底部的距离
      * @en_US Distance from bottom
      */
-    bottom?: string;
+    readonly bottom: import("@angular/core").InputSignalWithTransform<string, XNumber>;
     /**
      * @zh_CN 滚动多少高度后显示
      * @en_US Display after scrolling how much height
      */
-    visibilityHeight?: XNumber;
+    readonly visibilityHeight: import("@angular/core").InputSignalWithTransform<number, XNumber>;
     /**
      * @zh_CN 内容模板
      * @en_US Content template
      */
-    template: TemplateRef<any>;
+    readonly template: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
     /**
      * @zh_CN 滚动的元素
      * @en_US Scroll element
      */
-    target?: string | HTMLElement;
+    readonly target: import("@angular/core").InputSignal<string | HTMLElement | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XBackTopProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XBackTopProperty, "x-back-top-property", never, { "right": { "alias": "right"; "required": false; }; "bottom": { "alias": "bottom"; "required": false; }; "visibilityHeight": { "alias": "visibilityHeight"; "required": false; }; "template": { "alias": "template"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XBackTopProperty, "x-back-top-property", never, { "right": { "alias": "right"; "required": false; "isSignal": true; }; "bottom": { "alias": "bottom"; "required": false; "isSignal": true; }; "visibilityHeight": { "alias": "visibilityHeight"; "required": false; "isSignal": true; }; "template": { "alias": "template"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }
+export {};