fl-web-component 1.2.10 → 1.2.12

package/README.md

@@ -46,6 +46,10 @@ Vue.use(FlWebComponent)
 欢迎贡献代码和问题反馈。
 
 ## 更新日志
+- 1.2.12 2025-07-01
+1. 二维clientwidth容错
+- 1.2.11 2025-06-24
+1. 优化文字绘制
 - 1.2.10 2025-06-23
 1. 修改文字渲染逻辑
 - 1.2.9 2025-06-19

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

@@ -6873,7 +6873,7 @@ var call = __webpack_require__("c65b");
 var uncurryThis = __webpack_require__("e330");
 var fixRegExpWellKnownSymbolLogic = __webpack_require__("d784");
 var anObject = __webpack_require__("825a");
-var isObject = __webpack_require__("861d6");
+var isObject = __webpack_require__("861d");
 var requireObjectCoercible = __webpack_require__("1d80");
 var speciesConstructor = __webpack_require__("4840");
 var advanceStringIndex = __webpack_require__("8aa5");
@@ -7194,7 +7194,7 @@ module.exports = typeof documentAll == 'undefined' && documentAll !== undefined
 "use strict";
 
 
-var isObject = __webpack_require__("861d6");
+var isObject = __webpack_require__("861d");
 module.exports = function (argument) {
   return isObject(argument) || argument === null;
 };
@@ -8045,7 +8045,7 @@ module.exports = function (a, b) {
 "use strict";
 
 
-var isObject = __webpack_require__("861d6");
+var isObject = __webpack_require__("861d");
 var classof = __webpack_require__("c6b6");
 var wellKnownSymbol = __webpack_require__("b622");
 var MATCH = wellKnownSymbol('match');
@@ -8086,7 +8086,7 @@ var call = __webpack_require__("c65b");
 var uncurryThis = __webpack_require__("e330");
 var fixRegExpWellKnownSymbolLogic = __webpack_require__("d784");
 var anObject = __webpack_require__("825a");
-var isObject = __webpack_require__("861d6");
+var isObject = __webpack_require__("861d");
 var toLength = __webpack_require__("50c4");
 var toString = __webpack_require__("577e");
 var requireObjectCoercible = __webpack_require__("1d80");
@@ -8234,7 +8234,7 @@ module.exports = function (O, defaultConstructor) {
 
 var call = __webpack_require__("c65b");
 var isCallable = __webpack_require__("1626");
-var isObject = __webpack_require__("861d6");
+var isObject = __webpack_require__("861d");
 var $TypeError = TypeError;
 
 // `OrdinaryToPrimitive` abstract operation
@@ -8377,7 +8377,7 @@ var fixRegExpWellKnownSymbolLogic = __webpack_require__("d784");
 var fails = __webpack_require__("d039");
 var anObject = __webpack_require__("825a");
 var isCallable = __webpack_require__("1626");
-var isObject = __webpack_require__("861d6");
+var isObject = __webpack_require__("861d");
 var toIntegerOrInfinity = __webpack_require__("5926");
 var toLength = __webpack_require__("50c4");
 var toString = __webpack_require__("577e");
@@ -8980,7 +8980,7 @@ var setToStringTag = __webpack_require__("d44e");
 var setSpecies = __webpack_require__("2626");
 var aCallable = __webpack_require__("59ed");
 var isCallable = __webpack_require__("1626");
-var isObject = __webpack_require__("861d6");
+var isObject = __webpack_require__("861d");
 var anInstance = __webpack_require__("19aa");
 var speciesConstructor = __webpack_require__("4840");
 var task = __webpack_require__("2cf4").set;
@@ -9968,7 +9968,7 @@ module.exports = !construct || fails(function () {
 
 var NATIVE_WEAK_MAP = __webpack_require__("cdce");
 var globalThis = __webpack_require__("cfe9");
-var isObject = __webpack_require__("861d6");
+var isObject = __webpack_require__("861d");
 var createNonEnumerableProperty = __webpack_require__("9112");
 var hasOwn = __webpack_require__("1a2d");
 var shared = __webpack_require__("c6cd");
@@ -10279,7 +10279,7 @@ module.exports = Object.create || function create(O, Properties) {
 "use strict";
 
 
-var isObject = __webpack_require__("861d6");
+var isObject = __webpack_require__("861d");
 var $String = String;
 var $TypeError = TypeError;
 
@@ -10339,7 +10339,7 @@ module.exports = function () {
 
 /***/ }),
 
-/***/ "861d6":
+/***/ "861d":
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -10884,7 +10884,7 @@ module.exports = function () {
 
 var fails = __webpack_require__("d039");
 var isCallable = __webpack_require__("1626");
-var isObject = __webpack_require__("861d6");
+var isObject = __webpack_require__("861d");
 var create = __webpack_require__("7c73");
 var getPrototypeOf = __webpack_require__("e163");
 var defineBuiltIn = __webpack_require__("cb2d");
@@ -11096,7 +11096,7 @@ module.exports = function (name) {
 
 
 var call = __webpack_require__("c65b");
-var isObject = __webpack_require__("861d6");
+var isObject = __webpack_require__("861d");
 var isSymbol = __webpack_require__("d9b5");
 var getMethod = __webpack_require__("dc4a");
 var ordinaryToPrimitive = __webpack_require__("485a");
@@ -11506,7 +11506,7 @@ module.exports = function (O, key, value, options) {
 
 
 var globalThis = __webpack_require__("cfe9");
-var isObject = __webpack_require__("861d6");
+var isObject = __webpack_require__("861d");
 var document = globalThis.document;
 // typeof document.createElement is 'object' in old IE
 var EXISTS = isObject(document) && isObject(document.createElement);
@@ -11576,7 +11576,7 @@ module.exports = isCallable(WeakMap) && /native code/.test(String(WeakMap));
 
 
 var anObject = __webpack_require__("825a");
-var isObject = __webpack_require__("861d6");
+var isObject = __webpack_require__("861d");
 var newPromiseCapability = __webpack_require__("f069");
 module.exports = function (C, x) {
   anObject(C);
@@ -12219,7 +12219,7 @@ module.exports = globalThis.Promise;
 
 /* eslint-disable no-proto -- safe */
 var uncurryThisAccessor = __webpack_require__("7282");
-var isObject = __webpack_require__("861d6");
+var isObject = __webpack_require__("861d");
 var requireObjectCoercible = __webpack_require__("1d80");
 var aPossiblePrototype = __webpack_require__("3bbe");
 

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

@@ -3150,6 +3150,13 @@ Factory_1.Factory.addGetterSetter(Node_1.Node, 'pixelSize', 8, (0, Validators_1.
 
 /***/ }),
 
+/***/ "44c2":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "4546":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -10092,17 +10099,6 @@ Factory_1.Factory.addGetterSetter(Arc, 'outerRadius', 0, (0, Validators_1.getNum
 Factory_1.Factory.addGetterSetter(Arc, 'angle', 0, (0, Validators_1.getNumberValidator)());
 Factory_1.Factory.addGetterSetter(Arc, 'clockwise', false, (0, Validators_1.getBooleanValidator)());
 
-/***/ }),
-
-/***/ "861d":
-/***/ (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_1eba8e28_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("bcab");
-/* 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_1eba8e28_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_1eba8e28_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "89c1":
@@ -23375,6 +23371,17 @@ exports.Util = {
   }
 };
 
+/***/ }),
+
+/***/ "a15d":
+/***/ (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_4458f11e_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("44c2");
+/* 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_4458f11e_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_4458f11e_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "a34e":
@@ -23795,13 +23802,6 @@ Factory_1.Factory.addGetterSetter(Node_1.Node, 'noise', 0.2, (0, Validators_1.ge
 
 /***/ }),
 
-/***/ "bcab":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "bcb1":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -29241,7 +29241,7 @@ 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":"44287e30-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=9d23b864&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"72caa81b-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=9d23b864&scoped=true
 var com_graphicsvue_type_template_id_9d23b864_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -57197,6 +57197,7 @@ function parseData(input) {
           type: primitiveData.geomType,
           text: primitiveData.geomText,
           points: primitiveData.position,
+          alignType: primitiveData.alignType,
           normals: primitiveData.normal,
           triangles: primitiveData.indices || [],
           max: primitiveData.max,
@@ -59412,6 +59413,27 @@ var GEOM_TYPES = {
   geom_2d_ellipseArc: 57350,
   geom_2d_others: 57351
 };
+
+// 文本对齐枚举
+var TextAlign = {
+  TextLeftBottom: 0,
+  // 左下角
+  TextLeftMiddle: 1,
+  TextLeftTop: 2,
+  TextCenterBottom: 3,
+  TextCenterMiddle: 4,
+  TextCenterTop: 5,
+  TextRightBottom: 6,
+  TextRightMiddle: 7,
+  TextRightTop: 8,
+  // 右上角
+  TextLeft: 9,
+  TextCenter: 10,
+  TextRight: 11,
+  TextAligned: 12,
+  TextMiddle: 13,
+  TextFit: 14
+};
 var drawObjMapInstance = {};
 /**
  * 处理 InstancedMesh 类型模型的核心方法
@@ -59479,13 +59501,15 @@ function handleInstancedMeshModel(modelGroup, instances, drawObjs, type, scene,
                 // m4.setPosition(new THREE.Vector3(9999999, 9999999, 9999999)); // TODO 临时隐藏方案
                 meshMatrix.elements = item.matrix.val;
                 geomMatrix.elements = mesh.matrix.val;
-                var points = mesh.points;
+
+                // 处理文本居中对齐
+                var points = mesh.points,
+                  alignType = mesh.alignType;
                 if (isTextType(mesh.type)) {
                   var positionMatrix = new Matrix4();
-                  var alignMatrix = new Matrix4();
+                  var alignMatrix = createAlignedText(alignType, model.geometry);
                   positionMatrix.identity().makeTranslation(points[0], points[1], points[2]);
-                  alignMatrix.identity().makeTranslation(-(mesh.prop.fontsize / 2.5), -(mesh.prop.fontsize / 2.5), 0);
-                  geomMatrix.multiply(positionMatrix).multiply(alignMatrix);
+                  geomMatrix.multiply(alignMatrix).multiply(positionMatrix);
                 }
                 m4.multiplyMatrices(meshMatrix, geomMatrix);
                 model.setMatrixAt(index, m4);
@@ -59795,7 +59819,7 @@ function drawText(geom, instanceName, instanceCount) {
   var options = {
     font: font,
     // 字体格式
-    size: fontsize || 20,
+    size: fontsize / 2 || 20,
     // 字体大小 TODO
     height: 1,
     // 字体深度
@@ -59840,6 +59864,83 @@ function drawText(geom, instanceName, instanceCount) {
   return mesh;
 }
 
+/**
+ * 
+ * @param {number} align 对齐方式
+ * @param {object} geometry 几何体
+ * @returns
+ */
+function createAlignedText() {
+  var align = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : TextAlign.TextLeftBottom;
+  var geometry = arguments.length > 1 ? arguments[1] : undefined;
+  // 计算几何体包围盒用于对齐计算
+  geometry.computeBoundingBox();
+  var bbox = geometry.boundingBox;
+
+  // 初始化水平和垂直偏移量
+  var offsetX = 0;
+  var offsetY = 0;
+
+  // 水平对齐处理（X轴方向）
+  switch (align) {
+    // 左对齐系列（文本左边界对齐原点）
+    case TextAlign.TextLeft:
+    case TextAlign.TextLeftBottom:
+    case TextAlign.TextLeftMiddle:
+    case TextAlign.TextLeftTop:
+      offsetX = -bbox.min.x; // 左边界对齐
+      break;
+
+    // 居中对齐系列（文本中心对齐原点）  
+    case TextAlign.TextCenter:
+    case TextAlign.TextCenterBottom:
+    case TextAlign.TextCenterMiddle:
+    case TextAlign.TextCenterTop:
+      offsetX = -(bbox.min.x + bbox.max.x) / 2; // 水平居中
+      break;
+
+    // 右对齐系列（文本右边界对齐原点）
+    case TextAlign.TextRight:
+    case TextAlign.TextRightBottom:
+    case TextAlign.TextRightMiddle:
+    case TextAlign.TextRightTop:
+      offsetX = -bbox.max.x; // 右边界对齐
+      break;
+  }
+
+  // 垂直对齐处理（Y轴方向）
+  switch (align) {
+    // 垂直居中系列
+    case TextAlign.TextMiddle:
+    case TextAlign.TextLeftMiddle:
+    case TextAlign.TextCenterMiddle:
+    case TextAlign.TextRightMiddle:
+      offsetY = -(bbox.min.y + bbox.max.y) / 2; // 垂直居中
+      break;
+
+    // 顶部对齐系列  
+    case TextAlign.TextTop:
+    case TextAlign.TextLeftTop:
+    case TextAlign.TextCenterTop:
+    case TextAlign.TextRightTop:
+      offsetY = -bbox.max.y; // 顶部对齐
+      break;
+
+    // 底部对齐系列
+    case TextAlign.TextBottom:
+    case TextAlign.TextLeftBottom:
+    case TextAlign.TextCenterBottom:
+    case TextAlign.TextRightBottom:
+      offsetY = -bbox.min.y; // 底部对齐
+      break;
+  }
+
+  // 创建对齐变换矩阵
+  var alignMatrix = new Matrix4();
+  alignMatrix.identity().makeTranslation(offsetX, offsetY, 0);
+  return alignMatrix;
+}
+
 // CONCATENATED MODULE: ./src/utils/threejs/rain-shader.js
 
 var RainShader = {
@@ -62500,8 +62601,8 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ var com_graphics = (component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"44287e30-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=1eba8e28&scoped=true
-var com_flcanvasvue_type_template_id_1eba8e28_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"72caa81b-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;
   return _c('div', {
@@ -62514,9 +62615,9 @@ var com_flcanvasvue_type_template_id_1eba8e28_scoped_true_render = function rend
     }
   });
 };
-var com_flcanvasvue_type_template_id_1eba8e28_scoped_true_staticRenderFns = [];
+var com_flcanvasvue_type_template_id_4458f11e_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./packages/components/com-flcanvas/index.vue?vue&type=template&id=1eba8e28&scoped=true
+// CONCATENATED MODULE: ./packages/components/com-flcanvas/index.vue?vue&type=template&id=4458f11e&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/konva/lib/index.js
 var lib = __webpack_require__("362d");
@@ -65435,7 +65536,9 @@ var konvaStage = null,
 
   methods: {
     loadDxf: function loadDxf(data) {
-      var _this2 = this;
+      var _this$$refs$svgDraw,
+        _this$$refs$svgDraw2,
+        _this2 = this;
       var layerConfigs = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       konvaLayer.destroyChildren();
       konvaStage.scale({
@@ -65545,7 +65648,7 @@ var konvaStage = null,
       //缩放视口
       var scale = 1;
       var boundingRect = konvaLayer.getClientRect();
-      var ratio = Number((this.$refs.svgDraw.clientWidth / boundingRect.width).toFixed(1));
+      var ratio = Number((((_this$$refs$svgDraw = this.$refs.svgDraw) === null || _this$$refs$svgDraw === void 0 ? void 0 : _this$$refs$svgDraw.clientWidth) / boundingRect.width).toFixed(1));
       if (ratio > 2) {
         scale = Number((boundingRect.width / boundingRect.height).toFixed(1));
         scale = scale < 2 ? 2 : scale;
@@ -65556,7 +65659,7 @@ var konvaStage = null,
       });
       var boundingScale = konvaLayer.getClientRect();
       //平移视口
-      var x = this.$refs.svgDraw.clientWidth / 2 - (Math.ceil(boundingScale.width) / 2 + boundingScale.x / 2);
+      var x = ((_this$$refs$svgDraw2 = this.$refs.svgDraw) === null || _this$$refs$svgDraw2 === void 0 ? void 0 : _this$$refs$svgDraw2.clientWidth) / 2 - (Math.ceil(boundingScale.width) / 2 + boundingScale.x / 2);
       var y = this.$refs.svgDraw.clientHeight / 2 - (Math.ceil(boundingScale.height) / 2 + boundingScale.y);
 
       // konvaStage.scale({
@@ -65675,8 +65778,8 @@ var konvaStage = null,
 });
 // CONCATENATED MODULE: ./packages/components/com-flcanvas/index.vue?vue&type=script&lang=js
  /* harmony default export */ var components_com_flcanvasvue_type_script_lang_js = (com_flcanvasvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./packages/components/com-flcanvas/index.vue?vue&type=style&index=0&id=1eba8e28&prod&lang=scss&scoped=true
-var com_flcanvasvue_type_style_index_0_id_1eba8e28_prod_lang_scss_scoped_true = __webpack_require__("861d");
+// EXTERNAL MODULE: ./packages/components/com-flcanvas/index.vue?vue&type=style&index=0&id=4458f11e&prod&lang=scss&scoped=true
+var com_flcanvasvue_type_style_index_0_id_4458f11e_prod_lang_scss_scoped_true = __webpack_require__("a15d");
 
 // CONCATENATED MODULE: ./packages/components/com-flcanvas/index.vue
 
@@ -65689,17 +65792,17 @@ var com_flcanvasvue_type_style_index_0_id_1eba8e28_prod_lang_scss_scoped_true =
 
 var com_flcanvas_component = normalizeComponent(
   components_com_flcanvasvue_type_script_lang_js,
-  com_flcanvasvue_type_template_id_1eba8e28_scoped_true_render,
-  com_flcanvasvue_type_template_id_1eba8e28_scoped_true_staticRenderFns,
+  com_flcanvasvue_type_template_id_4458f11e_scoped_true_render,
+  com_flcanvasvue_type_template_id_4458f11e_scoped_true_staticRenderFns,
   false,
   null,
-  "1eba8e28",
+  "4458f11e",
   null
   
 )
 
 /* 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":"44287e30-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":"72caa81b-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;
@@ -65807,7 +65910,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":"44287e30-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":"72caa81b-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;