build-dxf 0.1.15 → 0.1.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "build-dxf",
-  "version": "0.1.15",
+  "version": "0.1.16",
   "description": "线段构建双线墙壁的dxf版本",
   "main": "./src/index.js",
   "types": "./src/index.d.ts",

package/src/DomEventRegister.js

@@ -0,0 +1,472 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import * as THREE from "three";
+import { Vector2 } from "three";
+import { CSS3DObject, CSS3DSprite, CSS3DRenderer } from "three/addons/renderers/CSS3DRenderer.js";
+import { CSS2DObject, CSS2DRenderer } from "three/addons/renderers/CSS2DRenderer.js";
+import { OrbitControls } from "three/addons/controls/OrbitControls.js";
+import * as TWEEN from "@tweenjs/tween.js";
+import { C as Component, a as Point, V as Variable } from "./build.js";
+class DomContainer extends Component {
+  static name = "DomContainer";
+  domElement = document.createElement("div");
+  canvas = document.createElement("canvas");
+  html2DRenderer = document.createElement("div");
+  html3DRenderer = document.createElement("div");
+  constructor() {
+    super();
+    this.domElement.id = "build-dxf-container";
+    this.domElement.appendChild(this.canvas);
+    this.domElement.appendChild(this.html3DRenderer);
+    this.domElement.appendChild(this.html2DRenderer);
+    Object.assign(this.domElement.style, {
+      width: "100%",
+      height: "100%",
+      position: "relative",
+      userSelect: "none"
+    });
+    Object.assign(this.html3DRenderer.style, {
+      position: "absolute",
+      left: 0,
+      top: 0,
+      // zIndex: 9,
+      width: "100%",
+      height: "100%"
+    });
+    Object.assign(this.html2DRenderer.style, {
+      position: "absolute",
+      left: 0,
+      top: 0,
+      // zIndex: 10,
+      width: "100%",
+      height: "100%"
+    });
+  }
+}
+const circlePng = "data:image/png;base64,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";
+THREE.Object3D.DEFAULT_UP = new THREE.Vector3(0, 0, 1);
+const circleTexture = new THREE.TextureLoader().load(circlePng);
+const _Renderer = class _Renderer extends Component {
+  scene;
+  camera;
+  renderer;
+  orbitControls;
+  resizeObserver;
+  description;
+  html2DRenderer;
+  html3DRenderer;
+  container = new THREE.Group();
+  container2 = new THREE.Group();
+  onUpdate;
+  onResize;
+  width = 0;
+  height = 0;
+  tweenTaskList = [];
+  constructor(description) {
+    super();
+    this.description = description;
+    const {
+      scene = new THREE.Scene(),
+      camera = new THREE.PerspectiveCamera(45, 1, 0.01, 1e3)
+    } = description;
+    this.camera = camera;
+    this.scene = scene;
+    scene.add(this.container);
+    scene.add(this.container2);
+    this.renderer = new THREE.WebGLRenderer({
+      canvas: this.description.canvas,
+      antialias: true
+    });
+    this.renderer.setPixelRatio(window.devicePixelRatio);
+    if (description.htmlRenderer) {
+      if (description.htmlRenderer["2d"]) {
+        this.html2DRenderer = new CSS2DRenderer();
+        Object.assign(this.html2DRenderer.domElement.style, { position: "absolute", left: "0px", top: "0px" });
+        description.htmlRenderer["2d"].appendChild(this.html2DRenderer.domElement);
+      }
+      if (description.htmlRenderer["3d"]) {
+        this.html3DRenderer = new CSS3DRenderer();
+        Object.assign(this.html3DRenderer.domElement.style, { position: "absolute", left: "0px", top: "0px" });
+        description.htmlRenderer["3d"].appendChild(this.html3DRenderer.domElement);
+      }
+    }
+    if (description.orbitControls) {
+      this.orbitControls = new OrbitControls(this.camera, description.orbitControls.domElement);
+      Object.assign(this.orbitControls, description.orbitControls);
+    }
+    if (this.description.resizeObserver) {
+      const dom = this.description.resizeObserver;
+      this.resizeObserver = new ResizeObserver(() => {
+        const camera2 = this.camera;
+        const { width, height } = dom.getBoundingClientRect();
+        this.renderer.setSize(width, height);
+        if (this.html2DRenderer) this.html2DRenderer.setSize(width, height);
+        if (this.html3DRenderer) this.html3DRenderer.setSize(width, height);
+        if (this.orbitControls) {
+          if (camera2 instanceof THREE.PerspectiveCamera) {
+            camera2.aspect = width / height;
+          } else if (camera2 instanceof THREE.OrthographicCamera) {
+            camera2.left = -width * 0.5;
+            camera2.right = width * 0.5;
+            camera2.top = height * 0.5;
+            camera2.bottom = -height * 0.5;
+          }
+          camera2.updateProjectionMatrix();
+        }
+        this.width = width;
+        this.height = height;
+        this.onResize && this.onResize(width, height);
+        this.dispatchEvent({ type: "resize", width, height });
+      });
+      this.resizeObserver.observe(dom);
+    }
+    this.renderer.setAnimationLoop(() => {
+      if (this.html2DRenderer) this.html2DRenderer.render(this.scene, this.camera);
+      if (this.html3DRenderer) this.html3DRenderer.render(this.scene, this.camera);
+      this.render();
+      if (this.orbitControls && this.orbitControls.enabled) this.orbitControls.update();
+      this.tweenTaskList.forEach((tween) => tween.update());
+      this.onUpdate && this.onUpdate();
+      this.parent?.components.forEach((c) => c.dispatchEvent({ type: "update" }));
+    });
+    this.scene.add(new THREE.AmbientLight(16777215, 0.5));
+    this.scene.background = new THREE.Color(3355443);
+    const directLight = new THREE.DirectionalLight(16777215, 4);
+    directLight.position.set(100, -100, 100);
+    this.scene.add(directLight);
+  }
+  render() {
+    this.renderer.render(this.scene, this.camera);
+  }
+  /**
+   * 世界坐标转屏幕坐标
+   * @param worldPosition 
+   * @param camera 
+   * @param renderer 
+   * @returns 
+   */
+  worldToScreenPosition(worldPosition) {
+    const vector = new THREE.Vector3();
+    vector.copy(worldPosition);
+    vector.project(this.camera);
+    const x = (vector.x * 0.5 + 0.5) * this.renderer.domElement.clientWidth;
+    const z = (-vector.z * 0.5 + 0.5) * this.renderer.domElement.clientHeight;
+    return new THREE.Vector2(x, z);
+  }
+  cameraPositionRecord = [];
+  /**
+   * 相机
+   * @param position 
+   * @param lookAt 
+   * @param onEnd 
+   */
+  cameraTo(position, lookAt, onEnd) {
+    this.cameraPositionRecord.push([
+      this.camera.position.clone(),
+      this.camera.quaternion.clone()
+    ]);
+    const tween = new TWEEN.Tween(this.camera.position);
+    tween.to(position, 600);
+    tween.start();
+    tween.onUpdate(() => {
+      this.camera.lookAt(lookAt);
+    });
+    tween.onComplete(() => {
+      const i = this.tweenTaskList.indexOf(tween);
+      this.tweenTaskList.splice(i, 1);
+      onEnd && onEnd();
+    });
+    this.tweenTaskList.push(tween);
+  }
+  cameraBack() {
+    if (this.cameraPositionRecord.length) {
+      const [pos, quat] = this.cameraPositionRecord.pop();
+      this.camera.position.copy(pos);
+      this.camera.quaternion.copy(quat);
+    }
+  }
+  /**
+   * 创建点
+   * @param pos 
+   */
+  createPointMesh(pos, size = 0.02, parameters, parent = this.container) {
+    const box = new THREE.Mesh(
+      new THREE.SphereGeometry(size),
+      new THREE.MeshBasicMaterial(parameters)
+    );
+    if (pos instanceof Point) box.position.set(pos.x, pos.y, 0);
+    else if (pos instanceof THREE.Vector3) box.position.copy(pos);
+    parent.add(box);
+    return box;
+  }
+  /**
+   * 创建文本
+   * @param text 
+   * @param pos 
+   * @param style 
+   */
+  createText(text, pos, style, parent = this.container) {
+    const div = document.createElement("div");
+    div.innerHTML = text;
+    div.style.pointerEvents = "none";
+    Object.assign(div.style, { fontSize: "10px", color: "#ffffff", ...style });
+    const css2DObject = new _Renderer.CSS2DObject(div);
+    if (pos instanceof Point) css2DObject.position.set(pos.x, pos.y, 0);
+    else if (pos instanceof THREE.Vector3) css2DObject.position.copy(pos);
+    parent.add(css2DObject);
+    return css2DObject;
+  }
+  /**
+   * 创建几何缓冲区
+   * @param map 
+   * @param count 
+   */
+  createLineSegments(map, count, parameters, parent = this.container) {
+    if (Array.isArray(map)) {
+      const position = map.flatMap((line) => line?.points?.flatMap((p) => [p.x, p.y, 0]));
+      return this.createLineSegments({ position }, map.length * 2, parameters, parent);
+    }
+    const geometry = new THREE.BufferGeometry();
+    Object.keys(map).forEach((key) => {
+      const value = map[key];
+      geometry.setAttribute(key, new THREE.BufferAttribute(new Float32Array(value), value.length / count));
+    });
+    const lineSegmentList = new THREE.LineSegments(geometry, new THREE.LineBasicMaterial({ ...parameters }));
+    parent.add(lineSegmentList);
+    return lineSegmentList;
+  }
+  /** 创建点
+   * @param point 
+   * @param parameters 
+   * @param parent 
+   * @returns 
+   */
+  createCircle(point, parameters, parent) {
+    const vertices = [];
+    if (Array.isArray(point)) point.forEach((p) => vertices.push(p.x, p.y, 0));
+    else vertices.push(point.x, point.y, 0);
+    const geometry = new THREE.BufferGeometry();
+    geometry.setAttribute("position", new THREE.Float32BufferAttribute(vertices, 3));
+    const material = new THREE.PointsMaterial({
+      color: 16777215,
+      sizeAttenuation: false,
+      size: 12,
+      map: circleTexture,
+      transparent: true,
+      ...parameters
+    });
+    const points = new THREE.Points(geometry, material);
+    parent && parent.add(points);
+    return points;
+  }
+  destroy() {
+    if (this.resizeObserver) {
+      this.renderer.dispose();
+      this.resizeObserver.disconnect();
+      this.resizeObserver = void 0;
+    }
+  }
+};
+__publicField(_Renderer, "name", "Renderer");
+__publicField(_Renderer, "CSS2DObject", CSS2DObject);
+__publicField(_Renderer, "CSS3DObject", CSS3DObject);
+__publicField(_Renderer, "CSS3DSprite", CSS3DSprite);
+__publicField(_Renderer, "Group", THREE.Group);
+__publicField(_Renderer, "Object3D", THREE.Object3D);
+__publicField(_Renderer, "Mesh", THREE.Mesh);
+__publicField(_Renderer, "Line", THREE.Line);
+__publicField(_Renderer, "LineSegments", THREE.LineSegments);
+__publicField(_Renderer, "Points", THREE.Points);
+let Renderer = _Renderer;
+class DomEventRegister extends Component {
+  static name = "DomEventRegister";
+  cancelDefaultBehaviorList = [];
+  pointer = new Vector2();
+  _isMouseEnter = false;
+  set isMouseEnter(isMouseEnter) {
+    if (this._isMouseEnter === isMouseEnter) return;
+    this._isMouseEnter = isMouseEnter;
+  }
+  get isMouseEnter() {
+    return this._isMouseEnter;
+  }
+  _mouseMoveEventProxylock = false;
+  set mouseMoveEventProxylock(lock) {
+    this._mouseMoveEventProxylock = lock;
+    if (lock) {
+      this._isMouseEnter = false;
+    }
+  }
+  get mouseMoveEventProxylock() {
+    return this._mouseMoveEventProxylock;
+  }
+  /**
+   * 组件被添加到父组件上时调用
+   */
+  onAddFromParent() {
+    this.initMouseMoveEventProxy();
+    this.initKeyEvent();
+    this.initWheelEvent();
+    this.autoBodyCursor();
+  }
+  /**
+   * 初始化鼠标事件代理(判断鼠标是否在domElement上)
+   */
+  initMouseMoveEventProxy() {
+    const domContainer = this.parent?.findComponentByType(DomContainer), domElement = domContainer.domElement, variable = this.parent?.findComponentByType(Variable), globalMousemoveFun = (e) => {
+      if (this._mouseMoveEventProxylock) return;
+      const rect = domElement.getBoundingClientRect(), offsetX = e.clientX - rect.left, offsetY = e.clientY - rect.top;
+      if (offsetX >= 0 && offsetY >= 0 && offsetX <= rect.width && offsetY <= rect.height) {
+        this.pointer.set(offsetX, offsetY);
+        this.dispatchEvent({
+          type: "mousemove",
+          x: offsetX,
+          y: offsetY,
+          moveX: e.movementX,
+          moveY: e.movementY
+        });
+        this.isMouseEnter = true;
+      } else {
+        this.isMouseEnter = false;
+      }
+    }, globalMousedownFun = (e) => {
+      if (!this.isMouseEnter) return;
+      const rect = domElement.getBoundingClientRect(), offsetX = e.clientX - rect.left, offsetY = e.clientY - rect.top;
+      this.pointer.set(offsetX, offsetY);
+      variable.set("currentMouseDown", "mouse_" + e.button);
+      this.dispatchEvent({
+        type: "mousedown",
+        x: offsetX,
+        y: offsetY
+      });
+    }, globalMouseupFun = (e) => {
+      if (!this.isMouseEnter) return;
+      variable.set("currentMouseUp", "mouse_" + e.button);
+    };
+    document.addEventListener("mousemove", globalMousemoveFun);
+    document.addEventListener("mousedown", globalMousedownFun);
+    document.addEventListener("mouseup", globalMouseupFun);
+    this.addEventRecord("destory", () => {
+      document.removeEventListener("mousemove", globalMousemoveFun);
+      document.removeEventListener("mousedown", globalMousedownFun);
+      document.removeEventListener("mouseup", globalMouseupFun);
+    });
+  }
+  /**
+   * 初始化键盘事件
+   */
+  initKeyEvent() {
+    const variable = this.parent?.findComponentByType(Variable);
+    document.body.tabIndex = 1;
+    const onKeyup = (e) => {
+      if (!this.isMouseEnter) return;
+      const key = e.key.toLocaleLowerCase();
+      variable.set("currentKeyUp", key);
+      for (let i = 0; i < this.cancelDefaultBehaviorList.length; i++) {
+        const element = this.cancelDefaultBehaviorList[i];
+        if (element(e)) e.preventDefault();
+      }
+    };
+    document.body.addEventListener("keyup", onKeyup);
+    const onKeydown = (e) => {
+      if (!this.isMouseEnter) return;
+      const key = e.key.toLocaleLowerCase();
+      variable.set("currentKeyDown", key);
+      for (let i = 0; i < this.cancelDefaultBehaviorList.length; i++) {
+        const element = this.cancelDefaultBehaviorList[i];
+        if (element(e)) e.preventDefault();
+      }
+    };
+    document.body.addEventListener("keydown", onKeydown);
+    const onFocus = () => variable.set("focus", true);
+    document.body.addEventListener("focus", onFocus);
+    const onBlur = () => variable.set("focus", false);
+    document.body.addEventListener("blur", onBlur);
+    this.addEventRecord("destory", () => {
+      document.body.removeEventListener("keyup", onKeyup);
+      document.body.removeEventListener("keydown", onKeydown);
+      document.body.removeEventListener("focus", onFocus);
+      document.body.removeEventListener("blur", onBlur);
+    });
+  }
+  /**
+   * 初始化滚轮事件
+   */
+  initWheelEvent() {
+    const variable = this.parent?.findComponentByType(Variable);
+    const onWheel = (e) => variable.set("currentWheel", e.wheelDelta);
+    document.body.addEventListener("wheel", onWheel);
+    this.addEventRecord("destory", () => {
+      document.body.removeEventListener("wheel", onWheel);
+    });
+  }
+  /**
+   * 根据domElement的cursor自动设置body的cursor
+   */
+  autoBodyCursor() {
+    const domContainer = this.parent?.findComponentByType(DomContainer), domElement = domContainer.domElement;
+    let bodyCursor = null;
+    this.addEventListener("update", () => {
+      if (this._mouseMoveEventProxylock) return;
+      if (this.isMouseEnter) {
+        if (bodyCursor === null) {
+          bodyCursor = document.body.style.cursor;
+        }
+        document.body.style.cursor = domElement.style.cursor;
+      } else {
+        if (bodyCursor !== null) {
+          document.body.style.cursor = bodyCursor;
+          bodyCursor = null;
+        }
+      }
+    });
+    this.addEventRecord("destory", () => {
+      document.body.style.cursor = bodyCursor ?? "";
+    });
+  }
+  /**
+   * 
+   * @param callBack 
+   */
+  addCancelDefaultBehavior(callBack) {
+    this.cancelDefaultBehaviorList.push(callBack);
+    return this;
+  }
+  /**
+   * 
+   * @param el 
+   * @param callBack 
+   * @param offset 
+   * @param condition 
+   */
+  static dragMoveHelper(el, callBack, offset = { x: 0, y: 0 }, condition = () => true) {
+    function onMousedown() {
+      if (!condition()) return;
+      const move = (e) => {
+        offset.x += e.movementX;
+        offset.y += e.movementY;
+        callBack({ ...offset }, e.movementX, e.movementY);
+      };
+      const end = () => {
+        document.removeEventListener("mousemove", move);
+        document.removeEventListener("mouseup", end);
+      };
+      document.addEventListener("mousemove", move);
+      document.addEventListener("mouseup", end);
+    }
+    el.addEventListener("mousedown", onMousedown);
+    callBack({ ...offset }, 0, 0);
+    return () => {
+      el.removeEventListener("mousedown", onMousedown);
+    };
+  }
+  destroy() {
+    this.canceEventRecord("destory");
+  }
+}
+export {
+  DomEventRegister as D,
+  Renderer as R,
+  DomContainer as a
+};