Skip to content
项目
群组
代码片段
帮助
当前项目
正在载入...
登录 / 注册
切换导航面板
B
basic-vue-admin
概览
概览
详情
活动
周期分析
版本库
存储库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
问题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
日程表
图表
维基
Wiki
代码片段
代码片段
成员
成员
折叠边栏
关闭边栏
活动
图像
聊天
创建新问题
作业
提交
问题看板
Open sidebar
Basic
basic-vue-admin
Commits
d97aa927
Unverified
提交
d97aa927
authored
6月 27, 2021
作者:
bbkkkk8
提交者:
GitHub
6月 27, 2021
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix(comp-tree): support comp-tree-foreach stop,add insertNodesByKey (#818)
Co-authored-by: git <lixiaokang215@163.com>
上级
480cfb91
隐藏空白字符变更
内嵌
并排
正在显示
3 个修改的文件
包含
41 行增加
和
2 行删除
+41
-2
typing.ts
src/components/Tree/src/typing.ts
+1
-0
useTree.ts
src/components/Tree/src/useTree.ts
+36
-1
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
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论