cnhis-design-vue 2.1.19 → 2.1.22

package/es/fabric-chart/index.js

@@ -231,17 +231,6 @@ module.exports = !DESCRIPTORS && !fails(function () {
 });
 
 
-/***/ }),
-
-/***/ "0d21":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _arrayWithHoles; });
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
 /***/ }),
 
 /***/ "0d58":
@@ -299,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":"3fd9a2cc-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":"44f1b572-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 = []
 
@@ -312,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":"3fd9a2cc-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":"44f1b572-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 = []
 
@@ -798,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":"3fd9a2cc-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":"44f1b572-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 = []
 
@@ -1038,54 +1027,34 @@ 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":"3fd9a2cc-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=638600a8&
-var FabricPolylinesvue_type_template_id_638600a8_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_638600a8_staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricPolylines.vue?vue&type=template&id=638600a8&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"44f1b572-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 = []
 
-// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
-var arrayWithHoles = __webpack_require__("0d21");
 
-// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js
-var iterableToArray = __webpack_require__("db90");
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricPolylines.vue?vue&type=template&id=2d2caa60&
 
-// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
-var unsupportedIterableToArray = __webpack_require__("06c5");
-
-// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
-var nonIterableRest = __webpack_require__("3d8c");
-
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toArray.js
-
-
-
-
-function _toArray(arr) {
-  return Object(arrayWithHoles["a" /* default */])(arr) || Object(iterableToArray["a" /* default */])(arr) || Object(unsupportedIterableToArray["a" /* default */])(arr) || Object(nonIterableRest["a" /* default */])();
-}
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
 var asyncToGenerator = __webpack_require__("1da1");
 
-// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js + 2 modules
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js + 3 modules
 var toConsumableArray = __webpack_require__("2909");
 
-// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js + 1 modules
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js + 3 modules
 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");
 
@@ -1104,15 +1073,15 @@ var es_array_filter_js_ = __webpack_require__("1a89");
 // EXTERNAL MODULE: external "core-js/modules/es.array.splice.js"
 var es_array_splice_js_ = __webpack_require__("f3b8");
 
-// EXTERNAL MODULE: external "core-js/modules/es.array.slice.js"
-var es_array_slice_js_ = __webpack_require__("ea12");
-
 // EXTERNAL MODULE: external "core-js/modules/es.array.find-index.js"
 var es_array_find_index_js_ = __webpack_require__("4c7f");
 
 // EXTERNAL MODULE: external "core-js/modules/es.regexp.to-string.js"
 var es_regexp_to_string_js_ = __webpack_require__("30df");
 
+// EXTERNAL MODULE: external "core-js/modules/es.array.slice.js"
+var es_array_slice_js_ = __webpack_require__("ea12");
+
 // EXTERNAL MODULE: external "core-js/modules/es.object.freeze.js"
 var es_object_freeze_js_ = __webpack_require__("030b");
 
@@ -1658,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":"3fd9a2cc-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":"44f1b572-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 = []
 
@@ -1766,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":"3fd9a2cc-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":"44f1b572-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 = []
 
@@ -1891,7 +1860,6 @@ var DropPopup_component = Object(componentNormalizer["a" /* default */])(
 
 
 
-
 
 
 //
@@ -1908,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);
@@ -2553,6 +2563,7 @@ var rightClickNodeConnect = [{
             polylineTypeId: polylineTypeId,
             polylineIndex: polylineIndex,
             pointerList: pointerList,
+            color: lineAttr.stroke,
             pointList: res
           });
         }
@@ -2693,6 +2704,8 @@ var rightClickNodeConnect = [{
     },
     // 拖动停止后 设置回调触发方法
     setEmitFunction: function setEmitFunction(point) {
+      var _this11 = this;
+
       var isInit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
 
       var _this$getValue = this.getValue(point),
@@ -2711,53 +2724,47 @@ var rightClickNodeConnect = [{
       if (this.addPointList.length === 0) {
         this.$emit('pointChange', data);
       } else {
-        var last = this.addPointList.at(-1); // 如果是重合/连线节点
+        var lastPoint = this.addPointList.at(-1);
+        var position = this.polyline[point.polylineTypeId].position; // 如果是重合/连线节点
 
         if (point.get('scaleX') !== point.scale) {
-          var value = Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, last), {}, {
+          var _this$_concatPoint, _this$_concatPoint2;
+
+          var addOjb = Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, lastPoint), {}, {
             value: {
-              time: this.getXValue(point.nextPoint.left),
-              value: this.getYValue(this.polyline[point.polylineTypeId].position, point.nextPoint.top)
+              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 (point.line2) {
-            this.addPointList.splice(-1, 1, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, last), {}, {
-              value: {
-                time: this.getXValue(this._currentPoint.left),
-                value: this.getYValue(this.polyline[point.polylineTypeId].position, this._currentPoint.top)
-              }
-            }));
-            this.addPointList.forEach(function (v) {
-              return v.isConcat = true;
-            });
+          if (lastPoint.value.time == addOjb.value.time) {
+            this.addPointList.splice(-1, 1, addOjb);
           } else {
-            if (last.left === point.left) {
-              this.addPointList.splice(-1, 1, value);
-            } else {
-              this.addPointList.push(value);
-
-              var _JSON$parse$reverse = JSON.parse(JSON.stringify(this.addPointList)).reverse(),
-                  _JSON$parse$reverse2 = _toArray(_JSON$parse$reverse),
-                  lastPoint = _JSON$parse$reverse2[0],
-                  prePoint = _JSON$parse$reverse2[1],
-                  list = _JSON$parse$reverse2.slice(2);
-
-              if (prePoint.value.time == lastPoint.value.time) {
-                this.addPointList.splice(-2, 1);
-              }
-            }
+            this.addPointList.push(addOjb);
           }
-        } else if (point.line2) {
+
+          this.addPointList.forEach(function (v) {
+            return Object.assign(v, {
+              isConcat: true,
+              concatIndex: _this11._concatIndex
+            });
+          });
+        } else if (point.line2 || point.nextPoint && lastPoint.left >= point.nextPoint.left) {
+          // 1、存在右连线 2、无右侧连线，并且存在下一个节点的情况
           this.addPointList = [];
-          this.repaintPolyline(this.polyline[point.polylineTypeId].position, point.polylineIndex);
+          this.repaintPolyline(position, point.polylineIndex);
           return;
         }
 
         !point.line2 && this.addPointList.splice(0, 1);
         !point.id.includes('isTitle') && this.removePolyline(point.id);
-        this.$emit('pointOperation', 'increasePointBatch', this.addPointList);
-        this.addPointList = [];
+
+        if (this.addPointList.length > 0) {
+          this.$emit('pointOperation', 'increasePointBatch', this.addPointList);
+          this.addPointList = [];
+        } else {
+          this.repaintPolyline(position, point.polylineIndex);
+        }
       }
     },
     // 设置批量新增数据
@@ -2777,17 +2784,17 @@ var rightClickNodeConnect = [{
     },
 
     /**
-     * @description: 滑动批量新增节点
+     * @description: 拖动批量新增节点
      * @param {*} point 拖动的最后一个节点
      * @param {*} originLeft 拖动的源节点的left值
      * @param {*} originTop 拖动的源节点的top值
      * @return {*}
      */
     addPoint: function addPoint(point, originLeft, originTop) {
-      var _this11 = this;
+      var _this12 = this;
 
       return Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
-        var _this11$propItems, xCellWidth, table, originX, addPointSpaceGridNumber, left, top, currentLeft, startLength, n, spaceWidth, residue, condition, conditionNoLine2, conditionHasLine2, checkPoints, _point$line, _point$line2, points1, _this11$getValue, data, x, y, concatPoint, polylineTypeId, polylineIndex, polylineObj, pointObjI, 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) {
@@ -2813,12 +2820,12 @@ var rightClickNodeConnect = [{
                   }
                 };
 
-                _this11$propItems = _this11.propItems, xCellWidth = _this11$propItems.xCellWidth, table = _this11$propItems.table, originX = _this11$propItems.originX; // const addPointSpaceGridNumbers = table.addPointSpaceGridNumbers || [];
+                _this12$propItems = _this12.propItems, xCellWidth = _this12$propItems.xCellWidth, table = _this12$propItems.table, originX = _this12$propItems.originX; // const addPointSpaceGridNumbers = table.addPointSpaceGridNumbers || [];
 
                 addPointSpaceGridNumber = table.addPointSpaceGridNumber || 1;
                 left = point.left, top = point.top;
                 currentLeft = left;
-                startLength = _this11.addPointList.length;
+                startLength = _this12.addPointList.length;
                 n = 6; // 拖动范围，在需要增加节点的刻度左右吸入的范围值
 
                 spaceWidth = xCellWidth * addPointSpaceGridNumber;
@@ -2828,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;
                 }
 
@@ -2839,24 +2846,24 @@ var rightClickNodeConnect = [{
                 });
 
                 checkPoints = function checkPoints() {
-                  var _this11$addPointList;
+                  var _this12$addPointList;
 
                   var PointLens = Math.floor((left - originLeft) / spaceWidth);
 
-                  if (PointLens > 1 && ((_this11$addPointList = _this11.addPointList) === null || _this11$addPointList === void 0 ? void 0 : _this11$addPointList.length) < PointLens) {
+                  if (PointLens > 1 && ((_this12$addPointList = _this12.addPointList) === null || _this12$addPointList === void 0 ? void 0 : _this12$addPointList.length) < PointLens) {
                     for (var k = 0; k < PointLens; k++) {
                       if (k > 0) {
                         (function () {
                           var curLeft = originLeft + spaceWidth * k; // 判断this.addPointList中的left是否包含curLeft，不包含就说明是漏了
 
-                          var isNoLack = _this11.addPointList.some(function (v) {
+                          var isNoLack = _this12.addPointList.some(function (v) {
                             return v.left === curLeft;
                           });
 
                           if (!isNoLack) {
                             var index;
 
-                            var pointObj = _this11.addPointList.find(function (v, i) {
+                            var pointObj = _this12.addPointList.find(function (v, i) {
                               if (v.left > curLeft) {
                                 index = i;
                               }
@@ -2866,10 +2873,10 @@ var rightClickNodeConnect = [{
 
                             if (pointObj) {
                               var cloneObj = JSON.parse(JSON.stringify(pointObj));
-                              cloneObj.value.time = _this11.getXValue(curLeft);
+                              cloneObj.value.time = _this12.getXValue(curLeft);
                               cloneObj.left = curLeft;
 
-                              _this11.addPointList.splice(index, 0, cloneObj);
+                              _this12.addPointList.splice(index, 0, cloneObj);
                             }
                           }
                         })();
@@ -2881,52 +2888,47 @@ 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 = _this11.addPointList.length == 0;
+                _context3.t0 = _this12.addPointList.length == 0;
 
                 if (!_context3.t0) {
-                  _context3.next = 24;
+                  _context3.next = 23;
                   break;
                 }
 
-                _context3.next = 24;
-                return _this11.clonePoint(point, [point.line1 ? point.line1.x1 : originLeft, point.line1 ? point.line1.y1 : originTop, originLeft, originTop]);
+                _context3.next = 23;
+                return _this12.clonePoint(point, [point.line1 ? point.line1.x1 : originLeft, point.line1 ? point.line1.y1 : originTop, originLeft, originTop]);
 
-              case 24:
-                if (!_this11.addPointList.every(function (v) {
+              case 23:
+                if (!_this12.addPointList.every(function (v) {
                   return v.left !== left;
                 })) {
-                  _context3.next = 35;
+                  _context3.next = 34;
                   break;
                 }
 
                 // const points1 = i === 1 ? [originLeft, originTop] : point.prePoints;
-                points1 = _this11.addPointList.length == 0 ? [originLeft, originTop] : point.prePoints;
+                points1 = _this12.addPointList.length == 0 ? [originLeft, originTop] : point.prePoints;
                 _context3.t1 = points1;
 
                 if (!_context3.t1) {
-                  _context3.next = 30;
+                  _context3.next = 29;
                   break;
                 }
 
-                _context3.next = 30;
-                return _this11.clonePoint(point, [].concat(Object(toConsumableArray["a" /* default */])(points1), [left, top]));
+                _context3.next = 29;
+                return _this12.clonePoint(point, [].concat(Object(toConsumableArray["a" /* default */])(points1), [left, top]));
 
-              case 30:
+              case 29:
                 // this.setAddPointList(point);
                 // 调用上面方法就会导致线段绘制失败，目前还不知道为啥子
-                _this11$getValue = _this11.getValue(point), data = _this11$getValue.data, x = _this11$getValue.x, y = _this11$getValue.y;
+                _this12$getValue = _this12.getValue(point), data = _this12$getValue.data, x = _this12$getValue.x, y = _this12$getValue.y;
                 data.value = {
                   time: x,
                   value: y
@@ -2934,55 +2936,88 @@ var rightClickNodeConnect = [{
                 data.left = point.left;
                 data.top = top;
 
-                _this11.addPointList.push(data);
+                _this12.addPointList.push(data);
 
-              case 35:
+              case 34:
                 checkPoints();
 
-              case 36:
+              case 35:
                 // 检查是否显示重合连线放大节点的标识
-                if (conditionHasLine2) {
-                  polylineTypeId = point.polylineTypeId, polylineIndex = point.polylineIndex;
-                  polylineObj = _this11.polylinePointList.find(function (v) {
-                    return v.polylineTypeId == polylineTypeId && v.polylineIndex == polylineIndex;
+                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) {
+                  _this12._concatIndex = polylineObj === null || polylineObj === void 0 ? void 0 : polylineObj.pointerList.findIndex(function (v) {
+                    return v + n > left && v > originLeft;
                   });
-                  pointObjI = polylineObj === null || polylineObj === void 0 ? void 0 : polylineObj.pointerList.findIndex(function (v) {
-                    return v + n > left;
+
+                  if (!~_this12._concatIndex) {
+                    point.set({
+                      scaleX: point.scale,
+                      scaleY: point.scale
+                    });
+                  } else {
+                    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; // 被覆盖节点置灰配置
+
+                  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 _obj$line;
+
+                      // 此处需要递归遍历group节点的所有子节点，然后更改其颜色
+                      resetPointColor([obj], '#999');
+                      (_obj$line = obj.line2) === null || _obj$line === void 0 ? void 0 : _obj$line.set({
+                        stroke: '#999'
+                      });
+                    } else {
+                      var _obj$line2;
+
+                      resetPointColor([obj], polylineObj.color);
+                      (_obj$line2 = obj.line2) === null || _obj$line2 === void 0 ? void 0 : _obj$line2.set({
+                        stroke: polylineObj.color
+                      });
+                    }
                   });
-                  pointObjI > -1 && concatPoint(polylineObj === null || polylineObj === void 0 ? void 0 : polylineObj.pointList[pointObjI]);
-                  _this11._currentPoint = polylineObj === null || polylineObj === void 0 ? void 0 : polylineObj.pointList[pointObjI];
-                } 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 <= _this11.addPointList[startLength - 1].left) {
-                  _this11.removePolyline('increasePointBatch', left);
+                if (startLength > 0 && currentLeft <= _this12.addPointList[startLength - 1].left) {
+                  _this12.removePolyline('increasePointBatch', left);
 
-                  _this11.addPointList = _this11.addPointList.filter(function (v) {
+                  _this12.addPointList = _this12.addPointList.filter(function (v) {
                     return v.left < left;
                   });
-                  endLength = _this11.addPointList.length;
+                  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);
 
-                    _this11.removePolyline('increasePointBatch', originLeft);
+                    _this12.removePolyline('increasePointBatch', originLeft);
                   }
 
                   if (endLength > 0) {
                     point.set({
-                      prePoints: [_this11.addPointList[endLength - 1].left, _this11.addPointList[endLength - 1].top]
+                      prePoints: [_this12.addPointList[endLength - 1].left, _this12.addPointList[endLength - 1].top]
                     });
                   }
                 }
 
-              case 38:
+              case 40:
               case "end":
                 return _context3.stop();
             }
@@ -2991,7 +3026,7 @@ var rightClickNodeConnect = [{
       }))();
     },
     clonePoint: function clonePoint(point, points) {
-      var _this12 = this;
+      var _this13 = this;
 
       var evented, selectable, lineIndex, polylineIndex, lineAttr, polylineTypeId;
       evented = selectable = false;
@@ -3017,7 +3052,7 @@ var rightClickNodeConnect = [{
             prePoints: [point.left, point.top]
           });
 
-          var line = _this12.drawLine(Object(toConsumableArray["a" /* default */])(points), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
+          var line = _this13.drawLine(Object(toConsumableArray["a" /* default */])(points), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
             evented: evented,
             selectable: selectable
           }, lineAttr), {}, {
@@ -3028,13 +3063,13 @@ var rightClickNodeConnect = [{
 
           clonedObj.line1 = line;
 
-          _this12.canvas.sendBackwards(line);
+          _this13.canvas.sendBackwards(line);
 
           clonedObj.bringForward();
 
-          _this12.canvas.add(clonedObj);
+          _this13.canvas.add(clonedObj);
 
-          _this12.canvas.renderAll();
+          _this13.canvas.renderAll();
 
           resolve(clonedObj);
         });
@@ -3161,7 +3196,7 @@ var rightClickNodeConnect = [{
     },
     // 打开右键菜单
     openRightModal: function openRightModal(event) {
-      var _this13 = this;
+      var _this14 = this;
 
       this.rightPos = {
         clientX: event.e.clientX || event.e.pageX,
@@ -3172,10 +3207,10 @@ var rightClickNodeConnect = [{
       var id = target ? target.id : '';
       this.$nextTick(function () {
         if (id && id.includes('_polylinePoint_')) {
-          _this13._currentPoint = target;
+          _this14._currentPoint = target;
           var nodeConnect = [];
 
-          if (_this13.propItems.operable.connect) {
+          if (_this14.propItems.operable.connect) {
             if (!target.line2 && target.nextPoint) {
               nodeConnect = rightClickNodeConnect.slice(0, 1);
             }
@@ -3189,13 +3224,13 @@ var rightClickNodeConnect = [{
             }
           }
 
-          _this13.rightClickNode = Object.freeze(rightClickNode.slice(0, 1).concat(nodeConnect).concat(rightClickNode.slice(-1)));
-          _this13.isRightVisible = true;
+          _this14.rightClickNode = Object.freeze(rightClickNode.slice(0, 1).concat(nodeConnect).concat(rightClickNode.slice(-1)));
+          _this14.isRightVisible = true;
         } else if (!id) {
-          var operable = _this13.propItems.operable;
-          _this13._currentPoint = null;
-          _this13.rightClickNode = Object.freeze(operable.set ? rightClickNode.slice(0, 2) : rightClickNode.slice(0, 1));
-          _this13.isRightVisible = true;
+          var operable = _this14.propItems.operable;
+          _this14._currentPoint = null;
+          _this14.rightClickNode = Object.freeze(operable.set ? rightClickNode.slice(0, 2) : rightClickNode.slice(0, 1));
+          _this14.isRightVisible = true;
         }
       });
     },
@@ -3263,16 +3298,16 @@ var rightClickNodeConnect = [{
     // 将当条线段以及点层级置顶
     // 线段不能先置顶，会挡住其他线段上的点
     pointToFront: function pointToFront(point) {
-      var _this14 = this;
+      var _this15 = this;
 
       this.canvas.forEachObject(function (obj) {
-        if (_this14.isOnePolyLine(obj, point.polylineTypeId, point.polylineIndex)) {
-          _this14.canvas.bringToFront(obj);
+        if (_this15.isOnePolyLine(obj, point.polylineTypeId, point.polylineIndex)) {
+          _this15.canvas.bringToFront(obj);
         }
       });
     },
     removePolyline: function removePolyline(id, left, position, polylineIndex) {
-      var _this15 = this;
+      var _this16 = this;
 
       // 根据id或者idClone删除
       if (id) {
@@ -3284,13 +3319,13 @@ var rightClickNodeConnect = [{
         if (point && point.length > 0) {
           point.forEach(function (v) {
             if (left && v.left >= left) {
-              _this15.canvas.remove(v);
+              _this16.canvas.remove(v);
 
-              v.line1 && _this15.canvas.remove(v.line1);
+              v.line1 && _this16.canvas.remove(v.line1);
             } else if (!left) {
-              _this15.canvas.remove(v);
+              _this16.canvas.remove(v);
 
-              v.line1 && _this15.canvas.remove(v.line1);
+              v.line1 && _this16.canvas.remove(v.line1);
             }
           });
         }
@@ -3304,12 +3339,12 @@ var rightClickNodeConnect = [{
           return v.position === position;
         });
         this.canvas.forEachObject(function (obj) {
-          if (_this15.isOnePolyLine(obj, polylineTypeId, polylineIndex)) {
-            obj.text && _this15.canvas.remove(obj.text);
-            obj.line1 && _this15.canvas.remove(obj.line1);
-            obj.line2 && _this15.canvas.remove(obj.line2);
+          if (_this16.isOnePolyLine(obj, polylineTypeId, polylineIndex)) {
+            obj.text && _this16.canvas.remove(obj.text);
+            obj.line1 && _this16.canvas.remove(obj.line1);
+            obj.line2 && _this16.canvas.remove(obj.line2);
 
-            _this15.canvas.remove(obj);
+            _this16.canvas.remove(obj);
           }
         });
         return;
@@ -3318,9 +3353,9 @@ var rightClickNodeConnect = [{
 
       this.canvas.forEachObject(function (obj) {
         if (obj.id && /_polyline(Point|Line)_/.test(obj.id) && !obj.id.includes('isTitle')) {
-          obj.text && _this15.canvas.remove(obj.text);
+          obj.text && _this16.canvas.remove(obj.text);
 
-          _this15.canvas.remove(obj);
+          _this16.canvas.remove(obj);
         }
       });
     },
@@ -3331,7 +3366,7 @@ var rightClickNodeConnect = [{
       }
     },
     repaintPolyline: function repaintPolyline(position, dadaIndex) {
-      var _this16 = this;
+      var _this17 = this;
 
       if (arguments.length < 2) {
         if (this.polyline.length) {
@@ -3340,7 +3375,7 @@ var rightClickNodeConnect = [{
 
         this.polylinePointList = [];
         this.polyline.forEach(function (polylineType, polylineTypeId) {
-          _this16.createPolyline(polylineType, polylineTypeId);
+          _this17.createPolyline(polylineType, polylineTypeId);
         });
         this.removeTitle();
         this.drawPolylineTitle();
@@ -3366,8 +3401,8 @@ var rightClickNodeConnect = [{
 
 var FabricPolylines_component = Object(componentNormalizer["a" /* default */])(
   fabric_chart_FabricPolylinesvue_type_script_lang_js_,
-  FabricPolylinesvue_type_template_id_638600a8_render,
-  FabricPolylinesvue_type_template_id_638600a8_staticRenderFns,
+  FabricPolylinesvue_type_template_id_2d2caa60_render,
+  FabricPolylinesvue_type_template_id_2d2caa60_staticRenderFns,
   false,
   null,
   null,
@@ -3471,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":"3fd9a2cc-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":"44f1b572-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 = []
 
@@ -4263,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":"3fd9a2cc-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":"44f1b572-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":"3fd9a2cc-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":"44f1b572-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 = []
 
@@ -4604,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":"3fd9a2cc-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":"44f1b572-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 = []
 
@@ -5979,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":"3fd9a2cc-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":"44f1b572-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 = []
 
@@ -7597,9 +7632,38 @@ var arrayLikeToArray = __webpack_require__("6b75");
 function _arrayWithoutHoles(arr) {
   if (Array.isArray(arr)) return Object(arrayLikeToArray["a" /* default */])(arr);
 }
-// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js
-var iterableToArray = __webpack_require__("db90");
+// EXTERNAL MODULE: external "core-js/modules/es.symbol.js"
+var es_symbol_js_ = __webpack_require__("9b22");
+
+// EXTERNAL MODULE: external "core-js/modules/es.symbol.description.js"
+var es_symbol_description_js_ = __webpack_require__("4933");
+
+// EXTERNAL MODULE: external "core-js/modules/es.object.to-string.js"
+var es_object_to_string_js_ = __webpack_require__("97d3");
+
+// EXTERNAL MODULE: external "core-js/modules/es.symbol.iterator.js"
+var es_symbol_iterator_js_ = __webpack_require__("2ff9");
+
+// EXTERNAL MODULE: external "core-js/modules/es.string.iterator.js"
+var es_string_iterator_js_ = __webpack_require__("9bb5");
+
+// EXTERNAL MODULE: external "core-js/modules/web.dom-collections.iterator.js"
+var web_dom_collections_iterator_js_ = __webpack_require__("1a25");
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.from.js"
+var es_array_from_js_ = __webpack_require__("4362");
+
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js
+
 
+
+
+
+
+
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
 var unsupportedIterableToArray = __webpack_require__("06c5");
 
@@ -7613,7 +7677,7 @@ function _nonIterableSpread() {
 
 
 function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || Object(iterableToArray["a" /* default */])(arr) || Object(unsupportedIterableToArray["a" /* default */])(arr) || _nonIterableSpread();
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || Object(unsupportedIterableToArray["a" /* default */])(arr) || _nonIterableSpread();
 }
 
 /***/ }),
@@ -7861,9 +7925,10 @@ module.exports = DESCRIPTORS ? Object.defineProperties : function defineProperti
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, "a", function() { return /* binding */ _slicedToArray; });
 
-// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
-var arrayWithHoles = __webpack_require__("0d21");
-
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
 // EXTERNAL MODULE: external "core-js/modules/es.symbol.js"
 var es_symbol_js_ = __webpack_require__("9b22");
 
@@ -7921,16 +7986,17 @@ function _iterableToArrayLimit(arr, i) {
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
 var unsupportedIterableToArray = __webpack_require__("06c5");
 
-// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
-var nonIterableRest = __webpack_require__("3d8c");
-
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js
 
 
 
 
 function _slicedToArray(arr, i) {
-  return Object(arrayWithHoles["a" /* default */])(arr) || _iterableToArrayLimit(arr, i) || Object(unsupportedIterableToArray["a" /* default */])(arr, i) || Object(nonIterableRest["a" /* default */])();
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || Object(unsupportedIterableToArray["a" /* default */])(arr, i) || _nonIterableRest();
 }
 
 /***/ }),
@@ -7947,17 +8013,6 @@ module.exports = function (it) {
 };
 
 
-/***/ }),
-
-/***/ "3d8c":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _nonIterableRest; });
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
 /***/ }),
 
 /***/ "3f8c":
@@ -9730,38 +9785,6 @@ module.exports = require("core-js/modules/es.function.name.js");
 
 /***/ }),
 
-/***/ "db90":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _iterableToArray; });
-/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("9b22");
-/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("4933");
-/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("97d3");
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("2ff9");
-/* harmony import */ var core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("9bb5");
-/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("1a25");
-/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("4362");
-/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_6__);
-
-
-
-
-
-
-
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-
-/***/ }),
-
 /***/ "df75":
 /***/ (function(module, exports, __webpack_require__) {