build-dxf 0.0.19 → 0.0.20-1

package/src/index3.js

@@ -1,7 +1,7 @@
 import * as THREE from "three";
-import { i as isString, n as noop, r as resolveUnref, t as tryOnScopeDispose, b as isClient, c as tryOnMounted, d as identity, e as buildProps, f as definePropType, _ as _export_sfc, u as useNamespace, g as isNumber, h as addUnit, w as withInstall, j as useEmptyValuesProps, k as useSizeProp, p as provideGlobalConfig, l as iconPropType, m as useGlobalComponentSettings, T as TypeComponentsMap, o as ElIcon, q as TypeComponents, s as useTimeoutFn, v as isString$1, x as isFunction, y as isBoolean, z as isElement, A as withInstallFunction, L as Lines, E as ElButton, a as ElCheckbox, S as SelectLocalFile } from "./selectLocalFile.js";
-import { C as Component, L as LineSegment, P as Point, B as Box2, E as EventDispatcher, b as PointVirtualGrid, Q as Quadtree } from "./build.js";
-import { watch, ref, defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref, renderSlot, createVNode, Transition, withCtx, withDirectives, createElementVNode, normalizeStyle, createTextVNode, toDisplayString, vShow, shallowReactive, onMounted, createBlock, createCommentVNode, resolveDynamicComponent, Fragment, withModifiers, nextTick, isVNode, render, toRaw, createStaticVNode, createApp } from "vue";
+import { i as isString, n as noop, r as resolveUnref, t as tryOnScopeDispose, c as isClient, d as tryOnMounted, e as identity, f as buildProps, g as definePropType, _ as _export_sfc$1, u as useNamespace, h as isNumber, j as addUnit, w as withInstall, k as useEmptyValuesProps, l as useSizeProp, p as provideGlobalConfig, m as iconPropType, o as useGlobalComponentSettings, T as TypeComponentsMap, q as ElIcon, s as TypeComponents, v as useTimeoutFn, x as isString$1, y as isFunction, z as isBoolean, A as isElement, B as withInstallFunction, L as Lines, D as DomEventRegister, b as ElCheckbox, E as ElButton, S as SelectLocalFile } from "./selectLocalFile.js";
+import { C as Component, L as LineSegment, P as Point, B as Box2, E as EventDispatcher, b as PointVirtualGrid, Q as Quadtree, W as WhiteModel } from "./build.js";
+import { watch, ref, defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref, renderSlot, createVNode, Transition, withCtx, withDirectives, createElementVNode, normalizeStyle, createTextVNode, toDisplayString, vShow, shallowReactive, onMounted, createBlock, createCommentVNode, resolveDynamicComponent, Fragment, withModifiers, nextTick, isVNode, render, toRaw, onUnmounted, renderList, createStaticVNode, createApp } from "vue";
 import "clipper-lib";
 import "dxf-writer";
 import "three/addons/controls/OrbitControls.js";
@@ -258,7 +258,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Badge = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "badge.vue"]]);
+var Badge = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["__file", "badge.vue"]]);
 const ElBadge = withInstall(Badge);
 const configProviderProps = buildProps({
   a11y: {
@@ -565,7 +565,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var MessageConstructor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "message.vue"]]);
+var MessageConstructor = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["__file", "message.vue"]]);
 let seed = 1;
 const normalizeOptions = (params) => {
   const options = !params || isString$1(params) || isVNode(params) || isFunction(params) ? { message: params } : params;
@@ -714,6 +714,22 @@ class CommandFlowComponent extends Component {
     return this._commandManager;
   }
   interruptKeys = ["escape"];
+  commandName = "";
+  constructor() {
+    super();
+  }
+  onAddFromParent(parent) {
+    this.editor.addEventListener("cancelCommand", () => {
+      this.cancel();
+    });
+  }
+  /**
+   * 取消
+   */
+  cancel() {
+    if (this.editor.commandManager.currentName !== this.commandName) return;
+    this.editor.commandManager.cancel();
+  }
   /**
    * 创建中断
    * @returns 
@@ -723,9 +739,7 @@ class CommandFlowComponent extends Component {
       this.addEventRecord(
         "clear",
         this.editor?.eventInput.addEventListener("codeChange", async () => {
-          if (this.editor.eventInput.isKeyDowns(this.interruptKeys)) {
-            this.editor.commandManager.cancel();
-          }
+          if (this.editor.eventInput.isKeyDowns(this.interruptKeys)) this.cancel();
         })
       );
       next(data);
@@ -750,9 +764,10 @@ class CommandFlowComponent extends Component {
    * 创建清理
    * @returns 
    */
-  createFinally() {
+  createFinally(keys = []) {
     return () => {
       this.canceEventRecord("clear");
+      keys.forEach((k) => this.canceEventRecord(k));
     };
   }
 }
@@ -764,7 +779,8 @@ class DrawLine extends CommandFlowComponent {
   shortcutKeys = ["control", "l"];
   confirmKeys = ["enter"];
   commandName = "draw-line";
-  onAddFromParent() {
+  onAddFromParent(parent) {
+    super.onAddFromParent(parent);
     this.editor.container.add(this.container);
     const commandFlow = this.commandManager.addCommandFlow(this.commandName).add(this.createInterrupt()).add(this.createCursor("crosshair")).add(this.selectPoint.bind(this));
     commandFlow.addEventListener("finally", this.createFinally());
@@ -777,7 +793,7 @@ class DrawLine extends CommandFlowComponent {
    * @param next 
    */
   selectPoint(next) {
-    let editor = this.parent?.findComponentByName("Editor"), renderer = editor.renderer, start = null, end = null, points = [], circle = new THREE.Mesh(new THREE.SphereGeometry(0.05), new THREE.MeshBasicMaterial({ color: 65280 })), dom = renderer.html2DRenderer?.domElement, line = new Lines([], 16711935), auxiliaryLine = new Lines([
+    let editor = this.parent?.findComponentByName("Editor"), start = null, end = null, points = [], circle = new THREE.Mesh(new THREE.SphereGeometry(0.05), new THREE.MeshBasicMaterial({ color: 65280 })), dom = editor.domContainer.domElement, line2 = new Lines([], 16711935), auxiliaryLine = new Lines([
       new THREE.Vector3(-1e4, 0, 0),
       new THREE.Vector3(1e4, 0, 0),
       new THREE.Vector3(0, -1e4, 0),
@@ -789,9 +805,9 @@ class DrawLine extends CommandFlowComponent {
       gapSize: 0.1,
       linewidth: 0.1
     });
-    this.container.add(line);
+    this.container.add(line2);
     const updateLine = () => {
-      line.setPoint(...points, start, end);
+      line2.setPoint(...points, start, end);
       auxiliaryLine.position.copy(end);
       this.container.add(auxiliaryLine);
       auxiliaryLine.computeLineDistances();
@@ -804,10 +820,10 @@ class DrawLine extends CommandFlowComponent {
         if (find) {
           circle.position.set(point.x, point.y, 0);
           this.container.add(circle);
-          dom.parentElement.style.cursor = "none";
+          dom.style.cursor = "none";
         } else {
           circle.removeFromParent();
-          dom.parentElement.style.cursor = "crosshair";
+          dom.style.cursor = "crosshair";
         }
         currentPoint.copy(point);
         if (!(start && end)) return;
@@ -845,7 +861,7 @@ class DrawLine extends CommandFlowComponent {
         } else if (editor.eventInput.isKeyDowns(this.confirmKeys)) next(points);
       }),
       function() {
-        line.removeFromParent();
+        line2.removeFromParent();
         circle.removeFromParent();
         auxiliaryLine.removeFromParent();
       }
@@ -889,6 +905,9 @@ class Default extends Component {
     if (this.selectLines.indexOf(lineSegment) > -1) return;
     this.selectLines.push(lineSegment);
     this.updateSelectLinesGeometry();
+    this.dispatchEvent({
+      type: "selectLineChange"
+    });
   }
   /** 移除选择的线段
    * @param lineSegment 
@@ -898,15 +917,27 @@ class Default extends Component {
     if (i > -1) {
       this.selectLines.splice(i, 1);
       this.updateSelectLinesGeometry();
+      this.dispatchEvent({
+        type: "selectLineChange"
+      });
     }
   }
+  /**
+   * 移除所有选中线段
+   */
+  removeSelectLineAll() {
+    this.selectLines.length = 0;
+    this.dispatchEvent({
+      type: "selectLineChange"
+    });
+  }
   /**
    * 删除选择的线段
    */
   deleteSelectLine() {
     const editor = this.editor;
-    this.selectLines.forEach((line) => editor.renderManager.removeLine(line));
-    this.selectLines.length = 0;
+    this.selectLines.forEach((line2) => editor.renderManager.removeLine(line2));
+    this.removeSelectLineAll();
     this.updateSelectLinesGeometry();
     ElMessage({ message: "删除成功", type: "success" });
   }
@@ -915,9 +946,9 @@ class Default extends Component {
    */
   deleteSelectWindow() {
     let is = false;
-    this.selectLines.forEach((line) => {
-      if (!line.userData.isWindow) return;
-      line.userData = {};
+    this.selectLines.forEach((line2) => {
+      if (!line2.userData.isWindow) return;
+      line2.userData = {};
       is = true;
     });
     this.editor.renderManager.draw();
@@ -945,8 +976,8 @@ class Default extends Component {
         }
       }
     if (start && end) {
-      const line = new LineSegment(start.clone(), end.clone());
-      editor.renderManager.addLine(line);
+      const line2 = new LineSegment(start.clone(), end.clone());
+      editor.renderManager.addLine(line2);
       editor.renderManager.draw();
       ElMessage({ message: "连接成功", type: "success" });
     }
@@ -995,8 +1026,8 @@ class Default extends Component {
           const p2Next = line2.points[(j + 1) % 2];
           editor.renderManager.removeLine(line1);
           editor.renderManager.removeLine(line2);
-          const line = new LineSegment(p1Next, p2Next);
-          editor.renderManager.addLine(line);
+          const line3 = new LineSegment(p1Next, p2Next);
+          editor.renderManager.addLine(line3);
           editor.renderManager.draw();
           ElMessage({ message: "已合并", type: "success" });
           return;
@@ -1012,10 +1043,11 @@ class Default extends Component {
   updateSelectLinesGeometry() {
     if (this._timer) clearTimeout(this._timer);
     this._timer = setTimeout(() => {
+      if (this.destroyed) return;
       if (this.selectLines.length) this.container.add(this.selectLineObject3D);
       else this.selectLineObject3D.removeFromParent();
       const editor = this.editor;
-      const position = this.selectLines.flatMap((line) => line.expandToRectangle(0.04, "bothSides").createGeometry());
+      const position = this.selectLines.flatMap((line2) => line2.expandToRectangle(0.04, "bothSides").createGeometry());
       this.selectLineObject3D.geometry = editor.renderManager.createGeometry({ position }, position.length / 3);
     }, 10);
   }
@@ -1081,7 +1113,7 @@ class Default extends Component {
         const minX = Math.min(startPoint.x, endPoint.x), maxX = Math.max(startPoint.x, endPoint.x), minY = Math.min(startPoint.y, endPoint.y), maxY = Math.max(startPoint.y, endPoint.y);
         const box = new Box2(minX, maxX, minY, maxY);
         const resultList = editor.renderManager.quadtree.queryBox(box);
-        this.selectLines.length = 0;
+        this.removeSelectLineAll();
         resultList.forEach((result) => this.addSelectLine(result.line));
         this.updateSelectLinesGeometry();
       };
@@ -1092,16 +1124,16 @@ class Default extends Component {
       "clear",
       // 注册鼠标指针位置变化事件
       editor.addEventListener("pointerPositionChange", () => {
-        const { line } = editor.renderManager.adsorption(0.05);
-        if (line) {
-          const rectangle = line.expandToRectangle(0.02, "bothSides");
+        const { line: line2 } = editor.renderManager.adsorption(0.05);
+        if (line2) {
+          const rectangle = line2.expandToRectangle(0.02, "bothSides");
           object3D.geometry = editor.renderManager.createGeometry({ position: rectangle.createGeometry() }, 6);
           this.container.add(object3D);
-          dom.parentElement.style.cursor = "pointer";
-          currentSelectLine = line;
+          dom.style.cursor = "pointer";
+          currentSelectLine = line2;
         } else {
           object3D.removeFromParent();
-          dom.parentElement.style.cursor = "default";
+          dom.style.cursor = "default";
           currentSelectLine = null;
         }
       }),
@@ -1111,7 +1143,7 @@ class Default extends Component {
           if (eventInput.isKeyDown("alt")) {
             return this.removeSelectLine(currentSelectLine);
           }
-          if (!eventInput.isKeyDown("control")) this.selectLines.length = 0;
+          if (!eventInput.isKeyDown("control")) this.removeSelectLineAll();
           this.addSelectLine(currentSelectLine);
         } else if (eventInput.isOnlyKeyDown("delete")) {
           this.deleteSelectLine();
@@ -1135,7 +1167,7 @@ class Default extends Component {
    */
   finally() {
     this.canceEventRecord("clear");
-    this.selectLines.length = 0;
+    this.removeSelectLineAll();
     this.updateSelectLinesGeometry();
   }
 }
@@ -1248,185 +1280,26 @@ class CommandManager extends EventDispatcher {
     }
   }
 }
-const _hoisted_1 = { class: "pointer-events-none absolute left-0 top-0 w-full h-fit z-[10000] flex flex-row justify-between p-[5px] box-border select-none pointer-events-[all]" };
-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: "EditorTool",
-  props: {
-    dxfSystem: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const originalLineVisible = ref(true), dxfVisible = ref(true), whiteModelVisible = ref(true), isLook = ref(false), dxfSystem = toRaw(props.dxfSystem);
-    function setLines(lines) {
-      if (lines) {
-        localStorage.setItem("lines", JSON.stringify(lines));
-        try {
-          dxfSystem.Dxf.set(lines);
-          dxfSystem.Dxf.lineOffset();
-        } catch (error) {
-          console.log(error);
-        }
-      }
-    }
-    async function selectLocalFile() {
-      const data = await SelectLocalFile.json();
-      if (Array.isArray(data)) {
-        localStorage.removeItem("orbitControls");
-        setLines(data);
-      }
-    }
-    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);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          createVNode(unref(ElButton), {
-            size: "small",
-            type: "success",
-            onClick: selectLocalFile
-          }, {
-            default: withCtx(() => _cache[2] || (_cache[2] = [
-              createTextVNode(" 选择文件 ", -1)
-            ])),
-            _: 1,
-            __: [2]
-          }),
-          createVNode(unref(ElButton), {
-            size: "small",
-            type: "primary",
-            onClick: _cache[0] || (_cache[0] = ($event) => unref(dxfSystem).Dxf.download("test.dxf"))
-          }, {
-            default: withCtx(() => _cache[3] || (_cache[3] = [
-              createTextVNode(" 下载 DXF ", -1)
-            ])),
-            _: 1,
-            __: [3]
-          })
-        ]),
-        createElementVNode("div", _hoisted_3, [
-          createElementVNode("div", _hoisted_4, [
-            createVNode(unref(ElCheckbox), {
-              modelValue: dxfVisible.value,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => dxfVisible.value = $event),
-              label: "dxf"
-            }, null, 8, ["modelValue"])
-          ]),
-          _cache[4] || (_cache[4] = createStaticVNode('<div class="mt-[5px] text-[#c9c9c9] text-[10px]"><p class="text-right"> 绘制连续线段:<span class="w-[110px] inline-block">Ctrl + L</span></p><p class="text-right"> 绘制线段确认:<span class="w-[110px] inline-block">Enter</span></p><p class="text-right"> 绘制门线:<span class="w-[110px] inline-block">Ctrl + M</span></p><p class="text-right"> 绘制窗户线:<span class="w-[110px] inline-block">Ctrl + Q</span></p><p class="text-right"> 移动线段点:<span class="w-[110px] inline-block">Ctrl + P</span></p><p class="text-right"> 删除线段:<span class="w-[110px] inline-block">选中 + Delete</span></p><p class="text-right"> 删除窗户线:<span class="w-[110px] inline-block">选中 + Q + Delete</span></p><p class="text-right"> 选中:<span class="w-[110px] inline-block">鼠标左键</span></p><p class="text-right"> 多选:<span class="w-[110px] inline-block">鼠标左键 + Ctrl</span></p><p class="text-right"> 取消选中:<span class="w-[110px] inline-block">鼠标左键 + Alt</span></p><p class="text-right"> 框选:<span class="w-[110px] inline-block">鼠标左键 + 移动</span></p><p class="text-right"> 线段同方向合并:<span class="w-[110px] inline-block">Ctrl + G</span></p><p class="text-right"> 线段连接:<span class="w-[110px] inline-block">选中 + Shift + L</span></p><p class="text-right"> 线段交点连接:<span class="w-[110px] inline-block">选中 + Ctrl + Shift + L</span></p><p class="text-right"> 取消命令:<span class="w-[110px] inline-block">Esc</span></p></div>', 1))
-        ])
-      ]);
-    };
-  }
-});
-let Editor$1 = class Editor extends Component {
-  static name = "Editor";
-  container = new THREE.Group();
-  get renderer() {
-    return this.parent?.findComponentByName("Renderer");
-  }
-  get dxf() {
-    return this.parent?.findComponentByName("Dxf");
-  }
-  get variable() {
-    return this.parent?.findComponentByName("Variable");
-  }
-  get eventInput() {
-    return this.parent?.findComponentByName("EventInput");
-  }
-  get renderManager() {
-    return this.parent?.findComponentByName("RenderManager");
-  }
-  get domEventRegister() {
-    return this.parent?.findComponentByName("DomEventRegister");
-  }
-  get domContainer() {
-    return this.parent?.findComponentByName("DomContainer");
-  }
-  commandManager = new CommandManager();
-  plane = new THREE.Mesh(new THREE.PlaneGeometry(2e3, 2e3, 2, 2));
-  app;
-  domElement = document.createElement("div");
-  onAddFromParent() {
-    setTimeout(() => this.openEdit(), 10);
-    const grid = new THREE.GridHelper(200, 100, 6710886, 4473924);
-    grid.rotation.x = Math.PI * 0.5;
-    grid.position.z = -0.01;
-    this.container.add(grid);
-    this.container.add(this.plane);
-    this.plane.visible = false;
-    this.app = createApp(_sfc_main, { dxfSystem: this.parent });
-    this.app.mount(this.domElement);
-    const cancelEvent = this.addEventListener("update", () => {
-      if (this.domContainer.domElement.parentElement) {
-        this.domContainer.domElement.parentElement.appendChild(this.domElement);
-        cancelEvent();
-      }
-    });
-  }
-  coords = new THREE.Vector2();
-  pointerPosition = new THREE.Vector2();
-  _exitEditCallBack;
-  /**
-   * 打开编辑器
-   */
-  openEdit() {
-    const renderer = this.renderer, domEventRegister = this.domEventRegister, dxf = this.dxf, orbitControls = renderer.orbitControls, camera = renderer.camera, center = dxf.box.center, cameraPosition = renderer.camera.position.clone(), target = orbitControls?.target?.clone(), size = new THREE.Vector2(), raycaster = new THREE.Raycaster(), coords = this.coords, pointerPosition = this.pointerPosition;
-    this.container.position.z = dxf.originalZAverage;
-    renderer.scene.add(this.container);
-    camera.position.set(center.x, center.y, 14);
-    if (orbitControls) {
-      orbitControls.target.set(center.x, center.y, 0);
-      orbitControls.enableRotate = false;
-    }
-    const mousemoveFun = () => {
-      renderer.renderer.getSize(size);
-      const x = domEventRegister.pointer.x / size.x * 2 - 1;
-      const y = -(domEventRegister.pointer.y / size.y * 2 - 1);
-      coords.set(x, y);
-      raycaster.setFromCamera(coords, renderer.camera);
-      const intersections = raycaster.intersectObject(this.plane);
-      if (intersections.length) {
-        pointerPosition.copy(intersections[0].point);
-        this.dispatchEvent({
-          type: "pointerPositionChange",
-          position: pointerPosition
-        });
-      }
-    };
-    domEventRegister.addEventListener("mousemove", mousemoveFun);
-    this.commandManager.disabled = false;
-    this.commandManager.start("default");
-    this._exitEditCallBack = () => {
-      domEventRegister.removeEventListener("mousemove", mousemoveFun);
-      camera.position.copy(cameraPosition);
-      orbitControls.enableRotate = true;
-      orbitControls.target.copy(target);
-    };
-  }
-  /**
-   * 退出编辑
-   */
-  exitEdit() {
-    if (typeof this._exitEditCallBack === "function") {
-      this._exitEditCallBack();
-      this._exitEditCallBack = void 0;
-      this.commandManager.disabled = true;
-    }
-  }
-  destroy() {
-    this.exitEdit();
-    this.renderer.scene.remove(this.container);
-    this.domElement.remove();
-    this.app?.unmount();
-  }
-};
+const door = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1757902601497'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='9801'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M761.344%20119.296H226.816c-18.944%200-39.424%2011.776-39.424%2030.72V921.6h614.4V148.48c0.512-18.944-22.016-29.184-40.448-29.184z%20m-537.6%20768c-2.048%200-2.048%200%200%200L221.696%20163.84c0-5.12%205.12-10.24%2010.24-10.24h522.24c8.704%200%2013.824%205.12%2013.824%2013.824v720.384s0%201.536-1.536%201.536h-15.36V194.56c0-16.896-8.704-24.064-29.184-24.064H266.24c-18.944%200-27.136%208.704-27.136%2024.064v692.736h-15.36z%20m49.152%200V204.8H716.8v682.496H272.896z'%20p-id='9802'%3e%3c/path%3e%3cpath%20d='M648.704%20508.416c-16.896%200-32.256%2013.824-32.256%2032.256%200%2016.896%2013.824%2032.256%2032.256%2032.256s32.256-13.824%2032.256-32.256c0-16.896-13.824-32.256-32.256-32.256z'%20p-id='9803'%3e%3c/path%3e%3c/svg%3e";
+const __vite_glob_0_0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: door
+}, Symbol.toStringTag, { value: "Module" }));
+const line = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1757902422799'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='1735'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M843.2%20726.4c-20.2%200-39.2%205.2-55.8%2014.3L283.8%20237.2c9-16.5%2014.1-35.4%2014.1-55.5%200-64.2-52.3-116.5-116.5-116.5S65%20117.4%2065%20181.6s52.3%20116.5%20116.5%20116.5c20.2%200%2039.2-5.2%2055.8-14.2l503.5%20503.5c-9%2016.5-14.1%2035.4-14.1%2055.5%200%2064.2%2052.3%20116.5%20116.5%20116.5s116.5-52.3%20116.5-116.5-52.3-116.5-116.5-116.5zM181.4%20232.1c-27.8%200-50.5-22.6-50.5-50.5s22.6-50.5%2050.5-50.5%2050.5%2022.6%2050.5%2050.5-22.6%2050.5-50.5%2050.5z%20m661.8%20661.3c-27.8%200-50.5-22.6-50.5-50.5%200-27.8%2022.6-50.5%2050.5-50.5s50.5%2022.6%2050.5%2050.5c0%2027.8-22.7%2050.5-50.5%2050.5z'%20fill='%23231815'%20p-id='1736'%3e%3c/path%3e%3c/svg%3e";
+const __vite_glob_0_1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: line
+}, Symbol.toStringTag, { value: "Module" }));
+const selectPoint = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1757902488735'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='3957'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M520.416%20179.392c-12.384%200-22.4%204.672-22.4%2010.432l-0.032%20139.136c0%205.76%2010.016%2010.432%2022.368%2010.432%2012.352%200%2022.368-4.672%2022.368-10.432l0.064-139.136c0-5.76-10.016-10.432-22.4-10.432M520.32%20623.04c-12.352%200-22.368%204.64-22.368%2010.4l-0.032%20139.168c0%205.76%2010.016%2010.432%2022.368%2010.432%2012.352%200%2022.368-4.672%2022.368-10.432l0.064-139.168c0-5.76-10.016-10.4-22.4-10.4M800.256%20458.72l-139.168-0.064c-5.76%200-10.432%2010.016-10.432%2022.4%200%2012.352%204.672%2022.368%2010.432%2022.368l139.168%200.032c5.76%200%2010.4-10.016%2010.4-22.368%200-12.352-4.64-22.368-10.4-22.4zM352.256%20458.72l-139.168-0.064c-5.76%200-10.432%2010.016-10.432%2022.4%200%2012.352%204.672%2022.368%2010.432%2022.368l139.168%200.032c5.76%200%2010.4-10.016%2010.4-22.368%200-12.352-4.64-22.368-10.4-22.4M801.568%20748.672l-72.544-72.544%2073.792-23.2a4.416%204.416%200%200%200%200.096-8.384l-183.136-62.4a4.416%204.416%200%200%200-5.6%205.568l62.464%20183.168a4.416%204.416%200%200%200%208.352-0.064l23.36-73.6%2072.32%2072.32a14.752%2014.752%200%200%200%2020.896-20.864M510.688%20382.112c49.952%200%2092.8%2040.832%2092.8%2092.8%200%2051.968-42.848%2092.8-92.8%2092.8-49.984%200-92.8-40.832-92.8-92.8%200-51.968%2042.816-92.8%2092.8-92.8z'%20p-id='3958'%3e%3c/path%3e%3c/svg%3e";
+const __vite_glob_0_2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: selectPoint
+}, Symbol.toStringTag, { value: "Module" }));
+const window$1 = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1757902547951'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='5129'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M59.355%2091.776v867.881h867.881V91.776H59.356zM897.31%20929.73H89.282V121.703h808.027V929.73z'%20fill=''%20p-id='5130'%3e%3c/path%3e%3cpath%20d='M833.964%20185.048H152.627v681.337h681.337V185.048z%20m-355.632%20651.41H182.554V532.2h295.778v304.257z%20m0-334.184H182.554V214.975h295.778v287.299z%20m325.705%20334.184H508.259V532.2h295.778v304.257z%20m0-334.184H508.259V214.975h295.778v287.299z'%20fill=''%20p-id='5131'%3e%3c/path%3e%3c/svg%3e";
+const __vite_glob_0_3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: window$1
+}, Symbol.toStringTag, { value: "Module" }));
 class RenderManager extends Component {
   static name = "RenderManager";
   container = new THREE.Group();
@@ -1436,7 +1309,6 @@ class RenderManager extends Component {
   actionHistory = /* @__PURE__ */ new Set();
   onAddFromParent() {
     const dxfLineModel = this.dxfLineModel;
-    this.reset();
     this.editor.container.add(this.container);
     this.editor.container.add(dxfLineModel.dxfModelGroup);
     dxfLineModel.dxfLineModel.material = new THREE.LineBasicMaterial({
@@ -1450,6 +1322,7 @@ class RenderManager extends Component {
     });
     this.variable.addEventListener("dxfVisible", (e) => dxfLineModel.dxfModelGroup.visible = e.value);
     this.dxf.addEventListener("createGroup", () => this.reset());
+    this.reset();
   }
   updatedMode = null;
   /** 重新设置数据
@@ -1463,39 +1336,40 @@ class RenderManager extends Component {
     }
     this.pointVirtualGrid = new PointVirtualGrid();
     const box = this.dxf.box.clone().expansion(Math.max(this.dxf.box.width, this.dxf.box.height) * 2);
+    if (box.width === 0 || box.height === 0) box.set(-200, -200, 200, 200);
     this.quadtree = new Quadtree(box);
     this.lines.length = 0;
-    this.dxf.lineSegments.forEach((line) => {
-      if (line.userData.isDoor && !line.userData.doorDirectConnection) return;
-      this.addLine(line.clone());
+    this.dxf.lineSegments.forEach((line2) => {
+      if (line2.userData.isDoor && !line2.userData.doorDirectConnection) return;
+      this.addLine(line2.clone());
     });
-    this.dxf.doorLineSegment.forEach((line) => {
-      const door = line.clone();
-      door.userData = {
+    this.dxf.doorLineSegment.forEach((line2) => {
+      const door2 = line2.clone();
+      door2.userData = {
         isDoor: true,
         doorDirectConnection: true
       };
-      this.addLine(door);
+      this.addLine(door2);
     });
     this.draw();
   }
   /** 添加线段
    * @param line 
    */
-  addLine(line) {
-    if (!line.userData) line.userData = {};
-    this.lines.push(line);
-    this.pointVirtualGrid.insert(line.start, line);
-    this.pointVirtualGrid.insert(line.end, line);
+  addLine(line2) {
+    if (!line2.userData) line2.userData = {};
+    this.lines.push(line2);
+    this.pointVirtualGrid.insert(line2.start, line2);
+    this.pointVirtualGrid.insert(line2.end, line2);
     const quadtreeNode = {
-      line,
+      line: line2,
       userData: void 0
     };
-    line.userData.quadtreeNode = quadtreeNode;
+    line2.userData.quadtreeNode = quadtreeNode;
     this.quadtree.insert(quadtreeNode);
     this.actionHistory.add({
       type: "addLine",
-      data: [line]
+      data: [line2]
     });
   }
   /**
@@ -1504,15 +1378,15 @@ class RenderManager extends Component {
    */
   addLines(lines) {
     for (let i = 0; i < lines.length; i++) {
-      const line = lines[i];
-      this.lines.push(line);
-      this.pointVirtualGrid.insert(line.start, line);
-      this.pointVirtualGrid.insert(line.end, line);
+      const line2 = lines[i];
+      this.lines.push(line2);
+      this.pointVirtualGrid.insert(line2.start, line2);
+      this.pointVirtualGrid.insert(line2.end, line2);
       const quadtreeNode = {
-        line,
+        line: line2,
         userData: void 0
       };
-      line.userData.quadtreeNode = quadtreeNode;
+      line2.userData.quadtreeNode = quadtreeNode;
       this.quadtree.insert(quadtreeNode);
     }
     this.actionHistory.add({
@@ -1523,16 +1397,16 @@ class RenderManager extends Component {
   /** 移除线段
    * @param line 
    */
-  removeLine(line) {
-    line.userData.quadtreeNode && this.quadtree.remove(line.userData.quadtreeNode);
-    this.pointVirtualGrid.remove(line.start);
-    this.pointVirtualGrid.remove(line.end);
-    const index = this.lines.indexOf(line);
+  removeLine(line2) {
+    line2.userData.quadtreeNode && this.quadtree.remove(line2.userData.quadtreeNode);
+    this.pointVirtualGrid.remove(line2.start);
+    this.pointVirtualGrid.remove(line2.end);
+    const index = this.lines.indexOf(line2);
     this.lines.splice(index, 1);
     this.draw();
     this.actionHistory.add({
       type: "removeLine",
-      data: [line]
+      data: [line2]
     });
   }
   /**
@@ -1541,14 +1415,14 @@ class RenderManager extends Component {
   draw(synchronize = true) {
     this.container.clear();
     const position = [], doorPosition = [], windowPosition = [];
-    this.lines.forEach((line) => {
-      line.points.forEach((p) => {
-        if (line.userData.isDoor) doorPosition.push(p.x, p.y, 0);
+    this.lines.forEach((line2) => {
+      line2.points.forEach((p) => {
+        if (line2.userData.isDoor) doorPosition.push(p.x, p.y, 0);
         else position.push(p.x, p.y, 0);
       });
-      if (line.userData.isWindow && line.userData.drawDoorData) {
-        line.userData.drawDoorData.forEach(({ width, p }) => {
-          const center = Point.from(p), direction = line.direction(), start = center.clone().add(direction.clone().multiplyScalar(width * 0.5)), end = center.clone().add(direction.clone().multiplyScalar(-width * 0.5));
+      if (line2.userData.isWindow && line2.userData.drawDoorData) {
+        line2.userData.drawDoorData.forEach(({ width, p }) => {
+          const center = Point.from(p), direction = line2.direction(), start = center.clone().add(direction.clone().multiplyScalar(width * 0.5)), end = center.clone().add(direction.clone().multiplyScalar(-width * 0.5));
           windowPosition.push(start.x, start.y, 1e-3);
           windowPosition.push(end.x, end.y, 1e-3);
         });
@@ -1619,13 +1493,14 @@ class RenderManager extends Component {
    * 转为json
    */
   toJson() {
-    return this.lines.map((line) => {
-      const userData = line.userData;
+    return this.lines.map((line2) => {
+      const userData = line2.userData;
       const drawDoorData = userData.drawDoorData;
+      const insetionArr = this.quadtree.queryLineSegment(line2).filter((r) => r.line !== line2 && !r.userData?.isDoor).map((r) => ({ index: this.lines.indexOf(r.line) }));
       return {
-        start: line.start.toJson(),
-        end: line.end.toJson(),
-        insetionArr: [],
+        start: line2.start.toJson(),
+        end: line2.end.toJson(),
+        insetionArr,
         isDoor: userData.isDoor,
         doorDirectConnection: userData.isDoor,
         isWindow: userData.isWindow,
@@ -1682,6 +1557,7 @@ class DrawDoorLine extends CommandFlowComponent {
   shortcutKeys = ["control", "m"];
   commandName = "draw-door-line";
   onAddFromParent(parent) {
+    super.onAddFromParent(parent);
     const editor = parent.findComponentByName("Editor"), eventInput = editor.eventInput, commandManager = editor.commandManager;
     this.editor.container.add(this.container);
     const commandFlow = this.commandManager.addCommandFlow("draw-door-line").add(this.createInterrupt()).add(this.createCursor("no-drop")).add(this.selectPoint.bind(this));
@@ -1697,7 +1573,7 @@ class DrawDoorLine extends CommandFlowComponent {
    * @param next 
    */
   selectPoint(next) {
-    let editor = this.parent?.findComponentByName("Editor"), start = null, circle = new THREE.Mesh(new THREE.SphereGeometry(0.05), new THREE.MeshBasicMaterial({ color: 65280 })), line = new Lines([], 16711935), auxiliaryLine = new Lines([
+    let editor = this.parent?.findComponentByName("Editor"), start = null, circle = new THREE.Mesh(new THREE.SphereGeometry(0.05), new THREE.MeshBasicMaterial({ color: 65280 })), line2 = new Lines([], 16711935), auxiliaryLine = new Lines([
       new THREE.Vector3(-1e4, 0, 0),
       new THREE.Vector3(1e4, 0, 0),
       new THREE.Vector3(0, -1e4, 0),
@@ -1709,13 +1585,13 @@ class DrawDoorLine extends CommandFlowComponent {
       gapSize: 0.1,
       linewidth: 0.1
     });
-    this.container.add(line);
+    this.container.add(line2);
     let currentPoint = null;
     this.addEventRecord(
       "clear",
       editor.addEventListener("pointerPositionChange", () => {
         const { point, find } = editor.renderManager.adsorption(0.05);
-        start && line.setPoint(start, point);
+        start && line2.setPoint(start, point);
         if (find) {
           circle.position.set(point.x, point.y, 0);
           this.container.add(circle);
@@ -1737,7 +1613,7 @@ class DrawDoorLine extends CommandFlowComponent {
         }
       }),
       function() {
-        line.removeFromParent();
+        line2.removeFromParent();
         circle.removeFromParent();
         auxiliaryLine.removeFromParent();
       }
@@ -1748,10 +1624,10 @@ class DrawDoorLine extends CommandFlowComponent {
   completed(points) {
     const editor = this.editor, lines = [];
     for (let i = 0; i < points.length; i += 2) {
-      const line = new LineSegment(Point.from(points[i]), Point.from(points[i + 1]));
-      line.userData.isDoor = true;
-      line.userData.doorDirectConnection = true;
-      lines.push(line);
+      const line2 = new LineSegment(Point.from(points[i]), Point.from(points[i + 1]));
+      line2.userData.isDoor = true;
+      line2.userData.doorDirectConnection = true;
+      lines.push(line2);
     }
     editor.renderManager.addLines(lines);
     editor.renderManager.draw();
@@ -1763,10 +1639,11 @@ class DrawWindow extends CommandFlowComponent {
   interruptKeys = ["escape"];
   shortcutKeys = ["control", "q"];
   commandName = "draw-window-line";
-  onAddFromParent() {
+  onAddFromParent(parent) {
+    super.onAddFromParent(parent);
     this.editor.container.add(this.container);
     const commandFlow = this.commandManager.addCommandFlow(this.commandName).add(this.createInterrupt()).add(this.createCursor("no-drop")).add(this.selectPointStart.bind(this)).add(this.selectPointEnd.bind(this));
-    commandFlow.addEventListener("finally", this.createFinally());
+    commandFlow.addEventListener("finally", this.createFinally(["selectPointStart"]));
     commandFlow.addEventListener("completed", (e) => this.completed(e.data));
     this.eventInput.addKeyCombination(this.commandName, this.shortcutKeys);
     this.eventInput.addEventListener("codeChange", async () => this.eventInput.isKeyCombination(this.commandName) && await this.commandManager.start(this.commandName));
@@ -1778,11 +1655,11 @@ class DrawWindow extends CommandFlowComponent {
   selectPointStart(next) {
     let currentPoint = null, circle = new THREE.Mesh(new THREE.SphereGeometry(0.05), new THREE.MeshBasicMaterial({ color: 16711935 })), currentLine = null;
     this.addEventRecord("selectPointStart").add(this.editor.addEventListener("pointerPositionChange", () => {
-      const { point, line, find } = this.editor.renderManager.adsorption();
+      const { point, line: line2, find } = this.editor.renderManager.adsorption();
       if (find) {
         this.domElement.style.cursor = "none";
         circle.position.copy(point);
-        currentLine = line;
+        currentLine = line2;
         currentPoint = point.clone();
         this.container.add(circle);
       } else {
@@ -1801,11 +1678,11 @@ class DrawWindow extends CommandFlowComponent {
   /** 选择结束点
    * @param next 
    */
-  selectPointEnd(next, { point, line }) {
+  selectPointEnd(next, { point, line: line2 }) {
     let currentPoint = null, circle = new THREE.Mesh(new THREE.SphereGeometry(0.05), new THREE.MeshBasicMaterial({ color: 16711935 }));
     this.addEventRecord("clear").add(() => circle.removeFromParent()).add(this.editor.addEventListener("pointerPositionChange", () => {
       const { point: point2, find, line: l } = this.editor.renderManager.adsorption();
-      if (find && l === line) {
+      if (find && l === line2) {
         this.domElement.style.cursor = "none";
         circle.position.copy(point2);
         currentPoint = point2.clone();
@@ -1816,30 +1693,607 @@ class DrawWindow extends CommandFlowComponent {
         circle.removeFromParent();
       }
     })).add(this.eventInput.addEventListener("codeChange", () => {
-      if (this.eventInput.isKeyDown("mouse_0") && currentPoint) next({ line, start: point, end: currentPoint });
+      if (this.eventInput.isKeyDown("mouse_0") && currentPoint) next({ line: line2, start: point, end: currentPoint });
     }));
   }
   /** 执行完成
    */
   completed(data) {
-    const start = data.start, end = data.end, line = data.line, win = new LineSegment(Point.from(start), Point.from(end)), center = win.center, len = win.length();
-    line.userData.isWindow = true;
-    if (!line.userData.drawDoorData) line.userData.drawDoorData = [];
-    line.userData.drawDoorData.push({
+    const start = data.start, end = data.end, line2 = data.line, win = new LineSegment(Point.from(start), Point.from(end)), center = win.center, len = win.length();
+    line2.userData.isWindow = true;
+    if (!line2.userData.drawDoorData) line2.userData.drawDoorData = [];
+    line2.userData.drawDoorData.push({
       p: new THREE.Vector3(center.x, center.y, 0),
       width: len,
-      full: Math.abs(len - line.length()) < 0.01
+      full: Math.abs(len - line2.length()) < 0.01
     });
     this.renderManager.draw();
   }
 }
+const _hoisted_1 = {
+  key: 0,
+  class: "mt-[5px] text-[#ccc] text-[11px] absolute left-[10px] bottom-[10px] rounded-[8px] min-w-[150px] bg-black/15 p-[10px]"
+};
+const _hoisted_2 = { class: "text-start max-w-[100px]" };
+const _hoisted_3 = { class: "inline-block ml-[10px] text-[var(--color-primary)]" };
+const _hoisted_4 = {
+  key: 0,
+  class: "p-[5px] min-w-[140px]"
+};
+const _hoisted_5 = { class: "text-[14px] flex flex-col" };
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = { class: "flex flex-row items-center" };
+const _hoisted_8 = { class: "flex justify-center items-center size-[20px] bg-[#f0f0f0] rounded-[2px] mr-[10px]" };
+const _hoisted_9 = ["src"];
+const _hoisted_10 = {
+  key: 1,
+  class: "text-[#999]"
+};
+const _hoisted_11 = {
+  style: { "--el-color-primary": "var(--primary-color)" },
+  class: "flex flex-row items-center justify-between gap-[10px] mt-[10px] text-[10px]"
+};
+const _hoisted_12 = {
+  key: 0,
+  class: "flex flex-row items-center flex-wrap justify-between gap-[10px] mt-[10px] text-[10px]"
+};
+const _hoisted_13 = { class: "border-t-1 border-t-[#eee] mt-[5px] pt-[5px] h-[20px] flex items-center gap-[10px]" };
+const _hoisted_14 = {
+  key: 1,
+  class: "select-none flex-1 flex justify-center text-[12px] text-[#999]"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EditorTool",
+  props: {
+    dxfSystem: {},
+    permission: {}
+  },
+  setup(__props) {
+    function setEditorToolPosition(left, top, rect = elRef.value.getBoundingClientRect(), toolBarRect = toolBarRef.value.getBoundingClientRect()) {
+      const minX = 0, maxX = rect.width - toolBarRect.width, minY = 0, maxY = rect.height - toolBarRect.height;
+      left = Math.max(minX, Math.min(left, maxX));
+      top = Math.max(minY, Math.min(top, maxY));
+      toolBarPosition.value = { left, top };
+    }
+    function startCurrentCommandItem(item) {
+      if (currentCommand.value === item.command) return;
+      editor.commandManager.start(item.command);
+    }
+    function setLines(lines) {
+      if (lines) {
+        localStorage.setItem("lines", JSON.stringify(lines));
+        try {
+          dxfSystem.Dxf.set(lines);
+          dxfSystem.Dxf.lineOffset();
+        } catch (error) {
+          console.log(error);
+        }
+      }
+    }
+    async function selectLocalFile() {
+      const data = await SelectLocalFile.json();
+      if (Array.isArray(data)) {
+        localStorage.removeItem("orbitControls");
+        setLines(data);
+      }
+    }
+    function dragMoveHelper({ offsetX, offsetY }) {
+      domEventRegister.mouseMoveEventProxylock = true;
+      const cusor = document.body.style.cursor;
+      document.body.style.cursor = "move";
+      const move = (e) => {
+        const rect = elRef.value.getBoundingClientRect(), toolBarRect = toolBarRef.value.getBoundingClientRect();
+        setEditorToolPosition(
+          e.pageX - rect.left - offsetX,
+          e.pageY - rect.top - offsetY,
+          rect,
+          toolBarRect
+        );
+        e.stopPropagation();
+        document.body.style.cursor = "move";
+      };
+      const end = () => {
+        document.body.removeEventListener("mousemove", move);
+        document.removeEventListener("mouseup", end);
+        document.body.style.cursor = cusor;
+        domEventRegister.mouseMoveEventProxylock = false;
+      };
+      document.body.addEventListener("mousemove", move);
+      document.addEventListener("mouseup", end);
+    }
+    const props = __props;
+    const originalLineVisible = ref(true), dxfVisible = ref(true), whiteModelVisible = ref(true), isLook = ref(false), elRef = ref(), toolBarRef = ref(), toolBarExpand = ref(true), currentCommand = ref(""), dxfSystem = toRaw(props.dxfSystem), domEventRegister = dxfSystem.findComponentByType(DomEventRegister), editor = dxfSystem.findComponentByType(Editor$1), defaultComponent = dxfSystem.findComponentByType(Default), whiteModel = dxfSystem.findComponentByType(WhiteModel), toolBarPosition = ref({ left: 10, top: 10 }), images = /* @__PURE__ */ Object.assign({ "./assets/images/door.svg": __vite_glob_0_0, "./assets/images/line.svg": __vite_glob_0_1, "./assets/images/selectPoint.svg": __vite_glob_0_2, "./assets/images/window.svg": __vite_glob_0_3 }), showShortcutKey = ref(false), selectLineCount = ref(0), hasWindowLine = ref(false), resizeObserver = new ResizeObserver(() => setEditorToolPosition(toolBarPosition.value.left, toolBarPosition.value.top)), shortcutKeys = [
+      { "name": "开启绘制线段命令", "shortcut": "Ctrl + L" },
+      { "name": "开启绘制门线命令", "shortcut": "Ctrl + M" },
+      { "name": "开启绘制窗户线命令", "shortcut": "Ctrl + Q" },
+      { "name": "开启点修改命令", "shortcut": "Ctrl + P" },
+      { "name": "线段方向移动线段点（点修改命令下）", "shortcut": "Shift + 移动" },
+      { "name": "删除线段", "shortcut": "选中 + Delete" },
+      { "name": "删除窗户线", "shortcut": "选中 + Q + Delete" },
+      { "name": "选中", "shortcut": "鼠标左键" },
+      { "name": "多选", "shortcut": "鼠标左键 + Ctrl" },
+      { "name": "取消选中", "shortcut": "鼠标左键 + Alt" },
+      { "name": "框选", "shortcut": "鼠标左键 + 移动" },
+      { "name": "线段同方向合并", "shortcut": "Ctrl + G" },
+      { "name": "线段连接", "shortcut": "选中 + Shift + L" },
+      { "name": "线段交点连接", "shortcut": "选中 + Ctrl + Shift + L" },
+      { "name": "命令确认", "shortcut": "Enter" },
+      { "name": "取消命令", "shortcut": "Esc" }
+    ], commandList = [
+      {
+        command: "default",
+        name: "默认",
+        show: false,
+        shortcut: ""
+      },
+      {
+        command: "draw-line",
+        name: "绘制线段",
+        src: images["./assets/images/line.svg"].default,
+        show: true,
+        shortcut: "Ctrl + L"
+      },
+      {
+        command: "draw-door-line",
+        name: "绘制门线",
+        show: true,
+        src: images["./assets/images/door.svg"].default,
+        shortcut: "Ctrl + M"
+      },
+      {
+        command: "draw-window-line",
+        name: "绘制窗户线",
+        show: true,
+        src: images["./assets/images/window.svg"].default,
+        shortcut: "Ctrl + Q"
+      },
+      {
+        command: "point",
+        name: "点修改",
+        show: true,
+        src: images["./assets/images/selectPoint.svg"].default,
+        shortcut: "Ctrl + P"
+      }
+    ];
+    watch(toolBarPosition, () => localStorage.setItem("editorToolPosition", JSON.stringify(toolBarPosition.value)));
+    watch(showShortcutKey, () => localStorage.setItem("showShortcutKey", showShortcutKey.value + ""));
+    watch(toolBarExpand, () => localStorage.setItem("toolBarExpand", toolBarExpand.value + ""));
+    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);
+    const startedEventCancel = editor.commandManager.addEventListener("started", (e) => {
+      currentCommand.value = e.name;
+    });
+    if (localStorage.getItem("showShortcutKey")) {
+      showShortcutKey.value = localStorage.getItem("showShortcutKey") === "true";
+    }
+    if (localStorage.getItem("toolBarExpand")) {
+      toolBarExpand.value = localStorage.getItem("toolBarExpand") === "true";
+    }
+    onMounted(() => {
+      toolBarRef.value.style.display = "none";
+      setTimeout(() => {
+        toolBarRef.value.style.display = "block";
+        if (localStorage.getItem("editorToolPosition")) {
+          const { left, top } = JSON.parse(localStorage.getItem("editorToolPosition") ?? "{}");
+          setEditorToolPosition(left, top);
+          nextTick(() => resizeObserver.observe(elRef.value));
+        } else {
+          nextTick(() => resizeObserver.observe(elRef.value));
+        }
+      }, 20);
+      defaultComponent.addEventListener("selectLineChange", () => {
+        selectLineCount.value = defaultComponent.selectLines.length;
+        hasWindowLine.value = defaultComponent.selectLines.some((l) => l.userData.isWindow);
+      });
+    });
+    onUnmounted(() => {
+      domEventRegister.mouseMoveEventProxylock = false;
+      startedEventCancel();
+      resizeObserver.disconnect();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "elRef",
+        ref: elRef,
+        class: "editorTool pointer-events-none overflow-hidden absolute left-0 top-0 w-full h-full z-[10000] flex flex-row justify-between p-[5px] box-border select-none pointer-events-[all]"
+      }, [
+        createVNode(Transition, null, {
+          default: withCtx(() => [
+            showShortcutKey.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+              (openBlock(), createElementBlock(Fragment, null, renderList(shortcutKeys, (item) => {
+                return createElementVNode("p", {
+                  class: "p-[4px_0px] flex justify-between text-right border-b-1 border-b-[rgba(255,255,255,0.1)] last-of-type:border-b-0",
+                  key: item.name
+                }, [
+                  createElementVNode("p", _hoisted_2, toDisplayString(item.name), 1),
+                  createElementVNode("span", _hoisted_3, toDisplayString(item.shortcut), 1)
+                ]);
+              }), 64))
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }),
+        createElementVNode("div", {
+          ref_key: "toolBarRef",
+          ref: toolBarRef,
+          style: normalizeStyle({ left: toolBarPosition.value.left + "px", top: toolBarPosition.value.top + "px" }),
+          class: normalizeClass(["pointer-events-auto max-w-[260px] transition-[border-radius] text-[#333] absolute z-[11] bg-white select-none", { "rounded-[8px] ": toolBarExpand.value }]),
+          onMousedown: _cache[13] || (_cache[13] = (e) => e.stopPropagation())
+        }, [
+          createElementVNode("div", {
+            onMousedown: dragMoveHelper,
+            class: normalizeClass([{ "border-b-[#eee]": toolBarExpand.value }, "flex flex-row justify-between header text-[14px] font-bold p-[10px 0px] border-b-1"])
+          }, [
+            _cache[15] || (_cache[15] = createStaticVNode('<div class="flex flex-row" data-v-a5aa9d5a><div class="p-[2px_5px] flex items-center pointer-events-none" data-v-a5aa9d5a><svg fill="#aaa" width="20" height="20" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" data-v-a5aa9d5a><path d="M341.333333 298.666667a85.333333 85.333333 0 1 0 0-170.666667 85.333333 85.333333 0 0 0 0 170.666667z m0 298.666666a85.333333 85.333333 0 1 0 0-170.666666 85.333333 85.333333 0 0 0 0 170.666666z m85.333334 213.333334a85.333333 85.333333 0 1 1-170.666667 0 85.333333 85.333333 0 0 1 170.666667 0z m256-512a85.333333 85.333333 0 1 0 0-170.666667 85.333333 85.333333 0 0 0 0 170.666667z m85.333333 213.333333a85.333333 85.333333 0 1 1-170.666667 0 85.333333 85.333333 0 0 1 170.666667 0z m-85.333333 384a85.333333 85.333333 0 1 0 0-170.666667 85.333333 85.333333 0 0 0 0 170.666667z" data-v-a5aa9d5a></path></svg></div><h5 class="flex text-[12px] items-center pointer-events-none" data-v-a5aa9d5a>绘制工具</h5></div>', 1)),
+            createElementVNode("div", {
+              onMousedown: _cache[0] || (_cache[0] = (e) => e.stopPropagation()),
+              onClick: _cache[1] || (_cache[1] = ($event) => toolBarExpand.value = !toolBarExpand.value),
+              class: "cursor-pointer flex items-center p-[0px_5px]"
+            }, [
+              (openBlock(), createElementBlock("svg", {
+                fill: "#666",
+                class: normalizeClass([{ "rotate-90": toolBarExpand.value }, "transition-all"]),
+                viewBox: "0 0 1024 1024",
+                version: "1.1",
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "12",
+                height: "12"
+              }, _cache[14] || (_cache[14] = [
+                createElementVNode("path", { d: "M315.050667 938.666667a60.757333 60.757333 0 0 0 41.813333-16.298667L750.933333 551.338667a53.418667 53.418667 0 0 0 0-78.677334L356.864 101.632a61.696 61.696 0 0 0-83.541333 0 53.418667 53.418667 0 0 0-0.256 78.677333L625.408 512 273.066667 843.690667a53.418667 53.418667 0 0 0 0 78.677333 60.757333 60.757333 0 0 0 41.984 16.298667z" }, null, -1)
+              ]), 2))
+            ], 32)
+          ], 34),
+          toolBarExpand.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            createElementVNode("ul", _hoisted_5, [
+              (openBlock(), createElementBlock(Fragment, null, renderList(commandList, (item) => {
+                return openBlock(), createElementBlock(Fragment, {
+                  key: item.command
+                }, [
+                  item.show ? (openBlock(), createElementBlock("li", {
+                    key: 0,
+                    onClick: ($event) => startCurrentCommandItem(item),
+                    class: normalizeClass([{ "!bg-[var(--primary-color)] text-[#fff]": currentCommand.value === item.command }, "gap-[20px] text-[12px] hover:bg-[#ddd] transition-all rounded-[6px] p-[5px] flex flex-row items-center justify-between cursor-pointer"])
+                  }, [
+                    createElementVNode("div", _hoisted_7, [
+                      createElementVNode("div", _hoisted_8, [
+                        createElementVNode("img", {
+                          class: "size-[14px]",
+                          src: item.src,
+                          alt: "",
+                          srcset: ""
+                        }, null, 8, _hoisted_9)
+                      ]),
+                      createElementVNode("span", null, toDisplayString(item.name), 1)
+                    ]),
+                    currentCommand.value === item.command ? (openBlock(), createElementBlock("div", {
+                      key: 0,
+                      title: "取消命令(Esc)",
+                      class: "active:scale-[0.7] transition-all",
+                      onClick: _cache[2] || (_cache[2] = (e) => (unref(editor).cancelCommand(), e.stopPropagation()))
+                    }, _cache[16] || (_cache[16] = [
+                      createElementVNode("svg", {
+                        fill: "#fff",
+                        width: "16",
+                        height: "16",
+                        viewBox: "0 0 1024 1024",
+                        version: "1.1",
+                        xmlns: "http://www.w3.org/2000/svg"
+                      }, [
+                        createElementVNode("path", { d: "M511.104 0C228.821333 0 0 228.821333 0 511.104c0 282.282667 228.821333 511.104 511.104 511.104 282.282667 0 511.104-228.842667 511.104-511.104C1022.208 228.821333 793.386667 0 511.104 0zM511.104 898.496c-213.973333 0-387.434667-173.44-387.434667-387.413333 0-213.952 173.44-387.413333 387.434667-387.413333 213.952 0 387.392 173.44 387.392 387.413333C898.496 725.056 725.056 898.496 511.104 898.496z" }),
+                        createElementVNode("path", { d: "M236.437333 463.914667l549.333333 0 0 96.874667-549.333333 0 0-96.874667Z" })
+                      ], -1)
+                    ]))) : item.shortcut ? (openBlock(), createElementBlock("div", _hoisted_10, toDisplayString(item.shortcut), 1)) : createCommentVNode("", true)
+                  ], 10, _hoisted_6)) : createCommentVNode("", true)
+                ], 64);
+              }), 64))
+            ]),
+            createElementVNode("div", _hoisted_11, [
+              createVNode(unref(ElCheckbox), {
+                size: "small",
+                modelValue: showShortcutKey.value,
+                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => showShortcutKey.value = $event),
+                label: "快捷键提示"
+              }, null, 8, ["modelValue"]),
+              createVNode(unref(ElCheckbox), {
+                size: "small",
+                modelValue: dxfVisible.value,
+                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => dxfVisible.value = $event),
+                label: "dxf"
+              }, null, 8, ["modelValue"])
+            ]),
+            _ctx.permission === "admin" ? (openBlock(), createElementBlock("div", _hoisted_12, [
+              createVNode(unref(ElButton), {
+                style: { "padding": "5px", "font-size": "10px" },
+                size: "small",
+                type: "success",
+                onClick: selectLocalFile
+              }, {
+                default: withCtx(() => _cache[17] || (_cache[17] = [
+                  createTextVNode(" 选择文件 ", -1)
+                ])),
+                _: 1,
+                __: [17]
+              }),
+              createVNode(unref(ElButton), {
+                style: { "padding": "5px", "font-size": "10px" },
+                size: "small",
+                type: "primary",
+                onClick: _cache[5] || (_cache[5] = ($event) => unref(dxfSystem).Dxf.download("test.dxf"))
+              }, {
+                default: withCtx(() => _cache[18] || (_cache[18] = [
+                  createTextVNode(" 下载 DXF ", -1)
+                ])),
+                _: 1,
+                __: [18]
+              }),
+              createVNode(unref(ElButton), {
+                style: { "padding": "5px", "font-size": "10px" },
+                size: "small",
+                type: "primary",
+                onClick: _cache[6] || (_cache[6] = ($event) => unref(whiteModel).downloadGltf("test.glb", true))
+              }, {
+                default: withCtx(() => _cache[19] || (_cache[19] = [
+                  createTextVNode(" 下载 白膜 ", -1)
+                ])),
+                _: 1,
+                __: [19]
+              }),
+              createVNode(unref(ElButton), {
+                style: { "padding": "5px", "font-size": "10px" },
+                size: "small",
+                type: "primary",
+                onClick: _cache[7] || (_cache[7] = ($event) => console.log(unref(dxfSystem).Dxf.originalData))
+              }, {
+                default: withCtx(() => _cache[20] || (_cache[20] = [
+                  createTextVNode(" 打印Json ", -1)
+                ])),
+                _: 1,
+                __: [20]
+              })
+            ])) : createCommentVNode("", true),
+            createVNode(Transition, null, {
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_13, [
+                  selectLineCount.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                    selectLineCount.value == 2 ? (openBlock(), createElementBlock("div", {
+                      key: 0,
+                      onClick: _cache[8] || (_cache[8] = ($event) => unref(defaultComponent).mergeLine()),
+                      title: "合并(Ctrl + G)",
+                      class: "active:scale-[0.8] transition-all cursor-pointer"
+                    }, _cache[21] || (_cache[21] = [
+                      createElementVNode("svg", {
+                        viewBox: "0 0 1024 1024",
+                        version: "1.1",
+                        xmlns: "http://www.w3.org/2000/svg",
+                        fill: "#555",
+                        width: "16",
+                        height: "16"
+                      }, [
+                        createElementVNode("path", { d: "M114.176 46.528h618.496c37.312 0.064 67.584 30.336 67.648 67.648v618.56c0 37.248-30.336 67.584-67.648 67.584H114.176A67.776 67.776 0 0 1 46.528 732.8V114.176c0-37.312 30.336-67.648 67.648-67.648z m2.176 686.208l616.32-2.24-2.176-616.32-614.144 2.176v616.32zM907.648 291.2l2.176 616.32H291.264a34.88 34.88 0 1 0 0 69.888h618.56c37.312 0 67.648-30.336 67.648-67.648V291.264a34.88 34.88 0 1 0-69.824 0z" })
+                      ], -1)
+                    ]))) : createCommentVNode("", true),
+                    selectLineCount.value == 2 ? (openBlock(), createElementBlock("div", {
+                      key: 1,
+                      onClick: _cache[9] || (_cache[9] = ($event) => unref(defaultComponent).connection()),
+                      title: "两点连接(Shift + L)",
+                      class: "active:scale-[0.8] transition-all cursor-pointer"
+                    }, _cache[22] || (_cache[22] = [
+                      createElementVNode("svg", {
+                        viewBox: "0 0 1024 1024",
+                        version: "1.1",
+                        xmlns: "http://www.w3.org/2000/svg",
+                        fill: "#555",
+                        width: "16",
+                        height: "16"
+                      }, [
+                        createElementVNode("path", { d: "M639.999191 893.597594c-0.999994-54.699654-36.39977-101.099361-85.39946-118.399252-6.39996-2.199986-10.599933-8.299948-10.599933-14.999905V263.801573c0-6.699958 4.199973-12.799919 10.599933-14.999905 49.09969-17.299891 84.399467-63.599598 85.39946-118.399252C641.299183 59.902862 583.399549 0.503237 512.899994 0.00324 441.800444-0.496757 384.000809 57.00288 384.000809 128.002431c0 55.699648 35.599775 103.099349 85.299461 120.699238 6.39996 2.299985 10.699932 8.299948 10.699932 15.099904v496.396864c0 6.799957-4.299973 12.799919-10.699932 15.099904-49.699686 17.599889-85.299461 64.999589-85.299461 120.699238 0 70.999551 57.799635 128.499188 128.899185 127.999191 70.499555-0.499997 128.399189-59.899622 127.099197-130.399176zM448.000404 128.002431c0-35.299777 28.699819-63.999596 63.999596-63.999595s63.999596 28.699819 63.999596 63.999595-28.699819 63.999596-63.999596 63.999596-63.999596-28.699819-63.999596-63.999596z m0 767.995148c0-35.299777 28.699819-63.999596 63.999596-63.999596s63.999596 28.699819 63.999596 63.999596-28.699819 63.999596-63.999596 63.999595-63.999596-28.699819-63.999596-63.999595z" })
+                      ], -1)
+                    ]))) : createCommentVNode("", true),
+                    selectLineCount.value == 2 ? (openBlock(), createElementBlock("div", {
+                      key: 2,
+                      onClick: _cache[10] || (_cache[10] = ($event) => unref(defaultComponent).intersectionConnection()),
+                      title: "延长线交点连接(Ctrl + Shift + L)",
+                      class: "active:scale-[0.8] transition-all cursor-pointer"
+                    }, _cache[23] || (_cache[23] = [
+                      createElementVNode("svg", {
+                        viewBox: "0 0 1024 1024",
+                        version: "1.1",
+                        xmlns: "http://www.w3.org/2000/svg",
+                        fill: "#555",
+                        width: "16",
+                        height: "16"
+                      }, [
+                        createElementVNode("path", { d: "M491.80027198 557.44938977c-10.0998647-15.14979706-20.19972802-25.24966037-35.34952507-35.34952507-15.14979706-10.0998647-30.29959271-15.14979706-50.49932211-15.14979704-55.54925309 0-100.99864286 45.44938977-100.99864287 100.99864285 0 15.14979706 5.04993234 35.34952507 15.14979568 50.49932212 10.0998647 15.14979706 20.19972802 30.29959271 35.34952506 35.34952508 15.14979706 10.0998647 35.34952507 15.14979706 50.49932213 15.14979567 55.54925309 0 100.99864286-45.44938977 100.99864286-100.99864287 0-15.14979706-5.04993234-35.34952507-15.14979568-50.49932074z m-85.84884718 100.99864286h-15.14979706c-20.19972802-5.04993234-30.29959271-20.19972802-35.34952507-35.34952507V612.99864286c0-30.29959271 25.24966037-50.49932212 50.49932213-50.49932074h10.09986469c15.14979706 5.04993234 30.29959271 15.14979706 35.34952507 35.34952507v15.14979567c5.04993234 25.24966037-20.19972802 45.44938977-45.44938976 45.44938977z" }),
+                        createElementVNode("path", { d: "M390.80162774 658.44803263l-40.39945604 40.39945743-227.24694747 222.19701373-35.34952506-35.34952508 227.24694745-227.24694608 40.39945605-40.39945743c5.04993234 20.19972802 20.19972802 35.34952507 35.34952507 40.39945743zM648.34816793 405.9514248l-40.39945742 40.3994574-116.14843853 116.14843992-40.39945742 35.34952507c-5.04993234-20.19972802-20.19972802-30.29959271-35.34952507-35.34952507l40.39945742-40.39945742 116.14843853-111.09850756 35.34952507-35.34952507c10.0998647 15.14979706 20.19972802 25.24966037 40.39945742 30.29959273zM926.09443614 133.25508894L749.34681078 310.00271428l-40.3994574 40.39945742c-5.04993234-20.19972802-15.14979706-35.34952507-30.29959272-40.39945742l35.34952506-40.39945742 176.74762534-176.74762535 35.34952508 40.39945743z" }),
+                        createElementVNode("path", { d: "M749.34681078 310.00271428c-10.0998647-15.14979706-20.19972802-30.29959271-35.34952506-35.34952506-15.14979706-10.0998647-35.34952507-15.14979706-55.54925309-15.14979706-55.54925309 0-100.99864286 45.44938977-100.99864286 100.99864286 0 20.19972802 5.04993234 40.39945743 15.14979567 55.54925447 10.0998647 15.14979706 20.19972802 25.24966037 35.34952507 35.34952507 15.14979706 10.0998647 30.29959271 15.14979706 50.49932212 15.14979567 55.54925309 0 100.99864286-45.44938977 100.99864286-100.99864286 0-25.24966037-5.04993234-40.39945743-10.09986471-55.54925309z m-90.89877815 95.94871052h-10.0998647c-20.19972802-5.04993234-35.34952507-15.14979706-40.39945742-35.34952509 0-5.04993234-5.04993234-10.0998647-5.04993234-15.14979704 0-30.29959271 25.24966037-50.49932212 50.49932212-50.49932074 5.04993234 0 10.0998647 0 15.14979704 5.04993235 15.14979706 5.04993234 30.29959271 20.19972802 30.29959273 40.39945742v10.09986332c10.0998647 25.24966037-15.14979706 45.44938977-40.39945743 45.44938978z" })
+                      ], -1)
+                    ]))) : createCommentVNode("", true),
+                    hasWindowLine.value ? (openBlock(), createElementBlock("div", {
+                      key: 3,
+                      onClick: _cache[11] || (_cache[11] = ($event) => unref(defaultComponent).deleteSelectWindow()),
+                      title: "清除窗户(Q + Delete)",
+                      class: "active:scale-[0.8] transition-all cursor-pointer"
+                    }, _cache[24] || (_cache[24] = [
+                      createElementVNode("svg", {
+                        viewBox: "0 0 1024 1024",
+                        version: "1.1",
+                        xmlns: "http://www.w3.org/2000/svg",
+                        fill: "#555",
+                        width: "16",
+                        height: "16"
+                      }, [
+                        createElementVNode("path", { d: "M220.451548 913.518482V318.145854c0-27.62038 22.505495-50.125874 50.125875-50.125874H865.95005c27.62038 0 50.125874 22.505495 50.125874 50.125874v218.917083h59.332667V318.145854c0-60.355644-49.102897-109.458541-109.458541-109.458541h-39.896104v-99.228772C826.053946 49.102897 776.951049 0 716.595405 0H121.222777C60.867133 0 11.764236 49.102897 11.764236 109.458541V705.854146c0 60.355644 49.102897 109.458541 109.458541 109.458541h39.896104v99.228772c0 60.355644 49.102897 109.458541 109.458542 109.458541h257.790209v-59.332667H269.554446c-26.597403-1.022977-49.102897-23.528472-49.102898-51.148851z m-59.332667-595.372628v436.811189h-39.896104c-27.62038 0-50.125874-22.505495-50.125874-50.125874V109.458541c0-27.62038 22.505495-50.125874 50.125874-50.125874H716.595405c27.62038 0 50.125874 22.505495 50.125874 50.125874v99.228772H269.554446c-59.332667 0-108.435564 49.102897-108.435565 109.458541z" }),
+                        createElementVNode("path", { d: "M902.777223 854.185814l98.205794-98.205794c15.344655-15.344655 15.344655-40.919081 0-56.263736s-40.919081-15.344655-56.263736 0L846.513487 797.922078 747.284715 699.716284c-15.344655-15.344655-40.919081-15.344655-56.263736 0s-15.344655 40.919081 0 56.263736l98.205794 98.205794-98.205794 98.205794c-15.344655 15.344655-15.344655 40.919081 0 56.263737s40.919081 15.344655 56.263736 0l98.205794-98.205795 98.205795 98.205795c15.344655 15.344655 40.919081 15.344655 56.263736 0s15.344655-40.919081 0-56.263737l-97.182817-98.205794z" })
+                      ], -1)
+                    ]))) : createCommentVNode("", true),
+                    createElementVNode("div", {
+                      onClick: _cache[12] || (_cache[12] = ($event) => unref(defaultComponent).deleteSelectLine()),
+                      title: "删除(Delete)",
+                      class: "active:scale-[0.8] transition-all cursor-pointer"
+                    }, _cache[25] || (_cache[25] = [
+                      createElementVNode("svg", {
+                        viewBox: "0 0 1024 1024",
+                        version: "1.1",
+                        xmlns: "http://www.w3.org/2000/svg",
+                        fill: "#555",
+                        width: "16",
+                        height: "16"
+                      }, [
+                        createElementVNode("path", { d: "M909.050991 169.476903l-217.554898 0 0-31.346939c0-39.5866-32.205493-71.792093-71.793116-71.792093L408.15591 66.337871c-39.5866 0-71.792093 32.205493-71.792093 71.792093l0 31.346939L113.349581 169.476903c-11.013845 0-19.942191 8.940626-19.942191 19.954471s8.928347 19.954471 19.942191 19.954471l84.264149 0 0 640.687918c0 60.479443 49.203632 109.683075 109.683075 109.683075l416.474366 0c60.479443 0 109.683075-49.203632 109.683075-109.683075L833.454246 209.385844l75.595722 0c11.012821 0 19.942191-8.940626 19.942191-19.954471S920.063813 169.476903 909.050991 169.476903zM376.2482 138.130987c0-17.593703 14.314007-31.907711 31.907711-31.907711l211.547067 0c17.593703 0 31.907711 14.314007 31.907711 31.907711l0 31.346939L376.2482 169.477926 376.2482 138.130987zM793.569864 850.074785c0 38.486546-31.312146 69.798692-69.798692 69.798692L307.297828 919.873478c-38.486546 0-69.798692-31.312146-69.798692-69.798692L237.499136 211.042577l556.070728 0L793.569864 850.074785zM510.662539 861.276918c11.012821 0 19.954471-8.92937 19.954471-19.942191L530.61701 294.912753c0-11.013845-8.94165-19.942191-19.954471-19.942191s-19.954471 8.928347-19.954471 19.942191L490.708068 841.334727C490.708068 852.347548 499.649717 861.276918 510.662539 861.276918zM374.562814 801.449321c11.012821 0 19.954471-8.92937 19.954471-19.942191L394.517285 354.74035c0-11.013845-8.94165-19.942191-19.954471-19.942191s-19.954471 8.928347-19.954471 19.942191l0 426.76678C354.608344 792.519951 363.549993 801.449321 374.562814 801.449321zM649.832182 801.449321c11.012821 0 19.954471-8.92937 19.954471-19.942191L669.786653 354.74035c0-11.013845-8.94165-19.942191-19.954471-19.942191s-19.954471 8.928347-19.954471 19.942191l0 426.76678C629.877711 792.519951 638.81936 801.449321 649.832182 801.449321z" })
+                      ], -1)
+                    ]))
+                  ], 64)) : (openBlock(), createElementBlock("div", _hoisted_14, " 无可用操作 "))
+                ])
+              ]),
+              _: 1
+            })
+          ])) : createCommentVNode("", true)
+        ], 38)
+      ], 512);
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const EditorTool = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a5aa9d5a"]]);
+let Editor$1 = class Editor extends Component {
+  static name = "Editor";
+  container = new THREE.Group();
+  get renderer() {
+    return this.parent?.findComponentByName("Renderer");
+  }
+  get dxf() {
+    return this.parent?.findComponentByName("Dxf");
+  }
+  get variable() {
+    return this.parent?.findComponentByName("Variable");
+  }
+  get eventInput() {
+    return this.parent?.findComponentByName("EventInput");
+  }
+  get renderManager() {
+    return this.parent?.findComponentByName("RenderManager");
+  }
+  get domEventRegister() {
+    return this.parent?.findComponentByName("DomEventRegister");
+  }
+  get domContainer() {
+    return this.parent?.findComponentByName("DomContainer");
+  }
+  commandManager = new CommandManager();
+  plane = new THREE.Mesh(new THREE.PlaneGeometry(2e3, 2e3, 2, 2));
+  app;
+  domElement = document.createElement("div");
+  viewPermission;
+  constructor(viewPermission) {
+    super();
+    this.viewPermission = viewPermission;
+  }
+  onAddFromParent() {
+    setTimeout(() => this.openEdit(), 10);
+    const grid = new THREE.GridHelper(200, 100, 6710886, 4473924);
+    grid.rotation.x = Math.PI * 0.5;
+    grid.position.z = -0.01;
+    this.container.add(grid);
+    this.container.add(this.plane);
+    this.plane.visible = false;
+    const cancelEvent = this.addEventListener("update", () => {
+      if (this.domContainer.domElement.parentElement) {
+        this.domContainer.domElement.parentElement.appendChild(this.domElement);
+        cancelEvent();
+      }
+    });
+    setTimeout(() => {
+      this.app = createApp(EditorTool, { dxfSystem: this.parent, permission: this.viewPermission });
+      this.app.mount(this.domElement);
+    });
+  }
+  /**
+   * 取消命令，由其他命令组件监听事件后注册事件监听实现
+   */
+  cancelCommand() {
+    this.dispatchEvent({
+      type: "cancelCommand"
+    });
+  }
+  coords = new THREE.Vector2();
+  pointerPosition = new THREE.Vector2();
+  _exitEditCallBack;
+  /**
+   * 打开编辑器
+   */
+  openEdit() {
+    const renderer = this.renderer, domEventRegister = this.domEventRegister, dxf = this.dxf, orbitControls = renderer.orbitControls, camera = renderer.camera, center = dxf.box.center, cameraPosition = renderer.camera.position.clone(), target = orbitControls?.target?.clone(), size = new THREE.Vector2(), raycaster = new THREE.Raycaster(), coords = this.coords, pointerPosition = this.pointerPosition;
+    this.container.position.z = dxf.originalZAverage;
+    renderer.scene.add(this.container);
+    camera.position.set(center.x, center.y, 5);
+    if (orbitControls) {
+      orbitControls.target.set(center.x, center.y, 0);
+      orbitControls.enableRotate = false;
+    }
+    const mousemoveFun = () => {
+      renderer.renderer.getSize(size);
+      const x = domEventRegister.pointer.x / size.x * 2 - 1;
+      const y = -(domEventRegister.pointer.y / size.y * 2 - 1);
+      coords.set(x, y);
+      raycaster.setFromCamera(coords, renderer.camera);
+      const intersections = raycaster.intersectObject(this.plane);
+      if (intersections.length) {
+        pointerPosition.copy(intersections[0].point);
+        this.dispatchEvent({
+          type: "pointerPositionChange",
+          position: pointerPosition
+        });
+      }
+    };
+    domEventRegister.addEventListener("mousemove", mousemoveFun);
+    this.commandManager.disabled = false;
+    this.commandManager.start("default");
+    this._exitEditCallBack = () => {
+      domEventRegister.removeEventListener("mousemove", mousemoveFun);
+      camera.position.copy(cameraPosition);
+      if (orbitControls) {
+        orbitControls.enableRotate = true;
+        orbitControls.target.copy(target);
+      }
+    };
+  }
+  /**
+   * 退出编辑
+   */
+  exitEdit() {
+    if (typeof this._exitEditCallBack === "function") {
+      this._exitEditCallBack();
+      this._exitEditCallBack = void 0;
+      this.commandManager.disabled = true;
+    }
+  }
+  destroy() {
+    super.destroy();
+    this.exitEdit();
+    this.renderer.scene.remove(this.container);
+    this.domElement.remove();
+    this.app?.unmount();
+  }
+};
 class PointDrag extends CommandFlowComponent {
   static name = "PointDrag";
   container = new THREE.Group();
   interruptKeys = ["escape"];
   shortcutKeys = ["control", "p"];
   commandName = "point";
-  onAddFromParent() {
+  onAddFromParent(parent) {
+    super.onAddFromParent(parent);
     this.editor.container.add(this.container);
     this.container.position.z = 1e-3;
     const commandFlow = this.commandManager.addCommandFlow(this.commandName).add(this.createInterrupt()).add(this.createCursor("crosshair")).add(this.selectPoint.bind(this)).add(this.drag.bind(this));
@@ -1855,11 +2309,11 @@ class PointDrag extends CommandFlowComponent {
   selectPoint(next) {
     let currentPoint = null, circle = new THREE.Mesh(new THREE.SphereGeometry(0.05), new THREE.MeshBasicMaterial({ color: 16711935 })), currentLine = null;
     this.addEventRecord("selectPointStart").add(this.editor.addEventListener("pointerPositionChange", () => {
-      const { point, line, find, mode } = this.editor.renderManager.adsorption();
+      const { point, line: line2, find, mode } = this.editor.renderManager.adsorption();
       if (find && mode === "point") {
         this.domElement.style.cursor = "none";
         circle.position.copy(point);
-        currentLine = line;
+        currentLine = line2;
         currentPoint = point.clone();
         this.container.add(circle);
       } else {
@@ -1881,15 +2335,15 @@ class PointDrag extends CommandFlowComponent {
    * @param next 
    * @param param1 
    */
-  drag(next, { point, line }) {
+  drag(next, { point, line: line2 }) {
     this.domElement.style.cursor = "crosshair";
-    const mode = line.start.equal(Point.from(point)) ? "start" : "end", start = mode == "start" ? new THREE.Vector3(line.end.x, line.end.y, 0) : new THREE.Vector3(line.start.x, line.start.y, 0), end = point.clone(), lines = new Lines([start, end], 16711935), circle = new THREE.Mesh(new THREE.SphereGeometry(0.03), new THREE.MeshBasicMaterial({ color: 16711935 }));
+    const mode = line2.start.equal(Point.from(point)) ? "start" : "end", start = mode == "start" ? new THREE.Vector3(line2.end.x, line2.end.y, 0) : new THREE.Vector3(line2.start.x, line2.start.y, 0), end = point.clone(), lines = new Lines([start, end], 16711935), circle = new THREE.Mesh(new THREE.SphereGeometry(0.03), new THREE.MeshBasicMaterial({ color: 16711935 }));
     this.container.add(lines);
     this.addEventRecord("clear").add(this.editor.addEventListener("pointerPositionChange", () => {
       let { point: point2, find } = this.editor.renderManager.adsorption(), cursor = "none";
       if (point2) {
         if (this.eventInput.isKeyDown("shift")) {
-          const p = line.projectPoint(Point.from(point2), false);
+          const p = line2.projectPoint(Point.from(point2), false);
           point2.set(p?.x ?? point2.x, p?.y ?? point2.y, 0);
           find = true;
           cursor = "crosshair";
@@ -1908,23 +2362,23 @@ class PointDrag extends CommandFlowComponent {
     })).add(this.eventInput.addEventListener("codeChange", () => {
       if (this.eventInput.isKeyDown("mouse_0")) {
         this.canceEventRecord("selectPointStart");
-        next({ point: end, line, mode });
+        next({ point: end, line: line2, mode });
       }
     })).add(() => circle.removeFromParent()).add(() => lines.removeFromParent());
   }
   /** 执行完成
    */
   completed(data) {
-    const { line, point, mode } = data;
-    this.renderManager.removeLine(line);
-    if (mode === "end") line.end.set(point.x, point.y);
-    else if (mode === "start") line.start.set(point.x, point.y);
-    this.renderManager.addLine(line);
+    const { line: line2, point, mode } = data;
+    this.renderManager.removeLine(line2);
+    if (mode === "end") line2.end.set(point.x, point.y);
+    else if (mode === "start") line2.start.set(point.x, point.y);
+    this.renderManager.addLine(line2);
     this.renderManager.draw();
   }
 }
-function Editor2(dxfSystem) {
-  dxfSystem.addComponent(new Editor$1());
+function Editor_(dxfSystem, option = {}) {
+  dxfSystem.addComponent(new Editor$1(option.viewPermission));
   dxfSystem.addComponent(new RenderManager());
   dxfSystem.addComponent(new Default());
   dxfSystem.addComponent(new DrawLine());
@@ -1932,6 +2386,12 @@ function Editor2(dxfSystem) {
   dxfSystem.addComponent(new DrawWindow());
   dxfSystem.addComponent(new PointDrag());
 }
+const Editor2 = Object.assign(Editor_, {
+  create(option = {}) {
+    return (dxfSystem) => Editor_(dxfSystem, option);
+  }
+});
 export {
-  Editor2 as Editor
+  Editor2 as Editor,
+  Editor_
 };