@d5techs/3dgs-lib 1.4.83 → 1.4.84

package/dist/3dgs-lib.js

@@ -17566,186 +17566,31 @@ class EyedropperSelection {
   }
 }
 class SphereSelection {
-  constructor(parent, callbacks) {
-    __publicField(this, "parent");
-    __publicField(this, "toolbar");
-    __publicField(this, "callbacks");
+  constructor(onRadiusChanged) {
     __publicField(this, "_radius", 1);
-    __publicField(this, "radiusInput");
-    this.parent = parent;
-    this.callbacks = callbacks;
-    this.toolbar = document.createElement("div");
-    this.toolbar.className = "volume-select-toolbar";
-    this.toolbar.style.cssText = `
-      position:absolute; bottom:90px; left:50%; transform:translateX(-50%);
-      display:none; z-index:20; background:rgba(30,30,30,0.92);
-      border-radius:8px; padding:6px 10px; gap:6px;
-      align-items:center; font-size:13px; color:#ddd;
-      backdrop-filter:blur(6px); user-select:none; white-space:nowrap;
-      box-shadow:0 2px 12px rgba(0,0,0,0.4);
-    `;
-    this.toolbar.addEventListener("pointerdown", (e) => e.stopPropagation());
-    this.toolbar.addEventListener("wheel", (e) => e.stopPropagation());
-    const mkBtn = (label2, op) => {
-      const btn = document.createElement("button");
-      btn.textContent = label2;
-      btn.style.cssText = `
-        padding:4px 12px; border:1px solid #555; border-radius:4px;
-        background:#333; color:#ddd; cursor:pointer; font-size:13px;
-        transition: background 0.15s;
-      `;
-      btn.addEventListener("mouseenter", () => {
-        btn.style.background = "#555";
-      });
-      btn.addEventListener("mouseleave", () => {
-        btn.style.background = "#333";
-      });
-      btn.addEventListener("pointerdown", (e) => {
-        e.stopPropagation();
-        this.callbacks.onApply(op);
-      });
-      return btn;
-    };
-    const setBtn = mkBtn("Set", "set");
-    const addBtn = mkBtn("Add", "add");
-    const removeBtn = mkBtn("Remove", "remove");
-    const inputWrap = document.createElement("span");
-    inputWrap.style.cssText = "display:inline-flex; align-items:center; gap:2px;";
-    const input = document.createElement("input");
-    input.type = "number";
-    input.min = "1";
-    input.step = "1";
-    input.value = String(this._radius);
-    input.style.cssText = `
-      width:40px; padding:3px 4px; border:1px solid #555; border-radius:4px;
-      background:#222; color:#ddd; font-size:12px; text-align:center;
-    `;
-    const label = document.createElement("span");
-    label.textContent = "Radius";
-    label.style.cssText = "color:#888; font-size:11px;";
-    input.addEventListener("change", () => {
-      const v = Math.max(1, Math.round(parseFloat(input.value) || 1));
-      input.value = String(v);
-      this._radius = v;
-      this.callbacks.onRadiusChanged(v);
-    });
-    inputWrap.appendChild(input);
-    inputWrap.appendChild(label);
-    this.radiusInput = input;
-    this.toolbar.appendChild(setBtn);
-    this.toolbar.appendChild(addBtn);
-    this.toolbar.appendChild(removeBtn);
-    this.toolbar.appendChild(inputWrap);
-    parent.appendChild(this.toolbar);
+    __publicField(this, "_onRadiusChanged");
+    this._onRadiusChanged = onRadiusChanged;
   }
   get radius() {
     return this._radius;
   }
   setRadius(radius) {
-    this._radius = Math.round(radius);
-    this.radiusInput.value = String(this._radius);
+    var _a2;
+    this._radius = radius;
+    (_a2 = this._onRadiusChanged) == null ? void 0 : _a2.call(this, radius);
   }
   activate() {
-    this.toolbar.style.display = "flex";
   }
   deactivate() {
-    this.toolbar.style.display = "none";
   }
 }
 class BoxSelection {
-  constructor(parent, callbacks) {
-    __publicField(this, "parent");
-    __publicField(this, "toolbar");
-    __publicField(this, "callbacks");
+  constructor(onDimensionsChanged) {
     __publicField(this, "_lenX", 2);
     __publicField(this, "_lenY", 2);
     __publicField(this, "_lenZ", 2);
-    __publicField(this, "inputX");
-    __publicField(this, "inputY");
-    __publicField(this, "inputZ");
-    this.parent = parent;
-    this.callbacks = callbacks;
-    this.toolbar = document.createElement("div");
-    this.toolbar.className = "volume-select-toolbar";
-    this.toolbar.style.cssText = `
-      position:absolute; bottom:90px; left:50%; transform:translateX(-50%);
-      display:none; z-index:20; background:rgba(30,30,30,0.92);
-      border-radius:8px; padding:6px 10px; gap:6px;
-      align-items:center; font-size:13px; color:#ddd;
-      backdrop-filter:blur(6px); user-select:none; white-space:nowrap;
-      box-shadow:0 2px 12px rgba(0,0,0,0.4);
-    `;
-    this.toolbar.addEventListener("pointerdown", (e) => e.stopPropagation());
-    this.toolbar.addEventListener("wheel", (e) => e.stopPropagation());
-    const mkBtn = (label, op) => {
-      const btn = document.createElement("button");
-      btn.textContent = label;
-      btn.style.cssText = `
-        padding:4px 12px; border:1px solid #555; border-radius:4px;
-        background:#333; color:#ddd; cursor:pointer; font-size:13px;
-        transition: background 0.15s;
-      `;
-      btn.addEventListener("mouseenter", () => {
-        btn.style.background = "#555";
-      });
-      btn.addEventListener("mouseleave", () => {
-        btn.style.background = "#333";
-      });
-      btn.addEventListener("pointerdown", (e) => {
-        e.stopPropagation();
-        this.callbacks.onApply(op);
-      });
-      return btn;
-    };
-    const mkInput = (placeholder, initial, onChange) => {
-      const wrap = document.createElement("span");
-      wrap.style.cssText = "display:inline-flex; align-items:center; gap:2px;";
-      const input = document.createElement("input");
-      input.type = "number";
-      input.min = "1";
-      input.step = "1";
-      input.value = String(Math.round(initial));
-      input.style.cssText = `
-        width:40px; padding:3px 4px; border:1px solid #555; border-radius:4px;
-        background:#222; color:#ddd; font-size:12px; text-align:center;
-      `;
-      const label = document.createElement("span");
-      label.textContent = placeholder;
-      label.style.cssText = "color:#888; font-size:11px;";
-      input.addEventListener("change", () => {
-        const v = Math.max(1, Math.round(parseFloat(input.value) || 1));
-        input.value = String(v);
-        onChange(v);
-      });
-      wrap.appendChild(input);
-      wrap.appendChild(label);
-      return { wrap, input };
-    };
-    const setBtn = mkBtn("Set", "set");
-    const addBtn = mkBtn("Add", "add");
-    const removeBtn = mkBtn("Remove", "remove");
-    const xInput = mkInput("LenX", this._lenX, (v) => {
-      this._lenX = v;
-      this.emitDims();
-    });
-    const yInput = mkInput("LenY", this._lenY, (v) => {
-      this._lenY = v;
-      this.emitDims();
-    });
-    const zInput = mkInput("LenZ", this._lenZ, (v) => {
-      this._lenZ = v;
-      this.emitDims();
-    });
-    this.inputX = xInput.input;
-    this.inputY = yInput.input;
-    this.inputZ = zInput.input;
-    this.toolbar.appendChild(setBtn);
-    this.toolbar.appendChild(addBtn);
-    this.toolbar.appendChild(removeBtn);
-    this.toolbar.appendChild(xInput.wrap);
-    this.toolbar.appendChild(yInput.wrap);
-    this.toolbar.appendChild(zInput.wrap);
-    parent.appendChild(this.toolbar);
+    __publicField(this, "_onDimensionsChanged");
+    this._onDimensionsChanged = onDimensionsChanged;
   }
   get lenX() {
     return this._lenX;
@@ -17757,21 +17602,15 @@ class BoxSelection {
     return this._lenZ;
   }
   setDimensions(lenX, lenY, lenZ) {
-    this._lenX = Math.round(lenX);
-    this._lenY = Math.round(lenY);
-    this._lenZ = Math.round(lenZ);
-    this.inputX.value = String(this._lenX);
-    this.inputY.value = String(this._lenY);
-    this.inputZ.value = String(this._lenZ);
+    var _a2;
+    this._lenX = lenX;
+    this._lenY = lenY;
+    this._lenZ = lenZ;
+    (_a2 = this._onDimensionsChanged) == null ? void 0 : _a2.call(this, lenX, lenY, lenZ);
   }
   activate() {
-    this.toolbar.style.display = "flex";
   }
   deactivate() {
-    this.toolbar.style.display = "none";
-  }
-  emitDims() {
-    this.callbacks.onDimensionsChanged(this._lenX, this._lenY, this._lenZ);
   }
 }
 function exportEditedPLY(positions, scales, rotations, colors, opacities, shCoeffs, state) {
@@ -18278,20 +18117,14 @@ class SplatEditor {
     if (this.gpuRenderer) {
       this.volumeRenderer = new SelectionVolumeRenderer(this.gpuRenderer, this.camera);
     }
-    this.sphereTool = new SphereSelection(this.container, {
-      onApply: (op) => this.applyVolumeSelection(op),
-      onRadiusChanged: (radius) => {
-        var _a2;
-        (_a2 = this.volumeRenderer) == null ? void 0 : _a2.setDimensions(radius, 0, 0);
-      }
+    this.sphereTool = new SphereSelection((radius) => {
+      var _a2;
+      (_a2 = this.volumeRenderer) == null ? void 0 : _a2.setDimensions(radius, 0, 0);
     });
     this.toolManager.register("sphere", this.sphereTool);
-    this.boxTool = new BoxSelection(this.container, {
-      onApply: (op) => this.applyVolumeSelection(op),
-      onDimensionsChanged: (lx, ly, lz) => {
-        var _a2;
-        (_a2 = this.volumeRenderer) == null ? void 0 : _a2.setDimensions(lx, ly, lz);
-      }
+    this.boxTool = new BoxSelection((lx, ly, lz) => {
+      var _a2;
+      (_a2 = this.volumeRenderer) == null ? void 0 : _a2.setDimensions(lx, ly, lz);
     });
     this.toolManager.register("box", this.boxTool);
     this.gsRenderer.setEditorState(this.splatState.data);
@@ -18649,6 +18482,24 @@ class SplatEditor {
       }
     };
   }
+  // ============================================
+  // 体积工具参数 API（供前端 UI 调用）
+  // ============================================
+  setBoxDimensions(lx, ly, lz) {
+    var _a2;
+    (_a2 = this.boxTool) == null ? void 0 : _a2.setDimensions(lx, ly, lz);
+  }
+  getBoxDimensions() {
+    return this.boxTool ? [this.boxTool.lenX, this.boxTool.lenY, this.boxTool.lenZ] : [2, 2, 2];
+  }
+  setSphereRadius(radius) {
+    var _a2;
+    (_a2 = this.sphereTool) == null ? void 0 : _a2.setRadius(radius);
+  }
+  getSphereRadius() {
+    var _a2;
+    return ((_a2 = this.sphereTool) == null ? void 0 : _a2.radius) ?? 1;
+  }
   /**
    * 获取模型世界空间包围盒（中心 + 尺寸）
    */