Merge 'inside' and 'slider' dataZoom

### What problem does this feature solve?
Currently, we need to config two dataZoom components to have both slider and roam features. It's easy to make configuration inconsistent between these two components. Like described in the issue https://github.com/apache/echarts/issues/14018

### What does the proposed API look like?
Only need to config one dataZoom component.

```js
dataZoom: {
roam: true // Same with adding a inside dataZoom component
}
```