@ninebone/util 1.0.14 → 1.0.15

package/dist/nine-util.js

@@ -1282,7 +1282,7 @@ class UxSplitter extends HTMLElement {
       const htmlTmpl = document.createElement("template");
       htmlTmpl.innerHTML = `
 			<style>
-				@import "https://cdn.jsdelivr.net/npm/@ninebone/util@${"1.0.14"}/dist/css/nine-util.css";
+				@import "https://cdn.jsdelivr.net/npm/@ninebone/util@${"1.0.15"}/dist/css/nine-util.css";
 				${customImport}
 			</style>
 			${gripTmpl}
@@ -1651,26 +1651,38 @@ class NinePopup extends HTMLElement {
 }
 if (!customElements.get("nine-popup")) customElements.define("nine-popup", NinePopup);
 const TreeUtil = {
-  /**
-   * 계층형 트리 데이터를 특정 필드로 정렬하는 만능 엔진
-   * @param {Array} data - 원본 데이터 배열
-   * @param {String} sortField - 정렬 기준 필드명
-   * @param {String} pathField - 계층 경로 필드명 (기본: 'hierarchyPath')
-   */
-  sort: (data, sortField, pathField = "hierarchyPath") => {
-    return [...data].sort((a, b) => {
-      const pathA = a[pathField] || "";
-      const pathB = b[pathField] || "";
-      if (pathA !== pathB) {
-        return pathA.localeCompare(pathB);
-      }
-      const valA = a[sortField];
-      const valB = b[sortField];
-      if (typeof valA === "number" && typeof valB === "number") {
-        return valA - valB;
+  sort: (data, sortField, idField = "id", parentIdField = "parentId") => {
+    const map = {};
+    data.forEach((item) => {
+      map[item[idField]] = { ...item, children: [] };
+    });
+    const roots = [];
+    data.forEach((item) => {
+      const node = map[item[idField]];
+      if (item[parentIdField] && map[item[parentIdField]]) {
+        map[item[parentIdField]].children.push(node);
+      } else {
+        roots.push(node);
       }
-      return String(valA || "").localeCompare(String(valB || ""));
     });
+    const sortNodes = (nodes) => {
+      nodes.sort((a, b) => {
+        const valA = a[sortField];
+        const valB = b[sortField];
+        return typeof valA === "number" ? valA - valB : String(valA || "").localeCompare(String(valB || ""));
+      });
+      nodes.forEach((node) => sortNodes(node.children));
+    };
+    sortNodes(roots);
+    const result = [];
+    const flatten = (nodes) => {
+      nodes.forEach((node) => {
+        result.push(node);
+        if (node.children.length > 0) flatten(node.children);
+      });
+    };
+    flatten(roots);
+    return result;
   }
 };
 class NineUtil {