build-dxf 0.1.20 → 0.1.21

package/src/index3.js

@@ -4,7 +4,7 @@ import "clipper-lib";
 import "dxf-writer";
 import { D as DomEventRegister } from "./DomEventRegister.js";
 import "three/addons/controls/OrbitControls.js";
-import { getCurrentInstance, inject, ref, computed, unref, shallowRef, watchEffect, readonly, getCurrentScope, onScopeDispose, onMounted, nextTick, watch, isRef, warn, provide, defineComponent, createElementBlock, openBlock, mergeProps, renderSlot, createElementVNode, toRef, onUnmounted, useAttrs as useAttrs$1, useSlots, normalizeStyle, normalizeClass, createCommentVNode, Fragment, createBlock, withCtx, resolveDynamicComponent, withModifiers, createVNode, toDisplayString, onBeforeUnmount, Transition, withDirectives, vShow, reactive, onActivated, onUpdated, cloneVNode, Text, Comment, Teleport as Teleport$1, onBeforeMount, onDeactivated, createTextVNode, toRaw, vModelCheckbox, toRefs, resolveComponent, normalizeProps, guardReactiveProps, createSlots, shallowReactive, isVNode, render, createStaticVNode, renderList, TransitionGroup, createApp } from "vue";
+import { getCurrentInstance, inject, ref, computed, unref, shallowRef, watchEffect, readonly, getCurrentScope, onScopeDispose, onMounted, nextTick, watch, isRef, warn, provide, defineComponent, createElementBlock, openBlock, mergeProps, renderSlot, createElementVNode, toRef, onUnmounted, useAttrs as useAttrs$1, useSlots, normalizeStyle, normalizeClass, createCommentVNode, Fragment, createBlock, withCtx, resolveDynamicComponent, withModifiers, createVNode, toDisplayString, onBeforeUnmount, Transition, withDirectives, vShow, reactive, onActivated, onUpdated, cloneVNode, Text, Comment, Teleport as Teleport$1, onBeforeMount, onDeactivated, createTextVNode, toRaw, vModelCheckbox, toRefs, h, resolveComponent, normalizeProps, guardReactiveProps, createSlots, shallowReactive, isVNode, render, withKeys, markRaw, createStaticVNode, renderList, TransitionGroup, createApp } from "vue";
 const VerticalCorr$1 = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='10587'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20fill='%23555'%20width='16'%20height='16'%3e%3cpath%20d='M64.21%20703.88h888.34M64.21%20667.88h888.34v72H64.21z'%3e%3c/path%3e%3cpath%20d='M509.58%20102.72v566.13M473.58%20102.72h72v566.14h-72z'%3e%3c/path%3e%3c/svg%3e";
 const __vite_glob_0_0 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -183,6 +183,19 @@ const isArray$1 = Array.isArray;
 const isFunction$1 = (val) => typeof val === "function";
 const isString$1 = (val) => typeof val === "string";
 const isObject$1 = (val) => val !== null && typeof val === "object";
+const cacheStringFunction = (fn2) => {
+  const cache = /* @__PURE__ */ Object.create(null);
+  return (str) => {
+    const hit = cache[str];
+    return hit || (cache[str] = fn2(str));
+  };
+};
+const camelizeRE = /-(\w)/g;
+const camelize = cacheStringFunction(
+  (str) => {
+    return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : "");
+  }
+);
 var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
 var freeSelf = typeof self == "object" && self && self.Object === Object && self;
 var root = freeGlobal || freeSelf || Function("return this")();
@@ -1884,6 +1897,41 @@ var _export_sfc$1 = (sfc, props) => {
   }
   return target;
 };
+const classNameToArray = (cls = "") => cls.split(" ").filter((item) => !!item.trim());
+const hasClass = (el, cls) => {
+  if (!el || !cls)
+    return false;
+  if (cls.includes(" "))
+    throw new Error("className should not contain space.");
+  return el.classList.contains(cls);
+};
+const addClass = (el, cls) => {
+  if (!el || !cls.trim())
+    return;
+  el.classList.add(...classNameToArray(cls));
+};
+const removeClass = (el, cls) => {
+  if (!el || !cls.trim())
+    return;
+  el.classList.remove(...classNameToArray(cls));
+};
+const getStyle = (element, styleName) => {
+  var _a2;
+  if (!isClient || !element || !styleName)
+    return "";
+  let key = camelize(styleName);
+  if (key === "float")
+    key = "cssFloat";
+  try {
+    const style = element.style[key];
+    if (style)
+      return style;
+    const computed2 = (_a2 = document.defaultView) == null ? void 0 : _a2.getComputedStyle(element, "");
+    return computed2 ? computed2[key] : "";
+  } catch (e) {
+    return element.style[key];
+  }
+};
 function addUnit(value, defaultUnit = "px") {
   if (!value)
     return "";
@@ -1893,6 +1941,30 @@ function addUnit(value, defaultUnit = "px") {
     return value;
   }
 }
+let scrollBarWidth;
+const getScrollBarWidth = (namespace) => {
+  var _a2;
+  if (!isClient)
+    return 0;
+  if (scrollBarWidth !== void 0)
+    return scrollBarWidth;
+  const outer = document.createElement("div");
+  outer.className = `${namespace}-scrollbar__wrap`;
+  outer.style.visibility = "hidden";
+  outer.style.width = "100px";
+  outer.style.position = "absolute";
+  outer.style.top = "-9999px";
+  document.body.appendChild(outer);
+  const widthNoScroll = outer.offsetWidth;
+  outer.style.overflow = "scroll";
+  const inner = document.createElement("div");
+  inner.style.width = "100%";
+  outer.appendChild(inner);
+  const widthWithScroll = inner.offsetWidth;
+  (_a2 = outer.parentNode) == null ? void 0 : _a2.removeChild(outer);
+  scrollBarWidth = widthNoScroll - widthWithScroll;
+  return scrollBarWidth;
+};
 class ElementPlusError extends Error {
   constructor(m) {
     super(m);
@@ -1940,7 +2012,7 @@ const __default__$g = defineComponent({
   name: "ElIcon",
   inheritAttrs: false
 });
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   ...__default__$g,
   props: iconProps,
   setup(__props) {
@@ -1965,7 +2037,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Icon = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["__file", "icon.vue"]]);
+var Icon = /* @__PURE__ */ _export_sfc$1(_sfc_main$v, [["__file", "icon.vue"]]);
 const ElIcon = withInstall(Icon);
 function useTimeout() {
   let timeoutHandle;
@@ -2212,7 +2284,11 @@ const iconPropType = definePropType([
   Function
 ]);
 const TypeComponents = {
-  Close: close_default
+  Close: close_default,
+  SuccessFilled: success_filled_default,
+  InfoFilled: info_filled_default,
+  WarningFilled: warning_filled_default,
+  CircleCloseFilled: circle_close_filled_default
 };
 const TypeComponentsMap = {
   primary: info_filled_default,
@@ -2533,6 +2609,14 @@ const useFormDisabled = (fallback) => {
   const form = inject(formContextKey, void 0);
   return computed(() => disabled.value || unref(fallback) || (form == null ? void 0 : form.disabled) || false);
 };
+const FOCUSABLE_ELEMENT_SELECTORS = `a[href],button:not([disabled]),button:not([hidden]),:not([tabindex="-1"]),input:not([disabled]),input:not([type="hidden"]),select:not([disabled]),textarea:not([disabled])`;
+const isVisible = (element) => {
+  const computed2 = getComputedStyle(element);
+  return computed2.position === "fixed" ? false : element.offsetParent !== null;
+};
+const obtainAllFocusableElements$1 = (element) => {
+  return Array.from(element.querySelectorAll(FOCUSABLE_ELEMENT_SELECTORS)).filter((item) => isFocusable(item) && isVisible(item));
+};
 const isFocusable = (element) => {
   if (element.tabIndex > 0 || element.tabIndex === 0 && element.getAttribute("tabIndex") !== null) {
     return true;
@@ -2691,7 +2775,7 @@ const __default__$f = defineComponent({
   name: COMPONENT_NAME$2,
   inheritAttrs: false
 });
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   ...__default__$f,
   props: inputProps,
   emits: inputEmits,
@@ -3101,7 +3185,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Input = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["__file", "input.vue"]]);
+var Input = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["__file", "input.vue"]]);
 const ElInput = withInstall(Input);
 const GAP = 4;
 const BAR_MAP = {
@@ -3146,7 +3230,7 @@ const thumbProps = buildProps({
   always: Boolean
 });
 const COMPONENT_NAME$1 = "Thumb";
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "thumb",
   props: thumbProps,
   setup(__props) {
@@ -3275,7 +3359,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Thumb = /* @__PURE__ */ _export_sfc$1(_sfc_main$s, [["__file", "thumb.vue"]]);
+var Thumb = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["__file", "thumb.vue"]]);
 const barProps = buildProps({
   always: {
     type: Boolean,
@@ -3286,7 +3370,7 @@ const barProps = buildProps({
     required: true
   }
 });
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "bar",
   props: barProps,
   setup(__props, { expose }) {
@@ -3344,7 +3428,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Bar = /* @__PURE__ */ _export_sfc$1(_sfc_main$r, [["__file", "bar.vue"]]);
+var Bar = /* @__PURE__ */ _export_sfc$1(_sfc_main$s, [["__file", "bar.vue"]]);
 const scrollbarProps = buildProps({
   distance: {
     type: Number,
@@ -3404,7 +3488,7 @@ const COMPONENT_NAME = "ElScrollbar";
 const __default__$e = defineComponent({
   name: COMPONENT_NAME
 });
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   ...__default__$e,
   props: scrollbarProps,
   emits: scrollbarEmits,
@@ -3613,7 +3697,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Scrollbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$q, [["__file", "scrollbar.vue"]]);
+var Scrollbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$r, [["__file", "scrollbar.vue"]]);
 const ElScrollbar = withInstall(Scrollbar);
 const POPPER_INJECTION_KEY = Symbol("popper");
 const POPPER_CONTENT_INJECTION_KEY = Symbol("popperContent");
@@ -3638,7 +3722,7 @@ const __default__$d = defineComponent({
   name: "ElPopper",
   inheritAttrs: false
 });
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   ...__default__$d,
   props: popperProps,
   setup(__props, { expose }) {
@@ -3662,12 +3746,12 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Popper = /* @__PURE__ */ _export_sfc$1(_sfc_main$p, [["__file", "popper.vue"]]);
+var Popper = /* @__PURE__ */ _export_sfc$1(_sfc_main$q, [["__file", "popper.vue"]]);
 const __default__$c = defineComponent({
   name: "ElPopperArrow",
   inheritAttrs: false
 });
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   ...__default__$c,
   setup(__props, { expose }) {
     const ns = useNamespace("popper");
@@ -3689,7 +3773,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElPopperArrow = /* @__PURE__ */ _export_sfc$1(_sfc_main$o, [["__file", "arrow.vue"]]);
+var ElPopperArrow = /* @__PURE__ */ _export_sfc$1(_sfc_main$p, [["__file", "arrow.vue"]]);
 const popperTriggerProps = buildProps({
   virtualRef: {
     type: definePropType(Object)
@@ -3799,7 +3883,7 @@ const __default__$b = defineComponent({
   name: "ElPopperTrigger",
   inheritAttrs: false
 });
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   ...__default__$b,
   props: popperTriggerProps,
   setup(__props, { expose }) {
@@ -3911,7 +3995,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElPopperTrigger = /* @__PURE__ */ _export_sfc$1(_sfc_main$n, [["__file", "trigger.vue"]]);
+var ElPopperTrigger = /* @__PURE__ */ _export_sfc$1(_sfc_main$o, [["__file", "trigger.vue"]]);
 const FOCUS_AFTER_TRAPPED = "focus-trap.focus-after-trapped";
 const FOCUS_AFTER_RELEASED = "focus-trap.focus-after-released";
 const FOCUSOUT_PREVENTED = "focus-trap.focusout-prevented";
@@ -4101,7 +4185,7 @@ const useEscapeKeydown = (handler) => {
     }
   });
 };
-const _sfc_main$m = defineComponent({
+const _sfc_main$n = defineComponent({
   name: "ElFocusTrap",
   inheritAttrs: false,
   props: {
@@ -4343,10 +4427,10 @@ const _sfc_main$m = defineComponent({
     };
   }
 });
-function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
 }
-var ElFocusTrap = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["render", _sfc_render$9], ["__file", "focus-trap.vue"]]);
+var ElFocusTrap = /* @__PURE__ */ _export_sfc$1(_sfc_main$n, [["render", _sfc_render$a], ["__file", "focus-trap.vue"]]);
 var E = "top", R = "bottom", W = "right", P = "left", me = "auto", G = [E, R, W, P], U = "start", J = "end", Xe = "clippingParents", je = "viewport", K = "popper", Ye = "reference", De = G.reduce(function(t, e) {
   return t.concat([e + "-" + U, e + "-" + J]);
 }, []), Ee = [].concat(G, [me]).reduce(function(t, e) {
@@ -4489,7 +4573,7 @@ var Tt = function(t, e) {
 function Ht(t) {
   var e, n = t.state, r = t.name, o = t.options, i = n.elements.arrow, a = n.modifiersData.popperOffsets, s = q(n.placement), f = Le(s), c = [P, W].indexOf(s) >= 0, u = c ? "height" : "width";
   if (!(!i || !a)) {
-    var m = Tt(o.padding, n), v = ke(i), l = f === "y" ? E : P, h = f === "y" ? R : W, p = n.rects.reference[u] + n.rects.reference[f] - a[f] - n.rects.popper[u], g = a[f] - n.rects.reference[f], x = se(i), y = x ? f === "y" ? x.clientHeight || 0 : x.clientWidth || 0 : 0, $ = p / 2 - g / 2, d = m[l], b = y - v[u] - m[h], w = y / 2 - v[u] / 2 + $, O = fe(d, w, b), j = f;
+    var m = Tt(o.padding, n), v = ke(i), l = f === "y" ? E : P, h2 = f === "y" ? R : W, p = n.rects.reference[u] + n.rects.reference[f] - a[f] - n.rects.popper[u], g = a[f] - n.rects.reference[f], x = se(i), y = x ? f === "y" ? x.clientHeight || 0 : x.clientWidth || 0 : 0, $ = p / 2 - g / 2, d = m[l], b = y - v[u] - m[h2], w = y / 2 - v[u] / 2 + $, O = fe(d, w, b), j = f;
     n.modifiersData[r] = (e = {}, e[j] = O, e.centerOffset = O - w, e);
   }
 }
@@ -4507,7 +4591,7 @@ function Vt(t) {
   return { x: Z(e * o) / o || 0, y: Z(n * o) / o || 0 };
 }
 function ut(t) {
-  var e, n = t.popper, r = t.popperRect, o = t.placement, i = t.variation, a = t.offsets, s = t.position, f = t.gpuAcceleration, c = t.adaptive, u = t.roundOffsets, m = t.isFixed, v = a.x, l = v === void 0 ? 0 : v, h = a.y, p = h === void 0 ? 0 : h, g = typeof u == "function" ? u({ x: l, y: p }) : { x: l, y: p };
+  var e, n = t.popper, r = t.popperRect, o = t.placement, i = t.variation, a = t.offsets, s = t.position, f = t.gpuAcceleration, c = t.adaptive, u = t.roundOffsets, m = t.isFixed, v = a.x, l = v === void 0 ? 0 : v, h2 = a.y, p = h2 === void 0 ? 0 : h2, g = typeof u == "function" ? u({ x: l, y: p }) : { x: l, y: p };
   l = g.x, p = g.y;
   var x = a.hasOwnProperty("x"), y = a.hasOwnProperty("y"), $ = P, d = E, b = window;
   if (c) {
@@ -4643,7 +4727,7 @@ function mt(t) {
 }
 function ne(t, e) {
   e === void 0 && (e = {});
-  var n = e, r = n.placement, o = r === void 0 ? t.placement : r, i = n.boundary, a = i === void 0 ? Xe : i, s = n.rootBoundary, f = s === void 0 ? je : s, c = n.elementContext, u = c === void 0 ? K : c, m = n.altBoundary, v = m === void 0 ? false : m, l = n.padding, h = l === void 0 ? 0 : l, p = ft(typeof h != "number" ? h : ct(h, G)), g = u === K ? Ye : K, x = t.rects.popper, y = t.elements[v ? g : u], $ = Gt(Q(y) ? y : y.contextElement || I(t.elements.popper), a, f), d = ee(t.elements.reference), b = mt({ reference: d, element: x, placement: o }), w = Te(Object.assign({}, x, b)), O = u === K ? w : d, j = { top: $.top - O.top + p.top, bottom: O.bottom - $.bottom + p.bottom, left: $.left - O.left + p.left, right: O.right - $.right + p.right }, A = t.modifiersData.offset;
+  var n = e, r = n.placement, o = r === void 0 ? t.placement : r, i = n.boundary, a = i === void 0 ? Xe : i, s = n.rootBoundary, f = s === void 0 ? je : s, c = n.elementContext, u = c === void 0 ? K : c, m = n.altBoundary, v = m === void 0 ? false : m, l = n.padding, h2 = l === void 0 ? 0 : l, p = ft(typeof h2 != "number" ? h2 : ct(h2, G)), g = u === K ? Ye : K, x = t.rects.popper, y = t.elements[v ? g : u], $ = Gt(Q(y) ? y : y.contextElement || I(t.elements.popper), a, f), d = ee(t.elements.reference), b = mt({ reference: d, element: x, placement: o }), w = Te(Object.assign({}, x, b)), O = u === K ? w : d, j = { top: $.top - O.top + p.top, bottom: O.bottom - $.bottom + p.bottom, left: $.left - O.left + p.left, right: O.right - $.right + p.right }, A = t.modifiersData.offset;
   if (u === K && A) {
     var k = A[o];
     Object.keys(j).forEach(function(D) {
@@ -4655,17 +4739,17 @@ function ne(t, e) {
 }
 function Jt(t, e) {
   e === void 0 && (e = {});
-  var n = e, r = n.placement, o = n.boundary, i = n.rootBoundary, a = n.padding, s = n.flipVariations, f = n.allowedAutoPlacements, c = f === void 0 ? Ee : f, u = te(r), m = u ? s ? De : De.filter(function(h) {
-    return te(h) === u;
-  }) : G, v = m.filter(function(h) {
-    return c.indexOf(h) >= 0;
+  var n = e, r = n.placement, o = n.boundary, i = n.rootBoundary, a = n.padding, s = n.flipVariations, f = n.allowedAutoPlacements, c = f === void 0 ? Ee : f, u = te(r), m = u ? s ? De : De.filter(function(h2) {
+    return te(h2) === u;
+  }) : G, v = m.filter(function(h2) {
+    return c.indexOf(h2) >= 0;
   });
   v.length === 0 && (v = m);
-  var l = v.reduce(function(h, p) {
-    return h[p] = ne(t, { placement: p, boundary: o, rootBoundary: i, padding: a })[q(p)], h;
+  var l = v.reduce(function(h2, p) {
+    return h2[p] = ne(t, { placement: p, boundary: o, rootBoundary: i, padding: a })[q(p)], h2;
   }, {});
-  return Object.keys(l).sort(function(h, p) {
-    return l[h] - l[p];
+  return Object.keys(l).sort(function(h2, p) {
+    return l[h2] - l[p];
   });
 }
 function Kt(t) {
@@ -4676,8 +4760,8 @@ function Kt(t) {
 function Qt(t) {
   var e = t.state, n = t.options, r = t.name;
   if (!e.modifiersData[r]._skip) {
-    for (var o = n.mainAxis, i = o === void 0 ? true : o, a = n.altAxis, s = a === void 0 ? true : a, f = n.fallbackPlacements, c = n.padding, u = n.boundary, m = n.rootBoundary, v = n.altBoundary, l = n.flipVariations, h = l === void 0 ? true : l, p = n.allowedAutoPlacements, g = e.options.placement, x = q(g), y = x === g, $ = f || (y || !h ? [be(g)] : Kt(g)), d = [g].concat($).reduce(function(z, V) {
-      return z.concat(q(V) === me ? Jt(e, { placement: V, boundary: u, rootBoundary: m, padding: c, flipVariations: h, allowedAutoPlacements: p }) : V);
+    for (var o = n.mainAxis, i = o === void 0 ? true : o, a = n.altAxis, s = a === void 0 ? true : a, f = n.fallbackPlacements, c = n.padding, u = n.boundary, m = n.rootBoundary, v = n.altBoundary, l = n.flipVariations, h2 = l === void 0 ? true : l, p = n.allowedAutoPlacements, g = e.options.placement, x = q(g), y = x === g, $ = f || (y || !h2 ? [be(g)] : Kt(g)), d = [g].concat($).reduce(function(z, V) {
+      return z.concat(q(V) === me ? Jt(e, { placement: V, boundary: u, rootBoundary: m, padding: c, flipVariations: h2, allowedAutoPlacements: p }) : V);
     }, []), b = e.rects.reference, w = e.rects.popper, O = /* @__PURE__ */ new Map(), j = true, A = d[0], k = 0; k < d.length; k++) {
       var D = d[k], S = q(D), L = te(D) === U, re = [E, R].indexOf(S) >= 0, oe = re ? "width" : "height", M = ne(e, { placement: D, boundary: u, rootBoundary: m, altBoundary: v, padding: c }), T = re ? L ? W : P : L ? R : E;
       b[oe] > w[oe] && (T = be(T));
@@ -4690,7 +4774,7 @@ function Qt(t) {
       }
       O.set(D, _);
     }
-    if (j) for (var ue = h ? 3 : 1, xe = function(z) {
+    if (j) for (var ue = h2 ? 3 : 1, xe = function(z) {
       var V = d.find(function(de) {
         var ae = O.get(de);
         if (ae) return ae.slice(0, z).every(function(Y) {
@@ -4739,7 +4823,7 @@ function rn(t) {
   return t === "x" ? "y" : "x";
 }
 function on(t) {
-  var e = t.state, n = t.options, r = t.name, o = n.mainAxis, i = o === void 0 ? true : o, a = n.altAxis, s = a === void 0 ? false : a, f = n.boundary, c = n.rootBoundary, u = n.altBoundary, m = n.padding, v = n.tether, l = v === void 0 ? true : v, h = n.tetherOffset, p = h === void 0 ? 0 : h, g = ne(e, { boundary: f, rootBoundary: c, padding: m, altBoundary: u }), x = q(e.placement), y = te(e.placement), $ = !y, d = Le(x), b = rn(d), w = e.modifiersData.popperOffsets, O = e.rects.reference, j = e.rects.popper, A = typeof p == "function" ? p(Object.assign({}, e.rects, { placement: e.placement })) : p, k = typeof A == "number" ? { mainAxis: A, altAxis: A } : Object.assign({ mainAxis: 0, altAxis: 0 }, A), D = e.modifiersData.offset ? e.modifiersData.offset[e.placement] : null, S = { x: 0, y: 0 };
+  var e = t.state, n = t.options, r = t.name, o = n.mainAxis, i = o === void 0 ? true : o, a = n.altAxis, s = a === void 0 ? false : a, f = n.boundary, c = n.rootBoundary, u = n.altBoundary, m = n.padding, v = n.tether, l = v === void 0 ? true : v, h2 = n.tetherOffset, p = h2 === void 0 ? 0 : h2, g = ne(e, { boundary: f, rootBoundary: c, padding: m, altBoundary: u }), x = q(e.placement), y = te(e.placement), $ = !y, d = Le(x), b = rn(d), w = e.modifiersData.popperOffsets, O = e.rects.reference, j = e.rects.popper, A = typeof p == "function" ? p(Object.assign({}, e.rects, { placement: e.placement })) : p, k = typeof A == "number" ? { mainAxis: A, altAxis: A } : Object.assign({ mainAxis: 0, altAxis: 0 }, A), D = e.modifiersData.offset ? e.modifiersData.offset[e.placement] : null, S = { x: 0, y: 0 };
   if (w) {
     if (i) {
       var L, re = d === "y" ? E : P, oe = d === "y" ? R : W, M = d === "y" ? "height" : "width", T = w[d], pe = T + g[re], _ = T - g[oe], ue = l ? -j[M] / 2 : 0, xe = y === U ? O[M] : j[M], ie = y === U ? -j[M] : -O[M], le = e.elements.arrow, z = l && le ? ke(le) : { width: 0, height: 0 }, V = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : st(), de = V[re], ae = V[oe], Y = fe(0, O[M], z[M]), jt = $ ? O[M] / 2 - ue - Y - de - k.mainAxis : xe - Y - de - k.mainAxis, Dt = $ ? -O[M] / 2 + ue + Y + ae + k.mainAxis : ie + Y + ae + k.mainAxis, Oe = e.elements.arrow && se(e.elements.arrow), Et = Oe ? d === "y" ? Oe.clientTop || 0 : Oe.clientLeft || 0 : 0, Ce = (L = D == null ? void 0 : D[d]) != null ? L : 0, Pt = T + jt - Ce - Et, At = T + Dt - Ce, qe = fe(l ? ve(pe, Pt) : pe, T, l ? X(_, At) : _);
@@ -4828,7 +4912,7 @@ function we(t) {
     f === void 0 && (f = i);
     var c = { placement: "bottom", orderedModifiers: [], options: Object.assign({}, Ot, i), modifiersData: {}, elements: { reference: a, popper: s }, attributes: {}, styles: {} }, u = [], m = false, v = { state: c, setOptions: function(p) {
       var g = typeof p == "function" ? p(c.options) : p;
-      h(), c.options = Object.assign({}, i, c.options, g), c.scrollParents = { reference: Q(a) ? ce(a) : a.contextElement ? ce(a.contextElement) : [], popper: ce(s) };
+      h2(), c.options = Object.assign({}, i, c.options, g), c.scrollParents = { reference: Q(a) ? ce(a) : a.contextElement ? ce(a.contextElement) : [], popper: ce(s) };
       var x = un(dn([].concat(r, c.options.modifiers)));
       return c.orderedModifiers = x.filter(function(y) {
         return y.enabled;
@@ -4855,7 +4939,7 @@ function we(t) {
         v.forceUpdate(), p(c);
       });
     }), destroy: function() {
-      h(), m = true;
+      h2(), m = true;
     } };
     if (!$t(a, s)) return v;
     v.setOptions(f).then(function(p) {
@@ -4871,7 +4955,7 @@ function we(t) {
         }
       });
     }
-    function h() {
+    function h2() {
       u.forEach(function(p) {
         return p();
       }), u = [];
@@ -5258,7 +5342,7 @@ const usePopperContentDOM = (props, {
 const __default__$a = defineComponent({
   name: "ElPopperContent"
 });
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   ...__default__$a,
   props: popperContentProps,
   emits: popperContentEmits,
@@ -5373,7 +5457,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElPopperContent = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["__file", "content.vue"]]);
+var ElPopperContent = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["__file", "content.vue"]]);
 const ElPopper = withInstall(Popper);
 const TOOLTIP_INJECTION_KEY = Symbol("elTooltip");
 const teleportProps = buildProps({
@@ -5592,7 +5676,7 @@ const whenMouse = (handler) => {
 const __default__$9 = defineComponent({
   name: "ElTooltipTrigger"
 });
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   ...__default__$9,
   props: useTooltipTriggerProps,
   setup(__props, { expose }) {
@@ -5652,8 +5736,8 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElTooltipTrigger = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["__file", "trigger.vue"]]);
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+var ElTooltipTrigger = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["__file", "trigger.vue"]]);
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "teleport",
   props: teleportProps,
   setup(__props) {
@@ -5667,7 +5751,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Teleport = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["__file", "teleport.vue"]]);
+var Teleport = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["__file", "teleport.vue"]]);
 const ElTeleport = withInstall(Teleport);
 const usePopperContainerId = () => {
   const namespace = useGetDerivedNamespace();
@@ -5705,7 +5789,7 @@ const __default__$8 = defineComponent({
   name: "ElTooltipContent",
   inheritAttrs: false
 });
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   ...__default__$8,
   props: useTooltipContentProps,
   setup(__props, { expose }) {
@@ -5881,11 +5965,11 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElTooltipContent = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["__file", "content.vue"]]);
+var ElTooltipContent = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["__file", "content.vue"]]);
 const __default__$7 = defineComponent({
   name: "ElTooltip"
 });
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   ...__default__$7,
   props: useTooltipProps,
   emits: tooltipEmits,
@@ -6034,7 +6118,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Tooltip = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["__file", "tooltip.vue"]]);
+var Tooltip = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["__file", "tooltip.vue"]]);
 const ElTooltip = withInstall(Tooltip);
 const badgeProps = buildProps({
   value: {
@@ -6071,7 +6155,7 @@ const badgeProps = buildProps({
 const __default__$6 = defineComponent({
   name: "ElBadge"
 });
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   ...__default__$6,
   props: badgeProps,
   setup(__props, { expose }) {
@@ -6133,7 +6217,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Badge = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["__file", "badge.vue"]]);
+var Badge = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["__file", "badge.vue"]]);
 const ElBadge = withInstall(Badge);
 const buttonGroupContextKey = Symbol("buttonGroupContextKey");
 const useDeprecated = ({ from, replacement, scope, version, ref: ref2, type = "API" }, condition) => {
@@ -6334,29 +6418,29 @@ function rgbToHsl(r, g, b) {
   b = bound01(b, 255);
   var max = Math.max(r, g, b);
   var min = Math.min(r, g, b);
-  var h = 0;
+  var h2 = 0;
   var s = 0;
   var l = (max + min) / 2;
   if (max === min) {
     s = 0;
-    h = 0;
+    h2 = 0;
   } else {
     var d = max - min;
     s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
     switch (max) {
       case r:
-        h = (g - b) / d + (g < b ? 6 : 0);
+        h2 = (g - b) / d + (g < b ? 6 : 0);
         break;
       case g:
-        h = (b - r) / d + 2;
+        h2 = (b - r) / d + 2;
         break;
       case b:
-        h = (r - g) / d + 4;
+        h2 = (r - g) / d + 4;
         break;
     }
-    h /= 6;
+    h2 /= 6;
   }
-  return { h, s, l };
+  return { h: h2, s, l };
 }
 function hue2rgb(p, q2, t) {
   if (t < 0) {
@@ -6376,11 +6460,11 @@ function hue2rgb(p, q2, t) {
   }
   return p;
 }
-function hslToRgb(h, s, l) {
+function hslToRgb(h2, s, l) {
   var r;
   var g;
   var b;
-  h = bound01(h, 360);
+  h2 = bound01(h2, 360);
   s = bound01(s, 100);
   l = bound01(l, 100);
   if (s === 0) {
@@ -6390,9 +6474,9 @@ function hslToRgb(h, s, l) {
   } else {
     var q2 = l < 0.5 ? l * (1 + s) : l + s - l * s;
     var p = 2 * l - q2;
-    r = hue2rgb(p, q2, h + 1 / 3);
-    g = hue2rgb(p, q2, h);
-    b = hue2rgb(p, q2, h - 1 / 3);
+    r = hue2rgb(p, q2, h2 + 1 / 3);
+    g = hue2rgb(p, q2, h2);
+    b = hue2rgb(p, q2, h2 - 1 / 3);
   }
   return { r: r * 255, g: g * 255, b: b * 255 };
 }
@@ -6402,34 +6486,34 @@ function rgbToHsv(r, g, b) {
   b = bound01(b, 255);
   var max = Math.max(r, g, b);
   var min = Math.min(r, g, b);
-  var h = 0;
+  var h2 = 0;
   var v = max;
   var d = max - min;
   var s = max === 0 ? 0 : d / max;
   if (max === min) {
-    h = 0;
+    h2 = 0;
   } else {
     switch (max) {
       case r:
-        h = (g - b) / d + (g < b ? 6 : 0);
+        h2 = (g - b) / d + (g < b ? 6 : 0);
         break;
       case g:
-        h = (b - r) / d + 2;
+        h2 = (b - r) / d + 2;
         break;
       case b:
-        h = (r - g) / d + 4;
+        h2 = (r - g) / d + 4;
         break;
     }
-    h /= 6;
+    h2 /= 6;
   }
-  return { h, s, v };
+  return { h: h2, s, v };
 }
-function hsvToRgb(h, s, v) {
-  h = bound01(h, 360) * 6;
+function hsvToRgb(h2, s, v) {
+  h2 = bound01(h2, 360) * 6;
   s = bound01(s, 100);
   v = bound01(v, 100);
-  var i = Math.floor(h);
-  var f = h - i;
+  var i = Math.floor(h2);
+  var f = h2 - i;
   var p = v * (1 - s);
   var q2 = v * (1 - f * s);
   var t = v * (1 - (1 - f) * s);
@@ -6465,8 +6549,8 @@ function rgbaToHex(r, g, b, a, allow4Char) {
 function convertDecimalToHex(d) {
   return Math.round(parseFloat(d) * 255).toString(16);
 }
-function convertHexToDecimal(h) {
-  return parseIntFromHex(h) / 255;
+function convertHexToDecimal(h2) {
+  return parseIntFromHex(h2) / 255;
 }
 function parseIntFromHex(val) {
   return parseInt(val, 16);
@@ -6859,10 +6943,10 @@ var TinyColor = (
     };
     TinyColor2.prototype.toHsvString = function() {
       var hsv = rgbToHsv(this.r, this.g, this.b);
-      var h = Math.round(hsv.h * 360);
+      var h2 = Math.round(hsv.h * 360);
       var s = Math.round(hsv.s * 100);
       var v = Math.round(hsv.v * 100);
-      return this.a === 1 ? "hsv(".concat(h, ", ").concat(s, "%, ").concat(v, "%)") : "hsva(".concat(h, ", ").concat(s, "%, ").concat(v, "%, ").concat(this.roundA, ")");
+      return this.a === 1 ? "hsv(".concat(h2, ", ").concat(s, "%, ").concat(v, "%)") : "hsva(".concat(h2, ", ").concat(s, "%, ").concat(v, "%, ").concat(this.roundA, ")");
     };
     TinyColor2.prototype.toHsl = function() {
       var hsl = rgbToHsl(this.r, this.g, this.b);
@@ -6870,10 +6954,10 @@ var TinyColor = (
     };
     TinyColor2.prototype.toHslString = function() {
       var hsl = rgbToHsl(this.r, this.g, this.b);
-      var h = Math.round(hsl.h * 360);
+      var h2 = Math.round(hsl.h * 360);
       var s = Math.round(hsl.s * 100);
       var l = Math.round(hsl.l * 100);
-      return this.a === 1 ? "hsl(".concat(h, ", ").concat(s, "%, ").concat(l, "%)") : "hsla(".concat(h, ", ").concat(s, "%, ").concat(l, "%, ").concat(this.roundA, ")");
+      return this.a === 1 ? "hsl(".concat(h2, ", ").concat(s, "%, ").concat(l, "%)") : "hsla(".concat(h2, ", ").concat(s, "%, ").concat(l, "%, ").concat(this.roundA, ")");
     };
     TinyColor2.prototype.toHex = function(allow3Char) {
       if (allow3Char === void 0) {
@@ -7107,24 +7191,24 @@ var TinyColor = (
         results = 6;
       }
       var hsv = this.toHsv();
-      var h = hsv.h;
+      var h2 = hsv.h;
       var s = hsv.s;
       var v = hsv.v;
       var res = [];
       var modification = 1 / results;
       while (results--) {
-        res.push(new TinyColor2({ h, s, v }));
+        res.push(new TinyColor2({ h: h2, s, v }));
         v = (v + modification) % 1;
       }
       return res;
     };
     TinyColor2.prototype.splitcomplement = function() {
       var hsl = this.toHsl();
-      var h = hsl.h;
+      var h2 = hsl.h;
       return [
         this,
-        new TinyColor2({ h: (h + 72) % 360, s: hsl.s, l: hsl.l }),
-        new TinyColor2({ h: (h + 216) % 360, s: hsl.s, l: hsl.l })
+        new TinyColor2({ h: (h2 + 72) % 360, s: hsl.s, l: hsl.l }),
+        new TinyColor2({ h: (h2 + 216) % 360, s: hsl.s, l: hsl.l })
       ];
     };
     TinyColor2.prototype.onBackground = function(background) {
@@ -7146,11 +7230,11 @@ var TinyColor = (
     };
     TinyColor2.prototype.polyad = function(n) {
       var hsl = this.toHsl();
-      var h = hsl.h;
+      var h2 = hsl.h;
       var result = [this];
       var increment = 360 / n;
       for (var i = 1; i < n; i++) {
-        result.push(new TinyColor2({ h: (h + i * increment) % 360, s: hsl.s, l: hsl.l }));
+        result.push(new TinyColor2({ h: (h2 + i * increment) % 360, s: hsl.s, l: hsl.l }));
       }
       return result;
     };
@@ -7220,7 +7304,7 @@ function useButtonCustomStyle(props) {
 const __default__$5 = defineComponent({
   name: "ElButton"
 });
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   ...__default__$5,
   props: buttonProps,
   emits: buttonEmits,
@@ -7297,7 +7381,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Button = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["__file", "button.vue"]]);
+var Button = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["__file", "button.vue"]]);
 const buttonGroupProps = {
   size: buttonProps.size,
   type: buttonProps.type
@@ -7305,7 +7389,7 @@ const buttonGroupProps = {
 const __default__$4 = defineComponent({
   name: "ElButtonGroup"
 });
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   ...__default__$4,
   props: buttonGroupProps,
   setup(__props) {
@@ -7324,11 +7408,27 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ButtonGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["__file", "button-group.vue"]]);
+var ButtonGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["__file", "button-group.vue"]]);
 const ElButton = withInstall(Button, {
   ButtonGroup
 });
 withNoopInstall(ButtonGroup);
+var PatchFlags = /* @__PURE__ */ ((PatchFlags2) => {
+  PatchFlags2[PatchFlags2["TEXT"] = 1] = "TEXT";
+  PatchFlags2[PatchFlags2["CLASS"] = 2] = "CLASS";
+  PatchFlags2[PatchFlags2["STYLE"] = 4] = "STYLE";
+  PatchFlags2[PatchFlags2["PROPS"] = 8] = "PROPS";
+  PatchFlags2[PatchFlags2["FULL_PROPS"] = 16] = "FULL_PROPS";
+  PatchFlags2[PatchFlags2["HYDRATE_EVENTS"] = 32] = "HYDRATE_EVENTS";
+  PatchFlags2[PatchFlags2["STABLE_FRAGMENT"] = 64] = "STABLE_FRAGMENT";
+  PatchFlags2[PatchFlags2["KEYED_FRAGMENT"] = 128] = "KEYED_FRAGMENT";
+  PatchFlags2[PatchFlags2["UNKEYED_FRAGMENT"] = 256] = "UNKEYED_FRAGMENT";
+  PatchFlags2[PatchFlags2["NEED_PATCH"] = 512] = "NEED_PATCH";
+  PatchFlags2[PatchFlags2["DYNAMIC_SLOTS"] = 1024] = "DYNAMIC_SLOTS";
+  PatchFlags2[PatchFlags2["HOISTED"] = -1] = "HOISTED";
+  PatchFlags2[PatchFlags2["BAIL"] = -2] = "BAIL";
+  return PatchFlags2;
+})(PatchFlags || {});
 const checkboxProps = {
   modelValue: {
     type: [Number, String, Boolean],
@@ -7597,7 +7697,7 @@ const useCheckbox = (props, slots) => {
 const __default__$3 = defineComponent({
   name: "ElCheckbox"
 });
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   ...__default__$3,
   props: checkboxProps,
   emits: checkboxEmits,
@@ -7706,11 +7806,11 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Checkbox = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["__file", "checkbox.vue"]]);
+var Checkbox = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["__file", "checkbox.vue"]]);
 const __default__$2 = defineComponent({
   name: "ElCheckboxButton"
 });
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   ...__default__$2,
   props: checkboxProps,
   emits: checkboxEmits,
@@ -7799,7 +7899,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CheckboxButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["__file", "checkbox-button.vue"]]);
+var CheckboxButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["__file", "checkbox-button.vue"]]);
 const checkboxGroupProps = buildProps({
   modelValue: {
     type: definePropType(Array),
@@ -7828,7 +7928,7 @@ const checkboxGroupEmits = {
 const __default__$1 = defineComponent({
   name: "ElCheckboxGroup"
 });
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   ...__default__$1,
   props: checkboxGroupProps,
   emits: checkboxGroupEmits,
@@ -7887,7 +7987,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CheckboxGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["__file", "checkbox-group.vue"]]);
+var CheckboxGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["__file", "checkbox-group.vue"]]);
 const ElCheckbox = withInstall(Checkbox, {
   CheckboxButton,
   CheckboxGroup
@@ -7945,6 +8045,165 @@ defineComponent({
     return () => renderSlot(slots, "default", { config: config == null ? void 0 : config.value });
   }
 });
+const useSameTarget = (handleClick) => {
+  if (!handleClick) {
+    return { onClick: NOOP, onMousedown: NOOP, onMouseup: NOOP };
+  }
+  let mousedownTarget = false;
+  let mouseupTarget = false;
+  const onClick = (e) => {
+    if (mousedownTarget && mouseupTarget) {
+      handleClick(e);
+    }
+    mousedownTarget = mouseupTarget = false;
+  };
+  const onMousedown = (e) => {
+    mousedownTarget = e.target === e.currentTarget;
+  };
+  const onMouseup = (e) => {
+    mouseupTarget = e.target === e.currentTarget;
+  };
+  return { onClick, onMousedown, onMouseup };
+};
+const overlayProps = buildProps({
+  mask: {
+    type: Boolean,
+    default: true
+  },
+  customMaskEvent: Boolean,
+  overlayClass: {
+    type: definePropType([
+      String,
+      Array,
+      Object
+    ])
+  },
+  zIndex: {
+    type: definePropType([String, Number])
+  }
+});
+const overlayEmits = {
+  click: (evt) => evt instanceof MouseEvent
+};
+const BLOCK = "overlay";
+var Overlay = defineComponent({
+  name: "ElOverlay",
+  props: overlayProps,
+  emits: overlayEmits,
+  setup(props, { slots, emit }) {
+    const ns = useNamespace(BLOCK);
+    const onMaskClick = (e) => {
+      emit("click", e);
+    };
+    const { onClick, onMousedown, onMouseup } = useSameTarget(props.customMaskEvent ? void 0 : onMaskClick);
+    return () => {
+      return props.mask ? createVNode("div", {
+        class: [ns.b(), props.overlayClass],
+        style: {
+          zIndex: props.zIndex
+        },
+        onClick,
+        onMousedown,
+        onMouseup
+      }, [renderSlot(slots, "default")], PatchFlags.STYLE | PatchFlags.CLASS | PatchFlags.PROPS, ["onClick", "onMouseup", "onMousedown"]) : h("div", {
+        class: props.overlayClass,
+        style: {
+          zIndex: props.zIndex,
+          position: "fixed",
+          top: "0px",
+          right: "0px",
+          bottom: "0px",
+          left: "0px"
+        }
+      }, [renderSlot(slots, "default")]);
+    };
+  }
+});
+const ElOverlay = Overlay;
+const useDraggable = (targetRef, dragRef, draggable, overflow) => {
+  const transform = {
+    offsetX: 0,
+    offsetY: 0
+  };
+  const adjustPosition = (moveX, moveY) => {
+    if (targetRef.value) {
+      const { offsetX, offsetY } = transform;
+      const targetRect = targetRef.value.getBoundingClientRect();
+      const targetLeft = targetRect.left;
+      const targetTop = targetRect.top;
+      const targetWidth = targetRect.width;
+      const targetHeight = targetRect.height;
+      const clientWidth = document.documentElement.clientWidth;
+      const clientHeight = document.documentElement.clientHeight;
+      const minLeft = -targetLeft + offsetX;
+      const minTop = -targetTop + offsetY;
+      const maxLeft = clientWidth - targetLeft - targetWidth + offsetX;
+      const maxTop = clientHeight - targetTop - (targetHeight < clientHeight ? targetHeight : 0) + offsetY;
+      if (!(overflow == null ? void 0 : overflow.value)) {
+        moveX = Math.min(Math.max(moveX, minLeft), maxLeft);
+        moveY = Math.min(Math.max(moveY, minTop), maxTop);
+      }
+      transform.offsetX = moveX;
+      transform.offsetY = moveY;
+      targetRef.value.style.transform = `translate(${addUnit(moveX)}, ${addUnit(moveY)})`;
+    }
+  };
+  const onMousedown = (e) => {
+    const downX = e.clientX;
+    const downY = e.clientY;
+    const { offsetX, offsetY } = transform;
+    const onMousemove = (e2) => {
+      const moveX = offsetX + e2.clientX - downX;
+      const moveY = offsetY + e2.clientY - downY;
+      adjustPosition(moveX, moveY);
+    };
+    const onMouseup = () => {
+      document.removeEventListener("mousemove", onMousemove);
+      document.removeEventListener("mouseup", onMouseup);
+    };
+    document.addEventListener("mousemove", onMousemove);
+    document.addEventListener("mouseup", onMouseup);
+  };
+  const onDraggable = () => {
+    if (dragRef.value && targetRef.value) {
+      dragRef.value.addEventListener("mousedown", onMousedown);
+      window.addEventListener("resize", updatePosition);
+    }
+  };
+  const offDraggable = () => {
+    if (dragRef.value && targetRef.value) {
+      dragRef.value.removeEventListener("mousedown", onMousedown);
+      window.removeEventListener("resize", updatePosition);
+    }
+  };
+  const resetPosition = () => {
+    transform.offsetX = 0;
+    transform.offsetY = 0;
+    if (targetRef.value) {
+      targetRef.value.style.transform = "";
+    }
+  };
+  const updatePosition = () => {
+    const { offsetX, offsetY } = transform;
+    adjustPosition(offsetX, offsetY);
+  };
+  onMounted(() => {
+    watchEffect(() => {
+      if (draggable.value) {
+        onDraggable();
+      } else {
+        offDraggable();
+      }
+    });
+  });
+  onBeforeUnmount(() => {
+    offDraggable();
+  });
+  return {
+    resetPosition,
+    updatePosition
+  };
+};
 const composeRefs = (...refs) => {
   return (el) => {
     refs.forEach((ref2) => {
@@ -7956,21 +8215,62 @@ const composeRefs = (...refs) => {
     });
   };
 };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const useLockscreen = (trigger, options = {}) => {
+  if (!isRef(trigger)) {
+    throwError("[useLockscreen]", "You need to pass a ref param to this function");
+  }
+  const ns = options.ns || useNamespace("popup");
+  const hiddenCls = computed(() => ns.bm("parent", "hidden"));
+  if (!isClient || hasClass(document.body, hiddenCls.value)) {
+    return;
+  }
+  let scrollBarWidth2 = 0;
+  let withoutHiddenClass = false;
+  let bodyWidth = "0";
+  const cleanup = () => {
+    setTimeout(() => {
+      if (typeof document === "undefined")
+        return;
+      if (withoutHiddenClass && document) {
+        document.body.style.width = bodyWidth;
+        removeClass(document.body, hiddenCls.value);
+      }
+    }, 200);
+  };
+  watch(trigger, (val) => {
+    if (!val) {
+      cleanup();
+      return;
+    }
+    withoutHiddenClass = !hasClass(document.body, hiddenCls.value);
+    if (withoutHiddenClass) {
+      bodyWidth = document.body.style.width;
+      addClass(document.body, hiddenCls.value);
+    }
+    scrollBarWidth2 = getScrollBarWidth(ns.namespace.value);
+    const bodyHasOverflow = document.documentElement.clientHeight < document.body.scrollHeight;
+    const bodyOverflowY = getStyle(document.body, "overflowY");
+    if (scrollBarWidth2 > 0 && (bodyHasOverflow || bodyOverflowY === "scroll") && withoutHiddenClass) {
+      document.body.style.width = `calc(100% - ${scrollBarWidth2}px)`;
+    }
+  });
+  onScopeDispose(() => cleanup());
+};
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   inheritAttrs: false
 });
-function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var Collection = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["render", _sfc_render$8], ["__file", "collection.vue"]]);
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+var Collection = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["render", _sfc_render$9], ["__file", "collection.vue"]]);
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   name: "ElCollectionItem",
   inheritAttrs: false
 });
-function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var CollectionItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["render", _sfc_render$7], ["__file", "collection-item.vue"]]);
+var CollectionItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["render", _sfc_render$8], ["__file", "collection-item.vue"]]);
 const COLLECTION_ITEM_SIGN = `data-el-collection-item`;
 const createCollectionWithScope = (name) => {
   const COLLECTION_NAME = `El${name}Collection`;
@@ -8089,7 +8389,7 @@ const focusFirst = (elements) => {
 const CURRENT_TAB_ID_CHANGE_EVT = "currentTabIdChange";
 const ENTRY_FOCUS_EVT = "rovingFocusGroup.entryFocus";
 const EVT_OPTS = { bubbles: false, cancelable: true };
-const _sfc_main$8 = defineComponent({
+const _sfc_main$9 = defineComponent({
   name: "ElRovingFocusGroupImpl",
   inheritAttrs: false,
   props: rovingFocusGroupProps,
@@ -8172,18 +8472,18 @@ const _sfc_main$8 = defineComponent({
     useEventListener(rovingFocusGroupRef, ENTRY_FOCUS_EVT, handleEntryFocus);
   }
 });
-function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["render", _sfc_render$6], ["__file", "roving-focus-group-impl.vue"]]);
-const _sfc_main$7 = defineComponent({
+var ElRovingFocusGroupImpl = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["render", _sfc_render$7], ["__file", "roving-focus-group-impl.vue"]]);
+const _sfc_main$8 = defineComponent({
   name: "ElRovingFocusGroup",
   components: {
     ElFocusGroupCollection: ElCollection$1,
     ElRovingFocusGroupImpl
   }
 });
-function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_roving_focus_group_impl = resolveComponent("el-roving-focus-group-impl");
   const _component_el_focus_group_collection = resolveComponent("el-focus-group-collection");
   return openBlock(), createBlock(_component_el_focus_group_collection, null, {
@@ -8198,7 +8498,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   });
 }
-var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["render", _sfc_render$5], ["__file", "roving-focus-group.vue"]]);
+var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["render", _sfc_render$6], ["__file", "roving-focus-group.vue"]]);
 const dropdownProps = buildProps({
   trigger: useTooltipTriggerProps.trigger,
   triggerKeys: {
@@ -8305,7 +8605,7 @@ const {
 const DROPDOWN_INJECTION_KEY = Symbol("elDropdown");
 const DROPDOWN_INSTANCE_INJECTION_KEY = "elDropdown";
 const { ButtonGroup: ElButtonGroup } = ElButton;
-const _sfc_main$6 = defineComponent({
+const _sfc_main$7 = defineComponent({
   name: "ElDropdown",
   components: {
     ElButton,
@@ -8458,7 +8758,7 @@ const _sfc_main$6 = defineComponent({
     };
   }
 });
-function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   var _a2;
   const _component_el_dropdown_collection = resolveComponent("el-dropdown-collection");
   const _component_el_roving_focus_group = resolveComponent("el-roving-focus-group");
@@ -8591,8 +8891,8 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     })) : createCommentVNode("v-if", true)
   ], 2);
 }
-var Dropdown = /* @__PURE__ */ _export_sfc$1(_sfc_main$6, [["render", _sfc_render$4], ["__file", "dropdown.vue"]]);
-const _sfc_main$5 = defineComponent({
+var Dropdown = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["render", _sfc_render$5], ["__file", "dropdown.vue"]]);
+const _sfc_main$6 = defineComponent({
   components: {
     ElRovingFocusCollectionItem: ElCollectionItem$1
   },
@@ -8674,7 +8974,7 @@ const _sfc_main$5 = defineComponent({
     };
   }
 });
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_roving_focus_collection_item = resolveComponent("el-roving-focus-collection-item");
   return openBlock(), createBlock(_component_el_roving_focus_collection_item, {
     id: _ctx.id,
@@ -8687,8 +8987,8 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["id", "focusable", "active"]);
 }
-var ElRovingFocusItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$5, [["render", _sfc_render$3], ["__file", "roving-focus-item.vue"]]);
-const _sfc_main$4 = defineComponent({
+var ElRovingFocusItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$6, [["render", _sfc_render$4], ["__file", "roving-focus-item.vue"]]);
+const _sfc_main$5 = defineComponent({
   name: "DropdownItemImpl",
   components: {
     ElIcon
@@ -8738,7 +9038,7 @@ const _sfc_main$4 = defineComponent({
     };
   }
 });
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   return openBlock(), createElementBlock(Fragment, null, [
     _ctx.divided ? (openBlock(), createElementBlock("li", {
@@ -8768,7 +9068,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     ], 16, ["aria-disabled", "tabindex", "role", "onClick", "onFocus", "onKeydown", "onMousedown", "onPointermove", "onPointerleave"])
   ], 64);
 }
-var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc$1(_sfc_main$4, [["render", _sfc_render$2], ["__file", "dropdown-item-impl.vue"]]);
+var ElDropdownItemImpl = /* @__PURE__ */ _export_sfc$1(_sfc_main$5, [["render", _sfc_render$3], ["__file", "dropdown-item-impl.vue"]]);
 const useDropdown = () => {
   const elDropdown = inject(DROPDOWN_INSTANCE_INJECTION_KEY, {});
   const _elDropdownSize = computed(() => elDropdown == null ? void 0 : elDropdown.dropdownSize);
@@ -8777,7 +9077,7 @@ const useDropdown = () => {
     _elDropdownSize
   };
 };
-const _sfc_main$3 = defineComponent({
+const _sfc_main$4 = defineComponent({
   name: "ElDropdownItem",
   components: {
     ElDropdownCollectionItem: ElCollectionItem,
@@ -8846,7 +9146,7 @@ const _sfc_main$3 = defineComponent({
     };
   }
 });
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   var _a2;
   const _component_el_dropdown_item_impl = resolveComponent("el-dropdown-item-impl");
   const _component_el_roving_focus_item = resolveComponent("el-roving-focus-item");
@@ -8877,8 +9177,8 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["disabled", "text-value"]);
 }
-var DropdownItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$3, [["render", _sfc_render$1], ["__file", "dropdown-item.vue"]]);
-const _sfc_main$2 = defineComponent({
+var DropdownItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$4, [["render", _sfc_render$2], ["__file", "dropdown-item.vue"]]);
+const _sfc_main$3 = defineComponent({
   name: "ElDropdownMenu",
   props: dropdownMenuProps,
   setup(props) {
@@ -8939,7 +9239,7 @@ const _sfc_main$2 = defineComponent({
     };
   }
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("ul", {
     ref: _ctx.dropdownListWrapperRef,
     class: normalizeClass(_ctx.dropdownKls),
@@ -8955,13 +9255,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 46, ["role", "aria-labelledby", "onBlur", "onFocus", "onKeydown", "onMousedown"]);
 }
-var DropdownMenu = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["render", _sfc_render], ["__file", "dropdown-menu.vue"]]);
+var DropdownMenu = /* @__PURE__ */ _export_sfc$1(_sfc_main$3, [["render", _sfc_render$1], ["__file", "dropdown-menu.vue"]]);
 const ElDropdown = withInstall(Dropdown, {
   DropdownItem,
   DropdownMenu
 });
 withNoopInstall(DropdownItem);
 withNoopInstall(DropdownMenu);
+const isValidComponentSize = (val) => ["", ...componentSizes].includes(val);
 const messageTypes = [
   "primary",
   "success",
@@ -9075,7 +9376,7 @@ const getOffsetOrSpace = (id, offset) => {
 const __default__ = defineComponent({
   name: "ElMessage"
 });
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   ...__default__,
   props: messageProps,
   emits: messageEmits,
@@ -9216,7 +9517,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var MessageConstructor = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["__file", "message.vue"]]);
+var MessageConstructor = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["__file", "message.vue"]]);
 let seed = 1;
 const normalizeOptions = (params) => {
   const options = !params || isString$1(params) || isVNode(params) || isFunction$1(params) ? { message: params } : params;
@@ -9333,6 +9634,662 @@ function closeAll(type) {
 message.closeAll = closeAll;
 message._context = null;
 const ElMessage = withInstallFunction(message, "$message");
+const FOCUSABLE_CHILDREN = "_trap-focus-children";
+const FOCUS_STACK = [];
+const FOCUS_HANDLER = (e) => {
+  if (FOCUS_STACK.length === 0)
+    return;
+  const focusableElement = FOCUS_STACK[FOCUS_STACK.length - 1][FOCUSABLE_CHILDREN];
+  if (focusableElement.length > 0 && e.code === EVENT_CODE.tab) {
+    if (focusableElement.length === 1) {
+      e.preventDefault();
+      if (document.activeElement !== focusableElement[0]) {
+        focusableElement[0].focus();
+      }
+      return;
+    }
+    const goingBackward = e.shiftKey;
+    const isFirst = e.target === focusableElement[0];
+    const isLast = e.target === focusableElement[focusableElement.length - 1];
+    if (isFirst && goingBackward) {
+      e.preventDefault();
+      focusableElement[focusableElement.length - 1].focus();
+    }
+    if (isLast && !goingBackward) {
+      e.preventDefault();
+      focusableElement[0].focus();
+    }
+  }
+};
+const TrapFocus = {
+  beforeMount(el) {
+    el[FOCUSABLE_CHILDREN] = obtainAllFocusableElements$1(el);
+    FOCUS_STACK.push(el);
+    if (FOCUS_STACK.length <= 1) {
+      document.addEventListener("keydown", FOCUS_HANDLER);
+    }
+  },
+  updated(el) {
+    nextTick(() => {
+      el[FOCUSABLE_CHILDREN] = obtainAllFocusableElements$1(el);
+    });
+  },
+  unmounted() {
+    FOCUS_STACK.shift();
+    if (FOCUS_STACK.length === 0) {
+      document.removeEventListener("keydown", FOCUS_HANDLER);
+    }
+  }
+};
+const _sfc_main$1 = defineComponent({
+  name: "ElMessageBox",
+  directives: {
+    TrapFocus
+  },
+  components: {
+    ElButton,
+    ElFocusTrap,
+    ElInput,
+    ElOverlay,
+    ElIcon,
+    ...TypeComponents
+  },
+  inheritAttrs: false,
+  props: {
+    buttonSize: {
+      type: String,
+      validator: isValidComponentSize
+    },
+    modal: {
+      type: Boolean,
+      default: true
+    },
+    lockScroll: {
+      type: Boolean,
+      default: true
+    },
+    showClose: {
+      type: Boolean,
+      default: true
+    },
+    closeOnClickModal: {
+      type: Boolean,
+      default: true
+    },
+    closeOnPressEscape: {
+      type: Boolean,
+      default: true
+    },
+    closeOnHashChange: {
+      type: Boolean,
+      default: true
+    },
+    center: Boolean,
+    draggable: Boolean,
+    overflow: Boolean,
+    roundButton: Boolean,
+    container: {
+      type: String,
+      default: "body"
+    },
+    boxType: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["vanish", "action"],
+  setup(props, { emit }) {
+    const {
+      locale,
+      zIndex: zIndex2,
+      ns,
+      size: btnSize
+    } = useGlobalComponentSettings("message-box", computed(() => props.buttonSize));
+    const { t } = locale;
+    const { nextZIndex } = zIndex2;
+    const visible = ref(false);
+    const state = reactive({
+      autofocus: true,
+      beforeClose: null,
+      callback: null,
+      cancelButtonText: "",
+      cancelButtonClass: "",
+      confirmButtonText: "",
+      confirmButtonClass: "",
+      customClass: "",
+      customStyle: {},
+      dangerouslyUseHTMLString: false,
+      distinguishCancelAndClose: false,
+      icon: "",
+      closeIcon: "",
+      inputPattern: null,
+      inputPlaceholder: "",
+      inputType: "text",
+      inputValue: "",
+      inputValidator: void 0,
+      inputErrorMessage: "",
+      message: "",
+      modalFade: true,
+      modalClass: "",
+      showCancelButton: false,
+      showConfirmButton: true,
+      type: "",
+      title: void 0,
+      showInput: false,
+      action: "",
+      confirmButtonLoading: false,
+      cancelButtonLoading: false,
+      confirmButtonLoadingIcon: markRaw(loading_default),
+      cancelButtonLoadingIcon: markRaw(loading_default),
+      confirmButtonDisabled: false,
+      editorErrorMessage: "",
+      validateError: false,
+      zIndex: nextZIndex()
+    });
+    const typeClass = computed(() => {
+      const type = state.type;
+      return { [ns.bm("icon", type)]: type && TypeComponentsMap[type] };
+    });
+    const contentId = useId();
+    const inputId = useId();
+    const iconComponent = computed(() => {
+      const type = state.type;
+      return state.icon || type && TypeComponentsMap[type] || "";
+    });
+    const hasMessage = computed(() => !!state.message);
+    const rootRef = ref();
+    const headerRef = ref();
+    const focusStartRef = ref();
+    const inputRef = ref();
+    const confirmRef = ref();
+    const confirmButtonClasses = computed(() => state.confirmButtonClass);
+    watch(() => state.inputValue, async (val) => {
+      await nextTick();
+      if (props.boxType === "prompt" && val) {
+        validate();
+      }
+    }, { immediate: true });
+    watch(() => visible.value, (val) => {
+      var _a2, _b;
+      if (val) {
+        if (props.boxType !== "prompt") {
+          if (state.autofocus) {
+            focusStartRef.value = (_b = (_a2 = confirmRef.value) == null ? void 0 : _a2.$el) != null ? _b : rootRef.value;
+          } else {
+            focusStartRef.value = rootRef.value;
+          }
+        }
+        state.zIndex = nextZIndex();
+      }
+      if (props.boxType !== "prompt")
+        return;
+      if (val) {
+        nextTick().then(() => {
+          var _a22;
+          if (inputRef.value && inputRef.value.$el) {
+            if (state.autofocus) {
+              focusStartRef.value = (_a22 = getInputElement()) != null ? _a22 : rootRef.value;
+            } else {
+              focusStartRef.value = rootRef.value;
+            }
+          }
+        });
+      } else {
+        state.editorErrorMessage = "";
+        state.validateError = false;
+      }
+    });
+    const draggable = computed(() => props.draggable);
+    const overflow = computed(() => props.overflow);
+    useDraggable(rootRef, headerRef, draggable, overflow);
+    onMounted(async () => {
+      await nextTick();
+      if (props.closeOnHashChange) {
+        window.addEventListener("hashchange", doClose);
+      }
+    });
+    onBeforeUnmount(() => {
+      if (props.closeOnHashChange) {
+        window.removeEventListener("hashchange", doClose);
+      }
+    });
+    function doClose() {
+      if (!visible.value)
+        return;
+      visible.value = false;
+      nextTick(() => {
+        if (state.action)
+          emit("action", state.action);
+      });
+    }
+    const handleWrapperClick = () => {
+      if (props.closeOnClickModal) {
+        handleAction(state.distinguishCancelAndClose ? "close" : "cancel");
+      }
+    };
+    const overlayEvent = useSameTarget(handleWrapperClick);
+    const handleInputEnter = (e) => {
+      if (state.inputType !== "textarea") {
+        e.preventDefault();
+        return handleAction("confirm");
+      }
+    };
+    const handleAction = (action) => {
+      var _a2;
+      if (props.boxType === "prompt" && action === "confirm" && !validate()) {
+        return;
+      }
+      state.action = action;
+      if (state.beforeClose) {
+        (_a2 = state.beforeClose) == null ? void 0 : _a2.call(state, action, state, doClose);
+      } else {
+        doClose();
+      }
+    };
+    const validate = () => {
+      if (props.boxType === "prompt") {
+        const inputPattern = state.inputPattern;
+        if (inputPattern && !inputPattern.test(state.inputValue || "")) {
+          state.editorErrorMessage = state.inputErrorMessage || t("el.messagebox.error");
+          state.validateError = true;
+          return false;
+        }
+        const inputValidator = state.inputValidator;
+        if (isFunction$1(inputValidator)) {
+          const validateResult = inputValidator(state.inputValue);
+          if (validateResult === false) {
+            state.editorErrorMessage = state.inputErrorMessage || t("el.messagebox.error");
+            state.validateError = true;
+            return false;
+          }
+          if (isString$1(validateResult)) {
+            state.editorErrorMessage = validateResult;
+            state.validateError = true;
+            return false;
+          }
+        }
+      }
+      state.editorErrorMessage = "";
+      state.validateError = false;
+      return true;
+    };
+    const getInputElement = () => {
+      var _a2, _b;
+      const inputRefs = (_a2 = inputRef.value) == null ? void 0 : _a2.$refs;
+      return (_b = inputRefs == null ? void 0 : inputRefs.input) != null ? _b : inputRefs == null ? void 0 : inputRefs.textarea;
+    };
+    const handleClose = () => {
+      handleAction("close");
+    };
+    const onCloseRequested = () => {
+      if (props.closeOnPressEscape) {
+        handleClose();
+      }
+    };
+    if (props.lockScroll) {
+      useLockscreen(visible);
+    }
+    return {
+      ...toRefs(state),
+      ns,
+      overlayEvent,
+      visible,
+      hasMessage,
+      typeClass,
+      contentId,
+      inputId,
+      btnSize,
+      iconComponent,
+      confirmButtonClasses,
+      rootRef,
+      focusStartRef,
+      headerRef,
+      inputRef,
+      confirmRef,
+      doClose,
+      handleClose,
+      onCloseRequested,
+      handleWrapperClick,
+      handleInputEnter,
+      handleAction,
+      t
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_icon = resolveComponent("el-icon");
+  const _component_el_input = resolveComponent("el-input");
+  const _component_el_button = resolveComponent("el-button");
+  const _component_el_focus_trap = resolveComponent("el-focus-trap");
+  const _component_el_overlay = resolveComponent("el-overlay");
+  return openBlock(), createBlock(Transition, {
+    name: "fade-in-linear",
+    onAfterLeave: ($event) => _ctx.$emit("vanish"),
+    persisted: ""
+  }, {
+    default: withCtx(() => [
+      withDirectives(createVNode(_component_el_overlay, {
+        "z-index": _ctx.zIndex,
+        "overlay-class": [_ctx.ns.is("message-box"), _ctx.modalClass],
+        mask: _ctx.modal
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            role: "dialog",
+            "aria-label": _ctx.title,
+            "aria-modal": "true",
+            "aria-describedby": !_ctx.showInput ? _ctx.contentId : void 0,
+            class: normalizeClass(`${_ctx.ns.namespace.value}-overlay-message-box`),
+            onClick: _ctx.overlayEvent.onClick,
+            onMousedown: _ctx.overlayEvent.onMousedown,
+            onMouseup: _ctx.overlayEvent.onMouseup
+          }, [
+            createVNode(_component_el_focus_trap, {
+              loop: "",
+              trapped: _ctx.visible,
+              "focus-trap-el": _ctx.rootRef,
+              "focus-start-el": _ctx.focusStartRef,
+              onReleaseRequested: _ctx.onCloseRequested
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", {
+                  ref: "rootRef",
+                  class: normalizeClass([
+                    _ctx.ns.b(),
+                    _ctx.customClass,
+                    _ctx.ns.is("draggable", _ctx.draggable),
+                    { [_ctx.ns.m("center")]: _ctx.center }
+                  ]),
+                  style: normalizeStyle(_ctx.customStyle),
+                  tabindex: "-1",
+                  onClick: withModifiers(() => {
+                  }, ["stop"])
+                }, [
+                  _ctx.title !== null && _ctx.title !== void 0 ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    ref: "headerRef",
+                    class: normalizeClass([_ctx.ns.e("header"), { "show-close": _ctx.showClose }])
+                  }, [
+                    createElementVNode("div", {
+                      class: normalizeClass(_ctx.ns.e("title"))
+                    }, [
+                      _ctx.iconComponent && _ctx.center ? (openBlock(), createBlock(_component_el_icon, {
+                        key: 0,
+                        class: normalizeClass([_ctx.ns.e("status"), _ctx.typeClass])
+                      }, {
+                        default: withCtx(() => [
+                          (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
+                        ]),
+                        _: 1
+                      }, 8, ["class"])) : createCommentVNode("v-if", true),
+                      createElementVNode("span", null, toDisplayString(_ctx.title), 1)
+                    ], 2),
+                    _ctx.showClose ? (openBlock(), createElementBlock("button", {
+                      key: 0,
+                      type: "button",
+                      class: normalizeClass(_ctx.ns.e("headerbtn")),
+                      "aria-label": _ctx.t("el.messagebox.close"),
+                      onClick: ($event) => _ctx.handleAction(_ctx.distinguishCancelAndClose ? "close" : "cancel"),
+                      onKeydown: withKeys(withModifiers(($event) => _ctx.handleAction(_ctx.distinguishCancelAndClose ? "close" : "cancel"), ["prevent"]), ["enter"])
+                    }, [
+                      createVNode(_component_el_icon, {
+                        class: normalizeClass(_ctx.ns.e("close"))
+                      }, {
+                        default: withCtx(() => [
+                          (openBlock(), createBlock(resolveDynamicComponent(_ctx.closeIcon || "close")))
+                        ]),
+                        _: 1
+                      }, 8, ["class"])
+                    ], 42, ["aria-label", "onClick", "onKeydown"])) : createCommentVNode("v-if", true)
+                  ], 2)) : createCommentVNode("v-if", true),
+                  createElementVNode("div", {
+                    id: _ctx.contentId,
+                    class: normalizeClass(_ctx.ns.e("content"))
+                  }, [
+                    createElementVNode("div", {
+                      class: normalizeClass(_ctx.ns.e("container"))
+                    }, [
+                      _ctx.iconComponent && !_ctx.center && _ctx.hasMessage ? (openBlock(), createBlock(_component_el_icon, {
+                        key: 0,
+                        class: normalizeClass([_ctx.ns.e("status"), _ctx.typeClass])
+                      }, {
+                        default: withCtx(() => [
+                          (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
+                        ]),
+                        _: 1
+                      }, 8, ["class"])) : createCommentVNode("v-if", true),
+                      _ctx.hasMessage ? (openBlock(), createElementBlock("div", {
+                        key: 1,
+                        class: normalizeClass(_ctx.ns.e("message"))
+                      }, [
+                        renderSlot(_ctx.$slots, "default", {}, () => [
+                          !_ctx.dangerouslyUseHTMLString ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.showInput ? "label" : "p"), {
+                            key: 0,
+                            for: _ctx.showInput ? _ctx.inputId : void 0,
+                            textContent: toDisplayString(_ctx.message)
+                          }, null, 8, ["for", "textContent"])) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.showInput ? "label" : "p"), {
+                            key: 1,
+                            for: _ctx.showInput ? _ctx.inputId : void 0,
+                            innerHTML: _ctx.message
+                          }, null, 8, ["for", "innerHTML"]))
+                        ])
+                      ], 2)) : createCommentVNode("v-if", true)
+                    ], 2),
+                    withDirectives(createElementVNode("div", {
+                      class: normalizeClass(_ctx.ns.e("input"))
+                    }, [
+                      createVNode(_component_el_input, {
+                        id: _ctx.inputId,
+                        ref: "inputRef",
+                        modelValue: _ctx.inputValue,
+                        "onUpdate:modelValue": ($event) => _ctx.inputValue = $event,
+                        type: _ctx.inputType,
+                        placeholder: _ctx.inputPlaceholder,
+                        "aria-invalid": _ctx.validateError,
+                        class: normalizeClass({ invalid: _ctx.validateError }),
+                        onKeydown: withKeys(_ctx.handleInputEnter, ["enter"])
+                      }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "type", "placeholder", "aria-invalid", "class", "onKeydown"]),
+                      createElementVNode("div", {
+                        class: normalizeClass(_ctx.ns.e("errormsg")),
+                        style: normalizeStyle({
+                          visibility: !!_ctx.editorErrorMessage ? "visible" : "hidden"
+                        })
+                      }, toDisplayString(_ctx.editorErrorMessage), 7)
+                    ], 2), [
+                      [vShow, _ctx.showInput]
+                    ])
+                  ], 10, ["id"]),
+                  createElementVNode("div", {
+                    class: normalizeClass(_ctx.ns.e("btns"))
+                  }, [
+                    _ctx.showCancelButton ? (openBlock(), createBlock(_component_el_button, {
+                      key: 0,
+                      loading: _ctx.cancelButtonLoading,
+                      "loading-icon": _ctx.cancelButtonLoadingIcon,
+                      class: normalizeClass([_ctx.cancelButtonClass]),
+                      round: _ctx.roundButton,
+                      size: _ctx.btnSize,
+                      onClick: ($event) => _ctx.handleAction("cancel"),
+                      onKeydown: withKeys(withModifiers(($event) => _ctx.handleAction("cancel"), ["prevent"]), ["enter"])
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(_ctx.cancelButtonText || _ctx.t("el.messagebox.cancel")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["loading", "loading-icon", "class", "round", "size", "onClick", "onKeydown"])) : createCommentVNode("v-if", true),
+                    withDirectives(createVNode(_component_el_button, {
+                      ref: "confirmRef",
+                      type: "primary",
+                      loading: _ctx.confirmButtonLoading,
+                      "loading-icon": _ctx.confirmButtonLoadingIcon,
+                      class: normalizeClass([_ctx.confirmButtonClasses]),
+                      round: _ctx.roundButton,
+                      disabled: _ctx.confirmButtonDisabled,
+                      size: _ctx.btnSize,
+                      onClick: ($event) => _ctx.handleAction("confirm"),
+                      onKeydown: withKeys(withModifiers(($event) => _ctx.handleAction("confirm"), ["prevent"]), ["enter"])
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(_ctx.confirmButtonText || _ctx.t("el.messagebox.confirm")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["loading", "loading-icon", "class", "round", "disabled", "size", "onClick", "onKeydown"]), [
+                      [vShow, _ctx.showConfirmButton]
+                    ])
+                  ], 2)
+                ], 14, ["onClick"])
+              ]),
+              _: 3
+            }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onReleaseRequested"])
+          ], 42, ["aria-label", "aria-describedby", "onClick", "onMousedown", "onMouseup"])
+        ]),
+        _: 3
+      }, 8, ["z-index", "overlay-class", "mask"]), [
+        [vShow, _ctx.visible]
+      ])
+    ]),
+    _: 3
+  }, 8, ["onAfterLeave"]);
+}
+var MessageBoxConstructor = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["render", _sfc_render], ["__file", "index.vue"]]);
+const messageInstance = /* @__PURE__ */ new Map();
+const getAppendToElement = (props) => {
+  let appendTo = document.body;
+  if (props.appendTo) {
+    if (isString$1(props.appendTo)) {
+      appendTo = document.querySelector(props.appendTo);
+    }
+    if (isElement(props.appendTo)) {
+      appendTo = props.appendTo;
+    }
+    if (!isElement(appendTo)) {
+      appendTo = document.body;
+    }
+  }
+  return appendTo;
+};
+const initInstance = (props, container, appContext = null) => {
+  const vnode = createVNode(MessageBoxConstructor, props, isFunction$1(props.message) || isVNode(props.message) ? {
+    default: isFunction$1(props.message) ? props.message : () => props.message
+  } : null);
+  vnode.appContext = appContext;
+  render(vnode, container);
+  getAppendToElement(props).appendChild(container.firstElementChild);
+  return vnode.component;
+};
+const genContainer = () => {
+  return document.createElement("div");
+};
+const showMessage = (options, appContext) => {
+  const container = genContainer();
+  options.onVanish = () => {
+    render(null, container);
+    messageInstance.delete(vm);
+  };
+  options.onAction = (action) => {
+    const currentMsg = messageInstance.get(vm);
+    let resolve;
+    if (options.showInput) {
+      resolve = { value: vm.inputValue, action };
+    } else {
+      resolve = action;
+    }
+    if (options.callback) {
+      options.callback(resolve, instance.proxy);
+    } else {
+      if (action === "cancel" || action === "close") {
+        if (options.distinguishCancelAndClose && action !== "cancel") {
+          currentMsg.reject("close");
+        } else {
+          currentMsg.reject("cancel");
+        }
+      } else {
+        currentMsg.resolve(resolve);
+      }
+    }
+  };
+  const instance = initInstance(options, container, appContext);
+  const vm = instance.proxy;
+  for (const prop in options) {
+    if (hasOwn(options, prop) && !hasOwn(vm.$props, prop)) {
+      if (prop === "closeIcon" && isObject$1(options[prop])) {
+        vm[prop] = markRaw(options[prop]);
+      } else {
+        vm[prop] = options[prop];
+      }
+    }
+  }
+  vm.visible = true;
+  return vm;
+};
+function MessageBox(options, appContext = null) {
+  if (!isClient)
+    return Promise.reject();
+  let callback;
+  if (isString$1(options) || isVNode(options)) {
+    options = {
+      message: options
+    };
+  } else {
+    callback = options.callback;
+  }
+  return new Promise((resolve, reject) => {
+    const vm = showMessage(options, appContext != null ? appContext : MessageBox._context);
+    messageInstance.set(vm, {
+      options,
+      callback,
+      resolve,
+      reject
+    });
+  });
+}
+const MESSAGE_BOX_VARIANTS = ["alert", "confirm", "prompt"];
+const MESSAGE_BOX_DEFAULT_OPTS = {
+  alert: { closeOnPressEscape: false, closeOnClickModal: false },
+  confirm: { showCancelButton: true },
+  prompt: { showCancelButton: true, showInput: true }
+};
+MESSAGE_BOX_VARIANTS.forEach((boxType) => {
+  MessageBox[boxType] = messageBoxFactory(boxType);
+});
+function messageBoxFactory(boxType) {
+  return (message2, title, options, appContext) => {
+    let titleOrOpts = "";
+    if (isObject$1(title)) {
+      options = title;
+      titleOrOpts = "";
+    } else if (isUndefined(title)) {
+      titleOrOpts = "";
+    } else {
+      titleOrOpts = title;
+    }
+    return MessageBox(Object.assign({
+      title: titleOrOpts,
+      message: message2,
+      type: "",
+      ...MESSAGE_BOX_DEFAULT_OPTS[boxType]
+    }, options, {
+      boxType
+    }), appContext);
+  };
+}
+MessageBox.close = () => {
+  messageInstance.forEach((_, vm) => {
+    vm.doClose();
+  });
+  messageInstance.clear();
+};
+MessageBox._context = null;
+const _MessageBox = MessageBox;
+_MessageBox.install = (app) => {
+  _MessageBox._context = app._context;
+  app.config.globalProperties.$msgbox = _MessageBox;
+  app.config.globalProperties.$messageBox = _MessageBox;
+  app.config.globalProperties.$alert = _MessageBox.alert;
+  app.config.globalProperties.$confirm = _MessageBox.confirm;
+  app.config.globalProperties.$prompt = _MessageBox.prompt;
+};
+const ElMessageBox = _MessageBox;
 const textureUrl = "data:image/png;base64,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";
 const searchTextureUrl = "data:image/png;base64,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";
 class Debouncing {
@@ -9785,6 +10742,9 @@ class CommandFlowComponent extends Component {
       }
     };
   }
+  formatText(text, color = "var(--primary-color)", style = "") {
+    return `<span style="color: ${color};${style}">${text}</span>`;
+  }
 }
 class Default extends CommandFlowComponent {
   static name = "Default";
@@ -10037,7 +10997,7 @@ class DrawDoorLine extends CommandFlowComponent {
     super.onAddFromParent(parent);
     const editor = parent.findComponentByName("Editor"), eventInput = editor.eventInput, commandManager = editor.commandManager;
     this.editor.container.add(this.container);
-    const commandFlow = this.commandManager.addCommandFlow("draw-door-line").add(this.createInterrupt()).add(this.createCursor("no-drop")).add(this.selectPoint.bind(this)).add(this.end.bind(this)).addRollback(this.rollback.bind(this)).addRevokeRollback(this.revokeRollback.bind(this)).setLoop(true);
+    const commandFlow = this.commandManager.addCommandFlow("draw-door-line").add(this.createInterrupt()).add(this.createCursor("no-drop")).add(this.selectPoint.bind(this), { prompt: `请选择线段作为门的依附墙体, ${this.formatText("ESC")} 取消命令` }).add(this.end.bind(this)).addRollback(this.rollback.bind(this)).addRevokeRollback(this.revokeRollback.bind(this));
     eventInput.addKeyCombination(this.commandName, this.shortcutKeys);
     commandFlow.addEventListener("finally", this.createFinally());
     commandFlow.addEventListener("completed", (e) => this.completed(e.data));
@@ -10131,6 +11091,10 @@ class DrawDoorLine extends CommandFlowComponent {
         option
       });
     }
+    ElMessage({
+      message: "绘制完成",
+      type: "success"
+    });
     next(data);
   }
   /** 执行完成
@@ -10176,7 +11140,7 @@ class DrawLine extends CommandFlowComponent {
   onAddFromParent(parent) {
     super.onAddFromParent(parent);
     this.editor.container.add(this.container);
-    const commandFlow = this.commandManager.addCommandFlow(this.commandName).add(this.createInterrupt()).add(this.createCursor("crosshair")).add(this.selectPoint.bind(this)).add(this.end.bind(this)).addRollback(this.rollback.bind(this)).addRevokeRollback(this.revokeRollback.bind(this)).setLoop(true);
+    const commandFlow = this.commandManager.addCommandFlow(this.commandName).add(this.createInterrupt()).add(this.createCursor("crosshair")).add(this.selectPoint.bind(this), { prompt: `两个点绘制一条线段，可连续绘制多条线段, ${this.formatText("ESC")} 取消命令` }).add(this.end.bind(this)).addRollback(this.rollback.bind(this)).addRevokeRollback(this.revokeRollback.bind(this)).setLoop(true);
     commandFlow.addEventListener("finally", this.createFinally());
     commandFlow.addEventListener("completed", (e) => this.completed(e.data));
     this.eventInput.addKeyCombination(this.commandName, this.shortcutKeys);
@@ -10280,6 +11244,10 @@ class DrawLine extends CommandFlowComponent {
         line2.userData.rooftopPz = rooftopPz;
       }
     });
+    ElMessage({
+      message: "绘制完成",
+      type: "success"
+    });
     next(lines);
   }
   /** 执行完成
@@ -10313,7 +11281,7 @@ class DrawWindow extends CommandFlowComponent {
   onAddFromParent(parent) {
     super.onAddFromParent(parent);
     this.editor.container.add(this.container);
-    const commandFlow = this.commandManager.addCommandFlow(this.commandName).add(this.createInterrupt()).add(this.createCursor("no-drop")).add(this.selectPointStart.bind(this)).add(this.selectPointEnd.bind(this)).add(this.end.bind(this)).addRollback(this.rollback.bind(this)).addRevokeRollback(this.revokeRollback.bind(this)).setLoop(true);
+    const commandFlow = this.commandManager.addCommandFlow(this.commandName).add(this.createInterrupt()).add(this.createCursor("no-drop")).add(this.selectPointStart.bind(this), { prompt: `请选择一条线段作为窗户依附墙体, ${this.formatText("ESC")} 取消命令` }).add(this.selectPointEnd.bind(this), { prompt: `请在上一步选择的线段上再选择一个点，闭合窗户` }).add(this.end.bind(this)).addRollback(this.rollback.bind(this)).addRevokeRollback(this.revokeRollback.bind(this));
     commandFlow.addEventListener("finally", this.createFinally(["selectPointStart"]));
     commandFlow.addEventListener("completed", (e) => this.completed(e.data));
     this.eventInput.addKeyCombination(this.commandName, this.shortcutKeys);
@@ -10381,6 +11349,10 @@ class DrawWindow extends CommandFlowComponent {
       width: len,
       full: Math.abs(len - line2.length()) < 0.01
     };
+    ElMessage({
+      message: "绘制完成",
+      type: "success"
+    });
     next({ line: line2, doorDataItem });
   }
   /** 执行完成
@@ -10926,9 +11898,10 @@ class TwoLineConnectionLine extends CommandFlowComponent {
     } else if (selectLines.length !== 2) {
       ElMessage({ message: "请选择2条线段", type: "warning" });
       this.cancel();
-    } else {
-      next(selectLines);
-    }
+    } else if (selectLines[0].parallel(selectLines[1]), 45) {
+      ElMessage({ message: "两条线段角度需要小于135度", type: "warning" });
+      this.cancel();
+    } else ;
   }
   /** 开始
    * @param next 
@@ -11279,6 +12252,30 @@ class VerticalReferenceLine extends CommandFlowComponent {
     this.renderManager.draw();
   }
 }
+async function promptNumber(inputValue = 0) {
+  try {
+    inputValue = Number(inputValue.toFixed(2));
+    const promise = ElMessageBox.prompt("请输入需要锁定的长度", void 0, {
+      confirmButtonText: "确认",
+      cancelButtonText: "取消锁定",
+      // showCancelButton: isLock,
+      inputValue: inputValue + "",
+      inputPattern: /^(?:[1-9]\d*(?:\.\d+)?|0\.\d*[1-9]\d*)$/,
+      inputErrorMessage: "请输入长度",
+      showClose: false,
+      closeOnClickModal: false
+    });
+    await nextTick();
+    const list = document.querySelectorAll("div[role='dialog']");
+    const stopPropagation = (e) => e.stopPropagation();
+    list.forEach((el) => ["mousedown", "mousemove"].forEach((k) => el.addEventListener(k, stopPropagation)));
+    const value = await promise;
+    list.forEach((el) => ["mousedown", "mousemove"].forEach((k) => el.removeEventListener(k, stopPropagation)));
+    return Number(value.value);
+  } catch (error) {
+    return null;
+  }
+}
 class PointDrag extends CommandFlowComponent {
   static name = "PointDrag";
   container = new THREE.Group();
@@ -11288,7 +12285,7 @@ class PointDrag extends CommandFlowComponent {
     super.onAddFromParent(parent);
     this.editor.container.add(this.container);
     this.container.position.z = 1e-3;
-    const commandFlow = this.commandManager.addCommandFlow(this.commandName).add(this.createInterrupt()).add(this.createCursor("crosshair")).add(this.selectPoint.bind(this)).add(this.drag.bind(this)).addRollback(this.rollback.bind(this)).addRevokeRollback(this.revokeRollback.bind(this)).setLoop(true);
+    const commandFlow = this.commandManager.addCommandFlow(this.commandName).add(this.createInterrupt()).add(this.createCursor("crosshair")).add(this.selectPoint.bind(this), { prompt: `请选择需要修改线段的 ${this.formatText("端点")}, ${this.formatText("ESC")} 取消命令` }).add(this.drag.bind(this), { prompt: `${this.formatText("Shift")} 键锁定线段移动方向，${this.formatText("L")} 键输入线段长度` }).addRollback(this.rollback.bind(this)).addRevokeRollback(this.revokeRollback.bind(this));
     commandFlow.addEventListener("finally", this.createFinally());
     commandFlow.addEventListener("completed", (e) => this.completed(e.data));
     this.eventInput.addKeyCombination(this.commandName, this.shortcutKeys);
@@ -11299,7 +12296,10 @@ class PointDrag extends CommandFlowComponent {
    * @param next 
    */
   selectPoint(next) {
-    let currentPoint = null, circle = this.renderer.createCircle(Point.zero(), { color: 16711935 }), currentLine = null;
+    let currentPoint = null, circle = this.renderer.createCircle(Point.zero(), { color: 16711935 }), currentLine = null, lineObj = new Lines([], 15658734);
+    this.container.add(lineObj);
+    lineObj.visible = false;
+    lineObj.position.z = -1e-3;
     const eventChange = this.editor.addEventListener("pointerPositionChange", () => {
       const { point, line: line2, find, mode } = this.editor.renderManager.adsorption();
       this.dispatchEvent({ type: "pointerMove", point });
@@ -11309,13 +12309,17 @@ class PointDrag extends CommandFlowComponent {
         currentLine = line2;
         currentPoint = point.clone();
         this.container.add(circle);
+        lineObj.visible = true;
+        const points = line2.expandToRectangle(0.02, "bothSides").points.map((p) => new THREE.Vector3(p.x, p.y, 0));
+        lineObj.setPoint(...points);
       } else {
         this.domElement.style.cursor = "no-drop";
         currentPoint = null;
+        lineObj.visible = false;
         circle.removeFromParent();
       }
     });
-    this.addEventRecord("selectPointStart").add(eventChange).add(this.eventInput.addEventListener("codeChange", () => {
+    this.addEventRecord("selectPointStart").add(eventChange).add(() => lineObj.removeFromParent()).add(this.eventInput.addEventListener("codeChange", () => {
       if (this.eventInput.isKeyDown("mouse_0") && currentPoint) {
         this.canceEventRecord("selectPointStart");
         circle.material.color.set(65280);
@@ -11325,6 +12329,7 @@ class PointDrag extends CommandFlowComponent {
     this.addEventRecord("clear").add(() => {
       circle.removeFromParent();
       eventChange();
+      lineObj.removeFromParent();
     });
   }
   /** 拖拽点
@@ -11334,10 +12339,33 @@ class PointDrag extends CommandFlowComponent {
    */
   drag(next, { point, line: line2 }) {
     this.domElement.style.cursor = "crosshair";
-    const mode = line2.start.equal(Point.from(point)) ? "start" : "end", start = mode == "start" ? new THREE.Vector3(line2.end.x, line2.end.y, 0) : new THREE.Vector3(line2.start.x, line2.start.y, 0), end = point.clone(), lines = new Lines([start, end], 16711935), circle = this.renderer.createCircle(Point.zero(), { color: 16711935, size: 10 });
+    const mode = line2.start.equal(Point.from(point)) ? "start" : "end", start = mode == "start" ? new THREE.Vector3(line2.end.x, line2.end.y, 0) : new THREE.Vector3(line2.start.x, line2.start.y, 0), end = point.clone(), lines = new Lines([start, end], 16711935), circle = this.renderer.createCircle(Point.zero(), { color: 16711935, size: 10 }), textObj3D = this.renderer.createText("", new THREE.Vector3(0, 0, 0), {
+      // background: 'rgba(0,0,0,0.5)',
+      padding: "2px",
+      borderRadius: "2px"
+    }, this.container);
+    textObj3D.visible = false;
+    let isLock = false;
+    let lockLen = 0;
+    const setLock = async () => {
+      const value = await promptNumber(start.distanceTo(end));
+      if (value === null) {
+        isLock = false;
+        textObj3D.visible = false;
+        return;
+      }
+      isLock = true;
+      lockLen = value ?? 0;
+      const direct = end.clone().sub(start).normalize();
+      end.copy(start.clone().add(direct.multiplyScalar(lockLen)));
+      lines.setPoint(start, end);
+      textObj3D.visible = true;
+      textObj3D.element.innerHTML = `🔒 ${value?.toFixed(2)} m`;
+      textObj3D.position.copy(start.clone().add(end).multiplyScalar(0.5));
+    };
     this.container.add(lines);
     this.addEventRecord("clear").add(this.editor.addEventListener("pointerPositionChange", () => {
-      let { point: point2, find } = this.editor.renderManager.adsorption(), cursor = "none";
+      let { point: point2, find } = this.editor.renderManager.adsorption(isLock ? 0 : void 0), cursor = "none";
       if (point2) {
         this.dispatchEvent({ type: "pointerMove", point: point2 });
         if (this.eventInput.isKeyDown("shift")) {
@@ -11354,15 +12382,25 @@ class PointDrag extends CommandFlowComponent {
           cursor = "crosshair";
         }
         end.copy(point2);
+        if (isLock) {
+          const direct = end.clone().sub(start).normalize();
+          end.copy(start.clone().add(direct.multiplyScalar(lockLen)));
+          textObj3D.position.copy(start.clone().add(end).multiplyScalar(0.5));
+        }
         lines.setPoint(start, end);
         this.domElement.style.cursor = cursor;
       }
     })).add(this.eventInput.addEventListener("codeChange", () => {
-      if (this.eventInput.isKeyDown("mouse_0")) {
+      if (this.eventInput.isOnlyKeyDown("l")) setLock();
+      else if (this.eventInput.isKeyDown("mouse_0")) {
         this.canceEventRecord("selectPointStart");
         next({ point: end, oldPoint: mode === "end" ? line2.end.clone() : line2.start.clone(), line: line2, mode });
+        ElMessage({
+          message: "修改完成",
+          type: "success"
+        });
       }
-    })).add(() => circle.removeFromParent()).add(() => lines.removeFromParent());
+    })).add(() => circle.removeFromParent()).add(() => lines.removeFromParent()).add(() => textObj3D.removeFromParent());
   }
   /** 执行完成
    */
@@ -11371,6 +12409,7 @@ class PointDrag extends CommandFlowComponent {
     this.renderManager.removeLine(line2);
     if (mode === "end") line2.end.set(point.x, point.y);
     else if (mode === "start") line2.start.set(point.x, point.y);
+    recomputedWindow(line2);
     this.renderManager.addLine(line2);
     this.renderManager.draw();
   }
@@ -11381,6 +12420,7 @@ class PointDrag extends CommandFlowComponent {
     const { line: line2, oldPoint, mode } = data;
     if (mode === "end") line2.end.set(oldPoint.x, oldPoint.y);
     else if (mode === "start") line2.start.set(oldPoint.x, oldPoint.y);
+    recomputedWindow(line2);
     this.renderManager.addLine(line2);
     this.renderManager.draw();
     return data;
@@ -11489,6 +12529,7 @@ const _hoisted_11 = {
 const _hoisted_12 = { class: "flex-wrap border-t-1 border-t-[#eee] mt-[5px] pt-[5px] flex items-center gap-[10px]" };
 const _hoisted_13 = ["onClick", "title"];
 const _hoisted_14 = ["src"];
+const _hoisted_15 = ["innerHTML"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "EditorTool",
   props: {
@@ -11584,7 +12625,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       },
       {
         command: "point",
-        name: "点修改",
+        name: "线段端点修改",
         show: true,
         src: images["./assets/images/selectPoint.svg"].default,
         shortcut: PointDrag.shortcutKeys.join(" + ")
@@ -11686,7 +12727,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           editor.commandManager.start(DeleteSelectLine.commandName, defaultComponent.getSelectData());
         }
       }
-    ], z = ref(0);
+    ], z = ref(0), promptMessage = ref();
     watch(toolBarPosition, () => localStorage.setItem("editorToolPosition", JSON.stringify(toolBarPosition.value)));
     watch(toolBarExpand, () => {
       localStorage.setItem("toolBarExpand", toolBarExpand.value + "");
@@ -11746,6 +12787,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           });
         });
       });
+      editor.commandManager.addEventListener("executing", (e) => {
+        const commandFlow = editor.commandManager.getCommandFlow(e.name);
+        const data = commandFlow.getData(commandFlow.currentIndex);
+        promptMessage.value = data.prompt;
+      });
       if (localStorage.getItem("dxfVisible")) {
         dxfVisible.value = localStorage.getItem("dxfVisible") == "true";
       }
@@ -11756,251 +12802,258 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       resizeObserver.disconnect();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "elRef",
-        ref: elRef,
-        class: "editorTool pointer-events-none overflow-hidden absolute left-0 top-0 w-full h-full z-[20] flex flex-row justify-between p-[5px] box-border select-none pointer-events-[all]"
-      }, [
+      return openBlock(), createElementBlock(Fragment, null, [
         createElementVNode("div", {
-          ref_key: "toolBarRef",
-          ref: toolBarRef,
-          style: normalizeStyle({ left: toolBarPosition.value.left + "px", top: toolBarPosition.value.top + "px" }),
-          class: normalizeClass(["overflow-hidden pointer-events-auto w-fit max-w-[260px] transition-[border-radius] text-[#333] absolute z-[11] bg-white select-none", { "rounded-[8px] ": toolBarExpand.value }]),
-          onMousedown: _cache[10] || (_cache[10] = (e) => e.stopPropagation())
+          ref_key: "elRef",
+          ref: elRef,
+          class: "editorTool pointer-events-none overflow-hidden absolute left-0 top-0 w-full h-full z-[20] flex flex-row justify-between p-[5px] box-border select-none pointer-events-[all]"
         }, [
           createElementVNode("div", {
-            onMousedown: dragMoveHelper,
-            class: normalizeClass([{ "border-b-[#eee] border-b-1": toolBarExpand.value }, "flex flex-row justify-between header text-[14px] font-bold p-[10px 0px]"])
+            ref_key: "toolBarRef",
+            ref: toolBarRef,
+            style: normalizeStyle({ left: toolBarPosition.value.left + "px", top: toolBarPosition.value.top + "px" }),
+            class: normalizeClass(["overflow-hidden pointer-events-auto w-fit max-w-[260px] transition-[border-radius] text-[#333] absolute z-[11] bg-white select-none", { "rounded-[8px] ": toolBarExpand.value }]),
+            onMousedown: _cache[10] || (_cache[10] = (e) => e.stopPropagation())
           }, [
-            _cache[12] || (_cache[12] = createStaticVNode('<div class="flex flex-row" data-v-adaee1e3><div class="p-[2px_5px] flex items-center pointer-events-none" data-v-adaee1e3><svg fill="#aaa" width="20" height="20" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" data-v-adaee1e3><path d="M341.333333 298.666667a85.333333 85.333333 0 1 0 0-170.666667 85.333333 85.333333 0 0 0 0 170.666667z m0 298.666666a85.333333 85.333333 0 1 0 0-170.666666 85.333333 85.333333 0 0 0 0 170.666666z m85.333334 213.333334a85.333333 85.333333 0 1 1-170.666667 0 85.333333 85.333333 0 0 1 170.666667 0z m256-512a85.333333 85.333333 0 1 0 0-170.666667 85.333333 85.333333 0 0 0 0 170.666667z m85.333333 213.333333a85.333333 85.333333 0 1 1-170.666667 0 85.333333 85.333333 0 0 1 170.666667 0z m-85.333333 384a85.333333 85.333333 0 1 0 0-170.666667 85.333333 85.333333 0 0 0 0 170.666667z" data-v-adaee1e3></path></svg></div><h5 class="flex text-nowrap text-[12px] items-center pointer-events-none" data-v-adaee1e3>绘制工具</h5></div>', 1)),
             createElementVNode("div", {
-              onMousedown: _cache[0] || (_cache[0] = (e) => e.stopPropagation()),
-              onClick: _cache[1] || (_cache[1] = ($event) => toolBarExpand.value = !toolBarExpand.value),
-              class: "cursor-pointer flex items-center p-[0px_5px]"
+              onMousedown: dragMoveHelper,
+              class: normalizeClass([{ "border-b-[#eee] border-b-1": toolBarExpand.value }, "flex flex-row justify-between header text-[14px] font-bold p-[10px 0px]"])
             }, [
-              (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[11] || (_cache[11] = [
-                createElementVNode("path", { d: "M315.050667 938.666667a60.757333 60.757333 0 0 0 41.813333-16.298667L750.933333 551.338667a53.418667 53.418667 0 0 0 0-78.677334L356.864 101.632a61.696 61.696 0 0 0-83.541333 0 53.418667 53.418667 0 0 0-0.256 78.677333L625.408 512 273.066667 843.690667a53.418667 53.418667 0 0 0 0 78.677333 60.757333 60.757333 0 0 0 41.984 16.298667z" }, null, -1)
-              ]), 2))
-            ], 32)
-          ], 34),
-          toolBarExpand.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
-            createElementVNode("ul", _hoisted_2, [
-              (openBlock(), createElementBlock(Fragment, null, renderList(commandList, (item) => {
-                return openBlock(), createElementBlock(Fragment, {
-                  key: item.command
-                }, [
-                  item.show ? (openBlock(), createElementBlock("li", {
-                    key: 0,
-                    onClick: ($event) => startCurrentCommandItem(item),
-                    class: normalizeClass([{
-                      "!bg-[var(--primary-color)] text-[#fff]": currentCommand.value === item.command
-                      // '!cursor-no-drop': currentCommand !== item.command && currentCommand !== 'default',
-                    }, "gap-[10px] text-[12px] hover:bg-[#ddd] transition-all rounded-[6px] p-[5px] flex flex-row items-center justify-between cursor-pointer"])
+              _cache[12] || (_cache[12] = createStaticVNode('<div class="flex flex-row" data-v-492c138f><div class="p-[2px_5px] flex items-center pointer-events-none" data-v-492c138f><svg fill="#aaa" width="20" height="20" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" data-v-492c138f><path d="M341.333333 298.666667a85.333333 85.333333 0 1 0 0-170.666667 85.333333 85.333333 0 0 0 0 170.666667z m0 298.666666a85.333333 85.333333 0 1 0 0-170.666666 85.333333 85.333333 0 0 0 0 170.666666z m85.333334 213.333334a85.333333 85.333333 0 1 1-170.666667 0 85.333333 85.333333 0 0 1 170.666667 0z m256-512a85.333333 85.333333 0 1 0 0-170.666667 85.333333 85.333333 0 0 0 0 170.666667z m85.333333 213.333333a85.333333 85.333333 0 1 1-170.666667 0 85.333333 85.333333 0 0 1 170.666667 0z m-85.333333 384a85.333333 85.333333 0 1 0 0-170.666667 85.333333 85.333333 0 0 0 0 170.666667z" data-v-492c138f></path></svg></div><h5 class="flex text-nowrap text-[12px] items-center pointer-events-none" data-v-492c138f>绘制工具</h5></div>', 1)),
+              createElementVNode("div", {
+                onMousedown: _cache[0] || (_cache[0] = (e) => e.stopPropagation()),
+                onClick: _cache[1] || (_cache[1] = ($event) => toolBarExpand.value = !toolBarExpand.value),
+                class: "cursor-pointer flex items-center p-[0px_5px]"
+              }, [
+                (openBlock(), createElementBlock("svg", {
+                  fill: "#666",
+                  class: normalizeClass([{ "rotate-90": toolBarExpand.value }, "transition-all"]),
+                  viewBox: "0 0 1024 1024",
+                  version: "1.1",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "12",
+                  height: "12"
+                }, _cache[11] || (_cache[11] = [
+                  createElementVNode("path", { d: "M315.050667 938.666667a60.757333 60.757333 0 0 0 41.813333-16.298667L750.933333 551.338667a53.418667 53.418667 0 0 0 0-78.677334L356.864 101.632a61.696 61.696 0 0 0-83.541333 0 53.418667 53.418667 0 0 0-0.256 78.677333L625.408 512 273.066667 843.690667a53.418667 53.418667 0 0 0 0 78.677333 60.757333 60.757333 0 0 0 41.984 16.298667z" }, null, -1)
+                ]), 2))
+              ], 32)
+            ], 34),
+            toolBarExpand.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+              createElementVNode("ul", _hoisted_2, [
+                (openBlock(), createElementBlock(Fragment, null, renderList(commandList, (item) => {
+                  return openBlock(), createElementBlock(Fragment, {
+                    key: item.command
                   }, [
-                    createElementVNode("div", _hoisted_4, [
-                      createElementVNode("div", _hoisted_5, [
-                        createElementVNode("img", {
-                          class: "size-[14px]",
-                          src: item.src,
-                          alt: "",
-                          srcset: ""
-                        }, null, 8, _hoisted_6)
+                    item.show ? (openBlock(), createElementBlock("li", {
+                      key: 0,
+                      onClick: ($event) => startCurrentCommandItem(item),
+                      class: normalizeClass([{
+                        "!bg-[var(--primary-color)] text-[#fff]": currentCommand.value === item.command
+                        // '!cursor-no-drop': currentCommand !== item.command && currentCommand !== 'default',
+                      }, "gap-[10px] text-[12px] hover:bg-[#ddd] transition-all rounded-[6px] p-[5px] flex flex-row items-center justify-between cursor-pointer"])
+                    }, [
+                      createElementVNode("div", _hoisted_4, [
+                        createElementVNode("div", _hoisted_5, [
+                          createElementVNode("img", {
+                            class: "size-[14px]",
+                            src: item.src,
+                            alt: "",
+                            srcset: ""
+                          }, null, 8, _hoisted_6)
+                        ]),
+                        createElementVNode("span", _hoisted_7, toDisplayString(item.name), 1)
                       ]),
-                      createElementVNode("span", _hoisted_7, toDisplayString(item.name), 1)
-                    ]),
-                    currentCommand.value === item.command ? (openBlock(), createElementBlock("div", _hoisted_8, [
-                      createElementVNode("div", {
-                        title: "取消命令(Esc)",
-                        class: "active:scale-[0.7] transition-all flex items-center justify-center",
-                        onClick: _cache[2] || (_cache[2] = (e) => (unref(editor).cancelCommand(), e.stopPropagation()))
-                      }, _cache[13] || (_cache[13] = [
-                        createElementVNode("svg", {
-                          fill: "#fff",
-                          width: "16",
-                          height: "16",
-                          viewBox: "0 0 1024 1024",
-                          version: "1.1",
-                          xmlns: "http://www.w3.org/2000/svg"
-                        }, [
-                          createElementVNode("path", { d: "M511.104 0C228.821333 0 0 228.821333 0 511.104c0 282.282667 228.821333 511.104 511.104 511.104 282.282667 0 511.104-228.842667 511.104-511.104C1022.208 228.821333 793.386667 0 511.104 0zM511.104 898.496c-213.973333 0-387.434667-173.44-387.434667-387.413333 0-213.952 173.44-387.413333 387.434667-387.413333 213.952 0 387.392 173.44 387.392 387.413333C898.496 725.056 725.056 898.496 511.104 898.496z" }),
-                          createElementVNode("path", { d: "M236.437333 463.914667l549.333333 0 0 96.874667-549.333333 0 0-96.874667Z" })
-                        ], -1)
+                      currentCommand.value === item.command ? (openBlock(), createElementBlock("div", _hoisted_8, [
+                        createElementVNode("div", {
+                          title: "取消命令(Esc)",
+                          class: "active:scale-[0.7] transition-all flex items-center justify-center",
+                          onClick: _cache[2] || (_cache[2] = (e) => (unref(editor).cancelCommand(), e.stopPropagation()))
+                        }, _cache[13] || (_cache[13] = [
+                          createElementVNode("svg", {
+                            fill: "#fff",
+                            width: "16",
+                            height: "16",
+                            viewBox: "0 0 1024 1024",
+                            version: "1.1",
+                            xmlns: "http://www.w3.org/2000/svg"
+                          }, [
+                            createElementVNode("path", { d: "M511.104 0C228.821333 0 0 228.821333 0 511.104c0 282.282667 228.821333 511.104 511.104 511.104 282.282667 0 511.104-228.842667 511.104-511.104C1022.208 228.821333 793.386667 0 511.104 0zM511.104 898.496c-213.973333 0-387.434667-173.44-387.434667-387.413333 0-213.952 173.44-387.413333 387.434667-387.413333 213.952 0 387.392 173.44 387.392 387.413333C898.496 725.056 725.056 898.496 511.104 898.496z" }),
+                            createElementVNode("path", { d: "M236.437333 463.914667l549.333333 0 0 96.874667-549.333333 0 0-96.874667Z" })
+                          ], -1)
+                        ])),
+                        item.confirm?.value ? (openBlock(), createElementBlock("div", {
+                          key: 0,
+                          onClick: commandConfirm,
+                          title: "确认命令(Enter)",
+                          class: "active:scale-[0.7] transition-all flex items-center justify-center"
+                        }, _cache[14] || (_cache[14] = [
+                          createElementVNode("svg", {
+                            fill: "#fff",
+                            width: "16",
+                            height: "16",
+                            viewBox: "0 0 1024 1024",
+                            version: "1.1",
+                            xmlns: "http://www.w3.org/2000/svg"
+                          }, [
+                            createElementVNode("path", { d: "M512 1024c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512zM512 128C300.8 128 128 300.8 128 512s172.8 384 384 384 384-172.8 384-384-172.8-384-384-384z m-12.8 556.8c-12.8 12.8-32 19.2-51.2 19.2-19.2 0-38.4-6.4-51.2-19.2L275.2 569.6c-25.6-25.6-25.6-70.4 0-96 25.6-25.6 70.4-25.6 96 0L448 544l198.4-204.8c25.6-25.6 70.4-25.6 96 0 25.6 25.6 25.6 70.4 0 96l-243.2 249.6z" })
+                          ], -1)
+                        ]))) : createCommentVNode("", true)
+                      ])) : item.shortcut ? (openBlock(), createElementBlock("div", _hoisted_9, toDisplayString(item.shortcut), 1)) : createCommentVNode("", true)
+                    ], 10, _hoisted_3)) : createCommentVNode("", true)
+                  ], 64);
+                }), 64))
+              ]),
+              createElementVNode("div", _hoisted_10, [
+                createVNode(unref(ElCheckbox), {
+                  size: "small",
+                  modelValue: dxfVisible.value,
+                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => dxfVisible.value = $event)
+                }, {
+                  default: withCtx(() => _cache[15] || (_cache[15] = [
+                    createTextVNode("Dxf", -1)
+                  ])),
+                  _: 1,
+                  __: [15]
+                }, 8, ["modelValue"])
+              ]),
+              _ctx.permission === "admin" ? (openBlock(), createElementBlock("div", _hoisted_11, [
+                createVNode(unref(ElButton), {
+                  style: { "padding": "5px", "font-size": "10px" },
+                  size: "small",
+                  type: "success",
+                  onClick: selectLocalFile
+                }, {
+                  default: withCtx(() => _cache[16] || (_cache[16] = [
+                    createTextVNode(" 选择文件 ", -1)
+                  ])),
+                  _: 1,
+                  __: [16]
+                }),
+                createVNode(unref(ElButton), {
+                  style: { "padding": "5px", "font-size": "10px" },
+                  size: "small",
+                  type: "primary",
+                  onClick: _cache[4] || (_cache[4] = ($event) => unref(dxfSystem).CorrectionDxf.downloadOriginalData("json.json"))
+                }, {
+                  default: withCtx(() => _cache[17] || (_cache[17] = [
+                    createTextVNode(" 下载Json ", -1)
+                  ])),
+                  _: 1,
+                  __: [17]
+                }),
+                createVNode(unref(ElButton), {
+                  style: { "padding": "5px", "font-size": "10px" },
+                  size: "small",
+                  type: "primary",
+                  onClick: _cache[5] || (_cache[5] = ($event) => unref(dxfSystem).CorrectionDxf.downloadDxf("test.dxf"))
+                }, {
+                  default: withCtx(() => _cache[18] || (_cache[18] = [
+                    createTextVNode(" 下载DXF ", -1)
+                  ])),
+                  _: 1,
+                  __: [18]
+                }),
+                createVNode(unref(ElButton), {
+                  style: { "padding": "5px", "font-size": "10px" },
+                  size: "small",
+                  type: "primary",
+                  onClick: _cache[6] || (_cache[6] = ($event) => unref(dxfSystem).CorrectionDxf.downloadDxfImage("dxf.jpg"))
+                }, {
+                  default: withCtx(() => _cache[19] || (_cache[19] = [
+                    createTextVNode(" 下载JPG ", -1)
+                  ])),
+                  _: 1,
+                  __: [19]
+                }),
+                createVNode(unref(ElButton), {
+                  style: { "padding": "5px", "font-size": "10px" },
+                  size: "small",
+                  type: "primary",
+                  onClick: _cache[7] || (_cache[7] = ($event) => unref(whiteModel).downloadGltf("test.glb", true))
+                }, {
+                  default: withCtx(() => _cache[20] || (_cache[20] = [
+                    createTextVNode(" 下载白膜 ", -1)
+                  ])),
+                  _: 1,
+                  __: [20]
+                }),
+                createVNode(unref(ElButton), {
+                  style: { "padding": "5px", "font-size": "10px" },
+                  size: "small",
+                  type: "primary",
+                  onClick: _cache[8] || (_cache[8] = ($event) => unref(threeVJia).download())
+                }, {
+                  default: withCtx(() => _cache[21] || (_cache[21] = [
+                    createTextVNode(" 下载三维家JSON ", -1)
+                  ])),
+                  _: 1,
+                  __: [21]
+                }),
+                createVNode(unref(ElDropdown), {
+                  class: "ml-[5px]",
+                  trigger: "click"
+                }, {
+                  dropdown: withCtx(() => [
+                    createVNode(unref(ElInput), {
+                      modelValue: z.value,
+                      "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => z.value = $event),
+                      placeholder: "z",
+                      type: "number"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  default: withCtx(() => [
+                    createVNode(unref(ElButton), {
+                      style: { "padding": "5px", "font-size": "10px" },
+                      size: "small",
+                      type: "primary"
+                    }, {
+                      default: withCtx(() => _cache[22] || (_cache[22] = [
+                        createTextVNode(" z值调整 ", -1)
                       ])),
-                      item.confirm?.value ? (openBlock(), createElementBlock("div", {
-                        key: 0,
-                        onClick: commandConfirm,
-                        title: "确认命令(Enter)",
-                        class: "active:scale-[0.7] transition-all flex items-center justify-center"
-                      }, _cache[14] || (_cache[14] = [
-                        createElementVNode("svg", {
-                          fill: "#fff",
-                          width: "16",
-                          height: "16",
-                          viewBox: "0 0 1024 1024",
-                          version: "1.1",
-                          xmlns: "http://www.w3.org/2000/svg"
-                        }, [
-                          createElementVNode("path", { d: "M512 1024c-281.6 0-512-230.4-512-512s230.4-512 512-512 512 230.4 512 512-230.4 512-512 512zM512 128C300.8 128 128 300.8 128 512s172.8 384 384 384 384-172.8 384-384-172.8-384-384-384z m-12.8 556.8c-12.8 12.8-32 19.2-51.2 19.2-19.2 0-38.4-6.4-51.2-19.2L275.2 569.6c-25.6-25.6-25.6-70.4 0-96 25.6-25.6 70.4-25.6 96 0L448 544l198.4-204.8c25.6-25.6 70.4-25.6 96 0 25.6 25.6 25.6 70.4 0 96l-243.2 249.6z" })
-                        ], -1)
-                      ]))) : createCommentVNode("", true)
-                    ])) : item.shortcut ? (openBlock(), createElementBlock("div", _hoisted_9, toDisplayString(item.shortcut), 1)) : createCommentVNode("", true)
-                  ], 10, _hoisted_3)) : createCommentVNode("", true)
-                ], 64);
-              }), 64))
-            ]),
-            createElementVNode("div", _hoisted_10, [
-              createVNode(unref(ElCheckbox), {
-                size: "small",
-                modelValue: dxfVisible.value,
-                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => dxfVisible.value = $event)
-              }, {
-                default: withCtx(() => _cache[15] || (_cache[15] = [
-                  createTextVNode("Dxf", -1)
-                ])),
-                _: 1,
-                __: [15]
-              }, 8, ["modelValue"])
-            ]),
-            _ctx.permission === "admin" ? (openBlock(), createElementBlock("div", _hoisted_11, [
-              createVNode(unref(ElButton), {
-                style: { "padding": "5px", "font-size": "10px" },
-                size: "small",
-                type: "success",
-                onClick: selectLocalFile
-              }, {
-                default: withCtx(() => _cache[16] || (_cache[16] = [
-                  createTextVNode(" 选择文件 ", -1)
-                ])),
-                _: 1,
-                __: [16]
-              }),
-              createVNode(unref(ElButton), {
-                style: { "padding": "5px", "font-size": "10px" },
-                size: "small",
-                type: "primary",
-                onClick: _cache[4] || (_cache[4] = ($event) => unref(dxfSystem).CorrectionDxf.downloadOriginalData("json.json"))
-              }, {
-                default: withCtx(() => _cache[17] || (_cache[17] = [
-                  createTextVNode(" 下载Json ", -1)
-                ])),
-                _: 1,
-                __: [17]
-              }),
-              createVNode(unref(ElButton), {
-                style: { "padding": "5px", "font-size": "10px" },
-                size: "small",
-                type: "primary",
-                onClick: _cache[5] || (_cache[5] = ($event) => unref(dxfSystem).CorrectionDxf.downloadDxf("test.dxf"))
-              }, {
-                default: withCtx(() => _cache[18] || (_cache[18] = [
-                  createTextVNode(" 下载DXF ", -1)
-                ])),
-                _: 1,
-                __: [18]
-              }),
-              createVNode(unref(ElButton), {
-                style: { "padding": "5px", "font-size": "10px" },
-                size: "small",
-                type: "primary",
-                onClick: _cache[6] || (_cache[6] = ($event) => unref(dxfSystem).CorrectionDxf.downloadDxfImage("dxf.jpg"))
-              }, {
-                default: withCtx(() => _cache[19] || (_cache[19] = [
-                  createTextVNode(" 下载JPG ", -1)
-                ])),
-                _: 1,
-                __: [19]
-              }),
-              createVNode(unref(ElButton), {
-                style: { "padding": "5px", "font-size": "10px" },
-                size: "small",
-                type: "primary",
-                onClick: _cache[7] || (_cache[7] = ($event) => unref(whiteModel).downloadGltf("test.glb", true))
-              }, {
-                default: withCtx(() => _cache[20] || (_cache[20] = [
-                  createTextVNode(" 下载白膜 ", -1)
-                ])),
-                _: 1,
-                __: [20]
-              }),
-              createVNode(unref(ElButton), {
-                style: { "padding": "5px", "font-size": "10px" },
-                size: "small",
-                type: "primary",
-                onClick: _cache[8] || (_cache[8] = ($event) => unref(threeVJia).download())
-              }, {
-                default: withCtx(() => _cache[21] || (_cache[21] = [
-                  createTextVNode(" 下载三维家JSON ", -1)
-                ])),
-                _: 1,
-                __: [21]
-              }),
-              createVNode(unref(ElDropdown), {
-                class: "ml-[5px]",
-                trigger: "click"
-              }, {
-                dropdown: withCtx(() => [
-                  createVNode(unref(ElInput), {
-                    modelValue: z.value,
-                    "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => z.value = $event),
-                    placeholder: "z",
-                    type: "number"
-                  }, null, 8, ["modelValue"])
-                ]),
+                      _: 1,
+                      __: [22]
+                    })
+                  ]),
+                  _: 1
+                })
+              ])) : createCommentVNode("", true),
+              createVNode(Transition, null, {
                 default: withCtx(() => [
-                  createVNode(unref(ElButton), {
-                    style: { "padding": "5px", "font-size": "10px" },
-                    size: "small",
-                    type: "primary"
-                  }, {
-                    default: withCtx(() => _cache[22] || (_cache[22] = [
-                      createTextVNode(" z值调整 ", -1)
-                    ])),
-                    _: 1,
-                    __: [22]
-                  })
+                  createElementVNode("div", _hoisted_12, [
+                    createVNode(TransitionGroup, null, {
+                      default: withCtx(() => [
+                        (openBlock(), createElementBlock(Fragment, null, renderList(otherCommandList, (item) => {
+                          return createElementVNode("div", {
+                            onClick: ($event) => item.show.value && currentCommand.value === "default" && (item.action ? item.action() : unref(editor).commandManager.start(item.command, [...unref(defaultComponent).selectLines])),
+                            title: `${item.name}(${item.shortcut})`,
+                            class: normalizeClass(["size-[20px] flex justify-center items-center relative overflow-hidden active:scale-[0.8] border-1 border-[#ccc] rounded-[4px] transition-all cursor-pointer", {
+                              "opacity-30 bg-[#ccc] !cursor-no-drop active:!scale-[1]": !item.show.value || currentCommand.value !== "default",
+                              [item.class ?? ""]: true
+                            }]),
+                            key: item.command
+                          }, [
+                            createElementVNode("img", {
+                              class: "size-[14px]",
+                              src: item.src
+                            }, null, 8, _hoisted_14)
+                          ], 10, _hoisted_13);
+                        }), 64))
+                      ]),
+                      _: 1
+                    })
+                  ])
                 ]),
                 _: 1
               })
-            ])) : createCommentVNode("", true),
-            createVNode(Transition, null, {
-              default: withCtx(() => [
-                createElementVNode("div", _hoisted_12, [
-                  createVNode(TransitionGroup, null, {
-                    default: withCtx(() => [
-                      (openBlock(), createElementBlock(Fragment, null, renderList(otherCommandList, (item) => {
-                        return createElementVNode("div", {
-                          onClick: ($event) => item.show.value && currentCommand.value === "default" && (item.action ? item.action() : unref(editor).commandManager.start(item.command, [...unref(defaultComponent).selectLines])),
-                          title: `${item.name}(${item.shortcut})`,
-                          class: normalizeClass(["size-[20px] flex justify-center items-center relative overflow-hidden active:scale-[0.8] border-1 border-[#ccc] rounded-[4px] transition-all cursor-pointer", {
-                            "opacity-30 bg-[#ccc] !cursor-no-drop active:!scale-[1]": !item.show.value || currentCommand.value !== "default",
-                            [item.class ?? ""]: true
-                          }]),
-                          key: item.command
-                        }, [
-                          createElementVNode("img", {
-                            class: "size-[14px]",
-                            src: item.src
-                          }, null, 8, _hoisted_14)
-                        ], 10, _hoisted_13);
-                      }), 64))
-                    ]),
-                    _: 1
-                  })
-                ])
-              ]),
-              _: 1
-            })
-          ])) : createCommentVNode("", true)
-        ], 38)
-      ], 512);
+            ])) : createCommentVNode("", true)
+          ], 38)
+        ], 512),
+        promptMessage.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          innerHTML: promptMessage.value,
+          class: "text-[#fff] pointer-events-none z-100 text-[12px] absolute left-[20px] bottom-[20px] rounded-[8px] min-w-[150px] bg-white/15 p-[10px]"
+        }, null, 8, _hoisted_15)) : createCommentVNode("", true)
+      ], 64);
     };
   }
 });
@@ -12011,7 +13064,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const EditorTool = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-adaee1e3"]]);
+const EditorTool = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-492c138f"]]);
 class Editor extends Component {
   static name = "Editor";
   container = new THREE.Group();