fl-web-component 1.2.13 → 1.2.18

package/README.md

@@ -46,6 +46,10 @@ Vue.use(FlWebComponent)
 欢迎贡献代码和问题反馈。
 
 ## 更新日志
+- 1.2.15 2025-07-22
+1. 处理相机orbit问题
+- 1.2.14 2025-07-21
+1. 添加自定义鼠标手势
 - 1.2.13 2025-07-17
 1. 优化模型渲染逻辑
 - 1.2.12 2025-07-01

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

@@ -764,6 +764,13 @@ exports.Easings = {
 
 /***/ }),
 
+/***/ "0a5c":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "0ff5":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -3349,17 +3356,6 @@ Factory_1.Factory.addGetterSetter(Node_1.Node, 'hue', 0, (0, Validators_1.getNum
 Factory_1.Factory.addGetterSetter(Node_1.Node, 'saturation', 0, (0, Validators_1.getNumberValidator)(), Factory_1.Factory.afterSetFilter);
 Factory_1.Factory.addGetterSetter(Node_1.Node, 'value', 0, (0, Validators_1.getNumberValidator)(), Factory_1.Factory.afterSetFilter);
 
-/***/ }),
-
-/***/ "46f5":
-/***/ (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_dee00b62_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("5ed0");
-/* 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_dee00b62_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_dee00b62_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "4971":
@@ -6277,13 +6273,6 @@ Factory_1.Factory.addGetterSetter(Rect, 'cornerRadius', 0, (0, Validators_1.getN
 
 /***/ }),
 
-/***/ "5ed0":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "6b7e":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -24864,6 +24853,17 @@ var HitContext = /*#__PURE__*/function (_Context2) {
 }(Context);
 exports.HitContext = HitContext;
 
+/***/ }),
+
+/***/ "c6e0":
+/***/ (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_afb88654_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0a5c");
+/* 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_afb88654_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_afb88654_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "c742":
@@ -29241,8 +29241,8 @@ 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":"f6f79f3a-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=dee00b62&scoped=true
-var com_graphicsvue_type_template_id_dee00b62_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2fcaf958-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=afb88654&scoped=true
+var com_graphicsvue_type_template_id_afb88654_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -29253,7 +29253,7 @@ var com_graphicsvue_type_template_id_dee00b62_scoped_true_render = function rend
 };
 var staticRenderFns = [];
 
-// CONCATENATED MODULE: ./packages/components/com-graphics/index.vue?vue&type=template&id=dee00b62&scoped=true
+// CONCATENATED MODULE: ./packages/components/com-graphics/index.vue?vue&type=template&id=afb88654&scoped=true
 
 // CONCATENATED MODULE: ./node_modules/camera-controls/dist/camera-controls.module.js
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
@@ -29288,24 +29288,20 @@ var ACTION = Object.freeze({
   NONE: 0,
   ROTATE: 1,
   TRUCK: 2,
-  SCREEN_PAN: 4,
-  OFFSET: 8,
-  DOLLY: 16,
-  ZOOM: 32,
-  TOUCH_ROTATE: 64,
-  TOUCH_TRUCK: 128,
-  TOUCH_SCREEN_PAN: 256,
-  TOUCH_OFFSET: 512,
-  TOUCH_DOLLY: 1024,
-  TOUCH_ZOOM: 2048,
-  TOUCH_DOLLY_TRUCK: 4096,
-  TOUCH_DOLLY_SCREEN_PAN: 8192,
-  TOUCH_DOLLY_OFFSET: 16384,
-  TOUCH_DOLLY_ROTATE: 32768,
-  TOUCH_ZOOM_TRUCK: 65536,
-  TOUCH_ZOOM_OFFSET: 131072,
-  TOUCH_ZOOM_SCREEN_PAN: 262144,
-  TOUCH_ZOOM_ROTATE: 524288
+  OFFSET: 4,
+  DOLLY: 8,
+  ZOOM: 16,
+  TOUCH_ROTATE: 32,
+  TOUCH_TRUCK: 64,
+  TOUCH_OFFSET: 128,
+  TOUCH_DOLLY: 256,
+  TOUCH_ZOOM: 512,
+  TOUCH_DOLLY_TRUCK: 1024,
+  TOUCH_DOLLY_OFFSET: 2048,
+  TOUCH_DOLLY_ROTATE: 4096,
+  TOUCH_ZOOM_TRUCK: 8192,
+  TOUCH_ZOOM_OFFSET: 16384,
+  TOUCH_ZOOM_ROTATE: 32768
 });
 var DOLLY_DIRECTION = {
   NONE: 0,
@@ -29527,7 +29523,7 @@ var EventDispatcher = /*#__PURE__*/function () {
   }]);
 }();
 var camera_controls_module_a;
-var VERSION = '2.10.1'; // will be replaced with `version` in package.json during the build process.
+var VERSION = '2.9.0'; // will be replaced with `version` in package.json during the build process.
 var TOUCH_DOLLY_FACTOR = 1 / 8;
 var isMac = /Mac/.test((camera_controls_module_a = globalThis === null || globalThis === void 0 ? void 0 : globalThis.navigator) === null || camera_controls_module_a === void 0 ? void 0 : camera_controls_module_a.platform);
 var THREE;
@@ -29701,6 +29697,11 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
      * @category Properties
      */
     _this.dragToOffset = false;
+    /**
+     * The same as `.screenSpacePanning` in three.js's OrbitControls.
+     * @category Properties
+     */
+    _this.verticalDragToForward = false;
     /**
      * Friction ratio of the boundary.
      * @category Properties
@@ -29762,7 +29763,7 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
     _this._zoomVelocity = {
       value: 0
     };
-    _this._truckInternal = function (deltaX, deltaY, dragToOffset, screenSpacePanning) {
+    _this._truckInternal = function (deltaX, deltaY, dragToOffset) {
       var truckX;
       var pedestalY;
       if (isPerspectiveCamera(_this._camera)) {
@@ -29774,12 +29775,12 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
         pedestalY = _this.truckSpeed * deltaY * targetDistance / _this._elementRect.height;
       } else if (isOrthographicCamera(_this._camera)) {
         var _camera = _this._camera;
-        truckX = _this.truckSpeed * deltaX * (_camera.right - _camera.left) / _camera.zoom / _this._elementRect.width;
-        pedestalY = _this.truckSpeed * deltaY * (_camera.top - _camera.bottom) / _camera.zoom / _this._elementRect.height;
+        truckX = deltaX * (_camera.right - _camera.left) / _camera.zoom / _this._elementRect.width;
+        pedestalY = deltaY * (_camera.top - _camera.bottom) / _camera.zoom / _this._elementRect.height;
       } else {
         return;
       }
-      if (screenSpacePanning) {
+      if (_this.verticalDragToForward) {
         dragToOffset ? _this.setFocalOffset(_this._focalOffsetEnd.x + truckX, _this._focalOffsetEnd.y, _this._focalOffsetEnd.z, true) : _this.truck(truckX, 0, true);
         _this.forward(-pedestalY, true);
       } else {
@@ -29987,8 +29988,7 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       }
       // Ref: https://github.com/cedricpinson/osgjs/blob/00e5a7e9d9206c06fdde0436e1d62ab7cb5ce853/sources/osgViewer/input/source/InputSourceMouse.js#L89-L103
       var deltaYFactor = isMac ? -1 : -3;
-      // Checks event.ctrlKey to detect multi-touch gestures on a trackpad.
-      var delta = event.deltaMode === 1 || event.ctrlKey ? event.deltaY / deltaYFactor : event.deltaY / (deltaYFactor * 10);
+      var delta = event.deltaMode === 1 ? event.deltaY / deltaYFactor : event.deltaY / (deltaYFactor * 10);
       var x = _this.dollyToCursor ? (event.clientX - _this._elementRect.x) / _this._elementRect.width * 2 - 1 : 0;
       var y = _this.dollyToCursor ? (event.clientY - _this._elementRect.y) / _this._elementRect.height * -2 + 1 : 0;
       switch (_this.mouseButtons.wheel) {
@@ -30000,19 +30000,13 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
           }
         case ACTION.TRUCK:
           {
-            _this._truckInternal(event.deltaX, event.deltaY, false, false);
-            _this._isUserControllingTruck = true;
-            break;
-          }
-        case ACTION.SCREEN_PAN:
-          {
-            _this._truckInternal(event.deltaX, event.deltaY, false, true);
+            _this._truckInternal(event.deltaX, event.deltaY, false);
             _this._isUserControllingTruck = true;
             break;
           }
         case ACTION.OFFSET:
           {
-            _this._truckInternal(event.deltaX, event.deltaY, true, false);
+            _this._truckInternal(event.deltaX, event.deltaY, true);
             _this._isUserControllingOffset = true;
             break;
           }
@@ -30095,29 +30089,24 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
         }
       }
       // stop current movement on drag start
-      // - rotate
       if ((_this._state & ACTION.ROTATE) === ACTION.ROTATE || (_this._state & ACTION.TOUCH_ROTATE) === ACTION.TOUCH_ROTATE || (_this._state & ACTION.TOUCH_DOLLY_ROTATE) === ACTION.TOUCH_DOLLY_ROTATE || (_this._state & ACTION.TOUCH_ZOOM_ROTATE) === ACTION.TOUCH_ZOOM_ROTATE) {
         _this._sphericalEnd.theta = _this._spherical.theta;
         _this._sphericalEnd.phi = _this._spherical.phi;
         _this._thetaVelocity.value = 0;
         _this._phiVelocity.value = 0;
       }
-      // - truck and screen-pan
-      if ((_this._state & ACTION.TRUCK) === ACTION.TRUCK || (_this._state & ACTION.SCREEN_PAN) === ACTION.SCREEN_PAN || (_this._state & ACTION.TOUCH_TRUCK) === ACTION.TOUCH_TRUCK || (_this._state & ACTION.TOUCH_SCREEN_PAN) === ACTION.TOUCH_SCREEN_PAN || (_this._state & ACTION.TOUCH_DOLLY_TRUCK) === ACTION.TOUCH_DOLLY_TRUCK || (_this._state & ACTION.TOUCH_DOLLY_SCREEN_PAN) === ACTION.TOUCH_DOLLY_SCREEN_PAN || (_this._state & ACTION.TOUCH_ZOOM_TRUCK) === ACTION.TOUCH_ZOOM_TRUCK || (_this._state & ACTION.TOUCH_ZOOM_SCREEN_PAN) === ACTION.TOUCH_DOLLY_SCREEN_PAN) {
+      if ((_this._state & ACTION.TRUCK) === ACTION.TRUCK || (_this._state & ACTION.TOUCH_TRUCK) === ACTION.TOUCH_TRUCK || (_this._state & ACTION.TOUCH_DOLLY_TRUCK) === ACTION.TOUCH_DOLLY_TRUCK || (_this._state & ACTION.TOUCH_ZOOM_TRUCK) === ACTION.TOUCH_ZOOM_TRUCK) {
         _this._targetEnd.copy(_this._target);
         _this._targetVelocity.set(0, 0, 0);
       }
-      // - dolly
-      if ((_this._state & ACTION.DOLLY) === ACTION.DOLLY || (_this._state & ACTION.TOUCH_DOLLY) === ACTION.TOUCH_DOLLY || (_this._state & ACTION.TOUCH_DOLLY_TRUCK) === ACTION.TOUCH_DOLLY_TRUCK || (_this._state & ACTION.TOUCH_DOLLY_SCREEN_PAN) === ACTION.TOUCH_DOLLY_SCREEN_PAN || (_this._state & ACTION.TOUCH_DOLLY_OFFSET) === ACTION.TOUCH_DOLLY_OFFSET || (_this._state & ACTION.TOUCH_DOLLY_ROTATE) === ACTION.TOUCH_DOLLY_ROTATE) {
+      if ((_this._state & ACTION.DOLLY) === ACTION.DOLLY || (_this._state & ACTION.TOUCH_DOLLY) === ACTION.TOUCH_DOLLY || (_this._state & ACTION.TOUCH_DOLLY_TRUCK) === ACTION.TOUCH_DOLLY_TRUCK || (_this._state & ACTION.TOUCH_DOLLY_OFFSET) === ACTION.TOUCH_DOLLY_OFFSET || (_this._state & ACTION.TOUCH_DOLLY_ROTATE) === ACTION.TOUCH_DOLLY_ROTATE) {
         _this._sphericalEnd.radius = _this._spherical.radius;
         _this._radiusVelocity.value = 0;
       }
-      // - zoom
-      if ((_this._state & ACTION.ZOOM) === ACTION.ZOOM || (_this._state & ACTION.TOUCH_ZOOM) === ACTION.TOUCH_ZOOM || (_this._state & ACTION.TOUCH_ZOOM_TRUCK) === ACTION.TOUCH_ZOOM_TRUCK || (_this._state & ACTION.TOUCH_ZOOM_SCREEN_PAN) === ACTION.TOUCH_ZOOM_SCREEN_PAN || (_this._state & ACTION.TOUCH_ZOOM_OFFSET) === ACTION.TOUCH_ZOOM_OFFSET || (_this._state & ACTION.TOUCH_ZOOM_ROTATE) === ACTION.TOUCH_ZOOM_ROTATE) {
+      if ((_this._state & ACTION.ZOOM) === ACTION.ZOOM || (_this._state & ACTION.TOUCH_ZOOM) === ACTION.TOUCH_ZOOM || (_this._state & ACTION.TOUCH_ZOOM_TRUCK) === ACTION.TOUCH_ZOOM_TRUCK || (_this._state & ACTION.TOUCH_ZOOM_OFFSET) === ACTION.TOUCH_ZOOM_OFFSET || (_this._state & ACTION.TOUCH_ZOOM_ROTATE) === ACTION.TOUCH_ZOOM_ROTATE) {
         _this._zoomEnd = _this._zoom;
         _this._zoomVelocity.value = 0;
       }
-      // - offset
       if ((_this._state & ACTION.OFFSET) === ACTION.OFFSET || (_this._state & ACTION.TOUCH_OFFSET) === ACTION.TOUCH_OFFSET || (_this._state & ACTION.TOUCH_DOLLY_OFFSET) === ACTION.TOUCH_DOLLY_OFFSET || (_this._state & ACTION.TOUCH_ZOOM_OFFSET) === ACTION.TOUCH_ZOOM_OFFSET) {
         _this._focalOffsetEnd.copy(_this._focalOffset);
         _this._focalOffsetVelocity.set(0, 0, 0);
@@ -30137,12 +30126,10 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       var deltaX = lockedPointer ? -lockedPointer.deltaX : lastDragPosition.x - _v2.x;
       var deltaY = lockedPointer ? -lockedPointer.deltaY : lastDragPosition.y - _v2.y;
       lastDragPosition.copy(_v2);
-      // rotate
       if ((_this._state & ACTION.ROTATE) === ACTION.ROTATE || (_this._state & ACTION.TOUCH_ROTATE) === ACTION.TOUCH_ROTATE || (_this._state & ACTION.TOUCH_DOLLY_ROTATE) === ACTION.TOUCH_DOLLY_ROTATE || (_this._state & ACTION.TOUCH_ZOOM_ROTATE) === ACTION.TOUCH_ZOOM_ROTATE) {
         _this._rotateInternal(deltaX, deltaY);
         _this._isUserControllingRotate = true;
       }
-      // mouse dolly or zoom
       if ((_this._state & ACTION.DOLLY) === ACTION.DOLLY || (_this._state & ACTION.ZOOM) === ACTION.ZOOM) {
         var dollyX = _this.dollyToCursor ? (dragStartPosition.x - _this._elementRect.x) / _this._elementRect.width * 2 - 1 : 0;
         var dollyY = _this.dollyToCursor ? (dragStartPosition.y - _this._elementRect.y) / _this._elementRect.height * -2 + 1 : 0;
@@ -30155,8 +30142,7 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
           _this._isUserControllingZoom = true;
         }
       }
-      // touch dolly or zoom
-      if ((_this._state & ACTION.TOUCH_DOLLY) === ACTION.TOUCH_DOLLY || (_this._state & ACTION.TOUCH_ZOOM) === ACTION.TOUCH_ZOOM || (_this._state & ACTION.TOUCH_DOLLY_TRUCK) === ACTION.TOUCH_DOLLY_TRUCK || (_this._state & ACTION.TOUCH_ZOOM_TRUCK) === ACTION.TOUCH_ZOOM_TRUCK || (_this._state & ACTION.TOUCH_DOLLY_SCREEN_PAN) === ACTION.TOUCH_DOLLY_SCREEN_PAN || (_this._state & ACTION.TOUCH_ZOOM_SCREEN_PAN) === ACTION.TOUCH_ZOOM_SCREEN_PAN || (_this._state & ACTION.TOUCH_DOLLY_OFFSET) === ACTION.TOUCH_DOLLY_OFFSET || (_this._state & ACTION.TOUCH_ZOOM_OFFSET) === ACTION.TOUCH_ZOOM_OFFSET || (_this._state & ACTION.TOUCH_DOLLY_ROTATE) === ACTION.TOUCH_DOLLY_ROTATE || (_this._state & ACTION.TOUCH_ZOOM_ROTATE) === ACTION.TOUCH_ZOOM_ROTATE) {
+      if ((_this._state & ACTION.TOUCH_DOLLY) === ACTION.TOUCH_DOLLY || (_this._state & ACTION.TOUCH_ZOOM) === ACTION.TOUCH_ZOOM || (_this._state & ACTION.TOUCH_DOLLY_TRUCK) === ACTION.TOUCH_DOLLY_TRUCK || (_this._state & ACTION.TOUCH_ZOOM_TRUCK) === ACTION.TOUCH_ZOOM_TRUCK || (_this._state & ACTION.TOUCH_DOLLY_OFFSET) === ACTION.TOUCH_DOLLY_OFFSET || (_this._state & ACTION.TOUCH_ZOOM_OFFSET) === ACTION.TOUCH_ZOOM_OFFSET || (_this._state & ACTION.TOUCH_DOLLY_ROTATE) === ACTION.TOUCH_DOLLY_ROTATE || (_this._state & ACTION.TOUCH_ZOOM_ROTATE) === ACTION.TOUCH_ZOOM_ROTATE) {
         var dx = _v2.x - _this._activePointers[1].clientX;
         var dy = _v2.y - _this._activePointers[1].clientY;
         var distance = Math.sqrt(dx * dx + dy * dy);
@@ -30164,7 +30150,7 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
         dollyStart.set(0, distance);
         var _dollyX = _this.dollyToCursor ? (lastDragPosition.x - _this._elementRect.x) / _this._elementRect.width * 2 - 1 : 0;
         var _dollyY = _this.dollyToCursor ? (lastDragPosition.y - _this._elementRect.y) / _this._elementRect.height * -2 + 1 : 0;
-        if ((_this._state & ACTION.TOUCH_DOLLY) === ACTION.TOUCH_DOLLY || (_this._state & ACTION.TOUCH_DOLLY_ROTATE) === ACTION.TOUCH_DOLLY_ROTATE || (_this._state & ACTION.TOUCH_DOLLY_TRUCK) === ACTION.TOUCH_DOLLY_TRUCK || (_this._state & ACTION.TOUCH_DOLLY_SCREEN_PAN) === ACTION.TOUCH_DOLLY_SCREEN_PAN || (_this._state & ACTION.TOUCH_DOLLY_OFFSET) === ACTION.TOUCH_DOLLY_OFFSET) {
+        if ((_this._state & ACTION.TOUCH_DOLLY) === ACTION.TOUCH_DOLLY || (_this._state & ACTION.TOUCH_DOLLY_ROTATE) === ACTION.TOUCH_DOLLY_ROTATE || (_this._state & ACTION.TOUCH_DOLLY_TRUCK) === ACTION.TOUCH_DOLLY_TRUCK || (_this._state & ACTION.TOUCH_DOLLY_OFFSET) === ACTION.TOUCH_DOLLY_OFFSET) {
           _this._dollyInternal(dollyDelta * TOUCH_DOLLY_FACTOR, _dollyX, _dollyY);
           _this._isUserControllingDolly = true;
         } else {
@@ -30172,19 +30158,12 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
           _this._isUserControllingZoom = true;
         }
       }
-      // truck
       if ((_this._state & ACTION.TRUCK) === ACTION.TRUCK || (_this._state & ACTION.TOUCH_TRUCK) === ACTION.TOUCH_TRUCK || (_this._state & ACTION.TOUCH_DOLLY_TRUCK) === ACTION.TOUCH_DOLLY_TRUCK || (_this._state & ACTION.TOUCH_ZOOM_TRUCK) === ACTION.TOUCH_ZOOM_TRUCK) {
-        _this._truckInternal(deltaX, deltaY, false, false);
+        _this._truckInternal(deltaX, deltaY, false);
         _this._isUserControllingTruck = true;
       }
-      // screen-pan
-      if ((_this._state & ACTION.SCREEN_PAN) === ACTION.SCREEN_PAN || (_this._state & ACTION.TOUCH_SCREEN_PAN) === ACTION.TOUCH_SCREEN_PAN || (_this._state & ACTION.TOUCH_DOLLY_SCREEN_PAN) === ACTION.TOUCH_DOLLY_SCREEN_PAN || (_this._state & ACTION.TOUCH_ZOOM_SCREEN_PAN) === ACTION.TOUCH_ZOOM_SCREEN_PAN) {
-        _this._truckInternal(deltaX, deltaY, false, true);
-        _this._isUserControllingTruck = true;
-      }
-      // offset
       if ((_this._state & ACTION.OFFSET) === ACTION.OFFSET || (_this._state & ACTION.TOUCH_OFFSET) === ACTION.TOUCH_OFFSET || (_this._state & ACTION.TOUCH_DOLLY_OFFSET) === ACTION.TOUCH_DOLLY_OFFSET || (_this._state & ACTION.TOUCH_ZOOM_OFFSET) === ACTION.TOUCH_ZOOM_OFFSET) {
-        _this._truckInternal(deltaX, deltaY, true, false);
+        _this._truckInternal(deltaX, deltaY, true);
         _this._isUserControllingOffset = true;
       }
       _this.dispatchEvent({
@@ -30305,15 +30284,6 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
    */
   _inherits(CameraControls, _EventDispatcher);
   return _createClass(CameraControls, [{
-    key: "verticalDragToForward",
-    set:
-    /**
-     * @deprecated Use `cameraControls.mouseButtons.left = CameraControls.ACTION.SCREEN_PAN` instead.
-     */
-    function set(_) {
-      console.warn('camera-controls: `verticalDragToForward` was removed. Use `mouseButtons.left = CameraControls.ACTION.SCREEN_PAN` instead.');
-    }
-  }, {
     key: "camera",
     get: function get() {
       return this._camera;
@@ -31435,6 +31405,7 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       // set offset after the orbit movement
       var affectOffset = !approxZero(this._focalOffset.x) || !approxZero(this._focalOffset.y) || !approxZero(this._focalOffset.z);
       if (affectOffset) {
+        this._camera.updateMatrixWorld();
         _xColumn.setFromMatrixColumn(this._camera.matrix, 0);
         _yColumn.setFromMatrixColumn(this._camera.matrix, 1);
         _zColumn.setFromMatrixColumn(this._camera.matrix, 2);
@@ -31443,7 +31414,6 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
         _zColumn.multiplyScalar(this._focalOffset.z); // notice: z-offset will not affect in Orthographic.
         _v3A.copy(_xColumn).add(_yColumn).add(_zColumn);
         this._camera.position.add(_v3A);
-        this._camera.updateMatrixWorld();
       }
       if (this._boundaryEnclosesCamera) {
         this._encloseToBoundary(this._camera.position.copy(this._target), _v3A.setFromSpherical(this._spherical).applyQuaternion(this._yAxisUpSpaceInverse), 1.0);
@@ -31500,6 +31470,7 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
         dollySpeed: this.dollySpeed,
         truckSpeed: this.truckSpeed,
         dollyToCursor: this.dollyToCursor,
+        verticalDragToForward: this.verticalDragToForward,
         target: this._targetEnd.toArray(),
         position: _v3A.setFromSpherical(this._sphericalEnd).add(this._targetEnd).toArray(),
         zoom: this._zoomEnd,
@@ -31535,6 +31506,7 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       this.dollySpeed = obj.dollySpeed;
       this.truckSpeed = obj.truckSpeed;
       this.dollyToCursor = obj.dollyToCursor;
+      this.verticalDragToForward = obj.verticalDragToForward;
       this._target0.fromArray(obj.target0);
       this._position0.fromArray(obj.position0);
       this._zoom0 = obj.zoom0;
@@ -31871,7 +31843,6 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
       object3d.traverseVisible(function (object) {
         if (!object.isMesh) return;
         var mesh = object;
-        if (!mesh.geometry) return;
         var geometry = mesh.geometry.clone();
         geometry.applyMatrix4(mesh.matrixWorld);
         var bufferGeometry = geometry;
@@ -61379,29 +61350,38 @@ var guiParams = {
       };
     },
     mouseDown: function mouseDown(event) {
+      var intersects = this.getRaycasterObjects(event);
       firstTime = new Date().getTime();
       var params = {
         event: event,
         firstTime: firstTime
       };
+      intersects.length && (params.v3Position = {
+        x: intersects[0].point.x,
+        y: intersects[0].point.y,
+        z: intersects[0].point.z
+      });
       this.$emit('leftMouseDown', params);
     },
+    getRaycasterObjects: function getRaycasterObjects(event) {
+      // 获取元素在页面中的偏移位置
+      var rect = com_graphicsvue_type_script_lang_js_renderer.domElement.getBoundingClientRect();
+      var x = event.clientX - rect.left;
+      var y = event.clientY - rect.top;
+
+      // mouse.x = (event.clientX / instructions.offsetWidth) * 2 - 1;
+      // mouse.y = -(event.clientY / instructions.offsetHeight) * 2 + 1;
+      com_graphicsvue_type_script_lang_js_mouse.x = x / rect.width * 2 - 1;
+      com_graphicsvue_type_script_lang_js_mouse.y = -(y / rect.height) * 2 + 1;
+      com_graphicsvue_type_script_lang_js_raycaster.setFromCamera(com_graphicsvue_type_script_lang_js_mouse, com_graphicsvue_type_script_lang_js_camera);
+      return com_graphicsvue_type_script_lang_js_raycaster.intersectObjects(com_graphicsvue_type_script_lang_js_scene.children, true);
+    },
     mouseClick: function mouseClick(event) {
       // 在测量模式下，不进行事件暴露
       if (!measureFlag) {
         lastTime = new Date().getTime();
         if (lastTime - firstTime < 300) {
-          // 获取元素在页面中的偏移位置
-          var rect = com_graphicsvue_type_script_lang_js_renderer.domElement.getBoundingClientRect();
-          var x = event.clientX - rect.left;
-          var y = event.clientY - rect.top;
-
-          // mouse.x = (event.clientX / instructions.offsetWidth) * 2 - 1;
-          // mouse.y = -(event.clientY / instructions.offsetHeight) * 2 + 1;
-          com_graphicsvue_type_script_lang_js_mouse.x = x / rect.width * 2 - 1;
-          com_graphicsvue_type_script_lang_js_mouse.y = -(y / rect.height) * 2 + 1;
-          com_graphicsvue_type_script_lang_js_raycaster.setFromCamera(com_graphicsvue_type_script_lang_js_mouse, com_graphicsvue_type_script_lang_js_camera);
-          var intersects = com_graphicsvue_type_script_lang_js_raycaster.intersectObjects(com_graphicsvue_type_script_lang_js_scene.children, true);
+          var intersects = this.getRaycasterObjects(event);
           var params = {};
           var cameraData = {
             position: {
@@ -62517,13 +62497,24 @@ var guiParams = {
         cameraControls: cameraControls,
         scene: com_graphicsvue_type_script_lang_js_scene
       };
+    },
+    setMouseAction: function setMouseAction(btn) {
+      var ACTION_ENUM = {
+        'none': 0,
+        'rotate': 1,
+        'drag': 2
+      };
+      var left = btn.left,
+        right = btn.right;
+      left && (cameraControls.mouseButtons.left = ACTION_ENUM[left]);
+      right && (cameraControls.mouseButtons.right = ACTION_ENUM[right]);
     }
   }
 });
 // 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=dee00b62&prod&lang=scss&scoped=true
-var com_graphicsvue_type_style_index_0_id_dee00b62_prod_lang_scss_scoped_true = __webpack_require__("46f5");
+// EXTERNAL MODULE: ./packages/components/com-graphics/index.vue?vue&type=style&index=0&id=afb88654&prod&lang=scss&scoped=true
+var com_graphicsvue_type_style_index_0_id_afb88654_prod_lang_scss_scoped_true = __webpack_require__("c6e0");
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -62634,17 +62625,17 @@ function normalizeComponent(
 
 var component = normalizeComponent(
   components_com_graphicsvue_type_script_lang_js,
-  com_graphicsvue_type_template_id_dee00b62_scoped_true_render,
+  com_graphicsvue_type_template_id_afb88654_scoped_true_render,
   staticRenderFns,
   false,
   null,
-  "dee00b62",
+  "afb88654",
   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":"f6f79f3a-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=4458f11e&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2fcaf958-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=4458f11e&scoped=true
 var com_flcanvasvue_type_template_id_4458f11e_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -65845,7 +65836,7 @@ 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":"f6f79f3a-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
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2fcaf958-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;
@@ -65953,7 +65944,7 @@ var per_control_component = normalizeComponent(
 )
 
 /* harmony default export */ var per_control = (per_control_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f6f79f3a-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/pid.vue?vue&type=template&id=0ec35ee4&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2fcaf958-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/pid.vue?vue&type=template&id=0ec35ee4&scoped=true
 var pidvue_type_template_id_0ec35ee4_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;