build-dxf 0.0.20-10 → 0.0.20-12

package/src/index2.js

@@ -1,159 +1,113 @@
-import { C as Component, P as Point, V as Variable, D as DxfSystem, M as ModelDataPlugin, a as DetailsPoint, W as WhiteModel } from "./build.js";
-import * as THREE from "three";
-import { Group } from "three";
+import { C as P, P as U, V as $, D as W, M as Z, a as J, W as H } from "./build.js";
+import * as d from "three";
+import { Group as q } from "three";
 import "clipper-lib";
 import "dxf-writer";
-import { E as ElButton, R as Renderer, L as Lines, D as DomEventRegister, a as DomContainer, b as ElCheckbox, S as SelectLocalFile } from "./selectLocalFile.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);
+import { E as w, R as E, L as Q, D as S, a as A, b as G, S as O } from "./selectLocalFile.js";
+import { defineComponent as K, createElementBlock as R, openBlock as k, createElementVNode as y, toDisplayString as X, createVNode as x, unref as m, withCtx as D, createTextVNode as M, createApp as Y, ref as L, watch as C, onMounted as ee, onUnmounted as te, createCommentVNode as ie, createStaticVNode as ne } from "vue";
+function oe(p, e, i, t = "#fff", n = 2) {
+  const o = document.createElement("canvas"), a = o.getContext("2d");
+  return o.width = e, o.height = i, a?.clearRect(0, 0, e, i), a?.save(), a.strokeStyle = t, a.lineWidth = n, a?.beginPath(), p.forEach((s, c) => {
+    c === 0 ? a?.moveTo(s[0], s[1]) : a?.lineTo(s[0], s[1]);
+  }), a?.stroke(), a?.restore(), o.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({
+const se = { class: "bg-white rounded-lg p-[10px] w-[200px] text-[14px]" }, ae = { class: "flex" }, re = { class: "flee-1 text-[14px] leading-[1.4em]" }, le = { class: "mt-[10px] ml-[1.4em]" }, de = /* @__PURE__ */ K({
   __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]
-          })
-        ])
-      ]);
-    };
+  setup(p, { emit: e }) {
+    const i = e;
+    return (t, n) => (k(), R("div", se, [
+      y("div", ae, [
+        n[1] || (n[1] = y("div", { class: "size-[1.4em] flex justify-center items-center" }, [
+          y("div", { class: "size-[6px] bg-[var(--el-color-primary)] rounded-[50px]" })
+        ], -1)),
+        y("p", re, X(t.message), 1)
+      ]),
+      y("div", le, [
+        x(m(w), {
+          onClick: n[0] || (n[0] = () => i("look")),
+          type: "primary",
+          size: "small"
+        }, {
+          default: D(() => n[2] || (n[2] = [
+            M(" 查看 ", -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 {
+}), N = "radial-gradient(circle at center, rgba(0,0,0, 1), transparent, rgba(0,0,0, 1))", _ = "#409eff", pe = `radial-gradient(circle at center, ${_}, transparent, ${_})`;
+class I extends P {
   static name = "DetailsPointRender";
   Dxf = null;
   Renderer = null;
   WhiteModel = null;
   Variable = null;
-  desPointGroup = new THREE.Group();
-  rayLineGroup = new THREE.Group();
+  desPointGroup = new d.Group();
+  rayLineGroup = new d.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) => {
+  onAddFromParent(e) {
+    this.Dxf = e.findComponentByName("Dxf"), this.WhiteModel = e.findComponentByName("WhiteModel"), this.Renderer = e.findComponentByName("Renderer"), this.Variable = e.findComponentByName("Variable");
+    const i = e.findComponentByName("DetailsPoint");
+    this.Renderer?.container.add(this.desPointGroup), this.rayLineGroup.visible = !1, this.Variable?.addEventListener("whiteModelVisible", (n) => {
+      this.desPointGroup.visible = n.value;
+    }), this.Dxf?.addEventListener("setDta", () => this.updateModel()), i?.addEventListener("handleSuccess", () => this.updateModel()), this.Variable?.addEventListener("isLook", (n) => {
+      n.value || this.cancelLook();
+    }), this.Variable?.addEventListener("currentWheel", (n) => {
       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;
+        const o = n.value > 0 ? -0.5 : 0.5, a = this.Renderer?.camera;
+        a.fov += o, a.updateProjectionMatrix();
       }
     });
-    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;
+    let t = 0;
+    this.Variable?.addEventListener("pointerMove", (n) => {
+      t = n.value.x * 2e-3;
+    }), this.addEventListener("update", () => {
+      const n = this.Variable, o = this.Renderer;
+      n.isLook && (o.camera.rotation.y += t, t *= 0.8, Math.abs(t) < 1e-5 && (t = 0));
+    }), this.Variable?.addEventListener("currentKeyUp", (n) => {
+      const o = this.Variable;
+      o.isLook && n.value === "escape" && o.set("isLook", !1), n.value === "r" && (this.rayLineGroup.visible = !this.rayLineGroup.visible);
     });
   }
   /**
    * 更新模型
    */
   updateModel() {
-    this.createDesPoint();
-    this.createRayline();
+    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, {
+    const e = this.parent?.findComponentByName("DetailsPoint");
+    this.desPointGroup.clear(), e.desPoints.forEach(({ message: i, position: t, intersection: n }) => {
+      const o = document.createElement("div");
+      Object.assign(o.style, {
         width: "15px",
         height: "15px",
-        background: DES_POINT_DEFAULT_COLOR,
+        background: N,
         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 });
+      const a = new E.CSS2DObject(o);
+      a.position.copy(n), this.desPointGroup.add(a), o.addEventListener("mousedown", (s) => {
+        s.stopPropagation(), this.showDesBox(n, o, { message: i, position: t });
       });
     });
   }
   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 e = this.parent?.findComponentByName("DetailsPoint");
+    this.rayLineGroup.clear(), e.raylines.forEach(([i, t], n) => {
+      if (n % 2 === 0) {
+        const a = new d.Mesh(new d.SphereGeometry(0.05), new d.MeshBasicMaterial({ color: 65280 }));
+        a.position.copy(i), this.rayLineGroup.add(a);
       }
-      const lines = new Lines([p1, p2], index2 % 2 === 0 ? 16711680 : 65280);
-      this.rayLineGroup.add(lines);
+      const o = new Q([i, t], n % 2 === 0 ? 16711680 : 65280);
+      this.rayLineGroup.add(o);
     });
   }
   _desBoxInfo;
@@ -164,226 +118,140 @@ class DetailsPointRender extends Component {
    * @param param2 
    * @returns 
    */
-  showDesBox(point, div, { message, position }) {
-    const variable = this.Variable, renderer = this.Renderer;
-    if (variable.isLook) return;
+  showDesBox(e, i, { message: t, position: n }) {
+    const o = this.Variable, a = this.Renderer;
+    if (o.isLook) return;
     this.hideDesBox();
-    const content = document.createElement("div");
-    Object.assign(content.style, {
+    const s = document.createElement("div");
+    Object.assign(s.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 c = new E.CSS2DObject(s), u = 80, b = 40, h = document.createElement("img");
+    h.style.pointerEvents = "none", h.style.width = u + "px", h.style.height = b + "px", h.style.marginTop = "1px", h.src = oe([[0, b - 1], [u * 0.2, b - 1], [u * 0.6, 2], [u, 2]], u, b, _, 2), s.appendChild(h), i.style.background = pe, c.position.copy(e), this.desPointGroup.add(c), s.style.opacity = "0", setTimeout(() => {
+      const { width: v, height: V } = s.getBoundingClientRect();
+      s.style.marginLeft = v * 0.5 + "px", s.style.marginTop = -V * 0.5 + "px", s.style.opacity = "1";
+    }, 20), this._desBoxInfo = {
+      targetEl: i,
+      css2DObject: c
     };
-    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,
+    const f = document.createElement("div");
+    f.style.pointerEvents = "all", f.style.position = "absolute", f.style.left = "100%", f.style.top = "0px", f.style.margin = "-15px -20px", s.appendChild(f), Y(de, {
+      message: t,
       onLook: () => {
-        this.onLook(point, position);
+        this.onLook(e, n);
       }
-    }).mount(main);
-    renderer.orbitControls.enabled = false;
-    const cancelDesBox = () => {
-      if (variable.isLook) return;
-      renderer.orbitControls.enabled = true;
-      this.hideDesBox();
+    }).mount(f), a.orbitControls.enabled = !1;
+    const B = () => {
+      o.isLook || (a.orbitControls.enabled = !0, this.hideDesBox());
     };
-    main.addEventListener("mousedown", (e) => e.stopPropagation());
-    document.addEventListener("mousedown", cancelDesBox);
+    f.addEventListener("mousedown", (v) => v.stopPropagation()), document.addEventListener("mousedown", B);
   }
   /**
    * 隐藏详情盒子
    */
   hideDesBox() {
-    if (this._desBoxInfo) {
-      this._desBoxInfo.targetEl.style.background = DES_POINT_DEFAULT_COLOR;
-      this._desBoxInfo.css2DObject.removeFromParent();
-      this._desBoxInfo = null;
-    }
+    this._desBoxInfo && (this._desBoxInfo.targetEl.style.background = N, this._desBoxInfo.css2DObject.removeFromParent(), this._desBoxInfo = null);
   }
-  orbitControlsTarget = new THREE.Vector3();
+  orbitControlsTarget = new d.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();
+  onLook(e, i) {
+    const t = this.Variable, n = this.Renderer;
+    t.set("isLook", !0), this.orbitControlsTarget.copy(n.orbitControls.target), n.orbitControls?.target.copy(e), this.fov = n.camera.fov, this.hideDesBox(), n.cameraTo(i, e), n.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();
+    const e = this.Renderer;
+    e.cameraBack(), e.orbitControls.enabled = !0, e.orbitControls?.target.copy(this.orbitControlsTarget), e.camera.fov = this.fov, e.camera.updateProjectionMatrix();
   }
 }
-class OriginalLineRender extends Component {
+class j extends P {
   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({
+  originalLineMode = new d.LineSegments();
+  appendLineMode = new d.LineSegments();
+  textGroup = new d.Group();
+  pointGroup = new d.Group();
+  distanceGroup = new d.Group();
+  onAddFromParent(e) {
+    this.Dxf = e.findComponentByName("Dxf"), this.Renderer = e.findComponentByName("Renderer");
+    const i = e.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 = !1, this.textGroup.visible = !1, this.pointGroup.visible = !1, this.distanceGroup.visible = !1, this.originalLineMode.material = new d.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;
+    }), this.Dxf?.addEventListener("setDta", (t) => {
+      this.pointGroup.clear(), this.updateMode(t.originalData);
+      const n = this.Dxf, o = n.originalBox.center;
+      this.Renderer?.orbitControls?.target.set(o.x, o.y, 0);
+      const s = e.findComponentByName("LineAnalysis").appendLineSegmentList.flatMap((c) => c.points.flatMap((u) => [u.x, u.y, n.originalZAverage]));
+      this.appendLineMode.geometry = new d.BufferGeometry().setAttribute("position", new d.BufferAttribute(new Float32Array(s), 3, !0)), this.appendLineMode.material = new d.LineBasicMaterial({ color: 16711935 });
+    }), i?.addEventListener("originalLineVisible", (t) => {
+      this.originalLineMode.visible = t.value;
+    }), i?.addEventListener("currentKeyUp", (t) => {
+      t.value === "q" ? i.set("originalLineVisible", !i.originalLineVisible) : t.value === "a" ? this.appendLineMode.visible = !this.appendLineMode.visible : t.value === "t" ? this.textGroup.visible = !this.textGroup.visible : t.value === "p" ? this.pointGroup.visible = !this.pointGroup.visible : t.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),
+  updateMode(e) {
+    const i = this.Dxf, t = this.Renderer;
+    this.textGroup.clear(), this.distanceGroup.clear();
+    const n = new Float32Array(e.flatMap(({ start: o, end: a }, s) => {
+      const c = o.x + (a.x - o.x) * 0.5, u = o.y + (a.y - o.y) * 0.5;
+      return t.createText(s, new d.Vector3(c, u, i.originalZAverage), { fontSize: "10px", color: "#ffff00" }, this.textGroup), t.createText(
+        Number(U.prototype.distance.call(o, a).toFixed(2)),
+        new d.Vector3(c, u, i.originalZAverage),
         { fontSize: "10px", color: "#00ff00" },
         this.distanceGroup
-      );
-      renderer.createPointMesh(new THREE.Vector3(start.x, start.y, dxf.originalZAverage), 0.04, {
+      ), t.createPointMesh(new d.Vector3(o.x, o.y, i.originalZAverage), 0.04, {
         color: 16777215,
-        transparent: true,
+        transparent: !0,
         opacity: 0.5
-      }, this.pointGroup);
-      renderer.createPointMesh(new THREE.Vector3(end.x, end.y, dxf.originalZAverage), 0.02, {
+      }, this.pointGroup), t.createPointMesh(new d.Vector3(a.x, a.y, i.originalZAverage), 0.02, {
         color: 16711680
-      }, this.pointGroup);
-      return [
-        start.x,
-        start.y,
-        dxf.originalZAverage,
-        end.x,
-        end.y,
-        dxf.originalZAverage
+      }, this.pointGroup), [
+        o.x,
+        o.y,
+        i.originalZAverage,
+        a.x,
+        a.y,
+        i.originalZAverage
       ];
     }));
-    this.originalLineMode.geometry = new THREE.BufferGeometry().setAttribute("position", new THREE.BufferAttribute(originalArray, 3, true));
+    this.originalLineMode.geometry = new d.BufferGeometry().setAttribute("position", new d.BufferAttribute(n, 3, !0));
   }
 }
-class ModelDataRender extends Component {
+class z extends P {
   static name = "ModelDataRender";
-  onAddFromParent(parent) {
-    this.dxf(parent);
-    this.whiteModel(parent);
+  onAddFromParent(e) {
+    this.dxf(e), this.whiteModel(e);
   }
-  dxf(parent) {
-    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;
+  dxf(e) {
+    const i = e.findComponentByName("Renderer"), t = e.findComponentByName("Variable"), n = e.findComponentByName("DxfLineModel"), o = e.findComponentByName("Dxf");
+    i.container.add(n.dxfModelGroup), t.addEventListener("dxfVisible", (s) => {
+      n.dxfModelGroup.visible = s.value;
     });
-    let group = new Group();
-    dxfLineModel.dxfModelGroup.add(group);
-    variable?.addEventListener("currentKeyUp", (e) => {
-      if (e.value === "w") variable.set("dxfVisible", !variable.dxfVisible);
-      if (e.value === "b") {
-        if (group.visible) group.visible = false;
-        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;
-            });
-          });
-        }
-      }
+    let a = new q();
+    n.dxfModelGroup.add(a), t?.addEventListener("currentKeyUp", (s) => {
+      s.value === "w" && t.set("dxfVisible", !t.dxfVisible), s.value === "b" && (a.visible ? a.visible = !1 : (a.visible = !0, a.clear(), o.wallsGroup.forEach((c, u) => {
+        c.forEach((b, h) => {
+          i.createText(`${u}-${h}`, b, { color: "#ff00ff", fontSize: "10px" }, a).position.z = o.originalZAverage * 0.99;
+        });
+      })));
     });
   }
-  whiteModel(parent) {
-    const renderer = parent.findComponentByName("Renderer");
-    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));
+  whiteModel(e) {
+    const i = e.findComponentByName("Renderer"), t = e.findComponentByName("Variable"), n = e.findComponentByName("WhiteModel");
+    i.container.add(n.whiteModelGroup), i.container.add(n.originalWhiteMode), n.originalWhiteMode.visible = !1, t?.addEventListener("whiteModelVisible", (o) => n.whiteModelGroup.visible = o.value), t?.addEventListener("currentKeyUp", (o) => o.value === "e" && t.set("whiteModelVisible", !t.whiteModelVisible));
   }
 }
-class EventInput extends Component {
+class F extends P {
   static name = "EventInput";
   keyList = /* @__PURE__ */ new Set();
   mouseList = /* @__PURE__ */ new Set();
@@ -396,50 +264,32 @@ class EventInput extends Component {
    * 
    * @param parent 
    */
-  onAddFromParent(parent) {
-    const variable = parent.findComponentByType(Variable);
-    variable.addEventListener("currentMouseDown", (e) => {
-      if (this.mouseList.has(e.value)) return;
-      this.mouseList.add(e.value);
-      this.dispatchEvent({ type: "codeChange", code: e.value, mode: "down" });
-    });
-    variable.addEventListener("currentMouseUp", (e) => {
-      this.mouseList.delete(e.value);
-      this.dispatchEvent({ type: "codeChange", code: e.value, mode: "up" });
-    });
-    variable.addEventListener("currentKeyDown", (e) => {
-      if (this.keyList.has(e.value)) return;
-      this.keyList.add(e.value);
-      this.dispatchEvent({ type: "codeChange", code: e.value, mode: "down" });
-    });
-    variable.addEventListener("currentKeyUp", (e) => {
-      this.keyList.delete(e.value);
-      this.dispatchEvent({ type: "codeChange", code: e.value, mode: "up" });
-    });
-    variable.addEventListener("focus", () => {
-      this.keyList.clear();
-      this.mouseList.clear();
-    });
-    this.addEventListener("codeChange", this._computedkeyCombination.bind(this));
-    this.addKeyCombination("save", ["control", "s"]);
-    this.addCancelDefaultBehavior((input) => input.isOnlyKeyDowns(["control", "s"]));
+  onAddFromParent(e) {
+    const i = e.findComponentByType($);
+    i.addEventListener("currentMouseDown", (t) => {
+      this.mouseList.has(t.value) || (this.mouseList.add(t.value), this.dispatchEvent({ type: "codeChange", code: t.value, mode: "down" }));
+    }), i.addEventListener("currentMouseUp", (t) => {
+      this.mouseList.delete(t.value), this.dispatchEvent({ type: "codeChange", code: t.value, mode: "up" });
+    }), i.addEventListener("currentKeyDown", (t) => {
+      this.keyList.has(t.value) || (this.keyList.add(t.value), this.dispatchEvent({ type: "codeChange", code: t.value, mode: "down" }));
+    }), i.addEventListener("currentKeyUp", (t) => {
+      this.keyList.delete(t.value), this.dispatchEvent({ type: "codeChange", code: t.value, mode: "up" });
+    }), i.addEventListener("focus", () => {
+      this.keyList.clear(), this.mouseList.clear();
+    }), this.addEventListener("codeChange", this._computedkeyCombination.bind(this)), this.addKeyCombination("save", ["control", "s"]), this.addCancelDefaultBehavior((t) => t.isOnlyKeyDowns(["control", "s"]));
   }
   /** 添加取消浏览器默认行为规则
    * @param callBack 
    */
-  addCancelDefaultBehavior(callBack) {
-    const domEventRegister = this.parent?.findComponentByType(DomEventRegister);
-    domEventRegister.addCancelDefaultBehavior(() => {
-      return callBack(this);
-    });
+  addCancelDefaultBehavior(e) {
+    (this.parent?.findComponentByType(S)).addCancelDefaultBehavior(() => e(this));
   }
   /**
    * 计算组合按键
    */
   _computedkeyCombination() {
-    this.currentKeyCombinationMap.clear();
-    this.keyCombinationMap.forEach(
-      ({ keys, count }, name) => this.isOnlyKeyDowns(keys) && this.currentKeyCombinationMap.set(name, count)
+    this.currentKeyCombinationMap.clear(), this.keyCombinationMap.forEach(
+      ({ keys: e, count: i }, t) => this.isOnlyKeyDowns(e) && this.currentKeyCombinationMap.set(t, i)
     );
   }
   /**
@@ -448,270 +298,231 @@ class EventInput extends Component {
    * @param keys 
    * @param count 
    */
-  addKeyCombination(name, keys, count = 1) {
-    this.keyCombinationMap.set(name, { keys, count });
+  addKeyCombination(e, i, t = 1) {
+    this.keyCombinationMap.set(e, { keys: i, count: t });
   }
   /**
    * 移除组合按键
    * @param name 
    */
-  removeKeyCombination(name) {
-    this.keyCombinationMap.delete(name);
+  removeKeyCombination(e) {
+    this.keyCombinationMap.delete(e);
   }
   /**
    * 是否按下按键
    * @param key 
    * @returns 
    */
-  isKeyDown(key) {
-    return this.keyList.has(key.toLocaleLowerCase()) || this.mouseList.has(key.toLocaleLowerCase());
+  isKeyDown(e) {
+    return this.keyList.has(e.toLocaleLowerCase()) || this.mouseList.has(e.toLocaleLowerCase());
   }
   /**
    * 是否按下按键组
    * @param keys 
    * @returns 
    */
-  isKeyDowns(keys) {
-    return keys.every((v) => this.isKeyDown(v));
+  isKeyDowns(e) {
+    return e.every((i) => this.isKeyDown(i));
   }
   /**
    * 是否按下按键组中部分
    * @param keys 
    * @returns 
    */
-  isSomeKeyDowns(keys) {
-    return keys.some((v) => this.isKeyDown(v));
+  isSomeKeyDowns(e) {
+    return e.some((i) => this.isKeyDown(i));
   }
   /**
    * 是否按下按键组中所有，并且只按下按键组中的按键
    * @param keys 
    * @returns 
    */
-  isOnlyKeyDowns(keys) {
-    if (keys.length !== this.codeCount) return false;
-    const keyList = keys.filter((v) => this.isKeyDown(v));
-    return keyList.length === keys.length;
+  isOnlyKeyDowns(e) {
+    return e.length !== this.codeCount ? !1 : e.filter((t) => this.isKeyDown(t)).length === e.length;
   }
   /**
    * 
    * @param keys 
    * @returns 
    */
-  isOnlyKeyDown(key) {
-    return this.codeCount === 1 && this.isKeyDown(key);
+  isOnlyKeyDown(e) {
+    return this.codeCount === 1 && this.isKeyDown(e);
   }
   /**
    * 
    * @param name 
    */
-  isKeyCombination(name) {
-    if (this.currentKeyCombinationMap.has(name)) {
-      const count = this.currentKeyCombinationMap.get(name);
-      if (count === 0) this.currentKeyCombinationMap.delete(name);
-      else this.currentKeyCombinationMap.set(name, count - 1);
-      return true;
+  isKeyCombination(e) {
+    if (this.currentKeyCombinationMap.has(e)) {
+      const i = this.currentKeyCombinationMap.get(e);
+      return i === 0 ? this.currentKeyCombinationMap.delete(e) : this.currentKeyCombinationMap.set(e, i - 1), !0;
     }
-    return false;
+    return !1;
   }
 }
-const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ce = /* @__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" };
-const _hoisted_2 = { class: "pointer-events-auto" };
-const _hoisted_3 = { class: "pointer-events-auto" };
-const _hoisted_4 = { class: "text-[14px] bg-[rgba(255,255,255,1)] rounded-[6px] p-[0px_10px]" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+  DetailsPointRender: I,
+  DomContainer: A,
+  DomEventRegister: S,
+  EventInput: F,
+  ModelDataRender: z,
+  OriginalLineRender: j,
+  Renderer: E
+}, Symbol.toStringTag, { value: "Module" })), ce = { class: "pointer-events-none w-full flex justify-between absolute left-0 top-0 p-[10px] z-[1000] gap-[5px] select-none" }, ue = { class: "pointer-events-auto" }, he = { class: "pointer-events-auto" }, me = { class: "text-[14px] bg-[rgba(255,255,255,1)] rounded-[6px] p-[0px_10px]" }, we = /* @__PURE__ */ K({
   __name: "Dxf",
   props: {
     lines: {},
     detailsPoint: {}
   },
-  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);
-    watch(() => props.lines, () => props.lines && setLines(props.lines));
-    watch(() => props.detailsPoint, () => props.detailsPoint && desPoint?.set(props.detailsPoint));
-    function setLines(lines) {
-      if (lines) {
-        localStorage.setItem("lines", JSON.stringify(lines));
+  setup(p) {
+    d.Object3D.DEFAULT_UP = new d.Vector3(0, 0, 1);
+    const e = p, i = L(), t = L(!0), n = L(!0), o = L(!0), a = L(!1), s = new W().usePlugin(Z).usePlugin(fe), c = s.findComponentByType(J), u = s.findComponentByType(A), b = s.findComponentByType(H);
+    C(() => e.lines, () => e.lines && h(e.lines)), C(() => e.detailsPoint, () => e.detailsPoint && c?.set(e.detailsPoint));
+    function h(r) {
+      if (r) {
+        localStorage.setItem("lines", JSON.stringify(r));
         try {
-          dxfSystem.Dxf.set(lines);
-          dxfSystem.Dxf.lineOffset();
-        } catch (error) {
-          console.log(error);
+          s.Dxf.set(r), s.Dxf.lineOffset();
+        } catch (l) {
+          console.log(l);
         }
       }
     }
-    async function selectLocalFile() {
-      const data = await SelectLocalFile.json();
-      if (Array.isArray(data)) {
-        localStorage.removeItem("orbitControls");
-        setLines(data);
-      }
-    }
-    async function selectDetailsPointFile() {
-      const data = await SelectLocalFile.json();
-      if (Array.isArray(data)) desPoint?.set(data);
+    async function f() {
+      const r = await O.json();
+      Array.isArray(r) && (localStorage.removeItem("orbitControls"), h(r));
     }
-    watch(originalLineVisible, () => dxfSystem.Variable.set("originalLineVisible", originalLineVisible.value));
-    watch(dxfVisible, () => dxfSystem.Variable.set("dxfVisible", dxfVisible.value));
-    watch(whiteModelVisible, () => dxfSystem.Variable.set("whiteModelVisible", whiteModelVisible.value));
-    dxfSystem.Variable.addEventListener("isLook", (e) => isLook.value = e.value);
-    dxfSystem.Variable.addEventListener("originalLineVisible", (e) => originalLineVisible.value = e.value);
-    dxfSystem.Variable.addEventListener("dxfVisible", (e) => dxfVisible.value = e.value);
-    dxfSystem.Variable.addEventListener("whiteModelVisible", (e) => whiteModelVisible.value = e.value);
-    if (localStorage.getItem("lines")) {
-      setLines(JSON.parse(localStorage.getItem("lines") ?? "{}"));
-    } else {
-      setLines(props.lines);
+    async function B() {
+      const r = await O.json();
+      Array.isArray(r) && c?.set(r);
     }
-    props.detailsPoint && desPoint?.set(props.detailsPoint);
-    onMounted(() => domContainer && elRef.value?.appendChild(domContainer.domElement));
-    onUnmounted(() => dxfSystem.destroy());
-    const renderer = dxfSystem.findComponentByType(Renderer);
-    renderer.orbitControls?.addEventListener("change", () => {
+    C(t, () => s.Variable.set("originalLineVisible", t.value)), C(n, () => s.Variable.set("dxfVisible", n.value)), C(o, () => s.Variable.set("whiteModelVisible", o.value)), s.Variable.addEventListener("isLook", (r) => a.value = r.value), s.Variable.addEventListener("originalLineVisible", (r) => t.value = r.value), s.Variable.addEventListener("dxfVisible", (r) => n.value = r.value), s.Variable.addEventListener("whiteModelVisible", (r) => o.value = r.value), localStorage.getItem("lines") ? h(JSON.parse(localStorage.getItem("lines") ?? "{}")) : h(e.lines), e.detailsPoint && c?.set(e.detailsPoint), ee(() => u && i.value?.appendChild(u.domElement)), te(() => s.destroy());
+    const v = s.findComponentByType(E);
+    v.orbitControls?.addEventListener("change", () => {
       localStorage.setItem("orbitControls", JSON.stringify({
-        position: renderer.camera.position.toArray(),
-        target: renderer.orbitControls?.target.toArray()
+        position: v.camera.position.toArray(),
+        target: v.orbitControls?.target.toArray()
       }));
     });
-    const d = localStorage.getItem("orbitControls");
-    if (d) {
-      const data = JSON.parse(d);
+    const V = localStorage.getItem("orbitControls");
+    if (V) {
+      const r = JSON.parse(V);
       setTimeout(() => {
-        renderer.camera.position.set(data.position[0], data.position[1], data.position[2]);
-        renderer.orbitControls?.target.set(data.target[0], data.target[1], data.target[2]);
+        v.camera.position.set(r.position[0], r.position[1], r.position[2]), v.orbitControls?.target.set(r.target[0], r.target[1], r.target[2]);
       });
     }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "elRef",
-        ref: elRef,
-        style: { "height": "100%", "width": "100%", "overflow": "hidden", "position": "relative" }
-      }, [
-        createElementVNode("div", _hoisted_1, [
-          createElementVNode("div", _hoisted_2, [
-            createVNode(unref(ElButton), {
-              size: "small",
-              type: "primary",
-              onClick: _cache[0] || (_cache[0] = ($event) => unref(dxfSystem).Dxf.download("test.dxf"))
-            }, {
-              default: withCtx(() => _cache[6] || (_cache[6] = [
-                createTextVNode(" 下载 DXF ", -1)
-              ])),
-              _: 1,
-              __: [6]
-            }),
-            createVNode(unref(ElButton), {
-              size: "small",
-              type: "primary",
-              onClick: _cache[1] || (_cache[1] = ($event) => unref(whiteModel).downloadGltf("test.glb"))
-            }, {
-              default: withCtx(() => _cache[7] || (_cache[7] = [
-                createTextVNode(" 下载 白模 ", -1)
-              ])),
-              _: 1,
-              __: [7]
-            }),
-            createVNode(unref(ElButton), {
-              size: "small",
-              type: "success",
-              onClick: selectLocalFile
-            }, {
-              default: withCtx(() => _cache[8] || (_cache[8] = [
-                createTextVNode(" 选择线路文件 ", -1)
-              ])),
-              _: 1,
-              __: [8]
-            }),
-            createVNode(unref(ElButton), {
-              size: "small",
-              type: "success",
-              onClick: selectDetailsPointFile
-            }, {
-              default: withCtx(() => _cache[9] || (_cache[9] = [
-                createTextVNode(" 选择详情点文件 ", -1)
-              ])),
-              _: 1,
-              __: [9]
-            })
+    return (r, l) => (k(), R("div", {
+      ref_key: "elRef",
+      ref: i,
+      style: { height: "100%", width: "100%", overflow: "hidden", position: "relative" }
+    }, [
+      y("div", ce, [
+        y("div", ue, [
+          x(m(w), {
+            size: "small",
+            type: "primary",
+            onClick: l[0] || (l[0] = (g) => m(s).Dxf.download("test.dxf"))
+          }, {
+            default: D(() => l[6] || (l[6] = [
+              M(" 下载 DXF ", -1)
+            ])),
+            _: 1,
+            __: [6]
+          }),
+          x(m(w), {
+            size: "small",
+            type: "primary",
+            onClick: l[1] || (l[1] = (g) => m(b).downloadGltf("test.glb"))
+          }, {
+            default: D(() => l[7] || (l[7] = [
+              M(" 下载 白模 ", -1)
+            ])),
+            _: 1,
+            __: [7]
+          }),
+          x(m(w), {
+            size: "small",
+            type: "success",
+            onClick: f
+          }, {
+            default: D(() => l[8] || (l[8] = [
+              M(" 选择线路文件 ", -1)
+            ])),
+            _: 1,
+            __: [8]
+          }),
+          x(m(w), {
+            size: "small",
+            type: "success",
+            onClick: B
+          }, {
+            default: D(() => l[9] || (l[9] = [
+              M(" 选择详情点文件 ", -1)
+            ])),
+            _: 1,
+            __: [9]
+          })
+        ]),
+        a.value ? (k(), R("div", {
+          key: 0,
+          onClick: l[2] || (l[2] = (g) => m(s).Variable.set("isLook", !1)),
+          class: "pointer-events-auto text-[#fff] h-fit text-[14px] rounded-[10px] bg-black p-[5px_20px] select-none cursor-pointer"
+        }, " 点击这或按 ESC 取消 ")) : ie("", !0),
+        y("div", he, [
+          y("div", me, [
+            x(m(G), {
+              modelValue: t.value,
+              "onUpdate:modelValue": l[3] || (l[3] = (g) => t.value = g),
+              label: "线(Q)"
+            }, null, 8, ["modelValue"]),
+            x(m(G), {
+              modelValue: n.value,
+              "onUpdate:modelValue": l[4] || (l[4] = (g) => n.value = g),
+              label: "dxf(W)"
+            }, null, 8, ["modelValue"]),
+            x(m(G), {
+              modelValue: o.value,
+              "onUpdate:modelValue": l[5] || (l[5] = (g) => o.value = g),
+              label: "墙体(E)"
+            }, null, 8, ["modelValue"])
           ]),
-          isLook.value ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            onClick: _cache[2] || (_cache[2] = ($event) => unref(dxfSystem).Variable.set("isLook", false)),
-            class: "pointer-events-auto text-[#fff] h-fit text-[14px] rounded-[10px] bg-black p-[5px_20px] select-none cursor-pointer"
-          }, " 点击这或按 ESC 取消 ")) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_3, [
-            createElementVNode("div", _hoisted_4, [
-              createVNode(unref(ElCheckbox), {
-                modelValue: originalLineVisible.value,
-                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => originalLineVisible.value = $event),
-                label: "线(Q)"
-              }, null, 8, ["modelValue"]),
-              createVNode(unref(ElCheckbox), {
-                modelValue: dxfVisible.value,
-                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => dxfVisible.value = $event),
-                label: "dxf(W)"
-              }, null, 8, ["modelValue"]),
-              createVNode(unref(ElCheckbox), {
-                modelValue: whiteModelVisible.value,
-                "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => whiteModelVisible.value = $event),
-                label: "墙体(E)"
-              }, null, 8, ["modelValue"])
-            ]),
-            _cache[10] || (_cache[10] = createStaticVNode('<div class="mt-[5px] text-[#c9c9c9] text-[10px]"><p class="text-right">详情点射线辅助线快捷键：R</p><p class="text-right">墙壁合并追加线快捷键：A</p><p class="text-right">线段序号快捷键：T</p><p class="text-right">线段端点标示快捷键：P</p><p class="text-right">线段长度（单位米）快捷键：L</p></div>', 1))
-          ])
+          l[10] || (l[10] = ne('<div class="mt-[5px] text-[#c9c9c9] text-[10px]"><p class="text-right">详情点射线辅助线快捷键：R</p><p class="text-right">墙壁合并追加线快捷键：A</p><p class="text-right">线段序号快捷键：T</p><p class="text-right">线段端点标示快捷键：P</p><p class="text-right">线段长度（单位米）快捷键：L</p></div>', 1))
         ])
-      ], 512);
-    };
+      ])
+    ], 512));
   }
 });
-function RenderPlugin_(dxfSystem, option = {}) {
+function T(p, e = {}) {
   const {
-    originalLine = true,
-    modelData = true,
-    detailsPoint = true,
-    orbitControls = true,
-    camera = new THREE.PerspectiveCamera(45, 1, 0.01, 1e3)
-  } = option;
-  const domContainer = new DomContainer();
-  dxfSystem.addComponent(domContainer);
-  dxfSystem.addComponent(new Renderer({
-    canvas: domContainer.canvas,
-    camera,
+    originalLine: i = !0,
+    modelData: t = !0,
+    detailsPoint: n = !0,
+    orbitControls: o = !0,
+    camera: a = new d.PerspectiveCamera(45, 1, 0.01, 1e3)
+  } = e, s = new A();
+  p.addComponent(s), p.addComponent(new E({
+    canvas: s.canvas,
+    camera: a,
     htmlRenderer: {
-      "2d": domContainer.html2DRenderer,
-      "3d": domContainer.html3DRenderer
+      "2d": s.html2DRenderer,
+      "3d": s.html3DRenderer
     },
-    resizeObserver: domContainer.domElement,
-    orbitControls: orbitControls ? {
-      domElement: domContainer.domElement,
-      enableDamping: true,
+    resizeObserver: s.domElement,
+    orbitControls: o ? {
+      domElement: s.domElement,
+      enableDamping: !0,
       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());
+  })), i && p.addComponent(new j()), t && p.addComponent(new z()), n && p.addComponent(new I()), p.addComponent(new S()), p.addComponent(new F());
 }
-const RenderPlugin = Object.assign(RenderPlugin_, {
-  create(option = {}) {
-    return (dxfSystem) => RenderPlugin_(dxfSystem, option);
+const fe = Object.assign(T, {
+  create(p = {}) {
+    return (e) => T(e, p);
   }
 });
 export {
-  _sfc_main as Dxf3DView,
-  RenderPlugin,
-  index as components
+  we as Dxf3DView,
+  fe as RenderPlugin,
+  Ce as components
 };