@ng-nest/ui 14.0.7 → 14.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-nest/ui",
-  "version": "14.0.7",
+  "version": "14.0.8",
   "homepage": "https://www.ngnest.com",
   "author": "ng-nest",
   "ng-update": {
@@ -360,6 +360,14 @@
       "node": "./fesm2015/ng-nest-ui-input.mjs",
       "default": "./fesm2020/ng-nest-ui-input.mjs"
     },
+    "./keyword": {
+      "types": "./keyword/index.d.ts",
+      "esm2020": "./esm2020/keyword/ng-nest-ui-keyword.mjs",
+      "es2020": "./fesm2020/ng-nest-ui-keyword.mjs",
+      "es2015": "./fesm2015/ng-nest-ui-keyword.mjs",
+      "node": "./fesm2015/ng-nest-ui-keyword.mjs",
+      "default": "./fesm2020/ng-nest-ui-keyword.mjs"
+    },
     "./layout": {
       "types": "./layout/index.d.ts",
       "esm2020": "./esm2020/layout/ng-nest-ui-layout.mjs",
@@ -688,6 +696,14 @@
       "node": "./fesm2015/ng-nest-ui-tree-file.mjs",
       "default": "./fesm2020/ng-nest-ui-tree-file.mjs"
     },
+    "./tree-select": {
+      "types": "./tree-select/index.d.ts",
+      "esm2020": "./esm2020/tree-select/ng-nest-ui-tree-select.mjs",
+      "es2020": "./fesm2020/ng-nest-ui-tree-select.mjs",
+      "es2015": "./fesm2015/ng-nest-ui-tree-select.mjs",
+      "node": "./fesm2015/ng-nest-ui-tree-select.mjs",
+      "default": "./fesm2020/ng-nest-ui-tree-select.mjs"
+    },
     "./tree": {
       "types": "./tree/index.d.ts",
       "esm2020": "./esm2020/tree/ng-nest-ui-tree.mjs",

package/select/examples/en_US/default/default/README.md

@@ -3,5 +3,4 @@ order: 1
 label: 'Defalut'
 ---
 
-- Use the `data` attribute to configure the drop-down options.
-- `width` automatically expands to 100% according to the width of the parent element.
+Use the `data` attribute to configure the drop-down options.

package/select/examples/zh_CN/default/default/README.md

@@ -3,5 +3,4 @@ order: 1
 label: '默认'
 ---
 
-- 使用 `data` 属性来配置下拉的选项。
-- `width` 根据父元素宽度自动撑开到 100% 。
+使用 `data` 属性来配置下拉的选项。

package/select/select-portal.component.d.ts

@@ -1,7 +1,7 @@
 import { ChangeDetectorRef, OnInit, OnDestroy, Renderer2, TemplateRef } from '@angular/core';
 import { XSelectNode } from './select.property';
 import { BehaviorSubject, Subject } from 'rxjs';
-import { XNumber, XPositionTopBottom } from '@ng-nest/ui/core';
+import { XBoolean, XNumber, XPositionTopBottom, XSize } from '@ng-nest/ui/core';
 import { XListComponent } from '@ng-nest/ui/list';
 import { XInputComponent } from '@ng-nest/ui/input';
 import { XI18nSelect, XI18nService } from '@ng-nest/ui/i18n';
@@ -20,6 +20,7 @@ export declare class XSelectPortalComponent implements OnInit, OnDestroy {
     value: any;
     valueChange: Subject<any>;
     positionChange: Subject<any>;
+    inputChange: Subject<any>;
     dataChange: Subject<XSelectNode[]>;
     animating: Function;
     activeChange: Function;
@@ -42,6 +43,9 @@ export declare class XSelectPortalComponent implements OnInit, OnDestroy {
     locale: XI18nSelect;
     search: boolean;
     scrollNull: undefined;
+    virtualScroll: XBoolean;
+    size: XSize;
+    keywordText: string;
     private _unSubject;
     get getSelectAllText(): string | undefined;
     constructor(renderer: Renderer2, cdr: ChangeDetectorRef, i18n: XI18nService);

package/select/select.component.d.ts

@@ -1,4 +1,4 @@
-import { Subject } from 'rxjs';
+import { BehaviorSubject, Subject } from 'rxjs';
 import { OnInit, ChangeDetectorRef, Renderer2, ElementRef, SimpleChanges, OnChanges, ViewContainerRef, TemplateRef } from '@angular/core';
 import { XSelectNode, XSelectProperty } from './select.property';
 import { XConfigService } from '@ng-nest/ui/core';
@@ -56,7 +56,7 @@ export declare class XSelectComponent extends XSelectProperty implements OnInit,
     valueChange: Subject<any>;
     positionChange: Subject<any>;
     closeSubject: Subject<void>;
-    dataChange: Subject<XSelectNode[]>;
+    dataChange: BehaviorSubject<XSelectNode[]>;
     keydownSubject: Subject<KeyboardEvent>;
     inputChange: Subject<any>;
     composition: boolean;

package/select/select.property.d.ts

@@ -93,8 +93,13 @@ export declare class XSelectProperty extends XControlValueAccessor<any> {
      * @default '更多{{surplus}}个选中'
      */
     maxTagContent?: XTemplate;
+    /**
+     * @zh_CN 开启虚拟滚动
+     * @en_US Turn on virtual scrolling
+     */
+    virtualScroll: XBoolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<XSelectProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XSelectProperty, "ng-component", never, { "data": "data"; "clearable": "clearable"; "async": "async"; "placement": "placement"; "multiple": "multiple"; "selectAll": "selectAll"; "selectAllText": "selectAllText"; "nodeTpl": "nodeTpl"; "size": "size"; "bordered": "bordered"; "portalMaxHeight": "portalMaxHeight"; "search": "search"; "caseSensitive": "caseSensitive"; "debounceTime": "debounceTime"; "maxTagCount": "maxTagCount"; "maxTagContent": "maxTagContent"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XSelectProperty, "ng-component", never, { "data": "data"; "clearable": "clearable"; "async": "async"; "placement": "placement"; "multiple": "multiple"; "selectAll": "selectAll"; "selectAllText": "selectAllText"; "nodeTpl": "nodeTpl"; "size": "size"; "bordered": "bordered"; "portalMaxHeight": "portalMaxHeight"; "search": "search"; "caseSensitive": "caseSensitive"; "debounceTime": "debounceTime"; "maxTagCount": "maxTagCount"; "maxTagContent": "maxTagContent"; "virtualScroll": "virtualScroll"; }, {}, never, never, false>;
 }
 /**
  * Select Option

package/style/core/index.css

@@ -436,4 +436,33 @@ li {
   display: none;
 }
 
+.x-keyword-initial > .x-keyword-text {
+  color: var(--x-background);
+  text-decoration: underline;
+}
+.x-keyword-primary > .x-keyword-text {
+  color: var(--x-primary);
+  text-decoration: underline;
+}
+.x-keyword-success > .x-keyword-text {
+  color: var(--x-success);
+  text-decoration: underline;
+}
+.x-keyword-warning > .x-keyword-text {
+  color: var(--x-warning);
+  text-decoration: underline;
+}
+.x-keyword-danger > .x-keyword-text {
+  color: var(--x-danger);
+  text-decoration: underline;
+}
+.x-keyword-info > .x-keyword-text {
+  color: var(--x-info);
+  text-decoration: underline;
+}
+.x-keyword-text > .x-keyword-text {
+  color: rgba(0, 0, 0, 0.1);
+  text-decoration: underline;
+}
+
 /*# sourceMappingURL=index.css.map */

package/style/core/index.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../../lib/ng-nest/ui/style/core/cdk.scss","../../../../../lib/ng-nest/ui/style/core/var.scss","../../../../../lib/ng-nest/ui/style/mixins/colors.scss","../../../../../lib/ng-nest/ui/style/mixins/hidden.scss","../../../../../lib/ng-nest/ui/style/core/base.scss","../../../../../lib/ng-nest/ui/style/params/primary.scss","../../../../../lib/ng-nest/ui/style/core/portal.scss","../../../../../lib/ng-nest/ui/style/directives/ripple/index.scss","../../../../../lib/ng-nest/ui/style/directives/ripple/mixin.scss","../../../../../lib/ng-nest/ui/style/directives/resizable/index.scss","../../../../../lib/ng-nest/ui/style/directives/resizable/mixin.scss"],"names":[],"mappings":"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","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../../../lib/ng-nest/ui/style/core/cdk.scss","../../../../../lib/ng-nest/ui/style/core/var.scss","../../../../../lib/ng-nest/ui/style/mixins/colors.scss","../../../../../lib/ng-nest/ui/style/mixins/hidden.scss","../../../../../lib/ng-nest/ui/style/core/base.scss","../../../../../lib/ng-nest/ui/style/params/primary.scss","../../../../../lib/ng-nest/ui/style/core/portal.scss","../../../../../lib/ng-nest/ui/style/directives/ripple/index.scss","../../../../../lib/ng-nest/ui/style/directives/ripple/mixin.scss","../../../../../lib/ng-nest/ui/style/directives/resizable/index.scss","../../../../../lib/ng-nest/ui/style/directives/resizable/mixin.scss","../../../../../lib/ng-nest/ui/style/directives/keyword/mixin.scss"],"names":[],"mappings":"AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;IACE;;;AAGJ;EACE;;;AAEF;AAAA;EAEE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;AACA;EACE;;;AClEJ;ECEI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;ACDE;EADF;IAEI;;;;AADF;EADF;IAEI;;;;AADF;EADF;IAEI;;;;AADF;EADF;IAEI;;;;AADF;EADF;IAEI;;;;AADF;EADF;IAEI;;;;AADF;EADF;IAEI;;;;AADF;EADF;IAEI;;;;AADF;EADF;IAEI;;;;AADF;EADF;IAEI;;;;AADF;EADF;IAEI;;;;ACLR;AAAA;AAAA;EAGE;;;AAGF;AAAA;AAAA;EAGE,aCwJgB;EDvJhB,WCqJc;EDpJd,OCuFS;EDtFT,aC2JgB;;;ADxJlB;AAAA;AAAA;EAGE,aCgJqB;;;AD7IvB;AAAA;EAEE;EACA;EACA;;;AExBA;EACE;;;ACCJ;ECIE;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAaA;EACE,kBH8GgB;;AG/GlB;EACE,kBHnBY;;AGkBd;EACE;;AADF;EACE,kBHmBY;;AGpBd;EACE,kBHsCW;;AGvCb;EACE,kBHyDS;;AG1DX;EACE,kBANyB;;;ACxB/B;ECIE;;AACA;EACE;;AAuBF;EACE;EACA,QAvBoC;EAwBpC,OAxB8C;EAyB9C,QAzBoD;EA0BpD,MA1BqF;EA4BrF,QA5B0E;EA8B1E,SA9BwF;;AA+BxF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA,cLlDM;;AK6BZ;EACE;EACA,QAtBiC;EAuBjC,OAvB2C;EAwB3C,QAxBiD;EAyBjD,MAzBkF;EA4BlF,KA5B2D;EA6B3D,SA7BqF;;AA8BrF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA,cLlDM;;AK6BZ;EACE;EACA,QArBkC;EAsBlC,OAtB4C;EAuB5C,QAvBsD;EAwBtD,MAxB2E;EA2B3E,KA3B4D;EA4B5D,SA5BsF;;AA6BtF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA,cLlDM;;AK6BZ;EACE;EACA,QApBmC;EAqBnC,OArB6C;EAsB7C,QAtBuD;EAwBvD,OAxBgE;EA0BhE,KA1B6D;EA2B7D,SA3BuF;;AA4BvF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA,cLlDM;;AK6BZ;EACE;EACA,QAnBuC;EAoBvC,OApBkD;EAqBlD,QArB4D;EAsB5D,MAtB6F;EAyB7F,KAzBsE;EA0BtE,SA1BwG;;AA2BxG;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA,cLlDM;;AK6BZ;EACE;EACA,QAlBqC;EAmBrC,OAnBgD;EAoBhD,QApB0D;EAsB1D,OAtB+E;EAwB/E,KAxBoE;EAyBpE,SAzBsG;;AA0BtG;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA,cLlDM;;AK6BZ;EACE;EACA,QAjB0C;EAkB1C,OAlBqD;EAmBrD,QAnB+D;EAoB/D,MApBgG;EAsBhG,QAtBqF;EAwBrF,SAxB2G;;AAyB3G;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA,cLlDM;;AK6BZ;EACE;EACA,QAhBwC;EAiBxC,OAjBmD;EAkBnD,QAlB6D;EAoB7D,OApB6E;EAqB7E,QArBwF;EAuBxF,SAvByG;;AAwBzG;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA,cLlDM;;AKiBV;EACE,cLlBQ;;AKsBV;EACE;;;ACRF;EACE,ONuHW;EMtHX;;AAFF;EACE,ONhBQ;EMiBR;;AAFF;EACE,ONGQ;EMFR;;AAFF;EACE,ONsBQ;EMrBR;;AAFF;EACE,ONyCO;EMxCP;;AAFF;EACE,ON4DK;EM3DL;;AAFF;EACE,OAN0B;EAO1B","file":"index.css"}

package/style/directives/index.scss

@@ -1,3 +1,4 @@
 // Directives
 @import './ripple/index';
 @import './resizable/index';
+@import './keyword/index';

package/style/directives/keyword/index.scss

@@ -0,0 +1,6 @@
+// Keyword
+@import './mixin';
+
+.#{$--x-keyword-prefix} {
+  @include keyword();
+}

package/style/directives/keyword/mixin.scss

@@ -0,0 +1,24 @@
+// Keyword
+
+@import '../../themes/default';
+@import '../../mixins/index';
+@import './param';
+
+@mixin keyword {
+  @include keyword-type('initial', $--x-background);
+  @include keyword-type('primary', $--x-primary);
+  @include keyword-type('success', $--x-success);
+  @include keyword-type('warning', $--x-warning);
+  @include keyword-type('danger', $--x-danger);
+  @include keyword-type('info', $--x-info);
+  @include keyword-type('text', rgba(0, 0, 0, 0.1));
+}
+
+@mixin keyword-type($type, $color) {
+  &-#{$type} {
+    > .#{$--x-keyword-prefix}-text {
+      color: $color;
+      text-decoration: underline;
+    }
+  }
+}

package/style/directives/keyword/param.scss

@@ -0,0 +1,3 @@
+// Keyword style paramters
+
+$--x-keyword-prefix: $--x-prefix + '-keyword';

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

@@ -1,19 +1,19 @@
-import { OnInit, Renderer2, ElementRef, ChangeDetectorRef } from '@angular/core';
+import { Renderer2, ElementRef, ChangeDetectorRef } from '@angular/core';
 import { XTreeNode, XTreeNodeProperty, XTreeAction } from './tree.property';
 import { XConfigService, XBoolean } from '@ng-nest/ui/core';
 import * as i0 from "@angular/core";
-export declare class XTreeNodeComponent extends XTreeNodeProperty implements OnInit {
+export declare class XTreeNodeComponent extends XTreeNodeProperty {
     renderer: Renderer2;
     elementRef: ElementRef;
     cdr: ChangeDetectorRef;
     configService: XConfigService;
-    parent: XTreeNodeComponent;
     tree: any;
     rootClass: boolean;
     private _loading;
     get loading(): boolean;
     set loading(value: boolean);
     get paddingLeft(): number;
+    get getActivated(): any;
     constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, configService: XConfigService);
     ngOnInit(): void;
     onActivate(event: Event, node: XTreeNode): void;
@@ -26,5 +26,5 @@ export declare class XTreeNodeComponent extends XTreeNodeProperty implements OnI
     onAction(event: Event, action: XTreeAction, node: XTreeNode): void;
     trackByItem(_index: number, item: XTreeAction | XTreeNode): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<XTreeNodeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XTreeNodeComponent, "x-tree-node, [x-tree-node]", never, { "parent": "parent"; "tree": "tree"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTreeNodeComponent, "x-tree-node, [x-tree-node]", never, { "tree": "tree"; }, {}, never, never, false>;
 }

package/tree/tree.component.d.ts

@@ -1,6 +1,8 @@
-import { Renderer2, ElementRef, ChangeDetectorRef, SimpleChanges, OnChanges } from '@angular/core';
+import { Renderer2, ElementRef, ChangeDetectorRef, SimpleChanges, OnChanges, QueryList } from '@angular/core';
 import { XTreeNode, XTreeProperty } from './tree.property';
 import { XConfigService } from '@ng-nest/ui/core';
+import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
+import { XTreeNodeComponent } from './tree-node.component';
 import * as i0 from "@angular/core";
 export declare class XTreeComponent extends XTreeProperty implements OnChanges {
     renderer: Renderer2;
@@ -8,6 +10,9 @@ export declare class XTreeComponent extends XTreeProperty implements OnChanges {
     cdr: ChangeDetectorRef;
     configService: XConfigService;
     tree: ElementRef;
+    virtualBody: CdkVirtualScrollViewport;
+    nodeComponents: QueryList<XTreeNodeComponent>;
+    set _nodeComponents(value: QueryList<XTreeNodeComponent>);
     nodes: XTreeNode[];
     virtualNodes: XTreeNode[];
     activatedNode: XTreeNode;
@@ -15,24 +20,31 @@ export declare class XTreeComponent extends XTreeProperty implements OnChanges {
     getting: boolean;
     treeData: XTreeNode[];
     private _unSubject;
+    private _resizeObserver;
     constructor(renderer: Renderer2, elementRef: ElementRef, cdr: ChangeDetectorRef, configService: XConfigService);
     ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     setData(): void;
+    private setVirtualScrollHeight;
     private setManual;
     private getDataByFunc;
     private setDataChange;
+    setScorllTop(): void;
     getCheckedNodes(): XTreeNode[];
     getCheckedKeys(): any[];
     setCheckedKeys(keys?: any[]): void;
     setExpandedAll(): void;
+    setExpanded(): void;
     setVirtualExpandedAll(item: XTreeNode, expandedAll: boolean): void;
     virtualToggle(node: XTreeNode): void;
     setActivatedNode(nodes: XTreeNode[]): void;
     setParentOpen(nodes: XTreeNode[], node: XTreeNode): void;
+    setParentCheck(nodes: XTreeNode[], node: XTreeNode): void;
     onToggle(event: Event, node: XTreeNode): void;
     getLazyData(node: XTreeNode, callBack?: () => void): void;
     addNode(node: XTreeNode): void;
+    setActivatedId(node: XTreeNode): void;
     removeNode(node: XTreeNode): void;
     updateNode(node: XTreeNode, nowNode: XTreeNode): void;
     trackByItem(_index: number, item: XTreeNode): any;

package/tree/tree.module.d.ts

@@ -9,8 +9,9 @@ import * as i7 from "@ng-nest/ui/checkbox";
 import * as i8 from "@ng-nest/ui/outlet";
 import * as i9 from "@ng-nest/ui/link";
 import * as i10 from "@angular/cdk/scrolling";
+import * as i11 from "@ng-nest/ui/keyword";
 export declare class XTreeModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<XTreeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<XTreeModule, [typeof i1.XTreeComponent, typeof i2.XTreeNodeComponent, typeof i3.XTreeProperty, typeof i3.XTreeNodeProperty], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i6.XIconModule, typeof i7.XCheckboxModule, typeof i8.XOutletModule, typeof i9.XLinkModule, typeof i10.ScrollingModule], [typeof i1.XTreeComponent, typeof i2.XTreeNodeComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<XTreeModule, [typeof i1.XTreeComponent, typeof i2.XTreeNodeComponent, typeof i3.XTreeProperty, typeof i3.XTreeNodeProperty], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i6.XIconModule, typeof i7.XCheckboxModule, typeof i8.XOutletModule, typeof i9.XLinkModule, typeof i10.ScrollingModule, typeof i11.XKeywordModule], [typeof i1.XTreeComponent, typeof i2.XTreeNodeComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<XTreeModule>;
 }

package/tree/tree.property.d.ts

@@ -1,5 +1,5 @@
 import { XProperty, XData, XParentIdentityProperty, XNumber, XBoolean, XIdentityProperty, XAlign } from '@ng-nest/ui/core';
-import { TemplateRef, EventEmitter } from '@angular/core';
+import { TemplateRef, EventEmitter, ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Tree
@@ -27,8 +27,8 @@ export declare class XTreeProperty extends XProperty {
      */
     lazy?: XBoolean;
     /**
-     * @zh_CN 当前激活的节点 Id
-     * @en_US Currently active node Id
+     * @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;
     /**
@@ -111,6 +111,11 @@ export declare class XTreeProperty extends XProperty {
      * @en_US Tree node operation buttons
      */
     actions: XTreeAction[];
+    /**
+     * @zh_CN 滚动区域元素
+     * @en_US Rolling area element
+     */
+    scrollElement?: HTMLElement;
     /**
      * @zh_CN 开启虚拟滚动
      * @en_US Turn on virtual scrolling
@@ -121,6 +126,11 @@ export declare class XTreeProperty extends XProperty {
      * @en_US Rolling area height
      */
     virtualScrollHeight: number;
+    /**
+     * @zh_CN 虚拟滚动高度自适应指定元素
+     * @en_US virtual rolling height follows the specified object
+     */
+    heightAdaption: ElementRef<HTMLElement> | HTMLElement;
     /**
      * @zh_CN itemSize，对应 cdk scroll 中的参数，开启虚拟滚动才生效
      * @en_US itemSize，corresponding to the parameters in cdk scroll
@@ -136,24 +146,49 @@ export declare class XTreeProperty extends XProperty {
      * @en_US Render the pixels of the new data buffer, corresponding to the parameters in cdk scroll
      */
     maxBufferPx: number;
+    /**
+     * @zh_CN 多选功能，当前激活的节点可以是多个
+     * @en_US Multiple choice
+     */
+    multiple?: XBoolean;
+    /**
+     * @zh_CN 当开启多选的时候，activatedId 的值为对象数组
+     * @en_US When multiple selection is enabled, the value of activatedId is an array of objects
+     */
+    objectArray?: XBoolean;
+    /**
+     * @zh_CN 关键字高亮，针对下拉树搜索
+     * @en_US Keyword highlighting
+     */
+    keywordText: string | string[];
+    /**
+     * @zh_CN 匹配关键字区分大小写，针对下拉树搜索
+     * @en_US Case-sensitive
+     */
+    caseSensitive: XBoolean;
     /**
      * @zh_CN 参数控制请求改变事件
      * @en_US Parameter control request change event
      */
     manualChange: EventEmitter<boolean>;
+    /**
+     * @zh_CN 节点点击事件
+     * @en_US Node click event
+     */
+    nodeClick: EventEmitter<XTreeNode>;
+    /**
+     * @zh_CN 节点点击事件
+     * @en_US Node click event
+     */
+    activatedIdChange: EventEmitter<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XTreeProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XTreeProperty, "ng-component", never, { "data": "data"; "checkbox": "checkbox"; "lazy": "lazy"; "activatedId": "activatedId"; "expanded": "expanded"; "checked": "checked"; "expandedAll": "expandedAll"; "expandedLevel": "expandedLevel"; "nodeOpen": "nodeOpen"; "spacing": "spacing"; "labelTpl": "labelTpl"; "nodeHeight": "nodeHeight"; "allowManyActivated": "allowManyActivated"; "manual": "manual"; "levelCheck": "levelCheck"; "nodeNowrap": "nodeNowrap"; "nodeAlignItems": "nodeAlignItems"; "actions": "actions"; "virtualScroll": "virtualScroll"; "virtualScrollHeight": "virtualScrollHeight"; "itemSize": "itemSize"; "minBufferPx": "minBufferPx"; "maxBufferPx": "maxBufferPx"; }, { "activatedChange": "activatedChange"; "checkboxChange": "checkboxChange"; "manualChange": "manualChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTreeProperty, "ng-component", never, { "data": "data"; "checkbox": "checkbox"; "lazy": "lazy"; "activatedId": "activatedId"; "expanded": "expanded"; "checked": "checked"; "expandedAll": "expandedAll"; "expandedLevel": "expandedLevel"; "nodeOpen": "nodeOpen"; "spacing": "spacing"; "labelTpl": "labelTpl"; "nodeHeight": "nodeHeight"; "allowManyActivated": "allowManyActivated"; "manual": "manual"; "levelCheck": "levelCheck"; "nodeNowrap": "nodeNowrap"; "nodeAlignItems": "nodeAlignItems"; "actions": "actions"; "scrollElement": "scrollElement"; "virtualScroll": "virtualScroll"; "virtualScrollHeight": "virtualScrollHeight"; "heightAdaption": "heightAdaption"; "itemSize": "itemSize"; "minBufferPx": "minBufferPx"; "maxBufferPx": "maxBufferPx"; "multiple": "multiple"; "objectArray": "objectArray"; "keywordText": "keywordText"; "caseSensitive": "caseSensitive"; }, { "activatedChange": "activatedChange"; "checkboxChange": "checkboxChange"; "manualChange": "manualChange"; "nodeClick": "nodeClick"; "activatedIdChange": "activatedIdChange"; }, never, never, false>;
 }
 /**
  * @zh_CN Tree 数据对象
  * @en_US Tree data object
  */
 export interface XTreeNode extends XParentIdentityProperty<XTreeNode> {
-    /**
-     * @zh_CN 展开
-     * @en_US Unfold
-     */
-    open?: boolean;
     /**
      * @zh_CN 激活的
      * @en_US active
@@ -164,11 +199,6 @@ export interface XTreeNode extends XParentIdentityProperty<XTreeNode> {
      * @en_US Check for updates
      */
     change?: Function;
-    /**
-     * @zh_CN 子节点已加载过
-     * @en_US Child node has been loaded
-     */
-    childrenLoaded?: boolean;
     /**
      * @zh_CN checkbox 是否选中
      * @en_US whether checkbox is selected

package/tree-select/examples/en_US/default/README.md

@@ -0,0 +1,4 @@
+---
+order: 1
+label: 'default'
+---

package/tree-select/examples/en_US/default/async/README.md

@@ -0,0 +1,6 @@
+---
+order: 7
+label: 'Async'
+---
+
+Use the `async` attribute to obtain data asynchronously

package/tree-select/examples/en_US/default/bordered/README.md

@@ -0,0 +1,6 @@
+---
+order: 6
+label: 'Bordered'
+---
+
+Use the `bordered` attribute to set the border

package/tree-select/examples/en_US/default/custom/README.md

@@ -0,0 +1,6 @@
+---
+order: 7
+label: 'Custom'
+---
+
+Use the `nodeTpl` attribute to set custom nodes

package/tree-select/examples/en_US/default/default/README.md

@@ -0,0 +1,6 @@
+---
+order: 1
+label: 'Base'
+---
+
+Use the `data` attribute to configure the drop-down tree data

package/tree-select/examples/en_US/default/disabled/README.md

@@ -0,0 +1,6 @@
+---
+order: 3
+label: 'Disabled'
+---
+
+Use the `disabled` attribute to set disable

package/tree-select/examples/en_US/default/label/README.md

@@ -0,0 +1,6 @@
+---
+order: 2
+label: 'Label'
+---
+
+Use the `label` attribute to set the label value

package/tree-select/examples/en_US/default/multiple/README.md

@@ -0,0 +1,6 @@
+---
+order: 6
+label: 'Multiple'
+---
+
+Use the `multiple` attribute to enable multiple selection

package/tree-select/examples/en_US/default/path/README.md

@@ -0,0 +1,6 @@
+---
+order: 8
+label: 'Path'
+---
+
+Use the `showPath` attribute to display the path of the selected value

package/tree-select/examples/en_US/default/required/README.md

@@ -0,0 +1,6 @@
+---
+order: 4
+label: 'Required'
+---
+
+Use the `required` attribute to set mandatory

package/tree-select/examples/en_US/default/scroll/README.md

@@ -0,0 +1,6 @@
+---
+order: 9
+label: 'Scroll'
+---
+
+Use the `virtualScroll` attribute to enable virtual scrolling and display a large amount of data

package/tree-select/examples/en_US/default/search/README.md

@@ -0,0 +1,7 @@
+---
+order: 11
+label: 'Search'
+---
+
+-Use the `search` attribute to enable the input search function
+-Use the `caseSensitive` attribute to set case sensitivity. The default is case sensitivity

package/tree-select/examples/en_US/default/size/README.md

@@ -0,0 +1,6 @@
+---
+order: 5
+label: 'Size'
+---
+
+Use the `size` attribute to set the size

package/tree-select/examples/zh_CN/default/README.md

@@ -0,0 +1,4 @@
+---
+order: 1
+label: '默认'
+---

package/tree-select/examples/zh_CN/default/async/README.md

@@ -0,0 +1,6 @@
+---
+order: 7
+label: '异步'
+---
+
+使用 `async` 属性来异步获取数据

package/tree-select/examples/zh_CN/default/bordered/README.md

@@ -0,0 +1,6 @@
+---
+order: 6
+label: '边框'
+---
+
+使用 `bordered` 属性来设置边框

package/tree-select/examples/zh_CN/default/custom/README.md

@@ -0,0 +1,6 @@
+---
+order: 7
+label: '自定义'
+---
+
+使用 `nodeTpl` 属性来设置自定义节点

package/tree-select/examples/zh_CN/default/default/README.md

@@ -0,0 +1,6 @@
+---
+order: 1
+label: '默认'
+---
+
+使用 `data` 属性来配置下拉的树数据

package/tree-select/examples/zh_CN/default/disabled/README.md

@@ -0,0 +1,6 @@
+---
+order: 3
+label: '禁用'
+---
+
+使用 `disabled` 属性来设置禁用

package/tree-select/examples/zh_CN/default/label/README.md

@@ -0,0 +1,6 @@
+---
+order: 2
+label: '标签'
+---
+
+使用 `label` 属性来设置标签值

package/tree-select/examples/zh_CN/default/multiple/README.md

@@ -0,0 +1,6 @@
+---
+order: 6
+label: '多选'
+---
+
+使用 `multiple` 属性来开启多选

package/tree-select/examples/zh_CN/default/path/README.md

@@ -0,0 +1,6 @@
+---
+order: 8
+label: '路径'
+---
+
+使用 `showPath` 属性来显示选中值的路径

package/tree-select/examples/zh_CN/default/required/README.md

@@ -0,0 +1,6 @@
+---
+order: 4
+label: '必填'
+---
+
+使用 `required` 属性来设置必填

package/tree-select/examples/zh_CN/default/scroll/README.md

@@ -0,0 +1,6 @@
+---
+order: 9
+label: '虚拟滚动'
+---
+
+使用 `virtualScroll` 属性启用虚拟滚动，显示大量数据

package/tree-select/examples/zh_CN/default/search/README.md

@@ -0,0 +1,7 @@
+---
+order: 11
+label: '搜索'
+---
+
+- 使用 `search` 属性启用输入搜索功能
+- 使用 `caseSensitive` 属性设置是否区分大小写，默认区分

package/tree-select/examples/zh_CN/default/size/README.md

@@ -0,0 +1,6 @@
+---
+order: 5
+label: '尺寸'
+---
+
+使用 `size` 属性来设置尺寸

package/tree-select/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@ng-nest/ui/tree-select" />
+export * from './public-api';

package/tree-select/public-api.d.ts

@@ -0,0 +1,4 @@
+export * from './tree-select.component';
+export * from './tree-select-portal.component';
+export * from './tree-select.module';
+export * from './tree-select.property';