知识库项目优化
一个迭代开发后基本的功能实现,下一个迭代一般就是优化,这次的优化点主要是,层级目录实现右对齐,每层级长度不一样,然后在选择层级时限制目录树高度,有滑动窗。
一些效果显示哈
通过这次优化学到几个知识点如下
给树形数据自定义数据
将目录树右对齐,需要给三个层级设置各自的长度,实现左侧缩进,右侧对齐,期初想要直接从antd暴露的pos或者key是类似这种数据“0-0-1”这种,一开始打算通过pos.split(‘-’).length来判断层级,但是没有暴露在dataRef中,无法直接获取,所以卡了一两天,后面通过重写data,然后自定义属性,主要是在重写的时候,根据递归的次数
然后暴露出去
/**
* 将获得的数据转为Tree控件格式数据,key、title、children
*/
const dealTreeData = (treeData: any, deepth: number = 0) => {
const data1 = treeData.