Fix: #225 并加入搜索框

[nenya1840]

What kind of change does this PR introduce?

• Bugfix
• Feature
• Code style update
• Refactor
• Build-related changes
• Other, please describe:

Does this PR introduce a breaking change?

• Yes
• No

If yes, please describe the impact and migration path for existing applications:

The PR fulfills these requirements:

• It's submitted to the dev branch, not the master branch
• comply with the ESLint configuration of Standard
• Rebase before creating a PR to keep commit history clear
• When resolving a specific issue, it's referenced in the PR's title (e.g. fix #xxx[,#xxx], where "xxx" is the issue number)
• All tests are passing

Other information:

[thisxulz]

分组功能还没有合进去？