docs(example): brush selection add the modification button example

[afetmin]

Features

用户可自定义按钮样式包括文字

Issues #3977

[hustcc]

@afetmin 很赞，这么快就提交了 pr。但是在设计上有一些不太好，当前做法是在 Chart 上增加这些配置，然后交互 action 读取配置去展示，存在问题：

1. 这个配置本身和 Chart 实例没有太大关系，理解上也不合适
2. 交互中的一些 ui 都存在自定义的需求，如果这么做，Chart 上的配置项会爆炸掉

建议做法，registerAction 的时候，可以增加一些配置项。比如当前 Reset 这个ui 就是在这里注册的。

registerAction('reset-button', ButtonAction, {
  name: 'reset-button',
  text: 'reset',
});

所以只要我们重新 registerAction 这个 action，然后传入我们想要的配置是否就可以解决了？但是要重新 registerAction，我们需要拿到内置的 ButtonAction。

const ButtonAction = getActionClass('reset-button');

// 重新注册
registerAction('reset-button', ButtonAction, {
  name: 'reset-button',
  text: '重置',
});

如果这样可行的话，我们只需要将 getActionClass API 暴露出来即可。那这个 PR 只需要一行代码就可以完成。

[visiky]

不如考虑下，放在主题中；获取的时候，通过 view.getTheme() 获取到相关配置; 使用的时候如下：

theme: {
   // button: {...}
   // 考虑到这个交互已经命名局限为 reset-button 了，就直接主题中增加 resetButton 配置就好
   resetButton: {...}
}

[hustcc]

不如考虑下，放在主题中；获取的时候，通过 view.getTheme() 获取到相关配置; 使用的时候如下：

theme: {
   // button: {...}
   // 考虑到这个交互已经命名局限为 reset-button 了，就直接主题中增加 resetButton 配置就好
   resetButton: {...}
}

长远来看，的确应该放在主题中，但是这个的的架构设计成本，有点太大，外部 PR 的同学来处理，有点难。上面的方案其实只需要将 getActionClass 报漏出来，业务开发自己来解决定制问题。

[visiky]

@afetmin 你可以考虑下 @hustcc 提供的方案

[afetmin]

@afetmin 你可以考虑下 @hustcc 提供的方案
好的， 晚上看下

[coveralls]

Pull Request Test Coverage Report for Build 2576625487

• 0 of 0 changed or added relevant lines in 0 files are covered.
• No unchanged relevant lines lost coverage.
• Overall coverage increased (+0.01%) to 91.276%

---

Totals
Change from base Build 2555046788:	0.01%
Covered Lines:	11820
Relevant Lines:	12458

---

💛 - Coveralls

[afetmin]

@afetmin 很赞，这么快就提交了 pr。但是在设计上有一些不太好，当前做法是在 Chart 上增加这些配置，然后交互 action 读取配置去展示，存在问题：

1. 这个配置本身和 Chart 实例没有太大关系，理解上也不合适
2. 交互中的一些 ui 都存在自定义的需求，如果这么做，Chart 上的配置项会爆炸掉

建议做法，registerAction 的时候，可以增加一些配置项。比如当前 Reset 这个ui 就是在这里注册的。

registerAction('reset-button', ButtonAction, {
  name: 'reset-button',
  text: 'reset',
});

所以只要我们重新 registerAction 这个 action，然后传入我们想要的配置是否就可以解决了？但是要重新 registerAction，我们需要拿到内置的 ButtonAction。

const ButtonAction = getActionClass('reset-button');

// 重新注册
registerAction('reset-button', ButtonAction, {
  name: 'reset-button',
  text: '重置',
});

如果这样可行的话，我们只需要将 getActionClass API 暴露出来即可。那这个 PR 只需要一行代码就可以完成。

功能已经暴露 💬

[hustcc]

居然现在已经导出 getActionClass 了，只需要新增一个 demo 即可。@afetmin 可以麻烦你改成新增 demo 吗？

[afetmin]

好的

[afetmin]

@hustcc 不知道这里的截图上传到哪？
"screenshot": "https://gw.alipayobjects.com/mdn/rms_f5c722/afts/img/A*PF0IS7OaCSwAAAAAAAAAAABkARQnAQ"

[github-actions]

🎊 PR Preview de7425a has been successfully built and deployed to https://antvis-G2-preview-pr-4004.surge.sh?type=diff&date=2022-07-04

🕐 Build time: 65.053s

_{🤖 By Surge Ui Insight}