@ninebone/util 1.0.15 → 1.0.17

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.15"}/dist/css/nine-util.css";
+				@import "https://cdn.jsdelivr.net/npm/@ninebone/util@${"1.0.17"}/dist/css/nine-util.css";
 				${customImport}
 			</style>
 			${gripTmpl}
@@ -1651,7 +1651,14 @@ class NinePopup extends HTMLElement {
 }
 if (!customElements.get("nine-popup")) customElements.define("nine-popup", NinePopup);
 const TreeUtil = {
-  sort: (data, sortField, idField = "id", parentIdField = "parentId") => {
+  /**
+   * @param {Array} data - 원본 데이터 배열
+   * @param {String} sortField - 정렬 기준 필드명
+   * @param {String} idField - 고유 ID 필드명 (기본: 'id')
+   * @param {String} parentIdField - 부모 ID 필드명 (기본: 'parentId')
+   */
+  sort: (data, idField = "id", parentIdField = "parentId", sortField = "sortOrder") => {
+    if (!data || data.length === 0) return [];
     const map = {};
     data.forEach((item) => {
       map[item[idField]] = { ...item, children: [] };
@@ -1659,8 +1666,9 @@ const TreeUtil = {
     const roots = [];
     data.forEach((item) => {
       const node = map[item[idField]];
-      if (item[parentIdField] && map[item[parentIdField]]) {
-        map[item[parentIdField]].children.push(node);
+      const parentId = item[parentIdField];
+      if (parentId && map[parentId]) {
+        map[parentId].children.push(node);
       } else {
         roots.push(node);
       }
@@ -1669,16 +1677,22 @@ const TreeUtil = {
       nodes.sort((a, b) => {
         const valA = a[sortField];
         const valB = b[sortField];
-        return typeof valA === "number" ? valA - valB : String(valA || "").localeCompare(String(valB || ""));
+        if (typeof valA === "number" && typeof valB === "number") {
+          return valA - valB;
+        }
+        return String(valA || "").localeCompare(String(valB || ""));
+      });
+      nodes.forEach((node) => {
+        if (node.children.length > 0) sortNodes(node.children);
       });
-      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);
+        const { children, ...item } = node;
+        result.push(item);
+        if (children.length > 0) flatten(children);
       });
     };
     flatten(roots);