修复选择无法取消

.gitignore

@@ -1,3 +1,2 @@
 /node_modules
-/package-lock.json
+/dist
-.history

.vscode/settings.json

@@ -3,10 +3,8 @@
     "typescript.tsdk": "node_modules\\typescript\\lib",
     //格式化设置
     "editor.tabSize": 4,
-    "editor.formatOnPaste": false,
+    "editor.formatOnPaste": true,
     "editor.formatOnSave": true,
-    "editor.insertSpaces": true,
-    "editor.detectIndentation": false,
     //格式设置
     "typescript.format.placeOpenBraceOnNewLineForFunctions": true,
     "typescript.format.placeOpenBraceOnNewLineForControlBlocks": true,
@@ -14,30 +12,5 @@
     "javascript.format.placeOpenBraceOnNewLineForFunctions": true,
     "javascript.format.enable": true,
     "files.insertFinalNewline": true,
-    "typescript.format.semicolons": "insert",
+    "editor.detectIndentation": true,
-    "files.trimFinalNewlines": true,
-    "files.trimTrailingWhitespace": true,
-    //保存时
-    "editor.codeActionsOnSave": {
-        "source.organizeImports": true,
-    },
-    "gitlens.remotes": [
-        {
-            "domain": "gitee.com",
-            "type": "Custom",
-            "name": "码云",
-            "protocol": "https",
-            "urls": {
-                "repository": "https://gitee.com/cf-fz/${repoPath}",
-                "branches": "https://gitee.com/cf-fz/${repoPath}/branches",
-                "branch": "https://gitee.com/cf-fz/${repoPath}/commits/${branch}",
-                "commit": "https://gitee.com/cf-fz/${repoPath}/commit/${id}",
-                "file": "https://gitee.com/cf-fz/${repoPath}?path=${file}${line}",
-                "fileInBranch": "https://gitee.com/cf-fz/${repoPath}/blob/${branch}/${file}${line}",
-                "fileInCommit": "https://gitee.com/cf-fz/${repoPath}/blob/${id}/${file}${line}",
-                "fileLine": "#L${line}",
-                "fileRange": "#L${start}-L${end}"
-            }
-        }
-    ],
 }

README.md

@@ -1,6 +1,3 @@
 # 显示板件的控件
 
 使用例子请参照项目:[CADViewSample](http://git.cf/cx/CADViewSample)
-
-
-删除"@types/webpack-merge" 下的 node_modules/webpack 定义 坑爹导致项目跑不起来

config/webpack.common.ts

@@ -1,15 +1,6 @@
+import * as HardSourceWebpackPlugin from 'hard-source-webpack-plugin';
 import * as webpack from 'webpack';
-
+import ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
-const TS_LOADER = [
-    { loader: 'cache-loader', options: { cacheDirectory: "node_modules/.cache_loader" } },
-    {
-        loader: 'ts-loader',
-        options: {
-            transpileOnly: true,
-            experimentalWatchApi: true,
-        },
-    }
-];
 
 const config: webpack.Configuration = {
     devtool: "source-map",
@@ -17,13 +8,20 @@ const config: webpack.Configuration = {
     resolve: {
         extensions: [".ts", ".tsx", ".js", "json"]
     },
+    externals: {
+        'three': "THREE"
+    },
     //模块加载器设置
     module: {
         rules: [
             {
                 test: /\.tsx?$/,
                 exclude: /node_modules/,
-                use: TS_LOADER,
+                loader: 'ts-loader',
+                options: {
+                    transpileOnly: true,
+                    experimentalWatchApi: true,
+                },
             },
             { test: /\.css$/, loader: ['style-loader', 'css-loader'] },
             { test: /\.[(jpg)|(png)|(obj)|(json)]$/, loader: "url-loader" },
@@ -31,6 +29,8 @@ const config: webpack.Configuration = {
     },
 
     plugins: [
+        new HardSourceWebpackPlugin(),
+        new ForkTsCheckerWebpackPlugin({ checkSyntacticErrors: true }),
     ]
 }
 

config/webpack.umd.ts

@@ -1,16 +1,13 @@
-import path from 'path';
 import * as webpack from 'webpack';
-import merge from 'webpack-merge';
+import * as merge from 'webpack-merge';
 import common from './webpack.common';
+import * as path from 'path';
 
 const config: webpack.Configuration = merge(
     common,
     {
         mode: "production",
         entry: "./src/index.ts",
-        externals: {
-            'three': "THREE"
-        },
         //输出设置
         output: {
             filename: "cad.js",

config/webpack.view.ts

@@ -1,7 +1,7 @@
 import * as webpack from 'webpack';
-import merge from 'webpack-merge';
+import * as merge from 'webpack-merge';
 import common from './webpack.common';
-import HtmlWebPackPlugin from "html-webpack-plugin";
+import * as HtmlWebPackPlugin from "html-webpack-plugin";
 
 const config: webpack.Configuration = merge(
     common,
@@ -9,7 +9,7 @@ const config: webpack.Configuration = merge(
         mode: "development",
         entry: "./src/ViewSrc/index.ts",
         output: { pathinfo: false },
-        devtool: "eval-source-map",
+        devtool: "cheap-module-eval-source-map",
         devServer: {
             contentBase: "./dist/",
             port: 7776,
@@ -26,4 +26,6 @@ const config: webpack.Configuration = merge(
     }
 );
 
+config.externals = {};
+
 export default config;

package.json

@@ -1,50 +1,45 @@
 {
-    "name": "cadview",
+  "name": "cadview",
-    "version": "1.1.9",
+  "version": "1.2.0",
-    "description": "",
+  "description": "",
-    "main": "dist/index.js",
+  "main": "src/index.ts",
-    "types": "dist/index.d.ts",
+  "private": true,
-    "private": true,
+  "scripts": {
-    "scripts": {
+    "build": "tsc",
-        "t": "tsc --noEmit -w",
+    "umd": "webpack --config ./config/webpack.umd.ts",
-        "build": "tsc",
+    "dev": "webpack-dev-server --config ./config/webpack.view.ts",
-        "umd": "webpack --config ./config/webpack.umd.ts",
+    "type": "ts-node ./utils/copy_type.ts"
-        "dev": "webpack-dev-server --config ./config/webpack.view.ts",
+  },
-        "postinstall": "ts-node ./utils/rmtype.ts"
+  "repository": {
-    },
+    "type": "git",
-    "repository": {
+    "url": "http://git.cf/cx/CADViewComponent.git"
-        "type": "git",
+  },
-        "url": "http://git.cf/cx/CADViewComponent.git"
+  "author": "cx",
-    },
+  "license": "ISC",
-    "author": "cx",
+  "devDependencies": {
-    "license": "ISC",
+    "@types/hard-source-webpack-plugin": "^0.9.0",
-    "devDependencies": {
+    "@types/node": "^10.11.7",
-        "@types/hard-source-webpack-plugin": "^1.0.1",
+    "@types/uglifyjs-webpack-plugin": "^1.1.0",
-        "@types/node": "^13.13.52",
+    "@types/webpack": "^4.4.16",
-        "@types/three": "^0.103.2",
+    "@types/webpack-dev-server": "^3.1.1",
-        "@types/uglifyjs-webpack-plugin": "^1.1.0",
+    "@types/webpack-env": "^1.13.6",
-        "@types/webpack": "^4.41.32",
+    "@types/webpack-merge": "^4.1.3",
-        "@types/webpack-dev-server": "^3.11.6",
+    "awesome-typescript-loader": "^5.2.1",
-        "@types/webpack-env": "^1.15.2",
+    "fork-ts-checker-webpack-plugin": "^0.4.8",
-        "@types/webpack-merge": "^4.1.5",
+    "hard-source-webpack-plugin": "^0.12.0",
-        "awesome-typescript-loader": "^5.2.1",
+    "html-webpack-plugin": "^3.2.0",
-        "cache-loader": "^4.1.0",
+    "ts-loader": "^5.2.1",
-        "fork-ts-checker-webpack-plugin": "^4.1.6",
+    "ts-node": "^7.0.1",
-        "hard-source-webpack-plugin": "^0.13.1",
+    "typescript": "^3.7.5",
-        "html-webpack-plugin": "^4.5.2",
+    "uglifyjs-webpack-plugin": "^2.0.1",
-        "ts-loader": "^7.0.5",
+    "webpack": "^4.20.2",
-        "ts-node": "^8.10.2",
+    "webpack-cli": "^3.1.2",
-        "typescript": "^4.5.5",
+    "webpack-dev-server": "^3.1.9",
-        "uglifyjs-webpack-plugin": "^2.2.0",
+    "webpack-merge": "^4.1.4"
-        "webpack": "^4.46.0",
+  },
-        "webpack-cli": "^3.3.12",
+  "dependencies": {
-        "webpack-dev-server": "^3.11.3",
+    "@types/three": "^0.92.25",
-        "webpack-merge": "^4.2.2"
+    "three": "^0.95.0",
-    },
+    "wolfy87-eventemitter": "^5.2.5"
-    "dependencies": {
+  }
-        "@jscad/modeling": "^2.7.1",
-        "flatbush": "^3.3.0",
-        "three": "^0.115.0",
-        "webcad_ue4_api": "http://gitea.cf/cx/webcad-ue4-api/archive/0.2.3.tar.gz"
-    }
 }

src/CameraControls.ts

@@ -56,6 +56,7 @@ export class CameraControls
     }
     /**
      * 窗体失去焦点时.
+     * 
      * @memberof CameraControls
      */
     onBlur = () =>
@@ -135,7 +136,7 @@ export class CameraControls
 
     //最后一次按中键的时间
     lastMiddleClickTime = 0;
-    //鼠标
+    //鼠标    
     onMouseDown = (event: MouseEvent) =>
     {
         event.preventDefault();
@@ -219,11 +220,12 @@ export class CameraControls
     }
     /**
      * 鼠标滚轮事件
-     *
+     * 
      * @memberof CameraControls
      */
     onMouseWheel = (event: WheelEvent) =>
     {
+        event.preventDefault();
         event.stopPropagation();
 
         let pt = new THREE.Vector3(event.offsetX, event.offsetY, 0);

src/CameraUpdate.ts

@@ -1,20 +1,21 @@
-import { Box3, Camera, MathUtils, OrthographicCamera, PerspectiveCamera, Vector3 } from 'three';
+import * as THREE from 'three';
+import { Vector3 } from 'three';
 import { Orbit } from './Orbit';
 
 /**
- *
+ * 
  * 相机的控制.
  * ->切换相机
  * ->设置视口大小
  * ->旋转和移动相机.
- *
+ * 
  * @export
  * @class ViewCameraManage
  */
 export class CameraUpdate
 {
-    private m_CurCamera: Camera;
+    private m_CurCamera: THREE.Camera;
-    private m_CameraArray: Map<any, Camera> = new Map<any, Camera>();
+    private m_CameraArray: Map<any, THREE.Camera> = new Map<any, THREE.Camera>();
 
     //视口的画布大小
     private m_Width: number;
@@ -23,9 +24,9 @@ export class CameraUpdate
     private m_ViewHeight: number = 10;
 
     //观察的位置
-    private m_Target: Vector3 = new Vector3();
+    private m_Target: THREE.Vector3 = new THREE.Vector3();
     //观察向量
-    private m_Direction: Vector3 = new Vector3(0, 0, -1);
+    private m_Direction: THREE.Vector3 = new THREE.Vector3(0, 0, -1);
     //观察的轨道.
     private m_Orbit: Orbit = new Orbit();
 
@@ -34,12 +35,12 @@ export class CameraUpdate
 
     constructor()
     {
-        this.m_CameraArray.set(OrthographicCamera, new OrthographicCamera(-2, 2, 2, -2,
+        this.m_CameraArray.set(THREE.OrthographicCamera, new THREE.OrthographicCamera(-2, 2, 2, -2,
             -1e6, 1e6));
 
-        this.m_CameraArray.set(PerspectiveCamera, new PerspectiveCamera(50, 1, 0.01, 10000));
+        this.m_CameraArray.set(THREE.PerspectiveCamera, new THREE.PerspectiveCamera(50, 1, 0.01, 10000));
 
-        this.m_CurCamera = this.m_CameraArray.get(OrthographicCamera);
+        this.m_CurCamera = this.m_CameraArray.get(THREE.OrthographicCamera);
 
         this.m_Orbit.UpdateRoValue(this.m_Direction);
 
@@ -52,7 +53,7 @@ export class CameraUpdate
         return this.m_Width / this.m_Height;
     }
 
-    get Camera(): Camera
+    get Camera(): THREE.Camera
     {
         return this.m_CurCamera;
     }
@@ -62,7 +63,7 @@ export class CameraUpdate
     }
     set ViewHeight(height)
     {
-        this.m_ViewHeight = MathUtils.clamp(height, this.m_MinViewHeight, this.m_MaxViewHeight);
+        this.m_ViewHeight = THREE.Math.clamp(height, this.m_MinViewHeight, this.m_MaxViewHeight);
     }
 
     SetSize(width: number, height: number)
@@ -73,11 +74,11 @@ export class CameraUpdate
 
     /**
      * 平移相机.
-     *
+     * 
-     * @param {Vector3} mouseMove
+     * @param {THREE.Vector3} mouseMove
      * @memberof CameraControl
      */
-    Pan(mouseMove: Vector3)
+    Pan(mouseMove: THREE.Vector3)
     {
         mouseMove.y *= -1;
         mouseMove.multiplyScalar(-this.m_ViewHeight / this.m_Height);
@@ -85,7 +86,7 @@ export class CameraUpdate
         this.m_Target.add(mouseMove);
         this.Update();
     }
-    Rotate(mouseMove: Vector3, target: Vector3)
+    Rotate(mouseMove: THREE.Vector3, target: THREE.Vector3)
     {
         this.m_Orbit.RoX -= mouseMove.y * 0.003;
         this.m_Orbit.RoZ -= mouseMove.x * 0.003;
@@ -111,9 +112,9 @@ export class CameraUpdate
 
         this.Update();
     }
-    Zoom(scale: number, scaleCenter?: Vector3)
+    Zoom(scale: number, scaleCenter?: THREE.Vector3)
     {
-        if (this.Camera instanceof OrthographicCamera)
+        if (this.Camera instanceof THREE.OrthographicCamera)
         {
             this.ViewHeight *= scale;
             if (scaleCenter && this.m_ViewHeight < this.m_MaxViewHeight)
@@ -123,7 +124,7 @@ export class CameraUpdate
                 this.m_Target.add(scaleCenter);
             }
         }
-        else if (this.Camera instanceof PerspectiveCamera)
+        else if (this.Camera instanceof THREE.PerspectiveCamera)
         {
             let add = scale > 1 ? 1 : -1;
             add *= this.Camera.position.distanceTo(this.m_Target) / 10;
@@ -131,7 +132,7 @@ export class CameraUpdate
         }
         this.Update();
     }
-    ZoomExtensBox3(box3: Box3)
+    ZoomExtensBox3(box3: THREE.Box3)
     {
         if (!box3 || box3.isEmpty()) return;
         this.Camera.updateMatrixWorld(false);
@@ -158,7 +159,7 @@ export class CameraUpdate
         }
         this.Update();
     }
-    LookAt(dir: Vector3)
+    LookAt(dir: THREE.Vector3)
     {
         this.m_Orbit.UpdateRoValue(dir);
         this.m_Direction.copy(dir);
@@ -172,15 +173,15 @@ export class CameraUpdate
     }
     /**
      * 根据视口大小,设置相机视口范围.
-     *
+     * 
-     * @returns
+     * @returns 
      * @memberof CameraControl
      */
     Update()
     {
         this.Camera.position.copy(this.m_Target);
 
-        if (this.Camera instanceof OrthographicCamera)
+        if (this.Camera instanceof THREE.OrthographicCamera)
         {
             this.Camera.left = this.Aspect * this.m_ViewHeight / -2;
             this.Camera.right = this.Aspect * this.m_ViewHeight / 2;
@@ -189,10 +190,10 @@ export class CameraUpdate
 
             this.Camera.position.sub(this.m_Direction);
         }
-        else if (this.Camera instanceof PerspectiveCamera)
+        else if (this.Camera instanceof THREE.PerspectiveCamera)
         {
             this.Camera.aspect = this.Aspect;
-            let distens = (this.m_ViewHeight / 2) / (Math.tan(MathUtils.degToRad(this.Camera.fov) / 2));
+            let distens = (this.m_ViewHeight / 2) / (Math.tan(THREE.Math.degToRad(this.Camera.fov) / 2));
 
             this.Camera.position.sub(this.m_Direction.clone().multiplyScalar(distens));
         }
@@ -208,13 +209,13 @@ export class CameraUpdate
 
     SwitchCamera()
     {
-        if (this.Camera instanceof OrthographicCamera)
+        if (this.Camera instanceof THREE.OrthographicCamera)
         {
-            this.m_CurCamera = this.m_CameraArray.get(PerspectiveCamera);
+            this.m_CurCamera = this.m_CameraArray.get(THREE.PerspectiveCamera);
         }
         else
         {
-            this.m_CurCamera = this.m_CameraArray.get(OrthographicCamera);
+            this.m_CurCamera = this.m_CameraArray.get(THREE.OrthographicCamera);
         }
         this.UpdateUp();
         this.Update();

src/Dimension.ts

@@ -5,6 +5,7 @@ import { MoveMatrix } from "./GeUtils";
 
 /**
  * 标注实体
+ * 
  * @export
  * @class Dimension
  * @extends {Group}
@@ -41,12 +42,12 @@ export class Dimension extends Group
         if (mirror)
         {
             let roMat = new Matrix4().makeRotationZ(Math.PI);
-            text.applyMatrix4(roMat);
+            text.applyMatrix(roMat);
-            text.applyMatrix4(MoveMatrix(new Vector3(length * 0.5, footLength - textHeight * 0.1)));
+            text.applyMatrix(MoveMatrix(new Vector3(length * 0.5, footLength - textHeight * 0.1)));
         }
         else
         {
-            text.applyMatrix4(MoveMatrix(new Vector3(length * 0.5, footLength * 1.1)));
+            text.applyMatrix(MoveMatrix(new Vector3(length * 0.5, footLength * 1.1)));
         }
 
 

src/DrawDimension.ts

@@ -1,12 +1,12 @@
-import { Box3, Matrix4, Mesh, Vector3 } from "three";
+import { Box3, Vector3, Matrix4, Mesh } from "three";
 import { Dimension, GetBoxArr } from ".";
 
 
 /**
  * 绘制标注实体
- *
+ * 
  * @export
- * @param {Box3} box
+ * @param {Box3} box 
  * @returns 标注实体列表
  */
 export function DrawDimension(brList: Mesh[]): Dimension[]
@@ -24,7 +24,7 @@ export function DrawDimension(brList: Mesh[]): Dimension[]
 
     let textHeight = 45;
     let dimx = new Dimension(size.x, textHeight, true);
-    dimx.applyMatrix4(mat4);
+    dimx.applyMatrix(mat4);
 
     let dimz = new Dimension(size.z, textHeight);
     mat4.makeBasis(
@@ -33,7 +33,7 @@ export function DrawDimension(brList: Mesh[]): Dimension[]
         new Vector3(0, -1, 0)
     )
     mat4.setPosition(box.max.clone().add(new Vector3(30, -size.y)));
-    dimz.applyMatrix4(mat4);
+    dimz.applyMatrix(mat4);
 
     let dimy = new Dimension(size.y, textHeight, true, true);
     mat4.makeBasis(
@@ -42,7 +42,7 @@ export function DrawDimension(brList: Mesh[]): Dimension[]
         new Vector3(0, 0, 1)
     )
     mat4.setPosition(box.max.clone().add(new Vector3(30, -size.y)));
-    dimy.applyMatrix4(mat4);
+    dimy.applyMatrix(mat4);
 
 
     return [dimx, dimy, dimz];

src/GeUtils.ts

@@ -1,15 +1,16 @@
-import { Geometry, Vector, Vector2, Vector3, Box3, Matrix4, Object3D, Line, Mesh } from 'three';
+import * as THREE from 'three';
+import { Geometry, Vector, Vector2, Vector3, Box3 } from 'three';
 import { Matrix2 } from './Matrix2';
 
 
-export const cZeroVec = new Vector3();
+export const cZeroVec = new THREE.Vector3();
-export const cXAxis = new Vector3(1, 0, 0);
+export const cXAxis = new THREE.Vector3(1, 0, 0);
-export const cYAxis = new Vector3(0, 1, 0);
+export const cYAxis = new THREE.Vector3(0, 1, 0);
-export const cZAxis = new Vector3(0, 0, 1);
+export const cZAxis = new THREE.Vector3(0, 0, 1);
 
 /**
  * 旋转一个点,旋转中心在原点
- *
+ * 
  * @export
  * @param {Vector3} pt 点
  * @param {number} ang 角度.
@@ -25,12 +26,6 @@ export function equaln(v1: number, v2: number, fuzz = 1e-3)
 {
     return Math.abs(v1 - v2) < fuzz;
 }
-
-export function equalv3(v1: Vector3, v2: Vector3, fuzz = 1e-8)
-{
-    return equaln(v1.x, v2.x, fuzz) && equaln(v1.y, v2.y, fuzz) && equaln(v1.z, v2.z, fuzz);
-}
-
 export function equal<T extends Vector>(v1: T, v2: T)
 {
     return v1.distanceToSquared(v2) < 1e-8;
@@ -55,13 +50,13 @@ export function fixAngle(an: number, fixAngle: number, fuzz: number = 0.1)
 
 /**
  * 按照极坐标的方式移动一个点
- *
+ * 
  * @export
- * @template
+ * @template 
  * @param {T} v 向量(2d,3d)
  * @param {number} an 角度
  * @param {number} dis 距离
- * @returns {T}
+ * @returns {T} 
  */
 export function polar<T extends Vector2 | Vector3>(v: T, an: number, dis: number): T
 {
@@ -81,22 +76,22 @@ export function angle(v: Vector3 | Vector2)
 
 /**
  * 求两个向量的夹角,顺时针为负,逆时针为正
- *
+ * 
- * @param {Vector3} v1
+ * @param {THREE.Vector3} v1 
- * @param {Vector3} v2
+ * @param {THREE.Vector3} v2 
- * @param {Vector3} [ref] 参考向量,如果为世界坐标系则为0,0,1
+ * @param {THREE.Vector3} [ref] 参考向量,如果为世界坐标系则为0,0,1
- * @returns
+ * @returns 
  */
-export function angleTo(v1: Vector3, v2: Vector3, ref: Vector3 = new Vector3(0, 0, 1))
+export function angleTo(v1: THREE.Vector3, v2: THREE.Vector3, ref: THREE.Vector3 = new THREE.Vector3(0, 0, 1))
 {
     if (!ref.equals(new Vector3(0, 0, 1)))
     {
         //任意轴坐标系. 使用相机的构造矩阵.
         ref.multiplyScalar(-1);
         let up = getLoocAtUpVec(ref);
-        let refOcs = new Matrix4();
+        let refOcs = new THREE.Matrix4();
         refOcs.lookAt(cZeroVec, ref, up);
-        let refOcsInv = new Matrix4().getInverse(refOcs);
+        let refOcsInv = new THREE.Matrix4().getInverse(refOcs);
         v1.applyMatrix4(refOcsInv);
         v2.applyMatrix4(refOcsInv);
         v1.z = 0;
@@ -108,7 +103,7 @@ export function angleTo(v1: Vector3, v2: Vector3, ref: Vector3 = new Vector3(0,
     return cv.z === 0 ? v1.angleTo(v2) : v1.angleTo(v2) * cv.z;
 }
 
-export function getLoocAtUpVec(dir: Vector3): Vector3
+export function getLoocAtUpVec(dir: THREE.Vector3): THREE.Vector3
 {
     if (dir.equals(cZeroVec))
     {
@@ -117,37 +112,37 @@ export function getLoocAtUpVec(dir: Vector3): Vector3
     let norm = dir.clone().normalize();
     if (norm.equals(cZAxis))
     {
-        return new Vector3(0, 1, 0);
+        return new THREE.Vector3(0, 1, 0);
     }
     else if (norm.equals(cZAxis.clone().negate()))
     {
-        return new Vector3(0, -1, 0);
+        return new THREE.Vector3(0, -1, 0);
     }
     else
     {
-        let xv: Vector3 = new Vector3();
+        let xv: THREE.Vector3 = new THREE.Vector3();
         xv.crossVectors(cZAxis, norm);
 
-        let up = new Vector3();
+        let up = new THREE.Vector3();
         up.crossVectors(norm, xv);
         return up;
     }
 }
 
-export function createLookAtMat4(dir: Vector3): Matrix4
+export function createLookAtMat4(dir: THREE.Vector3): THREE.Matrix4
 {
     let up = getLoocAtUpVec(dir);
-    let mat = new Matrix4();
+    let mat = new THREE.Matrix4();
     mat.lookAt(cZeroVec, dir, up);
     return mat;
 }
 
-export function isParallelTo(v1: Vector3, v2: Vector3)
+export function isParallelTo(v1: THREE.Vector3, v2: THREE.Vector3)
 {
     return v1.clone().cross(v2).lengthSq() < 1e-9;
 }
 
-export function ptToString(v: Vector3, fractionDigits: number = 3): string
+export function ptToString(v: THREE.Vector3, fractionDigits: number = 3): string
 {
     return v.toArray().map(o =>
     {
@@ -155,16 +150,16 @@ export function ptToString(v: Vector3, fractionDigits: number = 3): string
     }).join(",")
 }
 
-export function midPoint(v1: Vector3, v2: Vector3): Vector3
+export function midPoint(v1: THREE.Vector3, v2: THREE.Vector3): THREE.Vector3
 {
     return v1.clone().add(v2).multiplyScalar(0.5);
 }
-export function midPoint2(v1: Vector2, v2: Vector2): Vector2
+export function midPoint2(v1: THREE.Vector2, v2: THREE.Vector2): THREE.Vector2
 {
     return v1.clone().add(v2).multiplyScalar(0.5);
 }
 
-export function midPtCir(v1: Vector3, v2: Vector3)
+export function midPtCir(v1: THREE.Vector3, v2: THREE.Vector3)
 {
     let baseline = new Vector3(1, 0, 0);
     let outLine = v2.clone().sub(v1);
@@ -175,11 +170,11 @@ export function midPtCir(v1: Vector3, v2: Vector3)
 
 /**
  * 获得Three对象的包围盒.
- * @param obj
+ * @param obj 
  * @param [updateMatrix] 是否应该更新对象矩阵
- * @returns box
+ * @returns box 
  */
-export function GetBox(obj: Object3D, updateMatrix?: boolean): Box3
+export function GetBox(obj: THREE.Object3D, updateMatrix?: boolean): THREE.Box3
 {
     let box = new Box3();
     if (updateMatrix) obj.updateMatrixWorld(false);
@@ -204,7 +199,7 @@ export function GetBox(obj: Object3D, updateMatrix?: boolean): Box3
     return box;
 }
 
-export function GetBoxArr(arr: Array<Object3D>): Box3
+export function GetBoxArr(arr: Array<THREE.Object3D>): THREE.Box3
 {
     let box = new Box3();
     for (let o of arr)
@@ -216,9 +211,9 @@ export function GetBoxArr(arr: Array<Object3D>): Box3
     return box;
 }
 
-export function MoveMatrix(v: Vector3): Matrix4
+export function MoveMatrix(v: THREE.Vector3): THREE.Matrix4
 {
-    let mat = new Matrix4();
+    let mat = new THREE.Matrix4();
     mat.makeTranslation(v.x, v.y, v.z);
     return mat;
 }
@@ -270,9 +265,9 @@ export function angleAndX(v: Vector3 | Vector2)
 }
 /**
  * 将角度调整为0-2pi之间
- *
+ * 
  * @export
- * @param {number} an
+ * @param {number} an 
  */
 export function angleTo2Pi(an: number)
 {
@@ -280,9 +275,9 @@ export function angleTo2Pi(an: number)
     if (an < 0) an += Math.PI * 2
     return an;
 }
-export function updateGeometry(l: Line | Mesh, geometry: Geometry)
+export function updateGeometry(l: THREE.Line | THREE.Mesh, geometry: Geometry)
 {
-    let geo = l.geometry as Geometry;
+    let geo = l.geometry as THREE.Geometry;
     geo.dispose();
     l.geometry = geometry;
     geometry.verticesNeedUpdate = true;

src/Orbit.ts

@@ -1,9 +1,9 @@
-import { MathUtils, Vector3 } from "three";
+import * as THREE from "three";
 
 /**
  * 轨道控制的数学类,观察向量和角度的互相转换
  * 当x当抬头或者低头到90度时,触发万向锁.
- *
+ * 
  * @class Orbit
  */
 export class Orbit
@@ -20,19 +20,19 @@ export class Orbit
     }
     set RoX(v)
     {
-        this.m_RoX = MathUtils.clamp(v, Math.PI * -0.5, Math.PI * 0.5);
+        this.m_RoX = THREE.Math.clamp(v, Math.PI * -0.5, Math.PI * 0.5);
     }
 
     /**
      * 使用旋转角度 计算观察向量
-     *
+     * 
-     * @param {Vector3} [dir] 引用传入,如果传入,那么就不构造新的向量
+     * @param {THREE.Vector3} [dir] 引用传入,如果传入,那么就不构造新的向量
-     * @returns {Vector3} 返回观察向量
+     * @returns {THREE.Vector3} 返回观察向量
      * @memberof Orbit
      */
-    UpdateDirection(dir?: Vector3): Vector3
+    UpdateDirection(dir?: THREE.Vector3): THREE.Vector3
     {
-        let rtDir = dir ? dir : new Vector3();
+        let rtDir = dir ? dir : new THREE.Vector3();
 
         rtDir.z = Math.sin(this.m_RoX);
 
@@ -47,11 +47,11 @@ export class Orbit
 
     /**
      * 使用观察向量,计算旋转角度
-     *
+     * 
-     * @param {Vector3} dir
+     * @param {THREE.Vector3} dir 
      * @memberof Orbit
      */
-    UpdateRoValue(dir: Vector3)
+    UpdateRoValue(dir: THREE.Vector3)
     {
         dir.normalize();
         this.m_RoX = Math.asin(dir.z);
@@ -62,30 +62,30 @@ export class Orbit
     }
 
     /**
-     *
+     * 
      * 根据观察向量 求头部的向量.
-     *
+     * 
      * @static
-     * @param {Vector3} dir
+     * @param {THREE.Vector3} dir 
-     * @param {Vector3} [up]
+     * @param {THREE.Vector3} [up] 
-     * @returns {Vector3}
+     * @returns {THREE.Vector3} 
      * @memberof Orbit
      */
-    static ComputUpDirection(dir: Vector3, up?: Vector3): Vector3
+    static ComputUpDirection(dir: THREE.Vector3, up?: THREE.Vector3): THREE.Vector3
     {
-        let upRes = up ? up : new Vector3();
+        let upRes = up ? up : new THREE.Vector3();
-        if (dir.equals(new Vector3(0, 0, -1)))
+        if (dir.equals(new THREE.Vector3(0, 0, -1)))
         {
             upRes.set(0, 1, 0);
         }
-        else if (dir.equals(new Vector3(0, 0, 1)))
+        else if (dir.equals(new THREE.Vector3(0, 0, 1)))
         {
             upRes.set(0, -1, 0);
         }
         else
         {
-            let xv = new Vector3();
+            let xv = new THREE.Vector3();
-            xv.crossVectors(new Vector3(0, 0, 1), dir);
+            xv.crossVectors(new THREE.Vector3(0, 0, 1), dir);
             upRes.crossVectors(dir, xv);
             upRes.normalize();
         }

src/PlaneExt.ts

@@ -1,9 +1,9 @@
 import * as THREE from 'three';
-import { Vector3, Line3 } from "three";
+import { Vector3, Line3, Plane } from "three";
 
-export class PlaneExt extends THREE.Plane
+export class PlaneExt extends Plane
 {
-    constructor(normal?: THREE.Vector3, constant?: number)
+    constructor(normal?: Vector3, constant?: number)
     {
         super(normal, constant);
     }

src/Text.ts

@@ -1,4 +1,4 @@
-import { Font, FontLoader, Mesh, ShapeGeometry, Vector3 } from "three";
+import { Font, FontLoader, Mesh, ShapeGeometry, Vector3, Shape } from "three";
 import { ColorMaterial } from "./ColorPalette";
 import { MoveMatrix } from "./GeUtils";
 
@@ -30,7 +30,7 @@ export class DbText extends Mesh
   {
     let font = FontLoaderUtil.Load();
 
-    let shapes: THREE.Shape[] = font.generateShapes(str, height);
+    let shapes: Shape[] = font.generateShapes(str, height, 0.1);
     let geometry = new ShapeGeometry(shapes);
 
     geometry.computeBoundingBox();
@@ -38,6 +38,6 @@ export class DbText extends Mesh
     super(geometry, ColorMaterial.GetBasicMaterial(5));
 
     let center = geometry.boundingBox.getCenter(new Vector3());
-    this.applyMatrix4(MoveMatrix(new Vector3(-center.x, 0, 0)));
+    this.applyMatrix(MoveMatrix(new Vector3(-center.x, 0, 0)));
   }
 }

src/ThreeCSG.ts

@@ -71,8 +71,32 @@ export class ThreeBSP
                 vertex = new Vertex(vertex.x, vertex.y, vertex.z, face.vertexNormals[2], uvs);
                 vertex.applyMatrix4(this.matrix);
                 polygon.vertices.push(vertex);
-            }
+            } else if (typeof THREE.Face4)
-            else
+            {
+                vertex = geometry.vertices[face.a];
+                uvs = faceVertexUvs ? new THREE.Vector2(faceVertexUvs[0].x, faceVertexUvs[0].y) : null;
+                vertex = new Vertex(vertex.x, vertex.y, vertex.z, face.vertexNormals[0], uvs);
+                vertex.applyMatrix4(this.matrix);
+                polygon.vertices.push(vertex);
+
+                vertex = geometry.vertices[face.b];
+                uvs = faceVertexUvs ? new THREE.Vector2(faceVertexUvs[1].x, faceVertexUvs[1].y) : null;
+                vertex = new Vertex(vertex.x, vertex.y, vertex.z, face.vertexNormals[1], uvs);
+                vertex.applyMatrix4(this.matrix);
+                polygon.vertices.push(vertex);
+
+                vertex = geometry.vertices[face.c];
+                uvs = faceVertexUvs ? new THREE.Vector2(faceVertexUvs[2].x, faceVertexUvs[2].y) : null;
+                vertex = new Vertex(vertex.x, vertex.y, vertex.z, face.vertexNormals[2], uvs);
+                vertex.applyMatrix4(this.matrix);
+                polygon.vertices.push(vertex);
+
+                vertex = geometry.vertices[face.d];
+                uvs = faceVertexUvs ? new THREE.Vector2(faceVertexUvs[3].x, faceVertexUvs[3].y) : null;
+                vertex = new Vertex(vertex.x, vertex.y, vertex.z, face.vertexNormals[3], uvs);
+                vertex.applyMatrix4(this.matrix);
+                polygon.vertices.push(vertex);
+            } else
             {
                 throw 'Invalid face type at index ' + i;
             }

src/Utils.ts

@@ -1,5 +1,5 @@
-import { Object3D } from "three";
+import { Object3D, Mesh } from "three";
-import { createTemplateBoard, DrawDimension, Viewer } from ".";
+import { createTemplateBoard, DrawDimension, Viewer, selectMaterial } from ".";
 
 function dispose(m: Object3D)
 {
@@ -21,7 +21,8 @@ export function LoadBoard(view: Viewer, data: any[], clear: boolean = true)
 
     if (data.length === 0) return;
     //加板
-    let { meshs, edgesa } = createTemplateBoard(data);
+    let { meshs, edgesa, relations } = createTemplateBoard(data);
+
     //加标注
     let dims = DrawDimension(meshs);
 
@@ -32,4 +33,6 @@ export function LoadBoard(view: Viewer, data: any[], clear: boolean = true)
     view.ViewToSwiso();
     view.ZoomAll();
     view.Zoom(1.1);
+
+    return relations;
 }

src/ViewSrc/data.json

@@ -1,444 +0,0 @@
-[
-    {
-        "L": 4408.678960586129,
-        "W": 4408.678960586129,
-        "H": 18,
-        "CabName": "主卧",
-        "BoardName": "",
-        "BasePoint": {
-            "x": -82.91743119266054,
-            "y": 73.39449541284404,
-            "z": 0
-        },
-        "XVec": {
-            "x": 0,
-            "y": 1,
-            "z": 0
-        },
-        "YVec": {
-            "x": 0,
-            "y": 0,
-            "z": 1
-        },
-        "ZVec": {
-            "x": 1,
-            "y": 0,
-            "z": 0
-        },
-        "Grain": 0,
-        "Pts": [
-            {
-                "x": 4408.678960586129,
-                "y": 2204.3394802930643
-            },
-            {
-                "x": 0,
-                "y": 2204.3394802930648
-            },
-            {
-                "x": 4408.678960586129,
-                "y": 2204.3394802930643
-            }
-        ],
-        "Buls": [
-            -0.9999999999999999,
-            -0.9999999999999999,
-            0
-        ],
-        "SubBoardLocal": [
-            {
-                "L": 633.2307692307686,
-                "W": 633.2307692307686,
-                "H": 5,
-                "CabName": "",
-                "BoardName": "",
-                "BasePoint": {
-                    "x": -95.91743119266054,
-                    "y": 2910.9647449366785,
-                    "z": 1405.2625572161414
-                },
-                "XVec": {
-                    "x": 0,
-                    "y": 1,
-                    "z": 0
-                },
-                "YVec": {
-                    "x": 0,
-                    "y": 0,
-                    "z": 1
-                },
-                "ZVec": {
-                    "x": 1,
-                    "y": 0,
-                    "z": 0
-                },
-                "Grain": 0,
-                "Pts": [
-                    {
-                        "x": 633.2307692307686,
-                        "y": 316.6153846153843
-                    },
-                    {
-                        "x": 0,
-                        "y": 316.61538461538436
-                    },
-                    {
-                        "x": 633.2307692307686,
-                        "y": 316.6153846153843
-                    }
-                ],
-                "Buls": [
-                    -0.9999999999999999,
-                    -0.9999999999999999,
-                    0
-                ],
-                "SubBoardLocal": [],
-                "SubBoardAssoc": null,
-                "Drillings": null
-            },
-            {
-                "L": 557.8461538461524,
-                "W": 557.8461538461524,
-                "H": 5,
-                "CabName": "",
-                "BoardName": "",
-                "BasePoint": {
-                    "x": -82.91743119266054,
-                    "y": 3016.50320647514,
-                    "z": 2257.1087110622957
-                },
-                "XVec": {
-                    "x": 0,
-                    "y": 1,
-                    "z": 0
-                },
-                "YVec": {
-                    "x": 0,
-                    "y": 0,
-                    "z": 1
-                },
-                "ZVec": {
-                    "x": 1,
-                    "y": 0,
-                    "z": 0
-                },
-                "Grain": 0,
-                "Pts": [
-                    {
-                        "x": 557.8461538461524,
-                        "y": 278.9230769230762
-                    },
-                    {
-                        "x": 0,
-                        "y": 278.9230769230763
-                    },
-                    {
-                        "x": 557.8461538461524,
-                        "y": 278.9230769230762
-                    }
-                ],
-                "Buls": [
-                    -0.9999999999999999,
-                    -0.9999999999999999,
-                    0
-                ],
-                "SubBoardLocal": [],
-                "SubBoardAssoc": null,
-                "Drillings": null
-            },
-            {
-                "L": 444.76923076923117,
-                "W": 686,
-                "H": 5,
-                "CabName": "",
-                "BoardName": "",
-                "BasePoint": {
-                    "x": -95.91743119266054,
-                    "y": 1689.7339757059085,
-                    "z": 1556.0317879853721
-                },
-                "XVec": {
-                    "x": 0,
-                    "y": 1,
-                    "z": 0
-                },
-                "YVec": {
-                    "x": 0,
-                    "y": 0,
-                    "z": 1
-                },
-                "ZVec": {
-                    "x": 1,
-                    "y": 0,
-                    "z": 0
-                },
-                "Grain": 0,
-                "Pts": [
-                    {
-                        "x": 0,
-                        "y": 0
-                    },
-                    {
-                        "x": 686,
-                        "y": 0
-                    },
-                    {
-                        "x": 686,
-                        "y": 444.76923076923117
-                    },
-                    {
-                        "x": 0,
-                        "y": 444.76923076923117
-                    },
-                    {
-                        "x": 0,
-                        "y": 0
-                    }
-                ],
-                "Buls": [
-                    0,
-                    0,
-                    0,
-                    0,
-                    0
-                ],
-                "SubBoardLocal": [],
-                "SubBoardAssoc": null,
-                "Drillings": null
-            },
-            {
-                "L": 625.6923076923076,
-                "W": 1349.3846153846157,
-                "H": 5,
-                "CabName": "",
-                "BoardName": "",
-                "BasePoint": {
-                    "x": -82.91743119266054,
-                    "y": 1177.1185910905238,
-                    "z": 2626.493326446911
-                },
-                "XVec": {
-                    "x": 0,
-                    "y": 1,
-                    "z": 0
-                },
-                "YVec": {
-                    "x": 0,
-                    "y": 0,
-                    "z": 1
-                },
-                "ZVec": {
-                    "x": 1,
-                    "y": 0,
-                    "z": 0
-                },
-                "Grain": 0,
-                "Pts": [
-                    {
-                        "x": 0,
-                        "y": 0
-                    },
-                    {
-                        "x": 1349.3846153846157,
-                        "y": 0
-                    },
-                    {
-                        "x": 1349.3846153846157,
-                        "y": 625.6923076923076
-                    },
-                    {
-                        "x": 0,
-                        "y": 625.6923076923076
-                    },
-                    {
-                        "x": 0,
-                        "y": 0
-                    }
-                ],
-                "Buls": [
-                    0,
-                    0,
-                    0,
-                    0,
-                    0
-                ],
-                "SubBoardLocal": [],
-                "SubBoardAssoc": null,
-                "Drillings": null
-            }
-        ],
-        "SubBoardAssoc": null,
-        "Drillings": null
-    },
-    {
-        "L": 2000,
-        "W": 600,
-        "H": 18,
-        "CabName": "主卧",
-        "BoardName": "",
-        "BasePoint": {
-            "x": 1099.0825688073396,
-            "y": 73.39449541284404,
-            "z": 0
-        },
-        "XVec": {
-            "x": 0,
-            "y": 1,
-            "z": 0
-        },
-        "YVec": {
-            "x": 0,
-            "y": 0,
-            "z": 1
-        },
-        "ZVec": {
-            "x": 1,
-            "y": 0,
-            "z": 0
-        },
-        "Grain": 0,
-        "Pts": [
-            {
-                "x": 0,
-                "y": 0
-            },
-            {
-                "x": 600,
-                "y": 0
-            },
-            {
-                "x": 600,
-                "y": 2000
-            },
-            {
-                "x": 0,
-                "y": 2000
-            },
-            {
-                "x": 0,
-                "y": 0
-            }
-        ],
-        "Buls": [
-            0,
-            0,
-            0,
-            0,
-            0
-        ],
-        "SubBoardLocal": [
-            {
-                "L": 144.00000000000023,
-                "W": 170.42201834862385,
-                "H": 5,
-                "CabName": "",
-                "BoardName": "",
-                "BasePoint": {
-                    "x": 1099.0825688073396,
-                    "y": 288.2935779816515,
-                    "z": 1001.247706422018
-                },
-                "XVec": {
-                    "x": 0,
-                    "y": 1,
-                    "z": 0
-                },
-                "YVec": {
-                    "x": 0,
-                    "y": 0,
-                    "z": 1
-                },
-                "ZVec": {
-                    "x": 1,
-                    "y": 0,
-                    "z": 0
-                },
-                "Grain": 0,
-                "Pts": [
-                    {
-                        "x": 0,
-                        "y": 0
-                    },
-                    {
-                        "x": 170.42201834862385,
-                        "y": 0
-                    },
-                    {
-                        "x": 170.42201834862385,
-                        "y": 144.00000000000023
-                    },
-                    {
-                        "x": 0,
-                        "y": 144.00000000000023
-                    },
-                    {
-                        "x": 0,
-                        "y": 0
-                    }
-                ],
-                "Buls": [
-                    0,
-                    0,
-                    0,
-                    0,
-                    0
-                ],
-                "SubBoardLocal": [],
-                "SubBoardAssoc": null,
-                "Drillings": null
-            },
-            {
-                "L": 189.0974955047293,
-                "W": 189.0974955047293,
-                "H": 18,
-                "CabName": "",
-                "BoardName": "",
-                "BasePoint": {
-                    "x": 1099.0825688073396,
-                    "y": 234.6989586696538,
-                    "z": 1267.3595091283692
-                },
-                "XVec": {
-                    "x": 0,
-                    "y": 1,
-                    "z": 0
-                },
-                "YVec": {
-                    "x": 0,
-                    "y": 0,
-                    "z": 1
-                },
-                "ZVec": {
-                    "x": 1,
-                    "y": 0,
-                    "z": 0
-                },
-                "Grain": 0,
-                "Pts": [
-                    {
-                        "x": 189.0974955047293,
-                        "y": 94.54874775236476
-                    },
-                    {
-                        "x": -1.4210854715202004e-14,
-                        "y": 94.54874775236478
-                    },
-                    {
-                        "x": 189.0974955047293,
-                        "y": 94.54874775236476
-                    }
-                ],
-                "Buls": [
-                    -0.9999999999999999,
-                    -0.9999999999999999,
-                    0
-                ],
-                "SubBoardLocal": [],
-                "SubBoardAssoc": null,
-                "Drillings": null
-            }
-        ],
-        "SubBoardAssoc": null,
-        "Drillings": null
-    }
-]

src/ViewSrc/index.html

@@ -1,14 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>WebCAD</title>
-</head>
-
-<body>
-</body>
-
-</html>

src/ViewSrc/index.ts

@@ -2,20 +2,21 @@
 // import "./style.css";
 import { Vector3 } from "three";
 import { CameraControlState } from "../CameraControls";
+import { data } from "../data";
 import { GetBox } from "../GeUtils";
 import { LoadBoard } from "../Utils";
 import { Viewer } from "../Viewer";
 
 let btn = document.createElement("button");
-btn.innerHTML = "载入";
+btn.innerHTML = "载入"
 document.body.appendChild(btn);
 
 let btn2 = document.createElement("button");
-btn2.innerHTML = "清理";
+btn2.innerHTML = "清理"
 document.body.appendChild(btn2);
 
 let btn3 = document.createElement("button");
-btn3.innerHTML = "爆炸图";
+btn3.innerHTML = "爆炸图"
 document.body.appendChild(btn3);
 
 let el = document.createElement("canvas");
@@ -35,16 +36,15 @@ view.m_CameraCtrl.m_TouthTypeList = [CameraControlState.Pan, CameraControlState.
 btn.onclick = () =>
 {
     console.time();
-    let data = require("./data.json");
     for (let i = 0; i < 1; i++)
         LoadBoard(view, data);
     console.timeEnd();
-};
+}
 
 btn2.onclick = () =>
 {
     // LoadBoard(view, []);
-};
+}
 
 btn3.onclick = () =>
 {
@@ -91,5 +91,5 @@ btn3.onclick = () =>
 
         if (count === 60)
             clearInterval(t);
-    }, 16);
+    }, 16)
-};
+}

src/ViewSrc/style.css

@@ -1,12 +0,0 @@
-body {
-    font-size: 11px;
-    overflow: hidden;
-}
-
-html,
-body {
-    background: #5C7080;
-    height: 100%;
-    padding: 0;
-    margin: 0;
-}

src/Viewer.ts

@@ -37,18 +37,9 @@ export class Viewer
       this.OnSize();
     });
 
-    let oldMesh: Mesh;
     this.m_Render.domElement.addEventListener("mousemove", (e: MouseEvent) =>
     {
-      let mesh = PointPick(this, e.offsetX, e.offsetY);
+      this.SelectByPoint(e.offsetX, e.offsetY);
-      if (oldMesh)
-        oldMesh.material = boardMaterial;
-      if (mesh && mesh.material !== ColorMaterial.GetBasicMaterial(1))
-      {
-        oldMesh = mesh;
-        mesh.material = selectMaterial;
-      }
-      this.m_bNeedUpdate = true;
     })
   }
 
@@ -196,4 +187,40 @@ export class Viewer
     this.m_Camera.LookAt(new Vector3(1, 1, -1));
     this.m_bNeedUpdate = true;
   }
+
+  oldMesh: Mesh;
+  SelectByPoint(x: number, y: number)
+  {
+    let mesh = PointPick(this, x, y);
+    if (this.oldMesh)
+      this.oldMesh.material = boardMaterial;
+    if (mesh && mesh.material !== ColorMaterial.GetBasicMaterial(1))
+    {
+      this.oldMesh = mesh;
+      mesh.material = selectMaterial;
+    }
+    this.m_bNeedUpdate = true;
+  }
+  SelectBlock(blockMeshMap: Map<number, number>, dataID: number)
+  {
+    if (blockMeshMap.has(dataID))
+    {
+      let meshId = blockMeshMap.get(dataID);
+      if (this.oldMesh)
+        this.oldMesh.material = boardMaterial;
+      this.m_Scene.children.forEach(obj =>
+      {
+        if (obj instanceof Mesh)
+        {
+          if (obj.id == meshId)
+          {
+            this.oldMesh = obj;
+            obj.material = selectMaterial;
+            this.m_bNeedUpdate = true;
+          }
+        }
+
+      })
+    }
+  }
 }

src/createBoard.ts

@@ -1,23 +1,25 @@
-import { CylinderGeometry, EdgesGeometry, Geometry, LineSegments, Matrix4, Mesh, Shape, Vector2, Vector3 } from 'three';
+import * as THREE from 'three';
-import { boardUVGenerator2, ExtrudeSolid, Polyline } from 'webcad_ue4_api';
+import { CylinderGeometry, Geometry, LineSegments, Mesh, Shape, Vector2 } from 'three';
 import { ColorMaterial } from './ColorPalette';
 import { polar } from './GeUtils';
 import { boardMaterial, edgeMaterial } from './Material';
+import { RotateUVs } from './RotateUV';
+import { ThreeBSP } from './ThreeCSG';
 //解析二维圆弧类.
 export class Arc2d
 {
     m_StartAn: number;
     m_EndAn: number;
-    m_StartPoint: Vector2;
+    m_StartPoint: THREE.Vector2;
-    m_EndPoint: Vector2;
+    m_EndPoint: THREE.Vector2;
-    m_Center: Vector2;
+    m_Center: THREE.Vector2;
     m_Radius: number;
-    constructor(p1: Vector2, p2: Vector2, bul: number)
+    constructor(p1: THREE.Vector2, p2: THREE.Vector2, bul: number)
     {
         this.m_StartPoint = p1.clone();
         this.m_EndPoint = p2.clone();
 
-        let vec: Vector2 = p2.clone().sub(p1);
+        let vec: THREE.Vector2 = p2.clone().sub(p1);
         let len = vec.length();
         let an = vec.angle();
         this.m_Radius = len / Math.sin(2 * Math.atan(bul)) / 2;
@@ -42,7 +44,7 @@ export class Arc2d
     }
 }
 
-//创建轮廓 通过点表和凸度
+//创建轮廓 通过点表和凸度    
 export function createPath(pts: Vector2[], buls: number[], shapeOut?: Shape): Shape
 {
     let shape = shapeOut || new Shape();
@@ -55,7 +57,7 @@ export function createPath(pts: Vector2[], buls: number[], shapeOut?: Shape): Sh
         let nextPt = pts[i + 1];
         if (buls[i] == 0)
         {
-            shape.lineTo(nextPt.x, nextPt.y);
+            shape.lineTo(nextPt.x, nextPt.y)
         }
         else
         {
@@ -70,32 +72,32 @@ export function createPath(pts: Vector2[], buls: number[], shapeOut?: Shape): Sh
     }
     return shape;
 }
-export function getVec(data: object): Vector3
+export function getVec(data: object): THREE.Vector3
 {
-    return new Vector3(data["x"], data["y"], data["z"]);
+    return new THREE.Vector3(data["x"], data["y"], data["z"]);
 }
 
-function Conver2Ext(boardData: object): ExtrudeSolid
+//创建板件 暂时这么写
+export function createBoard(boardData: object)
 {
-    let pts: Vector2[] = [];
+    let pts: THREE.Vector2[] = [];
     let buls: number[] = [];
     let boardPts = boardData["Pts"];
     let boardBuls = boardData["Buls"];
 
     let boardHeight = boardData["H"];
 
-    let boardMat = new Matrix4();
+    let boardMat = new THREE.Matrix4();
-    let matInv: Matrix4 = new Matrix4();
+    let matInv: THREE.Matrix4 = new THREE.Matrix4();
     //InitBoardMat
     let xD = getVec(boardData["XVec"]);
     let yD = getVec(boardData["YVec"]);
     let ZD = getVec(boardData["ZVec"]);
     let pBase = getVec(boardData["BasePoint"]);
-    pBase.add(ZD.clone().multiplyScalar(-boardHeight));
 
     boardMat.makeBasis(xD, yD, ZD);
     boardMat.setPosition(pBase);
-    matInv.getInverse(boardMat);
+    matInv.getInverse(boardMat, true);
 
     if (boardPts && boardPts.length !== 0)
         for (let i = 0; i < boardPts.length; i++)
@@ -103,13 +105,14 @@ function Conver2Ext(boardData: object): ExtrudeSolid
             let pt = getVec(boardPts[i]);
             if (boardPts[i].z !== undefined)
                 pt.applyMatrix4(matInv);
-            pts.push(new Vector2(pt.x, pt.y));
+            pts.push(new THREE.Vector2(pt.x, pt.y));
             buls.push(boardBuls[i]);
         }
     else
     {
         let length = boardData["L"];
         let width = boardData["W"];
+        let height = boardData["H"];
         pts.push(new Vector2(0, 0),
             new Vector2(width, 0),
             new Vector2(width, length),
@@ -119,66 +122,72 @@ function Conver2Ext(boardData: object): ExtrudeSolid
         buls.push(0, 0, 0, 0, 0);
     }
 
-    let ext = new ExtrudeSolid();
+    let sp = createPath(pts, buls);
-    ext.OCSNoClone.copy(boardMat);
+    let extrudeSettings = {
-    let pl = new Polyline(pts.map((p, i) => { return { pt: p, bul: buls[i] }; }));
+        steps: 1,
-    ext.Thickness = boardHeight;
+        bevelEnabled: false,
-    ext.ContourCurve = pl;
+        amount: boardHeight
+    };
 
-    if (checkObjectArray(boardData, "SubBoardLocal"))
+    let ext = new THREE.ExtrudeGeometry(sp, extrudeSettings) as Geometry;
-        ext.Grooves.push(...boardData["SubBoardLocal"].map(Conver2Ext));
+    ext.computeBoundingSphere();
-    return ext;
+    ext.computeBoundingBox();
-}
+    ext.translate(0, 0, -boardHeight)
+    ext.applyMatrix(boardMat);
 
-//创建板件 暂时这么写
+    //外边.
-export function createBoard(boardData: object)
+    let edges: (LineSegments | Mesh)[] = [createEdge(ext)];
-{
-    let ext = Conver2Ext(boardData);
-    if (boardData["BoardName"] === "地脚线")
-        Object.defineProperty(ext, "UCGenerator",
-            {
-                get: function ()
-                {
-                    return boardUVGenerator2;
-                },
-            });
 
-    //板件被镜像时.
+    //差集
-    // if (!equalv3(xD.clone().cross(yD), ZD))
+    if (checkObjectArray(boardData, "SubBoardLocal")
-    // {
+        || checkObjectArray(boardData, "Drillings"))
-    //     for (let f of ext.faces)
-    //         [f.a, f.c] = [f.c, f.a];
-    // }
-
-    //边
-    let edges: (LineSegments | Mesh)[] = [new LineSegments(ext.EdgeGeometry, edgeMaterial)];
-    edges[0].applyMatrix4(ext.OCSNoClone);
-
-    if (checkObjectArray(boardData, "Drillings"))
     {
-        let dris = boardData["Drillings"];
+        let thisCsg = new ThreeBSP(ext);
-        for (let dri of dris)
+
+        if (boardData["SubBoardLocal"])
         {
-            let geo = new CylinderGeometry(dri.r, dri.r, dri.h, 8);
+            let subBoardList = boardData["SubBoardLocal"].map(d => createBoard(d));
-            geo.rotateX(Math.PI * 0.5);
+            for (let br of subBoardList)
-
+            {
-            if (dri.f === 0) //0正
+                edges.push(...br.edges);
-                geo.translate(dri.x, dri.y, -dri.h * 0.5 + boardData["H"]);
+                let subCsg = new ThreeBSP(br.mesh);
-            else             //1反
+                thisCsg = thisCsg.subtract(subCsg);
-                geo.translate(dri.x, dri.y, dri.h * 0.5);
+            }
-
-            geo.applyMatrix4(ext.OCSNoClone);
-
-            let mesh = new Mesh(geo, ColorMaterial.GetBasicMaterial(1));
-            edges.push(mesh);
         }
+        if (boardData["Drillings"])
+        {
+            let dris = boardData["Drillings"];
+            for (let dri of dris)
+            {
+                let geo = new CylinderGeometry(dri.r, dri.r, dri.h, 8);
+                geo.rotateX(Math.PI * 0.5);
+
+                if (dri.f === 0) //0正
+                    geo.translate(dri.x, dri.y, -dri.h * 0.5);
+                else             //1反
+                    geo.translate(dri.x, dri.y, dri.h * 0.5 - boardData["H"]);
+
+                geo.applyMatrix(boardMat);
+
+                let mesh = new Mesh(geo, ColorMaterial.GetBasicMaterial(1));
+                edges.push(mesh);
+                // let edge = createEdge(geo);
+                // edge.material = new LineBasicMaterial({ color: new Color(1, 0, 0) });
+                // edges.push(edge);
+
+                // let subCsg = new ThreeBSP(geo);
+                // thisCsg = thisCsg.subtract(subCsg);
+            }
+        }
+        ext = thisCsg.toGeometry();
     }
 
-    let mesh = new Mesh(ext.MeshGeometry, boardMaterial);
+    if (boardData["BoardName"] === "地脚线")
-    mesh.userData = ext.Normal;
+        RotateUVs(ext);
-    edges.forEach(e => e.userData = ext.Normal);
+
-    mesh.applyMatrix4(ext.OCSNoClone);
+    let mesh = new THREE.Mesh(ext, boardMaterial);
-    mesh.updateWorldMatrix(false, true);
+    mesh.userData = ZD;
+    edges.forEach(e => e.userData = ZD);
     return { mesh, edges };
 }
 
@@ -191,17 +200,28 @@ export function createTemplateBoard(brDataList: any[])
 {
     let meshs = [];
     let edgesa = [];
+
+    let relations = {
+        blockMeshMap: new Map<number, number>(),
+        meshBlockMap: new Map<number, number>()
+    };
     for (let d of brDataList)
     {
         let { mesh, edges } = createBoard(d);
         meshs.push(mesh);
         edgesa.push(...edges);
+
+        if (d['DataID'])
+        {
+            relations.blockMeshMap.set(d['DataID'], mesh.id);
+            relations.meshBlockMap.set(mesh.id, d['DataID']);
+        }
     }
-    return { meshs, edgesa };
+    return { meshs, edgesa, relations };
 }
 
 export function createEdge(geo: Geometry): LineSegments
 {
-    let edge = new EdgesGeometry(geo, 1);
+    let edge = new THREE.EdgesGeometry(geo, 1);
     return new LineSegments(edge, edgeMaterial);
 }

tsconfig.json

@@ -1,13 +1,10 @@
 {
+    "compileOnSave": true,
     "compilerOptions": {
-        "outDir": "./dist",
         "sourceMap": true,
-        "module": "commonjs",
+        "declaration": true,
-        "target": "es2020",
+        "outDir": "./dist",
-        "noLib": false,
+        "target": "es5",
-        "moduleResolution": "node",
-        "skipLibCheck": true,
-        "esModuleInterop": true,
         "lib": [
             "esnext",
             "dom"
@@ -15,13 +12,13 @@
         "types": [
             "node",
             "webpack-env",
-            "webpack-dev-server",
+            "webpack-dev-server"
         ],
-        "jsx": "react",
+        "module": "commonjs",
         "experimentalDecorators": true
     },
     "include": [
         "./src/**/*",
-        "./config/**/*"
+        // "./config/**/*"
     ]
 }

utils/copy_type.ts

@@ -96,7 +96,7 @@ downloadTypes({
     urlPath: "https://gitee.com/BearCAD/DefinitelyType2/raw/master/three/",
     files: [
         // "index.d.ts",
-        // "three-core.d.ts",
+        "three-core.d.ts",
         // "three-outlinepass.d.ts",
         // "three-smaapass.d.ts"
     ]

utils/rmtype.ts

@@ -1,7 +0,0 @@
-import fs from "fs";
-
-fs.rmdir(".\\node_modules\\@types\\webpack-merge\\node_modules\\webpack", { recursive: true }, (err) =>
-{
-    console.log("删除webpack目录");
-    if (err) console.log(err);
-});