fl-web-component 1.3.3 → 1.3.5

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

@@ -614,10 +614,21 @@ var Tween = /*#__PURE__*/function () {
         thisId = this._id,
         attrs = Tween.tweens[nodeId];
       this.pause();
+      if (this.anim) {
+        this.anim.stop();
+      }
       for (var key in attrs) {
         delete Tween.tweens[nodeId][key];
       }
       delete Tween.attrs[nodeId][thisId];
+      if (Tween.tweens[nodeId]) {
+        if (Object.keys(Tween.tweens[nodeId]).length === 0) {
+          delete Tween.tweens[nodeId];
+        }
+        if (Object.keys(Tween.attrs[nodeId]).length === 0) {
+          delete Tween.attrs[nodeId];
+        }
+      }
     }
   }]);
 }();
@@ -1102,7 +1113,7 @@ var Layer = /*#__PURE__*/function (_Container_1$Containe) {
     }
   }, {
     key: "drawScene",
-    value: function drawScene(can, top) {
+    value: function drawScene(can, top, bufferCanvas) {
       var layer = this.getLayer(),
         canvas = can || layer && layer.getCanvas();
       this._fire(BEFORE_DRAW, {
@@ -1111,7 +1122,7 @@ var Layer = /*#__PURE__*/function (_Container_1$Containe) {
       if (this.clearBeforeDraw()) {
         canvas.getContext().clear();
       }
-      Container_1.Container.prototype.drawScene.call(this, canvas, top);
+      Container_1.Container.prototype.drawScene.call(this, canvas, top, bufferCanvas);
       this._fire(DRAW, {
         node: this
       });
@@ -1209,13 +1220,6 @@ Factory_1.Factory.addGetterSetter(Node_1.Node, 'threshold', 0.5, (0, Validators_
 
 /***/ }),
 
-/***/ "12d0":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "1bd8":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -2648,6 +2652,17 @@ Factory_1.Factory.addGetterSetter(TextPath, 'text', EMPTY_STRING);
 Factory_1.Factory.addGetterSetter(TextPath, 'textDecoration', '');
 Factory_1.Factory.addGetterSetter(TextPath, 'kerningFunc', undefined);
 
+/***/ }),
+
+/***/ "2e9d":
+/***/ (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_32dc6e8c_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("459a");
+/* 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_32dc6e8c_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_32dc6e8c_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "2fb2":
@@ -3075,47 +3090,33 @@ var Pixelate = function Pixelate(imageData) {
   var pixelSize = Math.ceil(this.pixelSize()),
     width = imageData.width,
     height = imageData.height,
-    x,
-    y,
-    i,
-    red,
-    green,
-    blue,
-    alpha,
     nBinsX = Math.ceil(width / pixelSize),
     nBinsY = Math.ceil(height / pixelSize),
-    xBinStart,
-    xBinEnd,
-    yBinStart,
-    yBinEnd,
-    xBin,
-    yBin,
-    pixelsInBin,
     data = imageData.data;
   if (pixelSize <= 0) {
     Util_1.Util.error('pixelSize value can not be <= 0');
     return;
   }
-  for (xBin = 0; xBin < nBinsX; xBin += 1) {
-    for (yBin = 0; yBin < nBinsY; yBin += 1) {
-      red = 0;
-      green = 0;
-      blue = 0;
-      alpha = 0;
-      xBinStart = xBin * pixelSize;
-      xBinEnd = xBinStart + pixelSize;
-      yBinStart = yBin * pixelSize;
-      yBinEnd = yBinStart + pixelSize;
-      pixelsInBin = 0;
-      for (x = xBinStart; x < xBinEnd; x += 1) {
+  for (var xBin = 0; xBin < nBinsX; xBin += 1) {
+    for (var yBin = 0; yBin < nBinsY; yBin += 1) {
+      var red = 0;
+      var green = 0;
+      var blue = 0;
+      var alpha = 0;
+      var xBinStart = xBin * pixelSize;
+      var xBinEnd = xBinStart + pixelSize;
+      var yBinStart = yBin * pixelSize;
+      var yBinEnd = yBinStart + pixelSize;
+      var pixelsInBin = 0;
+      for (var x = xBinStart; x < xBinEnd; x += 1) {
         if (x >= width) {
           continue;
         }
-        for (y = yBinStart; y < yBinEnd; y += 1) {
+        for (var y = yBinStart; y < yBinEnd; y += 1) {
           if (y >= height) {
             continue;
           }
-          i = (width * y + x) * 4;
+          var i = (width * y + x) * 4;
           red += data[i + 0];
           green += data[i + 1];
           blue += data[i + 2];
@@ -3127,19 +3128,19 @@ var Pixelate = function Pixelate(imageData) {
       green = green / pixelsInBin;
       blue = blue / pixelsInBin;
       alpha = alpha / pixelsInBin;
-      for (x = xBinStart; x < xBinEnd; x += 1) {
-        if (x >= width) {
+      for (var _x = xBinStart; _x < xBinEnd; _x += 1) {
+        if (_x >= width) {
           continue;
         }
-        for (y = yBinStart; y < yBinEnd; y += 1) {
-          if (y >= height) {
+        for (var _y = yBinStart; _y < yBinEnd; _y += 1) {
+          if (_y >= height) {
             continue;
           }
-          i = (width * y + x) * 4;
-          data[i + 0] = red;
-          data[i + 1] = green;
-          data[i + 2] = blue;
-          data[i + 3] = alpha;
+          var _i = (width * _y + _x) * 4;
+          data[_i + 0] = red;
+          data[_i + 1] = green;
+          data[_i + 2] = blue;
+          data[_i + 3] = alpha;
         }
       }
     }
@@ -3313,6 +3314,13 @@ function getComponentValidator(components) {
 
 /***/ }),
 
+/***/ "459a":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "461e":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -3343,12 +3351,11 @@ var HSV = function HSV(imageData) {
   var br = 0.299 * v - 0.3 * vsu + 1.25 * vsw,
     bg = 0.587 * v - 0.586 * vsu - 1.05 * vsw,
     bb = 0.114 * v + 0.886 * vsu - 0.2 * vsw;
-  var r, g, b, a;
   for (var i = 0; i < nPixels; i += 4) {
-    r = data[i + 0];
-    g = data[i + 1];
-    b = data[i + 2];
-    a = data[i + 3];
+    var r = data[i + 0];
+    var g = data[i + 1];
+    var b = data[i + 2];
+    var a = data[i + 3];
     data[i + 0] = rr * r + rg * g + rb * b;
     data[i + 1] = gr * r + gg * g + gb * b;
     data[i + 2] = br * r + bg * g + bb * b;
@@ -3387,11 +3394,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Node = void 0;
-var Util_1 = __webpack_require__("9cb8");
-var Factory_1 = __webpack_require__("f0b4");
 var Canvas_1 = __webpack_require__("f655");
-var Global_1 = __webpack_require__("d777");
 var DragAndDrop_1 = __webpack_require__("df93");
+var Factory_1 = __webpack_require__("f0b4");
+var Global_1 = __webpack_require__("d777");
+var Util_1 = __webpack_require__("9cb8");
 var Validators_1 = __webpack_require__("4546");
 var ABSOLUTE_OPACITY = 'absoluteOpacity',
   ALL_LISTENERS = 'allEventListeners',
@@ -3404,6 +3411,10 @@ var ABSOLUTE_OPACITY = 'absoluteOpacity',
   LISTENING = 'listening',
   MOUSEENTER = 'mouseenter',
   MOUSELEAVE = 'mouseleave',
+  POINTERENTER = 'pointerenter',
+  POINTERLEAVE = 'pointerleave',
+  TOUCHENTER = 'touchenter',
+  TOUCHLEAVE = 'touchleave',
   NAME = 'name',
   SET = 'set',
   SHAPE = 'Shape',
@@ -3498,8 +3509,9 @@ var Node = /*#__PURE__*/function () {
         var _this$_cache$get = this._cache.get(CANVAS),
           scene = _this$_cache$get.scene,
           filter = _this$_cache$get.filter,
-          hit = _this$_cache$get.hit;
-        Util_1.Util.releaseCanvas(scene, filter, hit);
+          hit = _this$_cache$get.hit,
+          buffer = _this$_cache$get.buffer;
+        Util_1.Util.releaseCanvas(scene, filter, hit, buffer);
         this._cache.delete(CANVAS);
       }
       this._clearSelfAndDescendantCache();
@@ -3553,6 +3565,12 @@ var Node = /*#__PURE__*/function () {
         }),
         sceneContext = cachedSceneCanvas.getContext(),
         hitContext = cachedHitCanvas.getContext();
+      var bufferCanvas = new Canvas_1.SceneCanvas({
+          width: cachedSceneCanvas.width / cachedSceneCanvas.pixelRatio + Math.abs(x),
+          height: cachedSceneCanvas.height / cachedSceneCanvas.pixelRatio + Math.abs(y),
+          pixelRatio: cachedSceneCanvas.pixelRatio
+        }),
+        bufferContext = bufferCanvas.getContext();
       cachedHitCanvas.isCache = true;
       cachedSceneCanvas.isCache = true;
       this._cache.delete(CANVAS);
@@ -3563,12 +3581,16 @@ var Node = /*#__PURE__*/function () {
       }
       sceneContext.save();
       hitContext.save();
+      bufferContext.save();
       sceneContext.translate(-x, -y);
       hitContext.translate(-x, -y);
+      bufferContext.translate(-x, -y);
+      bufferCanvas.x = x;
+      bufferCanvas.y = y;
       this._isUnderCache = true;
       this._clearSelfAndDescendantCache(ABSOLUTE_OPACITY);
       this._clearSelfAndDescendantCache(ABSOLUTE_SCALE);
-      this.drawScene(cachedSceneCanvas, this);
+      this.drawScene(cachedSceneCanvas, this, bufferCanvas);
       this.drawHit(cachedHitCanvas, this);
       this._isUnderCache = false;
       sceneContext.restore();
@@ -3587,6 +3609,7 @@ var Node = /*#__PURE__*/function () {
         scene: cachedSceneCanvas,
         filter: cachedFilterCanvas,
         hit: cachedHitCanvas,
+        buffer: bufferCanvas,
         x: x,
         y: y
       });
@@ -3707,22 +3730,18 @@ var Node = /*#__PURE__*/function () {
   }, {
     key: "on",
     value: function on(evtStr, handler) {
-      this._cache && this._cache.delete(ALL_LISTENERS);
+      if (this._cache) {
+        this._cache.delete(ALL_LISTENERS);
+      }
       if (arguments.length === 3) {
         return this._delegate.apply(this, arguments);
       }
-      var events = evtStr.split(SPACE),
-        len = events.length,
-        n,
-        event,
-        parts,
-        baseEvent,
-        name;
-      for (n = 0; n < len; n++) {
-        event = events[n];
-        parts = event.split('.');
-        baseEvent = parts[0];
-        name = parts[1] || '';
+      var events = evtStr.split(SPACE);
+      for (var n = 0; n < events.length; n++) {
+        var event = events[n];
+        var parts = event.split('.');
+        var baseEvent = parts[0];
+        var name = parts[1] || '';
         if (!this.eventListeners[baseEvent]) {
           this.eventListeners[baseEvent] = [];
         }
@@ -4792,10 +4811,11 @@ var Node = /*#__PURE__*/function () {
       if (evt && this.nodeType === SHAPE) {
         evt.target = this;
       }
-      var shouldStop = (eventType === MOUSEENTER || eventType === MOUSELEAVE) && (compareShape && (this === compareShape || this.isAncestorOf && this.isAncestorOf(compareShape)) || this.nodeType === 'Stage' && !compareShape);
+      var nonBubbling = [MOUSEENTER, MOUSELEAVE, POINTERENTER, POINTERLEAVE, TOUCHENTER, TOUCHLEAVE];
+      var shouldStop = nonBubbling.indexOf(eventType) !== -1 && (compareShape && (this === compareShape || this.isAncestorOf && this.isAncestorOf(compareShape)) || this.nodeType === 'Stage' && !compareShape);
       if (!shouldStop) {
         this._fire(eventType, evt);
-        var stopBubble = (eventType === MOUSEENTER || eventType === MOUSELEAVE) && compareShape && compareShape.isAncestorOf && compareShape.isAncestorOf(this) && !compareShape.isAncestorOf(this.parent);
+        var stopBubble = nonBubbling.indexOf(eventType) !== -1 && compareShape && compareShape.isAncestorOf && compareShape.isAncestorOf(this) && !compareShape.isAncestorOf(this.parent);
         if ((evt && !evt.cancelBubble || !evt) && this.parent && this.parent.isListening() && !stopBubble) {
           if (compareShape && compareShape.parent) {
             this._fireAndBubble.call(this.parent, eventType, evt, compareShape);
@@ -4839,8 +4859,8 @@ var Node = /*#__PURE__*/function () {
       }
       var selfListeners = this.eventListeners[eventType];
       if (selfListeners) {
-        for (var i = 0; i < selfListeners.length; i++) {
-          selfListeners[i].handler.call(this, evt);
+        for (var _i = 0; _i < selfListeners.length; _i++) {
+          selfListeners[_i].handler.call(this, evt);
         }
       }
     }
@@ -5527,8 +5547,6 @@ var Text = /*#__PURE__*/function (_Shape_1$Shape) {
         baseline = 'alphabetic';
         translateY = (metrics.fontBoundingBoxAscent - metrics.fontBoundingBoxDescent) / 2 + lineHeightPx / 2;
       }
-      var lineTranslateX = 0;
-      var lineTranslateY = 0;
       if (direction === RTL) {
         context.setAttr('direction', direction);
       }
@@ -5547,10 +5565,7 @@ var Text = /*#__PURE__*/function (_Shape_1$Shape) {
         var obj = textArr[n],
           text = obj.text,
           width = obj.width,
-          lastLine = obj.lastInParagraph,
-          spacesNumber,
-          oneWord,
-          lineWidth;
+          lastLine = obj.lastInParagraph;
         context.save();
         if (align === RIGHT) {
           lineTranslateX += totalWidth - width - padding * 2;
@@ -5564,9 +5579,7 @@ var Text = /*#__PURE__*/function (_Shape_1$Shape) {
           var x = lineTranslateX;
           var y = translateY + lineTranslateY + yOffset;
           context.moveTo(x, y);
-          spacesNumber = text.split(' ').length - 1;
-          oneWord = spacesNumber === 0;
-          lineWidth = align === JUSTIFY && !lastLine ? totalWidth - padding * 2 : width;
+          var lineWidth = align === JUSTIFY && !lastLine ? totalWidth - padding * 2 : width;
           context.lineTo(x + Math.round(lineWidth), y);
           context.lineWidth = fontSize / 15;
           var gradient = this._getLinearGradient();
@@ -5579,10 +5592,8 @@ var Text = /*#__PURE__*/function (_Shape_1$Shape) {
           context.beginPath();
           var _yOffset = Global_1.Konva._fixTextRendering ? -Math.round(fontSize / 4) : 0;
           context.moveTo(lineTranslateX, translateY + lineTranslateY + _yOffset);
-          spacesNumber = text.split(' ').length - 1;
-          oneWord = spacesNumber === 0;
-          lineWidth = align === JUSTIFY && !lastLine ? totalWidth - padding * 2 : width;
-          context.lineTo(lineTranslateX + Math.round(lineWidth), translateY + lineTranslateY + _yOffset);
+          var _lineWidth = align === JUSTIFY && !lastLine ? totalWidth - padding * 2 : width;
+          context.lineTo(lineTranslateX + Math.round(_lineWidth), translateY + lineTranslateY + _yOffset);
           context.lineWidth = fontSize / 15;
           var _gradient = this._getLinearGradient();
           context.strokeStyle = _gradient || fill;
@@ -5590,7 +5601,7 @@ var Text = /*#__PURE__*/function (_Shape_1$Shape) {
           context.restore();
         }
         if (direction !== RTL && (letterSpacing !== 0 || align === JUSTIFY)) {
-          spacesNumber = text.split(' ').length - 1;
+          var spacesNumber = text.split(' ').length - 1;
           var array = stringToArray(text);
           for (var li = 0; li < array.length; li++) {
             var letter = array[li];
@@ -21562,8 +21573,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Path = void 0;
 var Factory_1 = __webpack_require__("f0b4");
-var Shape_1 = __webpack_require__("fce6");
 var Global_1 = __webpack_require__("d777");
+var Shape_1 = __webpack_require__("fce6");
 var BezierFunctions_1 = __webpack_require__("2905");
 var Path = /*#__PURE__*/function (_Shape_1$Shape) {
   function Path(config) {
@@ -21741,11 +21752,19 @@ var Path = /*#__PURE__*/function (_Shape_1$Shape) {
         };
       }
       if (length < 0.01) {
-        points = dataArray[i].points.slice(0, 2);
-        return {
-          x: points[0],
-          y: points[1]
-        };
+        var cmd = dataArray[i].command;
+        if (cmd === 'M') {
+          points = dataArray[i].points.slice(0, 2);
+          return {
+            x: points[0],
+            y: points[1]
+          };
+        } else {
+          return {
+            x: dataArray[i].start.x,
+            y: dataArray[i].start.y
+          };
+        }
       }
       var cp = dataArray[i];
       var p = cp.points;
@@ -21765,9 +21784,9 @@ var Path = /*#__PURE__*/function (_Shape_1$Shape) {
             cy = p[1],
             rx = p[2],
             ry = p[3],
-            theta = p[4],
             dTheta = p[5],
             psi = p[6];
+          var theta = p[4];
           theta += dTheta * length / cp.pathLength;
           return Path.getPointOnEllipticalArc(cx, cy, rx, ry, theta, psi);
       }
@@ -21886,8 +21905,8 @@ var Path = /*#__PURE__*/function (_Shape_1$Shape) {
       var cpy = 0;
       var re = /([-+]?((\d+\.\d+)|((\d+)|(\.\d+)))(?:e[-+]?\d+)?)/gi;
       var match;
-      for (n = 1; n < arr.length; n++) {
-        var str = arr[n];
+      for (var _n = 1; _n < arr.length; _n++) {
+        var str = arr[_n];
         var c = str.charAt(0);
         str = str.slice(1);
         coords.length = 0;
@@ -21915,8 +21934,16 @@ var Path = /*#__PURE__*/function (_Shape_1$Shape) {
           var points = [];
           var startX = cpx,
             startY = cpy;
-          var prevCmd, ctlPtx, ctlPty;
-          var rx, ry, psi, fa, fs, x1, y1;
+          var prevCmd = void 0,
+            ctlPtx = void 0,
+            ctlPty = void 0;
+          var rx = void 0,
+            ry = void 0,
+            psi = void 0,
+            fa = void 0,
+            fs = void 0,
+            x1 = void 0,
+            y1 = void 0;
           switch (c) {
             case 'l':
               cpx += p.shift();
@@ -22257,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.3\",\"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\",\"registry:npm\":\"npm config set registry https://registry.npmjs.org/\",\"publish:base\":\"npm run build && npm run registry:npm && npm publish\",\"==\":\"=============================================================\",\"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.5\",\"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\",\"registry:npm\":\"npm config set registry https://registry.npmjs.org/\",\"publish:base\":\"npm run build && npm run registry:npm && npm publish\",\"==\":\"=============================================================\",\"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\"]}");
 
 /***/ }),
 
@@ -23865,7 +23892,7 @@ var Enhance = function Enhance(imageData) {
     bMax = 255;
     bMin = 0;
   }
-  var rMid, rGoalMax, rGoalMin, gMid, gGoalMax, gGoalMin, bMid, bGoalMax, bGoalMin;
+  var rGoalMax, rGoalMin, gGoalMax, gGoalMin, bGoalMax, bGoalMin;
   if (enhanceAmount > 0) {
     rGoalMax = rMax + enhanceAmount * (255 - rMax);
     rGoalMin = rMin - enhanceAmount * (rMin - 0);
@@ -23874,13 +23901,13 @@ var Enhance = function Enhance(imageData) {
     bGoalMax = bMax + enhanceAmount * (255 - bMax);
     bGoalMin = bMin - enhanceAmount * (bMin - 0);
   } else {
-    rMid = (rMax + rMin) * 0.5;
+    var rMid = (rMax + rMin) * 0.5;
     rGoalMax = rMax + enhanceAmount * (rMax - rMid);
     rGoalMin = rMin + enhanceAmount * (rMin - rMid);
-    gMid = (gMax + gMin) * 0.5;
+    var gMid = (gMax + gMin) * 0.5;
     gGoalMax = gMax + enhanceAmount * (gMax - gMid);
     gGoalMin = gMin + enhanceAmount * (gMin - gMid);
-    bMid = (bMax + bMin) * 0.5;
+    var bMid = (bMax + bMin) * 0.5;
     bGoalMax = bMax + enhanceAmount * (bMax - bMid);
     bGoalMin = bMin + enhanceAmount * (bMin - bMid);
   }
@@ -23921,7 +23948,7 @@ function filterGaussBlurRGBA(imageData, radius) {
   var pixels = imageData.data,
     width = imageData.width,
     height = imageData.height;
-  var x, y, i, p, yp, yi, yw, r_sum, g_sum, b_sum, a_sum, r_out_sum, g_out_sum, b_out_sum, a_out_sum, r_in_sum, g_in_sum, b_in_sum, a_in_sum, pr, pg, pb, pa, rbs;
+  var p, yi, yw, r_sum, g_sum, b_sum, a_sum, r_out_sum, g_out_sum, b_out_sum, a_out_sum, r_in_sum, g_in_sum, b_in_sum, a_in_sum, pr, pg, pb, pa, rbs;
   var div = radius + radius + 1,
     widthMinus1 = width - 1,
     heightMinus1 = height - 1,
@@ -23934,7 +23961,7 @@ function filterGaussBlurRGBA(imageData, radius) {
     stack = stackStart,
     stackIn = null,
     stackOut = null;
-  for (i = 1; i < div; i++) {
+  for (var i = 1; i < div; i++) {
     stack = stack.next = new BlurStack();
     if (i === radiusPlus1) {
       stackEnd = stack;
@@ -23942,7 +23969,7 @@ function filterGaussBlurRGBA(imageData, radius) {
   }
   stack.next = stackStart;
   yw = yi = 0;
-  for (y = 0; y < height; y++) {
+  for (var y = 0; y < height; y++) {
     r_in_sum = g_in_sum = b_in_sum = a_in_sum = r_sum = g_sum = b_sum = a_sum = 0;
     r_out_sum = radiusPlus1 * (pr = pixels[yi]);
     g_out_sum = radiusPlus1 * (pg = pixels[yi + 1]);
@@ -23953,16 +23980,16 @@ function filterGaussBlurRGBA(imageData, radius) {
     b_sum += sumFactor * pb;
     a_sum += sumFactor * pa;
     stack = stackStart;
-    for (i = 0; i < radiusPlus1; i++) {
+    for (var _i = 0; _i < radiusPlus1; _i++) {
       stack.r = pr;
       stack.g = pg;
       stack.b = pb;
       stack.a = pa;
       stack = stack.next;
     }
-    for (i = 1; i < radiusPlus1; i++) {
-      p = yi + ((widthMinus1 < i ? widthMinus1 : i) << 2);
-      r_sum += (stack.r = pr = pixels[p]) * (rbs = radiusPlus1 - i);
+    for (var _i2 = 1; _i2 < radiusPlus1; _i2++) {
+      p = yi + ((widthMinus1 < _i2 ? widthMinus1 : _i2) << 2);
+      r_sum += (stack.r = pr = pixels[p]) * (rbs = radiusPlus1 - _i2);
       g_sum += (stack.g = pg = pixels[p + 1]) * rbs;
       b_sum += (stack.b = pb = pixels[p + 2]) * rbs;
       a_sum += (stack.a = pa = pixels[p + 3]) * rbs;
@@ -23974,7 +24001,7 @@ function filterGaussBlurRGBA(imageData, radius) {
     }
     stackIn = stackStart;
     stackOut = stackEnd;
-    for (x = 0; x < width; x++) {
+    for (var x = 0; x < width; x++) {
       pixels[yi + 3] = pa = a_sum * mul_sum >> shg_sum;
       if (pa !== 0) {
         pa = 255 / pa;
@@ -24015,9 +24042,9 @@ function filterGaussBlurRGBA(imageData, radius) {
     }
     yw += width;
   }
-  for (x = 0; x < width; x++) {
+  for (var _x = 0; _x < width; _x++) {
     g_in_sum = b_in_sum = a_in_sum = r_in_sum = g_sum = b_sum = a_sum = r_sum = 0;
-    yi = x << 2;
+    yi = _x << 2;
     r_out_sum = radiusPlus1 * (pr = pixels[yi]);
     g_out_sum = radiusPlus1 * (pg = pixels[yi + 1]);
     b_out_sum = radiusPlus1 * (pb = pixels[yi + 2]);
@@ -24027,17 +24054,17 @@ function filterGaussBlurRGBA(imageData, radius) {
     b_sum += sumFactor * pb;
     a_sum += sumFactor * pa;
     stack = stackStart;
-    for (i = 0; i < radiusPlus1; i++) {
+    for (var _i3 = 0; _i3 < radiusPlus1; _i3++) {
       stack.r = pr;
       stack.g = pg;
       stack.b = pb;
       stack.a = pa;
       stack = stack.next;
     }
-    yp = width;
-    for (i = 1; i <= radius; i++) {
-      yi = yp + x << 2;
-      r_sum += (stack.r = pr = pixels[yi]) * (rbs = radiusPlus1 - i);
+    var yp = width;
+    for (var _i4 = 1; _i4 <= radius; _i4++) {
+      yi = yp + _x << 2;
+      r_sum += (stack.r = pr = pixels[yi]) * (rbs = radiusPlus1 - _i4);
       g_sum += (stack.g = pg = pixels[yi + 1]) * rbs;
       b_sum += (stack.b = pb = pixels[yi + 2]) * rbs;
       a_sum += (stack.a = pa = pixels[yi + 3]) * rbs;
@@ -24046,14 +24073,14 @@ function filterGaussBlurRGBA(imageData, radius) {
       b_in_sum += pb;
       a_in_sum += pa;
       stack = stack.next;
-      if (i < heightMinus1) {
+      if (_i4 < heightMinus1) {
         yp += width;
       }
     }
-    yi = x;
+    yi = _x;
     stackIn = stackStart;
     stackOut = stackEnd;
-    for (y = 0; y < height; y++) {
+    for (var _y = 0; _y < height; _y++) {
       p = yi << 2;
       pixels[p + 3] = pa = a_sum * mul_sum >> shg_sum;
       if (pa > 0) {
@@ -24072,7 +24099,7 @@ function filterGaussBlurRGBA(imageData, radius) {
       g_out_sum -= stackIn.g;
       b_out_sum -= stackIn.b;
       a_out_sum -= stackIn.a;
-      p = x + ((p = y + radiusPlus1) < heightMinus1 ? p : heightMinus1) * width << 2;
+      p = _x + ((p = _y + radiusPlus1) < heightMinus1 ? p : heightMinus1) * width << 2;
       r_sum += r_in_sum += stackIn.r = pixels[p];
       g_sum += g_in_sum += stackIn.g = pixels[p + 1];
       b_sum += b_in_sum += stackIn.b = pixels[p + 2];
@@ -25548,20 +25575,20 @@ var Transformer = /*#__PURE__*/function (_Group_1$Group) {
         this.findOne('.top-left').y(anchorNode.y());
       } else if (this._movingAnchorName === 'top-right') {
         if (keepProportion) {
-          var comparePoint = centeredScaling ? {
+          var _comparePoint = centeredScaling ? {
             x: this.width() / 2,
             y: this.height() / 2
           } : {
             x: this.findOne('.bottom-left').x(),
             y: this.findOne('.bottom-left').y()
           };
-          newHypotenuse = Math.sqrt(Math.pow(anchorNode.x() - comparePoint.x, 2) + Math.pow(comparePoint.y - anchorNode.y(), 2));
-          var reverseX = this.findOne('.top-right').x() < comparePoint.x ? -1 : 1;
-          var reverseY = this.findOne('.top-right').y() > comparePoint.y ? -1 : 1;
-          x = newHypotenuse * this.cos * reverseX;
-          y = newHypotenuse * this.sin * reverseY;
-          this.findOne('.top-right').x(comparePoint.x + x);
-          this.findOne('.top-right').y(comparePoint.y - y);
+          newHypotenuse = Math.sqrt(Math.pow(anchorNode.x() - _comparePoint.x, 2) + Math.pow(_comparePoint.y - anchorNode.y(), 2));
+          var _reverseX = this.findOne('.top-right').x() < _comparePoint.x ? -1 : 1;
+          var _reverseY = this.findOne('.top-right').y() > _comparePoint.y ? -1 : 1;
+          x = newHypotenuse * this.cos * _reverseX;
+          y = newHypotenuse * this.sin * _reverseY;
+          this.findOne('.top-right').x(_comparePoint.x + x);
+          this.findOne('.top-right').y(_comparePoint.y - y);
         }
         var pos = anchorNode.position();
         this.findOne('.top-left').y(pos.y);
@@ -25572,20 +25599,20 @@ var Transformer = /*#__PURE__*/function (_Group_1$Group) {
         this.findOne('.bottom-right').x(anchorNode.x());
       } else if (this._movingAnchorName === 'bottom-left') {
         if (keepProportion) {
-          var comparePoint = centeredScaling ? {
+          var _comparePoint2 = centeredScaling ? {
             x: this.width() / 2,
             y: this.height() / 2
           } : {
             x: this.findOne('.top-right').x(),
             y: this.findOne('.top-right').y()
           };
-          newHypotenuse = Math.sqrt(Math.pow(comparePoint.x - anchorNode.x(), 2) + Math.pow(anchorNode.y() - comparePoint.y, 2));
-          var reverseX = comparePoint.x < anchorNode.x() ? -1 : 1;
-          var reverseY = anchorNode.y() < comparePoint.y ? -1 : 1;
-          x = newHypotenuse * this.cos * reverseX;
-          y = newHypotenuse * this.sin * reverseY;
-          anchorNode.x(comparePoint.x - x);
-          anchorNode.y(comparePoint.y + y);
+          newHypotenuse = Math.sqrt(Math.pow(_comparePoint2.x - anchorNode.x(), 2) + Math.pow(anchorNode.y() - _comparePoint2.y, 2));
+          var _reverseX2 = _comparePoint2.x < anchorNode.x() ? -1 : 1;
+          var _reverseY2 = anchorNode.y() < _comparePoint2.y ? -1 : 1;
+          x = newHypotenuse * this.cos * _reverseX2;
+          y = newHypotenuse * this.sin * _reverseY2;
+          anchorNode.x(_comparePoint2.x - x);
+          anchorNode.y(_comparePoint2.y + y);
         }
         pos = anchorNode.position();
         this.findOne('.top-left').x(pos.x);
@@ -25594,25 +25621,25 @@ var Transformer = /*#__PURE__*/function (_Group_1$Group) {
         this.findOne('.bottom-right').y(anchorNode.y());
       } else if (this._movingAnchorName === 'bottom-right') {
         if (keepProportion) {
-          var comparePoint = centeredScaling ? {
+          var _comparePoint3 = centeredScaling ? {
             x: this.width() / 2,
             y: this.height() / 2
           } : {
             x: this.findOne('.top-left').x(),
             y: this.findOne('.top-left').y()
           };
-          newHypotenuse = Math.sqrt(Math.pow(anchorNode.x() - comparePoint.x, 2) + Math.pow(anchorNode.y() - comparePoint.y, 2));
-          var reverseX = this.findOne('.bottom-right').x() < comparePoint.x ? -1 : 1;
-          var reverseY = this.findOne('.bottom-right').y() < comparePoint.y ? -1 : 1;
-          x = newHypotenuse * this.cos * reverseX;
-          y = newHypotenuse * this.sin * reverseY;
-          this.findOne('.bottom-right').x(comparePoint.x + x);
-          this.findOne('.bottom-right').y(comparePoint.y + y);
+          newHypotenuse = Math.sqrt(Math.pow(anchorNode.x() - _comparePoint3.x, 2) + Math.pow(anchorNode.y() - _comparePoint3.y, 2));
+          var _reverseX3 = this.findOne('.bottom-right').x() < _comparePoint3.x ? -1 : 1;
+          var _reverseY3 = this.findOne('.bottom-right').y() < _comparePoint3.y ? -1 : 1;
+          x = newHypotenuse * this.cos * _reverseX3;
+          y = newHypotenuse * this.sin * _reverseY3;
+          this.findOne('.bottom-right').x(_comparePoint3.x + x);
+          this.findOne('.bottom-right').y(_comparePoint3.y + y);
         }
       } else {
         console.error(new Error('Wrong position argument of selection resizer: ' + this._movingAnchorName));
       }
-      var centeredScaling = this.centeredScaling() || e.altKey;
+      centeredScaling = this.centeredScaling() || e.altKey;
       if (centeredScaling) {
         var topLeft = this.findOne('.top-left');
         var bottomRight = this.findOne('.bottom-right');
@@ -26036,7 +26063,7 @@ function detectBrowser() {
 exports.glob = typeof global !== 'undefined' ? global : typeof window !== 'undefined' ? window : typeof WorkerGlobalScope !== 'undefined' ? self : {};
 exports.Konva = {
   _global: exports.glob,
-  version: '9.3.20',
+  version: '9.3.22',
   isBrowser: detectBrowser(),
   isUnminified: /param/.test(function (param) {}.toString()),
   dblClickWindow: 400,
@@ -26844,17 +26871,11 @@ var Container = /*#__PURE__*/function (_Node_1$Node) {
   return _createClass(Container, [{
     key: "getChildren",
     value: function getChildren(filterFunc) {
-      if (!filterFunc) {
-        return this.children || [];
-      }
       var children = this.children || [];
-      var results = [];
-      children.forEach(function (child) {
-        if (filterFunc(child)) {
-          results.push(child);
-        }
-      });
-      return results;
+      if (filterFunc) {
+        return children.filter(filterFunc);
+      }
+      return children;
     }
   }, {
     key: "hasChildren",
@@ -27278,7 +27299,7 @@ var STAGE = 'Stage',
   TOUCHCANCEL = 'touchcancel',
   WHEEL = 'wheel',
   MAX_LAYERS_NUMBER = 5,
-  EVENTS = [[MOUSEENTER, '_pointerenter'], [MOUSEDOWN, '_pointerdown'], [MOUSEMOVE, '_pointermove'], [MOUSEUP, '_pointerup'], [MOUSELEAVE, '_pointerleave'], [TOUCHSTART, '_pointerdown'], [TOUCHMOVE, '_pointermove'], [TOUCHEND, '_pointerup'], [TOUCHCANCEL, '_pointercancel'], [MOUSEOVER, '_pointerover'], [WHEEL, '_wheel'], [CONTEXTMENU, '_contextmenu'], [POINTERDOWN, '_pointerdown'], [POINTERMOVE, '_pointermove'], [POINTERUP, '_pointerup'], [POINTERCANCEL, '_pointercancel'], [LOSTPOINTERCAPTURE, '_lostpointercapture']];
+  EVENTS = [[MOUSEENTER, '_pointerenter'], [MOUSEDOWN, '_pointerdown'], [MOUSEMOVE, '_pointermove'], [MOUSEUP, '_pointerup'], [MOUSELEAVE, '_pointerleave'], [TOUCHSTART, '_pointerdown'], [TOUCHMOVE, '_pointermove'], [TOUCHEND, '_pointerup'], [TOUCHCANCEL, '_pointercancel'], [MOUSEOVER, '_pointerover'], [WHEEL, '_wheel'], [CONTEXTMENU, '_contextmenu'], [POINTERDOWN, '_pointerdown'], [POINTERMOVE, '_pointermove'], [POINTERUP, '_pointerup'], [POINTERCANCEL, '_pointercancel'], [POINTERLEAVE, '_pointerleave'], [LOSTPOINTERCAPTURE, '_lostpointercapture']];
 var EVENTS_MAP = {
   mouse: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, POINTEROUT, MOUSEOUT), POINTERLEAVE, MOUSELEAVE), POINTEROVER, MOUSEOVER), POINTERENTER, MOUSEENTER), POINTERMOVE, MOUSEMOVE), POINTERDOWN, MOUSEDOWN), POINTERUP, MOUSEUP), POINTERCANCEL, 'mousecancel'), "pointerclick", 'click'), "pointerdblclick", 'dblclick'),
   touch: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, POINTEROUT, 'touchout'), POINTERLEAVE, 'touchleave'), POINTEROVER, 'touchover'), POINTERENTER, 'touchenter'), POINTERMOVE, TOUCHMOVE), POINTERDOWN, TOUCHSTART), POINTERUP, TOUCHEND), POINTERCANCEL, TOUCHCANCEL), "pointerclick", 'tap'), "pointerdblclick", 'dbltap'),
@@ -27356,11 +27377,11 @@ var Stage = /*#__PURE__*/function (_Container_1$Containe) {
     key: "setContainer",
     value: function setContainer(container) {
       if (_typeof(container) === STRING) {
+        var id;
         if (container.charAt(0) === '.') {
           var className = container.slice(1);
           container = document.getElementsByClassName(className)[0];
         } else {
-          var id;
           if (container.charAt(0) !== '#') {
             id = container;
           } else {
@@ -28406,17 +28427,6 @@ exports.Group = Group;
 Group.prototype.nodeType = 'Group';
 (0, Global_1._registerNode)(Group);
 
-/***/ }),
-
-/***/ "f481":
-/***/ (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_95b325ba_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("12d0");
-/* 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_95b325ba_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_95b325ba_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "f655":
@@ -28667,18 +28677,16 @@ var Line = /*#__PURE__*/function (_Shape_1$Shape) {
         length = points.length,
         tension = this.tension(),
         closed = this.closed(),
-        bezier = this.bezier(),
-        tp,
-        len,
-        n;
+        bezier = this.bezier();
       if (!length) {
         return;
       }
+      var n = 0;
       context.beginPath();
       context.moveTo(points[0], points[1]);
       if (tension !== 0 && length > 4) {
-        tp = this.getTensionPoints();
-        len = tp.length;
+        var tp = this.getTensionPoints();
+        var len = tp.length;
         n = closed ? 0 : 4;
         if (!closed) {
           context.quadraticCurveTo(tp[0], tp[1], tp[2], tp[3]);
@@ -29248,7 +29256,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":"2435dfe9-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=e9c014d6&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d724051e-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=e9c014d6&scoped=true
 var com_graphicsvue_type_template_id_e9c014d6_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -31866,7 +31874,7 @@ var CameraControls = /*#__PURE__*/function (_EventDispatcher) {
 }(EventDispatcher);
 
 // CONCATENATED MODULE: ./node_modules/three/build/three.core.js
-function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value;}catch(n){return void e(n);}i.done?t(u):Promise.resolve(u).then(r,o);}function _asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise(function(r,o){var a=n.apply(t,e);function _next(n){asyncGeneratorStep(a,r,o,_next,_throw,"next",n);}function _throw(n){asyncGeneratorStep(a,r,o,_next,_throw,"throw",n);}_next(void 0);});};}function _wrapNativeSuper(t){var r="function"==typeof Map?new Map():void 0;return _wrapNativeSuper=function _wrapNativeSuper(t){if(null===t||!_isNativeFunction(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==r){if(r.has(t))return r.get(t);r.set(t,Wrapper);}function Wrapper(){return _construct(t,arguments,three_core_getPrototypeOf(this).constructor);}return Wrapper.prototype=Object.create(t.prototype,{constructor:{value:Wrapper,enumerable:!1,writable:!0,configurable:!0}}),three_core_setPrototypeOf(Wrapper,t);},_wrapNativeSuper(t);}function _construct(t,e,r){if(three_core_isNativeReflectConstruct())return Reflect.construct.apply(null,arguments);var o=[null];o.push.apply(o,e);var p=new(t.bind.apply(t,o))();return r&&three_core_setPrototypeOf(p,r.prototype),p;}function _isNativeFunction(t){try{return-1!==Function.toString.call(t).indexOf("[native code]");}catch(n){return"function"==typeof t;}}function _createForOfIteratorHelper(r,e){var t="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(!t){if(Array.isArray(r)||(t=_unsupportedIterableToArray(r))||e&&r&&"number"==typeof r.length){t&&(r=t);var _n=0,F=function F(){};return{s:F,n:function n(){return _n>=r.length?{done:!0}:{done:!1,value:r[_n++]};},e:function e(r){throw r;},f:F};}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}var o,a=!0,u=!1;return{s:function s(){t=t.call(r);},n:function n(){var r=t.next();return a=r.done,r;},e:function e(r){u=!0,o=r;},f:function f(){try{a||null==t.return||t.return();}finally{if(u)throw o;}}};}function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}function three_core_superPropGet(t,o,e,r){var p=three_core_get(three_core_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function three_core_get(){return three_core_get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=three_core_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},three_core_get.apply(null,arguments);}function three_core_superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=three_core_getPrototypeOf(t)););return t;}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable;})),t.push.apply(t,o);}return t;}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r){_defineProperty(e,r,t[r]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r));});}return e;}function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r);}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r);}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function three_core_callSuper(t,o,e){return o=three_core_getPrototypeOf(o),three_core_possibleConstructorReturn(t,three_core_isNativeReflectConstruct()?Reflect.construct(o,e||[],three_core_getPrototypeOf(t).constructor):o.apply(t,e));}function three_core_possibleConstructorReturn(t,e){if(e&&("object"==three_core_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return three_core_assertThisInitialized(t);}function three_core_assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function three_core_isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(three_core_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function three_core_getPrototypeOf(t){return three_core_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},three_core_getPrototypeOf(t);}function three_core_inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&three_core_setPrototypeOf(t,e);}function three_core_setPrototypeOf(t,e){return three_core_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},three_core_setPrototypeOf(t,e);}function _defineProperty(e,r,t){return(r=three_core_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e;}function _regenerator(){/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */var e,t,r="function"==typeof Symbol?Symbol:{},n=r.iterator||"@@iterator",o=r.toStringTag||"@@toStringTag";function i(r,n,o,i){var c=n&&n.prototype instanceof Generator?n:Generator,u=Object.create(c.prototype);return _regeneratorDefine2(u,"_invoke",function(r,n,o){var i,c,u,f=0,p=o||[],y=!1,G={p:0,n:0,v:e,a:d,f:d.bind(e,4),d:function d(t,r){return i=t,c=0,u=e,G.n=r,a;}};function d(r,n){for(c=r,u=n,t=0;!y&&f&&!o&&t<p.length;t++){var o,i=p[t],d=G.p,l=i[2];r>3?(o=l===n)&&(u=i[(c=i[4])?5:(c=3,3)],i[4]=i[5]=e):i[0]<=d&&((o=r<2&&d<i[1])?(c=0,G.v=n,G.n=i[1]):d<l&&(o=r<3||i[0]>n||n>l)&&(i[4]=r,i[5]=n,G.n=l,c=0));}if(o||r>1)return a;throw y=!0,n;}return function(o,p,l){if(f>1)throw TypeError("Generator is already running");for(y&&1===p&&d(p,l),c=p,u=l;(t=c<2?e:u)||!y;){i||(c?c<3?(c>1&&(G.n=-1),d(c,u)):G.n=u:G.v=u);try{if(f=2,i){if(c||(o="next"),t=i[o]){if(!(t=t.call(i,u)))throw TypeError("iterator result is not an object");if(!t.done)return t;u=t.value,c<2&&(c=0);}else 1===c&&(t=i.return)&&t.call(i),c<2&&(u=TypeError("The iterator does not provide a '"+o+"' method"),c=1);i=e;}else if((t=(y=G.n<0)?u:r.call(n,G))!==a)break;}catch(t){i=e,c=1,u=t;}finally{f=1;}}return{value:t,done:y};};}(r,o,i),!0),u;}var a={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}t=Object.getPrototypeOf;var c=[][n]?t(t([][n]())):(_regeneratorDefine2(t={},n,function(){return this;}),t),u=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(c);function f(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,GeneratorFunctionPrototype):(e.__proto__=GeneratorFunctionPrototype,_regeneratorDefine2(e,o,"GeneratorFunction")),e.prototype=Object.create(u),e;}return GeneratorFunction.prototype=GeneratorFunctionPrototype,_regeneratorDefine2(u,"constructor",GeneratorFunctionPrototype),_regeneratorDefine2(GeneratorFunctionPrototype,"constructor",GeneratorFunction),GeneratorFunction.displayName="GeneratorFunction",_regeneratorDefine2(GeneratorFunctionPrototype,o,"GeneratorFunction"),_regeneratorDefine2(u),_regeneratorDefine2(u,o,"Generator"),_regeneratorDefine2(u,n,function(){return this;}),_regeneratorDefine2(u,"toString",function(){return"[object Generator]";}),(_regenerator=function _regenerator(){return{w:i,m:f};})();}function _regeneratorDefine2(e,r,n,t){var i=Object.defineProperty;try{i({},"",{});}catch(e){i=0;}_regeneratorDefine2=function _regeneratorDefine(e,r,n,t){if(r)i?i(e,r,{value:n,enumerable:!t,configurable:!t,writable:!t}):e[r]=n;else{function o(r,n){_regeneratorDefine2(e,r,function(e){return this._invoke(r,n,e);});}o("next",0),o("throw",1),o("return",2);}},_regeneratorDefine2(e,r,n,t);}function _readOnlyError(r){throw new TypeError('"'+r+'" is read-only');}function three_core_typeof(o){"@babel/helpers - typeof";return three_core_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},three_core_typeof(o);}function three_core_classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function three_core_defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,three_core_toPropertyKey(o.key),o);}}function three_core_createClass(e,r,t){return r&&three_core_defineProperties(e.prototype,r),t&&three_core_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function three_core_toPropertyKey(t){var i=three_core_toPrimitive(t,"string");return"symbol"==three_core_typeof(i)?i:i+"";}function three_core_toPrimitive(t,r){if("object"!=three_core_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=three_core_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}/**
+function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value;}catch(n){return void e(n);}i.done?t(u):Promise.resolve(u).then(r,o);}function _asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise(function(r,o){var a=n.apply(t,e);function _next(n){asyncGeneratorStep(a,r,o,_next,_throw,"next",n);}function _throw(n){asyncGeneratorStep(a,r,o,_next,_throw,"throw",n);}_next(void 0);});};}function _wrapNativeSuper(t){var r="function"==typeof Map?new Map():void 0;return _wrapNativeSuper=function _wrapNativeSuper(t){if(null===t||!_isNativeFunction(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==r){if(r.has(t))return r.get(t);r.set(t,Wrapper);}function Wrapper(){return _construct(t,arguments,three_core_getPrototypeOf(this).constructor);}return Wrapper.prototype=Object.create(t.prototype,{constructor:{value:Wrapper,enumerable:!1,writable:!0,configurable:!0}}),three_core_setPrototypeOf(Wrapper,t);},_wrapNativeSuper(t);}function _construct(t,e,r){if(three_core_isNativeReflectConstruct())return Reflect.construct.apply(null,arguments);var o=[null];o.push.apply(o,e);var p=new(t.bind.apply(t,o))();return r&&three_core_setPrototypeOf(p,r.prototype),p;}function _isNativeFunction(t){try{return-1!==Function.toString.call(t).indexOf("[native code]");}catch(n){return"function"==typeof t;}}function _createForOfIteratorHelper(r,e){var t="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(!t){if(Array.isArray(r)||(t=_unsupportedIterableToArray(r))||e&&r&&"number"==typeof r.length){t&&(r=t);var _n=0,F=function F(){};return{s:F,n:function n(){return _n>=r.length?{done:!0}:{done:!1,value:r[_n++]};},e:function e(r){throw r;},f:F};}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}var o,a=!0,u=!1;return{s:function s(){t=t.call(r);},n:function n(){var r=t.next();return a=r.done,r;},e:function e(r){u=!0,o=r;},f:function f(){try{a||null==t.return||t.return();}finally{if(u)throw o;}}};}function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}function three_core_superPropGet(t,o,e,r){var p=three_core_get(three_core_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function three_core_get(){return three_core_get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=three_core_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},three_core_get.apply(null,arguments);}function three_core_superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=three_core_getPrototypeOf(t)););return t;}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable;})),t.push.apply(t,o);}return t;}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r){_defineProperty(e,r,t[r]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r));});}return e;}function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r);}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r);}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function three_core_callSuper(t,o,e){return o=three_core_getPrototypeOf(o),three_core_possibleConstructorReturn(t,three_core_isNativeReflectConstruct()?Reflect.construct(o,e||[],three_core_getPrototypeOf(t).constructor):o.apply(t,e));}function three_core_possibleConstructorReturn(t,e){if(e&&("object"==three_core_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return three_core_assertThisInitialized(t);}function three_core_assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function three_core_isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(three_core_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function three_core_getPrototypeOf(t){return three_core_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},three_core_getPrototypeOf(t);}function three_core_inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&three_core_setPrototypeOf(t,e);}function three_core_setPrototypeOf(t,e){return three_core_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},three_core_setPrototypeOf(t,e);}function _defineProperty(e,r,t){return(r=three_core_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e;}function _regenerator(){/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */var e,t,r="function"==typeof Symbol?Symbol:{},n=r.iterator||"@@iterator",o=r.toStringTag||"@@toStringTag";function i(r,n,o,i){var c=n&&n.prototype instanceof Generator?n:Generator,u=Object.create(c.prototype);return _regeneratorDefine2(u,"_invoke",function(r,n,o){var i,c,u,f=0,p=o||[],y=!1,G={p:0,n:0,v:e,a:d,f:d.bind(e,4),d:function d(t,r){return i=t,c=0,u=e,G.n=r,a;}};function d(r,n){for(c=r,u=n,t=0;!y&&f&&!o&&t<p.length;t++){var o,i=p[t],d=G.p,l=i[2];r>3?(o=l===n)&&(u=i[(c=i[4])?5:(c=3,3)],i[4]=i[5]=e):i[0]<=d&&((o=r<2&&d<i[1])?(c=0,G.v=n,G.n=i[1]):d<l&&(o=r<3||i[0]>n||n>l)&&(i[4]=r,i[5]=n,G.n=l,c=0));}if(o||r>1)return a;throw y=!0,n;}return function(o,p,l){if(f>1)throw TypeError("Generator is already running");for(y&&1===p&&d(p,l),c=p,u=l;(t=c<2?e:u)||!y;){i||(c?c<3?(c>1&&(G.n=-1),d(c,u)):G.n=u:G.v=u);try{if(f=2,i){if(c||(o="next"),t=i[o]){if(!(t=t.call(i,u)))throw TypeError("iterator result is not an object");if(!t.done)return t;u=t.value,c<2&&(c=0);}else 1===c&&(t=i.return)&&t.call(i),c<2&&(u=TypeError("The iterator does not provide a '"+o+"' method"),c=1);i=e;}else if((t=(y=G.n<0)?u:r.call(n,G))!==a)break;}catch(t){i=e,c=1,u=t;}finally{f=1;}}return{value:t,done:y};};}(r,o,i),!0),u;}var a={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}t=Object.getPrototypeOf;var c=[][n]?t(t([][n]())):(_regeneratorDefine2(t={},n,function(){return this;}),t),u=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(c);function f(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,GeneratorFunctionPrototype):(e.__proto__=GeneratorFunctionPrototype,_regeneratorDefine2(e,o,"GeneratorFunction")),e.prototype=Object.create(u),e;}return GeneratorFunction.prototype=GeneratorFunctionPrototype,_regeneratorDefine2(u,"constructor",GeneratorFunctionPrototype),_regeneratorDefine2(GeneratorFunctionPrototype,"constructor",GeneratorFunction),GeneratorFunction.displayName="GeneratorFunction",_regeneratorDefine2(GeneratorFunctionPrototype,o,"GeneratorFunction"),_regeneratorDefine2(u),_regeneratorDefine2(u,o,"Generator"),_regeneratorDefine2(u,n,function(){return this;}),_regeneratorDefine2(u,"toString",function(){return"[object Generator]";}),(_regenerator=function _regenerator(){return{w:i,m:f};})();}function _regeneratorDefine2(e,r,n,t){var i=Object.defineProperty;try{i({},"",{});}catch(e){i=0;}_regeneratorDefine2=function _regeneratorDefine(e,r,n,t){function o(r,n){_regeneratorDefine2(e,r,function(e){return this._invoke(r,n,e);});}r?i?i(e,r,{value:n,enumerable:!t,configurable:!t,writable:!t}):e[r]=n:(o("next",0),o("throw",1),o("return",2));},_regeneratorDefine2(e,r,n,t);}function _readOnlyError(r){throw new TypeError('"'+r+'" is read-only');}function three_core_typeof(o){"@babel/helpers - typeof";return three_core_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},three_core_typeof(o);}function three_core_classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function three_core_defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,three_core_toPropertyKey(o.key),o);}}function three_core_createClass(e,r,t){return r&&three_core_defineProperties(e.prototype,r),t&&three_core_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function three_core_toPropertyKey(t){var i=three_core_toPrimitive(t,"string");return"symbol"==three_core_typeof(i)?i:i+"";}function three_core_toPrimitive(t,r){if("object"!=three_core_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=three_core_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}/**
  * @license
  * Copyright 2010-2025 Three.js Authors
  * SPDX-License-Identifier: MIT
@@ -57147,7 +57155,9 @@ function parseData(input) {
           italic: material === null || material === void 0 ? void 0 : material.italic,
           linepacing: 1,
           // 默认值
-          linewidth: (material === null || material === void 0 ? void 0 : material.linewidth) !== undefined ? material === null || material === void 0 ? void 0 : material.linewidth : 1 // 默认值
+          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
         };
         var identity = new Matrix4().identity();
         geomList.push({
@@ -57554,7 +57564,7 @@ var TextGeometry = /*#__PURE__*/function (_ExtrudeGeometry) {
 var helvetiker_regular_typeface = __webpack_require__("7e1b");
 
 // CONCATENATED MODULE: ./node_modules/three/build/three.module.js
-function three_module_regenerator(){/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */var e,t,r="function"==typeof Symbol?Symbol:{},n=r.iterator||"@@iterator",o=r.toStringTag||"@@toStringTag";function i(r,n,o,i){var c=n&&n.prototype instanceof Generator?n:Generator,u=Object.create(c.prototype);return three_module_regeneratorDefine2(u,"_invoke",function(r,n,o){var i,c,u,f=0,p=o||[],y=!1,G={p:0,n:0,v:e,a:d,f:d.bind(e,4),d:function d(t,r){return i=t,c=0,u=e,G.n=r,a;}};function d(r,n){for(c=r,u=n,t=0;!y&&f&&!o&&t<p.length;t++){var o,i=p[t],d=G.p,l=i[2];r>3?(o=l===n)&&(u=i[(c=i[4])?5:(c=3,3)],i[4]=i[5]=e):i[0]<=d&&((o=r<2&&d<i[1])?(c=0,G.v=n,G.n=i[1]):d<l&&(o=r<3||i[0]>n||n>l)&&(i[4]=r,i[5]=n,G.n=l,c=0));}if(o||r>1)return a;throw y=!0,n;}return function(o,p,l){if(f>1)throw TypeError("Generator is already running");for(y&&1===p&&d(p,l),c=p,u=l;(t=c<2?e:u)||!y;){i||(c?c<3?(c>1&&(G.n=-1),d(c,u)):G.n=u:G.v=u);try{if(f=2,i){if(c||(o="next"),t=i[o]){if(!(t=t.call(i,u)))throw TypeError("iterator result is not an object");if(!t.done)return t;u=t.value,c<2&&(c=0);}else 1===c&&(t=i.return)&&t.call(i),c<2&&(u=TypeError("The iterator does not provide a '"+o+"' method"),c=1);i=e;}else if((t=(y=G.n<0)?u:r.call(n,G))!==a)break;}catch(t){i=e,c=1,u=t;}finally{f=1;}}return{value:t,done:y};};}(r,o,i),!0),u;}var a={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}t=Object.getPrototypeOf;var c=[][n]?t(t([][n]())):(three_module_regeneratorDefine2(t={},n,function(){return this;}),t),u=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(c);function f(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,GeneratorFunctionPrototype):(e.__proto__=GeneratorFunctionPrototype,three_module_regeneratorDefine2(e,o,"GeneratorFunction")),e.prototype=Object.create(u),e;}return GeneratorFunction.prototype=GeneratorFunctionPrototype,three_module_regeneratorDefine2(u,"constructor",GeneratorFunctionPrototype),three_module_regeneratorDefine2(GeneratorFunctionPrototype,"constructor",GeneratorFunction),GeneratorFunction.displayName="GeneratorFunction",three_module_regeneratorDefine2(GeneratorFunctionPrototype,o,"GeneratorFunction"),three_module_regeneratorDefine2(u),three_module_regeneratorDefine2(u,o,"Generator"),three_module_regeneratorDefine2(u,n,function(){return this;}),three_module_regeneratorDefine2(u,"toString",function(){return"[object Generator]";}),(three_module_regenerator=function _regenerator(){return{w:i,m:f};})();}function three_module_regeneratorDefine2(e,r,n,t){var i=Object.defineProperty;try{i({},"",{});}catch(e){i=0;}three_module_regeneratorDefine2=function _regeneratorDefine(e,r,n,t){if(r)i?i(e,r,{value:n,enumerable:!t,configurable:!t,writable:!t}):e[r]=n;else{function o(r,n){three_module_regeneratorDefine2(e,r,function(e){return this._invoke(r,n,e);});}o("next",0),o("throw",1),o("return",2);}},three_module_regeneratorDefine2(e,r,n,t);}function three_module_asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value;}catch(n){return void e(n);}i.done?t(u):Promise.resolve(u).then(r,o);}function three_module_asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise(function(r,o){var a=n.apply(t,e);function _next(n){three_module_asyncGeneratorStep(a,r,o,_next,_throw,"next",n);}function _throw(n){three_module_asyncGeneratorStep(a,r,o,_next,_throw,"throw",n);}_next(void 0);});};}function three_module_callSuper(t,o,e){return o=three_module_getPrototypeOf(o),three_module_possibleConstructorReturn(t,three_module_isNativeReflectConstruct()?Reflect.construct(o,e||[],three_module_getPrototypeOf(t).constructor):o.apply(t,e));}function three_module_possibleConstructorReturn(t,e){if(e&&("object"==three_module_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return three_module_assertThisInitialized(t);}function three_module_assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function three_module_isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(three_module_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function three_module_getPrototypeOf(t){return three_module_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},three_module_getPrototypeOf(t);}function three_module_inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&three_module_setPrototypeOf(t,e);}function three_module_setPrototypeOf(t,e){return three_module_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},three_module_setPrototypeOf(t,e);}function three_module_defineProperty(e,r,t){return(r=three_module_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e;}function three_module_createForOfIteratorHelper(r,e){var t="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(!t){if(Array.isArray(r)||(t=three_module_unsupportedIterableToArray(r))||e&&r&&"number"==typeof r.length){t&&(r=t);var _n=0,F=function F(){};return{s:F,n:function n(){return _n>=r.length?{done:!0}:{done:!1,value:r[_n++]};},e:function e(r){throw r;},f:F};}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}var o,a=!0,u=!1;return{s:function s(){t=t.call(r);},n:function n(){var r=t.next();return a=r.done,r;},e:function e(r){u=!0,o=r;},f:function f(){try{a||null==t.return||t.return();}finally{if(u)throw o;}}};}function three_module_unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return three_module_arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?three_module_arrayLikeToArray(r,a):void 0;}}function three_module_arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function three_module_typeof(o){"@babel/helpers - typeof";return three_module_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},three_module_typeof(o);}function three_module_classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function three_module_defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,three_module_toPropertyKey(o.key),o);}}function three_module_createClass(e,r,t){return r&&three_module_defineProperties(e.prototype,r),t&&three_module_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function three_module_toPropertyKey(t){var i=three_module_toPrimitive(t,"string");return"symbol"==three_module_typeof(i)?i:i+"";}function three_module_toPrimitive(t,r){if("object"!=three_module_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=three_module_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}/**
+function three_module_regenerator(){/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */var e,t,r="function"==typeof Symbol?Symbol:{},n=r.iterator||"@@iterator",o=r.toStringTag||"@@toStringTag";function i(r,n,o,i){var c=n&&n.prototype instanceof Generator?n:Generator,u=Object.create(c.prototype);return three_module_regeneratorDefine2(u,"_invoke",function(r,n,o){var i,c,u,f=0,p=o||[],y=!1,G={p:0,n:0,v:e,a:d,f:d.bind(e,4),d:function d(t,r){return i=t,c=0,u=e,G.n=r,a;}};function d(r,n){for(c=r,u=n,t=0;!y&&f&&!o&&t<p.length;t++){var o,i=p[t],d=G.p,l=i[2];r>3?(o=l===n)&&(u=i[(c=i[4])?5:(c=3,3)],i[4]=i[5]=e):i[0]<=d&&((o=r<2&&d<i[1])?(c=0,G.v=n,G.n=i[1]):d<l&&(o=r<3||i[0]>n||n>l)&&(i[4]=r,i[5]=n,G.n=l,c=0));}if(o||r>1)return a;throw y=!0,n;}return function(o,p,l){if(f>1)throw TypeError("Generator is already running");for(y&&1===p&&d(p,l),c=p,u=l;(t=c<2?e:u)||!y;){i||(c?c<3?(c>1&&(G.n=-1),d(c,u)):G.n=u:G.v=u);try{if(f=2,i){if(c||(o="next"),t=i[o]){if(!(t=t.call(i,u)))throw TypeError("iterator result is not an object");if(!t.done)return t;u=t.value,c<2&&(c=0);}else 1===c&&(t=i.return)&&t.call(i),c<2&&(u=TypeError("The iterator does not provide a '"+o+"' method"),c=1);i=e;}else if((t=(y=G.n<0)?u:r.call(n,G))!==a)break;}catch(t){i=e,c=1,u=t;}finally{f=1;}}return{value:t,done:y};};}(r,o,i),!0),u;}var a={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}t=Object.getPrototypeOf;var c=[][n]?t(t([][n]())):(three_module_regeneratorDefine2(t={},n,function(){return this;}),t),u=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(c);function f(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,GeneratorFunctionPrototype):(e.__proto__=GeneratorFunctionPrototype,three_module_regeneratorDefine2(e,o,"GeneratorFunction")),e.prototype=Object.create(u),e;}return GeneratorFunction.prototype=GeneratorFunctionPrototype,three_module_regeneratorDefine2(u,"constructor",GeneratorFunctionPrototype),three_module_regeneratorDefine2(GeneratorFunctionPrototype,"constructor",GeneratorFunction),GeneratorFunction.displayName="GeneratorFunction",three_module_regeneratorDefine2(GeneratorFunctionPrototype,o,"GeneratorFunction"),three_module_regeneratorDefine2(u),three_module_regeneratorDefine2(u,o,"Generator"),three_module_regeneratorDefine2(u,n,function(){return this;}),three_module_regeneratorDefine2(u,"toString",function(){return"[object Generator]";}),(three_module_regenerator=function _regenerator(){return{w:i,m:f};})();}function three_module_regeneratorDefine2(e,r,n,t){var i=Object.defineProperty;try{i({},"",{});}catch(e){i=0;}three_module_regeneratorDefine2=function _regeneratorDefine(e,r,n,t){function o(r,n){three_module_regeneratorDefine2(e,r,function(e){return this._invoke(r,n,e);});}r?i?i(e,r,{value:n,enumerable:!t,configurable:!t,writable:!t}):e[r]=n:(o("next",0),o("throw",1),o("return",2));},three_module_regeneratorDefine2(e,r,n,t);}function three_module_asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value;}catch(n){return void e(n);}i.done?t(u):Promise.resolve(u).then(r,o);}function three_module_asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise(function(r,o){var a=n.apply(t,e);function _next(n){three_module_asyncGeneratorStep(a,r,o,_next,_throw,"next",n);}function _throw(n){three_module_asyncGeneratorStep(a,r,o,_next,_throw,"throw",n);}_next(void 0);});};}function three_module_callSuper(t,o,e){return o=three_module_getPrototypeOf(o),three_module_possibleConstructorReturn(t,three_module_isNativeReflectConstruct()?Reflect.construct(o,e||[],three_module_getPrototypeOf(t).constructor):o.apply(t,e));}function three_module_possibleConstructorReturn(t,e){if(e&&("object"==three_module_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return three_module_assertThisInitialized(t);}function three_module_assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function three_module_isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(three_module_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function three_module_getPrototypeOf(t){return three_module_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},three_module_getPrototypeOf(t);}function three_module_inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&three_module_setPrototypeOf(t,e);}function three_module_setPrototypeOf(t,e){return three_module_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},three_module_setPrototypeOf(t,e);}function three_module_defineProperty(e,r,t){return(r=three_module_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e;}function three_module_createForOfIteratorHelper(r,e){var t="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(!t){if(Array.isArray(r)||(t=three_module_unsupportedIterableToArray(r))||e&&r&&"number"==typeof r.length){t&&(r=t);var _n=0,F=function F(){};return{s:F,n:function n(){return _n>=r.length?{done:!0}:{done:!1,value:r[_n++]};},e:function e(r){throw r;},f:F};}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}var o,a=!0,u=!1;return{s:function s(){t=t.call(r);},n:function n(){var r=t.next();return a=r.done,r;},e:function e(r){u=!0,o=r;},f:function f(){try{a||null==t.return||t.return();}finally{if(u)throw o;}}};}function three_module_unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return three_module_arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?three_module_arrayLikeToArray(r,a):void 0;}}function three_module_arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function three_module_typeof(o){"@babel/helpers - typeof";return three_module_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},three_module_typeof(o);}function three_module_classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function three_module_defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,three_module_toPropertyKey(o.key),o);}}function three_module_createClass(e,r,t){return r&&three_module_defineProperties(e.prototype,r),t&&three_module_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function three_module_toPropertyKey(t){var i=three_module_toPrimitive(t,"string");return"symbol"==three_module_typeof(i)?i:i+"";}function three_module_toPrimitive(t,r){if("object"!=three_module_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=three_module_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}/**
  * @license
  * Copyright 2010-2025 Three.js Authors
  * SPDX-License-Identifier: MIT
@@ -59785,6 +59795,8 @@ function draw3Dmodel(geom, instanceName, instanceCount, nColor, nOpacity) {
     };
   }
   mesh = new InstancedMesh(geometry, material, instanceCount);
+  var visible = prop.visible;
+  mesh.visible = visible;
   mesh.userData.drawObjectId = instanceName;
   mesh.userData.is3D = geom.type == GEOM_TYPES.geom_3d || geom.type == GEOM_TYPES.geom_3d_obj;
 
@@ -61057,7 +61069,7 @@ var RenderPass_RenderPass = /*#__PURE__*/function (_Pass) {
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/components/com-graphics/index.vue?vue&type=script&lang=js
 function com_graphicsvue_type_script_lang_js_regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return com_graphicsvue_type_script_lang_js_regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (com_graphicsvue_type_script_lang_js_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, com_graphicsvue_type_script_lang_js_regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, com_graphicsvue_type_script_lang_js_regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), com_graphicsvue_type_script_lang_js_regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", com_graphicsvue_type_script_lang_js_regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), com_graphicsvue_type_script_lang_js_regeneratorDefine2(u), com_graphicsvue_type_script_lang_js_regeneratorDefine2(u, o, "Generator"), com_graphicsvue_type_script_lang_js_regeneratorDefine2(u, n, function () { return this; }), com_graphicsvue_type_script_lang_js_regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (com_graphicsvue_type_script_lang_js_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function com_graphicsvue_type_script_lang_js_regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } com_graphicsvue_type_script_lang_js_regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { function o(r, n) { com_graphicsvue_type_script_lang_js_regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } o("next", 0), o("throw", 1), o("return", 2); } }, com_graphicsvue_type_script_lang_js_regeneratorDefine2(e, r, n, t); }
+function com_graphicsvue_type_script_lang_js_regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } com_graphicsvue_type_script_lang_js_regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { com_graphicsvue_type_script_lang_js_regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, com_graphicsvue_type_script_lang_js_regeneratorDefine2(e, r, n, t); }
 function com_graphicsvue_type_script_lang_js_slicedToArray(r, e) { return com_graphicsvue_type_script_lang_js_arrayWithHoles(r) || com_graphicsvue_type_script_lang_js_iterableToArrayLimit(r, e) || com_graphicsvue_type_script_lang_js_unsupportedIterableToArray(r, e) || com_graphicsvue_type_script_lang_js_nonIterableRest(); }
 function com_graphicsvue_type_script_lang_js_nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function com_graphicsvue_type_script_lang_js_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return com_graphicsvue_type_script_lang_js_arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? com_graphicsvue_type_script_lang_js_arrayLikeToArray(r, a) : void 0; } }
@@ -62684,8 +62696,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":"2435dfe9-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=95b325ba&scoped=true
-var com_flcanvasvue_type_template_id_95b325ba_scoped_true_render = function render() {
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d724051e-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=32dc6e8c&scoped=true
+var com_flcanvasvue_type_template_id_32dc6e8c_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -62698,9 +62710,9 @@ var com_flcanvasvue_type_template_id_95b325ba_scoped_true_render = function rend
     }
   });
 };
-var com_flcanvasvue_type_template_id_95b325ba_scoped_true_staticRenderFns = [];
+var com_flcanvasvue_type_template_id_32dc6e8c_scoped_true_staticRenderFns = [];
 
-// CONCATENATED MODULE: ./packages/components/com-flcanvas/index.vue?vue&type=template&id=95b325ba&scoped=true
+// CONCATENATED MODULE: ./packages/components/com-flcanvas/index.vue?vue&type=template&id=32dc6e8c&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/konva/lib/index.js
 var lib = __webpack_require__("362d");
@@ -65525,6 +65537,14 @@ function downloadPDF(base64, fileName) {
 
 var konvaStage = null,
   konvaLayer = null;
+var activedSvgPan = {
+  x: 0,
+  y: 0,
+  zoom: {
+    x: 1,
+    y: 1
+  }
+};
 /* harmony default export */ var com_flcanvasvue_type_script_lang_js = ({
   name: 'Fl2dcanvas',
   components: {},
@@ -65751,6 +65771,11 @@ var konvaStage = null,
       // });
       konvaStage.setX(x);
       konvaStage.setY(y); // 750
+
+      activedSvgPan.zoom.x = scale;
+      activedSvgPan.zoom.y = scale;
+      activedSvgPan.x = x;
+      activedSvgPan.y = y;
       setTimeout(function () {
         _this2.$emit('loaded');
       }, 100);
@@ -65758,11 +65783,11 @@ var konvaStage = null,
     toPdf: function toPdf(name) {
       // get data URL with default settings
       konvaStage.scale({
-        x: 2,
-        y: 2
+        x: activedSvgPan.zoom.x,
+        y: activedSvgPan.zoom.y
       });
-      konvaStage.setX(0);
-      konvaStage.setY(750);
+      konvaStage.setX(activedSvgPan.x);
+      konvaStage.setY(activedSvgPan.y);
       // open in new window
       konvaLayer.getCanvas().setPixelRatio(1);
       var jpegURL = konvaStage.toDataURL({
@@ -65866,8 +65891,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=95b325ba&prod&lang=scss&scoped=true
-var com_flcanvasvue_type_style_index_0_id_95b325ba_prod_lang_scss_scoped_true = __webpack_require__("f481");
+// EXTERNAL MODULE: ./packages/components/com-flcanvas/index.vue?vue&type=style&index=0&id=32dc6e8c&prod&lang=scss&scoped=true
+var com_flcanvasvue_type_style_index_0_id_32dc6e8c_prod_lang_scss_scoped_true = __webpack_require__("2e9d");
 
 // CONCATENATED MODULE: ./packages/components/com-flcanvas/index.vue
 
@@ -65880,17 +65905,17 @@ var com_flcanvasvue_type_style_index_0_id_95b325ba_prod_lang_scss_scoped_true =
 
 var com_flcanvas_component = normalizeComponent(
   components_com_flcanvasvue_type_script_lang_js,
-  com_flcanvasvue_type_template_id_95b325ba_scoped_true_render,
-  com_flcanvasvue_type_template_id_95b325ba_scoped_true_staticRenderFns,
+  com_flcanvasvue_type_template_id_32dc6e8c_scoped_true_render,
+  com_flcanvasvue_type_template_id_32dc6e8c_scoped_true_staticRenderFns,
   false,
   null,
-  "95b325ba",
+  "32dc6e8c",
   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":"2435dfe9-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":"d724051e-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;
@@ -65998,7 +66023,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":"2435dfe9-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":"d724051e-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;
@@ -66617,10 +66642,9 @@ var Shape = /*#__PURE__*/function (_Node_1$Node) {
         context = canvas.getContext(),
         cachedCanvas = this._getCanvasCache(),
         drawFunc = this.getSceneFunc(),
-        hasShadow = this.hasShadow(),
-        stage,
-        bufferContext;
-      var skipBuffer = canvas.isCache;
+        hasShadow = this.hasShadow();
+      var stage;
+      var skipBuffer = false;
       var cachingSelf = top === this;
       if (!this.isVisible() && !cachingSelf) {
         return this;
@@ -66640,7 +66664,7 @@ var Shape = /*#__PURE__*/function (_Node_1$Node) {
       if (this._useBufferCanvas() && !skipBuffer) {
         stage = this.getStage();
         var bc = bufferCanvas || stage.bufferCanvas;
-        bufferContext = bc.getContext();
+        var bufferContext = bc.getContext();
         bufferContext.clear();
         bufferContext.save();
         bufferContext._applyLineJoin(this);
@@ -66654,12 +66678,12 @@ var Shape = /*#__PURE__*/function (_Node_1$Node) {
         }
         context._applyOpacity(this);
         context._applyGlobalCompositeOperation(this);
-        context.drawImage(bc._canvas, 0, 0, bc.width / ratio, bc.height / ratio);
+        context.drawImage(bc._canvas, bc.x || 0, bc.y || 0, bc.width / ratio, bc.height / ratio);
       } else {
         context._applyLineJoin(this);
         if (!cachingSelf) {
-          var o = this.getAbsoluteTransform(top).getMatrix();
-          context.transform(o[0], o[1], o[2], o[3], o[4], o[5]);
+          var _o = this.getAbsoluteTransform(top).getMatrix();
+          context.transform(_o[0], _o[1], _o[2], _o[3], _o[4], _o[5]);
           context._applyOpacity(this);
           context._applyGlobalCompositeOperation(this);
         }