@ng-nest/ui 20.0.6 → 20.0.7

package/input-number/index.d.ts

@@ -3,7 +3,7 @@ import { TemplateRef, ElementRef } from '@angular/core';
 import * as rxjs from 'rxjs';
 import { Subscription, Subject } from 'rxjs';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
-import { XBoolean, XNumber, XAlign, XJustify, XDirection, XSize } from '@ng-nest/ui/core';
+import { XBoolean, XNumber, XAlign, XJustify, XDirection, XSize, XVariant } from '@ng-nest/ui/core';
 import { XFormOption } from '@ng-nest/ui/base-form';
 import { XInputComponent } from '@ng-nest/ui/input';
 
@@ -67,6 +67,11 @@ declare const XInputNumberProperty_base: new () => {
  * InputNumber Property
  */
 declare class XInputNumberProperty extends XInputNumberProperty_base {
+    /**
+     * @zh_CN 形态变体
+     * @en_US Input variant
+     */
+    readonly variant: _angular_core.InputSignal<XVariant>;
     /**
      * @zh_CN 最小值
      * @en_US Minimum
@@ -188,12 +193,17 @@ declare class XInputNumberProperty extends XInputNumberProperty_base {
      */
     readonly inputValidator: _angular_core.InputSignal<((value: any) => boolean) | undefined>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XInputNumberProperty, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XInputNumberProperty, "x-input-number-property", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "debounce": { "alias": "debounce"; "required": false; "isSignal": true; }; "precision": { "alias": "precision"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "formatter": { "alias": "formatter"; "required": false; "isSignal": true; }; "hiddenButton": { "alias": "hiddenButton"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "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; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "inputValidator": { "alias": "inputValidator"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XInputNumberProperty, "x-input-number-property", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "debounce": { "alias": "debounce"; "required": false; "isSignal": true; }; "precision": { "alias": "precision"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "formatter": { "alias": "formatter"; "required": false; "isSignal": true; }; "hiddenButton": { "alias": "hiddenButton"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "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; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "inputValidator": { "alias": "inputValidator"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 /**
  * InputNumber Option
  */
 interface XInputNumberOption extends XFormOption {
+    /**
+     * @zh_CN 形态变体
+     * @en_US Input variant
+     */
+    variant?: XInputNumberVariant;
     /**
      * @zh_CN 最小值
      * @en_US Minimum
@@ -315,6 +325,11 @@ interface XInputNumberOption extends XFormOption {
      */
     inputValidator?: (value: any) => boolean;
 }
+/**
+ * @zh_CN 输入框形态变体
+ * @en_US Input box variant
+ */
+type XInputNumberVariant = XVariant;
 
 declare class XInputNumberComponent extends XInputNumberProperty {
     inputNumber: _angular_core.Signal<ElementRef<HTMLElement>>;
@@ -353,4 +368,4 @@ declare class XInputNumberModule {
 }
 
 export { XInputNumberComponent, XInputNumberModule, XInputNumberPrefix, XInputNumberProperty };
-export type { XInputNumberOption };
+export type { XInputNumberOption, XInputNumberVariant };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-nest/ui",
-  "version": "20.0.6",
+  "version": "20.0.7",
   "license": "MIT",
   "homepage": "https://www.ngnest.com",
   "author": "ng-nest",
@@ -37,22 +37,22 @@
       "types": "./affix/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-affix.mjs"
     },
-    "./alert": {
-      "types": "./alert/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-alert.mjs"
-    },
     "./anchor": {
       "types": "./anchor/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-anchor.mjs"
     },
-    "./api": {
-      "types": "./api/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-api.mjs"
+    "./alert": {
+      "types": "./alert/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-alert.mjs"
     },
     "./auto-complete": {
       "types": "./auto-complete/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-auto-complete.mjs"
     },
+    "./api": {
+      "types": "./api/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-api.mjs"
+    },
     "./avatar": {
       "types": "./avatar/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-avatar.mjs"
@@ -61,26 +61,26 @@
       "types": "./back-top/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-back-top.mjs"
     },
-    "./badge": {
-      "types": "./badge/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-badge.mjs"
-    },
     "./base-form": {
       "types": "./base-form/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-base-form.mjs"
     },
+    "./badge": {
+      "types": "./badge/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-badge.mjs"
+    },
     "./button": {
       "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"
@@ -117,14 +117,14 @@
       "types": "./core/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-core.mjs"
     },
-    "./crumb": {
-      "types": "./crumb/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-crumb.mjs"
-    },
     "./date-picker": {
       "types": "./date-picker/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-date-picker.mjs"
     },
+    "./crumb": {
+      "types": "./crumb/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-crumb.mjs"
+    },
     "./description": {
       "types": "./description/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-description.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"
@@ -225,14 +225,14 @@
       "types": "./message-box/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-message-box.mjs"
     },
-    "./notification": {
-      "types": "./notification/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-notification.mjs"
-    },
     "./outlet": {
       "types": "./outlet/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-outlet.mjs"
     },
+    "./notification": {
+      "types": "./notification/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-notification.mjs"
+    },
     "./page-header": {
       "types": "./page-header/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-page-header.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

@@ -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/scrollable/index.d.ts

@@ -0,0 +1,41 @@
+import * as i0 from '@angular/core';
+import { AfterViewInit, OnDestroy, Renderer2 } from '@angular/core';
+
+type DragAxis = 'x' | 'y';
+declare class XScrollableComponent implements AfterViewInit, OnDestroy {
+    private renderer;
+    private contentRef;
+    private trackXRef;
+    private thumbXRef;
+    private trackYRef;
+    private thumbYRef;
+    isActive: i0.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: i0.ɵɵFactoryDeclaration<XScrollableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XScrollableComponent, "x-scrollable", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class XScrollableModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<XScrollableModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<XScrollableModule, never, [typeof XScrollableComponent], [typeof XScrollableComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<XScrollableModule>;
+}
+
+export { XScrollableComponent, XScrollableModule };

package/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, XPlacement } from '@ng-nest/ui/core';
+import { XBoolean, XNumber, XAlign, XJustify, XDirection, XSize, XTemplate, XData, XParentIdentityProperty, XVariant, 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';
@@ -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
@@ -280,7 +285,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; }; "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 +296,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
@@ -480,6 +490,11 @@ interface XSelectOption extends XFormOption {
  */
 interface XSelectNode extends XParentIdentityProperty<XSelectNode> {
 }
+/**
+ * @zh_CN 输入框形态变体
+ * @en_US Input box variant
+ */
+type XSelectVariant = XVariant;
 /**
  * Select Portal
  * @selector x-select-portal
@@ -641,4 +656,4 @@ declare class XSelectModule {
 }
 
 export { XSelectComponent, XSelectModule, XSelectPortalComponent, XSelectPortalPrefix, XSelectPrefix, XSelectProperty };
-export type { XSelectNode, XSelectOption };
+export type { XSelectNode, XSelectOption, XSelectVariant };

package/table-view/index.d.ts

@@ -0,0 +1,106 @@
+import * as i0 from '@angular/core';
+import { TemplateRef, ElementRef, AfterContentInit, QueryList } from '@angular/core';
+import * as _ng_nest_ui_core from '@ng-nest/ui/core';
+
+declare class XRow {
+    tableViewService: XTableViewService;
+    tableView: XTableViewComponent | null;
+    get isActived(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XRow, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XRow, "x-row, tr[x-row]", never, {}, {}, never, never, true, never>;
+}
+
+declare class XTableViewService {
+    selectedCells: XCell[];
+    activedRows: XRow[];
+    selectedHeaderCell: XHeaderCell | null;
+    activedHeaderCell: XHeaderCell | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTableViewService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<XTableViewService>;
+}
+
+declare class XCellDef {
+    xCellDef: string;
+    template: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XCellDef, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XCellDef, "[xCellDef]", never, { "xCellDef": { "alias": "xCellDef"; "required": false; }; }, {}, never, never, true, never>;
+}
+declare class XHeaderCellDef {
+    xHeaderCellDef: string;
+    template: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XHeaderCellDef, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XHeaderCellDef, "[xHeaderCellDef]", never, { "xHeaderCellDef": { "alias": "xHeaderCellDef"; "required": false; }; }, {}, never, never, true, never>;
+}
+declare class XCell {
+    tableViewService: XTableViewService;
+    tableView: XTableViewComponent | null;
+    elementRef: ElementRef<any>;
+    cellClass: boolean;
+    get isSelected(): boolean;
+    onClick(): void;
+    setActivedRow(cell: XCell): void;
+    setActivedHeaderCell(cell: XCell): void;
+    private getColumnIndex;
+    private getRowIndex;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XCell, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XCell, "x-cell, td[x-cell]", never, {}, {}, never, never, true, never>;
+}
+declare class XHeaderCell {
+    tableViewService: XTableViewService;
+    tableView: XTableViewComponent | null;
+    cellClass: boolean;
+    get isActived(): boolean;
+    onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XHeaderCell, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XHeaderCell, "x-header-cell, th[x-header-cell]", never, {}, {}, never, never, true, never>;
+}
+
+declare class XColumnDef {
+    name: string;
+    cell: XCellDef;
+    header: XHeaderCellDef;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XColumnDef, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XColumnDef, "[xColumnDef]", never, { "name": { "alias": "xColumnDef"; "required": false; }; }, {}, ["cell", "header"], never, true, never>;
+}
+
+declare const XTableViewProperty_base: new () => {
+    config: _ng_nest_ui_core.XTableViewConfig | undefined;
+};
+/**
+ * Table view Property
+ */
+declare class XTableViewProperty extends XTableViewProperty_base {
+    /**
+     * @zh_CN 数据
+     * @en_US Row data
+     */
+    readonly data: i0.InputSignal<any[]>;
+    /**
+     * @zh_CN 列数据
+     * @en_US Columns data
+     */
+    readonly columns: i0.InputSignal<string[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTableViewProperty, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTableViewProperty, "x-table-view-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class XTableViewComponent extends XTableViewProperty implements AfterContentInit {
+    hostClass: boolean;
+    columnDefs: QueryList<XColumnDef>;
+    headerCells: QueryList<XHeaderCell>;
+    cells: QueryList<XCell>;
+    rows: QueryList<XRow>;
+    columnMap: Record<string, XColumnDef>;
+    tableViewService: XTableViewService;
+    ngAfterContentInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTableViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTableViewComponent, "table[x-table-view]", never, {}, {}, ["columnDefs", "headerCells", "cells"], never, true, never>;
+}
+
+declare class XTableViewModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTableViewModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<XTableViewModule, never, [typeof XTableViewComponent, typeof XCell, typeof XHeaderCell, typeof XCellDef, typeof XHeaderCellDef, typeof XColumnDef], [typeof XTableViewComponent, typeof XCell, typeof XHeaderCell, typeof XCellDef, typeof XHeaderCellDef, typeof XColumnDef]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<XTableViewModule>;
+}
+
+export { XCell, XCellDef, XColumnDef, XHeaderCell, XHeaderCellDef, XTableViewComponent, XTableViewModule };

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 };