@ng-nest/ui 17.0.11 → 18.0.0

package/tree/tree.property.d.ts

@@ -1,6 +1,7 @@
-import { XProperty, XData, XParentIdentityProperty, XNumber, XBoolean, XIdentityProperty, XAlign } from '@ng-nest/ui/core';
-import { TemplateRef, EventEmitter, ElementRef } from '@angular/core';
+import { XProperty } from '@ng-nest/ui/core';
+import { TemplateRef } from '@angular/core';
 import { CdkDragEnd, CdkDragMove, CdkDragStart } from '@angular/cdk/drag-drop';
+import type { XData, XParentIdentityProperty, XNumber, XBoolean, XIdentityProperty, XAlign } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 /**
  * Tree
@@ -8,217 +9,210 @@ import * as i0 from "@angular/core";
  * @decorator component
  */
 export declare const XTreePrefix = "x-tree";
+declare const XTreeProperty_base: new () => {
+    config: import("@ng-nest/ui/core").XTreeConfig | undefined;
+};
 /**
  * Tree Property
  */
-export declare class XTreeProperty extends XProperty {
+export declare class XTreeProperty extends XTreeProperty_base {
     /**
      * @zh_CN 节点数据
      * @en_US Node data
      */
-    data: XData<XTreeNode>;
+    readonly data: import("@angular/core").InputSignal<XData<XTreeNode>>;
     /**
      * @zh_CN 显示多选框
      * @en_US Show checkbox
      */
-    checkbox?: XBoolean;
+    readonly checkbox: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 开启懒加载节点，data 必须设置成函数类型
      * @en_US Open lazy loading node, data must be set to function type
      */
-    lazy?: XBoolean;
+    readonly lazy: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 当前激活的节点 Id, 当 multiple 为 true 时，值为数组（默认是 Id 数组，objectArray 为 true，对象数组）
      * @en_US Currently active node Id. When Multiple is true, the value is the Id array
      */
-    activatedId: any;
+    readonly activatedId: import("@angular/core").ModelSignal<any>;
     /**
      * @zh_CN 展开的节点
      * @en_US Expanded node
      */
-    expanded: any[];
+    readonly expanded: import("@angular/core").ModelSignal<any[]>;
     /**
      * @zh_CN checkbox 选中的节点
      * @en_US Checkbox selected node
      */
-    checked: any[];
+    readonly checked: import("@angular/core").ModelSignal<any[]>;
     /**
      * @zh_CN 展开所有节点
      * @en_US Expand all nodes
      */
-    expandedAll?: XBoolean;
+    readonly expandedAll: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 默认展开的层级
      * @en_US Default expanded level
      */
-    expandedLevel: XNumber;
+    readonly expandedLevel: import("@angular/core").InputSignalWithTransform<number, XNumber>;
     /**
      * @zh_CN 点击节点就触发展开/收起的操作，请确保节点上没有其它操作（checkbox、自定义的操作按钮）
      * @en_US Click the node to trigger the expand/collapse operation, please make sure that there are no other operations on the node (checkbox, custom operation button)
      */
-    nodeOpen?: XBoolean;
+    readonly nodeOpen: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
-     * @zh_CN 单位间距，这个与层级的乘积算出节点的左边距，单位 rem
-     * @en_US Unit spacing, the product of this and the level calculates the left margin of the node, the unit is rem
+     * @zh_CN 单位间距，这个与层级的乘积算出节点的左边距
+     * @en_US Unit spacing, the product of this and the level calculates the left margin of the node
      */
-    spacing?: XNumber;
+    readonly spacing: import("@angular/core").InputSignalWithTransform<string, XNumber>;
     /**
      * @zh_CN 标签自定义模板
      * @en_US Label custom template
      */
-    labelTpl?: TemplateRef<void>;
+    readonly labelTpl: import("@angular/core").InputSignal<TemplateRef<void> | undefined>;
     /**
-     * @zh_CN 节点的高度，单位 rem, 默认 0 是自适应高度
-     * @en_US The height of the node in rem
+     * @zh_CN 节点的高度, 默认是自适应高度
+     * @en_US The height of the node
      */
-    nodeHeight: XNumber;
+    readonly nodeHeight: import("@angular/core").InputSignalWithTransform<string, XNumber>;
     /**
      * @zh_CN 是否允许多次点击一个节点触发多次事件
      * @en_US Whether to allow multiple clicks on a node to trigger multiple events
      */
-    allowManyActivated?: XBoolean;
+    readonly allowManyActivated: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 拖动节点
      * @en_US Drag node
      */
-    drag?: XBoolean;
+    readonly drag: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 当前点击选中的节点变化的事件
      * @en_US The event of the currently clicked node change
      */
-    activatedChange: EventEmitter<XTreeNode>;
+    readonly activatedChange: import("@angular/core").OutputEmitterRef<XTreeNode>;
     /**
      * @zh_CN 使用 checkedbox 选中变化的事件
      * @en_US Use checkedbox to select changed events
      */
-    checkboxChange: EventEmitter<XTreeNode>;
+    readonly checkboxChange: import("@angular/core").OutputEmitterRef<XTreeNode>;
     /**
-     * @zh_CN 如果 data 是函数类型，可以通过此参数控制请求，常用于弹框中的表格，弹出后再请求
+     * @zh_CN 如果 data 是函数类型，可以通过此参数控制请求，用于弹框中的表格，弹出后再请求
      * @en_US If data is a function type, you can use this parameter to control the request, which is often used in the form in the pop-up box, and then request it after it pops up
      */
-    manual: boolean;
+    readonly manual: import("@angular/core").ModelSignal<boolean>;
     /**
      * @zh_CN checkbox 状态改变触发层级检查
      * @en_US Checkbox status changes trigger level checks
      */
-    levelCheck: XBoolean;
+    readonly levelCheck: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 节点内容不换行显示省略号
      * @en_US Show ellipsis without wrapping
      */
-    nodeNowrap: XBoolean;
+    readonly nodeNowrap: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 节点垂直对齐方式
      * @en_US Show ellipsis without wrapping
      */
-    nodeAlignItems: XAlign;
+    readonly nodeAlignItems: import("@angular/core").InputSignal<XAlign>;
     /**
      * @zh_CN 树节点操作按钮
      * @en_US Tree node operation buttons
      */
-    actions: XTreeAction[];
+    readonly actions: import("@angular/core").InputSignal<XTreeAction[]>;
     /**
      * @zh_CN 滚动区域元素
      * @en_US Rolling area element
      */
-    scrollElement?: HTMLElement;
+    readonly scrollElement: import("@angular/core").InputSignal<HTMLElement | undefined>;
     /**
      * @zh_CN 开启虚拟滚动
      * @en_US Turn on virtual scrolling
      */
-    virtualScroll: XBoolean;
+    readonly virtualScroll: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 滚动区域高度，开启虚拟滚动的时候生效
      * @en_US Rolling area height
      */
-    virtualScrollHeight: number;
+    readonly virtualScrollHeight: import("@angular/core").InputSignalWithTransform<string, XNumber>;
     /**
      * @zh_CN 虚拟滚动高度自适应指定元素
      * @en_US virtual rolling height follows the specified object
      */
-    heightAdaption: ElementRef<HTMLElement> | HTMLElement;
+    readonly heightAdaption: import("@angular/core").InputSignal<HTMLElement | undefined>;
     /**
      * @zh_CN itemSize，对应 cdk scroll 中的参数，开启虚拟滚动才生效
      * @en_US itemSize，corresponding to the parameters in cdk scroll
      */
-    itemSize: number;
+    readonly itemSize: import("@angular/core").InputSignalWithTransform<number, XNumber>;
     /**
      * @zh_CN 超出可视窗口缓冲区的最小值，对应 cdk scroll 中的参数，开启虚拟滚动才生效
      * @en_US Exceed the minimum value of the visible window buffer, corresponding to the parameters in cdk scroll
      */
-    minBufferPx: number;
+    readonly minBufferPx: import("@angular/core").InputSignalWithTransform<number, XNumber>;
     /**
      * @zh_CN 渲染新数据缓冲区的像素，对应 cdk scroll 中的参数，开启虚拟滚动才生效
      * @en_US Render the pixels of the new data buffer, corresponding to the parameters in cdk scroll
      */
-    maxBufferPx: number;
+    readonly maxBufferPx: import("@angular/core").InputSignalWithTransform<number, XNumber>;
     /**
      * @zh_CN 多选功能，当前激活的节点可以是多个
      * @en_US Multiple choice
      */
-    multiple?: XBoolean;
+    readonly multiple: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 当开启多选的时候，activatedId 的值为对象数组
      * @en_US When multiple selection is enabled, the value of activatedId is an array of objects
      */
-    objectArray?: XBoolean;
+    readonly objectArray: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 关键字高亮，针对下拉树搜索
      * @en_US Keyword highlighting
      */
-    keywordText: string | string[];
+    readonly keywordText: import("@angular/core").InputSignal<string | string[] | undefined>;
     /**
      * @zh_CN 匹配关键字区分大小写，针对下拉树搜索
      * @en_US Case-sensitive
      */
-    caseSensitive: XBoolean;
+    readonly caseSensitive: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 只能选择叶子节点
      * @en_US Only leaf nodes can be selected
      */
-    onlyLeaf: XBoolean;
+    readonly onlyLeaf: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 展开收起的图标自定义模版
      * @en_US Expand the folded icon custom template
      */
-    expandedIcon?: TemplateRef<void>;
+    readonly expandedIcon: import("@angular/core").InputSignal<TemplateRef<void> | undefined>;
     /**
      * @zh_CN 显示连接线
      * @en_US Show line
      */
-    showLine: XBoolean;
-    /**
-     * @zh_CN 参数控制请求改变事件
-     * @en_US Parameter control request change event
-     */
-    manualChange: EventEmitter<boolean>;
-    /**
-     * @zh_CN 节点点击事件
-     * @en_US Node click event
-     */
-    nodeClick: EventEmitter<XTreeNode>;
+    readonly showLine: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 节点点击事件
      * @en_US Node click event
      */
-    activatedIdChange: EventEmitter<any>;
+    readonly nodeClick: import("@angular/core").OutputEmitterRef<XTreeNode>;
     /**
      * @zh_CN 节点开始拖动事件
      * @en_US Node drag started
      */
-    nodeDragStarted: EventEmitter<XTreeNodeDragEvent>;
+    readonly nodeDragStarted: import("@angular/core").OutputEmitterRef<XTreeNodeDragEvent>;
     /**
      * @zh_CN 节点结束拖动事件
      * @en_US Node drag ended
      */
-    nodeDragEnded: EventEmitter<XTreeNodeDragEvent>;
+    readonly nodeDragEnded: import("@angular/core").OutputEmitterRef<XTreeNodeDragEvent>;
     /**
      * @zh_CN 节点正在拖动事件
      * @en_US Node drag moved
      */
-    nodeDragMoved: EventEmitter<XTreeNodeDragEvent>;
+    readonly nodeDragMoved: import("@angular/core").OutputEmitterRef<XTreeNodeDragEvent>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XTreeProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XTreeProperty, "x-tree-property", never, { "data": { "alias": "data"; "required": false; }; "checkbox": { "alias": "checkbox"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "activatedId": { "alias": "activatedId"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "expandedAll": { "alias": "expandedAll"; "required": false; }; "expandedLevel": { "alias": "expandedLevel"; "required": false; }; "nodeOpen": { "alias": "nodeOpen"; "required": false; }; "spacing": { "alias": "spacing"; "required": false; }; "labelTpl": { "alias": "labelTpl"; "required": false; }; "nodeHeight": { "alias": "nodeHeight"; "required": false; }; "allowManyActivated": { "alias": "allowManyActivated"; "required": false; }; "drag": { "alias": "drag"; "required": false; }; "manual": { "alias": "manual"; "required": false; }; "levelCheck": { "alias": "levelCheck"; "required": false; }; "nodeNowrap": { "alias": "nodeNowrap"; "required": false; }; "nodeAlignItems": { "alias": "nodeAlignItems"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "scrollElement": { "alias": "scrollElement"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollHeight": { "alias": "virtualScrollHeight"; "required": false; }; "heightAdaption": { "alias": "heightAdaption"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "minBufferPx": { "alias": "minBufferPx"; "required": false; }; "maxBufferPx": { "alias": "maxBufferPx"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "objectArray": { "alias": "objectArray"; "required": false; }; "keywordText": { "alias": "keywordText"; "required": false; }; "caseSensitive": { "alias": "caseSensitive"; "required": false; }; "onlyLeaf": { "alias": "onlyLeaf"; "required": false; }; "expandedIcon": { "alias": "expandedIcon"; "required": false; }; "showLine": { "alias": "showLine"; "required": false; }; }, { "activatedChange": "activatedChange"; "checkboxChange": "checkboxChange"; "manualChange": "manualChange"; "nodeClick": "nodeClick"; "activatedIdChange": "activatedIdChange"; "nodeDragStarted": "nodeDragStarted"; "nodeDragEnded": "nodeDragEnded"; "nodeDragMoved": "nodeDragMoved"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTreeProperty, "x-tree-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "checkbox": { "alias": "checkbox"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "activatedId": { "alias": "activatedId"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "expandedAll": { "alias": "expandedAll"; "required": false; "isSignal": true; }; "expandedLevel": { "alias": "expandedLevel"; "required": false; "isSignal": true; }; "nodeOpen": { "alias": "nodeOpen"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "labelTpl": { "alias": "labelTpl"; "required": false; "isSignal": true; }; "nodeHeight": { "alias": "nodeHeight"; "required": false; "isSignal": true; }; "allowManyActivated": { "alias": "allowManyActivated"; "required": false; "isSignal": true; }; "drag": { "alias": "drag"; "required": false; "isSignal": true; }; "manual": { "alias": "manual"; "required": false; "isSignal": true; }; "levelCheck": { "alias": "levelCheck"; "required": false; "isSignal": true; }; "nodeNowrap": { "alias": "nodeNowrap"; "required": false; "isSignal": true; }; "nodeAlignItems": { "alias": "nodeAlignItems"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "scrollElement": { "alias": "scrollElement"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollHeight": { "alias": "virtualScrollHeight"; "required": false; "isSignal": true; }; "heightAdaption": { "alias": "heightAdaption"; "required": false; "isSignal": true; }; "itemSize": { "alias": "itemSize"; "required": false; "isSignal": true; }; "minBufferPx": { "alias": "minBufferPx"; "required": false; "isSignal": true; }; "maxBufferPx": { "alias": "maxBufferPx"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "objectArray": { "alias": "objectArray"; "required": false; "isSignal": true; }; "keywordText": { "alias": "keywordText"; "required": false; "isSignal": true; }; "caseSensitive": { "alias": "caseSensitive"; "required": false; "isSignal": true; }; "onlyLeaf": { "alias": "onlyLeaf"; "required": false; "isSignal": true; }; "expandedIcon": { "alias": "expandedIcon"; "required": false; "isSignal": true; }; "showLine": { "alias": "showLine"; "required": false; "isSignal": true; }; }, { "activatedId": "activatedIdChange"; "expanded": "expandedChange"; "checked": "checkedChange"; "activatedChange": "activatedChange"; "checkboxChange": "checkboxChange"; "manual": "manualChange"; "nodeClick": "nodeClick"; "nodeDragStarted": "nodeDragStarted"; "nodeDragEnded": "nodeDragEnded"; "nodeDragMoved": "nodeDragMoved"; }, never, never, false, never>;
 }
 /**
  * @zh_CN Tree 数据对象
@@ -251,10 +245,10 @@ export interface XTreeNode extends XParentIdentityProperty<XTreeNode> {
      */
     indeterminate?: boolean;
     /**
-     * @zh_CN 节点高度，优先级高于 tree 参数，单位 rem
-     * @en_US Node height in rem, highest priority
+     * @zh_CN 节点高度，优先级高于 tree 参数
+     * @en_US Node height, highest priority
      */
-    height?: number;
+    height?: string;
     /**
      * @zh_CN 节点内容不换行显示省略号，优先级高于 tree 参数
      * @en_US Show ellipsis without wrapping, highest priority
@@ -337,42 +331,98 @@ export declare class XTreeNodeProperty extends XProperty {
      * @zh_CN 节点数据
      * @en_US Node data
      */
-    node: XTreeNode;
+    readonly node: import("@angular/core").InputSignal<XTreeNode>;
     /**
      * @zh_CN 层级
      * @en_US Level
      */
-    level?: XNumber;
+    readonly level: import("@angular/core").ModelSignal<number | undefined>;
     /**
-     * @zh_CN 懒加载子节点
-     * @en_US Lazy loading of child nodes
+     * @zh_CN 节点的高度
+     * @en_US The height of the node
      */
-    lazy?: XBoolean;
+    readonly nodeHeight: import("@angular/core").ModelSignal<string>;
     /**
-     * @zh_CN 节点的高度，单位 rem
-     * @en_US The height of the node in rem
+     * @zh_CN 节点内容不换行显示省略号
+     * @en_US Show ellipsis without wrapping
      */
-    nodeHeight: XNumber;
+    readonly nodeNowrap: import("@angular/core").ModelSignal<boolean>;
     /**
-     * @zh_CN 节点内容不换行显示省略号
+     * @zh_CN 节点垂直对齐方式
+     * @en_US Show ellipsis without wrapping
+     */
+    readonly nodeAlignItems: import("@angular/core").ModelSignal<XAlign>;
+    /**
+     * @zh_CN 标记为虚拟滚动的节点
+     * @en_US Mark as a node of virtual rolling
+     */
+    readonly virtualScroll: import("@angular/core").ModelSignal<boolean | undefined>;
+    /**
+     * @zh_CN 禁用
+     * @en_US Disabled
+     */
+    readonly disabled: import("@angular/core").ModelSignal<boolean | undefined>;
+    /**
+     * @zh_CN id
+     * @en_US Id
+     */
+    readonly id: import("@angular/core").ModelSignal<any>;
+    /**
+     * @zh_CN pid
+     * @en_US pId
+     */
+    readonly pid: import("@angular/core").ModelSignal<any>;
+    /**
+     * @zh_CN 叶子节点
+     * @en_US A leaf node
+     */
+    readonly leaf: import("@angular/core").ModelSignal<boolean | undefined>;
+    /**
+     * @zh_CN 节点的高度
+     * @en_US The height of the node
+     */
+    readonly height: import("@angular/core").ModelSignal<string>;
+    /**
+     * @zh_CN 节点垂直对齐方式
      * @en_US Show ellipsis without wrapping
      */
-    nodeNowrap?: XBoolean;
+    readonly alignItems: import("@angular/core").ModelSignal<XAlign | undefined>;
     /**
      * @zh_CN 节点垂直对齐方式
      * @en_US Show ellipsis without wrapping
      */
-    nodeAlignItems: XAlign;
+    readonly loading: import("@angular/core").ModelSignal<boolean | undefined>;
     /**
-     * @zh_CN 懒加载函数
-     * @en_US Lazy loading function
+     * @zh_CN 展开
+     * @en_US open
      */
-    lazyData: XData<XTreeNode[]>;
+    readonly open: import("@angular/core").ModelSignal<boolean | undefined>;
     /**
-     * @zh_CN 标记为虚拟滚动的节点
-     * @en_US Mark as a node of virtual rolling
+     * @zh_CN checkbox 是否选中
+     * @en_US whether checkbox is selected
+     */
+    readonly checked: import("@angular/core").ModelSignal<boolean | undefined>;
+    /**
+     * @zh_CN checkbox 子节点是否有选中的状态
+     * @en_US Whether the child node of checkbox is selected
+     */
+    readonly indeterminate: import("@angular/core").ModelSignal<boolean | undefined>;
+    /**
+     * @zh_CN 节点名称
+     * @en_US The name of the node
+     */
+    readonly label: import("@angular/core").ModelSignal<string | undefined>;
+    /**
+     * @zh_CN 节点内容不换行显示省略号，优先级高于 tree 参数
+     * @en_US Show ellipsis without wrapping, highest priority
+     */
+    readonly nowrap: import("@angular/core").ModelSignal<boolean | undefined>;
+    /**
+     * @zh_CN 节点展开收起事件
+     * @en_US Node expansion pack up
      */
-    virtualScroll?: XBoolean;
+    readonly toggle: import("@angular/core").OutputEmitterRef<XTreeNode>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XTreeNodeProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XTreeNodeProperty, "x-tree-node-property", never, { "node": { "alias": "node"; "required": false; }; "level": { "alias": "level"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "nodeHeight": { "alias": "nodeHeight"; "required": false; }; "nodeNowrap": { "alias": "nodeNowrap"; "required": false; }; "nodeAlignItems": { "alias": "nodeAlignItems"; "required": false; }; "lazyData": { "alias": "lazyData"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTreeNodeProperty, "x-tree-node-property", never, { "node": { "alias": "node"; "required": false; "isSignal": true; }; "level": { "alias": "level"; "required": false; "isSignal": true; }; "nodeHeight": { "alias": "nodeHeight"; "required": false; "isSignal": true; }; "nodeNowrap": { "alias": "nodeNowrap"; "required": false; "isSignal": true; }; "nodeAlignItems": { "alias": "nodeAlignItems"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "pid": { "alias": "pid"; "required": false; "isSignal": true; }; "leaf": { "alias": "leaf"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "alignItems": { "alias": "alignItems"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "nowrap": { "alias": "nowrap"; "required": false; "isSignal": true; }; }, { "level": "levelChange"; "nodeHeight": "nodeHeightChange"; "nodeNowrap": "nodeNowrapChange"; "nodeAlignItems": "nodeAlignItemsChange"; "virtualScroll": "virtualScrollChange"; "disabled": "disabledChange"; "id": "idChange"; "pid": "pidChange"; "leaf": "leafChange"; "height": "heightChange"; "alignItems": "alignItemsChange"; "loading": "loadingChange"; "open": "openChange"; "checked": "checkedChange"; "indeterminate": "indeterminateChange"; "label": "labelChange"; "nowrap": "nowrapChange"; "toggle": "toggle"; }, never, never, false, never>;
 }
+export {};

package/tree-file/tree-file.component.d.ts

@@ -1,20 +1,18 @@
 import { XTreeFileProperty, XTreeFileNode } from './tree-file.property';
-import { XConfigService } from '@ng-nest/ui/core';
 import { XCrumbNode } from '@ng-nest/ui/crumb';
 import { XHighlightLines } from '@ng-nest/ui/highlight';
 import * as i0 from "@angular/core";
 export declare class XTreeFileComponent extends XTreeFileProperty {
-    activatedNode?: XTreeFileNode;
-    loading: boolean;
+    activatedNode: import("@angular/core").WritableSignal<XTreeFileNode | null>;
+    loading: import("@angular/core").WritableSignal<boolean>;
     time: number;
     timeout: number;
-    get catalogHeight(): number;
-    get codeHeight(): number;
-    get getCrumbData(): XCrumbNode[];
-    get getHighlightLines(): XHighlightLines;
-    private cdr;
+    private document;
+    private fontSize;
+    codeHeight: import("@angular/core").Signal<number>;
+    crumbData: import("@angular/core").Signal<XCrumbNode[]>;
+    highlightLines: import("@angular/core").Signal<XHighlightLines>;
     private http;
-    configService: XConfigService;
     ngOnInit(): void;
     catalogChange(node: XTreeFileNode): void;
     setNode(node: XTreeFileNode): void;

package/tree-file/tree-file.property.d.ts

@@ -1,7 +1,7 @@
-import { XData, XBoolean, XNumber } from '@ng-nest/ui/core';
-import { XTreeNode, XTreeProperty } from '@ng-nest/ui/tree';
+import { XTreeNode } from '@ng-nest/ui/tree';
 import { XCrumbNode } from '@ng-nest/ui/crumb';
 import { XHighlightLines } from '@ng-nest/ui/highlight';
+import type { XData, XBoolean, XNumber } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
 /**
  * TreeFile
@@ -9,52 +9,75 @@ import * as i0 from "@angular/core";
  * @decorator component
  */
 export declare const XTreeFilePrefix = "x-tree-file";
+declare const XTreeFileProperty_base: new () => {
+    config: import("@ng-nest/ui/core").XTreeFileConfig | undefined;
+};
 /**
  * TreeFile Property
  */
-export declare class XTreeFileProperty extends XTreeProperty {
+export declare class XTreeFileProperty extends XTreeFileProperty_base {
     /**
      * @zh_CN 节点数据
      * @en_US Node data
      */
-    data: XData<XTreeFileNode>;
+    readonly data: import("@angular/core").InputSignal<XData<XTreeFileNode>>;
     /**
      * @zh_CN 文件绝对路径地址前缀，为空表示取当前运行的地址
      * @en_US File absolute path address prefix, empty means to take the address of the current operation
      */
-    domain: string;
+    readonly domain: import("@angular/core").InputSignal<string>;
     /**
      * @zh_CN 切换状态
      * @en_US Switch state
      */
-    toggle: XBoolean;
+    readonly toggle: import("@angular/core").ModelSignal<boolean>;
     /**
      * @zh_CN 显示切换按钮
      * @en_US Show toggle button
      */
-    showToggle: XBoolean;
+    readonly showToggle: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 显示树，为 true 的时候隐藏切换按钮
      * @en_US Show the tree, hide the toggle button when true
      */
-    showTree: XBoolean;
+    readonly showTree: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 显示面包屑
      * @en_US Show breadcrumbs
      */
-    showCrumb: XBoolean;
+    readonly showCrumb: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
     /**
-     * @zh_CN 最大高度，单位 rem
-     * @en_US Maximum height, unit rem
+     * @zh_CN 最大高度
+     * @en_US Maximum height
      */
-    maxHeight?: XNumber;
+    readonly maxHeight: import("@angular/core").InputSignalWithTransform<string, XNumber>;
     /**
-     * @zh_CN 单位间距，这个与层级的乘积算出节点的左边距，单位 rem
-     * @en_US Unit spacing, the product of this and the level calculates the left margin of the node, the unit is rem
+     * @zh_CN 单位间距，这个与层级的乘积算出节点的左边距
+     * @en_US Unit spacing, the product of this and the level calculates the left margin of the node
      */
-    spacing?: XNumber;
+    readonly spacing: import("@angular/core").InputSignalWithTransform<string, XNumber>;
+    /**
+     * @zh_CN 当前激活的节点 Id, 当 multiple 为 true 时，值为数组（默认是 Id 数组，objectArray 为 true，对象数组）
+     * @en_US Currently active node Id. When Multiple is true, the value is the Id array
+     */
+    readonly activatedId: import("@angular/core").ModelSignal<any>;
+    /**
+     * @zh_CN 展开的节点
+     * @en_US Expanded node
+     */
+    readonly expanded: import("@angular/core").InputSignal<any[]>;
+    /**
+     * @zh_CN 展开所有节点
+     * @en_US Expand all nodes
+     */
+    readonly expandedAll: import("@angular/core").InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 默认展开的层级
+     * @en_US Default expanded level
+     */
+    readonly expandedLevel: import("@angular/core").InputSignalWithTransform<number, XNumber>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XTreeFileProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XTreeFileProperty, "x-tree-file-property", never, { "data": { "alias": "data"; "required": false; }; "domain": { "alias": "domain"; "required": false; }; "toggle": { "alias": "toggle"; "required": false; }; "showToggle": { "alias": "showToggle"; "required": false; }; "showTree": { "alias": "showTree"; "required": false; }; "showCrumb": { "alias": "showCrumb"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "spacing": { "alias": "spacing"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTreeFileProperty, "x-tree-file-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "domain": { "alias": "domain"; "required": false; "isSignal": true; }; "toggle": { "alias": "toggle"; "required": false; "isSignal": true; }; "showToggle": { "alias": "showToggle"; "required": false; "isSignal": true; }; "showTree": { "alias": "showTree"; "required": false; "isSignal": true; }; "showCrumb": { "alias": "showCrumb"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "activatedId": { "alias": "activatedId"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "expandedAll": { "alias": "expandedAll"; "required": false; "isSignal": true; }; "expandedLevel": { "alias": "expandedLevel"; "required": false; "isSignal": true; }; }, { "toggle": "toggleChange"; "activatedId": "activatedIdChange"; }, never, never, false, never>;
 }
 /**
  * @zh_CN TreeFile 数据对象
@@ -112,3 +135,4 @@ export type XTreeFileType = 'code' | 'img';
  * @en_US Supported picture format
  */
 export declare const XTreeFileImgs: string[];
+export {};