fl-web-component 1.1.9 → 1.1.11

package/README.md

@@ -46,6 +46,10 @@ Vue.use(FlWebComponent)
 欢迎贡献代码和问题反馈。
 
 ## 更新日志
+- 2025-05-28 1.1.11
+1. 调整视椎体可视范围
+- 2025-05-27 1.1.10
+1. 支持更改模型透明度
 - 2025-05-26 1.1.9
 1. 修复pid组件问题
 2. 修复instance-parser解析问题

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

@@ -1196,17 +1196,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);
 
-/***/ }),
-
-/***/ "1b34":
-/***/ (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_097943ab_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("d2a8");
-/* 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_097943ab_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_097943ab_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "1bd8":
@@ -3132,6 +3121,13 @@ Factory_1.Factory.addGetterSetter(Node_1.Node, 'pixelSize', 8, (0, Validators_1.
 
 /***/ }),
 
+/***/ "40ae":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "4546":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -6257,6 +6253,17 @@ Rect.prototype.className = 'Rect';
 (0, Global_1._registerNode)(Rect);
 Factory_1.Factory.addGetterSetter(Rect, 'cornerRadius', 0, (0, Validators_1.getNumberOrArrayOfNumbersValidator)(4));
 
+/***/ }),
+
+/***/ "6266":
+/***/ (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_090a926a_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("40ae");
+/* 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_090a926a_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_090a926a_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "6b7e":
@@ -24954,13 +24961,6 @@ exports.Grayscale = Grayscale;
 
 /***/ }),
 
-/***/ "d2a8":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "d488":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -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":"e6f19d06-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=097943ab&scoped=true
-var com_graphicsvue_type_template_id_097943ab_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"fd700c82-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=090a926a&scoped=true
+var com_graphicsvue_type_template_id_090a926a_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_097943ab_scoped_true_render = function rend
 };
 var staticRenderFns = [];
 
-// CONCATENATED MODULE: ./packages/components/com-graphics/index.vue?vue&type=template&id=097943ab&scoped=true
+// CONCATENATED MODULE: ./packages/components/com-graphics/index.vue?vue&type=template&id=090a926a&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)); }
@@ -59410,7 +59410,7 @@ var drawObjMapInstance = {};
  * @param {Object} instance - 实例对象，包含绘制对象ID和实例ID等数据
  * @param {Array} drawObjs - 绘制对象数组，包含几何数据
  */
-function handleInstancedMeshModel(instances, drawObjs, type, scene, customColor, meshNameConfig) {
+function handleInstancedMeshModel(instances, drawObjs, type, scene, customColor, meshNameConfig, customOpacity) {
   // 第一阶段：构建实例映射表
   var modelGroup = new Group();
   for (var i = 0; i < instances.length; i++) {
@@ -59446,7 +59446,7 @@ function handleInstancedMeshModel(instances, drawObjs, type, scene, customColor,
         group.userData.instanceId = instances[_i].drawObject;
         var instanceCount = drawObj.MapInstance.length;
         (_drawObj$MapMesh = drawObj.MapMesh) === null || _drawObj$MapMesh === void 0 || _drawObj$MapMesh.forEach(function (mesh) {
-          var model = instance_parser_drawModel(mesh, instances[_i].drawObject, instanceCount, customColor);
+          var model = instance_parser_drawModel(mesh, instances[_i].drawObject, instanceCount, customColor, customOpacity);
           if (!model) {
             return;
           }
@@ -59547,7 +59547,7 @@ function formatDrawObjs(data) {
  * @param {Number} instanceCount - 实例化渲染的数量（用于InstancedMesh）
  * @returns {THREE.Object3D} 返回创建的3D模型对象
  */
-function instance_parser_drawModel(geom, instanceName, instanceCount, nColor) {
+function instance_parser_drawModel(geom, instanceName, instanceCount, nColor, nOpacity) {
   var model;
   // 处理二维几何体（普通2D图形和特殊2D图形）
   if (geom.type == GEOM_TYPES.geom_2d || geom.type == GEOM_TYPES.geom_2d_others) {
@@ -59560,7 +59560,7 @@ function instance_parser_drawModel(geom, instanceName, instanceCount, nColor) {
     model = drawCurves(geom, instanceName, instanceCount); // TODO 该类型调试中
     // 处理三维几何体（普通3D模型和OBJ模型）
   } else if (geom.type == GEOM_TYPES.geom_3d || geom.type == GEOM_TYPES.geom_3d_obj) {
-    model = draw3Dmodel(geom, instanceName, instanceCount, nColor);
+    model = draw3Dmodel(geom, instanceName, instanceCount, nColor, nOpacity);
   }
   return model;
 }
@@ -59618,7 +59618,7 @@ function drawCurves(geom, instanceName, instanceCount) {
  * @param {Number} instanceCount - 需要创建的实例数量
  * @returns {THREE.InstancedMesh} - 返回创建的三维实例化网格对象
  */
-function draw3Dmodel(geom, instanceName, instanceCount, nColor) {
+function draw3Dmodel(geom, instanceName, instanceCount, nColor, nOpacity) {
   // 解构几何数据中的自定义几何体和材质
   var customGeometry = geom.geometry,
     customMaterial = geom.material,
@@ -59645,13 +59645,16 @@ function draw3Dmodel(geom, instanceName, instanceCount, nColor) {
     geometry.setAttribute('normal', new BufferAttribute(normal, 3));
   }
   var color = geom.prop.color;
-  var material, mesh, colors;
+  var material, mesh, colors, opacity;
   if (Array.isArray(color) && color.length) {
     colors = color;
+    opacity = colors[3];
   } else if (color) {
     colors = color.split(',');
+    opacity = colors[3];
   } else {
-    colors = [255, 255, 255, 255];
+    colors = [255, 255, 255];
+    opacity = 1;
   }
 
   // 使用自定义材质或创建标准材质（默认参数配置）
@@ -59661,11 +59664,38 @@ function draw3Dmodel(geom, instanceName, instanceCount, nColor) {
     // 调低环境贴图的强度
     side: DoubleSide,
     userData: {
-      nColor: nColor ? new Color(nColor) : new Color("rgb(".concat(colors[0], ", ").concat(colors[1], ", ").concat(colors[2], ")"))
-    }
+      nColor: nColor ? new Color(nColor) : new Color("rgb(".concat(colors[0], ", ").concat(colors[1], ", ").concat(colors[2], ")")),
+      nOpacity: nOpacity ? nOpacity : opacity
+    },
+    transparent: true // 着色器中需要设置透明度
   });
+
+  // 为每个实例存储透明度（opacity）
+  var opacities = new Float32Array(instanceCount);
+
+  // 填充透明度数据
+  for (var i = 0; i < instanceCount; i++) {
+    opacities[i] = opacity;
+  }
+
+  // 创建实例属性并绑定到 InstancedMesh
+  geometry.setAttribute('opacity', new InstancedBufferAttribute(opacities, 1));
+
+  // 自定义着色器逻辑
+  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);
   mesh.userData.drawObjectId = instanceName;
+
+  // mesh.material = material;
+
   return mesh;
 }
 
@@ -60981,9 +61011,9 @@ var roamConfig = {
   name: ''
 };
 var guiParams = {
-  'x轴': 0,
-  'y轴': 0,
-  'z轴': 0
+  x轴: 0,
+  y轴: 0,
+  z轴: 0
 };
 //  绘制对象映射实例表
 
@@ -61068,7 +61098,7 @@ var guiParams = {
       com_graphicsvue_type_script_lang_js_scene = new this.THREE.Scene();
     },
     initCamera: function initCamera() {
-      com_graphicsvue_type_script_lang_js_camera = new this.THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 10000);
+      com_graphicsvue_type_script_lang_js_camera = new this.THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 100000);
       com_graphicsvue_type_script_lang_js_camera.position.set(0, 100, 150);
     },
     initControl: function initControl() {
@@ -61164,8 +61194,8 @@ var guiParams = {
       geometry.computeBoundingBox();
       var center = geometry.boundingBox.getCenter(new this.THREE.Vector3());
       return {
-        'center': center,
-        'box': volume
+        center: center,
+        box: volume
       };
     },
     compileShader: function compileShader() {
@@ -61319,8 +61349,15 @@ var guiParams = {
               });
               break;
             case 'opacity':
-              obj.material.opacity = ele.attr[key];
-              obj.material.transparent = true;
+              // obj.material.opacity = ele.attr[key];
+              // obj.material.transparent = true;
+              targetObj.forEach(function (children) {
+                if (children.isMesh) {
+                  var opacity = children.geometry.attributes.opacity.array;
+                  opacity[children.userData.instanceIndex] = ele.attr[key];
+                  children.geometry.attributes.opacity.needsUpdate = true;
+                }
+              });
               break;
             case 'position':
               targetObj.forEach(function (children) {
@@ -61380,6 +61417,14 @@ var guiParams = {
                   children.instanceMatrix.needsUpdate = true;
                 });
                 break;
+              case 'opacity':
+                _obj.forEach(function (children) {
+                  if (children.isMesh) {
+                    var opacity = children.geometry.attributes.opacity.array;
+                    opacity[children.userData.instanceIndex] = children.material.userData.nOpacity;
+                    children.geometry.attributes.opacity.needsUpdate = true;
+                  }
+                });
             }
           }
         }
@@ -61615,7 +61660,7 @@ var guiParams = {
         clock = new this.THREE.Clock();
       }
     },
-    // 
+    //
     // 开启漫游
     /*
       参数为Object
@@ -61732,9 +61777,9 @@ var guiParams = {
       com_graphicsvue_type_script_lang_js_renderer.clippingPlanes = clippingPlanes;
       if (flag) {
         guiParams = {
-          'x轴': clippingPlanes[0].constant,
-          'y轴': clippingPlanes[2].constant,
-          'z轴': clippingPlanes[1].constant
+          x轴: clippingPlanes[0].constant,
+          y轴: clippingPlanes[2].constant,
+          z轴: clippingPlanes[1].constant
         };
         this.addClippingGui('全局剖切', {
           x: min.x,
@@ -61766,9 +61811,9 @@ var guiParams = {
     // 取消全局剖切
     cancelGlobalClipping: function cancelGlobalClipping() {
       guiParams = {
-        'x轴': 0,
-        'y轴': 0,
-        'z轴': 0
+        x轴: 0,
+        y轴: 0,
+        z轴: 0
       };
       com_graphicsvue_type_script_lang_js_renderer.clippingPlanes = Object.freeze([]);
       gui && gui.destroy();
@@ -61788,9 +61833,9 @@ var guiParams = {
       // 将局部剖切的对象记录下来
       if (flag) {
         guiParams = {
-          'x轴': clippingPlanes[0].constant,
-          'y轴': clippingPlanes[2].constant,
-          'z轴': clippingPlanes[1].constant
+          x轴: clippingPlanes[0].constant,
+          y轴: clippingPlanes[2].constant,
+          z轴: clippingPlanes[1].constant
         };
         this.addClippingGui('局部剖切', {
           x: Math.floor(boundingBox.min.x),
@@ -61799,7 +61844,6 @@ var guiParams = {
         }, obj.material.clippingPlanes);
         // cube.material.clippingPlanes
       }
-      ;
       return {
         min: boundingBox.min,
         max: boundingBox.max
@@ -61826,9 +61870,9 @@ var guiParams = {
     // 取消局部/单个实体的剖切
     cancelLocalClipping: function cancelLocalClipping() {
       guiParams = {
-        'x轴': 0,
-        'y轴': 0,
-        'z轴': 0
+        x轴: 0,
+        y轴: 0,
+        z轴: 0
       };
       gui && gui.destroy();
       clippingMesh.forEach(function (item) {
@@ -62247,8 +62291,8 @@ var guiParams = {
 });
 // 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=097943ab&prod&lang=scss&scoped=true
-var com_graphicsvue_type_style_index_0_id_097943ab_prod_lang_scss_scoped_true = __webpack_require__("1b34");
+// EXTERNAL MODULE: ./packages/components/com-graphics/index.vue?vue&type=style&index=0&id=090a926a&prod&lang=scss&scoped=true
+var com_graphicsvue_type_style_index_0_id_090a926a_prod_lang_scss_scoped_true = __webpack_require__("6266");
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -62359,17 +62403,17 @@ function normalizeComponent(
 
 var component = normalizeComponent(
   components_com_graphicsvue_type_script_lang_js,
-  com_graphicsvue_type_template_id_097943ab_scoped_true_render,
+  com_graphicsvue_type_template_id_090a926a_scoped_true_render,
   staticRenderFns,
   false,
   null,
-  "097943ab",
+  "090a926a",
   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":"e6f19d06-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=0a4da738&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"fd700c82-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=0a4da738&scoped=true
 var com_flcanvasvue_type_template_id_0a4da738_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -65454,7 +65498,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":"e6f19d06-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":"fd700c82-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;
@@ -65562,7 +65606,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":"e6f19d06-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=09d5c9d8&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"fd700c82-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=09d5c9d8&scoped=true
 var pidvue_type_template_id_09d5c9d8_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;

package/dist/fl-web-component.css

@@ -1 +1 @@
-@charset "UTF-8";#fl-model[data-v-097943ab],#konva-container[data-v-0a4da738]{width:100%;height:100%;cursor:pointer}#konva-container[data-v-0a4da738]{z-index:3;overflow:hidden}span[data-v-f547d5c6]{font-weight:bolder}.text[data-v-f547d5c6]{margin-top:20px}.line[data-v-f547d5c6]{border-bottom:1px solid #dcdfe6;margin:20px 0}.center[data-v-f547d5c6]{display:flex;flex-direction:column;align-items:center}.center .cen span[data-v-f547d5c6],.center .top span[data-v-f547d5c6]{color:"#53a8ff";display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;border:1px solid;padding:5px;margin-bottom:10px;background-color:#e9f3ff}.center .cen span[data-v-f547d5c6]{margin:10px}.button[data-v-f547d5c6]{display:flex;justify-content:end;margin-top:20px}@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_3226805_qqvo3ag3r8.woff2?t=1646635700216) format("woff2"),url(//at.alicdn.com/t/font_3226805_qqvo3ag3r8.woff?t=1646635700216) format("woff"),url(//at.alicdn.com/t/font_3226805_qqvo3ag3r8.ttf?t=1646635700216) format("truetype")}.iconfont[data-v-f547d5c6]{font-family:iconfont!important;font-size:50px;font-style:normal;color:"#53a8ff";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-shubiao[data-v-f547d5c6]:before{content:""}#svg-tigger[data-v-09d5c9d8]{cursor:pointer;height:100%;width:100%}
+@charset "UTF-8";#fl-model[data-v-090a926a],#konva-container[data-v-0a4da738]{width:100%;height:100%;cursor:pointer}#konva-container[data-v-0a4da738]{z-index:3;overflow:hidden}span[data-v-f547d5c6]{font-weight:bolder}.text[data-v-f547d5c6]{margin-top:20px}.line[data-v-f547d5c6]{border-bottom:1px solid #dcdfe6;margin:20px 0}.center[data-v-f547d5c6]{display:flex;flex-direction:column;align-items:center}.center .cen span[data-v-f547d5c6],.center .top span[data-v-f547d5c6]{color:"#53a8ff";display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;border:1px solid;padding:5px;margin-bottom:10px;background-color:#e9f3ff}.center .cen span[data-v-f547d5c6]{margin:10px}.button[data-v-f547d5c6]{display:flex;justify-content:end;margin-top:20px}@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_3226805_qqvo3ag3r8.woff2?t=1646635700216) format("woff2"),url(//at.alicdn.com/t/font_3226805_qqvo3ag3r8.woff?t=1646635700216) format("woff"),url(//at.alicdn.com/t/font_3226805_qqvo3ag3r8.ttf?t=1646635700216) format("truetype")}.iconfont[data-v-f547d5c6]{font-family:iconfont!important;font-size:50px;font-style:normal;color:"#53a8ff";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-shubiao[data-v-f547d5c6]:before{content:""}#svg-tigger[data-v-09d5c9d8]{cursor:pointer;height:100%;width:100%}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fl-web-component",
-  "version": "1.1.9",
+  "version": "1.1.11",
   "scripts": {
     "tip1": "仅调试本组件不涉及业务组件,请执行dev",
     "dev": "vue-cli-service serve",