cnhis-design-vue 2.1.21 → 2.1.24

package/es/fabric-chart/index.js

@@ -288,7 +288,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":"ecccdc7e-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=cb500674&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4474b79b-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=cb500674&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(("FabricCanvas" + (_vm.templateData.type || '')),{ref:"canvasEle",tag:"component",attrs:{"id":_vm.id,"templateData":_vm.templateData}},[(_vm.templateData.type)?[_c('fabric-grid'),_c('fabric-top2',{attrs:{"templateData":_vm.templateData}}),_c('fabric-left2',{attrs:{"templateData":_vm.templateData}}),_c('fabric-right2',{attrs:{"templateData":_vm.templateData}}),_c('fabric-bottom2',{attrs:{"templateData":_vm.templateData}}),_c('fabric-center2',_vm._g({attrs:{"other":_vm.templateData.other,"polyline":_vm.templateData.left.leftYScalevalue},on:{"pointOperation":_vm.pointOperation}},_vm.$listeners))]:[(_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()]],2):_vm._e()],1)}
 var staticRenderFns = []
 
@@ -301,7 +301,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":"ecccdc7e-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=8b6630b2&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4474b79b-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=8b6630b2&
 var FabricCanvasvue_type_template_id_8b6630b2_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_8b6630b2_staticRenderFns = []
 
@@ -787,7 +787,7 @@ 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":"ecccdc7e-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-chart2/FabricCanvas.vue?vue&type=template&id=d9708486&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4474b79b-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-chart2/FabricCanvas.vue?vue&type=template&id=d9708486&
 var FabricCanvasvue_type_template_id_d9708486_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_d9708486_staticRenderFns = []
 
@@ -1027,12 +1027,12 @@ var FabricCanvas_component = Object(componentNormalizer["a" /* default */])(
 )
 
 /* harmony default export */ var fabric_chart2_FabricCanvas = (FabricCanvas_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ecccdc7e-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=4f798d71&
-var FabricPolylinesvue_type_template_id_4f798d71_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"poly-line"},[(_vm.isRightVisible)?_c('MouseRightClick',{attrs:{"getContainer":_vm.getContainer,"nodeList":_vm.rightClickNode,"rightPos":_vm.rightPos},on:{"nodeClick":_vm.handleRightClick,"closeRight":function($event){_vm.isRightVisible = false}}}):_vm._e(),_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_4f798d71_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4474b79b-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=2d2caa60&
+var FabricPolylinesvue_type_template_id_2d2caa60_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"poly-line"},[(_vm.isRightVisible)?_c('MouseRightClick',{attrs:{"getContainer":_vm.getContainer,"nodeList":_vm.rightClickNode,"rightPos":_vm.rightPos},on:{"nodeClick":_vm.handleRightClick,"closeRight":function($event){_vm.isRightVisible = false}}}):_vm._e(),_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_2d2caa60_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricPolylines.vue?vue&type=template&id=4f798d71&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricPolylines.vue?vue&type=template&id=2d2caa60&
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
 var asyncToGenerator = __webpack_require__("1da1");
@@ -1046,15 +1046,15 @@ var slicedToArray = __webpack_require__("3835");
 // EXTERNAL MODULE: external "regenerator-runtime/runtime.js"
 var runtime_js_ = __webpack_require__("d16b");
 
+// EXTERNAL MODULE: external "core-js/modules/es.array.fill.js"
+var es_array_fill_js_ = __webpack_require__("d096");
+
 // EXTERNAL MODULE: external "core-js/modules/es.array.includes.js"
 var es_array_includes_js_ = __webpack_require__("85f7");
 
 // EXTERNAL MODULE: external "core-js/modules/es.string.includes.js"
 var es_string_includes_js_ = __webpack_require__("fd22");
 
-// EXTERNAL MODULE: external "core-js/modules/es.array.fill.js"
-var es_array_fill_js_ = __webpack_require__("d096");
-
 // EXTERNAL MODULE: external "core-js/modules/es.string.replace.js"
 var es_string_replace_js_ = __webpack_require__("6378");
 
@@ -1627,7 +1627,7 @@ var type_isObject = function isObject(obj) {
     }
   }
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ecccdc7e-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":"4474b79b-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 = []
 
@@ -1735,7 +1735,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":"ecccdc7e-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":"4474b79b-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 = []
 
@@ -1876,6 +1876,48 @@ var DropPopup_component = Object(componentNormalizer["a" /* default */])(
 
 
 
+/**
+ * @description: 递归遍历节点，设置颜色属性
+ * @param {fabric.Object[]} pointArr
+ * @param {string}} color
+ * @return {*}
+ */
+
+function resetPointColor(pointArr, color) {
+  pointArr.forEach(function (point) {
+    var _point$_objects;
+
+    var fill = point.fill,
+        stroke = point.stroke;
+
+    if (fill && !fill.includes('#fff') && fill !== 'transparent') {
+      point.set({
+        fill: color
+      });
+    }
+
+    if (stroke && !stroke.includes('#fff') && stroke !== 'transparent') {
+      point.set({
+        stroke: color
+      });
+    }
+
+    if ((_point$_objects = point._objects) !== null && _point$_objects !== void 0 && _point$_objects.length) {
+      resetPointColor(point._objects, color);
+    }
+  });
+}
+
+var setPointLineColor = function setPointLineColor(point, color, conditionHasLine2) {
+  var _point$line, _point$line2;
+
+  (_point$line = point.line1) === null || _point$line === void 0 ? void 0 : _point$line.set({
+    stroke: color
+  });
+  conditionHasLine2 && ((_point$line2 = point.line2) === null || _point$line2 === void 0 ? void 0 : _point$line2.set({
+    stroke: color
+  }));
+};
 
 var isEffectiveNode = function isEffectiveNode(node) {
   return (node === null || node === void 0 ? void 0 : node.time) && ((node === null || node === void 0 ? void 0 : node.value) || (node === null || node === void 0 ? void 0 : node.value) === 0);
@@ -2521,13 +2563,7 @@ var rightClickNodeConnect = [{
             polylineTypeId: polylineTypeId,
             polylineIndex: polylineIndex,
             pointerList: pointerList,
-            pointStyle: {
-              fill: res[0].fill,
-              stroke: res[0].stroke
-            },
-            lineStyle: {
-              stroke: lineAttr.stroke
-            },
+            color: lineAttr.stroke,
             pointList: res
           });
         }
@@ -2694,12 +2730,19 @@ var rightClickNodeConnect = [{
         if (point.get('scaleX') !== point.scale) {
           var _this$_concatPoint, _this$_concatPoint2;
 
-          this.addPointList.splice(-1, 1, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, lastPoint), {}, {
+          var addOjb = Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, lastPoint), {}, {
             value: {
               time: this.getXValue((_this$_concatPoint = this._concatPoint) === null || _this$_concatPoint === void 0 ? void 0 : _this$_concatPoint.left),
               value: this.getYValue(position, (_this$_concatPoint2 = this._concatPoint) === null || _this$_concatPoint2 === void 0 ? void 0 : _this$_concatPoint2.top)
             }
-          }));
+          });
+
+          if (lastPoint.value.time == addOjb.value.time) {
+            this.addPointList.splice(-1, 1, addOjb);
+          } else {
+            this.addPointList.push(addOjb);
+          }
+
           this.addPointList.forEach(function (v) {
             return Object.assign(v, {
               isConcat: true,
@@ -2751,7 +2794,7 @@ var rightClickNodeConnect = [{
       var _this12 = this;
 
       return Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
-        var _this12$propItems, xCellWidth, table, originX, addPointSpaceGridNumber, left, top, currentLeft, startLength, n, spaceWidth, residue, condition, conditionNoLine2, conditionHasLine2, checkPoints, _point$line, _point$line2, points1, _this12$getValue, data, x, y, concatPoint, _polylineObj$pointLis, polylineTypeId, polylineIndex, polylineObj, endLength, _point$line3, _point$line4;
+        var _this12$propItems, xCellWidth, table, originX, addPointSpaceGridNumber, left, top, currentLeft, startLength, n, spaceWidth, residue, condition, conditionNoLine2, conditionHasLine2, checkPoints, points1, _this12$getValue, data, x, y, concatPoint, polylineTypeId, polylineIndex, polylineObj, _polylineObj$pointLis, endLength;
 
         return regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) {
@@ -2792,7 +2835,7 @@ var rightClickNodeConnect = [{
                 conditionHasLine2 = point.line2 && left > originLeft + spaceWidth; // if (!point.line2 && left > originLeft && condition) {
 
                 if (!(condition && (conditionNoLine2 || conditionHasLine2))) {
-                  _context3.next = 36;
+                  _context3.next = 35;
                   break;
                 }
 
@@ -2845,33 +2888,28 @@ var rightClickNodeConnect = [{
 
 
                 if (!(conditionNoLine2 || conditionHasLine2)) {
-                  _context3.next = 36;
+                  _context3.next = 35;
                   break;
                 }
 
                 // point.line1 && this.removePolyline(point.line1.id);
-                (_point$line = point.line1) === null || _point$line === void 0 ? void 0 : _point$line.set({
-                  stroke: 'transparent'
-                });
-                conditionHasLine2 && ((_point$line2 = point.line2) === null || _point$line2 === void 0 ? void 0 : _point$line2.set({
-                  stroke: 'transparent'
-                })); // if (i === 1) {
+                setPointLineColor(point, 'transparent', conditionHasLine2); // if (i === 1) {
 
                 _context3.t0 = _this12.addPointList.length == 0;
 
                 if (!_context3.t0) {
-                  _context3.next = 24;
+                  _context3.next = 23;
                   break;
                 }
 
-                _context3.next = 24;
+                _context3.next = 23;
                 return _this12.clonePoint(point, [point.line1 ? point.line1.x1 : originLeft, point.line1 ? point.line1.y1 : originTop, originLeft, originTop]);
 
-              case 24:
+              case 23:
                 if (!_this12.addPointList.every(function (v) {
                   return v.left !== left;
                 })) {
-                  _context3.next = 35;
+                  _context3.next = 34;
                   break;
                 }
 
@@ -2880,14 +2918,14 @@ var rightClickNodeConnect = [{
                 _context3.t1 = points1;
 
                 if (!_context3.t1) {
-                  _context3.next = 30;
+                  _context3.next = 29;
                   break;
                 }
 
-                _context3.next = 30;
+                _context3.next = 29;
                 return _this12.clonePoint(point, [].concat(Object(toConsumableArray["a" /* default */])(points1), [left, top]));
 
-              case 30:
+              case 29:
                 // this.setAddPointList(point);
                 // 调用上面方法就会导致线段绘制失败，目前还不知道为啥子
                 _this12$getValue = _this12.getValue(point), data = _this12$getValue.data, x = _this12$getValue.x, y = _this12$getValue.y;
@@ -2900,17 +2938,20 @@ var rightClickNodeConnect = [{
 
                 _this12.addPointList.push(data);
 
-              case 35:
+              case 34:
                 checkPoints();
 
-              case 36:
+              case 35:
                 // 检查是否显示重合连线放大节点的标识
-                // if (conditionHasLine2) {
+                polylineTypeId = point.polylineTypeId, polylineIndex = point.polylineIndex;
+                polylineObj = _this12.polylinePointList.find(function (v) {
+                  return v.polylineTypeId == polylineTypeId && v.polylineIndex == polylineIndex;
+                });
+                polylineObj === null || polylineObj === void 0 ? void 0 : polylineObj.pointList.forEach(function (v) {
+                  return v.bringToFront();
+                });
+
                 if (point.nextPoint) {
-                  polylineTypeId = point.polylineTypeId, polylineIndex = point.polylineIndex;
-                  polylineObj = _this12.polylinePointList.find(function (v) {
-                    return v.polylineTypeId == polylineTypeId && v.polylineIndex == polylineIndex;
-                  });
                   _this12._concatIndex = polylineObj === null || polylineObj === void 0 ? void 0 : polylineObj.pointerList.findIndex(function (v) {
                     return v + n > left && v > originLeft;
                   });
@@ -2924,33 +2965,35 @@ var rightClickNodeConnect = [{
                     concatPoint(polylineObj === null || polylineObj === void 0 ? void 0 : polylineObj.pointList[_this12._concatIndex]);
                   }
 
-                  _this12._concatPoint = (polylineObj === null || polylineObj === void 0 ? void 0 : (_polylineObj$pointLis = polylineObj.pointList) === null || _polylineObj$pointLis === void 0 ? void 0 : _polylineObj$pointLis[_this12._concatIndex]) || null;
+                  _this12._concatPoint = (polylineObj === null || polylineObj === void 0 ? void 0 : (_polylineObj$pointLis = polylineObj.pointList) === null || _polylineObj$pointLis === void 0 ? void 0 : _polylineObj$pointLis[_this12._concatIndex]) || null; // 被覆盖节点置灰配置
+
                   polylineObj === null || polylineObj === void 0 ? void 0 : polylineObj.pointerList.forEach(function (v, i) {
                     var obj = polylineObj === null || polylineObj === void 0 ? void 0 : polylineObj.pointList[i];
 
                     if (v > originLeft && v < left) {
-                      var _polylineObj$pointSty = polylineObj.pointStyle,
-                          fill = _polylineObj$pointSty.fill,
-                          stroke = _polylineObj$pointSty.stroke;
-
-                      var setColor = function setColor(color) {
-                        return color && (color !== '#fff' || color !== 'transparent') ? '#999' : color;
-                      }; // 此处需要递归遍历group节点的所有子节点，然后更改其颜色
-                      // 待完善
+                      var _obj$line;
 
-
-                      obj.set({
-                        fill: setColor(fill),
-                        stroke: setColor(stroke)
-                      }); // obj.line2?.set({ fill: setColor(fill), stroke: setColor(stroke) });
+                      // 此处需要递归遍历group节点的所有子节点，然后更改其颜色
+                      resetPointColor([obj], '#999');
+                      (_obj$line = obj.line2) === null || _obj$line === void 0 ? void 0 : _obj$line.set({
+                        stroke: '#999'
+                      });
                     } else {
-                      obj.set(polylineObj.pointStyle); // obj.line2?.set(polylineObj.lineStyle);
+                      var _obj$line2;
+
+                      resetPointColor([obj], polylineObj.color);
+                      (_obj$line2 = obj.line2) === null || _obj$line2 === void 0 ? void 0 : _obj$line2.set({
+                        stroke: polylineObj.color
+                      });
                     }
                   });
-                } // } else {
-                //   point.nextPoint && concatPoint(point.nextPoint);
-                // }
-                // 如果往回拖动则删除经过的已存在的节点
+
+                  if ((point.line1 || point.line2) && left < originLeft + spaceWidth) {
+                    setPointLineColor(point, polylineObj.color, true);
+                  } else {
+                    setPointLineColor(point, 'transparent', true);
+                  }
+                } // 如果往回拖动则删除经过的已存在的节点
 
 
                 if (startLength > 0 && currentLeft <= _this12.addPointList[startLength - 1].left) {
@@ -2962,12 +3005,7 @@ var rightClickNodeConnect = [{
                   endLength = _this12.addPointList.length;
 
                   if (endLength === 0) {
-                    (_point$line3 = point.line1) === null || _point$line3 === void 0 ? void 0 : _point$line3.set({
-                      stroke: point.stroke
-                    });
-                    conditionHasLine2 && ((_point$line4 = point.line2) === null || _point$line4 === void 0 ? void 0 : _point$line4.set({
-                      stroke: point.stroke
-                    }));
+                    setPointLineColor(point, polylineObj === null || polylineObj === void 0 ? void 0 : polylineObj.color, conditionHasLine2);
 
                     _this12.removePolyline('increasePointBatch', originLeft);
                   }
@@ -2979,7 +3017,7 @@ var rightClickNodeConnect = [{
                   }
                 }
 
-              case 38:
+              case 40:
               case "end":
                 return _context3.stop();
             }
@@ -3363,8 +3401,8 @@ var rightClickNodeConnect = [{
 
 var FabricPolylines_component = Object(componentNormalizer["a" /* default */])(
   fabric_chart_FabricPolylinesvue_type_script_lang_js_,
-  FabricPolylinesvue_type_template_id_4f798d71_render,
-  FabricPolylinesvue_type_template_id_4f798d71_staticRenderFns,
+  FabricPolylinesvue_type_template_id_2d2caa60_render,
+  FabricPolylinesvue_type_template_id_2d2caa60_staticRenderFns,
   false,
   null,
   null,
@@ -3468,7 +3506,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":"ecccdc7e-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=84b14bd8&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4474b79b-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=84b14bd8&
 var FabricTextGroupvue_type_template_id_84b14bd8_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"text-group"},[(_vm.isRightVisible)?_c('MouseRightClick',{attrs:{"getContainer":_vm.getContainer,"nodeList":_vm.rightClickNode,"rightPos":_vm.rightPos},on:{"nodeClick":_vm.handleRightClick,"closeRight":function($event){_vm.isRightVisible = false}}}):_vm._e(),(_vm.isDropVisible)?_c('DropPopup',{attrs:{"val":_vm.dropVal,"dropPos":_vm.dropPos}}):_vm._e()],1)}
 var FabricTextGroupvue_type_template_id_84b14bd8_staticRenderFns = []
 
@@ -4260,14 +4298,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":"ecccdc7e-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=e702a32a&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4474b79b-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=e702a32a&
 var FabricScaleValuevue_type_template_id_e702a32a_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_e702a32a_staticRenderFns = []
 
 
 // CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricScaleValue.vue?vue&type=template&id=e702a32a&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ecccdc7e-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=a10b6e3e&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4474b79b-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=a10b6e3e&scoped=true&
 var TimeScaleValuevue_type_template_id_a10b6e3e_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_a10b6e3e_scoped_true_staticRenderFns = []
 
@@ -4601,7 +4639,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":"ecccdc7e-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=229d2d58&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4474b79b-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=229d2d58&
 var FabricLinesvue_type_template_id_229d2d58_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"line"},[(_vm.isRightVisible)?_c('MouseRightClick',{attrs:{"getContainer":_vm.getContainer,"nodeList":_vm.rightClickNode,"rightPos":_vm.rightPos},on:{"nodeClick":_vm.handleRightClick,"closeRight":function($event){_vm.isRightVisible = false}}}):_vm._e(),(_vm.isDropVisible)?_c('DropPopup',{attrs:{"val":_vm.dropVal,"dropPos":_vm.dropPos}}):_vm._e()],1)}
 var FabricLinesvue_type_template_id_229d2d58_staticRenderFns = []
 
@@ -5976,7 +6014,7 @@ var FabricBottom_component = Object(componentNormalizer["a" /* default */])(
 )
 
 /* harmony default export */ var FabricBottom = (FabricBottom_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ecccdc7e-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-chart2/FabricCenter.vue?vue&type=template&id=4d90e644&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4474b79b-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-chart2/FabricCenter.vue?vue&type=template&id=4d90e644&
 var FabricCentervue_type_template_id_4d90e644_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"poly-line"},[(_vm.isRightVisible)?_c('MouseRightClick',{attrs:{"getContainer":_vm.getContainer,"nodeList":_vm.rightClickNode,"rightPos":_vm.rightPos},on:{"nodeClick":_vm.handleRightClick,"closeRight":function($event){_vm.isRightVisible = false}}}):_vm._e(),(_vm.isDropVisible)?_c('DropPopup',{attrs:{"val":_vm.dropVal,"dropPos":_vm.dropPos}}):_vm._e()],1)}
 var FabricCentervue_type_template_id_4d90e644_staticRenderFns = []