@ng-nest/ui 15.0.13 → 15.0.14

package/time-picker/time-picker.property.d.ts

@@ -62,13 +62,18 @@ export declare class XTimePickerProperty extends XControlValueAccessor<any> {
      * @en_US Quick selection button, support now and custom
      */
     preset: XData<XTimePickerPreset>;
+    /**
+     * @zh_CN 禁用的时间
+     * @en_US Disabled time
+     */
+    disabledTime?: XTimePickerDisabledTime;
     /**
      * @zh_CN 节点点击的事件
      * @en_US Node click event
      */
     nodeEmit: EventEmitter<number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XTimePickerProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XTimePickerProperty, "ng-component", never, { "type": "type"; "format": "format"; "placement": "placement"; "size": "size"; "use12Hours": "use12Hours"; "bordered": "bordered"; "hourStep": "hourStep"; "minuteStep": "minuteStep"; "secondStep": "secondStep"; "preset": "preset"; }, { "nodeEmit": "nodeEmit"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTimePickerProperty, "ng-component", never, { "type": "type"; "format": "format"; "placement": "placement"; "size": "size"; "use12Hours": "use12Hours"; "bordered": "bordered"; "hourStep": "hourStep"; "minuteStep": "minuteStep"; "secondStep": "secondStep"; "preset": "preset"; "disabledTime": "disabledTime"; }, { "nodeEmit": "nodeEmit"; }, never, never, false, never>;
 }
 /**
  * TimePicker Option
@@ -124,3 +129,29 @@ export declare const XTimePickerPortalPrefix = "x-time-picker-portal";
  * @decorator component
  */
 export declare const XTimePickerFramePrefix = "x-time-picker-frame";
+/**
+ * @zh_CN 禁用时间的自定义类型
+ * @en_US Disable custom type of time
+ */
+export declare type XTimePickerDisabledTime = (param?: any) => XTimePickerDisabledTimeFn;
+/**
+ * @zh_CN 禁用时间的自定义函数
+ * @en_US Disable custom type of time
+ */
+export declare type XTimePickerDisabledTimeFn = {
+    /**
+     * @zh_CN 禁用小时的自定义函数
+     * @en_US Disable custom type of hours
+     */
+    disabledHours?: () => number[];
+    /**
+     * @zh_CN 禁用分钟的自定义函数
+     * @en_US Disable custom type of minutes
+     */
+    disabledMinutes?: () => number[];
+    /**
+     * @zh_CN 禁用秒的自定义函数
+     * @en_US Disable custom type of seconds
+     */
+    disabledSeconds?: () => number[];
+};

package/tree/tree-node.component.d.ts

@@ -1,30 +1,61 @@
-import { Renderer2, ElementRef, ChangeDetectorRef } from '@angular/core';
+import { Renderer2, ElementRef, ChangeDetectorRef, NgZone, EventEmitter } from '@angular/core';
 import { XTreeNode, XTreeNodeProperty, XTreeAction } from './tree.property';
 import { XConfigService, XBoolean } from '@ng-nest/ui/core';
+import { XTreeService } from './tree.service';
 import * as i0 from "@angular/core";
 export declare class XTreeNodeComponent extends XTreeNodeProperty {
     renderer: Renderer2;
     elementRef: ElementRef<HTMLElement>;
     cdr: ChangeDetectorRef;
     configService: XConfigService;
+    ngZone: NgZone;
+    treeService: XTreeService;
     tree: any;
+    nodeMouseenter: EventEmitter<{
+        event: MouseEvent;
+        node: XTreeNode;
+        ele: ElementRef;
+    }>;
     rootClass: boolean;
     private _loading;
     get loading(): boolean;
     set loading(value: boolean);
+    private _unSubject;
+    get showDragIndicator(): any;
+    onMouseenter(event: MouseEvent): void;
+    onMouseleave(_event: MouseEvent): void;
+    get isChildrenLast(): boolean;
+    get isParentLast(): boolean[];
+    get numLevel(): number;
+    get verticalLevel(): number[];
+    get verticalWidth(): number;
     get paddingLeft(): number;
+    get indicatorWidth(): string;
+    get indicatorStyle(): {
+        bottom: string;
+        top?: undefined;
+    } | {
+        top: string;
+        bottom?: undefined;
+    } | {
+        bottom?: undefined;
+        top?: undefined;
+    };
     get getActivated(): any;
-    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, configService: XConfigService);
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, configService: XConfigService, ngZone: NgZone, treeService: XTreeService);
     ngOnInit(): void;
+    ngOnDestroy(): void;
     onActivate(event: Event, node: XTreeNode): void;
     onCheckboxChange(): void;
+    getVerticalLeft(i: number): number;
     setCheckbox(): void;
     setChildrenCheckbox(checked: boolean): void;
     setParentCheckbox(): void;
     setIndeterminate(node: XTreeNode): void;
     getNodeDisabled(disabled?: boolean): XBoolean;
     onAction(event: Event, action: XTreeAction, node: XTreeNode): void;
-    trackByItem(_index: number, item: XTreeAction | XTreeNode): any;
+    trackByItem(_index: number, item: XTreeNode): string;
+    trackByAction(_index: number, item: XTreeAction): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<XTreeNodeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XTreeNodeComponent, "x-tree-node, [x-tree-node]", never, { "tree": "tree"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTreeNodeComponent, "x-tree-node, [x-tree-node]", never, { "tree": "tree"; }, { "nodeMouseenter": "nodeMouseenter"; }, never, never, false, never>;
 }

package/tree/tree.component.d.ts

@@ -1,16 +1,21 @@
-import { Renderer2, ElementRef, ChangeDetectorRef, SimpleChanges, OnChanges, QueryList } from '@angular/core';
+import { Renderer2, ElementRef, ChangeDetectorRef, SimpleChanges, OnChanges, QueryList, NgZone } from '@angular/core';
 import { XTreeNode, XTreeProperty } from './tree.property';
 import { XConfigService } from '@ng-nest/ui/core';
 import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 import { XTreeNodeComponent } from './tree-node.component';
+import { CdkDrag, CdkDragEnd, CdkDragMove, CdkDragStart, CdkDropList } from '@angular/cdk/drag-drop';
+import { XTreeService } from './tree.service';
 import * as i0 from "@angular/core";
 export declare class XTreeComponent extends XTreeProperty implements OnChanges {
     renderer: Renderer2;
     elementRef: ElementRef<HTMLElement>;
     cdr: ChangeDetectorRef;
     configService: XConfigService;
+    ngZone: NgZone;
+    treeService: XTreeService;
     tree: ElementRef<HTMLElement>;
     virtualBody: CdkVirtualScrollViewport;
+    dropList: CdkDropList<HTMLElement>;
     nodeComponents: QueryList<XTreeNodeComponent>;
     set _nodeComponents(value: QueryList<XTreeNodeComponent>);
     nodes: XTreeNode[];
@@ -19,17 +24,33 @@ export declare class XTreeComponent extends XTreeProperty implements OnChanges {
     dataIsFunc: boolean;
     getting: boolean;
     treeData: XTreeNode[];
+    dragging: boolean;
+    dragPosition: -1 | 1;
+    hoverTreeNode: XTreeNode;
+    hoverTreeEle: ElementRef;
+    draggingTreeNode: XTreeNode | null;
+    get isEmpty(): boolean;
     private _unSubject;
     private _resizeObserver;
-    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, configService: XConfigService);
+    constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, configService: XConfigService, ngZone: NgZone, treeService: XTreeService);
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     setData(): void;
+    cdkDragStarted(event: CdkDragStart): void;
+    cdkDragEnded(event: CdkDragEnd): void;
+    insertNode(dragNode: XTreeNode, hoverNode: XTreeNode, dragPosition: -1 | 1): void;
+    cdkDragMoved(event: CdkDragMove<XTreeNode>): void;
+    predicate(_drag: CdkDrag<XTreeNode>, _drop: CdkDropList<XTreeNode>): boolean;
     private setVirtualScrollHeight;
     private setManual;
     private getDataByFunc;
     private setDataChange;
+    nodeMouseenter($event: {
+        event: MouseEvent;
+        node: XTreeNode;
+        ele: ElementRef;
+    }): void;
     setScorllTop(): void;
     getCheckedNodes(): XTreeNode[];
     getCheckedKeys(): any[];
@@ -48,7 +69,7 @@ export declare class XTreeComponent extends XTreeProperty implements OnChanges {
     setActivatedId(node: XTreeNode): void;
     removeNode(node: XTreeNode): void;
     updateNode(node: XTreeNode, nowNode: XTreeNode): void;
-    trackByItem(_index: number, item: XTreeNode): any;
+    trackByItem(_index: number, item: XTreeNode): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<XTreeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<XTreeComponent, "x-tree", never, {}, {}, never, never, false, never>;
 }

package/tree/tree.module.d.ts

@@ -4,14 +4,15 @@ import * as i2 from "./tree-node.component";
 import * as i3 from "./tree.property";
 import * as i4 from "@angular/common";
 import * as i5 from "@angular/forms";
-import * as i6 from "@ng-nest/ui/icon";
-import * as i7 from "@ng-nest/ui/checkbox";
-import * as i8 from "@ng-nest/ui/outlet";
-import * as i9 from "@ng-nest/ui/link";
-import * as i10 from "@angular/cdk/scrolling";
-import * as i11 from "@ng-nest/ui/keyword";
+import * as i6 from "@angular/cdk/drag-drop";
+import * as i7 from "@ng-nest/ui/icon";
+import * as i8 from "@ng-nest/ui/checkbox";
+import * as i9 from "@ng-nest/ui/outlet";
+import * as i10 from "@ng-nest/ui/link";
+import * as i11 from "@angular/cdk/scrolling";
+import * as i12 from "@ng-nest/ui/keyword";
 export declare class XTreeModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<XTreeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<XTreeModule, [typeof i1.XTreeComponent, typeof i2.XTreeNodeComponent, typeof i3.XTreeProperty, typeof i3.XTreeNodeProperty], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i6.XIconModule, typeof i7.XCheckboxModule, typeof i8.XOutletModule, typeof i9.XLinkModule, typeof i10.ScrollingModule, typeof i11.XKeywordModule], [typeof i1.XTreeComponent, typeof i2.XTreeNodeComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<XTreeModule, [typeof i1.XTreeComponent, typeof i2.XTreeNodeComponent, typeof i3.XTreeProperty, typeof i3.XTreeNodeProperty], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i6.DragDropModule, typeof i7.XIconModule, typeof i8.XCheckboxModule, typeof i9.XOutletModule, typeof i10.XLinkModule, typeof i11.ScrollingModule, typeof i12.XKeywordModule], [typeof i1.XTreeComponent, typeof i2.XTreeNodeComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<XTreeModule>;
 }

package/tree/tree.property.d.ts

@@ -1,5 +1,6 @@
 import { XProperty, XData, XParentIdentityProperty, XNumber, XBoolean, XIdentityProperty, XAlign } from '@ng-nest/ui/core';
 import { TemplateRef, EventEmitter, ElementRef } from '@angular/core';
+import { CdkDragEnd, CdkDragMove, CdkDragStart } from '@angular/cdk/drag-drop';
 import * as i0 from "@angular/core";
 /**
  * Tree
@@ -76,6 +77,11 @@ export declare class XTreeProperty extends XProperty {
      * @en_US Whether to allow multiple clicks on a node to trigger multiple events
      */
     allowManyActivated?: XBoolean;
+    /**
+     * @zh_CN 拖动节点
+     * @en_US Drag node
+     */
+    drag?: XBoolean;
     /**
      * @zh_CN 当前点击选中的节点变化的事件
      * @en_US The event of the currently clicked node change
@@ -171,6 +177,16 @@ export declare class XTreeProperty extends XProperty {
      * @en_US Only leaf nodes can be selected
      */
     onlyLeaf: XBoolean;
+    /**
+     * @zh_CN 展开收起的图标自定义模版
+     * @en_US Expand the folded icon custom template
+     */
+    expandedIcon?: TemplateRef<void>;
+    /**
+     * @zh_CN 显示连接线
+     * @en_US Show line
+     */
+    showLine: XBoolean;
     /**
      * @zh_CN 参数控制请求改变事件
      * @en_US Parameter control request change event
@@ -186,8 +202,23 @@ export declare class XTreeProperty extends XProperty {
      * @en_US Node click event
      */
     activatedIdChange: EventEmitter<any>;
+    /**
+     * @zh_CN 节点开始拖动事件
+     * @en_US Node drag started
+     */
+    nodeDragStarted: EventEmitter<XTreeNodeDragEvent>;
+    /**
+     * @zh_CN 节点结束拖动事件
+     * @en_US Node drag ended
+     */
+    nodeDragEnded: EventEmitter<XTreeNodeDragEvent>;
+    /**
+     * @zh_CN 节点正在拖动事件
+     * @en_US Node drag moved
+     */
+    nodeDragMoved: EventEmitter<XTreeNodeDragEvent>;
     static ɵfac: i0.ɵɵFactoryDeclaration<XTreeProperty, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<XTreeProperty, "ng-component", never, { "data": "data"; "checkbox": "checkbox"; "lazy": "lazy"; "activatedId": "activatedId"; "expanded": "expanded"; "checked": "checked"; "expandedAll": "expandedAll"; "expandedLevel": "expandedLevel"; "nodeOpen": "nodeOpen"; "spacing": "spacing"; "labelTpl": "labelTpl"; "nodeHeight": "nodeHeight"; "allowManyActivated": "allowManyActivated"; "manual": "manual"; "levelCheck": "levelCheck"; "nodeNowrap": "nodeNowrap"; "nodeAlignItems": "nodeAlignItems"; "actions": "actions"; "scrollElement": "scrollElement"; "virtualScroll": "virtualScroll"; "virtualScrollHeight": "virtualScrollHeight"; "heightAdaption": "heightAdaption"; "itemSize": "itemSize"; "minBufferPx": "minBufferPx"; "maxBufferPx": "maxBufferPx"; "multiple": "multiple"; "objectArray": "objectArray"; "keywordText": "keywordText"; "caseSensitive": "caseSensitive"; "onlyLeaf": "onlyLeaf"; }, { "activatedChange": "activatedChange"; "checkboxChange": "checkboxChange"; "manualChange": "manualChange"; "nodeClick": "nodeClick"; "activatedIdChange": "activatedIdChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XTreeProperty, "ng-component", never, { "data": "data"; "checkbox": "checkbox"; "lazy": "lazy"; "activatedId": "activatedId"; "expanded": "expanded"; "checked": "checked"; "expandedAll": "expandedAll"; "expandedLevel": "expandedLevel"; "nodeOpen": "nodeOpen"; "spacing": "spacing"; "labelTpl": "labelTpl"; "nodeHeight": "nodeHeight"; "allowManyActivated": "allowManyActivated"; "drag": "drag"; "manual": "manual"; "levelCheck": "levelCheck"; "nodeNowrap": "nodeNowrap"; "nodeAlignItems": "nodeAlignItems"; "actions": "actions"; "scrollElement": "scrollElement"; "virtualScroll": "virtualScroll"; "virtualScrollHeight": "virtualScrollHeight"; "heightAdaption": "heightAdaption"; "itemSize": "itemSize"; "minBufferPx": "minBufferPx"; "maxBufferPx": "maxBufferPx"; "multiple": "multiple"; "objectArray": "objectArray"; "keywordText": "keywordText"; "caseSensitive": "caseSensitive"; "onlyLeaf": "onlyLeaf"; "expandedIcon": "expandedIcon"; "showLine": "showLine"; }, { "activatedChange": "activatedChange"; "checkboxChange": "checkboxChange"; "manualChange": "manualChange"; "nodeClick": "nodeClick"; "activatedIdChange": "activatedIdChange"; "nodeDragStarted": "nodeDragStarted"; "nodeDragEnded": "nodeDragEnded"; "nodeDragMoved": "nodeDragMoved"; }, never, never, false, never>;
 }
 /**
  * @zh_CN Tree 数据对象
@@ -239,6 +270,11 @@ export interface XTreeNode extends XParentIdentityProperty<XTreeNode> {
      * @en_US Node lazy loading
      */
     loading?: boolean;
+    /**
+     * @zh_CN 显示拖动指示器
+     * @en_US Show drag indicator
+     */
+    showDragIndicator?: boolean;
     /**
      * @zh_CN 自定义属性
      * @en_US Custom attributes
@@ -261,6 +297,32 @@ export interface XTreeAction extends XIdentityProperty {
      */
     icon?: string;
 }
+/**
+ * @zh_CN Tree 节点拖动事件
+ * @en_US Tree node drag event
+ */
+export interface XTreeNodeDragEvent {
+    /**
+     * @zh_CN 对应 cdk 中的事件
+     * @en_US drag cdk event
+     */
+    event?: CdkDragStart | CdkDragEnd | CdkDragMove<XTreeNode>;
+    /**
+     * @zh_CN 拖动的节点
+     * @en_US drag node
+     */
+    from?: XTreeNode;
+    /**
+     * @zh_CN 要拖动到的位置对应的节点
+     * @en_US Node corresponding to the position to drag
+     */
+    to?: XTreeNode;
+    /**
+     * @zh_CN 对应节点的前面还是后面
+     * @en_US The front or back of the corresponding node
+     */
+    position?: -1 | 1;
+}
 /**
  * TreeNode
  * @selector x-tree-node

package/tree/tree.service.d.ts

@@ -0,0 +1,10 @@
+import { XTreeNode } from './tree.property';
+import * as i0 from "@angular/core";
+export declare class XTreeService {
+    getChildren(data: XTreeNode[], node: XTreeNode): XTreeNode[];
+    getParents(data: XTreeNode[], node: XTreeNode): XTreeNode[];
+    getOpenChildren(data: XTreeNode[], node: XTreeNode): XTreeNode[];
+    moveNode(data: XTreeNode[], from: XTreeNode, to: XTreeNode, pos: -1 | 1): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XTreeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<XTreeService>;
+}

package/tree-file/tree-file.component.d.ts

@@ -22,6 +22,7 @@ export declare class XTreeFileComponent extends XTreeFileProperty {
     constructor(renderer: Renderer2, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, http: HttpClient, configService: XConfigService);
     ngOnInit(): void;
     catalogChange(node: XTreeFileNode): void;
+    setNode(node: XTreeFileNode): void;
     imgOnload(): void;
     setCurmbData(node: XTreeFileNode): XCrumbNode[];
     menuToggle(): void;