cnhis-design-vue 2.1.118 → 2.1.120

package/es/fabric-chart/index.js

@@ -247,6 +247,13 @@ module.exports = require("core-js/modules/web.dom-collections.for-each.js");
 
 /***/ }),
 
+/***/ "13f2":
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/cloneDeep");
+
+/***/ }),
+
 /***/ "19aa":
 /***/ (function(module, exports) {
 
@@ -288,12 +295,12 @@ var es_promise_finally = __webpack_require__("a79d");
 // EXTERNAL MODULE: external "core-js/modules/es.function.name.js"
 var es_function_name_js_ = __webpack_require__("db0a");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"86945ef4-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=3cb4429d&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"34fc7432-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=0c8cbb03&scoped=true&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"c-fabric-chart",style:({ width: _vm.canvasWidth })},[(_vm.rendercanvas)?_c('fabric-canvas',_vm._b({ref:"canvasEle",attrs:{"templateData":_vm.templateData}},'fabric-canvas',_vm.$attrs,false),[_c('fabric-grid'),(_vm.hasXScalevalue)?_c('fabric-text-group',_vm._g({attrs:{"templateData":_vm.templateData}},_vm.$listeners)):_vm._e(),(_vm.hasTable)?_c('fabric-scale-value',{attrs:{"templateData":_vm.templateData}}):_vm._e(),(_vm.hasTopTable)?_c('fabric-lines',_vm._g({ref:"lines",attrs:{"linesObj":_vm.templateData.top}},_vm.$listeners)):_vm._e(),(_vm.hasTable)?_c('fabric-polylines',_vm._g({ref:"polylines",attrs:{"polyline":_vm.polylines,"other":_vm.templateData.left.other || {},"timeRangeStyle":_vm.templateData.timeRangeStyle || {}},on:{"pointOperation":_vm.pointOperation}},_vm.$listeners)):_vm._e()],1):_vm._e()],1)}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/FabricChart.vue?vue&type=template&id=3cb4429d&scoped=true&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/FabricChart.vue?vue&type=template&id=0c8cbb03&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
 var objectSpread2 = __webpack_require__("5530");
@@ -301,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":"86945ef4-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=37bd438c&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"34fc7432-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=37bd438c&
 var FabricCanvasvue_type_template_id_37bd438c_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_37bd438c_staticRenderFns = []
 
@@ -961,12 +968,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":"86945ef4-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=4c278c3c&
-var FabricPolylinesvue_type_template_id_4c278c3c_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_4c278c3c_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"34fc7432-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=6acaeef6&
+var FabricPolylinesvue_type_template_id_6acaeef6_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_6acaeef6_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricPolylines.vue?vue&type=template&id=4c278c3c&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricPolylines.vue?vue&type=template&id=6acaeef6&
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
 var asyncToGenerator = __webpack_require__("1da1");
@@ -1090,7 +1097,7 @@ var es_object_freeze_js_ = __webpack_require__("030b");
       return "".concat(d.getFullYear(), "-").concat(month, "-").concat(day, " ").concat(hours, ":").concat(minute);
     },
     // 根据时间戳计算x轴坐标
-    cumputedX: function cumputedX(value) {
+    computedX: function computedX(value) {
       if (!value) {
         return '';
       }
@@ -1138,16 +1145,92 @@ var es_number_is_finite_js_ = __webpack_require__("2bb4");
 // EXTERNAL MODULE: external "core-js/modules/es.number.constructor.js"
 var es_number_constructor_js_ = __webpack_require__("f989");
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/mixins/type.js
+// CONCATENATED MODULE: ./packages/fabric-chart/src/utils/index.js
+
 
 
 
-var type_isNumber = function isNumber(num) {
+var utils_isNumber = function isNumber(num) {
   return typeof num === 'number' && Number.isFinite(num);
 };
-var type_isObject = function isObject(obj) {
+var utils_isObject = function isObject(obj) {
   return Object.prototype.toString.call(obj) === '[object Object]';
 };
+function getTangent(angle) {
+  return +Math.tan(angle * Math.PI / 180);
+}
+
+function nearlyEqual(v1, v2) {
+  return Math.abs(v1 - v2) <= 0.0001;
+}
+
+function sortPoints(points) {
+  return points.sort(function (a, b) {
+    return a[1] - b[1];
+  });
+}
+function uniquePoints(points) {
+  return points.reduce(function (fin, point) {
+    if (!hasPoint(fin, point)) fin.push(point);
+    return fin;
+  }, []);
+
+  function hasPoint(points, point) {
+    return points.some(function (p) {
+      return nearlyEqual(p[0], point[0]) && nearlyEqual(p[1], point[1]);
+    });
+  }
+}
+function isInPolygon(checkPoint, polygonPoints) {
+  var counter = 0;
+  var xinters;
+  var p1, p2;
+  var pointCount = polygonPoints.length;
+  p1 = polygonPoints[0];
+
+  for (var i = 1; i <= pointCount; i++) {
+    p2 = polygonPoints[i % pointCount];
+
+    if (checkPoint[0] > Math.min(p1[0], p2[0]) && checkPoint[0] <= Math.max(p1[0], p2[0])) {
+      if (checkPoint[1] <= Math.max(p1[1], p2[1])) {
+        if (p1[0] != p2[0]) {
+          xinters = (checkPoint[0] - p1[0]) * (p2[1] - p1[1]) / (p2[0] - p1[0]) + p1[1];
+
+          if (p1[1] == p2[1] || checkPoint[1] <= xinters) {
+            counter++;
+          }
+        }
+      }
+    }
+
+    p1 = p2;
+  }
+
+  return counter % 2 !== 0;
+}
+function getIntersectionPoint(a, b, c, d) {
+  /** 1 解线性方程组, 求线段交点. **/
+  // 如果分母为0 则平行或共线, 不相交
+  var denominator = (b[1] - a[1]) * (d[0] - c[0]) - (a[0] - b[0]) * (c[1] - d[1]);
+
+  if (denominator === 0) {
+    return false;
+  } // 线段所在直线的交点坐标 (x , y)
+
+
+  var x = ((b[0] - a[0]) * (d[0] - c[0]) * (c[1] - a[1]) + (b[1] - a[1]) * (d[0] - c[0]) * a[0] - (d[1] - c[1]) * (b[0] - a[0]) * c[0]) / denominator;
+  var y = -((b[1] - a[1]) * (d[1] - c[1]) * (c[0] - a[0]) + (b[0] - a[0]) * (d[1] - c[1]) * a[1] - (d[0] - c[0]) * (b[1] - a[1]) * c[1]) / denominator;
+  /** 2 判断交点是否在两条线段上 **/
+
+  if ( // 交点在线段1上
+  ((x - a[0]) * (x - b[0]) < 0 || nearlyEqual(x, a[0]) || nearlyEqual(x, b[0])) && ((y - a[1]) * (y - b[1]) < 0 || nearlyEqual(y, a[1]) || nearlyEqual(y, b[1])) && ((x - c[0]) * (x - d[0]) < 0 || nearlyEqual(x, c[0]) || nearlyEqual(x, d[0])) && ((y - c[1]) * (y - d[1]) < 0 || nearlyEqual(y, c[1]) || nearlyEqual(y, d[1]))) {
+    // 返回交点p
+    return [x, y];
+  } // 否则不相交
+
+
+  return false;
+}
 // CONCATENATED MODULE: ./packages/fabric-chart/src/mixins/draw.js
 
 
@@ -1156,6 +1239,10 @@ var type_isObject = function isObject(obj) {
 
 
 
+
+
+
+
 /* harmony default export */ var draw = ({
   name: 'draw',
   data: function data() {
@@ -1200,7 +1287,7 @@ var type_isObject = function isObject(obj) {
       if (points.length < 4) return null; // 坐标点位数不足 无法完成线的绘制
 
       if (points.filter(function (point) {
-        return type_isNumber(point);
+        return utils_isNumber(point);
       }).length < 4) return null; // 坐标点内可用数值不足 无法完成线的绘制
 
       var lineStyle = this.isObject(style) ? Object(objectSpread2["a" /* default */])({}, style) : {};
@@ -1225,10 +1312,10 @@ var type_isObject = function isObject(obj) {
       return new this.fabric.Group([rect, texts], Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, this.defaultGroupStyle), group_style));
     },
     isNumber: function isNumber(num) {
-      return type_isNumber(num);
+      return utils_isNumber(num);
     },
     isObject: function isObject(obj) {
-      return type_isObject(obj);
+      return utils_isObject(obj);
     },
 
     /**
@@ -1505,6 +1592,125 @@ var type_isObject = function isObject(obj) {
           }
         }, _callee);
       }))();
+    },
+    drawShadow: function drawShadow(coordinates) {
+      var angle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 45;
+      var space = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;
+      var style = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+      var result = [];
+      var that = this; // 去除无用角度
+
+      angle = normalizeAngle(angle); // if (angle === 0) return result;
+
+      var minX = Math.min.apply(Math, Object(toConsumableArray["a" /* default */])(coordinates.map(function (_ref) {
+        var _ref2 = Object(slicedToArray["a" /* default */])(_ref, 1),
+            x = _ref2[0];
+
+        return x;
+      })));
+      var maxX = Math.max.apply(Math, Object(toConsumableArray["a" /* default */])(coordinates.map(function (_ref3) {
+        var _ref4 = Object(slicedToArray["a" /* default */])(_ref3, 1),
+            x = _ref4[0];
+
+        return x;
+      })));
+      var minY = Math.min.apply(Math, Object(toConsumableArray["a" /* default */])(coordinates.map(function (_ref5) {
+        var _ref6 = Object(slicedToArray["a" /* default */])(_ref5, 2),
+            y = _ref6[1];
+
+        return y;
+      })));
+      var maxY = Math.max.apply(Math, Object(toConsumableArray["a" /* default */])(coordinates.map(function (_ref7) {
+        var _ref8 = Object(slicedToArray["a" /* default */])(_ref7, 2),
+            y = _ref8[1];
+
+        return y;
+      })));
+
+      if (angle === 0) {
+        // 绘制水平线
+        var _start = minY,
+            _end = maxY;
+
+        while (_start < _end - 1) {
+          _start += space;
+          result.push(createLine([minX, _start], [maxX, _start]));
+        }
+
+        return result;
+      }
+
+      var offsetX = (maxY - minY) / getTangent(angle);
+      var isLeanRight = angle > 0 && angle < 90 || angle > 180 && angle < 270;
+      var start = minX;
+      var end = maxX;
+
+      if (isLeanRight) {
+        end += offsetX;
+      } else {
+        start += offsetX;
+      }
+
+      getLinePoints(start, end).forEach(function (linePoint) {
+        var intersectionPoints = [];
+        getShapeLinePoints(coordinates).forEach(function (shapeLinePoint) {
+          var intersectionPoint = getIntersectionPoint(linePoint[0], linePoint[1], shapeLinePoint[0], shapeLinePoint[1]);
+          intersectionPoint && intersectionPoints.push(intersectionPoint);
+        });
+        intersectionPoints = sortPoints(uniquePoints(intersectionPoints));
+
+        if (intersectionPoints.length >= 2) {
+          for (var i = 0; i < intersectionPoints.length; i++) {
+            if (intersectionPoints[i + 1] && isInnerLine(intersectionPoints[i], intersectionPoints[i + 1])) {
+              result.push(createLine(intersectionPoints[i], intersectionPoints[i + 1]));
+            } // i++;
+
+          }
+        }
+      });
+      return result; // 是否是外侧阴影
+
+      function isInnerLine(point1, point2) {
+        return isInPolygon([(point1[0] + point2[0]) / 2, (point1[1] + point2[1]) / 2], coordinates);
+      }
+
+      function normalizeAngle(angle) {
+        // 去除无用角度
+        angle = angle % 360; // 负角度
+
+        angle = angle < 0 ? 180 - angle : angle; // 大角度
+
+        angle = angle >= 180 ? angle - 180 : angle;
+        return angle;
+      }
+
+      function getLinePoints(start, end) {
+        var result = [completePoint([start, minY])];
+
+        while (start < end) {
+          start += space;
+          result.push(completePoint([start, minY]));
+        }
+
+        return result;
+      }
+
+      function completePoint(point) {
+        var otherPoint = [point[0] - offsetX, maxY];
+        return [point, otherPoint];
+      }
+
+      function getShapeLinePoints(coordinates) {
+        return coordinates.reduce(function (res, c, idx) {
+          var next = coordinates[idx + 1] || coordinates[0];
+          res.push([c, next]);
+          return res;
+        }, []);
+      }
+
+      function createLine(startPoint, endPoint) {
+        return new that.fabric.Line([startPoint[0], startPoint[1], endPoint[0], endPoint[1]], Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, that.defaultLineStyle), style));
+      }
     }
   }
 });
@@ -1634,7 +1840,7 @@ var type_isObject = function isObject(obj) {
     }
   }
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"86945ef4-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":"34fc7432-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 = []
 
@@ -1742,7 +1948,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":"86945ef4-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":"34fc7432-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 = []
 
@@ -2370,7 +2576,7 @@ var rightClickNodeConnect = [{
           var point = targetList.find(function (k) {
             return isEffectiveNode(k) && new Date(k.time).getTime() >= minTime && new Date(k.time).getTime() <= maxTime;
           });
-          var firstPointLeft = point ? _this7.cumputedX(point.time) : 0;
+          var firstPointLeft = point ? _this7.computedX(point.time) : 0;
           var rightLimit = point ? firstPointLeft - _this7.spaceWidth : ''; // 配置是否可拖动标题图标批量增加-
 
           var isAdd = (firstPointLeft || endX) - _this7.spaceWidth >= originX;
@@ -2682,7 +2888,7 @@ var rightClickNodeConnect = [{
         var value = _ref4.value,
             lineStyle = _ref4.lineStyle;
 
-        var top = _this10.cumputedY(polylineType, +value);
+        var top = _this10.computedY(polylineType, +value);
 
         return _this10.drawLine([originX, top, endX, top], Object(objectSpread2["a" /* default */])({
           polylineIndex: polylineIndex,
@@ -2754,9 +2960,9 @@ var rightClickNodeConnect = [{
         var points = null;
 
         if (isEffectiveNode(point) && _this.isLimit(point.time)) {
-          var x = _this.cumputedX(point.time);
+          var x = _this.computedX(point.time);
 
-          var y = _this.cumputedY(polylineType, point.value);
+          var y = _this.computedY(polylineType, point.value);
 
           isInit = y < originY || y > endY;
           points = [x, y < originY ? originY : y > endY ? endY : y];
@@ -2772,6 +2978,8 @@ var rightClickNodeConnect = [{
         return point.polylineTypeId !== polylineTypeId && point.polylineIndex !== polylineIndex;
       });
       list.forEach(function (linePoints, index) {
+        var _linePoints$data;
+
         var pointAttr = polyline.pointAttr,
             _polyline$lineAttr = polyline.lineAttr,
             lineAttr = _polyline$lineAttr === void 0 ? {} : _polyline$lineAttr,
@@ -2803,7 +3011,7 @@ var rightClickNodeConnect = [{
         var line;
         var point;
         var previousLine;
-        line = points && nextPoint ? _this11.drawLine([].concat(Object(toConsumableArray["a" /* default */])(points), Object(toConsumableArray["a" /* default */])(nextPoint)), Object(objectSpread2["a" /* default */])({
+        line = points && nextPoint && !((_linePoints$data = linePoints.data) !== null && _linePoints$data !== void 0 && _linePoints$data.breakpoint) ? _this11.drawLine([].concat(Object(toConsumableArray["a" /* default */])(points), Object(toConsumableArray["a" /* default */])(nextPoint)), Object(objectSpread2["a" /* default */])({
           polylineIndex: polylineIndex,
           polylineTypeId: polylineTypeId,
           lineIndex: index
@@ -2939,7 +3147,7 @@ var rightClickNodeConnect = [{
       }));
     },
     // 计算y轴坐标
-    cumputedY: function cumputedY(polylineType, linePointY) {
+    computedY: function computedY(polylineType, linePointY) {
       var _polylineType$positio = polylineType.position,
           position = _polylineType$positio === void 0 ? 'left' : _polylineType$positio,
           _polylineType$list = polylineType.list,
@@ -3819,8 +4027,8 @@ var rightClickNodeConnect = [{
 
 var FabricPolylines_component = Object(componentNormalizer["a" /* default */])(
   fabric_chart_FabricPolylinesvue_type_script_lang_js_,
-  FabricPolylinesvue_type_template_id_4c278c3c_render,
-  FabricPolylinesvue_type_template_id_4c278c3c_staticRenderFns,
+  FabricPolylinesvue_type_template_id_6acaeef6_render,
+  FabricPolylinesvue_type_template_id_6acaeef6_staticRenderFns,
   false,
   null,
   null,
@@ -3926,13 +4134,299 @@ 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":"86945ef4-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=1a9302e8&
-var FabricTextGroupvue_type_template_id_1a9302e8_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_1a9302e8_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"34fc7432-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=648d1252&
+var FabricTextGroupvue_type_template_id_648d1252_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_648d1252_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricTextGroup.vue?vue&type=template&id=648d1252&
+
+// EXTERNAL MODULE: external "lodash/cloneDeep"
+var cloneDeep_ = __webpack_require__("13f2");
+var cloneDeep_default = /*#__PURE__*/__webpack_require__.n(cloneDeep_);
+
+// CONCATENATED MODULE: ./packages/fabric-chart/src/mixins/drawExtracorporealCirculation.js
+
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricTextGroup.vue?vue&type=template&id=1a9302e8&
 
+
+
+
+
+/* harmony default export */ var mixins_drawExtracorporealCirculation = ({
+  name: 'drawExtracorporealCirculation',
+  data: function data() {
+    var _this$templateData$bo;
+
+    this.extracorporealCirculation = cloneDeep_default()((_this$templateData$bo = this.templateData.bottom) === null || _this$templateData$bo === void 0 ? void 0 : _this$templateData$bo.extracorporealCirculation);
+    this.extracorporealCirculationObjs = [];
+    return {};
+  },
+  components: {},
+  methods: {
+    drawExtracorporealCirculation: function drawExtracorporealCirculation(extracorporealCirculation) {
+      var _extracorporealCircul,
+          _this = this;
+
+      var _this$propItems = this.propItems,
+          endX = _this$propItems.endX,
+          originX = _this$propItems.originX,
+          endY = _this$propItems.endY,
+          markHeight = _this$propItems.markHeight,
+          canvasWidth = _this$propItems.canvasWidth;
+
+      if (!markHeight || !extracorporealCirculation || !((_extracorporealCircul = extracorporealCirculation.list) !== null && _extracorporealCircul !== void 0 && _extracorporealCircul.length)) {
+        return;
+      }
+
+      if (this.extracorporealCirculationObjs.length) {
+        Object(toConsumableArray["a" /* default */])(this.extracorporealCirculationObjs).forEach(function (obj) {
+          return _this.canvas.remove(obj);
+        });
+
+        this.extracorporealCirculationObjs = [];
+      }
+
+      var _extracorporealCircul2 = extracorporealCirculation.height,
+          height = _extracorporealCircul2 === void 0 ? 20 : _extracorporealCircul2,
+          extracorporealCirculationStyle = extracorporealCirculation.extracorporealCirculationStyle,
+          ascendAortaStyle = extracorporealCirculation.ascendAortaStyle,
+          _extracorporealCircul3 = extracorporealCirculation.list,
+          list = _extracorporealCircul3 === void 0 ? [] : _extracorporealCircul3;
+      var y2 = endY + height;
+      var prevEndX;
+      var prevLine;
+      list.forEach(function (item, index) {
+        var xList = _this.getExtracorporealCirculationX(item);
+
+        var idx = xList.findIndex(function (x) {
+          return x > 0 && x < canvasWidth;
+        });
+        if (idx === -1) return;
+        var prevShadowBox;
+        xList.forEach(function (x, i) {
+          var nextX = xList[i + 1];
+          var prevX = xList[i - 1];
+
+          if (isValid(x) || isValid(nextX)) {
+            var x1 = isValid(x) ? x : originX;
+            var x2 = isValid(nextX) ? nextX : endX;
+            var prevX1 = isValid(prevX) ? prevX : originX;
+            var shadowBox = {};
+
+            if (i < xList.length - 1) {
+              shadowBox.params = [x1, x2, y2, [0, 2].includes(i) ? extracorporealCirculationStyle : ascendAortaStyle];
+              shadowBox.shadowObjs = _this.drawShadowBox.apply(_this, Object(toConsumableArray["a" /* default */])(shadowBox.params));
+            }
+
+            if (isValid(x)) {
+              var _prevEndX;
+
+              var key = getKey(i);
+
+              var optLine = _this.drawOptLine([x, endY, x, y2], Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
+                origin: {
+                  index: index,
+                  key: key,
+                  data: item[key]
+                },
+                limitX: {
+                  x1: i === 0 ? (_prevEndX = prevEndX) !== null && _prevEndX !== void 0 ? _prevEndX : originX : prevX1,
+                  x2: x2
+                }
+              }, [1, 2, 3].includes(i) ? {
+                leftShadowBox: prevShadowBox
+              } : {}), [0, 1, 2].includes(i) ? {
+                rightShadowBox: shadowBox
+              } : {}));
+
+              if (i === xList.length - 1) {
+                prevEndX = x;
+                prevLine = optLine;
+              }
+
+              if (i === 0 && prevLine) {
+                prevLine.limitX.x2 = shadowBox.params[0];
+              }
+            }
+
+            prevShadowBox = shadowBox;
+          }
+        });
+      });
+
+      function isValid(x) {
+        return x && x > 0 && x < canvasWidth;
+      }
+
+      function getKey(i) {
+        switch (i) {
+          case 0:
+            return 'extracorporealCirculationStart';
+
+          case 1:
+            return 'closeAscendAorta';
+
+          case 2:
+            return 'openAscendAorta';
+
+          case 3:
+            return 'extracorporealCirculationEnd';
+        }
+      }
+    },
+    drawOptLine: function drawOptLine(coordinate, props) {
+      var optLine = new this.fabric.Line(coordinate, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, props), {}, {
+        stroke: 'transparent',
+        strokeWidth: 5,
+        hasControls: false,
+        hasBorders: false,
+        hoverCursor: 'e-resize',
+        lockMovementY: true,
+        originX: 'center'
+      }));
+      this.setExtracorporealCirculationEvent(optLine);
+      this.canvas.add(optLine);
+      this.extracorporealCirculationObjs.push(optLine);
+      return optLine;
+    },
+    setExtracorporealCirculationEvent: function setExtracorporealCirculationEvent(optLine) {
+      var _this2 = this;
+
+      this.setPopup(optLine);
+
+      if (this.eventStyle.evented) {
+        optLine.on('moving', function () {
+          var left = optLine.left,
+              limitX = optLine.limitX;
+
+          if (left < limitX.x1) {
+            optLine.setCoords().set({
+              x1: limitX.x1,
+              x2: limitX.x1
+            });
+          }
+
+          if (left > limitX.x2) {
+            optLine.setCoords().set({
+              x1: limitX.x2,
+              x2: limitX.x2
+            });
+          }
+
+          _this2.updateShadowBox(optLine, 'left');
+
+          _this2.updateShadowBox(optLine, 'right');
+
+          _this2.showDrapPopup(optLine);
+        });
+        optLine.on('moved', function () {
+          _this2.isDropVisible = false;
+          var params = optLine.origin;
+          params.data.time = _this2.getXValue(optLine.left);
+
+          _this2.$emit('extracorporealCirculationChange', params);
+
+          var index = params.index,
+              key = params.key,
+              data = params.data;
+          _this2.extracorporealCirculation.list[index][key] = data;
+
+          _this2.drawExtracorporealCirculation(_this2.extracorporealCirculation);
+
+          _this2.canvas.discardActiveObject();
+
+          _this2.canvas.forEachObject(function (obj) {
+            if (obj.type && obj.type === 'mark') {
+              obj.bringForward();
+            }
+          });
+        });
+      }
+    },
+    updateShadowBox: function updateShadowBox(optLine, direction) {
+      var _this3 = this;
+
+      var _ref = optLine["".concat(direction, "ShadowBox")] || {},
+          shadowObjs = _ref.shadowObjs,
+          params = _ref.params;
+
+      if (!shadowObjs || !params) return;
+      shadowObjs.forEach(function (obj) {
+        return _this3.canvas.remove(obj);
+      });
+      var idx = direction === 'left' ? 1 : 0;
+      params[idx] = optLine.left;
+
+      var _shadowObjs = this.drawShadowBox.apply(this, Object(toConsumableArray["a" /* default */])(params));
+
+      optLine["".concat(direction, "ShadowBox")] = {
+        shadowObjs: _shadowObjs,
+        params: params
+      };
+    },
+    drawShadowBox: function drawShadowBox(x1, x2, y2, _ref2) {
+      var _this$canvas, _this$extracorporealC;
+
+      var mode = _ref2.mode,
+          style = _ref2.style;
+      var endY = this.propItems.endY;
+
+      var _style = Object(objectSpread2["a" /* default */])({}, style);
+
+      if (_style.angle) delete _style.angle;
+      var points = [[x1, endY], [x2, endY], [x2, y2], [x1, y2]];
+      var polygon = new this.fabric.Polygon(points.map(function (v) {
+        return {
+          x: v[0],
+          y: v[1]
+        };
+      }), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, this.defaultLineStyle), _style), {}, {
+        stroke: 'transparent'
+      }, ['slash'].includes(mode) ? {
+        fill: 'transparent'
+      } : {}));
+      var shadowLines = [];
+
+      if (['slash'].includes(mode)) {
+        // 斜线阴影模式
+        shadowLines.push.apply(shadowLines, Object(toConsumableArray["a" /* default */])(this.drawShadow(points, style.angle, _style.space, _style)));
+      }
+
+      (_this$canvas = this.canvas).add.apply(_this$canvas, [polygon].concat(shadowLines));
+
+      (_this$extracorporealC = this.extracorporealCirculationObjs).push.apply(_this$extracorporealC, [polygon].concat(shadowLines));
+
+      return [polygon].concat(shadowLines);
+    },
+    getExtracorporealCirculationX: function getExtracorporealCirculationX(item) {
+      var extracorporealCirculationStart = item.extracorporealCirculationStart,
+          closeAscendAorta = item.closeAscendAorta,
+          openAscendAorta = item.openAscendAorta,
+          extracorporealCirculationEnd = item.extracorporealCirculationEnd;
+      var x1, x2, x3, x4;
+
+      if (extracorporealCirculationStart) {
+        x1 = this.computedX(extracorporealCirculationStart.time);
+      }
+
+      if (closeAscendAorta) {
+        x2 = this.computedX(closeAscendAorta.time);
+      }
+
+      if (openAscendAorta) {
+        x3 = this.computedX(openAscendAorta.time);
+      }
+
+      if (extracorporealCirculationEnd) {
+        x4 = this.computedX(extracorporealCirculationEnd.time);
+      }
+
+      return [x1, x2, x3, x4];
+    }
+  }
+});
 // 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/FabricTextGroup.vue?vue&type=script&lang=js&
 
 
@@ -3971,6 +4465,7 @@ var FabricTextGroupvue_type_template_id_1a9302e8_staticRenderFns = []
 
 
 
+
 var FabricTextGroupvue_type_script_lang_js_rightClickNode = [{
   name: '修改',
   type: 'edit'
@@ -3999,7 +4494,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
     DropPopup: DropPopup,
     MouseRightClick: MouseRightClick
   },
-  mixins: [fabricCommon, draw, eventCommon],
+  mixins: [fabricCommon, draw, eventCommon, mixins_drawExtracorporealCirculation],
   props: {
     templateData: {
       type: Object,
@@ -4076,7 +4571,10 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
       this.eventStyle.evented && this.createEvent();
       this.drawBorder(); // this.canvas.renderAll();
 
-      this.templateData.bottom && this.drawBottomTextDataGroup(this.templateData.bottom);
+      if (this.templateData.bottom) {
+        this.drawExtracorporealCirculation(this.extracorporealCirculation);
+        this.drawBottomTextDataGroup(this.templateData.bottom);
+      }
     },
     drawBorder: function drawBorder() {
       var _this$propItems = this.propItems,
@@ -4263,7 +4761,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
         if (_this7.isLimit(item.scalevalue)) {
           var textItemPoints = [];
 
-          var left = _this7.cumputedX(item.scalevalue);
+          var left = _this7.computedX(item.scalevalue);
 
           item.dataList.forEach(function (v, i) {
             var top = baseTop + i * (item.lineHeight || 15);
@@ -4383,7 +4881,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
                   objectCaching: false,
                   origin: v
                 };
-                _left2 = _this8.cumputedX(v.time);
+                _left2 = _this8.computedX(v.time);
                 title.dataList.push(_left2);
                 _context.next = 24;
                 return _this8.createPoint(_icon.type, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
@@ -4662,7 +5160,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
           y: baseY
         };
 
-        var x = _this13.cumputedX(item[0]);
+        var x = _this13.computedX(item[0]);
 
         if (_this13.isLimit(item[0])) {
           var pointList = [];
@@ -4861,7 +5359,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
           });
           return !isStart && new Date(v[0]).getTime() >= new Date(point.time).getTime();
         });
-        var limitRight = obj ? this.cumputedX(obj[0]) : endX;
+        var limitRight = obj ? this.computedX(obj[0]) : endX;
 
         if (point.left > limitRight) {
           point.set('left', limitRight);
@@ -4896,9 +5394,9 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
             return ((_k$data3 = k.data) === null || _k$data3 === void 0 ? void 0 : _k$data3.id) && ((_k$data4 = k.data) === null || _k$data4 === void 0 ? void 0 : _k$data4.id) === rightId;
           });
         })[0] : null;
-        var limitLeft = limitLeftTime && !startList || limitLeftTime && startList && new Date(limitLeftTime).getTime() >= new Date(startList[0]).getTime() ? this.cumputedX(limitLeftTime) : !limitLeftTime && startList || limitLeftTime && startList && new Date(limitLeftTime).getTime() < new Date(startList[0]).getTime() ? this.cumputedX(startList[0]) : originX;
+        var limitLeft = limitLeftTime && !startList || limitLeftTime && startList && new Date(limitLeftTime).getTime() >= new Date(startList[0]).getTime() ? this.computedX(limitLeftTime) : !limitLeftTime && startList || limitLeftTime && startList && new Date(limitLeftTime).getTime() < new Date(startList[0]).getTime() ? this.computedX(startList[0]) : originX;
 
-        var _limitRight = limitRightTime ? this.cumputedX(limitRightTime) : endX;
+        var _limitRight = limitRightTime ? this.computedX(limitRightTime) : endX;
 
         if (point.left > _limitRight) {
           point.set('left', _limitRight);
@@ -4918,7 +5416,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
       }
     },
     showDrapPopup: function showDrapPopup(point) {
-      var _point$other4;
+      var _point$other4, _point$origin, _point$origin$data;
 
       this.isDropVisible = true;
       this.dropPos = {
@@ -4930,7 +5428,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
       };
       var x = arguments.length > 1 && (_point$other4 = point.other) !== null && _point$other4 !== void 0 && _point$other4.viewTime ? point.other.viewTime : this.getXValue(point.realLeft || point.left);
       this.dropVal = {
-        title: point.name || '',
+        title: point.name || ((_point$origin = point.origin) === null || _point$origin === void 0 ? void 0 : (_point$origin$data = _point$origin.data) === null || _point$origin$data === void 0 ? void 0 : _point$origin$data.value) || '',
         list: [{
           id: '1',
           name: '时间',
@@ -4991,8 +5489,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_1a9302e8_render,
-  FabricTextGroupvue_type_template_id_1a9302e8_staticRenderFns,
+  FabricTextGroupvue_type_template_id_648d1252_render,
+  FabricTextGroupvue_type_template_id_648d1252_staticRenderFns,
   false,
   null,
   null,
@@ -5001,14 +5499,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":"86945ef4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricScaleValue.vue?vue&type=template&id=68258044&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"34fc7432-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricScaleValue.vue?vue&type=template&id=68258044&
 var FabricScaleValuevue_type_template_id_68258044_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.show)?_c('TimeScaleValue',{attrs:{"times":_vm.timeList,"templateData":_vm.templateData}}):_vm._e()}
 var FabricScaleValuevue_type_template_id_68258044_staticRenderFns = []
 
 
 // CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricScaleValue.vue?vue&type=template&id=68258044&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"86945ef4-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=3492877c&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"34fc7432-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=3492877c&scoped=true&
 var TimeScaleValuevue_type_template_id_3492877c_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_3492877c_scoped_true_staticRenderFns = []
 
@@ -5392,12 +5890,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":"86945ef4-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=02387c68&
-var FabricLinesvue_type_template_id_02387c68_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_02387c68_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"34fc7432-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=3899ac60&
+var FabricLinesvue_type_template_id_3899ac60_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_3899ac60_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=template&id=02387c68&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=template&id=3899ac60&
 
 // 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&
 
@@ -5670,7 +6168,7 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
 
                 item = lineList[j];
 
-                if (!(!item[0] || type_isObject(item[0]))) {
+                if (!(!item[0] || utils_isObject(item[0]))) {
                   _context.next = 15;
                   break;
                 }
@@ -5680,8 +6178,8 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
               case 15:
                 startMinute = new Date(item[0]).getTime();
                 endMinute = item[1] ? new Date(item[1]).getTime() : '';
-                x1 = _this5.cumputedX(item[0]);
-                x2 = _this5.cumputedX(item[1]); // 数字文字
+                x1 = _this5.computedX(item[0]);
+                x2 = _this5.computedX(item[1]); // 数字文字
 
                 textObj = item[3] || {};
                 textContent = textObj.content, isContinue = textObj.continue; // 左边手柄竖线
@@ -5796,14 +6294,14 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
                     preEndMinute = new Date(preItem1).getTime();
 
                     if (preEndMinute >= minMinute && preEndMinute < maxMinute) {
-                      leftLimit.x1 = _this5.cumputedX(preItem1);
+                      leftLimit.x1 = _this5.computedX(preItem1);
                       if (!x2) rightLimit.x1 = leftLimit.x1;
                     }
                   } else {
                     preStartMinute = new Date(preItem0).getTime();
 
                     if (preStartMinute >= minMinute && preStartMinute < maxMinute) {
-                      leftLimit.x1 = _this5.cumputedX(preItem0);
+                      leftLimit.x1 = _this5.computedX(preItem0);
                       if (!x2) rightLimit.x1 = leftLimit.x1;
                     }
                   }
@@ -5814,7 +6312,7 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
 
                   if (_preItem) {
                     _preStartMinute = new Date(_preItem).getTime();
-                    if (_preStartMinute > minMinute && _preStartMinute <= maxMinute) rightLimit.x2 = _this5.cumputedX(_preItem);
+                    if (_preStartMinute > minMinute && _preStartMinute <= maxMinute) rightLimit.x2 = _this5.computedX(_preItem);
                   }
                 } // 文字内容
 
@@ -6337,8 +6835,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_02387c68_render,
-  FabricLinesvue_type_template_id_02387c68_staticRenderFns,
+  FabricLinesvue_type_template_id_3899ac60_render,
+  FabricLinesvue_type_template_id_3899ac60_staticRenderFns,
   false,
   null,
   null,
@@ -6515,8 +7013,8 @@ var FabricLines_component = Object(componentNormalizer["a" /* default */])(
 }));
 // CONCATENATED MODULE: ./packages/fabric-chart/src/FabricChart.vue?vue&type=script&lang=js&
  /* harmony default export */ var src_FabricChartvue_type_script_lang_js_ = (FabricChartvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./packages/fabric-chart/src/FabricChart.vue?vue&type=style&index=0&id=3cb4429d&lang=less&scoped=true&
-var FabricChartvue_type_style_index_0_id_3cb4429d_lang_less_scoped_true_ = __webpack_require__("ea60");
+// EXTERNAL MODULE: ./packages/fabric-chart/src/FabricChart.vue?vue&type=style&index=0&id=0c8cbb03&lang=less&scoped=true&
+var FabricChartvue_type_style_index_0_id_0c8cbb03_lang_less_scoped_true_ = __webpack_require__("8547");
 
 // CONCATENATED MODULE: ./packages/fabric-chart/src/FabricChart.vue
 
@@ -6533,7 +7031,7 @@ var FabricChart_component = Object(componentNormalizer["a" /* default */])(
   staticRenderFns,
   false,
   null,
-  "3cb4429d",
+  "0c8cbb03",
   null
   
 )
@@ -8254,13 +8752,6 @@ module.exports = function (Iterable, NAME, IteratorConstructor, next, DEFAULT, I
 };
 
 
-/***/ }),
-
-/***/ "7f5d":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "7f9a":
@@ -8302,6 +8793,17 @@ module.exports = !fails(function () {
 });
 
 
+/***/ }),
+
+/***/ "8547":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FabricChart_vue_vue_type_style_index_0_id_0c8cbb03_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("999b");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FabricChart_vue_vue_type_style_index_0_id_0c8cbb03_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FabricChart_vue_vue_type_style_index_0_id_0c8cbb03_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "85f7":
@@ -8436,6 +8938,13 @@ module.exports = require("core-js/modules/es.object.to-string.js");
 
 /***/ }),
 
+/***/ "999b":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "9b22":
 /***/ (function(module, exports) {
 
@@ -9791,17 +10300,6 @@ module.exports = function (it) {
 
 module.exports = require("core-js/modules/es.array.slice.js");
 
-/***/ }),
-
-/***/ "ea60":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FabricChart_vue_vue_type_style_index_0_id_3cb4429d_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("7f5d");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FabricChart_vue_vue_type_style_index_0_id_3cb4429d_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FabricChart_vue_vue_type_style_index_0_id_3cb4429d_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "ea64":