@ticatec/uniface-element 0.1.45 → 0.1.46

package/dist/app-layout/ClassicLayout.svelte

@@ -49,9 +49,11 @@
         <slot name="header"></slot>
     </div>
     <div style="height: 100%; flex: 1 1 auto; overflow: hidden; display: flex; flex-direction: row; position: relative">
-        <div bind:this={sidebar} style="width: 100%; flex: 0 0 auto; overflow: auto; width: {sidebarWidth}; {minWidth} {maxWidth}">
-            <slot name="sidebar"></slot>
-        </div>
+        {#if sidebar}
+            <div bind:this={sidebar} style="width: 100%; flex: 0 0 auto; overflow: auto; width: {sidebarWidth}; {minWidth} {maxWidth}">
+                <slot name="sidebar"></slot>
+            </div>
+        {/if}
         {#if sidebarResize}
             <Split direction="vertical" bindingPanel={sidebar}/>
         {/if}
@@ -62,7 +64,8 @@
             {#if sidebarResize}
                 <Split direction="vertical" bindingPanel={rightBar} reverse/>
             {/if}
-            <div bind:this={rightBar} style="width: 100%; flex: 0 0 auto; overflow: auto; width: {rightBarWidth}; {rightMinWidth} {rightMaxWidth}">
+            <div bind:this={rightBar}
+                 style="width: 100%; flex: 0 0 auto; overflow: auto; width: {rightBarWidth}; {rightMinWidth} {rightMaxWidth}">
                 <slot name="right-sidebar"></slot>
             </div>
         {/if}

package/dist/lib/TreeNodes.d.ts

@@ -0,0 +1,58 @@
+export declare function compareNumber(a: number, b: number): 0 | 1 | -1;
+export type TreeNode<T> = {
+    item: T;
+    expand: boolean;
+    children?: TreeNode<T>[];
+};
+export type CheckIsRoot<T> = (data: T) => boolean;
+export type CompareFun<T> = (o1: T, o2: T) => number | undefined;
+export type GetText<T> = (data: T) => string;
+export interface TreeNodeOptions<T> {
+    keyField?: keyof T;
+    textField?: keyof T | GetText<T>;
+    parentKeyField?: keyof T;
+    checkIsRoot: CheckIsRoot<T>;
+    compareFun: CompareFun<T>;
+    expendDeep?: number;
+}
+export default class TreeNodes<T> {
+    #private;
+    protected readonly checkIsRoot: CheckIsRoot<T>;
+    protected readonly keyField: keyof T;
+    protected readonly parentKeyField: keyof T;
+    protected readonly textField: keyof T | GetText<T>;
+    protected nodeMap: Map<any, TreeNode<T>>;
+    protected compareFun: any;
+    protected expendDeep: number;
+    constructor(options: TreeNodeOptions<T>);
+    setData(list: Array<T>): void;
+    private appendNode;
+    private collectExpandedNodes;
+    /**
+     * 获取展开的展示列表
+     */
+    getHierarchyList(): Array<TreeNode<T>>;
+    /**
+     * 获取节点
+     */
+    get nodes(): Array<TreeNode<T>>;
+    /**
+     * 增加一个新节点
+     * @param item
+     */
+    append(item: T): void;
+    /**
+     * 替换一个节点的数据
+     * @param item
+     */
+    replace(item: T): void;
+    remove(item: T): void;
+    /**
+     * 将一个节点移动到另外一个节点下
+     * @param item
+     * @param parentId
+     */
+    moveTo(item: T, parentId: string): void;
+    private extractChildrenDirectories;
+    extractDirectories(exclusiveValue: any): TreeNode<T>[];
+}

package/dist/lib/TreeNodes.js

@@ -0,0 +1,172 @@
+export function compareNumber(a, b) {
+    return a === b ? 0 : a > b ? 1 : -1;
+}
+export default class TreeNodes {
+    checkIsRoot;
+    keyField;
+    parentKeyField;
+    textField;
+    nodeMap;
+    compareFun;
+    expendDeep;
+    #nodes = [];
+    constructor(options) {
+        this.checkIsRoot = options.checkIsRoot;
+        this.compareFun = options.compareFun;
+        this.keyField = options.keyField ?? 'id';
+        this.textField = options.textField ?? 'text';
+        this.parentKeyField = options.parentKeyField ?? 'parentId';
+        this.nodeMap = new Map();
+        this.expendDeep = options.expendDeep ?? 999;
+    }
+    setData(list) {
+        this.nodeMap = new Map();
+        this.#nodes = [];
+        // 初始化每个节点
+        for (const item of list) {
+            const node = {
+                item,
+                expand: true
+            };
+            const key = item[this.keyField];
+            this.nodeMap.set(key, node);
+        }
+        for (const item of list) {
+            const node = this.nodeMap.get(item[this.keyField]);
+            if (node) {
+                this.appendNode(node);
+            }
+        }
+    }
+    appendNode(node, doSort = false) {
+        let item = node.item;
+        const parentKey = item[this.parentKeyField];
+        if (this.checkIsRoot(item) || !this.nodeMap.has(parentKey)) {
+            this.#nodes.push(node);
+        }
+        else {
+            const parentNode = this.nodeMap.get(parentKey);
+            if (parentNode) {
+                parentNode.expand = true;
+                parentNode.children = [...(parentNode.children ?? []), node];
+                if (doSort && this.compareFun) {
+                    parentNode.children = parentNode.children.sort(this.compareFun);
+                }
+            }
+        }
+    }
+    collectExpandedNodes(tree) {
+        const result = [];
+        function traverse(nodes) {
+            for (const node of nodes) {
+                result.push(node);
+                if (node.expand && node.children) {
+                    traverse(node.children);
+                }
+            }
+        }
+        traverse(tree);
+        return result;
+    }
+    /**
+     * 获取展开的展示列表
+     */
+    getHierarchyList() {
+        return this.collectExpandedNodes(this.#nodes);
+    }
+    /**
+     * 获取节点
+     */
+    get nodes() {
+        return this.#nodes;
+    }
+    /**
+     * 增加一个新节点
+     * @param item
+     */
+    append(item) {
+        const node = {
+            item,
+            expand: true
+        };
+        this.appendNode(node, true);
+        this.nodeMap.set(item[this.keyField], node);
+    }
+    /**
+     * 替换一个节点的数据
+     * @param item
+     */
+    replace(item) {
+        let node = this.nodeMap.get(item[this.keyField]);
+        if (node) {
+            node.item = item;
+            let parent = this.nodeMap.get(item[this.parentKeyField]);
+            if (parent && parent.children && parent.children.length > 0) {
+                parent.children = parent.children.sort(this.compareFun);
+            }
+        }
+    }
+    remove(item) {
+        let idKey = item[this.keyField];
+        let node = this.nodeMap.get(idKey);
+        if (node) {
+            let parent = this.nodeMap.get(node.item[this.parentKeyField]);
+            this.nodeMap.delete(idKey);
+            if (parent && parent.children) {
+                let pos = parent.children.findIndex(el => el.item[this.keyField] == idKey);
+                if (pos > -1) {
+                    parent.children.splice(pos, 1);
+                }
+            }
+        }
+    }
+    /**
+     * 将一个节点移动到另外一个节点下
+     * @param item
+     * @param parentId
+     */
+    moveTo(item, parentId) {
+        let newParent = this.nodeMap.get(parentId);
+        let node = this.nodeMap.get(item[this.keyField]);
+        let currentParent = this.nodeMap.get(item[this.parentKeyField]);
+        if (newParent && node && currentParent && currentParent.children) {
+            let pos = currentParent.children.findIndex(el => el.item[this.keyField] == item[this.keyField]);
+            if (pos > -1) {
+                currentParent.children.splice(pos, 1);
+            }
+            newParent.children = [...(newParent.children ?? []), node];
+            if (this.compareFun) {
+                newParent.children = newParent.children.sort(this.compareFun);
+            }
+        }
+    }
+    extractChildrenDirectories(node, exclusiveValue) {
+        if (node.children && node.item[this.keyField] != exclusiveValue) {
+            let newNode = {
+                item: node.item,
+                expand: true,
+                children: []
+            };
+            for (let childNode of node.children) {
+                let ncNode = this.extractChildrenDirectories(childNode, exclusiveValue);
+                if (ncNode) {
+                    newNode.children?.push(ncNode);
+                }
+            }
+            return newNode;
+        }
+        else {
+            return;
+        }
+    }
+    extractDirectories(exclusiveValue) {
+        let dirNodes = [];
+        for (let node of this.nodes) {
+            let newNode = this.extractChildrenDirectories(node, exclusiveValue);
+            if (newNode) {
+                dirNodes.push(newNode);
+            }
+        }
+        return dirNodes;
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ticatec/uniface-element",
-  "version": "0.1.45",
+  "version": "0.1.46",
   "description": "uniface web elements",
   "scripts": {
     "dev": "vite dev",