需要使用颜色路径进行搜索，并在d3.js中拖放可折叠的树

Question

我正在使用d3.js v5。我得到了可折叠的树，但无法搜索，也无法拖放。我尝试了多种方法，但没有数据。这是我正在使用的代码，我也需要Searchable tree Drag&Drop

    {  
  "name":"Family",
  "children":[  
     {  
        "name":"Parents",
        "children":[  
           {  
              "name":"Father",
              "children":[  
                 {  
                    "name":"Brother",
                    "children":[  
                       {  
                          "name":"Child-1"
                       }
                    ]
                 },
                 {  
                    "name":"Sister",
                    "children":[  
                       {  
                          "name":"Child-2"
                       }
                    ]
                 },
                 {  
                    "name":"Brother-in-law",
                    "children":[  
                       {  
                          "name":"child-3"
                       }
                    ]
                 },
                 {  
                    "name":"utterances",
                    "children":[  
                       {  
                          "name":"child-1-1"
                       },
                       {  
                          "name":"child-1-2"
                       },
                       {  
                          "name":"child-1-3"
                       },
                       {  
                          "name":"child-1-4"
                       },
                       {  
                          "name":"child-1-5"
                       },
                       {  
                          "name":"child-1-6"
                       }
                    ]
                 },
                 {  
                    "name":"Sister-in-law",
                    "children":[  
                       {  
                          "name":{  
                             "intentName":"child-1-7",
                             "utterances":[  
                                "child-1-3",
                                "child-1-4",
                                "child-1-5"
                             ]
                          }
                       },
                      {
                        "name": {
                          "intentName": "child-1-8",
                          "utterances": [
                            "child-1-1",
                            "child-1-2",
                            "child-1-3",
                            "child-1-4"
                          ]
                        }
                      }
                    ]
                 },
                 {  
                    "name":"Son",
                    "children":[  
                       {  
                          "name":"child-1-8"
                       },
                       {  
                          "name":"child-1-9"
                       },
                       {  
                          "name":"child-1-10"
                       },
                       {  
                          "name":"child-1-11"
                       }
                    ]
                 },
                 {  
                    "name":"daughter",
                    "children":[  
                       {  
                          "name":"child-1-12"
                       },
                       {  
                          "name":"child-1-13"
                       }
                    ]
                 }
              ]
           },
           {  
              "name":"Mother",
              "children": [
                {
                  "name": "Brother",
                  "children": [
                    {
                      "name": "Children-1"
                    }
                  ]
                },
                {
                  "name": "Sister",
                  "children": [
                    {
                      "name": "Children-2"
                    }
                  ]
                },
                {
                  "name": "Brother-in-law",
                  "children": [
                    {
                      "name": "Children-3"
                    }
                  ]
                },
                {
                  "name": "utterances",
                  "children": [
                    {
                      "name": "Children-1-1"
                    },
                    {
                      "name": "Children-1-2"
                    },
                    {
                      "name": "Children-1-3"
                    },
                    {
                      "name": "Children-1-4"
                    },
                    {
                      "name": "Children-1-5"
                    },
                    {
                      "name": "Children-1-6"
                    }
                  ]
                },
                {
                  "name": "Sister-in-law",
                  "children": [
                    {
                      "name": {
                        "intentName": "Children-1-7",
                        "utterances": [
                          "Children-1-3",
                          "Children-1-4",
                          "Children-1-5"
                        ]
                      }
                    },
                    {
                      "name": {
                        "intentName": "Children-1-8",
                        "utterances": [
                          "Children-1-1",
                          "Children-1-2",
                          "Children-1-3",
                          "Children-1-4"
                        ]
                      }
                    }
                  ]
                },
                {
                  "name": "Son",
                  "children": [
                    {
                      "name": "Children-1-8"
                    },
                    {
                      "name": "Children-1-9"
                    },
                    {
                      "name": "Children-1-10"
                    },
                    {
                      "name": "Children-1-11"
                    }
                  ]
                },
                {
                  "name": "daughter",
                  "children": [
                    {
                      "name": "Children-1-12"
                    },
                    {
                      "name": "Children-1-13"
                    }
                  ]
                }
              ]
            }
        ]
     }
  ]
}

这是我的代码this.parentTreeObj

中的json

{{1}}

请建议我该怎么做。预先感谢