@ticatec/uniface-element 0.1.11 → 0.1.12

package/dist/common/FullscreenOverlay.svelte

@@ -9,7 +9,7 @@
 {#if visible}
     <Portal target="body">
         <div class="uniface-mask-overlay">
-            <div style="position: relative; width: 100%; height: 100%;"
+            <div style="position: relative; width: 100%; height: 100%; overflow: hidden"
                  on:click={()=>{visible = false}} aria-hidden="true">
                 <slot></slot>
             </div>

package/dist/data-table/parts/FixedRow.svelte

@@ -27,7 +27,7 @@
 
     $: if (row.selected != selected) {
         row.selected = selected;
-        handleRowSelectChange(row.selected);
+        handleRowSelectChange(row);
     }
 
     $: style = rowHeight== null ? '' : `height: ${rowHeight}px`

package/dist/text-editor/TextEditor.svelte

@@ -41,7 +41,7 @@
 
 </script>
 <CommonEditor {displayMode} {style} {value} {suffix} {prefix} {readonly} {disabled} {variant} {compact}
-              showActionIcon={!readonly && !disabled && removable && value?.length > 0}
+              showActionIcon={!readonly && !disabled && removable && value?.length > 0} placeholder={input$['placeholder']}
               class={className} clean={clean}>
     <svelte:fragment slot="leading-icon">
         {#if $$slots['leading-icon']}

package/dist/tree-view/TreeNode.d.ts

@@ -50,3 +50,11 @@ export interface LazyLoader {
      */
     load: LoadChildrenFun;
 }
+/**
+ * 判断是否是根节点
+ */
+export type RootDetermine = (item: any) => boolean;
+/**
+ * 层级排序
+ */
+export type NodeLevelCompare = (e1: any, e2: any) => number;

package/dist/tree-view/TreeUtils.d.ts

@@ -1,10 +1,6 @@
 import type TreeNode from "./TreeNode";
-/**
- * 把数组构建成一棵树
- * @param arr
- * @param keyField
- * @param textField
- * @param parentField
- * @param rootParentCode
- */
-export declare const buildTree: (arr: Array<any>, keyField: string, textField: string, parentField: string, rootParentCode?: string | null) => Array<TreeNode>;
+import type { NodeLevelCompare, RootDetermine } from "./TreeNode";
+declare const _default: {
+    buildTreeNode: (list: Array<any>, idKey: string, joinKey: string, textField: string, valueField?: string, isRoot?: RootDetermine, sortFun?: NodeLevelCompare) => Array<TreeNode>;
+};
+export default _default;

package/dist/tree-view/TreeUtils.js

@@ -1,36 +1,53 @@
 /**
- *
- * @param data
- * @param keyField
- * @param textField
- * @param parentField
- * @param parentCode
- * @param parent
+ * 将一个数组转换成树状结构
+ * @param list 待转换的数组
+ * @param idKey 元素的主键
+ * @param joinKey 父子间连接字段
+ * @param valueField 取值的字段
+ * @param textField 显示文字的字段
+ * @param isRoot 判断是否是根节点，如果函数不存在，通过连接字段查询，无法获取到父节点就是根节点
+ * @param sortFun 比较函数，用于曾经排序
  */
-const convertArrayToTree = (data, keyField, textField, parentField, parentCode = null, parent = null) => {
+const buildTreeNode = (list, idKey, joinKey, textField, valueField, isRoot, sortFun) => {
+    if (sortFun != null) {
+        list = list.sort(sortFun);
+    }
     let nodes = [];
-    for (let i = 0; i < data.length; i++) {
-        let pCode = data[i][parentField];
-        if ((parentCode == null && pCode == null) || (pCode == parentCode)) {
-            let code = data[i][keyField];
-            let node = { value: code, text: data[i][textField], data: data[i], parent };
-            let children = convertArrayToTree(data, keyField, textField, parentField, code, node);
-            if (children.length > 0) {
-                node.children = children;
+    let map = new Map();
+    list.forEach(item => {
+        let node = { value: item[valueField ?? idKey], text: item[textField], data: item };
+        if (isRoot != null) {
+            if (isRoot(item)) {
+                nodes.push(node);
+                map.set(item[idKey], node);
+            }
+            else {
+                let parent = map.get(item[joinKey]);
+                if (parent != null) {
+                    parent.children = [...parent.children, node];
+                    node.parent = parent;
+                    map.set(item[idKey], node);
+                }
+                else {
+                    console.warn('Isolated node：', item);
+                }
             }
-            nodes.push(node);
         }
-    }
+        else {
+            let parent = map.get(item[joinKey]);
+            if (parent != null) {
+                parent.children = [...parent.children, item];
+                node.parent = parent;
+                map.set(item[idKey], node);
+            }
+            else {
+                nodes.push(node);
+                map.set(item[idKey], node);
+            }
+        }
+    });
     return nodes;
 };
-/**
- * 把数组构建成一棵树
- * @param arr
- * @param keyField
- * @param textField
- * @param parentField
- * @param rootParentCode
- */
-export const buildTree = (arr, keyField, textField, parentField, rootParentCode = null) => {
-    return convertArrayToTree(arr, keyField, textField, parentField, rootParentCode);
+export default {
+    buildTreeNode
 };

package/dist/tree-view/index.d.ts

@@ -1,7 +1,7 @@
 import TreeView from "./TreeView.svelte";
 import type TreeNode from "./TreeNode";
-import type { LazyLoader, NodeVisibleFun, OnNodeSelectionChange, CheckBranchFun, LoadChildrenFun } from "./TreeNode";
-import { buildTree } from "./TreeUtils";
+import type { LazyLoader, NodeVisibleFun, OnNodeSelectionChange, CheckBranchFun, LoadChildrenFun, NodeLevelCompare, RootDetermine } from "./TreeNode";
+import treeUtils from "./TreeUtils";
 export default TreeView;
-export { buildTree };
-export type { TreeNode, LazyLoader, NodeVisibleFun, OnNodeSelectionChange, CheckBranchFun, LoadChildrenFun };
+export { treeUtils };
+export type { TreeNode, LazyLoader, NodeVisibleFun, OnNodeSelectionChange, CheckBranchFun, LoadChildrenFun, NodeLevelCompare, RootDetermine };

package/dist/tree-view/index.js

@@ -1,4 +1,4 @@
 import TreeView from "./TreeView.svelte";
-import { buildTree } from "./TreeUtils";
+import treeUtils from "./TreeUtils";
 export default TreeView;
-export { buildTree };
+export { treeUtils };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ticatec/uniface-element",
-  "version": "0.1.11",
+  "version": "0.1.12",
   "description": "uniface web elements",
   "scripts": {
     "dev": "vite dev",
@@ -96,7 +96,7 @@
       "types": "./dist/checkbox/index.d.ts",
       "import": "./dist/checkbox/index.js"
     },
-    "./FullscreenOverlay": {
+    "./FullScreenOverlay": {
       "types": "./dist/common/FullscreenOverlay.svelte.d.ts",
       "import": "./dist/common/FullscreenOverlay.svelte"
     },