build-dxf 0.1.8 → 0.1.10

package/src/{DomEventRegister.js → index4.js}

@@ -7,8 +7,44 @@ import { CSS3DObject, CSS3DSprite, CSS3DRenderer } from "three/addons/renderers/
 import { CSS2DObject, CSS2DRenderer } from "three/addons/renderers/CSS2DRenderer.js";
 import { OrbitControls } from "three/addons/controls/OrbitControls.js";
 import * as TWEEN from "@tweenjs/tween.js";
-import { C as Component, P as Point, V as Variable } from "./build.js";
+import { C as Component, a as Point, V as Variable } from "./build.js";
 import { getCurrentInstance, inject, ref, computed, unref, shallowRef, watchEffect, readonly, getCurrentScope, onScopeDispose, onMounted, nextTick, isRef, warn, provide, defineComponent, createElementBlock, openBlock, mergeProps, renderSlot, createElementVNode, watch, toRef, onUnmounted, useSlots, Text, createBlock, resolveDynamicComponent, withCtx, createCommentVNode, Fragment, normalizeClass, reactive, toRaw, withDirectives, withModifiers, vModelCheckbox, createTextVNode, toDisplayString, normalizeStyle, toRefs } from "vue";
+class DomContainer extends Component {
+  static name = "DomContainer";
+  domElement = document.createElement("div");
+  canvas = document.createElement("canvas");
+  html2DRenderer = document.createElement("div");
+  html3DRenderer = document.createElement("div");
+  constructor() {
+    super();
+    this.domElement.id = "build-dxf-container";
+    this.domElement.appendChild(this.canvas);
+    this.domElement.appendChild(this.html3DRenderer);
+    this.domElement.appendChild(this.html2DRenderer);
+    Object.assign(this.domElement.style, {
+      width: "100%",
+      height: "100%",
+      position: "relative",
+      userSelect: "none"
+    });
+    Object.assign(this.html3DRenderer.style, {
+      position: "absolute",
+      left: 0,
+      top: 0,
+      // zIndex: 9,
+      width: "100%",
+      height: "100%"
+    });
+    Object.assign(this.html2DRenderer.style, {
+      position: "absolute",
+      left: 0,
+      top: 0,
+      // zIndex: 10,
+      width: "100%",
+      height: "100%"
+    });
+  }
+}
 const circlePng = "data:image/png;base64,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";
 THREE.Object3D.DEFAULT_UP = new THREE.Vector3(0, 0, 1);
 const circleTexture = new THREE.TextureLoader().load(circlePng);
@@ -242,6 +278,192 @@ __publicField(_Renderer, "Line", THREE.Line);
 __publicField(_Renderer, "LineSegments", THREE.LineSegments);
 __publicField(_Renderer, "Points", THREE.Points);
 let Renderer = _Renderer;
+class DomEventRegister extends Component {
+  static name = "DomEventRegister";
+  cancelDefaultBehaviorList = [];
+  pointer = new Vector2();
+  _isMouseEnter = false;
+  set isMouseEnter(isMouseEnter) {
+    if (this._isMouseEnter === isMouseEnter) return;
+    this._isMouseEnter = isMouseEnter;
+  }
+  get isMouseEnter() {
+    return this._isMouseEnter;
+  }
+  _mouseMoveEventProxylock = false;
+  set mouseMoveEventProxylock(lock) {
+    this._mouseMoveEventProxylock = lock;
+    if (lock) {
+      this._isMouseEnter = false;
+    }
+  }
+  get mouseMoveEventProxylock() {
+    return this._mouseMoveEventProxylock;
+  }
+  /**
+   * 组件被添加到父组件上时调用
+   */
+  onAddFromParent() {
+    this.initMouseMoveEventProxy();
+    this.initKeyEvent();
+    this.initWheelEvent();
+    this.autoBodyCursor();
+  }
+  /**
+   * 初始化鼠标事件代理(判断鼠标是否在domElement上)
+   */
+  initMouseMoveEventProxy() {
+    const domContainer = this.parent?.findComponentByType(DomContainer), domElement = domContainer.domElement, variable = this.parent?.findComponentByType(Variable), globalMousemoveFun = (e) => {
+      if (this._mouseMoveEventProxylock) return;
+      const rect = domElement.getBoundingClientRect(), offsetX = e.clientX - rect.left, offsetY = e.clientY - rect.top;
+      if (offsetX >= 0 && offsetY >= 0 && offsetX <= rect.width && offsetY <= rect.height) {
+        this.pointer.set(offsetX, offsetY);
+        this.dispatchEvent({
+          type: "mousemove",
+          x: offsetX,
+          y: offsetY,
+          moveX: e.movementX,
+          moveY: e.movementY
+        });
+        this.isMouseEnter = true;
+      } else {
+        this.isMouseEnter = false;
+      }
+    }, globalMousedownFun = (e) => {
+      if (!this.isMouseEnter) return;
+      const rect = domElement.getBoundingClientRect(), offsetX = e.clientX - rect.left, offsetY = e.clientY - rect.top;
+      this.pointer.set(offsetX, offsetY);
+      variable.set("currentMouseDown", "mouse_" + e.button);
+      this.dispatchEvent({
+        type: "mousedown",
+        x: offsetX,
+        y: offsetY
+      });
+    }, globalMouseupFun = (e) => {
+      if (!this.isMouseEnter) return;
+      variable.set("currentMouseUp", "mouse_" + e.button);
+    };
+    document.addEventListener("mousemove", globalMousemoveFun);
+    document.addEventListener("mousedown", globalMousedownFun);
+    document.addEventListener("mouseup", globalMouseupFun);
+    this.addEventRecord("destory", () => {
+      document.removeEventListener("mousemove", globalMousemoveFun);
+      document.removeEventListener("mousedown", globalMousedownFun);
+      document.removeEventListener("mouseup", globalMouseupFun);
+    });
+  }
+  /**
+   * 初始化键盘事件
+   */
+  initKeyEvent() {
+    const variable = this.parent?.findComponentByType(Variable);
+    document.body.tabIndex = 1;
+    const onKeyup = (e) => {
+      if (!this.isMouseEnter) return;
+      const key = e.key.toLocaleLowerCase();
+      variable.set("currentKeyUp", key);
+      for (let i = 0; i < this.cancelDefaultBehaviorList.length; i++) {
+        const element = this.cancelDefaultBehaviorList[i];
+        if (element(e)) e.preventDefault();
+      }
+    };
+    document.body.addEventListener("keyup", onKeyup);
+    const onKeydown = (e) => {
+      if (!this.isMouseEnter) return;
+      const key = e.key.toLocaleLowerCase();
+      variable.set("currentKeyDown", key);
+      for (let i = 0; i < this.cancelDefaultBehaviorList.length; i++) {
+        const element = this.cancelDefaultBehaviorList[i];
+        if (element(e)) e.preventDefault();
+      }
+    };
+    document.body.addEventListener("keydown", onKeydown);
+    const onFocus = () => variable.set("focus", true);
+    document.body.addEventListener("focus", onFocus);
+    const onBlur = () => variable.set("focus", false);
+    document.body.addEventListener("blur", onBlur);
+    this.addEventRecord("destory", () => {
+      document.body.removeEventListener("keyup", onKeyup);
+      document.body.removeEventListener("keydown", onKeydown);
+      document.body.removeEventListener("focus", onFocus);
+      document.body.removeEventListener("blur", onBlur);
+    });
+  }
+  /**
+   * 初始化滚轮事件
+   */
+  initWheelEvent() {
+    const variable = this.parent?.findComponentByType(Variable);
+    const onWheel = (e) => variable.set("currentWheel", e.wheelDelta);
+    document.body.addEventListener("wheel", onWheel);
+    this.addEventRecord("destory", () => {
+      document.body.removeEventListener("wheel", onWheel);
+    });
+  }
+  /**
+   * 根据domElement的cursor自动设置body的cursor
+   */
+  autoBodyCursor() {
+    const domContainer = this.parent?.findComponentByType(DomContainer), domElement = domContainer.domElement;
+    let bodyCursor = null;
+    this.addEventListener("update", () => {
+      if (this._mouseMoveEventProxylock) return;
+      if (this.isMouseEnter) {
+        if (bodyCursor === null) {
+          bodyCursor = document.body.style.cursor;
+        }
+        document.body.style.cursor = domElement.style.cursor;
+      } else {
+        if (bodyCursor !== null) {
+          document.body.style.cursor = bodyCursor;
+          bodyCursor = null;
+        }
+      }
+    });
+    this.addEventRecord("destory", () => {
+      document.body.style.cursor = bodyCursor ?? "";
+    });
+  }
+  /**
+   * 
+   * @param callBack 
+   */
+  addCancelDefaultBehavior(callBack) {
+    this.cancelDefaultBehaviorList.push(callBack);
+    return this;
+  }
+  /**
+   * 
+   * @param el 
+   * @param callBack 
+   * @param offset 
+   * @param condition 
+   */
+  static dragMoveHelper(el, callBack, offset = { x: 0, y: 0 }, condition = () => true) {
+    function onMousedown() {
+      if (!condition()) return;
+      const move = (e) => {
+        offset.x += e.movementX;
+        offset.y += e.movementY;
+        callBack({ ...offset }, e.movementX, e.movementY);
+      };
+      const end = () => {
+        document.removeEventListener("mousemove", move);
+        document.removeEventListener("mouseup", end);
+      };
+      document.addEventListener("mousemove", move);
+      document.addEventListener("mouseup", end);
+    }
+    el.addEventListener("mousedown", onMousedown);
+    callBack({ ...offset }, 0, 0);
+    return () => {
+      el.removeEventListener("mousedown", onMousedown);
+    };
+  }
+  destroy() {
+    this.canceEventRecord("destory");
+  }
+}
 const configProviderContextKey = Symbol();
 const defaultNamespace = "el";
 const statePrefix = "is-";
@@ -1383,7 +1605,7 @@ const isClient = typeof window !== "undefined";
 const isString = (val) => typeof val === "string";
 const noop = () => {
 };
-isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+const isIOS = isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 function resolveUnref(r) {
   return typeof r === "function" ? r() : unref(r);
 }
@@ -1812,6 +2034,7 @@ const mergeConfig = (a, b) => {
 };
 const UPDATE_MODEL_EVENT = "update:modelValue";
 const CHANGE_EVENT = "change";
+const INPUT_EVENT = "input";
 var _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -1828,6 +2051,15 @@ function addUnit(value, defaultUnit = "px") {
     return value;
   }
 }
+class ElementPlusError extends Error {
+  constructor(m) {
+    super(m);
+    this.name = "ElementPlusError";
+  }
+}
+function throwError(scope, m) {
+  throw new ElementPlusError(`[${scope}] ${m}`);
+}
 function debugWarn(scope, message) {
 }
 const withInstall = (main, extra) => {
@@ -1894,6 +2126,40 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
 var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "icon.vue"]]);
 const ElIcon = withInstall(Icon);
 /*! Element Plus Icons Vue v2.3.2 */
+var _sfc_main6 = /* @__PURE__ */ defineComponent({
+  name: "ArrowDown",
+  __name: "arrow-down",
+  setup(__props) {
+    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "M831.872 340.864 512 652.672 192.128 340.864a30.59 30.59 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.59 30.59 0 0 0-42.752 0z"
+      })
+    ]));
+  }
+}), arrow_down_default = _sfc_main6;
+var _sfc_main49 = /* @__PURE__ */ defineComponent({
+  name: "CircleCheck",
+  __name: "circle-check",
+  setup(__props) {
+    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896"
+      }),
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752z"
+      })
+    ]));
+  }
+}), circle_check_default = _sfc_main49;
 var _sfc_main50 = /* @__PURE__ */ defineComponent({
   name: "CircleCloseFilled",
   __name: "circle-close-filled",
@@ -1909,6 +2175,25 @@ var _sfc_main50 = /* @__PURE__ */ defineComponent({
     ]));
   }
 }), circle_close_filled_default = _sfc_main50;
+var _sfc_main51 = /* @__PURE__ */ defineComponent({
+  name: "CircleClose",
+  __name: "circle-close",
+  setup(__props) {
+    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248z"
+      }),
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768m0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896"
+      })
+    ]));
+  }
+}), circle_close_default = _sfc_main51;
 var _sfc_main56 = /* @__PURE__ */ defineComponent({
   name: "Close",
   __name: "close",
@@ -1924,6 +2209,25 @@ var _sfc_main56 = /* @__PURE__ */ defineComponent({
     ]));
   }
 }), close_default = _sfc_main56;
+var _sfc_main133 = /* @__PURE__ */ defineComponent({
+  name: "Hide",
+  __name: "hide",
+  setup(__props) {
+    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "M876.8 156.8c0-9.6-3.2-16-9.6-22.4s-12.8-9.6-22.4-9.6-16 3.2-22.4 9.6L736 220.8c-64-32-137.6-51.2-224-60.8-160 16-288 73.6-377.6 176S0 496 0 512s48 73.6 134.4 176c22.4 25.6 44.8 48 73.6 67.2l-86.4 89.6c-6.4 6.4-9.6 12.8-9.6 22.4s3.2 16 9.6 22.4 12.8 9.6 22.4 9.6 16-3.2 22.4-9.6l704-710.4c3.2-6.4 6.4-12.8 6.4-22.4m-646.4 528Q115.2 579.2 76.8 512q43.2-72 153.6-172.8C304 272 400 230.4 512 224c64 3.2 124.8 19.2 176 44.8l-54.4 54.4C598.4 300.8 560 288 512 288c-64 0-115.2 22.4-160 64s-64 96-64 160c0 48 12.8 89.6 35.2 124.8L256 707.2c-9.6-6.4-19.2-16-25.6-22.4m140.8-96Q352 555.2 352 512c0-44.8 16-83.2 48-112s67.2-48 112-48c28.8 0 54.4 6.4 73.6 19.2zM889.599 336c-12.8-16-28.8-28.8-41.6-41.6l-48 48c73.6 67.2 124.8 124.8 150.4 169.6q-43.2 72-153.6 172.8c-73.6 67.2-172.8 108.8-284.8 115.2-51.2-3.2-99.2-12.8-140.8-28.8l-48 48c57.6 22.4 118.4 38.4 188.8 44.8 160-16 288-73.6 377.6-176S1024 528 1024 512s-48.001-73.6-134.401-176"
+      }),
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "M511.998 672c-12.8 0-25.6-3.2-38.4-6.4l-51.2 51.2c28.8 12.8 57.6 19.2 89.6 19.2 64 0 115.2-22.4 160-64 41.6-41.6 64-96 64-160 0-32-6.4-64-19.2-89.6l-51.2 51.2c3.2 12.8 6.4 25.6 6.4 38.4 0 44.8-16 83.2-48 112s-67.2 48-112 48"
+      })
+    ]));
+  }
+}), hide_default = _sfc_main133;
 var _sfc_main143 = /* @__PURE__ */ defineComponent({
   name: "InfoFilled",
   __name: "info-filled",
@@ -1969,6 +2273,21 @@ var _sfc_main249 = /* @__PURE__ */ defineComponent({
     ]));
   }
 }), success_filled_default = _sfc_main249;
+var _sfc_main283 = /* @__PURE__ */ defineComponent({
+  name: "View",
+  __name: "view",
+  setup(__props) {
+    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352m0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288m0 64a224 224 0 1 1 0 448 224 224 0 0 1 0-448m0 64a160.19 160.19 0 0 0-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160"
+      })
+    ]));
+  }
+}), view_default = _sfc_main283;
 var _sfc_main287 = /* @__PURE__ */ defineComponent({
   name: "WarningFilled",
   __name: "warning-filled",
@@ -1999,6 +2318,11 @@ const TypeComponentsMap = {
   error: circle_close_filled_default,
   info: info_filled_default
 };
+const ValidateComponentsMap = {
+  validating: loading_default,
+  success: circle_check_default,
+  error: circle_close_default
+};
 const ariaProps = buildProps({
   ariaLabel: String,
   ariaOrientation: {
@@ -3869,260 +4193,69 @@ const ElCheckbox = withInstall(Checkbox, {
 });
 withNoopInstall(CheckboxButton);
 withNoopInstall(CheckboxGroup);
-class DomContainer extends Component {
-  static name = "DomContainer";
-  domElement = document.createElement("div");
-  canvas = document.createElement("canvas");
-  html2DRenderer = document.createElement("div");
-  html3DRenderer = document.createElement("div");
-  constructor() {
-    super();
-    this.domElement.id = "build-dxf-container";
-    this.domElement.appendChild(this.canvas);
-    this.domElement.appendChild(this.html3DRenderer);
-    this.domElement.appendChild(this.html2DRenderer);
-    Object.assign(this.domElement.style, {
-      width: "100%",
-      height: "100%",
-      position: "relative",
-      userSelect: "none"
-    });
-    Object.assign(this.html3DRenderer.style, {
-      position: "absolute",
-      left: 0,
-      top: 0,
-      // zIndex: 9,
-      width: "100%",
-      height: "100%"
-    });
-    Object.assign(this.html2DRenderer.style, {
-      position: "absolute",
-      left: 0,
-      top: 0,
-      // zIndex: 10,
-      width: "100%",
-      height: "100%"
-    });
-  }
-}
-class DomEventRegister extends Component {
-  static name = "DomEventRegister";
-  cancelDefaultBehaviorList = [];
-  pointer = new Vector2();
-  _isMouseEnter = false;
-  set isMouseEnter(isMouseEnter) {
-    if (this._isMouseEnter === isMouseEnter) return;
-    this._isMouseEnter = isMouseEnter;
-  }
-  get isMouseEnter() {
-    return this._isMouseEnter;
-  }
-  _mouseMoveEventProxylock = false;
-  set mouseMoveEventProxylock(lock) {
-    this._mouseMoveEventProxylock = lock;
-    if (lock) {
-      this._isMouseEnter = false;
-    }
-  }
-  get mouseMoveEventProxylock() {
-    return this._mouseMoveEventProxylock;
-  }
-  /**
-   * 组件被添加到父组件上时调用
-   */
-  onAddFromParent() {
-    this.initMouseMoveEventProxy();
-    this.initKeyEvent();
-    this.initWheelEvent();
-    this.autoBodyCursor();
-  }
-  /**
-   * 初始化鼠标事件代理(判断鼠标是否在domElement上)
-   */
-  initMouseMoveEventProxy() {
-    const domContainer = this.parent?.findComponentByType(DomContainer), domElement = domContainer.domElement, variable = this.parent?.findComponentByType(Variable), globalMousemoveFun = (e) => {
-      if (this._mouseMoveEventProxylock) return;
-      const rect = domElement.getBoundingClientRect(), offsetX = e.clientX - rect.left, offsetY = e.clientY - rect.top;
-      if (offsetX >= 0 && offsetY >= 0 && offsetX <= rect.width && offsetY <= rect.height) {
-        this.pointer.set(offsetX, offsetY);
-        this.dispatchEvent({
-          type: "mousemove",
-          x: offsetX,
-          y: offsetY,
-          moveX: e.movementX,
-          moveY: e.movementY
-        });
-        this.isMouseEnter = true;
-      } else {
-        this.isMouseEnter = false;
-      }
-    }, globalMousedownFun = (e) => {
-      if (!this.isMouseEnter) return;
-      const rect = domElement.getBoundingClientRect(), offsetX = e.clientX - rect.left, offsetY = e.clientY - rect.top;
-      this.pointer.set(offsetX, offsetY);
-      variable.set("currentMouseDown", "mouse_" + e.button);
-      this.dispatchEvent({
-        type: "mousedown",
-        x: offsetX,
-        y: offsetY
-      });
-    }, globalMouseupFun = (e) => {
-      if (!this.isMouseEnter) return;
-      variable.set("currentMouseUp", "mouse_" + e.button);
-    };
-    document.addEventListener("mousemove", globalMousemoveFun);
-    document.addEventListener("mousedown", globalMousedownFun);
-    document.addEventListener("mouseup", globalMouseupFun);
-    this.addEventRecord("destory", () => {
-      document.removeEventListener("mousemove", globalMousemoveFun);
-      document.removeEventListener("mousedown", globalMousedownFun);
-      document.removeEventListener("mouseup", globalMouseupFun);
-    });
-  }
-  /**
-   * 初始化键盘事件
-   */
-  initKeyEvent() {
-    const variable = this.parent?.findComponentByType(Variable);
-    document.body.tabIndex = 1;
-    const onKeyup = (e) => {
-      if (!this.isMouseEnter) return;
-      const key = e.key.toLocaleLowerCase();
-      variable.set("currentKeyUp", key);
-      for (let i = 0; i < this.cancelDefaultBehaviorList.length; i++) {
-        const element = this.cancelDefaultBehaviorList[i];
-        if (element(e)) e.preventDefault();
-      }
-    };
-    document.body.addEventListener("keyup", onKeyup);
-    const onKeydown = (e) => {
-      if (!this.isMouseEnter) return;
-      const key = e.key.toLocaleLowerCase();
-      variable.set("currentKeyDown", key);
-      for (let i = 0; i < this.cancelDefaultBehaviorList.length; i++) {
-        const element = this.cancelDefaultBehaviorList[i];
-        if (element(e)) e.preventDefault();
-      }
-    };
-    document.body.addEventListener("keydown", onKeydown);
-    const onFocus = () => variable.set("focus", true);
-    document.body.addEventListener("focus", onFocus);
-    const onBlur = () => variable.set("focus", false);
-    document.body.addEventListener("blur", onBlur);
-    this.addEventRecord("destory", () => {
-      document.body.removeEventListener("keyup", onKeyup);
-      document.body.removeEventListener("keydown", onKeydown);
-      document.body.removeEventListener("focus", onFocus);
-      document.body.removeEventListener("blur", onBlur);
-    });
-  }
-  /**
-   * 初始化滚轮事件
-   */
-  initWheelEvent() {
-    const variable = this.parent?.findComponentByType(Variable);
-    const onWheel = (e) => variable.set("currentWheel", e.wheelDelta);
-    document.body.addEventListener("wheel", onWheel);
-    this.addEventRecord("destory", () => {
-      document.body.removeEventListener("wheel", onWheel);
-    });
-  }
-  /**
-   * 根据domElement的cursor自动设置body的cursor
-   */
-  autoBodyCursor() {
-    const domContainer = this.parent?.findComponentByType(DomContainer), domElement = domContainer.domElement;
-    let bodyCursor = null;
-    this.addEventListener("update", () => {
-      if (this._mouseMoveEventProxylock) return;
-      if (this.isMouseEnter) {
-        if (bodyCursor === null) {
-          bodyCursor = document.body.style.cursor;
-        }
-        document.body.style.cursor = domElement.style.cursor;
-      } else {
-        if (bodyCursor !== null) {
-          document.body.style.cursor = bodyCursor;
-          bodyCursor = null;
-        }
-      }
-    });
-    this.addEventRecord("destory", () => {
-      document.body.style.cursor = bodyCursor ?? "";
-    });
-  }
-  /**
-   * 
-   * @param callBack 
-   */
-  addCancelDefaultBehavior(callBack) {
-    this.cancelDefaultBehaviorList.push(callBack);
-    return this;
-  }
-  /**
-   * 
-   * @param el 
-   * @param callBack 
-   * @param offset 
-   * @param condition 
-   */
-  static dragMoveHelper(el, callBack, offset = { x: 0, y: 0 }, condition = () => true) {
-    function onMousedown() {
-      if (!condition()) return;
-      const move = (e) => {
-        offset.x += e.movementX;
-        offset.y += e.movementY;
-        callBack({ ...offset }, e.movementX, e.movementY);
-      };
-      const end = () => {
-        document.removeEventListener("mousemove", move);
-        document.removeEventListener("mouseup", end);
-      };
-      document.addEventListener("mousemove", move);
-      document.addEventListener("mouseup", end);
-    }
-    el.addEventListener("mousedown", onMousedown);
-    callBack({ ...offset }, 0, 0);
-    return () => {
-      el.removeEventListener("mousedown", onMousedown);
-    };
-  }
-  destroy() {
-    this.canceEventRecord("destory");
-  }
-}
 export {
-  isElement as A,
-  withInstallFunction as B,
+  useId as $,
+  hide_default as A,
+  isNil as B,
+  debugWarn as C,
   DomEventRegister as D,
   ElButton as E,
+  ElIcon as F,
+  circle_close_default as G,
+  isObject$1 as H,
+  CHANGE_EVENT as I,
+  INPUT_EVENT as J,
+  withInstall as K,
+  throwError as L,
+  addUnit as M,
+  NOOP as N,
+  isElement as O,
+  useZIndex as P,
+  formItemContextKey as Q,
   Renderer as R,
-  TypeComponentsMap as T,
+  buildProp as S,
+  isBoolean as T,
+  UPDATE_MODEL_EVENT as U,
+  ValidateComponentsMap as V,
+  isArray$1 as W,
+  useGetDerivedNamespace as X,
+  useIdInjection as Y,
+  computedEager as Z,
   _export_sfc as _,
   DomContainer as a,
+  useEmptyValuesProps as a0,
+  provideGlobalConfig as a1,
+  arrow_down_default as a2,
+  useLocale as a3,
+  withNoopInstall as a4,
+  useGlobalComponentSettings as a5,
+  TypeComponentsMap as a6,
+  TypeComponents as a7,
+  useTimeoutFn as a8,
+  withInstallFunction as a9,
   ElCheckbox as b,
-  isClient as c,
-  tryOnMounted as d,
-  identity as e,
-  buildProps as f,
-  definePropType as g,
-  isNumber as h,
-  isString as i,
-  addUnit as j,
-  useEmptyValuesProps as k,
-  useSizeProp as l,
+  isString as c,
+  isClient as d,
+  tryOnMounted as e,
+  isIOS as f,
+  identity as g,
+  buildProps as h,
+  isArray as i,
+  isNumber as j,
+  isString$1 as k,
+  definePropType as l,
   iconPropType as m,
   noop as n,
-  useGlobalComponentSettings as o,
-  provideGlobalConfig as p,
-  ElIcon as q,
+  useSizeProp as o,
+  fromPairs as p,
+  isFunction$1 as q,
   resolveUnref as r,
-  TypeComponents as s,
+  useNamespace as s,
   tryOnScopeDispose as t,
-  useNamespace as u,
-  useTimeoutFn as v,
-  withInstall as w,
-  isString$1 as x,
-  isFunction$1 as y,
-  isBoolean as z
+  useAriaProps as u,
+  useFormSize as v,
+  useFormDisabled as w,
+  useFormItem as x,
+  useFormItemInputId as y,
+  view_default as z
 };