fl-web-component 1.0.7 → 1.0.9

package/dist/fl-web-component.common.js

@@ -1202,13 +1202,6 @@ Factory_1.Factory.addGetterSetter(Arrow, 'pointerAtBeginning', false);
 Factory_1.Factory.addGetterSetter(Arrow, 'pointerAtEnding', true);
 
 
-/***/ }),
-
-/***/ "1c33":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "1c49":
@@ -2712,6 +2705,13 @@ Factory_1.Factory.addGetterSetter(TextPath, 'textDecoration', '');
 Factory_1.Factory.addGetterSetter(TextPath, 'kerningFunc', undefined);
 
 
+/***/ }),
+
+/***/ "2d3b":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "2fb2":
@@ -2854,6 +2854,13 @@ Factory_1.Factory.addGetterSetter(Ellipse, 'radiusX', 0, (0, Validators_1.getNum
 Factory_1.Factory.addGetterSetter(Ellipse, 'radiusY', 0, (0, Validators_1.getNumberValidator)());
 
 
+/***/ }),
+
+/***/ "3846":
+/***/ (function(module, exports) {
+
+module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAHWlUWHRTb2Z0d2FyZQAAAAAAQWRvYmUgSW1hZ2VSZWFkeQatApcAAAMjaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0OCA3OS4xNjQwMzYsIDIwMTkvMDgvMTMtMDE6MDY6NTcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozQTZEQkVBMjIxRjcxMUVEOTlGOEMyREEyQzFENDlGNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozQTZEQkVBMzIxRjcxMUVEOTlGOEMyREEyQzFENDlGNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNBNkRCRUEwMjFGNzExRUQ5OUY4QzJEQTJDMUQ0OUY2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNBNkRCRUExMjFGNzExRUQ5OUY4QzJEQTJDMUQ0OUY2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5k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"
+
 /***/ }),
 
 /***/ "3c96":
@@ -11174,12 +11181,12 @@ module.exports = toPropertyKey, module.exports.__esModule = true, module.exports
 
 /***/ }),
 
-/***/ "a470":
+/***/ "b003":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_5b13dc9d_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("1c33");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_5b13dc9d_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_5b13dc9d_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_dd89824e_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("2d3b");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_dd89824e_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_dd89824e_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
 /* unused harmony reexport * */
 
 
@@ -16109,19 +16116,19 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"fc389ef8-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/com-graphics/index.vue?vue&type=template&id=5b13dc9d&scoped=true
-var com_graphicsvue_type_template_id_5b13dc9d_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"433047de-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/com-graphics/index.vue?vue&type=template&id=dd89824e&scoped=true
+var com_graphicsvue_type_template_id_dd89824e_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
     attrs: {
-      "id": "instructions"
+      "id": "fl-model"
     }
   });
 };
 var staticRenderFns = [];
 
-// CONCATENATED MODULE: ./packages/components/com-graphics/index.vue?vue&type=template&id=5b13dc9d&scoped=true
+// CONCATENATED MODULE: ./packages/components/com-graphics/index.vue?vue&type=template&id=dd89824e&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/slicedToArray.js
 var slicedToArray = __webpack_require__("278c");
@@ -41219,70 +41226,66 @@ var drawObjMapInstance = {};
  * @param {Object} instance - 实例对象，包含绘制对象ID和实例ID等数据
  * @param {Array} drawObjs - 绘制对象数组，包含几何数据
  */
-function handleInstancedMeshModel(instances, drawObjs, type, scene, customColor) {
+function handleInstancedMeshModel(instances, drawObjs, type, scene, customColor, meshNameConfig) {
   // 第一阶段：构建实例映射表
   var modelGroup = new three_core_Group();
   for (var i = 0; i < instances.length; i++) {
     formatInstancedMap(instances[i], drawObjs);
   }
-  console.log('drawObjMapInstance', drawObjMapInstance);
   // 第二阶段：遍历所有实例进行处理
   var _loop = function _loop(_i) {
     var targetGroup, instancedMeshIndex, drawObjectName;
-    // for (let drawObjectId in drawObjMapInstance) {
-    //   const drawObj = drawObjMapInstance[drawObjectId];
-    //   drawObj.MapInstance.forEach((instance, index) => {
-    //     if (instance.instanceId == instances[i].instanceId) {
-    //       instancedMeshIndex = index;
-    //       drawObjectName = drawObjectId;
-    //     }
-    //   });
-    // }
-
     var drawObjInstance = drawObjMapInstance[instances[_i].drawObject];
-    drawObjInstance.MapInstance.forEach(function (instance, index) {
-      if (instance.instanceId == instances[_i].instanceId) {
-        instancedMeshIndex = index;
-        drawObjectName = instances[_i].drawObject;
+    if (drawObjInstance.MapMesh.length > 0) {
+      drawObjInstance.MapInstance.forEach(function (instance, index) {
+        if (instance.instanceId == instances[_i].instanceId) {
+          instancedMeshIndex = index;
+          drawObjectName = instances[_i].drawObject;
+        }
+      });
+      if (drawObjectName) {
+        targetGroup = scene.getObjectByName(drawObjectName);
       }
-    });
-    if (drawObjectName) {
-      targetGroup = scene.getObjectByName(drawObjectName);
-    }
-    if (!targetGroup) {
-      var _drawObj$MapMesh;
-      var drawObj = drawObjMapInstance[instances[_i].drawObject];
-      var group = new three_core_Group();
-      group.name = instances[_i].drawObject;
-      group.userData.isInstancedMeshGroup = true;
-      var instanceCount = drawObj.MapInstance.length;
-      (_drawObj$MapMesh = drawObj.MapMesh) === null || _drawObj$MapMesh === void 0 ? void 0 : _drawObj$MapMesh.forEach(function (mesh) {
-        var model = instance_parser_drawModel(mesh, group.name, instanceCount, customColor);
-        if (!model) {
-          return;
-        }
-        drawObj.MapInstance.forEach(function (instance, index) {
-          if (instance.instanceId == instances[_i].instanceId) {
-            var _instance$matrix;
-            model.userData.instanceIndex = index;
-            model.name = instances[_i].instanceId;
-            var matrixVal = (_instance$matrix = instance.matrix) === null || _instance$matrix === void 0 ? void 0 : _instance$matrix.val;
-            if (matrixVal) {
-              var m4 = new three_core_Matrix4();
-              // m4.setPosition(new THREE.Vector3(9999999, 9999999, 9999999)); // TODO 临时隐藏方案
-              m4.elements = instance.matrix.val;
-              model.setMatrixAt(index, m4);
-            }
-            // 需要先设置全部实例颜色，否则后续设置颜色无效
-            var color = mesh.prop.color;
-            var meshColor = customColor ? new three_core_Color(customColor) : new three_core_Color("rgb(".concat(color[0], ", ").concat(color[1], ", ").concat(color[2], ")"));
-            model.setColorAt(index, meshColor);
+      if (!targetGroup) {
+        var _drawObj$MapMesh;
+        var drawObj = drawObjMapInstance[instances[_i].drawObject];
+        var group = new three_core_Group();
+        group.name = instances[_i].drawObject;
+        group.userData.isInstancedMeshGroup = true;
+        var instanceCount = drawObj.MapInstance.length;
+        (_drawObj$MapMesh = drawObj.MapMesh) === null || _drawObj$MapMesh === void 0 ? void 0 : _drawObj$MapMesh.forEach(function (mesh) {
+          var model = instance_parser_drawModel(mesh, group.name, instanceCount, customColor);
+          if (!model) {
+            return;
           }
+          var meshName = '';
+          for (var key in meshNameConfig) {
+            model.userData[key] = meshNameConfig[key];
+            meshName += ':' + meshNameConfig[key];
+          }
+          drawObj.MapInstance.forEach(function (instance, index) {
+            if (instance.instanceId == instances[_i].instanceId) {
+              var _instance$matrix;
+              model.userData.instanceIndex = index;
+              model.name = meshName !== '' ? instances[_i].instanceId + meshName : instances[_i].instanceId;
+              var matrixVal = (_instance$matrix = instance.matrix) === null || _instance$matrix === void 0 ? void 0 : _instance$matrix.val;
+              if (matrixVal) {
+                var m4 = new three_core_Matrix4();
+                // m4.setPosition(new THREE.Vector3(9999999, 9999999, 9999999)); // TODO 临时隐藏方案
+                m4.elements = instance.matrix.val;
+                model.setMatrixAt(index, m4);
+              }
+              // 需要先设置全部实例颜色，否则后续设置颜色无效
+              var color = mesh.prop.color;
+              var meshColor = customColor ? new three_core_Color(customColor) : new three_core_Color("rgb(".concat(color[0], ", ").concat(color[1], ", ").concat(color[2], ")"));
+              model.setColorAt(index, meshColor);
+            }
+          });
+          // model.instanceColor.needsUpdate = true;
+          group.add(model);
         });
-        // model.instanceColor.needsUpdate = true;
-        group.add(model);
-      });
-      modelGroup.add(group);
+        modelGroup.add(group);
+      }
     }
   };
   for (var _i = 0; _i < instances.length; _i++) {
@@ -41680,7 +41683,12 @@ var clippingPlanes = [];
 var removeSpeed = 200,
   upSpeed = 200; //控制器移动速度 , //控制跳起时的速度
 var com_graphicsvue_type_script_lang_js_modelGroup;
-
+var roamConfig = {
+  loop: false,
+  speed: 0,
+  // 最大值为3
+  name: ''
+};
 //  绘制对象映射实例表
 var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
 
@@ -41705,10 +41713,7 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
   },
   data: function data() {
     return {
-      roamConfig: {
-        loop: false,
-        speed: 0 // 最大值为3
-      }
+      arrowImg: __webpack_require__("3846")
     };
   },
   created: function created() {
@@ -41720,7 +41725,7 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
     com_graphicsvue_type_script_lang_js_mouse = new this.THREE.Vector2();
   },
   mounted: function mounted() {
-    instructions = document.getElementById('instructions');
+    instructions = document.getElementById('fl-model');
     this.initRender();
     this.initScene();
     this.initCamera();
@@ -41792,9 +41797,11 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
     /*
       参数：data 模型数据
         color: '' 初始化模型的颜色 在业务方 有这个需求
+         meshNameConfig: {}
     */
     drawModel: function drawModel(data) {
       var color = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+      var meshNameConfig = arguments.length > 2 ? arguments[2] : undefined;
       if (Object.keys(data).length === 0) {
         return;
       }
@@ -41802,7 +41809,7 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
         instances = _parseData.instances,
         drawObjs = _parseData.drawObjs;
       if (instances.length > 0) {
-        com_graphicsvue_type_script_lang_js_modelGroup = handleInstancedMeshModel(instances, drawObjs, '', com_graphicsvue_type_script_lang_js_scene, color);
+        com_graphicsvue_type_script_lang_js_modelGroup = handleInstancedMeshModel(instances, drawObjs, '', com_graphicsvue_type_script_lang_js_scene, color, meshNameConfig);
         com_graphicsvue_type_script_lang_js_scene.add(com_graphicsvue_type_script_lang_js_modelGroup);
         // this.compileShader();
         // cameraControls.fitToSphere(scene, true); // TODO 待处理，先用 setModelCenter 进行定位
@@ -41958,6 +41965,11 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
               obj.material.opacity = ele.attr[key];
               obj.material.transparent = true;
               break;
+            case 'position':
+              targetObj.forEach(function (children) {
+                children.position.set(ele.attr[key].x, ele.attr[key].y, ele.attr[key].z);
+              });
+              break;
           }
         };
         for (var key in ele.attr) {
@@ -42096,6 +42108,40 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
         }
       });
     },
+    // 删除场景中所有的实体
+    removeAll: function removeAll() {
+      var _this3 = this;
+      if (com_graphicsvue_type_script_lang_js_scene) {
+        com_graphicsvue_type_script_lang_js_scene.traverse(function (item) {
+          item.material && item.material.dispose();
+          item.geometry && item.geometry.dispose();
+          if (item instanceof _this3.THREE.Mesh) {
+            item.clear();
+          }
+          com_graphicsvue_type_script_lang_js_scene.remove(item);
+        });
+        com_graphicsvue_type_script_lang_js_scene.clear();
+      }
+    },
+    // 销毁场景 释放内存
+    destroyScene: function destroyScene() {
+      cancelAnimationFrame(animateId);
+      if (com_graphicsvue_type_script_lang_js_scene) {
+        com_graphicsvue_type_script_lang_js_scene.traverse(function (child) {
+          child.material && child.material.dispose();
+          child.geometry && child.geometry.dispose();
+          child = null;
+        });
+        com_graphicsvue_type_script_lang_js_scene.clear();
+        com_graphicsvue_type_script_lang_js_scene = null;
+      }
+      com_graphicsvue_type_script_lang_js_renderer.forceContextLoss();
+      com_graphicsvue_type_script_lang_js_renderer.dispose();
+      com_graphicsvue_type_script_lang_js_camera = null;
+      cameraControls = null;
+      com_graphicsvue_type_script_lang_js_renderer.domElement = null;
+      com_graphicsvue_type_script_lang_js_renderer = null;
+    },
     // 绘制曲线
     /*
       参数声明：Object
@@ -42106,11 +42152,11 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
       }
     */
     drawCurve: function drawCurve(params) {
-      var _this3 = this;
+      var _this4 = this;
       this.removeObjectByName(params.name);
       var route = [];
       params.path.forEach(function (element) {
-        route.push(new _this3.THREE.Vector3(element.x, element.y, element.z));
+        route.push(new _this4.THREE.Vector3(element.x, element.y, element.z));
       });
       if (route.length > 1) {
         com_graphicsvue_type_script_lang_js_curve = new this.THREE.CatmullRomCurve3(route);
@@ -42126,12 +42172,19 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
       }
     },
     // 绘制贴图曲线
+    /*
+      参数声明：Object
+      {
+        path: [{x:0, y: 0, z: 0}], 坐标点信息
+        name: '', // 线条的名字, 用来清除时使用的
+      }
+    */
     drawTextureCurve: function drawTextureCurve(params) {
-      var _this4 = this;
+      var _this5 = this;
       this.removeObjectByName(params.name);
       var route = [];
       params.path.forEach(function (element) {
-        route.push(new _this4.THREE.Vector3(element.x, element.y, element.z));
+        route.push(new _this5.THREE.Vector3(element.x, element.y, element.z));
       });
       // 画曲线
       if (route.length > 1) {
@@ -42139,7 +42192,7 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
         com_graphicsvue_type_script_lang_js_curve = new this.THREE.CatmullRomCurve3(route, false, 'catmullrom', 0);
         var geometry = new this.THREE.TubeGeometry(com_graphicsvue_type_script_lang_js_curve, 5000, 0.5, 4);
         //加载纹理
-        lineTexture = new this.THREE.TextureLoader().load('/static/arrow/arrow-right.png');
+        lineTexture = new this.THREE.TextureLoader().load(this.arrowImg);
         lineTexture.wrapS = this.THREE.RepeatWrapping;
         lineTexture.wrapT = this.THREE.RepeatWrapping;
         lineTexture.repeat.set(20, 1); //水平重复20次
@@ -42154,8 +42207,10 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
         var line = new this.THREE.Line(geometry, material);
         line.name = params.name;
         com_graphicsvue_type_script_lang_js_scene.add(line);
+        clock = new this.THREE.Clock();
       }
     },
+    // 
     // 开启漫游
     /*
       参数为Object
@@ -42166,31 +42221,38 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
     */
     startRoam: function startRoam(params) {
       progress = 0;
-      this.roamConfig = Object.assign({}, {
+      roamConfig = {
         loop: params.loop,
-        speed: params.speed,
-        roamName: params.name
-      });
+        speed: params.speed
+      };
       this.drawTextureCurve({
         name: params.name,
         path: params.path
       });
+      roaming = true;
       clock = new this.THREE.Clock();
     },
-    // 暂停漫游
-    pauseRoaming: function pauseRoaming() {
-      this.$set(this.roamConfig, 'speed', 0);
+    // 更新漫游的配置
+    /*
+      参数为Object 
+    */
+    updateRoamConfig: function updateRoamConfig(params) {
+      for (var key in params) {
+        roamConfig[key] = key === 'speed' ? params[key] / 300 : params[key];
+      }
     },
     // 结束/退出漫游
     endRoam: function endRoam() {
       roaming = false;
       progress = 0;
-      this.removeObjectByName(this.roamConfig.roamName);
-      this.roamConfig = Object.assign({}, {
+      this.removeObjectByName(this.roamConfig.name);
+      roamConfig = {
         loop: false,
         speed: 0,
-        roamName: ''
-      });
+        name: ''
+      };
+      roaming = false;
+      lineTexture = null;
     },
     // 相机跟随轨道
     cameraTrack: function cameraTrack() {
@@ -42207,16 +42269,16 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
           com_graphicsvue_type_script_lang_js_camera.lookAt(pointBox.x, pointBox.y + 5, pointBox.z);
           cameraControls.setPosition(point.x, point.y + 5, point.z, false);
           cameraControls.setTarget(pointBox.x, pointBox.y + 5, pointBox.z, false);
-          progress += this.roamConfig.speed / 300;
+          progress += roamConfig.speed / 300;
         } else {
           // 循环漫游
-          if (this.roamConfig.loop) {
+          if (roamConfig.loop) {
             progress = 0;
           }
         }
       } else {
         lineTexture = null;
-        this.roamConfig.progress = 0;
+        progress = 0;
       }
     },
     // 全局整体炸开
@@ -42224,13 +42286,13 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
      * 参数val: 爆炸的值
      */
     globalBomb: function globalBomb(val) {
-      var _this5 = this;
+      var _this6 = this;
       if (com_graphicsvue_type_script_lang_js_scene.children.length === 0) return;
       for (var i = 0; i < com_graphicsvue_type_script_lang_js_scene.children.length; i++) {
         com_graphicsvue_type_script_lang_js_scene.children[i].traverse(function (item) {
           if (!item.isMesh || !item.worldDir) return;
           // 爆炸公式
-          _this5.computedBomb(item, val);
+          _this6.computedBomb(item, val);
         });
       }
       this.timeRender();
@@ -42329,7 +42391,7 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
     },
     // 页面是否锁定
     initPointerLock: function initPointerLock() {
-      var _this6 = this;
+      var _this7 = this;
       this.home();
       setTimeout(function () {
         pointControls = new PointerLockControls_PointerLockControls(com_graphicsvue_type_script_lang_js_camera, com_graphicsvue_type_script_lang_js_renderer.domElement);
@@ -42337,10 +42399,10 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
         // 锁定
         pointControls.addEventListener('lock', function () {
           cameraControls.enabled = false;
-          window.addEventListener('keydown', _this6.onKeyDown, false);
-          window.addEventListener('keyup', _this6.onKeyUp, false);
-          com_graphicsvue_type_script_lang_js_renderer.domElement.removeEventListener('mouseup', _this6.mouseClick, false);
-          com_graphicsvue_type_script_lang_js_renderer.domElement.removeEventListener('mousedown', _this6.mouseDown, false);
+          window.addEventListener('keydown', _this7.onKeyDown, false);
+          window.addEventListener('keyup', _this7.onKeyUp, false);
+          com_graphicsvue_type_script_lang_js_renderer.domElement.removeEventListener('mouseup', _this7.mouseClick, false);
+          com_graphicsvue_type_script_lang_js_renderer.domElement.removeEventListener('mousedown', _this7.mouseDown, false);
         });
         // 解锁
         pointControls.addEventListener('unlock', function () {
@@ -42350,10 +42412,10 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
           cameraControls.reset(true);
           cameraControls.update(0);
           setTimeout(function () {
-            window.removeEventListener('keydown', _this6.onKeyDown);
-            window.removeEventListener('keyup', _this6.onKeyUp);
-            com_graphicsvue_type_script_lang_js_renderer.domElement.addEventListener('mouseup', _this6.mouseClick, false);
-            com_graphicsvue_type_script_lang_js_renderer.domElement.addEventListener('mousedown', _this6.mouseDown, false);
+            window.removeEventListener('keydown', _this7.onKeyDown);
+            window.removeEventListener('keyup', _this7.onKeyUp);
+            com_graphicsvue_type_script_lang_js_renderer.domElement.addEventListener('mouseup', _this7.mouseClick, false);
+            com_graphicsvue_type_script_lang_js_renderer.domElement.addEventListener('mousedown', _this7.mouseDown, false);
             // this.timeRender()
           }, 0);
         });
@@ -42576,7 +42638,7 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
     },
     // 还原操作 将修改过的实体进行恢复
     restore: function restore() {
-      var _this7 = this;
+      var _this8 = this;
       com_graphicsvue_type_script_lang_js_scene.traverse(function (item) {
         if (item.isMesh) {
           item.material.opacity = 1.0;
@@ -42599,7 +42661,7 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
             item.userData.translateMatrixInvert = null;
           }
           if (item.userData.combineMatrixInvert) {
-            _this7.rotateMesh(item, {
+            _this8.rotateMesh(item, {
               x: 0,
               y: 0,
               z: 0
@@ -42623,8 +42685,8 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
 });
 // CONCATENATED MODULE: ./packages/components/com-graphics/index.vue?vue&type=script&lang=js
  /* harmony default export */ var components_com_graphicsvue_type_script_lang_js = (com_graphicsvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./packages/components/com-graphics/index.vue?vue&type=style&index=0&id=5b13dc9d&prod&lang=scss&scoped=true
-var com_graphicsvue_type_style_index_0_id_5b13dc9d_prod_lang_scss_scoped_true = __webpack_require__("a470");
+// EXTERNAL MODULE: ./packages/components/com-graphics/index.vue?vue&type=style&index=0&id=dd89824e&prod&lang=scss&scoped=true
+var com_graphicsvue_type_style_index_0_id_dd89824e_prod_lang_scss_scoped_true = __webpack_require__("b003");
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -42735,17 +42797,17 @@ function normalizeComponent(
 
 var component = normalizeComponent(
   components_com_graphicsvue_type_script_lang_js,
-  com_graphicsvue_type_template_id_5b13dc9d_scoped_true_render,
+  com_graphicsvue_type_template_id_dd89824e_scoped_true_render,
   staticRenderFns,
   false,
   null,
-  "5b13dc9d",
+  "dd89824e",
   null
   
 )
 
 /* harmony default export */ var com_graphics = (component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"fc389ef8-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/com-flcanvas/index.vue?vue&type=template&id=83d38700&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"433047de-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/com-flcanvas/index.vue?vue&type=template&id=83d38700&scoped=true
 var com_flcanvasvue_type_template_id_83d38700_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;

package/dist/fl-web-component.css

@@ -1 +1 @@
-#instructions[data-v-5b13dc9d],#konva-container[data-v-83d38700]{width:100%;height:100%;cursor:pointer}#konva-container[data-v-83d38700]{z-index:3;overflow:hidden}
+#fl-model[data-v-dd89824e],#konva-container[data-v-83d38700]{width:100%;height:100%;cursor:pointer}#konva-container[data-v-83d38700]{z-index:3;overflow:hidden}