build-dxf 0.0.19-11 → 0.0.19-13

package/package.json

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

package/src/index.css

@@ -24,8 +24,6 @@
 
 @layer theme {
   :root, :host {
-    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
     --color-black: #000;
     --color-white: #fff;
     --spacing: .25rem;
@@ -33,8 +31,6 @@
     --radius-lg: .5rem;
     --default-transition-duration: .15s;
     --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-    --default-font-family: var(--font-sans);
-    --default-mono-font-family: var(--font-mono);
   }
 }
 
@@ -46,400 +42,442 @@
   }
 }
 
-@layer components;
+@layer components, utilities;
 
-@layer utilities {
-  .pointer-events-auto {
-    pointer-events: auto;
-  }
+.pointer-events-auto {
+  pointer-events: auto;
+}
 
-  .pointer-events-none {
-    pointer-events: none;
-  }
+.pointer-events-none {
+  pointer-events: none;
+}
 
-  .visible {
-    visibility: visible;
-  }
+.visible {
+  visibility: visible;
+}
 
-  .absolute {
-    position: absolute;
-  }
+.absolute {
+  position: absolute;
+}
 
-  .fixed {
-    position: fixed;
-  }
+.fixed {
+  position: fixed;
+}
 
-  .relative {
-    position: relative;
-  }
+.relative {
+  position: relative;
+}
 
-  .static {
-    position: static;
-  }
+.static {
+  position: static;
+}
 
-  .top-0 {
-    top: calc(var(--spacing) * 0);
-  }
+.top-0 {
+  top: calc(var(--spacing) * 0);
+}
 
-  .top-\[50px\] {
-    top: 50px;
-  }
+.top-\[50px\] {
+  top: 50px;
+}
 
-  .bottom-\[10px\] {
-    bottom: 10px;
-  }
+.bottom-\[10px\] {
+  bottom: 10px;
+}
 
-  .left-0 {
-    left: calc(var(--spacing) * 0);
-  }
+.left-0 {
+  left: calc(var(--spacing) * 0);
+}
 
-  .left-\[10px\] {
-    left: 10px;
-  }
+.left-\[10px\] {
+  left: 10px;
+}
 
-  .z-\[1000\] {
-    z-index: 1000;
-  }
+.z-\[11\] {
+  z-index: 11;
+}
 
-  .z-\[10000\] {
-    z-index: 10000;
-  }
+.z-\[1000\] {
+  z-index: 1000;
+}
+
+.z-\[10000\] {
+  z-index: 10000;
+}
 
+.container {
+  width: 100%;
+}
+
+@media (min-width: 40rem) {
   .container {
-    width: 100%;
+    max-width: 40rem;
   }
+}
 
-  @media (min-width: 40rem) {
-    .container {
-      max-width: 40rem;
-    }
+@media (min-width: 48rem) {
+  .container {
+    max-width: 48rem;
   }
+}
 
-  @media (min-width: 48rem) {
-    .container {
-      max-width: 48rem;
-    }
+@media (min-width: 64rem) {
+  .container {
+    max-width: 64rem;
   }
+}
 
-  @media (min-width: 64rem) {
-    .container {
-      max-width: 64rem;
-    }
+@media (min-width: 80rem) {
+  .container {
+    max-width: 80rem;
   }
+}
 
-  @media (min-width: 80rem) {
-    .container {
-      max-width: 80rem;
-    }
+@media (min-width: 96rem) {
+  .container {
+    max-width: 96rem;
   }
+}
 
-  @media (min-width: 96rem) {
-    .container {
-      max-width: 96rem;
-    }
-  }
+.m-\[0px_5px\] {
+  margin: 0 5px;
+}
 
-  .m-\[0px_5px\] {
-    margin: 0 5px;
-  }
+.mt-\[5px\] {
+  margin-top: 5px;
+}
 
-  .mt-\[5px\] {
-    margin-top: 5px;
-  }
+.mt-\[10px\] {
+  margin-top: 10px;
+}
 
-  .mt-\[10px\] {
-    margin-top: 10px;
-  }
+.mr-\[10px\] {
+  margin-right: 10px;
+}
 
-  .mr-\[10px\] {
-    margin-right: 10px;
-  }
+.ml-\[1\.4em\] {
+  margin-left: 1.4em;
+}
 
-  .ml-\[1\.4em\] {
-    margin-left: 1.4em;
-  }
+.ml-\[10px\] {
+  margin-left: 10px;
+}
 
-  .ml-\[10px\] {
-    margin-left: 10px;
-  }
+.box-border {
+  box-sizing: border-box;
+}
 
-  .box-border {
-    box-sizing: border-box;
-  }
+.block {
+  display: block;
+}
 
-  .flex {
-    display: flex;
-  }
+.flex {
+  display: flex;
+}
 
-  .grid {
-    display: grid;
-  }
+.grid {
+  display: grid;
+}
 
-  .hidden {
-    display: none;
-  }
+.hidden {
+  display: none;
+}
 
-  .inline-block {
-    display: inline-block;
-  }
+.inline-block {
+  display: inline-block;
+}
 
-  .table {
-    display: table;
-  }
+.table {
+  display: table;
+}
 
-  .size-\[1\.4em\] {
-    width: 1.4em;
-    height: 1.4em;
-  }
+.size-\[1\.4em\] {
+  width: 1.4em;
+  height: 1.4em;
+}
 
-  .size-\[6px\] {
-    width: 6px;
-    height: 6px;
-  }
+.size-\[6px\] {
+  width: 6px;
+  height: 6px;
+}
 
-  .h-\[20px\] {
-    height: 20px;
-  }
+.h-\[10px\] {
+  height: 10px;
+}
 
-  .h-\[100vh\] {
-    height: 100vh;
-  }
+.h-\[20px\] {
+  height: 20px;
+}
 
-  .h-fit {
-    height: fit-content;
-  }
+.h-\[100vh\] {
+  height: 100vh;
+}
 
-  .h-full {
-    height: 100%;
-  }
+.h-fit {
+  height: fit-content;
+}
 
-  .w-\[20px\] {
-    width: 20px;
-  }
+.h-full {
+  height: 100%;
+}
 
-  .w-\[100vw\] {
-    width: 100vw;
-  }
+.w-\[10px\] {
+  width: 10px;
+}
 
-  .w-\[110px\] {
-    width: 110px;
-  }
+.w-\[20px\] {
+  width: 20px;
+}
 
-  .w-\[200px\] {
-    width: 200px;
-  }
+.w-\[100vw\] {
+  width: 100vw;
+}
 
-  .w-full {
-    width: 100%;
-  }
+.w-\[110px\] {
+  width: 110px;
+}
 
-  .min-w-\[100px\] {
-    min-width: 100px;
-  }
+.w-\[200px\] {
+  width: 200px;
+}
 
-  .min-w-\[140px\] {
-    min-width: 140px;
-  }
+.w-full {
+  width: 100%;
+}
 
-  .min-w-\[150px\] {
-    min-width: 150px;
-  }
+.min-w-\[100px\] {
+  min-width: 100px;
+}
 
-  .cursor-pointer {
-    cursor: pointer;
-  }
+.min-w-\[140px\] {
+  min-width: 140px;
+}
 
-  .resize {
-    resize: both;
-  }
+.min-w-\[150px\] {
+  min-width: 150px;
+}
 
-  .flex-col {
-    flex-direction: column;
-  }
+.rotate-90 {
+  rotate: 90deg;
+}
 
-  .flex-row {
-    flex-direction: row;
-  }
+.cursor-pointer {
+  cursor: pointer;
+}
 
-  .items-center {
-    align-items: center;
-  }
+.resize {
+  resize: both;
+}
 
-  .justify-between {
-    justify-content: space-between;
-  }
+.flex-col {
+  flex-direction: column;
+}
 
-  .justify-center {
-    justify-content: center;
-  }
+.flex-row {
+  flex-direction: row;
+}
 
-  .gap-\[5px\] {
-    gap: 5px;
-  }
+.items-center {
+  align-items: center;
+}
 
-  .gap-\[10px\] {
-    gap: 10px;
-  }
+.justify-between {
+  justify-content: space-between;
+}
 
-  .overflow-hidden {
-    overflow: hidden;
-  }
+.justify-center {
+  justify-content: center;
+}
 
-  .rounded-\[6px\] {
-    border-radius: 6px;
-  }
+.gap-\[5px\] {
+  gap: 5px;
+}
 
-  .rounded-\[8px\] {
-    border-radius: 8px;
-  }
+.gap-\[10px\] {
+  gap: 10px;
+}
 
-  .rounded-\[10px\] {
-    border-radius: 10px;
-  }
+.overflow-hidden {
+  overflow: hidden;
+}
 
-  .rounded-\[50px\] {
-    border-radius: 50px;
-  }
+.rounded-\[2px\] {
+  border-radius: 2px;
+}
 
-  .rounded-lg {
-    border-radius: var(--radius-lg);
-  }
+.rounded-\[6px\] {
+  border-radius: 6px;
+}
 
-  .border {
-    border-style: var(--tw-border-style);
-    border-width: 1px;
-  }
+.rounded-\[8px\] {
+  border-radius: 8px;
+}
 
-  .border-b-1 {
-    border-bottom-style: var(--tw-border-style);
-    border-bottom-width: 1px;
-  }
+.rounded-\[10px\] {
+  border-radius: 10px;
+}
 
-  .border-b-\[\#eee\] {
-    border-bottom-color: #eee;
-  }
+.rounded-\[50px\] {
+  border-radius: 50px;
+}
 
-  .border-b-\[rgba\(255\,255\,255\,0\.1\)\] {
-    border-bottom-color: #ffffff1a;
-  }
+.rounded-lg {
+  border-radius: var(--radius-lg);
+}
 
-  .bg-\[\#f0f0f0\] {
-    background-color: #f0f0f0;
-  }
+.border {
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+}
 
-  .bg-\[rgba\(255\,255\,255\,1\)\] {
-    background-color: #fff;
-  }
+.border-b-1 {
+  border-bottom-style: var(--tw-border-style);
+  border-bottom-width: 1px;
+}
 
-  .bg-\[var\(--el-color-primary\)\] {
-    background-color: var(--el-color-primary);
-  }
+.border-b-\[\#eee\] {
+  border-bottom-color: #eee;
+}
 
-  .bg-black {
-    background-color: var(--color-black);
-  }
+.border-b-\[rgba\(255\,255\,255\,0\.1\)\] {
+  border-bottom-color: #ffffff1a;
+}
+
+.\!bg-\[\#409eff\] {
+  background-color: #409eff !important;
+}
+
+.bg-\[\#f0f0f0\] {
+  background-color: #f0f0f0;
+}
+
+.bg-\[rgba\(255\,255\,255\,1\)\] {
+  background-color: #fff;
+}
+
+.bg-\[var\(--el-color-primary\)\] {
+  background-color: var(--el-color-primary);
+}
+
+.bg-black {
+  background-color: var(--color-black);
+}
+
+.bg-black\/15 {
+  background-color: #00000026;
+}
 
+@supports (color: color-mix(in lab, red, red)) {
   .bg-black\/15 {
-    background-color: #00000026;
+    background-color: color-mix(in oklab, var(--color-black) 15%, transparent);
   }
+}
 
-  @supports (color: color-mix(in lab, red, red)) {
-    .bg-black\/15 {
-      background-color: color-mix(in oklab, var(--color-black) 15%, transparent);
-    }
-  }
+.bg-white {
+  background-color: var(--color-white);
+}
 
-  .bg-white {
-    background-color: var(--color-white);
-  }
+.p-\[0px_5px\] {
+  padding: 0 5px;
+}
 
-  .p-\[0px_10px\] {
-    padding: 0 10px;
-  }
+.p-\[0px_10px\] {
+  padding: 0 10px;
+}
 
-  .p-\[2px_0px\] {
-    padding: 2px 0;
-  }
+.p-\[2px\] {
+  padding: 2px;
+}
 
-  .p-\[5px\] {
-    padding: 5px;
-  }
+.p-\[2px_0px\] {
+  padding: 2px 0;
+}
 
-  .p-\[5px_0px\] {
-    padding: 5px 0;
-  }
+.p-\[2px_5px\] {
+  padding: 2px 5px;
+}
 
-  .p-\[5px_20px\] {
-    padding: 5px 20px;
-  }
+.p-\[5px\] {
+  padding: 5px;
+}
 
-  .p-\[10px\] {
-    padding: 10px;
-  }
+.p-\[5px_0px\] {
+  padding: 5px 0;
+}
 
-  .text-right {
-    text-align: right;
-  }
+.p-\[5px_20px\] {
+  padding: 5px 20px;
+}
 
-  .text-\[10px\] {
-    font-size: 10px;
-  }
+.p-\[10px\] {
+  padding: 10px;
+}
 
-  .text-\[14px\] {
-    font-size: 14px;
-  }
+.text-right {
+  text-align: right;
+}
 
-  .leading-\[1\.4em\] {
-    --tw-leading: 1.4em;
-    line-height: 1.4em;
-  }
+.text-\[10px\] {
+  font-size: 10px;
+}
 
-  .font-bold {
-    --tw-font-weight: var(--font-weight-bold);
-    font-weight: var(--font-weight-bold);
-  }
+.text-\[12px\] {
+  font-size: 12px;
+}
 
-  .text-\[\#333\] {
-    color: #333;
-  }
+.text-\[14px\] {
+  font-size: 14px;
+}
 
-  .text-\[\#888\] {
-    color: #888;
-  }
+.leading-\[1\.4em\] {
+  --tw-leading: 1.4em;
+  line-height: 1.4em;
+}
 
-  .text-\[\#c9c9c9\] {
-    color: #c9c9c9;
-  }
+.font-bold {
+  --tw-font-weight: var(--font-weight-bold);
+  font-weight: var(--font-weight-bold);
+}
 
-  .text-\[\#fff\] {
-    color: #fff;
-  }
+.text-\[\#333\] {
+  color: #333;
+}
 
-  .blur {
-    --tw-blur: blur(8px);
-    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
-  }
+.text-\[\#888\] {
+  color: #888;
+}
 
-  .transition-all {
-    transition-property: all;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
-  }
+.text-\[\#c9c9c9\] {
+  color: #c9c9c9;
+}
 
-  .select-none {
-    -webkit-user-select: none;
-    user-select: none;
-  }
+.text-\[\#fff\] {
+  color: #fff;
+}
 
-  .last-of-type\:border-b-0:last-of-type {
-    border-bottom-style: var(--tw-border-style);
-    border-bottom-width: 0;
-  }
+.blur {
+  --tw-blur: blur(8px);
+  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
+}
 
-  @media (hover: hover) {
-    .hover\:bg-\[\#ddd\]:hover {
-      background-color: #ddd;
-    }
+.transition-all {
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+}
+
+.select-none {
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+.last-of-type\:border-b-0:last-of-type {
+  border-bottom-style: var(--tw-border-style);
+  border-bottom-width: 0;
+}
+
+@media (hover: hover) {
+  .hover\:bg-\[\#ddd\]:hover {
+    background-color: #ddd;
   }
 }
 
@@ -524,3 +562,7 @@
   syntax: "*";
   inherits: false
 }
+
+[data-v-3634b508] {
+    font-family: 宋体;
+}

package/src/index3.js

@@ -1,7 +1,7 @@
 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 { 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$1, 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 { 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 { 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, createApp } from "vue";
 import "clipper-lib";
 import "dxf-writer";
 import "three/addons/controls/OrbitControls.js";
@@ -258,7 +258,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Badge = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "badge.vue"]]);
+var Badge = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["__file", "badge.vue"]]);
 const ElBadge = withInstall(Badge);
 const configProviderProps = buildProps({
   a11y: {
@@ -565,7 +565,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var MessageConstructor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "message.vue"]]);
+var MessageConstructor = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["__file", "message.vue"]]);
 let seed = 1;
 const normalizeOptions = (params) => {
   const options = !params || isString$1(params) || isVNode(params) || isFunction(params) ? { message: params } : params;
@@ -1248,8 +1248,15 @@ 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 = {
+  key: 0,
+  class: "p-[5px] min-w-[140px]"
+};
+const _hoisted_4 = { class: "text-[14px] flex flex-col" };
+const _hoisted_5 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EditorTool",
   props: {
@@ -1257,9 +1264,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(), toolBarExpand = ref(true), currentCommand = ref(""), dxfSystem = toRaw(props.dxfSystem), domEventRegister = dxfSystem.findComponentByType(DomEventRegister), editor = dxfSystem.findComponentByType(Editor$1), toolBarPosition = ref({ left: 10, top: 10 }), shortcutKeys = [
       { "name": "绘制连续线段", "shortcut": "Ctrl + L" },
       { "name": "绘制线段确认", "shortcut": "Enter" },
       { "name": "绘制门线", "shortcut": "Ctrl + M" },
@@ -1275,14 +1280,62 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       { "name": "线段连接", "shortcut": "选中 + Shift + L" },
       { "name": "线段交点连接", "shortcut": "选中 + Ctrl + Shift + L" },
       { "name": "取消命令", "shortcut": "Esc" }
+    ], commandList = [
+      {
+        command: "default",
+        name: "默认",
+        show: false
+      },
+      {
+        command: "draw-line",
+        name: "绘制线段",
+        show: true
+      },
+      {
+        command: "draw-door-line",
+        name: "绘制门线",
+        show: true
+      },
+      {
+        command: "draw-window-line",
+        name: "绘制窗户线",
+        show: true
+      }
     ];
-    watchEffect(() => localStorage.setItem("EditorToolPosition", JSON.stringify(toolBarPosition.value)));
-    function setEditorToolPosition(left, top) {
-      const dom = elRef.value, toolBarDom = elRef.value, rect = dom.getBoundingClientRect(), toolBarRect = toolBarDom.getBoundingClientRect(), minX = 0, maxX = toolBarRect.width - rect.width, minY = 0, maxY = toolBarRect.height - rect.height;
+    watch(toolBarPosition, () => localStorage.setItem("EditorToolPosition", JSON.stringify(toolBarPosition.value)));
+    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 };
-      console.log(left, top);
+    }
+    function startCurrentCommandItem(item) {
+      if (currentCommand.value === item.command) return;
+      editor.commandManager.start(item.command);
+    }
+    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);
     }
     watch(originalLineVisible, () => dxfSystem.Variable.set("originalLineVisible", originalLineVisible.value));
     watch(dxfVisible, () => dxfSystem.Variable.set("dxfVisible", dxfVisible.value));
@@ -1291,14 +1344,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     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;
+    });
     onMounted(() => {
-      if (localStorage.getItem("EditorToolPosition")) {
-        const { left, top } = JSON.parse(localStorage.getItem("EditorToolPosition") ?? "{}");
-        setEditorToolPosition(left, top);
-      }
+      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);
+        }
+      }, 20);
     });
     onUnmounted(() => {
       domEventRegister.mouseMoveEventProxylock = false;
+      startedEventCancel();
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
@@ -1316,11 +1377,90 @@ 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] z-[11] bg-white select-none"
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass([{ "border-b-[#eee]": toolBarExpand.value }, "flex flex-row justify-between header text-[14px] font-bold p-[10px 0px] border-b-1"])
+          }, [
+            createElementVNode("div", {
+              class: "flex flex-row",
+              onMousedown: dragMoveHelper
+            }, _cache[3] || (_cache[3] = [
+              createElementVNode("div", { class: "p-[2px_5px] flex items-center pointer-events-none" }, [
+                createElementVNode("svg", {
+                  fill: "#aaa",
+                  width: "20",
+                  height: "20",
+                  viewBox: "0 0 1024 1024",
+                  version: "1.1",
+                  xmlns: "http://www.w3.org/2000/svg"
+                }, [
+                  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" })
+                ])
+              ], -1),
+              createElementVNode("h5", { class: "flex items-center pointer-events-none" }, "绘制窗户线", -1)
+            ]), 32),
+            createElementVNode("div", {
+              onClick: _cache[0] || (_cache[0] = ($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[4] || (_cache[4] = [
+                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))
+            ])
+          ], 2),
+          toolBarExpand.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+            createElementVNode("ul", _hoisted_4, [
+              (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-[#409eff] text-[#fff]": currentCommand.value === item.command }, "text-[12px] hover:bg-[#ddd] transition-all rounded-[6px] p-[5px] flex flex-row items-center cursor-pointer"])
+                  }, [
+                    _cache[5] || (_cache[5] = createElementVNode("div", { class: "p-[2px] h-fit bg-[#f0f0f0] rounded-[2px] mr-[10px]" }, [
+                      createElementVNode("img", {
+                        class: "w-[10px] h-[10px]",
+                        src: _imports_0,
+                        alt: "",
+                        srcset: ""
+                      })
+                    ], -1)),
+                    createElementVNode("span", null, toDisplayString(item.name), 1)
+                  ], 10, _hoisted_5)) : createCommentVNode("", true)
+                ], 64);
+              }), 64))
+            ]),
+            createCommentVNode("", true)
+          ])) : createCommentVNode("", true)
+        ], 4)
       ], 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-3634b508"]]);
 let Editor$1 = class Editor extends Component {
   static name = "Editor";
   container = new THREE.Group();
@@ -1357,7 +1497,7 @@ let Editor$1 = class Editor extends Component {
     this.container.add(grid);
     this.container.add(this.plane);
     this.plane.visible = false;
-    this.app = createApp(_sfc_main, { dxfSystem: this.parent });
+    this.app = createApp(EditorTool, { dxfSystem: this.parent });
     this.app.mount(this.domElement);
     const cancelEvent = this.addEventListener("update", () => {
       if (this.domContainer.domElement.parentElement) {

package/src/utils/DxfSystem/plugin/Editor/pages/EditorTool.vue.d.ts

@@ -4,5 +4,6 @@ type __VLS_Props = {
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     elRef: HTMLDivElement;
+    toolBarRef: HTMLDivElement;
 }, HTMLDivElement>;
 export default _default;