@ng-nest/ui 15.0.13 → 15.0.15

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;

package/divider/README.md

@@ -1,9 +0,0 @@
----
-label: 'Divider 分割线 [待]'
-category: 'Others'
-hidden: true
----
-
-# Divider 分割线
-
-区隔内容的分割线。