endset_three_editor 0.2.2 → 0.2.3

package/dist/three-editor.es.js

@@ -1,6 +1,6 @@
-import { defineComponent as Ge, ref as G, inject as Tn, computed as Ze, watchEffect as xn, resolveComponent as En, openBlock as N, createElementBlock as U, createElementVNode as g, normalizeClass as He, withModifiers as Rt, unref as Mn, toDisplayString as Ee, Fragment as en, renderList as tn, createBlock as ot, createCommentVNode as de, watch as nn, toRef as vn, provide as Sn, reactive as sn, withDirectives as D, vModelText as Q, vShow as he, shallowRef as An, onMounted as Rn, createVNode as Pn } from "vue";
+import { defineComponent as Ge, ref as G, inject as Tn, computed as Ze, watchEffect as xn, resolveComponent as En, openBlock as N, createElementBlock as U, createElementVNode as g, normalizeClass as He, withModifiers as At, unref as Mn, toDisplayString as Ee, Fragment as en, renderList as tn, createBlock as ot, createCommentVNode as de, watch as nn, toRef as vn, provide as Sn, reactive as sn, withDirectives as D, vModelText as Q, vShow as he, shallowRef as Rn, onMounted as An, createVNode as Pn } from "vue";
 import * as F from "three";
-import { Controls as on, Vector3 as M, MOUSE as Me, TOUCH as xe, Quaternion as K, Spherical as Pt, Vector2 as V, Ray as Ln, Plane as In, MathUtils as rn, Raycaster as On, Object3D as Ue, MeshBasicMaterial as _e, LineBasicMaterial as ke, CylinderGeometry as Y, BoxGeometry as z, BufferGeometry as ze, Float32BufferAttribute as ue, Mesh as T, OctahedronGeometry as Qe, Line as re, TorusGeometry as Pe, SphereGeometry as Cn, Euler as Dn, Matrix4 as Se, PlaneGeometry as Nn, DoubleSide as an, Loader as ln, FileLoader as xt, Color as pe, SRGBColorSpace as Ae, Group as tt, Material as je, PointsMaterial as Ce, MeshPhongMaterial as kn, LineSegments as mt, Points as nt, TrianglesDrawMode as jn, TriangleFanDrawMode as gt, TriangleStripDrawMode as cn, LoaderUtils as Fe, MeshPhysicalMaterial as se, LinearSRGBColorSpace as ae, SpotLight as Fn, PointLight as Hn, DirectionalLight as Un, InstancedMesh as zn, InstancedBufferAttribute as Gn, TextureLoader as Xn, ImageBitmapLoader as Yn, BufferAttribute as rt, InterleavedBuffer as Bn, InterleavedBufferAttribute as Kn, LinearMipmapLinearFilter as hn, NearestMipmapLinearFilter as Vn, LinearMipmapNearestFilter as Zn, NearestMipmapNearestFilter as Qn, LinearFilter as yt, NearestFilter as un, RepeatWrapping as _t, MirroredRepeatWrapping as qn, ClampToEdgeWrapping as Wn, MeshStandardMaterial as dn, PropertyBinding as $n, SkinnedMesh as Jn, LineLoop as es, PerspectiveCamera as ts, OrthographicCamera as ns, Skeleton as ss, AnimationClip as is, Bone as os, InterpolateDiscrete as rs, InterpolateLinear as pn, Texture as Lt, VectorKeyframeTrack as It, NumberKeyframeTrack as Ot, QuaternionKeyframeTrack as Ct, ColorManagement as Dt, FrontSide as as, Interpolant as ls, Box3 as cs, Sphere as hs } from "three";
+import { Controls as on, Vector3 as M, MOUSE as Me, TOUCH as xe, Quaternion as K, Spherical as Pt, Vector2 as V, Ray as Ln, Plane as In, MathUtils as rn, Raycaster as On, Object3D as Ue, MeshBasicMaterial as _e, LineBasicMaterial as ke, CylinderGeometry as Y, BoxGeometry as z, BufferGeometry as ze, Float32BufferAttribute as ue, Mesh as T, OctahedronGeometry as Qe, Line as re, TorusGeometry as Pe, SphereGeometry as Cn, Euler as Dn, Matrix4 as Se, PlaneGeometry as Nn, DoubleSide as an, Loader as ln, FileLoader as xt, Color as pe, SRGBColorSpace as Re, Group as tt, Material as je, PointsMaterial as Ce, MeshPhongMaterial as kn, LineSegments as mt, Points as nt, TrianglesDrawMode as jn, TriangleFanDrawMode as gt, TriangleStripDrawMode as cn, LoaderUtils as Fe, MeshPhysicalMaterial as se, LinearSRGBColorSpace as ae, SpotLight as Fn, PointLight as Hn, DirectionalLight as Un, InstancedMesh as zn, InstancedBufferAttribute as Gn, TextureLoader as Xn, ImageBitmapLoader as Yn, BufferAttribute as rt, InterleavedBuffer as Bn, InterleavedBufferAttribute as Kn, LinearMipmapLinearFilter as hn, NearestMipmapLinearFilter as Vn, LinearMipmapNearestFilter as Zn, NearestMipmapNearestFilter as Qn, LinearFilter as yt, NearestFilter as un, RepeatWrapping as _t, MirroredRepeatWrapping as qn, ClampToEdgeWrapping as Wn, MeshStandardMaterial as dn, PropertyBinding as $n, SkinnedMesh as Jn, LineLoop as es, PerspectiveCamera as ts, OrthographicCamera as ns, Skeleton as ss, AnimationClip as is, Bone as os, InterpolateDiscrete as rs, InterpolateLinear as pn, Texture as Lt, VectorKeyframeTrack as It, NumberKeyframeTrack as Ot, QuaternionKeyframeTrack as Ct, ColorManagement as Dt, FrontSide as as, Interpolant as ls, Box3 as cs, Sphere as hs } from "three";
 import us from "@tweenjs/tween.js";
 const Nt = { type: "change" }, Et = { type: "start" }, fn = { type: "end" }, qe = new Ln(), kt = new In(), ds = Math.cos(70 * rn.DEG2RAD), k = new M(), B = 2 * Math.PI, P = {
   NONE: -1,
@@ -531,19 +531,19 @@ class Ss extends on {
     this._plane = i, s.add(i);
     const o = this;
     function a(x, S) {
-      let R = S;
+      let A = S;
       Object.defineProperty(o, x, {
         get: function() {
-          return R !== void 0 ? R : S;
+          return A !== void 0 ? A : S;
         },
         set: function(v) {
-          R !== v && (R = v, i[x] = v, n[x] = v, o.dispatchEvent({ type: x + "-changed", value: v }), o.dispatchEvent(lt));
+          A !== v && (A = v, i[x] = v, n[x] = v, o.dispatchEvent({ type: x + "-changed", value: v }), o.dispatchEvent(lt));
         }
       }), o[x] = S, i[x] = S, n[x] = S;
     }
     a("camera", e), a("object", void 0), a("enabled", !0), a("axis", null), a("mode", "translate"), a("translationSnap", null), a("rotationSnap", null), a("scaleSnap", null), a("space", "world"), a("size", 1), a("dragging", !1), a("showX", !0), a("showY", !0), a("showZ", !0), a("showXY", !0), a("showYZ", !0), a("showXZ", !0), a("minX", -1 / 0), a("maxX", 1 / 0), a("minY", -1 / 0), a("maxY", 1 / 0), a("minZ", -1 / 0), a("maxZ", 1 / 0);
     const l = new M(), h = new M(), u = new K(), c = new K(), p = new M(), m = new K(), b = new M(), f = new M(), y = new M(), d = 0, _ = new M();
-    a("worldPosition", l), a("worldPositionStart", h), a("worldQuaternion", u), a("worldQuaternionStart", c), a("cameraPosition", p), a("cameraQuaternion", m), a("pointStart", b), a("pointEnd", f), a("rotationAxis", y), a("rotationAngle", d), a("eye", _), this._offset = new M(), this._startNorm = new M(), this._endNorm = new M(), this._cameraScale = new M(), this._parentPosition = new M(), this._parentQuaternion = new K(), this._parentQuaternionInv = new K(), this._parentScale = new M(), this._worldScaleStart = new M(), this._worldQuaternionInv = new K(), this._worldScale = new M(), this._positionStart = new M(), this._quaternionStart = new K(), this._scaleStart = new M(), this._getPointer = As.bind(this), this._onPointerDown = Ps.bind(this), this._onPointerHover = Rs.bind(this), this._onPointerMove = Ls.bind(this), this._onPointerUp = Is.bind(this), t !== null && this.connect(t);
+    a("worldPosition", l), a("worldPositionStart", h), a("worldQuaternion", u), a("worldQuaternionStart", c), a("cameraPosition", p), a("cameraQuaternion", m), a("pointStart", b), a("pointEnd", f), a("rotationAxis", y), a("rotationAngle", d), a("eye", _), this._offset = new M(), this._startNorm = new M(), this._endNorm = new M(), this._cameraScale = new M(), this._parentPosition = new M(), this._parentQuaternion = new K(), this._parentQuaternionInv = new K(), this._parentScale = new M(), this._worldScaleStart = new M(), this._worldQuaternionInv = new K(), this._worldScale = new M(), this._positionStart = new M(), this._quaternionStart = new K(), this._scaleStart = new M(), this._getPointer = Rs.bind(this), this._onPointerDown = Ps.bind(this), this._onPointerHover = As.bind(this), this._onPointerMove = Ls.bind(this), this._onPointerUp = Is.bind(this), t !== null && this.connect(t);
   }
   connect(e) {
     super.connect(e), this.domElement.addEventListener("pointerdown", this._onPointerDown), this.domElement.addEventListener("pointermove", this._onPointerHover), this.domElement.addEventListener("pointerup", this._onPointerUp), this.domElement.style.touchAction = "none";
@@ -705,7 +705,7 @@ class Ss extends on {
     i.xAxis.color.set(e), i.yAxis.color.set(t), i.zAxis.color.set(s), i.active.color.set(n), i.xAxisTransparent.color.set(e), i.yAxisTransparent.color.set(t), i.zAxisTransparent.color.set(s), i.activeTransparent.color.set(n), i.xAxis._color && i.xAxis._color.set(e), i.yAxis._color && i.yAxis._color.set(t), i.zAxis._color && i.zAxis._color.set(s), i.active._color && i.active._color.set(n), i.xAxisTransparent._color && i.xAxisTransparent._color.set(e), i.yAxisTransparent._color && i.yAxisTransparent._color.set(t), i.zAxisTransparent._color && i.zAxisTransparent._color.set(s), i.activeTransparent._color && i.activeTransparent._color.set(n);
   }
 }
-function As(r) {
+function Rs(r) {
   if (this.domElement.ownerDocument.pointerLockElement)
     return {
       x: 0,
@@ -721,7 +721,7 @@ function As(r) {
     };
   }
 }
-function Rs(r) {
+function As(r) {
   if (this.enabled)
     switch (r.pointerType) {
       case "mouse":
@@ -826,7 +826,7 @@ class Cs extends Ue {
       const Z = new ze();
       return Z.setAttribute("position", new ue([0, 0, 0, 1, 1, 1], 3)), Z;
     }
-    const R = {
+    const A = {
       X: [
         [new T(f, i), [0.5, 0, 0], [0, 0, -Math.PI / 2]],
         [new T(f, i), [-0.5, 0, 0], [0, 0, Math.PI / 2]],
@@ -1004,12 +1004,12 @@ class Cs extends Ue {
         for (let Te = Z[J].length; Te--; ) {
           const X = Z[J][Te][0].clone(), Be = Z[J][Te][1], Ke = Z[J][Te][2], Ve = Z[J][Te][3], wn = Z[J][Te][4];
           X.name = J, X.tag = wn, Be && X.position.set(Be[0], Be[1], Be[2]), Ke && X.rotation.set(Ke[0], Ke[1], Ke[2]), Ve && X.scale.set(Ve[0], Ve[1], Ve[2]), X.updateMatrix();
-          const At = X.geometry.clone();
-          At.applyMatrix4(X.matrix), X.geometry = At, X.renderOrder = 1 / 0, X.position.set(0, 0, 0), X.rotation.set(0, 0, 0), X.scale.set(1, 1, 1), Ye.add(X);
+          const Rt = X.geometry.clone();
+          Rt.applyMatrix4(X.matrix), X.geometry = Rt, X.renderOrder = 1 / 0, X.position.set(0, 0, 0), X.rotation.set(0, 0, 0), X.scale.set(1, 1, 1), Ye.add(X);
         }
       return Ye;
     }
-    this.gizmo = {}, this.picker = {}, this.helper = {}, this.add(this.gizmo.translate = oe(R)), this.add(this.gizmo.rotate = oe(ie)), this.add(this.gizmo.scale = oe($)), this.add(this.picker.translate = oe(v)), this.add(this.picker.rotate = oe(fe)), this.add(this.picker.scale = oe(E)), this.add(this.helper.translate = oe(I)), this.add(this.helper.rotate = oe(ee)), this.add(this.helper.scale = oe(j)), this.picker.translate.visible = !1, this.picker.rotate.visible = !1, this.picker.scale.visible = !1;
+    this.gizmo = {}, this.picker = {}, this.helper = {}, this.add(this.gizmo.translate = oe(A)), this.add(this.gizmo.rotate = oe(ie)), this.add(this.gizmo.scale = oe($)), this.add(this.picker.translate = oe(v)), this.add(this.picker.rotate = oe(fe)), this.add(this.picker.scale = oe(E)), this.add(this.helper.translate = oe(I)), this.add(this.helper.rotate = oe(ee)), this.add(this.helper.scale = oe(j)), this.picker.translate.visible = !1, this.picker.rotate.visible = !1, this.picker.scale.visible = !1;
   }
   // updateMatrixWorld will update transformations and appearance of individual handles
   updateMatrixWorld(e) {
@@ -1095,12 +1095,20 @@ const w = {
   /** 当前选中的物体 */
   selectedObject: null
 };
-let ht = !1, Re = !1, be = null, bt = null, it = null, we = [];
+let ht = !1, Ae = !1, be = null, bt = null, it = null, we = [];
 function Ns(r, e = "edit", t) {
   if (w.container = r, w.mode = e, ks(), js(), Hs(), t) {
     ei(t.scene, e);
     const s = t.camera;
-    w.camera.position.fromArray(s.position), w.camera.rotation.fromArray(s.rotation);
+    w.camera.position.set(
+      s.position.x,
+      s.position.y,
+      s.position.z
+    ), w.camera.rotation.set(
+      s.rotation._x,
+      s.rotation._y,
+      s.rotation._z
+    );
   }
   zs(), Us(), Qs(), mn(), e === "edit" && r.addEventListener("click", Ys), window.addEventListener("resize", Xs), t || Gs(), e === "edit" && Fs();
 }
@@ -1126,8 +1134,8 @@ function Us() {
   }), r.addEventListener("change", () => {
     ht = !0;
   }), r.addEventListener("end", () => {
-    ht && (Re = !0, setTimeout(() => {
-      Re = !1;
+    ht && (Ae = !0, setTimeout(() => {
+      Ae = !1;
     }, 200));
   }), w.orbitControls = r;
 }
@@ -1137,8 +1145,8 @@ function zs() {
     w.renderer.domElement
   );
   r.addEventListener("dragging-changed", (e) => {
-    w.orbitControls.enabled = !e.value, e.value || (Re = !0, setTimeout(() => {
-      Re = !1;
+    w.orbitControls.enabled = !e.value, e.value || (Ae = !0, setTimeout(() => {
+      Ae = !1;
     }, 200));
   }), r.addEventListener("objectChange", () => {
     bt && w.selectedObject && bt(w.selectedObject);
@@ -1166,8 +1174,8 @@ function gn() {
   w.selectedObject && (w.transformControls.detach(), w.selectedObject = null, be == null || be(null));
 }
 function Ys(r) {
-  if (Re) {
-    Re = !1;
+  if (Ae) {
+    Ae = !1;
     return;
   }
   const e = w.renderer.domElement.getBoundingClientRect(), t = new F.Vector2(
@@ -1478,7 +1486,7 @@ class ri extends ln {
                 parseFloat(c[4]),
                 parseFloat(c[5]),
                 parseFloat(c[6]),
-                Ae
+                Re
               ), t.colors.push(et.r, et.g, et.b)) : t.colors.push(void 0, void 0, void 0);
               break;
             case "vn":
@@ -1567,8 +1575,8 @@ class ri extends ln {
         f.setAttribute("position", new ue(u.vertices, 3)), u.normals.length > 0 && f.setAttribute("normal", new ue(u.normals, 3)), u.colors.length > 0 && (b = !0, f.setAttribute("color", new ue(u.colors, 3))), u.hasUVIndices === !0 && f.setAttribute("uv", new ue(u.uvs, 2));
         const y = [];
         for (let _ = 0, x = c.length; _ < x; _++) {
-          const S = c[_], R = S.name + "_" + S.smooth + "_" + b;
-          let v = t.materials[R];
+          const S = c[_], A = S.name + "_" + S.smooth + "_" + b;
+          let v = t.materials[A];
           if (this.materials !== null) {
             if (v = this.materials.create(S.name), p && v && !(v instanceof ke)) {
               const I = new ke();
@@ -1578,7 +1586,7 @@ class ri extends ln {
               je.prototype.copy.call(I, v), I.color.copy(v.color), I.map = v.map, v = I;
             }
           }
-          v === void 0 && (p ? v = new ke() : m ? v = new Ce({ size: 1, sizeAttenuation: !1 }) : v = new kn(), v.name = S.name, v.flatShading = !S.smooth, v.vertexColors = b, t.materials[R] = v), y.push(v);
+          v === void 0 && (p ? v = new ke() : m ? v = new Ce({ size: 1, sizeAttenuation: !1 }) : v = new kn(), v.name = S.name, v.flatShading = !S.smooth, v.vertexColors = b, t.materials[A] = v), y.push(v);
         }
         let d;
         if (y.length > 1) {
@@ -1682,9 +1690,9 @@ class li extends ln {
     }), this.register(function(t) {
       return new hi(t);
     }), this.register(function(t) {
-      return new Qt(t, A.EXT_MESHOPT_COMPRESSION);
+      return new Qt(t, R.EXT_MESHOPT_COMPRESSION);
     }), this.register(function(t) {
-      return new Qt(t, A.KHR_MESHOPT_COMPRESSION);
+      return new Qt(t, R.KHR_MESHOPT_COMPRESSION);
     }), this.register(function(t) {
       return new Si(t);
     });
@@ -1788,12 +1796,12 @@ class li extends ln {
     else if (e instanceof ArrayBuffer)
       if (l.decode(new Uint8Array(e, 0, 4)) === _n) {
         try {
-          o[A.KHR_BINARY_GLTF] = new Ai(e);
+          o[R.KHR_BINARY_GLTF] = new Ri(e);
         } catch (c) {
           n && n(c);
           return;
         }
-        i = JSON.parse(o[A.KHR_BINARY_GLTF].content);
+        i = JSON.parse(o[R.KHR_BINARY_GLTF].content);
       } else
         i = JSON.parse(l.decode(e));
     else
@@ -1819,16 +1827,16 @@ class li extends ln {
       for (let u = 0; u < i.extensionsUsed.length; ++u) {
         const c = i.extensionsUsed[u], p = i.extensionsRequired || [];
         switch (c) {
-          case A.KHR_MATERIALS_UNLIT:
+          case R.KHR_MATERIALS_UNLIT:
             o[c] = new ui();
             break;
-          case A.KHR_DRACO_MESH_COMPRESSION:
-            o[c] = new Ri(i, this.dracoLoader);
+          case R.KHR_DRACO_MESH_COMPRESSION:
+            o[c] = new Ai(i, this.dracoLoader);
             break;
-          case A.KHR_TEXTURE_TRANSFORM:
+          case R.KHR_TEXTURE_TRANSFORM:
             o[c] = new Pi();
             break;
-          case A.KHR_MESH_QUANTIZATION:
+          case R.KHR_MESH_QUANTIZATION:
             o[c] = new Li();
             break;
           default:
@@ -1873,7 +1881,7 @@ function C(r, e, t) {
   const s = r.json.materials[e];
   return s.extensions && s.extensions[t] ? s.extensions[t] : null;
 }
-const A = {
+const R = {
   KHR_BINARY_GLTF: "KHR_binary_glTF",
   KHR_DRACO_MESH_COMPRESSION: "KHR_draco_mesh_compression",
   KHR_LIGHTS_PUNCTUAL: "KHR_lights_punctual",
@@ -1900,7 +1908,7 @@ const A = {
 };
 class hi {
   constructor(e) {
-    this.parser = e, this.name = A.KHR_LIGHTS_PUNCTUAL, this.cache = { refs: {}, uses: {} };
+    this.parser = e, this.name = R.KHR_LIGHTS_PUNCTUAL, this.cache = { refs: {}, uses: {} };
   }
   _markDefs() {
     const e = this.parser, t = this.parser.json.nodes || [];
@@ -1946,7 +1954,7 @@ class hi {
 }
 class ui {
   constructor() {
-    this.name = A.KHR_MATERIALS_UNLIT;
+    this.name = R.KHR_MATERIALS_UNLIT;
   }
   getMaterialType() {
     return _e;
@@ -1960,14 +1968,14 @@ class ui {
         const o = i.baseColorFactor;
         e.color.setRGB(o[0], o[1], o[2], ae), e.opacity = o[3];
       }
-      i.baseColorTexture !== void 0 && n.push(s.assignTexture(e, "map", i.baseColorTexture, Ae));
+      i.baseColorTexture !== void 0 && n.push(s.assignTexture(e, "map", i.baseColorTexture, Re));
     }
     return Promise.all(n);
   }
 }
 class di {
   constructor(e) {
-    this.parser = e, this.name = A.KHR_MATERIALS_EMISSIVE_STRENGTH;
+    this.parser = e, this.name = R.KHR_MATERIALS_EMISSIVE_STRENGTH;
   }
   extendMaterialParams(e, t) {
     const s = C(this.parser, e, this.name);
@@ -1976,7 +1984,7 @@ class di {
 }
 class pi {
   constructor(e) {
-    this.parser = e, this.name = A.KHR_MATERIALS_CLEARCOAT;
+    this.parser = e, this.name = R.KHR_MATERIALS_CLEARCOAT;
   }
   getMaterialType(e) {
     return C(this.parser, e, this.name) !== null ? se : null;
@@ -1994,7 +2002,7 @@ class pi {
 }
 class fi {
   constructor(e) {
-    this.parser = e, this.name = A.KHR_MATERIALS_DISPERSION;
+    this.parser = e, this.name = R.KHR_MATERIALS_DISPERSION;
   }
   getMaterialType(e) {
     return C(this.parser, e, this.name) !== null ? se : null;
@@ -2006,7 +2014,7 @@ class fi {
 }
 class mi {
   constructor(e) {
-    this.parser = e, this.name = A.KHR_MATERIALS_IRIDESCENCE;
+    this.parser = e, this.name = R.KHR_MATERIALS_IRIDESCENCE;
   }
   getMaterialType(e) {
     return C(this.parser, e, this.name) !== null ? se : null;
@@ -2020,7 +2028,7 @@ class mi {
 }
 class gi {
   constructor(e) {
-    this.parser = e, this.name = A.KHR_MATERIALS_SHEEN;
+    this.parser = e, this.name = R.KHR_MATERIALS_SHEEN;
   }
   getMaterialType(e) {
     return C(this.parser, e, this.name) !== null ? se : null;
@@ -2033,12 +2041,12 @@ class gi {
       const i = s.sheenColorFactor;
       t.sheenColor.setRGB(i[0], i[1], i[2], ae);
     }
-    return s.sheenRoughnessFactor !== void 0 && (t.sheenRoughness = s.sheenRoughnessFactor), s.sheenColorTexture !== void 0 && n.push(this.parser.assignTexture(t, "sheenColorMap", s.sheenColorTexture, Ae)), s.sheenRoughnessTexture !== void 0 && n.push(this.parser.assignTexture(t, "sheenRoughnessMap", s.sheenRoughnessTexture)), Promise.all(n);
+    return s.sheenRoughnessFactor !== void 0 && (t.sheenRoughness = s.sheenRoughnessFactor), s.sheenColorTexture !== void 0 && n.push(this.parser.assignTexture(t, "sheenColorMap", s.sheenColorTexture, Re)), s.sheenRoughnessTexture !== void 0 && n.push(this.parser.assignTexture(t, "sheenRoughnessMap", s.sheenRoughnessTexture)), Promise.all(n);
   }
 }
 class yi {
   constructor(e) {
-    this.parser = e, this.name = A.KHR_MATERIALS_TRANSMISSION;
+    this.parser = e, this.name = R.KHR_MATERIALS_TRANSMISSION;
   }
   getMaterialType(e) {
     return C(this.parser, e, this.name) !== null ? se : null;
@@ -2052,7 +2060,7 @@ class yi {
 }
 class _i {
   constructor(e) {
-    this.parser = e, this.name = A.KHR_MATERIALS_VOLUME;
+    this.parser = e, this.name = R.KHR_MATERIALS_VOLUME;
   }
   getMaterialType(e) {
     return C(this.parser, e, this.name) !== null ? se : null;
@@ -2068,7 +2076,7 @@ class _i {
 }
 class bi {
   constructor(e) {
-    this.parser = e, this.name = A.KHR_MATERIALS_IOR;
+    this.parser = e, this.name = R.KHR_MATERIALS_IOR;
   }
   getMaterialType(e) {
     return C(this.parser, e, this.name) !== null ? se : null;
@@ -2080,7 +2088,7 @@ class bi {
 }
 class wi {
   constructor(e) {
-    this.parser = e, this.name = A.KHR_MATERIALS_SPECULAR;
+    this.parser = e, this.name = R.KHR_MATERIALS_SPECULAR;
   }
   getMaterialType(e) {
     return C(this.parser, e, this.name) !== null ? se : null;
@@ -2091,12 +2099,12 @@ class wi {
     const n = [];
     t.specularIntensity = s.specularFactor !== void 0 ? s.specularFactor : 1, s.specularTexture !== void 0 && n.push(this.parser.assignTexture(t, "specularIntensityMap", s.specularTexture));
     const i = s.specularColorFactor || [1, 1, 1];
-    return t.specularColor = new pe().setRGB(i[0], i[1], i[2], ae), s.specularColorTexture !== void 0 && n.push(this.parser.assignTexture(t, "specularColorMap", s.specularColorTexture, Ae)), Promise.all(n);
+    return t.specularColor = new pe().setRGB(i[0], i[1], i[2], ae), s.specularColorTexture !== void 0 && n.push(this.parser.assignTexture(t, "specularColorMap", s.specularColorTexture, Re)), Promise.all(n);
   }
 }
 class Ti {
   constructor(e) {
-    this.parser = e, this.name = A.EXT_MATERIALS_BUMP;
+    this.parser = e, this.name = R.EXT_MATERIALS_BUMP;
   }
   getMaterialType(e) {
     return C(this.parser, e, this.name) !== null ? se : null;
@@ -2110,7 +2118,7 @@ class Ti {
 }
 class xi {
   constructor(e) {
-    this.parser = e, this.name = A.KHR_MATERIALS_ANISOTROPY;
+    this.parser = e, this.name = R.KHR_MATERIALS_ANISOTROPY;
   }
   getMaterialType(e) {
     return C(this.parser, e, this.name) !== null ? se : null;
@@ -2124,7 +2132,7 @@ class xi {
 }
 class Ei {
   constructor(e) {
-    this.parser = e, this.name = A.KHR_TEXTURE_BASISU;
+    this.parser = e, this.name = R.KHR_TEXTURE_BASISU;
   }
   loadTexture(e) {
     const t = this.parser, s = t.json, n = s.textures[e];
@@ -2141,7 +2149,7 @@ class Ei {
 }
 class Mi {
   constructor(e) {
-    this.parser = e, this.name = A.EXT_TEXTURE_WEBP;
+    this.parser = e, this.name = R.EXT_TEXTURE_WEBP;
   }
   loadTexture(e) {
     const t = this.name, s = this.parser, n = s.json, i = n.textures[e];
@@ -2158,7 +2166,7 @@ class Mi {
 }
 class vi {
   constructor(e) {
-    this.parser = e, this.name = A.EXT_TEXTURE_AVIF;
+    this.parser = e, this.name = R.EXT_TEXTURE_AVIF;
   }
   loadTexture(e) {
     const t = this.name, s = this.parser, n = s.json, i = n.textures[e];
@@ -2201,7 +2209,7 @@ class Qt {
 }
 class Si {
   constructor(e) {
-    this.name = A.EXT_MESH_GPU_INSTANCING, this.parser = e;
+    this.name = R.EXT_MESH_GPU_INSTANCING, this.parser = e;
   }
   createNodeMesh(e) {
     const t = this.parser.json, s = t.nodes[e];
@@ -2222,8 +2230,8 @@ class Si {
           l.TRANSLATION && y.fromBufferAttribute(l.TRANSLATION, S), l.ROTATION && d.fromBufferAttribute(l.ROTATION, S), l.SCALE && _.fromBufferAttribute(l.SCALE, S), x.setMatrixAt(S, f.compose(y, d, _));
         for (const S in l)
           if (S === "_COLOR_0") {
-            const R = l[S];
-            x.instanceColor = new Gn(R.array, R.itemSize, R.normalized);
+            const A = l[S];
+            x.instanceColor = new Gn(A.array, A.itemSize, A.normalized);
           } else S !== "TRANSLATION" && S !== "ROTATION" && S !== "SCALE" && b.geometry.setAttribute(S, l[S]);
         Ue.prototype.copy.call(x, b), this.parser.assignFinalMaterial(x), m.push(x);
       }
@@ -2232,9 +2240,9 @@ class Si {
   }
 }
 const _n = "glTF", Oe = 12, qt = { JSON: 1313821514, BIN: 5130562 };
-class Ai {
+class Ri {
   constructor(e) {
-    this.name = A.KHR_BINARY_GLTF, this.content = null, this.body = null;
+    this.name = R.KHR_BINARY_GLTF, this.content = null, this.body = null;
     const t = new DataView(e, 0, Oe), s = new TextDecoder();
     if (this.header = {
       magic: s.decode(new Uint8Array(e.slice(0, 4))),
@@ -2263,11 +2271,11 @@ class Ai {
       throw new Error("THREE.GLTFLoader: JSON content not found.");
   }
 }
-class Ri {
+class Ai {
   constructor(e, t) {
     if (!t)
       throw new Error("THREE.GLTFLoader: No DRACOLoader instance provided.");
-    this.name = A.KHR_DRACO_MESH_COMPRESSION, this.json = e, this.dracoLoader = t, this.dracoLoader.preload();
+    this.name = R.KHR_DRACO_MESH_COMPRESSION, this.json = e, this.dracoLoader = t, this.dracoLoader.preload();
   }
   decodePrimitive(e, t) {
     const s = this.json, n = this.dracoLoader, i = e.extensions[this.name].bufferView, o = e.extensions[this.name].attributes, a = {}, l = {}, h = {};
@@ -2297,7 +2305,7 @@ class Ri {
 }
 class Pi {
   constructor() {
-    this.name = A.KHR_TEXTURE_TRANSFORM;
+    this.name = R.KHR_TEXTURE_TRANSFORM;
   }
   extendTexture(e, t) {
     return (t.texCoord === void 0 || t.texCoord === e.channel) && t.offset === void 0 && t.rotation === void 0 && t.scale === void 0 || (e = e.clone(), t.texCoord !== void 0 && (e.channel = t.texCoord), t.offset !== void 0 && e.offset.fromArray(t.offset), t.rotation !== void 0 && (e.rotation = t.rotation), t.scale !== void 0 && e.repeat.fromArray(t.scale), e.needsUpdate = !0), e;
@@ -2305,7 +2313,7 @@ class Pi {
 }
 class Li {
   constructor() {
-    this.name = A.KHR_MESH_QUANTIZATION;
+    this.name = R.KHR_MESH_QUANTIZATION;
   }
 }
 class bn extends ls {
@@ -2321,8 +2329,8 @@ class bn extends ls {
   interpolate_(e, t, s, n) {
     const i = this.resultBuffer, o = this.sampleValues, a = this.valueSize, l = a * 2, h = a * 3, u = n - t, c = (s - t) / u, p = c * c, m = p * c, b = e * h, f = b - h, y = -2 * m + 3 * p, d = m - p, _ = 1 - y, x = d - p + c;
     for (let S = 0; S !== a; S++) {
-      const R = o[f + S + a], v = o[f + S + l] * u, I = o[b + S + a], ie = o[b + S] * u;
-      i[S] = _ * R + x * v + y * I + d * ie;
+      const A = o[f + S + a], v = o[f + S + l] * u, I = o[b + S + a], ie = o[b + S] * u;
+      i[S] = _ * A + x * v + y * I + d * ie;
     }
     return i;
   }
@@ -2461,7 +2469,7 @@ function ki(r, e) {
 }
 function ji(r) {
   let e;
-  const t = r.extensions && r.extensions[A.KHR_DRACO_MESH_COMPRESSION];
+  const t = r.extensions && r.extensions[R.KHR_DRACO_MESH_COMPRESSION];
   if (t ? e = "draco:" + t.bufferView + ":" + t.indices + ":" + ft(t.attributes) : e = r.indices + ":" + ft(r.attributes) + ":" + r.mode, r.targets !== void 0)
     for (let s = 0, n = r.targets.length; s < n; s++)
       e += ":" + ft(r.targets[s]);
@@ -2710,7 +2718,7 @@ class Ui {
     if (t.type && t.type !== "arraybuffer")
       throw new Error("THREE.GLTFLoader: " + t.type + " buffer type is not supported.");
     if (t.uri === void 0 && e === 0)
-      return Promise.resolve(this.extensions[A.KHR_BINARY_GLTF].body);
+      return Promise.resolve(this.extensions[R.KHR_BINARY_GLTF].body);
     const n = this.options;
     return new Promise(function(i, o) {
       s.load(Fe.resolveURL(t.uri, n.path), i, void 0, function() {
@@ -2756,10 +2764,10 @@ class Ui {
       } else
         a === null ? f = new h(n.count * l) : f = new h(a, p, n.count * l), y = new rt(f, l, b);
       if (n.sparse !== void 0) {
-        const d = dt.SCALAR, _ = ve[n.sparse.indices.componentType], x = n.sparse.indices.byteOffset || 0, S = n.sparse.values.byteOffset || 0, R = new _(o[1], x, n.sparse.count * d), v = new h(o[2], S, n.sparse.count * l);
+        const d = dt.SCALAR, _ = ve[n.sparse.indices.componentType], x = n.sparse.indices.byteOffset || 0, S = n.sparse.values.byteOffset || 0, A = new _(o[1], x, n.sparse.count * d), v = new h(o[2], S, n.sparse.count * l);
         a !== null && (y = new rt(y.array.slice(), y.itemSize, y.normalized)), y.normalized = !1;
-        for (let I = 0, ie = R.length; I < ie; I++) {
-          const ee = R[I];
+        for (let I = 0, ie = A.length; I < ie; I++) {
+          const ee = A[I];
           if (y.setX(ee, v[I * l]), l >= 2 && y.setY(ee, v[I * l + 1]), l >= 3 && y.setZ(ee, v[I * l + 2]), l >= 4 && y.setW(ee, v[I * l + 3]), l >= 5) throw new Error("THREE.GLTFLoader: Unsupported itemSize in sparse BufferAttribute.");
         }
         y.normalized = b;
@@ -2839,11 +2847,11 @@ class Ui {
     const i = this;
     return this.getDependency("texture", s.index).then(function(o) {
       if (!o) return null;
-      if (s.texCoord !== void 0 && s.texCoord > 0 && (o = o.clone(), o.channel = s.texCoord), i.extensions[A.KHR_TEXTURE_TRANSFORM]) {
-        const a = s.extensions !== void 0 ? s.extensions[A.KHR_TEXTURE_TRANSFORM] : void 0;
+      if (s.texCoord !== void 0 && s.texCoord > 0 && (o = o.clone(), o.channel = s.texCoord), i.extensions[R.KHR_TEXTURE_TRANSFORM]) {
+        const a = s.extensions !== void 0 ? s.extensions[R.KHR_TEXTURE_TRANSFORM] : void 0;
         if (a) {
           const l = i.associations.get(o);
-          o = i.extensions[A.KHR_TEXTURE_TRANSFORM].extendTexture(o, a), i.associations.set(o, l);
+          o = i.extensions[R.KHR_TEXTURE_TRANSFORM].extendTexture(o, a), i.associations.set(o, l);
         }
       }
       return n !== void 0 && (o.colorSpace = n), e[t] = o, o;
@@ -2894,8 +2902,8 @@ class Ui {
     const t = this, s = this.json, n = this.extensions, i = s.materials[e];
     let o;
     const a = {}, l = i.extensions || {}, h = [];
-    if (l[A.KHR_MATERIALS_UNLIT]) {
-      const c = n[A.KHR_MATERIALS_UNLIT];
+    if (l[R.KHR_MATERIALS_UNLIT]) {
+      const c = n[R.KHR_MATERIALS_UNLIT];
       o = c.getMaterialType(), h.push(c.extendParams(a, i, t));
     } else {
       const c = i.pbrMetallicRoughness || {};
@@ -2903,7 +2911,7 @@ class Ui {
         const p = c.baseColorFactor;
         a.color.setRGB(p[0], p[1], p[2], ae), a.opacity = p[3];
       }
-      c.baseColorTexture !== void 0 && h.push(t.assignTexture(a, "map", c.baseColorTexture, Ae)), a.metalness = c.metallicFactor !== void 0 ? c.metallicFactor : 1, a.roughness = c.roughnessFactor !== void 0 ? c.roughnessFactor : 1, c.metallicRoughnessTexture !== void 0 && (h.push(t.assignTexture(a, "metalnessMap", c.metallicRoughnessTexture)), h.push(t.assignTexture(a, "roughnessMap", c.metallicRoughnessTexture))), o = this._invokeOne(function(p) {
+      c.baseColorTexture !== void 0 && h.push(t.assignTexture(a, "map", c.baseColorTexture, Re)), a.metalness = c.metallicFactor !== void 0 ? c.metallicFactor : 1, a.roughness = c.roughnessFactor !== void 0 ? c.roughnessFactor : 1, c.metallicRoughnessTexture !== void 0 && (h.push(t.assignTexture(a, "metalnessMap", c.metallicRoughnessTexture)), h.push(t.assignTexture(a, "roughnessMap", c.metallicRoughnessTexture))), o = this._invokeOne(function(p) {
         return p.getMaterialType && p.getMaterialType(e);
       }), h.push(Promise.all(this._invokeAll(function(p) {
         return p.extendMaterialParams && p.extendMaterialParams(e, a);
@@ -2919,7 +2927,7 @@ class Ui {
       const c = i.emissiveFactor;
       a.emissive = new pe().setRGB(c[0], c[1], c[2], ae);
     }
-    return i.emissiveTexture !== void 0 && o !== _e && h.push(t.assignTexture(a, "emissiveMap", i.emissiveTexture, Ae)), Promise.all(h).then(function() {
+    return i.emissiveTexture !== void 0 && o !== _e && h.push(t.assignTexture(a, "emissiveMap", i.emissiveTexture, Re)), Promise.all(h).then(function() {
       const c = new o(a);
       return i.name && (c.name = i.name), ne(c, i), t.associations.set(c, { materials: e }), i.extensions && ge(n, c, i), c;
     });
@@ -2947,7 +2955,7 @@ class Ui {
   loadGeometries(e) {
     const t = this, s = this.extensions, n = this.primitiveCache;
     function i(a) {
-      return s[A.KHR_DRACO_MESH_COMPRESSION].decodePrimitive(a, t).then(function(l) {
+      return s[R.KHR_DRACO_MESH_COMPRESSION].decodePrimitive(a, t).then(function(l) {
         return Jt(l, a, t);
       });
     }
@@ -2958,7 +2966,7 @@ class Ui {
         o.push(c.promise);
       else {
         let p;
-        h.extensions && h.extensions[A.KHR_DRACO_MESH_COMPRESSION] ? p = i(h) : p = Jt(new ze(), h, t), n[u] = { primitive: h, promise: p }, o.push(p);
+        h.extensions && h.extensions[R.KHR_DRACO_MESH_COMPRESSION] ? p = i(h) : p = Jt(new ze(), h, t), n[u] = { primitive: h, promise: p }, o.push(p);
       }
     }
     return Promise.all(o);
@@ -3073,10 +3081,10 @@ class Ui {
     ]).then(function(c) {
       const p = c[0], m = c[1], b = c[2], f = c[3], y = c[4], d = [];
       for (let x = 0, S = p.length; x < S; x++) {
-        const R = p[x], v = m[x], I = b[x], ie = f[x], ee = y[x];
-        if (R === void 0) continue;
-        R.updateMatrix && R.updateMatrix();
-        const fe = s._createAnimationTracks(R, v, I, ie, ee);
+        const A = p[x], v = m[x], I = b[x], ie = f[x], ee = y[x];
+        if (A === void 0) continue;
+        A.updateMatrix && A.updateMatrix();
+        const fe = s._createAnimationTracks(A, v, I, ie, ee);
         if (fe)
           for (let $ = 0; $ < fe.length; $++)
             d.push(fe[$]);
@@ -3410,13 +3418,13 @@ const Ki = {
           l.value ? (N(), U("span", {
             key: 0,
             class: "toggle-icon",
-            onClick: y[0] || (y[0] = Rt((_) => Mn(o)(r.node.uuid), ["stop"]))
+            onClick: y[0] || (y[0] = At((_) => Mn(o)(r.node.uuid), ["stop"]))
           }, Ee(a.value ? "▼" : "▶"), 1)) : (N(), U("span", Ki)),
           g("span", Vi, Ee(m(r.node)), 1),
           g("span", Zi, Ee(b(r.node)), 1),
           g("button", {
             class: "tree-delete",
-            onClick: Rt(p, ["stop"])
+            onClick: At(p, ["stop"])
           }, "×")
         ], 2),
         a.value && l.value ? (N(), U("div", Qi, [
@@ -3502,13 +3510,13 @@ const Ji = {
       return y.traverse((_) => {
         if (_.type === "Mesh" && !d) {
           const x = _, S = Array.isArray(x.material) ? x.material : [x.material];
-          for (const R of S)
-            if (R && (R.type === "MeshStandardMaterial" || R.type === "MeshPhongMaterial")) {
-              const v = R;
+          for (const A of S)
+            if (A && (A.type === "MeshStandardMaterial" || A.type === "MeshPhongMaterial")) {
+              const v = A;
               d = {
                 metalness: v.metalness ?? 0,
                 roughness: v.roughness ?? 0.5,
-                opacity: R.opacity ?? 1
+                opacity: A.opacity ?? 1
               };
               break;
             }
@@ -3519,8 +3527,8 @@ const Ji = {
       let _ = !1;
       return y.traverse((x) => {
         if (x.type === "Mesh") {
-          const S = x, R = Array.isArray(S.material) ? S.material : [S.material];
-          for (const v of R)
+          const S = x, A = Array.isArray(S.material) ? S.material : [S.material];
+          for (const v of A)
             v && (v.type === "MeshStandardMaterial" || v.type === "MeshPhongMaterial") && (d.metalness !== void 0 && (v.metalness = d.metalness), d.roughness !== void 0 && (v.roughness = d.roughness), d.opacity !== void 0 && (v.opacity = d.opacity, v.transparent = d.opacity < 1), v.needsUpdate = !0, _ = !0);
         }
       }), _;
@@ -3787,7 +3795,7 @@ const Ji = {
       g("p", null, "未选中任何模型", -1)
     ])]));
   }
-}), xo = /* @__PURE__ */ Xe(To, [["__scopeId", "data-v-d75c643f"]]), Eo = { class: "top-bar" }, Mo = { class: "left-section" }, vo = { class: "dropdown-menu" }, So = { class: "dropdown-menu sub-menu" }, Ao = { class: "dropdown-menu" }, Ro = { class: "dropdown-menu sub-menu" }, Po = { class: "dropdown-menu" }, Lo = { class: "dropdown-menu" }, Io = { class: "dropdown-menu" }, Oo = /* @__PURE__ */ Ge({
+}), xo = /* @__PURE__ */ Xe(To, [["__scopeId", "data-v-d75c643f"]]), Eo = { class: "top-bar" }, Mo = { class: "left-section" }, vo = { class: "dropdown-menu" }, So = { class: "dropdown-menu sub-menu" }, Ro = { class: "dropdown-menu" }, Ao = { class: "dropdown-menu sub-menu" }, Po = { class: "dropdown-menu" }, Lo = { class: "dropdown-menu" }, Io = { class: "dropdown-menu" }, Oo = /* @__PURE__ */ Ge({
   __name: "TopBar",
   emits: ["addModel", "importModel"],
   setup(r, { emit: e }) {
@@ -3797,7 +3805,7 @@ const Ji = {
     }, p = ($) => {
       const E = $.target;
       E.files && E.files.length > 0 && (h("importModel", E.files[0]), E.value = "");
-    }, m = () => console.log("新建项目"), b = () => console.log("保存场景"), f = () => console.log("导出模型"), y = () => console.log("撤销"), d = () => console.log("重做"), _ = () => console.log("复制物体"), x = () => console.log("删除物体"), S = () => console.log("重置相机"), R = () => console.log("切换网格"), v = () => console.log("打开帮助"), I = () => console.log("关于编辑器"), ie = () => console.log("打开项目"), ee = () => console.log("打开模型"), fe = () => console.log("打开场景");
+    }, m = () => console.log("新建项目"), b = () => console.log("保存场景"), f = () => console.log("导出模型"), y = () => console.log("撤销"), d = () => console.log("重做"), _ = () => console.log("复制物体"), x = () => console.log("删除物体"), S = () => console.log("重置相机"), A = () => console.log("切换网格"), v = () => console.log("打开帮助"), I = () => console.log("关于编辑器"), ie = () => console.log("打开项目"), ee = () => console.log("打开模型"), fe = () => console.log("打开场景");
     return ($, E) => (N(), U("div", Eo, [
       g("div", Mo, [
         g("div", {
@@ -3852,7 +3860,7 @@ const Ji = {
           onMouseleave: E[9] || (E[9] = (j) => o.value = !1)
         }, [
           E[19] || (E[19] = g("button", { class: "menu-btn" }, "添加", -1)),
-          D(g("div", Ao, [
+          D(g("div", Ro, [
             g("div", {
               class: "menu-item",
               onClick: y
@@ -3863,7 +3871,7 @@ const Ji = {
               onMouseleave: E[7] || (E[7] = (j) => l.value = !1)
             }, [
               E[18] || (E[18] = g("span", null, "网格", -1)),
-              D(g("div", Ro, [
+              D(g("div", Ao, [
                 g("div", {
                   class: "menu-item",
                   onClick: E[4] || (E[4] = (j) => h("addModel", "box"))
@@ -3932,7 +3940,7 @@ const Ji = {
             }, "重置相机"),
             g("div", {
               class: "menu-item",
-              onClick: R
+              onClick: A
             }, "显示网格")
           ], 512), [
             [he, n.value]
@@ -4020,7 +4028,7 @@ const Ji = {
       } catch (y) {
         console.error("导入失败:", y), alert("导入失败：" + y.message);
       }
-    }, h = An([]);
+    }, h = Rn([]);
     $s((f) => {
       h.value = f;
     });
@@ -4028,7 +4036,7 @@ const Ji = {
       const f = Js();
       f && (h.value = f);
     }, c = (f) => Mt(f), p = (f) => Ks(f.uuid), m = G(null);
-    return Rn(() => {
+    return An(() => {
       m.value && Ns(m.value, e.mode, e.sceneData), u();
     }), (f, y) => (N(), U("div", jo, [
       r.mode === "edit" ? (N(), ot(Co, {