cnhis-design-vue 2.1.141 → 2.1.144

package/es/fabric-chart/index.js

@@ -295,7 +295,7 @@ var es_promise_finally = __webpack_require__("a79d");
 // EXTERNAL MODULE: external "core-js/modules/es.function.name.js"
 var es_function_name_js_ = __webpack_require__("db0a");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"04cd3723-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/FabricChart.vue?vue&type=template&id=76395f46&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"70f3d6c1-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/FabricChart.vue?vue&type=template&id=76395f46&scoped=true&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"c-fabric-chart",style:({ width: _vm.canvasWidth })},[(_vm.rendercanvas)?_c('fabric-canvas',_vm._b({ref:"canvasEle",attrs:{"templateData":_vm.templateData}},'fabric-canvas',_vm.$attrs,false),[_c('fabric-grid'),(_vm.hasXScalevalue)?_c('fabric-text-group',_vm._g({ref:"otherGroups",attrs:{"templateData":_vm.templateData}},_vm.$listeners)):_vm._e(),(_vm.hasTable)?_c('fabric-scale-value',{attrs:{"templateData":_vm.templateData}}):_vm._e(),(_vm.hasTopTable)?_c('fabric-lines',_vm._g({ref:"lines",attrs:{"linesObj":_vm.templateData.top}},_vm.$listeners)):_vm._e(),(_vm.hasTable)?_c('fabric-polylines',_vm._g({ref:"polylines",attrs:{"polyline":_vm.polylines,"other":_vm.templateData.left.other || {},"timeRangeStyle":_vm.templateData.timeRangeStyle || {}},on:{"pointOperation":_vm.pointOperation}},_vm.$listeners)):_vm._e()],1):_vm._e()],1)}
 var staticRenderFns = []
 
@@ -308,7 +308,7 @@ var objectSpread2 = __webpack_require__("5530");
 // EXTERNAL MODULE: ./src/core/create.js
 var create = __webpack_require__("8aef");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"04cd3723-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricCanvas.vue?vue&type=template&id=10e4f5d6&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"70f3d6c1-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricCanvas.vue?vue&type=template&id=10e4f5d6&
 var FabricCanvasvue_type_template_id_10e4f5d6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('canvas',{attrs:{"id":_vm.id}}),_vm._t("default")],2)}
 var FabricCanvasvue_type_template_id_10e4f5d6_staticRenderFns = []
 
@@ -972,12 +972,12 @@ var component = Object(componentNormalizer["a" /* default */])(
 )
 
 /* harmony default export */ var FabricCanvas = (component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"04cd3723-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricPolylines.vue?vue&type=template&id=6769ab15&
-var FabricPolylinesvue_type_template_id_6769ab15_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"poly-line"},[_c('MouseRightClick',{directives:[{name:"show",rawName:"v-show",value:(_vm.isRightVisible),expression:"isRightVisible"}],attrs:{"getContainer":_vm.getContainer,"nodeList":_vm.rightClickNode,"rightPos":_vm.rightPos},on:{"nodeClick":_vm.handleRightClick,"closeRight":function($event){_vm.isRightVisible = false}}}),_c('DropPopup',{directives:[{name:"show",rawName:"v-show",value:(_vm.isDropVisible),expression:"isDropVisible"}],attrs:{"val":_vm.dropVal,"dropPos":_vm.dropPos}})],1)}
-var FabricPolylinesvue_type_template_id_6769ab15_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"70f3d6c1-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricPolylines.vue?vue&type=template&id=56585a2b&
+var FabricPolylinesvue_type_template_id_56585a2b_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"poly-line"},[_c('MouseRightClick',{directives:[{name:"show",rawName:"v-show",value:(_vm.isRightVisible),expression:"isRightVisible"}],attrs:{"getContainer":_vm.getContainer,"nodeList":_vm.rightClickNode,"rightPos":_vm.rightPos},on:{"nodeClick":_vm.handleRightClick,"closeRight":function($event){_vm.isRightVisible = false}}}),_c('DropPopup',{directives:[{name:"show",rawName:"v-show",value:(_vm.isDropVisible),expression:"isDropVisible"}],attrs:{"val":_vm.dropVal,"dropPos":_vm.dropPos}})],1)}
+var FabricPolylinesvue_type_template_id_56585a2b_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricPolylines.vue?vue&type=template&id=6769ab15&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricPolylines.vue?vue&type=template&id=56585a2b&
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
 var asyncToGenerator = __webpack_require__("1da1");
@@ -1801,7 +1801,7 @@ function sortByTime() {
           endX = _this$propItems.endX,
           originY = _this$propItems.originY,
           endY = _this$propItems.endY;
-      var leftLimit = ((_point$prevPoint = point.prevPoint) === null || _point$prevPoint === void 0 ? void 0 : _point$prevPoint.get('left')) || originX;
+      var leftLimit = isLimit && ((_point$prevPoint = point.prevPoint) === null || _point$prevPoint === void 0 ? void 0 : _point$prevPoint.get('left')) || originX;
       var rightLimit = isLimit && ((_point$nextPoint = point.nextPoint) === null || _point$nextPoint === void 0 ? void 0 : _point$nextPoint.get('left')) || endX;
 
       if (point.top < originY) {
@@ -1855,7 +1855,7 @@ function sortByTime() {
     }
   }
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"04cd3723-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/components/MouseRightClick.vue?vue&type=template&id=25d4407a&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"70f3d6c1-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/components/MouseRightClick.vue?vue&type=template&id=25d4407a&scoped=true&
 var MouseRightClickvue_type_template_id_25d4407a_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"c-mouse-right-menu-popup c-animation-in",style:(_vm.dialogStyle)},[_c('div',{staticClass:"c-mouse-right-menu"},_vm._l((_vm.nodeList),function(item,index){return _c('div',{key:index,staticClass:"c-mouse-menu-item",on:{"click":function($event){return _vm.handleNodeClick(item)}}},[_c('span',[_vm._v(_vm._s(item.name))])])}),0)])}
 var MouseRightClickvue_type_template_id_25d4407a_scoped_true_staticRenderFns = []
 
@@ -1963,7 +1963,7 @@ var MouseRightClick_component = Object(componentNormalizer["a" /* default */])(
 )
 
 /* harmony default export */ var MouseRightClick = (MouseRightClick_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"04cd3723-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/components/DropPopup.vue?vue&type=template&id=c4db0ace&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"70f3d6c1-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/components/DropPopup.vue?vue&type=template&id=c4db0ace&scoped=true&
 var DropPopupvue_type_template_id_c4db0ace_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"c-drop-popup",style:(_vm.dialogStyle)},[_c('div',{staticClass:"c-drop-popup-list"},[_c('span',[_vm._v(_vm._s(_vm.val.title))]),_vm._l((_vm.val.list),function(item){return _c('span',{key:item.id},[_vm._v(" "+_vm._s(((item.name) + ": " + (item.value)))+" ")])})],2)])}
 var DropPopupvue_type_template_id_c4db0ace_scoped_true_staticRenderFns = []
 
@@ -2147,16 +2147,32 @@ function resetPointColor(pointArr, color) {
   });
 }
 
-var setPointLineColor = function setPointLineColor(point, color, conditionHasLine2) {
-  var _point$prevPoint, _point$prevPoint$__at, _point$prevPoint$__at2, _point$line, _point$line2;
+var setPointLineColor = function setPointLineColor(point, color, isRight) {
+  var _point$prevPoint, _point$prevPoint$__at, _point$prevPoint$__at2;
+
+  var lineColor = color === 'transparent' ? color : isRight ? ((_point$prevPoint = point.prevPoint) === null || _point$prevPoint === void 0 ? void 0 : (_point$prevPoint$__at = _point$prevPoint.__attrs) === null || _point$prevPoint$__at === void 0 ? void 0 : (_point$prevPoint$__at2 = _point$prevPoint$__at.lineAttr) === null || _point$prevPoint$__at2 === void 0 ? void 0 : _point$prevPoint$__at2.stroke) || color : color;
+
+  if (isRight) {
+    var _point$line, _point$line2;
+
+    (_point$line = point.line1) === null || _point$line === void 0 ? void 0 : _point$line.set({
+      stroke: lineColor
+    });
+    (_point$line2 = point.line2) === null || _point$line2 === void 0 ? void 0 : _point$line2.set({
+      stroke: color
+    });
+  } else {
+    var _point$line3, _point$line4;
+
+    (_point$line3 = point.line2) === null || _point$line3 === void 0 ? void 0 : _point$line3.set({
+      stroke: lineColor
+    });
+    (_point$line4 = point.line1) === null || _point$line4 === void 0 ? void 0 : _point$line4.set({
+      stroke: color
+    });
+  } // point.line2?.set({ stroke: color });
+  // conditionHasLine && point.line2?.set({ stroke: color });
 
-  var line1Color = color === 'transparent' ? color : ((_point$prevPoint = point.prevPoint) === null || _point$prevPoint === void 0 ? void 0 : (_point$prevPoint$__at = _point$prevPoint.__attrs) === null || _point$prevPoint$__at === void 0 ? void 0 : (_point$prevPoint$__at2 = _point$prevPoint$__at.lineAttr) === null || _point$prevPoint$__at2 === void 0 ? void 0 : _point$prevPoint$__at2.stroke) || color;
-  (_point$line = point.line1) === null || _point$line === void 0 ? void 0 : _point$line.set({
-    stroke: line1Color
-  });
-  conditionHasLine2 && ((_point$line2 = point.line2) === null || _point$line2 === void 0 ? void 0 : _point$line2.set({
-    stroke: color
-  }));
 };
 
 var isEffectiveNode = function isEffectiveNode(node) {
@@ -3339,8 +3355,9 @@ var rightClickNodeConnect = [{
         var position = this.polyline[point.polylineTypeId].position;
 
         var _this$addPointList = Object(slicedToArray["a" /* default */])(this.addPointList, 1),
-            firstPoint = _this$addPointList[0]; // 如果是重合/连线节点
+            firstPoint = _this$addPointList[0];
 
+        var isRight = lastPoint.left > point.originLeft; // 如果是重合/连线节点
 
         if (point.get('scaleX') !== point.scale) {
           var _this$_concatPoint, _this$_concatPoint2, _point$__attrs2;
@@ -3360,24 +3377,45 @@ var rightClickNodeConnect = [{
             this.addPointList.push(addOjb);
           }
 
+          if (!isRight) {
+            var _point$__attrs3;
+
+            this.addPointList.unshift(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, firstPoint), {}, {
+              value: Object(objectSpread2["a" /* default */])({
+                time: this.getXValue(point.originLeft),
+                value: this.getYValue(position, point.originTop)
+              }, (_point$__attrs3 = point.__attrs) !== null && _point$__attrs3 !== void 0 && _point$__attrs3.key ? {
+                key: point.__attrs.key
+              } : {})
+            }));
+          }
+
           this.addPointList.forEach(function (v) {
             return Object.assign(v, {
               isConcat: true,
-              concatIndex: _this14._concatIndex
+              concatIndex: isRight ? _this14._concatIndex : point.pointIndex,
+              pointIndex: isRight ? point.pointIndex : _this14._concatPoint.pointIndex
             });
           });
-        } else if (point.line2 || point.nextPoint && lastPoint.left >= point.nextPoint.left) {
+        } else if (!isRight || isRight && (point.line2 || point.nextPoint && lastPoint.left >= point.nextPoint.left)) {
           // 1、存在右连线 2、无右侧连线，并且存在下一个节点的情况
           this.addPointList = [];
           this.repaintPolyline(position, point.polylineIndex);
           return;
         }
 
-        !point.line2 && firstPoint.left <= point.originLeft && this.addPointList.splice(0, 1);
         !point.id.includes('isTitle') && this.removePolyline(point.id);
 
+        if (isRight && !point.line2 && firstPoint.left <= point.originLeft) {
+          this.addPointList.splice(0, 1);
+        }
+
+        if (!isRight) {
+          this.addPointList.splice(-1, 1);
+        }
+
         if (this.addPointList.length > 0) {
-          this.$emit('pointOperation', 'increasePointBatch', this.addPointList);
+          this.$emit('pointOperation', 'increasePointBatch', isRight ? this.addPointList : this.addPointList.reverse());
           this.addPointList = [];
         } else {
           this.repaintPolyline(position, point.polylineIndex);
@@ -3403,14 +3441,14 @@ var rightClickNodeConnect = [{
       this.addPointList.push(data);
     },
     // 纠正线段坐标
-    setLinePatch: function setLinePatch(point) {
+    setLinePatch: function setLinePatch(point, isRight) {
       var _this15 = this;
 
       var originLeft = point.originLeft,
           originTop = point.originTop;
 
       var _loop = function _loop(i, len) {
-        var _point$prePoint$left, _point$prePoint, _point$prePoint$top, _point$prePoint2, _currentPointObj$line;
+        var _point$prePoint$left, _point$prePoint, _point$prePoint$top, _point$prePoint2;
 
         var currentPoint = _this15.addPointList[i];
         var prevPoint = _this15.addPointList[i - 1] || {
@@ -3422,15 +3460,32 @@ var rightClickNodeConnect = [{
           return nearlyEqual(obj.left, currentPoint.left);
         });
 
-        if (!nearlyEqual(currentPointObj === null || currentPointObj === void 0 ? void 0 : (_currentPointObj$line = currentPointObj.line1) === null || _currentPointObj$line === void 0 ? void 0 : _currentPointObj$line.x1, prevPoint.left)) {
-          var _currentPointObj$line2;
+        if (isRight) {
+          var _currentPointObj$line;
 
-          currentPointObj === null || currentPointObj === void 0 ? void 0 : (_currentPointObj$line2 = currentPointObj.line1) === null || _currentPointObj$line2 === void 0 ? void 0 : _currentPointObj$line2.set({
-            x1: prevPoint.left,
-            y1: prevPoint.top,
-            x2: currentPoint.left,
-            y2: currentPoint.top
-          });
+          if (!nearlyEqual(currentPointObj === null || currentPointObj === void 0 ? void 0 : (_currentPointObj$line = currentPointObj.line1) === null || _currentPointObj$line === void 0 ? void 0 : _currentPointObj$line.x1, prevPoint.left)) {
+            var _currentPointObj$line2;
+
+            currentPointObj === null || currentPointObj === void 0 ? void 0 : (_currentPointObj$line2 = currentPointObj.line1) === null || _currentPointObj$line2 === void 0 ? void 0 : _currentPointObj$line2.set({
+              x1: prevPoint.left,
+              y1: prevPoint.top,
+              x2: currentPoint.left,
+              y2: currentPoint.top
+            });
+          }
+        } else {
+          var _currentPointObj$line3;
+
+          if (!nearlyEqual(currentPointObj === null || currentPointObj === void 0 ? void 0 : (_currentPointObj$line3 = currentPointObj.line2) === null || _currentPointObj$line3 === void 0 ? void 0 : _currentPointObj$line3.x2, prevPoint.left)) {
+            var _currentPointObj$line4;
+
+            currentPointObj === null || currentPointObj === void 0 ? void 0 : (_currentPointObj$line4 = currentPointObj.line1) === null || _currentPointObj$line4 === void 0 ? void 0 : _currentPointObj$line4.set({
+              x1: currentPoint.left,
+              y1: currentPoint.top,
+              x2: prevPoint.left,
+              y2: prevPoint.top
+            });
+          }
         }
       };
 
@@ -3439,7 +3494,7 @@ var rightClickNodeConnect = [{
       }
     },
     // 检查批量新增拖动过程中是否存在漏点的情况
-    checkPoints: function checkPoints(point) {
+    checkPoints: function checkPoints(point, isRight) {
       var _this$addPointList2,
           _this16 = this;
 
@@ -3447,7 +3502,7 @@ var rightClickNodeConnect = [{
           originTop = point.originTop,
           left = point.left,
           polylineTypeId = point.polylineTypeId;
-      var PointLens = Math.floor((left - originLeft) / this.spaceWidth);
+      var PointLens = Math.floor(Math.abs(left - originLeft) / this.spaceWidth);
 
       if (PointLens > 1 && ((_this$addPointList2 = this.addPointList) === null || _this$addPointList2 === void 0 ? void 0 : _this$addPointList2.length) <= PointLens) {
         var position = this.polyline[polylineTypeId].position;
@@ -3455,22 +3510,30 @@ var rightClickNodeConnect = [{
         for (var k = 0; k <= PointLens; k++) {
           if (k > 0) {
             (function () {
-              var curLeft = originLeft + _this16.spaceWidth * k; // 判断this.addPointList中的left是否包含curLeft，不包含就说明是漏了
+              var spaceWidth = _this16.spaceWidth * k;
+              var curLeft = isRight ? originLeft + spaceWidth : originLeft - spaceWidth; // 判断this.addPointList中的left是否包含curLeft，不包含就说明是漏了
 
               var hasPoint = _this16.addPointList.some(function (p) {
                 return nearlyEqual(p.left, curLeft);
-              }); // const hasPoint = this.addPointList.some(v => v.left == curLeft);
-
+              });
 
               if (!hasPoint) {
                 var index;
 
                 var pointObj = _this16.addPointList.find(function (v, i) {
-                  if (v.left > curLeft) {
-                    index = i;
-                  }
+                  if (isRight) {
+                    if (v.left > curLeft) {
+                      index = i;
+                    }
 
-                  return v.left > curLeft;
+                    return v.left > curLeft;
+                  } else {
+                    if (v.left < curLeft) {
+                      index = i;
+                    }
+
+                    return v.left < curLeft;
+                  }
                 });
 
                 if (pointObj) {
@@ -3479,7 +3542,7 @@ var rightClickNodeConnect = [{
                     left: originLeft,
                     top: originTop
                   };
-                  var len = ~~((pointObj.left - (curLeft - _this16.spaceWidth)) / _this16.spaceWidth);
+                  var len = ~~(Math.abs(pointObj.left - curLeft) / _this16.spaceWidth) + 1;
                   var spaceHeight = (pointObj.top - prePoint.top) / len;
                   cloneObj.top = prePoint.top + spaceHeight;
                   cloneObj.value.time = _this16.getXValue(curLeft);
@@ -3489,7 +3552,7 @@ var rightClickNodeConnect = [{
 
                   _this16.addPointList.splice(index, 0, cloneObj);
 
-                  _this16.clonePoint(point, [prePoint.left, prePoint.top, cloneObj.left, cloneObj.top]);
+                  _this16.clonePoint(point, [prePoint.left, prePoint.top, cloneObj.left, cloneObj.top], isRight);
                 }
               }
             })();
@@ -3498,7 +3561,27 @@ var rightClickNodeConnect = [{
       } // 纠正节点上的line1的坐标
 
 
-      this.setLinePatch(point);
+      this.setLinePatch(point, isRight);
+    },
+    // 断点相连
+    concatPoint: function concatPoint(point, target, left, top, n) {
+      var targetLeft = target.left,
+          targetTop = target.top;
+      point.setCoords();
+
+      if (Math.abs(left - targetLeft) <= n && Math.abs(top - targetTop) <= n) {
+        point.set({
+          left: targetLeft,
+          top: targetTop,
+          scaleX: point.scale === 1 ? 2.5 : 0.1,
+          scaleY: point.scale === 1 ? 2.5 : 0.1
+        });
+      } else {
+        point.set({
+          scaleX: point.scale,
+          scaleY: point.scale
+        });
+      }
     },
 
     /**
@@ -3512,31 +3595,39 @@ var rightClickNodeConnect = [{
           originLeft = point.originLeft,
           originTop = point.originTop;
       var currentLeft = left;
+      var isRight = currentLeft > originLeft;
       var startLength = this.addPointList.length;
       var n = Math.min(this.spaceWidth / 2, 6); // 拖动范围，在需要增加节点的刻度左右吸入的范围值
 
-      var residue = (left - originLeft) % this.spaceWidth;
-      var condition = residue > 0 && (residue > this.spaceWidth - n || residue < n);
-      var conditionNoLine2 = !point.line2 && left > originLeft;
-      var conditionHasLine2 = point.line2 && left > originLeft + this.spaceWidth; // if (!point.line2 && left > originLeft && condition) {
+      var residue = Math.abs(left - originLeft) % this.spaceWidth;
+      var condition = residue > this.spaceWidth - n || residue < n;
+      var condition2 = left > originLeft + this.spaceWidth;
+      var conditionHasLeftPoint = point.prevPoint && left < originLeft - this.spaceWidth;
+
+      if (condition && (condition2 || conditionHasLeftPoint)) {
+        if (isRight) {
+          if (residue > this.spaceWidth - n) left = left - residue + this.spaceWidth;
+          if (residue < n) left = left - residue;
+        } else {
+          if (residue > this.spaceWidth - n) left = left + residue - this.spaceWidth;
+          if (residue < n) left = left + residue;
+        }
 
-      if (condition && (conditionNoLine2 || conditionHasLine2)) {
-        if (residue > this.spaceWidth - n) left = left - residue + this.spaceWidth;
-        if (residue < n) left = left - residue;
         point.set({
           left: left
-        }); // const i = Math.floor((left - originLeft) / this.spaceWidth);
-        // 复制点和线
+        }); // 复制点和线
+
+        if (condition2 || conditionHasLeftPoint) {
+          var _point$line5, _point$line6, _point$line7, _point$line8;
 
-        if (conditionNoLine2 || conditionHasLine2) {
-          // point.line1 && this.removePolyline(point.line1.id);
-          setPointLineColor(point, 'transparent', conditionHasLine2);
-          this.addPointList.length == 0 && this.clonePoint(point, [point.line1 ? point.line1.x1 : originLeft, point.line1 ? point.line1.y1 : originTop, originLeft, originTop]);
+          setPointLineColor(point, 'transparent', isRight);
+          var x1 = isRight ? ((_point$line5 = point.line1) === null || _point$line5 === void 0 ? void 0 : _point$line5.x1) || originLeft : ((_point$line6 = point.line2) === null || _point$line6 === void 0 ? void 0 : _point$line6.x2) || originLeft;
+          var y1 = isRight ? ((_point$line7 = point.line1) === null || _point$line7 === void 0 ? void 0 : _point$line7.y1) || originTop : ((_point$line8 = point.line2) === null || _point$line8 === void 0 ? void 0 : _point$line8.y2) || originTop;
+          this.addPointList.length == 0 && this.clonePoint(point, [x1, y1, originLeft, originTop]);
 
           if (this.addPointList.every(function (v) {
             return !nearlyEqual(v.left, left);
           })) {
-            // const points1 = i === 1 ? [originLeft, originTop] : point.prePoints;
             var points1 = this.addPointList.length == 0 ? [originLeft, originTop] : point.prePoints;
 
             if (points1) {
@@ -3559,33 +3650,12 @@ var rightClickNodeConnect = [{
                 return !nearlyEqual(o.left, left);
               })) {
                 this.addPointList.push(data);
-                this.clonePoint(point, [].concat(Object(toConsumableArray["a" /* default */])(points1), [left, top]));
+                this.clonePoint(point, [].concat(Object(toConsumableArray["a" /* default */])(points1), [left, top]), isRight);
               }
             }
           }
 
-          this.checkPoints(point);
-        }
-      } // 断点相连
-
-
-      function concatPoint(target) {
-        var targetLeft = target.left,
-            targetTop = target.top;
-        point.setCoords();
-
-        if (left >= targetLeft - n && left <= targetLeft + n && top <= targetTop + n && top >= targetTop - n) {
-          point.set({
-            left: targetLeft,
-            top: targetTop,
-            scaleX: point.scale === 1 ? 2.5 : 0.1,
-            scaleY: point.scale === 1 ? 2.5 : 0.1
-          });
-        } else {
-          point.set({
-            scaleX: point.scale,
-            scaleY: point.scale
-          });
+          this.checkPoints(point, isRight);
         }
       } // 检查是否显示重合连线放大节点的标识
 
@@ -3600,12 +3670,19 @@ var rightClickNodeConnect = [{
         return v.bringToFront();
       });
 
-      if (point.nextPoint) {
+      if (isRight && point.nextPoint || !isRight && point.prevPoint) {
         var _polylineObj$pointLis;
 
-        this._concatIndex = polylineObj === null || polylineObj === void 0 ? void 0 : polylineObj.pointerList.findIndex(function (v) {
-          return v + n > left && v > originLeft;
-        });
+        if (isRight) {
+          this._concatIndex = polylineObj === null || polylineObj === void 0 ? void 0 : polylineObj.pointerList.findIndex(function (l) {
+            return l + n > left && l > originLeft;
+          });
+        } else {
+          var idx = polylineObj === null || polylineObj === void 0 ? void 0 : polylineObj.pointerList.toReversed().findIndex(function (l) {
+            return l - n < left && l < originLeft;
+          });
+          this._concatIndex = !~idx ? -1 : (polylineObj === null || polylineObj === void 0 ? void 0 : polylineObj.pointerList.length) - 1 - idx;
+        }
 
         if (!~this._concatIndex) {
           point.set({
@@ -3613,63 +3690,116 @@ var rightClickNodeConnect = [{
             scaleY: point.scale
           });
         } else {
-          concatPoint(polylineObj === null || polylineObj === void 0 ? void 0 : polylineObj.pointList[this._concatIndex]);
+          this.concatPoint(point, polylineObj === null || polylineObj === void 0 ? void 0 : polylineObj.pointList[this._concatIndex], left, top, n);
         }
 
         this._concatPoint = (polylineObj === null || polylineObj === void 0 ? void 0 : (_polylineObj$pointLis = polylineObj.pointList) === null || _polylineObj$pointLis === void 0 ? void 0 : _polylineObj$pointLis[this._concatIndex]) || null; // 被覆盖节点置灰配置
 
-        polylineObj === null || polylineObj === void 0 ? void 0 : polylineObj.pointerList.forEach(function (v, i) {
+        polylineObj === null || polylineObj === void 0 ? void 0 : polylineObj.pointerList.forEach(function (l, i) {
           var obj = polylineObj === null || polylineObj === void 0 ? void 0 : polylineObj.pointList[i];
 
-          if (v > originLeft && v < left) {
-            var _obj$line;
+          if (isRight && l > originLeft && l < left || !isRight && l < originLeft && l > left) {
+            var _obj$line, _obj$line2;
 
             // 此处需要递归遍历group节点的所有子节点，然后更改其颜色
             resetPointColor([obj], '#999');
-            (_obj$line = obj.line2) === null || _obj$line === void 0 ? void 0 : _obj$line.set({
+            isRight && ((_obj$line = obj.line2) === null || _obj$line === void 0 ? void 0 : _obj$line.set({
               stroke: '#999'
-            });
+            }));
+            !isRight && ((_obj$line2 = obj.line1) === null || _obj$line2 === void 0 ? void 0 : _obj$line2.set({
+              stroke: '#999'
+            }));
           } else {
-            var _obj$line2;
+            var _obj$line3, _obj$line4;
 
             var _color = obj.__attrs.lineAttr.stroke;
             resetPointColor([obj], _color);
-            (_obj$line2 = obj.line2) === null || _obj$line2 === void 0 ? void 0 : _obj$line2.set({
+            isRight && ((_obj$line3 = obj.line2) === null || _obj$line3 === void 0 ? void 0 : _obj$line3.set({
               stroke: _color
-            });
+            }));
+            !isRight && ((_obj$line4 = obj.line1) === null || _obj$line4 === void 0 ? void 0 : _obj$line4.set({
+              stroke: _color
+            }));
           }
         });
 
-        if ((point.line1 || point.line2) && left < originLeft + this.spaceWidth) {
-          setPointLineColor(point, color, true);
+        if ((point.line1 || point.line2) && Math.abs(left - originLeft) < this.spaceWidth) {
+          setPointLineColor(point, color, isRight);
         } else {
-          setPointLineColor(point, 'transparent', true);
+          setPointLineColor(point, 'transparent', isRight);
         }
       } // 如果往回拖动则删除经过的已存在的节点
 
 
-      if (startLength > 0 && currentLeft <= this.addPointList[startLength - 1].left) {
-        this.removePolyline('increasePointBatch', left);
-        this.addPointList = this.addPointList.filter(function (v) {
-          return v.left < left;
-        });
-        var endLength = this.addPointList.length;
+      if (startLength > 0) {
+        if (isRight) {
+          this.removeLeftClonePoint(originLeft);
+          this.addPointList = this.addPointList.filter(function (v) {
+            return v.left >= originLeft;
+          });
 
-        if (endLength === 0) {
-          setPointLineColor(point, color, conditionHasLine2);
-          this.removePolyline('increasePointBatch', originLeft);
-        }
+          if (this.addPointList.length > 0 && currentLeft <= this.addPointList[this.addPointList.length - 1].left) {
+            this.removePolyline('increasePointBatch', left);
+            this.addPointList = this.addPointList.filter(function (v) {
+              return v.left < left;
+            });
+            var endLength = this.addPointList.length;
 
-        if (endLength > 0) {
-          point.set({
-            prePoints: [this.addPointList[endLength - 1].left, this.addPointList[endLength - 1].top]
+            if (endLength === 0) {
+              setPointLineColor(point, color, isRight);
+              this.removePolyline('increasePointBatch', originLeft);
+            }
+
+            if (endLength > 0) {
+              point.set({
+                prePoints: [this.addPointList[endLength - 1].left, this.addPointList[endLength - 1].top]
+              });
+            }
+          }
+        } else {
+          this.removePolyline('increasePointBatch', originLeft);
+          this.addPointList = this.addPointList.filter(function (v) {
+            return v.left <= originLeft;
           });
+
+          if (this.addPointList.length > 0 && currentLeft >= this.addPointList[this.addPointList.length - 1].left) {
+            this.removeLeftClonePoint(left);
+            this.addPointList = this.addPointList.filter(function (v) {
+              return v.left > left;
+            });
+            var _endLength = this.addPointList.length;
+
+            if (_endLength === 0) {
+              setPointLineColor(point, color, isRight);
+              this.removeLeftClonePoint(originLeft);
+            }
+
+            if (_endLength > 0) {
+              point.set({
+                prePoints: [this.addPointList[_endLength - 1].left, this.addPointList[_endLength - 1].top]
+              });
+            }
+          }
         }
       }
     },
-    clonePoint: function clonePoint(point, points) {
+    removeLeftClonePoint: function removeLeftClonePoint(left) {
       var _this17 = this;
 
+      this.addPointObjList.forEach(function (obj) {
+        if (obj.left <= left) {
+          _this17.canvas.remove(obj);
+
+          obj.line2 && _this17.canvas.remove(obj.line2);
+        }
+      });
+      this.addPointObjList = this.addPointObjList.filter(function (obj) {
+        return obj.left > left;
+      });
+    },
+    clonePoint: function clonePoint(point, points, isRight) {
+      var _this18 = this;
+
       var lineIndex = point.lineIndex,
           polylineIndex = point.polylineIndex,
           lineAttr = point.lineAttr,
@@ -3690,7 +3820,7 @@ var rightClickNodeConnect = [{
         clonedObj.hasControls = clonedObj.hasBorders = false;
         point.prePoints = [point.left, point.top];
 
-        var line = _this17.drawLine(Object(toConsumableArray["a" /* default */])(points), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
+        var line = _this18.drawLine(Object(toConsumableArray["a" /* default */])(points), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
           evented: false,
           selectable: false
         }, currentLineAttr), {}, {
@@ -3699,15 +3829,19 @@ var rightClickNodeConnect = [{
           lineIndex: lineIndex
         }));
 
-        clonedObj.line1 = line;
+        if (isRight) {
+          clonedObj.line1 = line;
+        } else {
+          clonedObj.line2 = line;
+        }
 
-        _this17.canvas.add(clonedObj);
+        _this18.canvas.add(clonedObj);
 
-        _this17.canvas.sendBackwards(line);
+        _this18.canvas.sendBackwards(line);
 
         clonedObj.bringForward();
 
-        _this17.addPointObjList.push(clonedObj);
+        _this18.addPointObjList.push(clonedObj);
       });
     },
     getValue: function getValue(point) {
@@ -3822,7 +3956,7 @@ var rightClickNodeConnect = [{
     },
     // 打开右键菜单
     openRightModal: function openRightModal() {
-      var _this18 = this;
+      var _this19 = this;
 
       if (this.timeRangeData.enabled) return;
       var _this$activeEvent$e = this.activeEvent.e,
@@ -3838,10 +3972,10 @@ var rightClickNodeConnect = [{
       var target = this.activeEvent.target;
       var id = (target === null || target === void 0 ? void 0 : target.id) || '';
       this.$nextTick(function () {
-        var operable = _this18.propItems.operable;
+        var operable = _this19.propItems.operable;
 
         if (id && id.includes('_polylinePoint_')) {
-          _this18._currentPoint = target;
+          _this19._currentPoint = target;
           var nodeConnect = [];
 
           if (operable.connect) {
@@ -3858,21 +3992,21 @@ var rightClickNodeConnect = [{
             }
           }
 
-          _this18.rightClickNode = Object.freeze(rightClickNode.slice(0, 1).concat(nodeConnect).concat(rightClickNode.slice(-1)));
-          _this18.isRightVisible = true;
+          _this19.rightClickNode = Object.freeze(rightClickNode.slice(0, 1).concat(nodeConnect).concat(rightClickNode.slice(-1)));
+          _this19.isRightVisible = true;
         } else if (!id) {
-          _this18._currentPoint = null;
-          _this18.rightClickNode = rightClickNode.slice(0, 1);
+          _this19._currentPoint = null;
+          _this19.rightClickNode = rightClickNode.slice(0, 1);
           ['set', 'detail'].forEach(function (key) {
             if (operable[key]) {
               var item = rightClickNode.find(function (node) {
                 return node.type === key;
               });
 
-              _this18.rightClickNode.push(item);
+              _this19.rightClickNode.push(item);
             }
           });
-          _this18.isRightVisible = true;
+          _this19.isRightVisible = true;
         }
       });
     },
@@ -3939,16 +4073,16 @@ var rightClickNodeConnect = [{
     // 将当条线段以及点层级置顶
     // 线段不能先置顶，会挡住其他线段上的点
     pointToFront: function pointToFront(point) {
-      var _this19 = this;
+      var _this20 = this;
 
       this.canvas.forEachObject(function (obj) {
-        if (_this19.isOnePolyLine(obj, point.polylineTypeId, point.polylineIndex)) {
-          _this19.canvas.bringToFront(obj);
+        if (_this20.isOnePolyLine(obj, point.polylineTypeId, point.polylineIndex)) {
+          _this20.canvas.bringToFront(obj);
         }
       });
     },
     removePolyline: function removePolyline(id, left, position, polylineIndex) {
-      var _this20 = this;
+      var _this21 = this;
 
       // 根据id或者idClone删除
       if (id) {
@@ -3957,9 +4091,9 @@ var rightClickNodeConnect = [{
         if (pointId === 'idClone') {
           this.addPointObjList.forEach(function (obj) {
             if (obj.left >= left) {
-              _this20.canvas.remove(obj);
+              _this21.canvas.remove(obj);
 
-              obj.line1 && _this20.canvas.remove(obj.line1);
+              obj.line1 && _this21.canvas.remove(obj.line1);
             }
           });
           this.addPointObjList = this.addPointObjList.filter(function (obj) {
@@ -3973,9 +4107,9 @@ var rightClickNodeConnect = [{
           if (point && point.length > 0) {
             point.forEach(function (v) {
               if (!left) {
-                _this20.canvas.remove(v);
+                _this21.canvas.remove(v);
 
-                v.line1 && _this20.canvas.remove(v.line1);
+                v.line1 && _this21.canvas.remove(v.line1);
               }
             });
           }
@@ -3990,12 +4124,12 @@ var rightClickNodeConnect = [{
           return v.position === position;
         });
         this.canvas.forEachObject(function (obj) {
-          if (_this20.isOnePolyLine(obj, polylineTypeId, polylineIndex)) {
-            obj.text && _this20.canvas.remove(obj.text);
-            obj.line1 && _this20.canvas.remove(obj.line1);
-            obj.line2 && _this20.canvas.remove(obj.line2);
+          if (_this21.isOnePolyLine(obj, polylineTypeId, polylineIndex)) {
+            obj.text && _this21.canvas.remove(obj.text);
+            obj.line1 && _this21.canvas.remove(obj.line1);
+            obj.line2 && _this21.canvas.remove(obj.line2);
 
-            _this20.canvas.remove(obj);
+            _this21.canvas.remove(obj);
           }
         });
         return;
@@ -4004,9 +4138,9 @@ var rightClickNodeConnect = [{
 
       this.canvas.forEachObject(function (obj) {
         if (obj.id && /_polyline(Point|Line)_/.test(obj.id) && !obj.id.includes('isTitle')) {
-          obj.text && _this20.canvas.remove(obj.text);
+          obj.text && _this21.canvas.remove(obj.text);
 
-          _this20.canvas.remove(obj);
+          _this21.canvas.remove(obj);
         }
       });
     },
@@ -4017,7 +4151,7 @@ var rightClickNodeConnect = [{
       }
     },
     repaintPolyline: function repaintPolyline(position, dadaIndex) {
-      var _this21 = this;
+      var _this22 = this;
 
       if (arguments.length < 2) {
         if (this.polyline.length) {
@@ -4027,7 +4161,7 @@ var rightClickNodeConnect = [{
         this.polylinePointList = [];
         this.flickerablePoints = [];
         this.polyline.forEach(function (polylineType, polylineTypeId) {
-          _this21.createPolyline(polylineType, polylineTypeId);
+          _this22.createPolyline(polylineType, polylineTypeId);
         });
         this.removeTitle();
         this.drawPolylineTitle();
@@ -4057,8 +4191,8 @@ var rightClickNodeConnect = [{
 
 var FabricPolylines_component = Object(componentNormalizer["a" /* default */])(
   fabric_chart_FabricPolylinesvue_type_script_lang_js_,
-  FabricPolylinesvue_type_template_id_6769ab15_render,
-  FabricPolylinesvue_type_template_id_6769ab15_staticRenderFns,
+  FabricPolylinesvue_type_template_id_56585a2b_render,
+  FabricPolylinesvue_type_template_id_56585a2b_staticRenderFns,
   false,
   null,
   null,
@@ -4164,12 +4298,12 @@ var FabricGrid_component = Object(componentNormalizer["a" /* default */])(
 )
 
 /* harmony default export */ var FabricGrid = (FabricGrid_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"04cd3723-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricTextGroup.vue?vue&type=template&id=156ba0e8&
-var FabricTextGroupvue_type_template_id_156ba0e8_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"text-group"},[_c('MouseRightClick',{directives:[{name:"show",rawName:"v-show",value:(_vm.isRightVisible),expression:"isRightVisible"}],attrs:{"getContainer":_vm.getContainer,"nodeList":_vm.rightClickNode,"rightPos":_vm.rightPos},on:{"nodeClick":_vm.handleRightClick,"closeRight":function($event){_vm.isRightVisible = false}}}),_c('DropPopup',{directives:[{name:"show",rawName:"v-show",value:(_vm.isDropVisible),expression:"isDropVisible"}],attrs:{"val":_vm.dropVal,"dropPos":_vm.dropPos}})],1)}
-var FabricTextGroupvue_type_template_id_156ba0e8_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"70f3d6c1-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricTextGroup.vue?vue&type=template&id=adfb5518&
+var FabricTextGroupvue_type_template_id_adfb5518_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"text-group"},[_c('MouseRightClick',{directives:[{name:"show",rawName:"v-show",value:(_vm.isRightVisible),expression:"isRightVisible"}],attrs:{"getContainer":_vm.getContainer,"nodeList":_vm.rightClickNode,"rightPos":_vm.rightPos},on:{"nodeClick":_vm.handleRightClick,"closeRight":function($event){_vm.isRightVisible = false}}}),_c('DropPopup',{directives:[{name:"show",rawName:"v-show",value:(_vm.isDropVisible),expression:"isDropVisible"}],attrs:{"val":_vm.dropVal,"dropPos":_vm.dropPos}})],1)}
+var FabricTextGroupvue_type_template_id_adfb5518_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricTextGroup.vue?vue&type=template&id=156ba0e8&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricTextGroup.vue?vue&type=template&id=adfb5518&
 
 // EXTERNAL MODULE: external "core-js/modules/es.reflect.has.js"
 var es_reflect_has_js_ = __webpack_require__("bfdc");
@@ -4699,7 +4833,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
             var _this3$otherListPoint, _target$id;
 
             if (!((_this3$otherListPoint = _this3.otherListPointHeightRange) !== null && _this3$otherListPoint !== void 0 && _this3$otherListPoint.length) || _this3.inputObj) return;
-            if (target !== null && target !== void 0 && target.id && (!(target !== null && target !== void 0 && (_target$id = target.id) !== null && _target$id !== void 0 && _target$id.includes('_other')) || (target === null || target === void 0 ? void 0 : target.type) !== 'list')) return;
+            if (target !== null && target !== void 0 && target.id && (!(target !== null && target !== void 0 && (_target$id = target.id) !== null && _target$id !== void 0 && _target$id.includes('_other')) || (target === null || target === void 0 ? void 0 : target.type) !== 'list' || target.isTitle)) return;
             var content = '';
 
             if (target) {
@@ -5058,7 +5192,8 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
                   hasControls: false,
                   hasBorders: false
                 }, originOptions), _this9.eventStyle), {}, {
-                  dataList: []
+                  dataList: [],
+                  isTitle: true
                 }));
 
                 _this9.setMovingEvent(title, originOptions);
@@ -5866,8 +6001,8 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
 
 var FabricTextGroup_component = Object(componentNormalizer["a" /* default */])(
   fabric_chart_FabricTextGroupvue_type_script_lang_js_,
-  FabricTextGroupvue_type_template_id_156ba0e8_render,
-  FabricTextGroupvue_type_template_id_156ba0e8_staticRenderFns,
+  FabricTextGroupvue_type_template_id_adfb5518_render,
+  FabricTextGroupvue_type_template_id_adfb5518_staticRenderFns,
   false,
   null,
   null,
@@ -5876,14 +6011,14 @@ var FabricTextGroup_component = Object(componentNormalizer["a" /* default */])(
 )
 
 /* harmony default export */ var FabricTextGroup = (FabricTextGroup_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"04cd3723-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricScaleValue.vue?vue&type=template&id=68258044&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"70f3d6c1-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricScaleValue.vue?vue&type=template&id=68258044&
 var FabricScaleValuevue_type_template_id_68258044_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.show)?_c('TimeScaleValue',{attrs:{"times":_vm.timeList,"templateData":_vm.templateData}}):_vm._e()}
 var FabricScaleValuevue_type_template_id_68258044_staticRenderFns = []
 
 
 // CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricScaleValue.vue?vue&type=template&id=68258044&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"04cd3723-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/components/TimeScaleValue.vue?vue&type=template&id=0aa2f038&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"70f3d6c1-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/components/TimeScaleValue.vue?vue&type=template&id=0aa2f038&scoped=true&
 var TimeScaleValuevue_type_template_id_0aa2f038_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.isShow),expression:"isShow"}],staticClass:"c-time-scalevalue",style:({ '--left': _vm.popupStyle.left, '--top': _vm.popupStyle.top, '--height': _vm.popupStyle.height, '--width': _vm.popupStyle.width })},_vm._l((_vm.times),function(item,index){return _c('span',{directives:[{name:"show",rawName:"v-show",value:(index % 2 == 0),expression:"index % 2 == 0"}],key:item.left,staticClass:"c-time-scalevalue-list",style:({ left: ((item.left - item.width / 2) + "px"), '--font-size': _vm.popupStyle.fontSize })},[_vm._v(" "+_vm._s(item.time)+" ")])}),0)}
 var TimeScaleValuevue_type_template_id_0aa2f038_scoped_true_staticRenderFns = []
 
@@ -6267,7 +6402,7 @@ var FabricScaleValue_component = Object(componentNormalizer["a" /* default */])(
 )
 
 /* harmony default export */ var FabricScaleValue = (FabricScaleValue_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"04cd3723-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=template&id=74aef744&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"70f3d6c1-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=template&id=74aef744&
 var FabricLinesvue_type_template_id_74aef744_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"line"},[_c('MouseRightClick',{directives:[{name:"show",rawName:"v-show",value:(_vm.isRightVisible),expression:"isRightVisible"}],attrs:{"getContainer":_vm.getContainer,"nodeList":_vm.rightClickNode,"rightPos":_vm.rightPos},on:{"nodeClick":_vm.handleRightClick,"closeRight":function($event){_vm.isRightVisible = false}}}),_c('DropPopup',{directives:[{name:"show",rawName:"v-show",value:(_vm.isDropVisible),expression:"isDropVisible"}],attrs:{"val":_vm.dropVal,"dropPos":_vm.dropPos}})],1)}
 var FabricLinesvue_type_template_id_74aef744_staticRenderFns = []