Collapse children greater than or equal to depth

When a user specifies a depth to be collapsed, the intention is to make the JSON tidy so it is easy to visually parse.

Currently when the user then expands an item, it expands all its children fully, which is rarely the intention.

I think this should collapse all children beyond the depth level, so that when the items are opened up the children are collapsed.

That said, for backwards compatibility I've implemented this as a new prop, defaulting to false, so that anyone upgrading won't see a change in behaviour.

Author: fredrivett

src/components/Tree/index.vue

@@ -55,6 +55,10 @@ export default {
       type: Number,
       default: Infinity,
     },
+    deepCollapseChildren: {
+      type: Boolean,
+      default: false,
+    },
     // 数据层级顶级路径
     path: {
       type: String,
@@ -129,9 +133,12 @@ export default {
       translateY: 0,
       visibleData: null,
       hiddenPaths: jsonFlatten(this.data, this.path).reduce((acc, item) => {
+        const depthComparison = this.deepCollapseChildren
+          ? item.level >= this.deep
+          : item.level === this.deep;
         if (
           (item.type === 'objectStart' || item.type === 'arrayStart') &&
-          item.level === this.deep
+          depthComparison
         ) {
           return {
             ...acc,