@ng-nest/ui 22.0.1 → 22.0.3

package/types/ng-nest-ui-auto-complete.d.ts

@@ -5,7 +5,7 @@ import { TemplateRef, OnInit, OnChanges, ComponentRef, SimpleChanges } from '@an
 import * as rxjs from 'rxjs';
 import { Subject, BehaviorSubject } from 'rxjs';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
-import { XBoolean, XTemplate, XNumber, XAlign, XJustify, XDirection, XSize, XData, XParentIdentityProperty, XVariant, XPlacement, XFloatLabel, XPositionTopBottom } from '@ng-nest/ui/core';
+import { XBoolean, XTemplate, XNumber, XAlign, XJustify, XDirection, XSize, XData, XParentIdentityProperty, XVariant, XPlacement, XPositionLeftRight, XFloatLabel, XPositionTopBottom } from '@ng-nest/ui/core';
 import { XFormOption } from '@ng-nest/ui/base-form';
 import { XInputComponent } from '@ng-nest/ui/input';
 import { XListComponent } from '@ng-nest/ui/list';
@@ -106,6 +106,16 @@ declare class XAutoCompleteProperty extends XAutoCompleteProperty_base {
     readonly inputStyle: _angular_core.InputSignal<{
         [style: string]: any;
     } | undefined>;
+    /**
+     * @zh_CN 图标
+     * @en_US Icon
+     */
+    readonly icon: _angular_core.ModelSignal<string | undefined>;
+    /**
+     * @zh_CN 图标布局方式
+     * @en_US Icon layout
+     */
+    readonly iconLayout: _angular_core.InputSignal<XPositionLeftRight>;
     /**
      * @zh_CN 下拉框的最大高度
      * @en_US The biggest height of the drop-down box
@@ -126,6 +136,11 @@ declare class XAutoCompleteProperty extends XAutoCompleteProperty_base {
      * @en_US The style class name of the drop-down box
      */
     readonly portalClass: _angular_core.InputSignal<string | string[]>;
+    /**
+     * @zh_CN 自定义下拉框中的内容
+     * @en_US Custom content in the drop-down box
+     */
+    readonly portalTemp: _angular_core.InputSignal<TemplateRef<any> | undefined>;
     /**
      * @zh_CN 匹配区分大小写
      * @en_US Case-sensitive
@@ -251,8 +266,13 @@ declare class XAutoCompleteProperty extends XAutoCompleteProperty_base {
      * @en_US Node click event
      */
     readonly nodeEmit: _angular_core.OutputEmitterRef<XAutoCompleteNode>;
+    /**
+     * @zh_CN 输入值变化事件
+     * @en_US Input value change event
+     */
+    readonly searchChange: _angular_core.OutputEmitterRef<any>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XAutoCompleteProperty, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XAutoCompleteProperty, "x-auto-complete-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "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; }; "caseSensitive": { "alias": "caseSensitive"; "required": false; "isSignal": true; }; "onlySelect": { "alias": "onlySelect"; "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"; "nodeEmit": "nodeEmit"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XAutoCompleteProperty, "x-auto-complete-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "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; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconLayout": { "alias": "iconLayout"; "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; }; "portalTemp": { "alias": "portalTemp"; "required": false; "isSignal": true; }; "caseSensitive": { "alias": "caseSensitive"; "required": false; "isSignal": true; }; "onlySelect": { "alias": "onlySelect"; "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; }; }, { "icon": "iconChange"; "active": "activeChange"; "nodeEmit": "nodeEmit"; "searchChange": "searchChange"; }, never, never, true, never>;
 }
 /**
  * AutoComplete Option
@@ -414,6 +434,13 @@ interface XAutoCompleteOption extends XFormOption {
      */
     nodeEmit?: (node: XAutoCompleteNode) => void;
 }
+/**
+ * @zh_CN 图标布局方式，指在输入框中的位置
+ * @en_US Icon layout, refers to the position in the input box
+ * @value "left" 靠左
+ * @value "right" 靠右
+ */
+type XAutoCompleteIconLayoutType = XPositionLeftRight;
 /**
  * @zh_CN 浮动标签类型
  * @en_US Float label type
@@ -442,7 +469,7 @@ declare class XAutoCompletePortalComponent implements OnInit {
     animateLeave: string;
     done(): void;
     start(): void;
-    list: _angular_core.Signal<XListComponent>;
+    list: _angular_core.Signal<XListComponent | undefined>;
     data: _angular_core.InputSignal<XAutoCompleteNode[] | undefined>;
     value: _angular_core.InputSignal<any>;
     placement: _angular_core.InputSignal<XPositionTopBottom | undefined>;
@@ -459,6 +486,14 @@ declare class XAutoCompletePortalComponent implements OnInit {
     keydownSubject: Subject<KeyboardEvent>;
     active: _angular_core.WritableSignal<number>;
     destroy: _angular_core.WritableSignal<boolean>;
+    portalTemp: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    portalTempContext: _angular_core.Signal<{
+        $implicit: XAutoCompleteNode[] | undefined;
+        $data: XAutoCompleteNode[] | undefined;
+        $value: any;
+        $close: () => void;
+        $nodeClick: (node: XAutoCompleteNode) => void;
+    }>;
     private unSubject;
     private destroyRef;
     ngOnInit(): void;
@@ -468,21 +503,23 @@ declare class XAutoCompletePortalComponent implements OnInit {
     onActive(num: number): void;
     onTabOut(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XAutoCompletePortalComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XAutoCompletePortalComponent, "x-auto-complete-portal", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "nodeTpl": { "alias": "nodeTpl"; "required": false; "isSignal": true; }; "inputCom": { "alias": "inputCom"; "required": false; "isSignal": true; }; "keywordText": { "alias": "keywordText"; "required": false; "isSignal": true; }; "caseSensitive": { "alias": "caseSensitive"; "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; }; }, { "keywordText": "keywordTextChange"; "animating": "animating"; "nodeClick": "nodeClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XAutoCompletePortalComponent, "x-auto-complete-portal", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "nodeTpl": { "alias": "nodeTpl"; "required": false; "isSignal": true; }; "inputCom": { "alias": "inputCom"; "required": false; "isSignal": true; }; "keywordText": { "alias": "keywordText"; "required": false; "isSignal": true; }; "caseSensitive": { "alias": "caseSensitive"; "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; }; "portalTemp": { "alias": "portalTemp"; "required": false; "isSignal": true; }; }, { "keywordText": "keywordTextChange"; "animating": "animating"; "nodeClick": "nodeClick"; }, never, never, true, never>;
 }
 
 declare class XAutoCompleteComponent extends XAutoCompleteProperty implements OnInit, OnChanges {
     inputCom: _angular_core.Signal<XInputComponent>;
     nodes: _angular_core.WritableSignal<XAutoCompleteNode[]>;
     searchNodes: _angular_core.WritableSignal<XAutoCompleteNode[]>;
-    icon: _angular_core.WritableSignal<string>;
     iconSpin: _angular_core.WritableSignal<boolean>;
     animating: _angular_core.WritableSignal<boolean>;
+    private lastValidValue;
     valueTplContextSignal: _angular_core.WritableSignal<{
         $node: any;
         $isValue: boolean;
     }>;
     valueTplContextComputed: _angular_core.Signal<unknown>;
+    widthComputed: _angular_core.Signal<boolean>;
+    get hostWidth(): any;
     inputChange: BehaviorSubject<any>;
     closeSubject: Subject<void>;
     keydownSubject: Subject<KeyboardEvent>;
@@ -494,7 +531,7 @@ declare class XAutoCompleteComponent extends XAutoCompleteProperty implements On
     private realPlacement;
     portalComponent: _angular_core.WritableSignal<ComponentRef<XAutoCompletePortalComponent> | null>;
     portalOverlayRef: _angular_core.WritableSignal<OverlayRef | null>;
-    inputChanged: _angular_core.Signal<any>;
+    private keywordText;
     constructor();
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -514,6 +551,8 @@ declare class XAutoCompleteComponent extends XAutoCompleteProperty implements On
     setSearchNodes(value: string | number): void;
     modelChange(value: string | number): void;
     onKeydown($event: KeyboardEvent): void;
+    portalClose(): void;
+    portalNodeClick(node: XAutoCompleteNode): void;
     onInput(_event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XAutoCompleteComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<XAutoCompleteComponent, "x-auto-complete", never, {}, {}, never, never, true, never>;
@@ -526,4 +565,4 @@ declare class XAutoCompleteModule {
 }
 
 export { XAutoCompleteComponent, XAutoCompleteModule, XAutoCompletePortalComponent, XAutoCompletePortalPrefix, XAutoCompletePrefix, XAutoCompleteProperty };
-export type { XAutoCompleteFloatLabel, XAutoCompleteNode, XAutoCompleteOption, XAutoCompleteVariant };
+export type { XAutoCompleteFloatLabel, XAutoCompleteIconLayoutType, XAutoCompleteNode, XAutoCompleteOption, XAutoCompleteVariant };

package/types/ng-nest-ui-core.d.ts

@@ -1267,6 +1267,7 @@ interface XAutoCompleteConfig {
     floatFixed?: boolean;
     variant?: XVariant;
     placement?: XPositionTopBottom;
+    iconLayout?: XPositionLeftRight;
     debounceTime?: number;
     size?: XSize;
     bordered?: boolean;

package/types/ng-nest-ui-slider-select.d.ts

@@ -333,7 +333,6 @@ declare class XSliderSelectComponent extends XSliderSelectProperty implements On
     tooltips: _angular_core.Signal<readonly XTooltipDirective[]>;
     tooltipStart: _angular_core.Signal<XTooltipDirective | null>;
     tooltipEnd: _angular_core.Signal<XTooltipDirective | null>;
-    value: _angular_core.WritableSignal<number | number[]>;
     starting: _angular_core.WritableSignal<boolean>;
     startOffset: _angular_core.WritableSignal<number>;
     startVisible: _angular_core.WritableSignal<boolean>;

package/types/ng-nest-ui-tree.d.ts

@@ -577,6 +577,7 @@ declare class XTreeComponent extends XTreeProperty implements OnChanges, XTreeCo
     hoverTreeEle: ElementRef;
     draggingTreeNode: _angular_core.WritableSignal<XTreeNode | null>;
     isEmpty: _angular_core.Signal<boolean>;
+    hasChecked: _angular_core.WritableSignal<boolean>;
     private unSubject;
     private resizeObserver;
     constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, treeService: XTreeService);