@ng-nest/ui 20.0.6 → 20.1.0

package/message-box/index.d.ts

@@ -1,11 +1,10 @@
-import * as _ng_nest_ui_message_box from '@ng-nest/ui/message-box';
-import * as i0 from '@angular/core';
-import { OnInit, Renderer2, ElementRef, ChangeDetectorRef } from '@angular/core';
 import { XPlace, XStatus, XTemplate } from '@ng-nest/ui/core';
 import { XAlertOption } from '@ng-nest/ui/alert';
 import { XPortalOverlayRef } from '@ng-nest/ui/portal';
 import { XInputType } from '@ng-nest/ui/input';
 import { Observable } from 'rxjs';
+import * as i0 from '@angular/core';
+import { OnInit, Renderer2, ElementRef, ChangeDetectorRef } from '@angular/core';
 import { UntypedFormGroup } from '@angular/forms';
 
 /**
@@ -192,8 +191,8 @@ declare class XMessageBoxComponent implements OnInit {
     formGroup: UntypedFormGroup;
     loading: boolean;
     constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef);
-    get msgInput(): _ng_nest_ui_message_box.XMessageBoxOption;
-    get msgOverlayRef(): _ng_nest_ui_message_box.XMessageBoxOverlayRef;
+    get msgInput(): XMessageBoxOption;
+    get msgOverlayRef(): XMessageBoxOverlayRef;
     get getLabel(): string;
     get getPattern(): RegExp;
     ngOnInit(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-nest/ui",
-  "version": "20.0.6",
+  "version": "20.1.0",
   "license": "MIT",
   "homepage": "https://www.ngnest.com",
   "author": "ng-nest",
@@ -49,22 +49,22 @@
       "types": "./api/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-api.mjs"
     },
-    "./auto-complete": {
-      "types": "./auto-complete/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-auto-complete.mjs"
-    },
     "./avatar": {
       "types": "./avatar/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-avatar.mjs"
     },
-    "./back-top": {
-      "types": "./back-top/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-back-top.mjs"
+    "./auto-complete": {
+      "types": "./auto-complete/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-auto-complete.mjs"
     },
     "./badge": {
       "types": "./badge/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-badge.mjs"
     },
+    "./back-top": {
+      "types": "./back-top/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-back-top.mjs"
+    },
     "./base-form": {
       "types": "./base-form/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-base-form.mjs"
@@ -73,14 +73,14 @@
       "types": "./button/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-button.mjs"
     },
-    "./card": {
-      "types": "./card/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-card.mjs"
-    },
     "./calendar": {
       "types": "./calendar/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-calendar.mjs"
     },
+    "./card": {
+      "types": "./card/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-card.mjs"
+    },
     "./carousel": {
       "types": "./carousel/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-carousel.mjs"
@@ -201,14 +201,14 @@
       "types": "./layout/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-layout.mjs"
     },
-    "./list": {
-      "types": "./list/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-list.mjs"
-    },
     "./link": {
       "types": "./link/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-link.mjs"
     },
+    "./list": {
+      "types": "./list/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-list.mjs"
+    },
     "./loading": {
       "types": "./loading/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-loading.mjs"
@@ -281,6 +281,10 @@
       "types": "./ripple/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-ripple.mjs"
     },
+    "./scrollable": {
+      "types": "./scrollable/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-scrollable.mjs"
+    },
     "./select": {
       "types": "./select/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-select.mjs"
@@ -313,6 +317,14 @@
       "types": "./table/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-table.mjs"
     },
+    "./table-view": {
+      "types": "./table-view/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-table-view.mjs"
+    },
+    "./tabs": {
+      "types": "./tabs/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-tabs.mjs"
+    },
     "./tag": {
       "types": "./tag/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-tag.mjs"
@@ -325,10 +337,6 @@
       "types": "./textarea/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-textarea.mjs"
     },
-    "./tabs": {
-      "types": "./tabs/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-tabs.mjs"
-    },
     "./theme": {
       "types": "./theme/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-theme.mjs"

package/radio/index.d.ts

@@ -2,7 +2,7 @@ import * as _angular_core from '@angular/core';
 import { OnChanges, OnDestroy, ElementRef, SimpleChanges } 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, XData, XIdentityProperty } from '@ng-nest/ui/core';
+import { XBoolean, XTemplate, XNumber, XAlign, XJustify, XDirection, XData, XIdentityProperty } from '@ng-nest/ui/core';
 import { XButtonType } from '@ng-nest/ui/button';
 import { XFormOption } from '@ng-nest/ui/base-form';
 
@@ -41,7 +41,7 @@ declare const XRadioProperty_base: new () => {
     setDisabledState(disabled: boolean): void;
     formControlValidator(): void;
     readonly validator: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
-    readonly label: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<XTemplate>;
     readonly labelWidth: _angular_core.InputSignalWithTransform<string, XNumber>;
     readonly labelAlign: _angular_core.InputSignal<XAlign>;
     readonly justify: _angular_core.InputSignal<XJustify>;
@@ -115,7 +115,7 @@ declare class XRadioProperty extends XRadioProperty_base {
      * @zh_CN 标签
      * @en_US Label
      */
-    readonly label: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<XTemplate>;
     /**
      * @zh_CN 标签宽度
      * @en_US Label width
@@ -298,7 +298,7 @@ declare class XRadioComponent extends XRadioProperty implements OnChanges, OnDes
     labelMapSignal: _angular_core.Signal<{
         [x: string]: boolean;
     }>;
-    radioType: _angular_core.Signal<"button" | "icon" | "tag" | "initial">;
+    radioType: _angular_core.Signal<"initial" | "button" | "icon" | "tag">;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     radioClick(event: Event, node: XRadioNode): void;

package/rate/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 } from '@ng-nest/ui/core';
+import { XBoolean, XTemplate, XNumber, XAlign, XJustify, XDirection } from '@ng-nest/ui/core';
 import { XFormOption } from '@ng-nest/ui/base-form';
 
 /**
@@ -40,7 +40,7 @@ declare const XRateProperty_base: new () => {
     setDisabledState(disabled: boolean): void;
     formControlValidator(): void;
     readonly validator: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
-    readonly label: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<XTemplate>;
     readonly labelWidth: _angular_core.InputSignalWithTransform<string, XNumber>;
     readonly labelAlign: _angular_core.InputSignal<XAlign>;
     readonly justify: _angular_core.InputSignal<XJustify>;
@@ -53,8 +53,8 @@ declare const XRateProperty_base: new () => {
     readonly readonly: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
     readonly valueTpl: _angular_core.InputSignal<TemplateRef<any> | undefined>;
     readonly valueTplContext: _angular_core.InputSignal<unknown>;
-    readonly before: _angular_core.InputSignal<_ng_nest_ui_core.XTemplate | undefined>;
-    readonly after: _angular_core.InputSignal<_ng_nest_ui_core.XTemplate | undefined>;
+    readonly before: _angular_core.InputSignal<XTemplate | undefined>;
+    readonly after: _angular_core.InputSignal<XTemplate | undefined>;
     readonly pattern: _angular_core.InputSignal<RegExp | RegExp[]>;
     readonly message: _angular_core.InputSignal<string | string[]>;
     readonly active: _angular_core.ModelSignal<boolean>;
@@ -89,7 +89,7 @@ declare class XRateProperty extends XRateProperty_base {
      * @zh_CN 标签
      * @en_US Label
      */
-    readonly label: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<XTemplate>;
     /**
      * @zh_CN 标签宽度
      * @en_US Label width

package/scrollable/index.d.ts

@@ -0,0 +1,49 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, OnDestroy, Renderer2 } from '@angular/core';
+
+type DragAxis = 'x' | 'y';
+declare class XScrollableComponent implements AfterViewInit, OnDestroy {
+    private renderer;
+    yOffsetTop: _angular_core.InputSignal<number>;
+    yOffsetBottom: _angular_core.InputSignal<number>;
+    yOffsetLeft: _angular_core.InputSignal<number>;
+    yOffsetRight: _angular_core.InputSignal<number>;
+    xOffsetTop: _angular_core.InputSignal<number>;
+    xOffsetBottom: _angular_core.InputSignal<number>;
+    xOffsetLeft: _angular_core.InputSignal<number>;
+    xOffsetRight: _angular_core.InputSignal<number>;
+    private contentRef;
+    private trackXRef;
+    private thumbXRef;
+    private trackYRef;
+    private thumbYRef;
+    isActive: _angular_core.WritableSignal<boolean>;
+    private isDragging;
+    private dragAxis;
+    private dragStart;
+    private initialScroll;
+    private resizeObserver;
+    private unlistenMouseMove;
+    private unlistenMouseUp;
+    constructor(renderer: Renderer2);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    updateScrollbars(): void;
+    private updateVerticalScrollbar;
+    private updateHorizontalScrollbar;
+    startDrag(event: MouseEvent, axis: DragAxis): void;
+    private onDrag;
+    private stopDrag;
+    onHostEnter(): void;
+    onHostLeave(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XScrollableComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XScrollableComponent, "x-scrollable", never, { "yOffsetTop": { "alias": "yOffsetTop"; "required": false; "isSignal": true; }; "yOffsetBottom": { "alias": "yOffsetBottom"; "required": false; "isSignal": true; }; "yOffsetLeft": { "alias": "yOffsetLeft"; "required": false; "isSignal": true; }; "yOffsetRight": { "alias": "yOffsetRight"; "required": false; "isSignal": true; }; "xOffsetTop": { "alias": "xOffsetTop"; "required": false; "isSignal": true; }; "xOffsetBottom": { "alias": "xOffsetBottom"; "required": false; "isSignal": true; }; "xOffsetLeft": { "alias": "xOffsetLeft"; "required": false; "isSignal": true; }; "xOffsetRight": { "alias": "xOffsetRight"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class XScrollableModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XScrollableModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<XScrollableModule, never, [typeof XScrollableComponent], [typeof XScrollableComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<XScrollableModule>;
+}
+
+export { XScrollableComponent, XScrollableModule };

package/select/index.d.ts

@@ -1,7 +1,6 @@
-import * as _angular_cdk_overlay from '@angular/cdk/overlay';
-import { OverlayRef, OverlayConfig } from '@angular/cdk/overlay';
+import * as _angular_cdk_overlay_module_d from '@angular/cdk/overlay-module.d';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
-import { XBoolean, XNumber, XAlign, XJustify, XDirection, XSize, XTemplate, XData, XParentIdentityProperty, XPlacement } from '@ng-nest/ui/core';
+import { XBoolean, XTemplate, XNumber, XAlign, XJustify, XDirection, XSize, XData, XParentIdentityProperty, XVariant, XPlacement, XFloatLabel } 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';
@@ -11,6 +10,7 @@ import { XPortalOverlayRef } from '@ng-nest/ui/portal';
 import { XInputComponent } from '@ng-nest/ui/input';
 import { XListComponent } from '@ng-nest/ui/list';
 import { XI18nSelect } from '@ng-nest/ui/i18n';
+import { OverlayRef, OverlayConfig } from '@angular/cdk/overlay';
 
 /**
  * Select
@@ -47,7 +47,7 @@ declare const XSelectProperty_base: new () => {
     setDisabledState(disabled: boolean): void;
     formControlValidator(): void;
     readonly validator: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
-    readonly label: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<XTemplate>;
     readonly labelWidth: _angular_core.InputSignalWithTransform<string, XNumber>;
     readonly labelAlign: _angular_core.InputSignal<XAlign>;
     readonly justify: _angular_core.InputSignal<XJustify>;
@@ -77,6 +77,11 @@ declare class XSelectProperty extends XSelectProperty_base {
      * @en_US Node data
      */
     readonly data: _angular_core.InputSignalWithTransform<XData<XSelectNode>, XData<XSelectNode>>;
+    /**
+     * @zh_CN 形态变体
+     * @en_US Input variant
+     */
+    readonly variant: _angular_core.InputSignal<XVariant>;
     /**
      * @zh_CN 宽度
      * @en_US width
@@ -179,6 +184,16 @@ declare class XSelectProperty extends XSelectProperty_base {
      * @en_US Allow the use of input values as selector values during search
      */
     readonly allowInput: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 浮动标签
+     * @en_US Float label
+     */
+    readonly floatLabel: _angular_core.InputSignal<XFloatLabel | null>;
+    /**
+     * @zh_CN 固定浮动标签
+     * @en_US Fixed float label
+     */
+    readonly floatFixed: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 尺寸
      * @en_US Size
@@ -193,7 +208,7 @@ declare class XSelectProperty extends XSelectProperty_base {
      * @zh_CN 标签
      * @en_US Label
      */
-    readonly label: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<XTemplate>;
     /**
      * @zh_CN 标签宽度
      * @en_US Label width
@@ -280,7 +295,7 @@ declare class XSelectProperty extends XSelectProperty_base {
      */
     readonly inputValidator: _angular_core.InputSignal<((value: any) => boolean) | undefined>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XSelectProperty, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XSelectProperty, "x-select-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "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; }; "selectAll": { "alias": "selectAll"; "required": false; "isSignal": true; }; "selectAllText": { "alias": "selectAllText"; "required": false; "isSignal": true; }; "nodeTpl": { "alias": "nodeTpl"; "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; }; "allowInput": { "alias": "allowInput"; "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<XSelectProperty, "x-select-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "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; }; "selectAll": { "alias": "selectAll"; "required": false; "isSignal": true; }; "selectAllText": { "alias": "selectAllText"; "required": false; "isSignal": true; }; "nodeTpl": { "alias": "nodeTpl"; "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; }; "allowInput": { "alias": "allowInput"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "floatFixed": { "alias": "floatFixed"; "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>;
 }
 /**
  * Select Option
@@ -291,6 +306,11 @@ interface XSelectOption extends XFormOption {
      * @en_US Node data
      */
     data?: XData<XSelectNode>;
+    /**
+     * @zh_CN 形态变体
+     * @en_US Input variant
+     */
+    variant?: XSelectVariant;
     /**
      * @zh_CN 清除按钮
      * @en_US Clear button
@@ -373,6 +393,21 @@ interface XSelectOption extends XFormOption {
      * @en_US Turn on virtual scrolling
      */
     virtualScroll?: boolean;
+    /**
+     * @zh_CN 搜索时允许使用输入的值，作为选择器的值
+     * @en_US Allow the use of input values as selector values during search
+     */
+    allowInput?: boolean;
+    /**
+     * @zh_CN 浮动标签
+     * @en_US Float label
+     */
+    floatLabel?: XSelectFloatLabel;
+    /**
+     * @zh_CN 固定浮动标签
+     * @en_US Fixed float label
+     */
+    floatFixed?: boolean;
     /**
      * @zh_CN 尺寸
      * @en_US Size
@@ -480,6 +515,16 @@ interface XSelectOption extends XFormOption {
  */
 interface XSelectNode extends XParentIdentityProperty<XSelectNode> {
 }
+/**
+ * @zh_CN 浮动标签类型
+ * @en_US Float label type
+ */
+type XSelectFloatLabel = XFloatLabel;
+/**
+ * @zh_CN 输入框形态变体
+ * @en_US Input box variant
+ */
+type XSelectVariant = XVariant;
 /**
  * Select Portal
  * @selector x-select-portal
@@ -625,7 +670,7 @@ declare class XSelectComponent extends XSelectProperty implements OnInit, OnChan
     setInstance(): void;
     nodeClick(node: XSelectNode, value?: XSelectNode[] | (string | number)[]): void;
     selectAllNodes(value: XSelectNode[] | (string | number)[]): void;
-    setPlacement(): _angular_cdk_overlay.PositionStrategy;
+    setPlacement(): _angular_cdk_overlay_module_d.PositionStrategy;
     setPortal(): void;
     onKeydown($event: KeyboardEvent): void;
     onFocus(_event: Event): void;
@@ -641,4 +686,4 @@ declare class XSelectModule {
 }
 
 export { XSelectComponent, XSelectModule, XSelectPortalComponent, XSelectPortalPrefix, XSelectPrefix, XSelectProperty };
-export type { XSelectNode, XSelectOption };
+export type { XSelectFloatLabel, XSelectNode, XSelectOption, XSelectVariant };

package/slider-select/index.d.ts

@@ -3,7 +3,7 @@ import { OnDestroy, AfterViewInit, ElementRef, ChangeDetectorRef } from '@angula
 import { XTooltipDirective } from '@ng-nest/ui/tooltip';
 import * as rxjs from 'rxjs';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
-import { XBoolean, XNumber, XAlign, XJustify, XDirection, XTemplate } from '@ng-nest/ui/core';
+import { XBoolean, XTemplate, XNumber, XAlign, XJustify, XDirection } from '@ng-nest/ui/core';
 import { XFormOption } from '@ng-nest/ui/base-form';
 import { CdkDragStart, CdkDragMove, CdkDragEnd } from '@angular/cdk/drag-drop';
 
@@ -42,7 +42,7 @@ declare const XSliderSelectProperty_base: new () => {
     setDisabledState(disabled: boolean): void;
     formControlValidator(): void;
     readonly validator: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
-    readonly label: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<XTemplate>;
     readonly labelWidth: _angular_core.InputSignalWithTransform<string, XNumber>;
     readonly labelAlign: _angular_core.InputSignal<XAlign>;
     readonly justify: _angular_core.InputSignal<XJustify>;
@@ -126,7 +126,7 @@ declare class XSliderSelectProperty extends XSliderSelectProperty_base {
      * @zh_CN 标签
      * @en_US Label
      */
-    readonly label: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<XTemplate>;
     /**
      * @zh_CN 标签宽度
      * @en_US Label width

package/steps/index.d.ts

@@ -1,6 +1,5 @@
 import * as _angular_core from '@angular/core';
 import { TemplateRef } from '@angular/core';
-import * as _ng_nest_ui_steps from '@ng-nest/ui/steps';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
 import { XParentIdentityProperty, XDataArray, XNumber, XBoolean } from '@ng-nest/ui/core';
 
@@ -84,7 +83,7 @@ type XStepsLayout = 'row' | 'column';
 type XStepsStatus = 'wait' | 'process' | 'finish' | 'error';
 
 declare class XStepsComponent extends XStepsProperty {
-    nodes: _angular_core.Signal<_ng_nest_ui_steps.XStepsNode[]>;
+    nodes: _angular_core.Signal<XStepsNode[]>;
     classMap: _angular_core.Signal<{
         [x: string]: boolean;
     }>;

package/switch/index.d.ts

@@ -2,7 +2,7 @@ import * as _angular_core from '@angular/core';
 import { 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, XSize, XTemplate } from '@ng-nest/ui/core';
+import { XBoolean, XTemplate, XNumber, XAlign, XJustify, XDirection, XSize } from '@ng-nest/ui/core';
 import { XFormOption } from '@ng-nest/ui/base-form';
 
 /**
@@ -40,7 +40,7 @@ declare const XSwitchProperty_base: new () => {
     setDisabledState(disabled: boolean): void;
     formControlValidator(): void;
     readonly validator: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
-    readonly label: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<XTemplate>;
     readonly labelWidth: _angular_core.InputSignalWithTransform<string, XNumber>;
     readonly labelAlign: _angular_core.InputSignal<XAlign>;
     readonly justify: _angular_core.InputSignal<XJustify>;
@@ -94,7 +94,7 @@ declare class XSwitchProperty extends XSwitchProperty_base {
      * @zh_CN 标签
      * @en_US Label
      */
-    readonly label: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<XTemplate>;
     /**
      * @zh_CN 标签宽度
      * @en_US Label width

package/table-view/index.d.ts

@@ -0,0 +1,148 @@
+import * as i0 from '@angular/core';
+import { ElementRef } from '@angular/core';
+import * as i1 from '@angular/cdk/table';
+import { CdkTable, CdkHeaderRowDef, CdkHeaderRow, CdkRow, CdkFooterRowDef, CdkRowDef, CdkFooterRow, CdkNoDataRow, CdkCellDef, CdkHeaderCellDef, CdkFooterCellDef, CdkColumnDef, CdkHeaderCell, CdkCell, CdkFooterCell, CdkTextColumn } from '@angular/cdk/table';
+import * as _ng_nest_ui_core from '@ng-nest/ui/core';
+
+/**
+ * Table view
+ * @selector x-table-view
+ * @decorator component
+ */
+declare const XTableViewPrefix = "x-table-view";
+/**
+ * Table view Property
+ */
+declare class XTableViewProperty<T> extends CdkTable<T> {
+    config: _ng_nest_ui_core.XTableViewConfig | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTableViewProperty<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTableViewProperty<any>, "x-table-view-property", never, {}, {}, never, never, true, never>;
+}
+
+declare class XTableView<T> extends XTableViewProperty<T> {
+    elementRef: ElementRef<any>;
+    sentinelTop: i0.Signal<ElementRef<HTMLElement> | undefined>;
+    headerRowRef: i0.Signal<XTableHeaderRowDef | undefined>;
+    headerRowRefs: i0.Signal<readonly XTableHeaderRowDef[]>;
+    headerRows: i0.Signal<readonly XTableHeaderRow[]>;
+    columnDefs: i0.Signal<readonly XTableColumnDef[]>;
+    headerCells: i0.Signal<readonly XTableHeaderCell[]>;
+    cells: i0.Signal<readonly XTableViewCell[]>;
+    rows: i0.Signal<readonly XTableViewRow[]>;
+    /** Overrides the sticky CSS class set by the `CdkTable`. */
+    protected stickyCssClass: string;
+    /** Overrides the need to add position: sticky on every sticky cell element in `CdkTable`. */
+    protected needsPositionStickyOnElement: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTableView<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTableView<any>, "x-table-view, table[x-table-view]", ["xTableView"], {}, {}, ["headerRowRef", "headerRowRefs", "headerRows", "columnDefs", "headerCells", "cells", "rows"], ["caption", "colgroup, col", "*"], true, never>;
+}
+
+declare class XTableHeaderRowDef extends CdkHeaderRowDef {
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTableHeaderRowDef, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XTableHeaderRowDef, "[xTableHeaderRowDef]", never, { "columns": { "alias": "xTableHeaderRowDef"; "required": false; }; "sticky": { "alias": "xTableHeaderRowDefSticky"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_sticky: unknown;
+}
+declare class XTableFooterRowDef extends CdkFooterRowDef {
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTableFooterRowDef, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XTableFooterRowDef, "[xTableFooterRowDef]", never, { "columns": { "alias": "xTableFooterRowDef"; "required": false; }; "sticky": { "alias": "xTableFooterRowDefSticky"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_sticky: unknown;
+}
+declare class XTableViewRowDef<T> extends CdkRowDef<T> {
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTableViewRowDef<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XTableViewRowDef<any>, "[xTableRowDef]", never, { "columns": { "alias": "xTableRowDefColumns"; "required": false; }; "when": { "alias": "xTableRowDefWhen"; "required": false; }; }, {}, never, never, true, never>;
+}
+declare class XTableHeaderRow extends CdkHeaderRow {
+    tableView: XTableView<any> | null;
+    tableViewService: XTableViewService;
+    sticking: i0.WritableSignal<boolean>;
+    get isSticking(): boolean;
+    ngAfterViewInit(): void;
+    listenerSticky(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTableHeaderRow, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTableHeaderRow, "x-table-header-row, tr[x-table-header-row]", ["xTableHeaderRow"], {}, {}, never, never, true, never>;
+}
+declare class XTableFooterRow extends CdkFooterRow {
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTableFooterRow, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTableFooterRow, "x-table-footer-row, tr[x-table-footer-row]", ["xTableFooterRow"], {}, {}, never, never, true, never>;
+}
+declare class XTableViewRow extends CdkRow {
+    tableViewService: XTableViewService;
+    get isActived(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTableViewRow, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTableViewRow, "x-table-row, tr[x-table-row]", ["xTableRow"], {}, {}, never, never, true, never>;
+}
+declare class XTableNoDataRow extends CdkNoDataRow {
+    _contentClassName: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTableNoDataRow, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XTableNoDataRow, "ng-template[xTableNoDataRow]", never, {}, {}, never, never, true, never>;
+}
+
+declare class XTableViewService {
+    selectedCells: XTableViewCell[];
+    activedRows: XTableViewRow[];
+    selectedHeaderCell: XTableHeaderCell | null;
+    activedHeaderCells: XTableHeaderCell[];
+    stickyHeaderRows: XTableHeaderRow[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTableViewService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<XTableViewService>;
+}
+
+declare class XTableViewCellDef extends CdkCellDef {
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTableViewCellDef, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XTableViewCellDef, "[xTableCellDef]", never, {}, {}, never, never, true, never>;
+}
+declare class XTableHeaderCellDef extends CdkHeaderCellDef {
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTableHeaderCellDef, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XTableHeaderCellDef, "[xTableHeaderCellDef]", never, {}, {}, never, never, true, never>;
+}
+declare class XTableFooterCellDef extends CdkFooterCellDef {
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTableFooterCellDef, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XTableFooterCellDef, "[xTableFooterCellDef]", never, {}, {}, never, never, true, never>;
+}
+declare class XTableColumnDef extends CdkColumnDef {
+    get name(): string;
+    set name(name: string);
+    protected _updateColumnCssClassName(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTableColumnDef, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XTableColumnDef, "[xTableColumnDef]", never, { "name": { "alias": "xTableColumnDef"; "required": false; }; }, {}, never, never, true, never>;
+}
+declare class XTableHeaderCell extends CdkHeaderCell {
+    tableViewService: XTableViewService;
+    tableView: XTableView<any> | null;
+    elementRef: ElementRef<any>;
+    get isActived(): boolean;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTableHeaderCell, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XTableHeaderCell, "x-table-header-cell, th[x-table-header-cell]", never, {}, {}, never, never, true, never>;
+}
+declare class XTableFooterCell extends CdkFooterCell {
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTableFooterCell, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XTableFooterCell, "x-table-footer-cell, td[x-table-footer-cell]", never, {}, {}, never, never, true, never>;
+}
+declare class XTableViewCell extends CdkCell {
+    tableViewService: XTableViewService;
+    tableView: XTableView<any> | null;
+    elementRef: ElementRef<any>;
+    get isSelected(): boolean;
+    onClick(): void;
+    setActivedRow(cell: XTableViewCell): void;
+    setActivedColumn(cell: XTableViewCell): void;
+    private convertToColumnBasedArray;
+    private getColumnIndex;
+    private getRowIndex;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTableViewCell, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XTableViewCell, "x-table-cell, td[x-table-cell]", never, {}, {}, never, never, true, never>;
+}
+
+declare class XTableTextColumn<T> extends CdkTextColumn<T> {
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTableTextColumn<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTableTextColumn<any>, "x-table-text-column", never, {}, {}, never, never, true, never>;
+}
+
+declare class XTableViewModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTableViewModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<XTableViewModule, never, [typeof i1.CdkTableModule, typeof XTableView, typeof XTableHeaderCellDef, typeof XTableHeaderRowDef, typeof XTableColumnDef, typeof XTableViewCellDef, typeof XTableViewRowDef, typeof XTableFooterCellDef, typeof XTableFooterRowDef, typeof XTableHeaderCell, typeof XTableViewCell, typeof XTableFooterCell, typeof XTableHeaderRow, typeof XTableViewRow, typeof XTableFooterRow, typeof XTableNoDataRow, typeof XTableTextColumn], [typeof XTableView, typeof XTableHeaderCellDef, typeof XTableHeaderRowDef, typeof XTableColumnDef, typeof XTableViewCellDef, typeof XTableViewRowDef, typeof XTableFooterCellDef, typeof XTableFooterRowDef, typeof XTableHeaderCell, typeof XTableViewCell, typeof XTableFooterCell, typeof XTableHeaderRow, typeof XTableViewRow, typeof XTableFooterRow, typeof XTableNoDataRow, typeof XTableTextColumn]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<XTableViewModule>;
+}
+
+export { XTableColumnDef, XTableFooterCell, XTableFooterCellDef, XTableFooterRow, XTableFooterRowDef, XTableHeaderCell, XTableHeaderCellDef, XTableHeaderRow, XTableHeaderRowDef, XTableNoDataRow, XTableTextColumn, XTableView, XTableViewCell, XTableViewCellDef, XTableViewModule, XTableViewPrefix, XTableViewProperty, XTableViewRow, XTableViewRowDef };