@anov/3d-ability 0.0.124 → 0.0.126

package/dist/business/VideoPanel/index.js

@@ -0,0 +1,364 @@
+var _excluded = ["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); }
+/**
+ * @file index.ts
+ * @description 视频面板
+ * @author xingwei
+ * @createTime 2025-08-22
+ * @lastEditTime 2025-08-22
+ */
+
+import ObjectLayer from "../Base/ObjectLayer";
+import _ from 'lodash';
+import { Group, Vector3, createLabel } from '@anov/3d-core';
+var DEFAULT_OPTION = {
+  position: [0, 0, 0],
+  width: 300,
+  height: 200,
+  bgColor: '#fff',
+  borderRadius: 8,
+  closeable: true,
+  padding: '10px',
+  volume: 0.5,
+  src: '',
+  autoplay: false,
+  controls: false,
+  loop: false,
+  muted: false,
+  poster: '',
+  videoHeight: 150
+};
+var VideoPanel = /*#__PURE__*/function (_ObjectLayer) {
+  _inherits(VideoPanel, _ObjectLayer);
+  var _super = _createSuper(VideoPanel);
+  function VideoPanel(option) {
+    var _this;
+    _classCallCheck(this, VideoPanel);
+    _this = _super.call(this);
+    _defineProperty(_assertThisInitialized(_this), "_title", 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), "_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), "_videoElement", void 0);
+    _defineProperty(_assertThisInitialized(_this), "_src", void 0);
+    _defineProperty(_assertThisInitialized(_this), "_autoplay", void 0);
+    _defineProperty(_assertThisInitialized(_this), "_controls", void 0);
+    _defineProperty(_assertThisInitialized(_this), "_loop", void 0);
+    _defineProperty(_assertThisInitialized(_this), "_muted", void 0);
+    _defineProperty(_assertThisInitialized(_this), "_poster", void 0);
+    _defineProperty(_assertThisInitialized(_this), "_volume", void 0);
+    _defineProperty(_assertThisInitialized(_this), "_videoHeight", void 0);
+    _defineProperty(_assertThisInitialized(_this), "_videoWidth", void 0);
+    _defineProperty(_assertThisInitialized(_this), "_onClose", void 0);
+    _defineProperty(_assertThisInitialized(_this), "visible", false);
+    var params = _.mergeWith(_.cloneDeep(DEFAULT_OPTION), option);
+    var _title = params.title,
+      _width = params.width,
+      _height = params.height,
+      _bgColor = params.bgColor,
+      _position = params.position,
+      _bgUrl = params.bgUrl,
+      _className = params.className,
+      _customStyle = params.customStyle,
+      _borderRadius = params.borderRadius,
+      _padding = params.padding,
+      _closeable = params.closeable,
+      _autoplay = params.autoplay,
+      _controls = params.controls,
+      _loop = params.loop,
+      _muted = params.muted,
+      _poster = params.poster,
+      _volume = params.volume,
+      _src = params.src,
+      _videoHeight = params.videoHeight,
+      _videoWidth = params.videoWidth,
+      _onClose = params.onClose;
+    Object.assign(_assertThisInitialized(_this), {
+      _videoWidth: _videoWidth,
+      _videoHeight: _videoHeight,
+      _title: _title,
+      _autoplay: _autoplay,
+      _loop: _loop,
+      _muted: _muted,
+      _volume: _volume,
+      _poster: _poster,
+      _controls: _controls,
+      _src: _src,
+      _width: _width,
+      _height: _height,
+      _bgColor: _bgColor,
+      _position: _position,
+      _bgUrl: _bgUrl,
+      _className: _className,
+      _customStyle: _customStyle,
+      _borderRadius: _borderRadius,
+      _padding: _padding,
+      _closeable: _closeable,
+      _onClose: _onClose
+    });
+    _this._videoElement = _this.createVideoDom();
+    _this._group = new Group();
+    _this._group.visible = _this.visible;
+    _this.init();
+    return _this;
+  }
+  _createClass(VideoPanel, [{
+    key: "init",
+    value: function init() {
+      this.createBox();
+    }
+  }, {
+    key: "createBox",
+    value: function createBox() {
+      var _this$_title;
+      // 使用 DocumentFragment 减少重排
+      // const fragment = document.createDocumentFragment();
+      var bgDom = this.createBgDom(); //创建容器盒子
+      var videoContainer = document.createElement('div');
+      if ((_this$_title = this._title) !== null && _this$_title !== void 0 && _this$_title.value || this._closeable) {
+        var headerDom = this.createHeaderDom(); //创建头部盒子
+        bgDom.appendChild(headerDom);
+      }
+      videoContainer.appendChild(this._videoElement);
+      bgDom.appendChild(videoContainer);
+      var bgObject = createLabel(bgDom);
+      bgObject.position.set(0, 0, 0);
+      bgObject.center.set(0.5, 0.5);
+      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',
+        display: 'flex'
+      });
+      if (this._className) bgDom.className = this._className;
+      if (this._customStyle) Object.assign(bgDom.style, this._customStyle);
+      return bgDom;
+    }
+    /** 创建头部 */
+  }, {
+    key: "createHeaderDom",
+    value: function createHeaderDom() {
+      var _this$_title2,
+        _this2 = this;
+      var headerDom = document.createElement('div');
+      headerDom.className = 'video-panel-header';
+      headerDom.style.display = 'flex';
+      headerDom.style.alignItems = 'center';
+      headerDom.style.justifyContent = 'flex-end';
+      if ((_this$_title2 = this._title) !== null && _this$_title2 !== void 0 && _this$_title2.value) {
+        // 创建标题
+        var titleDom = document.createElement('p');
+        titleDom.className = 'panel-title';
+        titleDom.style.display = 'flex';
+        titleDom.style.flex = '1';
+        titleDom.textContent = this._title.value;
+        var _this$_title3 = this._title,
+          titleValue = _this$_title3.value,
+          titleStyle = _objectWithoutProperties(_this$_title3, _excluded);
+        // 正确设置样式的方式
+        Object.assign(titleDom.style, titleStyle); //待测试
+
+        headerDom.appendChild(titleDom);
+      }
+
+      // 创建关闭按钮
+      if (this._closeable) {
+        var _this$_title4, _this$_title5;
+        var closeDom = document.createElement('div');
+        closeDom.className = 'panel-close';
+        closeDom.style.cursor = 'pointer';
+        closeDom.style.fontSize = (_this$_title4 = this._title) === null || _this$_title4 === void 0 ? void 0 : _this$_title4.fontSize;
+        closeDom.style.color = (_this$_title5 = this._title) === null || _this$_title5 === void 0 ? void 0 : _this$_title5.color;
+        closeDom.textContent = 'x';
+        closeDom.style.pointerEvents = 'auto';
+        closeDom.onclick = function () {
+          _this2.close();
+        };
+        headerDom.appendChild(closeDom);
+      }
+      return headerDom;
+    }
+  }, {
+    key: "createVideoDom",
+    value: function createVideoDom() {
+      var videoDom = document.createElement('video');
+      videoDom.style.width = this._videoWidth ? "".concat(this._videoWidth, "px") : '100%';
+      videoDom.style.height = this._videoHeight ? "".concat(this._videoHeight, "px") : '100%';
+      videoDom.style.objectFit = 'cover';
+      videoDom.src = this._src;
+      videoDom.autoplay = this._autoplay;
+      videoDom.controls = this._controls;
+      videoDom.loop = this._loop;
+      videoDom.muted = this._muted;
+      videoDom.volume = this._volume;
+      if (this._poster) videoDom.poster = this._poster;
+      return videoDom;
+    }
+
+    /** 自动定位面板 */
+  }, {
+    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轴取反
+      }
+    }
+  }, {
+    key: "open",
+    value: function open() {
+      this.visible = true;
+      this._group.visible = true;
+
+      // 同步 DOM 节点显示
+      // this._group.children.forEach((child: any) => {
+      //     if (child.element) {
+      //         child.element.style.display = 'block';
+      //     }
+      // });
+    }
+  }, {
+    key: "close",
+    value: function 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();
+      }
+    }
+  }, {
+    key: "update",
+    value: function update(option) {
+      if (option.src) {
+        this._src = option.src;
+        this._videoElement.src = option.src;
+      }
+      if (option.autoplay !== undefined) this._autoplay = option.autoplay;
+      if (option.controls !== undefined) this._videoElement.controls = option.controls;
+      if (option.loop !== undefined) this._videoElement.loop = option.loop;
+      if (option.muted !== undefined) this._videoElement.muted = option.muted;
+      if (option.volume !== undefined) this._videoElement.volume = option.volume;
+      if (option.poster) this._videoElement.poster = option.poster;
+    }
+
+    // 视频控制方法
+  }, {
+    key: "play",
+    value: function play() {
+      this._videoElement.play();
+    }
+  }, {
+    key: "pause",
+    value: function pause() {
+      this._videoElement.pause();
+    }
+  }, {
+    key: "setVolume",
+    value: function setVolume(volume) {
+      this._videoElement.volume = Math.max(0, Math.min(1, volume));
+    }
+  }, {
+    key: "seek",
+    value: function seek(time) {
+      this._videoElement.currentTime = time;
+    }
+  }, {
+    key: "toggleMute",
+    value: function toggleMute() {
+      this._videoElement.muted = !this._videoElement.muted;
+    }
+  }, {
+    key: "duration",
+    get: function get() {
+      return this._videoElement.duration;
+    }
+  }, {
+    key: "currentTime",
+    get: function get() {
+      return this._videoElement.currentTime;
+    }
+  }, {
+    key: "isPlaying",
+    get: function get() {
+      return !this._videoElement.paused && !this._videoElement.ended;
+    }
+  }, {
+    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);
+        }
+      });
+      this._videoElement.pause();
+      this._videoElement.src = '';
+      this._videoElement.load(); // 清理视频资源
+    }
+  }]);
+  return VideoPanel;
+}(ObjectLayer);
+export { VideoPanel };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ObjectLayer","_","Group","Vector3","createLabel","DEFAULT_OPTION","position","width","height","bgColor","borderRadius","closeable","padding","volume","src","autoplay","controls","loop","muted","poster","videoHeight","VideoPanel","_ObjectLayer","_inherits","_super","_createSuper","option","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","params","mergeWith","cloneDeep","_title","title","_width","_height","_bgColor","_position","_bgUrl","bgUrl","_className","className","_customStyle","customStyle","_borderRadius","_padding","_closeable","_autoplay","_controls","_loop","_muted","_poster","_volume","_src","_videoHeight","_videoWidth","videoWidth","_onClose","onClose","Object","assign","_videoElement","createVideoDom","_group","visible","init","_createClass","key","value","createBox","_this$_title","bgDom","createBgDom","videoContainer","document","createElement","headerDom","createHeaderDom","appendChild","bgObject","set","center","add","applyPosition","style","concat","overflow","backgroundColor","backgroundImage","backgroundSize","backgroundRepeat","boxSizing","display","_this$_title2","_this2","alignItems","justifyContent","titleDom","flex","textContent","_this$_title3","titleValue","titleStyle","_objectWithoutProperties","_excluded","_this$_title4","_this$_title5","closeDom","cursor","fontSize","color","pointerEvents","onclick","close","videoDom","objectFit","offset","arguments","length","undefined","Array","isArray","_this$_position","_slicedToArray","x","y","z","open","update","play","pause","setVolume","Math","max","min","seek","time","currentTime","toggleMute","get","duration","paused","ended","destroy","clear","remove","children","forEach","child","element","parentNode","removeChild","load"],"sources":["../../../src/business/VideoPanel/index.ts"],"sourcesContent":["/**\n * @file index.ts\n * @description 视频面板\n * @author xingwei\n * @createTime 2025-08-22\n * @lastEditTime 2025-08-22\n */\n\nimport ObjectLayer from \"../Base/ObjectLayer\";\nimport _ from 'lodash'\nimport { Group, Vector3, createLabel, CSS2DRenderer} from '@anov/3d-core'\nimport type {Option, TitleOption} from './type'\nimport { IPanel } from './type'\n\nconst DEFAULT_OPTION = {\n    position: [0, 0, 0],\n    width: 300,\n    height: 200,\n    bgColor: '#fff',\n    borderRadius: 8,\n    closeable: true,\n    padding: '10px',\n    volume: 0.5,\n    src: '',\n    autoplay: false,\n    controls: false,\n    loop: false,\n    muted: false,\n    poster: '',\n    videoHeight: 150\n}\n\nclass VideoPanel extends ObjectLayer implements IPanel{\n    private _title: TitleOption\n    private _width: number\n    private _height: number\n    private _bgColor: string\n    private _position: Array<number>\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\n    private _videoElement: HTMLVideoElement;\n    private _src: string;\n    private _autoplay: boolean;\n    private _controls: boolean;\n    private _loop: boolean;\n    private _muted: boolean;\n    private _poster?: string;\n    private _volume: number;\n    private _videoHeight: number;\n    private _videoWidth: number;\n\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            width: _width,\n            height: _height,\n            bgColor: _bgColor,\n            position: _position,\n            bgUrl: _bgUrl,\n            className: _className,\n            customStyle: _customStyle,\n            borderRadius: _borderRadius,\n            padding: _padding,\n            closeable: _closeable,\n            autoplay: _autoplay,\n            controls: _controls,\n            loop: _loop,\n            muted: _muted,\n            poster: _poster,\n            volume: _volume,\n            src: _src,\n            videoHeight: _videoHeight,\n            videoWidth: _videoWidth,\n            onClose: _onClose\n        } = params;\n\n        Object.assign(this, {\n            _videoWidth, _videoHeight, _title, _autoplay, _loop, _muted, _volume, _poster, _controls, _src, _width, _height, _bgColor, _position,\n            _bgUrl, _className, _customStyle, _borderRadius, _padding,_closeable, _onClose\n        });\n        \n        this._videoElement = this.createVideoDom();\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    private createBox(){\n        // 使用 DocumentFragment 减少重排\n        // const fragment = document.createDocumentFragment();\n        const bgDom = this.createBgDom() //创建容器盒子\n        const videoContainer = document.createElement('div');\n        \n        if(this._title?.value || this._closeable){\n            const headerDom = this.createHeaderDom() //创建头部盒子\n            bgDom.appendChild(headerDom)\n        }\n        videoContainer.appendChild(this._videoElement)\n        bgDom.appendChild(videoContainer)\n\n        const bgObject = createLabel(bgDom);\n        bgObject.position.set(0, 0, 0);\n        bgObject.center.set(0.5, 0.5);\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            display: 'flex',\n            \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 = 'video-panel-header'\n        headerDom.style.display = 'flex'\n        headerDom.style.alignItems = 'center'\n        headerDom.style.justifyContent = 'flex-end'\n        if(this._title?.value) {\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        // 创建关闭按钮\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            \n            headerDom.appendChild(closeDom)\n        }\n        return headerDom\n    }\n    private createVideoDom(){\n        \n        const videoDom = document.createElement('video');\n        videoDom.style.width = this._videoWidth ? `${this._videoWidth}px` : '100%';\n        videoDom.style.height = this._videoHeight ?  `${this._videoHeight}px` : '100%';\n        videoDom.style.objectFit = 'cover';\n        videoDom.src = this._src;\n        videoDom.autoplay = this._autoplay;\n        videoDom.controls = this._controls;\n        videoDom.loop = this._loop;\n        videoDom.muted = this._muted;\n        videoDom.volume = this._volume;\n\n        if(this._poster) videoDom.poster = this._poster;\n        return videoDom;\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        if (option.src) {\n            this._src = option.src;\n            this._videoElement.src = option.src;\n        }\n        if (option.autoplay !== undefined) this._autoplay = option.autoplay;\n        if (option.controls !== undefined) this._videoElement.controls = option.controls;\n        if (option.loop !== undefined) this._videoElement.loop = option.loop;\n        if (option.muted !== undefined) this._videoElement.muted = option.muted;\n        if (option.volume !== undefined) this._videoElement.volume = option.volume;\n        if (option.poster) this._videoElement.poster = option.poster;\n    }\n\n    // 视频控制方法\n    public play(): void {\n        this._videoElement.play();\n    }\n\n    public pause(): void {\n        this._videoElement.pause();\n    }\n\n    public setVolume(volume: number): void {\n        this._videoElement.volume = Math.max(0, Math.min(1, volume));\n    }\n\n    public seek(time: number): void {\n        this._videoElement.currentTime = time;\n    }\n\n    public toggleMute(): void {\n        this._videoElement.muted = !this._videoElement.muted;\n    }\n\n    public get duration(): number {\n        return this._videoElement.duration;\n    }\n\n    public get currentTime(): number {\n        return this._videoElement.currentTime;\n    }\n\n    public get isPlaying(): boolean {\n        return !this._videoElement.paused && !this._videoElement.ended;\n    }\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        this._videoElement.pause();\n        this._videoElement.src = '';\n        this._videoElement.load(); // 清理视频资源\n    }\n}\n\nexport {VideoPanel}"],"mappings":"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"}

package/dist/business/VideoPanel/type.d.ts

@@ -0,0 +1,62 @@
+import { Vector3 } from '@anov/3d-core';
+export interface IPanel {
+    /** 打开面板 */
+    open: () => void;
+    /** 关闭面板 */
+    close: () => void;
+    /** 更新面板 */
+    update: (option: Option) => void;
+    /** 销毁面板 */
+    destroy: () => void;
+    /**播放 */
+    play: () => void;
+    /**暂停 */
+    pause: () => void;
+    /**设置音量 */
+    setVolume: (volume: number) => void;
+    /**跳转 */
+    seek: (time: number) => void;
+    /** 切换静音 */
+    toggleMute: () => void;
+    /**获取视频时长 */
+    get duration(): number;
+    /**获取当前播放时间 */
+    get currentTime(): number;
+    /**获取是否播放中 */
+    get isPlaying(): boolean;
+}
+export type Option = Partial<{
+    title: TitleOption;
+    position: Vector3;
+    width: number | string;
+    height: number | string;
+    bgColor: string;
+    bgUrl: string;
+    borderRadius: number;
+    padding: string;
+    closeable: boolean;
+    className: string;
+    customStyle: object;
+    autoplay: boolean;
+    loop: boolean;
+    controls: boolean;
+    muted: boolean;
+    src: string;
+    volume: number;
+    poster: string;
+    videoWidth: number;
+    videoHeight: number;
+    onClose: () => void;
+}>;
+export type TitleOption = Partial<{
+    value: string;
+    fontSize: string;
+    color: string;
+    fontFamily: string;
+    fontWeight: number;
+    lineHeight: number | string;
+    textAlign: string;
+    padding: string;
+    margin: string;
+    icon: string;
+}>;

package/dist/business/VideoPanel/type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=type.js.map

package/dist/business/VideoPanel/type.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/business/VideoPanel/type.ts"],"sourcesContent":["\nimport {  Vector3 } from '@anov/3d-core'\n\nexport interface IPanel {\n    /** 打开面板 */\n    open: () => void;\n    /** 关闭面板 */\n    close: () => void;\n    /** 更新面板 */\n    update: (option: Option) => void;\n    /** 销毁面板 */\n    destroy: () => void;\n    /**播放 */\n    play: () => void;\n    /**暂停 */\n    pause: () => void;\n    /**设置音量 */\n    setVolume: (volume: number) => void;\n    /**跳转 */\n    seek: (time: number) => void;\n    /** 切换静音 */\n    toggleMute: () => void;\n    /**获取视频时长 */\n    get duration(): number;\n    /**获取当前播放时间 */\n    get currentTime(): number;\n    /**获取是否播放中 */\n    get isPlaying(): boolean;\n}\n\n// 面板配置项\nexport type Option = Partial<{\n    title: TitleOption; // 标题\n    position: Vector3; // 位置\n    width: number | string; // 宽度\n    height: number | string; // 高度\n    bgColor: string; // 背景颜色\n    bgUrl: string; // 背景图片\n    borderRadius: number; // 圆角\n    padding: string; // 内边距\n    closeable: boolean; // 是否显示关闭按钮\n    className: string; // 自定义类名\n    customStyle: object; // 自定义样式\n    autoplay: boolean; // 是否自动播放\n    loop: boolean; // 是否循环播放\n    controls: boolean; // 是否显示控制按钮\n    muted: boolean; // 是否静音\n    src: string; // 视频地址\n    volume: number; // 音量\n    poster: string; // 视频封面\n    videoWidth: number; // 视频宽度\n    videoHeight: number; // 视频高度\n    onClose: () => void; // 关闭回调\n}>\n\n// 标题\nexport type TitleOption = Partial<{\n    value: string;\n    fontSize: string;\n    color: string;\n    fontFamily: string;\n    fontWeight: number;\n    lineHeight: number | string;\n    textAlign: string;\n    padding: string;\n    margin: string;\n    icon: string;\n}>"],"mappings":""}

package/dist/business/index.d.ts

@@ -8,3 +8,10 @@ export * from './Flyline';
 export * from './HeatMap';
 export * from './Mark';
 export * from './SplitBuilding';
+export * from './InfoPanel';
+export * from './VideoPanel';
+export * from './Box';
+export * from './Sphere';
+export * from './Line';
+export * from './Cylinder';
+export * from './Plane';

package/dist/business/index.js

@@ -8,4 +8,11 @@ export * from "./Flyline";
 export * from "./HeatMap";
 export * from "./Mark";
 export * from "./SplitBuilding";
+export * from "./InfoPanel";
+export * from "./VideoPanel";
+export * from "./Box";
+export * from "./Sphere";
+export * from "./Line";
+export * from "./Cylinder";
+export * from "./Plane";
 //# sourceMappingURL=index.js.map

package/dist/business/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../src/business/index.ts"],"sourcesContent":["export * from './Poi'\nexport * from './Spline'\nexport * from './Area'\nexport * from './TrafficComponents'\nexport * from './Batch'\nexport * from './MaterialSwitch'\nexport * from './Flyline'\nexport * from './HeatMap'\nexport * from './Mark'\nexport * from './SplitBuilding'\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"names":[],"sources":["../../src/business/index.ts"],"sourcesContent":["export * from './Poi'\nexport * from './Spline'\nexport * from './Area'\nexport * from './TrafficComponents'\nexport * from './Batch'\nexport * from './MaterialSwitch'\nexport * from './Flyline'\nexport * from './HeatMap'\nexport * from './Mark'\nexport * from './SplitBuilding'\nexport * from './InfoPanel'\nexport * from './VideoPanel'\nexport * from './Box'\nexport * from './Sphere'\nexport * from './Line'\nexport * from './Cylinder'\nexport * from './Plane'"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/core/Material/SurfaceMaterial/index.d.ts

@@ -10,9 +10,11 @@ export declare enum EMaterialType {
     Dirt = "Dirt",// 土壤
     Fabric = "Fabric",// 布料
     Floor = "Floor",// 地板
-    Marble = "Marble",// 大理石
+    Marble = "Marble",// 石材
     Metal = "Metal",// 金属
-    Road = "Road"
+    Road = "Road",// 道路
+    Snow = "snow",// 雪地
+    Leather = "leather"
 }
 export declare class SurfaceMaterial {
     private static cache;

package/dist/core/Material/SurfaceMaterial/index.js

@@ -25,8 +25,10 @@ export var EMaterialType = /*#__PURE__*/function (EMaterialType) {
   EMaterialType["Marble"] = "Marble";
   EMaterialType["Metal"] = "Metal";
   EMaterialType["Road"] = "Road";
+  EMaterialType["Snow"] = "snow";
+  EMaterialType["Leather"] = "leather";
   return EMaterialType;
-}({}); // 道路
+}({}); // 皮革
 var SOURCE_PATH = {
   Plaster: "".concat(SOURCE_BASE_PATH, "/material/plaster.glb"),
   // 涂料
@@ -47,11 +49,15 @@ var SOURCE_PATH = {
   Floor: "".concat(SOURCE_BASE_PATH, "/material/floor.glb"),
   // 地板
   Marble: "".concat(SOURCE_BASE_PATH, "/material/marble.glb"),
-  // 大理石
+  // 石材
   Metal: "".concat(SOURCE_BASE_PATH, "/material/metal.glb"),
   // 金属
   Road: "".concat(SOURCE_BASE_PATH, "/material/road.glb"),
   // 道路
+  Leather: "".concat(SOURCE_BASE_PATH, "/material/leather.glb"),
+  // 皮革
+  Snow: "".concat(SOURCE_BASE_PATH, "/material/snow.glb"),
+  // 雪地
   Emissive: "".concat(SOURCE_BASE_PATH, "/material/emissive.glb"),
   // 发光材质（适用于夜晚窗户）
   Fresnel_Transparent: "".concat(SOURCE_BASE_PATH, "/material/emissive2.glb")