@kq_npm/client3d_webgl_vue 4.5.55 → 4.5.57

package/videofusion/index.js

@@ -1,13 +1,13 @@
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("vue"), require("@kq_npm/client_common_vue/_utils/gis-utils"), require("@kq_npm/client_common_vue/_utils/util"), require("@kq_npm/client_common_vue/init.js"), require("@kq_npm/client_common_vue/configprovider/useGlobalConfig"));
+		module.exports = factory(require("vue"), require("@kq_npm/client_common_vue/_utils/gis-utils"), require("@kq_npm/client_common_vue/init.js"), require("@kq_npm/client_common_vue/configprovider/useGlobalConfig"), require("@kq_npm/client_common_vue/_utils/util"));
 	else if(typeof define === 'function' && define.amd)
-		define("@kq_npm/client3d_webgl_vue", ["vue", "@kq_npm/client_common_vue/_utils/gis-utils", "@kq_npm/client_common_vue/_utils/util", "@kq_npm/client_common_vue/init.js", "@kq_npm/client_common_vue/configprovider/useGlobalConfig"], factory);
+		define("@kq_npm/client3d_webgl_vue", ["vue", "@kq_npm/client_common_vue/_utils/gis-utils", "@kq_npm/client_common_vue/init.js", "@kq_npm/client_common_vue/configprovider/useGlobalConfig", "@kq_npm/client_common_vue/_utils/util"], factory);
 	else if(typeof exports === 'object')
-		exports["@kq_npm/client3d_webgl_vue"] = factory(require("vue"), require("@kq_npm/client_common_vue/_utils/gis-utils"), require("@kq_npm/client_common_vue/_utils/util"), require("@kq_npm/client_common_vue/init.js"), require("@kq_npm/client_common_vue/configprovider/useGlobalConfig"));
+		exports["@kq_npm/client3d_webgl_vue"] = factory(require("vue"), require("@kq_npm/client_common_vue/_utils/gis-utils"), require("@kq_npm/client_common_vue/init.js"), require("@kq_npm/client_common_vue/configprovider/useGlobalConfig"), require("@kq_npm/client_common_vue/_utils/util"));
 	else
-		root["@kq_npm/client3d_webgl_vue"] = factory(root["Vue"], root["@kq_npm/client_common_vue/_utils/gis-utils"], root["@kq_npm/client_common_vue/_utils/util"], root["@kq_npm/client_common_vue/init.js"], root["@kq_npm/client_common_vue/configprovider/useGlobalConfig"]);
-})(this, function(__WEBPACK_EXTERNAL_MODULE__50154__, __WEBPACK_EXTERNAL_MODULE__20064__, __WEBPACK_EXTERNAL_MODULE__42975__, __WEBPACK_EXTERNAL_MODULE__20455__, __WEBPACK_EXTERNAL_MODULE__22686__) {
+		root["@kq_npm/client3d_webgl_vue"] = factory(root["Vue"], root["@kq_npm/client_common_vue/_utils/gis-utils"], root["@kq_npm/client_common_vue/init.js"], root["@kq_npm/client_common_vue/configprovider/useGlobalConfig"], root["@kq_npm/client_common_vue/_utils/util"]);
+})(this, function(__WEBPACK_EXTERNAL_MODULE__50154__, __WEBPACK_EXTERNAL_MODULE__20064__, __WEBPACK_EXTERNAL_MODULE__20455__, __WEBPACK_EXTERNAL_MODULE__22686__, __WEBPACK_EXTERNAL_MODULE__42975__) {
 return /******/ (function() { // webpackBootstrap
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
@@ -98,10 +98,10 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
 
     // 获取组件传参
     const props = __props;
-    const lonlatOffset = 0.00001;
-    const heightOffset = 10.0;
+    const lonlatOffset = 0.00001; // 经纬度滑动条偏移量
+    const heightOffset = 10.0; // 高度滑动条偏移量
     let formItem = (0, _vue.reactive)({
-      collapseValue: props?.settingParams?.collapseValue === '' ? '' : props?.settingParams?.collapseValue ?? "setting",
+      collapseValue: props?.settingParams?.collapseValue === "" ? "" : props?.settingParams?.collapseValue ?? "setting",
       // 默认展开属性设置
       longitude: 0,
       minLongitude: -lonlatOffset,
@@ -127,14 +127,15 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
     let showCoordinate = (0, _vue.ref)(false);
     // 显示朝向角俯仰角翻转角
     let showHpr = (0, _vue.ref)(false);
-    let viewModel = null;
+    let viewModel = null; // 视频融合视图模型对象
 
     // 组件容器Ref
     let boxRef = (0, _vue.ref)(null);
 
     // 生成组件默认header
-    let headerTemp = (0, _vue.ref)();
-    let headerTempRef = (0, _vue.ref)();
+    let headerTemp = (0, _vue.ref)(); // 动态生成的Header组件
+    let headerTempRef = (0, _vue.ref)(); // Header组件Ref
+
     (0, _vue.onMounted)(() => {
       (0, _util.updatePosition)(boxRef.value, props);
       (0, _vue.watch)(() => props.position, (newVal, oldVal) => {
@@ -169,16 +170,24 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
     const watchCreateHeaderTemp = () => {
       if (props.showHeaderTemp) {
         // 生成headerTemp
-        headerTemp.value = (0, _util.createHeaderTemp)(boxRef.value, (0, _vue.toRefs)(props), headerTempRef, 'webgl.videoFusion');
+        headerTemp.value = (0, _util.createHeaderTemp)(boxRef.value, (0, _vue.toRefs)(props), headerTempRef, "webgl.videoFusion");
       }
     };
+
+    /**
+     * @description 选择视频文件后获取本地访问URL并设置到视图模型
+     * @param {Object} file 上传的文件对象
+     */
     function selectVideo(file) {
       formItem.videoPath = file.name;
       let url = URL.createObjectURL(file.raw);
       viewModel.setVideoPath(url);
     }
 
-    // 参数改变
+    /**
+     * @description 参数改变时根据类型调用对应的视图模型方法
+     * @param {String} key 改变的参数类型标识
+     */
     function paramsChanged(key) {
       switch (key) {
         case "videoPath":
@@ -211,6 +220,7 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
         case "longitude":
         case "latitude":
         case "height":
+          // 经纬度或高度变化时统一更新坐标
           viewModel.setPosition(formItem.longitude, formItem.latitude, formItem.height);
           break;
         default:
@@ -222,17 +232,22 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
     function fusion() {
       if (formItem.videoPath === "") {
         (0, _message.default)({
-          message: t('webgl.videoPathEmpty'),
+          message: t("webgl.videoPathEmpty"),
           type: "warning"
         });
       } else {
         if (viewModel) {
-          viewModel.fusion();
-          setCoordinate();
-          serHpr();
+          viewModel.fusion(function (bool) {
+            if (bool) {
+              setCoordinate();
+              serHpr();
+            }
+          });
         }
       }
     }
+
+    // 设置坐标滑动条范围
     function setCoordinate() {
       let coordinate = viewModel.getProjectCoordinate();
       if (coordinate) {
@@ -314,7 +329,7 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
           span: 6,
           class: "colClass"
         }, {
-          default: (0, _vue.withCtx)(() => [(0, _vue.createElementVNode)("span", _hoisted_2, (0, _vue.toDisplayString)((0, _vue.unref)(t)('webgl.videoPath')), 1 /* TEXT */)]),
+          default: (0, _vue.withCtx)(() => [(0, _vue.createElementVNode)("span", _hoisted_2, (0, _vue.toDisplayString)((0, _vue.unref)(t)("webgl.videoPath")), 1 /* TEXT */)]),
           _: 1 /* STABLE */
         }), (0, _vue.createVNode)(_component_kq_col, {
           span: 18
@@ -350,7 +365,7 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
       }), (0, _vue.createVNode)(_component_kq_row, {
         class: "kq3d-video-fusion-tip"
       }, {
-        default: (0, _vue.withCtx)(() => [(0, _vue.createElementVNode)("p", null, (0, _vue.toDisplayString)((0, _vue.unref)(t)('webgl.videoFusionTips')), 1 /* TEXT */)]),
+        default: (0, _vue.withCtx)(() => [(0, _vue.createElementVNode)("p", null, (0, _vue.toDisplayString)((0, _vue.unref)(t)("webgl.videoFusionTips")), 1 /* TEXT */)]),
         _: 1 /* STABLE */
       }), (0, _vue.createVNode)(_component_kq_collapse, {
         "model-value": (0, _vue.unref)(formItem).collapseValue,
@@ -794,20 +809,20 @@ var _default = exports.A = /*@__PURE__*/Object.assign(__default__, {
         title: (0, _vue.unref)(t)('webgl.fusion'),
         type: "primary"
       }, {
-        default: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)((0, _vue.unref)(t)('webgl.fusion')), 1 /* TEXT */)]),
+        default: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)((0, _vue.unref)(t)("webgl.fusion")), 1 /* TEXT */)]),
         _: 1 /* STABLE */
       }, 8 /* PROPS */, ["title"]), (0, _vue.createVNode)(_component_kq_button, {
         onClick: _cache[39] || (_cache[39] = (0, _vue.withModifiers)($event => flyTo(), ["stop"])),
         title: (0, _vue.unref)(t)('webgl.flyTo'),
         type: "primary"
       }, {
-        default: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)((0, _vue.unref)(t)('webgl.flyTo')), 1 /* TEXT */)]),
+        default: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)((0, _vue.unref)(t)("webgl.flyTo")), 1 /* TEXT */)]),
         _: 1 /* STABLE */
       }, 8 /* PROPS */, ["title"]), (0, _vue.createVNode)(_component_kq_button, {
         onClick: _cache[40] || (_cache[40] = (0, _vue.withModifiers)($event => clearResult(), ["stop"])),
         title: (0, _vue.unref)(t)('webgl.clear')
       }, {
-        default: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)((0, _vue.unref)(t)('webgl.clear')), 1 /* TEXT */)]),
+        default: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)((0, _vue.unref)(t)("webgl.clear")), 1 /* TEXT */)]),
         _: 1 /* STABLE */
       }, 8 /* PROPS */, ["title"])])])], 2 /* CLASS */);
     };
@@ -926,20 +941,30 @@ _KqGIS.kq_npm_client_common_vue.KqMessage = _indexFull.ElMessage;
 /***/ }),
 
 /***/ 93012:
-/***/ (function(__unused_webpack_module, exports) {
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 
 
+var _interopRequireDefault = __webpack_require__(33751);
 Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
 exports["default"] = void 0;
-/*
- * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
- * All rights reserved.
+var _message = _interopRequireDefault(__webpack_require__(71323));
+var _useGlobalConfig = __webpack_require__(22686);
+/*
+ * Copyright (C) 2019 KQ GEO Technologies Co., Ltd.
+ * All rights reserved.
  */
 //视频融合逻辑类
+
 class VideoFusiontViewModel {
+  //当前语言对象
+  /**
+   * @description 构造函数，初始化视频融合管理对象
+   * @param {Object} scenceView 场景视图对象，包含 _viewer 属性
+   * @param {Object} options 视频融合配置参数
+   */
   constructor(scenceView, options) {
     this._viewer = null;
     //三维viewer对象
@@ -948,47 +973,75 @@ class VideoFusiontViewModel {
     this._videoFusion = null;
     //视频融合对象
     this._videoFusionCollection = null;
+    //视频融合集合管理对象
+    this._language = {};
+    const {
+      locale
+    } = (0, _useGlobalConfig.useLocale)();
+    this._language = locale;
     this._options = Object.assign({}, options);
     this._viewer = scenceView._viewer;
     this._videoFusionCollection = new Cesium.Kq3dVideoFusionCollection(this._viewer);
   }
 
-  // 融合
-  fusion() {
-    let type = 3;
-    if (this._options.videoPath.indexOf('.m3u8') > 0) {
-      type = 5;
+  /**
+   * @description 执行视频融合，将视频投影到三维模型上
+   * @param {Function} cb 融合完成后的回调函数，接收布尔参数表示是否成功
+   */
+  fusion(cb) {
+    // 判断是否添加了模型
+    var flag = false;
+    var models = this._viewer.scene.primitives._primitives;
+    for (let i = 0; i < models.length; i++) {
+      if (models[i]._url && models[i] instanceof Cesium.Cesium3DTileset) {
+        flag = true;
+      }
+    }
+    if (flag) {
+      let type = 3;
+      // 判断视频流格式，m3u8使用类型5
+      if (this._options.videoPath.indexOf('.m3u8') >= 0) {
+        type = 5;
+      }
+      this.clear();
+      const cartographic = Cesium.Cartographic.fromCartesian(this._viewer.camera.positionWC);
+      this._options.heading = Cesium.Math.toDegrees(this._viewer.camera.heading);
+      this._options.pitch = Cesium.Math.toDegrees(this._viewer.camera.pitch);
+      this._options.roll = Cesium.Math.toDegrees(this._viewer.camera.roll);
+      var param = {
+        url: this._options.videoPath,
+        type: type,
+        position: {
+          x: Cesium.Math.toDegrees(cartographic.longitude),
+          y: Cesium.Math.toDegrees(cartographic.latitude),
+          z: cartographic.height
+        },
+        hpr: {
+          heading: this._options.heading,
+          pitch: this._options.pitch,
+          roll: this._options.roll
+        },
+        alpha: this._options.alpha,
+        far: this._options.far,
+        fov: this._options.fov,
+        featheringDelta: this._options.eclosion,
+        debugFrustum: this._options.showHideLine,
+        k1: 0,
+        k2: 0,
+        cx: 300,
+        cy: 60,
+        f: 3000
+      };
+      this._videoFusion = this._videoFusionCollection.addVideoTarget(param);
+      typeof cb === "function" && cb(true);
+    } else {
+      // 未添加模型时给出提示
+      (0, _message.default)({
+        message: this._language.value.webgl["addModelFusionTips"],
+        type: "warning"
+      });
+      typeof cb === "function" && cb(false);
     }
-    this.clear();
-    let cartographic = Cesium.Cartographic.fromCartesian(this._viewer.camera.positionWC);
-    this._options.heading = Cesium.Math.toDegrees(this._viewer.camera.heading);
-    this._options.pitch = Cesium.Math.toDegrees(this._viewer.camera.pitch);
-    this._options.roll = Cesium.Math.toDegrees(this._viewer.camera.roll);
-    var param = {
-      url: this._options.videoPath,
-      type: type,
-      position: {
-        x: Cesium.Math.toDegrees(cartographic.longitude),
-        y: Cesium.Math.toDegrees(cartographic.latitude),
-        z: cartographic.height
-      },
-      hpr: {
-        heading: this._options.heading,
-        pitch: this._options.pitch,
-        roll: this._options.roll
-      },
-      alpha: this._options.alpha,
-      far: this._options.far,
-      fov: this._options.fov,
-      featheringDelta: this._options.eclosion,
-      debugFrustum: this._options.showHideLine,
-      k1: 0,
-      k2: 0,
-      cx: 300,
-      cy: 60,
-      f: 3000
-    };
-    this._videoFusion = this._videoFusionCollection.addVideoTarget(param);
   }
 
   // 获取融合坐标
@@ -1010,7 +1063,7 @@ class VideoFusiontViewModel {
   //飞入
   flyTo() {
     if (this._videoFusion) {
-      let position = Cesium.Cartesian3.fromDegrees(this._videoFusion.param.position.x, this._videoFusion.param.position.y, this._videoFusion.param.position.z);
+      const position = Cesium.Cartesian3.fromDegrees(this._videoFusion.param.position.x, this._videoFusion.param.position.y, this._videoFusion.param.position.z);
       this._viewer.camera.flyTo({
         destination: position,
         orientation: {
@@ -1033,20 +1086,31 @@ class VideoFusiontViewModel {
     this._videoFusionCollection && this._videoFusionCollection.destroy();
   }
 
-  // 设置坐标
+  /**
+   * @description 设置视频融合的坐标位置
+   * @param {Number} longitude 经度
+   * @param {Number} latitude 纬度
+   * @param {Number} height 高度
+   */
   setPosition(longitude, latitude, height) {
-    let cameraPosition = Cesium.Cartesian3.fromDegrees(longitude, latitude, height);
+    const cameraPosition = Cesium.Cartesian3.fromDegrees(longitude, latitude, height);
     this._videoFusion && this._videoFusionCollection.updateVideoTarget(this._videoFusion.id, {
       cameraPosition: cameraPosition
     });
   }
 
-  // 设置视频路径
+  /**
+   * @description 设置视频流路径
+   * @param {String} val 视频流地址
+   */
   setVideoPath(val) {
     this._options.videoPath = val;
   }
 
-  // 设置视场角度
+  /**
+   * @description 设置视场角度
+   * @param {Number} val 视场角度值
+   */
   setFov(val) {
     this._options.fov = Number(val);
     if (this._videoFusion) {
@@ -1056,17 +1120,23 @@ class VideoFusiontViewModel {
     }
   }
 
-  // 设置投影距离
+  /**
+   * @description 设置投影距离
+   * @param {Number} val 投影距离值
+   */
   setFar(val) {
     this._options.far = Number(val);
     if (this._videoFusion) this._videoFusion._changeFar(this._options.far);
   }
 
-  // 设置朝向角
+  /**
+   * @description 设置朝向角
+   * @param {Number} val 朝向角度值
+   */
   setHeading(val) {
     this._options.heading = Number(val);
     if (this._videoFusion) {
-      let param = this._videoFusion.param;
+      const param = this._videoFusion.param;
       param.hpr.heading = this._options.heading;
       this._videoFusionCollection.updateVideoTarget(this._videoFusion.id, {
         position: param.position
@@ -1074,11 +1144,14 @@ class VideoFusiontViewModel {
     }
   }
 
-  // 设置俯仰角
+  /**
+   * @description 设置俯仰角
+   * @param {Number} val 俯仰角度值
+   */
   setPitch(val) {
     this._options.pitch = Number(val);
     if (this._videoFusion) {
-      let param = this._videoFusion.param;
+      const param = this._videoFusion.param;
       param.hpr.pitch = this._options.pitch;
       this._videoFusionCollection.updateVideoTarget(this._videoFusion.id, {
         position: param.position
@@ -1086,11 +1159,14 @@ class VideoFusiontViewModel {
     }
   }
 
-  // 设置翻转角
+  /**
+   * @description 设置翻转角
+   * @param {Number} val 翻转角度值
+   */
   setRoll(val) {
     this._options.roll = Number(val);
     if (this._videoFusion) {
-      let param = this._videoFusion.param;
+      const param = this._videoFusion.param;
       param.hpr.roll = this._options.roll;
       this._videoFusionCollection.updateVideoTarget(this._videoFusion.id, {
         position: param.position
@@ -1098,7 +1174,10 @@ class VideoFusiontViewModel {
     }
   }
 
-  // 设置透明度
+  /**
+   * @description 设置透明度
+   * @param {Number} val 透明度值
+   */
   setAlpha(val) {
     this._options.alpha = Number(val);
     if (this._videoFusion) {
@@ -1108,7 +1187,10 @@ class VideoFusiontViewModel {
     }
   }
 
-  // 设置羽化度
+  /**
+   * @description 设置羽化度
+   * @param {Number} val 羽化度值
+   */
   setEclosion(val) {
     this._options.eclosion = Number(val);
     if (this._videoFusion) {
@@ -1118,7 +1200,10 @@ class VideoFusiontViewModel {
     }
   }
 
-  // 显隐线框
+  /**
+   * @description 设置线框显隐
+   * @param {Boolean} val 是否显示线框
+   */
   showHideLine(val) {
     this._options.showHideLine = val;
     if (this._videoFusion) this._videoFusion.debugFrustum = val;
@@ -1137,11 +1222,11 @@ Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
 exports.kq_npm_client_leaflet_vue = exports.kq_npm_client_common_vue = exports.kq_npm_client3d_webgl_vue = void 0;
-let kq_npm_client_common_vue = exports.kq_npm_client_common_vue = window.kq_npm_client_common_vue = window.kq_npm_client_common_vue || {};
+const kq_npm_client_common_vue = exports.kq_npm_client_common_vue = window.kq_npm_client_common_vue = window.kq_npm_client_common_vue || {};
 __webpack_require__.g.kq_npm_client_common_vue = kq_npm_client_common_vue;
-let kq_npm_client_leaflet_vue = exports.kq_npm_client_leaflet_vue = window.kq_npm_client_leaflet_vue = window.kq_npm_client_leaflet_vue || {};
+const kq_npm_client_leaflet_vue = exports.kq_npm_client_leaflet_vue = window.kq_npm_client_leaflet_vue = window.kq_npm_client_leaflet_vue || {};
 __webpack_require__.g.kq_npm_client_leaflet_vue = kq_npm_client_leaflet_vue;
-let kq_npm_client3d_webgl_vue = exports.kq_npm_client3d_webgl_vue = window.kq_npm_client3d_webgl_vue = window.kq_npm_client3d_webgl_vue || {};
+const kq_npm_client3d_webgl_vue = exports.kq_npm_client3d_webgl_vue = window.kq_npm_client3d_webgl_vue = window.kq_npm_client3d_webgl_vue || {};
 __webpack_require__.g.kq_npm_client3d_webgl_vue = kq_npm_client3d_webgl_vue;
 
 /***/ })