@anov/3d-ability 0.0.142 → 0.0.144

package/dist/business/VideoPanel/index.js

@@ -1,9 +1,26 @@
-const _excluded = ["value"];
+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); }
+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 视频面板
@@ -15,7 +32,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';
-const DEFAULT_OPTION = {
+var DEFAULT_OPTION = {
   position: [0, 0, 0],
   width: 300,
   height: 200,
@@ -32,272 +49,316 @@ const DEFAULT_OPTION = {
   poster: '',
   videoHeight: 150
 };
-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
+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();
+    _this._videoElement = _this.createVideoDom();
+    _this._group = new Group();
+    _this._group.visible = _this.visible;
+    _this.init();
+    return _this;
   }
-  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);
+  _createClass(VideoPanel, [{
+    key: "init",
+    value: function init() {
+      this.createBox();
     }
-    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); //待测试
-
-      headerDom.appendChild(titleDom);
+  }, {
+    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;
-      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);
+      // 创建关闭按钮
+      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;
     }
-    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;
-  }
 
-  /** 自动定位面板 */
-  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: "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轴取反
+      }
     }
-  }
-  open() {
-    this.visible = true;
-    this._group.visible = true;
+  }, {
+    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';
-    //     }
-    // });
-  }
-  close() {
-    this.visible = false;
-    this._group.visible = false;
+      // 同步 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();
+      // 同步 DOM 节点隐藏
+      // this._group.children.forEach((child: any) => {
+      //     if (child.element) {
+      //         child.element.style.display = 'none';
+      //     }
+      // });
+      if (this._onClose) {
+        this._onClose();
+      }
     }
-  }
-  update(option) {
-    if (option.src) {
-      this._src = option.src;
-      this._videoElement.src = option.src;
+  }, {
+    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;
     }
-    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(); // 清理视频资源
-  }
-}
+    // 视频控制方法
+  }, {
+    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