提供与 setData 同时触发的回调

[JankingW]

这个特性解决了什么问题？

TaroRootElement 的performUpdate 函数中调用 setData 是通过 setTimeout(0)调用的，但canvasCtx.fillText 却不会 setTimeout，因此在某些情况下这两个接口触发更新时机不一致，会造成闪烁的问题。

具体地，考虑阅读器翻页项目中有这样一种情况：

自定义的 ReactComponent 中有多个Canvas 组件，它们会绘制不同的文字内容，并且会根据手势调整 Canvas 的偏移，当滑动动画结束之后 Canvas 组件偏移恢复为 0， 但它们所对应的文字内容需要更新为下一页的内容。

因此存在一个翻页结束的时间点，同时恢复 Canvas 偏移（移除动画 class）和绘制文字，但是恢复 Canvas 偏移是通过 React 组件来实现，因此最终是交给 runtime 里TaroRootElement 里的 setData来实现，但绘制文字是通过canvas.ctx.fillText 接口直接实现，最终这两个接口触发更新的时间不一致，造成页面闪烁。

这个 API 长什么样？

添加一个 API，例如Taro.addSetDataCallback(callback)，允许添加一个callback，在下次 setData 执行时进行调用。
具体地，

1. 在TaroRootElement中初始化setDataCallbackList用来保存所有回调

class  TaroRootElement  extends  TaroElement {

constructor() {

super();

this.updatePayloads  = [];

this.updateCallbacks  = [];
// 这里
this.setDataCallbackList  = [];

2. 在TaroRootElement中添加接口flushSetDataCallback和addSetDataCallback

flushSetDataCallback() {
	this.setDataCallbackList.forEach(cb => {
		cb();
	});
	this.setDataCallbackList = [];
}

addSetDataCallback(callback) {
	this.setDataCallbackList.push(callback);
}

3. 然后，在setData之后调用flushSetDatacallback

// page setData

if (isNeedNormalUpdate) {

if (process.env.NODE_ENV  !==  'production'  &&  options.debug) {

// eslint-disable-next-line no-console

console.log('page setData:', normalUpdate);

}

ctx.setData(normalUpdate, cb);

// 这里调用
this.flushSetDatacallback();

}

4. 最后，还需要桥接一下，使得 Taro.addSetDataCallback可以直接调用到 TaroRootElement 的addSetDataCallback