@ng-nest/ui 20.1.6 → 20.2.0

package/thought-chain/index.d.ts

@@ -0,0 +1,107 @@
+import * as _angular_core from '@angular/core';
+import { ChangeDetectorRef } from '@angular/core';
+import * as _ng_nest_ui_core from '@ng-nest/ui/core';
+import { XBoolean, XSize, XTemplate } from '@ng-nest/ui/core';
+import { XTimelineNode } from '@ng-nest/ui/timeline';
+import { XLoadingType } from '@ng-nest/ui/loading';
+
+/**
+ * ThoughtChain
+ * @selector x-thought-chain
+ * @decorator component
+ */
+declare const XThoughtChainPrefix = "x-thought-chain";
+declare const XThoughtChainProperty_base: new () => {
+    config: _ng_nest_ui_core.XThoughtChainConfig | undefined;
+};
+/**
+ * ThoughtChain Property
+ */
+declare class XThoughtChainProperty extends XThoughtChainProperty_base {
+    /**
+     * @zh_CN 思维链节点数据
+     * @en_US ThoughtChain items
+     */
+    readonly data: _angular_core.ModelSignal<XThoughtChainNode[]>;
+    /**
+     * @zh_CN 显示序号
+     * @en_US Show number
+     */
+    readonly showNumber: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 尺寸
+     * @en_US Size
+     */
+    readonly size: _angular_core.InputSignal<XSize>;
+    /**
+     * @zh_CN 自定义内容模板
+     * @en_US Content template
+     */
+    readonly wrapper: _angular_core.InputSignal<XTemplate | undefined>;
+    /**
+     * @zh_CN 自定义图标模板
+     * @en_US Icon template
+     */
+    readonly icon: _angular_core.InputSignal<XTemplate | undefined>;
+    /**
+     * @zh_CN 节点标题右侧额外的内容模板
+     * @en_US Node extra content
+     */
+    readonly extra: _angular_core.InputSignal<XTemplate | undefined>;
+    /**
+     * @zh_CN 节点详细内容模板
+     * @en_US Node detail content
+     */
+    readonly content: _angular_core.InputSignal<XTemplate | undefined>;
+    /**
+     * @zh_CN 详细内容是否可折叠
+     * @en_US Collapsible detail content
+     */
+    readonly collapsible: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN loading 的类型样式
+     * @en_US Loading type style
+     */
+    readonly loadingType: _angular_core.InputSignal<XLoadingType>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XThoughtChainProperty, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XThoughtChainProperty, "x-thought-chain-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "showNumber": { "alias": "showNumber"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "wrapper": { "alias": "wrapper"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "extra": { "alias": "extra"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "loadingType": { "alias": "loadingType"; "required": false; "isSignal": true; }; }, { "data": "dataChange"; }, never, never, true, never>;
+}
+/**
+ * @zh_CN 思维链节点
+ * @en_US Thought chain node
+ */
+interface XThoughtChainNode extends XTimelineNode {
+    /**
+     * @zh_CN 节点描述
+     * @en_US Node description
+     */
+    description?: string;
+    /**
+     * @zh_CN 节点状态
+     * @en_US Node status
+     */
+    status?: XThoughtChainNodeStatus;
+}
+/**
+ * @zh_CN 节点状态
+ * @en_US Node status
+ */
+type XThoughtChainNodeStatus = 'success' | 'error' | 'pending';
+
+declare class XThoughtChainComponent extends XThoughtChainProperty {
+    cdr: ChangeDetectorRef;
+    addNode(node: XThoughtChainNode): void;
+    updateNode(node: XThoughtChainNode): void;
+    removeNode(node: XThoughtChainNode): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XThoughtChainComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XThoughtChainComponent, "x-thought-chain", never, {}, {}, never, never, true, never>;
+}
+
+declare class XThoughtChainModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XThoughtChainModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<XThoughtChainModule, never, [typeof XThoughtChainComponent], [typeof XThoughtChainComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<XThoughtChainModule>;
+}
+
+export { XThoughtChainComponent, XThoughtChainModule, XThoughtChainPrefix, XThoughtChainProperty };
+export type { XThoughtChainNode, XThoughtChainNodeStatus };

package/time-picker/index.d.ts

@@ -496,7 +496,8 @@ type XTimePickerDisabledTimeFn = {
 
 declare class XTimePickerPortalComponent {
     private i18n;
-    get getPlacement(): XPositionTopBottom | undefined;
+    animateEnter: string;
+    animateLeave: string;
     done(): void;
     start(): void;
     value: _angular_core.ModelSignal<any>;

package/timeline/index.d.ts

@@ -1,6 +1,7 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
-import { XIdentityProperty, XDate, XSize, XType, XDataArray, XTemplate } from '@ng-nest/ui/core';
+import { XIdentityProperty, XDate, XType, XDataArray, XTemplate, XBoolean, XSize } from '@ng-nest/ui/core';
+import { XLoadingType } from '@ng-nest/ui/loading';
 
 /**
  * Timeline
@@ -19,19 +20,39 @@ declare class XTimelineProperty extends XTimelineProperty_base {
      * @zh_CN 数据
      * @en_US Date
      */
-    readonly data: i0.InputSignalWithTransform<XTimelineNode[], XDataArray<XTimelineNode>>;
+    readonly data: _angular_core.InputSignalWithTransform<XTimelineNode[], XDataArray<XTimelineNode>>;
     /**
      * @zh_CN 内容模板
      * @en_US Content template
      */
-    readonly wrapper: i0.InputSignal<XTemplate | undefined>;
+    readonly wrapper: _angular_core.InputSignal<XTemplate | undefined>;
+    /**
+     * @zh_CN 图标模板
+     * @en_US Icon template
+     */
+    readonly icon: _angular_core.InputSignal<XTemplate | undefined>;
+    /**
+     * @zh_CN 显示序号
+     * @en_US Show number
+     */
+    readonly showNumber: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 时间轴的相对位置
      * @en_US Content and timeline relative position
      */
-    readonly mode: i0.InputSignal<XTimelineMode>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<XTimelineProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XTimelineProperty, "x-timeline-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "wrapper": { "alias": "wrapper"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    readonly mode: _angular_core.InputSignal<XTimelineMode>;
+    /**
+     * @zh_CN loading 的类型样式
+     * @en_US Loading type style
+     */
+    readonly loadingType: _angular_core.InputSignal<XLoadingType>;
+    /**
+     * @zh_CN 尺寸
+     * @en_US Size
+     */
+    readonly size: _angular_core.InputSignal<XSize>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XTimelineProperty, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XTimelineProperty, "x-timeline-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "wrapper": { "alias": "wrapper"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showNumber": { "alias": "showNumber"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "loadingType": { "alias": "loadingType"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 /**
  * @zh_CN Timeline 数据对象
@@ -48,11 +69,6 @@ interface XTimelineNode extends XIdentityProperty {
      * @en_US Content
      */
     content?: string;
-    /**
-     * @zh_CN 尺寸
-     * @en_US Size
-     */
-    size?: XSize;
     /**
      * @zh_CN 类型
      * @en_US Type
@@ -91,19 +107,19 @@ interface XTimelineNode extends XIdentityProperty {
 type XTimelineMode = 'left' | 'right' | 'alternate';
 
 declare class XTimelineComponent extends XTimelineProperty {
-    classMap: i0.Signal<{
+    classMap: _angular_core.Signal<{
         [x: string]: boolean;
     }>;
-    nodes: i0.Signal<XTimelineNode[]>;
+    nodes: _angular_core.Signal<XTimelineNode[]>;
     private setDashed;
-    static ɵfac: i0.ɵɵFactoryDeclaration<XTimelineComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XTimelineComponent, "x-timeline", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XTimelineComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XTimelineComponent, "x-timeline", never, {}, {}, never, never, true, never>;
 }
 
 declare class XTimelineModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<XTimelineModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<XTimelineModule, never, [typeof XTimelineComponent], [typeof XTimelineComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<XTimelineModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XTimelineModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<XTimelineModule, never, [typeof XTimelineComponent], [typeof XTimelineComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<XTimelineModule>;
 }
 
 export { XTimelineComponent, XTimelineModule, XTimelinePrefix, XTimelineProperty };

package/tooltip/index.d.ts

@@ -13,27 +13,17 @@ declare class XTooltipPortalComponent {
     color: _angular_core.InputSignal<string | undefined>;
     backgroundColor: _angular_core.InputSignal<string | undefined>;
     hoverChanged: _angular_core.OutputEmitterRef<boolean>;
-    arrowHidden: _angular_core.WritableSignal<boolean>;
     destroy: _angular_core.WritableSignal<boolean>;
     private destroyRef;
     constructor();
     mouseenter(): void;
     mouseleave(): void;
-    animation: boolean;
-    done(event: {
-        toState: any;
-    }): void;
+    animateEnter: string;
+    animateLeave: string;
     tooltipPortal: _angular_core.Signal<ElementRef<any>>;
-    tooltipArrow: _angular_core.Signal<ElementRef<any>>;
-    tooltipArrowAfter: _angular_core.Signal<ElementRef<any>>;
     classMap: _angular_core.Signal<{
         [x: string]: boolean;
     }>;
-    portalBox: _angular_core.Signal<any>;
-    arrowBox: _angular_core.Signal<any>;
-    private renderer;
-    setArrow(): void;
-    includes(arrow: string): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XTooltipPortalComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<XTooltipPortalComponent, "x-tooltip-portal", never, { "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "box": { "alias": "box"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; }, { "hoverChanged": "hoverChanged"; }, never, never, true, never>;
 }

package/tree-select/index.d.ts

@@ -587,7 +587,8 @@ type XTreeSelectFloatLabel = XFloatLabel;
 type XTreeSelectVariant = XVariant;
 
 declare class XTreeSelectPortalComponent {
-    get getPlacement(): XPlacement;
+    animateEnter: string;
+    animateLeave: string;
     done(): void;
     start(): void;
     tree: _angular_core.Signal<XTreeComponent>;

package/upload/index.d.ts

@@ -1,7 +1,7 @@
 import * as _ng_nest_ui_core from '@ng-nest/ui/core';
 import { XBoolean, XTemplate, XNumber, XPosition, XCorner } from '@ng-nest/ui/core';
 import * as _angular_core from '@angular/core';
-import { AfterViewInit, OnDestroy, ElementRef } from '@angular/core';
+import { ElementRef, AfterViewInit, OnDestroy } from '@angular/core';
 import { HttpEvent } from '@angular/common/http';
 import * as rxjs from 'rxjs';
 import { XI18nUpload } from '@ng-nest/ui/i18n';
@@ -77,6 +77,31 @@ declare class XUploadProperty extends XUploadProperty_base {
      * @en_US Request address
      */
     readonly action: _angular_core.InputSignal<string | undefined>;
+    /**
+     * @zh_CN 可拖拽上传的区域
+     * @en_US Drag and drop upload area
+     */
+    readonly dropContainer: _angular_core.InputSignal<ElementRef<any> | HTMLElement | undefined>;
+    /**
+     * @zh_CN 可拖拽上传的区域的图标
+     * @en_US Drag and drop upload area icon
+     */
+    readonly dropIcon: _angular_core.InputSignal<XTemplate | undefined>;
+    /**
+     * @zh_CN 可拖拽上传的区域的标题
+     * @en_US Drag and drop upload area title
+     */
+    readonly dropTitle: _angular_core.InputSignal<XTemplate | undefined>;
+    /**
+     * @zh_CN 可拖拽上传的区域的描述
+     * @en_US Drag and drop upload area description
+     */
+    readonly dropDescription: _angular_core.InputSignal<XTemplate | undefined>;
+    /**
+     * @zh_CN 直接显示可拖拽上传的区域
+     * @en_US Show the drag and drop upload area directly
+     */
+    readonly showDrop: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
     /**
      * @zh_CN 上传文件类型，与原生的 input file 组件一致
      * @en_US Upload file type, consistent with native input file component
@@ -158,7 +183,7 @@ declare class XUploadProperty extends XUploadProperty_base {
      */
     readonly uploadError: _angular_core.OutputEmitterRef<XUploadNode>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<XUploadProperty, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XUploadProperty, "x-upload-property", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "action": { "alias": "action"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "imgFallback": { "alias": "imgFallback"; "required": false; "isSignal": true; }; "imgCut": { "alias": "imgCut"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "download": { "alias": "download"; "required": false; "isSignal": true; }; "multipleModel": { "alias": "multipleModel"; "required": false; "isSignal": true; }; "filesTpl": { "alias": "filesTpl"; "required": false; "isSignal": true; }; "maxLimit": { "alias": "maxLimit"; "required": false; "isSignal": true; }; "headers": { "alias": "headers"; "required": false; "isSignal": true; }; }, { "removeClick": "removeClick"; "uploadReady": "uploadReady"; "uploading": "uploading"; "uploadSuccess": "uploadSuccess"; "uploadError": "uploadError"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XUploadProperty, "x-upload-property", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "action": { "alias": "action"; "required": false; "isSignal": true; }; "dropContainer": { "alias": "dropContainer"; "required": false; "isSignal": true; }; "dropIcon": { "alias": "dropIcon"; "required": false; "isSignal": true; }; "dropTitle": { "alias": "dropTitle"; "required": false; "isSignal": true; }; "dropDescription": { "alias": "dropDescription"; "required": false; "isSignal": true; }; "showDrop": { "alias": "showDrop"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "imgFallback": { "alias": "imgFallback"; "required": false; "isSignal": true; }; "imgCut": { "alias": "imgCut"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "download": { "alias": "download"; "required": false; "isSignal": true; }; "multipleModel": { "alias": "multipleModel"; "required": false; "isSignal": true; }; "filesTpl": { "alias": "filesTpl"; "required": false; "isSignal": true; }; "maxLimit": { "alias": "maxLimit"; "required": false; "isSignal": true; }; "headers": { "alias": "headers"; "required": false; "isSignal": true; }; }, { "removeClick": "removeClick"; "uploadReady": "uploadReady"; "uploading": "uploading"; "uploadSuccess": "uploadSuccess"; "uploadError": "uploadError"; }, never, never, true, never>;
 }
 /**
  * @zh_CN Upload 数据对象
@@ -265,6 +290,12 @@ declare class XUploadComponent extends XUploadProperty {
     private portalService;
     private viewContainerRef;
     private i18n;
+    private renderer;
+    private dragOverlayService;
+    private dropSubscription?;
+    private dragCounter;
+    elementRef: ElementRef<any>;
+    get getShowDrop(): boolean;
     file: _angular_core.Signal<ElementRef<HTMLInputElement>>;
     files: _angular_core.WritableSignal<XUploadNode[]>;
     showUpload: _angular_core.WritableSignal<boolean>;
@@ -281,8 +312,14 @@ declare class XUploadComponent extends XUploadProperty {
     writeValue(value: XUploadNode[]): void;
     acceptSignal: _angular_core.Signal<string | undefined>;
     constructor();
+    ngAfterViewInit(): void;
+    ngOnDestory(): void;
+    private setupDropContainer;
+    private addDragOverStyle;
+    private removeDragOverStyle;
     setFiles(): void;
     change(event: Event): void;
+    handleFiles(fileList: FileList): void;
     remove(file: XUploadNode, index: number): void;
     uploadClick(): void;
     onUploading(): void;