build-dxf 0.0.19 → 0.0.20-10

package/src/index3.js

@@ -1,10 +1,10 @@
 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 "clipper-lib";
 import "dxf-writer";
 import "three/addons/controls/OrbitControls.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, TransitionGroup, createApp } from "vue";
 function unrefElement(elRef) {
   var _a;
   const plain = resolveUnref(elRef);
@@ -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;
@@ -713,19 +713,39 @@ class CommandFlowComponent extends Component {
     if (!this._commandManager) this._commandManager = this.editor?.commandManager;
     return this._commandManager;
   }
+  _default;
+  get default() {
+    if (!this._default) this._default = this.parent?.findComponentByName("Default");
+    return this._default;
+  }
   interruptKeys = ["escape"];
+  commandName = "";
+  constructor() {
+    super();
+  }
+  onAddFromParent(parent) {
+    this.editor.addEventListener("cancelCommand", () => {
+      this.cancel();
+    });
+  }
+  /**
+   * 取消
+   */
+  cancel() {
+    const commandName = this.commandName || this.constructor.commandName;
+    if (this.commandManager.currentName !== commandName) return;
+    this.commandManager.cancel();
+  }
   /**
-   * 创建中断
+   * 创建中断处理命令节点
    * @returns 
    */
   createInterrupt() {
     return (next, data) => {
       this.addEventRecord(
         "clear",
-        this.editor?.eventInput.addEventListener("codeChange", async () => {
-          if (this.editor.eventInput.isKeyDowns(this.interruptKeys)) {
-            this.editor.commandManager.cancel();
-          }
+        this.eventInput.addEventListener("codeChange", async () => {
+          if (this.eventInput.isKeyDowns(this.interruptKeys)) this.cancel();
         })
       );
       next(data);
@@ -750,9 +770,10 @@ class CommandFlowComponent extends Component {
    * 创建清理
    * @returns 
    */
-  createFinally() {
+  createFinally(keys = []) {
     return () => {
       this.canceEventRecord("clear");
+      keys.forEach((k) => this.canceEventRecord(k));
     };
   }
 }
@@ -764,9 +785,10 @@ 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));
+    const commandFlow = this.commandManager.addCommandFlow(this.commandName).add(this.createInterrupt()).add(this.createCursor("crosshair")).add(this.selectPoint.bind(this)).add(this.end.bind(this)).addRollback(this.rollback.bind(this)).addRevokeRollback(this.revokeRollback.bind(this));
     commandFlow.addEventListener("finally", this.createFinally());
     commandFlow.addEventListener("completed", (e) => this.completed(e.data));
     this.eventInput.addKeyCombination(this.commandName, this.shortcutKeys);
@@ -777,7 +799,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 +811,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();
@@ -801,13 +823,14 @@ class DrawLine extends CommandFlowComponent {
       "clear",
       editor.addEventListener("pointerPositionChange", () => {
         const { point, find } = editor.renderManager.adsorption();
+        this.dispatchEvent({ type: "pointerMove", point });
         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,21 +868,43 @@ class DrawLine extends CommandFlowComponent {
         } else if (editor.eventInput.isKeyDowns(this.confirmKeys)) next(points);
       }),
       function() {
-        line.removeFromParent();
+        line2.removeFromParent();
         circle.removeFromParent();
         auxiliaryLine.removeFromParent();
       }
     );
   }
-  /** 执行完成
+  /** 结束， 汇总结果
+   * @param points 
    */
-  completed(points) {
-    const editor = this.editor, lines = [];
+  end(next, points) {
+    const lines = [];
     for (let i = 0; i < points.length; i += 2) {
       lines.push(new LineSegment(Point.from(points[i]), Point.from(points[i + 1])));
     }
-    editor.renderManager.addLines(lines);
-    editor.renderManager.draw();
+    next(lines);
+  }
+  /** 执行完成
+   */
+  completed(lines) {
+    this.renderManager.addLines(lines);
+    this.renderManager.draw();
+  }
+  /** 回滚操作
+   * @param data 
+   */
+  rollback(lines) {
+    lines.forEach((line2) => this.renderManager.removeLine(line2));
+    this.renderManager.draw();
+    return lines;
+  }
+  /** 撤回回滚
+   * @param lines 
+   * @returns 
+   */
+  revokeRollback(lines) {
+    this.completed(lines);
+    return lines;
   }
 }
 class Default extends Component {
@@ -889,6 +934,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,112 +946,19 @@ class Default extends Component {
     if (i > -1) {
       this.selectLines.splice(i, 1);
       this.updateSelectLinesGeometry();
+      this.dispatchEvent({
+        type: "selectLineChange"
+      });
     }
   }
   /**
-   * 删除选择的线段
+   * 移除所有选中线段
    */
-  deleteSelectLine() {
-    const editor = this.editor;
-    this.selectLines.forEach((line) => editor.renderManager.removeLine(line));
+  removeSelectLineAll() {
     this.selectLines.length = 0;
-    this.updateSelectLinesGeometry();
-    ElMessage({ message: "删除成功", type: "success" });
-  }
-  /**
-   * 删除选择线段上的窗户
-   */
-  deleteSelectWindow() {
-    let is = false;
-    this.selectLines.forEach((line) => {
-      if (!line.userData.isWindow) return;
-      line.userData = {};
-      is = true;
+    this.dispatchEvent({
+      type: "selectLineChange"
     });
-    this.editor.renderManager.draw();
-    is && ElMessage({ message: "删除窗户成功", type: "success" });
-  }
-  /**
-   * 如果只选择两个线段，可为两个未链接的点创建连接
-   */
-  connection() {
-    if (this.selectLines.length !== 2) {
-      ElMessage({ message: "连接失败，请选择两个线段", type: "warning" });
-      return;
-    }
-    const editor = this.editor;
-    let start, end, diatance = Infinity;
-    for (let i = 0; i < 2; i++)
-      for (let j = 0; j < 2; j++) {
-        const point1 = this.selectLines[0].points[i];
-        const point2 = this.selectLines[1].points[j];
-        const d = point1.distance(point2);
-        if (d < diatance) {
-          start = point1;
-          end = point2;
-          diatance = d;
-        }
-      }
-    if (start && end) {
-      const line = new LineSegment(start.clone(), end.clone());
-      editor.renderManager.addLine(line);
-      editor.renderManager.draw();
-      ElMessage({ message: "连接成功", type: "success" });
-    }
-  }
-  /**
-   * 如果只选择两个线段，可为两个未链接的点创建连接, 通过计算交点，线段延长到交点
-   */
-  intersectionConnection() {
-    if (this.selectLines.length !== 2) {
-      ElMessage({ message: "连接失败，请选择两个线段", type: "warning" });
-      return;
-    }
-    const editor = this.editor, line1 = this.selectLines[0], line2 = this.selectLines[1], point = this.selectLines[0].getIntersection(this.selectLines[1]);
-    if (!point) return;
-    editor.renderManager.removeLine(line1);
-    editor.renderManager.removeLine(line2);
-    if (line1.start.distance(point) < line1.end.distance(point)) {
-      line1.start.copy(point);
-    } else {
-      line1.end.copy(point);
-    }
-    if (line2.start.distance(point) < line2.end.distance(point)) {
-      line2.start.copy(point);
-    } else {
-      line2.end.copy(point);
-    }
-    editor.renderManager.addLines([line1, line2]);
-    editor.renderManager.draw();
-    ElMessage({ message: "连接成功", type: "success" });
-  }
-  /**
-   * 如果只选择两个线段, 且两个线段在一条路径上，合并线段
-   */
-  mergeLine() {
-    if (this.selectLines.length !== 2) {
-      ElMessage({ message: "未执行线段合并，请选择两条线段", type: "warning" });
-      return;
-    }
-    const editor = this.editor, line1 = this.selectLines[0], line2 = this.selectLines[1];
-    for (let i = 0; i < line1.points.length; i++) {
-      const p1 = line1.points[i];
-      for (let j = 0; j < line2.points.length; j++) {
-        const p2 = line2.points[j];
-        if (p1.equal(p2)) {
-          const p1Next = line1.points[(i + 1) % 2];
-          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);
-          editor.renderManager.draw();
-          ElMessage({ message: "已合并", type: "success" });
-          return;
-        }
-      }
-    }
-    ElMessage({ message: "合并失败，两条线未找到共用点", type: "warning" });
   }
   _timer = null;
   /**
@@ -1012,10 +967,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);
   }
@@ -1029,14 +985,6 @@ class Default extends Component {
     object3D.position.z = 0.01;
     this.selectLineObject3D.position.z = object3D.position.z + 0.01;
     object3D.material = new THREE.MeshBasicMaterial({ color: 55561 });
-    eventInput.addKeyCombination("intersectionConnection", ["control", "shift", "l"]);
-    eventInput.addKeyCombination("connection", ["shift", "l"]);
-    eventInput.addKeyCombination("mergeLine", ["control", "g"]);
-    this.addEventRecord("clear", () => {
-      eventInput.removeKeyCombination("intersectionConnection");
-      eventInput.removeKeyCombination("connection");
-      eventInput.removeKeyCombination("mergeLine");
-    });
     const showSelectBox = () => {
       const startPoint = editor.pointerPosition.clone(), endPoint = editor.pointerPosition.clone(), mesh = new THREE.Mesh();
       this.container.add(mesh);
@@ -1081,7 +1029,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 +1040,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,18 +1059,12 @@ 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();
-        } else if (eventInput.isKeyDowns(["q", "delete"])) {
-          this.deleteSelectWindow();
-        } else if (eventInput.isKeyCombination("connection")) {
-          this.connection();
-        } else if (eventInput.isKeyCombination("intersectionConnection")) {
-          this.intersectionConnection();
-        } else if (eventInput.isKeyCombination("mergeLine")) {
-          this.mergeLine();
+        } else if (eventInput.isKeyDowns(["control", "z"])) {
+          editor.commandManager.rollback();
+        } else if (eventInput.isKeyDowns(["control", "y"])) {
+          editor.commandManager.revokeRollback();
         }
       }),
       function() {
@@ -1135,16 +1077,38 @@ class Default extends Component {
    */
   finally() {
     this.canceEventRecord("clear");
-    this.selectLines.length = 0;
+    this.removeSelectLineAll();
     this.updateSelectLinesGeometry();
   }
 }
 class CommandFlow extends EventDispatcher {
   list = [];
+  rollbacklist = [];
+  revokeRollbacklist = [];
+  /**
+   * 
+   * @param operation 
+   * @returns 
+   */
   add(operation) {
     this.list.push(operation);
     return this;
   }
+  /** 添加回滚回调列表
+   * @param callBack 
+   */
+  addRollback(callBack) {
+    this.rollbacklist.push(callBack);
+    return this;
+  }
+  /** 添加撤回回滚回调列表
+   * @param callBack 
+   * @returns 
+   */
+  addRevokeRollback(callBack) {
+    this.revokeRollbacklist.push(callBack);
+    return this;
+  }
 }
 class CommandManager extends EventDispatcher {
   commandFlowMap = /* @__PURE__ */ new Map();
@@ -1160,6 +1124,11 @@ class CommandManager extends EventDispatcher {
   get disabled() {
     return this._disabled;
   }
+  /**
+   * 操作记录
+   */
+  operationList = [];
+  rollbackList = [];
   constructor() {
     super();
   }
@@ -1189,7 +1158,7 @@ class CommandManager extends EventDispatcher {
     this.executionPromise && await this.executionPromise;
     this.executionPromise = null;
     if (this.lock) {
-      throw new Error("命令管理器已被锁定，无法启动新的命令流");
+      throw new Error("命令管理器已被 " + this.currentName + " 命令锁定，无法启动新的命令流，请退出或等待命令执行结束");
     }
     const commandFlow = this.commandFlowMap.get(name);
     if (!commandFlow) {
@@ -1225,6 +1194,8 @@ class CommandManager extends EventDispatcher {
       if (this.abortController && !this.abortController.signal.aborted) {
         commandFlow.dispatchEvent({ type: "completed", data });
         this.dispatchEvent({ type: "completed", name, data });
+        this.operationList.push({ name, data });
+        this.rollbackList.length = 0;
       }
       this.lock = false;
       this.abortController = null;
@@ -1247,186 +1218,109 @@ class CommandManager extends EventDispatcher {
       this.executionPromise = new Promise((resolve) => this.executionResolve = resolve);
     }
   }
-}
-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;
+  rollback() {
+    try {
+      const operation = this.operationList.pop();
+      if (!operation) return false;
+      const commandFlow = this.commandFlowMap.get(operation.name);
+      if (!commandFlow) return false;
+      const data = commandFlow.rollbacklist.reduce((data2, callBack) => callBack(data2), operation.data);
+      this.dispatchEvent({ type: "rollback", name: operation.name });
+      this.rollbackList.push({
+        data,
+        name: operation.name
+      });
+      return true;
+    } catch (error) {
+      throw new Error(`回滚失败：${error}`);
     }
-    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;
+  revokeRollback() {
+    try {
+      const operation = this.rollbackList.pop();
+      if (!operation) return false;
+      const commandFlow = this.commandFlowMap.get(operation.name);
+      if (!commandFlow) return false;
+      const data = commandFlow.revokeRollbacklist.reduce((data2, callBack) => callBack(data2), operation.data);
+      this.dispatchEvent({ type: "revokeRollback", name: operation.name });
+      this.operationList.push({ name: operation.name, data });
+      return true;
+    } catch (error) {
+      throw new Error(`撤回回滚失败：${error}`);
     }
   }
-  destroy() {
-    this.exitEdit();
-    this.renderer.scene.remove(this.container);
-    this.domElement.remove();
-    this.app?.unmount();
-  }
-};
+}
+const connection = "data:image/svg+xml,%3csvg%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20fill='%23555'%20width='16'%20height='16'%3e%3cpath%20d='M639.999191%20893.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%204.199973-12.799919%2010.599933-14.999905%2049.09969-17.299891%2084.399467-63.599598%2085.39946-118.399252C641.299183%2059.902862%20583.399549%200.503237%20512.899994%200.00324%20441.800444-0.496757%20384.000809%2057.00288%20384.000809%20128.002431c0%2055.699648%2035.599775%20103.099349%2085.299461%20120.699238%206.39996%202.299985%2010.699932%208.299948%2010.699932%2015.099904v496.396864c0%206.799957-4.299973%2012.799919-10.699932%2015.099904-49.699686%2017.599889-85.299461%2064.999589-85.299461%20120.699238%200%2070.999551%2057.799635%20128.499188%20128.899185%20127.999191%2070.499555-0.499997%20128.399189-59.899622%20127.099197-130.399176zM448.000404%20128.002431c0-35.299777%2028.699819-63.999596%2063.999596-63.999595s63.999596%2028.699819%2063.999596%2063.999595-28.699819%2063.999596-63.999596%2063.999596-63.999596-28.699819-63.999596-63.999596z%20m0%20767.995148c0-35.299777%2028.699819-63.999596%2063.999596-63.999596s63.999596%2028.699819%2063.999596%2063.999596-28.699819%2063.999596-63.999596%2063.999595-63.999596-28.699819-63.999596-63.999595z'%3e%3c/path%3e%3c/svg%3e";
+const __vite_glob_0_0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: connection
+}, Symbol.toStringTag, { value: "Module" }));
+const deleteSelectLine = "data:image/svg+xml,%3csvg%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20fill='%23555'%20width='16'%20height='16'%3e%3cpath%20d='M909.050991%20169.476903l-217.554898%200%200-31.346939c0-39.5866-32.205493-71.792093-71.793116-71.792093L408.15591%2066.337871c-39.5866%200-71.792093%2032.205493-71.792093%2071.792093l0%2031.346939L113.349581%20169.476903c-11.013845%200-19.942191%208.940626-19.942191%2019.954471s8.928347%2019.954471%2019.942191%2019.954471l84.264149%200%200%20640.687918c0%2060.479443%2049.203632%20109.683075%20109.683075%20109.683075l416.474366%200c60.479443%200%20109.683075-49.203632%20109.683075-109.683075L833.454246%20209.385844l75.595722%200c11.012821%200%2019.942191-8.940626%2019.942191-19.954471S920.063813%20169.476903%20909.050991%20169.476903zM376.2482%20138.130987c0-17.593703%2014.314007-31.907711%2031.907711-31.907711l211.547067%200c17.593703%200%2031.907711%2014.314007%2031.907711%2031.907711l0%2031.346939L376.2482%20169.477926%20376.2482%20138.130987zM793.569864%20850.074785c0%2038.486546-31.312146%2069.798692-69.798692%2069.798692L307.297828%20919.873478c-38.486546%200-69.798692-31.312146-69.798692-69.798692L237.499136%20211.042577l556.070728%200L793.569864%20850.074785zM510.662539%20861.276918c11.012821%200%2019.954471-8.92937%2019.954471-19.942191L530.61701%20294.912753c0-11.013845-8.94165-19.942191-19.954471-19.942191s-19.954471%208.928347-19.954471%2019.942191L490.708068%20841.334727C490.708068%20852.347548%20499.649717%20861.276918%20510.662539%20861.276918zM374.562814%20801.449321c11.012821%200%2019.954471-8.92937%2019.954471-19.942191L394.517285%20354.74035c0-11.013845-8.94165-19.942191-19.954471-19.942191s-19.954471%208.928347-19.954471%2019.942191l0%20426.76678C354.608344%20792.519951%20363.549993%20801.449321%20374.562814%20801.449321zM649.832182%20801.449321c11.012821%200%2019.954471-8.92937%2019.954471-19.942191L669.786653%20354.74035c0-11.013845-8.94165-19.942191-19.954471-19.942191s-19.954471%208.928347-19.954471%2019.942191l0%20426.76678C629.877711%20792.519951%20638.81936%20801.449321%20649.832182%20801.449321z'%20%3e%3c/path%3e%3c/svg%3e";
+const __vite_glob_0_1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: deleteSelectLine
+}, Symbol.toStringTag, { value: "Module" }));
+const deleteSelectWindow = "data:image/svg+xml,%3csvg%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20fill='%23555'%20width='16'%20height='16'%3e%3cpath%20d='M220.451548%20913.518482V318.145854c0-27.62038%2022.505495-50.125874%2050.125875-50.125874H865.95005c27.62038%200%2050.125874%2022.505495%2050.125874%2050.125874v218.917083h59.332667V318.145854c0-60.355644-49.102897-109.458541-109.458541-109.458541h-39.896104v-99.228772C826.053946%2049.102897%20776.951049%200%20716.595405%200H121.222777C60.867133%200%2011.764236%2049.102897%2011.764236%20109.458541V705.854146c0%2060.355644%2049.102897%20109.458541%20109.458541%20109.458541h39.896104v99.228772c0%2060.355644%2049.102897%20109.458541%20109.458542%20109.458541h257.790209v-59.332667H269.554446c-26.597403-1.022977-49.102897-23.528472-49.102898-51.148851z%20m-59.332667-595.372628v436.811189h-39.896104c-27.62038%200-50.125874-22.505495-50.125874-50.125874V109.458541c0-27.62038%2022.505495-50.125874%2050.125874-50.125874H716.595405c27.62038%200%2050.125874%2022.505495%2050.125874%2050.125874v99.228772H269.554446c-59.332667%200-108.435564%2049.102897-108.435565%20109.458541z'%20%3e%3c/path%3e%3cpath%20d='M902.777223%20854.185814l98.205794-98.205794c15.344655-15.344655%2015.344655-40.919081%200-56.263736s-40.919081-15.344655-56.263736%200L846.513487%20797.922078%20747.284715%20699.716284c-15.344655-15.344655-40.919081-15.344655-56.263736%200s-15.344655%2040.919081%200%2056.263736l98.205794%2098.205794-98.205794%2098.205794c-15.344655%2015.344655-15.344655%2040.919081%200%2056.263737s40.919081%2015.344655%2056.263736%200l98.205794-98.205795%2098.205795%2098.205795c15.344655%2015.344655%2040.919081%2015.344655%2056.263736%200s15.344655-40.919081%200-56.263737l-97.182817-98.205794z'%20%3e%3c/path%3e%3c/svg%3e";
+const __vite_glob_0_2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: deleteSelectWindow
+}, Symbol.toStringTag, { value: "Module" }));
+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_3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: door
+}, Symbol.toStringTag, { value: "Module" }));
+const intersectionConnection = "data:image/svg+xml,%3csvg%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20fill='%23555'%20width='16'%20height='16'%3e%3cpath%20d='M491.80027198%20557.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%200-100.99864286%2045.44938977-100.99864287%20100.99864285%200%2015.14979706%205.04993234%2035.34952507%2015.14979568%2050.49932212%2010.0998647%2015.14979706%2020.19972802%2030.29959271%2035.34952506%2035.34952508%2015.14979706%2010.0998647%2035.34952507%2015.14979706%2050.49932213%2015.14979567%2055.54925309%200%20100.99864286-45.44938977%20100.99864286-100.99864287%200-15.14979706-5.04993234-35.34952507-15.14979568-50.49932074z%20m-85.84884718%20100.99864286h-15.14979706c-20.19972802-5.04993234-30.29959271-20.19972802-35.34952507-35.34952507V612.99864286c0-30.29959271%2025.24966037-50.49932212%2050.49932213-50.49932074h10.09986469c15.14979706%205.04993234%2030.29959271%2015.14979706%2035.34952507%2035.34952507v15.14979567c5.04993234%2025.24966037-20.19972802%2045.44938977-45.44938976%2045.44938977z'%3e%3c/path%3e%3cpath%20d='M390.80162774%20658.44803263l-40.39945604%2040.39945743-227.24694747%20222.19701373-35.34952506-35.34952508%20227.24694745-227.24694608%2040.39945605-40.39945743c5.04993234%2020.19972802%2020.19972802%2035.34952507%2035.34952507%2040.39945743zM648.34816793%20405.9514248l-40.39945742%2040.3994574-116.14843853%20116.14843992-40.39945742%2035.34952507c-5.04993234-20.19972802-20.19972802-30.29959271-35.34952507-35.34952507l40.39945742-40.39945742%20116.14843853-111.09850756%2035.34952507-35.34952507c10.0998647%2015.14979706%2020.19972802%2025.24966037%2040.39945742%2030.29959273zM926.09443614%20133.25508894L749.34681078%20310.00271428l-40.3994574%2040.39945742c-5.04993234-20.19972802-15.14979706-35.34952507-30.29959272-40.39945742l35.34952506-40.39945742%20176.74762534-176.74762535%2035.34952508%2040.39945743z'%20%3e%3c/path%3e%3cpath%20d='M749.34681078%20310.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%200-100.99864286%2045.44938977-100.99864286%20100.99864286%200%2020.19972802%205.04993234%2040.39945743%2015.14979567%2055.54925447%2010.0998647%2015.14979706%2020.19972802%2025.24966037%2035.34952507%2035.34952507%2015.14979706%2010.0998647%2030.29959271%2015.14979706%2050.49932212%2015.14979567%2055.54925309%200%20100.99864286-45.44938977%20100.99864286-100.99864286%200-25.24966037-5.04993234-40.39945743-10.09986471-55.54925309z%20m-90.89877815%2095.94871052h-10.0998647c-20.19972802-5.04993234-35.34952507-15.14979706-40.39945742-35.34952509%200-5.04993234-5.04993234-10.0998647-5.04993234-15.14979704%200-30.29959271%2025.24966037-50.49932212%2050.49932212-50.49932074%205.04993234%200%2010.0998647%200%2015.14979704%205.04993235%2015.14979706%205.04993234%2030.29959271%2020.19972802%2030.29959273%2040.39945742v10.09986332c10.0998647%2025.24966037-15.14979706%2045.44938977-40.39945743%2045.44938978z'%20%3e%3c/path%3e%3c/svg%3e";
+const __vite_glob_0_4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: intersectionConnection
+}, 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_5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: line
+}, Symbol.toStringTag, { value: "Module" }));
+const mergeLine = "data:image/svg+xml,%3csvg%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20fill='%23555'%20width='16'%20height='16'%3e%3cpath%20d='M114.176%2046.528h618.496c37.312%200.064%2067.584%2030.336%2067.648%2067.648v618.56c0%2037.248-30.336%2067.584-67.648%2067.584H114.176A67.776%2067.776%200%200%201%2046.528%20732.8V114.176c0-37.312%2030.336-67.648%2067.648-67.648z%20m2.176%20686.208l616.32-2.24-2.176-616.32-614.144%202.176v616.32zM907.648%20291.2l2.176%20616.32H291.264a34.88%2034.88%200%201%200%200%2069.888h618.56c37.312%200%2067.648-30.336%2067.648-67.648V291.264a34.88%2034.88%200%201%200-69.824%200z'%20%3e%3c/path%3e%3c/svg%3e";
+const __vite_glob_0_6 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: mergeLine
+}, Symbol.toStringTag, { value: "Module" }));
+const revokeRollback = "data:image/svg+xml,%3csvg%20viewBox='0%200%201029%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20fill='%23555'%20width='16'%20height='16'%3e%3cpath%20d='M788.17984%2016l-55.424%2060.672%20116.48%20106.56H418.13184a410.816%20410.816%200%201%200%200%20821.632h547.712v-82.176H418.13184a328.64%20328.64%200%200%201%200-657.28l441.792-0.128-124.8%2098.368%2050.752%2064.512%20243.328-191.488L788.17984%2016z'%3e%3c/path%3e%3c/svg%3e";
+const __vite_glob_0_7 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: revokeRollback
+}, Symbol.toStringTag, { value: "Module" }));
+const rollback = "data:image/svg+xml,%3csvg%20viewBox='0%200%201048%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20fill='%23555'%20width='16'%20height='16'%3e%3cpath%20d='M310.04722%20451.334244A49.95122%2049.95122%200%200%201%20239.416195%20521.990244L27.473171%20310.04722a49.95122%2049.95122%200%200%201%200-70.631025L239.416195%2027.473171a49.95122%2049.95122%200%200%201%2070.631025%2070.631024l-126.651318%20126.626342L649.365854%20224.780488c220.709463%200%20399.609756%20178.900293%20399.609756%20399.609756s-178.900293%20399.609756-399.609756%20399.609756H124.878049a49.95122%2049.95122%200%201%201%200-99.902439h524.487805c165.513366%200%20299.707317-134.193951%20299.707317-299.707317s-134.193951-299.707317-299.707317-299.707317H183.395902l126.651318%20126.651317z'%3e%3c/path%3e%3c/svg%3e";
+const __vite_glob_0_8 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: rollback
+}, Symbol.toStringTag, { value: "Module" }));
+const selectAll = "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%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='11576'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20fill='%23555'%20width='16'%20height='16'%3e%3cpath%20d='M102.4%20302.08c5.12%205.12%2015.36%2010.24%2025.6%2010.24s15.36-5.12%2025.6-10.24l174.08-174.08c5.12-5.12%2010.24-15.36%2010.24-25.6s-5.12-15.36-10.24-25.6c-20.48-5.12-40.96-5.12-51.2%2010.24l-148.48%20153.6-71.68-76.8C51.2%20158.72%2040.96%20158.72%2035.84%20158.72c-10.24%200-15.36%205.12-25.6%2010.24-5.12%205.12-10.24%2010.24-10.24%2020.48s5.12%2015.36%2010.24%2025.6L102.4%20302.08zM276.48%20409.6l-148.48%20153.6-71.68-71.68C51.2%20486.4%2040.96%20481.28%2035.84%20481.28c-10.24%200-15.36%205.12-25.6%2010.24-5.12%2010.24-10.24%2015.36-10.24%2025.6s5.12%2015.36%2010.24%2025.6L102.4%20629.76c5.12%205.12%2015.36%2010.24%2025.6%2010.24s15.36-5.12%2025.6-10.24L322.56%20460.8c5.12-5.12%2010.24-15.36%2010.24-25.6s-5.12-15.36-10.24-25.6c-10.24-10.24-30.72-10.24-46.08%200z%20m0%20327.68l-148.48%20153.6L56.32%20819.2c-5.12-5.12-15.36-10.24-25.6-10.24s-15.36%205.12-25.6%2010.24c0%205.12-5.12%2015.36-5.12%2025.6s5.12%2015.36%2010.24%2025.6L102.4%20957.44c5.12%205.12%2015.36%2010.24%2025.6%2010.24h5.12c10.24%200%2015.36-5.12%2025.6-10.24l174.08-174.08c5.12-5.12%2010.24-15.36%2010.24-25.6s-5.12-15.36-10.24-25.6c-25.6-5.12-40.96-5.12-56.32%205.12zM1024%20153.6c0%2030.72-25.6%2056.32-56.32%2056.32h-460.8c-30.72%200-61.44-25.6-61.44-56.32%200-30.72%2025.6-56.32%2056.32-56.32h455.68c35.84-5.12%2066.56%2020.48%2066.56%2056.32z%20m0%20358.4c0%2030.72-25.6%2056.32-56.32%2056.32h-460.8c-30.72%200-56.32-25.6-56.32-56.32s25.6-56.32%2056.32-56.32h455.68c35.84%200%2061.44%2025.6%2061.44%2056.32z%20m-5.12%20358.4c0%2030.72-25.6%2056.32-56.32%2056.32h-460.8c-30.72%200-56.32-25.6-56.32-56.32%200-30.72%2025.6-56.32%2056.32-56.32h455.68c35.84%200%2061.44%2025.6%2061.44%2056.32z%20m0%200'%20%3e%3c/path%3e%3c/svg%3e";
+const __vite_glob_0_9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: selectAll
+}, 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_10 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: selectPoint
+}, Symbol.toStringTag, { value: "Module" }));
+const verticalCorrection = "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%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='10587'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20fill='%23555'%20width='16'%20height='16'%3e%3cpath%20d='M64.21%20703.88h888.34M64.21%20667.88h888.34v72H64.21z'%3e%3c/path%3e%3cpath%20d='M509.58%20102.72v566.13M473.58%20102.72h72v566.14h-72z'%3e%3c/path%3e%3c/svg%3e";
+const __vite_glob_0_11 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: verticalCorrection
+}, 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_12 = /* @__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 +1330,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 +1343,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 +1357,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 +1399,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 +1418,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 +1436,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,15 +1514,17 @@ 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(this.dxf.originalZAverage),
+        end: line2.end.toJson(this.dxf.originalZAverage),
+        insetionArr,
         isDoor: userData.isDoor,
         doorDirectConnection: userData.isDoor,
+        length: line2.length(),
         isWindow: userData.isWindow,
         drawDoorData: drawDoorData && drawDoorData.map((w) => ({
           p: { x: w.p.x, y: w.p.y, z: w.p.z },
@@ -1647,7 +1544,7 @@ class RenderManager extends Component {
       return;
     }
     if (this._timer) clearTimeout(this._timer);
-    setTimeout(() => {
+    this._timer = setTimeout(() => {
       this.updatedMode = "self";
       const dxf = this.dxf;
       const json = this.toJson();
@@ -1682,9 +1579,10 @@ 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));
+    const commandFlow = this.commandManager.addCommandFlow("draw-door-line").add(this.createInterrupt()).add(this.createCursor("no-drop")).add(this.selectPoint.bind(this)).add(this.end.bind(this)).addRollback(this.rollback.bind(this)).addRevokeRollback(this.revokeRollback.bind(this));
     eventInput.addKeyCombination(this.commandName, this.shortcutKeys);
     commandFlow.addEventListener("finally", this.createFinally());
     commandFlow.addEventListener("completed", (e) => this.completed(e.data));
@@ -1697,7 +1595,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 +1607,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,24 +1635,48 @@ class DrawDoorLine extends CommandFlowComponent {
         }
       }),
       function() {
-        line.removeFromParent();
+        line2.removeFromParent();
         circle.removeFromParent();
         auxiliaryLine.removeFromParent();
       }
     );
   }
-  /** 执行完成
+  /**
+   * 结束处理
+   * @param next 
+   * @param points 
    */
-  completed(points) {
-    const editor = this.editor, lines = [];
+  end(next, points) {
+    const 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();
+    next(lines);
+  }
+  /** 执行完成
+   */
+  completed(lines) {
+    this.renderManager.addLines(lines);
+    this.renderManager.draw();
+  }
+  /** 回滚操作
+   * @param data 
+   */
+  rollback(lines) {
+    lines.forEach((line2) => this.renderManager.removeLine(line2));
+    this.renderManager.draw();
+    return lines;
+  }
+  /** 撤回回滚
+   * @param lines 
+   * @returns 
+   */
+  revokeRollback(lines) {
+    this.completed(lines);
+    return lines;
   }
 }
 class DrawWindow extends CommandFlowComponent {
@@ -1763,10 +1685,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());
+    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)).add(this.end.bind(this)).addRollback(this.rollback.bind(this)).addRevokeRollback(this.revokeRollback.bind(this));
+    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 +1701,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 +1724,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,33 +1739,1213 @@ 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 });
     }));
   }
-  /** 执行完成
+  /**
+   * 结束处理
+   * @param next 
+   * @param points 
    */
-  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({
+  end(next, { start, end, line: line2 }) {
+    const win = new LineSegment(Point.from(start), Point.from(end)), center = win.center, len = win.length();
+    const doorDataItem = {
       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
+    };
+    next({ line: line2, doorDataItem });
+  }
+  /** 执行完成
+   */
+  completed({ doorDataItem, line: line2 }) {
+    line2.userData.isWindow = true;
+    if (!line2.userData.drawDoorData) line2.userData.drawDoorData = [];
+    line2.userData.drawDoorData.push(doorDataItem);
+    this.renderManager.draw();
+  }
+  /** 回滚操作
+   * @param data 
+   */
+  rollback(data) {
+    const { doorDataItem, line: line2 } = data;
+    if (line2.userData.drawDoorData) {
+      const index = line2.userData.drawDoorData.indexOf(doorDataItem);
+      if (index !== -1) {
+        line2.userData.drawDoorData.splice(index, 1);
+        if (line2.userData.drawDoorData.length === 0) {
+          delete line2.userData.drawDoorData;
+          delete line2.userData.isWindow;
+        }
+        this.renderManager.draw();
+      }
+    }
+    return data;
+  }
+  /** 撤回回滚
+   * @param data 
+   * @returns 
+   */
+  revokeRollback(data) {
+    this.completed(data);
+    return data;
+  }
+}
+class VerticalCorrection extends CommandFlowComponent {
+  static name = "VerticalCorrection";
+  container = new THREE.Group();
+  shortcutKeys = ["control", "c"];
+  static commandName = "verticalCorrection";
+  onAddFromParent(parent) {
+    super.onAddFromParent(parent);
+    this.editor.container.add(this.container);
+    this.container.position.z = 1e-3;
+    const commandFlow = this.commandManager.addCommandFlow(VerticalCorrection.commandName).add(this.createInterrupt()).add(this.constraint.bind(this)).add(this.verticalCorrection.bind(this)).addRollback(this.rollback.bind(this)).addRevokeRollback(this.revokeRollback.bind(this));
+    commandFlow.addEventListener("finally", this.createFinally());
+    commandFlow.addEventListener("completed", (e) => this.completed(e.data));
+    this.eventInput.addKeyCombination(VerticalCorrection.commandName, this.shortcutKeys);
+    this.eventInput.addEventListener("codeChange", async () => {
+      this.eventInput.isKeyCombination(VerticalCorrection.commandName) && await this.commandManager.start(VerticalCorrection.commandName, [...this.default.selectLines]);
     });
+    this.eventInput.addCancelDefaultBehavior(() => this.eventInput.isOnlyKeyDowns(this.shortcutKeys));
+  }
+  /**
+   * 进入命令约束
+   */
+  constraint(next, selectLines) {
+    if (!Array.isArray(selectLines)) {
+      ElMessage({ message: "进入命令失败", type: "warning" });
+      this.cancel();
+    } else if (selectLines.length !== 1) {
+      ElMessage({ message: "请选择一条线段", type: "warning" });
+      this.cancel();
+    } else next(selectLines);
+  }
+  /**
+   * 线段是否为结尾线段
+   * @param line 
+   */
+  lineIsPathEnd(line2) {
+    for (let i = 0; i < line2.points.length; i++) {
+      const point = line2.points[i];
+      const length = this.renderManager.pointVirtualGrid.queryPoint(point).filter((p) => !p.point.equal(point)).length;
+      if (length === 0) return true;
+    }
+    return false;
+  }
+  /**
+   * 
+   * @param line0 
+   * @param line1 
+   */
+  isTowLineSegmentConnect(line0, line1) {
+    if (line0.start.equal(line1.start) || line0.start.equal(line1.end) || line0.end.equal(line1.start) || line0.end.equal(line1.end)) {
+      return true;
+    }
+    return false;
+  }
+  /**
+   * 获取所有相同点的位置信息
+   * @param point 
+   * @param point2 
+   */
+  getSamePointAll(point, point2) {
+    const resultList = this.renderManager.pointVirtualGrid.queryPoint(point);
+    return resultList.map((result) => ({
+      point: result.point,
+      oldPoint: result.point.clone(),
+      newPoint: point2,
+      line: result.userData
+    }));
+  }
+  /** 修正
+   * @param targettLine 
+   * @param vistedList 
+   */
+  correction(targettLine, resultList = [], vistedList = /* @__PURE__ */ new Set()) {
+    if (vistedList.has(targettLine)) return;
+    vistedList.add(targettLine);
+    const lines = this.renderManager.quadtree.queryLineSegment(targettLine).filter(({ line: line2 }) => {
+      if (line2 === targettLine || line2.userData.isDoor) return false;
+      return true;
+    }).map((result) => result.line), targettLineDirection = targettLine.direction();
+    lines.forEach((line2) => {
+      if (vistedList.has(line2)) return false;
+      const direction = line2.direction(), angle = targettLineDirection.angleBetween(direction, "angle"), gap = Math.abs(90 - angle);
+      if (gap > 10 || gap < 1) return;
+      if (this.isTowLineSegmentConnect(targettLine, line2)) {
+        const point0 = targettLine.start.equal(line2.start) || targettLine.start.equal(line2.end) ? targettLine.start : targettLine.end, point1 = line2.start.equal(targettLine.start) || line2.start.equal(targettLine.end) ? line2.end : line2.start, projectLine = new LineSegment(
+          point1.clone().add(targettLineDirection.clone().multiplyScalar(1)),
+          point1.clone().add(targettLineDirection.clone().multiplyScalar(-1))
+        ), projectPoint = projectLine.projectPoint(point0, false);
+        if (projectPoint) {
+          resultList.push(this.getSamePointAll(point1, projectPoint));
+        }
+      } else {
+        console.log("交点");
+      }
+    });
+    lines.forEach((line2) => this.correction(line2, resultList, vistedList));
+    return resultList;
+  }
+  /** 开始
+   * @param next 
+   */
+  verticalCorrection(next, selectLines) {
+    next(this.correction(selectLines[0]));
+  }
+  /** 执行完成
+   * @param data 
+   */
+  completed(data) {
+    data.forEach((items) => {
+      items.forEach((item) => {
+        const { line: line2, newPoint, point } = item;
+        point.copy(newPoint);
+        this.renderManager.removeLine(line2);
+        this.renderManager.addLine(line2);
+      });
+    });
+    this.renderManager.draw();
+  }
+  /** 回滚操作
+   * @param data 
+   */
+  rollback(data) {
+    data.forEach((items) => {
+      items.forEach((item) => {
+        const { line: line2, oldPoint, point } = item;
+        point.copy(oldPoint);
+        this.renderManager.removeLine(line2);
+        this.renderManager.addLine(line2);
+      });
+    });
+    this.renderManager.draw();
+    return data;
+  }
+  /** 撤回回滚
+   * @param lines 
+   * @returns 
+   */
+  revokeRollback(data) {
+    this.completed(data);
+    return data;
+  }
+}
+class MergeLine extends CommandFlowComponent {
+  static name = "MergeLine";
+  shortcutKeys = ["control", "g"];
+  static commandName = "merge-line";
+  onAddFromParent(parent) {
+    super.onAddFromParent(parent);
+    const defaultComponent = parent.findComponentByType(Default);
+    const commandFlow = this.commandManager.addCommandFlow(MergeLine.commandName).add(this.createInterrupt()).add(this.constraint.bind(this)).add(this.mergeLine.bind(this)).addRollback(this.rollback.bind(this)).addRevokeRollback(this.revokeRollback.bind(this));
+    commandFlow.addEventListener("finally", this.createFinally());
+    commandFlow.addEventListener("completed", (e) => this.completed(e.data));
+    this.eventInput.addKeyCombination(MergeLine.commandName, this.shortcutKeys);
+    this.eventInput.addEventListener("codeChange", async () => {
+      defaultComponent?.selectLines.length === 2 && this.eventInput.isKeyCombination(MergeLine.commandName) && await this.commandManager.start(MergeLine.commandName, [...this.default.selectLines]);
+    });
+    this.eventInput.addCancelDefaultBehavior(() => this.eventInput.isOnlyKeyDowns(this.shortcutKeys));
+  }
+  /**
+   * 进入命令约束
+   */
+  constraint(next, selectLines) {
+    if (!Array.isArray(selectLines)) {
+      ElMessage({ message: "进入命令失败", type: "warning" });
+      this.cancel();
+    } else if (selectLines.length !== 2) {
+      ElMessage({ message: "未执行线段合并，请选择两条线段", type: "warning" });
+      this.cancel();
+    } else {
+      next(selectLines);
+    }
+  }
+  /** 开始
+   * @param next 
+   */
+  mergeLine(next, selectLines) {
+    const line1 = selectLines[0], line2 = selectLines[1];
+    for (let i = 0; i < line1.points.length; i++) {
+      const p1 = line1.points[i];
+      for (let j = 0; j < line2.points.length; j++) {
+        const p2 = line2.points[j];
+        if (p1.equal(p2)) {
+          const p1Next = line1.points[(i + 1) % 2];
+          const p2Next = line2.points[(j + 1) % 2];
+          const line3 = new LineSegment(p1Next, p2Next);
+          next({ line1, line2, newLine: line3 });
+          return ElMessage({ message: "已合并", type: "success" });
+        }
+      }
+    }
+    ElMessage({ message: "合并失败，两条线未找到共用点", type: "warning" });
+    next();
+  }
+  /** 执行完成
+   * @param data 
+   */
+  completed(data) {
+    this.renderManager.removeLine(data.line1);
+    this.renderManager.removeLine(data.line2);
+    this.renderManager.addLine(data.newLine);
     this.renderManager.draw();
   }
+  /** 回滚操作
+   * @param data 
+   */
+  rollback(data) {
+    this.renderManager.addLines([data.line1, data.line2]);
+    this.renderManager.removeLine(data.newLine);
+    this.renderManager.draw();
+    return data;
+  }
+  /** 撤回回滚
+   * @param lines 
+   * @returns 
+   */
+  revokeRollback(data) {
+    this.completed(data);
+    return data;
+  }
 }
+class DeleteSelectLine extends CommandFlowComponent {
+  static name = "DeleteSelectLine";
+  shortcutKeys = ["Delete"];
+  static commandName = "deleteSelectLine";
+  onAddFromParent(parent) {
+    super.onAddFromParent(parent);
+    const commandFlow = this.commandManager.addCommandFlow(DeleteSelectLine.commandName).add(this.createInterrupt()).add(this.constraint.bind(this)).add(this.delete.bind(this)).addRollback(this.rollback.bind(this)).addRevokeRollback(this.revokeRollback.bind(this));
+    commandFlow.addEventListener("finally", this.createFinally());
+    this.eventInput.addKeyCombination(DeleteSelectLine.commandName, this.shortcutKeys);
+    this.eventInput.addEventListener("codeChange", async () => {
+      this.eventInput.isKeyCombination(DeleteSelectLine.commandName) && await this.commandManager.start(DeleteSelectLine.commandName, [...this.default.selectLines]);
+    });
+    this.eventInput.addCancelDefaultBehavior(() => this.eventInput.isOnlyKeyDowns(this.shortcutKeys));
+  }
+  /**
+   * 进入命令约束
+   */
+  constraint(next, selectLines) {
+    if (!Array.isArray(selectLines)) {
+      ElMessage({ message: "请选择线段", type: "warning" });
+      this.cancel();
+    } else {
+      next(selectLines);
+    }
+  }
+  /** 开始
+   * @param next 
+   */
+  delete(next, selectLines) {
+    selectLines.forEach((line2) => this.renderManager.removeLine(line2));
+    ElMessage({ message: "删除成功", type: "success" });
+    next(selectLines);
+  }
+  /** 回滚操作
+   * @param data 
+   */
+  rollback(lines) {
+    this.renderManager.addLines(lines);
+    this.renderManager.draw();
+    return lines;
+  }
+  /** 撤回回滚
+   * @param lines 
+   * @returns 
+   */
+  revokeRollback(lines) {
+    lines.forEach((line2) => this.renderManager.removeLine(line2));
+    return lines;
+  }
+}
+class ConnectionLine extends CommandFlowComponent {
+  static name = "ConnectionLine";
+  shortcutKeys = ["Shift", "L"];
+  static commandName = "connectionLine";
+  onAddFromParent(parent) {
+    super.onAddFromParent(parent);
+    const commandFlow = this.commandManager.addCommandFlow(ConnectionLine.commandName).add(this.createInterrupt()).add(this.constraint.bind(this)).add(this.connection.bind(this)).addRollback(this.rollback.bind(this)).addRevokeRollback(this.revokeRollback.bind(this));
+    commandFlow.addEventListener("finally", this.createFinally());
+    commandFlow.addEventListener("completed", (e) => this.completed(e.data));
+    this.eventInput.addKeyCombination(ConnectionLine.commandName, this.shortcutKeys);
+    this.eventInput.addEventListener("codeChange", async () => {
+      this.eventInput.isKeyCombination(ConnectionLine.commandName) && await this.commandManager.start(ConnectionLine.commandName, [...this.default.selectLines]);
+    });
+    this.eventInput.addCancelDefaultBehavior(() => this.eventInput.isOnlyKeyDowns(this.shortcutKeys));
+  }
+  /**
+   * 进入命令约束
+   */
+  constraint(next, selectLines) {
+    if (!Array.isArray(selectLines)) {
+      ElMessage({ message: "进入命令失败", type: "warning" });
+      this.cancel();
+    } else if (selectLines.length !== 2) {
+      ElMessage({ message: "请选择2条线段", type: "warning" });
+      this.cancel();
+    } else {
+      next(selectLines);
+    }
+  }
+  /** 连接
+   * @param next 
+   */
+  connection(next, selectLines) {
+    let start, end, diatance = Infinity;
+    for (let i = 0; i < 2; i++)
+      for (let j = 0; j < 2; j++) {
+        const point1 = selectLines[0].points[i];
+        const point2 = selectLines[1].points[j];
+        const d = point1.distance(point2);
+        if (d < diatance) {
+          start = point1;
+          end = point2;
+          diatance = d;
+        }
+      }
+    if (start && end) {
+      const line2 = new LineSegment(start.clone(), end.clone());
+      next(line2);
+      ElMessage({ message: "连接成功", type: "success" });
+    } else this.cancel();
+  }
+  /** 成功
+   * @param next 
+   * @param selectLines 
+   */
+  completed(line2) {
+    this.renderManager.addLine(line2);
+    this.renderManager.draw();
+  }
+  /** 回滚操作
+   * @param data 
+   */
+  rollback(line2) {
+    this.renderManager.removeLine(line2);
+    return line2;
+  }
+  /** 撤回回滚
+   * @param lines 
+   * @returns 
+   */
+  revokeRollback(line2) {
+    this.completed(line2);
+    return line2;
+  }
+}
+class IntersectionConnectionLine extends CommandFlowComponent {
+  static name = "IntersectionConnectionLine";
+  shortcutKeys = ["control", "Shift", "L"];
+  static commandName = "intersectionConnectionLine";
+  onAddFromParent(parent) {
+    super.onAddFromParent(parent);
+    const commandFlow = this.commandManager.addCommandFlow(IntersectionConnectionLine.commandName).add(this.createInterrupt()).add(this.constraint.bind(this)).add(this.connection.bind(this)).addRollback(this.rollback.bind(this)).addRevokeRollback(this.revokeRollback.bind(this));
+    commandFlow.addEventListener("finally", this.createFinally());
+    commandFlow.addEventListener("completed", (e) => this.completed(e.data));
+    this.eventInput.addKeyCombination(IntersectionConnectionLine.commandName, this.shortcutKeys);
+    this.eventInput.addEventListener("codeChange", async () => {
+      this.eventInput.isKeyCombination(IntersectionConnectionLine.commandName) && await this.commandManager.start(IntersectionConnectionLine.commandName, [...this.default.selectLines]);
+    });
+    this.eventInput.addCancelDefaultBehavior(() => this.eventInput.isOnlyKeyDowns(this.shortcutKeys));
+  }
+  /**
+   * 进入命令约束
+   */
+  constraint(next, selectLines) {
+    if (!Array.isArray(selectLines)) {
+      ElMessage({ message: "进入命令失败", type: "warning" });
+      this.cancel();
+    } else if (selectLines.length !== 2) {
+      ElMessage({ message: "请选择2条线段", type: "warning" });
+      this.cancel();
+    } else {
+      next(selectLines);
+    }
+  }
+  /** 开始
+   * @param next 
+   */
+  connection(next, selectLines) {
+    const line1 = selectLines[0], line2 = selectLines[1], point = selectLines[0].getIntersection(selectLines[1]);
+    if (!point) return;
+    const oldLine1 = line1.points.map((p) => p.clone()), oldLine2 = line2.points.map((p) => p.clone());
+    if (line1.start.distance(point) < line1.end.distance(point)) {
+      line1.start.copy(point);
+    } else {
+      line1.end.copy(point);
+    }
+    if (line2.start.distance(point) < line2.end.distance(point)) {
+      line2.start.copy(point);
+    } else {
+      line2.end.copy(point);
+    }
+    const newLine1 = line1.points.map((p) => p.clone()), newLine2 = line2.points.map((p) => p.clone());
+    next({ line1, line2, oldLine1, oldLine2, newLine1, newLine2 });
+    ElMessage({ message: "连接成功", type: "success" });
+  }
+  /** 执行完成
+   * @param next 
+   * @param selectLines 
+   */
+  completed({ line1, line2, newLine1, newLine2 }) {
+    this.renderManager.removeLine(line1);
+    this.renderManager.removeLine(line2);
+    line1.set(...newLine1);
+    line2.set(...newLine2);
+    this.renderManager.addLines([line1, line2]);
+    this.renderManager.draw();
+  }
+  /** 回滚操作
+   * @param data 
+   */
+  rollback(data) {
+    const { line1, line2, oldLine1, oldLine2 } = data;
+    this.renderManager.removeLine(line1);
+    this.renderManager.removeLine(line2);
+    line1.set(...oldLine1);
+    line2.set(...oldLine2);
+    this.renderManager.addLines([line1, line2]);
+    this.renderManager.draw();
+    return data;
+  }
+  /** 撤回回滚
+   * @param lines 
+   * @returns 
+   */
+  revokeRollback(data) {
+    this.completed(data);
+    return data;
+  }
+}
+class DeleteSelectWindow extends CommandFlowComponent {
+  static name = "DeleteSelectWindow";
+  shortcutKeys = ["Q", "Delete"];
+  static commandName = "deleteSelectWindow";
+  onAddFromParent(parent) {
+    super.onAddFromParent(parent);
+    const commandFlow = this.commandManager.addCommandFlow(DeleteSelectWindow.commandName).add(this.createInterrupt()).add(this.constraint.bind(this)).add(this.end.bind(this)).addRollback(this.rollback.bind(this)).addRevokeRollback(this.revokeRollback.bind(this));
+    commandFlow.addEventListener("finally", this.createFinally());
+    commandFlow.addEventListener("completed", (e) => this.completed(e.data));
+    this.eventInput.addKeyCombination(DeleteSelectWindow.commandName, this.shortcutKeys);
+    this.eventInput.addEventListener("codeChange", async () => {
+      this.eventInput.isKeyCombination(DeleteSelectWindow.commandName) && await this.commandManager.start(DeleteSelectWindow.commandName, [...this.default.selectLines]);
+    });
+    this.eventInput.addCancelDefaultBehavior(() => this.eventInput.isOnlyKeyDowns(this.shortcutKeys));
+  }
+  /**
+   * 进入命令约束
+   */
+  constraint(next, selectLines) {
+    if (!Array.isArray(selectLines)) {
+      ElMessage({ message: "进入命令失败", type: "warning" });
+      this.cancel();
+    } else if (!selectLines.some((l) => l.userData.isWindow)) {
+      ElMessage({ message: "请选择有窗户线段", type: "warning" });
+      this.cancel();
+    } else {
+      next(selectLines);
+    }
+  }
+  /** 开始
+   * @param next 
+   */
+  end(next, selectLines) {
+    let is = false, list = [];
+    selectLines.forEach((line2) => {
+      if (!line2.userData.isWindow) return;
+      list.push({
+        line: line2,
+        drawDoorData: line2.userData.drawDoorData
+      });
+      is = true;
+    });
+    is && ElMessage({ message: "删除窗户成功", type: "success" });
+    next(list);
+  }
+  /**
+   * 完成
+   * @param list 
+   */
+  completed(list) {
+    list.forEach((item) => {
+      const userData = item.line.userData;
+      if (userData) {
+        delete userData.isWindow;
+        delete userData.drawDoorData;
+      }
+    });
+    this.renderManager.draw();
+  }
+  /** 回滚操作
+   * @param data 
+   */
+  rollback(list) {
+    list.forEach((item) => {
+      if (!item.line.userData) item.line.userData = {};
+      const userData = item.line.userData;
+      userData.isWindow = true;
+      userData.drawDoorData = item.drawDoorData;
+    });
+    this.renderManager.draw();
+    return list;
+  }
+  /** 撤回回滚
+   * @param lines 
+   * @returns 
+   */
+  revokeRollback(list) {
+    this.completed(list);
+    return list;
+  }
+}
+class SelectAll extends CommandFlowComponent {
+  static name = "SelectAll";
+  container = new THREE.Group();
+  shortcutKeys = ["control", "a"];
+  static commandName = "selectAll";
+  onAddFromParent(parent) {
+    super.onAddFromParent(parent);
+    this.editor.container.add(this.container);
+    this.container.position.z = 1e-3;
+    const commandFlow = this.commandManager.addCommandFlow(SelectAll.commandName).add(this.createInterrupt()).add(this.selectAll.bind(this)).addRollback(this.rollback.bind(this)).addRevokeRollback(this.revokeRollback.bind(this));
+    commandFlow.addEventListener("finally", this.createFinally());
+    commandFlow.addEventListener("completed", (e) => this.completed(e.data));
+    this.eventInput.addKeyCombination(SelectAll.commandName, this.shortcutKeys);
+    this.eventInput.addEventListener("codeChange", async () => {
+      this.eventInput.isKeyCombination(SelectAll.commandName) && await this.commandManager.start(SelectAll.commandName);
+    });
+    this.eventInput.addCancelDefaultBehavior(() => this.eventInput.isOnlyKeyDowns(this.shortcutKeys));
+  }
+  /** 开始
+   * @param next 
+   */
+  selectAll(next) {
+    next([...this.renderManager.lines]);
+  }
+  /** 执行完成
+   */
+  completed(lines) {
+    lines.map((line2) => this.default.addSelectLine(line2));
+  }
+  /** 回滚操作
+   * @param lines 
+   */
+  rollback(lines) {
+    lines.map((line2) => this.default.removeSelectLine(line2));
+    return lines;
+  }
+  /** 撤回回滚
+   * @param lines 
+   * @returns 
+   */
+  revokeRollback(lines) {
+    this.completed(lines);
+    return lines;
+  }
+}
+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-[150px]" };
+const _hoisted_3 = { class: "inline-block ml-[10px] text-[var(--color-primary)]" };
+const _hoisted_4 = {
+  key: 0,
+  class: "p-[5px] max-w-[200px]"
+};
+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 = { class: "text-wrap" };
+const _hoisted_11 = {
+  key: 1,
+  class: "text-[#999]"
+};
+const _hoisted_12 = {
+  style: { "--el-color-primary": "var(--primary-color)" },
+  class: "flex flex-row items-center justify-between gap-[10px] mt-[10px] text-[10px]"
+};
+const _hoisted_13 = {
+  key: 0,
+  class: "flex flex-row items-center flex-wrap justify-between gap-[10px] mt-[10px] text-[10px]"
+};
+const _hoisted_14 = { class: "flex-wrap border-t-1 border-t-[#eee] mt-[5px] pt-[5px] flex items-center gap-[10px]" };
+const _hoisted_15 = ["onClick", "title"];
+const _hoisted_16 = ["src"];
+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), rollbackCount = ref(0), revokeRollbackCount = ref(0), toolBarPosition = ref({ left: 10, top: 10 }), images = /* @__PURE__ */ Object.assign({ "./assets/images/connection.svg": __vite_glob_0_0, "./assets/images/deleteSelectLine.svg": __vite_glob_0_1, "./assets/images/deleteSelectWindow.svg": __vite_glob_0_2, "./assets/images/door.svg": __vite_glob_0_3, "./assets/images/intersectionConnection.svg": __vite_glob_0_4, "./assets/images/line.svg": __vite_glob_0_5, "./assets/images/mergeLine.svg": __vite_glob_0_6, "./assets/images/revokeRollback.svg": __vite_glob_0_7, "./assets/images/rollback.svg": __vite_glob_0_8, "./assets/images/selectAll.svg": __vite_glob_0_9, "./assets/images/selectPoint.svg": __vite_glob_0_10, "./assets/images/verticalCorrection.svg": __vite_glob_0_11, "./assets/images/window.svg": __vite_glob_0_12 }), 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" },
+      { "name": "回滚操作", "shortcut": "Ctrl + Z" },
+      { "name": "取消回滚操作", "shortcut": "Ctrl + Y" }
+    ], 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"
+      }
+    ], otherCommandList = [
+      {
+        command: "",
+        name: "操作回滚",
+        src: images["./assets/images/rollback.svg"].default,
+        show: computed(() => rollbackCount.value !== 0),
+        shortcut: "Ctrl + Z",
+        action() {
+          editor.commandManager.rollback();
+        }
+      },
+      {
+        command: "",
+        name: "撤销操作回滚",
+        src: images["./assets/images/revokeRollback.svg"].default,
+        show: computed(() => revokeRollbackCount.value !== 0),
+        shortcut: "Ctrl + Y",
+        class: "rotateY-[180deg]",
+        action() {
+          editor.commandManager.revokeRollback();
+        }
+      },
+      {
+        command: MergeLine.commandName,
+        name: "合并",
+        src: images["./assets/images/mergeLine.svg"].default,
+        show: computed(() => selectLineCount.value === 2),
+        shortcut: "Ctrl + G"
+      },
+      {
+        command: ConnectionLine.commandName,
+        name: "两点连接",
+        show: computed(() => selectLineCount.value === 2),
+        src: images["./assets/images/connection.svg"].default,
+        shortcut: "Shift + L"
+      },
+      {
+        command: IntersectionConnectionLine.commandName,
+        name: "延长线交点连接",
+        show: computed(() => selectLineCount.value === 2),
+        src: images["./assets/images/intersectionConnection.svg"].default,
+        shortcut: "Ctrl + Shift + L"
+      },
+      {
+        command: VerticalCorrection.commandName,
+        name: "线段垂直纠正",
+        show: computed(() => selectLineCount.value === 1),
+        src: images["./assets/images/verticalCorrection.svg"].default,
+        shortcut: "Ctrl + C"
+      },
+      {
+        command: SelectAll.commandName,
+        name: "全选",
+        show: computed(() => selectLineCount.value !== editor.renderManager.lines.length),
+        src: images["./assets/images/selectAll.svg"].default,
+        shortcut: "Ctrl + A"
+      },
+      {
+        command: DeleteSelectWindow.commandName,
+        name: "清除窗户",
+        show: computed(() => hasWindowLine.value),
+        src: images["./assets/images/deleteSelectWindow.svg"].default,
+        shortcut: "Q + Delete"
+      },
+      {
+        command: DeleteSelectLine.commandName,
+        name: "删除",
+        show: computed(() => selectLineCount.value > 0),
+        src: images["./assets/images/deleteSelectLine.svg"].default,
+        shortcut: "Delete"
+      }
+    ];
+    watch(toolBarPosition, () => localStorage.setItem("editorToolPosition", JSON.stringify(toolBarPosition.value)));
+    watch(showShortcutKey, () => localStorage.setItem("showShortcutKey", showShortcutKey.value + ""));
+    watch(toolBarExpand, () => {
+      localStorage.setItem("toolBarExpand", toolBarExpand.value + "");
+      if (toolBarExpand.value) {
+        nextTick(() => setEditorToolPosition(toolBarPosition.value.left, toolBarPosition.value.top));
+      }
+    });
+    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));
+        }
+      }, 100);
+      defaultComponent.addEventListener("selectLineChange", () => {
+        selectLineCount.value = defaultComponent.selectLines.length;
+        hasWindowLine.value = defaultComponent.selectLines.some((l) => l.userData.isWindow);
+      });
+      ["rollback", "completed", "revokeRollback"].forEach((key) => {
+        editor.commandManager.addEventListener(key, () => {
+          setTimeout(() => {
+            rollbackCount.value = editor.commandManager.operationList.length;
+            revokeRollbackCount.value = editor.commandManager.rollbackList.length;
+          });
+        });
+      });
+    });
+    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-[20] 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("div", {
+                  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(["overflow-hidden pointer-events-auto w-fit max-w-[260px] transition-[border-radius] text-[#333] absolute z-[11] bg-white select-none", { "rounded-[8px] ": toolBarExpand.value }]),
+          onMousedown: _cache[8] || (_cache[8] = (e) => e.stopPropagation())
+        }, [
+          createElementVNode("div", {
+            onMousedown: dragMoveHelper,
+            class: normalizeClass([{ "border-b-[#eee] border-b-1": toolBarExpand.value }, "flex flex-row justify-between header text-[14px] font-bold p-[10px 0px]"])
+          }, [
+            _cache[10] || (_cache[10] = createStaticVNode('<div class="flex flex-row" data-v-953dfd98><div class="p-[2px_5px] flex items-center pointer-events-none" data-v-953dfd98><svg fill="#aaa" width="20" height="20" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" data-v-953dfd98><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-953dfd98></path></svg></div><h5 class="flex text-nowrap text-[12px] items-center pointer-events-none" data-v-953dfd98>绘制工具</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[9] || (_cache[9] = [
+                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-[10px] 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", _hoisted_10, 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[11] || (_cache[11] = [
+                      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_11, toDisplayString(item.shortcut), 1)) : createCommentVNode("", true)
+                  ], 10, _hoisted_6)) : createCommentVNode("", true)
+                ], 64);
+              }), 64))
+            ]),
+            createElementVNode("div", _hoisted_12, [
+              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_13, [
+              createVNode(unref(ElButton), {
+                style: { "padding": "5px", "font-size": "10px" },
+                size: "small",
+                type: "success",
+                onClick: selectLocalFile
+              }, {
+                default: withCtx(() => _cache[12] || (_cache[12] = [
+                  createTextVNode(" 选择文件 ", -1)
+                ])),
+                _: 1,
+                __: [12]
+              }),
+              createVNode(unref(ElButton), {
+                style: { "padding": "5px", "font-size": "10px" },
+                size: "small",
+                type: "primary",
+                onClick: _cache[5] || (_cache[5] = ($event) => console.log(unref(dxfSystem).Dxf.originalData))
+              }, {
+                default: withCtx(() => _cache[13] || (_cache[13] = [
+                  createTextVNode(" 打印Json ", -1)
+                ])),
+                _: 1,
+                __: [13]
+              }),
+              createVNode(unref(ElButton), {
+                style: { "padding": "5px", "font-size": "10px" },
+                size: "small",
+                type: "primary",
+                onClick: _cache[6] || (_cache[6] = ($event) => unref(dxfSystem).Dxf.download("test.dxf"))
+              }, {
+                default: withCtx(() => _cache[14] || (_cache[14] = [
+                  createTextVNode(" 下载DXF ", -1)
+                ])),
+                _: 1,
+                __: [14]
+              }),
+              createVNode(unref(ElButton), {
+                style: { "padding": "5px", "font-size": "10px" },
+                size: "small",
+                type: "primary",
+                onClick: _cache[7] || (_cache[7] = ($event) => unref(whiteModel).downloadGltf("test.glb", true))
+              }, {
+                default: withCtx(() => _cache[15] || (_cache[15] = [
+                  createTextVNode(" 下载白膜 ", -1)
+                ])),
+                _: 1,
+                __: [15]
+              })
+            ])) : createCommentVNode("", true),
+            createVNode(Transition, null, {
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_14, [
+                  createVNode(TransitionGroup, null, {
+                    default: withCtx(() => [
+                      (openBlock(), createElementBlock(Fragment, null, renderList(otherCommandList, (item) => {
+                        return createElementVNode("div", {
+                          onClick: ($event) => item.show.value && (item.action ? item.action() : unref(editor).commandManager.start(item.command, [...unref(defaultComponent).selectLines])),
+                          title: `${item.name}(${item.shortcut})`,
+                          class: normalizeClass(["size-[20px] flex justify-center items-center relative overflow-hidden active:scale-[0.8] border-1 border-[#ccc] rounded-[4px] transition-all cursor-pointer", { "opacity-30 bg-[#ccc] !cursor-no-drop active:!scale-[1]": !item.show.value, [item.class ?? ""]: true }]),
+                          key: item.command
+                        }, [
+                          createElementVNode("img", {
+                            class: "size-[14px]",
+                            src: item.src
+                          }, null, 8, _hoisted_16)
+                        ], 10, _hoisted_15);
+                      }), 64))
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              _: 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-953dfd98"]]);
+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);
+    if (orbitControls) {
+      camera.position.set(center.x, center.y, 15);
+      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.children.length ? renderer.camera.children[0] : 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);
+      if (orbitControls) {
+        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() {
+    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));
+    const commandFlow = this.commandManager.addCommandFlow(this.commandName).add(this.createInterrupt()).add(this.createCursor("crosshair")).add(this.selectPoint.bind(this)).add(this.drag.bind(this)).addRollback(this.rollback.bind(this)).addRevokeRollback(this.revokeRollback.bind(this));
     commandFlow.addEventListener("finally", this.createFinally());
     commandFlow.addEventListener("completed", (e) => this.completed(e.data));
     this.eventInput.addKeyCombination(this.commandName, this.shortcutKeys);
@@ -1855,11 +2958,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 +2984,16 @@ 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) {
+        this.dispatchEvent({ type: "pointerMove", point: 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,30 +3012,62 @@ 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, oldPoint: mode === "end" ? line2.end.clone() : line2.start.clone(), 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();
   }
+  /** 回滚操作
+   * @param data 
+   */
+  rollback(data) {
+    const { line: line2, oldPoint, mode } = data;
+    if (mode === "end") line2.end.set(oldPoint.x, oldPoint.y);
+    else if (mode === "start") line2.start.set(oldPoint.x, oldPoint.y);
+    this.renderManager.addLine(line2);
+    this.renderManager.draw();
+    return data;
+  }
+  /** 撤回回滚
+   * @param lines 
+   * @returns 
+   */
+  revokeRollback(data) {
+    this.completed(data);
+    return data;
+  }
 }
-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());
   dxfSystem.addComponent(new DrawDoorLine());
   dxfSystem.addComponent(new DrawWindow());
   dxfSystem.addComponent(new PointDrag());
+  dxfSystem.addComponent(new DeleteSelectLine());
+  dxfSystem.addComponent(new MergeLine());
+  dxfSystem.addComponent(new VerticalCorrection());
+  dxfSystem.addComponent(new ConnectionLine());
+  dxfSystem.addComponent(new IntersectionConnectionLine());
+  dxfSystem.addComponent(new DeleteSelectWindow());
+  dxfSystem.addComponent(new SelectAll());
 }
+const Editor2 = Object.assign(Editor_, {
+  create(option = {}) {
+    return (dxfSystem) => Editor_(dxfSystem, option);
+  }
+});
 export {
-  Editor2 as Editor
+  Editor2 as Editor,
+  Editor_
 };