fix: use props error.

Author: leezng

example/Basic.vue

@@ -36,7 +36,7 @@
         </div>
         <div>
           <label>deepCollapseChildren</label>
-          <input v-model="deepCollapseChildren" type="checkbox" />
+          <input v-model="state.deepCollapseChildren" type="checkbox" />
         </div>
       </div>
     </div>
@@ -45,7 +45,7 @@
       <vue-json-pretty
         :data="state.data"
         :deep="state.deep"
-        :deepCollapseChildren="deepCollapseChildren"
+        :deepCollapseChildren="state.deepCollapseChildren"
         :show-double-quotes="state.showDoubleQuotes"
         :show-length="state.showLength"
         :show-line="state.showLine"

src/components/Tree/index.tsx

@@ -61,13 +61,10 @@ export default defineComponent({
       translateY: 0,
       visibleData: null as FlatDataType | null,
       hiddenPaths: jsonFlatten(props.data, props.path).reduce((acc, item) => {
-        const depthComparison = this.deepCollapseChildren
-          ? item.level >= this.deep
-          : item.level === this.deep;
-        if (
-          (item.type === 'objectStart' || item.type === 'arrayStart') &&
-          depthComparison
-        ) {
+        const depthComparison = props.deepCollapseChildren
+          ? item.level >= props.deep
+          : item.level === props.deep;
+        if ((item.type === 'objectStart' || item.type === 'arrayStart') && depthComparison) {
           return {
             ...acc,
             [item.path]: 1,