逐步完成前后端服务器
This commit is contained in:
392
frontend/node_modules/echarts/lib/component/axisPointer/BaseAxisPointer.js
generated
vendored
Normal file
392
frontend/node_modules/echarts/lib/component/axisPointer/BaseAxisPointer.js
generated
vendored
Normal file
@ -0,0 +1,392 @@
|
||||
|
||||
/*
|
||||
* 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.
|
||||
*/
|
||||
|
||||
|
||||
/**
|
||||
* AUTO-GENERATED FILE. DO NOT MODIFY.
|
||||
*/
|
||||
|
||||
/*
|
||||
* 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/lib/core/util.js';
|
||||
import * as graphic from '../../util/graphic.js';
|
||||
import * as axisPointerModelHelper from './modelHelper.js';
|
||||
import * as eventTool from 'zrender/lib/core/event.js';
|
||||
import * as throttleUtil from '../../util/throttle.js';
|
||||
import { makeInner } from '../../util/model.js';
|
||||
var inner = makeInner();
|
||||
var clone = zrUtil.clone;
|
||||
var bind = zrUtil.bind;
|
||||
/**
|
||||
* Base axis pointer class in 2D.
|
||||
*/
|
||||
var BaseAxisPointer = /** @class */function () {
|
||||
function BaseAxisPointer() {
|
||||
this._dragging = false;
|
||||
/**
|
||||
* In px, arbitrary value. Do not set too small,
|
||||
* no animation is ok for most cases.
|
||||
*/
|
||||
this.animationThreshold = 15;
|
||||
}
|
||||
/**
|
||||
* @implement
|
||||
*/
|
||||
BaseAxisPointer.prototype.render = function (axisModel, axisPointerModel, api, forceRender) {
|
||||
var value = axisPointerModel.get('value');
|
||||
var status = axisPointerModel.get('status');
|
||||
// Bind them to `this`, not in closure, otherwise they will not
|
||||
// be replaced when user calling setOption in not merge mode.
|
||||
this._axisModel = axisModel;
|
||||
this._axisPointerModel = axisPointerModel;
|
||||
this._api = api;
|
||||
// Optimize: `render` will be called repeatedly during mouse move.
|
||||
// So it is power consuming if performing `render` each time,
|
||||
// especially on mobile device.
|
||||
if (!forceRender && this._lastValue === value && this._lastStatus === status) {
|
||||
return;
|
||||
}
|
||||
this._lastValue = value;
|
||||
this._lastStatus = status;
|
||||
var group = this._group;
|
||||
var handle = this._handle;
|
||||
if (!status || status === 'hide') {
|
||||
// Do not clear here, for animation better.
|
||||
group && group.hide();
|
||||
handle && handle.hide();
|
||||
return;
|
||||
}
|
||||
group && group.show();
|
||||
handle && handle.show();
|
||||
// Otherwise status is 'show'
|
||||
var elOption = {};
|
||||
this.makeElOption(elOption, value, axisModel, axisPointerModel, api);
|
||||
// Enable change axis pointer type.
|
||||
var graphicKey = elOption.graphicKey;
|
||||
if (graphicKey !== this._lastGraphicKey) {
|
||||
this.clear(api);
|
||||
}
|
||||
this._lastGraphicKey = graphicKey;
|
||||
var moveAnimation = this._moveAnimation = this.determineAnimation(axisModel, axisPointerModel);
|
||||
if (!group) {
|
||||
group = this._group = new graphic.Group();
|
||||
this.createPointerEl(group, elOption, axisModel, axisPointerModel);
|
||||
this.createLabelEl(group, elOption, axisModel, axisPointerModel);
|
||||
api.getZr().add(group);
|
||||
} else {
|
||||
var doUpdateProps = zrUtil.curry(updateProps, axisPointerModel, moveAnimation);
|
||||
this.updatePointerEl(group, elOption, doUpdateProps);
|
||||
this.updateLabelEl(group, elOption, doUpdateProps, axisPointerModel);
|
||||
}
|
||||
updateMandatoryProps(group, axisPointerModel, true);
|
||||
this._renderHandle(value);
|
||||
};
|
||||
/**
|
||||
* @implement
|
||||
*/
|
||||
BaseAxisPointer.prototype.remove = function (api) {
|
||||
this.clear(api);
|
||||
};
|
||||
/**
|
||||
* @implement
|
||||
*/
|
||||
BaseAxisPointer.prototype.dispose = function (api) {
|
||||
this.clear(api);
|
||||
};
|
||||
/**
|
||||
* @protected
|
||||
*/
|
||||
BaseAxisPointer.prototype.determineAnimation = function (axisModel, axisPointerModel) {
|
||||
var animation = axisPointerModel.get('animation');
|
||||
var axis = axisModel.axis;
|
||||
var isCategoryAxis = axis.type === 'category';
|
||||
var useSnap = axisPointerModel.get('snap');
|
||||
// Value axis without snap always do not snap.
|
||||
if (!useSnap && !isCategoryAxis) {
|
||||
return false;
|
||||
}
|
||||
if (animation === 'auto' || animation == null) {
|
||||
var animationThreshold = this.animationThreshold;
|
||||
if (isCategoryAxis && axis.getBandWidth() > animationThreshold) {
|
||||
return true;
|
||||
}
|
||||
// It is important to auto animation when snap used. Consider if there is
|
||||
// a dataZoom, animation will be disabled when too many points exist, while
|
||||
// it will be enabled for better visual effect when little points exist.
|
||||
if (useSnap) {
|
||||
var seriesDataCount = axisPointerModelHelper.getAxisInfo(axisModel).seriesDataCount;
|
||||
var axisExtent = axis.getExtent();
|
||||
// Approximate band width
|
||||
return Math.abs(axisExtent[0] - axisExtent[1]) / seriesDataCount > animationThreshold;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
return animation === true;
|
||||
};
|
||||
/**
|
||||
* add {pointer, label, graphicKey} to elOption
|
||||
* @protected
|
||||
*/
|
||||
BaseAxisPointer.prototype.makeElOption = function (elOption, value, axisModel, axisPointerModel, api) {
|
||||
// Should be implemenented by sub-class.
|
||||
};
|
||||
/**
|
||||
* @protected
|
||||
*/
|
||||
BaseAxisPointer.prototype.createPointerEl = function (group, elOption, axisModel, axisPointerModel) {
|
||||
var pointerOption = elOption.pointer;
|
||||
if (pointerOption) {
|
||||
var pointerEl = inner(group).pointerEl = new graphic[pointerOption.type](clone(elOption.pointer));
|
||||
group.add(pointerEl);
|
||||
}
|
||||
};
|
||||
/**
|
||||
* @protected
|
||||
*/
|
||||
BaseAxisPointer.prototype.createLabelEl = function (group, elOption, axisModel, axisPointerModel) {
|
||||
if (elOption.label) {
|
||||
var labelEl = inner(group).labelEl = new graphic.Text(clone(elOption.label));
|
||||
group.add(labelEl);
|
||||
updateLabelShowHide(labelEl, axisPointerModel);
|
||||
}
|
||||
};
|
||||
/**
|
||||
* @protected
|
||||
*/
|
||||
BaseAxisPointer.prototype.updatePointerEl = function (group, elOption, updateProps) {
|
||||
var pointerEl = inner(group).pointerEl;
|
||||
if (pointerEl && elOption.pointer) {
|
||||
pointerEl.setStyle(elOption.pointer.style);
|
||||
updateProps(pointerEl, {
|
||||
shape: elOption.pointer.shape
|
||||
});
|
||||
}
|
||||
};
|
||||
/**
|
||||
* @protected
|
||||
*/
|
||||
BaseAxisPointer.prototype.updateLabelEl = function (group, elOption, updateProps, axisPointerModel) {
|
||||
var labelEl = inner(group).labelEl;
|
||||
if (labelEl) {
|
||||
labelEl.setStyle(elOption.label.style);
|
||||
updateProps(labelEl, {
|
||||
// Consider text length change in vertical axis, animation should
|
||||
// be used on shape, otherwise the effect will be weird.
|
||||
// TODOTODO
|
||||
// shape: elOption.label.shape,
|
||||
x: elOption.label.x,
|
||||
y: elOption.label.y
|
||||
});
|
||||
updateLabelShowHide(labelEl, axisPointerModel);
|
||||
}
|
||||
};
|
||||
/**
|
||||
* @private
|
||||
*/
|
||||
BaseAxisPointer.prototype._renderHandle = function (value) {
|
||||
if (this._dragging || !this.updateHandleTransform) {
|
||||
return;
|
||||
}
|
||||
var axisPointerModel = this._axisPointerModel;
|
||||
var zr = this._api.getZr();
|
||||
var handle = this._handle;
|
||||
var handleModel = axisPointerModel.getModel('handle');
|
||||
var status = axisPointerModel.get('status');
|
||||
if (!handleModel.get('show') || !status || status === 'hide') {
|
||||
handle && zr.remove(handle);
|
||||
this._handle = null;
|
||||
return;
|
||||
}
|
||||
var isInit;
|
||||
if (!this._handle) {
|
||||
isInit = true;
|
||||
handle = this._handle = graphic.createIcon(handleModel.get('icon'), {
|
||||
cursor: 'move',
|
||||
draggable: true,
|
||||
onmousemove: function (e) {
|
||||
// For mobile device, prevent screen slider on the button.
|
||||
eventTool.stop(e.event);
|
||||
},
|
||||
onmousedown: bind(this._onHandleDragMove, this, 0, 0),
|
||||
drift: bind(this._onHandleDragMove, this),
|
||||
ondragend: bind(this._onHandleDragEnd, this)
|
||||
});
|
||||
zr.add(handle);
|
||||
}
|
||||
updateMandatoryProps(handle, axisPointerModel, false);
|
||||
// update style
|
||||
handle.setStyle(handleModel.getItemStyle(null, ['color', 'borderColor', 'borderWidth', 'opacity', 'shadowColor', 'shadowBlur', 'shadowOffsetX', 'shadowOffsetY']));
|
||||
// update position
|
||||
var handleSize = handleModel.get('size');
|
||||
if (!zrUtil.isArray(handleSize)) {
|
||||
handleSize = [handleSize, handleSize];
|
||||
}
|
||||
handle.scaleX = handleSize[0] / 2;
|
||||
handle.scaleY = handleSize[1] / 2;
|
||||
throttleUtil.createOrUpdate(this, '_doDispatchAxisPointer', handleModel.get('throttle') || 0, 'fixRate');
|
||||
this._moveHandleToValue(value, isInit);
|
||||
};
|
||||
BaseAxisPointer.prototype._moveHandleToValue = function (value, isInit) {
|
||||
updateProps(this._axisPointerModel, !isInit && this._moveAnimation, this._handle, getHandleTransProps(this.getHandleTransform(value, this._axisModel, this._axisPointerModel)));
|
||||
};
|
||||
BaseAxisPointer.prototype._onHandleDragMove = function (dx, dy) {
|
||||
var handle = this._handle;
|
||||
if (!handle) {
|
||||
return;
|
||||
}
|
||||
this._dragging = true;
|
||||
// Persistent for throttle.
|
||||
var trans = this.updateHandleTransform(getHandleTransProps(handle), [dx, dy], this._axisModel, this._axisPointerModel);
|
||||
this._payloadInfo = trans;
|
||||
handle.stopAnimation();
|
||||
handle.attr(getHandleTransProps(trans));
|
||||
inner(handle).lastProp = null;
|
||||
this._doDispatchAxisPointer();
|
||||
};
|
||||
/**
|
||||
* Throttled method.
|
||||
*/
|
||||
BaseAxisPointer.prototype._doDispatchAxisPointer = function () {
|
||||
var handle = this._handle;
|
||||
if (!handle) {
|
||||
return;
|
||||
}
|
||||
var payloadInfo = this._payloadInfo;
|
||||
var axisModel = this._axisModel;
|
||||
this._api.dispatchAction({
|
||||
type: 'updateAxisPointer',
|
||||
x: payloadInfo.cursorPoint[0],
|
||||
y: payloadInfo.cursorPoint[1],
|
||||
tooltipOption: payloadInfo.tooltipOption,
|
||||
axesInfo: [{
|
||||
axisDim: axisModel.axis.dim,
|
||||
axisIndex: axisModel.componentIndex
|
||||
}]
|
||||
});
|
||||
};
|
||||
BaseAxisPointer.prototype._onHandleDragEnd = function () {
|
||||
this._dragging = false;
|
||||
var handle = this._handle;
|
||||
if (!handle) {
|
||||
return;
|
||||
}
|
||||
var value = this._axisPointerModel.get('value');
|
||||
// Consider snap or categroy axis, handle may be not consistent with
|
||||
// axisPointer. So move handle to align the exact value position when
|
||||
// drag ended.
|
||||
this._moveHandleToValue(value);
|
||||
// For the effect: tooltip will be shown when finger holding on handle
|
||||
// button, and will be hidden after finger left handle button.
|
||||
this._api.dispatchAction({
|
||||
type: 'hideTip'
|
||||
});
|
||||
};
|
||||
/**
|
||||
* @private
|
||||
*/
|
||||
BaseAxisPointer.prototype.clear = function (api) {
|
||||
this._lastValue = null;
|
||||
this._lastStatus = null;
|
||||
var zr = api.getZr();
|
||||
var group = this._group;
|
||||
var handle = this._handle;
|
||||
if (zr && group) {
|
||||
this._lastGraphicKey = null;
|
||||
group && zr.remove(group);
|
||||
handle && zr.remove(handle);
|
||||
this._group = null;
|
||||
this._handle = null;
|
||||
this._payloadInfo = null;
|
||||
}
|
||||
throttleUtil.clear(this, '_doDispatchAxisPointer');
|
||||
};
|
||||
/**
|
||||
* @protected
|
||||
*/
|
||||
BaseAxisPointer.prototype.doClear = function () {
|
||||
// Implemented by sub-class if necessary.
|
||||
};
|
||||
BaseAxisPointer.prototype.buildLabel = function (xy, wh, xDimIndex) {
|
||||
xDimIndex = xDimIndex || 0;
|
||||
return {
|
||||
x: xy[xDimIndex],
|
||||
y: xy[1 - xDimIndex],
|
||||
width: wh[xDimIndex],
|
||||
height: wh[1 - xDimIndex]
|
||||
};
|
||||
};
|
||||
return BaseAxisPointer;
|
||||
}();
|
||||
function updateProps(animationModel, moveAnimation, el, props) {
|
||||
// Animation optimize.
|
||||
if (!propsEqual(inner(el).lastProp, props)) {
|
||||
inner(el).lastProp = props;
|
||||
moveAnimation ? graphic.updateProps(el, props, animationModel) : (el.stopAnimation(), el.attr(props));
|
||||
}
|
||||
}
|
||||
function propsEqual(lastProps, newProps) {
|
||||
if (zrUtil.isObject(lastProps) && zrUtil.isObject(newProps)) {
|
||||
var equals_1 = true;
|
||||
zrUtil.each(newProps, function (item, key) {
|
||||
equals_1 = equals_1 && propsEqual(lastProps[key], item);
|
||||
});
|
||||
return !!equals_1;
|
||||
} else {
|
||||
return lastProps === newProps;
|
||||
}
|
||||
}
|
||||
function updateLabelShowHide(labelEl, axisPointerModel) {
|
||||
labelEl[axisPointerModel.get(['label', 'show']) ? 'show' : 'hide']();
|
||||
}
|
||||
function getHandleTransProps(trans) {
|
||||
return {
|
||||
x: trans.x || 0,
|
||||
y: trans.y || 0,
|
||||
rotation: trans.rotation || 0
|
||||
};
|
||||
}
|
||||
function updateMandatoryProps(group, axisPointerModel, silent) {
|
||||
var z = axisPointerModel.get('z');
|
||||
var zlevel = axisPointerModel.get('zlevel');
|
||||
group && group.traverse(function (el) {
|
||||
if (el.type !== 'group') {
|
||||
z != null && (el.z = z);
|
||||
zlevel != null && (el.zlevel = zlevel);
|
||||
el.silent = silent;
|
||||
}
|
||||
});
|
||||
}
|
||||
export default BaseAxisPointer;
|
||||
Reference in New Issue
Block a user