左侧列表+复选，右侧按照顺序输出选中的值

Question

https://ask.csdn.net/questions/7535072?spm=1001.2014.3001.5501
基于两年前的链接问题：左侧列表+复选，右侧按照顺序输出选中的值
现想进一步优化解决方案和思路达到以下效果，希望专家提供一下合适的解决方法，参考学习一下，感谢
图片演示：

动态演示：

Answer 1

大概和题主要求的效果如下，看下
https://www.w3dev.cn/demo/tree/tree2/