Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
jxf111348
vue-vben-admin
提交
d97aa927
V
vue-vben-admin
项目概览
jxf111348
/
vue-vben-admin
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue-vben-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
未验证
提交
d97aa927
编写于
6月 27, 2021
作者:
B
bbkkkk8
提交者:
GitHub
6月 27, 2021
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix(comp-tree): support comp-tree-foreach stop,add insertNodesByKey (#818)
Co-authored-by:
N
git
<
lixiaokang215@163.com
>
上级
480cfb91
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
41 addition
and
2 deletion
+41
-2
src/components/Tree/src/typing.ts
src/components/Tree/src/typing.ts
+1
-0
src/components/Tree/src/useTree.ts
src/components/Tree/src/useTree.ts
+36
-1
src/utils/helper/treeHelper.ts
src/utils/helper/treeHelper.ts
+4
-1
未找到文件。
src/components/Tree/src/typing.ts
浏览文件 @
d97aa927
...
...
@@ -31,6 +31,7 @@ export interface TreeActionType {
getCheckedKeys
:
()
=>
CheckKeys
;
filterByLevel
:
(
level
:
number
)
=>
void
;
insertNodeByKey
:
(
opt
:
InsertNodeParams
)
=>
void
;
insertNodesByKey
:
(
opt
:
InsertNodeParams
)
=>
void
;
deleteNodeByKey
:
(
key
:
string
)
=>
void
;
updateNodeByKey
:
(
key
:
string
,
node
:
Omit
<
TreeDataItem
,
'
key
'
>
)
=>
void
;
}
...
...
src/components/Tree/src/useTree.ts
浏览文件 @
d97aa927
...
...
@@ -87,11 +87,39 @@ export function useTree(
if
(
treeItem
[
keyField
]
===
parentKey
)
{
treeItem
[
childrenField
]
=
treeItem
[
childrenField
]
||
[];
treeItem
[
childrenField
][
push
](
node
);
return
true
;
}
});
treeDataRef
.
value
=
treeData
;
}
/**
* 批量添加节点
*/
function
insertNodesByKey
({
parentKey
=
null
,
list
,
push
=
'
push
'
}:
InsertNodeParams
)
{
const
treeData
:
any
=
cloneDeep
(
unref
(
treeDataRef
));
if
(
!
list
||
list
.
length
<
1
)
{
return
;
}
if
(
!
parentKey
)
{
for
(
let
i
=
0
;
i
<
list
.
length
;
i
++
)
{
treeData
[
push
](
list
[
i
]);
}
}
else
{
const
{
key
:
keyField
,
children
:
childrenField
}
=
unref
(
getReplaceFields
);
if
(
!
childrenField
||
!
keyField
)
return
;
forEach
(
treeData
,
(
treeItem
)
=>
{
if
(
treeItem
[
keyField
]
===
parentKey
)
{
treeItem
[
childrenField
]
=
treeItem
[
childrenField
]
||
[];
for
(
let
i
=
0
;
i
<
list
.
length
;
i
++
)
{
treeItem
[
childrenField
][
push
](
list
[
i
]);
}
treeDataRef
.
value
=
treeData
;
return
true
;
}
});
}
}
// Delete node
function
deleteNodeByKey
(
key
:
string
,
list
?:
TreeDataItem
[])
{
if
(
!
key
)
return
;
...
...
@@ -111,5 +139,12 @@ export function useTree(
}
}
}
return
{
deleteNodeByKey
,
insertNodeByKey
,
filterByLevel
,
updateNodeByKey
,
getAllKeys
};
return
{
deleteNodeByKey
,
insertNodeByKey
,
insertNodesByKey
,
filterByLevel
,
updateNodeByKey
,
getAllKeys
,
};
}
src/utils/helper/treeHelper.ts
浏览文件 @
d97aa927
...
...
@@ -147,7 +147,10 @@ export function forEach<T = any>(
const
list
:
any
[]
=
[...
tree
];
const
{
children
}
=
config
;
for
(
let
i
=
0
;
i
<
list
.
length
;
i
++
)
{
func
(
list
[
i
]);
//func 返回true就终止遍历,避免大量节点场景下无意义循环,引起浏览器卡顿
if
(
func
(
list
[
i
]))
{
return
;
}
children
&&
list
[
i
][
children
]
&&
list
.
splice
(
i
+
1
,
0
,
...
list
[
i
][
children
]);
}
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录