@ng-nest/ui 14.0.6 → 14.0.8

package/image/image.property.d.ts

@@ -0,0 +1,112 @@
+import { EventEmitter } from '@angular/core';
+import { XProperty, XTemplate } from '@ng-nest/ui/core';
+import * as i0 from "@angular/core";
+/**
+ * Image
+ * @selector x-image
+ * @decorator component
+ */
+export declare const XImagePrefix = "x-image";
+/**
+ * Image Property
+ */
+export declare class XImageProperty extends XProperty {
+    /**
+     * @zh_CN 图片显示地址
+     * @en_US Picture display address
+     */
+    src?: string;
+    /**
+     * @zh_CN 图片宽度
+     * @en_US Picture width
+     */
+    width?: string;
+    /**
+     * @zh_CN 图片高度
+     * @en_US Picture height
+     */
+    height?: string;
+    /**
+     * @zh_CN 图像描述
+     * @en_US Image description
+     */
+    alt?: string;
+    /**
+     * @zh_CN 加载失败显示的地址
+     * @en_US Load fault tolerance address
+     */
+    fallback?: string;
+    /**
+     * @zh_CN 预览文字
+     * @en_US Preview text
+     * @default '预览'
+     */
+    previewText?: string;
+    /**
+     * @zh_CN 渐进加载显示的图片
+     * @en_US Gradually loaded the display of the display
+     */
+    placeholder?: string;
+    /**
+     * @zh_CN 自定义预览操作
+     * @en_US Custom preview operation
+     */
+    previewTpl?: XTemplate;
+    /**
+     * @zh_CN 图片加载错误
+     * @en_US Picture load failed
+     */
+    error: EventEmitter<any>;
+    /**
+     * @zh_CN 图片加载完成
+     * @en_US Picture loading complete
+     */
+    load: EventEmitter<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XImageProperty, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XImageProperty, "ng-component", never, { "src": "src"; "width": "width"; "height": "height"; "alt": "alt"; "fallback": "fallback"; "previewText": "previewText"; "placeholder": "placeholder"; "previewTpl": "previewTpl"; }, { "error": "error"; "load": "load"; }, never, never, false>;
+}
+/**
+ * @zh_CN 图片节点数据
+ * @en_US Image node data
+ */
+export interface XImageNode {
+    /**
+     * @zh_CN 图片显示地址
+     * @en_US Picture display address
+     */
+    src?: string;
+    /**
+     * @zh_CN 图像描述
+     * @en_US Image description
+     */
+    alt?: string;
+    /**
+     * @zh_CN 加载失败显示的地址
+     * @en_US Load fault tolerance address
+     */
+    fallback?: string;
+    /**
+     * @zh_CN 当前激活的图片
+     * @en_US Current activated pictures
+     */
+    activated?: boolean;
+}
+/**
+ * Image Preview
+ * @selector x-image-preview
+ * @decorator component
+ */
+export declare const XImagePreviewPrefix = "x-image-preview";
+/**
+ * Image Preview Property
+ */
+export declare class XImagePreviewProperty extends XProperty {
+    static ɵfac: i0.ɵɵFactoryDeclaration<XImagePreviewProperty, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XImagePreviewProperty, "ng-component", never, {}, {}, never, never, false>;
+}
+/**
+ * Image Group
+ * @selector x-image-group
+ * @decorator component
+ */
+export declare const XImageGroupPrefix = "x-image-group";

package/image/index.d.ts

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

package/image/public-api.d.ts

@@ -0,0 +1,5 @@
+export * from './image.component';
+export * from './image-preview.component';
+export * from './image-group.component';
+export * from './image.module';
+export * from './image.property';

package/index.d.ts

@@ -27,6 +27,7 @@ export * from '@ng-nest/ui/calendar';
 export * from '@ng-nest/ui/comment';
 export * from '@ng-nest/ui/description';
 export * from '@ng-nest/ui/empty';
+export * from '@ng-nest/ui/image';
 export * from '@ng-nest/ui/outlet';
 export * from '@ng-nest/ui/pagination';
 export * from '@ng-nest/ui/progress';
@@ -41,6 +42,7 @@ export * from '@ng-nest/ui/time-range';
 export * from '@ng-nest/ui/timeline';
 export * from '@ng-nest/ui/tree';
 export * from '@ng-nest/ui/tree-file';
+export * from '@ng-nest/ui/keyword';
 /**
  * Feedback
  */
@@ -77,6 +79,7 @@ export * from '@ng-nest/ui/slider-select';
 export * from '@ng-nest/ui/switch';
 export * from '@ng-nest/ui/time-picker';
 export * from '@ng-nest/ui/transfer';
+export * from '@ng-nest/ui/tree-select';
 export * from '@ng-nest/ui/textarea';
 export * from '@ng-nest/ui/upload';
 /**

package/keyword/index.d.ts

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

package/keyword/keyword.directive.d.ts

@@ -0,0 +1,19 @@
+import { OnInit, Renderer2, ElementRef, OnDestroy, AfterViewInit, OnChanges, SimpleChanges } from '@angular/core';
+import { XConfigService } from '@ng-nest/ui/core';
+import { XKeywordProperty } from './keyword.property';
+import * as i0 from "@angular/core";
+export declare class XKeywordDirective extends XKeywordProperty implements OnInit, OnChanges, OnDestroy, AfterViewInit {
+    private renderer;
+    private elementRef;
+    configService: XConfigService;
+    private _unSub;
+    constructor(renderer: Renderer2, elementRef: ElementRef, configService: XConfigService);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    setKeyword(): void;
+    setClassMap(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XKeywordDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XKeywordDirective, "[x-keyword]", never, {}, {}, never, never, false>;
+}

package/keyword/keyword.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./keyword.directive";
+import * as i2 from "./keyword.property";
+import * as i3 from "@angular/common";
+export declare class XKeywordModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<XKeywordModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<XKeywordModule, [typeof i1.XKeywordDirective, typeof i2.XKeywordProperty], [typeof i3.CommonModule], [typeof i1.XKeywordDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<XKeywordModule>;
+}

package/keyword/keyword.property.d.ts

@@ -0,0 +1,40 @@
+import { XBoolean, XProperty, XType } from '@ng-nest/ui/core';
+import * as i0 from "@angular/core";
+/**
+ * Keyword
+ * @selector x-keyword
+ * @decorator directive
+ */
+export declare const XKeywordPrefix = "x-keyword";
+/**
+ * Keyword Property
+ */
+export declare class XKeywordProperty extends XProperty {
+    /**
+     * @zh_CN 类型
+     * @en_US Types of
+     */
+    type?: XKeywordType;
+    /**
+     * @zh_CN 匹配关键字区分大小写
+     * @en_US Case-sensitive
+     */
+    caseSensitive: XBoolean;
+    /**
+     * @zh_CN 颜色
+     * @en_US color
+     */
+    color?: string;
+    /**
+     * @zh_CN 文字
+     * @en_US text
+     */
+    text: string | string[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<XKeywordProperty, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XKeywordProperty, "[x-keyword]", never, { "type": "type"; "caseSensitive": "caseSensitive"; "color": "color"; "text": "text"; }, {}, never, never, false>;
+}
+/**
+ * @zh_CN 类型
+ * @en_US Keyword type
+ */
+export declare type XKeywordType = XType;

package/keyword/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './keyword.directive';
+export * from './keyword.module';
+export * from './keyword.property';

package/list/examples/en_US/default/scroll/README.md

@@ -0,0 +1,8 @@
+---
+order: 4
+label: 'Virtual Scroll'
+---
+
+- Use the `virtualScroll` to enable the function of virtual rolling. The function of dragging nodes up and down will fail.
+- Use the `scrollHeight` to set the height of the virtual rolling area.
+- Use the `heightAdaption` to from the high change of the specified object from the specified object.

package/list/examples/zh_CN/default/scroll/README.md

@@ -0,0 +1,8 @@
+---
+order: 4
+label: '虚拟滚动'
+---
+
+- 使用 `virtualScroll` 这个来启用虚拟滚动的功能，上下拖动节点的功能将失效。
+- 使用 `scrollHeight` 这个来设置虚拟滚动区域的高度。
+- 使用 `heightAdaption` 这个来自适应滚动区域，跟随指定对象的高度变化。

package/list/list-option.component.d.ts

@@ -10,7 +10,6 @@ export declare class XListOptionComponent extends XListOptionProperty implements
     role: string;
     classMap: XClassMap;
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef, configService: XConfigService);
-    ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     setClassMap(): void;
     setActiveStyles(): void;

package/list/list.component.d.ts

@@ -5,6 +5,7 @@ import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import { XListOptionComponent } from './list-option.component';
 import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
 import { XI18nList, XI18nService } from '@ng-nest/ui/i18n';
+import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 import * as i0 from "@angular/core";
 export declare class XListComponent extends XListProperty implements OnInit, OnChanges {
     renderer: Renderer2;
@@ -14,6 +15,11 @@ export declare class XListComponent extends XListProperty implements OnInit, OnC
     private i18n;
     nodes: XListNode[];
     selectedNodes: XListNode[];
+    headerRef: ElementRef;
+    footerRef: ElementRef;
+    selectAllRef: ElementRef;
+    loadMoreRef: ElementRef;
+    virtualBody: CdkVirtualScrollViewport;
     listItems: ElementRef;
     options: QueryList<XListOptionComponent>;
     keyManager: ActiveDescendantKeyManager<XListOptionComponent>;
@@ -22,21 +28,27 @@ export declare class XListComponent extends XListProperty implements OnInit, OnC
     loadMoreIndex: number;
     icon: string;
     iconSpin: boolean;
+    private _resizeObserver;
     role: string;
     tabindex: number;
     keydown($event: KeyboardEvent): void;
+    itemSizeMap: {
+        [key: string]: number;
+    };
+    get getItemSize(): number;
     get isEmpty(): boolean;
     get getSelectAllText(): string | undefined;
     get getLoadMoreText(): string | undefined;
     get getLoadingMoreText(): string | undefined;
+    get getVirtualScrollHeight(): number;
     writeValue(value: any): void;
     private _unSubject;
     constructor(renderer: Renderer2, cdr: ChangeDetectorRef, elementRef: ElementRef, configService: XConfigService, i18n: XI18nService);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
-    ngAfterViewChecked(): void;
     ngOnDestroy(): void;
+    private setVirtualScrollHeight;
     private setData;
     private initKeyManager;
     setScorllTop(_num: number): void;

package/list/list.module.d.ts

@@ -11,8 +11,10 @@ import * as i9 from "@ng-nest/ui/empty";
 import * as i10 from "@ng-nest/ui/base-form";
 import * as i11 from "@ng-nest/ui/i18n";
 import * as i12 from "@ng-nest/ui/outlet";
+import * as i13 from "@angular/cdk/scrolling";
+import * as i14 from "@ng-nest/ui/keyword";
 export declare class XListModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<XListModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<XListModule, [typeof i1.XListComponent, typeof i2.XListOptionComponent, typeof i3.XListProperty, typeof i3.XListOptionProperty], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i5.ReactiveFormsModule, typeof i6.DragDropModule, typeof i7.A11yModule, typeof i8.XIconModule, typeof i9.XEmptyModule, typeof i10.XBaseFormModule, typeof i11.XI18nModule, typeof i12.XOutletModule], [typeof i1.XListComponent, typeof i2.XListOptionComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<XListModule, [typeof i1.XListComponent, typeof i2.XListOptionComponent, typeof i3.XListProperty, typeof i3.XListOptionProperty], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i5.ReactiveFormsModule, typeof i6.DragDropModule, typeof i7.A11yModule, typeof i8.XIconModule, typeof i9.XEmptyModule, typeof i10.XBaseFormModule, typeof i11.XI18nModule, typeof i12.XOutletModule, typeof i13.ScrollingModule, typeof i14.XKeywordModule], [typeof i1.XListComponent, typeof i2.XListOptionComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<XListModule>;
 }

package/list/list.property.d.ts

@@ -1,5 +1,5 @@
 import { XData, XParentIdentityProperty, XNumber, XBoolean, XTemplate, XSize } from '@ng-nest/ui/core';
-import { EventEmitter, TemplateRef } from '@angular/core';
+import { EventEmitter, TemplateRef, ElementRef } from '@angular/core';
 import { XControlValueAccessor } from '@ng-nest/ui/base-form';
 import * as i0 from "@angular/core";
 /**
@@ -90,6 +90,41 @@ export declare class XListProperty extends XControlValueAccessor<any> {
      * @default '正在加载中'
      */
     loadingMoreText?: string;
+    /**
+     * @zh_CN 开启虚拟滚动，不支持节点拖动功能
+     * @en_US Turn on virtual scrolling
+     */
+    virtualScroll: XBoolean;
+    /**
+     * @zh_CN 虚拟滚动高度, 实际会去掉头尾、全选、更多的高度
+     * @en_US The virtual rolling height will actually remove the head and end, the full selection, more height
+     */
+    scrollHeight: XNumber;
+    /**
+     * @zh_CN 虚拟滚动高度自适应指定元素
+     * @en_US virtual rolling height follows the specified object
+     */
+    heightAdaption: ElementRef<HTMLElement> | HTMLElement;
+    /**
+     * @zh_CN 超出可视窗口缓冲区的最小值，对应 cdk scroll 中的参数
+     * @en_US Exceed the minimum value of the visible window buffer, corresponding to the parameters in cdk scroll
+     */
+    minBufferPx: number;
+    /**
+     * @zh_CN 渲染新数据缓冲区的像素，对应 cdk scroll 中的参数
+     * @en_US Render the pixels of the new data buffer, corresponding to the parameters in cdk scroll
+     */
+    maxBufferPx: number;
+    /**
+     * @zh_CN 关键字高亮
+     * @en_US Keyword highlighting
+     */
+    keywordText: string | string[];
+    /**
+     * @zh_CN 匹配关键字区分大小写
+     * @en_US Case-sensitive
+     */
+    caseSensitive: XBoolean;
     /**
      * @zh_CN Full event
      * @en_US 全选事件
@@ -110,6 +145,11 @@ export declare class XListProperty extends XControlValueAccessor<any> {
      * @en_US Node click event
      */
     nodeClick: EventEmitter<XListNode>;
+    /**
+     * @zh_CN 拖动结束事件
+     * @en_US Drag the end
+     */
+    dropListDropped: EventEmitter<XListDragDrop>;
     /**
      * @zh_CN Tab out 事件
      * @en_US Tab Out event
@@ -121,7 +161,7 @@ export declare class XListProperty extends XControlValueAccessor<any> {
      */
     keyManagerChange: EventEmitter<number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XListProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XListProperty, "ng-component", never, { "data": "data"; "multiple": "multiple"; "selectAll": "selectAll"; "selectAllText": "selectAllText"; "checked": "checked"; "drag": "drag"; "objectArray": "objectArray"; "nodeTpl": "nodeTpl"; "header": "header"; "footer": "footer"; "scrollElement": "scrollElement"; "size": "size"; "loadMore": "loadMore"; "loadMoreText": "loadMoreText"; "loadingMoreText": "loadingMoreText"; }, { "onSelectAll": "onSelectAll"; "nodeMouseenter": "nodeMouseenter"; "nodeMouseleave": "nodeMouseleave"; "nodeClick": "nodeClick"; "keyManagerTabOut": "keyManagerTabOut"; "keyManagerChange": "keyManagerChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XListProperty, "ng-component", never, { "data": "data"; "multiple": "multiple"; "selectAll": "selectAll"; "selectAllText": "selectAllText"; "checked": "checked"; "drag": "drag"; "objectArray": "objectArray"; "nodeTpl": "nodeTpl"; "header": "header"; "footer": "footer"; "scrollElement": "scrollElement"; "size": "size"; "loadMore": "loadMore"; "loadMoreText": "loadMoreText"; "loadingMoreText": "loadingMoreText"; "virtualScroll": "virtualScroll"; "scrollHeight": "scrollHeight"; "heightAdaption": "heightAdaption"; "minBufferPx": "minBufferPx"; "maxBufferPx": "maxBufferPx"; "keywordText": "keywordText"; "caseSensitive": "caseSensitive"; }, { "onSelectAll": "onSelectAll"; "nodeMouseenter": "nodeMouseenter"; "nodeMouseleave": "nodeMouseleave"; "nodeClick": "nodeClick"; "dropListDropped": "dropListDropped"; "keyManagerTabOut": "keyManagerTabOut"; "keyManagerChange": "keyManagerChange"; }, never, never, false>;
 }
 /**
  * @zh_CN List 数据对象
@@ -219,11 +259,30 @@ export declare class XListOptionProperty {
      * @en_US Size
      */
     size: XSize;
+    /**
+     * @zh_CN 关键字高亮
+     * @en_US Keyword highlighting
+     */
+    keywordText: string | string[];
+    /**
+     * @zh_CN 匹配关键字区分大小写
+     * @en_US Case-sensitive
+     */
+    caseSensitive: XBoolean;
     /**
      * @zh_CN 有子节点
      * @en_US leaf
      */
     activeChange: EventEmitter<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XListOptionProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XListOptionProperty, "ng-component", never, { "node": "node"; "checked": "checked"; "nodeTpl": "nodeTpl"; "selected": "selected"; "disabled": "disabled"; "active": "active"; "icon": "icon"; "divided": "divided"; "label": "label"; "leaf": "leaf"; "size": "size"; }, { "activeChange": "activeChange"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XListOptionProperty, "ng-component", never, { "node": "node"; "checked": "checked"; "nodeTpl": "nodeTpl"; "selected": "selected"; "disabled": "disabled"; "active": "active"; "icon": "icon"; "divided": "divided"; "label": "label"; "leaf": "leaf"; "size": "size"; "keywordText": "keywordText"; "caseSensitive": "caseSensitive"; }, { "activeChange": "activeChange"; }, never, never, false>;
 }
+/**
+ * @zh_CN 拖动相关的数据
+ * @en_US Drag related data
+ */
+export declare type XListDragDrop = {
+    data: XListNode[];
+    current: XListNode;
+    currentIndex: number;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-nest/ui",
-  "version": "14.0.6",
+  "version": "14.0.8",
   "homepage": "https://www.ngnest.com",
   "author": "ng-nest",
   "ng-update": {
@@ -328,6 +328,14 @@
       "node": "./fesm2015/ng-nest-ui-icon.mjs",
       "default": "./fesm2020/ng-nest-ui-icon.mjs"
     },
+    "./image": {
+      "types": "./image/index.d.ts",
+      "esm2020": "./esm2020/image/ng-nest-ui-image.mjs",
+      "es2020": "./fesm2020/ng-nest-ui-image.mjs",
+      "es2015": "./fesm2015/ng-nest-ui-image.mjs",
+      "node": "./fesm2015/ng-nest-ui-image.mjs",
+      "default": "./fesm2020/ng-nest-ui-image.mjs"
+    },
     "./inner": {
       "types": "./inner/index.d.ts",
       "esm2020": "./esm2020/inner/ng-nest-ui-inner.mjs",
@@ -352,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",
@@ -680,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":"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","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;
+    }
+  }
+}