多条件分组组件

这个是一个多条件配置，可以条件分组配置，用户配置条件后，会根据条件进行数据过滤，显示，处理数据等场景下使用

这个实现比较没什么难的，就是画[ 线比较麻烦 ，现在线位置对了，通过撑满，底色覆盖实现了，就是逻辑且或需要计算具体看代码吧

const renderPos = () => {
    let group = value.value.group
    let val = 0
    if (group?.length) {
        // 第一个不是分组 最后一个是分组
        if(group[group.length - 1].boxType === 'group'&&group[0].boxType !== 'group'){
            // 24 条件区 20 条件区内间隔
            val = group[group.length - 1].group.length *(24/4)-20/2
        }
        // 第一个是分组 最后一个不是分组
        if((group[group.length - 1].boxType !== 'group'&&group[0].boxType === 'group')){
            // 30  条件区内间隔 +条件区内间隔/2
            val = -(group[0].group.length*(24/2)+30/2)
        }
        
    }
    return val ? val+ 'px' : '-17px'
}

源码 拾忆/demo-vue3 - Gitee.com

说明src/view/condition/README.md · 拾忆/demo-vue3 - Gitee.com