cnhis-design-vue 2.1.128 → 2.1.129

package/es/fabric-chart/index.js

@@ -295,7 +295,7 @@ var es_promise_finally = __webpack_require__("a79d");
 // EXTERNAL MODULE: external "core-js/modules/es.function.name.js"
 var es_function_name_js_ = __webpack_require__("db0a");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f5c77da2-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/FabricChart.vue?vue&type=template&id=76395f46&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f92084ce-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/FabricChart.vue?vue&type=template&id=76395f46&scoped=true&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"c-fabric-chart",style:({ width: _vm.canvasWidth })},[(_vm.rendercanvas)?_c('fabric-canvas',_vm._b({ref:"canvasEle",attrs:{"templateData":_vm.templateData}},'fabric-canvas',_vm.$attrs,false),[_c('fabric-grid'),(_vm.hasXScalevalue)?_c('fabric-text-group',_vm._g({ref:"otherGroups",attrs:{"templateData":_vm.templateData}},_vm.$listeners)):_vm._e(),(_vm.hasTable)?_c('fabric-scale-value',{attrs:{"templateData":_vm.templateData}}):_vm._e(),(_vm.hasTopTable)?_c('fabric-lines',_vm._g({ref:"lines",attrs:{"linesObj":_vm.templateData.top}},_vm.$listeners)):_vm._e(),(_vm.hasTable)?_c('fabric-polylines',_vm._g({ref:"polylines",attrs:{"polyline":_vm.polylines,"other":_vm.templateData.left.other || {},"timeRangeStyle":_vm.templateData.timeRangeStyle || {}},on:{"pointOperation":_vm.pointOperation}},_vm.$listeners)):_vm._e()],1):_vm._e()],1)}
 var staticRenderFns = []
 
@@ -308,7 +308,7 @@ var objectSpread2 = __webpack_require__("5530");
 // EXTERNAL MODULE: ./src/core/create.js
 var create = __webpack_require__("8aef");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f5c77da2-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":"f92084ce-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 = []
 
@@ -968,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":"f5c77da2-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: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f92084ce-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=6078d968&
+var FabricPolylinesvue_type_template_id_6078d968_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_6078d968_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricPolylines.vue?vue&type=template&id=6acaeef6&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricPolylines.vue?vue&type=template&id=6078d968&
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
 var asyncToGenerator = __webpack_require__("1da1");
@@ -1159,11 +1159,9 @@ var utils_isObject = function isObject(obj) {
 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];
@@ -1231,6 +1229,13 @@ function getIntersectionPoint(a, b, c, d) {
 
   return false;
 }
+function sortByTime() {
+  var list = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  list.sort(function (a, b) {
+    return Date.parse(a[0]) - Date.parse(b[0]);
+  });
+  return list;
+}
 // CONCATENATED MODULE: ./packages/fabric-chart/src/mixins/draw.js
 
 
@@ -1840,7 +1845,7 @@ function getIntersectionPoint(a, b, c, d) {
     }
   }
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f5c77da2-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":"f92084ce-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 = []
 
@@ -1948,7 +1953,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":"f5c77da2-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":"f92084ce-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 = []
 
@@ -2099,6 +2104,7 @@ var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
 
 
 
+
 /**
  * @description: 递归遍历节点，设置颜色属性
  * @param {fabric.Object[]} pointArr
@@ -2943,7 +2949,9 @@ var rightClickNodeConnect = [{
 
       var _this$propItems6 = this.propItems,
           originY = _this$propItems6.originY,
-          endY = _this$propItems6.endY;
+          endY = _this$propItems6.endY,
+          xCellWidth = _this$propItems6.xCellWidth,
+          table = _this$propItems6.table;
       var _polyline$list = polyline.list,
           list = _polyline$list === void 0 ? [] : _polyline$list,
           _polyline$critical = polyline.critical,
@@ -3011,11 +3019,11 @@ var rightClickNodeConnect = [{
         var line;
         var point;
         var previousLine;
-        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 */])({
+        line = !points || !nextPoint || (_linePoints$data = linePoints.data) !== null && _linePoints$data !== void 0 && _linePoints$data.breakpoint || table.breakpoint && nextPoint[0] - points[0] > xCellWidth ? null : _this11.drawLine([].concat(Object(toConsumableArray["a" /* default */])(points), Object(toConsumableArray["a" /* default */])(nextPoint)), Object(objectSpread2["a" /* default */])({
           polylineIndex: polylineIndex,
           polylineTypeId: polylineTypeId,
           lineIndex: index
-        }, lineAttr)) : null;
+        }, lineAttr));
         previousLine = lineList[index - 1];
 
         var pointOthers = Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
@@ -3389,10 +3397,10 @@ var rightClickNodeConnect = [{
         };
 
         var currentPointObj = _this15.addPointObjList.find(function (obj) {
-          return obj.left === currentPoint.left;
+          return nearlyEqual(obj.left, currentPoint.left);
         });
 
-        if ((currentPointObj === null || currentPointObj === void 0 ? void 0 : (_currentPointObj$line = currentPointObj.line1) === null || _currentPointObj$line === void 0 ? void 0 : _currentPointObj$line.x1) !== prevPoint.left) {
+        if (!nearlyEqual(currentPointObj === null || currentPointObj === void 0 ? void 0 : (_currentPointObj$line = currentPointObj.line1) === null || _currentPointObj$line === void 0 ? void 0 : _currentPointObj$line.x1, prevPoint.left)) {
           var _currentPointObj$line2;
 
           currentPointObj === null || currentPointObj === void 0 ? void 0 : (_currentPointObj$line2 = currentPointObj.line1) === null || _currentPointObj$line2 === void 0 ? void 0 : _currentPointObj$line2.set({
@@ -3428,7 +3436,7 @@ var rightClickNodeConnect = [{
               var curLeft = originLeft + _this16.spaceWidth * k; // 判断this.addPointList中的left是否包含curLeft，不包含就说明是漏了
 
               var hasPoint = _this16.addPointList.some(function (p) {
-                return Math.abs(p.left - curLeft) <= 0.001;
+                return nearlyEqual(p.left, curLeft);
               }); // const hasPoint = this.addPointList.some(v => v.left == curLeft);
 
 
@@ -3483,7 +3491,7 @@ var rightClickNodeConnect = [{
           originTop = point.originTop;
       var currentLeft = left;
       var startLength = this.addPointList.length;
-      var n = 6; // 拖动范围，在需要增加节点的刻度左右吸入的范围值
+      var n = Math.min(this.spaceWidth / 2, 6); // 拖动范围，在需要增加节点的刻度左右吸入的范围值
 
       var residue = (left - originLeft) % this.spaceWidth;
       var condition = residue > 0 && (residue > this.spaceWidth - n || residue < n);
@@ -3504,7 +3512,7 @@ var rightClickNodeConnect = [{
           this.addPointList.length == 0 && this.clonePoint(point, [point.line1 ? point.line1.x1 : originLeft, point.line1 ? point.line1.y1 : originTop, originLeft, originTop]);
 
           if (this.addPointList.every(function (v) {
-            return v.left !== left;
+            return !nearlyEqual(v.left, left);
           })) {
             // const points1 = i === 1 ? [originLeft, originTop] : point.prePoints;
             var points1 = this.addPointList.length == 0 ? [originLeft, originTop] : point.prePoints;
@@ -3526,7 +3534,7 @@ var rightClickNodeConnect = [{
               data.top = top; // 避免重复添加
 
               if (this.addPointObjList.every(function (o) {
-                return o.left !== left;
+                return !nearlyEqual(o.left, left);
               })) {
                 this.addPointList.push(data);
                 this.clonePoint(point, [].concat(Object(toConsumableArray["a" /* default */])(points1), [left, top]));
@@ -4027,8 +4035,8 @@ var rightClickNodeConnect = [{
 
 var FabricPolylines_component = Object(componentNormalizer["a" /* default */])(
   fabric_chart_FabricPolylinesvue_type_script_lang_js_,
-  FabricPolylinesvue_type_template_id_6acaeef6_render,
-  FabricPolylinesvue_type_template_id_6acaeef6_staticRenderFns,
+  FabricPolylinesvue_type_template_id_6078d968_render,
+  FabricPolylinesvue_type_template_id_6078d968_staticRenderFns,
   false,
   null,
   null,
@@ -4134,12 +4142,15 @@ 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":"f5c77da2-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=2d01f090&
-var FabricTextGroupvue_type_template_id_2d01f090_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_2d01f090_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f92084ce-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=66af8164&
+var FabricTextGroupvue_type_template_id_66af8164_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_66af8164_staticRenderFns = []
+
 
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricTextGroup.vue?vue&type=template&id=66af8164&
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricTextGroup.vue?vue&type=template&id=2d01f090&
+// EXTERNAL MODULE: external "core-js/modules/es.reflect.has.js"
+var es_reflect_has_js_ = __webpack_require__("bfdc");
 
 // EXTERNAL MODULE: external "lodash/cloneDeep"
 var cloneDeep_ = __webpack_require__("13f2");
@@ -4365,14 +4376,12 @@ var cloneDeep_default = /*#__PURE__*/__webpack_require__.n(cloneDeep_);
               data = params.data;
           _this2.extracorporealCirculation.list[index][key] = data;
 
-          _this2.drawExtracorporealCirculation(_this2.extracorporealCirculation);
+          _this2.drawExtracorporealCirculation();
 
           _this2.canvas.discardActiveObject();
 
-          _this2.canvas.forEachObject(function (obj) {
-            if (obj.type && obj.type === 'mark') {
-              obj.bringForward();
-            }
+          _this2.markObjs.forEach(function (obj) {
+            return obj.bringForward();
           });
         });
       }
@@ -4459,6 +4468,9 @@ var cloneDeep_default = /*#__PURE__*/__webpack_require__.n(cloneDeep_);
     }
   }
 });
+// EXTERNAL MODULE: external "lodash"
+var external_lodash_ = __webpack_require__("60bb");
+
 // 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&
 
 
@@ -4480,6 +4492,8 @@ var cloneDeep_default = /*#__PURE__*/__webpack_require__.n(cloneDeep_);
 
 
 
+
+
 
 
 
@@ -4498,6 +4512,8 @@ var cloneDeep_default = /*#__PURE__*/__webpack_require__.n(cloneDeep_);
 
 
 
+
+
 var FabricTextGroupvue_type_script_lang_js_rightClickNode = [{
   name: '修改',
   type: 'edit'
@@ -4556,6 +4572,10 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
     }
   },
   data: function data() {
+    var _this$templateData$bo;
+
+    this.markData = sortByTime(Object(external_lodash_["cloneDeep"])((_this$templateData$bo = this.templateData.bottom) === null || _this$templateData$bo === void 0 ? void 0 : _this$templateData$bo.list));
+    this.markObjs = [];
     return {
       leftStartX: 0,
       isDropVisible: false,
@@ -4605,7 +4625,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
 
       if (this.templateData.bottom) {
         this.drawExtracorporealCirculation();
-        this.drawBottomTextDataGroup(this.templateData.bottom);
+        this.drawBottomTextDataGroup();
       }
     },
     drawBorder: function drawBorder() {
@@ -4841,7 +4861,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
       return Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
         var _this8$canvas;
 
-        var textList, _this8$propItems, originX, originY, top, index, len, _item$titleStyle, item, marginLeft, left, originOptions, title, _ref2, _ref2$icon, _icon, dataList, prevPoint, i, _len, v, commonOptions, _left2, icon, text, groupObj;
+        var textList, _this8$propItems, originX, originY, top, index, len, _item$titleStyle, item, marginLeft, left, originOptions, title, _ref2, _ref2$icon, _icon, dataList, prevPoint, i, _len, v, commonOptions, _left2, icon, iconHalfWidth, text, groupObj;
 
         return regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
@@ -4854,7 +4874,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
 
               case 4:
                 if (!(index < len)) {
-                  _context.next = 37;
+                  _context.next = 43;
                   break;
                 }
 
@@ -4893,14 +4913,14 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
 
               case 16:
                 if (!(i < _len)) {
-                  _context.next = 34;
+                  _context.next = 40;
                   break;
                 }
 
                 v = dataList[i];
 
                 if (!_this8.isLimit(v.time)) {
-                  _context.next = 31;
+                  _context.next = 37;
                   break;
                 }
 
@@ -4915,7 +4935,13 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
                 };
                 _left2 = _this8.computedX(v.time);
                 title.dataList.push(_left2);
-                _context.next = 24;
+
+                if (!(!Reflect.has(_icon, 'show') || _icon.show)) {
+                  _context.next = 28;
+                  break;
+                }
+
+                _context.next = 25;
                 return _this8.createPoint(_icon.type, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
                   originX: 'center',
                   left: _left2
@@ -4923,18 +4949,27 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
                   stroke: item.style.fill
                 } : {}), _icon.style || {}), commonOptions));
 
-              case 24:
-                icon = _context.sent;
+              case 25:
+                _context.t0 = _context.sent;
+                _context.next = 29;
+                break;
+
+              case 28:
+                _context.t0 = null;
+
+              case 29:
+                icon = _context.t0;
+                iconHalfWidth = icon ? icon.width / 2 : 0;
                 text = new _this8.fabric.Text(String(v.value), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.style), defaultVaule.textStyle), item.style), {}, {
-                  left: _left2 + icon.width / 2,
+                  left: _left2 + iconHalfWidth,
                   name: v.value
                 }, commonOptions));
-                groupObj = new _this8.fabric.Group([icon, text], Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
+                groupObj = new _this8.fabric.Group(icon ? [icon, text] : [text], Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
                   id: "".concat(index, "_").concat(i, "_other_").concat(Date.now()),
                   lockMovementY: true
                 }, commonOptions), _this8.eventStyle), {}, {
                   realLeft: _left2,
-                  iconHalfWidth: icon.width / 2
+                  iconHalfWidth: iconHalfWidth
                 }));
 
                 if (prevPoint) {
@@ -4948,20 +4983,20 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
 
                 textList.push(groupObj);
 
-              case 31:
+              case 37:
                 i++;
                 _context.next = 16;
                 break;
 
-              case 34:
+              case 40:
                 index++;
                 _context.next = 4;
                 break;
 
-              case 37:
+              case 43:
                 (_this8$canvas = _this8.canvas).add.apply(_this8$canvas, textList);
 
-              case 38:
+              case 44:
               case "end":
                 return _context.stop();
             }
@@ -5118,20 +5153,14 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
     removeMark: function removeMark() {
       var _this12 = this;
 
-      this.canvas.forEachObject(function (obj) {
-        if (obj.type && obj.type === 'mark') {
-          _this12.canvas.remove(obj);
-        }
+      this.markObjs.forEach(function (obj) {
+        return _this12.canvas.remove(obj);
       });
     },
-    // 底部标记
-    drawBottomTextDataGroup: function drawBottomTextDataGroup(obj) {
-      var _obj$style,
-          _obj$iconStyle,
-          _obj$seqStyle,
-          _obj$seqStyle$circle,
-          _this13 = this;
-
+    drawTopTotalLineAndTitle: function drawTopTotalLineAndTitle() {
+      var _this$templateData = this.templateData,
+          obj = _this$templateData.bottom,
+          leftData = _this$templateData.left;
       var _this$propItems6 = this.propItems,
           endX = _this$propItems6.endX,
           originX = _this$propItems6.originX,
@@ -5139,14 +5168,13 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
           topTotal = _this$propItems6.topTotal,
           markHeight = _this$propItems6.markHeight;
 
-      if (!markHeight || !obj.list) {
+      if (!topTotal.width) {
         return;
       }
 
-      topTotal.width && this.canvas.add(this.drawLine([endX, endY - 1, endX, endY + markHeight], Object(objectSpread2["a" /* default */])({}, this.defaultRectStyle)));
-      topTotal.width && this.canvas.add(this.drawLine([originX, endY + markHeight, endX, endY + markHeight], Object(objectSpread2["a" /* default */])({}, this.defaultRectStyle))); // const textList = [];
-
-      var marginLeft = this.templateData.left.leftYScalevalue.spaceGridNumber || defaultVaule.spaceGridNumber;
+      var line1 = this.drawLine([endX, endY - 1, endX, endY + markHeight], Object(objectSpread2["a" /* default */])({}, this.defaultRectStyle));
+      var line2 = this.drawLine([originX, endY + markHeight, endX, endY + markHeight], Object(objectSpread2["a" /* default */])({}, this.defaultRectStyle));
+      var marginLeft = leftData.leftYScalevalue.spaceGridNumber || defaultVaule.spaceGridNumber;
       var left = originX - marginLeft * 4; // 默认减去4倍的左边距，防止最左边的数据与名称显示重合了
 
       var title = new this.fabric.Text(String(obj.title), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.style), defaultVaule.textStyle), obj.style), {}, {
@@ -5156,7 +5184,38 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
         top: endY + markHeight / 2,
         type: 'mark'
       }));
-      this.canvas.add(title); // textList.push(title);
+      this.markObjs.push(title, line1, line2);
+      this.canvas.add(title, line1, line2);
+    },
+    // 底部标记
+    drawBottomTextDataGroup: function drawBottomTextDataGroup() {
+      var _this$markData,
+          _this13 = this,
+          _obj$style,
+          _obj$iconStyle,
+          _obj$seqStyle,
+          _obj$seqStyle$circle;
+
+      var obj = this.templateData.bottom;
+      var _this$propItems7 = this.propItems,
+          originX = _this$propItems7.originX,
+          endY = _this$propItems7.endY,
+          markHeight = _this$propItems7.markHeight,
+          xCellWidth = _this$propItems7.xCellWidth;
+
+      if (!markHeight || !((_this$markData = this.markData) !== null && _this$markData !== void 0 && _this$markData.length)) {
+        return;
+      }
+
+      if (this.markObjs.length) {
+        Object(toConsumableArray["a" /* default */])(this.markObjs).forEach(function (obj) {
+          return _this13.canvas.remove(obj);
+        });
+
+        this.markObjs = [];
+      }
+
+      this.drawTopTotalLineAndTitle();
 
       var _endY = this.extracorporealCirculationHeight ? endY + this.extracorporealCirculationHeight : endY;
 
@@ -5167,48 +5226,78 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
       var lineHeightText = (((_obj$style = obj.style) === null || _obj$style === void 0 ? void 0 : _obj$style.fontSize) || 12) + 2;
       var lineHeightImg = (((_obj$iconStyle = obj.iconStyle) === null || _obj$iconStyle === void 0 ? void 0 : _obj$iconStyle.height) || 12) + 2;
       var lineHeightSeq = (((_obj$seqStyle = obj.seqStyle) === null || _obj$seqStyle === void 0 ? void 0 : (_obj$seqStyle$circle = _obj$seqStyle.circle) === null || _obj$seqStyle$circle === void 0 ? void 0 : _obj$seqStyle$circle.radius) || 9) * 2 + 2;
+      var prevLeft = originX;
+      var prevCondition;
+      var pointerObj = {};
+
+      var setTop = function setTop(item, lineHeight, i, condition) {
+        var _lineHeight = lineHeight;
+
+        if (item.desc && obj.showDesc) {
+          _lineHeight = lineHeight + lineHeightText;
+        }
 
-      var setTop = function setTop(lineHeight, i, condition) {
         if (!~condition.limitIndex) {
-          condition.y += i === 0 ? lineHeight / 2 : lineHeight;
+          condition.y += i === 0 ? _lineHeight / 2 : _lineHeight;
 
-          if (condition.y >= endY + markHeight - lineHeight / 2) {
+          if (condition.y >= endY + markHeight - _lineHeight / 2) {
             condition.limitIndex++;
 
             if (condition.limitIndex === 0) {
               condition.y = baseYLimit;
-              condition.y -= lineHeight / 2;
+              condition.y -= _lineHeight / 2;
             }
           }
         } else {
-          condition.y -= lineHeight;
+          condition.y -= _lineHeight;
         }
 
-        return condition.y;
+        var y = condition.y;
+        var y1,
+            y2 = y;
+
+        if (item.desc && obj.showDesc) {
+          y1 = y + _lineHeight / 2 - lineHeight - lineHeightText / 2;
+          y2 = y + _lineHeight / 2 - lineHeight / 2;
+        }
+
+        return {
+          y1: y1,
+          y2: y2
+        };
       };
 
-      obj.list.forEach(function (item, index) {
+      this.markData.forEach(function (item, index) {
+        var _pointerObj$;
+
         var condition = {
           limitIndex: -1,
           // 标志点是否往上排列的标志，大于-1则表示需要往上排列
           y: baseY
         };
 
-        var x = _this13.computedX(item[0]);
+        var x = _this13.computedX(item[0]); // 相隔小于或等于一个小格的宽度就继承上个时间标记的高度继续计算定位，即错位显示
+
+
+        var prevHasBelowShow = (_pointerObj$ = pointerObj["x_".concat(prevLeft)]) === null || _pointerObj$ === void 0 ? void 0 : _pointerObj$.some(function (o) {
+          return o > endY;
+        });
+
+        if (x - prevLeft <= xCellWidth && prevHasBelowShow) {
+          Object.assign(condition, prevCondition);
+        }
 
         if (_this13.isLimit(item[0])) {
           var pointList = [];
+          pointerObj["x_".concat(x)] = [];
           item[1].forEach( /*#__PURE__*/function () {
             var _ref3 = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(v, i) {
-              var common, option;
+              var common, conditionRes;
               return regeneratorRuntime.wrap(function _callee2$(_context2) {
                 while (1) {
                   switch (_context2.prev = _context2.next) {
                     case 0:
                       common = {
-                        left: x,
-                        originX: 'center',
-                        originY: 'center',
                         data: v.data || {},
                         other: v.other || {},
                         time: item[0],
@@ -5218,20 +5307,21 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
                       };
 
                       if (_this13.isObject(v) && !v.value) {
-                        common.top = setTop(lineHeightImg, i, condition);
-                        option = Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, obj.iconStyle), v), common);
-                        pointList.push(_this13.drawMarkPoint(v, option, obj));
+                        conditionRes = setTop(v, lineHeightImg, i, condition);
+                        pointList.push(_this13.drawMarkPoint(v, common, obj, conditionRes, x));
                       } else if (v.value) {
                         if (v.seq) {
-                          common.top = setTop(lineHeightSeq, i, condition);
-                          pointList.push(_this13.drawMarkPoint(v, common, obj));
+                          conditionRes = setTop(v, lineHeightSeq, i, condition);
+                          pointList.push(_this13.drawMarkPoint(v, common, obj, conditionRes, x));
                         } else {
-                          common.top = setTop(lineHeightText, i, condition);
-                          pointList.push(_this13.drawMarkPoint(v, common, obj));
+                          conditionRes = setTop(v, lineHeightText, i, condition);
+                          pointList.push(_this13.drawMarkPoint(v, common, obj, conditionRes, x));
                         }
                       }
 
-                    case 2:
+                      pointerObj["x_".concat(x)].push(conditionRes.y2);
+
+                    case 3:
                     case "end":
                       return _context2.stop();
                   }
@@ -5243,101 +5333,130 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
               return _ref3.apply(this, arguments);
             };
           }());
+          prevLeft = x;
+          prevCondition = condition;
           Promise.all(pointList).then(function (res) {
-            var _this13$canvas;
+            var _this13$markObjs, _this13$canvas;
+
+            (_this13$markObjs = _this13.markObjs).push.apply(_this13$markObjs, Object(toConsumableArray["a" /* default */])(res));
 
-            return (_this13$canvas = _this13.canvas).add.apply(_this13$canvas, Object(toConsumableArray["a" /* default */])(res));
+            (_this13$canvas = _this13.canvas).add.apply(_this13$canvas, Object(toConsumableArray["a" /* default */])(res));
           });
         }
       });
     },
-    drawMarkPoint: function drawMarkPoint(v, option, obj) {
+    drawMarkPoint: function drawMarkPoint(v, option, obj, _ref4, x) {
       var _this14 = this;
 
       return Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
-        var point, eventStyle, ele, _obj$seqStyle2, _obj$seqStyle3, circle, text;
+        var y1, y2, positionObj, point, eventStyle, ele, _obj$seqStyle2, _obj$seqStyle3, circle, text, descPoint;
 
         return regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) {
             switch (_context3.prev = _context3.next) {
               case 0:
+                y1 = _ref4.y1, y2 = _ref4.y2;
+                positionObj = {
+                  left: x,
+                  originX: 'center',
+                  originY: 'center',
+                  top: y2
+                };
                 eventStyle = !_this14.eventStyle.evented ? {
                   lockMovementX: true,
                   lockMovementY: true
                 } : {};
 
                 if (!(_this14.isObject(v) && !v.value)) {
-                  _context3.next = 11;
+                  _context3.next = 13;
                   break;
                 }
 
                 if (!(v !== null && v !== void 0 && v.iconClassName)) {
-                  _context3.next = 6;
+                  _context3.next = 8;
                   break;
                 }
 
-                _context3.next = 5;
+                _context3.next = 7;
                 return _this14.createImage(v.iconClassName, v);
 
-              case 5:
+              case 7:
                 ele = _context3.sent;
 
-              case 6:
-                _context3.next = 8;
-                return _this14.createPoint(v !== null && v !== void 0 && v.url || v !== null && v !== void 0 && v.iconClassName ? 'img' : v.type, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
+              case 8:
+                _context3.next = 10;
+                return _this14.createPoint(v !== null && v !== void 0 && v.url || v !== null && v !== void 0 && v.iconClassName ? 'img' : v.type, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
                   ele: ele || ''
-                }, option), eventStyle));
+                }, positionObj), obj.iconStyle), v), option), eventStyle));
 
-              case 8:
+              case 10:
                 point = _context3.sent;
-                _context3.next = 25;
+                _context3.next = 27;
                 break;
 
-              case 11:
+              case 13:
                 if (!v.value) {
-                  _context3.next = 25;
+                  _context3.next = 27;
                   break;
                 }
 
                 if (!v.seq) {
-                  _context3.next = 22;
+                  _context3.next = 24;
                   break;
                 }
 
-                _context3.next = 15;
-                return _this14.createPoint('circle', Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, option), {}, {
+                _context3.next = 17;
+                return _this14.createPoint('circle', Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, positionObj), option), {}, {
                   radius: 5,
                   strokeWidth: 1,
                   stroke: '#000',
                   fill: 'transparent'
                 }, ((_obj$seqStyle2 = obj.seqStyle) === null || _obj$seqStyle2 === void 0 ? void 0 : _obj$seqStyle2.circle) || {}));
 
-              case 15:
+              case 17:
                 circle = _context3.sent;
-                text = new _this14.fabric.Text(String(v.value), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.textStyle), option), ((_obj$seqStyle3 = obj.seqStyle) === null || _obj$seqStyle3 === void 0 ? void 0 : _obj$seqStyle3.text) || {}));
-                _context3.next = 19;
-                return new _this14.fabric.Group([circle, text], Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, option), eventStyle));
+                text = new _this14.fabric.Text(String(v.value), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.textStyle), positionObj), option), ((_obj$seqStyle3 = obj.seqStyle) === null || _obj$seqStyle3 === void 0 ? void 0 : _obj$seqStyle3.text) || {}));
+                _context3.next = 21;
+                return new _this14.fabric.Group([circle, text], Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, positionObj), option), eventStyle));
 
-              case 19:
+              case 21:
                 point = _context3.sent;
-                _context3.next = 25;
+                _context3.next = 27;
                 break;
 
-              case 22:
-                _context3.next = 24;
-                return new _this14.fabric.Text(String(v.value), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.textStyle), obj.style), option), eventStyle));
-
               case 24:
+                _context3.next = 26;
+                return new _this14.fabric.Text(String(v.value), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.textStyle), obj.style), positionObj), option), eventStyle));
+
+              case 26:
                 point = _context3.sent;
 
-              case 25:
+              case 27:
+                if (!y1) {
+                  _context3.next = 32;
+                  break;
+                }
+
+                descPoint = new _this14.fabric.Text(String(v.desc), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.textStyle), positionObj), option), obj.style), {}, {
+                  top: y1
+                }));
+                _context3.next = 31;
+                return new _this14.fabric.Group([descPoint, point], Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, option), {}, {
+                  left: x,
+                  originX: 'center'
+                }, eventStyle));
+
+              case 31:
+                point = _context3.sent;
+
+              case 32:
                 point.hasControls = point.hasBorders = false;
 
                 _this14.pointEvent(point);
 
                 return _context3.abrupt("return", point);
 
-              case 28:
+              case 35:
               case "end":
                 return _context3.stop();
             }
@@ -5366,19 +5485,56 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
           };
 
           _this15.$emit('markChange', value);
+
+          _this15.updateMarkData(value);
+
+          _this15.drawBottomTextDataGroup();
+
+          _this15.canvas.discardActiveObject();
         });
       }
     },
+    updateMarkData: function updateMarkData(_ref5) {
+      var data = _ref5.data,
+          newVal = _ref5.newVal;
+      var id = data.id;
+      var listIndex, index;
+      listIndex = this.markData.findIndex(function (v) {
+        var i = v[1].findIndex(function (k) {
+          var _k$data;
+
+          return ((_k$data = k.data) === null || _k$data === void 0 ? void 0 : _k$data.id) === id;
+        });
+        i > -1 && (index = i);
+        return i > -1;
+      });
+      var obj = this.markData[listIndex][1].splice(index, 1)[0];
+      var newIndex = this.markData.findIndex(function (v) {
+        return v[0] === newVal;
+      });
+
+      if (!~newIndex) {
+        this.markData.push([newVal, [obj]]);
+      } else {
+        this.markData[newIndex][1].push(obj);
+      }
+
+      var emptyIndex = this.markData.findIndex(function (v) {
+        return v[1].length === 0;
+      });
+      !!~emptyIndex && this.markData.splice(emptyIndex, 1);
+      sortByTime(this.markData);
+    },
     moveLimit: function moveLimit(point) {
       var _point$other;
 
       point.setCoords();
-      var _this$propItems7 = this.propItems,
-          originX = _this$propItems7.originX,
-          endX = _this$propItems7.endX,
-          originY = _this$propItems7.originY,
-          endY = _this$propItems7.endY,
-          markHeight = _this$propItems7.markHeight;
+      var _this$propItems8 = this.propItems,
+          originX = _this$propItems8.originX,
+          endX = _this$propItems8.endX,
+          originY = _this$propItems8.originY,
+          endY = _this$propItems8.endY,
+          markHeight = _this$propItems8.markHeight;
       var bottom = this.templateData.bottom; // 如果是起始标记，如入手术室时间
 
       if ((_point$other = point.other) !== null && _point$other !== void 0 && _point$other.isStart) {
@@ -5415,17 +5571,17 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
         var leftId = (_point$other2 = point.other) === null || _point$other2 === void 0 ? void 0 : _point$other2.limitLeft;
         var limitLeftTime = leftId ? bottom.list.find(function (v) {
           return v[1].some(function (k) {
-            var _k$data, _k$data2;
+            var _k$data2, _k$data3;
 
-            return ((_k$data = k.data) === null || _k$data === void 0 ? void 0 : _k$data.id) && ((_k$data2 = k.data) === null || _k$data2 === void 0 ? void 0 : _k$data2.id) === leftId;
+            return ((_k$data2 = k.data) === null || _k$data2 === void 0 ? void 0 : _k$data2.id) && ((_k$data3 = k.data) === null || _k$data3 === void 0 ? void 0 : _k$data3.id) === leftId;
           });
         })[0] : null;
         var rightId = (_point$other3 = point.other) === null || _point$other3 === void 0 ? void 0 : _point$other3.limitRight;
         var limitRightTime = rightId ? bottom.list.find(function (v) {
           return v[1].some(function (k) {
-            var _k$data3, _k$data4;
+            var _k$data4, _k$data5;
 
-            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;
+            return ((_k$data4 = k.data) === null || _k$data4 === void 0 ? void 0 : _k$data4.id) && ((_k$data5 = k.data) === null || _k$data5 === void 0 ? void 0 : _k$data5.id) === rightId;
           });
         })[0] : null;
         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;
@@ -5472,12 +5628,12 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
     },
     drawLeftScaleGroup: function drawLeftScaleGroup(dataLeft) {
       this.drawLeftTitle(dataLeft);
-      var _this$propItems8 = this.propItems,
-          endY = _this$propItems8.endY,
-          markHeight = _this$propItems8.markHeight,
-          originX = _this$propItems8.originX,
-          originY = _this$propItems8.originY,
-          treeTableminCellWidth = _this$propItems8.treeTableminCellWidth;
+      var _this$propItems9 = this.propItems,
+          endY = _this$propItems9.endY,
+          markHeight = _this$propItems9.markHeight,
+          originX = _this$propItems9.originX,
+          originY = _this$propItems9.originY,
+          treeTableminCellWidth = _this$propItems9.treeTableminCellWidth;
       var rect = new this.fabric.Rect(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
         left: treeTableminCellWidth,
         top: originY,
@@ -5493,11 +5649,11 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
     },
     drawLeftTitle: function drawLeftTitle(dataLeft) {
       if (dataLeft.title) {
-        var _this$propItems9 = this.propItems,
-            endY = _this$propItems9.endY,
-            markHeight = _this$propItems9.markHeight,
-            treeTableminCellWidth = _this$propItems9.treeTableminCellWidth,
-            originY = _this$propItems9.originY;
+        var _this$propItems10 = this.propItems,
+            endY = _this$propItems10.endY,
+            markHeight = _this$propItems10.markHeight,
+            treeTableminCellWidth = _this$propItems10.treeTableminCellWidth,
+            originY = _this$propItems10.originY;
         this.canvas.add(this.drawTextGroup({
           width: treeTableminCellWidth,
           height: endY + markHeight - originY
@@ -5523,8 +5679,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_2d01f090_render,
-  FabricTextGroupvue_type_template_id_2d01f090_staticRenderFns,
+  FabricTextGroupvue_type_template_id_66af8164_render,
+  FabricTextGroupvue_type_template_id_66af8164_staticRenderFns,
   false,
   null,
   null,
@@ -5533,14 +5689,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":"f5c77da2-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":"f92084ce-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":"f5c77da2-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":"f92084ce-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 = []
 
@@ -5924,12 +6080,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":"f5c77da2-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: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f92084ce-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=template&id=74aef744&
+var FabricLinesvue_type_template_id_74aef744_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"line"},[_c('MouseRightClick',{directives:[{name:"show",rawName:"v-show",value:(_vm.isRightVisible),expression:"isRightVisible"}],attrs:{"getContainer":_vm.getContainer,"nodeList":_vm.rightClickNode,"rightPos":_vm.rightPos},on:{"nodeClick":_vm.handleRightClick,"closeRight":function($event){_vm.isRightVisible = false}}}),_c('DropPopup',{directives:[{name:"show",rawName:"v-show",value:(_vm.isDropVisible),expression:"isDropVisible"}],attrs:{"val":_vm.dropVal,"dropPos":_vm.dropPos}})],1)}
+var FabricLinesvue_type_template_id_74aef744_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=template&id=3899ac60&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=template&id=74aef744&
 
 // 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&
 
@@ -6346,7 +6502,11 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
 
                   if (_preItem) {
                     _preStartMinute = new Date(_preItem).getTime();
-                    if (_preStartMinute > minMinute && _preStartMinute <= maxMinute) rightLimit.x2 = _this5.computedX(_preItem);
+
+                    if (_preStartMinute > minMinute && _preStartMinute <= maxMinute) {
+                      rightLimit.x2 = _this5.computedX(_preItem);
+                      if (!x2) leftLimit.x2 = rightLimit.x2;
+                    }
                   }
                 } // 文字内容
 
@@ -6869,8 +7029,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_3899ac60_render,
-  FabricLinesvue_type_template_id_3899ac60_staticRenderFns,
+  FabricLinesvue_type_template_id_74aef744_render,
+  FabricLinesvue_type_template_id_74aef744_staticRenderFns,
   false,
   null,
   null,
@@ -8321,6 +8481,13 @@ module.exports = classof(global.process) == 'process';
 module.exports = typeof window == 'object';
 
 
+/***/ }),
+
+/***/ "60bb":
+/***/ (function(module, exports) {
+
+module.exports = require("lodash");
+
 /***/ }),
 
 /***/ "60da":
@@ -9359,6 +9526,13 @@ module.exports = require("core-js/modules/es.array.join.js");
 
 /***/ }),
 
+/***/ "bfdc":
+/***/ (function(module, exports) {
+
+module.exports = require("core-js/modules/es.reflect.has.js");
+
+/***/ }),
+
 /***/ "c04e":
 /***/ (function(module, exports, __webpack_require__) {