cnhis-design-vue 2.1.65 → 2.1.68

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":"4bfccfd0-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=3a1ac827&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a62a2cd6-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=3a1ac827&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),[(_vm.hasXScalevalue)?_c('fabric-text-group',_vm._g({attrs:{"templateData":_vm.templateData}},_vm.$listeners)):_vm._e(),_c('fabric-grid'),(_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 || {}},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":"4bfccfd0-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=98d2aa36&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a62a2cd6-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=98d2aa36&
 var FabricCanvasvue_type_template_id_98d2aa36_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_98d2aa36_staticRenderFns = []
 
@@ -897,12 +897,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":"4bfccfd0-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=47f12750&
-var FabricPolylinesvue_type_template_id_47f12750_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_47f12750_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a62a2cd6-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=4cbf471a&
+var FabricPolylinesvue_type_template_id_4cbf471a_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_4cbf471a_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricPolylines.vue?vue&type=template&id=47f12750&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricPolylines.vue?vue&type=template&id=4cbf471a&
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
 var asyncToGenerator = __webpack_require__("1da1");
@@ -994,18 +994,6 @@ var es_object_freeze_js_ = __webpack_require__("030b");
     }
   },
   methods: {
-    // 根据x轴坐标获取对应的时间点
-    // getXValue(left) {
-    //   const { xScaleList, xScaleCell, originX } = this.propItems;
-    //   const minScale = Math.min(...xScaleList);
-    //   const time = minScale + (left - originX) / xScaleCell;
-    //   let d = new Date(time);
-    //   const month = `00${d.getMonth() + 1}`.slice(-2);
-    //   const day = `00${d.getDate()}`.slice(-2);
-    //   const hours = `00${d.getHours()}`.slice(-2);
-    //   const minute = `00${d.getMinutes()}`.slice(-2);
-    //   return `${d.getFullYear()}-${month}-${day} ${hours}:${minute}`;
-    // },
     getXValue: function getXValue(left) {
       var _this$propItems = this.propItems,
           xScaleCellList = _this$propItems.xScaleCellList,
@@ -1059,17 +1047,22 @@ var es_object_freeze_js_ = __webpack_require__("030b");
       !~index && (index = xScaleCellList.length);
       var obj = xScaleCellList[index - 1];
       return obj.x + (time - obj.time) / obj.xScaleTime;
-    } // // 根据时间戳计算x轴坐标
-    // cumputedX(value) {
-    //   if (!value) {
-    //     return '';
-    //   }
-    //   const { xScaleList, xScaleCell, originX } = this.propItems;
-    //   const time = new Date(value).getTime();
-    //   const minScale = Math.min(...xScaleList);
-    //   return originX + (time - minScale) * xScaleCell;
-    // },
-
+    },
+    isGridLimit: function isGridLimit(x, y) {
+      var _this$propItems3 = this.propItems,
+          originX = _this$propItems3.originX,
+          originY = _this$propItems3.originY,
+          endX = _this$propItems3.endX,
+          endY = _this$propItems3.endY;
+      return x >= originX && x <= endX && y >= originY && y <= endY;
+    },
+    isTopTreeAndGridLimit: function isTopTreeAndGridLimit(x, y) {
+      var _this$propItems4 = this.propItems,
+          endX = _this$propItems4.endX,
+          endYTop = _this$propItems4.endYTop,
+          originYTop = _this$propItems4.originYTop;
+      return x >= 0 && x <= endX && y >= originYTop && y <= endYTop;
+    }
   }
 });
 // EXTERNAL MODULE: external "core-js/modules/es.number.is-finite.js"
@@ -1444,7 +1437,8 @@ var type_isObject = function isObject(obj) {
         y: 0
       },
       dropTimer: null,
-      isRightVisible: false
+      isRightVisible: false,
+      isAddEventListenerContextmenu: false
     };
   },
   watch: {
@@ -1536,18 +1530,12 @@ var type_isObject = function isObject(obj) {
       var x = event.offsetX;
       var y = event.offsetY;
 
-      var _this$$propItems = this.$propItems(),
-          originX = _this$$propItems.originX,
-          originY = _this$$propItems.originY,
-          endX = _this$$propItems.endX,
-          endY = _this$$propItems.endY;
-
-      if (!(x < originX || x > endX || y < originY || y > endY)) {
+      if (this.isGridLimit(x, y)) {
         this._active = {
           left: x,
           top: y
         };
-        this.openRightModal(this.activeEvent);
+        this.openRightModal();
       }
 
       return false;
@@ -1574,7 +1562,7 @@ var type_isObject = function isObject(obj) {
     }
   }
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4bfccfd0-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":"a62a2cd6-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 = []
 
@@ -1682,7 +1670,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":"4bfccfd0-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":"a62a2cd6-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 = []
 
@@ -1991,17 +1979,11 @@ var rightClickNodeConnect = [{
               x = _event$pointer.x,
               y = _event$pointer.y;
 
-          var _this4$$propItems = _this4.$propItems(),
-              originX = _this4$$propItems.originX,
-              originY = _this4$$propItems.originY,
-              endX = _this4$$propItems.endX,
-              endY = _this4$$propItems.endY;
-
-          if (!(x < originX || x > endX || y < originY || y > endY)) {
+          if (_this4.isGridLimit(x, y)) {
             _this4.activeEvent = event;
-            document.querySelector('.upper-canvas').addEventListener('contextmenu', _this4.addEventListenerContextmenu, true);
-          } // this.willUpdateLine = line;
-
+            !_this4.isAddEventListenerContextmenu && document.querySelector('.upper-canvas').addEventListener('contextmenu', _this4.addEventListenerContextmenu, true);
+            _this4.isAddEventListenerContextmenu = true;
+          }
         } // 左键松开鼠标-批量删除
 
 
@@ -2462,7 +2444,7 @@ var rightClickNodeConnect = [{
       };
 
       var isDraw = function isDraw(isMaxOrMin, maxOrMin) {
-        return isMaxOrMin && (!(maxOrMin !== null && maxOrMin !== void 0 && maxOrMin.flickerable) || attr !== 'critical');
+        return isMaxOrMin && !(maxOrMin !== null && maxOrMin !== void 0 && maxOrMin.flickerable);
       };
 
       if (isDraw(isMax, max)) {
@@ -2503,7 +2485,9 @@ var rightClickNodeConnect = [{
           _polyline$list = polyline.list,
           list = _polyline$list === void 0 ? [] : _polyline$list,
           _polyline$critical = polyline.critical,
-          critical = _polyline$critical === void 0 ? {} : _polyline$critical;
+          critical = _polyline$critical === void 0 ? {} : _polyline$critical,
+          _polyline$diffValue = polyline.diffValue,
+          diffValue = _polyline$diffValue === void 0 ? {} : _polyline$diffValue;
       this._iconClassName = polyline.type === 'img' && pointAttr.iconClassName ? pointAttr.iconClassName : '';
       var pointList = [];
       var lineList = [];
@@ -2620,29 +2604,48 @@ var rightClickNodeConnect = [{
         (_this11$canvas = _this11.canvas).add.apply(_this11$canvas, Object(toConsumableArray["a" /* default */])(lineList).concat(Object(toConsumableArray["a" /* default */])(res))); // 缓存需要闪烁的节点
 
 
-        var max = critical.max,
-            min = critical.min;
+        setFlickerablePoints.call(_this11, critical);
+        setFlickerablePoints.call(_this11, diffValue);
 
-        if (max !== null && max !== void 0 && max.flickerable || min !== null && min !== void 0 && min.flickerable) {
-          var maxVal = max === null || max === void 0 ? void 0 : max.value;
-          var minVal = min === null || min === void 0 ? void 0 : min.value;
+        function setFlickerablePoints(diffObj) {
+          var _this12 = this;
 
-          if (maxVal && max !== null && max !== void 0 && max.flickerable) {
-            var _this11$flickerablePo;
+          var max = diffObj.max,
+              min = diffObj.min;
 
-            (_this11$flickerablePo = _this11.flickerablePoints).push.apply(_this11$flickerablePo, Object(toConsumableArray["a" /* default */])(res.filter(function (point) {
-              return +point.__value >= +maxVal;
-            })));
-          }
+          if (max !== null && max !== void 0 && max.flickerable || min !== null && min !== void 0 && min.flickerable) {
+            var maxVal = max === null || max === void 0 ? void 0 : max.value;
+            var minVal = min === null || min === void 0 ? void 0 : min.value;
 
-          if (minVal && min !== null && min !== void 0 && min.flickerable) {
-            var _this11$flickerablePo2;
+            if (maxVal && max !== null && max !== void 0 && max.flickerable) {
+              var _this$flickerablePoin;
 
-            (_this11$flickerablePo2 = _this11.flickerablePoints).push.apply(_this11$flickerablePo2, Object(toConsumableArray["a" /* default */])(res.filter(function (point) {
-              return +point.__value <= +minVal;
-            })));
+              (_this$flickerablePoin = this.flickerablePoints).push.apply(_this$flickerablePoin, Object(toConsumableArray["a" /* default */])(res.filter(function (point) {
+                return +point.__value >= +maxVal;
+              }).filter(function (point) {
+                return !_this12.flickerablePoints.some(function (_point) {
+                  return isSamePoint(point, _point);
+                });
+              })));
+            }
+
+            if (minVal && min !== null && min !== void 0 && min.flickerable) {
+              var _this$flickerablePoin2;
+
+              (_this$flickerablePoin2 = this.flickerablePoints).push.apply(_this$flickerablePoin2, Object(toConsumableArray["a" /* default */])(res.filter(function (point) {
+                return +point.__value <= +minVal;
+              }).filter(function (point) {
+                return !_this12.flickerablePoints.some(function (_point) {
+                  return isSamePoint(point, _point);
+                });
+              })));
+            }
           }
         }
+
+        function isSamePoint(point, _point) {
+          return point.polylineTypeId == _point.polylineTypeId && point.polylineIndex === _point.polylineIndex && point.pointIndex === _point.pointIndex;
+        }
       });
       var params = {
         polyline: polyline,
@@ -2677,7 +2680,7 @@ var rightClickNodeConnect = [{
      * @param {others} 参数 polylineIndex | pointIndex | ...polyline.pointAttr
      */
     drawPoint: function drawPoint(left, top, line1, line2, type, others, isInit) {
-      var _this12 = this;
+      var _this13 = this;
 
       return Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
         var pointId, ele, point;
@@ -2686,7 +2689,7 @@ var rightClickNodeConnect = [{
             switch (_context2.prev = _context2.next) {
               case 0:
                 pointId = "".concat(others.polylineTypeId, "_").concat(others.polylineIndex, "_").concat(others.pointIndex, "_polylinePoint_").concat(new Date().getTime());
-                _context2.t0 = _this12._iconClassName;
+                _context2.t0 = _this13._iconClassName;
 
                 if (!_context2.t0) {
                   _context2.next = 6;
@@ -2694,7 +2697,7 @@ var rightClickNodeConnect = [{
                 }
 
                 _context2.next = 5;
-                return _this12.createImage(_this12._iconClassName, others);
+                return _this13.createImage(_this13._iconClassName, others);
 
               case 5:
                 _context2.t0 = _context2.sent;
@@ -2702,12 +2705,12 @@ var rightClickNodeConnect = [{
               case 6:
                 ele = _context2.t0;
                 _context2.next = 9;
-                return _this12.createPoint(type, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
+                return _this13.createPoint(type, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
                   id: pointId,
                   left: left,
                   top: top,
                   ele: ele || ''
-                }, defaultVaule.pointStyle), others), !_this12.eventStyle.evented ? {
+                }, defaultVaule.pointStyle), others), !_this13.eventStyle.evented ? {
                   lockMovementX: true,
                   lockMovementY: true
                 } : {}));
@@ -2718,33 +2721,33 @@ var rightClickNodeConnect = [{
                 line1 && (point.line1 = line1);
                 line2 && (point.line2 = line2);
                 point.on('mouseover', function () {
-                  _this12.showDrapPopup(point);
+                  _this13.showDrapPopup(point);
 
-                  _this12.pointToFront(point);
+                  _this13.pointToFront(point);
                 });
                 point.on('mouseout', function () {
-                  _this12.isDropVisible = false;
+                  _this13.isDropVisible = false;
                 }); // 折线点移动中 实时更新相关联的线的坐标
 
-                if (_this12.eventStyle.evented) {
+                if (_this13.eventStyle.evented) {
                   point.on('moving', function () {
-                    _this12.pointMoveLimit(point, false);
+                    _this13.pointMoveLimit(point, false);
 
-                    _this12.pointMoveUpdateLine(point);
+                    _this13.pointMoveUpdateLine(point);
 
-                    _this12.addPoint(point); // this.canvas.renderAll();
+                    _this13.addPoint(point); // this.canvas.renderAll();
 
 
-                    _this12.showDrapPopup(point);
+                    _this13.showDrapPopup(point);
                   }); // 折线点停止拖拽后 更新polyline中对应的坐标
 
                   point.on('moved', function () {
                     if (point && point.id.includes('_polylinePoint_')) {
-                      _this12.isDropVisible = false;
+                      _this13.isDropVisible = false;
 
-                      _this12.setEmitFunction(point);
+                      _this13.setEmitFunction(point);
 
-                      _this12.addPointObjList = [];
+                      _this13.addPointObjList = [];
                     }
                   });
                   point.on('mouseup', function (event) {
@@ -2753,13 +2756,13 @@ var rightClickNodeConnect = [{
 
                     if (button == 1 && isClick) {
                       // 可配置批量删除当前项目上的点了
-                      _this12.currentDelPoint = point;
+                      _this13.currentDelPoint = point;
                     }
                   });
                 } // 超出表格最高或最低值则需要触发pointChange事件并且不能更新视图，否则连接节点判断不会成功
 
 
-                isInit && _this12.setEmitFunction(point, isInit);
+                isInit && _this13.setEmitFunction(point, isInit);
                 return _context2.abrupt("return", point);
 
               case 18:
@@ -2772,7 +2775,7 @@ var rightClickNodeConnect = [{
     },
     // 拖动停止后 设置回调触发方法
     setEmitFunction: function setEmitFunction(point) {
-      var _this13 = this;
+      var _this14 = this;
 
       var isInit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       var operable = this.propItems.operable;
@@ -2810,7 +2813,7 @@ var rightClickNodeConnect = [{
       } else {
         this.$nextTick(function () {
           // 拖动新增节点时默认所有节点可删除
-          _this13.currentDelPoint = null;
+          _this14.currentDelPoint = null;
         });
         var lastPoint = this.addPointList[this.addPointList.length - 1];
         var position = this.polyline[point.polylineTypeId].position;
@@ -2838,7 +2841,7 @@ var rightClickNodeConnect = [{
           this.addPointList.forEach(function (v) {
             return Object.assign(v, {
               isConcat: true,
-              concatIndex: _this13._concatIndex
+              concatIndex: _this14._concatIndex
             });
           });
         } else if (point.line2 || point.nextPoint && lastPoint.left >= point.nextPoint.left) {
@@ -2876,7 +2879,7 @@ var rightClickNodeConnect = [{
     },
     // 纠正线段坐标
     setLinePatch: function setLinePatch(point) {
-      var _this14 = this;
+      var _this15 = this;
 
       var originLeft = point.originLeft,
           originTop = point.originTop;
@@ -2884,13 +2887,13 @@ var rightClickNodeConnect = [{
       var _loop = function _loop(i, len) {
         var _point$prePoint$left, _point$prePoint, _point$prePoint$top, _point$prePoint2, _currentPointObj$line;
 
-        var currentPoint = _this14.addPointList[i];
-        var prevPoint = _this14.addPointList[i - 1] || {
+        var currentPoint = _this15.addPointList[i];
+        var prevPoint = _this15.addPointList[i - 1] || {
           left: (_point$prePoint$left = (_point$prePoint = point.prePoint) === null || _point$prePoint === void 0 ? void 0 : _point$prePoint.left) !== null && _point$prePoint$left !== void 0 ? _point$prePoint$left : originLeft,
           top: (_point$prePoint$top = (_point$prePoint2 = point.prePoint) === null || _point$prePoint2 === void 0 ? void 0 : _point$prePoint2.top) !== null && _point$prePoint$top !== void 0 ? _point$prePoint$top : originTop
         };
 
-        var currentPointObj = _this14.addPointObjList.find(function (obj) {
+        var currentPointObj = _this15.addPointObjList.find(function (obj) {
           return obj.left === currentPoint.left;
         });
 
@@ -2911,7 +2914,7 @@ var rightClickNodeConnect = [{
     // 检查批量新增拖动过程中是否存在漏点的情况
     checkPoints: function checkPoints(point) {
       var _this$addPointList2,
-          _this15 = this;
+          _this16 = this;
 
       var originLeft = point.originLeft,
           originTop = point.originTop,
@@ -2925,9 +2928,9 @@ var rightClickNodeConnect = [{
         for (var k = 0; k <= PointLens; k++) {
           if (k > 0) {
             (function () {
-              var curLeft = originLeft + _this15.spaceWidth * k; // 判断this.addPointList中的left是否包含curLeft，不包含就说明是漏了
+              var curLeft = originLeft + _this16.spaceWidth * k; // 判断this.addPointList中的left是否包含curLeft，不包含就说明是漏了
 
-              var hasPoint = _this15.addPointList.some(function (p) {
+              var hasPoint = _this16.addPointList.some(function (p) {
                 return Math.abs(p.left - curLeft) <= 0.001;
               }); // const hasPoint = this.addPointList.some(v => v.left == curLeft);
 
@@ -2935,7 +2938,7 @@ var rightClickNodeConnect = [{
               if (!hasPoint) {
                 var index;
 
-                var pointObj = _this15.addPointList.find(function (v, i) {
+                var pointObj = _this16.addPointList.find(function (v, i) {
                   if (v.left > curLeft) {
                     index = i;
                   }
@@ -2945,20 +2948,20 @@ var rightClickNodeConnect = [{
 
                 if (pointObj) {
                   var cloneObj = JSON.parse(JSON.stringify(pointObj));
-                  var prePoint = _this15.addPointList[index - 1] || {
+                  var prePoint = _this16.addPointList[index - 1] || {
                     left: originLeft,
                     top: originTop
                   };
-                  var len = ~~((pointObj.left - (curLeft - _this15.spaceWidth)) / _this15.spaceWidth);
+                  var len = ~~((pointObj.left - (curLeft - _this16.spaceWidth)) / _this16.spaceWidth);
                   var spaceHeight = (pointObj.top - prePoint.top) / len;
                   cloneObj.top = prePoint.top + spaceHeight;
-                  cloneObj.value.time = _this15.getXValue(curLeft);
-                  cloneObj.value.value = _this15.getYValue(position, cloneObj.top);
+                  cloneObj.value.time = _this16.getXValue(curLeft);
+                  cloneObj.value.value = _this16.getYValue(position, cloneObj.top);
                   cloneObj.left = curLeft;
 
-                  _this15.addPointList.splice(index, 0, cloneObj);
+                  _this16.addPointList.splice(index, 0, cloneObj);
 
-                  _this15.clonePoint(point, [prePoint.left, prePoint.top, cloneObj.left, cloneObj.top]);
+                  _this16.clonePoint(point, [prePoint.left, prePoint.top, cloneObj.left, cloneObj.top]);
                 }
               }
             })();
@@ -3134,7 +3137,7 @@ var rightClickNodeConnect = [{
       }
     },
     clonePoint: function clonePoint(point, points) {
-      var _this16 = this;
+      var _this17 = this;
 
       var evented, selectable, lineIndex, polylineIndex, lineAttr, polylineTypeId;
       evented = selectable = false;
@@ -3158,7 +3161,7 @@ var rightClickNodeConnect = [{
         clonedObj.hasControls = clonedObj.hasBorders = false;
         point.prePoints = [point.left, point.top];
 
-        var line = _this16.drawLine(Object(toConsumableArray["a" /* default */])(points), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
+        var line = _this17.drawLine(Object(toConsumableArray["a" /* default */])(points), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
           evented: evented,
           selectable: selectable
         }, lineAttr), {}, {
@@ -3169,13 +3172,13 @@ var rightClickNodeConnect = [{
 
         clonedObj.line1 = line;
 
-        _this16.canvas.sendBackwards(line);
+        _this17.canvas.sendBackwards(line);
 
         clonedObj.bringForward();
 
-        _this16.canvas.add(clonedObj);
+        _this17.canvas.add(clonedObj);
 
-        _this16.addPointObjList.push(clonedObj); // resolve(clonedObj);
+        _this17.addPointObjList.push(clonedObj); // resolve(clonedObj);
 
       }); // });
     },
@@ -3292,22 +3295,27 @@ var rightClickNodeConnect = [{
       }
     },
     // 打开右键菜单
-    openRightModal: function openRightModal(event) {
-      var _this17 = this;
+    openRightModal: function openRightModal() {
+      var _this18 = this;
 
+      var _this$activeEvent$e = this.activeEvent.e,
+          clientX = _this$activeEvent$e.clientX,
+          pageX = _this$activeEvent$e.pageX,
+          clientY = _this$activeEvent$e.clientY,
+          pageY = _this$activeEvent$e.pageY;
       this.rightPos = {
-        clientX: event.e.clientX || event.e.pageX,
-        clientY: event.e.clientY || event.e.pageY
+        clientX: clientX !== null && clientX !== void 0 ? clientX : pageX,
+        clientY: clientY !== null && clientY !== void 0 ? clientY : pageY
       };
       this.isRightVisible = false;
-      var target = event.target;
-      var id = target ? target.id : '';
+      var target = this.activeEvent.target;
+      var id = (target === null || target === void 0 ? void 0 : target.id) || '';
       this.$nextTick(function () {
         if (id && id.includes('_polylinePoint_')) {
-          _this17._currentPoint = target;
+          _this18._currentPoint = target;
           var nodeConnect = [];
 
-          if (_this17.propItems.operable.connect) {
+          if (_this18.propItems.operable.connect) {
             if (!target.line2 && target.nextPoint) {
               nodeConnect = rightClickNodeConnect.slice(0, 1);
             }
@@ -3321,13 +3329,13 @@ var rightClickNodeConnect = [{
             }
           }
 
-          _this17.rightClickNode = Object.freeze(rightClickNode.slice(0, 1).concat(nodeConnect).concat(rightClickNode.slice(-1)));
-          _this17.isRightVisible = true;
+          _this18.rightClickNode = Object.freeze(rightClickNode.slice(0, 1).concat(nodeConnect).concat(rightClickNode.slice(-1)));
+          _this18.isRightVisible = true;
         } else if (!id) {
-          var operable = _this17.propItems.operable;
-          _this17._currentPoint = null;
-          _this17.rightClickNode = Object.freeze(operable.set ? rightClickNode.slice(0, 2) : rightClickNode.slice(0, 1));
-          _this17.isRightVisible = true;
+          var operable = _this18.propItems.operable;
+          _this18._currentPoint = null;
+          _this18.rightClickNode = Object.freeze(operable.set ? rightClickNode.slice(0, 2) : rightClickNode.slice(0, 1));
+          _this18.isRightVisible = true;
         }
       });
     },
@@ -3395,16 +3403,16 @@ var rightClickNodeConnect = [{
     // 将当条线段以及点层级置顶
     // 线段不能先置顶，会挡住其他线段上的点
     pointToFront: function pointToFront(point) {
-      var _this18 = this;
+      var _this19 = this;
 
       this.canvas.forEachObject(function (obj) {
-        if (_this18.isOnePolyLine(obj, point.polylineTypeId, point.polylineIndex)) {
-          _this18.canvas.bringToFront(obj);
+        if (_this19.isOnePolyLine(obj, point.polylineTypeId, point.polylineIndex)) {
+          _this19.canvas.bringToFront(obj);
         }
       });
     },
     removePolyline: function removePolyline(id, left, position, polylineIndex) {
-      var _this19 = this;
+      var _this20 = this;
 
       // 根据id或者idClone删除
       if (id) {
@@ -3413,9 +3421,9 @@ var rightClickNodeConnect = [{
         if (pointId === 'idClone') {
           this.addPointObjList.forEach(function (obj) {
             if (obj.left >= left) {
-              _this19.canvas.remove(obj);
+              _this20.canvas.remove(obj);
 
-              obj.line1 && _this19.canvas.remove(obj.line1);
+              obj.line1 && _this20.canvas.remove(obj.line1);
             }
           });
           this.addPointObjList = this.addPointObjList.filter(function (obj) {
@@ -3429,9 +3437,9 @@ var rightClickNodeConnect = [{
           if (point && point.length > 0) {
             point.forEach(function (v) {
               if (!left) {
-                _this19.canvas.remove(v);
+                _this20.canvas.remove(v);
 
-                v.line1 && _this19.canvas.remove(v.line1);
+                v.line1 && _this20.canvas.remove(v.line1);
               }
             });
           }
@@ -3446,12 +3454,12 @@ var rightClickNodeConnect = [{
           return v.position === position;
         });
         this.canvas.forEachObject(function (obj) {
-          if (_this19.isOnePolyLine(obj, polylineTypeId, polylineIndex)) {
-            obj.text && _this19.canvas.remove(obj.text);
-            obj.line1 && _this19.canvas.remove(obj.line1);
-            obj.line2 && _this19.canvas.remove(obj.line2);
+          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);
 
-            _this19.canvas.remove(obj);
+            _this20.canvas.remove(obj);
           }
         });
         return;
@@ -3460,9 +3468,9 @@ var rightClickNodeConnect = [{
 
       this.canvas.forEachObject(function (obj) {
         if (obj.id && /_polyline(Point|Line)_/.test(obj.id) && !obj.id.includes('isTitle')) {
-          obj.text && _this19.canvas.remove(obj.text);
+          obj.text && _this20.canvas.remove(obj.text);
 
-          _this19.canvas.remove(obj);
+          _this20.canvas.remove(obj);
         }
       });
     },
@@ -3473,7 +3481,7 @@ var rightClickNodeConnect = [{
       }
     },
     repaintPolyline: function repaintPolyline(position, dadaIndex) {
-      var _this20 = this;
+      var _this21 = this;
 
       if (arguments.length < 2) {
         if (this.polyline.length) {
@@ -3483,7 +3491,7 @@ var rightClickNodeConnect = [{
         this.polylinePointList = [];
         this.flickerablePoints = [];
         this.polyline.forEach(function (polylineType, polylineTypeId) {
-          _this20.createPolyline(polylineType, polylineTypeId);
+          _this21.createPolyline(polylineType, polylineTypeId);
         });
         this.removeTitle();
         this.drawPolylineTitle();
@@ -3513,8 +3521,8 @@ var rightClickNodeConnect = [{
 
 var FabricPolylines_component = Object(componentNormalizer["a" /* default */])(
   fabric_chart_FabricPolylinesvue_type_script_lang_js_,
-  FabricPolylinesvue_type_template_id_47f12750_render,
-  FabricPolylinesvue_type_template_id_47f12750_staticRenderFns,
+  FabricPolylinesvue_type_template_id_4cbf471a_render,
+  FabricPolylinesvue_type_template_id_4cbf471a_staticRenderFns,
   false,
   null,
   null,
@@ -3620,12 +3628,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":"4bfccfd0-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=66ab25fc&
-var FabricTextGroupvue_type_template_id_66ab25fc_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_66ab25fc_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a62a2cd6-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=5b0e77b0&
+var FabricTextGroupvue_type_template_id_5b0e77b0_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_5b0e77b0_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricTextGroup.vue?vue&type=template&id=66ab25fc&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricTextGroup.vue?vue&type=template&id=5b0e77b0&
 
 // EXTERNAL MODULE: external "core-js/modules/es.array.sort.js"
 var es_array_sort_js_ = __webpack_require__("4c07");
@@ -3796,30 +3804,30 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
               x = _event$pointer.x,
               y = _event$pointer.y;
 
-          var _this2$$propItems = _this2.$propItems(),
-              originX = _this2$$propItems.originX,
-              originY = _this2$$propItems.originY,
-              endX = _this2$$propItems.endX,
-              endY = _this2$$propItems.endY;
-
-          if (!(x < originX || x > endX || y < originY || y > endY)) {
+          if (_this2.isGridLimit(x, y)) {
             _this2.activeEvent = event;
-            document.querySelector('.upper-canvas').addEventListener('contextmenu', _this2.addEventListenerContextmenu, true);
+            !_this2.isAddEventListenerContextmenu && document.querySelector('.upper-canvas').addEventListener('contextmenu', _this2.addEventListenerContextmenu, true);
+            _this2.isAddEventListenerContextmenu = true;
           }
         }
       });
     },
     // 打开右键菜单
-    openRightModal: function openRightModal(event) {
+    openRightModal: function openRightModal() {
       var _this3 = this;
 
+      var _this$activeEvent$e = this.activeEvent.e,
+          clientX = _this$activeEvent$e.clientX,
+          pageX = _this$activeEvent$e.pageX,
+          clientY = _this$activeEvent$e.clientY,
+          pageY = _this$activeEvent$e.pageY;
       this.rightPos = {
-        clientX: event.e.clientX || event.e.pageX,
-        clientY: event.e.clientY || event.e.pageY
+        clientX: clientX !== null && clientX !== void 0 ? clientX : pageX,
+        clientY: clientY !== null && clientY !== void 0 ? clientY : pageY
       };
       this.isRightVisible = false;
-      var target = event.target;
-      var id = target ? target.id : '';
+      var target = this.activeEvent.target;
+      var id = (target === null || target === void 0 ? void 0 : target.id) || '';
       this.$nextTick(function () {
         if (id && id.includes('_other')) {
           _this3._currentPoint = target || '';
@@ -4552,8 +4560,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_66ab25fc_render,
-  FabricTextGroupvue_type_template_id_66ab25fc_staticRenderFns,
+  FabricTextGroupvue_type_template_id_5b0e77b0_render,
+  FabricTextGroupvue_type_template_id_5b0e77b0_staticRenderFns,
   false,
   null,
   null,
@@ -4562,14 +4570,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":"4bfccfd0-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=2fb04f40&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a62a2cd6-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=2fb04f40&
 var FabricScaleValuevue_type_template_id_2fb04f40_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.templateData.top.xScalevalue.popupTop)?_c('TimeScaleValue',{attrs:{"times":_vm.timeList,"templateData":_vm.templateData}}):_vm._e()}
 var FabricScaleValuevue_type_template_id_2fb04f40_staticRenderFns = []
 
 
 // CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricScaleValue.vue?vue&type=template&id=2fb04f40&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4bfccfd0-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=3b20fb44&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a62a2cd6-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=3b20fb44&scoped=true&
 var TimeScaleValuevue_type_template_id_3b20fb44_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_3b20fb44_scoped_true_staticRenderFns = []
 
@@ -4936,12 +4944,12 @@ 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":"4bfccfd0-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=a683fbc4&
-var FabricLinesvue_type_template_id_a683fbc4_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_a683fbc4_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a62a2cd6-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=e835fd06&
+var FabricLinesvue_type_template_id_e835fd06_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_e835fd06_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=template&id=a683fbc4&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=template&id=e835fd06&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./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=script&lang=js&
 
@@ -5044,15 +5052,10 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
               x = _event$pointer.x,
               y = _event$pointer.y;
 
-          var _this$$propItems = _this.$propItems(),
-              originX = _this$$propItems.originX,
-              endX = _this$$propItems.endX,
-              endYTop = _this$$propItems.endYTop,
-              originYTop = _this$$propItems.originYTop;
-
-          if (!(x < 0 || x > endX || y < originYTop || y > endYTop)) {
+          if (_this.isTopTreeAndGridLimit(x, y)) {
             _this.activeEvent = event;
-            document.querySelector('.upper-canvas').addEventListener('contextmenu', _this.addEventListenerContextmenu, true);
+            !_this.isAddEventListenerContextmenu && document.querySelector('.upper-canvas').addEventListener('contextmenu', _this.addEventListenerContextmenu, true);
+            _this.isAddEventListenerContextmenu = true;
           }
         }
       });
@@ -5076,39 +5079,38 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
      */
     addEventListenerContextmenu: function addEventListenerContextmenu(event) {
       event.preventDefault();
-      var x = event.offsetX;
-      var y = event.offsetY;
-
-      var _this$$propItems2 = this.$propItems(),
-          originX = _this$$propItems2.originX,
-          endX = _this$$propItems2.endX,
-          endYTop = _this$$propItems2.endYTop,
-          originYTop = _this$$propItems2.originYTop;
+      var offsetX = event.offsetX,
+          offsetY = event.offsetY;
 
-      if (!(x < 0 || x > endX || y < originYTop || y > endYTop)) {
-        this.openRightModal(this.activeEvent);
+      if (this.isTopTreeAndGridLimit(offsetX, offsetY)) {
+        this.openRightModal();
       }
 
       return false;
     },
     // 打开右键菜单
-    openRightModal: function openRightModal(event) {
+    openRightModal: function openRightModal() {
       var _this2 = this;
 
+      var _this$activeEvent$e = this.activeEvent.e,
+          clientX = _this$activeEvent$e.clientX,
+          pageX = _this$activeEvent$e.pageX,
+          clientY = _this$activeEvent$e.clientY,
+          pageY = _this$activeEvent$e.pageY;
       this.rightPos = {
-        clientX: event.e.clientX || event.e.pageX,
-        clientY: event.e.clientY || event.e.pageY
+        clientX: clientX !== null && clientX !== void 0 ? clientX : pageX,
+        clientY: clientY !== null && clientY !== void 0 ? clientY : pageY
       };
       this.isRightVisible = false;
-      var target = event.target;
-      var id = target ? target.id : '';
+      var target = this.activeEvent.target;
+      var id = (target === null || target === void 0 ? void 0 : target.id) || '';
       this.$nextTick(function () {
         if (id && id.includes('_lineGroup_')) {
           _this2._currentPoint = target || '';
           _this2.rightClickNode = Object.freeze(FabricLinesvue_type_script_lang_js_rightClickNode.slice());
           _this2.isRightVisible = true;
         } else {
-          _this2.doContextmenuEvent(event.pointer);
+          _this2.doContextmenuEvent(_this2.activeEvent.pointer);
         }
       });
     },
@@ -5116,8 +5118,8 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
       var x = pointer.x,
           y = pointer.y;
 
-      var _this$$propItems3 = this.$propItems(),
-          treeList = _this$$propItems3.treeList;
+      var _this$$propItems = this.$propItems(),
+          treeList = _this$$propItems.treeList;
 
       var _treeList = vexutils_default.a.clone(treeList, true);
 
@@ -5193,7 +5195,7 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
       return Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
         var _this5$canvas;
 
-        var lineList, _this5$propItems, originX, endX, xScaleList, yCellHeightTop, originYTop, spaceHeight, minMinute, maxMinute, lineItemList, y1, y2, textArr, textList, j, len, item, startMinute, endMinute, x1, x2, textObj, textContent, isContinue, leftLine, centerLine, centerRect, rightLine, textTop, textLimitRight, text, _lineList, leftLimit, _lineList2, preItem0, preItem1, preEndMinute, preStartMinute, rightLimt, _lineList3, _preItem, _preStartMinute;
+        var lineList, _this5$propItems, originX, endX, xScaleList, yCellHeightTop, originYTop, spaceHeight, minMinute, maxMinute, lineItemList, y1, y2, textArr, textList, j, len, item, startMinute, endMinute, x1, x2, textObj, textContent, isContinue, leftLine, centerLine, centerRect, rightLine, leftLimit, rightLimit, _lineList, preItem0, preItem1, preEndMinute, preStartMinute, _lineList2, _preItem, _preStartMinute, textTop, text, commonOptions;
 
         return regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
@@ -5214,7 +5216,7 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
 
               case 11:
                 if (!(j < len)) {
-                  _context.next = 57;
+                  _context.next = 53;
                   break;
                 }
 
@@ -5329,97 +5331,100 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
                 lineItemList.push(rightLine);
 
               case 40:
-                // 文字内容
-                textTop = x2 ? (y1 + y2) / 2 : y1 + yCellHeightTop / 2;
-                textLimitRight = void 0;
-                text = endMinute === '' && leftLine || item[1] && !(x1 === originX && x2 === originX) && !(x1 === endX && x2 === endX) ? _this5.drawLineText(textArr.concat([textContent]), textTop, i, j, centerLine, leftLine, x1, x2) : null; // 文字内容居右侧竖线且超出当前线段右边界则移除
-
-                if (text) {
-                  textLimitRight = (_lineList = lineList[j + 1]) !== null && _lineList !== void 0 && _lineList[0] && _this5.cumputedX(lineList[j + 1][0]) <= endX ? _this5.cumputedX(lineList[j + 1][0]) : endX;
-
-                  if (text.originX === 'left' && text.left + text.width + 2 >= textLimitRight) {
-                    textLimitRight !== endX && textArr.push(textContent);
-
-                    _this5.canvas.remove(text);
-
-                    text = null;
-                  } else {
-                    textArr = [];
-
-                    _this5.hoverEvent(text, {
-                      textObj: textObj,
-                      startTime: item[0],
-                      endTime: item[1]
-                    });
-
-                    textList.push(text);
-                  }
-                } // 设置拖动限制值
-
-
-                leftLimit = {};
-                leftLimit.x2 = x2 ? x2 : endX;
-                leftLimit.x1 = originX;
+                // 设置拖动限制值
+                leftLimit = {
+                  x1: originX,
+                  x2: x2 ? x2 : endX
+                };
+                rightLimit = {
+                  x1: x2 ? x1 : originX,
+                  x2: endX
+                };
 
                 if (lineList[j - 1]) {
-                  _lineList2 = Object(slicedToArray["a" /* default */])(lineList[j - 1], 2), preItem0 = _lineList2[0], preItem1 = _lineList2[1];
+                  _lineList = Object(slicedToArray["a" /* default */])(lineList[j - 1], 2), preItem0 = _lineList[0], preItem1 = _lineList[1];
 
                   if (preItem1) {
                     preEndMinute = new Date(preItem1).getTime();
-                    if (preEndMinute >= minMinute && preEndMinute < maxMinute) leftLimit.x1 = _this5.cumputedX(preItem1);
+
+                    if (preEndMinute >= minMinute && preEndMinute < maxMinute) {
+                      leftLimit.x1 = _this5.cumputedX(preItem1);
+                      if (!x2) rightLimit.x1 = leftLimit.x1;
+                    }
                   } else {
                     preStartMinute = new Date(preItem0).getTime();
-                    if (preStartMinute >= minMinute && preStartMinute < maxMinute) leftLimit.x1 = _this5.cumputedX(preItem0);
+
+                    if (preStartMinute >= minMinute && preStartMinute < maxMinute) {
+                      leftLimit.x1 = _this5.cumputedX(preItem0);
+                      if (!x2) rightLimit.x1 = leftLimit.x1;
+                    }
                   }
                 }
 
-                rightLimt = {};
-                rightLimt.x1 = x2 ? x1 : originX;
-                rightLimt.x2 = endX;
-
                 if (lineList[j + 1]) {
-                  _lineList3 = Object(slicedToArray["a" /* default */])(lineList[j + 1], 1), _preItem = _lineList3[0];
+                  _lineList2 = Object(slicedToArray["a" /* default */])(lineList[j + 1], 1), _preItem = _lineList2[0];
 
                   if (_preItem) {
                     _preStartMinute = new Date(_preItem).getTime();
-                    if (_preStartMinute > minMinute && _preStartMinute <= maxMinute) rightLimt.x2 = _this5.cumputedX(_preItem);
+                    if (_preStartMinute > minMinute && _preStartMinute <= maxMinute) rightLimit.x2 = _this5.cumputedX(_preItem);
                   }
+                } // 文字内容
+
+
+                textTop = x2 ? (y1 + y2) / 2 : y1 + yCellHeightTop / 2;
+                text = endMinute === '' && leftLine || item[1] && !(x1 === originX && x2 === originX) && !(x1 === endX && x2 === endX) ? _this5.drawLineText(textArr.concat([textContent]), textTop, i, j, x1, x2, {
+                  leftLimit: leftLimit,
+                  rightLimit: rightLimit,
+                  y2: y2
+                }) : null; // 文字内容居右侧竖线且超出当前线段右边界则移除
+
+                if (text) {
+                  textArr = [];
+
+                  _this5.hoverEvent(text, {
+                    textObj: textObj,
+                    startTime: item[0],
+                    endTime: item[1]
+                  });
+
+                  textList.push(text);
                 }
 
-                _this5.lineEvent({
-                  line: leftLine,
-                  line1: centerLine,
+                commonOptions = {
+                  __range: [x1, x2],
+                  __baseY: y2,
+                  centerLine: centerLine,
                   text: text,
                   textObj: textObj,
-                  limitX: leftLimit,
+                  leftLimit: leftLimit,
+                  rightLimit: rightLimit,
                   startTime: item[0],
-                  endTime: item[1],
-                  preText: textList[text ? textList.length - 2 : textList.length - 1] || null,
-                  textLimitRight: textLimitRight
-                });
+                  endTime: item[1]
+                };
+
+                _this5.lineEvent(Object(objectSpread2["a" /* default */])({
+                  __position: 'left',
+                  line: leftLine,
+                  limitX: leftLimit,
+                  preText: textList[text ? textList.length - 2 : textList.length - 1] || null
+                }, commonOptions));
 
-                _this5.lineEvent({
+                _this5.lineEvent(Object(objectSpread2["a" /* default */])({
+                  __position: 'right',
                   line: rightLine,
-                  line2: centerLine,
-                  text: text,
-                  textObj: textObj,
-                  limitX: rightLimt,
-                  startTime: item[0],
-                  endTime: item[1],
-                  preText: null,
-                  textLimitRight: rightLimt.x2
-                });
+                  limitX: rightLimit,
+                  preText: null
+                }, commonOptions));
 
-              case 54:
+              case 50:
                 j++;
                 _context.next = 11;
                 break;
 
-              case 57:
-                (_this5$canvas = _this5.canvas).add.apply(_this5$canvas, lineItemList.concat(textList)); // this.canvas.requestRenderAll();
-
+              case 53:
+                (_this5$canvas = _this5.canvas).add.apply(_this5$canvas, lineItemList.concat(textList));
 
-              case 58:
+              case 54:
               case "end":
                 return _context.stop();
             }
@@ -5427,15 +5432,10 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
         }, _callee);
       }))();
     },
-    drawLineText: function drawLineText(textArr, top, i, j, centerLine, leftLine, x1, x2) {
-      var _leftLine$width;
-
-      // const value = textArr.map(v => {
-      //   const channel = v.channel ? `(${v.channel})` : '';
-      //   const consistence = v.consistence ? `(${v.consistence})` : '';
-      //   const total = v.total ? `(${v.total})` : '';
-      //   return `${v.currentSpeed || ''}${channel}${consistence}${total}`
-      // }).join('—');
+    drawLineText: function drawLineText(textArr, top, i, j, x1, x2, _ref2) {
+      var leftLimit = _ref2.leftLimit,
+          rightLimit = _ref2.rightLimit,
+          y2 = _ref2.y2;
       var value = textArr.filter(function (v) {
         return v !== '';
       }).join('—');
@@ -5452,17 +5452,63 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
         rowIndex: i,
         colIndex: j
       }, this.linesObj.dataTextStyle || {}));
-      var limitWidth = text.width + 2; // 横线小于text文字的宽度则text显示在右侧
-
-      var originX = !centerLine || x2 && x2 - x1 <= limitWidth ? 'left' : 'center';
-      var left = x2 && x2 - x1 > limitWidth ? (x1 + x2) / 2 : this.textMarginLeft + (x2 && x2 - x1 <= limitWidth ? x2 : x1 + ((_leftLine$width = leftLine === null || leftLine === void 0 ? void 0 : leftLine.width) !== null && _leftLine$width !== void 0 ? _leftLine$width : 0) / 3);
-      text.set({
-        originX: originX,
-        left: left
-      });
+      this.setTextPosition(text, top, x1, x2, leftLimit, rightLimit, y2);
       text.hasControls = text.hasBorders = false;
       return text;
     },
+    setTextPosition: function setTextPosition(text, top, x1, x2, leftLimit, rightLimit, baseY) {
+      var _ref3;
+
+      var textWidth = text.width + 2; // 横线小于text文字的宽度则text显示在右侧
+
+      var centerLineWidth = (_ref3 = (x2 || x1) - x1) !== null && _ref3 !== void 0 ? _ref3 : 0;
+      var rightWidth = rightLimit.x2 - leftLimit.x2 || rightLimit.x2 - x1 || 0;
+      var leftWidth = rightLimit.x1 - leftLimit.x1 || x1 - leftLimit.x1 || 0;
+      var changeOptions = {
+        originX: 'center',
+        left: x1 + centerLineWidth / 2,
+        top: top,
+        scaleX: 1,
+        scaleY: 1,
+        originY: 'center',
+        backgroundColor: '#fff',
+        textLimit: {
+          x1: x1,
+          x2: x2 || x1
+        }
+      };
+
+      if (centerLineWidth >= textWidth) {// console.log('正常显示的文本')
+      } else if (textWidth <= rightWidth) {
+        changeOptions.originX = 'left';
+        changeOptions.left = (x2 ? x2 : x1 + 3) + this.textMarginLeft;
+        changeOptions.backgroundColor = 'transparent';
+        changeOptions.textLimit.x2 = changeOptions.left + text.width;
+      } else if (textWidth <= leftWidth) {
+        changeOptions.originX = 'right';
+        changeOptions.left = x1 - 3 - this.textMarginLeft;
+        changeOptions.backgroundColor = 'transparent';
+        changeOptions.textLimit.x1 = changeOptions.left - text.width;
+      } else {
+        changeOptions.scaleX = 0.75;
+        changeOptions.scaleY = 0.75;
+        changeOptions.originY = 'bottom';
+        changeOptions.top = baseY + 1.5;
+        changeOptions.backgroundColor = 'transparent';
+
+        if (leftLimit.x1 == this.propItems.originX) {
+          changeOptions.originX = 'left';
+          changeOptions.left = leftLimit.x1 + this.textMarginLeft;
+        }
+
+        if (rightLimit.x2 == this.propItems.endX) {
+          changeOptions.originX = 'right';
+          changeOptions.left = rightLimit.x2 - this.textMarginLeft;
+        }
+      }
+
+      text.setCoords().set(changeOptions);
+    },
 
     /**
      * @description: 画-|-样式的组
@@ -5477,7 +5523,7 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
       var _this6 = this;
 
       return Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-        var id, point, left, position, customIcon, isContinue, line, common, _this6$linesObj$dataL, dataLineStyle, _customIcon, rect;
+        var id, point, left, position, customIcon, isContinue, halfH, line, common, _this6$linesObj$dataL, dataLineStyle, _customIcon, rect;
 
         return regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) {
@@ -5485,12 +5531,13 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
               case 0:
                 id = '_lineGroup_' + Date.now();
                 position = others.position, customIcon = others.customIcon, isContinue = others.isContinue;
+                halfH = (y2 - y1) / 2;
 
                 if (position === 'left') {
-                  point = [x1, y1, x1, y2];
+                  point = [x1, y1, x1, y2 - halfH + 1];
                   left = x1 - _this6.propItems.xCellWidth / 2;
                 } else {
-                  point = [x2, y1, x2, y2];
+                  point = [x2, y1, x2, y2 - halfH + 1];
                   left = x2 - _this6.propItems.xCellWidth / 2;
                 }
 
@@ -5501,37 +5548,37 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
                 _this6$linesObj$dataL = _this6.linesObj.dataLineStyle, dataLineStyle = _this6$linesObj$dataL === void 0 ? {} : _this6$linesObj$dataL;
 
                 if (!customIcon) {
-                  _context2.next = 12;
+                  _context2.next = 13;
                   break;
                 }
 
                 _customIcon = _this6.linesObj.customIcon || {
                   type: 'circle'
                 };
-                _context2.next = 9;
+                _context2.next = 10;
                 return _this6.createPoint(_customIcon.type, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
                   left: x1,
-                  top: y1 + (y2 - y1) / 2,
+                  top: y1 + halfH,
                   originY: 'center'
                 }, dataLineStyle), dataLineStyle.stroke ? {
                   fill: dataLineStyle.stroke
                 } : {}), _customIcon.style || {}), common));
 
-              case 9:
+              case 10:
                 line = _context2.sent;
-                _context2.next = 20;
+                _context2.next = 21;
                 break;
 
-              case 12:
+              case 13:
                 if (!isContinue) {
-                  _context2.next = 18;
+                  _context2.next = 19;
                   break;
                 }
 
-                _context2.next = 15;
+                _context2.next = 16;
                 return _this6.createArrow(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
                   left: x2,
-                  top: y1 + (y2 - y1) / 2 - 3.5,
+                  top: y1 + halfH - 3.5,
                   originY: 'bottom',
                   originX: 'right',
                   fill: 'transparent',
@@ -5540,18 +5587,18 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
                   angle: 270
                 }, dataLineStyle), common));
 
-              case 15:
+              case 16:
                 _context2.t0 = _context2.sent;
-                _context2.next = 19;
+                _context2.next = 20;
                 break;
 
-              case 18:
+              case 19:
                 _context2.t0 = _this6.drawLine(point, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, dataLineStyle), common));
 
-              case 19:
+              case 20:
                 line = _context2.t0;
 
-              case 20:
+              case 21:
                 rect = new _this6.fabric.Rect({
                   width: _this6.propItems.xCellWidth,
                   height: y2 - y1,
@@ -5575,7 +5622,7 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
 
                 })));
 
-              case 22:
+              case 23:
               case "end":
                 return _context2.stop();
             }
@@ -5603,24 +5650,30 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
       var _this8 = this;
 
       var line = attr.line,
-          line1 = attr.line1,
-          line2 = attr.line2,
+          centerLine = attr.centerLine,
           text = attr.text,
           textObj = attr.textObj,
+          leftLimit = attr.leftLimit,
+          rightLimit = attr.rightLimit,
           limitX = attr.limitX,
           startTime = attr.startTime,
           endTime = attr.endTime,
           preText = attr.preText,
-          textLimitRight = attr.textLimitRight;
+          __position = attr.__position,
+          __range = attr.__range,
+          __baseY = attr.__baseY;
 
       if (line) {
         line.hasControls = line.hasBorders = false;
-        line1 && (line.line1 = line1);
-        line2 && (line.line2 = line2);
+        centerLine && (line.centerLine = centerLine);
         text && (line.text = text);
         line.limitX = limitX;
         preText && (line.preText = preText);
-        textLimitRight && (line.textLimitRight = textLimitRight);
+        line.leftLimit = leftLimit;
+        line.rightLimit = rightLimit;
+        line.__position = __position;
+        line.__range = __range;
+        line.__baseY = __baseY;
         this.hoverEvent(line, {
           textObj: textObj,
           startTime: startTime,
@@ -5630,8 +5683,6 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
         line.on('moving', function () {
           _this8.lineMoveLimit(line);
 
-          _this8.lineMoveUpdateLine(line);
-
           _this8.textUpdatePositionX(line); // this.canvas.renderAll();
 
 
@@ -5789,65 +5840,29 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
       if (line.left > line.limitX.x2) {
         line.set('left', line.limitX.x2);
       }
-    },
-    lineMoveUpdateLine: function lineMoveUpdateLine(line) {
-      if (line.line1) {
-        line.line1.setCoords().set({
-          x1: line.left
-        });
-      }
 
-      if (line.line2) {
-        line.line2.setCoords().set({
+      if (line.centerLine) {
+        var options = line.__position === 'left' ? {
+          x1: line.left
+        } : {
           x2: line.left
-        });
+        };
+        line.centerLine.setCoords().set(options);
       }
     },
     textUpdatePositionX: function textUpdatePositionX(line) {
       var text = line.text || null;
 
       if (text) {
-        // 如果line2存在说明当前拖动的是右边手柄，line1存在则是左边手柄，都不存在说明不存在中间线
-        var centerLine = line.line1 || line.line2 || null;
-        var left = line.left;
-
-        var _limitWidth = text.width + 2;
-
-        var originX = text.originX;
-        var v;
-
-        if ((centerLine === null || centerLine === void 0 ? void 0 : centerLine.x2) - (centerLine === null || centerLine === void 0 ? void 0 : centerLine.x1) > _limitWidth) {
-          v = left + centerLine.width / 2 * (line.line2 ? -1 : 1);
-          originX = 'center';
-        } else {
-          v = this.textMarginLeft + (centerLine ? centerLine.x2 : left + 3);
-          originX = 'left'; // 移动到最右边界时候文字超出当前线段可拖动的右边界的情况
-
-          if (line.textLimitRight && v + _limitWidth > line.textLimitRight) {
-            v = this.propItems.endX + 100; // 此值随便设置，只要达到隐藏效果即可
-          }
-        }
-
-        text.setCoords();
-        text.set({
-          left: v,
-          originX: originX
-        });
-      } // 拖动左侧竖线时需要更改上一线段文字的位置，以防止文字被遮挡
-
-
-      var preText = line.preText || null;
-      if (!preText) return;
-      var limitWidth = preText.width + 2;
-
-      if (preText.originX === 'left' && preText.left + limitWidth > line.left) {
-        var _v = this.propItems.endX + 100; // 此值随便设置，只要达到隐藏效果即可
-
-
-        preText.setCoords();
-        preText.set({
-          left: _v
-        });
+        var __baseY = line.__baseY,
+            __range = line.__range,
+            leftLimit = line.leftLimit,
+            rightLimit = line.rightLimit,
+            __position = line.__position;
+        var x1 = __position === 'left' ? line.left : __range[0];
+        var x2 = __position === 'right' ? line.left : __range[1];
+        var top = __baseY - this.propItems.yCellHeightTop / 2;
+        this.setTextPosition(text, top, x1, x2, leftLimit, rightLimit, __baseY);
       }
     },
     repaintLine: function repaintLine() {
@@ -5873,8 +5888,8 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
 
 var FabricLines_component = Object(componentNormalizer["a" /* default */])(
   fabric_chart_FabricLinesvue_type_script_lang_js_,
-  FabricLinesvue_type_template_id_a683fbc4_render,
-  FabricLinesvue_type_template_id_a683fbc4_staticRenderFns,
+  FabricLinesvue_type_template_id_e835fd06_render,
+  FabricLinesvue_type_template_id_e835fd06_staticRenderFns,
   false,
   null,
   null,