build-dxf 0.0.57 → 0.0.59

package/src/index2.js

@@ -1,113 +1,159 @@
-import { C as P, L as U, P as $, V as W, D as Z, M as J, a as H, W as q, S as A } from "./build.js";
-import * as d from "three";
-import { Group as Q } from "three";
+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 * as THREE from "three";
+import { Group } from "three";
 import "clipper-lib";
 import "dxf-writer";
-import { E as w, R as E, D as O, a as S, b as G } from "./DomEventRegister.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);
+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 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({
+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(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]
-        })
-      ])
-    ]));
+  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]
+          })
+        ])
+      ]);
+    };
   }
-}), 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 {
+});
+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 d.Group();
-  rayLineGroup = new d.Group();
+  desPointGroup = new THREE.Group();
+  rayLineGroup = new THREE.Group();
   data = [];
-  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) => {
+  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 o = n.value > 0 ? -0.5 : 0.5, a = this.Renderer?.camera;
-        a.fov += o, a.updateProjectionMatrix();
+        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;
       }
     });
-    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);
+    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();
+    this.createDesPoint();
+    this.createRayline();
   }
   createDesPoint() {
-    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, {
+    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: N,
+        background: DES_POINT_DEFAULT_COLOR,
         borderRadius: "40px",
         cursor: "pointer"
       });
-      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 });
+      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 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 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 o = new U([i, t], n % 2 === 0 ? 16711680 : 65280);
-      this.rayLineGroup.add(o);
+      const lines = new Lines([p1, p2], index2 % 2 === 0 ? 16711680 : 65280);
+      this.rayLineGroup.add(lines);
     });
   }
   _desBoxInfo;
@@ -118,140 +164,226 @@ class I extends P {
    * @param param2 
    * @returns 
    */
-  showDesBox(e, i, { message: t, position: n }) {
-    const o = this.Variable, a = this.Renderer;
-    if (o.isLook) return;
+  showDesBox(point, div, { message, position }) {
+    const variable = this.Variable, renderer = this.Renderer;
+    if (variable.isLook) return;
     this.hideDesBox();
-    const s = document.createElement("div");
-    Object.assign(s.style, {
+    const content = document.createElement("div");
+    Object.assign(content.style, {
       padding: "0px",
       fontSize: "14px",
       pointerEvents: "none"
     });
-    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 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 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,
+    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(e, n);
+        this.onLook(point, position);
       }
-    }).mount(f), a.orbitControls.enabled = !1;
-    const B = () => {
-      o.isLook || (a.orbitControls.enabled = !0, this.hideDesBox());
+    }).mount(main);
+    renderer.orbitControls.enabled = false;
+    const cancelDesBox = () => {
+      if (variable.isLook) return;
+      renderer.orbitControls.enabled = true;
+      this.hideDesBox();
     };
-    f.addEventListener("mousedown", (v) => v.stopPropagation()), document.addEventListener("mousedown", B);
+    main.addEventListener("mousedown", (e) => e.stopPropagation());
+    document.addEventListener("mousedown", cancelDesBox);
   }
   /**
    * 隐藏详情盒子
    */
   hideDesBox() {
-    this._desBoxInfo && (this._desBoxInfo.targetEl.style.background = N, this._desBoxInfo.css2DObject.removeFromParent(), this._desBoxInfo = null);
+    if (this._desBoxInfo) {
+      this._desBoxInfo.targetEl.style.background = DES_POINT_DEFAULT_COLOR;
+      this._desBoxInfo.css2DObject.removeFromParent();
+      this._desBoxInfo = null;
+    }
   }
-  orbitControlsTarget = new d.Vector3();
+  orbitControlsTarget = new THREE.Vector3();
   fov = 0;
   /**
    * 查看详情点
    * @param point 
    * @param position 
    */
-  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();
+  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 e = this.Renderer;
-    e.cameraBack(), e.orbitControls.enabled = !0, e.orbitControls?.target.copy(this.orbitControlsTarget), e.camera.fov = this.fov, e.camera.updateProjectionMatrix();
+    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 j extends P {
+class OriginalLineRender extends Component {
   static name = "OriginalLineRender";
   Dxf = null;
   Renderer = null;
-  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({
+  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", (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);
+    });
+    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(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($.prototype.distance.call(o, a).toFixed(2)),
-        new d.Vector3(c, u, i.originalZAverage),
+  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
-      ), t.createPointMesh(new d.Vector3(o.x, o.y, i.originalZAverage), 0.04, {
+      );
+      renderer.createPointMesh(new THREE.Vector3(start.x, start.y, dxf.originalZAverage), 0.04, {
         color: 16777215,
-        transparent: !0,
+        transparent: true,
         opacity: 0.5
-      }, this.pointGroup), t.createPointMesh(new d.Vector3(a.x, a.y, i.originalZAverage), 0.02, {
+      }, this.pointGroup);
+      renderer.createPointMesh(new THREE.Vector3(end.x, end.y, dxf.originalZAverage), 0.02, {
         color: 16711680
-      }, this.pointGroup), [
-        o.x,
-        o.y,
-        i.originalZAverage,
-        a.x,
-        a.y,
-        i.originalZAverage
+      }, this.pointGroup);
+      return [
+        start.x,
+        start.y,
+        dxf.originalZAverage,
+        end.x,
+        end.y,
+        dxf.originalZAverage
       ];
     }));
-    this.originalLineMode.geometry = new d.BufferGeometry().setAttribute("position", new d.BufferAttribute(n, 3, !0));
+    this.originalLineMode.geometry = new THREE.BufferGeometry().setAttribute("position", new THREE.BufferAttribute(originalArray, 3, true));
   }
 }
-class z extends P {
+class ModelDataRender extends Component {
   static name = "ModelDataRender";
-  onAddFromParent(e) {
-    this.dxf(e), this.whiteModel(e);
+  onAddFromParent(parent) {
+    this.dxf(parent);
+    this.whiteModel(parent);
   }
-  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;
+  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;
     });
-    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;
-        });
-      })));
+    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;
+            });
+          });
+        }
+      }
     });
   }
-  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));
+  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));
   }
 }
-class F extends P {
+class EventInput extends Component {
   static name = "EventInput";
   keyList = /* @__PURE__ */ new Set();
   mouseList = /* @__PURE__ */ new Set();
@@ -264,32 +396,50 @@ class F extends P {
    * 
    * @param parent 
    */
-  onAddFromParent(e) {
-    const i = e.findComponentByType(W);
-    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"]) || t.isOnlyKeyDown("alt"));
+  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"]) || input.isOnlyKeyDown("alt"));
   }
   /** 添加取消浏览器默认行为规则
    * @param callBack 
    */
-  addCancelDefaultBehavior(e) {
-    (this.parent?.findComponentByType(O)).addCancelDefaultBehavior(() => e(this));
+  addCancelDefaultBehavior(callBack) {
+    const domEventRegister = this.parent?.findComponentByType(DomEventRegister);
+    domEventRegister.addCancelDefaultBehavior(() => {
+      return callBack(this);
+    });
   }
   /**
    * 计算组合按键
    */
   _computedkeyCombination() {
-    this.currentKeyCombinationMap.clear(), this.keyCombinationMap.forEach(
-      ({ keys: e, count: i }, t) => this.isOnlyKeyDowns(e) && this.currentKeyCombinationMap.set(t, i)
+    this.currentKeyCombinationMap.clear();
+    this.keyCombinationMap.forEach(
+      ({ keys, count }, name) => this.isOnlyKeyDowns(keys) && this.currentKeyCombinationMap.set(name, count)
     );
   }
   /**
@@ -298,231 +448,270 @@ class F extends P {
    * @param keys 
    * @param count 
    */
-  addKeyCombination(e, i, t = 1) {
-    this.keyCombinationMap.set(e, { keys: i, count: t });
+  addKeyCombination(name, keys, count = 1) {
+    this.keyCombinationMap.set(name, { keys, count });
   }
   /**
    * 移除组合按键
    * @param name 
    */
-  removeKeyCombination(e) {
-    this.keyCombinationMap.delete(e);
+  removeKeyCombination(name) {
+    this.keyCombinationMap.delete(name);
   }
   /**
    * 是否按下按键
    * @param key 
    * @returns 
    */
-  isKeyDown(e) {
-    return this.keyList.has(e.toLocaleLowerCase()) || this.mouseList.has(e.toLocaleLowerCase());
+  isKeyDown(key) {
+    return this.keyList.has(key.toLocaleLowerCase()) || this.mouseList.has(key.toLocaleLowerCase());
   }
   /**
    * 是否按下按键组
    * @param keys 
    * @returns 
    */
-  isKeyDowns(e) {
-    return e.every((i) => this.isKeyDown(i));
+  isKeyDowns(keys) {
+    return keys.every((v) => this.isKeyDown(v));
   }
   /**
    * 是否按下按键组中部分
    * @param keys 
    * @returns 
    */
-  isSomeKeyDowns(e) {
-    return e.some((i) => this.isKeyDown(i));
+  isSomeKeyDowns(keys) {
+    return keys.some((v) => this.isKeyDown(v));
   }
   /**
    * 是否按下按键组中所有，并且只按下按键组中的按键
    * @param keys 
    * @returns 
    */
-  isOnlyKeyDowns(e) {
-    return e.length !== this.codeCount ? !1 : e.filter((t) => this.isKeyDown(t)).length === e.length;
+  isOnlyKeyDowns(keys) {
+    if (keys.length !== this.codeCount) return false;
+    const keyList = keys.filter((v) => this.isKeyDown(v));
+    return keyList.length === keys.length;
   }
   /**
    * 
    * @param keys 
    * @returns 
    */
-  isOnlyKeyDown(e) {
-    return this.codeCount === 1 && this.isKeyDown(e);
+  isOnlyKeyDown(key) {
+    return this.codeCount === 1 && this.isKeyDown(key);
   }
   /**
    * 
    * @param name 
    */
-  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;
+  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;
     }
-    return !1;
+    return false;
   }
 }
-const Ce = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  DetailsPointRender: I,
-  DomContainer: S,
-  DomEventRegister: O,
-  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({
+  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({
   __name: "Dxf",
   props: {
     lines: {},
     detailsPoint: {}
   },
-  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 Z().usePlugin(J).usePlugin(fe), c = s.findComponentByType(H), u = s.findComponentByType(S), b = s.findComponentByType(q);
-    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));
+  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));
         try {
-          s.Dxf.set(r), s.Dxf.lineOffset();
-        } catch (l) {
-          console.log(l);
+          dxfSystem.Dxf.set(lines);
+          dxfSystem.Dxf.lineOffset();
+        } catch (error) {
+          console.log(error);
         }
       }
     }
-    async function f() {
-      const r = await A.json();
-      Array.isArray(r) && (localStorage.removeItem("orbitControls"), h(r));
+    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 B() {
-      const r = await A.json();
-      Array.isArray(r) && c?.set(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);
     }
-    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", () => {
+    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", () => {
       localStorage.setItem("orbitControls", JSON.stringify({
-        position: v.camera.position.toArray(),
-        target: v.orbitControls?.target.toArray()
+        position: renderer.camera.position.toArray(),
+        target: renderer.orbitControls?.target.toArray()
       }));
     });
-    const V = localStorage.getItem("orbitControls");
-    if (V) {
-      const r = JSON.parse(V);
+    const d = localStorage.getItem("orbitControls");
+    if (d) {
+      const data = JSON.parse(d);
       setTimeout(() => {
-        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]);
+        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]);
       });
     }
-    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"])
+    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]
+            })
           ]),
-          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))
+          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))
+          ])
         ])
-      ])
-    ], 512));
+      ], 512);
+    };
   }
 });
-function T(p, e = {}) {
+function RenderPlugin_(dxfSystem, option = {}) {
   const {
-    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 S();
-  p.addComponent(s), p.addComponent(new E({
-    canvas: s.canvas,
-    camera: a,
+    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,
     htmlRenderer: {
-      "2d": s.html2DRenderer,
-      "3d": s.html3DRenderer
+      "2d": domContainer.html2DRenderer,
+      "3d": domContainer.html3DRenderer
     },
-    resizeObserver: s.domElement,
-    orbitControls: o ? {
-      domElement: s.domElement,
-      enableDamping: !0,
+    resizeObserver: domContainer.domElement,
+    orbitControls: orbitControls ? {
+      domElement: domContainer.domElement,
+      enableDamping: true,
       dampingFactor: 0.15
     } : void 0
-  })), i && p.addComponent(new j()), t && p.addComponent(new z()), n && p.addComponent(new I()), p.addComponent(new O()), p.addComponent(new F());
+  }));
+  originalLine && dxfSystem.addComponent(new OriginalLineRender());
+  modelData && dxfSystem.addComponent(new ModelDataRender());
+  detailsPoint && dxfSystem.addComponent(new DetailsPointRender());
+  dxfSystem.addComponent(new DomEventRegister());
+  dxfSystem.addComponent(new EventInput());
 }
-const fe = Object.assign(T, {
-  create(p = {}) {
-    return (e) => T(e, p);
+const RenderPlugin = Object.assign(RenderPlugin_, {
+  create(option = {}) {
+    return (dxfSystem) => RenderPlugin_(dxfSystem, option);
   }
 });
 export {
-  we as Dxf3DView,
-  fe as RenderPlugin,
-  Ce as components
+  _sfc_main as Dxf3DView,
+  RenderPlugin,
+  index as components
 };