@anov/3d-ability 0.0.139 → 0.0.141

package/dist/business/InfoPanel/index.js

@@ -1,27 +1,10 @@
-var _excluded = ["value"],
+const _excluded = ["value"],
   _excluded2 = ["value"];
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 /**
  * @file index.ts
  * @description 信息面板
@@ -33,7 +16,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import ObjectLayer from "../Base/ObjectLayer";
 import _ from 'lodash';
 import { Group, Vector3, createLabel } from '@anov/3d-core';
-var DEFAULT_OPTION = {
+const DEFAULT_OPTION = {
   position: [0, 0, 0],
   type: 'info',
   title: {
@@ -51,238 +34,214 @@ var DEFAULT_OPTION = {
   closable: true,
   padding: '10px'
 };
-var InfoPanel = /*#__PURE__*/function (_ObjectLayer) {
-  _inherits(InfoPanel, _ObjectLayer);
-  var _super = _createSuper(InfoPanel);
-  function InfoPanel(option) {
-    var _this;
-    _classCallCheck(this, InfoPanel);
-    _this = _super.call(this);
-    _defineProperty(_assertThisInitialized(_this), "_title", void 0);
-    _defineProperty(_assertThisInitialized(_this), "_content", void 0);
-    _defineProperty(_assertThisInitialized(_this), "_width", void 0);
-    _defineProperty(_assertThisInitialized(_this), "_height", void 0);
-    _defineProperty(_assertThisInitialized(_this), "_bgColor", void 0);
-    _defineProperty(_assertThisInitialized(_this), "_position", void 0);
-    _defineProperty(_assertThisInitialized(_this), "_type", void 0);
-    _defineProperty(_assertThisInitialized(_this), "_borderRadius", 10);
-    _defineProperty(_assertThisInitialized(_this), "_bgUrl", void 0);
-    _defineProperty(_assertThisInitialized(_this), "_className", void 0);
-    _defineProperty(_assertThisInitialized(_this), "_customStyle", void 0);
-    _defineProperty(_assertThisInitialized(_this), "_closeable", void 0);
-    _defineProperty(_assertThisInitialized(_this), "_padding", void 0);
-    _defineProperty(_assertThisInitialized(_this), "_group", void 0);
-    _defineProperty(_assertThisInitialized(_this), "_onClose", void 0);
-    _defineProperty(_assertThisInitialized(_this), "visible", false);
-    var params = _.mergeWith(_.cloneDeep(DEFAULT_OPTION), option);
-    var _title = params.title,
-      _content = params.content,
-      _width = params.width,
-      _height = params.height,
-      _bgColor = params.bgColor,
-      _position = params.position,
-      _type = params.type,
-      _bgUrl = params.bgUrl,
-      _className = params.className,
-      _customStyle = params.customStyle,
-      _borderRadius = params.borderRadius,
-      _padding = params.padding,
-      _closeable = params.closable,
-      _onClose = params.onClose;
-    Object.assign(_assertThisInitialized(_this), {
-      _title: _title,
-      _content: _content,
-      _width: _width,
-      _height: _height,
-      _bgColor: _bgColor,
-      _position: _position,
-      _type: _type,
-      _bgUrl: _bgUrl,
-      _className: _className,
-      _customStyle: _customStyle,
-      _borderRadius: _borderRadius,
-      _padding: _padding,
-      _closeable: _closeable,
-      _onClose: _onClose
+class InfoPanel extends ObjectLayer {
+  constructor(option) {
+    super();
+    _defineProperty(this, "_title", void 0);
+    _defineProperty(this, "_content", void 0);
+    _defineProperty(this, "_width", void 0);
+    _defineProperty(this, "_height", void 0);
+    _defineProperty(this, "_bgColor", void 0);
+    _defineProperty(this, "_position", void 0);
+    _defineProperty(this, "_type", void 0);
+    _defineProperty(this, "_borderRadius", 10);
+    _defineProperty(this, "_bgUrl", void 0);
+    _defineProperty(this, "_className", void 0);
+    _defineProperty(this, "_customStyle", void 0);
+    _defineProperty(this, "_closeable", void 0);
+    _defineProperty(this, "_padding", void 0);
+    _defineProperty(this, "_group", void 0);
+    _defineProperty(this, "_onClose", void 0);
+    _defineProperty(this, "visible", false);
+    const params = _.mergeWith(_.cloneDeep(DEFAULT_OPTION), option);
+    const {
+      title: _title,
+      content: _content,
+      width: _width,
+      height: _height,
+      bgColor: _bgColor,
+      position: _position,
+      type: _type,
+      bgUrl: _bgUrl,
+      className: _className,
+      customStyle: _customStyle,
+      borderRadius: _borderRadius,
+      padding: _padding,
+      closable: _closeable,
+      onClose: _onClose
+    } = params;
+    Object.assign(this, {
+      _title,
+      _content,
+      _width,
+      _height,
+      _bgColor,
+      _position,
+      _type,
+      _bgUrl,
+      _className,
+      _customStyle,
+      _borderRadius,
+      _padding,
+      _closeable,
+      _onClose
     });
-    _this._group = new Group();
-    _this._group.visible = _this.visible;
-    _this.init();
-    return _this;
+    this._group = new Group();
+    this._group.visible = this.visible;
+    this.init();
   }
-  _createClass(InfoPanel, [{
-    key: "init",
-    value: function init() {
-      this.createBox();
-    }
-  }, {
-    key: "createBox",
-    value: function createBox() {
-      // 使用 DocumentFragment 减少重排
-      // const fragment = document.createDocumentFragment();
-      var bgDom = this.createBgDom(); //创建容器盒子
-      var headerDom = this.createHeaderDom(); //创建头部盒子
-
-      // 创建内容
-      var contentDom = document.createElement('div');
-      contentDom.className = 'panel-content';
-      if (typeof this._content.value === 'string') {
-        contentDom.textContent = this._content.value;
-      } else if (this._content.value instanceof HTMLElement) {
-        contentDom.appendChild(this._content.value);
-      }
-      var _this$_content = this._content,
-        value = _this$_content.value,
-        contentStyle = _objectWithoutProperties(_this$_content, _excluded);
-      // 正确设置样式的方式
-      Object.assign(contentDom.style, contentStyle); //待测试
+  init() {
+    this.createBox();
+  }
+  createBox() {
+    // 使用 DocumentFragment 减少重排
+    // const fragment = document.createDocumentFragment();
+    const bgDom = this.createBgDom(); //创建容器盒子
+    const headerDom = this.createHeaderDom(); //创建头部盒子
 
-      bgDom.appendChild(headerDom);
-      bgDom.appendChild(contentDom);
-      var bgObject = createLabel(bgDom);
-      bgObject.position.set(0, 0, 0);
-      bgObject.center.set(0, 0);
-      this._group.add(bgObject);
-      this.add(this._group);
-      this.applyPosition(); // 初始化自动定位
-    }
-    /** 创建背景 */
-  }, {
-    key: "createBgDom",
-    value: function createBgDom() {
-      //创建容器盒子
-      var bgDom = document.createElement('div');
-      Object.assign(bgDom.style, {
-        width: "".concat(this._width, "px"),
-        height: "".concat(this._height, "px"),
-        // left: `${this._position[0]}px`,
-        // top: `${this._position[1]}px`,
-        overflow: 'hidden',
-        padding: this._padding,
-        borderRadius: this._bgUrl ? '' : "".concat(this._borderRadius, "px"),
-        backgroundColor: this._bgUrl ? '' : this._bgColor,
-        backgroundImage: this._bgUrl ? "url(".concat(this._bgUrl, ")") : '',
-        backgroundSize: this._bgUrl ? 'contain' : '',
-        backgroundRepeat: this._bgUrl ? 'no-repeat' : '',
-        boxSizing: 'border-box'
-      });
-      if (this._className) bgDom.className = this._className;
-      if (this._customStyle) Object.assign(bgDom.style, this._customStyle);
-      return bgDom;
+    // 创建内容
+    const contentDom = document.createElement('div');
+    contentDom.className = 'panel-content';
+    if (typeof this._content.value === 'string') {
+      contentDom.textContent = this._content.value;
+    } else if (this._content.value instanceof HTMLElement) {
+      contentDom.appendChild(this._content.value);
     }
-    /** 创建头部 */
-  }, {
-    key: "createHeaderDom",
-    value: function createHeaderDom() {
-      var _this2 = this;
-      var headerDom = document.createElement('div');
-      headerDom.className = 'panel-header';
-      headerDom.style.display = 'flex';
-      headerDom.style.alignItems = 'center';
-      // 创建标题
-      var titleDom = document.createElement('p');
-      titleDom.className = 'panel-title';
-      titleDom.style.display = 'flex';
-      titleDom.style.flex = '1';
-      titleDom.textContent = this._title.value;
-      var _this$_title = this._title,
-        titleValue = _this$_title.value,
-        titleStyle = _objectWithoutProperties(_this$_title, _excluded2);
-      // 正确设置样式的方式
-      Object.assign(titleDom.style, titleStyle); //待测试
+    const _this$_content = this._content,
+      {
+        value
+      } = _this$_content,
+      contentStyle = _objectWithoutProperties(_this$_content, _excluded);
+    // 正确设置样式的方式
+    Object.assign(contentDom.style, contentStyle); //待测试
 
-      headerDom.appendChild(titleDom);
+    bgDom.appendChild(headerDom);
+    bgDom.appendChild(contentDom);
+    const bgObject = createLabel(bgDom);
+    bgObject.position.set(0, 0, 0);
+    bgObject.center.set(0, 0);
+    this._group.add(bgObject);
+    this.add(this._group);
+    this.applyPosition(); // 初始化自动定位
+  }
+  /** 创建背景 */
+  createBgDom() {
+    //创建容器盒子
+    const bgDom = document.createElement('div');
+    Object.assign(bgDom.style, {
+      width: `${this._width}px`,
+      height: `${this._height}px`,
+      // left: `${this._position[0]}px`,
+      // top: `${this._position[1]}px`,
+      overflow: 'hidden',
+      padding: this._padding,
+      borderRadius: this._bgUrl ? '' : `${this._borderRadius}px`,
+      backgroundColor: this._bgUrl ? '' : this._bgColor,
+      backgroundImage: this._bgUrl ? `url(${this._bgUrl})` : '',
+      backgroundSize: this._bgUrl ? 'contain' : '',
+      backgroundRepeat: this._bgUrl ? 'no-repeat' : '',
+      boxSizing: 'border-box'
+    });
+    if (this._className) bgDom.className = this._className;
+    if (this._customStyle) Object.assign(bgDom.style, this._customStyle);
+    return bgDom;
+  }
+  /** 创建头部 */
+  createHeaderDom() {
+    const headerDom = document.createElement('div');
+    headerDom.className = 'panel-header';
+    headerDom.style.display = 'flex';
+    headerDom.style.alignItems = 'center';
+    // 创建标题
+    const titleDom = document.createElement('p');
+    titleDom.className = 'panel-title';
+    titleDom.style.display = 'flex';
+    titleDom.style.flex = '1';
+    titleDom.textContent = this._title.value;
+    const _this$_title = this._title,
+      {
+        value: titleValue
+      } = _this$_title,
+      titleStyle = _objectWithoutProperties(_this$_title, _excluded2);
+    // 正确设置样式的方式
+    Object.assign(titleDom.style, titleStyle); //待测试
 
-      // 创建关闭按钮
-      if (this._closeable) {
-        var closeDom = document.createElement('div');
-        closeDom.className = 'panel-close';
-        closeDom.style.cursor = 'pointer';
-        closeDom.style.fontSize = this._title.fontSize;
-        closeDom.style.color = this._title.color;
-        closeDom.textContent = 'x';
-        closeDom.style.pointerEvents = 'auto';
-        closeDom.onclick = function () {
-          _this2.close();
-        };
-        headerDom.appendChild(closeDom);
-      }
-      return headerDom;
-    }
+    headerDom.appendChild(titleDom);
 
-    /** 自动定位面板 */
-  }, {
-    key: "applyPosition",
-    value: function applyPosition() {
-      var offset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new Vector3(0, 0, 0);
-      if (Array.isArray(this._position)) {
-        // 如果是数组 [x, y]
-        var _this$_position = _slicedToArray(this._position, 3),
-          x = _this$_position[0],
-          y = _this$_position[1],
-          z = _this$_position[2];
-        this._group.position.set(x, y, z); // 注意y轴取反
-      }
+    // 创建关闭按钮
+    if (this._closeable) {
+      const closeDom = document.createElement('div');
+      closeDom.className = 'panel-close';
+      closeDom.style.cursor = 'pointer';
+      closeDom.style.fontSize = this._title.fontSize;
+      closeDom.style.color = this._title.color;
+      closeDom.textContent = 'x';
+      closeDom.style.pointerEvents = 'auto';
+      closeDom.onclick = () => {
+        this.close();
+      };
+      headerDom.appendChild(closeDom);
     }
-  }, {
-    key: "open",
-    value: function open() {
-      this.visible = true;
-      this._group.visible = true;
+    return headerDom;
+  }
 
-      // 同步 DOM 节点显示
-      // this._group.children.forEach((child: any) => {
-      //     if (child.element) {
-      //         child.element.style.display = 'block';
-      //     }
-      // });
+  /** 自动定位面板 */
+  applyPosition(offset = new Vector3(0, 0, 0)) {
+    if (Array.isArray(this._position)) {
+      // 如果是数组 [x, y]
+      const [x, y, z] = this._position;
+      this._group.position.set(x, y, z); // 注意y轴取反
     }
-  }, {
-    key: "close",
-    value: function close() {
-      this.visible = false;
-      this._group.visible = false;
+  }
+  open() {
+    this.visible = true;
+    this._group.visible = true;
 
-      // 同步 DOM 节点隐藏
-      // this._group.children.forEach((child: any) => {
-      //     if (child.element) {
-      //         child.element.style.display = 'none';
-      //     }
-      // });
-      if (this._onClose) {
-        this._onClose();
-      }
-    }
-  }, {
-    key: "update",
-    value: function update(option) {
-      var merged = _.mergeWith(_.cloneDeep(DEFAULT_OPTION), option);
-      this._title = merged.title;
-      this._content = merged.content;
-      this._width = merged.width;
-      this._height = merged.height;
-      this._bgColor = merged.bgColor;
-      this._borderRadius = merged.borderRadius || 0;
-      this._bgUrl = merged.bgUrl;
-      this._className = merged.className;
-      this._customStyle = merged.style;
-      this._group.clear();
-      this.init();
-    }
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      this._group.clear();
-      this.remove(this._group);
-      // 清理DOM引用
-      this._group.children.forEach(function (child) {
-        if (child.element && child.element.parentNode) {
-          child.element.parentNode.removeChild(child.element);
-        }
-      });
+    // 同步 DOM 节点显示
+    // this._group.children.forEach((child: any) => {
+    //     if (child.element) {
+    //         child.element.style.display = 'block';
+    //     }
+    // });
+  }
+  close() {
+    this.visible = false;
+    this._group.visible = false;
+
+    // 同步 DOM 节点隐藏
+    // this._group.children.forEach((child: any) => {
+    //     if (child.element) {
+    //         child.element.style.display = 'none';
+    //     }
+    // });
+    if (this._onClose) {
+      this._onClose();
     }
-  }]);
-  return InfoPanel;
-}(ObjectLayer);
+  }
+  update(option) {
+    const merged = _.mergeWith(_.cloneDeep(DEFAULT_OPTION), option);
+    this._title = merged.title;
+    this._content = merged.content;
+    this._width = merged.width;
+    this._height = merged.height;
+    this._bgColor = merged.bgColor;
+    this._borderRadius = merged.borderRadius || 0;
+    this._bgUrl = merged.bgUrl;
+    this._className = merged.className;
+    this._customStyle = merged.style;
+    this._group.clear();
+    this.init();
+  }
+  destroy() {
+    this._group.clear();
+    this.remove(this._group);
+    // 清理DOM引用
+    this._group.children.forEach(child => {
+      if (child.element && child.element.parentNode) {
+        child.element.parentNode.removeChild(child.element);
+      }
+    });
+  }
+}
 export { InfoPanel };
 //# sourceMappingURL=index.js.map

package/dist/business/InfoPanel/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["ObjectLayer","_","Group","Vector3","createLabel","DEFAULT_OPTION","position","type","title","value","fontSize","content","width","height","bgColor","borderRadius","closable","padding","InfoPanel","_ObjectLayer","_inherits","_super","_createSuper","option","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","params","mergeWith","cloneDeep","_title","_content","_width","_height","_bgColor","_position","_type","_bgUrl","bgUrl","_className","className","_customStyle","customStyle","_borderRadius","_padding","_closeable","_onClose","onClose","Object","assign","_group","visible","init","_createClass","key","createBox","bgDom","createBgDom","headerDom","createHeaderDom","contentDom","document","createElement","textContent","HTMLElement","appendChild","_this$_content","contentStyle","_objectWithoutProperties","_excluded","style","bgObject","set","center","add","applyPosition","concat","overflow","backgroundColor","backgroundImage","backgroundSize","backgroundRepeat","boxSizing","_this2","display","alignItems","titleDom","flex","_this$_title","titleValue","titleStyle","_excluded2","closeDom","cursor","color","pointerEvents","onclick","close","offset","arguments","length","undefined","Array","isArray","_this$_position","_slicedToArray","x","y","z","open","update","merged","clear","destroy","remove","children","forEach","child","element","parentNode","removeChild"],"sources":["../../../src/business/InfoPanel/index.ts"],"sourcesContent":["/**\n * @file index.ts\n * @description 信息面板\n * @author xingwei\n * @createTime 2025-08-22\n * @lastEditTime 2025-08-22\n */\n\n\nimport ObjectLayer from \"../Base/ObjectLayer\";\nimport _ from 'lodash'\nimport { Group, Vector3, createLabel, CSS2DRenderer, Mesh, SphereGeometry, MeshBasicMaterial } from '@anov/3d-core'\nimport type {Option, TitleOption, ContentOption, PanelType, PanelPosition} from './type'\nimport { IPanel } from './type'\n\nconst DEFAULT_OPTION = {\n    position: [0, 0, 0],\n    type: 'info',\n    title: {\n        value: '面板标题',\n        fontSize: '20px',\n    },\n    content: {\n        value: '面板内容',\n        fontSize: '16px',\n    },\n    width: 300,\n    height: 200,\n    bgColor: '#fff',\n    borderRadius: 8,\n    closable: true,\n    padding: '10px'\n}\n\nclass InfoPanel extends ObjectLayer implements IPanel{\n    private _title: TitleOption\n    private _content: ContentOption\n    private _width: number\n    private _height: number\n    private _bgColor: string\n    private _position: Array<number>\n    private _type: PanelType\n    private _borderRadius: number = 10\n    private _bgUrl: string\n    private _className: string\n    private _customStyle: any\n    private _closeable: boolean\n    private _padding: string \n    private _group: Group\n    private _onClose: Function\n    visible: boolean = false;\n\n    constructor(option: Option) {\n        super();\n        const params = _.mergeWith(_.cloneDeep(DEFAULT_OPTION), option)\n        const {\n            title: _title,\n            content: _content,\n            width: _width,\n            height: _height,\n            bgColor: _bgColor,\n            position: _position,\n            type: _type,\n            bgUrl: _bgUrl,\n            className: _className,\n            customStyle: _customStyle,\n            borderRadius: _borderRadius,\n            padding: _padding,\n            closable: _closeable,\n            onClose: _onClose\n        } = params;\n\n        Object.assign(this, {\n            _title, _content, _width, _height, _bgColor, _position, _type,\n            _bgUrl, _className, _customStyle, _borderRadius, _padding,_closeable, _onClose\n        });\n        \n        this._group = new Group()\n        this._group.visible = this.visible\n        this.init()\n    }\n    private init(){\n        this.createBox()\n        \n    }\n\n\n    private createBox(){\n\n        // 使用 DocumentFragment 减少重排\n        // const fragment = document.createDocumentFragment();\n        const bgDom = this.createBgDom() //创建容器盒子\n        const headerDom = this.createHeaderDom() //创建头部盒子\n\n\n        // 创建内容\n        const contentDom = document.createElement('div')\n        contentDom.className = 'panel-content'\n        if(typeof this._content.value === 'string'){\n            contentDom.textContent = this._content.value\n        }else if(this._content.value instanceof HTMLElement){\n            contentDom.appendChild(this._content.value)\n        }\n        \n        const {value, ...contentStyle} = this._content\n        // 正确设置样式的方式\n        Object.assign(contentDom.style, contentStyle)   //待测试\n\n        bgDom.appendChild(headerDom)\n        bgDom.appendChild(contentDom)\n\n\n        const bgObject = createLabel(bgDom);\n        bgObject.position.set(0, 0, 0);\n        bgObject.center.set(0, 0);\n\n        this._group.add(bgObject);\n\n        this.add(this._group)\n        this.applyPosition(); // 初始化自动定位\n    }\n    /** 创建背景 */\n    private createBgDom(){\n        //创建容器盒子\n        const bgDom = document.createElement('div');\n        Object.assign(bgDom.style, {\n            width: `${this._width}px`,\n            height: `${this._height}px`,\n            // left: `${this._position[0]}px`,\n            // top: `${this._position[1]}px`,\n            overflow: 'hidden',\n            padding: this._padding,\n            borderRadius: this._bgUrl ? '' : `${this._borderRadius}px`,\n            backgroundColor: this._bgUrl ? '' : this._bgColor,\n            backgroundImage: this._bgUrl ? `url(${this._bgUrl})` : '',\n            backgroundSize: this._bgUrl ? 'contain' : '',\n            backgroundRepeat: this._bgUrl ? 'no-repeat' : '',\n            boxSizing: 'border-box'\n            \n        });\n        if (this._className) bgDom.className = this._className;\n        if (this._customStyle) Object.assign(bgDom.style, this._customStyle);\n        return bgDom;\n    }\n    /** 创建头部 */\n    private createHeaderDom(){\n        const headerDom = document.createElement('div')\n        headerDom.className = 'panel-header'\n        headerDom.style.display = 'flex'\n        headerDom.style.alignItems = 'center'\n        // 创建标题\n        const titleDom = document.createElement('p')\n        titleDom.className = 'panel-title'\n        titleDom.style.display = 'flex'\n        titleDom.style.flex = '1'\n        titleDom.textContent = this._title.value\n        const {value: titleValue, ...titleStyle} = this._title\n        // 正确设置样式的方式\n        Object.assign(titleDom.style, titleStyle)   //待测试\n\n        headerDom.appendChild(titleDom)\n\n        // 创建关闭按钮\n        if(this._closeable){\n            const closeDom = document.createElement('div')\n            closeDom.className = 'panel-close'\n            closeDom.style.cursor = 'pointer'\n            closeDom.style.fontSize = this._title.fontSize\n            closeDom.style.color = this._title.color\n            closeDom.textContent = 'x'\n            closeDom.style.pointerEvents = 'auto'\n            closeDom.onclick = () => {\n                this.close()\n            }\n            headerDom.appendChild(closeDom)\n        }\n        return headerDom\n    }\n\n    /** 自动定位面板 */\n    private applyPosition(offset: Vector3 = new Vector3(0, 0, 0)) {\n        if (Array.isArray(this._position)) {\n            // 如果是数组 [x, y]\n            const [x, y, z] = this._position;\n            this._group.position.set(x, y, z); // 注意y轴取反\n        }\n    }\n\n    public open(){\n        this.visible = true\n        this._group.visible = true;\n\n        // 同步 DOM 节点显示\n        // this._group.children.forEach((child: any) => {\n        //     if (child.element) {\n        //         child.element.style.display = 'block';\n        //     }\n        // });\n    }\n    public close(){\n        this.visible = false\n        this._group.visible = false;\n\n        // 同步 DOM 节点隐藏\n        // this._group.children.forEach((child: any) => {\n        //     if (child.element) {\n        //         child.element.style.display = 'none';\n        //     }\n        // });\n        if(this._onClose){\n            this._onClose()\n        }\n    }\n    public update(option: Option){\n        const merged = _.mergeWith(_.cloneDeep(DEFAULT_OPTION), option);\n        this._title = merged.title;\n        this._content = merged.content;\n        this._width = merged.width;\n        this._height = merged.height;\n        this._bgColor = merged.bgColor;\n        this._borderRadius = merged.borderRadius || 0;\n        this._bgUrl = merged.bgUrl;\n        this._className = merged.className;\n        this._customStyle = merged.style;\n\n        this._group.clear();\n        this.init();\n    }\n    destroy(): void {\n        this._group.clear();\n        this.remove(this._group)\n        // 清理DOM引用\n        this._group.children.forEach((child: any) => {\n            if (child.element && child.element.parentNode) {\n                child.element.parentNode.removeChild(child.element);\n            }\n        });\n    }\n}\n\nexport {InfoPanel}"],"mappings":"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"}
+{"version":3,"names":["ObjectLayer","_","Group","Vector3","createLabel","DEFAULT_OPTION","position","type","title","value","fontSize","content","width","height","bgColor","borderRadius","closable","padding","InfoPanel","constructor","option","_defineProperty","params","mergeWith","cloneDeep","_title","_content","_width","_height","_bgColor","_position","_type","bgUrl","_bgUrl","className","_className","customStyle","_customStyle","_borderRadius","_padding","_closeable","onClose","_onClose","Object","assign","_group","visible","init","createBox","bgDom","createBgDom","headerDom","createHeaderDom","contentDom","document","createElement","textContent","HTMLElement","appendChild","_this$_content","contentStyle","_objectWithoutProperties","_excluded","style","bgObject","set","center","add","applyPosition","overflow","backgroundColor","backgroundImage","backgroundSize","backgroundRepeat","boxSizing","display","alignItems","titleDom","flex","_this$_title","titleValue","titleStyle","_excluded2","closeDom","cursor","color","pointerEvents","onclick","close","offset","Array","isArray","x","y","z","open","update","merged","clear","destroy","remove","children","forEach","child","element","parentNode","removeChild"],"sources":["../../../src/business/InfoPanel/index.ts"],"sourcesContent":["/**\n * @file index.ts\n * @description 信息面板\n * @author xingwei\n * @createTime 2025-08-22\n * @lastEditTime 2025-08-22\n */\n\n\nimport ObjectLayer from \"../Base/ObjectLayer\";\nimport _ from 'lodash'\nimport { Group, Vector3, createLabel, CSS2DRenderer, Mesh, SphereGeometry, MeshBasicMaterial } from '@anov/3d-core'\nimport type {Option, TitleOption, ContentOption, PanelType, PanelPosition} from './type'\nimport { IPanel } from './type'\n\nconst DEFAULT_OPTION = {\n    position: [0, 0, 0],\n    type: 'info',\n    title: {\n        value: '面板标题',\n        fontSize: '20px',\n    },\n    content: {\n        value: '面板内容',\n        fontSize: '16px',\n    },\n    width: 300,\n    height: 200,\n    bgColor: '#fff',\n    borderRadius: 8,\n    closable: true,\n    padding: '10px'\n}\n\nclass InfoPanel extends ObjectLayer implements IPanel{\n    private _title: TitleOption\n    private _content: ContentOption\n    private _width: number\n    private _height: number\n    private _bgColor: string\n    private _position: Array<number>\n    private _type: PanelType\n    private _borderRadius: number = 10\n    private _bgUrl: string\n    private _className: string\n    private _customStyle: any\n    private _closeable: boolean\n    private _padding: string \n    private _group: Group\n    private _onClose: Function\n    visible: boolean = false;\n\n    constructor(option: Option) {\n        super();\n        const params = _.mergeWith(_.cloneDeep(DEFAULT_OPTION), option)\n        const {\n            title: _title,\n            content: _content,\n            width: _width,\n            height: _height,\n            bgColor: _bgColor,\n            position: _position,\n            type: _type,\n            bgUrl: _bgUrl,\n            className: _className,\n            customStyle: _customStyle,\n            borderRadius: _borderRadius,\n            padding: _padding,\n            closable: _closeable,\n            onClose: _onClose\n        } = params;\n\n        Object.assign(this, {\n            _title, _content, _width, _height, _bgColor, _position, _type,\n            _bgUrl, _className, _customStyle, _borderRadius, _padding,_closeable, _onClose\n        });\n        \n        this._group = new Group()\n        this._group.visible = this.visible\n        this.init()\n    }\n    private init(){\n        this.createBox()\n        \n    }\n\n\n    private createBox(){\n\n        // 使用 DocumentFragment 减少重排\n        // const fragment = document.createDocumentFragment();\n        const bgDom = this.createBgDom() //创建容器盒子\n        const headerDom = this.createHeaderDom() //创建头部盒子\n\n\n        // 创建内容\n        const contentDom = document.createElement('div')\n        contentDom.className = 'panel-content'\n        if(typeof this._content.value === 'string'){\n            contentDom.textContent = this._content.value\n        }else if(this._content.value instanceof HTMLElement){\n            contentDom.appendChild(this._content.value)\n        }\n        \n        const {value, ...contentStyle} = this._content\n        // 正确设置样式的方式\n        Object.assign(contentDom.style, contentStyle)   //待测试\n\n        bgDom.appendChild(headerDom)\n        bgDom.appendChild(contentDom)\n\n\n        const bgObject = createLabel(bgDom);\n        bgObject.position.set(0, 0, 0);\n        bgObject.center.set(0, 0);\n\n        this._group.add(bgObject);\n\n        this.add(this._group)\n        this.applyPosition(); // 初始化自动定位\n    }\n    /** 创建背景 */\n    private createBgDom(){\n        //创建容器盒子\n        const bgDom = document.createElement('div');\n        Object.assign(bgDom.style, {\n            width: `${this._width}px`,\n            height: `${this._height}px`,\n            // left: `${this._position[0]}px`,\n            // top: `${this._position[1]}px`,\n            overflow: 'hidden',\n            padding: this._padding,\n            borderRadius: this._bgUrl ? '' : `${this._borderRadius}px`,\n            backgroundColor: this._bgUrl ? '' : this._bgColor,\n            backgroundImage: this._bgUrl ? `url(${this._bgUrl})` : '',\n            backgroundSize: this._bgUrl ? 'contain' : '',\n            backgroundRepeat: this._bgUrl ? 'no-repeat' : '',\n            boxSizing: 'border-box'\n            \n        });\n        if (this._className) bgDom.className = this._className;\n        if (this._customStyle) Object.assign(bgDom.style, this._customStyle);\n        return bgDom;\n    }\n    /** 创建头部 */\n    private createHeaderDom(){\n        const headerDom = document.createElement('div')\n        headerDom.className = 'panel-header'\n        headerDom.style.display = 'flex'\n        headerDom.style.alignItems = 'center'\n        // 创建标题\n        const titleDom = document.createElement('p')\n        titleDom.className = 'panel-title'\n        titleDom.style.display = 'flex'\n        titleDom.style.flex = '1'\n        titleDom.textContent = this._title.value\n        const {value: titleValue, ...titleStyle} = this._title\n        // 正确设置样式的方式\n        Object.assign(titleDom.style, titleStyle)   //待测试\n\n        headerDom.appendChild(titleDom)\n\n        // 创建关闭按钮\n        if(this._closeable){\n            const closeDom = document.createElement('div')\n            closeDom.className = 'panel-close'\n            closeDom.style.cursor = 'pointer'\n            closeDom.style.fontSize = this._title.fontSize\n            closeDom.style.color = this._title.color\n            closeDom.textContent = 'x'\n            closeDom.style.pointerEvents = 'auto'\n            closeDom.onclick = () => {\n                this.close()\n            }\n            headerDom.appendChild(closeDom)\n        }\n        return headerDom\n    }\n\n    /** 自动定位面板 */\n    private applyPosition(offset: Vector3 = new Vector3(0, 0, 0)) {\n        if (Array.isArray(this._position)) {\n            // 如果是数组 [x, y]\n            const [x, y, z] = this._position;\n            this._group.position.set(x, y, z); // 注意y轴取反\n        }\n    }\n\n    public open(){\n        this.visible = true\n        this._group.visible = true;\n\n        // 同步 DOM 节点显示\n        // this._group.children.forEach((child: any) => {\n        //     if (child.element) {\n        //         child.element.style.display = 'block';\n        //     }\n        // });\n    }\n    public close(){\n        this.visible = false\n        this._group.visible = false;\n\n        // 同步 DOM 节点隐藏\n        // this._group.children.forEach((child: any) => {\n        //     if (child.element) {\n        //         child.element.style.display = 'none';\n        //     }\n        // });\n        if(this._onClose){\n            this._onClose()\n        }\n    }\n    public update(option: Option){\n        const merged = _.mergeWith(_.cloneDeep(DEFAULT_OPTION), option);\n        this._title = merged.title;\n        this._content = merged.content;\n        this._width = merged.width;\n        this._height = merged.height;\n        this._bgColor = merged.bgColor;\n        this._borderRadius = merged.borderRadius || 0;\n        this._bgUrl = merged.bgUrl;\n        this._className = merged.className;\n        this._customStyle = merged.style;\n\n        this._group.clear();\n        this.init();\n    }\n    destroy(): void {\n        this._group.clear();\n        this.remove(this._group)\n        // 清理DOM引用\n        this._group.children.forEach((child: any) => {\n            if (child.element && child.element.parentNode) {\n                child.element.parentNode.removeChild(child.element);\n            }\n        });\n    }\n}\n\nexport {InfoPanel}"],"mappings":"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"}