@ng-nest/ui 20.0.5 → 20.0.7

package/input/index.d.ts

@@ -3,7 +3,7 @@ import { TemplateRef, OnInit, ElementRef, ChangeDetectorRef } from '@angular/cor
 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, XPositionLeftRight } from '@ng-nest/ui/core';
+import { XBoolean, XNumber, XAlign, XJustify, XDirection, XSize, XTemplate, XVariant, XPositionLeftRight } from '@ng-nest/ui/core';
 import { XFormOption } from '@ng-nest/ui/base-form';
 
 /**
@@ -71,6 +71,11 @@ declare class XInputProperty extends XInputProperty_base {
      * @en_US Input type
      */
     readonly type: _angular_core.InputSignal<XInputType>;
+    /**
+     * @zh_CN 形态变体
+     * @en_US Input variant
+     */
+    readonly variant: _angular_core.InputSignal<XVariant>;
     /**
      * @zh_CN 清除按钮
      * @en_US Clear button
@@ -284,7 +289,7 @@ declare class XInputProperty extends XInputProperty_base {
      */
     readonly xComposition: _angular_core.OutputEmitterRef<any>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XInputProperty, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XInputProperty, "x-input-property", never, { "type": { "alias": "type"; "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; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "inputStyle": { "alias": "inputStyle"; "required": false; "isSignal": true; }; "inputPadding": { "alias": "inputPadding"; "required": false; "isSignal": true; }; "inputIconPadding": { "alias": "inputIconPadding"; "required": false; "isSignal": true; }; "validator": { "alias": "validator"; "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"; "clearEmit": "clearEmit"; "xFocus": "xFocus"; "xBlur": "xBlur"; "xInput": "xInput"; "xKeydown": "xKeydown"; "xClick": "xClick"; "xMouseenter": "xMouseenter"; "xMouseleave": "xMouseleave"; "xComposition": "xComposition"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XInputProperty, "x-input-property", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "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; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "inputStyle": { "alias": "inputStyle"; "required": false; "isSignal": true; }; "inputPadding": { "alias": "inputPadding"; "required": false; "isSignal": true; }; "inputIconPadding": { "alias": "inputIconPadding"; "required": false; "isSignal": true; }; "validator": { "alias": "validator"; "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"; "clearEmit": "clearEmit"; "xFocus": "xFocus"; "xBlur": "xBlur"; "xInput": "xInput"; "xKeydown": "xKeydown"; "xClick": "xClick"; "xMouseenter": "xMouseenter"; "xMouseleave": "xMouseleave"; "xComposition": "xComposition"; }, never, never, true, never>;
 }
 /**
  * Input Option
@@ -295,6 +300,11 @@ interface XInputOption extends XFormOption {
      * @en_US Input type
      */
     type?: XInputType;
+    /**
+     * @zh_CN 形态变体
+     * @en_US Input variant
+     */
+    variant?: XInputVariant;
     /**
      * @zh_CN 清除按钮
      * @en_US Clear button
@@ -516,6 +526,11 @@ interface XInputOption extends XFormOption {
  * @value "number" 数字
  */
 type XInputType = 'text' | 'password' | 'number';
+/**
+ * @zh_CN 输入框形态变体
+ * @en_US Input box variant
+ */
+type XInputVariant = XVariant;
 /**
  * @zh_CN 图标布局方式，指在输入框中的位置
  * @en_US Icon layout, refers to the position in the input box
@@ -616,4 +631,4 @@ declare class XInputModule {
 }
 
 export { XInputComponent, XInputGroupComponent, XInputGroupPrefix, XInputGroupProperty, XInputModule, XInputPrefix, XInputProperty };
-export type { XInputIconLayoutType, XInputOption, XInputType };
+export type { XInputIconLayoutType, XInputOption, XInputType, XInputVariant };

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.5",
+  "version": "20.0.7",
   "license": "MIT",
   "homepage": "https://www.ngnest.com",
   "author": "ng-nest",
@@ -37,30 +37,26 @@
       "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"
-    },
-    "./api": {
-      "types": "./api/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-api.mjs"
-    },
     "./anchor": {
       "types": "./anchor/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-anchor.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"
     },
-    "./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"
@@ -69,6 +65,10 @@
       "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"
@@ -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"
@@ -157,18 +157,22 @@
       "types": "./examples/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-examples.mjs"
     },
-    "./form": {
-      "types": "./form/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-form.mjs"
-    },
     "./find": {
       "types": "./find/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-find.mjs"
     },
+    "./form": {
+      "types": "./form/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-form.mjs"
+    },
     "./highlight": {
       "types": "./highlight/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-highlight.mjs"
     },
+    "./i18n": {
+      "types": "./i18n/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-i18n.mjs"
+    },
     "./icon": {
       "types": "./icon/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-icon.mjs"
@@ -177,10 +181,6 @@
       "types": "./image/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-image.mjs"
     },
-    "./i18n": {
-      "types": "./i18n/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-i18n.mjs"
-    },
     "./inner": {
       "types": "./inner/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-inner.mjs"
@@ -197,42 +197,42 @@
       "types": "./keyword/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-keyword.mjs"
     },
-    "./list": {
-      "types": "./list/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-list.mjs"
-    },
     "./layout": {
       "types": "./layout/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-layout.mjs"
     },
-    "./loading": {
-      "types": "./loading/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-loading.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"
+    },
     "./menu": {
       "types": "./menu/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-menu.mjs"
     },
-    "./message-box": {
-      "types": "./message-box/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-message-box.mjs"
-    },
     "./message": {
       "types": "./message/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-message.mjs"
     },
-    "./notification": {
-      "types": "./notification/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-notification.mjs"
+    "./message-box": {
+      "types": "./message-box/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-message-box.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"
@@ -257,14 +257,14 @@
       "types": "./portal/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-portal.mjs"
     },
-    "./radio": {
-      "types": "./radio/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-radio.mjs"
-    },
     "./progress": {
       "types": "./progress/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-progress.mjs"
     },
+    "./radio": {
+      "types": "./radio/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-radio.mjs"
+    },
     "./rate": {
       "types": "./rate/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-rate.mjs"
@@ -273,13 +273,17 @@
       "types": "./resizable/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-resizable.mjs"
     },
+    "./result": {
+      "types": "./result/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-result.mjs"
+    },
     "./ripple": {
       "types": "./ripple/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-ripple.mjs"
     },
-    "./result": {
-      "types": "./result/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-result.mjs"
+    "./scrollable": {
+      "types": "./scrollable/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-scrollable.mjs"
     },
     "./select": {
       "types": "./select/index.d.ts",
@@ -313,6 +317,10 @@
       "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"
@@ -353,6 +361,14 @@
       "types": "./tooltip/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-tooltip.mjs"
     },
+    "./transfer": {
+      "types": "./transfer/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-transfer.mjs"
+    },
+    "./tree": {
+      "types": "./tree/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-tree.mjs"
+    },
     "./tree-file": {
       "types": "./tree-file/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-tree-file.mjs"
@@ -361,14 +377,6 @@
       "types": "./tree-select/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-tree-select.mjs"
     },
-    "./tree": {
-      "types": "./tree/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-tree.mjs"
-    },
-    "./transfer": {
-      "types": "./transfer/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-transfer.mjs"
-    },
     "./typography": {
       "types": "./typography/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-typography.mjs"

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