build-dxf 0.1.8 → 0.1.9

package/src/index.css

@@ -806,7 +806,7 @@
   inherits: false
 }
 
-[data-v-436c0aab] {
+[data-v-8028c98c] {
     font-family: 宋体;
 }
 

package/src/index.js

@@ -1,15 +1,15 @@
 import "three";
-import { l, D, m, i, o, g, j, k, h, n } from "./build.js";
+import { k, D, l, h, n, f, i, j, g, m } from "./build.js";
 import "clipper-lib";
 export {
-  l as Dxf,
+  k as Dxf,
   D as DxfSystem,
-  m as ModelDataPlugin,
-  i as buildJson,
-  o as components,
-  g as createEditor,
-  j as getFileAll,
-  k as getGlobalDxfSystem,
-  h as getModels,
-  n as utils
+  l as ModelDataPlugin,
+  h as buildJson,
+  n as components,
+  f as createEditor,
+  i as getFileAll,
+  j as getGlobalDxfSystem,
+  g as getModels,
+  m as utils
 };

package/src/index2.js

@@ -1,344 +1,10 @@
-import { C as Component, L as Lines, P as Point, V as Variable, D as DxfSystem, M as ModelDataPlugin, a as DetailsPoint, W as WhiteModel, S as SelectLocalFile } from "./build.js";
+import { D as DomEventRegister, a as DomContainer, R as Renderer, E as ElButton, b as ElCheckbox } from "./index4.js";
+import { C as Component, V as Variable, D as DxfSystem, M as ModelDataPlugin, W as WhiteModel, S as SelectLocalFile } from "./build.js";
 import * as THREE from "three";
 import { Group } from "three";
 import "clipper-lib";
 import "dxf-writer";
-import { E as ElButton, R as Renderer, D as DomEventRegister, a as DomContainer, b as ElCheckbox } from "./DomEventRegister.js";
-import { defineComponent, createElementBlock, openBlock, createElementVNode, toDisplayString, createVNode, unref, withCtx, createTextVNode, createApp, ref, watch, onMounted, onUnmounted, createCommentVNode, createStaticVNode } from "vue";
-function drawLinePathToPng(points, width, height, color = "#fff", lineWidth = 2) {
-  const can = document.createElement("canvas"), ctx = can.getContext("2d");
-  can.width = width;
-  can.height = height;
-  ctx?.clearRect(0, 0, width, height);
-  ctx?.save();
-  ctx.strokeStyle = color;
-  ctx.lineWidth = lineWidth;
-  ctx?.beginPath();
-  points.forEach((p, i) => {
-    if (i === 0) ctx?.moveTo(p[0], p[1]);
-    else ctx?.lineTo(p[0], p[1]);
-  });
-  ctx?.stroke();
-  ctx?.restore();
-  return can.toDataURL("image/png", 1);
-}
-const _hoisted_1$1 = { class: "bg-white rounded-lg p-[10px] w-[200px] text-[14px]" };
-const _hoisted_2$1 = { class: "flex" };
-const _hoisted_3$1 = { class: "flee-1 text-[14px] leading-[1.4em]" };
-const _hoisted_4$1 = { class: "mt-[10px] ml-[1.4em]" };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "Card",
-  props: {
-    message: {}
-  },
-  emits: ["look"],
-  setup(__props, { emit: __emit }) {
-    const emits = __emit;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1, [
-        createElementVNode("div", _hoisted_2$1, [
-          _cache[1] || (_cache[1] = createElementVNode("div", { class: "size-[1.4em] flex justify-center items-center" }, [
-            createElementVNode("div", { class: "size-[6px] bg-[var(--el-color-primary)] rounded-[50px]" })
-          ], -1)),
-          createElementVNode("p", _hoisted_3$1, toDisplayString(_ctx.message), 1)
-        ]),
-        createElementVNode("div", _hoisted_4$1, [
-          createVNode(unref(ElButton), {
-            onClick: _cache[0] || (_cache[0] = () => emits("look")),
-            type: "primary",
-            size: "small"
-          }, {
-            default: withCtx(() => _cache[2] || (_cache[2] = [
-              createTextVNode(" 查看 ", -1)
-            ])),
-            _: 1,
-            __: [2]
-          })
-        ])
-      ]);
-    };
-  }
-});
-const DES_POINT_DEFAULT_COLOR = "radial-gradient(circle at center, rgba(0,0,0, 1), transparent, rgba(0,0,0, 1))", DES_POINT_LINE_COLOR = "#409eff", DES_POINT_ACTIVE_COLOR = `radial-gradient(circle at center, ${DES_POINT_LINE_COLOR}, transparent, ${DES_POINT_LINE_COLOR})`;
-class DetailsPointRender extends Component {
-  static name = "DetailsPointRender";
-  Dxf = null;
-  Renderer = null;
-  WhiteModel = null;
-  Variable = null;
-  desPointGroup = new THREE.Group();
-  rayLineGroup = new THREE.Group();
-  data = [];
-  onAddFromParent(parent) {
-    this.Dxf = parent.findComponentByName("Dxf");
-    this.WhiteModel = parent.findComponentByName("WhiteModel");
-    this.Renderer = parent.findComponentByName("Renderer");
-    this.Variable = parent.findComponentByName("Variable");
-    const desPoint = parent.findComponentByName("DetailsPoint");
-    this.Renderer?.container.add(this.desPointGroup);
-    this.rayLineGroup.visible = false;
-    this.Variable?.addEventListener("whiteModelVisible", (e) => {
-      this.desPointGroup.visible = e.value;
-    });
-    this.Dxf?.addEventListener("setDta", () => this.updateModel());
-    desPoint?.addEventListener("handleSuccess", () => this.updateModel());
-    this.Variable?.addEventListener("isLook", (e) => {
-      if (!e.value) this.cancelLook();
-    });
-    this.Variable?.addEventListener("currentWheel", (e) => {
-      if (this.Variable?.isLook) {
-        const v = e.value > 0 ? -0.5 : 0.5;
-        const camera = this.Renderer?.camera;
-        camera.fov += v;
-        camera.updateProjectionMatrix();
-      }
-    });
-    let rotationYSpeed = 0;
-    this.Variable?.addEventListener("pointerMove", (e) => {
-      rotationYSpeed = e.value.x * 2e-3;
-    });
-    this.addEventListener("update", () => {
-      const variable = this.Variable;
-      const renderer = this.Renderer;
-      if (variable.isLook) {
-        renderer.camera.rotation.y += rotationYSpeed;
-        rotationYSpeed *= 0.8;
-        if (Math.abs(rotationYSpeed) < 1e-5) rotationYSpeed = 0;
-      }
-    });
-    this.Variable?.addEventListener("currentKeyUp", (e) => {
-      const variable = this.Variable;
-      if (variable.isLook) {
-        if (e.value === "escape") variable.set("isLook", false);
-      }
-      if (e.value === "r") this.rayLineGroup.visible = !this.rayLineGroup.visible;
-    });
-  }
-  /**
-   * 更新模型
-   */
-  updateModel() {
-    this.createDesPoint();
-    this.createRayline();
-  }
-  createDesPoint() {
-    const desPointHandle = this.parent?.findComponentByName("DetailsPoint");
-    this.desPointGroup.clear();
-    desPointHandle.desPoints.forEach(({ message, position, intersection }) => {
-      const div = document.createElement("div");
-      Object.assign(div.style, {
-        width: "15px",
-        height: "15px",
-        background: DES_POINT_DEFAULT_COLOR,
-        borderRadius: "40px",
-        cursor: "pointer"
-      });
-      const css2DObject = new Renderer.CSS2DObject(div);
-      css2DObject.position.copy(intersection);
-      this.desPointGroup.add(css2DObject);
-      div.addEventListener("mousedown", (e) => {
-        e.stopPropagation();
-        this.showDesBox(intersection, div, { message, position });
-      });
-    });
-  }
-  createRayline() {
-    this.desPointGroup.add(this.rayLineGroup);
-    const desPointHandle = this.parent?.findComponentByName("DetailsPoint");
-    this.rayLineGroup.clear();
-    desPointHandle.raylines.forEach(([p1, p2], index2) => {
-      if (index2 % 2 === 0) {
-        const box = new THREE.Mesh(new THREE.SphereGeometry(0.05), new THREE.MeshBasicMaterial({ color: 65280 }));
-        box.position.copy(p1);
-        this.rayLineGroup.add(box);
-      }
-      const lines = new Lines([p1, p2], index2 % 2 === 0 ? 16711680 : 65280);
-      this.rayLineGroup.add(lines);
-    });
-  }
-  _desBoxInfo;
-  /**
-   * 显示详情div盒子
-   * @param point 
-   * @param div 
-   * @param param2 
-   * @returns 
-   */
-  showDesBox(point, div, { message, position }) {
-    const variable = this.Variable, renderer = this.Renderer;
-    if (variable.isLook) return;
-    this.hideDesBox();
-    const content = document.createElement("div");
-    Object.assign(content.style, {
-      padding: "0px",
-      fontSize: "14px",
-      pointerEvents: "none"
-    });
-    const contentCss2DObject = new Renderer.CSS2DObject(content);
-    const width = 80, height = 40;
-    const img = document.createElement("img");
-    img.style.pointerEvents = "none";
-    img.style.width = width + "px";
-    img.style.height = height + "px";
-    img.style.marginTop = "1px";
-    img.src = drawLinePathToPng([[0, height - 1], [width * 0.2, height - 1], [width * 0.6, 2], [width, 2]], width, height, DES_POINT_LINE_COLOR, 2);
-    content.appendChild(img);
-    div.style.background = DES_POINT_ACTIVE_COLOR;
-    contentCss2DObject.position.copy(point);
-    this.desPointGroup.add(contentCss2DObject);
-    content.style.opacity = "0";
-    setTimeout(() => {
-      const { width: width2, height: height2 } = content.getBoundingClientRect();
-      content.style.marginLeft = width2 * 0.5 + "px";
-      content.style.marginTop = -height2 * 0.5 + "px";
-      content.style.opacity = "1";
-    }, 20);
-    this._desBoxInfo = {
-      targetEl: div,
-      css2DObject: contentCss2DObject
-    };
-    const main = document.createElement("div");
-    main.style.pointerEvents = "all";
-    main.style.position = "absolute";
-    main.style.left = "100%";
-    main.style.top = "0px";
-    main.style.margin = "-15px -20px";
-    content.appendChild(main);
-    createApp(_sfc_main$1, {
-      message,
-      onLook: () => {
-        this.onLook(point, position);
-      }
-    }).mount(main);
-    renderer.orbitControls.enabled = false;
-    const cancelDesBox = () => {
-      if (variable.isLook) return;
-      renderer.orbitControls.enabled = true;
-      this.hideDesBox();
-    };
-    main.addEventListener("mousedown", (e) => e.stopPropagation());
-    document.addEventListener("mousedown", cancelDesBox);
-  }
-  /**
-   * 隐藏详情盒子
-   */
-  hideDesBox() {
-    if (this._desBoxInfo) {
-      this._desBoxInfo.targetEl.style.background = DES_POINT_DEFAULT_COLOR;
-      this._desBoxInfo.css2DObject.removeFromParent();
-      this._desBoxInfo = null;
-    }
-  }
-  orbitControlsTarget = new THREE.Vector3();
-  fov = 0;
-  /**
-   * 查看详情点
-   * @param point 
-   * @param position 
-   */
-  onLook(point, position) {
-    const variable = this.Variable, renderer = this.Renderer;
-    variable.set("isLook", true);
-    this.orbitControlsTarget.copy(renderer.orbitControls.target);
-    renderer.orbitControls?.target.copy(point);
-    this.fov = renderer.camera.fov;
-    this.hideDesBox();
-    renderer.cameraTo(position, point);
-    renderer.html2DRenderer?.domElement.focus();
-  }
-  /**
-   * 取消查看详情点
-   */
-  cancelLook() {
-    const renderer = this.Renderer;
-    renderer.cameraBack();
-    renderer.orbitControls.enabled = true;
-    renderer.orbitControls?.target.copy(this.orbitControlsTarget);
-    renderer.camera.fov = this.fov;
-    renderer.camera.updateProjectionMatrix();
-  }
-}
-class OriginalLineRender extends Component {
-  static name = "OriginalLineRender";
-  Dxf = null;
-  Renderer = null;
-  originalLineMode = new THREE.LineSegments();
-  appendLineMode = new THREE.LineSegments();
-  textGroup = new THREE.Group();
-  pointGroup = new THREE.Group();
-  distanceGroup = new THREE.Group();
-  onAddFromParent(parent) {
-    this.Dxf = parent.findComponentByName("Dxf");
-    this.Renderer = parent.findComponentByName("Renderer");
-    const variable = parent.findComponentByName("Variable");
-    this.Renderer?.container.add(this.originalLineMode);
-    this.Renderer?.container.add(this.appendLineMode);
-    this.Renderer?.container.add(this.textGroup);
-    this.Renderer?.container.add(this.pointGroup);
-    this.Renderer?.container.add(this.distanceGroup);
-    this.appendLineMode.visible = false;
-    this.textGroup.visible = false;
-    this.pointGroup.visible = false;
-    this.distanceGroup.visible = false;
-    this.originalLineMode.material = new THREE.LineBasicMaterial({
-      color: 5745151
-    });
-    this.Dxf?.addEventListener("setDta", (e) => {
-      this.pointGroup.clear();
-      this.updateMode(e.originalData);
-      const dxf = this.Dxf;
-      const center = dxf.originalBox.center;
-      this.Renderer?.orbitControls?.target.set(center.x, center.y, 0);
-      const lineAnalysis = parent.findComponentByName("LineAnalysis");
-      const array = lineAnalysis.appendLineSegmentList.flatMap((line) => line.points.flatMap((p) => [p.x, p.y, dxf.originalZAverage]));
-      this.appendLineMode.geometry = new THREE.BufferGeometry().setAttribute("position", new THREE.BufferAttribute(new Float32Array(array), 3, true));
-      this.appendLineMode.material = new THREE.LineBasicMaterial({ color: 16711935 });
-    });
-    variable?.addEventListener("originalLineVisible", (e) => {
-      this.originalLineMode.visible = e.value;
-    });
-    variable?.addEventListener("currentKeyUp", (e) => {
-      if (e.value === "q") variable.set("originalLineVisible", !variable.originalLineVisible);
-      else if (e.value === "a") this.appendLineMode.visible = !this.appendLineMode.visible;
-      else if (e.value === "t") this.textGroup.visible = !this.textGroup.visible;
-      else if (e.value === "p") this.pointGroup.visible = !this.pointGroup.visible;
-      else if (e.value === "l") this.distanceGroup.visible = !this.distanceGroup.visible;
-    });
-  }
-  updateMode(data) {
-    const dxf = this.Dxf, renderer = this.Renderer;
-    this.textGroup.clear();
-    this.distanceGroup.clear();
-    const originalArray = new Float32Array(data.flatMap(({ start, end }, i) => {
-      const x = start.x + (end.x - start.x) * 0.5;
-      const y = start.y + (end.y - start.y) * 0.5;
-      renderer.createText(i, new THREE.Vector3(x, y, dxf.originalZAverage), { fontSize: "10px", color: "#ffff00" }, this.textGroup);
-      renderer.createText(
-        Number(Point.prototype.distance.call(start, end).toFixed(2)),
-        new THREE.Vector3(x, y, dxf.originalZAverage),
-        { fontSize: "10px", color: "#00ff00" },
-        this.distanceGroup
-      );
-      renderer.createPointMesh(new THREE.Vector3(start.x, start.y, dxf.originalZAverage), 0.04, {
-        color: 16777215,
-        transparent: true,
-        opacity: 0.5
-      }, this.pointGroup);
-      renderer.createPointMesh(new THREE.Vector3(end.x, end.y, dxf.originalZAverage), 0.02, {
-        color: 16711680
-      }, this.pointGroup);
-      return [
-        start.x,
-        start.y,
-        dxf.originalZAverage,
-        end.x,
-        end.y,
-        dxf.originalZAverage
-      ];
-    }));
-    this.originalLineMode.geometry = new THREE.BufferGeometry().setAttribute("position", new THREE.BufferAttribute(originalArray, 3, true));
-  }
-}
+import { defineComponent, ref, watch, onMounted, onUnmounted, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, unref, withCtx, createTextVNode, createStaticVNode } from "vue";
 class ModelDataRender extends Component {
   static name = "ModelDataRender";
   onAddFromParent(parent) {
@@ -349,7 +15,6 @@ class ModelDataRender extends Component {
     const renderer = parent.findComponentByName("Renderer");
     const variable = parent.findComponentByName("Variable");
     const dxfLineModel = parent.findComponentByName("DxfLineModel");
-    const dxf = parent.findComponentByName("Dxf");
     renderer.container.add(dxfLineModel.dxfModelGroup);
     variable.addEventListener("dxfVisible", (e) => {
       dxfLineModel.dxfModelGroup.visible = e.value;
@@ -363,11 +28,6 @@ class ModelDataRender extends Component {
         else {
           group.visible = true;
           group.clear();
-          dxf.wallsGroup.forEach((path, j) => {
-            path.forEach((p, i) => {
-              renderer.createText(`${j}-${i}`, p, { color: "#ff00ff", fontSize: "10px" }, group).position.z = dxf.originalZAverage * 0.99;
-            });
-          });
         }
       }
     });
@@ -377,8 +37,6 @@ class ModelDataRender extends Component {
     const variable = parent.findComponentByName("Variable");
     const whiteModel = parent.findComponentByName("WhiteModel");
     renderer.container.add(whiteModel.whiteModelGroup);
-    renderer.container.add(whiteModel.originalWhiteMode);
-    whiteModel.originalWhiteMode.visible = false;
     variable?.addEventListener("whiteModelVisible", (e) => whiteModel.whiteModelGroup.visible = e.value);
     variable?.addEventListener("currentKeyUp", (e) => e.value === "e" && variable.set("whiteModelVisible", !variable.whiteModelVisible));
   }
@@ -516,12 +174,10 @@ class EventInput extends Component {
 }
 const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  DetailsPointRender,
   DomContainer,
   DomEventRegister,
   EventInput,
   ModelDataRender,
-  OriginalLineRender,
   Renderer
 }, Symbol.toStringTag, { value: "Module" }));
 const _hoisted_1 = { class: "pointer-events-none w-full flex justify-between absolute left-0 top-0 p-[10px] z-[1000] gap-[5px] select-none" };
@@ -537,7 +193,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     THREE.Object3D.DEFAULT_UP = new THREE.Vector3(0, 0, 1);
     const props = __props;
-    const elRef = ref(), originalLineVisible = ref(true), dxfVisible = ref(true), whiteModelVisible = ref(true), isLook = ref(false), dxfSystem = new DxfSystem().usePlugin(ModelDataPlugin).usePlugin(RenderPlugin), desPoint = dxfSystem.findComponentByType(DetailsPoint), domContainer = dxfSystem.findComponentByType(DomContainer), whiteModel = dxfSystem.findComponentByType(WhiteModel);
+    const elRef = ref(), originalLineVisible = ref(true), dxfVisible = ref(true), whiteModelVisible = ref(true), isLook = ref(false), dxfSystem = new DxfSystem().usePlugin(ModelDataPlugin).usePlugin(RenderPlugin), desPoint = dxfSystem.findComponentByType(void 0), domContainer = dxfSystem.findComponentByType(DomContainer), whiteModel = dxfSystem.findComponentByType(WhiteModel);
     watch(() => props.lines, () => props.lines && setLines(props.lines));
     watch(() => props.detailsPoint, () => props.detailsPoint && desPoint?.set(props.detailsPoint));
     function setLines(lines) {
@@ -677,9 +333,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 });
 function RenderPlugin_(dxfSystem, option = {}) {
   const {
-    originalLine = true,
     modelData = true,
-    detailsPoint = true,
     orbitControls = true,
     camera = new THREE.PerspectiveCamera(45, 1, 0.01, 1e3)
   } = option;
@@ -699,9 +353,7 @@ function RenderPlugin_(dxfSystem, option = {}) {
       dampingFactor: 0.15
     } : void 0
   }));
-  originalLine && dxfSystem.addComponent(new OriginalLineRender());
   modelData && dxfSystem.addComponent(new ModelDataRender());
-  detailsPoint && dxfSystem.addComponent(new DetailsPointRender());
   dxfSystem.addComponent(new DomEventRegister());
   dxfSystem.addComponent(new EventInput());
 }