@anov/3d-ability 0.0.140 → 0.0.142

package/dist/business/VideoPanel/index.js

@@ -1,26 +1,9 @@
-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; }
+const _excluded = ["value"];
 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 视频面板
@@ -32,7 +15,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],
   width: 300,
   height: 200,
@@ -49,316 +32,272 @@ var DEFAULT_OPTION = {
   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
+class VideoPanel extends ObjectLayer {
+  constructor(option) {
+    super();
+    _defineProperty(this, "_title", void 0);
+    _defineProperty(this, "_width", void 0);
+    _defineProperty(this, "_height", void 0);
+    _defineProperty(this, "_bgColor", void 0);
+    _defineProperty(this, "_position", 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, "_videoElement", void 0);
+    _defineProperty(this, "_src", void 0);
+    _defineProperty(this, "_autoplay", void 0);
+    _defineProperty(this, "_controls", void 0);
+    _defineProperty(this, "_loop", void 0);
+    _defineProperty(this, "_muted", void 0);
+    _defineProperty(this, "_poster", void 0);
+    _defineProperty(this, "_volume", void 0);
+    _defineProperty(this, "_videoHeight", void 0);
+    _defineProperty(this, "_videoWidth", void 0);
+    _defineProperty(this, "_onClose", void 0);
+    _defineProperty(this, "visible", false);
+    const params = _.mergeWith(_.cloneDeep(DEFAULT_OPTION), option);
+    const {
+      title: _title,
+      width: _width,
+      height: _height,
+      bgColor: _bgColor,
+      position: _position,
+      bgUrl: _bgUrl,
+      className: _className,
+      customStyle: _customStyle,
+      borderRadius: _borderRadius,
+      padding: _padding,
+      closeable: _closeable,
+      autoplay: _autoplay,
+      controls: _controls,
+      loop: _loop,
+      muted: _muted,
+      poster: _poster,
+      volume: _volume,
+      src: _src,
+      videoHeight: _videoHeight,
+      videoWidth: _videoWidth,
+      onClose: _onClose
+    } = params;
+    Object.assign(this, {
+      _videoWidth,
+      _videoHeight,
+      _title,
+      _autoplay,
+      _loop,
+      _muted,
+      _volume,
+      _poster,
+      _controls,
+      _src,
+      _width,
+      _height,
+      _bgColor,
+      _position,
+      _bgUrl,
+      _className,
+      _customStyle,
+      _borderRadius,
+      _padding,
+      _closeable,
+      _onClose
     });
-    _this._videoElement = _this.createVideoDom();
-    _this._group = new Group();
-    _this._group.visible = _this.visible;
-    _this.init();
-    return _this;
+    this._videoElement = this.createVideoDom();
+    this._group = new Group();
+    this._group.visible = this.visible;
+    this.init();
   }
-  _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;
+  init() {
+    this.createBox();
+  }
+  createBox() {
+    var _this$_title;
+    // 使用 DocumentFragment 减少重排
+    // const fragment = document.createDocumentFragment();
+    const bgDom = this.createBgDom(); //创建容器盒子
+    const videoContainer = document.createElement('div');
+    if ((_this$_title = this._title) !== null && _this$_title !== void 0 && _this$_title.value || this._closeable) {
+      const headerDom = this.createHeaderDom(); //创建头部盒子
+      bgDom.appendChild(headerDom);
     }
-    /** 创建头部 */
-  }, {
-    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);
-      }
+    videoContainer.appendChild(this._videoElement);
+    bgDom.appendChild(videoContainer);
+    const 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(); // 初始化自动定位
+  }
+  /** 创建背景 */
+  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',
+      display: 'flex'
+    });
+    if (this._className) bgDom.className = this._className;
+    if (this._customStyle) Object.assign(bgDom.style, this._customStyle);
+    return bgDom;
+  }
+  /** 创建头部 */
+  createHeaderDom() {
+    var _this$_title2;
+    const 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) {
+      // 创建标题
+      const titleDom = document.createElement('p');
+      titleDom.className = 'panel-title';
+      titleDom.style.display = 'flex';
+      titleDom.style.flex = '1';
+      titleDom.textContent = this._title.value;
+      const _this$_title3 = this._title,
+        {
+          value: titleValue
+        } = _this$_title3,
+        titleStyle = _objectWithoutProperties(_this$_title3, _excluded);
+      // 正确设置样式的方式
+      Object.assign(titleDom.style, titleStyle); //待测试
 
-      // 创建关闭按钮
-      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;
+      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) {
+      var _this$_title4, _this$_title5;
+      const 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 = () => {
+        this.close();
+      };
+      headerDom.appendChild(closeDom);
     }
-  }, {
-    key: "open",
-    value: function open() {
-      this.visible = true;
-      this._group.visible = true;
+    return headerDom;
+  }
+  createVideoDom() {
+    const videoDom = document.createElement('video');
+    videoDom.style.width = this._videoWidth ? `${this._videoWidth}px` : '100%';
+    videoDom.style.height = this._videoHeight ? `${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;
+  }
 
-      // 同步 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) {
-      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;
-    }
+    // 同步 DOM 节点显示
+    // this._group.children.forEach((child: any) => {
+    //     if (child.element) {
+    //         child.element.style.display = 'block';
+    //     }
+    // });
+  }
+  close() {
+    this.visible = false;
+    this._group.visible = false;
 
-    // 视频控制方法
-  }, {
-    key: "play",
-    value: function play() {
-      this._videoElement.play();
-    }
-  }, {
-    key: "pause",
-    value: function pause() {
-      this._videoElement.pause();
+    // 同步 DOM 节点隐藏
+    // this._group.children.forEach((child: any) => {
+    //     if (child.element) {
+    //         child.element.style.display = 'none';
+    //     }
+    // });
+    if (this._onClose) {
+      this._onClose();
     }
-  }, {
-    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(); // 清理视频资源
+  }
+  update(option) {
+    if (option.src) {
+      this._src = option.src;
+      this._videoElement.src = option.src;
     }
-  }]);
-  return VideoPanel;
-}(ObjectLayer);
+    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;
+  }
+
+  // 视频控制方法
+  play() {
+    this._videoElement.play();
+  }
+  pause() {
+    this._videoElement.pause();
+  }
+  setVolume(volume) {
+    this._videoElement.volume = Math.max(0, Math.min(1, volume));
+  }
+  seek(time) {
+    this._videoElement.currentTime = time;
+  }
+  toggleMute() {
+    this._videoElement.muted = !this._videoElement.muted;
+  }
+  get duration() {
+    return this._videoElement.duration;
+  }
+  get currentTime() {
+    return this._videoElement.currentTime;
+  }
+  get isPlaying() {
+    return !this._videoElement.paused && !this._videoElement.ended;
+  }
+  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);
+      }
+    });
+    this._videoElement.pause();
+    this._videoElement.src = '';
+    this._videoElement.load(); // 清理视频资源
+  }
+}
 export { VideoPanel };
 //# sourceMappingURL=index.js.map