build-dxf 0.1.113 → 0.1.115

package/src/index3.js

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs, C as Component, P as PointSpatialHash, Q as Quadtree, B as Box2, a as Point, L as LineDashed, c as cloneUserData, V as Variable, b as LineSegment, d as createQuadtree, u as uuid, m as mToMm, e as LineSegmentUtils, W as WallInsertObject, f as Lines, H as HeightQuery, h as drawText, i as mergeChains, j as mmTom, k as LinePipeline, l as WhiteModel, T as ThreeVJia, S as SelectLocalFile, M as MiniCircles, n as CommandManager } from "./build.js";
+import { g as getDefaultExportFromCjs, C as Component, P as PointSpatialHash, Q as Quadtree, B as Box2, a as Point, L as LineDashed, c as cloneUserData, b as Pipeline, W as WallGroupManager, d as WallInsertObject, e as LineSegmentUtils, V as Variable, f as LineSegment, h as createQuadtree, u as uuid, m as mToMm, i as Lines, H as HeightQuery, j as drawText, k as mergeChains, l as mmTom, n as LinePipeline, R as Rectangle, D as DEFAULT_WALL_WIDTH, o as WhiteModel, T as ThreeVJia, S as SelectLocalFile, M as MiniCircles, p as CommandManager } from "./build.js";
 import * as THREE from "three";
 import { InstancedBufferGeometry, Float32BufferAttribute, InstancedInterleavedBuffer, InterleavedBufferAttribute, WireframeGeometry, Box3, Sphere, Vector3, ShaderMaterial, ShaderLib, UniformsUtils, Vector2, UniformsLib, Mesh, Vector4, Line3, Matrix4, MathUtils, Group } from "three";
 import "clipper-lib";
@@ -6,6 +6,7 @@ import "dxf-writer";
 import { i as isMobileRef, D as DomEventRegister, a as DomContainer } from "./DomEventRegister.js";
 import "three/addons/controls/OrbitControls.js";
 import { defineComponent, useModel, ref, computed, watch, nextTick, onMounted, onUnmounted, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createStaticVNode, toDisplayString, renderSlot, createCommentVNode, mergeModels, warn, getCurrentInstance, unref, getCurrentScope, onScopeDispose, shallowRef, watchEffect, readonly, isRef, reactive, inject, onBeforeUnmount, onBeforeMount, provide, createBlock, Teleport, mergeProps, withDirectives, cloneVNode, Comment, Fragment, Text, createVNode, withCtx, toRef, Transition, vShow, onDeactivated, markRaw, useAttrs as useAttrs$1, useSlots, resolveDynamicComponent, withModifiers, onActivated, onUpdated, createTextVNode, toRaw, vModelCheckbox, toRefs, renderList, resolveComponent, normalizeProps, guardReactiveProps, createSlots, shallowReactive, isVNode, render, createApp, vModelText, h, TransitionGroup } from "vue";
+import { CSS2DObject } from "three/addons/renderers/CSS2DRenderer.js";
 const _hoisted_1$c = { class: "flex flex-row" };
 const _hoisted_2$6 = { class: "flex text-nowrap text-[12px] items-center pointer-events-none" };
 const _hoisted_3$3 = {
@@ -125,20 +126,20 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         onClick: _cache[1] || (_cache[1] = (e) => e.stopPropagation()),
         ref_key: "elRef",
         ref: elRef,
-        class: normalizeClass([{ "pointer-events-none": isdrag.value }, "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]"])
+        class: normalizeClass([{ "pointer-events-none": isdrag.value }, "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]"])
       }, [
         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 transition-[border-radius] text-[#333] absolute z-[11] bg-white select-none max-w-full", { "rounded-[8px]": showContent.value && isPc.value }]),
+          class: normalizeClass(["overflow-hidden pointer-events-auto w-fit transition-[border-radius] text-[#333] absolute z-11 bg-white select-none max-w-full", { "rounded-[8px]": showContent.value && isPc.value }]),
           onMousedown: _cache[0] || (_cache[0] = (e) => e.stopPropagation())
         }, [
           showTitle.value ? (openBlock(), createElementBlock("div", {
             key: 0,
             onTouchstart: dragMoveHelper,
             onMousedown: dragMoveHelper,
-            class: normalizeClass([{ "border-b-[#eee] border-b-1": showContent.value }, "flex flex-row justify-between header text-[14px] font-bold p-[10px 0px]"])
+            class: normalizeClass([{ "border-b-[#eee] border-b": showContent.value }, "flex flex-row justify-between header text-[14px] font-bold p-[10px 0px]"])
           }, [
             createElementVNode("div", _hoisted_1$c, [
               _cache[2] || (_cache[2] = createStaticVNode('<div class="p-[2px_5px] size-[20px] flex items-center pointer-events-none"><svg fill="#aaa" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M352 128a134.4 134.4 0 0 1 128.832 96H921.6a38.4 38.4 0 0 1 0 76.8H480.832a134.4 134.4 0 0 1-257.664 0H102.4a38.4 38.4 0 1 1 0-76.8h120.768A134.4 134.4 0 0 1 352 128z m0 76.8a57.6 57.6 0 1 0 0 115.2 57.6 57.6 0 0 0 0-115.2z"></path><path d="M64 467.2m38.4 0l819.2 0q38.4 0 38.4 38.4l0 0q0 38.4-38.4 38.4l-819.2 0q-38.4 0-38.4-38.4l0 0q0-38.4 38.4-38.4Z"></path><path d="M672 614.4a134.4 134.4 0 0 1 128.832 96H921.6a38.4 38.4 0 0 1 0 76.8h-120.768a134.4 134.4 0 0 1-257.664 0H102.4a38.4 38.4 0 0 1 0-76.8h440.768A134.4 134.4 0 0 1 672 614.4z m0 76.8a57.6 57.6 0 1 0 0 115.2 57.6 57.6 0 0 0 0-115.2z"></path></svg></div>', 1)),
@@ -11012,7 +11013,6 @@ message.closeAllByPlacement = closeAllByPlacement;
 message._context = null;
 const ElMessage = withInstallFunction(message, "$message");
 const textureUrl = "data:image/png;base64,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";
-const searchTextureUrl = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAQAElEQVR4Aeydi5XcNhJFuzeRlSOxFclKkUiKRNpIrI1E2kjGdVuAhs3h9PCDTxX4dAjzDxRe4aIAktP+10X/pIAUeFUBAfKqNDohBS4XAaJWIAUeKCBAHoijU1JAgKgNSIEHClQE5EGpOiUFgiggQII4Smb2UUCA9NFdpQZRQIAEcZTM7KOAAOmju0oNokBMQIKIKzPjKyBA4vtQNaiogACpKK6yjq+AAInvQ9WgogICpKK4yjq+AgJk5kPtSoGpAgJkqoa2pcBMAQEyE0S7UmCqgACZqlFo++np6V1Kf9n6g6VPs/R1ts95riNxz1+FTFE2BxUQIDsFtAaeIaBxk/62Y7fFsvyR0t+2/mrp8yx9mO1znutI3JPz+mEZsg1QN3jsPi0NFRAgK8W2hgoQNNIbDHZbhoDGTXqr17dbNi/v7A7yBagbPGYHC+AIGhOn9iJAHihsLREoACLDQCOtBcMDS16cApwpNL+BeXGlDhxSQIDM5JtA8WSnAAMgaJC263bBvhswZr9gKegmAWJiWqOaRwqgsDMhlyVYGKaFrExvo08NSAKDYVOUSLG1vWRYmOgTWYgyW/M49fWnBMTAmM4rBmg0q9owsDCxB5RPq+7QRef6XawJGAyhaDBnbALU+7NpIVBWeP8UEcQaAy/fRh1GrXDz4iUCZVGW+4NDA2JgMPm+vXizatMgbKVlpgC65IhyluHmTILXd4cFxOBgnE3U0BOc1/0/PQMoeY7C9vTcabeHA8TAYDjFOwzmGad17IGKAwdPvehgLpcDGY1w6zCAGBjT4dQIvulZByDJwy62e9rStewhADE4GEYx12DdVdDBCgeOU0eT8IAYHAwFgANnDtY+XVQHXYkm6OzCoJZGhAXEwMhDKs012rQYIOHdCcC0KdFBKSEBAQ7TjqihIZUJ0XABjmJDroZ27y4qHCAGB1Dw+BZn7a64btytALoTTU4x5AoFiMHBiywix27v6sZiCpwCkjCAJDj48raYh5XRYQWAZGifhADE4MAJpMMeVQbFFeDPkBnyFs/YQ4buAUlwMLTyoJdsWFaAJ4qeIFm2csdR14AIjh0e7XfLkJC4BcTg4CmJIke/Br+nZCAZaijsEhCDAzDO9ALwp7VG0ndbk2wVdmFOMgwk7gAxOHjPMYzAqZnT+L/ZNtC/tzXpj+vzP7ZJ7+3Q7Zxd89ES99kq3AIkjADCGT432BUgBgcvoaK/56BREwVuMFiDZ6Hxf7SNL5a+p8R1c3/c9u38T0sABSysb8eD/YdHwOEheQlIXy9Ejhw0ZCAABiLBDYYjchokQPTF8mBtq3ALkYQRQTjDs8FuALHoQeSIJiYN97M1ZBbgAJKsbZG1ZUwZQFIkv8aZMCLgrxRZNy66THEuADE4CMVR4KDBZiiIFi0aL0O2Mh5vnwtwhB0ZdAfE4AAMxuvtXbetxAxGKyh+W5eiSGRI+DNoOsHfdYqy0R0QEypC70LEaA6GaTNd6Imn+9G2Q85HmgIy96hFD+Ydnh0PGNaBX1sMo+byzPc96zS3dWkf+yN0hne2dwPE4GBoRbozyMkOw6neEeO3FKYVL05/7wfeCPemvRsg5mSvvQlRAziAxMx0sYQcv7+iHPMRrx3jC5O7AGI9InAQcl8Y1PEAQNzeX3S04a5o04ke1/sw9M7mFTv4Hf+vuLT/Jc0BMafTe3gbMvB2m6jh4kmRaQQY6MQn5Kz7t5SyFlA/b21gsYbNATEragwXLNvdC0MqPunYncGWG3PjtzVPdfjfMOTECzV+EIGIARist2Qd7Vpv7WBRv6aA0CjMCk89YvUhldWZ3jJDQKPPjZ9hBu9/cqJHRRuSyTT8gi5o4LqiTQExJf5jycsCHFWGVBMo+I1ggMgQnKXxr/UxE3bmJGuvb35dM0Cs0eQesnklFwosDofVjx6RSAEQJKBYKFqHJgoAh+uhVjNATBQPQuQnVcUiRwKDoUKGAqdbdbWsVMB1FGkCiDUiokfvhgMcfHG7EY5lN1udbhHDzgIG9bNNLTsUoF146DwXTW8CiJXsYe5RBI4ZGBpGmXMLLG7nZtUBsQZF5UkFdNydRZE5R6oLT6IExm5XLN6Yo/HiyZ4HqwNilesdPnnPcXhYZXBQD+BgSGDV0lJYAZfD1BaA9IwevCE/9CWugUHvBhiKGoWJmGWHzj3bysycX7tVAbHG1bNX4IcPDr0hN/txGJNw1r8UK/lf5TVXgCg9P9Z1vyogVrOeFeZnc8yEfUuCg8ixLwPdtUcBHvm66oyqAWINjOjRa7x+6ImV2Y6TBMeeJn78nj+PZ1Euh2qAmIm9Ksq8Y/eviwgO81zfhY61rwWT0msCQi88KarZ5u5JueBo5qNHBbmarFcBxBoavUCP4dW36/W665Gu2QzQwwyrHrXAAOd6jT5eSFMFECulVwV3Rw+zme+pbKXFgQJ0Vg7MuFxqAdKjgrwQ5HurzcJa9CBy9Ih4m209yQ1ufFELkNYV5J3HruhhcPAougfQJ2nru6rpZh5SHBBrcMw/dqly4Ka9cACG3pAfEL7irb2G6XdVKg6I5d6jYrsm5mYr0cNWWjYo0OrSHh3ti7rVAIRe+UVBFQ/w3mPz3CNFuta2VpRhuKxbD9MXBawBiIuKLdb2/qCeWt3r4W7POrHuHVhRQDpVaDOQZqfgcIfDokE9hut3hhQFxHLe3FjtnqPLpiceBgc2uhjfHq34Ce4fK4KYw3oRv2WyrehhjvK5vLCKzuzFwZYHSkeQlrZPy+Iz6TchsejBNd17panh2vatQGlAeja+zwmAF4rbcYZhvC3XO48X6rg+gN+6RpHSgHStjLkaSH4YEPzOLT/iRgIM/VWgiRN06dqmigFijbJrRSbOxw4m4UQLUs+oNjFLmxEVKAaIVZ6GaSstUqCoAmUe/Ow0SYDsFE63nUOBkoCcQzHVsrUCXUcmAqS1u1VeKAVKAvLvUDWXsVEUUASJ4inZeT4F1kSQtap0JX2tkbpOCmxRoCQgm/8mY4uhulYK9FCgJCA97FeZUqCqAgKkqrzKPLoCAiS6B2V/VQU6A1K1bsp8DAW6zm1LAvL/MfyhWkiBZwVKAtKV9OcqaWswBbq2q5KADOYXVUcKlP1t3q6ky5nDKtB16D5uBBm2vZyuYl073mKAXK9XKkI6nQdV4aoKdG1TxQBJEnWtTLJBq4EUSB1vtxoJkG7Sq+AVCnTvcAXICi/pkm4K7P3V/mIGlwbkf8Usc5yRTGumgCJIM6lVUEQFuj7iRbCiESRNqLqHRSqmNIQC3dtSUUCGcIkq4UaB1OF2tacGIP/tWiMVPooC3zxUpAYg3cOiB2F32qDbnhVw8cCnOCApLAqSZ0dra58CLtpQcUCSFt0fzyU7tAqqQOpou1tfCxDNQ7q7NrQBLuYfKFgLEEUQ1FXaq4CbDrYKICk8uhhD7vXQePfFqZG1HzdtpwogyRVf0lorKbBFATfDK4yuCYiGWSistFUBN8MrDK8GiIVJAHHVG1BhJdcKfLd242Z4hVLVACFzSxpmmQhaVivgKnpgdVVArDcgirjqEai0UmEFCmVn7cXdiKMqIEk3RZEkhFYPFXAHB9a2AIQoQqI8JSnwmgIuO9LqgFjYBA6XlX/NUzreXIFvqZ00L/itAqsDkgzQPCQJodWiAu4m59nKJoCk3uFjLlRrKTBR4OGj3cl1XTabAJJqpiiShNDqTgHXw+9mgCiK3DUK7fxSgLmH646zGSC/9LggBumif1LAFHAdPcy+S1NAUhRxLwrCKFVXgOjBE87qBR0poCkgGGqQEEFI7CqdU4Gf1g56P7RZpXxzQJJVIcRJtmpVXoEw/u8CiPUehNYwIpVvH6fO0fVj3blnugCSjGCYRUq7Wp1EgVAdYzdAFEVOgsN9Nd8nv98fdbzXDRA0SWKF6lGwW2mXAqGGVrmG+wDJdxdYGyR85kwqkJuycKxAyI6wOyDJobwbYeKedrUaTIEQ7zyWNHcBiEUR4Hi/ZKCODaGAi9/Z3aOkC0AwPEESMgxjv9JDBcI+rXQDCPIaJMxFPrOtNJQC76LWxhUgiGiQMB8RJIgxTvozalXcAZKE5C/MBEkSY4DVh6h1cAmIRREm7UASduwatUFUsvvd09PTp0p5V83WJSDUOEHCpF2QIEj89CEiJG4BoT0IElQYJjFRDweJa0BoGhNIjs5JyE6prwLhIHEPCP5MkDAnESQIEjuFgiQEILQHILGkR8CIET+FgSQMILlNCJKsRPh1CEjCAUKzSJD8Yds8DraVlqAKuIckJCA0BoMEOPjAkc9TONQxnaZo5oBoTqKDYh8/HBHANSRhAcEjCRLNSxCjbuKPnUzu65fr9co2iV8mQXtgAZQjFriFJDQgeMQclh1Fj3a0NyNLpWcF0JM/kwWC56OTrYn+vNSdnNm86RKS8IBkN+Ao28aRR3szy0aLKUCU+MN0XfUlg13HUHc4SIYBxBx6MSdNo8kqx3Kf0p0Cb0aNu6snO6b/cJAMBUj2lTkKUHI0weH5VLx1W4s/m3aro8aSaXb/UJAMCUh2nDmr1CQyZznqmmgLGOh1uI6m+zCQDA0InjZnEU1wPJN4zU8Q5TkRXQGDiTjbz2cObpnuQ0AyPCDZz+YwgZLFuFxyxACOomBcJv9M8/CQnAaQ7Ddz2hyUag0kl+loTQQFiuIR47U6mt6hITkdINmR5rgMCpN5Hk/Sq+bTI63pAJh8W5WvvOhj/1a/Vv+5Xq9hITktILlxmPMAhR82AxTmKSPAAgQ5WhAxmIPlKndZm84hITk9INPWYk6cw0IjixJZMhQMn25QUJ9p/Xpvmz3hIBEgr7QacyawMCSZRhYc7AWYDEQePmUovNi3qKzpioZE6cXzKw82+yxFgKzwiDkVWBiGfbTtDAxrHI3DazdKYKAMIhoRwsy4ZiC6D59WSHh3yTXQnESA3Llu3Y45GGD4Vuk3NHbsanczh8ngAA8NGoBINPBHiWu4nsS9GQSyBgb2iWjkYUW5Xt40zipFfannm9c+uKB6JBEgD9TfesqcPgUHeGjQRB0SDfxR4hquJ3HvECA80tD0cg+JAHnkQZ2rroB3SARI9SagAt5SoDAkf71V3pbzAmSLWrq2mgIFIfla0kgBUlJN5XVIgXWQvFkEvwNcLIoIkDf11gUtFSgESTGTBUgxKZVRKQUKQMLj3yLmCJAiMiqT0goUgKSISQKkiIzKpIYCByAp9g5JgNTwrPIspsAOSPg2jU9zttuwcIcAWRBFh3wpsAESPv8p+m2aAPHVFmTNKwokSPjW7bXoQOTgO7hXcth3WIDs0013dVDAIAEOIAAUPnTkw06+b7NT16KRI1dPgGQltA6hwPV65YNQEh908mFnsQn5kgACZEkVHZMCSYFSgKTstJICYykgQMbyp2pTWAEBUlhQZTeWAgJkLH+qNoUVECCFBVV2YykQAJCxBFdtYikgQGL5S9Y2VkCANBZcxcVSQIDE8pesbayAuWiilwAAAD9JREFUAGksuIqLpcC5AYnlK1nbQQEB0kF0FRlHAQESx1eytIMCAqSD6CoyjgICJI6vZGkHBQRIJdGV7RgK/AMAAP//4C6KhwAAAAZJREFUAwD4/NzNgTbrjAAAAABJRU5ErkJggg==";
 class Debouncing {
   timeoutId = null;
   delay;
@@ -11037,7 +11037,6 @@ class Debouncing {
 }
 const loader = new THREE.TextureLoader();
 const texture = loader.load(textureUrl);
-const searchTexture = loader.load(searchTextureUrl);
 class RenderManager extends Component {
   static name = "RenderManager";
   container = new THREE.Group();
@@ -11134,77 +11133,15 @@ class RenderManager extends Component {
     for (let i = 0; i < lines.length; i++) this.removeLine(lines[i], false);
     this.draw();
   }
-  /**
-   * 绘制
+  /** 创建几何体
+   * @param rectangle 
    */
-  draw(synchronize = true) {
-    this.container.clear();
-    const position = [], doorPosition = [], passageEntrancePosition = [], windowPosition = [], findDoorPoint = [], bayWindowPoint = [];
-    this.lines.forEach((line2) => {
-      if (line2.userData.isBayWindow) {
-        line2.points.forEach((p) => bayWindowPoint.push(p.x, p.y, 0));
-        return;
-      }
-      line2.points.forEach((p) => {
-        if (line2.userData.isDoor) doorPosition.push(p.x, p.y, 0);
-        else position.push(p.x, p.y, 0);
-      });
-      if (line2.userData.isDoor && line2.userData.doorAutomaticFind) findDoorPoint.push(line2.center);
-      if (line2.userData.isWindow && line2.userData.drawWindow) {
-        line2.userData.drawWindow.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);
-        });
-      }
-      if (line2.userData.isVerticalReferenceLine) {
-        const pos = line2.center;
-        this.verticalReferenceLineFlag.position.set(pos.x, pos.y, 0);
-        this.container.add(this.verticalReferenceLineFlag);
-      }
-      if (line2.userData.isPassageEntrance) {
-        line2.userData.passageEntrance?.forEach((item) => {
-          const direction = line2.direction();
-          const peLine = Point.from(item.p).expandAsLine(direction, item.width).translate(-item.width * 0.5, direction);
-          peLine.points.forEach((p) => passageEntrancePosition.push(p.x, p.y, 0));
-        });
-      }
+  createGeometry(map, count) {
+    const geometry = new THREE.BufferGeometry();
+    Object.keys(map).forEach((k) => {
+      geometry.setAttribute(k, new THREE.BufferAttribute(new Float32Array(map[k]), map[k].length / count));
     });
-    position.length && this.renderer.createLineSegments({
-      position
-    }, position.length / 3, {
-      color: 5745151
-    }, this.container);
-    doorPosition.length && this.renderer.createLineSegments({
-      position: doorPosition
-    }, doorPosition.length / 3, {
-      color: 16776960
-    }, this.container);
-    passageEntrancePosition.length && this.renderer.createLineSegments({
-      position: passageEntrancePosition
-    }, passageEntrancePosition.length / 3, {
-      color: 16750592
-    }, this.container);
-    windowPosition.length && this.renderer.createLineSegments({
-      position: windowPosition
-    }, windowPosition.length / 3, {
-      color: 16711935
-    }, this.container);
-    if (bayWindowPoint.length) {
-      const obj3D = this.renderer.createLineSegments({
-        position: bayWindowPoint
-      }, bayWindowPoint.length / 3, {}, this.container);
-      obj3D.material = new THREE.LineDashedMaterial({
-        color: 4235007,
-        dashSize: 0.05,
-        gapSize: 0.05,
-        opacity: 0.5,
-        transparent: true
-      });
-      obj3D.computeLineDistances();
-    }
-    this.renderer.createCircle(findDoorPoint, { map: searchTexture, size: 0.4, sizeAttenuation: true, color: 16777215 }, this.container);
-    synchronize && this.synchronizeDxf();
+    return geometry;
   }
   lineAdsorption = ref(true);
   pointAdsorption = ref(true);
@@ -11306,16 +11243,6 @@ class RenderManager extends Component {
     }
     this.lineDashed1.visible = this.lineDashed2.visible = this.lineDashedText1.visible = this.lineDashedText2.visible = b;
   }
-  /** 创建几何体
-   * @param rectangle 
-   */
-  createGeometry(map, count) {
-    const geometry = new THREE.BufferGeometry();
-    Object.keys(map).forEach((k) => {
-      geometry.setAttribute("position", new THREE.BufferAttribute(new Float32Array(map[k]), map[k].length / count));
-    });
-    return geometry;
-  }
   /**
    * 转为json
    */
@@ -11332,7 +11259,7 @@ class RenderManager extends Component {
         insetionArr,
         isDoor: userData.isDoor,
         doorDirectConnection: userData.isDoor,
-        length: line2.length(),
+        length: line2.length,
         isWindow: userData.isWindow,
         isVerticalReferenceLine: userData.isVerticalReferenceLine,
         wallWidth: line2.userData.wallWidth,
@@ -11362,6 +11289,14 @@ class RenderManager extends Component {
       dxf2.set(json, dxf2.options);
     });
   }
+  /**
+   * 绘制
+   */
+  draw(synchronize = true) {
+    this.container.clear();
+    new Drawer(this.lines).draw(this.container);
+    synchronize && this.synchronizeDxf();
+  }
   get renderer() {
     return this.parent?.findComponentByName("Renderer");
   }
@@ -11381,6 +11316,189 @@ class RenderManager extends Component {
     return this.parent?.findComponentByName("DxfLineModel");
   }
 }
+class Drawer extends Pipeline {
+  wallGroupManager;
+  constructor(lines) {
+    super();
+    this.wallGroupManager = WallGroupManager.fromByLines(lines);
+    this.use({ type: "wall", handle: this.wall.bind(this) });
+    this.use({ type: "doubleWall", handle: this.doubleWall.bind(this) });
+    this.use({ type: "door", handle: this.door.bind(this) });
+    this.use({ type: "balconyRailing", handle: this.balconyRailing.bind(this) });
+    this.use({ type: "window", handle: this.wall.bind(this) });
+    this.use({ type: "hole", handle: this.hole.bind(this) });
+    this.use({ type: "bayWindow", handle: this.bayWindow.bind(this) });
+  }
+  /** 单线墙壁
+   * @param ctx 
+   */
+  wall(ctx) {
+    const color = new THREE.Color(5745151);
+    const holeLines = ctx.data.flatMap((line2) => {
+      const holeLines2 = [];
+      WallInsertObject.forEachInsertObjectData(line2, (data, key) => {
+        data.forEach((item) => {
+          let type = key == "drawWindow" ? "window" : item.type;
+          const holeLine = WallInsertObject.wallInsertObjectToLine(line2, item);
+          holeLine.userData.type = type;
+          holeLines2.push(holeLine);
+        });
+      });
+      let lines = [line2];
+      if (holeLines2.length) {
+        lines = LineSegmentUtils.clippingByLines(line2, holeLines2) ?? [];
+      }
+      lines.forEach((line22) => {
+        line22.points.forEach((p) => {
+          ctx.cache.lines.push(p.x, p.y, 0);
+          ctx.cache.lineColor.push(color.r, color.g, color.b);
+        });
+      });
+      return holeLines2;
+    });
+    this.wallGroupManager.add({
+      type: "hole",
+      lines: holeLines
+    });
+  }
+  /** 双线墙壁
+   * @param ctx 
+   */
+  doubleWall(ctx) {
+    this.wallGroupManager.add({
+      type: "wall",
+      lines: ctx.data
+    });
+  }
+  /** 门
+   * @param ctx 
+   */
+  door(ctx) {
+    this.wallGroupManager.add({
+      type: "hole",
+      lines: ctx.data
+    });
+  }
+  /** 栏杆
+   * @param ctx 
+   */
+  balconyRailing(ctx) {
+    const color = new THREE.Color(65280);
+    ctx.data.forEach((line2) => {
+      line2.points.forEach((p) => {
+        ctx.cache.lines.push(p.x, p.y, 0);
+        ctx.cache.lineColor.push(color.r, color.g, color.b);
+      });
+    });
+  }
+  /** 飘窗
+   * @param ctx 
+   */
+  bayWindow(ctx) {
+    const color = new THREE.Color(5745151);
+    ctx.data.forEach((line2) => {
+      if (!line2.userData.isBayWindow) return;
+      line2.points.forEach((p) => {
+        ctx.cache.lineDasheds.push(p.x, p.y, 0);
+        ctx.cache.lineDashedColor.push(color.r, color.g, color.b);
+      });
+    });
+    this.wallGroupManager.add({
+      type: "wall",
+      lines: ctx.data.filter((line2) => !line2.userData.isBayWindow)
+    });
+  }
+  /** 孔洞
+   * @param ctx 
+   */
+  hole(ctx) {
+    const colors = {
+      default: new THREE.Color(16776960),
+      // 0xff5722
+      window: new THREE.Color(16711935),
+      door: new THREE.Color(16776960)
+    };
+    ctx.data.forEach((line2) => {
+      const type = line2.userData.type ?? "default";
+      const color = colors[type];
+      line2.points.forEach((p) => {
+        if (type === "default") {
+          ctx.cache.lineDasheds.push(p.x, p.y, 0);
+          ctx.cache.lineDashedColor.push(color.r, color.g, color.b);
+        } else {
+          ctx.cache.lines.push(p.x, p.y, 0);
+          ctx.cache.lineColor.push(color.r, color.g, color.b);
+        }
+      });
+    });
+  }
+  /** 创建几何体
+   * @param rectangle 
+   */
+  createLineSegments(map, count, parameters) {
+    if (Array.isArray(map)) {
+      const position = map.flatMap((line2) => line2?.points?.flatMap((p) => [p.x, p.y, 0]));
+      return this.createLineSegments({ position }, map.length * 2, parameters);
+    }
+    const geometry = new THREE.BufferGeometry();
+    Object.keys(map).forEach((key) => {
+      const value = map[key];
+      if (key === "color") {
+        let attr = new THREE.BufferAttribute(new Float32Array(value), value.length / count);
+        geometry.setAttribute(key, attr);
+      } else {
+        let attr = new THREE.BufferAttribute(new Float32Array(value), value.length / count);
+        geometry.setAttribute(key, attr);
+      }
+    });
+    const lineSegmentList = new THREE.LineSegments(geometry, new THREE.LineBasicMaterial({ ...parameters }));
+    return lineSegmentList;
+  }
+  /**
+   * 绘制
+   */
+  draw(parent2) {
+    const option = {
+      lines: [],
+      lineColor: [],
+      walls: [],
+      wallColor: [],
+      lineDasheds: [],
+      lineDashedColor: []
+    };
+    this.wallGroupManager.forEach((group) => {
+      this.run(group.type, group.lines, option);
+    });
+    if (option.lines.length) {
+      const wall = this.createLineSegments({
+        position: option.lines,
+        color: option.lineColor
+      }, option.lines.length / 3, {
+        vertexColors: true,
+        toneMapped: false,
+        color: 16777215
+      });
+      parent2.add(wall);
+    }
+    if (option.lineDasheds.length) {
+      const wall = this.createLineSegments({
+        position: option.lineDasheds,
+        color: option.lineDashedColor
+      }, option.lineDasheds.length / 3);
+      wall.material = new THREE.LineDashedMaterial({
+        color: 16777215,
+        vertexColors: true,
+        dashSize: 0.05,
+        gapSize: 0.05,
+        toneMapped: false,
+        transparent: true,
+        opacity: 0.7
+      });
+      wall.computeLineDistances();
+      parent2.add(wall);
+    }
+  }
+}
 function createHtml(tagName, options) {
   const { is, customElementRegistry, style, text, html, parent: parent2 } = options ?? {};
   const element = document.createElement(tagName, { is, customElementRegistry });
@@ -11565,6 +11683,8 @@ function createPromise() {
     }
   };
 }
+class UIService {
+}
 class CommandFlowComponent extends Component {
   static interruptKeys = ["escape"];
   static confirmKeys = ["enter"];
@@ -11594,7 +11714,7 @@ class CommandFlowComponent extends Component {
     return this._commandManager;
   }
   get default() {
-    if (!this._default) this._default = this.parent?.findComponentByName("Default");
+    if (!this._default) this._default = this.parent?.findComponentByName("DefaultCommand");
     return this._default;
   }
   get commandName() {
@@ -11612,6 +11732,7 @@ class CommandFlowComponent extends Component {
   container = new THREE.Group();
   constructor() {
     super();
+    this.uiService = new UIService();
     this.addEventListener("addFromParent", () => {
       this.editor.container.add(this.container);
       this.editor.addEventListener("cancelCommand", () => {
@@ -11833,7 +11954,8 @@ class CommandFlowComponent extends Component {
   createLineSelector(opt) {
     const {
       onMove,
-      eventRecordNames = []
+      eventRecordNames = [],
+      radius = 0.08
     } = opt ?? {};
     const editor = this.editor, object3D = new THREE.Mesh(), wiLine = new LineSegment();
     let currentSelectLine = null;
@@ -11844,6 +11966,7 @@ class CommandFlowComponent extends Component {
       color: 55561
     });
     let mode = "none";
+    let paused = false;
     const update = (line2) => {
       const rectangle = line2.toRectangle(0.025, "butt");
       object3D.geometry = editor.renderManager.createGeometry({
@@ -11874,7 +11997,8 @@ class CommandFlowComponent extends Component {
       return null;
     }
     const ppcEventCancel = editor.addEventListener("pointerPositionChange", () => {
-      const result = editor.renderManager.adsorption();
+      if (paused) return;
+      const result = editor.renderManager.adsorption(radius);
       const {
         line: line2,
         point
@@ -11936,6 +12060,12 @@ class CommandFlowComponent extends Component {
       get ended() {
         return ended;
       },
+      paused() {
+        paused = true;
+      },
+      resume() {
+        paused = false;
+      },
       next: getLines,
       end,
       lines(mode_) {
@@ -11960,7 +12090,7 @@ class CommandFlowComponent extends Component {
       },
       async awaitEach(mode_, callBack) {
         for await (const line2 of this.lines(mode_)) {
-          callBack(line2);
+          callBack(line2, this);
         }
         return this;
       }
@@ -12380,12 +12510,19 @@ class CommandFlowComponent extends Component {
     }
     function View() {
       return createVNode("div", {
-        "class": " z-20 absolute left-0 top-0 w-full h-full flex flex-col",
+        "class": {
+          "z-20 absolute left-0 top-0 w-full h-full flex flex-col": true,
+          " justify-center items-center bg-[rgba(0,0,0,0.5)]": !isMobileRef.value
+        },
         "onClick": (e) => e.stopPropagation(),
         "onPointerdown": (e) => e.stopPropagation()
-      }, [createVNode("div", {
+      }, [isMobileRef.value && createVNode("div", {
         "class": "flex-1 pointer-events-none"
-      }, null), title && createVNode("div", {
+      }, null), createVNode("div", {
+        "class": {
+          "w-[400px] rounded-[8px] overflow-hidden": true
+        }
+      }, [title && createVNode("div", {
         "class": "bg-white p-[10px] text-center text-[16px]"
       }, [createVNode("h4", null, [title])]), createVNode(Transition, {
         "name": "slide-fade"
@@ -12401,7 +12538,7 @@ class CommandFlowComponent extends Component {
           "modelValue": width.value,
           "onUpdate:modelValue": ($event) => width.value = $event
         }, null)]
-      })]);
+      })])]);
     }
     function close2() {
       if (ended) return;
@@ -12458,13 +12595,13 @@ class CommandFlowComponent extends Component {
     }
     function updateData() {
       const helpLine1 = new LineSegment(point, line2.start);
-      const len1 = helpLine1.length();
+      const len1 = helpLine1.length;
       text1.setText(mToMm(len1) + "mm");
       let center = helpLine1.center;
       text1.position.set(center.x, center.y, 0);
       num1Text.visible = len1 > 1e-9;
       const helpLine2 = new LineSegment(point, line2.end);
-      const len2 = helpLine2.length();
+      const len2 = helpLine2.length;
       text2.setText(mToMm(len2) + "mm");
       center = helpLine2.center;
       text2.position.set(center.x, center.y, 0);
@@ -12494,7 +12631,7 @@ class CommandFlowComponent extends Component {
           close: close2
         } = context.openWidthEditor({
           defaultWidth: width,
-          maxWidth: line2.length() * 1e3,
+          maxWidth: line2.length * 1e3,
           minWidth: 0,
           showMax: true
         });
@@ -12514,7 +12651,7 @@ class CommandFlowComponent extends Component {
           close: close2
         } = context.openWidthEditor({
           defaultWidth: width,
-          maxWidth: line2.length() * 1e3,
+          maxWidth: line2.length * 1e3,
           minWidth: 0,
           showMax: true
         });
@@ -12677,8 +12814,8 @@ class CommandFlowComponent extends Component {
     return textMesh;
   }
 }
-class Default extends CommandFlowComponent {
-  static name = "Default";
+class DefaultCommand extends CommandFlowComponent {
+  static name = "DefaultCommand";
   container = new THREE.Group();
   onAddFromParent() {
     const editor = this.editor, commandManager = editor.commandManager;
@@ -12858,7 +12995,7 @@ class Default extends CommandFlowComponent {
             }, 6);
             const center = line2.center;
             let info = "";
-            textObj3D.element.innerText = info + parseInt(line2.length() * 1e3 + "") + " mm";
+            textObj3D.element.innerText = info + parseInt(line2.length * 1e3 + "") + " mm";
             textObj3D.position.set(center.x, center.y, 0);
             textObj3D.visible = true;
           } else {
@@ -12868,7 +13005,7 @@ class Default extends CommandFlowComponent {
             }, 6);
             const center = wiLine.center;
             let info = "";
-            textObj3D.element.innerText = info + parseInt(wiLine.length() * 1e3 + "") + " mm";
+            textObj3D.element.innerText = info + parseInt(wiLine.length * 1e3 + "") + " mm";
             textObj3D.position.set(center.x, center.y, 0);
             textObj3D.visible = true;
           }
@@ -13412,11 +13549,11 @@ class DrawWindow extends CommandFlowComponent {
    * @param points 
    */
   end(next, { start, end, line: line2 }) {
-    const win = new LineSegment(Point.from(start), Point.from(end)), center = win.center, len = win.length();
+    const win = new LineSegment(Point.from(start), Point.from(end)), center = win.center, len = win.length;
     const doorDataItem = {
       p: { x: center.x, y: center.y, z: 0 },
       width: len,
-      full: Math.abs(len - line2.length()) < 0.01,
+      full: Math.abs(len - line2.length) < 0.01,
       uuid: uuid()
     };
     ElMessage({
@@ -13852,7 +13989,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                       }), 256)),
                       createElementVNode("p", _hoisted_12$1, [
                         _cache[8] || (_cache[8] = createElementVNode("span", { class: "mr-[5px]" }, "长度", -1)),
-                        createElementVNode("span", _hoisted_13$1, toDisplayString(Number(line2.length().toFixed(4))) + "m", 1)
+                        createElementVNode("span", _hoisted_13$1, toDisplayString(Number(line2.length.toFixed(4))) + "m", 1)
                       ])
                     ]),
                     createElementVNode("div", _hoisted_14$1, [
@@ -13906,7 +14043,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const PropertiesPanelView = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-cd7c599e"]]);
+const PropertiesPanelView = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-f4f386d2"]]);
 class PropertiesPanel extends CommandFlowComponent {
   static name = "PropertiesPanel";
   container = new THREE.Group();
@@ -14022,7 +14159,7 @@ class PropertiesPanel extends CommandFlowComponent {
 }
 const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Default,
+  DefaultCommand,
   DrawDoorLine,
   DrawLine,
   DrawWindow,
@@ -14412,7 +14549,7 @@ class ViewAngle extends CommandFlowComponent {
    * @param selectLines 
    */
   viewAngle(next, selectLines) {
-    const [start, end] = selectLines, radius = Math.min(start.length() * 0.8, end.length() * 0.8);
+    const [start, end] = selectLines, radius = Math.min(start.length * 0.8, end.length * 0.8);
     let center, point1, point2, gapAngle = 0, textAngle = 0;
     if (start.isSameEndpointAsStart(end)) {
       center = start.start;
@@ -15761,7 +15898,7 @@ function openEditor(context, winLine, line2, lineMesh) {
   }
   function update() {
     LineSegmentUtils.constrainLine(winLine, line2);
-    width.value = mToMm(winLine.length());
+    width.value = mToMm(winLine.length);
     let w = mmTom(width.value);
     center.copy(winLine.center);
     startWidth.value = mToMm(line2.start.distance(center) - w * 0.5);
@@ -15794,7 +15931,7 @@ function openEditor(context, winLine, line2, lineMesh) {
       "showCancel": false,
       "showConfirm": false
     }, null)])
-  }], len = winLine.length(), value = ref(0), center = winLine.center, width = ref(mToMm(winLine.length())), winLineDir = winLine.direction(), startWidth = ref(mToMm(line2.start.distance(center) - len * 0.5)), endWidth = ref(mToMm(line2.end.distance(center) - len * 0.5)), {
+  }], len = winLine.length, value = ref(0), center = winLine.center, width = ref(mToMm(winLine.length)), winLineDir = winLine.direction(), startWidth = ref(mToMm(line2.start.distance(center) - len * 0.5)), endWidth = ref(mToMm(line2.end.distance(center) - len * 0.5)), {
     promise,
     resolve
   } = createPromise(), marginText1 = context.createButton({
@@ -15908,12 +16045,12 @@ function modifyWindow(context, winLine, line2, index2) {
       if (l1) {
         text1.visible = true;
         text1.position.copy(l1.center.toJson(0));
-        text1.element.innerText = `${mToMm(l1.length())}mm`;
+        text1.element.innerText = `${mToMm(l1.length)}mm`;
       } else text1.visible = false;
       if (l2) {
         text2.visible = true;
         text2.position.copy(l2.center.toJson(0));
-        text2.element.innerText = `${mToMm(l2.length())}mm`;
+        text2.element.innerText = `${mToMm(l2.length)}mm`;
       } else text2.visible = false;
     },
     onStart() {
@@ -15961,11 +16098,11 @@ function modifyWindow(context, winLine, line2, index2) {
       index: index2,
       old: {
         p: oldWinLine.center.toJson(data.p.z),
-        width: oldWinLine.length()
+        width: oldWinLine.length
       },
       new: {
         p: winLine.center.toJson(data.p.z),
-        width: winLine.length()
+        width: winLine.length
       }
     };
     data = null;
@@ -16067,7 +16204,7 @@ async function modifyLine(context, line2) {
       value: newValue
     }];
     point.copy(newPoint);
-    width.value = mToMm(line2.length());
+    width.value = mToMm(line2.length);
     if (follow.value) list.forEach((item) => {
       if (item.point === point) item.list.forEach((item2) => {
         records.push({
@@ -16122,7 +16259,7 @@ async function modifyLine(context, line2) {
   }), {
     promise,
     resolve
-  } = createPromise(), oldLine = line2, group = new Group(), linesMesh = new Lines([], 65280), linesMesh2 = new LineDashed([], 5745151), width = ref(mToMm(line2.length())), dragging = ref(false), ended = ref(false), ControlZ = context.awaitOnlyKeys(["Control", "Z"], {
+  } = createPromise(), oldLine = line2, group = new Group(), linesMesh = new Lines([], 65280), linesMesh2 = new LineDashed([], 5745151), width = ref(mToMm(line2.length)), dragging = ref(false), ended = ref(false), ControlZ = context.awaitOnlyKeys(["Control", "Z"], {
     once: false
   }), recordsList = [];
   context.renderManager.removeLine(line2);
@@ -16568,6 +16705,416 @@ class ManualDistance extends CommandFlowComponent {
     next();
   }
 }
+class Shape2D extends THREE.Mesh {
+  constructor(material) {
+    super(
+      new THREE.BufferGeometry(),
+      material ?? new THREE.MeshBasicMaterial({
+        color: 13421772,
+        side: THREE.DoubleSide,
+        transparent: true
+      })
+    );
+    this.frustumCulled = false;
+  }
+  /**
+   * 子类实现
+   */
+  // abstract updateGeometry(): void
+  /**
+   * 设置顶点
+   */
+  setPositions(vertices) {
+    let attr = this.geometry.getAttribute(
+      "position"
+    );
+    if (!attr || attr.array.length !== vertices.length) {
+      attr = new THREE.Float32BufferAttribute(
+        vertices,
+        3
+      );
+      this.geometry.setAttribute(
+        "position",
+        attr
+      );
+    } else {
+      const array = attr.array;
+      array.set(vertices);
+      attr.needsUpdate = true;
+    }
+    this.geometry.computeBoundingBox();
+    this.geometry.computeBoundingSphere();
+  }
+  /**
+   * 设置 UV
+   */
+  setUVs(uvs) {
+    let attr = this.geometry.getAttribute(
+      "uv"
+    );
+    if (!attr || attr.array.length !== uvs.length) {
+      attr = new THREE.Float32BufferAttribute(
+        uvs,
+        2
+      );
+      this.geometry.setAttribute(
+        "uv",
+        attr
+      );
+    } else {
+      const array = attr.array;
+      array.set(uvs);
+      attr.needsUpdate = true;
+    }
+  }
+  /**
+   * 设置索引
+   */
+  setIndices(indices) {
+    const current = this.geometry.getIndex();
+    if (!current || current.array.length !== indices.length) {
+      this.geometry.setIndex(
+        [...indices]
+      );
+    } else {
+      const array = current.array;
+      array.set(indices);
+      current.needsUpdate = true;
+    }
+  }
+  /**
+   * 从矩形创建
+   */
+  /**
+  * 从矩形创建
+  */
+  fromRectangle(rect) {
+    const p0 = rect.p0, p1 = rect.p1, p2 = rect.p2, p3 = rect.p3;
+    this.setPositions([
+      p0.x,
+      p0.y,
+      0,
+      p1.x,
+      p1.y,
+      0,
+      p2.x,
+      p2.y,
+      0,
+      p3.x,
+      p3.y,
+      0
+    ]);
+    this.setUVs([
+      0,
+      0,
+      1,
+      0,
+      1,
+      1,
+      0,
+      1
+    ]);
+    this.setIndices([
+      0,
+      1,
+      2,
+      0,
+      2,
+      3
+    ]);
+    return this;
+  }
+  /**
+   * 设置贴图
+   */
+  async setTexture(map) {
+    let texture2;
+    if (map instanceof THREE.Texture) {
+      texture2 = map;
+    } else if (typeof map === "string") {
+      texture2 = await new THREE.TextureLoader().loadAsync(map);
+    } else {
+      texture2 = new THREE.CanvasTexture(map);
+    }
+    texture2.needsUpdate = true;
+    const materials = Array.isArray(this.material) ? this.material : [this.material];
+    for (const material of materials) {
+      if (material instanceof THREE.MeshBasicMaterial || material instanceof THREE.MeshStandardMaterial || material instanceof THREE.MeshPhongMaterial || material instanceof THREE.MeshLambertMaterial) {
+        material.map = texture2;
+        material.needsUpdate = true;
+      }
+    }
+    return texture2;
+  }
+  /**
+   * 设置颜色
+   */
+  setColor(color) {
+    const materials = Array.isArray(this.material) ? this.material : [this.material];
+    for (const material of materials) {
+      if ("color" in material) {
+        material.color.set(color);
+      }
+    }
+    return this;
+  }
+  /**
+   * 设置透明度
+   */
+  setOpacity(opacity) {
+    const materials = Array.isArray(this.material) ? this.material : [this.material];
+    for (const material of materials) {
+      material.transparent = opacity < 1;
+      material.opacity = opacity;
+      material.needsUpdate = true;
+    }
+    return this;
+  }
+  /**
+   * 获取包围盒
+   */
+  getBounds() {
+    if (!this.geometry.boundingBox) {
+      this.geometry.computeBoundingBox();
+    }
+    return this.geometry.boundingBox;
+  }
+  /**
+   * 获取尺寸
+   */
+  getSize() {
+    const size = new THREE.Vector3();
+    this.getBounds().getSize(size);
+    return size;
+  }
+  /**
+   * 获取中心点
+   */
+  getCenter() {
+    const center = new THREE.Vector3();
+    this.getBounds().getCenter(center);
+    return center;
+  }
+  /**
+   * 清空 geometry
+   */
+  clearGeometry() {
+    this.geometry.setAttribute(
+      "position",
+      new THREE.Float32BufferAttribute([], 3)
+    );
+    this.geometry.deleteAttribute("uv");
+    this.geometry.setIndex([]);
+    return this;
+  }
+  /**
+   * 销毁
+   */
+  dispose() {
+    this.geometry.dispose();
+    const materials = Array.isArray(this.material) ? this.material : [this.material];
+    for (const material of materials) {
+      const map = material.map;
+      if (map?.dispose) {
+        map.dispose();
+      }
+      material.dispose();
+    }
+  }
+}
+class Wall2D extends Shape2D {
+  line;
+  rectangle = new Rectangle();
+  debouncing = new Debouncing(10);
+  constructor(line2) {
+    super();
+    this.line = line2;
+    line2.onChange = () => this.debouncing.debounce(this.update.bind(this));
+    this.update();
+    this.setColor(16777215);
+  }
+  update() {
+    this.fromRectangle(this.line.toRectangle(DEFAULT_WALL_WIDTH, "butt", this.rectangle));
+    this.clear();
+    const edges = new THREE.LineSegments(
+      new THREE.EdgesGeometry(this.geometry),
+      new THREE.LineBasicMaterial({
+        color: 4235007
+      })
+    );
+    this.add(edges);
+  }
+  dispose() {
+    super.dispose();
+    this.line.onChange = void 0;
+    this.clear();
+  }
+}
+class LineAlignmentGuide extends Lines {
+  start = new Vector3();
+  end = new Vector3();
+  constructor() {
+    super();
+    this.continuous = false;
+  }
+  set(line2, points = []) {
+    this.clear();
+    const step = line2.start.leftNormal(line2.end).multiplyScalar(0.4);
+    let start = line2.start.clone().add(step);
+    let end = line2.end.clone().add(step);
+    this.start.copy(start.toJson());
+    this.end.copy(end.toJson());
+    points.forEach((p) => p.add(step));
+    step.normalize();
+    for (let i = 0; i < points.length + 1; i++) {
+      const point = i === points.length ? end : points[i];
+      const pre = i === 0 ? start : points[i - 1];
+      const dist = Number((point.distance(pre) * 1e3).toFixed(0));
+      const center = point.clone().add(pre).multiplyScalar(0.5);
+      if (dist > 0) {
+        this.createText(dist, center, {
+          padding: "1px 0px",
+          background: "#fff",
+          width: "35px",
+          color: "#000",
+          textAlign: "center",
+          borderRadius: "6px"
+        });
+      }
+    }
+    this.setPoint(
+      this.start,
+      this.end,
+      ...points.concat([start, end]).flatMap((p) => {
+        const line22 = p.expandAsLine(step, 0.1).translate(-0.05, step);
+        const line222 = line22.clone().rotate(Math.PI * 0.25);
+        return [
+          ...line22.points.map((p2) => p2.toVector3()),
+          ...line222.points.map((p2) => p2.toVector3())
+        ];
+      })
+    );
+  }
+  /**
+   * 创建文本
+   * @param text 
+   * @param pos 
+   * @param style 
+   */
+  createText(text, pos, style) {
+    const div = document.createElement("div");
+    div.innerHTML = text;
+    div.style.pointerEvents = "none";
+    Object.assign(div.style, { fontSize: "10px", color: "#ffffff", ...style });
+    const css2DObject = new CSS2DObject(div);
+    if (pos instanceof Point) css2DObject.position.set(pos.x, pos.y, 0);
+    else if (pos instanceof Vector3) css2DObject.position.copy(pos);
+    this.add(css2DObject);
+    return css2DObject;
+  }
+}
+class DrawHole extends CommandFlowComponent {
+  static name = "DrawHole";
+  container = new THREE.Group();
+  static shortcutKeys = ["h"];
+  static commandName = "draw-hole";
+  defaultWidth = 1;
+  onAddFromParent(parent2) {
+    super.onAddFromParent(parent2);
+    this.editor.container.add(this.container);
+    this.initCommandFlow({
+      shortcutKeys: this.shortcutKeys,
+      commandName: DrawHole.commandName,
+      loop: true
+    }).add(this.createCursor("no-drop")).add(this.selectLine.bind(this), { prompt: `请选择一条线段作为空洞依附墙体, ${this.formatText("TAB")} 修改孔洞默认宽度, ${this.formatText("ESC")} 取消命令` });
+  }
+  /** 选择开始点
+   * @param next 
+   */
+  async selectLine(next) {
+    const holeLine = LineSegment.axisY(this.defaultWidth), wall = new Wall2D(holeLine), lineAlignmentGuide = new LineAlignmentGuide();
+    wall.visible = false;
+    lineAlignmentGuide.visible = false;
+    this.container.add(wall);
+    this.container.add(lineAlignmentGuide);
+    wall.position.z = 0.01;
+    const selector = this.createLineSelector({
+      onMove: (line2, result) => {
+        wall.position.set(result.point.x, result.point.y, wall.position.z);
+        LineSegment.axisY(this.defaultWidth, holeLine);
+        let angle2 = 0;
+        if (line2) {
+          angle2 = LineSegment.angleToYAxis(line2);
+          if (line2.length < holeLine.length) {
+            holeLine.setLength(line2.length);
+            wall.position.set(line2.center.x, line2.center.y, wall.position.z);
+          } else {
+            const ratioHalf = holeLine.length / line2.length * 0.5;
+            const v = Math.min(
+              1 - ratioHalf,
+              Math.max(ratioHalf, line2.projectPointValue(result.point))
+            );
+            const p = line2.pointAt(v);
+            wall.position.set(p.x, p.y, wall.position.z);
+          }
+          let direction = line2.direction();
+          const hole = Point.from(wall.position).expandAsLine(direction, holeLine.length).translate(-holeLine.length * 0.5, direction);
+          lineAlignmentGuide.set(line2, hole.points);
+          lineAlignmentGuide.visible = true;
+        } else lineAlignmentGuide.visible = false;
+        wall.rotation.z = -angle2;
+        wall.visible = true;
+      }
+    });
+    selector.awaitEach("wall", (line2) => {
+      next({
+        line: line2,
+        insertObject: {
+          width: holeLine.length,
+          p: { x: wall.position.x, y: wall.position.y, z: 0 },
+          full: false
+        }
+      });
+    });
+    this.addCommandEndHandle().add(() => {
+      lineAlignmentGuide.clear();
+      this.container.remove(wall);
+      this.container.remove(lineAlignmentGuide);
+      selector.end();
+    });
+    this.awaitOnlyKeys(["tab"], { once: false }).awaitEach(async () => {
+      selector.paused();
+      const w = await this.openWidthEditor({
+        defaultWidth: this.defaultWidth * 1e3,
+        title: "请输入宽度"
+      });
+      this.defaultWidth = w / 1e3;
+      selector.resume();
+    });
+  }
+  /** 执行完成
+   */
+  onCompleted(data) {
+    WallInsertObject.addInsertObject(data.line, data.insertObject, "passageEntrance");
+    this.renderManager.draw();
+  }
+  /** 回滚操作
+   * @param data 
+   */
+  onRollback(data) {
+    WallInsertObject.removeInsertObject(data.line, data.insertObject);
+    this.renderManager.draw();
+    return data;
+  }
+  /** 撤回回滚
+   * @param data 
+   * @returns 
+   */
+  onRevokeRollback(data) {
+    this.onCompleted(data);
+    return data;
+  }
+}
 const _hoisted_1$1 = {
   key: 0,
   class: "max-w-[150px] min-w-[150px p-[5px] editorToolContent"
@@ -16684,7 +17231,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       queueMicrotask(() => variable.set("currentKeyUp", "enter"));
     }
     const props = __props;
-    const dxfVisible = ref(true), currentCommand = ref(""), dxfSystem = toRaw(props.dxfSystem), isPc = computed(() => !isMobileRef.value), domEventRegister = dxfSystem.findComponentByType(DomEventRegister), domContainer = dxfSystem.findComponentByType(DomContainer), editor = dxfSystem.findComponentByType(Editor), defaultComponent = dxfSystem.findComponentByType(Default), whiteModel = dxfSystem.findComponentByType(WhiteModel), threeVJia = dxfSystem.findComponentByType(ThreeVJia), variable = dxfSystem.findComponentByType(Variable), drawLine = dxfSystem.findComponentByType(DrawLine), rollbackCount = ref(0), revokeRollbackCount = ref(0), drawLineCount = ref(0), images = /* @__PURE__ */ Object.assign({ "../assets/images/VerticalCorr.svg": __vite_glob_0_0, "../assets/images/VerticalCorrContinue.svg": __vite_glob_0_1, "../assets/images/angle.svg": __vite_glob_0_2, "../assets/images/close.svg": __vite_glob_0_3, "../assets/images/connection.svg": __vite_glob_0_4, "../assets/images/cutLine.svg": __vite_glob_0_5, "../assets/images/deleteSelectLine.svg": __vite_glob_0_6, "../assets/images/deleteSelectWindow.svg": __vite_glob_0_7, "../assets/images/door.svg": __vite_glob_0_8, "../assets/images/dxf.svg": __vite_glob_0_9, "../assets/images/intersectionConnection.svg": __vite_glob_0_10, "../assets/images/line.svg": __vite_glob_0_11, "../assets/images/mergeLine.svg": __vite_glob_0_12, "../assets/images/revokeRollback.svg": __vite_glob_0_13, "../assets/images/rollback.svg": __vite_glob_0_14, "../assets/images/selectAll.svg": __vite_glob_0_15, "../assets/images/selectPoint.svg": __vite_glob_0_16, "../assets/images/verticalLine.svg": __vite_glob_0_17, "../assets/images/window.svg": __vite_glob_0_18, "../assets/images/属性面板.svg": __vite_glob_0_19, "../assets/images/激光测距.svg": __vite_glob_0_20 }), selectLineCount = ref(0), selectWinLineCount = ref(0), hasWindowLine = ref(false), commandList = [
+    const dxfVisible = ref(true), currentCommand = ref(""), dxfSystem = toRaw(props.dxfSystem), isPc = computed(() => !isMobileRef.value), domEventRegister = dxfSystem.findComponentByType(DomEventRegister), domContainer = dxfSystem.findComponentByType(DomContainer), editor = dxfSystem.findComponentByType(Editor), defaultComponent = dxfSystem.findComponentByType(DefaultCommand), whiteModel = dxfSystem.findComponentByType(WhiteModel), threeVJia = dxfSystem.findComponentByType(ThreeVJia), variable = dxfSystem.findComponentByType(Variable), drawLine = dxfSystem.findComponentByType(DrawLine), rollbackCount = ref(0), revokeRollbackCount = ref(0), drawLineCount = ref(0), images = /* @__PURE__ */ Object.assign({ "../assets/images/VerticalCorr.svg": __vite_glob_0_0, "../assets/images/VerticalCorrContinue.svg": __vite_glob_0_1, "../assets/images/angle.svg": __vite_glob_0_2, "../assets/images/close.svg": __vite_glob_0_3, "../assets/images/connection.svg": __vite_glob_0_4, "../assets/images/cutLine.svg": __vite_glob_0_5, "../assets/images/deleteSelectLine.svg": __vite_glob_0_6, "../assets/images/deleteSelectWindow.svg": __vite_glob_0_7, "../assets/images/door.svg": __vite_glob_0_8, "../assets/images/dxf.svg": __vite_glob_0_9, "../assets/images/intersectionConnection.svg": __vite_glob_0_10, "../assets/images/line.svg": __vite_glob_0_11, "../assets/images/mergeLine.svg": __vite_glob_0_12, "../assets/images/revokeRollback.svg": __vite_glob_0_13, "../assets/images/rollback.svg": __vite_glob_0_14, "../assets/images/selectAll.svg": __vite_glob_0_15, "../assets/images/selectPoint.svg": __vite_glob_0_16, "../assets/images/verticalLine.svg": __vite_glob_0_17, "../assets/images/window.svg": __vite_glob_0_18, "../assets/images/属性面板.svg": __vite_glob_0_19, "../assets/images/激光测距.svg": __vite_glob_0_20 }), selectLineCount = ref(0), selectWinLineCount = ref(0), hasWindowLine = ref(false), commandList = [
       {
         command: "default",
         name: "默认",
@@ -16713,6 +17260,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         src: images["../assets/images/window.svg"].default,
         shortcut: DrawWindow.shortcutKeys.join(" + ")
       },
+      {
+        command: DrawHole.commandName,
+        name: "绘制孔洞",
+        show: true,
+        src: images["../assets/images/window.svg"].default,
+        shortcut: DrawHole.shortcutKeys.join(" + ")
+      },
       {
         command: "point",
         name: "修改模式",
@@ -17308,7 +17862,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const EditorToolContent = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-6ec3e5bb"]]);
+const EditorToolContent = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-b8090cfc"]]);
 class StorageHelper {
   static get(key, defaultValue = void 0) {
     const value = localStorage.getItem(key);
@@ -17571,7 +18125,7 @@ class Editor extends Component {
 function Editor_(dxfSystem, option = {}) {
   dxfSystem.addComponent(new Editor(option.viewPermission));
   dxfSystem.addComponent(new RenderManager());
-  dxfSystem.addComponent(new Default());
+  dxfSystem.addComponent(new DefaultCommand());
   dxfSystem.addComponent(new DrawLine());
   dxfSystem.addComponent(new DrawDoorLine());
   dxfSystem.addComponent(new DrawWindow());
@@ -17589,6 +18143,7 @@ function Editor_(dxfSystem, option = {}) {
   dxfSystem.addComponent(new PropertiesPanel());
   dxfSystem.addComponent(new RayDistance());
   dxfSystem.addComponent(new ManualDistance());
+  dxfSystem.addComponent(new DrawHole());
 }
 const EditorPlugin = Object.assign(Editor_, {
   create(option = {}) {