build-dxf 0.0.19-11 → 0.0.19-12

package/src/index3.js

@@ -1,5 +1,5 @@
 import * as THREE from "three";
-import { O as isString, P as noop, Q as resolveUnref, T as tryOnScopeDispose, U as isClient, V as tryOnMounted, W as identity, m as buildProps, q as definePropType, _ as _export_sfc, x as useNamespace, B as isNumber, X as addUnit, y as withInstall, Y as useEmptyValuesProps, w as useSizeProp, Z as provideGlobalConfig, v as iconPropType, $ as useGlobalComponentSettings, a0 as TypeComponentsMap, E as ElIcon, a1 as TypeComponents, a2 as useTimeoutFn, A as isString$1, a3 as isFunction, C as isBoolean, a4 as isElement, a5 as withInstallFunction, I as Lines, J as DomEventRegister } from "./selectLocalFile.js";
+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, 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 } 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, watchEffect, onUnmounted, renderList, createApp } from "vue";
 import "clipper-lib";
@@ -1248,8 +1248,13 @@ class CommandManager extends EventDispatcher {
     }
   }
 }
+const _imports_0 = "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 _hoisted_1 = { class: "mt-[5px] text-[#888] text-[10px] absolute left-[10px] bottom-[10px] rounded-[8px] min-w-[150px] bg-black/15 p-[10px]" };
 const _hoisted_2 = { class: "inline-block ml-[10px]" };
+const _hoisted_3 = { class: "flex p-[5px_0px] flex-row header text-[14px] font-bold p-[10px 0px] border-b-1 border-b-[#eee]" };
+const _hoisted_4 = { class: "p-[5px]" };
+const _hoisted_5 = { class: "mt-[10px] text-[14px] flex flex-col" };
+const _hoisted_6 = { class: "flex flex-row items-center gap-[10px] mt-[10px]" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EditorTool",
   props: {
@@ -1257,9 +1262,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const originalLineVisible = ref(true), dxfVisible = ref(true), whiteModelVisible = ref(true), isLook = ref(false), elRef = ref();
-    ref();
-    const dxfSystem = toRaw(props.dxfSystem), domEventRegister = dxfSystem.findComponentByType(DomEventRegister), toolBarPosition = ref({ left: 10, top: 10 }), shortcutKeys = [
+    const originalLineVisible = ref(true), dxfVisible = ref(true), whiteModelVisible = ref(true), isLook = ref(false), elRef = ref(), toolBarRef = ref(), dxfSystem = toRaw(props.dxfSystem), domEventRegister = dxfSystem.findComponentByType(DomEventRegister), toolBarPosition = ref({ left: 10, top: 10 }), shortcutKeys = [
       { "name": "绘制连续线段", "shortcut": "Ctrl + L" },
       { "name": "绘制线段确认", "shortcut": "Enter" },
       { "name": "绘制门线", "shortcut": "Ctrl + M" },
@@ -1284,6 +1287,45 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       toolBarPosition.value = { left, top };
       console.log(left, top);
     }
+    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(e) {
+      domEventRegister.mouseMoveEventProxylock = true;
+      const cusor = document.body.style.cursor;
+      document.body.style.cursor = "move";
+      const move = (e2) => {
+        setEditorToolPosition(
+          toolBarPosition.value.left + e2.movementX,
+          toolBarPosition.value.top + e2.movementY
+        );
+        e2.stopPropagation();
+        document.body.style.cursor = "move";
+      };
+      const end = () => {
+        document.body.removeEventListener("mousemove", move);
+        document.body.removeEventListener("mouseup", end);
+        document.body.style.cursor = cusor;
+        domEventRegister.mouseMoveEventProxylock = false;
+      };
+      document.body.addEventListener("mousemove", move);
+      document.body.addEventListener("mouseup", end);
+    }
     watch(originalLineVisible, () => dxfSystem.Variable.set("originalLineVisible", originalLineVisible.value));
     watch(dxfVisible, () => dxfSystem.Variable.set("dxfVisible", dxfVisible.value));
     watch(whiteModelVisible, () => dxfSystem.Variable.set("whiteModelVisible", whiteModelVisible.value));
@@ -1316,7 +1358,78 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createElementVNode("span", _hoisted_2, toDisplayString(item.shortcut), 1)
             ]);
           }), 64))
-        ])
+        ]),
+        createElementVNode("div", {
+          ref_key: "toolBarRef",
+          ref: toolBarRef,
+          style: normalizeStyle({ left: toolBarPosition.value.left + "px", top: toolBarPosition.value.top + "px" }),
+          class: "pointer-events-auto text-[#333] absolute rounded-[8px] min-w-[140px] z-[1000] bg-white select-none"
+        }, [
+          createElementVNode("div", _hoisted_3, [
+            (openBlock(), createElementBlock("svg", {
+              onMousedown: dragMoveHelper,
+              class: "m-[0px_5px]",
+              fill: "#aaa",
+              width: "20",
+              height: "20",
+              viewBox: "0 0 1024 1024",
+              version: "1.1",
+              xmlns: "http://www.w3.org/2000/svg"
+            }, _cache[2] || (_cache[2] = [
+              createElementVNode("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" }, null, -1)
+            ]), 32)),
+            _cache[3] || (_cache[3] = createElementVNode("span", null, "小工具", -1))
+          ]),
+          createElementVNode("div", _hoisted_4, [
+            createElementVNode("ul", _hoisted_5, [
+              (openBlock(), createElementBlock(Fragment, null, renderList(4, (i) => {
+                return createElementVNode("li", {
+                  key: i,
+                  class: "hover:bg-[#ddd] transition-all rounded-[6px] p-[5px] flex flex-row items-center cursor-pointer"
+                }, _cache[4] || (_cache[4] = [
+                  createElementVNode("div", { class: "p-[5px] bg-[#f0f0f0] rounded-[6px] mr-[10px]" }, [
+                    createElementVNode("img", {
+                      class: "w-[20px] h-[20px]",
+                      src: _imports_0,
+                      alt: "",
+                      srcset: ""
+                    })
+                  ], -1),
+                  createElementVNode("span", null, "直线", -1)
+                ]));
+              }), 64))
+            ]),
+            createElementVNode("div", _hoisted_6, [
+              createVNode(unref(ElCheckbox), {
+                modelValue: dxfVisible.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dxfVisible.value = $event),
+                label: "dxf"
+              }, null, 8, ["modelValue"]),
+              createVNode(unref(ElButton), {
+                size: "small",
+                type: "success",
+                onClick: selectLocalFile
+              }, {
+                default: withCtx(() => _cache[5] || (_cache[5] = [
+                  createTextVNode(" 选择文件 ", -1)
+                ])),
+                _: 1,
+                __: [5]
+              }),
+              createVNode(unref(ElButton), {
+                size: "small",
+                type: "primary",
+                onClick: _cache[1] || (_cache[1] = ($event) => unref(dxfSystem).Dxf.download("test.dxf"))
+              }, {
+                default: withCtx(() => _cache[6] || (_cache[6] = [
+                  createTextVNode(" 下载 DXF ", -1)
+                ])),
+                _: 1,
+                __: [6]
+              })
+            ])
+          ])
+        ], 4)
       ], 512);
     };
   }