@ng-nest/ui 20.0.5 → 20.0.7

package/textarea/index.d.ts

@@ -2,7 +2,7 @@ import * as _angular_core from '@angular/core';
 import { TemplateRef, ElementRef } from '@angular/core';
 import * as rxjs from 'rxjs';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
-import { XBoolean, XNumber, XAlign, XJustify, XDirection, XTemplate, XPositionLeftRight, XConfigService } from '@ng-nest/ui/core';
+import { XBoolean, XNumber, XAlign, XJustify, XDirection, XTemplate, XVariant, XPositionLeftRight, XConfigService } from '@ng-nest/ui/core';
 import { XFormOption } from '@ng-nest/ui/base-form';
 
 /**
@@ -65,6 +65,11 @@ declare const XTextareaProperty_base: new () => {
  * Textarea Property
  */
 declare class XTextareaProperty extends XTextareaProperty_base {
+    /**
+     * @zh_CN 形态变体
+     * @en_US Input variant
+     */
+    readonly variant: _angular_core.InputSignal<XVariant>;
     /**
      * @zh_CN 清除按钮
      * @en_US Clear button
@@ -166,12 +171,17 @@ declare class XTextareaProperty extends XTextareaProperty_base {
      */
     readonly clearEmit: _angular_core.OutputEmitterRef<any>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XTextareaProperty, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XTextareaProperty, "x-textarea-property", never, { "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; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "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; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "inputValidator": { "alias": "inputValidator"; "required": false; "isSignal": true; }; }, { "clearEmit": "clearEmit"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XTextareaProperty, "x-textarea-property", never, { "variant": { "alias": "variant"; "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; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "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; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "inputValidator": { "alias": "inputValidator"; "required": false; "isSignal": true; }; }, { "clearEmit": "clearEmit"; }, never, never, true, never>;
 }
 /**
  * Textarea Option
  */
 interface XTextareaOption extends XFormOption {
+    /**
+     * @zh_CN 形态变体
+     * @en_US Input variant
+     */
+    variant?: XTextareaVariant;
     /**
      * @zh_CN 清除按钮
      * @en_US Clear button
@@ -310,6 +320,11 @@ interface XTextareaOption extends XFormOption {
  * @value "right" 靠右
  */
 type XTextareaIconLayoutType = XPositionLeftRight;
+/**
+ * @zh_CN 输入框形态变体
+ * @en_US Input box variant
+ */
+type XTextareaVariant = XVariant;
 
 declare class XTextareaComponent extends XTextareaProperty {
     textareaRef: _angular_core.Signal<ElementRef<HTMLElement>>;
@@ -341,4 +356,4 @@ declare class XTextareaModule {
 }
 
 export { XTextareaComponent, XTextareaModule, XTextareaPrefix, XTextareaProperty };
-export type { XTextareaIconLayoutType, XTextareaOption };
+export type { XTextareaIconLayoutType, XTextareaOption, XTextareaVariant };

package/time-picker/index.d.ts

@@ -5,7 +5,7 @@ import { TemplateRef, OnInit, AfterViewInit, OnDestroy, ElementRef, ComponentRef
 import * as rxjs from 'rxjs';
 import { Subject } from 'rxjs';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
-import { XBoolean, XNumber, XAlign, XJustify, XDirection, XSize, XTemplate, XCorner, XData, XIdentityProperty, XPositionTopBottom, XIdentity } from '@ng-nest/ui/core';
+import { XBoolean, XNumber, XAlign, XJustify, XDirection, XSize, XTemplate, XVariant, XCorner, XData, XIdentityProperty, XPositionTopBottom, XIdentity } from '@ng-nest/ui/core';
 import { XFormOption } from '@ng-nest/ui/base-form';
 import { XInputComponent } from '@ng-nest/ui/input';
 import { XI18nTimePicker } from '@ng-nest/ui/i18n';
@@ -76,6 +76,11 @@ declare class XTimePickerProperty extends XTimePickerProperty_base {
      * @en_US Time type
      */
     readonly type: _angular_core.InputSignal<XTimePickerType>;
+    /**
+     * @zh_CN 形态变体
+     * @en_US Input variant
+     */
+    readonly variant: _angular_core.InputSignal<XVariant>;
     /**
      * @zh_CN 格式化
      * @en_US Format
@@ -121,6 +126,11 @@ declare class XTimePickerProperty extends XTimePickerProperty_base {
      * @en_US Disabled time
      */
     readonly disabledTime: _angular_core.InputSignal<XTimePickerDisabledTime | undefined>;
+    /**
+     * @zh_CN 下拉框设置样式名
+     * @en_US The style class name of the drop-down box
+     */
+    readonly portalClass: _angular_core.InputSignal<string | string[]>;
     /**
      * @zh_CN 尺寸
      * @en_US Size
@@ -232,7 +242,7 @@ declare class XTimePickerProperty extends XTimePickerProperty_base {
      */
     readonly nodeEmit: _angular_core.OutputEmitterRef<number>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XTimePickerProperty, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XTimePickerProperty, "x-time-picker-property", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "use12Hours": { "alias": "use12Hours"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "hourStep": { "alias": "hourStep"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "secondStep": { "alias": "secondStep"; "required": false; "isSignal": true; }; "preset": { "alias": "preset"; "required": false; "isSignal": true; }; "disabledTime": { "alias": "disabledTime"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "pointer": { "alias": "pointer"; "required": false; "isSignal": true; }; "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; }; "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, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XTimePickerProperty, "x-time-picker-property", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "use12Hours": { "alias": "use12Hours"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "hourStep": { "alias": "hourStep"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "secondStep": { "alias": "secondStep"; "required": false; "isSignal": true; }; "preset": { "alias": "preset"; "required": false; "isSignal": true; }; "disabledTime": { "alias": "disabledTime"; "required": false; "isSignal": true; }; "portalClass": { "alias": "portalClass"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "pointer": { "alias": "pointer"; "required": false; "isSignal": true; }; "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; }; "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, true, never>;
 }
 /**
  * TimePicker Option
@@ -243,6 +253,11 @@ interface XTimePickerOption extends XFormOption {
      * @en_US Time type
      */
     type?: XTimePickerType;
+    /**
+     * @zh_CN 形态变体
+     * @en_US Input variant
+     */
+    variant?: XTimePickerVariant;
     /**
      * @zh_CN 格式化
      * @en_US Format
@@ -399,6 +414,11 @@ interface XTimePickerOption extends XFormOption {
  * @en_US Time selection
  */
 type XTimePickerType = 'time' | 'hour' | 'minute';
+/**
+ * @zh_CN 输入框形态变体
+ * @en_US Input box variant
+ */
+type XTimePickerVariant = XVariant;
 /**
  * @zh_CN 快捷选择按钮
  * @en_US Quick selection button
@@ -616,4 +636,4 @@ declare class XTimePickerModule {
 }
 
 export { XTimePickerComponent, XTimePickerFrameComponent, XTimePickerFramePrefix, XTimePickerModule, XTimePickerPortalComponent, XTimePickerPortalPrefix, XTimePickerPrefix, XTimePickerProperty };
-export type { XTimePickerDisabledTime, XTimePickerDisabledTimeFn, XTimePickerOption, XTimePickerPreset, XTimePickerType };
+export type { XTimePickerDisabledTime, XTimePickerDisabledTimeFn, XTimePickerOption, XTimePickerPreset, XTimePickerType, XTimePickerVariant };

package/tree/index.d.ts

@@ -173,6 +173,11 @@ declare class XTreeProperty extends XTreeProperty_base {
      * @en_US When multiple selection is enabled, the value of activatedId is an array of objects
      */
     readonly objectArray: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 当开启多选的时候，点击父节点，包含子节点
+     * @en_US When selecting multiple options, click on the parent node to include the child nodes
+     */
+    readonly includeChildren: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 关键字高亮，针对下拉树搜索
      * @en_US Keyword highlighting
@@ -224,7 +229,7 @@ declare class XTreeProperty extends XTreeProperty_base {
      */
     readonly nodeDragMoved: _angular_core.OutputEmitterRef<XTreeNodeDragEvent>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XTreeProperty, never>;
-    static ɵcmp: _angular_core.ɵɵ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; }; "order": { "alias": "order"; "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, true, never>;
+    static ɵcmp: _angular_core.ɵɵ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; }; "includeChildren": { "alias": "includeChildren"; "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; }; "order": { "alias": "order"; "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, true, never>;
 }
 /**
  * @zh_CN Tree 数据对象
@@ -501,6 +506,7 @@ declare class XTreeNodeComponent extends XTreeNodeProperty {
     onCheckboxChange(): void;
     getVerticalLeft(i: number): number;
     setCheckbox(): void;
+    getChildren(): XTreeNode[];
     setChildrenCheckbox(checked: boolean): void;
     setParentCheckbox(): void;
     setIndeterminate(node: XTreeNode): void;

package/tree-select/index.d.ts

@@ -1,7 +1,7 @@
 import * as _angular_cdk_overlay from '@angular/cdk/overlay';
 import { OverlayRef, OverlayConfig } from '@angular/cdk/overlay';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
-import { XBoolean, XNumber, XAlign, XJustify, XDirection, XSize, XTemplate, XData, XParentIdentityProperty, XPositionTopBottom, XPlacement } from '@ng-nest/ui/core';
+import { XBoolean, XNumber, XAlign, XJustify, XDirection, XSize, XTemplate, XData, XParentIdentityProperty, XVariant, XPositionTopBottom, XPlacement } from '@ng-nest/ui/core';
 import * as _angular_core from '@angular/core';
 import { TemplateRef, OnInit, OnChanges, AfterViewInit, OnDestroy, ChangeDetectorRef, ElementRef, ComponentRef, SimpleChanges } from '@angular/core';
 import * as rxjs from 'rxjs';
@@ -18,6 +18,11 @@ import { XTreeComponent } from '@ng-nest/ui/tree';
  * @decorator component
  */
 declare const XTreeSelectPrefix = "x-tree-select";
+/**
+ * @zh_CN Tree Select 节点排序默认值
+ * @en_US Tree node order default value
+ */
+declare const X_TREE_SELECT_ORDER_DEFAULT: XTreeSelectOrder[];
 declare const XTreeSelectProperty_base: new () => {
     config: _ng_nest_ui_core.XTreeSelectConfig | undefined;
     cdr: _angular_core.ChangeDetectorRef;
@@ -77,6 +82,11 @@ declare class XTreeSelectProperty extends XTreeSelectProperty_base {
      * @en_US Node data
      */
     readonly data: _angular_core.InputSignalWithTransform<XData<XTreeSelectNode>, XData<XTreeSelectNode>>;
+    /**
+     * @zh_CN 形态变体
+     * @en_US Input variant
+     */
+    readonly variant: _angular_core.InputSignal<XVariant>;
     /**
      * @zh_CN 清除按钮
      * @en_US Clear button
@@ -117,6 +127,21 @@ declare class XTreeSelectProperty extends XTreeSelectProperty_base {
      * @en_US The biggest height of the drop-down box
      */
     readonly portalMaxHeight: _angular_core.InputSignalWithTransform<string, XNumber>;
+    /**
+     * @zh_CN 下拉框的高度，启用虚拟滚动的时候必须设置一个高度
+     * @en_US The biggest height of the drop-down box
+     */
+    readonly portalHeight: _angular_core.InputSignalWithTransform<string, XNumber>;
+    /**
+     * @zh_CN 下拉框的宽度
+     * @en_US The width of the drop-down box
+     */
+    readonly portalWidth: _angular_core.InputSignalWithTransform<string, XNumber>;
+    /**
+     * @zh_CN 下拉框设置样式名
+     * @en_US The style class name of the drop-down box
+     */
+    readonly portalClass: _angular_core.InputSignal<string | string[]>;
     /**
      * @zh_CN 输入搜索
      * @en_US Input search
@@ -163,6 +188,16 @@ declare class XTreeSelectProperty extends XTreeSelectProperty_base {
      * @en_US Only leaf nodes can be selected
      */
     readonly onlyLeaf: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 排序属性
+     * @en_US Order property
+     */
+    readonly order: _angular_core.InputSignal<XTreeSelectOrder[]>;
+    /**
+     * @zh_CN 当开启多选的时候，点击父节点，包含子节点
+     * @en_US When selecting multiple options, click on the parent node to include the child nodes
+     */
+    readonly includeChildren: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 尺寸
      * @en_US Size
@@ -264,7 +299,7 @@ declare class XTreeSelectProperty extends XTreeSelectProperty_base {
      */
     readonly inputValidator: _angular_core.InputSignal<((value: any) => boolean) | undefined>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XTreeSelectProperty, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XTreeSelectProperty, "x-tree-select-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "async": { "alias": "async"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "nodeTpl": { "alias": "nodeTpl"; "required": false; "isSignal": true; }; "expandedLevel": { "alias": "expandedLevel"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "portalMaxHeight": { "alias": "portalMaxHeight"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "caseSensitive": { "alias": "caseSensitive"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; "maxTagCount": { "alias": "maxTagCount"; "required": false; "isSignal": true; }; "maxTagContent": { "alias": "maxTagContent"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "showPath": { "alias": "showPath"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "onlyLeaf": { "alias": "onlyLeaf"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "pointer": { "alias": "pointer"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelWidth": { "alias": "labelWidth"; "required": false; "isSignal": true; }; "labelAlign": { "alias": "labelAlign"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "valueTpl": { "alias": "valueTpl"; "required": false; "isSignal": true; }; "valueTplContext": { "alias": "valueTplContext"; "required": false; "isSignal": true; }; "before": { "alias": "before"; "required": false; "isSignal": true; }; "after": { "alias": "after"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "inputValidator": { "alias": "inputValidator"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XTreeSelectProperty, "x-tree-select-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "async": { "alias": "async"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "nodeTpl": { "alias": "nodeTpl"; "required": false; "isSignal": true; }; "expandedLevel": { "alias": "expandedLevel"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "portalMaxHeight": { "alias": "portalMaxHeight"; "required": false; "isSignal": true; }; "portalHeight": { "alias": "portalHeight"; "required": false; "isSignal": true; }; "portalWidth": { "alias": "portalWidth"; "required": false; "isSignal": true; }; "portalClass": { "alias": "portalClass"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "caseSensitive": { "alias": "caseSensitive"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; "maxTagCount": { "alias": "maxTagCount"; "required": false; "isSignal": true; }; "maxTagContent": { "alias": "maxTagContent"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "showPath": { "alias": "showPath"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "onlyLeaf": { "alias": "onlyLeaf"; "required": false; "isSignal": true; }; "order": { "alias": "order"; "required": false; "isSignal": true; }; "includeChildren": { "alias": "includeChildren"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "pointer": { "alias": "pointer"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelWidth": { "alias": "labelWidth"; "required": false; "isSignal": true; }; "labelAlign": { "alias": "labelAlign"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "valueTpl": { "alias": "valueTpl"; "required": false; "isSignal": true; }; "valueTplContext": { "alias": "valueTplContext"; "required": false; "isSignal": true; }; "before": { "alias": "before"; "required": false; "isSignal": true; }; "after": { "alias": "after"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "inputValidator": { "alias": "inputValidator"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; }, never, never, true, never>;
 }
 /**
  * Tree Select Option
@@ -275,6 +310,11 @@ interface XTreeSelectOption extends XFormOption {
      * @en_US Node data
      */
     data?: XData<XTreeSelectNode>;
+    /**
+     * @zh_CN 形态变体
+     * @en_US Input variant
+     */
+    variant?: XTreeSelectVariant;
     /**
      * @zh_CN 清除按钮
      * @en_US Clear button
@@ -494,6 +534,32 @@ interface XTreeSelectNode extends XParentIdentityProperty<XTreeSelectNode> {
  * @decorator component
  */
 declare const XTreeSelectPortalPrefix = "x-tree-select-portal";
+/**
+ * @zh_CN Tree Select 节点排序属性
+ * @en_US Tree node order property
+ */
+interface XTreeSelectOrder {
+    /**
+     * @zh_CN treenode 排序属性
+     * @en_US treenode order property
+     */
+    property: string;
+    /**
+     * @zh_CN 排序方式
+     * @en_US order type
+     */
+    order: XTreeSelectOrderType;
+}
+/**
+ * @zh_CN 排序方式
+ * @en_US order type
+ */
+type XTreeSelectOrderType = 'asc' | 'desc';
+/**
+ * @zh_CN 输入框形态变体
+ * @en_US Input box variant
+ */
+type XTreeSelectVariant = XVariant;
 
 declare class XTreeSelectPortalComponent {
     get getPlacement(): XPlacement;
@@ -508,6 +574,8 @@ declare class XTreeSelectPortalComponent {
     nodeTpl: _angular_core.InputSignal<TemplateRef<any> | undefined>;
     inputCom: _angular_core.InputSignal<XInputComponent | undefined>;
     portalMaxHeight: _angular_core.InputSignal<string>;
+    portalHeight: _angular_core.InputSignal<string>;
+    portalWidth: _angular_core.InputSignal<string>;
     objectArray: _angular_core.InputSignal<boolean>;
     caseSensitive: _angular_core.InputSignal<boolean>;
     search: _angular_core.InputSignal<boolean>;
@@ -516,6 +584,8 @@ declare class XTreeSelectPortalComponent {
     size: _angular_core.InputSignal<XSize | undefined>;
     onlyLeaf: _angular_core.InputSignal<boolean>;
     expandedLevel: _angular_core.InputSignal<number | undefined>;
+    order: _angular_core.InputSignal<XTreeSelectOrder[] | undefined>;
+    includeChildren: _angular_core.InputSignal<boolean>;
     animating: _angular_core.OutputEmitterRef<boolean>;
     nodeClick: _angular_core.OutputEmitterRef<{
         node: XTreeSelectNode;
@@ -532,7 +602,7 @@ declare class XTreeSelectPortalComponent {
     stopPropagation(event: Event): void;
     onNodeClick(node: XTreeSelectNode): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XTreeSelectPortalComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XTreeSelectPortalComponent, "x-tree-select-portal", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "nodeTpl": { "alias": "nodeTpl"; "required": false; "isSignal": true; }; "inputCom": { "alias": "inputCom"; "required": false; "isSignal": true; }; "portalMaxHeight": { "alias": "portalMaxHeight"; "required": false; "isSignal": true; }; "objectArray": { "alias": "objectArray"; "required": false; "isSignal": true; }; "caseSensitive": { "alias": "caseSensitive"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "keywordText": { "alias": "keywordText"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "onlyLeaf": { "alias": "onlyLeaf"; "required": false; "isSignal": true; }; "expandedLevel": { "alias": "expandedLevel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "animating": "animating"; "nodeClick": "nodeClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XTreeSelectPortalComponent, "x-tree-select-portal", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "nodeTpl": { "alias": "nodeTpl"; "required": false; "isSignal": true; }; "inputCom": { "alias": "inputCom"; "required": false; "isSignal": true; }; "portalMaxHeight": { "alias": "portalMaxHeight"; "required": false; "isSignal": true; }; "portalHeight": { "alias": "portalHeight"; "required": false; "isSignal": true; }; "portalWidth": { "alias": "portalWidth"; "required": false; "isSignal": true; }; "objectArray": { "alias": "objectArray"; "required": false; "isSignal": true; }; "caseSensitive": { "alias": "caseSensitive"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "keywordText": { "alias": "keywordText"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "onlyLeaf": { "alias": "onlyLeaf"; "required": false; "isSignal": true; }; "expandedLevel": { "alias": "expandedLevel"; "required": false; "isSignal": true; }; "order": { "alias": "order"; "required": false; "isSignal": true; }; "includeChildren": { "alias": "includeChildren"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "animating": "animating"; "nodeClick": "nodeClick"; }, never, never, true, never>;
 }
 
 declare class XTreeSelectComponent extends XTreeSelectProperty implements OnInit, OnChanges, AfterViewInit, OnDestroy {
@@ -642,5 +712,5 @@ declare class XTreeSelectModule {
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<XTreeSelectModule>;
 }
 
-export { XTreeSelectComponent, XTreeSelectModule, XTreeSelectPortalComponent, XTreeSelectPortalPrefix, XTreeSelectPrefix, XTreeSelectProperty };
-export type { XTreeSelectNode, XTreeSelectOption };
+export { XTreeSelectComponent, XTreeSelectModule, XTreeSelectPortalComponent, XTreeSelectPortalPrefix, XTreeSelectPrefix, XTreeSelectProperty, X_TREE_SELECT_ORDER_DEFAULT };
+export type { XTreeSelectNode, XTreeSelectOption, XTreeSelectOrder, XTreeSelectOrderType, XTreeSelectVariant };