[Feature] - 1,Different Namespaces for Component and Target Component; 2, "Expand" and "Collapse" buttons on component; 3, Search with Component.

[fffmonkeyking-new]

Problems:
P1: Connection Mapping：Component Column and Target Component Column may belong to different Namespace Columns. I cannot configure different Namespaces for Component Column and Target Component Column separately;
P2: Panel: If there are too many components, the Panel will display all components, and the connections between components will become rather complicated;
P3: Panel: There is no search function. I cannot search by component name to only display the dependencies of this component and its surrounding services with only one hop.

Solutions:
S1 -> P1: Connection Mapping can configure different Namespaces for Component Column and Target Component Column;
S2 -> P2: Panel adds "Expand" and "Collapse" buttons on each Component. Clicking the "Collapse" button can hide all Outgoing Connects and related Components of these connectios, and clicking the "Expand" button can redisplay all Outgoing Connects and related Components of these connectios. It is similar to a MindMap;
S3 -> P3: Add a search box to the Panel, I can enter the Component name, and after confirmation, the entire Panel will only show this Component. Then I can use the "Expand" and "Collapse" buttons to view all related dependent Components starting from this Component.