fl-web-component 1.3.15 → 1.3.16

package/README.md

@@ -46,7 +46,11 @@ Vue.use(FlWebComponent)
 欢迎贡献代码和问题反馈。
 
 ## 更新日志
-- 1.3.14 2025-09-16
+- 1.3.16 2025-09-18
+1. 相机设置自动调整
+2. 处理多渲染实例的问题
+3. 添加transp透明度
+- 1.3.15 2025-09-16
 1. 更新全局剖切UI
 - 1.3.13 2025-09-04
 1. PID阶段图纸集放大缩小

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

@@ -1194,6 +1194,13 @@ Factory_1.Factory.addGetterSetter(Layer, 'hitGraphEnabled', true, (0, Validators
 
 /***/ }),
 
+/***/ "101a":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "122f":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -1218,17 +1225,6 @@ var Threshold = function Threshold(imageData) {
 exports.Threshold = Threshold;
 Factory_1.Factory.addGetterSetter(Node_1.Node, 'threshold', 0.5, (0, Validators_1.getNumberValidator)(), Factory_1.Factory.afterSetFilter);
 
-/***/ }),
-
-/***/ "12cc":
-/***/ (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_0390b048_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("2b3e");
-/* 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_0390b048_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_0390b048_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "1bd8":
@@ -2665,13 +2661,6 @@ Factory_1.Factory.addGetterSetter(TextPath, 'kerningFunc', undefined);
 
 /***/ }),
 
-/***/ "2b3e":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "2fb2":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -5894,6 +5883,17 @@ Factory_1.Factory.addGetterSetter(Text, 'letterSpacing', 0, (0, Validators_1.get
 Factory_1.Factory.addGetterSetter(Text, 'text', '', (0, Validators_1.getStringValidator)());
 Factory_1.Factory.addGetterSetter(Text, 'textDecoration', '');
 
+/***/ }),
+
+/***/ "596c":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_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_1_id_c496e868_prod_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("101a");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_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_1_id_c496e868_prod_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_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_1_id_c496e868_prod_lang_css__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "5c7d":
@@ -22284,7 +22284,7 @@ Factory_1.Factory.addGetterSetter(Node_1.Node, 'blue', 0, Validators_1.RGBCompon
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"name\":\"fl-web-component\",\"version\":\"1.3.15\",\"scripts\":{\"tip1\":\"仅调试本组件不涉及业务组件,请执行dev\",\"dev\":\"vue-cli-service serve\",\"lint\":\"eslint \\\"{src,packages}/**/*.{vue,js}\\\" --fix\",\"prettier\":\"prettier --write  \\\"packages/**/*.{js,css,less,scss,vue,html}\\\"\",\"=\":\"=============================================================\",\"tip2\":\"同时调试本组件与业务组件,请执行watch\",\"watch\":\"vue-cli-service build --watch --mode production --target lib --name fl-web-component --formats commonjs ./src/main.js\",\"build\":\"npm run lint && vue-cli-service build --target lib --name fl-web-component --formats commonjs ./src/main.js\",\"build:test\":\"vue-cli-service build --target lib --name fl-web-component --formats commonjs ./src/main.js\",\"publish:base\":\"npm run build && npm publish --registry https://registry.npmjs.org/\",\"==\":\"=============================================================\",\"tip3\":\"发版注意: 【修改bug执行publish:fix】【新增功能执行publish:feat】【新特性执行publish:perf】\",\"publish:fix\":\"npm version patch && npm run publish:base\",\"publish:feat\":\"npm version minor && npm run publish:base\",\"publish:perf\":\"npm version major && npm run publish:base\"},\"files\":[\"dist\",\"packages\",\"src\",\"patches\"],\"main\":\"dist/fl-web-component.common.js\",\"dependencies\":{\"camera-controls\":\"2.9.0\",\"core-js\":\"^3.42.0\",\"dxf-parser\":\"^1.1.2\",\"element-ui\":\"2.15.14\",\"html2canvas\":\"^1.4.1\",\"jspdf\":\"^3.0.1\",\"konva\":\"^9.3.14\",\"lodash\":\"^4.17.21\",\"meshline\":\"^3.3.1\",\"regenerator-runtime\":\"^0.14.1\",\"svg-pan-zoom\":\"^3.6.2\",\"three\":\"^0.176.0\",\"three.path\":\"^1.0.1\",\"vue\":\"^2.6.11\"},\"devDependencies\":{\"@babel/core\":\"^7.12.16\",\"@babel/preset-env\":\"^7.0.0\",\"@babel/runtime-corejs3\":\"^7.27.1\",\"@vue/cli-plugin-babel\":\"~4.4.0\",\"@vue/cli-plugin-eslint\":\"~4.4.0\",\"@vue/cli-service\":\"~4.4.0\",\"babel-eslint\":\"^10.1.0\",\"babel-loader\":\"^8.0.0\",\"copy-webpack-plugin\":\"^4.0.1\",\"eslint\":\"^6.7.2\",\"eslint-plugin-vue\":\"^6.2.2\",\"patch-package\":\"^6.4.7\",\"sass\":\"1.32.13\",\"sass-loader\":\"10.1.1\",\"vue-template-compiler\":\"^2.6.11\"},\"eslintConfig\":{\"root\":true,\"env\":{\"node\":true},\"extends\":[\"plugin:vue/essential\",\"eslint:recommended\"],\"parserOptions\":{\"parser\":\"babel-eslint\"},\"rules\":{}},\"browserslist\":[\"> 1%\",\"last 2 versions\",\"not dead\"]}");
+module.exports = JSON.parse("{\"name\":\"fl-web-component\",\"version\":\"1.3.16\",\"scripts\":{\"tip1\":\"仅调试本组件不涉及业务组件,请执行dev\",\"dev\":\"vue-cli-service serve\",\"lint\":\"eslint \\\"{src,packages}/**/*.{vue,js}\\\" --fix\",\"prettier\":\"prettier --write  \\\"packages/**/*.{js,css,less,scss,vue,html}\\\"\",\"=\":\"=============================================================\",\"tip2\":\"同时调试本组件与业务组件,请执行watch\",\"watch\":\"vue-cli-service build --watch --mode production --target lib --name fl-web-component --formats commonjs ./src/main.js\",\"build\":\"npm run lint && vue-cli-service build --target lib --name fl-web-component --formats commonjs ./src/main.js\",\"build:test\":\"vue-cli-service build --target lib --name fl-web-component --formats commonjs ./src/main.js\",\"publish:base\":\"npm run build && npm publish --registry https://registry.npmjs.org/\",\"==\":\"=============================================================\",\"tip3\":\"发版注意: 【修改bug执行publish:fix】【新增功能执行publish:feat】【新特性执行publish:perf】\",\"publish:fix\":\"npm version patch && npm run publish:base\",\"publish:feat\":\"npm version minor && npm run publish:base\",\"publish:perf\":\"npm version major && npm run publish:base\"},\"files\":[\"dist\",\"packages\",\"src\",\"patches\"],\"main\":\"dist/fl-web-component.common.js\",\"dependencies\":{\"camera-controls\":\"2.9.0\",\"core-js\":\"^3.42.0\",\"dxf-parser\":\"^1.1.2\",\"element-ui\":\"2.15.14\",\"html2canvas\":\"^1.4.1\",\"jspdf\":\"^3.0.1\",\"konva\":\"^9.3.14\",\"lodash\":\"^4.17.21\",\"meshline\":\"^3.3.1\",\"regenerator-runtime\":\"^0.14.1\",\"svg-pan-zoom\":\"^3.6.2\",\"three\":\"^0.176.0\",\"three.path\":\"^1.0.1\",\"vue\":\"^2.6.11\"},\"devDependencies\":{\"@babel/core\":\"^7.12.16\",\"@babel/preset-env\":\"^7.0.0\",\"@babel/runtime-corejs3\":\"^7.27.1\",\"@vue/cli-plugin-babel\":\"~4.4.0\",\"@vue/cli-plugin-eslint\":\"~4.4.0\",\"@vue/cli-service\":\"~4.4.0\",\"babel-eslint\":\"^10.1.0\",\"babel-loader\":\"^8.0.0\",\"copy-webpack-plugin\":\"^4.0.1\",\"eslint\":\"^6.7.2\",\"eslint-plugin-vue\":\"^6.2.2\",\"patch-package\":\"^6.4.7\",\"sass\":\"1.32.13\",\"sass-loader\":\"10.1.1\",\"vue-template-compiler\":\"^2.6.11\"},\"eslintConfig\":{\"root\":true,\"env\":{\"node\":true},\"extends\":[\"plugin:vue/essential\",\"eslint:recommended\"],\"parserOptions\":{\"parser\":\"babel-eslint\"},\"rules\":{}},\"browserslist\":[\"> 1%\",\"last 2 versions\",\"not dead\"]}");
 
 /***/ }),
 
@@ -26485,13 +26485,6 @@ if (Global_1.Konva.isBrowser) {
 
 /***/ }),
 
-/***/ "e043":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "e0ed":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -26832,17 +26825,6 @@ Factory_1.Factory.addGetterSetter(Node_1.Node, 'embossWhiteLevel', 0.5, (0, Vali
 Factory_1.Factory.addGetterSetter(Node_1.Node, 'embossDirection', 'top-left', undefined, Factory_1.Factory.afterSetFilter);
 Factory_1.Factory.addGetterSetter(Node_1.Node, 'embossBlend', false, undefined, Factory_1.Factory.afterSetFilter);
 
-/***/ }),
-
-/***/ "e731":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_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_1_id_0390b048_prod_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e043");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_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_1_id_0390b048_prod_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_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_1_id_0390b048_prod_lang_css__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "ea61":
@@ -28262,6 +28244,17 @@ Animation.animations = [];
 Animation.animIdCounter = 0;
 Animation.animRunning = false;
 
+/***/ }),
+
+/***/ "f046":
+/***/ (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_c496e868_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f494");
+/* 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_c496e868_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_c496e868_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "f0b4":
@@ -28447,6 +28440,13 @@ Group.prototype.nodeType = 'Group';
 
 /***/ }),
 
+/***/ "f494":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "f655":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -29274,8 +29274,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":"51d96d7c-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=0390b048&scoped=true
-var com_graphicsvue_type_template_id_0390b048_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7bffa45c-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=c496e868&scoped=true
+var com_graphicsvue_type_template_id_c496e868_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -29286,7 +29286,7 @@ var com_graphicsvue_type_template_id_0390b048_scoped_true_render = function rend
 };
 var staticRenderFns = [];
 
-// CONCATENATED MODULE: ./packages/components/com-graphics/index.vue?vue&type=template&id=0390b048&scoped=true
+// CONCATENATED MODULE: ./packages/components/com-graphics/index.vue?vue&type=template&id=c496e868&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)); }
@@ -57204,7 +57204,8 @@ function parseData(input) {
           // 默认值
           linewidth: (material === null || material === void 0 ? void 0 : material.linewidth) !== undefined ? material === null || material === void 0 ? void 0 : material.linewidth : 1,
           // 默认值
-          visible: (material === null || material === void 0 ? void 0 : material.visible) === false ? false : true
+          visible: (material === null || material === void 0 ? void 0 : material.visible) === false ? false : true,
+          transparent: material === null || material === void 0 ? void 0 : material.transp
         };
         var identity = new Matrix4().identity();
         geomList.push({
@@ -57285,7 +57286,8 @@ function parseNode(node) {
       }
     });
     if (isRoot) {
-      var processed = processInstance(instance, instance._batchId, instanceMap);
+      // 根节点父ID应为空字符串
+      var processed = processInstance(instance, '', instanceMap);
       rootInstances.push(processed);
     }
   });
@@ -59542,14 +59544,16 @@ function handleInstancedMeshModel(modelGroup, instances, drawObjs, type, scene,
     var targetGroup, instancedMeshIndex, drawObjectName;
     var drawObjInstance = drawObjMapInstance[instances[_i].drawObject];
     if (((_drawObjInstance$MapM = drawObjInstance.MapMesh) === null || _drawObjInstance$MapM === void 0 ? void 0 : _drawObjInstance$MapM.length) > 0) {
+      // 确保始终使用当前实例的 drawObject 设置分组名
+      drawObjectName = instances[_i].drawObject;
       drawObjInstance.MapInstance.forEach(function (instance, index) {
         if (instance.instanceId == instances[_i].instanceId) {
           instancedMeshIndex = index;
-          drawObjectName = instances[_i].drawObject;
         }
       });
+      // 在 modelGroup 中查找，避免因尚未加入 scene 而重复创建
       if (drawObjectName) {
-        targetGroup = scene.getObjectByName(drawObjectName);
+        targetGroup = modelGroup.getObjectByName(drawObjectName);
       }
       if (!targetGroup) {
         var _drawObj$MapMesh;
@@ -59576,42 +59580,44 @@ function handleInstancedMeshModel(modelGroup, instances, drawObjs, type, scene,
             model.userData[_key] = meshNameConfig[_key];
             meshName += ':' + meshNameConfig[_key];
           }
+          // 一次性为该 drawObject 的所有实例设置矩阵与颜色
           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.userData.primId = mesh.prmid;
-              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 Matrix4();
-                var meshMatrix = new Matrix4();
-                var geomMatrix = new Matrix4();
-                // m4.setPosition(new THREE.Vector3(9999999, 9999999, 9999999)); // TODO 临时隐藏方案
-                meshMatrix.elements = item.matrix.val;
-                geomMatrix.elements = mesh.matrix.val;
-
-                // 处理文本居中对齐
-                var points = mesh.points,
-                  alignType = mesh.alignType;
-                if (isTextType(mesh.type)) {
-                  var positionMatrix = new Matrix4();
-                  var alignMatrix = createAlignedText(alignType, model.geometry);
-                  positionMatrix.identity().makeTranslation(points[0], points[1], points[2]);
-                  geomMatrix.multiply(alignMatrix).multiply(positionMatrix);
-                }
-                m4.multiplyMatrices(meshMatrix, geomMatrix);
-                model.setMatrixAt(index, m4);
-                var copyMatrix = new Matrix4().copy(m4);
-                model.userData.copyMatrix = copyMatrix;
+            var _item$matrix;
+            model.userData.instanceIndex = index;
+            model.userData.instanceId = item.instanceId;
+            model.userData.primId = mesh.prmid;
+            model.name = meshName !== '' ? item.instanceId + meshName : item.instanceId;
+            var matrixVal = (_item$matrix = item.matrix) === null || _item$matrix === void 0 ? void 0 : _item$matrix.val;
+            if (matrixVal) {
+              var m4 = new Matrix4();
+              var meshMatrix = new Matrix4();
+              var geomMatrix = new Matrix4();
+              // m4.setPosition(new THREE.Vector3(9999999, 9999999, 9999999)); // TODO 临时隐藏方案
+              meshMatrix.elements = item.matrix.val;
+              geomMatrix.elements = mesh.matrix.val;
+
+              // 处理文本居中对齐
+              var points = mesh.points,
+                alignType = mesh.alignType;
+              if (isTextType(mesh.type)) {
+                var positionMatrix = new Matrix4();
+                var alignMatrix = createAlignedText(alignType, model.geometry);
+                positionMatrix.identity().makeTranslation(points[0], points[1], points[2]);
+                geomMatrix.multiply(alignMatrix).multiply(positionMatrix);
               }
-              // 需要先设置全部实例颜色，否则后续设置颜色无效
-              var color = mesh.prop.color;
-              var meshColor = customColor ? new Color(customColor) : new Color("rgb(".concat(color[0], ", ").concat(color[1], ", ").concat(color[2], ")"));
-              model.setColorAt(index, meshColor);
+              m4.multiplyMatrices(meshMatrix, geomMatrix);
+              model.setMatrixAt(index, m4);
+              var copyMatrix = new Matrix4().copy(m4);
+              model.userData.copyMatrix = copyMatrix;
             }
+            // 需要先设置全部实例颜色，否则后续设置颜色无效
+            var color = mesh.prop.color;
+            var meshColor = customColor ? new Color(customColor) : new Color("rgb(".concat(color[0], ", ").concat(color[1], ", ").concat(color[2], ")"));
+            model.setColorAt(index, meshColor);
           });
+          // 标记实例属性更新
+          if (model.instanceMatrix) model.instanceMatrix.needsUpdate = true;
+          if (model.instanceColor) model.instanceColor.needsUpdate = true;
           // model.instanceColor.needsUpdate = true;
           group.add(model);
         });
@@ -59790,7 +59796,8 @@ function draw3Dmodel(geom, instanceName, instanceCount, nColor, nOpacity) {
     var normal = new Float32Array(normals);
     geometry.setAttribute('normal', new BufferAttribute(normal, 3));
   }
-  var color = prop.color;
+  var color = prop.color,
+    transparent = prop.transparent;
   var material, mesh, colors, opacity;
   if (Array.isArray(color) && color.length) {
     colors = color;
@@ -59803,6 +59810,11 @@ function draw3Dmodel(geom, instanceName, instanceCount, nColor, nOpacity) {
     opacity = 1;
   }
 
+  // 处理transparent透明度
+  if (transparent) {
+    opacity = 1 - transparent;
+  }
+
   // 使用自定义材质或创建标准材质（默认参数配置）
   var materialOptions = {
     userData: {
@@ -59832,34 +59844,15 @@ function draw3Dmodel(geom, instanceName, instanceCount, nColor, nOpacity) {
   geometry.setAttribute('opacity', new InstancedBufferAttribute(opacities, 1));
 
   // 自定义着色器逻辑
-  // if (!customMaterial) {
-  //   material.onBeforeCompile = shader => {
-  //     // 添加顶点着色器输入
-  //     shader.vertexShader = `
-  //         in float opacity; // 实例透明度属性
-  //         out float vAlpha;
-  //         ${shader.vertexShader}
-  //     `.replace(
-  //       '#include <begin_vertex>',
-  //       `
-  //         #include <begin_vertex>
-  //         vAlpha = opacity; // 传递透明度到片段着色器
-  //         `
-  //     );
-
-  //     // 修改片段着色器
-  //     shader.fragmentShader = `
-  //         in float vAlpha;
-  //         ${shader.fragmentShader}
-  //     `.replace(
-  //       '#include <alphatest_fragment>',
-  //       `
-  //         #include <alphatest_fragment>
-  //         diffuseColor.a *= vAlpha; // 应用实例透明度
-  //         `
-  //     );
-  //   };
-  // }
+  if (!customMaterial) {
+    material.onBeforeCompile = function (shader) {
+      // 添加顶点着色器输入
+      shader.vertexShader = "\n          in float opacity; // \u5B9E\u4F8B\u900F\u660E\u5EA6\u5C5E\u6027\n          out float vAlpha;\n          ".concat(shader.vertexShader, "\n      ").replace('#include <begin_vertex>', "\n          #include <begin_vertex>\n          vAlpha = opacity; // \u4F20\u9012\u900F\u660E\u5EA6\u5230\u7247\u6BB5\u7740\u8272\u5668\n          ");
+
+      // 修改片段着色器
+      shader.fragmentShader = "\n          in float vAlpha;\n          ".concat(shader.fragmentShader, "\n      ").replace('#include <alphatest_fragment>', "\n          #include <alphatest_fragment>\n          diffuseColor.a *= vAlpha; // \u5E94\u7528\u5B9E\u4F8B\u900F\u660E\u5EA6\n          ");
+    };
+  }
   mesh = new InstancedMesh(geometry, material, instanceCount);
   var visible = prop.visible;
   mesh.visible = visible;
@@ -61413,6 +61406,7 @@ var guiParams = {
       var _this = this;
       var color = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
       var meshNameConfig = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
       if (Object.keys(data).length === 0) {
         return;
       }
@@ -61462,6 +61456,9 @@ var guiParams = {
         this.$emit('modelLoaded');
         // cameraControls.saveState();
       }
+
+      // 动态设置视角滚轮的距离
+      this.setCameraConfig();
     },
     // 获取mesh的中心点
     getMeshCenterAndVolume: function getMeshCenterAndVolume(mesh) {
@@ -62659,16 +62656,28 @@ var guiParams = {
         right = btn.right;
       left && (cameraControls.mouseButtons.left = ACTION_ENUM[left]);
       right && (cameraControls.mouseButtons.right = ACTION_ENUM[right]);
+    },
+    // 动态设置视角滚轮的距离
+    setCameraConfig: function setCameraConfig() {
+      var box3 = new this.THREE.Box3().setFromObject(com_graphicsvue_type_script_lang_js_scene);
+      var size = new this.THREE.Vector3();
+      box3.getSize(size);
+      var maxBorder = Math.max(size.x, size.y, size.z);
+      cameraControls.camera.far = maxBorder * 50; // 设置相机的远裁剪面
+
+      cameraControls.minDistance = maxBorder * 0.05; // 动态设置视角滚轮的距离
+
+      com_graphicsvue_type_script_lang_js_camera.updateProjectionMatrix();
     }
   }
 });
 // 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=0390b048&prod&lang=scss&scoped=true
-var com_graphicsvue_type_style_index_0_id_0390b048_prod_lang_scss_scoped_true = __webpack_require__("12cc");
+// EXTERNAL MODULE: ./packages/components/com-graphics/index.vue?vue&type=style&index=0&id=c496e868&prod&lang=scss&scoped=true
+var com_graphicsvue_type_style_index_0_id_c496e868_prod_lang_scss_scoped_true = __webpack_require__("f046");
 
-// EXTERNAL MODULE: ./packages/components/com-graphics/index.vue?vue&type=style&index=1&id=0390b048&prod&lang=css
-var com_graphicsvue_type_style_index_1_id_0390b048_prod_lang_css = __webpack_require__("e731");
+// EXTERNAL MODULE: ./packages/components/com-graphics/index.vue?vue&type=style&index=1&id=c496e868&prod&lang=css
+var com_graphicsvue_type_style_index_1_id_c496e868_prod_lang_css = __webpack_require__("596c");
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -62780,17 +62789,17 @@ function normalizeComponent(
 
 var component = normalizeComponent(
   components_com_graphicsvue_type_script_lang_js,
-  com_graphicsvue_type_template_id_0390b048_scoped_true_render,
+  com_graphicsvue_type_template_id_c496e868_scoped_true_render,
   staticRenderFns,
   false,
   null,
-  "0390b048",
+  "c496e868",
   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":"51d96d7c-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=1b43deb6&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7bffa45c-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=1b43deb6&scoped=true
 var com_flcanvasvue_type_template_id_1b43deb6_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -65900,7 +65909,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":"51d96d7c-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":"7bffa45c-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;
@@ -66008,7 +66017,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":"51d96d7c-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":"7bffa45c-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;