smirk-ui 0.1.0 → 0.1.1

package/README.md

@@ -341,4 +341,60 @@ onMounted(() => {
 
 ### smx-file-viewer
 
-> 略略略...
+> 略略略...
+>
+
+### 【smirk-ui/kit】useDsCore
+
+> 还是记录下吧。久了自己都不会用了 O(∩_∩)O~~  
+> 
+> 数据源管理（常用于大屏项目）。基于 pinia 实现（主要能够在 vue-devtools 中调试），采用发布订阅模式，使请求的触发和响应解耦。支持多个 request 聚合；支持设置轮询；支持响应结果预处理以及创建新的数据源等。
+>
+`Methods`
+```
+deps()  ——查看当前所有的依赖参数
+initDeps(params)  ——初始化依赖参数
+updateDeps(params)  ——更新依赖参数，关联的 request 会发起请求
+provide(obj|arr)  ——启动数据源引擎
+send(reqOrName, opts)  ——触发一个数据源任务，共享数据源维护的依赖参数，但不会被动执行，响应结果也不会放进数据池
+listener(name, callback)  ——监听数据源
+stop(name)  ——停止轮询
+get(name)  ——获取某数据源，一般搭配计算属性使用
+set(name, data)  ——手动新增或更新某数据源，可在 interceptor 中拦截，将一个 request 响应分别存储到多个数据源
+reload()  ——全部更新
+```
+`示例：`
+```javascript
+// apis 定义任务
+const dsTasks = {
+    foo: {
+        interval: 10,
+        deps: ['id'],
+        request: p => fetch('/api/foo?id=' + p.id),
+        interceptor: (res, o) => {
+            // 响应结果预处理
+            // 增加数据源 o.set('name1', res.xx)
+            return res
+        }
+    }
+}
+// 组件中 实例化
+import smkit from 'smirk-ui/kit'
+const dsCore = smkit.useDsCore(/*可以传个字符串，以创建多个数据源管理*/)
+
+// 启动所有任务
+dsCore.provide(dsTasks)
+
+// 更新依赖
+dsCore.updateDeps({ id: 2 })
+
+// 接收响应结果
+const foo = computed(() => dsCore.get('foo') ?? {})
+// 或
+dsCore.listener('foo', res => {
+    console.log('foo:', res)
+})
+```
+
+
+> 

package/dist/kit.es.js

@@ -558,7 +558,7 @@ const trsListToTree = (list, idField = "id", parentIdField = "parentId") => {
   });
   return tree;
 };
-const getTreePathById = (tree, targetId, idField = "id", childrenField = "children") => {
+const getTreePathById = (tree, targetId, idField = "id", removeChild = true, childrenField = "children") => {
   if (!Array.isArray(tree) || !targetId && targetId !== 0) return [];
   const findPath = (nodes, path = []) => {
     for (const node of nodes) {
@@ -587,6 +587,10 @@ const getTreePathById = (tree, targetId, idField = "id", childrenField = "childr
           } else {
             newNode[childrenField] = [];
           }
+        } else {
+          if (removeChild) {
+            delete newNode[childrenField];
+          }
         }
         newNodeList.push(newNode);
         return newNodeList;
@@ -622,7 +626,7 @@ const getTreeByLevel = (tree, maxLevel, childrenField = "children", topLevel = 0
   return tree.map((node) => {
     const newNode = { ...node };
     if (topLevel < maxLevel && newNode.children && Array.isArray(newNode.children)) {
-      newNode.children = cropTreeByLevel(newNode.children, maxLevel, "children", topLevel + 1);
+      newNode.children = getTreeByLevel(newNode.children, maxLevel, "children", topLevel + 1);
     } else {
       delete newNode.children;
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "smirk-ui",
   "private": false,
-  "version": "0.1.0",
+  "version": "0.1.1",
   "license": "MIT",
   "author": "lukas <768157417@qq.com>",
   "description": "",