build-dxf 0.1.35 → 0.1.37

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "build-dxf",
-  "version": "0.1.35",
+  "version": "0.1.37",
   "description": "线段构建双线墙壁的dxf版本",
   "main": "./src/index.js",
   "types": "./src/index.d.ts",

package/src/DomEventRegister.js

@@ -7,21 +7,46 @@ import { CSS3DObject, CSS3DSprite, CSS3DRenderer } from "three/addons/renderers/
 import { CSS2DObject, CSS2DRenderer } from "three/addons/renderers/CSS2DRenderer.js";
 import { OrbitControls } from "three/addons/controls/OrbitControls.js";
 import * as TWEEN from "@tweenjs/tween.js";
-import { C as Component, a as Point, j as getDefaultExportFromCjs, A as ArrayMap, V as Variable } from "./build.js";
+import { C as Component, a as Point, k as getDefaultExportFromCjs, A as ArrayMap, V as Variable } from "./build.js";
 import { ref } from "vue";
+const css = `
+.overlay {
+  pointer-events: none;
+}
+
+.overlay > * {
+  pointer-events: auto;
+}
+`;
 class DomContainer extends Component {
   static name = "DomContainer";
+  container = document.createElement("div");
   domElement = document.createElement("div");
   canvas = document.createElement("canvas");
   html2DRenderer = document.createElement("div");
   html3DRenderer = document.createElement("div");
+  dialogLayer = document.createElement("div");
+  style = document.createElement("style");
   rect;
   constructor() {
     super();
+    this.dialogLayer.classList.add("dialog-layer");
     this.domElement.id = "build-dxf-container";
+    this.container.appendChild(this.domElement);
+    this.container.appendChild(this.style);
+    this.container.appendChild(this.dialogLayer);
     this.domElement.appendChild(this.canvas);
     this.domElement.appendChild(this.html3DRenderer);
     this.domElement.appendChild(this.html2DRenderer);
+    this.style.innerHTML = css;
+    this.dialogLayer.classList.add("overlay");
+    this.html3DRenderer.classList.add("overlay");
+    this.html2DRenderer.classList.add("overlay");
+    Object.assign(this.container.style, {
+      width: "100%",
+      height: "100%",
+      position: "relative"
+    });
     Object.assign(this.domElement.style, {
       width: "100%",
       height: "100%",
@@ -44,6 +69,14 @@ class DomContainer extends Component {
       width: "100%",
       height: "100%"
     });
+    Object.assign(this.dialogLayer.style, {
+      left: "0px",
+      top: "0px",
+      width: "100%",
+      height: "100%",
+      position: "absolute",
+      zIndex: "20"
+    });
     this.rect = this.domElement.getBoundingClientRect();
     new ResizeObserver(() => {
       this.rect = this.domElement.getBoundingClientRect();
@@ -84,17 +117,20 @@ const _Renderer = class _Renderer extends Component {
       canvas: this.description.canvas,
       antialias: true
     });
+    this.renderer.domElement.classList.add("overlay");
     this.renderer.setPixelRatio(window.devicePixelRatio);
     if (description.htmlRenderer) {
       if (description.htmlRenderer["2d"]) {
         this.html2DRenderer = new CSS2DRenderer();
-        Object.assign(this.html2DRenderer.domElement.style, { position: "absolute", left: "0px", top: "0px" });
+        Object.assign(this.html2DRenderer.domElement.style, { position: "absolute", left: "0px", top: "0px", pointerEvents: "none" });
         description.htmlRenderer["2d"].appendChild(this.html2DRenderer.domElement);
+        this.html2DRenderer.domElement.classList.add("overlay");
       }
       if (description.htmlRenderer["3d"]) {
         this.html3DRenderer = new CSS3DRenderer();
-        Object.assign(this.html3DRenderer.domElement.style, { position: "absolute", left: "0px", top: "0px" });
+        Object.assign(this.html3DRenderer.domElement.style, { position: "absolute", left: "0px", top: "0px", pointerEvents: "none" });
         description.htmlRenderer["3d"].appendChild(this.html3DRenderer.domElement);
+        this.html3DRenderer.domElement.classList.add("overlay");
       }
     }
     if (description.orbitControls) {
@@ -1370,7 +1406,7 @@ class DomEventRegister extends Component {
    * 根据domElement的cursor自动设置body的cursor
    */
   autoBodyCursor() {
-    const domContainer = this.parent?.findComponentByType(DomContainer), domElement = domContainer.domElement;
+    const domContainer = this.parent?.findComponentByType(DomContainer), domElement = domContainer.dialogLayer;
     let bodyCursor = null;
     this.addEventListener("update", () => {
       if (this._mouseMoveEventProxylock) return;
@@ -1379,6 +1415,8 @@ class DomEventRegister extends Component {
           bodyCursor = document.body.style.cursor;
         }
         document.body.style.cursor = domElement.style.cursor;
+        domContainer.container.style.cursor = domElement.style.cursor;
+        domContainer.domElement.style.cursor = domElement.style.cursor;
       } else {
         if (bodyCursor !== null) {
           document.body.style.cursor = bodyCursor;

package/src/build.js

@@ -2159,6 +2159,24 @@ class LineSegment {
       return true;
     });
   }
+  static constrainLine(line, base) {
+    const center = line.center, width = line.length();
+    if (base.length() < width) {
+      line.start.copy(base.start);
+      line.end.copy(base.end);
+      return line;
+    }
+    const hw = width * 0.5, start = base.start.clone().add(base.end.direction(base.start).multiplyScalar(width * 0.5)), end = base.end.clone().add(base.start.direction(base.end).multiplyScalar(width * 0.5)), dir = base.direction();
+    const pl = new LineSegment(start, end);
+    center.copy(pl.projectPoint(center, false));
+    if (!pl.projectPoint(center, true)) {
+      if (center.distance(start) < center.distance(end)) center.copy(start);
+      else center.copy(end);
+      line.start.copy(center).add(dir.clone().multiplyScalar(-hw));
+      line.end.copy(center).add(dir.clone().multiplyScalar(hw));
+    }
+    return line;
+  }
   static createModifyManager() {
     const modifyMap = new MapEnhance();
     function setPoint(line, point2, value) {
@@ -3545,10 +3563,18 @@ function createQuadtree(lines) {
   }
   return quadtree;
 }
+function mToMm(value) {
+  return Number((value * 1e3).toFixed(0));
+}
+function mmTom(value) {
+  return Number((value / 1e3).toFixed(4));
+}
 const tools = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   createPointVirtualGrid,
-  createQuadtree
+  createQuadtree,
+  mToMm,
+  mmTom
 }, Symbol.toStringTag, { value: "Module" }));
 function findDiscretePointLine(lines, grid0, lineSet, deep = true) {
   lineSet = lineSet ?? /* @__PURE__ */ new Set();
@@ -15671,6 +15697,7 @@ class Lines extends THREE.LineSegments {
   geometry = new THREE.BufferGeometry();
   points = [];
   pointsObject3D;
+  continuous = true;
   constructor(points = [], color = 16777215) {
     super();
     this.geometry = this.geometry;
@@ -15720,13 +15747,20 @@ class Lines extends THREE.LineSegments {
   updateGeometry() {
     if (this._timer) clearTimeout(this._timer);
     this._timer = setTimeout(() => {
-      const array = this.points.flatMap((p2, i) => {
-        if (i === 0) return [];
-        else {
+      const array = [];
+      if (this.continuous) {
+        this.points.forEach((p2, i) => {
+          if (i === 0) return;
           const p0 = this.points[i - 1];
-          return [p0.x, p0.y, p0.z, p2.x, p2.y, p2.z];
+          array.push(p0.x, p0.y, p0.z, p2.x, p2.y, p2.z);
+        });
+      } else {
+        for (let i = 0; i < this.points.length; i += 2) {
+          const p0 = this.points[i];
+          const p2 = this.points[i + 1];
+          if (p0 && p2) array.push(p0.x, p0.y, p0.z, p2.x, p2.y, p2.z);
         }
-      });
+      }
       const position = new THREE.BufferAttribute(new Float32Array(array), 3);
       this.geometry.setAttribute("position", position);
       this._timer = null;
@@ -15803,7 +15837,7 @@ class CommandFlow extends EventDispatcher {
   rollbacklist = [];
   revokeRollbacklist = [];
   // 是否写入操作记录
-  writeOperationList = true;
+  writeOperationRecord = true;
   loop = false;
   currentIndex = 0;
   setLoop(loop) {
@@ -15815,9 +15849,9 @@ class CommandFlow extends EventDispatcher {
    * @param operation 
    * @returns 
    */
-  add(operation, data = {}) {
+  add(operation, data) {
     this.list.push(operation);
-    this.dataList.push(data);
+    this.dataList.push(data ?? {});
     return this;
   }
   /** 添加回滚回调列表
@@ -15868,18 +15902,19 @@ class CommandManager extends EventDispatcher {
   addOperation(name, data) {
     const commandFlow = this.getCommandFlow(name);
     if (!commandFlow) throw new Error(`${name} 命令不存在`);
-    if (commandFlow.writeOperationList) {
+    if (commandFlow.writeOperationRecord) {
       this.operationList.push({ name, data });
       this.rollbackList.length = 0;
     }
   }
   /** 添加命令流
    * @param name 
+   * @param custom 自定义命令流类
    * @returns 
    */
-  addCommandFlow(name) {
+  addCommandFlow(name, custom) {
     if (this.commandFlowMap.has(name)) throw new Error(`${name} 命令已经存在`);
-    const commandFlow = new CommandFlow();
+    const commandFlow = custom ? custom() : new CommandFlow();
     this.commandFlowMap.set(name, commandFlow);
     return commandFlow;
   }
@@ -15946,7 +15981,7 @@ class CommandManager extends EventDispatcher {
       if (this.abortController && !this.abortController.signal.aborted) {
         commandFlow.dispatchEvent({ type: "completed", data });
         this.dispatchEvent({ type: "completed", name, data });
-        if (commandFlow.writeOperationList) {
+        if (commandFlow.writeOperationRecord) {
           this.operationList.push({ name, data });
           this.rollbackList.length = 0;
         }
@@ -19083,7 +19118,7 @@ async function createEditor(dom, camera, orbitControls = false, viewPermission)
     camera
   })).usePlugin(editor.EditorPlugin.create({ viewPermission }));
   const domContainer = dxfSystem.findComponentByType(rp.components.DomContainer);
-  domContainer && dom.appendChild(domContainer.domElement);
+  domContainer && dom.appendChild(domContainer.container);
   gloabalDxfSystem = dxfSystem;
   return {
     dxfSystem,
@@ -19217,18 +19252,20 @@ export {
   Lines as e,
   recomputedWindow as f,
   drawText$1 as g,
-  PRE_PROCESSOR as h,
-  CommandManager as i,
-  getDefaultExportFromCjs as j,
-  createEditor as k,
-  getModels as l,
-  buildJson as m,
-  getFileAll as n,
-  getGlobalDxfSystem as o,
-  index$1 as p,
-  index as q,
+  mmTom as h,
+  PRE_PROCESSOR as i,
+  CommandManager as j,
+  getDefaultExportFromCjs as k,
+  createEditor as l,
+  mToMm as m,
+  getModels as n,
+  buildJson as o,
+  getFileAll as p,
+  getGlobalDxfSystem as q,
   recomputedWindowCenter as r,
-  DxfSystem as s,
-  components as t,
-  uuid as u
+  index$1 as s,
+  index as t,
+  uuid as u,
+  DxfSystem as v,
+  components as w
 };

package/src/components/NumberEditor.vue.d.ts

@@ -2,6 +2,7 @@ type __VLS_Props = {
     showCancel?: boolean;
     showMax?: boolean;
     showMin?: boolean;
+    showConfirm?: boolean;
 };
 declare const __VLS_defaults: {
     modelValue: string;
@@ -25,5 +26,6 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     showCancel: boolean;
     showMax: boolean;
     showMin: boolean;
+    showConfirm: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/src/index.css

@@ -13,6 +13,20 @@
       --tw-border-style: solid;
       --tw-leading: initial;
       --tw-font-weight: initial;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
       --tw-outline-style: solid;
       --tw-blur: initial;
       --tw-brightness: initial;
@@ -82,7 +96,16 @@
     transform: translateX(20px);
   }
 
-  .button:active {
+  .button-click {
+    background: var(--primary-color);
+    text-align: center;
+    color: #fff;
+    border: none;
+    border-radius: 8px;
+    padding: 5px 20px;
+  }
+
+  .button-click:active, .button:active {
     filter: grayscale(.4);
   }
 }
@@ -133,6 +156,10 @@
   top: 50%;
 }
 
+.right-0 {
+  right: calc(var(--spacing) * 0);
+}
+
 .right-\[10px\] {
   right: 10px;
 }
@@ -169,10 +196,6 @@
   z-index: 20;
 }
 
-.z-100 {
-  z-index: 100;
-}
-
 .z-\[8\] {
   z-index: 8;
 }
@@ -189,6 +212,10 @@
   z-index: 20;
 }
 
+.z-\[100\] {
+  z-index: 100;
+}
+
 .col-start-1 {
   grid-column-start: 1;
 }
@@ -342,6 +369,11 @@
   height: 30px;
 }
 
+.size-\[32px\] {
+  width: 32px;
+  height: 32px;
+}
+
 .size-\[40px\] {
   width: 40px;
   height: 40px;
@@ -571,6 +603,11 @@
   border-bottom-width: 1px;
 }
 
+.border-b-\[2px\] {
+  border-bottom-style: var(--tw-border-style);
+  border-bottom-width: 2px;
+}
+
 .border-\[\#ccc\] {
   border-color: #ccc;
 }
@@ -579,6 +616,10 @@
   border-top-color: #eee;
 }
 
+.\!border-b-\[var\(--primary-color\)\] {
+  border-bottom-color: var(--primary-color) !important;
+}
+
 .border-b-\[\#ccc\] {
   border-bottom-color: #ccc;
 }
@@ -587,6 +628,10 @@
   border-bottom-color: #eee;
 }
 
+.border-b-transparent {
+  border-bottom-color: #0000;
+}
+
 .\!bg-\[var\(--primary-color\)\] {
   background-color: var(--primary-color) !important;
 }
@@ -653,6 +698,10 @@
   padding: 0 5px;
 }
 
+.p-\[0px_10px\] {
+  padding: 0 10px;
+}
+
 .p-\[2px\] {
   padding: 2px;
 }
@@ -771,6 +820,11 @@
   opacity: .3;
 }
 
+.shadow {
+  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+
 .outline-0 {
   outline-style: var(--tw-outline-style);
   outline-width: 0;
@@ -907,6 +961,85 @@
   inherits: false
 }
 
+@property --tw-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-shadow-color {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+
+@property --tw-inset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-inset-shadow-color {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+
+@property --tw-ring-color {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-inset-ring-color {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-inset-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
+@property --tw-ring-inset {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-ring-offset-width {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --tw-ring-offset-color {
+  syntax: "*";
+  inherits: false;
+  initial-value: #fff;
+}
+
+@property --tw-ring-offset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+
 @property --tw-outline-style {
   syntax: "*";
   inherits: false;
@@ -983,28 +1116,27 @@
     -webkit-tap-highlight-color: transparent;
 }
 
-ul li[data-v-bb22d14b]{
+ul li[data-v-f2bc3db4]{
     background: white; 
-    line-height: 44px;
+    line-height: 38px;
     text-align: center;
-    border-radius: 6px;
-    font-size: 20px;
+    border-radius: 6px;
 }
-ul li[data-v-bb22d14b]:active {
+ul li[data-v-f2bc3db4]:active {
     background: #eee;
 }
-.confirm[data-v-bb22d14b] {
+.confirm[data-v-f2bc3db4] {
     background:  var(--primary-color);
     color: #fff;
 }
-.confirm[data-v-bb22d14b]:active {
+.confirm[data-v-f2bc3db4]:active {
     filter: grayscale(0.4);
     background:  var(--primary-color);
 }
-.flashing-ani[data-v-bb22d14b] {
-    animation: flashing-bb22d14b 1s linear infinite;
+.flashing-ani[data-v-f2bc3db4] {
+    animation: flashing-f2bc3db4 1s linear infinite;
 }
-button[data-v-bb22d14b] {
+button[data-v-f2bc3db4] {
     padding: 4px 10px;
     border: none;
     border-radius: 6px;
@@ -1012,10 +1144,10 @@ button[data-v-bb22d14b] {
     background: var(--primary-color);
     font-size: 12px;
 }
-button[data-v-bb22d14b]:active {
+button[data-v-f2bc3db4]:active {
     filter: grayscale(0.4);
 }
-@keyframes flashing-bb22d14b {
+@keyframes flashing-f2bc3db4 {
 0% {
         opacity: 1;
 }
@@ -1037,10 +1169,10 @@ button[data-v-bb22d14b]:active {
     color: #a7a7a7
 }
 
-[data-v-3cf5db0e] {
+[data-v-b369d5e1] {
     font-family: 宋体;
 }
-.button[data-v-3cf5db0e] {
+.button[data-v-b369d5e1] {
     padding: 5px 10px;
     border: none;
     background: var(--primary-color);

package/src/index.js

@@ -1,15 +1,15 @@
 import "three";
-import { D, s, p, m, t, k, n, o, l, q } from "./build.js";
+import { D, v, s, o, w, l, p, q, n, t } from "./build.js";
 import "clipper-lib";
 export {
   D as Dxf,
-  s as DxfSystem,
-  p as ModelDataPlugin,
-  m as buildJson,
-  t as components,
-  k as createEditor,
-  n as getFileAll,
-  o as getGlobalDxfSystem,
-  l as getModels,
-  q as utils
+  v as DxfSystem,
+  s as ModelDataPlugin,
+  o as buildJson,
+  w as components,
+  l as createEditor,
+  p as getFileAll,
+  q as getGlobalDxfSystem,
+  n as getModels,
+  t as utils
 };