/*
|
* Licensed to the Apache Software Foundation (ASF) under one
|
* or more contributor license agreements. See the NOTICE file
|
* distributed with this work for additional information
|
* regarding copyright ownership. The ASF licenses this file
|
* to you under the Apache License, Version 2.0 (the
|
* "License"); you may not use this file except in compliance
|
* with the License. You may obtain a copy of the License at
|
*
|
* http://www.apache.org/licenses/LICENSE-2.0
|
*
|
* Unless required by applicable law or agreed to in writing,
|
* software distributed under the License is distributed on an
|
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
* KIND, either express or implied. See the License for the
|
* specific language governing permissions and limitations
|
* under the License.
|
*/
|
|
|
import * as zrUtil from 'zrender/src/core/util';
|
import BrushController, { BrushControllerEvents, BrushCoverConfig } from '../helper/BrushController';
|
import {layoutCovers} from './visualEncoding';
|
import BrushModel from './BrushModel';
|
import GlobalModel from '../../model/Global';
|
import ExtensionAPI from '../../core/ExtensionAPI';
|
import { Payload } from '../../util/types';
|
import ComponentView from '../../view/Component';
|
|
|
class BrushView extends ComponentView {
|
|
static type = 'brush';
|
readonly type = BrushView.type;
|
|
ecModel: GlobalModel;
|
api: ExtensionAPI;
|
model: BrushModel;
|
private _brushController: BrushController;
|
|
init(ecModel: GlobalModel, api: ExtensionAPI): void {
|
this.ecModel = ecModel;
|
this.api = api;
|
this.model;
|
|
(this._brushController = new BrushController(api.getZr()))
|
.on('brush', zrUtil.bind(this._onBrush, this))
|
.mount();
|
}
|
|
render(brushModel: BrushModel, ecModel: GlobalModel, api: ExtensionAPI, payload: Payload): void {
|
this.model = brushModel;
|
this._updateController(brushModel, ecModel, api, payload);
|
}
|
|
updateTransform(brushModel: BrushModel, ecModel: GlobalModel, api: ExtensionAPI, payload: Payload) {
|
// PENDING: `updateTransform` is a little tricky, whose layout need
|
// to be calculate mandatorily and other stages will not be performed.
|
// Take care the correctness of the logic. See #11754 .
|
layoutCovers(ecModel);
|
this._updateController(brushModel, ecModel, api, payload);
|
}
|
|
updateVisual(brushModel: BrushModel, ecModel: GlobalModel, api: ExtensionAPI, payload: Payload) {
|
this.updateTransform(brushModel, ecModel, api, payload);
|
}
|
|
updateView(brushModel: BrushModel, ecModel: GlobalModel, api: ExtensionAPI, payload: Payload) {
|
this._updateController(brushModel, ecModel, api, payload);
|
}
|
|
private _updateController(brushModel: BrushModel, ecModel: GlobalModel, api: ExtensionAPI, payload: Payload) {
|
// Do not update controller when drawing.
|
(!payload || payload.$from !== brushModel.id) && this._brushController
|
.setPanels(brushModel.brushTargetManager.makePanelOpts(api))
|
.enableBrush(brushModel.brushOption)
|
.updateCovers(brushModel.areas.slice() as BrushCoverConfig[]);
|
}
|
|
// updateLayout: updateController,
|
|
// updateVisual: updateController,
|
|
dispose() {
|
this._brushController.dispose();
|
}
|
|
private _onBrush(eventParam: BrushControllerEvents['brush']): void {
|
const modelId = this.model.id;
|
|
const areas = this.model.brushTargetManager.setOutputRanges(eventParam.areas, this.ecModel);
|
|
// Action is not dispatched on drag end, because the drag end
|
// emits the same params with the last drag move event, and
|
// may have some delay when using touch pad, which makes
|
// animation not smooth (when using debounce).
|
(!eventParam.isEnd || eventParam.removeOnClick) && this.api.dispatchAction({
|
type: 'brush',
|
brushId: modelId,
|
areas: zrUtil.clone(areas),
|
$from: modelId
|
});
|
eventParam.isEnd && this.api.dispatchAction({
|
type: 'brushEnd',
|
brushId: modelId,
|
areas: zrUtil.clone(areas),
|
$from: modelId
|
});
|
}
|
|
}
|
|
export default BrushView;
|