cnhis-design-vue 2.1.143 → 2.1.145

package/es/fabric-chart/index.js

@@ -295,12 +295,12 @@ 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":"9441c33a-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":"6cf3475e-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=4f0a8f90&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 = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/FabricChart.vue?vue&type=template&id=76395f46&scoped=true&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/FabricChart.vue?vue&type=template&id=4f0a8f90&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
 var objectSpread2 = __webpack_require__("5530");
@@ -308,12 +308,12 @@ 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":"9441c33a-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 = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"6cf3475e-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=0743e24e&
+var FabricCanvasvue_type_template_id_0743e24e_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_0743e24e_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricCanvas.vue?vue&type=template&id=10e4f5d6&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricCanvas.vue?vue&type=template&id=0743e24e&
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js + 3 modules
 var toConsumableArray = __webpack_require__("2909");
@@ -532,8 +532,7 @@ var vexutils_default = /*#__PURE__*/__webpack_require__.n(vexutils_);
       } catch (error) {
         console.warn(error);
       }
-    } // if (!this.templateData.left || !this.templateData.right) {
-
+    }
 
     if (!this.templateData.left) {
       try {
@@ -962,8 +961,8 @@ var componentNormalizer = __webpack_require__("2877");
 
 var component = Object(componentNormalizer["a" /* default */])(
   fabric_chart_FabricCanvasvue_type_script_lang_js_,
-  FabricCanvasvue_type_template_id_10e4f5d6_render,
-  FabricCanvasvue_type_template_id_10e4f5d6_staticRenderFns,
+  FabricCanvasvue_type_template_id_0743e24e_render,
+  FabricCanvasvue_type_template_id_0743e24e_staticRenderFns,
   false,
   null,
   null,
@@ -972,12 +971,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":"9441c33a-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":"6cf3475e-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=66d08862&
+var FabricPolylinesvue_type_template_id_66d08862_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_66d08862_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=66d08862&
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
 var asyncToGenerator = __webpack_require__("1da1");
@@ -1154,6 +1153,9 @@ var es_number_constructor_js_ = __webpack_require__("f989");
 
 
 
+
+
+
 var utils_isNumber = function isNumber(num) {
   return typeof num === 'number' && Number.isFinite(num);
 };
@@ -1240,6 +1242,13 @@ function sortByTime() {
   });
   return list;
 }
+function getUuid() {
+  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+    var r = Math.random() * 16 | 0,
+        v = c == 'x' ? r : r & 0x3 | 0x8;
+    return v.toString(16);
+  });
+}
 // CONCATENATED MODULE: ./packages/fabric-chart/src/mixins/draw.js
 
 
@@ -1801,7 +1810,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 +1864,7 @@ function sortByTime() {
     }
   }
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9441c33a-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":"6cf3475e-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 +1972,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":"9441c33a-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":"6cf3475e-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 = []
 
@@ -2115,6 +2124,7 @@ var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
 
 
 
+
 /**
  * @description: 递归遍历节点，设置颜色属性
  * @param {fabric.Object[]} pointArr
@@ -2147,16 +2157,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 +3365,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 +3387,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 +3451,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 +3470,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 +3504,7 @@ var rightClickNodeConnect = [{
       }
     },
     // 检查批量新增拖动过程中是否存在漏点的情况
-    checkPoints: function checkPoints(point) {
+    checkPoints: function checkPoints(point, isRight) {
       var _this$addPointList2,
           _this16 = this;
 
@@ -3447,7 +3512,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 +3520,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;
+                  } else {
+                    if (v.left < curLeft) {
+                      index = i;
+                    }
 
-                  return v.left > curLeft;
+                    return v.left < curLeft;
+                  }
                 });
 
                 if (pointObj) {
@@ -3479,7 +3552,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 +3562,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 +3571,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 +3605,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 (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]);
+        if (condition2 || conditionHasLeftPoint) {
+          var _point$line5, _point$line6, _point$line7, _point$line8;
+
+          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 +3660,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 +3680,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 +3700,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.spaceWidth);
+          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.spaceWidth);
+          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 +3830,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 +3839,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 +3966,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 +3982,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,30 +4002,53 @@ 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.addExtraMenu();
+
+          _this19.isRightVisible = true;
         }
       });
     },
+    addExtraMenu: function addExtraMenu() {
+      var _this$propItems$table,
+          _this20 = this;
+
+      var _ref6 = ((_this$propItems$table = this.propItems.table) === null || _this$propItems$table === void 0 ? void 0 : _this$propItems$table.extraMenuConfig) || {},
+          menuList = _ref6.menuList;
+
+      if (Array.isArray(menuList) && menuList.length > 0) {
+        menuList.forEach(function (item) {
+          _this20.rightClickNode.push({
+            name: item.label,
+            type: item.key || getUuid(),
+            extra: true,
+            origin: item
+          });
+        });
+      }
+    },
     // 关闭右键菜单，打开添加节点弹窗表单
-    handleRightClick: function handleRightClick(_ref6) {
+    handleRightClick: function handleRightClick(_ref7) {
       var _this$_currentPoint;
 
-      var type = _ref6.type,
-          name = _ref6.name;
+      var type = _ref7.type,
+          name = _ref7.name,
+          extra = _ref7.extra,
+          origin = _ref7.origin;
       this.isRightVisible = false;
       var _this$_active = this._active,
           left = _this$_active.left,
@@ -3891,6 +4058,17 @@ var rightClickNodeConnect = [{
         top: top
       });
 
+      if (extra) {
+        var _this$propItems$table2;
+
+        var _ref8 = ((_this$propItems$table2 = this.propItems.table) === null || _this$propItems$table2 === void 0 ? void 0 : _this$propItems$table2.extraMenuConfig) || {},
+            click = _ref8.click;
+
+        if (!vexutils_default.a.isFunction(click)) return;
+        click(data, origin);
+        return;
+      }
+
       if (type == 'add') {
         if (name.includes('左')) {
           data.range = {
@@ -3939,16 +4117,16 @@ var rightClickNodeConnect = [{
     // 将当条线段以及点层级置顶
     // 线段不能先置顶，会挡住其他线段上的点
     pointToFront: function pointToFront(point) {
-      var _this19 = this;
+      var _this21 = this;
 
       this.canvas.forEachObject(function (obj) {
-        if (_this19.isOnePolyLine(obj, point.polylineTypeId, point.polylineIndex)) {
-          _this19.canvas.bringToFront(obj);
+        if (_this21.isOnePolyLine(obj, point.polylineTypeId, point.polylineIndex)) {
+          _this21.canvas.bringToFront(obj);
         }
       });
     },
     removePolyline: function removePolyline(id, left, position, polylineIndex) {
-      var _this20 = this;
+      var _this22 = this;
 
       // 根据id或者idClone删除
       if (id) {
@@ -3957,9 +4135,9 @@ var rightClickNodeConnect = [{
         if (pointId === 'idClone') {
           this.addPointObjList.forEach(function (obj) {
             if (obj.left >= left) {
-              _this20.canvas.remove(obj);
+              _this22.canvas.remove(obj);
 
-              obj.line1 && _this20.canvas.remove(obj.line1);
+              obj.line1 && _this22.canvas.remove(obj.line1);
             }
           });
           this.addPointObjList = this.addPointObjList.filter(function (obj) {
@@ -3973,9 +4151,9 @@ var rightClickNodeConnect = [{
           if (point && point.length > 0) {
             point.forEach(function (v) {
               if (!left) {
-                _this20.canvas.remove(v);
+                _this22.canvas.remove(v);
 
-                v.line1 && _this20.canvas.remove(v.line1);
+                v.line1 && _this22.canvas.remove(v.line1);
               }
             });
           }
@@ -3990,12 +4168,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 (_this22.isOnePolyLine(obj, polylineTypeId, polylineIndex)) {
+            obj.text && _this22.canvas.remove(obj.text);
+            obj.line1 && _this22.canvas.remove(obj.line1);
+            obj.line2 && _this22.canvas.remove(obj.line2);
 
-            _this20.canvas.remove(obj);
+            _this22.canvas.remove(obj);
           }
         });
         return;
@@ -4004,9 +4182,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 && _this22.canvas.remove(obj.text);
 
-          _this20.canvas.remove(obj);
+          _this22.canvas.remove(obj);
         }
       });
     },
@@ -4017,7 +4195,7 @@ var rightClickNodeConnect = [{
       }
     },
     repaintPolyline: function repaintPolyline(position, dadaIndex) {
-      var _this21 = this;
+      var _this23 = this;
 
       if (arguments.length < 2) {
         if (this.polyline.length) {
@@ -4027,7 +4205,7 @@ var rightClickNodeConnect = [{
         this.polylinePointList = [];
         this.flickerablePoints = [];
         this.polyline.forEach(function (polylineType, polylineTypeId) {
-          _this21.createPolyline(polylineType, polylineTypeId);
+          _this23.createPolyline(polylineType, polylineTypeId);
         });
         this.removeTitle();
         this.drawPolylineTitle();
@@ -4057,8 +4235,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_66d08862_render,
+  FabricPolylinesvue_type_template_id_66d08862_staticRenderFns,
   false,
   null,
   null,
@@ -4164,7 +4342,7 @@ 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":"9441c33a-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&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"6cf3475e-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 = []
 
@@ -5877,14 +6055,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":"9441c33a-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":"6cf3475e-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":"9441c33a-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":"6cf3475e-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 = []
 
@@ -6268,7 +6446,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":"9441c33a-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":"6cf3475e-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 = []
 
@@ -7262,7 +7440,6 @@ var FabricLines_component = Object(componentNormalizer["a" /* default */])(
 
 
 
-
 /* harmony default export */ var FabricChartvue_type_script_lang_js_ = (Object(create["a" /* default */])({
   name: 'fabric-chart',
   props: {
@@ -7280,6 +7457,16 @@ var FabricLines_component = Object(componentNormalizer["a" /* default */])(
     FabricLines: FabricLines
   },
   computed: {
+    fabric: function fabric() {
+      var _this$$refs$canvasEle;
+
+      return (_this$$refs$canvasEle = this.$refs.canvasEle) === null || _this$$refs$canvasEle === void 0 ? void 0 : _this$$refs$canvasEle.fabric;
+    },
+    canvas: function canvas() {
+      var _this$$refs$canvasEle2;
+
+      return (_this$$refs$canvasEle2 = this.$refs.canvasEle) === null || _this$$refs$canvasEle2 === void 0 ? void 0 : _this$$refs$canvasEle2.canvas;
+    },
     polylines: function polylines() {
       var _this$templateData, _this$templateData$ri, _this$templateData$ri2, _this$templateData$ri3, _this$templateData2, _this$templateData2$l, _this$templateData2$l2, _this$templateData2$l3;
 
@@ -7333,6 +7520,12 @@ var FabricLines_component = Object(componentNormalizer["a" /* default */])(
     this.canvasWidth = "".concat(this.templateData.canvasWidth, "px") || false;
   },
   methods: {
+    computedX: function computedX() {
+      var _this$$refs$polylines, _this$$refs$polylines2;
+
+      if (!((_this$$refs$polylines = this.$refs.polylines) !== null && _this$$refs$polylines !== void 0 && _this$$refs$polylines.computedX)) return;
+      return (_this$$refs$polylines2 = this.$refs.polylines) === null || _this$$refs$polylines2 === void 0 ? void 0 : _this$$refs$polylines2.computedX.apply(_this$$refs$polylines2, arguments);
+    },
     setTimeRange: function setTimeRange(enabled) {
       this.$refs.polylines.timeRangeData.enabled = enabled;
     },
@@ -7357,13 +7550,13 @@ var FabricLines_component = Object(componentNormalizer["a" /* default */])(
     },
     repaintPolyline: function repaintPolyline(position, dadaIndex) {
       if (arguments.length > 1) {
-        var _this$$refs$polylines;
+        var _this$$refs$polylines3;
 
-        (_this$$refs$polylines = this.$refs.polylines) === null || _this$$refs$polylines === void 0 ? void 0 : _this$$refs$polylines.repaintPolyline(position, dadaIndex);
+        (_this$$refs$polylines3 = this.$refs.polylines) === null || _this$$refs$polylines3 === void 0 ? void 0 : _this$$refs$polylines3.repaintPolyline(position, dadaIndex);
       } else {
-        var _this$$refs$polylines2;
+        var _this$$refs$polylines4;
 
-        (_this$$refs$polylines2 = this.$refs.polylines) === null || _this$$refs$polylines2 === void 0 ? void 0 : _this$$refs$polylines2.repaintPolyline();
+        (_this$$refs$polylines4 = this.$refs.polylines) === null || _this$$refs$polylines4 === void 0 ? void 0 : _this$$refs$polylines4.repaintPolyline();
       }
     },
     repaintLine: function repaintLine() {
@@ -7400,8 +7593,8 @@ var FabricLines_component = Object(componentNormalizer["a" /* default */])(
 }));
 // CONCATENATED MODULE: ./packages/fabric-chart/src/FabricChart.vue?vue&type=script&lang=js&
  /* harmony default export */ var src_FabricChartvue_type_script_lang_js_ = (FabricChartvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./packages/fabric-chart/src/FabricChart.vue?vue&type=style&index=0&id=76395f46&lang=less&scoped=true&
-var FabricChartvue_type_style_index_0_id_76395f46_lang_less_scoped_true_ = __webpack_require__("7aca");
+// EXTERNAL MODULE: ./packages/fabric-chart/src/FabricChart.vue?vue&type=style&index=0&id=4f0a8f90&lang=less&scoped=true&
+var FabricChartvue_type_style_index_0_id_4f0a8f90_lang_less_scoped_true_ = __webpack_require__("8699");
 
 // CONCATENATED MODULE: ./packages/fabric-chart/src/FabricChart.vue
 
@@ -7418,7 +7611,7 @@ var FabricChart_component = Object(componentNormalizer["a" /* default */])(
   staticRenderFns,
   false,
   null,
-  "76395f46",
+  "4f0a8f90",
   null
   
 )
@@ -8375,6 +8568,13 @@ module.exports = function (a, b) {
 };
 
 
+/***/ }),
+
+/***/ "46bf":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "4840":
@@ -8945,17 +9145,6 @@ module.exports = [
 ];
 
 
-/***/ }),
-
-/***/ "7aca":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FabricChart_vue_vue_type_style_index_0_id_76395f46_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f074");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FabricChart_vue_vue_type_style_index_0_id_76395f46_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FabricChart_vue_vue_type_style_index_0_id_76395f46_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "7b0b":
@@ -9215,6 +9404,17 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ "8699":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FabricChart_vue_vue_type_style_index_0_id_4f0a8f90_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("46bf");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FabricChart_vue_vue_type_style_index_0_id_4f0a8f90_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FabricChart_vue_vue_type_style_index_0_id_4f0a8f90_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "8925":
@@ -10728,13 +10928,6 @@ module.exports.f = function (C) {
 };
 
 
-/***/ }),
-
-/***/ "f074":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "f3b8":