逐步完成前后端服务器
This commit is contained in:
160
frontend/node_modules/echarts/lib/loading/default.js
generated
vendored
Normal file
160
frontend/node_modules/echarts/lib/loading/default.js
generated
vendored
Normal file
@ -0,0 +1,160 @@
|
||||
|
||||
/*
|
||||
* 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';
|
||||
var PI = Math.PI;
|
||||
/**
|
||||
* @param {module:echarts/ExtensionAPI} api
|
||||
* @param {Object} [opts]
|
||||
* @param {string} [opts.text]
|
||||
* @param {string} [opts.color]
|
||||
* @param {string} [opts.textColor]
|
||||
* @return {module:zrender/Element}
|
||||
*/
|
||||
export default function defaultLoading(api, opts) {
|
||||
opts = opts || {};
|
||||
zrUtil.defaults(opts, {
|
||||
text: 'loading',
|
||||
textColor: '#000',
|
||||
fontSize: 12,
|
||||
fontWeight: 'normal',
|
||||
fontStyle: 'normal',
|
||||
fontFamily: 'sans-serif',
|
||||
maskColor: 'rgba(255, 255, 255, 0.8)',
|
||||
showSpinner: true,
|
||||
color: '#5470c6',
|
||||
spinnerRadius: 10,
|
||||
lineWidth: 5,
|
||||
zlevel: 0
|
||||
});
|
||||
var group = new graphic.Group();
|
||||
var mask = new graphic.Rect({
|
||||
style: {
|
||||
fill: opts.maskColor
|
||||
},
|
||||
zlevel: opts.zlevel,
|
||||
z: 10000
|
||||
});
|
||||
group.add(mask);
|
||||
var textContent = new graphic.Text({
|
||||
style: {
|
||||
text: opts.text,
|
||||
fill: opts.textColor,
|
||||
fontSize: opts.fontSize,
|
||||
fontWeight: opts.fontWeight,
|
||||
fontStyle: opts.fontStyle,
|
||||
fontFamily: opts.fontFamily
|
||||
},
|
||||
zlevel: opts.zlevel,
|
||||
z: 10001
|
||||
});
|
||||
var labelRect = new graphic.Rect({
|
||||
style: {
|
||||
fill: 'none'
|
||||
},
|
||||
textContent: textContent,
|
||||
textConfig: {
|
||||
position: 'right',
|
||||
distance: 10
|
||||
},
|
||||
zlevel: opts.zlevel,
|
||||
z: 10001
|
||||
});
|
||||
group.add(labelRect);
|
||||
var arc;
|
||||
if (opts.showSpinner) {
|
||||
arc = new graphic.Arc({
|
||||
shape: {
|
||||
startAngle: -PI / 2,
|
||||
endAngle: -PI / 2 + 0.1,
|
||||
r: opts.spinnerRadius
|
||||
},
|
||||
style: {
|
||||
stroke: opts.color,
|
||||
lineCap: 'round',
|
||||
lineWidth: opts.lineWidth
|
||||
},
|
||||
zlevel: opts.zlevel,
|
||||
z: 10001
|
||||
});
|
||||
arc.animateShape(true).when(1000, {
|
||||
endAngle: PI * 3 / 2
|
||||
}).start('circularInOut');
|
||||
arc.animateShape(true).when(1000, {
|
||||
startAngle: PI * 3 / 2
|
||||
}).delay(300).start('circularInOut');
|
||||
group.add(arc);
|
||||
}
|
||||
// Inject resize
|
||||
group.resize = function () {
|
||||
var textWidth = textContent.getBoundingRect().width;
|
||||
var r = opts.showSpinner ? opts.spinnerRadius : 0;
|
||||
// cx = (containerWidth - arcDiameter - textDistance - textWidth) / 2
|
||||
// textDistance needs to be calculated when both animation and text exist
|
||||
var cx = (api.getWidth() - r * 2 - (opts.showSpinner && textWidth ? 10 : 0) - textWidth) / 2 - (opts.showSpinner && textWidth ? 0 : 5 + textWidth / 2)
|
||||
// only show the text
|
||||
+ (opts.showSpinner ? 0 : textWidth / 2)
|
||||
// only show the spinner
|
||||
+ (textWidth ? 0 : r);
|
||||
var cy = api.getHeight() / 2;
|
||||
opts.showSpinner && arc.setShape({
|
||||
cx: cx,
|
||||
cy: cy
|
||||
});
|
||||
labelRect.setShape({
|
||||
x: cx - r,
|
||||
y: cy - r,
|
||||
width: r * 2,
|
||||
height: r * 2
|
||||
});
|
||||
mask.setShape({
|
||||
x: 0,
|
||||
y: 0,
|
||||
width: api.getWidth(),
|
||||
height: api.getHeight()
|
||||
});
|
||||
};
|
||||
group.resize();
|
||||
return group;
|
||||
}
|
Reference in New Issue
Block a user