@ng-nest/ui 20.2.8 → 20.3.0

package/list/index.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { ElementRef, TemplateRef, OnChanges, QueryList, SimpleChanges, InjectionToken, OnDestroy } from '@angular/core';
+import { TemplateRef, ElementRef, OnChanges, QueryList, SimpleChanges, InjectionToken, OnDestroy } from '@angular/core';
 import * as rxjs from 'rxjs';
 import { Subscription } from 'rxjs';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
@@ -9,23 +9,6 @@ import { Highlightable, ActiveDescendantKeyManager } from '@angular/cdk/a11y';
 import { XI18nList } from '@ng-nest/ui/i18n';
 import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 
-declare class XListOptionComponent extends XListOptionProperty implements Highlightable {
-    role: string;
-    elementRef: ElementRef<any>;
-    classMap: _angular_core.Signal<{}>;
-    disabled: boolean;
-    nodeStyleComputed: _angular_core.Signal<{
-        [x: string]: any;
-    }>;
-    constructor();
-    ngOnDestroy(): void;
-    setActiveStyles(): void;
-    setInactiveStyles(): void;
-    getLabel(): string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XListOptionComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XListOptionComponent, "x-list-option", never, {}, {}, never, never, true, never>;
-}
-
 /**
  * List
  * @selector x-list
@@ -316,8 +299,18 @@ interface XListNode extends XParentIdentityProperty<XListNode> {
      * @zh_CN 对应的节点组件
      * @en_US List option component
      */
-    component?: XListOptionComponent;
+    component?: XListOptionHandle;
 }
+/**
+ * @zh_CN 对应的节点组件
+ * @en_US List option component
+ */
+type XListOptionHandle = {
+    setActiveStyles(): void;
+    setInactiveStyles(): void;
+    getLabel(): string;
+    getElementRef(): ElementRef<HTMLElement>;
+};
 /**
  * List Option
  * @selector x-list-option
@@ -450,6 +443,24 @@ type XListDragDrop = {
     event: CdkDragDrop<XListNode[]>;
 };
 
+declare class XListOptionComponent extends XListOptionProperty implements Highlightable, XListOptionHandle {
+    role: string;
+    elementRef: ElementRef<HTMLElement>;
+    classMap: _angular_core.Signal<{}>;
+    disabled: boolean;
+    nodeStyleComputed: _angular_core.Signal<{
+        [x: string]: any;
+    }>;
+    constructor();
+    ngOnDestroy(): void;
+    setActiveStyles(): void;
+    setInactiveStyles(): void;
+    getLabel(): string;
+    getElementRef(): ElementRef<HTMLElement>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XListOptionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XListOptionComponent, "x-list-option", never, {}, {}, never, never, true, never>;
+}
+
 declare class XListComponent extends XListProperty implements OnChanges {
     private unSubject;
     private i18n;
@@ -539,4 +550,4 @@ declare class XListModule {
 }
 
 export { XListComponent, XListDropGroup, XListModule, XListOptionComponent, XListOptionPrefix, XListOptionProperty, XListPrefix, XListProperty, X_LIST_DROP_GROUP };
-export type { XListDragDrop, XListNode };
+export type { XListDragDrop, XListNode, XListOptionHandle };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ng-nest/ui",
-  "version": "20.2.8",
+  "version": "20.3.0",
   "license": "MIT",
   "homepage": "https://www.ngnest.com",
   "author": "ng-nest",
@@ -37,30 +37,30 @@
       "types": "./affix/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-affix.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"
     },
-    "./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"
     },
     "./attachments": {
       "types": "./attachments/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-attachments.mjs"
     },
-    "./avatar": {
-      "types": "./avatar/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-avatar.mjs"
+    "./api": {
+      "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"
@@ -73,26 +73,26 @@
       "types": "./base-form/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-base-form.mjs"
     },
-    "./button": {
-      "types": "./button/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-button.mjs"
-    },
     "./bubble": {
       "types": "./bubble/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-bubble.mjs"
     },
+    "./button": {
+      "types": "./button/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-button.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"
     },
+    "./card": {
+      "types": "./card/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-card.mjs"
+    },
     "./cascade": {
       "types": "./cascade/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-cascade.mjs"
@@ -101,14 +101,14 @@
       "types": "./checkbox/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-checkbox.mjs"
     },
-    "./color": {
-      "types": "./color/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-color.mjs"
-    },
     "./collapse": {
       "types": "./collapse/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-collapse.mjs"
     },
+    "./color": {
+      "types": "./color/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-color.mjs"
+    },
     "./color-picker": {
       "types": "./color-picker/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-color-picker.mjs"
@@ -125,6 +125,10 @@
       "types": "./core/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-core.mjs"
     },
+    "./coversations": {
+      "types": "./coversations/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-coversations.mjs"
+    },
     "./crumb": {
       "types": "./crumb/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-crumb.mjs"
@@ -141,10 +145,6 @@
       "types": "./description/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-description.mjs"
     },
-    "./coversations": {
-      "types": "./coversations/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-coversations.mjs"
-    },
     "./doc": {
       "types": "./doc/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-doc.mjs"
@@ -161,22 +161,22 @@
       "types": "./dropdown/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-dropdown.mjs"
     },
-    "./empty": {
-      "types": "./empty/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-empty.mjs"
+    "./find": {
+      "types": "./find/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-find.mjs"
     },
     "./examples": {
       "types": "./examples/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-examples.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"
     },
+    "./empty": {
+      "types": "./empty/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-empty.mjs"
+    },
     "./highlight": {
       "types": "./highlight/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-highlight.mjs"
@@ -193,14 +193,14 @@
       "types": "./image/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-image.mjs"
     },
-    "./input": {
-      "types": "./input/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-input.mjs"
-    },
     "./inner": {
       "types": "./inner/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-inner.mjs"
     },
+    "./input": {
+      "types": "./input/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-input.mjs"
+    },
     "./input-number": {
       "types": "./input-number/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-input-number.mjs"
@@ -213,22 +213,22 @@
       "types": "./layout/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-layout.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"
+    "./link": {
+      "types": "./link/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-link.mjs"
     },
     "./menu": {
       "types": "./menu/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-menu.mjs"
     },
+    "./loading": {
+      "types": "./loading/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-loading.mjs"
+    },
     "./message": {
       "types": "./message/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-message.mjs"
@@ -309,10 +309,6 @@
       "types": "./sender/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-sender.mjs"
     },
-    "./skeleton": {
-      "types": "./skeleton/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-skeleton.mjs"
-    },
     "./slider": {
       "types": "./slider/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-slider.mjs"
@@ -325,6 +321,10 @@
       "types": "./statistic/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-statistic.mjs"
     },
+    "./skeleton": {
+      "types": "./skeleton/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-skeleton.mjs"
+    },
     "./steps": {
       "types": "./steps/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-steps.mjs"
@@ -337,10 +337,6 @@
       "types": "./switch/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-switch.mjs"
     },
-    "./table": {
-      "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"
@@ -349,6 +345,10 @@
       "types": "./tabs/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-tabs.mjs"
     },
+    "./table": {
+      "types": "./table/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-table.mjs"
+    },
     "./tag": {
       "types": "./tag/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-tag.mjs"
@@ -357,30 +357,26 @@
       "types": "./text-retract/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-text-retract.mjs"
     },
-    "./time-ago": {
-      "types": "./time-ago/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-time-ago.mjs"
+    "./textarea": {
+      "types": "./textarea/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-textarea.mjs"
+    },
+    "./theme": {
+      "types": "./theme/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-theme.mjs"
     },
     "./thought-chain": {
       "types": "./thought-chain/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-thought-chain.mjs"
     },
-    "./theme": {
-      "types": "./theme/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-theme.mjs"
+    "./time-ago": {
+      "types": "./time-ago/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-time-ago.mjs"
     },
     "./time-picker": {
       "types": "./time-picker/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-time-picker.mjs"
     },
-    "./time-range": {
-      "types": "./time-range/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-time-range.mjs"
-    },
-    "./textarea": {
-      "types": "./textarea/index.d.ts",
-      "default": "./fesm2022/ng-nest-ui-textarea.mjs"
-    },
     "./timeline": {
       "types": "./timeline/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-timeline.mjs"
@@ -393,9 +389,9 @@
       "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"
+    "./time-range": {
+      "types": "./time-range/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-time-range.mjs"
     },
     "./tooltip": {
       "types": "./tooltip/index.d.ts",
@@ -405,6 +401,10 @@
       "types": "./tree-select/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-tree-select.mjs"
     },
+    "./tree-file": {
+      "types": "./tree-file/index.d.ts",
+      "default": "./fesm2022/ng-nest-ui-tree-file.mjs"
+    },
     "./typography": {
       "types": "./typography/index.d.ts",
       "default": "./fesm2022/ng-nest-ui-typography.mjs"

package/progress/index.d.ts

@@ -1,4 +1,5 @@
 import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
 import { XNumber, XBoolean } from '@ng-nest/ui/core';
 
@@ -35,6 +36,11 @@ declare class XProgressProperty extends XProgressProperty_base {
      * @en_US Status
      */
     readonly status: _angular_core.InputSignal<XProgressStatus>;
+    /**
+     * @zh_CN 自定义显示文字/图标
+     * @en_US Custom display info/icon
+     */
+    readonly infoTpl: _angular_core.InputSignal<TemplateRef<any> | undefined>;
     /**
      * @zh_CN 是否显示百分比文本信息
      * @en_US Whether to display percentage text
@@ -106,7 +112,7 @@ declare class XProgressProperty extends XProgressProperty_base {
      */
     readonly subsection: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XProgressProperty, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XProgressProperty, "x-progress-property", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "percent": { "alias": "percent"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "info": { "alias": "info"; "required": false; "isSignal": true; }; "infoWidth": { "alias": "infoWidth"; "required": false; "isSignal": true; }; "inside": { "alias": "inside"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "railColor": { "alias": "railColor"; "required": false; "isSignal": true; }; "gradient": { "alias": "gradient"; "required": false; "isSignal": true; }; "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "stepWidth": { "alias": "stepWidth"; "required": false; "isSignal": true; }; "stepFlex": { "alias": "stepFlex"; "required": false; "isSignal": true; }; "thickness": { "alias": "thickness"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "notchAngle": { "alias": "notchAngle"; "required": false; "isSignal": true; }; "subsection": { "alias": "subsection"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XProgressProperty, "x-progress-property", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "percent": { "alias": "percent"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "infoTpl": { "alias": "infoTpl"; "required": false; "isSignal": true; }; "info": { "alias": "info"; "required": false; "isSignal": true; }; "infoWidth": { "alias": "infoWidth"; "required": false; "isSignal": true; }; "inside": { "alias": "inside"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "railColor": { "alias": "railColor"; "required": false; "isSignal": true; }; "gradient": { "alias": "gradient"; "required": false; "isSignal": true; }; "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "stepWidth": { "alias": "stepWidth"; "required": false; "isSignal": true; }; "stepFlex": { "alias": "stepFlex"; "required": false; "isSignal": true; }; "thickness": { "alias": "thickness"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "notchAngle": { "alias": "notchAngle"; "required": false; "isSignal": true; }; "subsection": { "alias": "subsection"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 /**
  * @zh_CN 进度条类型

package/select/index.d.ts

@@ -87,6 +87,21 @@ declare class XSelectProperty extends XSelectProperty_base {
      * @en_US width
      */
     readonly width: _angular_core.InputSignalWithTransform<string, XNumber>;
+    /**
+     * @zh_CN 自适应宽度，需要有默认值
+     * @en_US auto width，needs a default value
+     */
+    readonly autoWidth: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 自适应最小的宽度
+     * @en_US auto min width
+     */
+    readonly autoMinWidth: _angular_core.InputSignalWithTransform<number, XNumber>;
+    /**
+     * @zh_CN 自适应最大的宽度
+     * @en_US auto max width，input needs a default value
+     */
+    readonly autoMaxWidth: _angular_core.InputSignalWithTransform<number | null, XNumber>;
     /**
      * @zh_CN 清除按钮
      * @en_US Clear button
@@ -191,6 +206,11 @@ 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 Custom content in the drop-down box
+     */
+    readonly portalTemp: _angular_core.InputSignal<TemplateRef<any> | undefined>;
     /**
      * @zh_CN 浮动标签
      * @en_US Float label
@@ -301,8 +321,13 @@ declare class XSelectProperty extends XSelectProperty_base {
      * @en_US Enter the verification function
      */
     readonly inputValidator: _angular_core.InputSignal<((value: any) => boolean) | undefined>;
+    /**
+     * @zh_CN 输入值变化事件
+     * @en_US Input value change event
+     */
+    readonly searchChange: _angular_core.OutputEmitterRef<any>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XSelectProperty, 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; }; "inputStyle": { "alias": "inputStyle"; "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>;
+    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; }; "autoWidth": { "alias": "autoWidth"; "required": false; "isSignal": true; }; "autoMinWidth": { "alias": "autoMinWidth"; "required": false; "isSignal": true; }; "autoMaxWidth": { "alias": "autoMaxWidth"; "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; }; "inputStyle": { "alias": "inputStyle"; "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; }; "portalTemp": { "alias": "portalTemp"; "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"; "searchChange": "searchChange"; }, never, never, true, never>;
 }
 /**
  * Select Option
@@ -405,6 +430,11 @@ interface XSelectOption extends XFormOption {
      * @en_US Allow the use of input values as selector values during search
      */
     allowInput?: boolean;
+    /**
+     * @zh_CN 自定义下拉框中的内容
+     * @en_US Custom content in the drop-down box
+     */
+    portalTemp?: TemplateRef<any>;
     /**
      * @zh_CN 浮动标签
      * @en_US Float label
@@ -548,7 +578,7 @@ declare class XSelectPortalComponent implements OnInit {
     private unSubject;
     private destroyRef;
     private i18n;
-    list: _angular_core.Signal<XListComponent>;
+    list: _angular_core.Signal<XListComponent | undefined>;
     value: _angular_core.ModelSignal<any>;
     data: _angular_core.InputSignal<XSelectNode[] | undefined>;
     placement: _angular_core.InputSignal<XPlacement>;
@@ -566,6 +596,14 @@ declare class XSelectPortalComponent implements OnInit {
     keywordText: _angular_core.InputSignal<any>;
     size: _angular_core.InputSignal<XSize | undefined>;
     showPortal: _angular_core.WritableSignal<boolean>;
+    portalTemp: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    portalTempContext: _angular_core.Signal<{
+        $implicit: XSelectNode[] | undefined;
+        $data: XSelectNode[] | undefined;
+        $value: any;
+        $close: () => void;
+        $nodeClick: (node: XSelectNode) => void;
+    }>;
     animating: _angular_core.OutputEmitterRef<boolean>;
     nodeClick: _angular_core.OutputEmitterRef<{
         node: XSelectNode | null;
@@ -587,7 +625,7 @@ declare class XSelectPortalComponent implements OnInit {
     onActive(num: number): void;
     onTabOut(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XSelectPortalComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XSelectPortalComponent, "x-select-portal", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "nodeTpl": { "alias": "nodeTpl"; "required": false; "isSignal": true; }; "inputCom": { "alias": "inputCom"; "required": false; "isSignal": true; }; "portalMaxHeight": { "alias": "portalMaxHeight"; "required": false; "isSignal": true; }; "portalHeight": { "alias": "portalHeight"; "required": false; "isSignal": true; }; "objectArray": { "alias": "objectArray"; "required": false; "isSignal": true; }; "selectAll": { "alias": "selectAll"; "required": false; "isSignal": true; }; "selectAllText": { "alias": "selectAllText"; "required": false; "isSignal": true; }; "caseSensitive": { "alias": "caseSensitive"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "keywordText": { "alias": "keywordText"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "animating": "animating"; "nodeClick": "nodeClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XSelectPortalComponent, "x-select-portal", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "nodeTpl": { "alias": "nodeTpl"; "required": false; "isSignal": true; }; "inputCom": { "alias": "inputCom"; "required": false; "isSignal": true; }; "portalMaxHeight": { "alias": "portalMaxHeight"; "required": false; "isSignal": true; }; "portalHeight": { "alias": "portalHeight"; "required": false; "isSignal": true; }; "objectArray": { "alias": "objectArray"; "required": false; "isSignal": true; }; "selectAll": { "alias": "selectAll"; "required": false; "isSignal": true; }; "selectAllText": { "alias": "selectAllText"; "required": false; "isSignal": true; }; "caseSensitive": { "alias": "caseSensitive"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "keywordText": { "alias": "keywordText"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "portalTemp": { "alias": "portalTemp"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "animating": "animating"; "nodeClick": "nodeClick"; }, never, never, true, never>;
 }
 
 declare class XSelectComponent extends XSelectProperty implements OnInit, OnChanges, AfterViewInit, OnDestroy {
@@ -683,6 +721,8 @@ declare class XSelectComponent extends XSelectProperty implements OnInit, OnChan
     setPlacement(): _angular_cdk_overlay.PositionStrategy;
     setPortal(): void;
     onKeydown($event: KeyboardEvent): void;
+    portalClose(): void;
+    portalNodeClick(node: XSelectNode, value?: XSelectNode[] | (string | number)[]): void;
     onFocus(_event: Event): void;
     onInput(_event: InputEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XSelectComponent, never>;

package/tree-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, XTemplate, XNumber, XAlign, XJustify, XDirection, XSize, XData, XParentIdentityProperty, XVariant, XPositionTopBottom, XFloatLabel, 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';
@@ -101,7 +101,7 @@ declare class XTreeSelectProperty extends XTreeSelectProperty_base {
      * @zh_CN 展示方位
      * @en_US Display position
      */
-    readonly placement: _angular_core.InputSignal<XPositionTopBottom>;
+    readonly placement: _angular_core.InputSignal<XPlacement>;
     /**
      * @zh_CN 多选功能
      * @en_US Multiple choice
@@ -349,7 +349,7 @@ interface XTreeSelectOption extends XFormOption {
      * @zh_CN 展示方位
      * @en_US Display position
      */
-    placement?: XPositionTopBottom;
+    placement?: XPlacement;
     /**
      * @zh_CN 多选功能
      * @en_US Multiple choice
@@ -595,7 +595,7 @@ declare class XTreeSelectPortalComponent {
     private i18n;
     value: _angular_core.ModelSignal<any>;
     data: _angular_core.InputSignal<XTreeSelectNode[]>;
-    placement: _angular_core.InputSignal<XPlacement>;
+    placement: _angular_core.InputSignal<XPlacement | undefined>;
     multiple: _angular_core.InputSignal<boolean>;
     nodeTpl: _angular_core.InputSignal<TemplateRef<any> | undefined>;
     inputCom: _angular_core.InputSignal<XInputComponent | undefined>;