bytev-charts
Version:
基于echarts和JavaScript及ES6封装的一个可以直接调用的图表组件库，内置主题设计，简单快捷，且支持用户自定义配置； npm 安装方式: npm install bytev-charts 若启动提示还需额外install插件,则运行 npm install @babel/runtime-corejs2 即可;
434 lines (354 loc) • 20.8 kB
JavaScript
import "core-js/modules/es.regexp.exec.js";
import "core-js/modules/es.string.replace.js";
import "core-js/modules/es.array.join.js";
import "core-js/modules/es.array.map.js";
import "core-js/modules/es.string.match.js";
import "core-js/modules/es.array.concat.js";
import "core-js/modules/es.array.iterator.js";
import "core-js/modules/es.array-buffer.slice.js";
import "core-js/modules/es.object.to-string.js";
import "core-js/modules/es.typed-array.uint8-array.js";
import "core-js/modules/es.typed-array.copy-within.js";
import "core-js/modules/es.typed-array.every.js";
import "core-js/modules/es.typed-array.fill.js";
import "core-js/modules/es.typed-array.filter.js";
import "core-js/modules/es.typed-array.find.js";
import "core-js/modules/es.typed-array.find-index.js";
import "core-js/modules/es.typed-array.for-each.js";
import "core-js/modules/es.typed-array.includes.js";
import "core-js/modules/es.typed-array.index-of.js";
import "core-js/modules/es.typed-array.iterator.js";
import "core-js/modules/es.typed-array.join.js";
import "core-js/modules/es.typed-array.last-index-of.js";
import "core-js/modules/es.typed-array.map.js";
import "core-js/modules/es.typed-array.reduce.js";
import "core-js/modules/es.typed-array.reduce-right.js";
import "core-js/modules/es.typed-array.reverse.js";
import "core-js/modules/es.typed-array.set.js";
import "core-js/modules/es.typed-array.slice.js";
import "core-js/modules/es.typed-array.some.js";
import "core-js/modules/es.typed-array.sort.js";
import "core-js/modules/es.typed-array.subarray.js";
import "core-js/modules/es.typed-array.to-locale-string.js";
import "core-js/modules/es.typed-array.to-string.js";
import "core-js/modules/es.array.slice.js";
import "core-js/modules/es.promise.js";
import "core-js/modules/es.function.name.js";
import "core-js/modules/es.array.fill.js";
import "core-js/modules/es.array.for-each.js";
import "core-js/modules/web.dom-collections.for-each.js";
import "core-js/modules/es.date.to-iso-string.js";
import "core-js/modules/es.date.to-string.js";
import _Object$assign from "@babel/runtime-corejs2/core-js/object/assign";
import _Array$isArray from "@babel/runtime-corejs2/core-js/array/is-array";
import _WeakMap from "@babel/runtime-corejs2/core-js/weak-map";
console.warn("THREE.ColladaExporter: As part of the transition to ES6 Modules, the files in 'examples/js' were deprecated in May 2020 (r117) and will be deleted in December 2020 (r124). You can find more information about developing using ES6 Modules in https://threejs.org/docs/#manual/en/introduction/Installation.");
/**
* https://github.com/gkjohnson/collada-exporter-js
*
* Usage:
* var exporter = new THREE.ColladaExporter();
*
* var data = exporter.parse(mesh);
*
* Format Definition:
* https://www.khronos.org/collada/
*/
THREE.ColladaExporter = function () {};
THREE.ColladaExporter.prototype = {
constructor: THREE.ColladaExporter,
parse: function parse(object, onDone, options) {
options = options || {};
options = _Object$assign({
version: '1.4.1',
author: null,
textureDirectory: ''
}, options);
if (options.textureDirectory !== '') {
options.textureDirectory = "".concat(options.textureDirectory, "/").replace(/\\/g, '/').replace(/\/+/g, '/');
}
var version = options.version;
if (version !== '1.4.1' && version !== '1.5.0') {
console.warn("ColladaExporter : Version ".concat(version, " not supported for export. Only 1.4.1 and 1.5.0."));
return null;
} // Convert the urdf xml into a well-formatted, indented format
function format(urdf) {
var IS_END_TAG = /^<\//;
var IS_SELF_CLOSING = /(\?>$)|(\/>$)/;
var HAS_TEXT = /<[^>]+>[^<]*<\/[^<]+>/;
var pad = function pad(ch, num) {
return num > 0 ? ch + pad(ch, num - 1) : '';
};
var tagnum = 0;
return urdf.match(/(<[^>]+>[^<]+<\/[^<]+>)|(<[^>]+>)/g).map(function (tag) {
if (!HAS_TEXT.test(tag) && !IS_SELF_CLOSING.test(tag) && IS_END_TAG.test(tag)) {
tagnum--;
}
var res = "".concat(pad(' ', tagnum)).concat(tag);
if (!HAS_TEXT.test(tag) && !IS_SELF_CLOSING.test(tag) && !IS_END_TAG.test(tag)) {
tagnum++;
}
return res;
}).join('\n');
} // Convert an image into a png format for saving
function base64ToBuffer(str) {
var b = atob(str);
var buf = new Uint8Array(b.length);
for (var i = 0, l = buf.length; i < l; i++) {
buf[i] = b.charCodeAt(i);
}
return buf;
}
var canvas, ctx;
function imageToData(image, ext) {
canvas = canvas || document.createElement('canvas');
ctx = ctx || canvas.getContext('2d');
canvas.width = image.naturalWidth;
canvas.height = image.naturalHeight;
ctx.drawImage(image, 0, 0); // Get the base64 encoded data
var base64data = canvas.toDataURL("image/".concat(ext), 1).replace(/^data:image\/(png|jpg);base64,/, ''); // Convert to a uint8 array
return base64ToBuffer(base64data);
} // gets the attribute array. Generate a new array if the attribute is interleaved
var getFuncs = ['getX', 'getY', 'getZ', 'getW'];
function attrBufferToArray(attr) {
if (attr.isInterleavedBufferAttribute) {
// use the typed array constructor to save on memory
var arr = new attr.array.constructor(attr.count * attr.itemSize);
var size = attr.itemSize;
for (var i = 0, l = attr.count; i < l; i++) {
for (var j = 0; j < size; j++) {
arr[i * size + j] = attr[getFuncs[j]](i);
}
}
return arr;
} else {
return attr.array;
}
} // Returns an array of the same type starting at the `st` index,
// and `ct` length
function subArray(arr, st, ct) {
if (_Array$isArray(arr)) return arr.slice(st, st + ct);else return new arr.constructor(arr.buffer, st * arr.BYTES_PER_ELEMENT, ct);
} // Returns the string for a geometry's attribute
function getAttribute(attr, name, params, type) {
var array = attrBufferToArray(attr);
var res = "<source id=\"".concat(name, "\">") + "<float_array id=\"".concat(name, "-array\" count=\"").concat(array.length, "\">") + array.join(' ') + '</float_array>' + '<technique_common>' + "<accessor source=\"#".concat(name, "-array\" count=\"").concat(Math.floor(array.length / attr.itemSize), "\" stride=\"").concat(attr.itemSize, "\">") + params.map(function (n) {
return "<param name=\"".concat(n, "\" type=\"").concat(type, "\" />");
}).join('') + '</accessor>' + '</technique_common>' + '</source>';
return res;
} // Returns the string for a node's transform information
var transMat;
function getTransform(o) {
// ensure the object's matrix is up to date
// before saving the transform
o.updateMatrix();
transMat = transMat || new THREE.Matrix4();
transMat.copy(o.matrix);
transMat.transpose();
return "<matrix>".concat(transMat.toArray().join(' '), "</matrix>");
} // Process the given piece of geometry into the geometry library
// Returns the mesh id
function processGeometry(g) {
var info = geometryInfo.get(g);
if (!info) {
// convert the geometry to bufferGeometry if it isn't already
var bufferGeometry = g;
if (bufferGeometry instanceof THREE.Geometry) {
bufferGeometry = new THREE.BufferGeometry().fromGeometry(bufferGeometry);
}
var meshid = "Mesh".concat(libraryGeometries.length + 1);
var indexCount = bufferGeometry.index ? bufferGeometry.index.count * bufferGeometry.index.itemSize : bufferGeometry.attributes.position.count;
var groups = bufferGeometry.groups != null && bufferGeometry.groups.length !== 0 ? bufferGeometry.groups : [{
start: 0,
count: indexCount,
materialIndex: 0
}];
var gname = g.name ? " name=\"".concat(g.name, "\"") : '';
var gnode = "<geometry id=\"".concat(meshid, "\"").concat(gname, "><mesh>"); // define the geometry node and the vertices for the geometry
var posName = "".concat(meshid, "-position");
var vertName = "".concat(meshid, "-vertices");
gnode += getAttribute(bufferGeometry.attributes.position, posName, ['X', 'Y', 'Z'], 'float');
gnode += "<vertices id=\"".concat(vertName, "\"><input semantic=\"POSITION\" source=\"#").concat(posName, "\" /></vertices>"); // NOTE: We're not optimizing the attribute arrays here, so they're all the same length and
// can therefore share the same triangle indices. However, MeshLab seems to have trouble opening
// models with attributes that share an offset.
// MeshLab Bug#424: https://sourceforge.net/p/meshlab/bugs/424/
// serialize normals
var triangleInputs = "<input semantic=\"VERTEX\" source=\"#".concat(vertName, "\" offset=\"0\" />");
if ('normal' in bufferGeometry.attributes) {
var normName = "".concat(meshid, "-normal");
gnode += getAttribute(bufferGeometry.attributes.normal, normName, ['X', 'Y', 'Z'], 'float');
triangleInputs += "<input semantic=\"NORMAL\" source=\"#".concat(normName, "\" offset=\"0\" />");
} // serialize uvs
if ('uv' in bufferGeometry.attributes) {
var uvName = "".concat(meshid, "-texcoord");
gnode += getAttribute(bufferGeometry.attributes.uv, uvName, ['S', 'T'], 'float');
triangleInputs += "<input semantic=\"TEXCOORD\" source=\"#".concat(uvName, "\" offset=\"0\" set=\"0\" />");
} // serialize lightmap uvs
if ('uv2' in bufferGeometry.attributes) {
var uvName = "".concat(meshid, "-texcoord2");
gnode += getAttribute(bufferGeometry.attributes.uv2, uvName, ['S', 'T'], 'float');
triangleInputs += "<input semantic=\"TEXCOORD\" source=\"#".concat(uvName, "\" offset=\"0\" set=\"1\" />");
} // serialize colors
if ('color' in bufferGeometry.attributes) {
var colName = "".concat(meshid, "-color");
gnode += getAttribute(bufferGeometry.attributes.color, colName, ['X', 'Y', 'Z'], 'uint8');
triangleInputs += "<input semantic=\"COLOR\" source=\"#".concat(colName, "\" offset=\"0\" />");
}
var indexArray = null;
if (bufferGeometry.index) {
indexArray = attrBufferToArray(bufferGeometry.index);
} else {
indexArray = new Array(indexCount);
for (var i = 0, l = indexArray.length; i < l; i++) {
indexArray[i] = i;
}
}
for (var i = 0, l = groups.length; i < l; i++) {
var group = groups[i];
var subarr = subArray(indexArray, group.start, group.count);
var polycount = subarr.length / 3;
gnode += "<triangles material=\"MESH_MATERIAL_".concat(group.materialIndex, "\" count=\"").concat(polycount, "\">");
gnode += triangleInputs;
gnode += "<p>".concat(subarr.join(' '), "</p>");
gnode += '</triangles>';
}
gnode += "</mesh></geometry>";
libraryGeometries.push(gnode);
info = {
meshid: meshid,
bufferGeometry: bufferGeometry
};
geometryInfo.set(g, info);
}
return info;
} // Process the given texture into the image library
// Returns the image library
function processTexture(tex) {
var texid = imageMap.get(tex);
if (texid == null) {
texid = "image-".concat(libraryImages.length + 1);
var ext = 'png';
var name = tex.name || texid;
var imageNode = "<image id=\"".concat(texid, "\" name=\"").concat(name, "\">");
if (version === '1.5.0') {
imageNode += "<init_from><ref>".concat(options.textureDirectory).concat(name, ".").concat(ext, "</ref></init_from>");
} else {
// version image node 1.4.1
imageNode += "<init_from>".concat(options.textureDirectory).concat(name, ".").concat(ext, "</init_from>");
}
imageNode += '</image>';
libraryImages.push(imageNode);
imageMap.set(tex, texid);
textures.push({
directory: options.textureDirectory,
name: name,
ext: ext,
data: imageToData(tex.image, ext),
original: tex
});
}
return texid;
} // Process the given material into the material and effect libraries
// Returns the material id
function processMaterial(m) {
var matid = materialMap.get(m);
if (matid == null) {
matid = "Mat".concat(libraryEffects.length + 1);
var type = 'phong';
if (m instanceof THREE.MeshLambertMaterial) {
type = 'lambert';
} else if (m instanceof THREE.MeshBasicMaterial) {
type = 'constant';
if (m.map !== null) {
// The Collada spec does not support diffuse texture maps with the
// constant shader type.
// mrdoob/three.js#15469
console.warn('ColladaExporter: Texture maps not supported with MeshBasicMaterial.');
}
}
var emissive = m.emissive ? m.emissive : new THREE.Color(0, 0, 0);
var diffuse = m.color ? m.color : new THREE.Color(0, 0, 0);
var specular = m.specular ? m.specular : new THREE.Color(1, 1, 1);
var shininess = m.shininess || 0;
var reflectivity = m.reflectivity || 0; // Do not export and alpha map for the reasons mentioned in issue (#13792)
// in three.js alpha maps are black and white, but collada expects the alpha
// channel to specify the transparency
var transparencyNode = '';
if (m.transparent === true) {
transparencyNode += "<transparent>" + (m.map ? "<texture texture=\"diffuse-sampler\"></texture>" : '<float>1</float>') + '</transparent>';
if (m.opacity < 1) {
transparencyNode += "<transparency><float>".concat(m.opacity, "</float></transparency>");
}
}
var techniqueNode = "<technique sid=\"common\"><".concat(type, ">") + '<emission>' + (m.emissiveMap ? '<texture texture="emissive-sampler" texcoord="TEXCOORD" />' : "<color sid=\"emission\">".concat(emissive.r, " ").concat(emissive.g, " ").concat(emissive.b, " 1</color>")) + '</emission>' + (type !== 'constant' ? '<diffuse>' + (m.map ? '<texture texture="diffuse-sampler" texcoord="TEXCOORD" />' : "<color sid=\"diffuse\">".concat(diffuse.r, " ").concat(diffuse.g, " ").concat(diffuse.b, " 1</color>")) + '</diffuse>' : '') + (type !== 'constant' ? '<bump>' + (m.normalMap ? '<texture texture="bump-sampler" texcoord="TEXCOORD" />' : '') + '</bump>' : '') + (type === 'phong' ? "<specular><color sid=\"specular\">".concat(specular.r, " ").concat(specular.g, " ").concat(specular.b, " 1</color></specular>") + '<shininess>' + (m.specularMap ? '<texture texture="specular-sampler" texcoord="TEXCOORD" />' : "<float sid=\"shininess\">".concat(shininess, "</float>")) + '</shininess>' : '') + "<reflective><color>".concat(diffuse.r, " ").concat(diffuse.g, " ").concat(diffuse.b, " 1</color></reflective>") + "<reflectivity><float>".concat(reflectivity, "</float></reflectivity>") + transparencyNode + "</".concat(type, "></technique>");
var effectnode = "<effect id=\"".concat(matid, "-effect\">") + '<profile_COMMON>' + (m.map ? '<newparam sid="diffuse-surface"><surface type="2D">' + "<init_from>".concat(processTexture(m.map), "</init_from>") + '</surface></newparam>' + '<newparam sid="diffuse-sampler"><sampler2D><source>diffuse-surface</source></sampler2D></newparam>' : '') + (m.specularMap ? '<newparam sid="specular-surface"><surface type="2D">' + "<init_from>".concat(processTexture(m.specularMap), "</init_from>") + '</surface></newparam>' + '<newparam sid="specular-sampler"><sampler2D><source>specular-surface</source></sampler2D></newparam>' : '') + (m.emissiveMap ? '<newparam sid="emissive-surface"><surface type="2D">' + "<init_from>".concat(processTexture(m.emissiveMap), "</init_from>") + '</surface></newparam>' + '<newparam sid="emissive-sampler"><sampler2D><source>emissive-surface</source></sampler2D></newparam>' : '') + (m.normalMap ? '<newparam sid="bump-surface"><surface type="2D">' + "<init_from>".concat(processTexture(m.normalMap), "</init_from>") + '</surface></newparam>' + '<newparam sid="bump-sampler"><sampler2D><source>bump-surface</source></sampler2D></newparam>' : '') + techniqueNode + (m.side === THREE.DoubleSide ? "<extra><technique profile=\"THREEJS\"><double_sided sid=\"double_sided\" type=\"int\">1</double_sided></technique></extra>" : '') + '</profile_COMMON>' + '</effect>';
var materialName = m.name ? " name=\"".concat(m.name, "\"") : '';
var materialNode = "<material id=\"".concat(matid, "\"").concat(materialName, "><instance_effect url=\"#").concat(matid, "-effect\" /></material>");
libraryMaterials.push(materialNode);
libraryEffects.push(effectnode);
materialMap.set(m, matid);
}
return matid;
} // Recursively process the object into a scene
function processObject(o) {
var node = "<node name=\"".concat(o.name, "\">");
node += getTransform(o);
if (o instanceof THREE.Mesh && o.geometry != null) {
// function returns the id associated with the mesh and a "BufferGeometry" version
// of the geometry in case it's not a geometry.
var geomInfo = processGeometry(o.geometry);
var meshid = geomInfo.meshid;
var geometry = geomInfo.bufferGeometry; // ids of the materials to bind to the geometry
var matids = null;
var matidsArray = []; // get a list of materials to bind to the sub groups of the geometry.
// If the amount of subgroups is greater than the materials, than reuse
// the materials.
var mat = o.material || new THREE.MeshBasicMaterial();
var materials = _Array$isArray(mat) ? mat : [mat];
if (geometry.groups.length > materials.length) {
matidsArray = new Array(geometry.groups.length);
} else {
matidsArray = new Array(materials.length);
}
matids = matidsArray.fill().map(function (v, i) {
return processMaterial(materials[i % materials.length]);
});
node += "<instance_geometry url=\"#".concat(meshid, "\">") + (matids != null ? '<bind_material><technique_common>' + matids.map(function (id, i) {
return "<instance_material symbol=\"MESH_MATERIAL_".concat(i, "\" target=\"#").concat(id, "\" >") + '<bind_vertex_input semantic="TEXCOORD" input_semantic="TEXCOORD" input_set="0" />' + '</instance_material>';
}).join('') + '</technique_common></bind_material>' : '') + '</instance_geometry>';
}
o.children.forEach(function (c) {
return node += processObject(c);
});
node += '</node>';
return node;
}
var geometryInfo = new _WeakMap();
var materialMap = new _WeakMap();
var imageMap = new _WeakMap();
var textures = [];
var libraryImages = [];
var libraryGeometries = [];
var libraryEffects = [];
var libraryMaterials = [];
var libraryVisualScenes = processObject(object);
var specLink = version === '1.4.1' ? 'http://www.collada.org/2005/11/COLLADASchema' : 'https://www.khronos.org/collada/';
var dae = '<?xml version="1.0" encoding="UTF-8" standalone="no" ?>' + "<COLLADA xmlns=\"".concat(specLink, "\" version=\"").concat(version, "\">") + '<asset>' + ('<contributor>' + '<authoring_tool>three.js Collada Exporter</authoring_tool>' + (options.author !== null ? "<author>".concat(options.author, "</author>") : '') + '</contributor>' + "<created>".concat(new Date().toISOString(), "</created>") + "<modified>".concat(new Date().toISOString(), "</modified>") + '<up_axis>Y_UP</up_axis>') + '</asset>';
dae += "<library_images>".concat(libraryImages.join(''), "</library_images>");
dae += "<library_effects>".concat(libraryEffects.join(''), "</library_effects>");
dae += "<library_materials>".concat(libraryMaterials.join(''), "</library_materials>");
dae += "<library_geometries>".concat(libraryGeometries.join(''), "</library_geometries>");
dae += "<library_visual_scenes><visual_scene id=\"Scene\" name=\"scene\">".concat(libraryVisualScenes, "</visual_scene></library_visual_scenes>");
dae += '<scene><instance_visual_scene url="#Scene"/></scene>';
dae += '</COLLADA>';
var res = {
data: format(dae),
textures: textures
};
if (typeof onDone === 'function') {
requestAnimationFrame(function () {
return onDone(res);
});
}
return res;
}
};