diamon-engine 0.1.0 → 0.1.1

package/dist/package/{OrbitCameraController-COklTntj.js → OrbitCameraController-CrUu0k53.js}

@@ -365,28 +365,28 @@ class f extends a {
   maxDistance;
   azimuth;
   polar;
+  cameraDirty = !0;
   constructor(t = {}) {
     super(), this.target.copy(t.target ?? new i.Vector3()), this.distance = t.distance ?? 9, this.minDistance = t.minDistance ?? 4, this.maxDistance = t.maxDistance ?? 18, this.azimuth = t.azimuth ?? Math.PI * 0.25, this.polar = t.polar ?? Math.PI * 0.32;
   }
   onUpdate() {
     const t = this.scene, e = this.engine?.input;
-    if (!t || !e)
-      return;
-    e.isMouseDown(0) && (this.azimuth -= e.pointerDelta.x * 6e-3, this.polar = i.MathUtils.clamp(
+    if (!t || !e || (e.isMouseDown(0) && e.pointerDelta.lengthSq() > 0 && (this.azimuth -= e.pointerDelta.x * 6e-3, this.polar = i.MathUtils.clamp(
       this.polar - e.pointerDelta.y * 6e-3,
       0.18,
       Math.PI * 0.48
-    )), e.wheelDelta !== 0 && (this.distance = i.MathUtils.clamp(
+    ), this.cameraDirty = !0), e.wheelDelta !== 0 && (this.distance = i.MathUtils.clamp(
       this.distance + e.wheelDelta * 0.01,
       this.minDistance,
       this.maxDistance
-    ));
+    ), this.cameraDirty = !0), !this.cameraDirty))
+      return;
     const s = Math.sin(this.polar) * this.distance;
     t.camera.position.set(
       this.target.x + Math.cos(this.azimuth) * s,
       this.target.y + Math.cos(this.polar) * this.distance,
       this.target.z + Math.sin(this.azimuth) * s
-    ), t.camera.lookAt(this.target);
+    ), t.camera.lookAt(this.target), this.cameraDirty = !1;
   }
 }
 export {

package/dist/package/{Spin3D-BW0UYD9X.js → Spin3D-CKrkOLkJ.js}

@@ -1,12 +1,12 @@
-import * as a from "three";
-import { C as f } from "./OrbitCameraController-COklTntj.js";
-class y {
+import * as n from "three";
+import { C as f } from "./OrbitCameraController-CrUu0k53.js";
+class w {
   constructor(e) {
-    this.canvas = e, window.addEventListener("keydown", this.handleKeyDown), window.addEventListener("keyup", this.handleKeyUp), e.addEventListener("pointermove", this.handlePointerMove), e.addEventListener("pointerdown", this.handlePointerDown), e.addEventListener("pointerup", this.handlePointerUp), e.addEventListener("pointercancel", this.handlePointerUp), e.addEventListener("wheel", this.handleWheel, { passive: !1 });
+    this.canvas = e, this.refreshCanvasRect(), window.addEventListener("keydown", this.handleKeyDown), window.addEventListener("keyup", this.handleKeyUp), window.addEventListener("resize", this.handleWindowResize), e.addEventListener("pointermove", this.handlePointerMove), e.addEventListener("pointerdown", this.handlePointerDown), e.addEventListener("pointerup", this.handlePointerUp), e.addEventListener("pointercancel", this.handlePointerUp), e.addEventListener("wheel", this.handleWheel, { passive: !1 });
   }
   canvas;
-  pointer = new a.Vector2();
-  pointerDelta = new a.Vector2();
+  pointer = new n.Vector2();
+  pointerDelta = new n.Vector2();
   wheelDelta = 0;
   downKeys = /* @__PURE__ */ new Set();
   pressedKeys = /* @__PURE__ */ new Set();
@@ -14,6 +14,8 @@ class y {
   downButtons = /* @__PURE__ */ new Set();
   pressedButtons = /* @__PURE__ */ new Set();
   releasedButtons = /* @__PURE__ */ new Set();
+  canvasLeft = 0;
+  canvasTop = 0;
   isKeyDown(e) {
     return this.downKeys.has(this.normalizeKey(e));
   }
@@ -42,21 +44,27 @@ class y {
       this.downKeys.delete(t), this.releasedKeys.add(t);
   };
   handlePointerMove = (e) => {
-    const t = this.pointerToCanvas(e);
-    this.pointerDelta.set(t.x - this.pointer.x, t.y - this.pointer.y), this.pointer.copy(t);
+    const t = this.pointer.x, s = this.pointer.y;
+    this.setPointerFromEvent(e), this.pointerDelta.x += this.pointer.x - t, this.pointerDelta.y += this.pointer.y - s;
   };
   handlePointerDown = (e) => {
-    this.canvas.focus(), this.canvas.setPointerCapture(e.pointerId), this.pointer.copy(this.pointerToCanvas(e)), this.downButtons.add(e.button), this.pressedButtons.add(e.button);
+    this.refreshCanvasRect(), this.canvas.focus(), this.canvas.setPointerCapture(e.pointerId), this.setPointerFromEvent(e), this.pointerDelta.set(0, 0), this.downButtons.add(e.button), this.pressedButtons.add(e.button);
   };
   handlePointerUp = (e) => {
-    this.pointer.copy(this.pointerToCanvas(e)), this.downButtons.delete(e.button), this.releasedButtons.add(e.button);
+    this.setPointerFromEvent(e), this.downButtons.delete(e.button), this.releasedButtons.add(e.button);
   };
   handleWheel = (e) => {
     e.preventDefault(), this.wheelDelta += e.deltaY;
   };
-  pointerToCanvas(e) {
-    const t = this.canvas.getBoundingClientRect();
-    return new a.Vector2(e.clientX - t.left, e.clientY - t.top);
+  handleWindowResize = () => {
+    this.refreshCanvasRect();
+  };
+  refreshCanvasRect() {
+    const e = this.canvas.getBoundingClientRect();
+    this.canvasLeft = e.left, this.canvasTop = e.top;
+  }
+  setPointerFromEvent(e) {
+    this.pointer.set(e.clientX - this.canvasLeft, e.clientY - this.canvasTop);
   }
   getKeyAliases(e) {
     return [e.code, e.key].filter(Boolean).map((t) => this.normalizeKey(t));
@@ -65,15 +73,21 @@ class y {
     return e.length === 1 ? e.toLowerCase() : e;
   }
 }
-class S {
+class v {
   constructor(e) {
-    this.options = e, this.options.canvas.tabIndex = 0, this.input = new y(this.options.canvas), this.renderer = new a.WebGLRenderer({
+    this.options = e, this.options.canvas.tabIndex = 0, this.input = new w(this.options.canvas), this.captureCanvasSize(), typeof ResizeObserver < "u" && (this.resizeObserver = new ResizeObserver((t) => {
+      const s = t[t.length - 1];
+      if (!s)
+        return;
+      const i = Math.max(1, Math.floor(s.contentRect.width)), a = Math.max(1, Math.floor(s.contentRect.height));
+      i === this.canvasWidth && a === this.canvasHeight || (this.canvasWidth = i, this.canvasHeight = a, this.resizeDirty = !0);
+    }), this.resizeObserver.observe(this.options.canvas)), window.addEventListener("resize", this.handleWindowResize), this.renderer = new n.WebGLRenderer({
       canvas: this.options.canvas,
       antialias: !0,
       alpha: !1,
       preserveDrawingBuffer: this.options.preserveDrawingBuffer ?? !1,
       powerPreference: "high-performance"
-    }), this.renderer.setClearColor(new a.Color(e.background ?? "#07100f"), 1), this.configureShadows(e.shadowQuality ?? "off"), this.renderer.outputColorSpace = a.SRGBColorSpace;
+    }), this.renderer.setClearColor(new n.Color(e.background ?? "#07100f"), 1), this.configureShadows(e.shadowQuality ?? "off"), this.renderer.outputColorSpace = n.SRGBColorSpace;
   }
   options;
   renderer;
@@ -107,6 +121,12 @@ class S {
   resizeDirty = !0;
   slowQualitySamples = 0;
   fastQualitySamples = 0;
+  canvasWidth = 1;
+  canvasHeight = 1;
+  resizeObserver;
+  handleWindowResize = () => {
+    this.resizeDirty = !0;
+  };
   setScene(e) {
     this.activeScene?.stopInternal(), this.activeScene = e, e.startInternal(this), this.resize(), this.renderOnce();
   }
@@ -121,17 +141,17 @@ class S {
   }
   sampleFrame() {
     this.renderOnce();
-    const e = this.renderer.getContext(), t = e.drawingBufferWidth, s = e.drawingBufferHeight, i = Math.max(1, Math.min(t, 96)), h = Math.max(1, Math.min(s, 64)), n = Math.floor((t - i) / 2), u = Math.floor((s - h) / 2), r = new Uint8Array(i * h * 4);
-    e.readPixels(n, u, i, h, e.RGBA, e.UNSIGNED_BYTE, r);
-    let m = 0;
-    for (let o = 0; o < r.length; o += 4) {
-      const l = r[o], d = r[o + 1], c = r[o + 2];
-      (Math.max(l, d, c) - Math.min(l, d, c) > 12 || l + d + c > 60) && (m += 1);
+    const e = this.renderer.getContext(), t = e.drawingBufferWidth, s = e.drawingBufferHeight, i = Math.max(1, Math.min(t, 96)), a = Math.max(1, Math.min(s, 64)), u = Math.floor((t - i) / 2), m = Math.floor((s - a) / 2), r = new Uint8Array(i * a * 4);
+    e.readPixels(u, m, i, a, e.RGBA, e.UNSIGNED_BYTE, r);
+    let p = 0;
+    for (let h = 0; h < r.length; h += 4) {
+      const o = r[h], l = r[h + 1], d = r[h + 2];
+      (Math.max(o, l, d) - Math.min(o, l, d) > 12 || o + l + d > 60) && (p += 1);
     }
     return {
       width: t,
       height: s,
-      coloredRatio: m / (r.length / 4)
+      coloredRatio: p / (r.length / 4)
     };
   }
   tick = (e) => {
@@ -145,10 +165,15 @@ class S {
     this.stats.frameTimeMs = Math.round(i * 10) / 10, this.updateFrameTimeAverage(i), this.updateFps(t), this.updateRenderStats(), this.input.endFrame(), this.animationFrame = requestAnimationFrame(this.tick);
   };
   resize() {
-    const e = this.options.canvas.getBoundingClientRect(), t = Math.max(1, Math.floor(e.width)), s = Math.max(1, Math.floor(e.height)), i = this.options.maxPixelRatio ?? 2, h = this.options.minPixelRatio ?? 0.6, n = Math.round(
-      Math.max(h, Math.min(window.devicePixelRatio || 1, i) * this.qualityScale) * 100
+    this.resizeDirty && !this.resizeObserver && this.captureCanvasSize();
+    const e = this.canvasWidth, t = this.canvasHeight, s = this.options.maxPixelRatio ?? 2, i = this.options.minPixelRatio ?? 0.6, a = Math.round(
+      Math.max(i, Math.min(window.devicePixelRatio || 1, s) * this.qualityScale) * 100
     ) / 100;
-    this.stats.width = t, this.stats.height = s, this.stats.pixelRatio = n, this.stats.qualityScale = Math.round(this.qualityScale * 100) / 100, !(!this.resizeDirty && t === this.lastResizeWidth && s === this.lastResizeHeight && n === this.lastPixelRatio) && (this.resizeDirty = !1, this.lastResizeWidth = t, this.lastResizeHeight = s, this.lastPixelRatio = n, this.renderer.setPixelRatio(n), this.renderer.setSize(t, s, !1), this.activeScene && (this.activeScene.camera.aspect = t / s, this.activeScene.camera.updateProjectionMatrix()));
+    this.stats.width = e, this.stats.height = t, this.stats.pixelRatio = a, this.stats.qualityScale = Math.round(this.qualityScale * 100) / 100, !(!this.resizeDirty && e === this.lastResizeWidth && t === this.lastResizeHeight && a === this.lastPixelRatio) && (this.resizeDirty = !1, this.lastResizeWidth = e, this.lastResizeHeight = t, this.lastPixelRatio = a, this.renderer.setPixelRatio(a), this.renderer.setSize(e, t, !1), this.activeScene && (this.activeScene.camera.aspect = e / t, this.activeScene.camera.updateProjectionMatrix()));
+  }
+  captureCanvasSize() {
+    const e = this.options.canvas.getBoundingClientRect();
+    this.canvasWidth = Math.max(1, Math.floor(e.width)), this.canvasHeight = Math.max(1, Math.floor(e.height));
   }
   updateFrameTimeAverage(e) {
     this.frameTimeAverageMs = this.frameTimeAverageMs === 0 ? e : this.frameTimeAverageMs * 0.88 + e * 0.12, this.stats.frameTimeAverageMs = Math.round(this.frameTimeAverageMs * 10) / 10;
@@ -172,7 +197,7 @@ class S {
     this.fastQualitySamples >= 4 && this.qualityScale < 1 && (this.qualityScale = Math.min(1, this.qualityScale + 0.04), this.resizeDirty = !0, this.fastQualitySamples = 0);
   }
   configureShadows(e) {
-    this.renderer.shadowMap.enabled = e !== "off", this.renderer.shadowMap.enabled && (this.renderer.shadowMap.type = e === "high" ? a.PCFSoftShadowMap : a.PCFShadowMap);
+    this.renderer.shadowMap.enabled = e !== "off", this.renderer.shadowMap.enabled && (this.renderer.shadowMap.type = e === "high" ? n.PCFSoftShadowMap : n.PCFShadowMap);
   }
 }
 class g extends f {
@@ -187,7 +212,7 @@ class g extends f {
   }
 }
 export {
-  S as E,
-  y as I,
+  v as E,
+  w as I,
   g as S
 };

package/dist/package/engine3d.js

@@ -1,5 +1,5 @@
-import { C as t, E as n, L as s, M as o, O as r, a as D, S as i } from "./OrbitCameraController-COklTntj.js";
-import { E as p, I as C, S as E } from "./Spin3D-BW0UYD9X.js";
+import { C as t, E as n, L as s, M as o, O as r, a as D, S as i } from "./OrbitCameraController-CrUu0k53.js";
+import { E as p, I as C, S as E } from "./Spin3D-CKrkOLkJ.js";
 export {
   t as Component3D,
   p as Engine3D,

package/dist/package/index.js

@@ -1,5 +1,5 @@
-import { C as t, E as n, L as s, M as o, O as r, a as D, S as i } from "./OrbitCameraController-COklTntj.js";
-import { E as p, I as C, S as E } from "./Spin3D-BW0UYD9X.js";
+import { C as t, E as n, L as s, M as o, O as r, a as D, S as i } from "./OrbitCameraController-CrUu0k53.js";
+import { E as p, I as C, S as E } from "./Spin3D-CKrkOLkJ.js";
 export {
   t as Component3D,
   p as Engine3D,

package/dist/package/types/engine3d/components/OrbitCameraController.d.ts

@@ -15,6 +15,7 @@ export declare class OrbitCameraController extends Component3D {
     maxDistance: number;
     azimuth: number;
     polar: number;
+    private cameraDirty;
     constructor(options?: OrbitCameraControllerOptions);
     onUpdate(): void;
 }

package/dist/package/types/engine3d/core/Engine3D.d.ts

@@ -45,6 +45,10 @@ export declare class Engine3D {
     private resizeDirty;
     private slowQualitySamples;
     private fastQualitySamples;
+    private canvasWidth;
+    private canvasHeight;
+    private readonly resizeObserver?;
+    private readonly handleWindowResize;
     constructor(options: Engine3DOptions);
     setScene(scene: Scene3D): void;
     start(): void;
@@ -57,6 +61,7 @@ export declare class Engine3D {
     };
     private readonly tick;
     private resize;
+    private captureCanvasSize;
     private updateFrameTimeAverage;
     private updateFps;
     private updateRenderStats;

package/dist/package/types/engine3d/systems/Input3D.d.ts

@@ -10,6 +10,8 @@ export declare class Input3D {
     private readonly downButtons;
     private readonly pressedButtons;
     private readonly releasedButtons;
+    private canvasLeft;
+    private canvasTop;
     constructor(canvas: HTMLCanvasElement);
     isKeyDown(key: string): boolean;
     wasKeyPressed(key: string): boolean;
@@ -23,7 +25,9 @@ export declare class Input3D {
     private readonly handlePointerDown;
     private readonly handlePointerUp;
     private readonly handleWheel;
-    private pointerToCanvas;
+    private readonly handleWindowResize;
+    private refreshCanvasRect;
+    private setPointerFromEvent;
     private getKeyAliases;
     private normalizeKey;
 }

package/dist/package/workbench.js

@@ -1,36 +1,36 @@
 import * as l from "three";
-import { GLTFLoader as L } from "three/examples/jsm/loaders/GLTFLoader.js";
-import { E as m, S as A, O as y, M as $, a as P, L as R, C as E } from "./OrbitCameraController-COklTntj.js";
-const U = {
+import { GLTFLoader as T } from "three/examples/jsm/loaders/GLTFLoader.js";
+import { E as m, S as O, O as y, M as C, a as U, L as x, C as P } from "./OrbitCameraController-CrUu0k53.js";
+const E = {
   box: "#1ec7a6",
   sphere: "#f5c95f",
   cylinder: "#4ba3ff",
   cone: "#ef6f50",
   torus: "#d989ff"
-}, M = {
+}, $ = {
   box: "Cube",
   sphere: "Sphere",
   cylinder: "Cylinder",
   cone: "Cone",
   torus: "Torus"
-}, T = {
+}, A = {
   box: { kind: "box", width: 1, height: 1, depth: 1 },
   sphere: { kind: "sphere", radius: 0.62 },
   cylinder: { kind: "cylinder", radius: 0.52, height: 1.15 },
   cone: { kind: "cone", radius: 0.6, height: 1.25 },
   torus: { kind: "torus", radius: 0.62, tube: 0.18 }
-}, D = 700, H = 2500, F = 12e4, _ = 8e3, B = 5e9, j = 0.07;
-function te(r) {
+}, D = 700, H = 2500, _ = 12e4, F = 8e3, N = 5e9, j = 0.07, B = 1e3;
+function se(r) {
   return new G(r);
 }
 class G {
   constructor(e) {
-    this.ui = e, this.scene.threeScene.background = new l.Color("#07100f"), this.scene.threeScene.fog = new l.Fog("#07100f", 32, 90), this.scene.add(q()), this.scene.add(z()), this.scene.add(W()), this.scene.add(K()), this.scene.add(V());
+    this.ui = e, this.scene.threeScene.background = new l.Color("#07100f"), this.scene.threeScene.fog = new l.Fog("#07100f", 32, 90), this.scene.add(W()), this.scene.add(q()), this.scene.add(K()), this.scene.add(V()), this.scene.add(X());
     const t = new m("Workbench Runtime");
-    t.addComponent(new N(() => this.updateRuntimeUi(), 0.25)), this.scene.add(t), this.addPrimitive("box"), this.addPrimitive("sphere"), this.addPrimitive("cylinder"), this.commitHistory("初始场景"), this.bindCanvasPicking(), this.refreshUi(), this.log("引擎编辑器已启动");
+    t.addComponent(new z(() => this.updateRuntimeUi(), 0.25)), this.scene.add(t), this.addPrimitive("box"), this.addPrimitive("sphere"), this.addPrimitive("cylinder"), this.commitHistory("初始场景"), this.bindCanvasPicking(), this.bindSceneTreeSelection(), this.bindPrefabList(), this.refreshUi(), this.log("引擎编辑器已启动");
   }
   ui;
-  scene = new A("Engine Workbench");
+  scene = new O("Engine Workbench");
   objects = /* @__PURE__ */ new Map();
   resources = /* @__PURE__ */ new Map();
   prefabs = /* @__PURE__ */ new Map();
@@ -40,16 +40,22 @@ class G {
   clipboard = [];
   raycaster = new l.Raycaster();
   pointer = new l.Vector2();
-  gltfLoader = new L();
+  gltfLoader = new T();
   objectSerial = 0;
   resourceSerial = 0;
   prefabSerial = 0;
   groupSerial = 0;
   lastStressResult = "未测试";
   restoring = !1;
+  logicalCountsDirty = !0;
+  logicalObjectCountCache = 0;
+  logicalVisibleObjectCountCache = 0;
+  lastMemorySampleMs = 0;
+  memoryTextCache = "未知";
+  uiTextCache = /* @__PURE__ */ new Map();
   addPrimitive(e) {
     const t = this.createPrimitiveRecord(e);
-    return this.selectOnly(t.id), this.commitHistory(`添加 ${M[e]}`), this.refreshUi(), t.entity;
+    return this.selectOnly(t.id), this.commitHistory(`添加 ${$[e]}`), this.refreshUi(), t.entity;
   }
   copySelection() {
     this.clipboard.length = 0;
@@ -161,40 +167,40 @@ class G {
     const t = performance.now();
     this.selectedIds.clear();
     const s = Math.ceil(Math.sqrt(e));
-    for (let o = 0; o < e; o += 1) {
-      const i = this.createPrimitiveRecord("box", {
+    for (let n = 0; n < e; n += 1) {
+      const o = this.createPrimitiveRecord("box", {
         name: `Stress Cube ${this.objectSerial + 1}`,
-        color: o % 2 === 0 ? "#1ec7a6" : "#4ba3ff",
+        color: n % 2 === 0 ? "#1ec7a6" : "#4ba3ff",
         position: [
-          o % s * 0.78 - s * 0.39,
+          n % s * 0.78 - s * 0.39,
           0.45,
-          Math.floor(o / s) * 0.78 + 5
+          Math.floor(n / s) * 0.78 + 5
         ],
         layer: 2,
         group: "Stress Objects"
       });
-      o < 20 && this.selectedIds.add(i.id);
+      n < 20 && this.selectedIds.add(o.id);
     }
-    const n = Math.round(performance.now() - t);
-    this.lastStressResult = `新增 ${e} 个对象，用时 ${n}ms`, this.commitHistory("大量对象压力测试"), this.refreshUi(), this.log(this.lastStressResult);
+    const i = Math.round(performance.now() - t);
+    this.lastStressResult = `新增 ${e} 个对象，用时 ${i}ms`, this.commitHistory("大量对象压力测试"), this.refreshUi(), this.log(this.lastStressResult);
   }
   addInstancedStressObjects(e) {
     const t = performance.now(), s = new m(`Instanced Stress ${e}`);
     s.tag = "workbench-object";
-    const n = new l.BoxGeometry(0.42, 0.42, 0.42), o = new l.MeshStandardMaterial({
+    const i = new l.BoxGeometry(0.42, 0.42, 0.42), n = new l.MeshStandardMaterial({
       color: "#1ec7a6",
       roughness: 0.65,
       metalness: 0.08
-    }), i = new l.InstancedMesh(n, o, e);
-    i.castShadow = !1, i.receiveShadow = !1;
-    const c = new l.Matrix4(), a = Math.ceil(Math.sqrt(e));
+    }), o = new l.InstancedMesh(i, n, e);
+    o.castShadow = !1, o.receiveShadow = !1;
+    const a = new l.Matrix4(), c = Math.ceil(Math.sqrt(e));
     for (let f = 0; f < e; f += 1) {
-      const g = f % a * 0.55 - a * 0.275, S = Math.floor(f / a) * 0.55 + 16;
-      c.makeTranslation(g, 0.35, S), i.setMatrixAt(f, c);
+      const g = f % c * 0.55 - c * 0.275, S = Math.floor(f / c) * 0.55 + 16;
+      a.makeTranslation(g, 0.35, S), o.setMatrixAt(f, a);
     }
-    i.instanceMatrix.needsUpdate = !0, i.userData.workbenchId = `object-${this.objectSerial + 1}`, s.addComponent(new y(i, { disposeOnDestroy: !0 }));
-    const d = this.nextObjectId(), u = {
-      id: d,
+    o.instanceMatrix.needsUpdate = !0, o.userData.workbenchId = `object-${this.objectSerial + 1}`, s.addComponent(new y(o, { disposeOnDestroy: !0 }));
+    const h = this.nextObjectId(), u = {
+      id: h,
       entity: s,
       kind: "instanced",
       primitiveKind: "box",
@@ -205,26 +211,26 @@ class G {
       locked: !1,
       visible: !0
     };
-    i.userData.workbenchId = d, this.scene.add(s), this.objects.set(d, u), this.selectOnly(d);
+    o.userData.workbenchId = h, this.scene.add(s), this.objects.set(h, u), this.invalidateLogicalCounts(), this.selectOnly(h);
     const v = Math.round(performance.now() - t);
     this.lastStressResult = `实例化 ${e} 个对象，用时 ${v}ms`, this.commitHistory("实例化压力测试"), this.refreshUi(), this.log(this.lastStressResult);
   }
   addMegaInstancedStressObjects(e) {
     const t = performance.now(), s = this.getMegaStressRecord();
     if (s) {
-      const n = (s.instancedCount ?? 0) + e;
-      this.updateMegaStressRecord(s, n, t, "合并极限压力层", "极限实例化累计");
+      const i = (s.instancedCount ?? 0) + e;
+      this.updateMegaStressRecord(s, i, t, "合并极限压力层", "极限实例化累计");
       return;
     }
     this.createMegaStressRecord(e, t, "500万对象极限压力测试", "极限实例化");
   }
   setMegaInstancedStressObjects(e) {
-    const t = performance.now(), s = Y(e), n = `设置${s}极限压力层`, o = `${s}目标`, i = this.getMegaStressRecord();
-    if (i) {
-      this.updateMegaStressRecord(i, e, t, n, o);
+    const t = performance.now(), s = Z(e), i = `设置${s}极限压力层`, n = `${s}目标`, o = this.getMegaStressRecord();
+    if (o) {
+      this.updateMegaStressRecord(o, e, t, i, n);
       return;
     }
-    this.createMegaStressRecord(e, t, n, o);
+    this.createMegaStressRecord(e, t, i, n);
   }
   importAssets(e) {
     const t = Array.from(e);
@@ -248,38 +254,38 @@ class G {
     };
   }
   createPrimitiveRecord(e, t = {}) {
-    const s = this.nextObjectId(), n = this.objectSerial, o = new m(t.name ?? `${M[e]} ${n}`);
-    o.tag = "workbench-object";
-    const i = t.position ?? [
-      -3 + n % 6 * 1.15,
+    const s = this.nextObjectId(), i = this.objectSerial, n = new m(t.name ?? `${$[e]} ${i}`);
+    n.tag = "workbench-object";
+    const o = t.position ?? [
+      -3 + i % 6 * 1.15,
       0.62,
-      Math.floor(n / 6) * 1.15
+      Math.floor(i / 6) * 1.15
     ];
-    o.position.set(i[0], i[1], i[2]), t.rotation && o.rotation.set(t.rotation[0], t.rotation[1], t.rotation[2]), t.scale && o.scale.set(t.scale[0], t.scale[1], t.scale[2]);
-    const c = t.color ?? U[e];
-    o.addComponent(
-      new $({
-        ...T[e],
-        color: c,
+    n.position.set(o[0], o[1], o[2]), t.rotation && n.rotation.set(t.rotation[0], t.rotation[1], t.rotation[2]), t.scale && n.scale.set(t.scale[0], t.scale[1], t.scale[2]);
+    const a = t.color ?? E[e];
+    n.addComponent(
+      new C({
+        ...A[e],
+        color: a,
         segments: 24,
         metalness: 0.14,
         roughness: 0.5
       })
-    ), o.object.traverse((d) => {
-      d.userData.workbenchId = s;
+    ), n.object.traverse((h) => {
+      h.userData.workbenchId = s;
     });
-    const a = {
+    const c = {
       id: s,
-      entity: o,
+      entity: n,
       kind: "primitive",
       primitiveKind: e,
-      color: c,
+      color: a,
       layer: t.layer ?? 0,
       group: t.group ?? "",
       locked: t.locked ?? !1,
       visible: t.visible ?? !0
     };
-    return o.enabled = a.visible, o.object.visible = a.visible, this.scene.add(o), this.objects.set(s, a), a;
+    return n.enabled = c.visible, n.object.visible = c.visible, this.scene.add(n), this.objects.set(s, c), this.invalidateLogicalCounts(), c;
   }
   createRecordFromSerialized(e) {
     return e.kind === "mega-instanced" ? this.createMegaInstancedRecordFromSerialized(e) : e.kind === "instanced" ? this.createInstancedRecordFromSerialized(e) : e.kind === "model" ? this.createModelPlaceholder(e) : this.createPrimitiveRecord(e.primitiveKind ?? "box", e);
@@ -308,27 +314,27 @@ class G {
   }
   registerAsset(e) {
     this.resourceSerial += 1;
-    const t = `asset-${this.resourceSerial}`, s = J(e.name), n = URL.createObjectURL(e), o = {
+    const t = `asset-${this.resourceSerial}`, s = J(e.name), i = URL.createObjectURL(e), n = {
       id: t,
       kind: s,
       name: e.name,
       size: e.size,
-      url: n
+      url: i
     };
-    this.resources.set(t, o), this.log(`导入资源：${e.name}`), s === "model" && this.gltfLoader.load(
-      n,
-      (i) => {
-        const c = new m(e.name.replace(/\.[^.]+$/, ""));
-        c.tag = "workbench-object", c.position.set(0, 0, 3 + this.objects.size * 0.45), i.scene.traverse((u) => {
+    this.resources.set(t, n), this.log(`导入资源：${e.name}`), s === "model" && this.gltfLoader.load(
+      i,
+      (o) => {
+        const a = new m(e.name.replace(/\.[^.]+$/, ""));
+        a.tag = "workbench-object", a.position.set(0, 0, 3 + this.objects.size * 0.45), o.scene.traverse((u) => {
           u.userData.workbenchId = t, u instanceof l.Mesh && (u.castShadow = !0, u.receiveShadow = !0);
-        }), c.addComponent(new y(i.scene));
-        const a = this.nextObjectId();
-        i.scene.traverse((u) => {
-          u.userData.workbenchId = a;
+        }), a.addComponent(new y(o.scene));
+        const c = this.nextObjectId();
+        o.scene.traverse((u) => {
+          u.userData.workbenchId = c;
         });
-        const d = {
-          id: a,
-          entity: c,
+        const h = {
+          id: c,
+          entity: a,
           kind: "model",
           resourceId: t,
           color: "#ffffff",
@@ -337,20 +343,20 @@ class G {
           locked: !1,
           visible: !0
         };
-        this.scene.add(c), this.objects.set(a, d), this.selectOnly(a), this.commitHistory("导入模型"), this.refreshUi(), this.log(`模型已加入场景：${e.name}`);
+        this.scene.add(a), this.objects.set(c, h), this.invalidateLogicalCounts(), this.selectOnly(c), this.commitHistory("导入模型"), this.refreshUi(), this.log(`模型已加入场景：${e.name}`);
       },
       void 0,
-      (i) => this.log(`模型加载失败：${i instanceof Error ? i.message : String(i)}`)
+      (o) => this.log(`模型加载失败：${o instanceof Error ? o.message : String(o)}`)
     );
   }
-  createMegaStressRecord(e, t, s, n) {
-    const o = this.nextObjectId(), i = new m(`Mega Instance Stress ${e}`);
-    i.tag = "workbench-object";
-    const c = this.createMegaStressPoints(e, o);
-    i.addComponent(new y(c, { disposeOnDestroy: !0 }));
-    const a = {
-      id: o,
-      entity: i,
+  createMegaStressRecord(e, t, s, i) {
+    const n = this.nextObjectId(), o = new m(`Mega Instance Stress ${e}`);
+    o.tag = "workbench-object";
+    const a = this.createMegaStressPoints(e, n);
+    o.addComponent(new y(a, { disposeOnDestroy: !0 }));
+    const c = {
+      id: n,
+      entity: o,
       kind: "mega-instanced",
       primitiveKind: "box",
       instancedCount: e,
@@ -360,33 +366,33 @@ class G {
       locked: !1,
       visible: !0
     };
-    return this.scene.add(i), this.objects.set(o, a), this.selectOnly(o), this.finishMegaStressUpdate(a, t, s, n), a;
+    return this.scene.add(o), this.objects.set(n, c), this.invalidateLogicalCounts(), this.selectOnly(n), this.finishMegaStressUpdate(c, t, s, i), c;
   }
-  updateMegaStressRecord(e, t, s, n, o) {
-    const i = this.createMegaStressPoints(t, e.id);
-    e.entity.getComponent(y)?.replaceObject(i), e.instancedCount = t, e.entity.name = `Mega Instance Stress ${t}`, e.entity.object.name = e.entity.name, this.selectOnly(e.id), this.finishMegaStressUpdate(e, s, n, o);
+  updateMegaStressRecord(e, t, s, i, n) {
+    const o = this.createMegaStressPoints(t, e.id);
+    e.entity.getComponent(y)?.replaceObject(o), e.instancedCount = t, e.entity.name = `Mega Instance Stress ${t}`, e.entity.object.name = e.entity.name, this.invalidateLogicalCounts(), this.selectOnly(e.id), this.finishMegaStressUpdate(e, s, i, n);
   }
-  finishMegaStressUpdate(e, t, s, n) {
-    const o = e.instancedCount ?? 0, i = C(o), c = Math.round(performance.now() - t);
-    this.lastStressResult = `${n} ${o} 个对象，渲染代表点 ${i}，用时 ${c}ms`, this.commitHistory(s), this.refreshUi(), this.log(this.lastStressResult);
+  finishMegaStressUpdate(e, t, s, i) {
+    const n = e.instancedCount ?? 0, o = k(n), a = Math.round(performance.now() - t);
+    this.lastStressResult = `${i} ${n} 个对象，渲染代表点 ${o}，用时 ${a}ms`, this.commitHistory(s), this.refreshUi(), this.log(this.lastStressResult);
   }
   createMegaStressPoints(e, t) {
-    const s = C(e), n = new Float32Array(s * 3), o = H, i = Math.ceil(e / o), c = (o - 1) * j, a = (i - 1) * j;
+    const s = k(e), i = new Float32Array(s * 3), n = H, o = Math.ceil(e / n), a = (n - 1) * j, c = (o - 1) * j;
     for (let g = 0; g < s; g += 1) {
-      const S = g * 3, k = Math.min(e - 1, Math.floor(g / s * e)), I = k % o, O = Math.floor(k / o);
-      n[S] = I * j - c * 0.5, n[S + 1] = 0.32 + g * 17 % 11 * 0.01, n[S + 2] = O * j + 8;
+      const S = g * 3, M = Math.min(e - 1, Math.floor(g / s * e)), I = M % n, L = Math.floor(M / n);
+      i[S] = I * j - a * 0.5, i[S + 1] = 0.32 + g * 17 % 11 * 0.01, i[S + 2] = L * j + 8;
     }
-    const d = new l.BufferGeometry(), u = new l.BufferAttribute(n, 3);
-    u.setUsage(l.StaticDrawUsage), d.setAttribute("position", u), d.boundingSphere = new l.Sphere(
-      new l.Vector3(0, 0.4, 8 + a * 0.5),
-      Math.sqrt((c * 0.5) ** 2 + (a * 0.5) ** 2 + 2)
+    const h = new l.BufferGeometry(), u = new l.BufferAttribute(i, 3);
+    u.setUsage(l.StaticDrawUsage), h.setAttribute("position", u), h.boundingSphere = new l.Sphere(
+      new l.Vector3(0, 0.4, 8 + c * 0.5),
+      Math.sqrt((a * 0.5) ** 2 + (c * 0.5) ** 2 + 2)
     );
     const v = new l.PointsMaterial({
       color: "#75f0c8",
       size: 0.055,
       sizeAttenuation: !0,
       depthWrite: !1
-    }), f = new l.Points(d, v);
+    }), f = new l.Points(h, v);
     return f.frustumCulled = !1, f.userData.workbenchId = t, f;
   }
   selectOnly(e) {
@@ -402,7 +408,7 @@ class G {
     return this.getSelectedRecords()[0];
   }
   removeRecord(e) {
-    this.scene.remove(e.entity), this.objects.delete(e.id);
+    this.scene.remove(e.entity), this.objects.delete(e.id), this.invalidateLogicalCounts();
   }
   commitHistory(e) {
     this.restoring || (this.undoStack.push(this.makeSnapshot()), this.undoStack.length > 60 && this.undoStack.shift(), this.redoStack.length = 0, e && this.log(e));
@@ -435,14 +441,14 @@ class G {
       });
     for (const t of e.objects ?? []) {
       const s = this.createRecordFromSerialized(t);
-      t.id && t.id !== s.id && (this.objects.delete(s.id), s.id = t.id, s.entity.object.traverse((n) => {
-        n.userData.workbenchId = s.id;
+      t.id && t.id !== s.id && (this.objects.delete(s.id), s.id = t.id, s.entity.object.traverse((i) => {
+        i.userData.workbenchId = s.id;
       }), this.objects.set(s.id, s));
     }
     this.restoring = !1, this.refreshUi();
   }
   serializeObject(e, t) {
-    const s = e.entity, n = {
+    const s = e.entity, i = {
       name: s.name,
       kind: e.kind,
       primitiveKind: e.primitiveKind,
@@ -457,38 +463,52 @@ class G {
       rotation: [s.rotation.x, s.rotation.y, s.rotation.z],
       scale: [s.scale.x, s.scale.y, s.scale.z]
     };
-    return t && (n.id = e.id), n;
+    return t && (i.id = e.id), i;
   }
   refreshUi() {
     this.renderSceneTree(), this.renderResourceList(), this.renderPrefabList(), this.renderPropertyPanel(), this.updateRuntimeUi();
   }
   updateRuntimeUi() {
-    const e = this.scene.engine?.stats, t = this.primarySelection(), s = this.logicalObjectCount(), n = this.logicalVisibleObjectCount(), o = Z(), i = this.detectSlowSystem();
-    this.ui.objects.textContent = `${s}`, this.ui.visible.textContent = `${n}`, this.ui.drawCalls.textContent = `${e?.drawCalls ?? 0}`, this.ui.triangles.textContent = `${e?.triangles ?? 0}`, this.ui.fps.textContent = `${e?.fps ?? 0}`, this.ui.frame.textContent = `${e?.frameTimeMs ?? 0}ms`, this.ui.geometries.textContent = `${e?.geometries ?? 0}`, this.ui.textures.textContent = `${e?.textures ?? 0}`, this.ui.assets.textContent = `${this.resources.size}`, this.ui.memory.textContent = o, this.ui.quality.textContent = `${Math.round((e?.qualityScale ?? 1) * 100)}%`, this.ui.slowSystem.textContent = i, this.ui.state.textContent = `编辑器运行中 · ${this.lastStressResult}`, this.ui.selected.textContent = t ? t.entity.name : `${this.selectedIds.size} 个对象`;
+    const e = this.scene.engine?.stats, t = this.primarySelection(), s = this.logicalObjectCount(), i = this.logicalVisibleObjectCount(), n = this.getMemoryText(), o = this.detectSlowSystem();
+    this.setUiText(this.ui.objects, `${s}`), this.setUiText(this.ui.visible, `${i}`), this.setUiText(this.ui.drawCalls, `${e?.drawCalls ?? 0}`), this.setUiText(this.ui.triangles, `${e?.triangles ?? 0}`), this.setUiText(this.ui.fps, `${e?.fps ?? 0}`), this.setUiText(this.ui.frame, `${e?.frameTimeMs ?? 0}ms`), this.setUiText(this.ui.geometries, `${e?.geometries ?? 0}`), this.setUiText(this.ui.textures, `${e?.textures ?? 0}`), this.setUiText(this.ui.assets, `${this.resources.size}`), this.setUiText(this.ui.memory, n), this.setUiText(this.ui.quality, `${Math.round((e?.qualityScale ?? 1) * 100)}%`), this.setUiText(this.ui.slowSystem, o), this.setUiText(this.ui.state, `编辑器运行中 · ${this.lastStressResult}`), this.setUiText(this.ui.selected, t ? t.entity.name : `${this.selectedIds.size} 个对象`);
+  }
+  setUiText(e, t) {
+    this.uiTextCache.get(e) !== t && (e.textContent = t, this.uiTextCache.set(e, t));
+  }
+  getMemoryText() {
+    const e = performance.now();
+    return e - this.lastMemorySampleMs < B ? this.memoryTextCache : (this.lastMemorySampleMs = e, this.memoryTextCache = Q(), this.memoryTextCache);
   }
   renderSceneTree() {
-    const e = Array.from(this.objects.values()), t = e.filter((i) => this.selectedIds.has(i.id)), s = e.filter((i) => !this.selectedIds.has(i.id)), n = [...t, ...s].slice(0, D), o = n.map((i) => {
-      const c = this.selectedIds.has(i.id) ? " is-selected" : "", a = i.visible ? "" : " is-hidden", d = i.group ? ` · ${i.group}` : "";
-      return `<div class="tree-row${c}${a}" data-id="${i.id}">
-        <span class="tree-name">${w(i.entity.name)}</span>
-        <span class="tree-meta">L${i.layer}${d}</span>
+    const e = [], t = [];
+    for (const o of this.objects.values())
+      this.selectedIds.has(o.id) ? e.push(o) : t.push(o);
+    const s = e.length + t.length, i = [...e, ...t].slice(0, D), n = i.map((o) => {
+      const a = this.selectedIds.has(o.id) ? " is-selected" : "", c = o.visible ? "" : " is-hidden", h = o.group ? ` · ${o.group}` : "";
+      return `<div class="tree-row${a}${c}" data-id="${o.id}">
+        <span class="tree-name">${w(o.entity.name)}</span>
+        <span class="tree-meta">L${o.layer}${h}</span>
       </div>`;
     });
-    e.length > n.length && o.push(`<div class="tree-row">
-        <span class="tree-name">已省略 ${e.length - n.length} 个编辑对象</span>
-        <span class="tree-meta">场景总数 ${e.length}，逻辑对象 ${this.logicalObjectCount()}</span>
-      </div>`), this.ui.sceneTree.innerHTML = o.join("") || '<div class="tree-row">空场景</div>';
-    for (const i of Array.from(this.ui.sceneTree.querySelectorAll(".tree-row[data-id]")))
-      i.addEventListener("click", (c) => {
-        const a = i.dataset.id;
-        a && (c.shiftKey || c.metaKey ? this.selectedIds.has(a) ? this.selectedIds.delete(a) : this.selectedIds.add(a) : this.selectOnly(a), this.refreshUi());
-      });
+    s > i.length && n.push(`<div class="tree-row">
+        <span class="tree-name">已省略 ${s - i.length} 个编辑对象</span>
+        <span class="tree-meta">场景总数 ${s}，逻辑对象 ${this.logicalObjectCount()}</span>
+      </div>`), this.ui.sceneTree.innerHTML = n.join("") || '<div class="tree-row">空场景</div>';
+  }
+  bindSceneTreeSelection() {
+    this.ui.sceneTree.addEventListener("click", (e) => {
+      const t = e.target;
+      if (!(t instanceof HTMLElement))
+        return;
+      const s = t.closest(".tree-row[data-id]"), i = s?.dataset.id;
+      !s || !this.ui.sceneTree.contains(s) || !i || (e.shiftKey || e.metaKey ? this.selectedIds.has(i) ? this.selectedIds.delete(i) : this.selectedIds.add(i) : this.selectOnly(i), this.refreshUi());
+    });
   }
   renderResourceList() {
     const e = Array.from(this.resources.values()).map(
       (t) => `<div class="resource-row">
         <span class="resource-name">${w(t.name)}</span>
-        <span class="resource-kind">${t.kind} · ${x(t.size)}</span>
+        <span class="resource-kind">${t.kind} · ${R(t.size)}</span>
       </div>`
     );
     this.ui.resourceList.innerHTML = e.join("") || '<div class="resource-row">暂无资源</div>';
@@ -501,22 +521,29 @@ class G {
       </button>`
     );
     this.ui.prefabList.innerHTML = e.join("") || '<div class="resource-row">暂无预制体</div>';
-    for (const t of Array.from(this.ui.prefabList.querySelectorAll("[data-prefab]")))
-      t.addEventListener("click", () => {
-        const s = this.prefabs.get(t.dataset.prefab ?? "");
-        if (s) {
-          this.selectedIds.clear();
-          for (const n of s.objects) {
-            const o = this.createRecordFromSerialized({
-              ...n,
-              name: `${n.name} Instance`,
-              position: [n.position[0] + 1, n.position[1], n.position[2] + 1]
-            });
-            this.selectedIds.add(o.id);
-          }
-          this.commitHistory(`实例化预制体 ${s.name}`), this.refreshUi();
+  }
+  bindPrefabList() {
+    this.ui.prefabList.addEventListener("click", (e) => {
+      const t = e.target;
+      if (!(t instanceof HTMLElement))
+        return;
+      const s = t.closest("[data-prefab]");
+      if (!s || !this.ui.prefabList.contains(s))
+        return;
+      const i = this.prefabs.get(s.dataset.prefab ?? "");
+      if (i) {
+        this.selectedIds.clear();
+        for (const n of i.objects) {
+          const o = this.createRecordFromSerialized({
+            ...n,
+            name: `${n.name} Instance`,
+            position: [n.position[0] + 1, n.position[1], n.position[2] + 1]
+          });
+          this.selectedIds.add(o.id);
         }
-      });
+        this.commitHistory(`实例化预制体 ${i.name}`), this.refreshUi();
+      }
+    });
   }
   renderPropertyPanel() {
     const e = this.primarySelection();
@@ -527,19 +554,19 @@ class G {
     const t = e.entity;
     this.ui.propertyPanel.innerHTML = `
       <div class="property-grid">
-        ${h("名称", "name", t.name, "text", "full")}
-        ${h("X", "px", b(t.position.x))}
-        ${h("Y", "py", b(t.position.y))}
-        ${h("Z", "pz", b(t.position.z))}
-        ${h("旋转X", "rx", b(t.rotation.x))}
-        ${h("旋转Y", "ry", b(t.rotation.y))}
-        ${h("旋转Z", "rz", b(t.rotation.z))}
-        ${h("缩放X", "sx", b(t.scale.x))}
-        ${h("缩放Y", "sy", b(t.scale.y))}
-        ${h("缩放Z", "sz", b(t.scale.z))}
-        ${h("颜色", "color", e.color, "color")}
-        ${h("图层", "layer", `${e.layer}`, "number")}
-        ${h("分组", "group", e.group, "text")}
+        ${d("名称", "name", t.name, "text", "full")}
+        ${d("X", "px", b(t.position.x))}
+        ${d("Y", "py", b(t.position.y))}
+        ${d("Z", "pz", b(t.position.z))}
+        ${d("旋转X", "rx", b(t.rotation.x))}
+        ${d("旋转Y", "ry", b(t.rotation.y))}
+        ${d("旋转Z", "rz", b(t.rotation.z))}
+        ${d("缩放X", "sx", b(t.scale.x))}
+        ${d("缩放Y", "sy", b(t.scale.y))}
+        ${d("缩放Z", "sz", b(t.scale.z))}
+        ${d("颜色", "color", e.color, "color")}
+        ${d("图层", "layer", `${e.layer}`, "number")}
+        ${d("分组", "group", e.group, "text")}
         <div class="property-field">
           <label>显示</label>
           <input id="prop-visible" type="checkbox" ${e.visible ? "checked" : ""} />
@@ -564,8 +591,8 @@ class G {
       this.log("对象已锁定，不能修改");
       return;
     }
-    const t = (n) => this.ui.propertyPanel.querySelector(`#prop-${n}`)?.value ?? "", s = (n) => this.ui.propertyPanel.querySelector(`#prop-${n}`)?.checked ?? !1;
-    e.entity.name = t("name") || e.entity.name, e.entity.object.name = e.entity.name, e.entity.position.set(p(t("px")), p(t("py")), p(t("pz"))), e.entity.rotation.set(p(t("rx")), p(t("ry")), p(t("rz"))), e.entity.scale.set(p(t("sx"), 1), p(t("sy"), 1), p(t("sz"), 1)), e.color = t("color") || e.color, e.layer = Math.max(0, Math.floor(p(t("layer")))), e.group = t("group"), e.visible = s("visible"), e.locked = s("locked"), e.entity.enabled = e.visible, e.entity.object.visible = e.visible, e.entity.getComponent($)?.setColor(e.color), this.commitHistory("修改对象属性"), this.refreshUi();
+    const t = (i) => this.ui.propertyPanel.querySelector(`#prop-${i}`)?.value ?? "", s = (i) => this.ui.propertyPanel.querySelector(`#prop-${i}`)?.checked ?? !1;
+    e.entity.name = t("name") || e.entity.name, e.entity.object.name = e.entity.name, e.entity.position.set(p(t("px")), p(t("py")), p(t("pz"))), e.entity.rotation.set(p(t("rx")), p(t("ry")), p(t("rz"))), e.entity.scale.set(p(t("sx"), 1), p(t("sy"), 1), p(t("sz"), 1)), e.color = t("color") || e.color, e.layer = Math.max(0, Math.floor(p(t("layer")))), e.group = t("group"), e.visible = s("visible"), e.locked = s("locked"), e.entity.enabled = e.visible, e.entity.object.visible = e.visible, e.entity.getComponent(C)?.setColor(e.color), this.invalidateLogicalCounts(), this.commitHistory("修改对象属性"), this.refreshUi();
   }
   focusObject(e) {
     const t = this.scene.camera, s = e.entity.position;
@@ -579,8 +606,8 @@ class G {
           return;
         const s = e.getBoundingClientRect();
         this.pointer.x = (t.clientX - s.left) / s.width * 2 - 1, this.pointer.y = -((t.clientY - s.top) / s.height * 2 - 1), this.raycaster.setFromCamera(this.pointer, this.scene.camera);
-        const i = this.raycaster.intersectObjects(this.scene.threeScene.children, !0).find((c) => !!c.object.userData.workbenchId)?.object.userData.workbenchId;
-        i && this.objects.has(i) && (this.selectOnly(i), this.refreshUi());
+        const o = this.raycaster.intersectObjects(this.scene.threeScene.children, !0).find((a) => !!a.object.userData.workbenchId)?.object.userData.workbenchId;
+        o && this.objects.has(o) && (this.selectOnly(o), this.refreshUi());
       });
     }, 0);
   }
@@ -589,20 +616,27 @@ class G {
     return e ? e.frameTimeMs > 33 ? "帧耗时过高" : e.updatableEntities > 1e3 ? "逐帧对象过多" : e.drawCalls > 900 ? "Draw Call 过高" : e.triangles > 15e5 ? "三角面过高" : e.qualityScale < 0.95 ? "已自动降画质" : "无" : "无";
   }
   logicalObjectCount() {
-    let e = 0;
-    for (const t of this.objects.values())
-      e += t.instancedCount ?? 1;
-    return e;
+    return this.refreshLogicalCountCache(), this.logicalObjectCountCache;
   }
   logicalVisibleObjectCount() {
-    let e = 0;
-    for (const t of this.objects.values())
-      t.visible && (e += t.instancedCount ?? 1);
-    return e;
+    return this.refreshLogicalCountCache(), this.logicalVisibleObjectCountCache;
+  }
+  invalidateLogicalCounts() {
+    this.logicalCountsDirty = !0;
+  }
+  refreshLogicalCountCache() {
+    if (!this.logicalCountsDirty)
+      return;
+    let e = 0, t = 0;
+    for (const s of this.objects.values()) {
+      const i = s.instancedCount ?? 1;
+      e += i, s.visible && (t += i);
+    }
+    this.logicalObjectCountCache = e, this.logicalVisibleObjectCountCache = t, this.logicalCountsDirty = !1;
   }
   downloadText(e, t, s) {
-    const n = URL.createObjectURL(new Blob([t], { type: s })), o = document.createElement("a");
-    o.href = n, o.download = e, document.body.append(o), o.click(), o.remove(), URL.revokeObjectURL(n);
+    const i = URL.createObjectURL(new Blob([t], { type: s })), n = document.createElement("a");
+    n.href = i, n.download = e, document.body.append(n), n.click(), n.remove(), URL.revokeObjectURL(i);
   }
   log(e) {
     const t = document.createElement("div");
@@ -610,7 +644,7 @@ class G {
       this.ui.logList.lastElementChild?.remove();
   }
 }
-class N extends E {
+class z extends P {
   constructor(e, t) {
     super(), this.onFrame = e, this.intervalSeconds = t;
   }
@@ -621,10 +655,10 @@ class N extends E {
     this.elapsed += e, !(this.elapsed < this.intervalSeconds) && (this.elapsed = 0, this.onFrame());
   }
 }
-function q() {
+function W() {
   const r = new m("Editor Camera");
   return r.addComponent(
-    new P({
+    new U({
       target: new l.Vector3(0, 0.7, 0),
       distance: 10,
       azimuth: Math.PI * 0.24,
@@ -632,18 +666,18 @@ function q() {
     })
   ), r;
 }
-function z() {
+function q() {
   const r = new m("Ambient Light");
-  return r.addComponent(new R({ kind: "ambient", color: "#d7f8ee", intensity: 0.78 })), r;
+  return r.addComponent(new x({ kind: "ambient", color: "#d7f8ee", intensity: 0.78 })), r;
 }
-function W() {
+function K() {
   const r = new m("Directional Light");
-  return r.position.set(4, 7, 5), r.addComponent(new R({ kind: "directional", color: "#fff4d2", intensity: 2.75 })), r;
+  return r.position.set(4, 7, 5), r.addComponent(new x({ kind: "directional", color: "#fff4d2", intensity: 2.75 })), r;
 }
-function K() {
+function V() {
   const r = new m("Workbench Grid");
   return r.position.set(0, -0.05, 0), r.rotation.x = -Math.PI / 2, r.addComponent(
-    new $({
+    new C({
       kind: "plane",
       width: 32,
       depth: 32,
@@ -652,13 +686,13 @@ function K() {
       receiveShadow: !0,
       castShadow: !1
     })
-  ), r.addComponent(new y(X())), r;
+  ), r.addComponent(new y(Y())), r;
 }
-function V() {
+function X() {
   const r = new m("World Axis");
   return r.addComponent(new y(new l.AxesHelper(3))), r;
 }
-function X() {
+function Y() {
   const r = new l.GridHelper(32, 32, "#1ec7a6", "#31403a"), e = r.material;
   return Array.isArray(e) || (e.transparent = !0, e.opacity = 0.42), r.position.y = 0.02, r;
 }
@@ -666,8 +700,8 @@ function J(r) {
   const e = r.split(".").pop()?.toLowerCase() ?? "";
   return ["glb", "gltf"].includes(e) ? "model" : ["png", "jpg", "jpeg", "webp", "ktx2"].includes(e) ? "texture" : ["mp3", "wav", "ogg", "m4a"].includes(e) ? "audio" : ["mat", "json"].includes(e) ? "material" : "unknown";
 }
-function h(r, e, t, s = "number", n = "") {
-  return `<div class="property-field ${n}">
+function d(r, e, t, s = "number", i = "") {
+  return `<div class="property-field ${i}">
     <label for="prop-${e}">${r}</label>
     <input id="prop-${e}" type="${s}" value="${w(String(t))}" />
   </div>`;
@@ -679,10 +713,10 @@ function p(r, e = 0) {
   const t = Number(r);
   return Number.isFinite(t) ? t : e;
 }
-function C(r) {
-  return r >= B ? Math.min(r, _) : Math.min(r, F);
+function k(r) {
+  return r >= N ? Math.min(r, F) : Math.min(r, _);
 }
-function Y(r) {
+function Z(r) {
   return r >= 1e8 && r % 1e8 === 0 ? `${r / 1e8}亿` : `${r}`;
 }
 function w(r) {
@@ -701,13 +735,13 @@ function w(r) {
     }
   });
 }
-function x(r) {
+function R(r) {
   return r < 1024 ? `${r}B` : r < 1024 * 1024 ? `${Math.round(r / 1024)}KB` : `${Math.round(r / (1024 * 1024) * 10) / 10}MB`;
 }
-function Z() {
+function Q() {
   const e = performance.memory?.usedJSHeapSize;
-  return typeof e == "number" ? x(e) : "未知";
+  return typeof e == "number" ? R(e) : "未知";
 }
 export {
-  te as createEngineWorkbench
+  se as createEngineWorkbench
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "diamon-engine",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Diamon 3D engine runtime and editor workbench.",
   "license": "UNLICENSED",
   "type": "module",