@odinlin/utils 0.0.2 → 1.0.0

package/dist/browser/tree/treeGenerate.cjs

@@ -0,0 +1,37 @@
+
+//#region src/tree/treeGenerate.ts
+/**
+* @title 借助对象的引用将平铺结构转化为树形结构
+* @param {any[]} items 平铺结构数组
+* @param {Omit<TreeOptions, 'filter'>} options 配置项
+* @returns 树形结构数组
+*
+* @reference https://juejin.cn/post/6983904373508145189#heading-8
+*/
+function treeGenerate(items, options) {
+	const { parentIdKey = "pid", primaryIdKey = "id", childrenKey = "children", rootValue = null } = options || {};
+	const aTree = [];
+	const oItem = {};
+	for (const item of items) {
+		const primaryId = item[primaryIdKey];
+		const parentId = item[parentIdKey];
+		if (!oItem[primaryId]) oItem[primaryId] = {
+			...item,
+			[childrenKey]: []
+		};
+		else oItem[primaryId] = {
+			...item,
+			[childrenKey]: oItem[primaryId][childrenKey]
+		};
+		const treeItem = oItem[primaryId];
+		if (parentId === rootValue) aTree.push(treeItem);
+		else {
+			if (!oItem[parentId]) oItem[parentId] = { [childrenKey]: [] };
+			oItem[parentId][childrenKey].push(treeItem);
+		}
+	}
+	return aTree;
+}
+
+//#endregion
+exports.treeGenerate = treeGenerate;

package/dist/browser/tree/treeGenerate.d.ts

@@ -0,0 +1,16 @@
+import { TreeOptions } from "./interface.js";
+
+//#region src/tree/treeGenerate.d.ts
+
+/**
+ * @title 借助对象的引用将平铺结构转化为树形结构
+ * @param {any[]} items 平铺结构数组
+ * @param {Omit<TreeOptions, 'filter'>} options 配置项
+ * @returns 树形结构数组
+ *
+ * @reference https://juejin.cn/post/6983904373508145189#heading-8
+ */
+declare function treeGenerate(items: any[], options?: Omit<TreeOptions, 'filter'>): any[];
+//#endregion
+export { treeGenerate };
+//# sourceMappingURL=treeGenerate.d.ts.map

package/dist/browser/tree/treeGenerate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"treeGenerate.d.ts","names":[],"sources":["../../../src/tree/treeGenerate.ts"],"sourcesContent":[],"mappings":";;;;;;AAUA;;;;;;iBAAgB,YAAA,yBAAqC,KAAK"}

package/dist/browser/tree/treeGenerate.js

@@ -0,0 +1,37 @@
+//#region src/tree/treeGenerate.ts
+/**
+* @title 借助对象的引用将平铺结构转化为树形结构
+* @param {any[]} items 平铺结构数组
+* @param {Omit<TreeOptions, 'filter'>} options 配置项
+* @returns 树形结构数组
+*
+* @reference https://juejin.cn/post/6983904373508145189#heading-8
+*/
+function treeGenerate(items, options) {
+	const { parentIdKey = "pid", primaryIdKey = "id", childrenKey = "children", rootValue = null } = options || {};
+	const aTree = [];
+	const oItem = {};
+	for (const item of items) {
+		const primaryId = item[primaryIdKey];
+		const parentId = item[parentIdKey];
+		if (!oItem[primaryId]) oItem[primaryId] = {
+			...item,
+			[childrenKey]: []
+		};
+		else oItem[primaryId] = {
+			...item,
+			[childrenKey]: oItem[primaryId][childrenKey]
+		};
+		const treeItem = oItem[primaryId];
+		if (parentId === rootValue) aTree.push(treeItem);
+		else {
+			if (!oItem[parentId]) oItem[parentId] = { [childrenKey]: [] };
+			oItem[parentId][childrenKey].push(treeItem);
+		}
+	}
+	return aTree;
+}
+
+//#endregion
+export { treeGenerate };
+//# sourceMappingURL=treeGenerate.js.map

package/dist/browser/tree/treeGenerate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"treeGenerate.js","names":["aTree: any[]","oItem: Record<PropertyKey, any>"],"sources":["../../../src/tree/treeGenerate.ts"],"sourcesContent":["import type { TreeOptions } from './interface'\n\n/**\n * @title 借助对象的引用将平铺结构转化为树形结构\n * @param {any[]} items 平铺结构数组\n * @param {Omit<TreeOptions, 'filter'>} options 配置项\n * @returns 树形结构数组\n *\n * @reference https://juejin.cn/post/6983904373508145189#heading-8\n */\nexport function treeGenerate(items: any[], options?: Omit<TreeOptions, 'filter'>): any[] {\n  const { parentIdKey = 'pid', primaryIdKey = 'id', childrenKey = 'children', rootValue = null } = options || {}\n\n  // 树形结构最终结果\n  const aTree: any[] = []\n  // 原始数据项的主键映射\n  const oItem: Record<PropertyKey, any> = {}\n\n  for (const item of items) {\n    const primaryId = item[primaryIdKey] as PropertyKey\n    const parentId = item[parentIdKey] as PropertyKey\n\n    // 更新映射\n    if (!oItem[primaryId]) {\n      oItem[primaryId] = { ...item, [childrenKey]: [] }\n    }\n    else {\n      oItem[primaryId] = { ...item, [childrenKey]: oItem[primaryId][childrenKey] }\n    }\n\n    const treeItem = oItem[primaryId]\n    // 根节点直接添加到树形结构最终结果，非根节点则添加到父节点的 children 数组中（注意此时父节点可能未加入 oItem 映射）\n    if (parentId === rootValue) {\n      aTree.push(treeItem)\n    }\n    else {\n      if (!oItem[parentId]) {\n        oItem[parentId] = { [childrenKey]: [] }\n      }\n      oItem[parentId][childrenKey].push(treeItem)\n    }\n  }\n\n  return aTree\n}\n"],"mappings":";;;;;;;;;AAUA,SAAgB,aAAa,OAAc,SAA8C;CACvF,MAAM,EAAE,cAAc,OAAO,eAAe,MAAM,cAAc,YAAY,YAAY,SAAS,WAAW,EAAE;CAG9G,MAAMA,QAAe,EAAE;CAEvB,MAAMC,QAAkC,EAAE;AAE1C,MAAK,MAAM,QAAQ,OAAO;EACxB,MAAM,YAAY,KAAK;EACvB,MAAM,WAAW,KAAK;AAGtB,MAAI,CAAC,MAAM,WACT,OAAM,aAAa;GAAE,GAAG;IAAO,cAAc,EAAE;GAAE;MAGjD,OAAM,aAAa;GAAE,GAAG;IAAO,cAAc,MAAM,WAAW;GAAc;EAG9E,MAAM,WAAW,MAAM;AAEvB,MAAI,aAAa,UACf,OAAM,KAAK,SAAS;OAEjB;AACH,OAAI,CAAC,MAAM,UACT,OAAM,YAAY,GAAG,cAAc,EAAE,EAAE;AAEzC,SAAM,UAAU,aAAa,KAAK,SAAS;;;AAI/C,QAAO"}

package/dist/noExternal/browser.esm.html

@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <title>browser.umd.js</title>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="robots" content="noindex" />
+  <style media="only screen">
+    :root,
+    body {
+      height: 100%;
+      width: 100%;
+      margin: 0;
+      box-sizing: border-box;
+      -webkit-overflow-scrolling: touch;
+    }
+  </style>
+</head>
+
+<body>
+  <div id="example-root"></div>
+  <div id="example-error"></div>
+  <script>
+    var startFileSourceCode = `
+    import * as utils from '@odinlin/utils';
+    console.log("[vscode-log] browser.esm.html@Line 26: ", utils);
+    console.log('hello world');
+    `;
+  </script>
+  <script src="https://cdn.jsdelivr.net/npm/systemjs@0.19.47/dist/system.js"></script>
+  <script>
+    window.addEventListener('error', (e) => {
+      console.error('ERROR', e.message, e.filename);
+    });
+
+    // 配置 SystemJS 模块加载器
+    (function (global) {
+      process = { env: { NODE_ENV: 'development' } };
+
+      System.config({
+        // DEMO ONLY! REAL CODE SHOULD NOT TRANSPILE IN THE BROWSER
+        transpiler: 'ts',
+        typescriptOptions: {},
+        meta: {
+          'typescript': { exports: 'ts' },
+          '*.css': { loader: 'css' },
+        },
+        // paths serve as alias
+        paths: {
+          'npm:': 'https://cdn.jsdelivr.net/npm/',
+        },
+        // map tells the System loader where to look for things
+        map: {
+          'ts': 'npm:plugin-typescript@8.0.0/lib/plugin.js',
+          'tslib': 'npm:tslib@2.3.1/tslib.js',
+          'typescript': 'npm:typescript@5.4.5/lib/typescript.min.js',
+          '@odinlin/utils': "./"
+        },
+        // packages tells the System loader how to load when no filename and/or no extension
+        packages: {
+          'css': {},
+          '@odinlin/utils': {
+            main: './browser.esm.min.js',
+            defaultExtension: 'js',
+            format: 'esm',
+          },
+        }
+      });
+
+      // 创建一个 Blob 对象
+      const blob = new Blob([startFileSourceCode], { type: 'application/javascript' });
+      // 创建一个 Blob URL
+      const blobURL = URL.createObjectURL(blob);
+      // System.import 参数必须是一个模块标识符或 URL 字符串
+      System.import(blobURL)
+        .then(function (module) {
+          console.log('Module loaded successfully:', module);
+        })
+        .catch(function (err) {
+          const errorElement = document.getElementById('example-error');
+          if (errorElement) {
+            errorElement.innerHTML
+              = `<div class="example-error" style="background:#fdb022;padding:1rem;">` + `Example Error: ${err}</div>`;
+          }
+          console.error('Module loaded failed:', err);
+        }).finally(function () {
+          URL.revokeObjectURL(blobURL);
+        });
+    })(this);
+  </script>
+</body>
+
+</html>