fl-web-component 1.0.8 → 1.0.10

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":
@@ -4637,6 +4630,17 @@ function _setPrototypeOf(t, e) {
 }
 module.exports = _setPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
+/***/ }),
+
+/***/ "52b4":
+/***/ (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_6e37e043_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("acad");
+/* 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_6e37e043_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_6e37e043_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "5414":
@@ -11174,14 +11178,10 @@ module.exports = toPropertyKey, module.exports.__esModule = true, module.exports
 
 /***/ }),
 
-/***/ "a470":
-/***/ (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__);
-/* unused harmony reexport * */
+/***/ "acad":
+/***/ (function(module, exports, __webpack_require__) {
 
+// extracted by mini-css-extract-plugin
 
 /***/ }),
 
@@ -11199,6 +11199,17 @@ function _construct(t, e, r) {
 }
 module.exports = _construct, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
+/***/ }),
+
+/***/ "b2fd":
+/***/ (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_per_control_vue_vue_type_style_index_0_id_f547d5c6_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e24a");
+/* 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_per_control_vue_vue_type_style_index_0_id_f547d5c6_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_per_control_vue_vue_type_style_index_0_id_f547d5c6_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "b33b":
@@ -13802,6 +13813,13 @@ if (Global_1.Konva.isBrowser) {
 }
 
 
+/***/ }),
+
+/***/ "e24a":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "e3af":
@@ -16109,19 +16127,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":"537c0758-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":"4217f59c-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=6e37e043&scoped=true
+var com_graphicsvue_type_template_id_6e37e043_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=6e37e043&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/slicedToArray.js
 var slicedToArray = __webpack_require__("278c");
@@ -38143,6 +38161,755 @@ function onPointerlockError() {
   console.error('THREE.PointerLockControls: Unable to use Pointer Lock API');
 }
 
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/typeof.js
+var helpers_typeof = __webpack_require__("7037");
+var typeof_default = /*#__PURE__*/__webpack_require__.n(helpers_typeof);
+
+// CONCATENATED MODULE: ./node_modules/three/examples/jsm/libs/lil-gui.module.min.js
+
+
+
+
+
+
+
+function lil_gui_module_min_callSuper(t, o, e) { return o = getPrototypeOf_default()(o), possibleConstructorReturn_default()(t, lil_gui_module_min_isNativeReflectConstruct() ? Reflect.construct(o, e || [], getPrototypeOf_default()(t).constructor) : o.apply(t, e)); }
+function lil_gui_module_min_isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (lil_gui_module_min_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+/**
+ * lil-gui
+ * https://lil-gui.georgealways.com
+ * @version 0.17.0
+ * @author George Michael Brower
+ * @license MIT
+ */
+var lil_gui_module_min_t = /*#__PURE__*/function () {
+  function t(i, e, s, n) {
+    var l = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : "div";
+    classCallCheck_default()(this, t);
+    this.parent = i, this.object = e, this.property = s, this._disabled = !1, this._hidden = !1, this.initialValue = this.getValue(), this.domElement = document.createElement("div"), this.domElement.classList.add("controller"), this.domElement.classList.add(n), this.$name = document.createElement("div"), this.$name.classList.add("name"), t.nextNameID = t.nextNameID || 0, this.$name.id = "lil-gui-name-" + ++t.nextNameID, this.$widget = document.createElement(l), this.$widget.classList.add("widget"), this.$disable = this.$widget, this.domElement.appendChild(this.$name), this.domElement.appendChild(this.$widget), this.parent.children.push(this), this.parent.controllers.push(this), this.parent.$children.appendChild(this.domElement), this._listenCallback = this._listenCallback.bind(this), this.name(s);
+  }
+  return createClass_default()(t, [{
+    key: "name",
+    value: function name(_t) {
+      return this._name = _t, this.$name.innerHTML = _t, this;
+    }
+  }, {
+    key: "onChange",
+    value: function onChange(_t2) {
+      return this._onChange = _t2, this;
+    }
+  }, {
+    key: "_callOnChange",
+    value: function _callOnChange() {
+      this.parent._callOnChange(this), void 0 !== this._onChange && this._onChange.call(this, this.getValue()), this._changed = !0;
+    }
+  }, {
+    key: "onFinishChange",
+    value: function onFinishChange(_t3) {
+      return this._onFinishChange = _t3, this;
+    }
+  }, {
+    key: "_callOnFinishChange",
+    value: function _callOnFinishChange() {
+      this._changed && (this.parent._callOnFinishChange(this), void 0 !== this._onFinishChange && this._onFinishChange.call(this, this.getValue())), this._changed = !1;
+    }
+  }, {
+    key: "reset",
+    value: function reset() {
+      return this.setValue(this.initialValue), this._callOnFinishChange(), this;
+    }
+  }, {
+    key: "enable",
+    value: function enable() {
+      var _t4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !0;
+      return this.disable(!_t4);
+    }
+  }, {
+    key: "disable",
+    value: function disable() {
+      var _t5 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !0;
+      return _t5 === this._disabled || (this._disabled = _t5, this.domElement.classList.toggle("disabled", _t5), this.$disable.toggleAttribute("disabled", _t5)), this;
+    }
+  }, {
+    key: "show",
+    value: function show() {
+      var _t6 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !0;
+      return this._hidden = !_t6, this.domElement.style.display = this._hidden ? "none" : "", this;
+    }
+  }, {
+    key: "hide",
+    value: function hide() {
+      return this.show(!1);
+    }
+  }, {
+    key: "options",
+    value: function options(_t7) {
+      var i = this.parent.add(this.object, this.property, _t7);
+      return i.name(this._name), this.destroy(), i;
+    }
+  }, {
+    key: "min",
+    value: function min(_t8) {
+      return this;
+    }
+  }, {
+    key: "max",
+    value: function max(_t9) {
+      return this;
+    }
+  }, {
+    key: "step",
+    value: function step(_t0) {
+      return this;
+    }
+  }, {
+    key: "decimals",
+    value: function decimals(_t1) {
+      return this;
+    }
+  }, {
+    key: "listen",
+    value: function listen() {
+      var _t10 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !0;
+      return this._listening = _t10, void 0 !== this._listenCallbackID && (cancelAnimationFrame(this._listenCallbackID), this._listenCallbackID = void 0), this._listening && this._listenCallback(), this;
+    }
+  }, {
+    key: "_listenCallback",
+    value: function _listenCallback() {
+      this._listenCallbackID = requestAnimationFrame(this._listenCallback);
+      var _t11 = this.save();
+      _t11 !== this._listenPrevValue && this.updateDisplay(), this._listenPrevValue = _t11;
+    }
+  }, {
+    key: "getValue",
+    value: function getValue() {
+      return this.object[this.property];
+    }
+  }, {
+    key: "setValue",
+    value: function setValue(_t12) {
+      return this.object[this.property] = _t12, this._callOnChange(), this.updateDisplay(), this;
+    }
+  }, {
+    key: "updateDisplay",
+    value: function updateDisplay() {
+      return this;
+    }
+  }, {
+    key: "load",
+    value: function load(_t13) {
+      return this.setValue(_t13), this._callOnFinishChange(), this;
+    }
+  }, {
+    key: "save",
+    value: function save() {
+      return this.getValue();
+    }
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      this.listen(!1), this.parent.children.splice(this.parent.children.indexOf(this), 1), this.parent.controllers.splice(this.parent.controllers.indexOf(this), 1), this.parent.$children.removeChild(this.domElement);
+    }
+  }]);
+}();
+var lil_gui_module_min_i = /*#__PURE__*/function (_t14) {
+  function i(t, _i, e) {
+    var _this;
+    classCallCheck_default()(this, i);
+    _this = lil_gui_module_min_callSuper(this, i, [t, _i, e, "boolean", "label"]), _this.$input = document.createElement("input"), _this.$input.setAttribute("type", "checkbox"), _this.$input.setAttribute("aria-labelledby", _this.$name.id), _this.$widget.appendChild(_this.$input), _this.$input.addEventListener("change", function () {
+      _this.setValue(_this.$input.checked), _this._callOnFinishChange();
+    }), _this.$disable = _this.$input, _this.updateDisplay();
+    return _this;
+  }
+  inherits_default()(i, _t14);
+  return createClass_default()(i, [{
+    key: "updateDisplay",
+    value: function updateDisplay() {
+      return this.$input.checked = this.getValue(), this;
+    }
+  }]);
+}(lil_gui_module_min_t);
+function lil_gui_module_min_e(t) {
+  var i, e;
+  return (i = t.match(/(#|0x)?([a-f0-9]{6})/i)) ? e = i[2] : (i = t.match(/rgb\(\s*(\d*)\s*,\s*(\d*)\s*,\s*(\d*)\s*\)/)) ? e = parseInt(i[1]).toString(16).padStart(2, 0) + parseInt(i[2]).toString(16).padStart(2, 0) + parseInt(i[3]).toString(16).padStart(2, 0) : (i = t.match(/^#?([a-f0-9])([a-f0-9])([a-f0-9])$/i)) && (e = i[1] + i[1] + i[2] + i[2] + i[3] + i[3]), !!e && "#" + e;
+}
+var lil_gui_module_min_s = {
+    isPrimitive: !0,
+    match: function match(t) {
+      return "string" == typeof t;
+    },
+    fromHexString: lil_gui_module_min_e,
+    toHexString: lil_gui_module_min_e
+  },
+  lil_gui_module_min_n = {
+    isPrimitive: !0,
+    match: function match(t) {
+      return "number" == typeof t;
+    },
+    fromHexString: function fromHexString(t) {
+      return parseInt(t.substring(1), 16);
+    },
+    toHexString: function toHexString(t) {
+      return "#" + t.toString(16).padStart(6, 0);
+    }
+  },
+  lil_gui_module_min_l = {
+    isPrimitive: !1,
+    match: Array.isArray,
+    fromHexString: function fromHexString(t, i) {
+      var e = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+      var s = lil_gui_module_min_n.fromHexString(t);
+      i[0] = (s >> 16 & 255) / 255 * e, i[1] = (s >> 8 & 255) / 255 * e, i[2] = (255 & s) / 255 * e;
+    },
+    toHexString: function toHexString(_ref) {
+      var _ref2 = slicedToArray_default()(_ref, 3),
+        t = _ref2[0],
+        i = _ref2[1],
+        e = _ref2[2];
+      var s = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+      return lil_gui_module_min_n.toHexString(t * (s = 255 / s) << 16 ^ i * s << 8 ^ e * s << 0);
+    }
+  },
+  lil_gui_module_min_r = {
+    isPrimitive: !1,
+    match: function match(t) {
+      return Object(t) === t;
+    },
+    fromHexString: function fromHexString(t, i) {
+      var e = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+      var s = lil_gui_module_min_n.fromHexString(t);
+      i.r = (s >> 16 & 255) / 255 * e, i.g = (s >> 8 & 255) / 255 * e, i.b = (255 & s) / 255 * e;
+    },
+    toHexString: function toHexString(_ref3) {
+      var t = _ref3.r,
+        i = _ref3.g,
+        e = _ref3.b;
+      var s = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+      return lil_gui_module_min_n.toHexString(t * (s = 255 / s) << 16 ^ i * s << 8 ^ e * s << 0);
+    }
+  },
+  lil_gui_module_min_o = [lil_gui_module_min_s, lil_gui_module_min_n, lil_gui_module_min_l, lil_gui_module_min_r];
+var lil_gui_module_min_a = /*#__PURE__*/function (_t15) {
+  function a(t, i, s, n) {
+    var _this2;
+    classCallCheck_default()(this, a);
+    var l;
+    _this2 = lil_gui_module_min_callSuper(this, a, [t, i, s, "color"]), _this2.$input = document.createElement("input"), _this2.$input.setAttribute("type", "color"), _this2.$input.setAttribute("tabindex", -1), _this2.$input.setAttribute("aria-labelledby", _this2.$name.id), _this2.$text = document.createElement("input"), _this2.$text.setAttribute("type", "text"), _this2.$text.setAttribute("spellcheck", "false"), _this2.$text.setAttribute("aria-labelledby", _this2.$name.id), _this2.$display = document.createElement("div"), _this2.$display.classList.add("display"), _this2.$display.appendChild(_this2.$input), _this2.$widget.appendChild(_this2.$display), _this2.$widget.appendChild(_this2.$text), _this2._format = (l = _this2.initialValue, lil_gui_module_min_o.find(function (t) {
+      return t.match(l);
+    })), _this2._rgbScale = n, _this2._initialValueHexString = _this2.save(), _this2._textFocused = !1, _this2.$input.addEventListener("input", function () {
+      _this2._setValueFromHexString(_this2.$input.value);
+    }), _this2.$input.addEventListener("blur", function () {
+      _this2._callOnFinishChange();
+    }), _this2.$text.addEventListener("input", function () {
+      var t = lil_gui_module_min_e(_this2.$text.value);
+      t && _this2._setValueFromHexString(t);
+    }), _this2.$text.addEventListener("focus", function () {
+      _this2._textFocused = !0, _this2.$text.select();
+    }), _this2.$text.addEventListener("blur", function () {
+      _this2._textFocused = !1, _this2.updateDisplay(), _this2._callOnFinishChange();
+    }), _this2.$disable = _this2.$text, _this2.updateDisplay();
+    return _this2;
+  }
+  inherits_default()(a, _t15);
+  return createClass_default()(a, [{
+    key: "reset",
+    value: function reset() {
+      return this._setValueFromHexString(this._initialValueHexString), this;
+    }
+  }, {
+    key: "_setValueFromHexString",
+    value: function _setValueFromHexString(t) {
+      if (this._format.isPrimitive) {
+        var _i2 = this._format.fromHexString(t);
+        this.setValue(_i2);
+      } else this._format.fromHexString(t, this.getValue(), this._rgbScale), this._callOnChange(), this.updateDisplay();
+    }
+  }, {
+    key: "save",
+    value: function save() {
+      return this._format.toHexString(this.getValue(), this._rgbScale);
+    }
+  }, {
+    key: "load",
+    value: function load(t) {
+      return this._setValueFromHexString(t), this._callOnFinishChange(), this;
+    }
+  }, {
+    key: "updateDisplay",
+    value: function updateDisplay() {
+      return this.$input.value = this._format.toHexString(this.getValue(), this._rgbScale), this._textFocused || (this.$text.value = this.$input.value.substring(1)), this.$display.style.backgroundColor = this.$input.value, this;
+    }
+  }]);
+}(lil_gui_module_min_t);
+var lil_gui_module_min_h = /*#__PURE__*/function (_t16) {
+  function h(t, i, e) {
+    var _this3;
+    classCallCheck_default()(this, h);
+    _this3 = lil_gui_module_min_callSuper(this, h, [t, i, e, "function"]), _this3.$button = document.createElement("button"), _this3.$button.appendChild(_this3.$name), _this3.$widget.appendChild(_this3.$button), _this3.$button.addEventListener("click", function (t) {
+      t.preventDefault(), _this3.getValue().call(_this3.object);
+    }), _this3.$button.addEventListener("touchstart", function () {}, {
+      passive: !0
+    }), _this3.$disable = _this3.$button;
+    return _this3;
+  }
+  inherits_default()(h, _t16);
+  return createClass_default()(h);
+}(lil_gui_module_min_t);
+var lil_gui_module_min_d = /*#__PURE__*/function (_t17) {
+  function d(t, i, e, s, n, l) {
+    var _this4;
+    classCallCheck_default()(this, d);
+    _this4 = lil_gui_module_min_callSuper(this, d, [t, i, e, "number"]), _this4._initInput(), _this4.min(s), _this4.max(n);
+    var r = void 0 !== l;
+    _this4.step(r ? l : _this4._getImplicitStep(), r), _this4.updateDisplay();
+    return _this4;
+  }
+  inherits_default()(d, _t17);
+  return createClass_default()(d, [{
+    key: "decimals",
+    value: function decimals(t) {
+      return this._decimals = t, this.updateDisplay(), this;
+    }
+  }, {
+    key: "min",
+    value: function min(t) {
+      return this._min = t, this._onUpdateMinMax(), this;
+    }
+  }, {
+    key: "max",
+    value: function max(t) {
+      return this._max = t, this._onUpdateMinMax(), this;
+    }
+  }, {
+    key: "step",
+    value: function step(t) {
+      var i = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
+      return this._step = t, this._stepExplicit = i, this;
+    }
+  }, {
+    key: "updateDisplay",
+    value: function updateDisplay() {
+      var t = this.getValue();
+      if (this._hasSlider) {
+        var _i3 = (t - this._min) / (this._max - this._min);
+        _i3 = Math.max(0, Math.min(_i3, 1)), this.$fill.style.width = 100 * _i3 + "%";
+      }
+      return this._inputFocused || (this.$input.value = void 0 === this._decimals ? t : t.toFixed(this._decimals)), this;
+    }
+  }, {
+    key: "_initInput",
+    value: function _initInput() {
+      var _this5 = this;
+      this.$input = document.createElement("input"), this.$input.setAttribute("type", "number"), this.$input.setAttribute("step", "any"), this.$input.setAttribute("aria-labelledby", this.$name.id), this.$widget.appendChild(this.$input), this.$disable = this.$input;
+      var t = function t(_t18) {
+        var i = parseFloat(_this5.$input.value);
+        isNaN(i) || (_this5._snapClampSetValue(i + _t18), _this5.$input.value = _this5.getValue());
+      };
+      var i,
+        e,
+        s,
+        n,
+        l,
+        r = !1;
+      var o = function o(t) {
+          if (r) {
+            var _s = t.clientX - i,
+              _n = t.clientY - e;
+            Math.abs(_n) > 5 ? (t.preventDefault(), _this5.$input.blur(), r = !1, _this5._setDraggingStyle(!0, "vertical")) : Math.abs(_s) > 5 && _a();
+          }
+          if (!r) {
+            var _i4 = t.clientY - s;
+            l -= _i4 * _this5._step * _this5._arrowKeyMultiplier(t), n + l > _this5._max ? l = _this5._max - n : n + l < _this5._min && (l = _this5._min - n), _this5._snapClampSetValue(n + l);
+          }
+          s = t.clientY;
+        },
+        _a = function a() {
+          _this5._setDraggingStyle(!1, "vertical"), _this5._callOnFinishChange(), window.removeEventListener("mousemove", o), window.removeEventListener("mouseup", _a);
+        };
+      this.$input.addEventListener("input", function () {
+        var t = parseFloat(_this5.$input.value);
+        isNaN(t) || (_this5._stepExplicit && (t = _this5._snap(t)), _this5.setValue(_this5._clamp(t)));
+      }), this.$input.addEventListener("keydown", function (i) {
+        "Enter" === i.code && _this5.$input.blur(), "ArrowUp" === i.code && (i.preventDefault(), t(_this5._step * _this5._arrowKeyMultiplier(i))), "ArrowDown" === i.code && (i.preventDefault(), t(_this5._step * _this5._arrowKeyMultiplier(i) * -1));
+      }), this.$input.addEventListener("wheel", function (i) {
+        _this5._inputFocused && (i.preventDefault(), t(_this5._step * _this5._normalizeMouseWheel(i)));
+      }, {
+        passive: !1
+      }), this.$input.addEventListener("mousedown", function (t) {
+        i = t.clientX, e = s = t.clientY, r = !0, n = _this5.getValue(), l = 0, window.addEventListener("mousemove", o), window.addEventListener("mouseup", _a);
+      }), this.$input.addEventListener("focus", function () {
+        _this5._inputFocused = !0;
+      }), this.$input.addEventListener("blur", function () {
+        _this5._inputFocused = !1, _this5.updateDisplay(), _this5._callOnFinishChange();
+      });
+    }
+  }, {
+    key: "_initSlider",
+    value: function _initSlider() {
+      var _this6 = this;
+      this._hasSlider = !0, this.$slider = document.createElement("div"), this.$slider.classList.add("slider"), this.$fill = document.createElement("div"), this.$fill.classList.add("fill"), this.$slider.appendChild(this.$fill), this.$widget.insertBefore(this.$slider, this.$input), this.domElement.classList.add("hasSlider");
+      var t = function t(_t19) {
+          var i = _this6.$slider.getBoundingClientRect();
+          var e = (s = _t19, n = i.left, l = i.right, r = _this6._min, o = _this6._max, (s - n) / (l - n) * (o - r) + r);
+          var s, n, l, r, o;
+          _this6._snapClampSetValue(e);
+        },
+        i = function i(_i5) {
+          t(_i5.clientX);
+        },
+        _e = function e() {
+          _this6._callOnFinishChange(), _this6._setDraggingStyle(!1), window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", _e);
+        };
+      var s,
+        n,
+        l = !1;
+      var r = function r(i) {
+          i.preventDefault(), _this6._setDraggingStyle(!0), t(i.touches[0].clientX), l = !1;
+        },
+        _o = function o(i) {
+          if (l) {
+            var _t20 = i.touches[0].clientX - s,
+              _e2 = i.touches[0].clientY - n;
+            Math.abs(_t20) > Math.abs(_e2) ? r(i) : (window.removeEventListener("touchmove", _o), window.removeEventListener("touchend", _a2));
+          } else i.preventDefault(), t(i.touches[0].clientX);
+        },
+        _a2 = function a() {
+          _this6._callOnFinishChange(), _this6._setDraggingStyle(!1), window.removeEventListener("touchmove", _o), window.removeEventListener("touchend", _a2);
+        },
+        h = this._callOnFinishChange.bind(this);
+      var _d;
+      this.$slider.addEventListener("mousedown", function (s) {
+        _this6._setDraggingStyle(!0), t(s.clientX), window.addEventListener("mousemove", i), window.addEventListener("mouseup", _e);
+      }), this.$slider.addEventListener("touchstart", function (t) {
+        t.touches.length > 1 || (_this6._hasScrollBar ? (s = t.touches[0].clientX, n = t.touches[0].clientY, l = !0) : r(t), window.addEventListener("touchmove", _o, {
+          passive: !1
+        }), window.addEventListener("touchend", _a2));
+      }, {
+        passive: !1
+      }), this.$slider.addEventListener("wheel", function (t) {
+        if (Math.abs(t.deltaX) < Math.abs(t.deltaY) && _this6._hasScrollBar) return;
+        t.preventDefault();
+        var i = _this6._normalizeMouseWheel(t) * _this6._step;
+        _this6._snapClampSetValue(_this6.getValue() + i), _this6.$input.value = _this6.getValue(), clearTimeout(_d), _d = setTimeout(h, 400);
+      }, {
+        passive: !1
+      });
+    }
+  }, {
+    key: "_setDraggingStyle",
+    value: function _setDraggingStyle(t) {
+      var i = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "horizontal";
+      this.$slider && this.$slider.classList.toggle("active", t), document.body.classList.toggle("lil-gui-dragging", t), document.body.classList.toggle("lil-gui-" + i, t);
+    }
+  }, {
+    key: "_getImplicitStep",
+    value: function _getImplicitStep() {
+      return this._hasMin && this._hasMax ? (this._max - this._min) / 1e3 : .1;
+    }
+  }, {
+    key: "_onUpdateMinMax",
+    value: function _onUpdateMinMax() {
+      !this._hasSlider && this._hasMin && this._hasMax && (this._stepExplicit || this.step(this._getImplicitStep(), !1), this._initSlider(), this.updateDisplay());
+    }
+  }, {
+    key: "_normalizeMouseWheel",
+    value: function _normalizeMouseWheel(t) {
+      var i = t.deltaX,
+        e = t.deltaY;
+      Math.floor(t.deltaY) !== t.deltaY && t.wheelDelta && (i = 0, e = -t.wheelDelta / 120, e *= this._stepExplicit ? 1 : 10);
+      return i + -e;
+    }
+  }, {
+    key: "_arrowKeyMultiplier",
+    value: function _arrowKeyMultiplier(t) {
+      var i = this._stepExplicit ? 1 : 10;
+      return t.shiftKey ? i *= 10 : t.altKey && (i /= 10), i;
+    }
+  }, {
+    key: "_snap",
+    value: function _snap(t) {
+      var i = Math.round(t / this._step) * this._step;
+      return parseFloat(i.toPrecision(15));
+    }
+  }, {
+    key: "_clamp",
+    value: function _clamp(t) {
+      return t < this._min && (t = this._min), t > this._max && (t = this._max), t;
+    }
+  }, {
+    key: "_snapClampSetValue",
+    value: function _snapClampSetValue(t) {
+      this.setValue(this._clamp(this._snap(t)));
+    }
+  }, {
+    key: "_hasScrollBar",
+    get: function get() {
+      var t = this.parent.root.$children;
+      return t.scrollHeight > t.clientHeight;
+    }
+  }, {
+    key: "_hasMin",
+    get: function get() {
+      return void 0 !== this._min;
+    }
+  }, {
+    key: "_hasMax",
+    get: function get() {
+      return void 0 !== this._max;
+    }
+  }]);
+}(lil_gui_module_min_t);
+var lil_gui_module_min_c = /*#__PURE__*/function (_t21) {
+  function c(t, i, e, s) {
+    var _this7;
+    classCallCheck_default()(this, c);
+    _this7 = lil_gui_module_min_callSuper(this, c, [t, i, e, "option"]), _this7.$select = document.createElement("select"), _this7.$select.setAttribute("aria-labelledby", _this7.$name.id), _this7.$display = document.createElement("div"), _this7.$display.classList.add("display"), _this7._values = Array.isArray(s) ? s : Object.values(s), _this7._names = Array.isArray(s) ? s : Object.keys(s), _this7._names.forEach(function (t) {
+      var i = document.createElement("option");
+      i.innerHTML = t, _this7.$select.appendChild(i);
+    }), _this7.$select.addEventListener("change", function () {
+      _this7.setValue(_this7._values[_this7.$select.selectedIndex]), _this7._callOnFinishChange();
+    }), _this7.$select.addEventListener("focus", function () {
+      _this7.$display.classList.add("focus");
+    }), _this7.$select.addEventListener("blur", function () {
+      _this7.$display.classList.remove("focus");
+    }), _this7.$widget.appendChild(_this7.$select), _this7.$widget.appendChild(_this7.$display), _this7.$disable = _this7.$select, _this7.updateDisplay();
+    return _this7;
+  }
+  inherits_default()(c, _t21);
+  return createClass_default()(c, [{
+    key: "updateDisplay",
+    value: function updateDisplay() {
+      var t = this.getValue(),
+        i = this._values.indexOf(t);
+      return this.$select.selectedIndex = i, this.$display.innerHTML = -1 === i ? t : this._names[i], this;
+    }
+  }]);
+}(lil_gui_module_min_t);
+var lil_gui_module_min_u = /*#__PURE__*/function (_t22) {
+  function u(t, i, e) {
+    var _this8;
+    classCallCheck_default()(this, u);
+    _this8 = lil_gui_module_min_callSuper(this, u, [t, i, e, "string"]), _this8.$input = document.createElement("input"), _this8.$input.setAttribute("type", "text"), _this8.$input.setAttribute("aria-labelledby", _this8.$name.id), _this8.$input.addEventListener("input", function () {
+      _this8.setValue(_this8.$input.value);
+    }), _this8.$input.addEventListener("keydown", function (t) {
+      "Enter" === t.code && _this8.$input.blur();
+    }), _this8.$input.addEventListener("blur", function () {
+      _this8._callOnFinishChange();
+    }), _this8.$widget.appendChild(_this8.$input), _this8.$disable = _this8.$input, _this8.updateDisplay();
+    return _this8;
+  }
+  inherits_default()(u, _t22);
+  return createClass_default()(u, [{
+    key: "updateDisplay",
+    value: function updateDisplay() {
+      return this.$input.value = this.getValue(), this;
+    }
+  }]);
+}(lil_gui_module_min_t);
+var lil_gui_module_min_p = !1;
+var lil_gui_module_min_g = /*#__PURE__*/function () {
+  function g() {
+    var _this9 = this;
+    var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      t = _ref4.parent,
+      _ref4$autoPlace = _ref4.autoPlace,
+      i = _ref4$autoPlace === void 0 ? void 0 === t : _ref4$autoPlace,
+      e = _ref4.container,
+      s = _ref4.width,
+      _ref4$title = _ref4.title,
+      n = _ref4$title === void 0 ? "Controls" : _ref4$title,
+      _ref4$injectStyles = _ref4.injectStyles,
+      l = _ref4$injectStyles === void 0 ? !0 : _ref4$injectStyles,
+      _ref4$touchStyles = _ref4.touchStyles,
+      r = _ref4$touchStyles === void 0 ? !0 : _ref4$touchStyles;
+    classCallCheck_default()(this, g);
+    if (this.parent = t, this.root = t ? t.root : this, this.children = [], this.controllers = [], this.folders = [], this._closed = !1, this._hidden = !1, this.domElement = document.createElement("div"), this.domElement.classList.add("lil-gui"), this.$title = document.createElement("div"), this.$title.classList.add("title"), this.$title.setAttribute("role", "button"), this.$title.setAttribute("aria-expanded", !0), this.$title.setAttribute("tabindex", 0), this.$title.addEventListener("click", function () {
+      return _this9.openAnimated(_this9._closed);
+    }), this.$title.addEventListener("keydown", function (t) {
+      "Enter" !== t.code && "Space" !== t.code || (t.preventDefault(), _this9.$title.click());
+    }), this.$title.addEventListener("touchstart", function () {}, {
+      passive: !0
+    }), this.$children = document.createElement("div"), this.$children.classList.add("children"), this.domElement.appendChild(this.$title), this.domElement.appendChild(this.$children), this.title(n), r && this.domElement.classList.add("allow-touch-styles"), this.parent) return this.parent.children.push(this), this.parent.folders.push(this), void this.parent.$children.appendChild(this.domElement);
+    this.domElement.classList.add("root"), !lil_gui_module_min_p && l && (!function (t) {
+      var i = document.createElement("style");
+      i.innerHTML = t;
+      var e = document.querySelector("head link[rel=stylesheet], head style");
+      e ? document.head.insertBefore(i, e) : document.head.appendChild(i);
+    }('.lil-gui{--background-color:#1f1f1f;--text-color:#ebebeb;--title-background-color:#111;--title-text-color:#ebebeb;--widget-color:#424242;--hover-color:#4f4f4f;--focus-color:#595959;--number-color:#2cc9ff;--string-color:#a2db3c;--font-size:11px;--input-font-size:11px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;--font-family-mono:Menlo,Monaco,Consolas,"Droid Sans Mono",monospace;--padding:4px;--spacing:4px;--widget-height:20px;--name-width:45%;--slider-knob-width:2px;--slider-input-width:27%;--color-input-width:27%;--slider-input-min-width:45px;--color-input-min-width:45px;--folder-indent:7px;--widget-padding:0 0 0 3px;--widget-border-radius:2px;--checkbox-size:calc(var(--widget-height)*0.75);--scrollbar-width:5px;background-color:var(--background-color);color:var(--text-color);font-family:var(--font-family);font-size:var(--font-size);font-style:normal;font-weight:400;line-height:1;text-align:left;touch-action:manipulation;user-select:none;-webkit-user-select:none}.lil-gui,.lil-gui *{box-sizing:border-box;margin:0;padding:0}.lil-gui.root{display:flex;flex-direction:column;width:var(--width,245px)}.lil-gui.root>.title{background:var(--title-background-color);color:var(--title-text-color)}.lil-gui.root>.children{overflow-x:hidden;overflow-y:auto}.lil-gui.root>.children::-webkit-scrollbar{background:var(--background-color);height:var(--scrollbar-width);width:var(--scrollbar-width)}.lil-gui.root>.children::-webkit-scrollbar-thumb{background:var(--focus-color);border-radius:var(--scrollbar-width)}.lil-gui.force-touch-styles{--widget-height:28px;--padding:6px;--spacing:6px;--font-size:13px;--input-font-size:16px;--folder-indent:10px;--scrollbar-width:7px;--slider-input-min-width:50px;--color-input-min-width:65px}.lil-gui.autoPlace{max-height:100%;position:fixed;right:15px;top:0;z-index:1001}.lil-gui .controller{align-items:center;display:flex;margin:var(--spacing) 0;padding:0 var(--padding)}.lil-gui .controller.disabled{opacity:.5}.lil-gui .controller.disabled,.lil-gui .controller.disabled *{pointer-events:none!important}.lil-gui .controller>.name{flex-shrink:0;line-height:var(--widget-height);min-width:var(--name-width);padding-right:var(--spacing);white-space:pre}.lil-gui .controller .widget{align-items:center;display:flex;min-height:var(--widget-height);position:relative;width:100%}.lil-gui .controller.string input{color:var(--string-color)}.lil-gui .controller.boolean .widget{cursor:pointer}.lil-gui .controller.color .display{border-radius:var(--widget-border-radius);height:var(--widget-height);position:relative;width:100%}.lil-gui .controller.color input[type=color]{cursor:pointer;height:100%;opacity:0;width:100%}.lil-gui .controller.color input[type=text]{flex-shrink:0;font-family:var(--font-family-mono);margin-left:var(--spacing);min-width:var(--color-input-min-width);width:var(--color-input-width)}.lil-gui .controller.option select{max-width:100%;opacity:0;position:absolute;width:100%}.lil-gui .controller.option .display{background:var(--widget-color);border-radius:var(--widget-border-radius);height:var(--widget-height);line-height:var(--widget-height);max-width:100%;overflow:hidden;padding-left:.55em;padding-right:1.75em;pointer-events:none;position:relative;word-break:break-all}.lil-gui .controller.option .display.active{background:var(--focus-color)}.lil-gui .controller.option .display:after{bottom:0;content:"↕";font-family:lil-gui;padding-right:.375em;position:absolute;right:0;top:0}.lil-gui .controller.option .widget,.lil-gui .controller.option select{cursor:pointer}.lil-gui .controller.number input{color:var(--number-color)}.lil-gui .controller.number.hasSlider input{flex-shrink:0;margin-left:var(--spacing);min-width:var(--slider-input-min-width);width:var(--slider-input-width)}.lil-gui .controller.number .slider{background-color:var(--widget-color);border-radius:var(--widget-border-radius);cursor:ew-resize;height:var(--widget-height);overflow:hidden;padding-right:var(--slider-knob-width);touch-action:pan-y;width:100%}.lil-gui .controller.number .slider.active{background-color:var(--focus-color)}.lil-gui .controller.number .slider.active .fill{opacity:.95}.lil-gui .controller.number .fill{border-right:var(--slider-knob-width) solid var(--number-color);box-sizing:content-box;height:100%}.lil-gui-dragging .lil-gui{--hover-color:var(--widget-color)}.lil-gui-dragging *{cursor:ew-resize!important}.lil-gui-dragging.lil-gui-vertical *{cursor:ns-resize!important}.lil-gui .title{--title-height:calc(var(--widget-height) + var(--spacing)*1.25);-webkit-tap-highlight-color:transparent;text-decoration-skip:objects;cursor:pointer;font-weight:600;height:var(--title-height);line-height:calc(var(--title-height) - 4px);outline:none;padding:0 var(--padding)}.lil-gui .title:before{content:"▾";display:inline-block;font-family:lil-gui;padding-right:2px}.lil-gui .title:active{background:var(--title-background-color);opacity:.75}.lil-gui.root>.title:focus{text-decoration:none!important}.lil-gui.closed>.title:before{content:"▸"}.lil-gui.closed>.children{opacity:0;transform:translateY(-7px)}.lil-gui.closed:not(.transition)>.children{display:none}.lil-gui.transition>.children{overflow:hidden;pointer-events:none;transition-duration:.3s;transition-property:height,opacity,transform;transition-timing-function:cubic-bezier(.2,.6,.35,1)}.lil-gui .children:empty:before{content:"Empty";display:block;font-style:italic;height:var(--widget-height);line-height:var(--widget-height);margin:var(--spacing) 0;opacity:.5;padding:0 var(--padding)}.lil-gui.root>.children>.lil-gui>.title{border-width:0;border-bottom:1px solid var(--widget-color);border-left:0 solid var(--widget-color);border-right:0 solid var(--widget-color);border-top:1px solid var(--widget-color);transition:border-color .3s}.lil-gui.root>.children>.lil-gui.closed>.title{border-bottom-color:transparent}.lil-gui+.controller{border-top:1px solid var(--widget-color);margin-top:0;padding-top:var(--spacing)}.lil-gui .lil-gui .lil-gui>.title{border:none}.lil-gui .lil-gui .lil-gui>.children{border:none;border-left:2px solid var(--widget-color);margin-left:var(--folder-indent)}.lil-gui .lil-gui .controller{border:none}.lil-gui input{-webkit-tap-highlight-color:transparent;background:var(--widget-color);border:0;border-radius:var(--widget-border-radius);color:var(--text-color);font-family:var(--font-family);font-size:var(--input-font-size);height:var(--widget-height);outline:none;width:100%}.lil-gui input:disabled{opacity:1}.lil-gui input[type=number],.lil-gui input[type=text]{padding:var(--widget-padding)}.lil-gui input[type=number]:focus,.lil-gui input[type=text]:focus{background:var(--focus-color)}.lil-gui input::-webkit-inner-spin-button,.lil-gui input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.lil-gui input[type=number]{-moz-appearance:textfield}.lil-gui input[type=checkbox]{appearance:none;-webkit-appearance:none;border-radius:var(--widget-border-radius);cursor:pointer;height:var(--checkbox-size);text-align:center;width:var(--checkbox-size)}.lil-gui input[type=checkbox]:checked:before{content:"✓";font-family:lil-gui;font-size:var(--checkbox-size);line-height:var(--checkbox-size)}.lil-gui button{-webkit-tap-highlight-color:transparent;background:var(--widget-color);border:1px solid var(--widget-color);border-radius:var(--widget-border-radius);color:var(--text-color);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size);height:var(--widget-height);line-height:calc(var(--widget-height) - 4px);outline:none;text-align:center;text-transform:none;width:100%}.lil-gui button:active{background:var(--focus-color)}@font-face{font-family:lil-gui;src:url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUsAAsAAAAACJwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAAH4AAADAImwmYE9TLzIAAAGIAAAAPwAAAGBKqH5SY21hcAAAAcgAAAD0AAACrukyyJBnbHlmAAACvAAAAF8AAACEIZpWH2hlYWQAAAMcAAAAJwAAADZfcj2zaGhlYQAAA0QAAAAYAAAAJAC5AHhobXR4AAADXAAAABAAAABMAZAAAGxvY2EAAANsAAAAFAAAACgCEgIybWF4cAAAA4AAAAAeAAAAIAEfABJuYW1lAAADoAAAASIAAAIK9SUU/XBvc3QAAATEAAAAZgAAAJCTcMc2eJxVjbEOgjAURU+hFRBK1dGRL+ALnAiToyMLEzFpnPz/eAshwSa97517c/MwwJmeB9kwPl+0cf5+uGPZXsqPu4nvZabcSZldZ6kfyWnomFY/eScKqZNWupKJO6kXN3K9uCVoL7iInPr1X5baXs3tjuMqCtzEuagm/AAlzQgPAAB4nGNgYRBlnMDAysDAYM/gBiT5oLQBAwuDJAMDEwMrMwNWEJDmmsJwgCFeXZghBcjlZMgFCzOiKOIFAB71Bb8AeJy1kjFuwkAQRZ+DwRAwBtNQRUGKQ8OdKCAWUhAgKLhIuAsVSpWz5Bbkj3dEgYiUIszqWdpZe+Z7/wB1oCYmIoboiwiLT2WjKl/jscrHfGg/pKdMkyklC5Zs2LEfHYpjcRoPzme9MWWmk3dWbK9ObkWkikOetJ554fWyoEsmdSlt+uR0pCJR34b6t/TVg1SY3sYvdf8vuiKrpyaDXDISiegp17p7579Gp3p++y7HPAiY9pmTibljrr85qSidtlg4+l25GLCaS8e6rRxNBmsnERunKbaOObRz7N72ju5vdAjYpBXHgJylOAVsMseDAPEP8LYoUHicY2BiAAEfhiAGJgZWBgZ7RnFRdnVJELCQlBSRlATJMoLV2DK4glSYs6ubq5vbKrJLSbGrgEmovDuDJVhe3VzcXFwNLCOILB/C4IuQ1xTn5FPilBTj5FPmBAB4WwoqAHicY2BkYGAA4sk1sR/j+W2+MnAzpDBgAyEMQUCSg4EJxAEAwUgFHgB4nGNgZGBgSGFggJMhDIwMqEAYAByHATJ4nGNgAIIUNEwmAABl3AGReJxjYAACIQYlBiMGJ3wQAEcQBEV4nGNgZGBgEGZgY2BiAAEQyQWEDAz/wXwGAAsPATIAAHicXdBNSsNAHAXwl35iA0UQXYnMShfS9GPZA7T7LgIu03SSpkwzYTIt1BN4Ak/gKTyAeCxfw39jZkjymzcvAwmAW/wgwHUEGDb36+jQQ3GXGot79L24jxCP4gHzF/EIr4jEIe7wxhOC3g2TMYy4Q7+Lu/SHuEd/ivt4wJd4wPxbPEKMX3GI5+DJFGaSn4qNzk8mcbKSR6xdXdhSzaOZJGtdapd4vVPbi6rP+cL7TGXOHtXKll4bY1Xl7EGnPtp7Xy2n00zyKLVHfkHBa4IcJ2oD3cgggWvt/V/FbDrUlEUJhTn/0azVWbNTNr0Ens8de1tceK9xZmfB1CPjOmPH4kitmvOubcNpmVTN3oFJyjzCvnmrwhJTzqzVj9jiSX911FjeAAB4nG3HMRKCMBBA0f0giiKi4DU8k0V2GWbIZDOh4PoWWvq6J5V8If9NVNQcaDhyouXMhY4rPTcG7jwYmXhKq8Wz+p762aNaeYXom2n3m2dLTVgsrCgFJ7OTmIkYbwIbC6vIB7WmFfAAAA==") format("woff")}@media (pointer:coarse){.lil-gui.allow-touch-styles{--widget-height:28px;--padding:6px;--spacing:6px;--font-size:13px;--input-font-size:16px;--folder-indent:10px;--scrollbar-width:7px;--slider-input-min-width:50px;--color-input-min-width:65px}}@media (hover:hover){.lil-gui .controller.color .display:hover:before{border:1px solid #fff9;border-radius:var(--widget-border-radius);bottom:0;content:" ";display:block;left:0;position:absolute;right:0;top:0}.lil-gui .controller.option .display.focus{background:var(--focus-color)}.lil-gui .controller.option .widget:hover .display{background:var(--hover-color)}.lil-gui .controller.number .slider:hover{background-color:var(--hover-color)}body:not(.lil-gui-dragging) .lil-gui .title:hover{background:var(--title-background-color);opacity:.85}.lil-gui .title:focus{text-decoration:underline var(--focus-color)}.lil-gui input:hover{background:var(--hover-color)}.lil-gui input:active{background:var(--focus-color)}.lil-gui input[type=checkbox]:focus{box-shadow:inset 0 0 0 1px var(--focus-color)}.lil-gui button:hover{background:var(--hover-color);border-color:var(--hover-color)}.lil-gui button:focus{border-color:var(--focus-color)}}'), lil_gui_module_min_p = !0), e ? e.appendChild(this.domElement) : i && (this.domElement.classList.add("autoPlace"), document.body.appendChild(this.domElement)), s && this.domElement.style.setProperty("--width", s + "px"), this.domElement.addEventListener("keydown", function (t) {
+      return t.stopPropagation();
+    }), this.domElement.addEventListener("keyup", function (t) {
+      return t.stopPropagation();
+    });
+  }
+  return createClass_default()(g, [{
+    key: "add",
+    value: function add(t, e, s, n, l) {
+      if (Object(s) === s) return new lil_gui_module_min_c(this, t, e, s);
+      var r = t[e];
+      switch (typeof_default()(r)) {
+        case "number":
+          return new lil_gui_module_min_d(this, t, e, s, n, l);
+        case "boolean":
+          return new lil_gui_module_min_i(this, t, e);
+        case "string":
+          return new lil_gui_module_min_u(this, t, e);
+        case "function":
+          return new lil_gui_module_min_h(this, t, e);
+      }
+      console.error("gui.add failed\n\tproperty:", e, "\n\tobject:", t, "\n\tvalue:", r);
+    }
+  }, {
+    key: "addColor",
+    value: function addColor(t, i) {
+      var e = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+      return new lil_gui_module_min_a(this, t, i, e);
+    }
+  }, {
+    key: "addFolder",
+    value: function addFolder(t) {
+      return new g({
+        parent: this,
+        title: t
+      });
+    }
+  }, {
+    key: "load",
+    value: function load(t) {
+      var i = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
+      return t.controllers && this.controllers.forEach(function (i) {
+        i instanceof lil_gui_module_min_h || i._name in t.controllers && i.load(t.controllers[i._name]);
+      }), i && t.folders && this.folders.forEach(function (i) {
+        i._title in t.folders && i.load(t.folders[i._title]);
+      }), this;
+    }
+  }, {
+    key: "save",
+    value: function save() {
+      var t = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !0;
+      var i = {
+        controllers: {},
+        folders: {}
+      };
+      return this.controllers.forEach(function (t) {
+        if (!(t instanceof lil_gui_module_min_h)) {
+          if (t._name in i.controllers) throw new Error("Cannot save GUI with duplicate property \"".concat(t._name, "\""));
+          i.controllers[t._name] = t.save();
+        }
+      }), t && this.folders.forEach(function (t) {
+        if (t._title in i.folders) throw new Error("Cannot save GUI with duplicate folder \"".concat(t._title, "\""));
+        i.folders[t._title] = t.save();
+      }), i;
+    }
+  }, {
+    key: "open",
+    value: function open() {
+      var t = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !0;
+      return this._closed = !t, this.$title.setAttribute("aria-expanded", !this._closed), this.domElement.classList.toggle("closed", this._closed), this;
+    }
+  }, {
+    key: "close",
+    value: function close() {
+      return this.open(!1);
+    }
+  }, {
+    key: "show",
+    value: function show() {
+      var t = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !0;
+      return this._hidden = !t, this.domElement.style.display = this._hidden ? "none" : "", this;
+    }
+  }, {
+    key: "hide",
+    value: function hide() {
+      return this.show(!1);
+    }
+  }, {
+    key: "openAnimated",
+    value: function openAnimated() {
+      var _this0 = this;
+      var t = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !0;
+      return this._closed = !t, this.$title.setAttribute("aria-expanded", !this._closed), requestAnimationFrame(function () {
+        var i = _this0.$children.clientHeight;
+        _this0.$children.style.height = i + "px", _this0.domElement.classList.add("transition");
+        var _e3 = function e(t) {
+          t.target === _this0.$children && (_this0.$children.style.height = "", _this0.domElement.classList.remove("transition"), _this0.$children.removeEventListener("transitionend", _e3));
+        };
+        _this0.$children.addEventListener("transitionend", _e3);
+        var s = t ? _this0.$children.scrollHeight : 0;
+        _this0.domElement.classList.toggle("closed", !t), requestAnimationFrame(function () {
+          _this0.$children.style.height = s + "px";
+        });
+      }), this;
+    }
+  }, {
+    key: "title",
+    value: function title(t) {
+      return this._title = t, this.$title.innerHTML = t, this;
+    }
+  }, {
+    key: "reset",
+    value: function reset() {
+      var t = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !0;
+      return (t ? this.controllersRecursive() : this.controllers).forEach(function (t) {
+        return t.reset();
+      }), this;
+    }
+  }, {
+    key: "onChange",
+    value: function onChange(t) {
+      return this._onChange = t, this;
+    }
+  }, {
+    key: "_callOnChange",
+    value: function _callOnChange(t) {
+      this.parent && this.parent._callOnChange(t), void 0 !== this._onChange && this._onChange.call(this, {
+        object: t.object,
+        property: t.property,
+        value: t.getValue(),
+        controller: t
+      });
+    }
+  }, {
+    key: "onFinishChange",
+    value: function onFinishChange(t) {
+      return this._onFinishChange = t, this;
+    }
+  }, {
+    key: "_callOnFinishChange",
+    value: function _callOnFinishChange(t) {
+      this.parent && this.parent._callOnFinishChange(t), void 0 !== this._onFinishChange && this._onFinishChange.call(this, {
+        object: t.object,
+        property: t.property,
+        value: t.getValue(),
+        controller: t
+      });
+    }
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      this.parent && (this.parent.children.splice(this.parent.children.indexOf(this), 1), this.parent.folders.splice(this.parent.folders.indexOf(this), 1)), this.domElement.parentElement && this.domElement.parentElement.removeChild(this.domElement), Array.from(this.children).forEach(function (t) {
+        return t.destroy();
+      });
+    }
+  }, {
+    key: "controllersRecursive",
+    value: function controllersRecursive() {
+      var t = Array.from(this.controllers);
+      return this.folders.forEach(function (i) {
+        t = t.concat(i.controllersRecursive());
+      }), t;
+    }
+  }, {
+    key: "foldersRecursive",
+    value: function foldersRecursive() {
+      var t = Array.from(this.folders);
+      return this.folders.forEach(function (i) {
+        t = t.concat(i.foldersRecursive());
+      }), t;
+    }
+  }]);
+}();
+/* harmony default export */ var lil_gui_module_min = (lil_gui_module_min_g);
+
 // CONCATENATED MODULE: ./src/utils/threejs/measure-distance.js
 
 
@@ -41219,70 +41986,69 @@ 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 (item, index) {
+            if (item.instanceId == instances[_i].instanceId) {
+              var _item$matrix;
+              model.userData.instanceIndex = index;
+              model.userData.instanceId = instances[_i].instanceId;
+              model.name = meshName !== '' ? instances[_i].instanceId + meshName : instances[_i].instanceId;
+              var matrixVal = (_item$matrix = item.matrix) === null || _item$matrix === void 0 ? void 0 : _item$matrix.val;
+              if (matrixVal) {
+                var m4 = new three_core_Matrix4();
+                // m4.setPosition(new THREE.Vector3(9999999, 9999999, 9999999)); // TODO 临时隐藏方案
+                m4.elements = item.matrix.val;
+                model.setMatrixAt(index, m4);
+                var copyMatrix = new three_core_Matrix4().copy(m4);
+                model.userData.copyMatrix = copyMatrix;
+              }
+              // 需要先设置全部实例颜色，否则后续设置颜色无效
+              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++) {
@@ -41593,7 +42359,7 @@ var com_graphicsvue_type_script_lang_js_ref = /*#__PURE__*/regenerator_default.a
       }
     }, _callee);
   })(null),
-  com_graphicsvue_type_script_lang_js_ref2 = slicedToArray_default()(com_graphicsvue_type_script_lang_js_ref, 17),
+  com_graphicsvue_type_script_lang_js_ref2 = slicedToArray_default()(com_graphicsvue_type_script_lang_js_ref, 19),
   com_graphicsvue_type_script_lang_js_renderer = com_graphicsvue_type_script_lang_js_ref2[0],
   com_graphicsvue_type_script_lang_js_scene = com_graphicsvue_type_script_lang_js_ref2[1],
   com_graphicsvue_type_script_lang_js_camera = com_graphicsvue_type_script_lang_js_ref2[2],
@@ -41610,7 +42376,9 @@ var com_graphicsvue_type_script_lang_js_ref = /*#__PURE__*/regenerator_default.a
   clock = com_graphicsvue_type_script_lang_js_ref2[13],
   pointControls = com_graphicsvue_type_script_lang_js_ref2[14],
   threeMeasure = com_graphicsvue_type_script_lang_js_ref2[15],
-  com_graphicsvue_type_script_lang_js_modelGroup = com_graphicsvue_type_script_lang_js_ref2[16];
+  com_graphicsvue_type_script_lang_js_modelGroup = com_graphicsvue_type_script_lang_js_ref2[16],
+  gui = com_graphicsvue_type_script_lang_js_ref2[17],
+  animateId = com_graphicsvue_type_script_lang_js_ref2[18];
 var _ref3 = /*#__PURE__*/regenerator_default.a.mark(function _callee2(v) {
     return regenerator_default.a.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
@@ -41627,12 +42395,12 @@ var _ref3 = /*#__PURE__*/regenerator_default.a.mark(function _callee2(v) {
       }
     }, _callee2);
   })(0),
-  _ref4 = slicedToArray_default()(_ref3, 5),
-  lastTime = _ref4[0],
-  firstTime = _ref4[1],
-  fpsClock = _ref4[2],
-  timeStamp = _ref4[3],
-  progress = _ref4[4];
+  com_graphicsvue_type_script_lang_js_ref4 = slicedToArray_default()(_ref3, 5),
+  lastTime = com_graphicsvue_type_script_lang_js_ref4[0],
+  firstTime = com_graphicsvue_type_script_lang_js_ref4[1],
+  fpsClock = com_graphicsvue_type_script_lang_js_ref4[2],
+  timeStamp = com_graphicsvue_type_script_lang_js_ref4[3],
+  progress = com_graphicsvue_type_script_lang_js_ref4[4];
 var _ref5 = /*#__PURE__*/regenerator_default.a.mark(function _callee3(v) {
     return regenerator_default.a.wrap(function _callee3$(_context3) {
       while (1) switch (_context3.prev = _context3.next) {
@@ -41676,13 +42444,22 @@ var _ref7 = /*#__PURE__*/regenerator_default.a.mark(function _callee4(v) {
   })(true),
   _ref8 = slicedToArray_default()(_ref7, 1),
   spaceUp = _ref8[0];
-var clippingPlanes = [];
+var clippingMesh = [];
 var removeSpeed = 200,
   upSpeed = 200; //控制器移动速度 , //控制跳起时的速度
-var com_graphicsvue_type_script_lang_js_modelGroup;
-
+var roamConfig = {
+  loop: false,
+  speed: 0,
+  // 最大值为3
+  name: ''
+};
+var guiParams = {
+  'x轴': 0,
+  'y轴': 0,
+  'z轴': 0
+};
 //  绘制对象映射实例表
-var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
+
 
 
 
@@ -41704,12 +42481,7 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
     }
   },
   data: function data() {
-    return {
-      roamConfig: {
-        loop: false,
-        speed: 0 // 最大值为3
-      }
-    };
+    return {};
   },
   created: function created() {
     CameraControls.install({
@@ -41720,7 +42492,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 +42564,12 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
     /*
       参数：data 模型数据
         color: '' 初始化模型的颜色 在业务方 有这个需求
+        meshNameConfig: {}
     */
     drawModel: function drawModel(data) {
+      var _this = this;
       var color = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+      var meshNameConfig = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       if (Object.keys(data).length === 0) {
         return;
       }
@@ -41802,14 +42577,58 @@ 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);
+        var modelBox3 = new this.THREE.Box3();
+        modelBox3.expandByObject(com_graphicsvue_type_script_lang_js_modelGroup);
+        var modelWorldPs = new this.THREE.Vector3().addVectors(modelBox3.max, modelBox3.min).multiplyScalar(0.5);
         com_graphicsvue_type_script_lang_js_scene.add(com_graphicsvue_type_script_lang_js_modelGroup);
+        com_graphicsvue_type_script_lang_js_modelGroup.traverse(function (child) {
+          if (child.isMesh) {
+            var json = _this.getMeshCenterAndVolume(child);
+            var meshBox3 = new _this.THREE.Box3();
+            meshBox3.setFromObject(child);
+            // 获取每个mesh的中心点，爆炸方向为爆炸中心点指向mesh中心点
+            var worldPs = new _this.THREE.Vector3().addVectors(meshBox3.max, meshBox3.min).multiplyScalar(0.5);
+            if (isNaN(worldPs.x)) return;
+            // 计算爆炸方向
+            child.worldDir = new _this.THREE.Vector3().subVectors(worldPs, modelWorldPs).normalize();
+            // 保存初始坐标
+            child.userData.center = json.center;
+            child.userData.worldPs = worldPs;
+            child.userData.oldPs = child.getWorldPosition(new _this.THREE.Vector3());
+            child.userData.box = json.box;
+            child.userData.position = new _this.THREE.Vector3().copy(child.position);
+            child.userData.translate = {
+              x: 0,
+              y: 0,
+              z: 0
+            };
+            child.userData.rotate = {
+              x: 0,
+              y: 0,
+              z: 0
+            };
+            child.userData.modelWorldPs = modelWorldPs;
+          }
+        });
         // this.compileShader();
         // cameraControls.fitToSphere(scene, true); // TODO 待处理，先用 setModelCenter 进行定位
         this.setModelCenter(com_graphicsvue_type_script_lang_js_modelGroup);
         // cameraControls.saveState();
       }
     },
+    // 获取mesh的中心点
+    getMeshCenterAndVolume: function getMeshCenterAndVolume(mesh) {
+      var box = new this.THREE.Box3().setFromObject(mesh);
+      var volume = box.getSize(new this.THREE.Vector3());
+      var geometry = mesh.geometry;
+      geometry.computeBoundingBox();
+      var center = geometry.boundingBox.getCenter(new this.THREE.Vector3());
+      return {
+        'center': center,
+        'box': volume
+      };
+    },
     compileShader: function compileShader() {
       com_graphicsvue_type_script_lang_js_scene.traverse(function (child) {
         if (child.isMesh) {
@@ -41933,16 +42752,16 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
      * }
      */
     updateProperty: function updateProperty(list) {
-      var _this = this;
+      var _this2 = this;
       var _loop = function _loop() {
         var ele = list[index];
-        var targetObj = _this.getObjectByName(ele.name);
+        var targetObj = _this2.getObjectByName(ele.name);
         var _loop2 = function _loop2(key) {
           switch (key) {
             case 'color':
               targetObj.forEach(function (children) {
                 if (children.isMesh) {
-                  children.setColorAt(children.userData.instanceIndex, new _this.THREE.Color(ele.attr[key]));
+                  children.setColorAt(children.userData.instanceIndex, new _this2.THREE.Color(ele.attr[key]));
                   children.instanceColor.needsUpdate = true;
                 }
               });
@@ -41950,14 +42769,25 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
             case 'visible':
               targetObj.forEach(function (children) {
                 var index = children.userData.instanceIndex;
-                children.geometry.attributes.visible.array[index] = ele.attr[key] ? 1.0 : 0.0;
-                children.geometry.attributes.visible.needsUpdate = true;
+                if (ele.attr[key]) {
+                  var restoreMatrix = new _this2.THREE.Matrix4().copy(children.userData.copyMatrix);
+                  children.setMatrixAt(index, restoreMatrix);
+                } else {
+                  var offsetMatrix = new _this2.THREE.Matrix4().copy(children.userData.copyMatrix).makeTranslation(9999999, 9999999, 9999999);
+                  children.setMatrixAt(index, offsetMatrix);
+                }
+                children.instanceMatrix.needsUpdate = true;
               });
               break;
             case 'opacity':
               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) {
@@ -41969,7 +42799,7 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
         _loop();
       }
     },
-    // 修改整体模型实体的属性
+    // 修改整个场景中模型实体的属性
     /*
       {
         attr: '', 需要修改属性名（color、visible(true / false)、opacity(0-1),
@@ -41977,13 +42807,14 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
       }
     */
     updateWholeProperty: function updateWholeProperty(params) {
-      var _this2 = this;
+      var _this3 = this;
       if (com_graphicsvue_type_script_lang_js_scene) {
         com_graphicsvue_type_script_lang_js_scene.traverse(function (obj) {
-          if (obj instanceof _this2.THREE.Mesh) {
+          if (obj instanceof _this3.THREE.Mesh) {
             switch (params.attr) {
               case 'color':
-                obj.material.color = new _this2.THREE.Color(params.value);
+                obj.setColorAt(obj.userData.instanceIndex, new _this3.THREE.Color(params.value));
+                obj.instanceColor.needsUpdate = true;
                 break;
               case 'visible':
                 obj.material.visible = params.value;
@@ -42000,6 +42831,7 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
     },
     // 清除上一次的属性修改操作 为了方便业务平台参数跟updateProperty方法的参数一样
     resetProperty: function resetProperty(list) {
+      var _this4 = this;
       for (var index = 0; index < list.length; index++) {
         var ele = list[index];
         var _obj = this.getObjectByName(ele.name);
@@ -42014,20 +42846,64 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
                   }
                 });
                 break;
+              case 'visible':
+                _obj.forEach(function (children) {
+                  var index = children.userData.instanceIndex;
+                  var restoreMatrix = new _this4.THREE.Matrix4().copy(children.userData.copyMatrix);
+                  children.setMatrixAt(index, restoreMatrix);
+                  children.instanceMatrix.needsUpdate = true;
+                });
+                break;
             }
           }
         }
       }
     },
     // 定位到模型
-    locateModel: function locateModel(id) {
-      var obj = com_graphicsvue_type_script_lang_js_scene.getObjectByName(id);
+    locateModel: function locateModel(name) {
+      var obj = com_graphicsvue_type_script_lang_js_scene.getObjectByName(name);
       if (obj) {
         // cameraControls.fitToSphere(obj.parent, true); // TODO 待处理，先用 setModelCenter 进行定位
         this.setModelCenter(obj.parent);
         // cameraControls.fitToBox( obj, true);
       }
     },
+    // 根据自定义参数修改模型
+    /*
+      自定义参数指的是在调用drawModel时配置的meshNameConfig里面的字段来修改某一类模型实体的属性
+      {
+        customName: '', 自定义字段名称
+        customValue: '' 自定义字段的值
+        attr: {
+          color: '',
+          opacity: 0 -1,
+          visiable: true/false
+        }
+      }
+    */
+    updatePropertyByCustom: function updatePropertyByCustom(params) {
+      var _this5 = this;
+      com_graphicsvue_type_script_lang_js_scene.traverse(function (child) {
+        if (child.isMesh && child.userData[params.customName] === params.customValue) {
+          for (var key in params.attr) {
+            switch (key) {
+              case 'color':
+                child.setColorAt(obj.userData.instanceIndex, new _this5.THREE.Color(params.attr[key]));
+                child.instanceColor.needsUpdate = true;
+                break;
+              case 'visible':
+                child.material.visible = params.attr[key];
+                break;
+              case 'opacity':
+                child.material.opacity = params.attr[key];
+                child.material.transparent = true;
+                break;
+            }
+            child.material.needsUpdate = true;
+          }
+        }
+      });
+    },
     // 相机定位
     /*
       定位参数：x: 相机的x位置, y: 相机的y位置, z: 相机的z位置
@@ -42096,6 +42972,40 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
         }
       });
     },
+    // 删除场景中所有的实体
+    removeAll: function removeAll() {
+      var _this6 = 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 _this6.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 +43016,11 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
       }
     */
     drawCurve: function drawCurve(params) {
-      var _this3 = this;
+      var _this7 = 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 _this7.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 +43036,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 _this8 = 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 _this8.THREE.Vector3(element.x, element.y, element.z));
       });
       // 画曲线
       if (route.length > 1) {
@@ -42154,8 +43071,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 +43085,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
       });
-      clock = new this.THREE.Clock();
+      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] = params[key];
+      }
     },
     // 结束/退出漫游
     endRoam: function endRoam() {
       roaming = false;
       progress = 0;
-      this.removeObjectByName(this.roamConfig.roamName);
-      this.roamConfig = Object.assign({}, {
+      this.removeObjectByName(roamConfig.name);
+      roamConfig = {
         loop: false,
         speed: 0,
-        roamName: ''
-      });
+        name: ''
+      };
+      roaming = false;
+      lineTexture = null;
     },
     // 相机跟随轨道
     cameraTrack: function cameraTrack() {
@@ -42207,16 +43133,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,16 +43150,16 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
      * 参数val: 爆炸的值
      */
     globalBomb: function globalBomb(val) {
-      var _this5 = this;
+      var _this9 = 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);
+          _this9.computedBomb(item, val);
         });
       }
-      this.timeRender();
+      // this.timeRender();
     },
     // 单个实体模型炸开
     /*
@@ -42257,11 +43183,24 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
       剖切值变换时, 使用
     */
     setGlobalClipping: function setGlobalClipping() {
+      var flag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
       var box3 = new this.THREE.Box3().setFromObject(com_graphicsvue_type_script_lang_js_scene.children[0]);
       var max = box3.max;
       var min = box3.min;
       var clippingPlanes = [new this.THREE.Plane(new this.THREE.Vector3(-1, 0, 0), max.x), new this.THREE.Plane(new this.THREE.Vector3(0, -1, 0), max.y), new this.THREE.Plane(new this.THREE.Vector3(0, 0, -1), max.z)];
       com_graphicsvue_type_script_lang_js_renderer.clippingPlanes = clippingPlanes;
+      if (flag) {
+        guiParams = {
+          'x轴': clippingPlanes[0].constant,
+          'y轴': clippingPlanes[2].constant,
+          'z轴': clippingPlanes[1].constant
+        };
+        this.addClippingGui('全局剖切', {
+          x: min.x,
+          y: min.z,
+          z: min.y
+        }, clippingPlanes);
+      }
       return {
         min: min,
         max: max
@@ -42285,18 +43224,45 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
     },
     // 取消全局剖切
     cancelGlobalClipping: function cancelGlobalClipping() {
+      guiParams = {
+        'x轴': 0,
+        'y轴': 0,
+        'z轴': 0
+      };
       com_graphicsvue_type_script_lang_js_renderer.clippingPlanes = Object.freeze([]);
+      gui && gui.destroy();
     },
-    // 单个实体的剖切/ 局部剖切 obj 实体对象
+    // 单个实体的剖切/ 局部剖切 obj 实体对象 flag 代表是否使用图形组件自带的剖切面板 默认为true
     setLocalClipping: function setLocalClipping(obj) {
+      var flag = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      clippingMesh.splice(0);
+      clippingMesh.push(obj);
       com_graphicsvue_type_script_lang_js_renderer.localClippingEnabled = true;
       // mesh的boundingBox 可以获取到该对象位置的最大最小值 但是在这里我们需要把y、z轴互换
-      var boundingBox = new this.THREE.Box3().copy(obj.geometry.boundingBox);
+      var boundingBox = new this.THREE.Box3().copy(obj.boundingBox);
       boundingBox.applyMatrix4(obj.matrixWorld);
-      clippingPlanes = [new this.THREE.Plane(new this.THREE.Vector3(-1, 0, 0), Math.ceil(boundingBox.max.x)), new this.THREE.Plane(new this.THREE.Vector3(0, -1, 0), Math.ceil(boundingBox.max.y)), new this.THREE.Plane(new this.THREE.Vector3(0, 0, -1), Math.ceil(boundingBox.max.z))];
+      var clippingPlanes = [new this.THREE.Plane(new this.THREE.Vector3(-1, 0, 0), Math.ceil(boundingBox.max.x)), new this.THREE.Plane(new this.THREE.Vector3(0, -1, 0), Math.ceil(boundingBox.max.y)), new this.THREE.Plane(new this.THREE.Vector3(0, 0, -1), Math.ceil(boundingBox.max.z))];
       obj.material.clippingPlanes = clippingPlanes;
       obj.material.needsUpdate = true;
       // 将局部剖切的对象记录下来
+      if (flag) {
+        guiParams = {
+          'x轴': clippingPlanes[0].constant,
+          'y轴': clippingPlanes[2].constant,
+          'z轴': clippingPlanes[1].constant
+        };
+        this.addClippingGui('局部剖切', {
+          x: Math.floor(boundingBox.min.x),
+          y: Math.floor(boundingBox.min.z),
+          z: Math.floor(boundingBox.min.y)
+        }, obj.material.clippingPlanes);
+        // cube.material.clippingPlanes
+      }
+      ;
+      return {
+        min: boundingBox.min,
+        max: boundingBox.max
+      };
     },
     // 更新局部剖切的值
     /*
@@ -42309,14 +43275,43 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
         y: 1,
         z: 2
       };
+      var obj = clippingMesh[clippingMesh.length - 1];
       for (var key in params) {
-        clippingPlanes[axis[key]].constant = params[key];
+        obj.material.clippingPlanes[axis[key]].constant = params[key];
+        obj.material.needsUpdate = true;
       }
       // this.timeRender()
     },
     // 取消局部/单个实体的剖切
     cancelLocalClipping: function cancelLocalClipping() {
-      clippingPlanes = Object.freeze([]);
+      guiParams = {
+        'x轴': 0,
+        'y轴': 0,
+        'z轴': 0
+      };
+      gui && gui.destroy();
+      clippingMesh.forEach(function (item) {
+        item.material.clippingPlanes = Object.freeze([]);
+        item.material.needsUpdate = true;
+      });
+      clippingMesh.splice(0);
+    },
+    // 添加剖切轴工具
+    addClippingGui: function addClippingGui(title, minValue, objClipp1, objClipp2) {
+      gui = new lil_gui_module_min_g({
+        title: title
+      });
+      gui.add(guiParams, 'x轴').min(minValue.x).max(Math.abs(guiParams['x轴'])).onChange(function (d) {
+        objClipp1[0].constant = d;
+        objClipp2 && (objClipp2[0].constant = d);
+      });
+      gui.add(guiParams, 'y轴').min(minValue.y).max(Math.abs(guiParams['y轴'])).onChange(function (d) {
+        objClipp1[2].constant = d;
+        objClipp2 && (objClipp2[2].constant = d);
+      });
+      gui.add(guiParams, 'z轴').min(minValue.z).max(Math.abs(guiParams['z轴'])).onChange(function (d) {
+        objClipp1[1].constant = d;
+      });
     },
     // 开启第一视角
     startFirstPer: function startFirstPer() {
@@ -42329,7 +43324,7 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
     },
     // 页面是否锁定
     initPointerLock: function initPointerLock() {
-      var _this6 = this;
+      var _this0 = 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 +43332,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', _this0.onKeyDown, false);
+          window.addEventListener('keyup', _this0.onKeyUp, false);
+          com_graphicsvue_type_script_lang_js_renderer.domElement.removeEventListener('mouseup', _this0.mouseClick, false);
+          com_graphicsvue_type_script_lang_js_renderer.domElement.removeEventListener('mousedown', _this0.mouseDown, false);
         });
         // 解锁
         pointControls.addEventListener('unlock', function () {
@@ -42350,10 +43345,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', _this0.onKeyDown);
+            window.removeEventListener('keyup', _this0.onKeyUp);
+            com_graphicsvue_type_script_lang_js_renderer.domElement.addEventListener('mouseup', _this0.mouseClick, false);
+            com_graphicsvue_type_script_lang_js_renderer.domElement.addEventListener('mousedown', _this0.mouseDown, false);
             // this.timeRender()
           }, 0);
         });
@@ -42468,9 +43463,9 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
     },
     // 返回主视角/恢复相机初始状态
     home: function home() {
-      // if (roaming) {
-      //   this.disposeRoaming()
-      // }
+      if (roaming) {
+        this.endRoam();
+      }
       cameraControls.reset(true);
       cameraControls.update(0);
       // this.timeRender()
@@ -42576,7 +43571,7 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
     },
     // 还原操作 将修改过的实体进行恢复
     restore: function restore() {
-      var _this7 = this;
+      var _this1 = this;
       com_graphicsvue_type_script_lang_js_scene.traverse(function (item) {
         if (item.isMesh) {
           item.material.opacity = 1.0;
@@ -42599,7 +43594,7 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
             item.userData.translateMatrixInvert = null;
           }
           if (item.userData.combineMatrixInvert) {
-            _this7.rotateMesh(item, {
+            _this1.rotateMesh(item, {
               x: 0,
               y: 0,
               z: 0
@@ -42612,7 +43607,7 @@ var com_graphicsvue_type_script_lang_js_drawObjMapInstance = {};
     animate: function animate() {
       var delta = fpsClock.getDelta();
       timeStamp += delta;
-      requestAnimationFrame(this.animate);
+      animateId = requestAnimationFrame(this.animate);
       cameraControls.enabled && cameraControls.update(timeStamp);
       this.cameraTrack();
       this.firstPerspective();
@@ -42623,8 +43618,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=6e37e043&prod&lang=scss&scoped=true
+var com_graphicsvue_type_style_index_0_id_6e37e043_prod_lang_scss_scoped_true = __webpack_require__("52b4");
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -42735,17 +43730,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_6e37e043_scoped_true_render,
   staticRenderFns,
   false,
   null,
-  "5b13dc9d",
+  "6e37e043",
   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":"537c0758-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":"4217f59c-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;
@@ -44990,10 +45985,6 @@ function DxfParser_getAcadColor(index) {
 // EXTERNAL MODULE: ./node_modules/jspdf/dist/jspdf.es.min.js
 var jspdf_es_min = __webpack_require__("8baf");
 
-// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/typeof.js
-var helpers_typeof = __webpack_require__("7037");
-var typeof_default = /*#__PURE__*/__webpack_require__.n(helpers_typeof);
-
 // CONCATENATED MODULE: ./packages/components/com-flcanvas/components/round10.js
 // This is based on the example code found from:
 // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/floor
@@ -45845,11 +46836,120 @@ var com_flcanvas_component = normalizeComponent(
 )
 
 /* harmony default export */ var com_flcanvas = (com_flcanvas_component.exports);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4217f59c-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/per-control.vue?vue&type=template&id=f547d5c6&scoped=true
+var per_controlvue_type_template_id_f547d5c6_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', [_vm._m(0), _c('div', {
+    staticClass: "line"
+  }), _vm._m(1), _c('div', {
+    staticClass: "line"
+  }), _vm._m(2), _c('div', {
+    staticClass: "button"
+  }, [_c('el-button', {
+    on: {
+      "click": function click($event) {
+        return _vm.start(false);
+      }
+    }
+  }, [_vm._v("好的，知道了")]), _c('el-button', {
+    attrs: {
+      "type": "primary"
+    },
+    on: {
+      "click": function click($event) {
+        return _vm.start(true);
+      }
+    }
+  }, [_vm._v("不再提示")])], 1)]);
+};
+var per_controlvue_type_template_id_f547d5c6_scoped_true_staticRenderFns = [function () {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "key"
+  }, [_c('span', [_vm._v("漫游")]), _c('div', {
+    staticClass: "center"
+  }, [_c('div', {
+    staticClass: "top"
+  }, [_c('span', [_vm._v("W")])]), _c('div', {
+    staticClass: "cen"
+  }, [_c('span', [_vm._v("A")]), _c('span', [_vm._v("S")]), _c('span', [_vm._v("D")])]), _c('span', {
+    staticClass: "text"
+  }, [_vm._v("W向前移动、S向后移动、A向左移动、D向右移动")])])]);
+}, function () {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "mouse"
+  }, [_c('span', [_vm._v("环视")]), _c('div', {
+    staticClass: "center"
+  }, [_c('i', {
+    staticClass: "iconfont icon-shubiao"
+  }), _c('span', {
+    staticClass: "text"
+  }, [_vm._v("鼠标控制方向")])])]);
+}, function () {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "quit"
+  }, [_c('span', [_vm._v("退出")]), _c('div', {
+    staticClass: "center"
+  }, [_c('div', {
+    staticClass: "cen"
+  }, [_c('span', [_vm._v("Esc")])]), _c('span', {
+    staticClass: "text"
+  }, [_vm._v("使用Esc键退出漫游")])])]);
+}];
+
+// CONCATENATED MODULE: ./packages/components/com-graphics/per-control.vue?vue&type=template&id=f547d5c6&scoped=true
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/com-graphics/per-control.vue?vue&type=script&lang=js
+/* harmony default export */ var per_controlvue_type_script_lang_js = ({
+  name: 'FLPerControl',
+  data: function data() {
+    return {};
+  },
+  created: function created() {},
+  methods: {
+    start: function start(val) {
+      this.$emit('start', val);
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/components/com-graphics/per-control.vue?vue&type=script&lang=js
+ /* harmony default export */ var com_graphics_per_controlvue_type_script_lang_js = (per_controlvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./packages/components/com-graphics/per-control.vue?vue&type=style&index=0&id=f547d5c6&prod&lang=scss&scoped=true
+var per_controlvue_type_style_index_0_id_f547d5c6_prod_lang_scss_scoped_true = __webpack_require__("b2fd");
+
+// CONCATENATED MODULE: ./packages/components/com-graphics/per-control.vue
+
+
+
+
+
+
+/* normalize component */
+
+var per_control_component = normalizeComponent(
+  com_graphics_per_controlvue_type_script_lang_js,
+  per_controlvue_type_template_id_f547d5c6_scoped_true_render,
+  per_controlvue_type_template_id_f547d5c6_scoped_true_staticRenderFns,
+  false,
+  null,
+  "f547d5c6",
+  null
+  
+)
+
+/* harmony default export */ var per_control = (per_control_component.exports);
 // CONCATENATED MODULE: ./src/main.js
 
 
 
-var components = [com_graphics, com_flcanvas];
+
+var components = [com_graphics, com_flcanvas, per_control];
 var main_install = function install(Vue) {
   Vue.prototype.THREE = three_module_namespaceObject;
   components.forEach(function (component) {
@@ -45864,7 +46964,8 @@ if (typeof window !== 'undefined' && window.Vue) {
 /* harmony default export */ var main = ({
   install: main_install,
   FlModel: com_graphics,
-  Fl2dcanvas: com_flcanvas
+  Fl2dcanvas: com_flcanvas,
+  FLPerControl: per_control
 });
 // CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js