mxdraw 0.1.21 → 0.1.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/MxModule/McGeVector3d/McGeVector3d.js +1 -0
- package/dist/lib/MxModule/MxFun/MxFun.js +7 -0
- package/dist/lib/MxModule/MxThreeJS/MxThreeJS.js +16 -3
- package/dist/lib/MxModule/MxThreeJS/MxThreeJS.mixin.js +0 -117
- package/dist/lib/MxModule/loadCoreCode/mxfun.es5.js +1131 -734
- package/dist/types/MxModule/McEdGetPointWorldDrawObject/McEdGetPointWorldDrawObjectClass.d.ts +9 -0
- package/dist/types/MxModule/McGeVector3d/McGeVector3d.d.ts +1 -0
- package/dist/types/MxModule/MrxDbgUiPrPoint/MrxDbgUiPrPointClass.d.ts +18 -1
- package/dist/types/MxModule/MxDrawObject/MxDrawObject.d.ts +59 -1
- package/dist/types/MxModule/MxFun/MxFun.d.ts +91 -1
- package/dist/types/MxModule/Mxassembly/Mxassembly.d.ts +3 -0
- package/dist/types/MxModule/store/store.d.ts +2 -2
- package/dist/types/mxdraw.d.ts +2 -2
- package/package.json +1 -1
- package/dist/lib/MxModule/MxThreeJS/SVGLoader.js +0 -1862
- package/dist/lib/types/McEdGetPointWorldDrawObject.js +0 -2
- package/dist/lib/types/MrxDbgUiPrPoint.js +0 -2
- package/dist/lib/types/MxCADObject.js +0 -2
- package/dist/lib/types/MxDrawObject.js +0 -2
- package/dist/lib/types/MxFun.js +0 -2
- package/dist/lib/types/Mxassembly.js +0 -2
- package/dist/types/MxModule/MxThreeJS/SVGLoader.d.ts +0 -22
- package/dist/types/types/McEdGetPointWorldDrawObject.d.ts +0 -9
- package/dist/types/types/MrxDbgUiPrPoint.d.ts +0 -23
- package/dist/types/types/MxCADObject.d.ts +0 -40
- package/dist/types/types/MxDrawObject.d.ts +0 -60
- package/dist/types/types/MxFun.d.ts +0 -47
- package/dist/types/types/Mxassembly.d.ts +0 -3
|
@@ -9,6 +9,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
9
9
|
return to.concat(ar || Array.prototype.slice.call(from));
|
|
10
10
|
};
|
|
11
11
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
|
+
/** @module MxFun */
|
|
12
13
|
var random_1 = require("../../tools/algorithm/random");
|
|
13
14
|
var create_1 = require("../../tools/dom/create");
|
|
14
15
|
var MxDrawObject_1 = require("../MxDrawObject");
|
|
@@ -671,6 +672,12 @@ var MxFun = /** @class */ (function () {
|
|
|
671
672
|
MxFun.prototype.listenForCoordTip = function (callback) {
|
|
672
673
|
mxUiData_1.default.mountSetCoordFun(callback);
|
|
673
674
|
};
|
|
675
|
+
/**
|
|
676
|
+
* 返回mxfun.min.js中的THREE.JS对象,可以用它来创建mxfun.min.js中THREE对象。
|
|
677
|
+
* */
|
|
678
|
+
MxFun.prototype.getMxFunTHREE = function () {
|
|
679
|
+
return store_1.default.state.MxFun.getTHREE();
|
|
680
|
+
};
|
|
674
681
|
return MxFun;
|
|
675
682
|
}());
|
|
676
683
|
exports.default = MxFun;
|
|
@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
8
8
|
var three_1 = require("three");
|
|
9
9
|
var math_1 = require("../../tools/algorithm/math");
|
|
10
10
|
var formatting_1 = require("../../tools/formatting");
|
|
11
|
+
var store_1 = require("../store");
|
|
11
12
|
/**
|
|
12
13
|
* MxThreeJS 模块
|
|
13
14
|
* ##### 使用说明:
|
|
@@ -274,9 +275,21 @@ var MxThreeJS = /** @class */ (function () {
|
|
|
274
275
|
* ```
|
|
275
276
|
*/
|
|
276
277
|
MxThreeJS.prototype.loadSVG = function (url, color, callResult) {
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
278
|
+
if (callResult) {
|
|
279
|
+
;
|
|
280
|
+
store_1.default.state.MxFun.loadSVG(url, color, callResult);
|
|
281
|
+
return new Promise(function (resolve) {
|
|
282
|
+
resolve(null);
|
|
283
|
+
});
|
|
284
|
+
}
|
|
285
|
+
else {
|
|
286
|
+
return new Promise(function (resolve) {
|
|
287
|
+
;
|
|
288
|
+
store_1.default.state.MxFun.loadSVG(url, color, function (threeobj) {
|
|
289
|
+
resolve(threeobj);
|
|
290
|
+
});
|
|
291
|
+
});
|
|
292
|
+
}
|
|
280
293
|
};
|
|
281
294
|
return MxThreeJS;
|
|
282
295
|
}());
|
|
@@ -1,110 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
var three_1 = require("three");
|
|
4
|
-
// import { SVGLoader } from 'three/examples/jsm/loaders/SVGLoader'
|
|
5
|
-
var SVGLoader_1 = require("./SVGLoader");
|
|
6
4
|
var three_2 = require("../../tools/three");
|
|
7
|
-
var MxThreeJSSVGData = /** @class */ (function () {
|
|
8
|
-
function MxThreeJSSVGData() {
|
|
9
|
-
this.svg = new three_1.Group();
|
|
10
|
-
this.aryMeterial = [];
|
|
11
|
-
}
|
|
12
|
-
return MxThreeJSSVGData;
|
|
13
|
-
}());
|
|
14
|
-
var MxThreeJSBuffer = /** @class */ (function () {
|
|
15
|
-
function MxThreeJSBuffer() {
|
|
16
|
-
this.mapSvgUrlToData = new Map();
|
|
17
|
-
}
|
|
18
|
-
MxThreeJSBuffer.prototype.loadSVGImp = function (url, color, callResult) {
|
|
19
|
-
var loader = new SVGLoader_1.SVGLoader();
|
|
20
|
-
loader.load(url, function (data) {
|
|
21
|
-
var aryMeterial = [];
|
|
22
|
-
var paths = data.paths;
|
|
23
|
-
var group = new three_1.Group();
|
|
24
|
-
var drawStrokes = false;
|
|
25
|
-
var drawFillShapes = true;
|
|
26
|
-
var fillShapesWireframe = false;
|
|
27
|
-
var strokesWireframe = false;
|
|
28
|
-
for (var i = 0; i < paths.length; i++) {
|
|
29
|
-
var path = paths[i];
|
|
30
|
-
var fillColor = path.userData.style.fill;
|
|
31
|
-
if (drawFillShapes && fillColor !== undefined && fillColor !== 'none') {
|
|
32
|
-
var material = new three_1.MeshBasicMaterial({
|
|
33
|
-
color: color ? color : new three_1.Color().setStyle(fillColor),
|
|
34
|
-
opacity: path.userData.style.fillOpacity,
|
|
35
|
-
transparent: path.userData.style.fillOpacity < 1,
|
|
36
|
-
side: three_1.DoubleSide,
|
|
37
|
-
depthWrite: false,
|
|
38
|
-
wireframe: fillShapesWireframe
|
|
39
|
-
});
|
|
40
|
-
// const shapes = path.toShapes( true );
|
|
41
|
-
var shapes = SVGLoader_1.SVGLoader.createShapes(path);
|
|
42
|
-
for (var j = 0; j < shapes.length; j++) {
|
|
43
|
-
var shape = shapes[j];
|
|
44
|
-
var geometry = new three_1.ShapeBufferGeometry(shape);
|
|
45
|
-
var mesh = new three_1.Mesh(geometry, material);
|
|
46
|
-
group.add(mesh);
|
|
47
|
-
}
|
|
48
|
-
aryMeterial.push(material);
|
|
49
|
-
}
|
|
50
|
-
var strokeColor = path.userData.style.stroke;
|
|
51
|
-
if (drawStrokes && strokeColor !== undefined && strokeColor !== 'none') {
|
|
52
|
-
var material = new three_1.MeshBasicMaterial({
|
|
53
|
-
color: color ? color : new three_1.Color().setStyle(strokeColor),
|
|
54
|
-
opacity: path.userData.style.strokeOpacity,
|
|
55
|
-
transparent: path.userData.style.strokeOpacity < 1,
|
|
56
|
-
side: three_1.DoubleSide,
|
|
57
|
-
depthWrite: false,
|
|
58
|
-
wireframe: strokesWireframe
|
|
59
|
-
});
|
|
60
|
-
for (var j = 0, jl = path.subPaths.length; j < jl; j++) {
|
|
61
|
-
var subPath = path.subPaths[j];
|
|
62
|
-
var geometry = SVGLoader_1.SVGLoader.pointsToStroke(subPath.getPoints(), path.userData.style, 12, 0.001);
|
|
63
|
-
if (geometry) {
|
|
64
|
-
var mesh = new three_1.Mesh(geometry, material);
|
|
65
|
-
group.add(mesh);
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
aryMeterial.push(material);
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
callResult && callResult(group, aryMeterial);
|
|
72
|
-
}, undefined, function () {
|
|
73
|
-
callResult && callResult(null, null);
|
|
74
|
-
});
|
|
75
|
-
};
|
|
76
|
-
MxThreeJSBuffer.prototype.loadSVG = function (url, color, callResult) {
|
|
77
|
-
var _this = this;
|
|
78
|
-
var data = this.mapSvgUrlToData.get(url);
|
|
79
|
-
if (data) {
|
|
80
|
-
if (callResult) {
|
|
81
|
-
if (data == null)
|
|
82
|
-
callResult(null, null);
|
|
83
|
-
else
|
|
84
|
-
callResult(data.svg.clone(), data.aryMeterial);
|
|
85
|
-
}
|
|
86
|
-
return;
|
|
87
|
-
}
|
|
88
|
-
else {
|
|
89
|
-
this.loadSVGImp(url, color, function (group, aryMeterial) {
|
|
90
|
-
if (group && aryMeterial) {
|
|
91
|
-
var data_1 = new MxThreeJSSVGData();
|
|
92
|
-
data_1.svg = group;
|
|
93
|
-
data_1.aryMeterial = aryMeterial;
|
|
94
|
-
_this.mapSvgUrlToData.set(url, data_1);
|
|
95
|
-
callResult && callResult(data_1.svg.clone(), data_1.aryMeterial);
|
|
96
|
-
}
|
|
97
|
-
else {
|
|
98
|
-
_this.mapSvgUrlToData.set(url, null);
|
|
99
|
-
callResult && callResult(null, null);
|
|
100
|
-
}
|
|
101
|
-
});
|
|
102
|
-
}
|
|
103
|
-
};
|
|
104
|
-
return MxThreeJSBuffer;
|
|
105
|
-
}());
|
|
106
5
|
function default_1(MxThreeJS) {
|
|
107
|
-
var mxThreeJsBuffer = new MxThreeJSBuffer();
|
|
108
6
|
MxThreeJS.createImage = function (pos, w, h, imageUrlPath, callResult) {
|
|
109
7
|
new three_1.TextureLoader().load(imageUrlPath, function (texture) {
|
|
110
8
|
var geometry = new three_1.PlaneGeometry(w, h);
|
|
@@ -127,20 +25,5 @@ function default_1(MxThreeJS) {
|
|
|
127
25
|
callResult && callResult(null);
|
|
128
26
|
});
|
|
129
27
|
};
|
|
130
|
-
MxThreeJS.loadSVG = function (url, color, callResult) {
|
|
131
|
-
if (callResult) {
|
|
132
|
-
mxThreeJsBuffer.loadSVG(url, color, callResult);
|
|
133
|
-
return new Promise(function (resolve) {
|
|
134
|
-
resolve(null);
|
|
135
|
-
});
|
|
136
|
-
}
|
|
137
|
-
else {
|
|
138
|
-
return new Promise(function (resolve) {
|
|
139
|
-
mxThreeJsBuffer.loadSVG(url, color, function (threeobj) {
|
|
140
|
-
resolve(threeobj);
|
|
141
|
-
});
|
|
142
|
-
});
|
|
143
|
-
}
|
|
144
|
-
};
|
|
145
28
|
}
|
|
146
29
|
exports.default = default_1;
|