cnhis-design-vue 2.1.34 → 2.1.36

package/es/fabric-chart/index.js

@@ -107,6 +107,17 @@ module.exports = String(test) === '[object z]';
 
 module.exports = require("core-js/modules/es.object.freeze.js");
 
+/***/ }),
+
+/***/ "0364":
+/***/ (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_TimeScaleValue_vue_vue_type_style_index_0_id_184c584a_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("b4ea");
+/* 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_TimeScaleValue_vue_vue_type_style_index_0_id_184c584a_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_TimeScaleValue_vue_vue_type_style_index_0_id_184c584a_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "0366":
@@ -240,6 +251,13 @@ module.exports = require("core-js/modules/es.array.find.js");
 
 /***/ }),
 
+/***/ "0ebb":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "13e3":
 /***/ (function(module, exports) {
 
@@ -288,12 +306,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":"54b2b90d-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/FabricChart.vue?vue&type=template&id=cb500674&scoped=true&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"c-fabric-chart",style:({ width: _vm.canvasWidth })},[(_vm.rendercanvas)?_c(("FabricCanvas" + (_vm.templateData.type || '')),{ref:"canvasEle",tag:"component",attrs:{"id":_vm.id,"templateData":_vm.templateData}},[(_vm.templateData.type)?[_c('fabric-grid'),_c('fabric-top2',{attrs:{"templateData":_vm.templateData}}),_c('fabric-left2',{attrs:{"templateData":_vm.templateData}}),_c('fabric-right2',{attrs:{"templateData":_vm.templateData}}),_c('fabric-bottom2',{attrs:{"templateData":_vm.templateData}}),_c('fabric-center2',_vm._g({attrs:{"other":_vm.templateData.other,"polyline":_vm.templateData.left.leftYScalevalue},on:{"pointOperation":_vm.pointOperation}},_vm.$listeners))]:[(_vm.hasXScalevalue)?_c('fabric-text-group',_vm._g({attrs:{"templateData":_vm.templateData}},_vm.$listeners)):_vm._e(),_c('fabric-grid'),(_vm.hasTable)?_c('fabric-scale-value',{attrs:{"templateData":_vm.templateData}}):_vm._e(),(_vm.hasTopTable)?_c('fabric-lines',_vm._g({ref:"lines",attrs:{"linesObj":_vm.templateData.top}},_vm.$listeners)):_vm._e(),(_vm.hasTable)?_c('fabric-polylines',_vm._g({ref:"polylines",attrs:{"polyline":_vm.polylines,"other":_vm.templateData.left.other || {}},on:{"pointOperation":_vm.pointOperation}},_vm.$listeners)):_vm._e()]],2):_vm._e()],1)}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"832f7c18-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/FabricChart.vue?vue&type=template&id=3a1ac827&scoped=true&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"c-fabric-chart",style:({ width: _vm.canvasWidth })},[(_vm.rendercanvas)?_c('fabric-canvas',_vm._b({ref:"canvasEle",attrs:{"templateData":_vm.templateData}},'fabric-canvas',_vm.$attrs,false),[(_vm.hasXScalevalue)?_c('fabric-text-group',_vm._g({attrs:{"templateData":_vm.templateData}},_vm.$listeners)):_vm._e(),_c('fabric-grid'),(_vm.hasTable)?_c('fabric-scale-value',{attrs:{"templateData":_vm.templateData}}):_vm._e(),(_vm.hasTopTable)?_c('fabric-lines',_vm._g({ref:"lines",attrs:{"linesObj":_vm.templateData.top}},_vm.$listeners)):_vm._e(),(_vm.hasTable)?_c('fabric-polylines',_vm._g({ref:"polylines",attrs:{"polyline":_vm.polylines,"other":_vm.templateData.left.other || {}},on:{"pointOperation":_vm.pointOperation}},_vm.$listeners)):_vm._e()],1):_vm._e()],1)}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/FabricChart.vue?vue&type=template&id=cb500674&scoped=true&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/FabricChart.vue?vue&type=template&id=3a1ac827&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
 var objectSpread2 = __webpack_require__("5530");
@@ -301,12 +319,12 @@ 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":"54b2b90d-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricCanvas.vue?vue&type=template&id=8b6630b2&
-var FabricCanvasvue_type_template_id_8b6630b2_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('canvas',{attrs:{"id":_vm.id}}),_vm._t("default")],2)}
-var FabricCanvasvue_type_template_id_8b6630b2_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"832f7c18-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=25f6fbee&
+var FabricCanvasvue_type_template_id_25f6fbee_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_25f6fbee_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricCanvas.vue?vue&type=template&id=8b6630b2&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricCanvas.vue?vue&type=template&id=25f6fbee&
 
 // EXTERNAL MODULE: external "core-js/modules/es.array.map.js"
 var es_array_map_js_ = __webpack_require__("4391");
@@ -419,7 +437,7 @@ var defaultVaule_data = {
   props: {
     id: {
       type: String,
-      required: true
+      default: 'c-fabric-canvas'
     },
     templateData: {
       type: Object,
@@ -657,7 +675,8 @@ var defaultVaule_data = {
 
       return ((_this$templateData$ta2 = this.templateData.table) === null || _this$templateData$ta2 === void 0 ? void 0 : _this$templateData$ta2.operable) || {
         set: false,
-        connect: false
+        connect: false,
+        lockMovementX: false
       };
     }
   },
@@ -668,7 +687,7 @@ var defaultVaule_data = {
     init: function init() {
       var _this$templateData$to14, _this$templateData$to15;
 
-      this.canvas = new this.fabric.Canvas('c-fabric-canvas', Object(objectSpread2["a" /* default */])({
+      this.canvas = new this.fabric.Canvas(this.id, Object(objectSpread2["a" /* default */])({
         width: this.templateData.canvasWidth,
         height: this.templateData.canvasHeight
       }, this.canvasAttr));
@@ -777,8 +796,8 @@ var componentNormalizer = __webpack_require__("2877");
 
 var component = Object(componentNormalizer["a" /* default */])(
   fabric_chart_FabricCanvasvue_type_script_lang_js_,
-  FabricCanvasvue_type_template_id_8b6630b2_render,
-  FabricCanvasvue_type_template_id_8b6630b2_staticRenderFns,
+  FabricCanvasvue_type_template_id_25f6fbee_render,
+  FabricCanvasvue_type_template_id_25f6fbee_staticRenderFns,
   false,
   null,
   null,
@@ -787,252 +806,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":"54b2b90d-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart2/FabricCanvas.vue?vue&type=template&id=d9708486&
-var FabricCanvasvue_type_template_id_d9708486_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('canvas',{attrs:{"id":_vm.id}}),_vm._t("default")],2)}
-var FabricCanvasvue_type_template_id_d9708486_staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart2/FabricCanvas.vue?vue&type=template&id=d9708486&
-
-// EXTERNAL MODULE: external "core-js/modules/es.array.concat.js"
-var es_array_concat_js_ = __webpack_require__("ccb0");
-
-// EXTERNAL MODULE: external "core-js/modules/es.array.flat.js"
-var es_array_flat_js_ = __webpack_require__("da6e");
-
-// EXTERNAL MODULE: external "core-js/modules/es.array.find.js"
-var es_array_find_js_ = __webpack_require__("0d58");
-
-// 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-chart2/FabricCanvas.vue?vue&type=script&lang=js&
-
-
-
-
-
-//
-//
-//
-//
-//
-//
-//
-
-/* harmony default export */ var fabric_chart2_FabricCanvasvue_type_script_lang_js_ = ({
-  name: 'FabricCanvas2',
-  props: {
-    id: {
-      type: String,
-      required: true
-    },
-    templateData: {
-      type: Object,
-      required: true
-    }
-  },
-  data: function data() {
-    return {
-      canvas: null,
-      type: 'canvas',
-      canvasAttr: {
-        selectable: false,
-        evented: false,
-        selection: false,
-        containerClass: 'c-fabric-canvas-container',
-        fireRightClick: true
-      },
-      fabric: external_fabric_["fabric"]
-    };
-  },
-  provide: function provide() {
-    var _this = this;
-
-    return {
-      $canvas: function $canvas() {
-        return _this.canvas;
-      },
-      $group: function $group() {
-        return null;
-      },
-      $fabric: function $fabric() {
-        return external_fabric_["fabric"];
-      },
-      $propItems: function $propItems() {
-        return {
-          type: _this.templateData.type,
-          endX: _this.endX,
-          endY: _this.endY,
-          originX: _this.originX,
-          originY: _this.originY,
-          gridYNumber: _this.gridYNumber,
-          gridXNumber: _this.gridXNumber,
-          canvasWidth: _this.canvasWidth,
-          canvasHeight: _this.canvasHeight,
-          xCellWidth: _this.xCellWidth,
-          yCellHeight: _this.yCellHeight,
-          table: Object(objectSpread2["a" /* default */])({}, _this.templateData.table),
-          xScaleList: _this.xScaleList,
-          xScaleCell: _this.xScaleCell,
-          breatheYCell: _this.breatheYCell,
-          pulseYCell: _this.pulseYCell,
-          centigradeYCell: _this.centigradeYCell,
-          eventStyle: _this.eventStyle
-        };
-      }
-    };
-  },
-  computed: {
-    canvasWidth: function canvasWidth() {
-      // 画布宽度
-      return this.templateData.canvasWidth;
-    },
-    canvasHeight: function canvasHeight() {
-      // 画布高度
-      return this.templateData.canvasHeight;
-    },
-    gridXNumber: function gridXNumber() {
-      // 网格水平方向总数    如果设置了默认值就直接取用
-      return this.templateData.table.mainXCell * this.templateData.table.subXCell;
-    },
-    gridYNumber: function gridYNumber() {
-      // 网格垂直方向总数
-      return this.templateData.table.mainYCell * this.templateData.table.subYCell;
-    },
-    originX: function originX() {
-      var originX = this.templateData.top.titleWidth;
-      var residue = (this.endX - originX) % this.gridXNumber;
-      return originX + residue;
-    },
-    originY: function originY() {
-      var _top$date;
-
-      // 顶部列表高度 网格不需要的高度放到顶部始终存在的时间那一行，因为底部不一定存在列表
-      var top = this.templateData.top;
-      var dateHeight = ((_top$date = top.date) === null || _top$date === void 0 ? void 0 : _top$date.height) || 0;
-      var dayHeight = top.dayHeight || 0;
-      var xScaleHeight = top.xScalevalue.height || 15;
-      var topHeight = dateHeight + dayHeight + xScaleHeight;
-      var residue = (this.endY - topHeight) % this.gridYNumber;
-      return topHeight + residue;
-    },
-    endX: function endX() {
-      // 网格区域水平方向最大坐标值, 也是整个画布右侧列表坐标起始值，网格右下角x轴坐标值
-      if (!this.templateData.right) return this.templateData.canvasWidth;
-      var endWidth = this.templateData.right.width || 50;
-      return this.templateData.canvasWidth - endWidth;
-    },
-    endY: function endY() {
-      // 画布高度 - 底部列表高度 ，网格右下角y轴坐标值
-      if (!this.templateData.bottom) return this.templateData.canvasHeight;
-      var endHeight = this.templateData.bottom.height || 30;
-      return this.canvasHeight - endHeight;
-    },
-    xCellWidth: function xCellWidth() {
-      // 水平方向网格宽度
-      return (this.endX - this.originX) / this.gridXNumber;
-    },
-    yCellHeight: function yCellHeight() {
-      // 垂直方向网格宽度
-      return (this.endY - this.originY) / this.gridYNumber;
-    },
-    // 转换为时间戳的x轴刻度list
-    xScaleList: function xScaleList() {
-      var dateList = this.templateData.top.date.list;
-      var dayList = this.templateData.top.xScalevalue.list;
-      var timeList = dateList.map(function (item) {
-        return dayList.map(function (v) {
-          return new Date("".concat(item, " ").concat(v, ":00")).getTime();
-        });
-      });
-      return timeList.flat();
-    },
-    // x轴每格的时间，比如4小时，不能刻度list长度值除以总格子数计算，因为有可能刻度比较短，不能满足所有的格子
-    xScaleCell: function xScaleCell() {
-      return this.xScaleList[1] - this.xScaleList[0]; // 返回时间戳
-    },
-    // y轴每一次的呼吸的高度值
-    breatheYCell: function breatheYCell() {
-      var leftYScalevalue = this.templateData.left.leftYScalevalue;
-      var list = leftYScalevalue.find(function (v) {
-        return v.type === 'breathe';
-      }).list;
-      return list ? this.yCellHeight / ((parseInt(list[1]) - parseInt(list[0])) / this.templateData.left.spaceGridNumber) : 0;
-    },
-    // y轴每mmHg的脉搏/心率的高度值
-    pulseYCell: function pulseYCell() {
-      var leftYScalevalue = this.templateData.left.leftYScalevalue;
-      var list = leftYScalevalue.find(function (v) {
-        return v.type === 'pulse';
-      }).list;
-      return this.yCellHeight / ((parseInt(list[1]) - parseInt(list[0])) / this.templateData.left.spaceGridNumber);
-    },
-    // y轴每摄氏度的高度值
-    centigradeYCell: function centigradeYCell() {
-      var _this$templateData$le = this.templateData.left,
-          leftYScalevalue = _this$templateData$le.leftYScalevalue,
-          spaceGridNumber = _this$templateData$le.spaceGridNumber;
-      var list = leftYScalevalue.find(function (v) {
-        return v.type === 'centigrade';
-      }).list;
-      return this.yCellHeight / ((parseInt(list[1]) - parseInt(list[0])) / spaceGridNumber);
-    },
-    eventStyle: function eventStyle() {
-      var _this$templateData$ta;
-
-      return ((_this$templateData$ta = this.templateData.table) === null || _this$templateData$ta === void 0 ? void 0 : _this$templateData$ta.eventStyle) || {
-        selectable: true,
-        evented: true
-      };
-    }
-  },
-  mounted: function mounted() {
-    this.init();
-  },
-  methods: {
-    init: function init() {
-      this.canvas = new this.fabric.Canvas('c-fabric-canvas', Object(objectSpread2["a" /* default */])({
-        width: this.templateData.canvasWidth,
-        height: this.templateData.canvasHeight
-      }, this.canvasAttr));
-    },
-    toDataURL: function toDataURL(option) {
-      return this.canvas.toDataURL(option);
-    },
-    renderCanvas: function renderCanvas() {
-      this.canvas.clear(); // this.canvas.renderCanvas();
-    }
-  },
-  beforeDestroy: function beforeDestroy() {
-    this.canvas.dispose();
-  }
-});
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart2/FabricCanvas.vue?vue&type=script&lang=js&
- /* harmony default export */ var src_fabric_chart2_FabricCanvasvue_type_script_lang_js_ = (fabric_chart2_FabricCanvasvue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart2/FabricCanvas.vue
-
-
-
-
-
-/* normalize component */
-
-var FabricCanvas_component = Object(componentNormalizer["a" /* default */])(
-  src_fabric_chart2_FabricCanvasvue_type_script_lang_js_,
-  FabricCanvasvue_type_template_id_d9708486_render,
-  FabricCanvasvue_type_template_id_d9708486_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* harmony default export */ var fabric_chart2_FabricCanvas = (FabricCanvas_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"54b2b90d-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=4464d5bc&
-var FabricPolylinesvue_type_template_id_4464d5bc_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"poly-line"},[(_vm.isRightVisible)?_c('MouseRightClick',{attrs:{"getContainer":_vm.getContainer,"nodeList":_vm.rightClickNode,"rightPos":_vm.rightPos},on:{"nodeClick":_vm.handleRightClick,"closeRight":function($event){_vm.isRightVisible = false}}}):_vm._e(),_c('DropPopup',{directives:[{name:"show",rawName:"v-show",value:(_vm.isDropVisible),expression:"isDropVisible"}],attrs:{"val":_vm.dropVal,"dropPos":_vm.dropPos}})],1)}
-var FabricPolylinesvue_type_template_id_4464d5bc_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"832f7c18-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=6b4be9a4&
+var FabricPolylinesvue_type_template_id_6b4be9a4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"poly-line"},[(_vm.isRightVisible)?_c('MouseRightClick',{attrs:{"getContainer":_vm.getContainer,"nodeList":_vm.rightClickNode,"rightPos":_vm.rightPos},on:{"nodeClick":_vm.handleRightClick,"closeRight":function($event){_vm.isRightVisible = false}}}):_vm._e(),_c('DropPopup',{directives:[{name:"show",rawName:"v-show",value:(_vm.isDropVisible),expression:"isDropVisible"}],attrs:{"val":_vm.dropVal,"dropPos":_vm.dropPos}})],1)}
+var FabricPolylinesvue_type_template_id_6b4be9a4_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricPolylines.vue?vue&type=template&id=4464d5bc&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricPolylines.vue?vue&type=template&id=6b4be9a4&
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
 var asyncToGenerator = __webpack_require__("1da1");
@@ -1055,6 +834,12 @@ var es_array_includes_js_ = __webpack_require__("85f7");
 // EXTERNAL MODULE: external "core-js/modules/es.string.includes.js"
 var es_string_includes_js_ = __webpack_require__("fd22");
 
+// EXTERNAL MODULE: external "core-js/modules/es.array.find.js"
+var es_array_find_js_ = __webpack_require__("0d58");
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.concat.js"
+var es_array_concat_js_ = __webpack_require__("ccb0");
+
 // EXTERNAL MODULE: external "core-js/modules/es.string.replace.js"
 var es_string_replace_js_ = __webpack_require__("6378");
 
@@ -1085,15 +870,11 @@ var es_array_slice_js_ = __webpack_require__("ea12");
 // EXTERNAL MODULE: external "core-js/modules/es.object.freeze.js"
 var es_object_freeze_js_ = __webpack_require__("030b");
 
-// EXTERNAL MODULE: external "vxe-table"
-var external_vxe_table_ = __webpack_require__("f906");
-
 // CONCATENATED MODULE: ./packages/fabric-chart/src/mixins/fabricCommon.js
 
 
 
 
-
 /* harmony default export */ var fabricCommon = ({
   name: 'fabric-common',
   inject: ['$canvas', '$group', '$propItems', '$fabric'],
@@ -1114,6 +895,22 @@ var external_vxe_table_ = __webpack_require__("f906");
       return this.$propItems();
     }
   },
+  watch: {
+    canvas: {
+      handler: function handler(value) {
+        var _this = this;
+
+        if (value) {
+          this.$nextTick(function () {
+            var _this$init;
+
+            (_this$init = _this.init) === null || _this$init === void 0 ? void 0 : _this$init.call(_this);
+          });
+        }
+      },
+      immediate: true
+    }
+  },
   methods: {
     // 根据x轴坐标获取对应的时间点
     // getXValue(left) {
@@ -1264,10 +1061,6 @@ var type_isObject = function isObject(obj) {
       var lineStyle = this.isObject(style) ? Object(objectSpread2["a" /* default */])({}, style) : {};
       return new this.fabric.Line(points, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, this.defaultLineStyle), lineStyle));
     },
-    // 绘制点
-    // drawPoint(points, style) {
-    //     console.log(points, style);
-    // },
     // 绘制文本区
     drawTextGroup: function drawTextGroup(rectStyle, fontStyle, groupStyle) {
       var rect_style = this.isObject(rectStyle) ? Object(objectSpread2["a" /* default */])({}, rectStyle) : {};
@@ -1307,7 +1100,10 @@ var type_isObject = function isObject(obj) {
       // });
       // fabric.loadSVGFromURL的工作方式相同，只不过您传递的是包含URL而不是SVG内容的字符串
       return new Promise(function (resolve, reject) {
-        var svg = document.querySelector(iconClassName).querySelector('svg');
+        var _document, _document$querySelect;
+
+        var svg = (_document = document) === null || _document === void 0 ? void 0 : (_document$querySelect = _document.querySelector(iconClassName)) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.querySelector('svg');
+        if (!svg) reject('图片转换svg失败！');
         svg.setAttribute('version', 1.1);
         svg.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
         svg.style.color = others.color || '#000';
@@ -1413,14 +1209,15 @@ var type_isObject = function isObject(obj) {
       var _this = this;
 
       return Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-        var obj1, obj2;
+        var obj1, obj2, width, height, _width, _height, obj3;
+
         return regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
                 data.hoverCursor = 'pointer';
                 _context.t0 = type;
-                _context.next = _context.t0 === 'triangle' ? 4 : _context.t0 === 'circle' ? 5 : _context.t0 === 'img' ? 6 : _context.t0 === 'arrow' ? 9 : _context.t0 === '+' ? 10 : _context.t0 === 'shjs' ? 11 : _context.t0 === 'shks' ? 14 : _context.t0 === 'cg' ? 17 : _context.t0 === 'jxtq' ? 20 : 21;
+                _context.next = _context.t0 === 'triangle' ? 4 : _context.t0 === 'circle' ? 5 : _context.t0 === 'img' ? 6 : _context.t0 === 'arrow' ? 9 : _context.t0 === '+' ? 10 : _context.t0 === 'shjs' ? 11 : _context.t0 === 'shks' ? 14 : _context.t0 === 'qgcg' ? 17 : _context.t0 === 'zrhz' ? 21 : _context.t0 === 'cg' ? 26 : _context.t0 === 'jxtq' ? 29 : 30;
                 break;
 
               case 4:
@@ -1503,16 +1300,39 @@ var type_isObject = function isObject(obj) {
                 }, data)));
 
               case 17:
+                width = data.width, height = data.height;
+                obj1 = new _this.fabric.Line([0, height / 2, width, height / 2], Object(objectSpread2["a" /* default */])({
+                  strokeWidth: 1
+                }, data));
+                obj2 = _this.createCircleBorder(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, data), {}, {
+                  width: width / 2
+                }));
+                return _context.abrupt("return", new _this.fabric.Group([obj2, obj1], Object(objectSpread2["a" /* default */])({}, data)));
+
+              case 21:
+                _width = data.width, _height = data.height;
+                obj1 = new _this.fabric.Line([0, _height / 2, _width, _height / 2], Object(objectSpread2["a" /* default */])({
+                  strokeWidth: 1
+                }, data));
+                obj2 = _this.createCircleBorder(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, data), {}, {
+                  width: _width / 2
+                }));
+                obj3 = _this.createCircleBorder(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, data), {}, {
+                  width: _width / 3
+                }));
+                return _context.abrupt("return", new _this.fabric.Group([obj2, obj3, obj1], Object(objectSpread2["a" /* default */])({}, data)));
+
+              case 26:
                 obj1 = _this.ceateLineArrow(data);
                 obj2 = _this.createCircleBorder(data);
                 return _context.abrupt("return", new _this.fabric.Group([obj2, obj1], Object(objectSpread2["a" /* default */])({
                   scale: 1
                 }, data)));
 
-              case 20:
+              case 29:
                 return _context.abrupt("return", _this.createJXTQ(data));
 
-              case 21:
+              case 30:
                 // 文字(默认:比如 type === x)
                 data.stroke && delete data.stroke;
                 return _context.abrupt("return", new _this.fabric.Text(String(type), Object(objectSpread2["a" /* default */])({
@@ -1522,7 +1342,7 @@ var type_isObject = function isObject(obj) {
                   fill: '#000'
                 }, data)));
 
-              case 23:
+              case 32:
               case "end":
                 return _context.stop();
             }
@@ -1627,7 +1447,7 @@ var type_isObject = function isObject(obj) {
     }
   }
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"54b2b90d-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":"832f7c18-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/components/MouseRightClick.vue?vue&type=template&id=25d4407a&scoped=true&
 var MouseRightClickvue_type_template_id_25d4407a_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"c-mouse-right-menu-popup c-animation-in",style:(_vm.dialogStyle)},[_c('div',{staticClass:"c-mouse-right-menu"},_vm._l((_vm.nodeList),function(item,index){return _c('div',{key:index,staticClass:"c-mouse-menu-item",on:{"click":function($event){return _vm.handleNodeClick(item)}}},[_c('span',[_vm._v(_vm._s(item.name))])])}),0)])}
 var MouseRightClickvue_type_template_id_25d4407a_scoped_true_staticRenderFns = []
 
@@ -1735,7 +1555,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":"54b2b90d-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":"832f7c18-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 = []
 
@@ -1992,22 +1812,18 @@ var rightClickNodeConnect = [{
     }
   },
   watch: {},
-  mounted: function mounted() {
-    var _this2 = this;
-
-    this.$nextTick(function () {
-      _this2.drawPolylineTitle();
-
-      _this2.polylinePointList = [];
+  mounted: function mounted() {},
+  methods: {
+    init: function init() {
+      var _this2 = this;
 
-      _this2.polyline.forEach(function (polylineType, polylineTypeId) {
+      this.drawPolylineTitle();
+      this.polylinePointList = [];
+      this.polyline.forEach(function (polylineType, polylineTypeId) {
         _this2.createPolyline(polylineType, polylineTypeId);
       });
-
-      _this2.eventStyle.evented && _this2.createEvent();
-    });
-  },
-  methods: {
+      this.eventStyle.evented && this.createEvent();
+    },
     createEvent: function createEvent() {
       var _this3 = this;
 
@@ -2106,8 +1922,7 @@ var rightClickNodeConnect = [{
         height: event.pointer.y - selectAreaOrigin.top,
         ponits: [selectAreaOrigin.left, selectAreaOrigin.top, event.pointer.x, event.pointer.y]
       }));
-      this.canvas.add(this.selectArea);
-      this.canvas.renderAll();
+      this.canvas.add(this.selectArea); // this.canvas.renderAll();
     },
     // 每一个折线类别
     createPolyline: function createPolyline(polylineType, polylineTypeId) {
@@ -2192,7 +2007,7 @@ var rightClickNodeConnect = [{
         selectable: false,
         evented: false
       };
-      var types = ['arrow', '+', 'shjs', 'shks', 'cg', 'jxtq'];
+      var types = ['arrow', '+', 'shjs', 'shks', 'cg', 'jxtq', 'qgcg', 'zrhz'];
       leftTitleList.forEach( /*#__PURE__*/function () {
         var _ref = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee(v, i) {
           var _v$pointAttr2;
@@ -2262,8 +2077,6 @@ var rightClickNodeConnect = [{
                         scaleX: 1,
                         scaleY: 1
                       });
-
-                      _this6.canvas.renderAll();
                     }
 
                     if (!cloneIconId) {
@@ -2276,8 +2089,6 @@ var rightClickNodeConnect = [{
                         clonedObj.bringForward();
 
                         _this6.canvas.add(clonedObj);
-
-                        _this6.canvas.renderAll();
                       });
                     }
 
@@ -2293,17 +2104,14 @@ var rightClickNodeConnect = [{
                       _this6.showDrapPopup(icon);
                     } else {
                       _this6.isDropVisible = false;
-                    }
+                    } // this.canvas.renderAll();
 
-                    _this6.canvas.renderAll();
                   }); // 标题折线点停止拖拽后 更新
 
                   icon.on('moved', function () {
                     icon.set({
                       id: icon.id.replace('_isTitle', '')
-                    });
-
-                    _this6.canvas.renderAll();
+                    }); // this.canvas.renderAll();
 
                     _this6.removeTitle();
 
@@ -2339,11 +2147,10 @@ var rightClickNodeConnect = [{
                     }
                   }
 
-                  _this6.canvas.add(text, icon);
+                  _this6.canvas.add(text, icon); // this.canvas.requestRenderAll();
 
-                  _this6.canvas.requestRenderAll();
 
-                case 23:
+                case 22:
                 case "end":
                   return _context.stop();
               }
@@ -2455,9 +2262,8 @@ var rightClickNodeConnect = [{
         lines.push(_line, _text);
       }
 
-      (_this$canvas = this.canvas).add.apply(_this$canvas, lines);
+      (_this$canvas = this.canvas).add.apply(_this$canvas, lines); // this.canvas.renderAll();
 
-      this.canvas.renderAll();
     },
 
     /**
@@ -2535,9 +2341,9 @@ var rightClickNodeConnect = [{
         if (points) {
           Object.assign(pointOthers, {
             originLeft: points[0],
-            originTop: points[1]
+            originTop: points[1],
+            time: linePoints.time
           });
-          pointOthers.time = linePoints.time;
           point = previousLine ? _this9.drawPoint.apply(_this9, Object(toConsumableArray["a" /* default */])(points).concat([previousLine, line, polyline.type, pointOthers, isInit])) : _this9.drawPoint.apply(_this9, Object(toConsumableArray["a" /* default */])(points).concat([null, line, polyline.type, pointOthers, isInit]));
         }
 
@@ -2586,9 +2392,8 @@ var rightClickNodeConnect = [{
           return v;
         });
 
-        (_this9$canvas = _this9.canvas).add.apply(_this9$canvas, Object(toConsumableArray["a" /* default */])(lineList).concat(Object(toConsumableArray["a" /* default */])(res)));
+        (_this9$canvas = _this9.canvas).add.apply(_this9$canvas, Object(toConsumableArray["a" /* default */])(lineList).concat(Object(toConsumableArray["a" /* default */])(res))); // this.canvas.requestRenderAll();
 
-        _this9.canvas.requestRenderAll();
       });
       this.createAttrVaule('critical', polyline, polylineIndex, polylineType, polylineTypeId);
       this.createAttrVaule('diffValue', polyline, polylineIndex, polylineType, polylineTypeId);
@@ -2668,9 +2473,8 @@ var rightClickNodeConnect = [{
 
                     _this10.pointMoveUpdateLine(point);
 
-                    _this10.addPoint(point);
+                    _this10.addPoint(point); // this.canvas.renderAll();
 
-                    _this10.canvas.renderAll();
 
                     _this10.showDrapPopup(point);
                   }); // 折线点停止拖拽后 更新polyline中对应的坐标
@@ -2710,6 +2514,7 @@ var rightClickNodeConnect = [{
       var _this11 = this;
 
       var isInit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      var operable = this.propItems.operable;
 
       var _this$getValue = this.getValue(point),
           data = _this$getValue.data,
@@ -2718,7 +2523,7 @@ var rightClickNodeConnect = [{
 
       Object.assign(data, {
         value: {
-          time: x,
+          time: operable.lockMovementX ? point.time : x,
           value: y
         },
         isInit: isInit
@@ -2742,8 +2547,16 @@ var rightClickNodeConnect = [{
 
         this.$emit('pointChange', data);
       } else {
+        this.$nextTick(function () {
+          // 拖动新增节点时默认所有节点可删除
+          _this11.currentDelPoint = null;
+        });
         var lastPoint = this.addPointList.at(-1);
-        var position = this.polyline[point.polylineTypeId].position; // 如果是重合/连线节点
+        var position = this.polyline[point.polylineTypeId].position;
+
+        var _this$addPointList = Object(slicedToArray["a" /* default */])(this.addPointList, 1),
+            firstPoint = _this$addPointList[0]; // 如果是重合/连线节点
+
 
         if (point.get('scaleX') !== point.scale) {
           var _this$_concatPoint, _this$_concatPoint2;
@@ -2774,7 +2587,7 @@ var rightClickNodeConnect = [{
           return;
         }
 
-        !point.line2 && this.addPointList.splice(0, 1);
+        !point.line2 && firstPoint.left <= point.originLeft && this.addPointList.splice(0, 1);
         !point.id.includes('isTitle') && this.removePolyline(point.id);
 
         if (this.addPointList.length > 0) {
@@ -2809,237 +2622,214 @@ var rightClickNodeConnect = [{
     addPoint: function addPoint(point) {
       var _this12 = this;
 
-      return Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
-        var _this12$propItems, xCellWidth, table, originX, addPointSpaceGridNumber, left, top, originLeft, originTop, currentLeft, startLength, n, spaceWidth, residue, condition, conditionNoLine2, conditionHasLine2, checkPoints, points1, _this12$getValue, data, x, y, concatPoint, polylineTypeId, polylineIndex, polylineObj, _polylineObj$pointLis, endLength;
-
-        return regeneratorRuntime.wrap(function _callee3$(_context3) {
-          while (1) {
-            switch (_context3.prev = _context3.next) {
-              case 0:
-                concatPoint = function _concatPoint(target) {
-                  var targetLeft = target.left,
-                      targetTop = target.top;
-                  point.setCoords();
-
-                  if (left >= targetLeft - n && left <= targetLeft + n && top <= targetTop + n && top >= targetTop - n) {
-                    point.set({
-                      left: targetLeft,
-                      top: targetTop,
-                      scaleX: point.scale === 1 ? 2.5 : 0.1,
-                      scaleY: point.scale === 1 ? 2.5 : 0.1
-                    });
-                  } else {
-                    point.set({
-                      scaleX: point.scale,
-                      scaleY: point.scale
-                    });
-                  }
-                };
-
-                _this12$propItems = _this12.propItems, xCellWidth = _this12$propItems.xCellWidth, table = _this12$propItems.table, originX = _this12$propItems.originX; // const addPointSpaceGridNumbers = table.addPointSpaceGridNumbers || [];
-
-                addPointSpaceGridNumber = table.addPointSpaceGridNumber || 1;
-                left = point.left, top = point.top, originLeft = point.originLeft, originTop = point.originTop;
-                currentLeft = left;
-                startLength = _this12.addPointList.length;
-                n = 6; // 拖动范围，在需要增加节点的刻度左右吸入的范围值
-
-                spaceWidth = xCellWidth * addPointSpaceGridNumber;
-                residue = (left - originLeft) % spaceWidth;
-                condition = residue > spaceWidth - n || residue < n;
-                conditionNoLine2 = !point.line2 && left > originLeft;
-                conditionHasLine2 = point.line2 && left > originLeft + spaceWidth; // if (!point.line2 && left > originLeft && condition) {
+      var _this$propItems4 = this.propItems,
+          xCellWidth = _this$propItems4.xCellWidth,
+          table = _this$propItems4.table,
+          originX = _this$propItems4.originX; // const addPointSpaceGridNumbers = table.addPointSpaceGridNumbers || [];
+
+      var addPointSpaceGridNumber = table.addPointSpaceGridNumber || 1;
+      var left = point.left,
+          top = point.top,
+          originLeft = point.originLeft,
+          originTop = point.originTop;
+      var currentLeft = left;
+      var startLength = this.addPointList.length;
+      var n = 6; // 拖动范围，在需要增加节点的刻度左右吸入的范围值
+
+      var spaceWidth = xCellWidth * addPointSpaceGridNumber;
+      var residue = (left - originLeft) % spaceWidth;
+      var condition = residue > 0 && (residue > spaceWidth - n || residue < n);
+      var conditionNoLine2 = !point.line2 && left > originLeft;
+      var conditionHasLine2 = point.line2 && left > originLeft + spaceWidth; // if (!point.line2 && left > originLeft && condition) {
+
+      if (condition && (conditionNoLine2 || conditionHasLine2)) {
+        if (residue > spaceWidth - n) left = left - residue + spaceWidth;
+        if (residue < n) left = left - residue;
+        point.set({
+          left: left
+        });
 
-                if (!(condition && (conditionNoLine2 || conditionHasLine2))) {
-                  _context3.next = 35;
-                  break;
-                }
+        var checkPoints = function checkPoints() {
+          var _this12$addPointList;
 
-                if (residue > spaceWidth - n) left = left - residue + spaceWidth;
-                if (residue < n) left = left - residue;
-                point.set({
-                  left: left
-                });
+          var PointLens = Math.floor((left - originLeft) / spaceWidth);
 
-                checkPoints = function checkPoints() {
-                  var _this12$addPointList;
+          if (PointLens > 1 && ((_this12$addPointList = _this12.addPointList) === null || _this12$addPointList === void 0 ? void 0 : _this12$addPointList.length) <= PointLens) {
+            for (var k = 0; k <= PointLens; k++) {
+              if (k > 0) {
+                (function () {
+                  var curLeft = originLeft + spaceWidth * k; // 判断this.addPointList中的left是否包含curLeft，不包含就说明是漏了
 
-                  var PointLens = Math.floor((left - originLeft) / spaceWidth);
+                  var hasPoint = _this12.addPointList.some(function (p) {
+                    return Math.abs(p.left - curLeft) <= 0.001;
+                  }); // const hasPoint = this.addPointList.some(v => v.left == curLeft);
 
-                  if (PointLens > 1 && ((_this12$addPointList = _this12.addPointList) === null || _this12$addPointList === void 0 ? void 0 : _this12$addPointList.length) < PointLens) {
-                    for (var k = 0; k < PointLens; k++) {
-                      if (k > 0) {
-                        (function () {
-                          var curLeft = originLeft + spaceWidth * k; // 判断this.addPointList中的left是否包含curLeft，不包含就说明是漏了
 
-                          var isNoLack = _this12.addPointList.some(function (v) {
-                            return v.left === curLeft;
-                          });
+                  if (!hasPoint) {
+                    var index;
 
-                          if (!isNoLack) {
-                            var index;
+                    var pointObj = _this12.addPointList.find(function (v, i) {
+                      if (v.left > curLeft) {
+                        index = i;
+                      }
 
-                            var pointObj = _this12.addPointList.find(function (v, i) {
-                              if (v.left > curLeft) {
-                                index = i;
-                              }
+                      return v.left > curLeft;
+                    });
 
-                              return v.left > curLeft;
-                            });
+                    if (pointObj) {
+                      var cloneObj = JSON.parse(JSON.stringify(pointObj));
+                      var len = ~~((pointObj.left - (curLeft - spaceWidth)) / spaceWidth);
+                      var prePoint = _this12.addPointList[index - 1] || pointObj;
+                      var spaceHeight = (pointObj.top - prePoint.top) / len;
+                      var position = _this12.polyline[point.polylineTypeId].position;
+                      cloneObj.top = prePoint.top + spaceHeight;
+                      cloneObj.value.time = _this12.getXValue(curLeft);
+                      cloneObj.value.value = _this12.getYValue(position, cloneObj.top);
+                      cloneObj.left = curLeft;
 
-                            if (pointObj) {
-                              var cloneObj = JSON.parse(JSON.stringify(pointObj));
-                              cloneObj.value.time = _this12.getXValue(curLeft);
-                              cloneObj.left = curLeft; // 补充的节点会和滑动的线条对应不上
-                              // await this.clonePoint(point, [curLeft, cloneObj.top, cloneObj.left, cloneObj.top])
+                      _this12.addPointList.splice(index, 0, cloneObj);
 
-                              _this12.addPointList.splice(index, 0, cloneObj);
-                            }
-                          }
-                        })();
-                      }
+                      _this12.clonePoint(point, [prePoint.left, prePoint.top, cloneObj.left, cloneObj.top]);
                     }
                   }
-                }; // const i = Math.floor((left - originLeft) / spaceWidth);
-                // 复制点和线
+                })();
+              }
+            }
+          }
+        }; // const i = Math.floor((left - originLeft) / spaceWidth);
+        // 复制点和线
+
+
+        if (conditionNoLine2 || conditionHasLine2) {
+          // point.line1 && this.removePolyline(point.line1.id);
+          setPointLineColor(point, 'transparent', conditionHasLine2);
+          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;
+          })) {
+            // const points1 = i === 1 ? [originLeft, originTop] : point.prePoints;
+            var points1 = this.addPointList.length == 0 ? [originLeft, originTop] : point.prePoints;
+
+            if (points1) {
+              // this.setAddPointList(point);
+              // 调用上面方法就会导致线段绘制失败，目前还不知道为啥子
+              var _this$getValue3 = this.getValue(point),
+                  data = _this$getValue3.data,
+                  x = _this$getValue3.x,
+                  y = _this$getValue3.y;
+
+              data.value = {
+                time: x,
+                value: y
+              };
+              data.left = left;
+              data.top = top;
+              this.addPointList.push(data);
+              this.clonePoint(point, [].concat(Object(toConsumableArray["a" /* default */])(points1), [left, top]));
+            }
+          }
 
+          checkPoints();
+        }
+      } // 断点相连
 
-                if (!(conditionNoLine2 || conditionHasLine2)) {
-                  _context3.next = 35;
-                  break;
-                }
 
-                // point.line1 && this.removePolyline(point.line1.id);
-                setPointLineColor(point, 'transparent', conditionHasLine2);
-                _context3.t0 = _this12.addPointList.length == 0;
+      function concatPoint(target) {
+        var targetLeft = target.left,
+            targetTop = target.top;
+        point.setCoords();
 
-                if (!_context3.t0) {
-                  _context3.next = 23;
-                  break;
-                }
-
-                _context3.next = 23;
-                return _this12.clonePoint(point, [point.line1 ? point.line1.x1 : originLeft, point.line1 ? point.line1.y1 : originTop, originLeft, originTop]);
-
-              case 23:
-                if (!_this12.addPointList.every(function (v) {
-                  return v.left !== left;
-                })) {
-                  _context3.next = 34;
-                  break;
-                }
-
-                // const points1 = i === 1 ? [originLeft, originTop] : point.prePoints;
-                points1 = _this12.addPointList.length == 0 ? [originLeft, originTop] : point.prePoints;
-                _context3.t1 = points1;
-
-                if (!_context3.t1) {
-                  _context3.next = 29;
-                  break;
-                }
-
-                _context3.next = 29;
-                return _this12.clonePoint(point, [].concat(Object(toConsumableArray["a" /* default */])(points1), [left, top]));
-
-              case 29:
-                // this.setAddPointList(point);
-                // 调用上面方法就会导致线段绘制失败，目前还不知道为啥子
-                _this12$getValue = _this12.getValue(point), data = _this12$getValue.data, x = _this12$getValue.x, y = _this12$getValue.y;
-                data.value = {
-                  time: x,
-                  value: y
-                };
-                data.left = point.left;
-                data.top = top;
-
-                _this12.addPointList.push(data);
-
-              case 34:
-                checkPoints();
-
-              case 35:
-                // 检查是否显示重合连线放大节点的标识
-                polylineTypeId = point.polylineTypeId, polylineIndex = point.polylineIndex;
-                polylineObj = _this12.polylinePointList.find(function (v) {
-                  return v.polylineTypeId == polylineTypeId && v.polylineIndex == polylineIndex;
-                });
-                polylineObj === null || polylineObj === void 0 ? void 0 : polylineObj.pointList.forEach(function (v) {
-                  return v.bringToFront();
-                });
+        if (left >= targetLeft - n && left <= targetLeft + n && top <= targetTop + n && top >= targetTop - n) {
+          point.set({
+            left: targetLeft,
+            top: targetTop,
+            scaleX: point.scale === 1 ? 2.5 : 0.1,
+            scaleY: point.scale === 1 ? 2.5 : 0.1
+          });
+        } else {
+          point.set({
+            scaleX: point.scale,
+            scaleY: point.scale
+          });
+        }
+      } // 检查是否显示重合连线放大节点的标识
 
-                if (point.nextPoint) {
-                  _this12._concatIndex = polylineObj === null || polylineObj === void 0 ? void 0 : polylineObj.pointerList.findIndex(function (v) {
-                    return v + n > left && v > originLeft;
-                  });
 
-                  if (!~_this12._concatIndex) {
-                    point.set({
-                      scaleX: point.scale,
-                      scaleY: point.scale
-                    });
-                  } else {
-                    concatPoint(polylineObj === null || polylineObj === void 0 ? void 0 : polylineObj.pointList[_this12._concatIndex]);
-                  }
+      var polylineTypeId = point.polylineTypeId,
+          polylineIndex = point.polylineIndex;
+      var polylineObj = this.polylinePointList.find(function (v) {
+        return v.polylineTypeId == polylineTypeId && v.polylineIndex == polylineIndex;
+      });
+      polylineObj === null || polylineObj === void 0 ? void 0 : polylineObj.pointList.forEach(function (v) {
+        return v.bringToFront();
+      });
 
-                  _this12._concatPoint = (polylineObj === null || polylineObj === void 0 ? void 0 : (_polylineObj$pointLis = polylineObj.pointList) === null || _polylineObj$pointLis === void 0 ? void 0 : _polylineObj$pointLis[_this12._concatIndex]) || null; // 被覆盖节点置灰配置
+      if (point.nextPoint) {
+        var _polylineObj$pointLis;
 
-                  polylineObj === null || polylineObj === void 0 ? void 0 : polylineObj.pointerList.forEach(function (v, i) {
-                    var obj = polylineObj === null || polylineObj === void 0 ? void 0 : polylineObj.pointList[i];
+        this._concatIndex = polylineObj === null || polylineObj === void 0 ? void 0 : polylineObj.pointerList.findIndex(function (v) {
+          return v + n > left && v > originLeft;
+        });
 
-                    if (v > originLeft && v < left) {
-                      var _obj$line;
+        if (!~this._concatIndex) {
+          point.set({
+            scaleX: point.scale,
+            scaleY: point.scale
+          });
+        } else {
+          concatPoint(polylineObj === null || polylineObj === void 0 ? void 0 : polylineObj.pointList[this._concatIndex]);
+        }
 
-                      // 此处需要递归遍历group节点的所有子节点，然后更改其颜色
-                      resetPointColor([obj], '#999');
-                      (_obj$line = obj.line2) === null || _obj$line === void 0 ? void 0 : _obj$line.set({
-                        stroke: '#999'
-                      });
-                    } else {
-                      var _obj$line2;
+        this._concatPoint = (polylineObj === null || polylineObj === void 0 ? void 0 : (_polylineObj$pointLis = polylineObj.pointList) === null || _polylineObj$pointLis === void 0 ? void 0 : _polylineObj$pointLis[this._concatIndex]) || null; // 被覆盖节点置灰配置
 
-                      resetPointColor([obj], polylineObj.color);
-                      (_obj$line2 = obj.line2) === null || _obj$line2 === void 0 ? void 0 : _obj$line2.set({
-                        stroke: polylineObj.color
-                      });
-                    }
-                  });
+        polylineObj === null || polylineObj === void 0 ? void 0 : polylineObj.pointerList.forEach(function (v, i) {
+          var obj = polylineObj === null || polylineObj === void 0 ? void 0 : polylineObj.pointList[i];
 
-                  if ((point.line1 || point.line2) && left < originLeft + spaceWidth) {
-                    setPointLineColor(point, polylineObj.color, true);
-                  } else {
-                    setPointLineColor(point, 'transparent', true);
-                  }
-                } // 如果往回拖动则删除经过的已存在的节点
+          if (v > originLeft && v < left) {
+            var _obj$line;
 
+            // 此处需要递归遍历group节点的所有子节点，然后更改其颜色
+            resetPointColor([obj], '#999');
+            (_obj$line = obj.line2) === null || _obj$line === void 0 ? void 0 : _obj$line.set({
+              stroke: '#999'
+            });
+          } else {
+            var _obj$line2;
 
-                if (startLength > 0 && currentLeft <= _this12.addPointList[startLength - 1].left) {
-                  _this12.removePolyline('increasePointBatch', left);
+            resetPointColor([obj], polylineObj.color);
+            (_obj$line2 = obj.line2) === null || _obj$line2 === void 0 ? void 0 : _obj$line2.set({
+              stroke: polylineObj.color
+            });
+          }
+        });
 
-                  _this12.addPointList = _this12.addPointList.filter(function (v) {
-                    return v.left < left;
-                  });
-                  endLength = _this12.addPointList.length;
+        if ((point.line1 || point.line2) && left < originLeft + spaceWidth) {
+          setPointLineColor(point, polylineObj.color, true);
+        } else {
+          setPointLineColor(point, 'transparent', true);
+        }
+      } // 如果往回拖动则删除经过的已存在的节点
 
-                  if (endLength === 0) {
-                    setPointLineColor(point, polylineObj === null || polylineObj === void 0 ? void 0 : polylineObj.color, conditionHasLine2);
 
-                    _this12.removePolyline('increasePointBatch', originLeft);
-                  }
+      if (startLength > 0 && currentLeft <= this.addPointList[startLength - 1].left) {
+        this.removePolyline('increasePointBatch', left);
+        this.addPointList = this.addPointList.filter(function (v) {
+          return v.left < left;
+        });
+        var endLength = this.addPointList.length;
 
-                  if (endLength > 0) {
-                    point.set({
-                      prePoints: [_this12.addPointList[endLength - 1].left, _this12.addPointList[endLength - 1].top]
-                    });
-                  }
-                }
+        if (endLength === 0) {
+          setPointLineColor(point, polylineObj === null || polylineObj === void 0 ? void 0 : polylineObj.color, conditionHasLine2);
+          this.removePolyline('increasePointBatch', originLeft);
+        }
 
-              case 40:
-              case "end":
-                return _context3.stop();
-            }
-          }
-        }, _callee3);
-      }))();
+        if (endLength > 0) {
+          point.set({
+            prePoints: [this.addPointList[endLength - 1].left, this.addPointList[endLength - 1].top]
+          });
+        }
+      }
     },
     clonePoint: function clonePoint(point, points) {
       var _this13 = this;
@@ -3064,9 +2854,7 @@ var rightClickNodeConnect = [{
             scaleY: point.scale
           });
           clonedObj.hasControls = clonedObj.hasBorders = false;
-          point.set({
-            prePoints: [point.left, point.top]
-          });
+          point.prePoints = [point.left, point.top];
 
           var line = _this13.drawLine(Object(toConsumableArray["a" /* default */])(points), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
             evented: evented,
@@ -3085,8 +2873,6 @@ var rightClickNodeConnect = [{
 
           _this13.canvas.add(clonedObj);
 
-          _this13.canvas.renderAll();
-
           resolve(clonedObj);
         });
       });
@@ -3104,12 +2890,11 @@ var rightClickNodeConnect = [{
           y: y
         };
       } else {
-        var _left = this.getYValue('left', point.top);
-
+        var left = this.getYValue('left', point.top);
         var right = this.getYValue('right', point.top);
         return {
           x: x,
-          left: _left,
+          left: left,
           right: right
         };
       }
@@ -3152,10 +2937,10 @@ var rightClickNodeConnect = [{
         }
       };
 
-      var _this$getValue3 = this.getValue(point),
-          x = _this$getValue3.x,
-          y = _this$getValue3.y,
-          data = _this$getValue3.data;
+      var _this$getValue4 = this.getValue(point),
+          x = _this$getValue4.x,
+          y = _this$getValue4.y,
+          data = _this$getValue4.data;
 
       var getY = function getY(y) {
         if ((data === null || data === void 0 ? void 0 : data.position) == 'right') {
@@ -3163,9 +2948,9 @@ var rightClickNodeConnect = [{
             var _y$toString$split = y.toString().split('.'),
                 _y$toString$split2 = Object(slicedToArray["a" /* default */])(_y$toString$split, 2),
                 m = _y$toString$split2[0],
-                _n = _y$toString$split2[1];
+                n = _y$toString$split2[1];
 
-            return parseFloat("".concat(m, ".").concat(_n.slice(0, 1))) * 10 / 10;
+            return parseFloat("".concat(m, ".").concat(n.slice(0, 1))) * 10 / 10;
           }
 
           return y;
@@ -3408,8 +3193,8 @@ var rightClickNodeConnect = [{
 
 var FabricPolylines_component = Object(componentNormalizer["a" /* default */])(
   fabric_chart_FabricPolylinesvue_type_script_lang_js_,
-  FabricPolylinesvue_type_template_id_4464d5bc_render,
-  FabricPolylinesvue_type_template_id_4464d5bc_staticRenderFns,
+  FabricPolylinesvue_type_template_id_6b4be9a4_render,
+  FabricPolylinesvue_type_template_id_6b4be9a4_staticRenderFns,
   false,
   null,
   null,
@@ -3429,15 +3214,8 @@ var FabricPolylines_component = Object(componentNormalizer["a" /* default */])(
   data: function data() {
     return {};
   },
-  mounted: function mounted() {
-    var _this = this;
-
-    this.$nextTick(function () {
-      _this.initGrid();
-    });
-  },
   methods: {
-    initGrid: function initGrid() {
+    init: function init() {
       // 主表格
       this.createGrid(this.propItems.originY, this.propItems.endY, this.propItems.gridYNumber, this.propItems.yCellHeight); // 上方表格
 
@@ -3483,8 +3261,7 @@ var FabricPolylines_component = Object(componentNormalizer["a" /* default */])(
         selectable: false
       });
       this.canvas.add(group);
-      this.canvas.sendToBack(group);
-      this.canvas.renderAll();
+      this.canvas.sendToBack(group); // this.canvas.renderAll();
     }
   },
   render: function render(h) {
@@ -3513,12 +3290,12 @@ var FabricGrid_component = Object(componentNormalizer["a" /* default */])(
 )
 
 /* harmony default export */ var FabricGrid = (FabricGrid_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"54b2b90d-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricTextGroup.vue?vue&type=template&id=84b14bd8&
-var FabricTextGroupvue_type_template_id_84b14bd8_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"text-group"},[(_vm.isRightVisible)?_c('MouseRightClick',{attrs:{"getContainer":_vm.getContainer,"nodeList":_vm.rightClickNode,"rightPos":_vm.rightPos},on:{"nodeClick":_vm.handleRightClick,"closeRight":function($event){_vm.isRightVisible = false}}}):_vm._e(),(_vm.isDropVisible)?_c('DropPopup',{attrs:{"val":_vm.dropVal,"dropPos":_vm.dropPos}}):_vm._e()],1)}
-var FabricTextGroupvue_type_template_id_84b14bd8_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"832f7c18-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=44a2641e&
+var FabricTextGroupvue_type_template_id_44a2641e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"text-group"},[(_vm.isRightVisible)?_c('MouseRightClick',{attrs:{"getContainer":_vm.getContainer,"nodeList":_vm.rightClickNode,"rightPos":_vm.rightPos},on:{"nodeClick":_vm.handleRightClick,"closeRight":function($event){_vm.isRightVisible = false}}}):_vm._e(),(_vm.isDropVisible)?_c('DropPopup',{attrs:{"val":_vm.dropVal,"dropPos":_vm.dropPos}}):_vm._e()],1)}
+var FabricTextGroupvue_type_template_id_44a2641e_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricTextGroup.vue?vue&type=template&id=84b14bd8&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricTextGroup.vue?vue&type=template&id=44a2641e&
 
 // EXTERNAL MODULE: external "core-js/modules/es.array.sort.js"
 var es_array_sort_js_ = __webpack_require__("4c07");
@@ -3591,10 +3368,15 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
   watch: {
     'templateData.other': {
       handler: function handler(value) {
+        var _this = this;
+
         if (value) {
-          this.removeOther();
-          this.drawTextDataGroup(value);
-          this.canvas.renderAll();
+          this.$nextTick(function () {
+            _this.removeOther();
+
+            _this.drawTextDataGroup(value); // this.canvas.renderAll();
+
+          });
         }
       },
       deep: true
@@ -3619,13 +3401,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
 
     };
   },
-  mounted: function mounted() {
-    var _this = this;
-
-    this.$nextTick(function () {
-      _this.init();
-    });
-  },
+  mounted: function mounted() {},
   computed: {
     girdLineStyle: function girdLineStyle() {
       return Object.assign({}, defaultVaule.borderStyle, this.templateData.borderStyle || {});
@@ -3653,8 +3429,8 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
       this.templateData.left && this.drawLeftScaleGroup(this.templateData.left);
       this.templateData.other && this.drawTextDataGroup(this.templateData.other);
       this.eventStyle.evented && this.createEvent();
-      this.drawBorder();
-      this.canvas.renderAll();
+      this.drawBorder(); // this.canvas.renderAll();
+
       this.templateData.bottom && this.drawBottomTextDataGroup(this.templateData.bottom);
     },
     drawBorder: function drawBorder() {
@@ -3842,9 +3618,13 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
               dataIndex: index,
               index: i,
               type: 'colList',
-              id: "".concat(index, "_").concat(i, "_other_").concat(Date.now())
+              id: "".concat(index, "_").concat(i, "_other_").concat(Date.now()),
+              name: v.value
             }, _this7.eventStyle));
             text.hasControls = text.hasBorders = false;
+
+            _this7.setPopup(text);
+
             textList.push(text);
           });
         }
@@ -3891,9 +3671,13 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
               dataIndex: index,
               index: i,
               type: 'list',
-              id: "".concat(index, "_").concat(i, "_other_").concat(Date.now())
+              id: "".concat(index, "_").concat(i, "_other_").concat(Date.now()),
+              name: v.value
             }, _this8.eventStyle));
             text.hasControls = text.hasBorders = false;
+
+            _this8.setPopup(text);
+
             textList.push(text);
           }
         });
@@ -3901,6 +3685,16 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
 
       (_this$canvas3 = this.canvas).add.apply(_this$canvas3, textList);
     },
+    setPopup: function setPopup(point) {
+      var _this9 = this;
+
+      point.on('mouseover', function () {
+        _this9.showDrapPopup(point, true);
+      });
+      point.on('mouseout', function () {
+        _this9.isDropVisible = false;
+      });
+    },
     // 判断当前时间是否超出网格区域
     isLimit: function isLimit(value) {
       var xScaleList = this.propItems.xScaleList;
@@ -3910,11 +3704,11 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
       return time >= minTime && time <= maxTime;
     },
     removeMark: function removeMark() {
-      var _this9 = this;
+      var _this10 = this;
 
       this.canvas.forEachObject(function (obj) {
         if (obj.type && obj.type === 'mark') {
-          _this9.canvas.remove(obj);
+          _this10.canvas.remove(obj);
         }
       });
     },
@@ -3924,7 +3718,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
           _obj$iconStyle,
           _obj$seqStyle,
           _obj$seqStyle$circle,
-          _this10 = this;
+          _this11 = this;
 
       if (!obj.list) {
         return;
@@ -3957,41 +3751,53 @@ 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;
-      obj.list.forEach(function (item, index) {
-        var limitIndex = -1; // 标志点是否往上排列的标志，大于-1则表示需要往上排列
 
-        var y = baseY;
+      var addCanvas = function addCanvas(point) {
+        point.hasControls = point.hasBorders = false;
+
+        _this11.pointEvent(point);
+
+        _this11.canvas.add(point); // this.canvas.requestRenderAll();
+
+      };
+
+      var setTop = function setTop(lineHeight, i, condition) {
+        if (!~condition.limitIndex) {
+          condition.y += i === 0 ? lineHeight / 2 : lineHeight;
+
+          if (condition.y >= canvasHeight - lineHeight / 2) {
+            condition.limitIndex++;
+
+            if (condition.limitIndex === 0) {
+              condition.y = baseYLimit;
+              condition.y -= lineHeight / 2;
+            }
+          }
+        } else {
+          condition.y -= lineHeight;
+        }
+
+        return condition.y;
+      };
+
+      obj.list.forEach(function (item, index) {
+        var condition = {
+          limitIndex: -1,
+          // 标志点是否往上排列的标志，大于-1则表示需要往上排列
+          y: baseY
+        };
 
-        var x = _this10.cumputedX(item[0]);
+        var x = _this11.cumputedX(item[0]);
 
-        if (_this10.isLimit(item[0])) {
+        if (_this11.isLimit(item[0])) {
           item[1].forEach( /*#__PURE__*/function () {
-            var _ref2 = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(v, i) {
-              var common, setTop, eventStyle, addCanvas, option, ele, img, _obj$seqStyle2, _obj$seqStyle3, circle, text, group, _text;
+            var _ref2 = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee(v, i) {
+              var common, eventStyle, option, ele, img, _obj$seqStyle2, _obj$seqStyle3, circle, text, group, _text;
 
-              return regeneratorRuntime.wrap(function _callee2$(_context2) {
+              return regeneratorRuntime.wrap(function _callee$(_context) {
                 while (1) {
-                  switch (_context2.prev = _context2.next) {
+                  switch (_context.prev = _context.next) {
                     case 0:
-                      setTop = function _setTop(lineHeight) {
-                        if (!~limitIndex) {
-                          y += i === 0 ? lineHeight / 2 : lineHeight;
-
-                          if (y >= canvasHeight - lineHeight / 2) {
-                            limitIndex++;
-
-                            if (limitIndex === 0) {
-                              y = baseYLimit;
-                              y -= lineHeight / 2;
-                            }
-                          }
-                        } else {
-                          y -= lineHeight;
-                        }
-
-                        common.top = y;
-                      };
-
                       common = {
                         left: x,
                         originX: 'center',
@@ -4002,109 +3808,82 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
                         name: v.name,
                         type: 'mark'
                       };
-                      eventStyle = !_this10.eventStyle.evented ? {
+                      eventStyle = !_this11.eventStyle.evented ? {
                         lockMovementX: true,
                         lockMovementY: true
                       } : {};
 
-                      addCanvas = /*#__PURE__*/function () {
-                        var _ref3 = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee(point) {
-                          return regeneratorRuntime.wrap(function _callee$(_context) {
-                            while (1) {
-                              switch (_context.prev = _context.next) {
-                                case 0:
-                                  point.hasControls = point.hasBorders = false;
-
-                                  _this10.pointEvent(point);
-
-                                  _this10.canvas.add(point);
-
-                                  _this10.canvas.requestRenderAll();
-
-                                case 4:
-                                case "end":
-                                  return _context.stop();
-                              }
-                            }
-                          }, _callee);
-                        }));
-
-                        return function addCanvas(_x3) {
-                          return _ref3.apply(this, arguments);
-                        };
-                      }();
-
-                      if (!(_this10.isObject(v) && !v.value)) {
-                        _context2.next = 17;
+                      if (!(_this11.isObject(v) && !v.value)) {
+                        _context.next = 15;
                         break;
                       }
 
-                      setTop(lineHeightImg);
+                      common.top = setTop(lineHeightImg, i, condition);
                       option = Object.assign({}, obj.iconStyle || {}, v || {}, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, common), eventStyle));
 
                       if (!(v !== null && v !== void 0 && v.iconClassName)) {
-                        _context2.next = 11;
+                        _context.next = 9;
                         break;
                       }
 
-                      _context2.next = 10;
-                      return _this10.createImage(v.iconClassName, v);
+                      _context.next = 8;
+                      return _this11.createImage(v.iconClassName, v);
 
-                    case 10:
-                      ele = _context2.sent;
+                    case 8:
+                      ele = _context.sent;
 
-                    case 11:
-                      _context2.next = 13;
-                      return _this10.createPoint(v !== null && v !== void 0 && v.url || v !== null && v !== void 0 && v.iconClassName ? 'img' : v.type, Object(objectSpread2["a" /* default */])({
+                    case 9:
+                      _context.next = 11;
+                      return _this11.createPoint(v !== null && v !== void 0 && v.url || v !== null && v !== void 0 && v.iconClassName ? 'img' : v.type, Object(objectSpread2["a" /* default */])({
                         ele: ele || ''
                       }, option));
 
-                    case 13:
-                      img = _context2.sent;
+                    case 11:
+                      img = _context.sent;
                       addCanvas(img);
-                      _context2.next = 31;
+                      _context.next = 29;
                       break;
 
-                    case 17:
+                    case 15:
                       if (!v.value) {
-                        _context2.next = 31;
+                        _context.next = 29;
                         break;
                       }
 
                       if (!v.seq) {
-                        _context2.next = 28;
+                        _context.next = 26;
                         break;
                       }
 
-                      setTop(lineHeightSeq); // 标记增加序号
+                      common.top = setTop(lineHeightSeq, i, condition); // 标记增加序号
 
-                      _context2.next = 22;
-                      return _this10.createPoint('circle', Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, common), {}, {
+                      _context.next = 20;
+                      return _this11.createPoint('circle', Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, common), {}, {
                         radius: 5,
                         strokeWidth: 1,
                         stroke: '#000',
                         fill: 'transparent'
                       }, ((_obj$seqStyle2 = obj.seqStyle) === null || _obj$seqStyle2 === void 0 ? void 0 : _obj$seqStyle2.circle) || {}));
 
-                    case 22:
-                      circle = _context2.sent;
-                      text = new _this10.fabric.Text(String(v.value), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.textStyle), common), ((_obj$seqStyle3 = obj.seqStyle) === null || _obj$seqStyle3 === void 0 ? void 0 : _obj$seqStyle3.text) || {}));
-                      group = new _this10.fabric.Group([circle, text], Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, common), eventStyle));
+                    case 20:
+                      circle = _context.sent;
+                      text = new _this11.fabric.Text(String(v.value), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.textStyle), common), ((_obj$seqStyle3 = obj.seqStyle) === null || _obj$seqStyle3 === void 0 ? void 0 : _obj$seqStyle3.text) || {}));
+                      group = new _this11.fabric.Group([circle, text], Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, common), eventStyle));
                       addCanvas(group);
-                      _context2.next = 31;
+                      _context.next = 29;
                       break;
 
-                    case 28:
-                      setTop(lineHeightText);
-                      _text = new _this10.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), common), eventStyle));
+                    case 26:
+                      common.top = setTop(lineHeightText, i, condition);
+                      _text = new _this11.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), common), eventStyle));
                       addCanvas(_text);
 
-                    case 31:
+                    case 29:
                     case "end":
-                      return _context2.stop();
+                      return _context.stop();
                   }
                 }
-              }, _callee2);
+              }, _callee);
             }));
 
             return function (_x, _x2) {
@@ -4115,32 +3894,26 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
       }); // this.canvas.add(...textList);
     },
     pointEvent: function pointEvent(point) {
-      var _this11 = this;
+      var _this12 = this;
 
-      point.on('mouseover', function () {
-        _this11.showDrapPopup(point, true);
-      });
-      point.on('mouseout', function () {
-        _this11.isDropVisible = false;
-      }); // 移动中 实时更新相关联的线的坐标
+      this.setPopup(point); // 移动中 实时更新相关联的线的坐标
 
       if (this.eventStyle.evented) {
         point.on('moving', function () {
-          _this11.moveLimit(point);
+          _this12.moveLimit(point); // this.canvas.renderAll();
 
-          _this11.canvas.renderAll();
 
-          _this11.showDrapPopup(point);
+          _this12.showDrapPopup(point);
         });
         point.on('moved', function () {
-          _this11.isDropVisible = false;
+          _this12.isDropVisible = false;
           var value = {
             data: point.data,
             oldVal: point.time,
-            newVal: _this11.getXValue(point.left)
+            newVal: _this12.getXValue(point.left)
           };
 
-          _this11.$emit('markChange', value);
+          _this12.$emit('markChange', value);
         });
       }
     },
@@ -4295,8 +4068,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_84b14bd8_render,
-  FabricTextGroupvue_type_template_id_84b14bd8_staticRenderFns,
+  FabricTextGroupvue_type_template_id_44a2641e_render,
+  FabricTextGroupvue_type_template_id_44a2641e_staticRenderFns,
   false,
   null,
   null,
@@ -4305,19 +4078,19 @@ 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":"54b2b90d-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricScaleValue.vue?vue&type=template&id=e702a32a&
-var FabricScaleValuevue_type_template_id_e702a32a_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.templateData.top.xScalevalue.popupTop)?_c('TimeScaleValue',{attrs:{"times":_vm.timeList,"templateData":_vm.templateData}}):_vm._e()}
-var FabricScaleValuevue_type_template_id_e702a32a_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"832f7c18-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=9c461680&
+var FabricScaleValuevue_type_template_id_9c461680_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.templateData.top.xScalevalue.popupTop)?_c('TimeScaleValue',{attrs:{"times":_vm.timeList,"templateData":_vm.templateData}}):_vm._e()}
+var FabricScaleValuevue_type_template_id_9c461680_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricScaleValue.vue?vue&type=template&id=e702a32a&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricScaleValue.vue?vue&type=template&id=9c461680&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"54b2b90d-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/components/TimeScaleValue.vue?vue&type=template&id=a10b6e3e&scoped=true&
-var TimeScaleValuevue_type_template_id_a10b6e3e_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.isShow),expression:"isShow"}],staticClass:"c-time-scalevalue",style:({ '--left': _vm.popupStyle.left, '--top': _vm.popupStyle.top, '--height': _vm.popupStyle.height, '--width': _vm.popupStyle.width })},_vm._l((_vm.times),function(item,index){return _c('span',{directives:[{name:"show",rawName:"v-show",value:(index % 2 == 0),expression:"index % 2 == 0"}],key:item.left,staticClass:"c-time-scalevalue-list",style:({ left: ((item.left - item.width / 2) + "px"), '--font-size': _vm.popupStyle.fontSize })},[_vm._v(" "+_vm._s(item.time)+" ")])}),0)}
-var TimeScaleValuevue_type_template_id_a10b6e3e_scoped_true_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"832f7c18-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=184c584a&scoped=true&
+var TimeScaleValuevue_type_template_id_184c584a_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_184c584a_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/components/TimeScaleValue.vue?vue&type=template&id=a10b6e3e&scoped=true&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/components/TimeScaleValue.vue?vue&type=template&id=184c584a&scoped=true&
 
 // EXTERNAL MODULE: external "cnhis-design-vue/es/utils/vexutils"
 var vexutils_ = __webpack_require__("9715");
@@ -4375,15 +4148,17 @@ var vexutils_default = /*#__PURE__*/__webpack_require__.n(vexutils_);
   mounted: function mounted() {
     var _this = this;
 
-    this.$nextTick(function () {
-      setTimeout(function () {
-        _this.init();
-      }, 0);
-    });
+    this._timer = setInterval(function () {
+      if (document.readyState === 'complete') {
+        _this.initDoc();
+
+        clearInterval(_this._timer);
+      }
+    }, 500);
   },
   methods: {
-    init: function init() {
-      var _xScalevalue$style;
+    initDoc: function initDoc() {
+      var _this$cFabricChart, _this$cFabricChart$ge, _this$cFabricChart2, _this$cFabricChart2$g, _xScalevalue$style;
 
       // this.to = this.templateData.top?.xScalevalue?.to || 'body';
       var _ref = this.$attrs.templateData.top || {},
@@ -4395,9 +4170,9 @@ var vexutils_default = /*#__PURE__*/__webpack_require__.n(vexutils_);
           xCellWidth = _this$propItems.xCellWidth;
       this.cFabricChart = document.querySelector('.c-fabric-chart'); // this.bodyHeight = document.body.getBoundingClientRect().height;
 
-      this.top = this.cFabricChart.getBoundingClientRect().top;
+      this.top = ((_this$cFabricChart = this.cFabricChart) === null || _this$cFabricChart === void 0 ? void 0 : (_this$cFabricChart$ge = _this$cFabricChart.getBoundingClientRect()) === null || _this$cFabricChart$ge === void 0 ? void 0 : _this$cFabricChart$ge.top) || 0;
       this.popupStyle = {
-        left: "".concat(this.cFabricChart.getBoundingClientRect().left, "px"),
+        left: "".concat(((_this$cFabricChart2 = this.cFabricChart) === null || _this$cFabricChart2 === void 0 ? void 0 : (_this$cFabricChart2$g = _this$cFabricChart2.getBoundingClientRect()) === null || _this$cFabricChart2$g === void 0 ? void 0 : _this$cFabricChart2$g.left) || 0, "px"),
         top: "".concat((xScalevalue === null || xScalevalue === void 0 ? void 0 : xScalevalue.popupTop) || 0, "px"),
         width: "".concat(canvasWidth, "px"),
         height: "".concat(spaceHeight, "px"),
@@ -4426,13 +4201,14 @@ var vexutils_default = /*#__PURE__*/__webpack_require__.n(vexutils_);
     }
   },
   beforeDestroy: function beforeDestroy() {
+    this._timer && clearInterval(this._timer);
     window.removeEventListener('scroll', this.scroll, true);
   }
 });
 // CONCATENATED MODULE: ./packages/fabric-chart/src/components/TimeScaleValue.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_TimeScaleValuevue_type_script_lang_js_ = (TimeScaleValuevue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./packages/fabric-chart/src/components/TimeScaleValue.vue?vue&type=style&index=0&id=a10b6e3e&lang=less&scoped=true&
-var TimeScaleValuevue_type_style_index_0_id_a10b6e3e_lang_less_scoped_true_ = __webpack_require__("e350");
+// EXTERNAL MODULE: ./packages/fabric-chart/src/components/TimeScaleValue.vue?vue&type=style&index=0&id=184c584a&lang=less&scoped=true&
+var TimeScaleValuevue_type_style_index_0_id_184c584a_lang_less_scoped_true_ = __webpack_require__("0364");
 
 // CONCATENATED MODULE: ./packages/fabric-chart/src/components/TimeScaleValue.vue
 
@@ -4445,11 +4221,11 @@ var TimeScaleValuevue_type_style_index_0_id_a10b6e3e_lang_less_scoped_true_ = __
 
 var TimeScaleValue_component = Object(componentNormalizer["a" /* default */])(
   components_TimeScaleValuevue_type_script_lang_js_,
-  TimeScaleValuevue_type_template_id_a10b6e3e_scoped_true_render,
-  TimeScaleValuevue_type_template_id_a10b6e3e_scoped_true_staticRenderFns,
+  TimeScaleValuevue_type_template_id_184c584a_scoped_true_render,
+  TimeScaleValuevue_type_template_id_184c584a_scoped_true_staticRenderFns,
   false,
   null,
-  "a10b6e3e",
+  "184c584a",
   null
   
 )
@@ -4495,23 +4271,16 @@ var TimeScaleValue_component = Object(componentNormalizer["a" /* default */])(
       });
     }
   },
-  mounted: function mounted() {
-    var _this = this;
-
-    this.$nextTick(function () {
-      _this.topScaleValue(_this.templateData.top);
-
-      _this.rightScaleValue(_this.templateData.right);
-
-      _this.leftScaleValue(_this.templateData.left);
-
-      _this.canvas.renderAll();
-    });
-  },
+  mounted: function mounted() {},
   methods: {
+    init: function init() {
+      this.topScaleValue(this.templateData.top);
+      this.rightScaleValue(this.templateData.right);
+      this.leftScaleValue(this.templateData.left); // this.canvas.renderAll();
+    },
     // x轴时间刻度绘制
     topScaleValue: function topScaleValue(obj) {
-      var _this2 = this;
+      var _this = this;
 
       var _this$propItems = this.propItems,
           originX = _this$propItems.originX,
@@ -4529,11 +4298,11 @@ var TimeScaleValue_component = Object(componentNormalizer["a" /* default */])(
       list.reduce(function (pre, cur, i) {
         var newStyle = pre && new Date(cur).getTime() - new Date(pre).getTime() < defaultSpaceTime ? Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, style), customStyle) : style;
 
-        var text = _this2.createText(cur.slice(-5), originX + i * spaceGridNumber * xCellWidth, top, 'center', newStyle);
+        var text = _this.createText(cur.slice(-5), originX + i * spaceGridNumber * xCellWidth, top, 'center', newStyle);
 
         textList.push(text);
 
-        _this2.timeList.push({
+        _this.timeList.push({
           time: cur.slice(-5),
           left: originX + i * spaceGridNumber * xCellWidth,
           width: text.width
@@ -4549,7 +4318,7 @@ var TimeScaleValue_component = Object(componentNormalizer["a" /* default */])(
       this.canvas.sendBackwards(group);
     },
     rightScaleValue: function rightScaleValue(obj) {
-      var _this3 = this;
+      var _this2 = this;
 
       if (!obj) return;
       var spaceGridNumber = obj.rightYScalevalue.spaceGridNumber || 2;
@@ -4558,7 +4327,7 @@ var TimeScaleValue_component = Object(componentNormalizer["a" /* default */])(
       var style = obj.rightYScalevalue.style ? obj.rightYScalevalue.style : {};
       var textList = [];
       obj.rightYScalevalue.list.forEach(function (item, index) {
-        textList.push(_this3.createText(item, originX, _this3.propItems.endY - index * _this3.propItems.yCellHeight * spaceGridNumber, 'left', style));
+        textList.push(_this2.createText(item, originX, _this2.propItems.endY - index * _this2.propItems.yCellHeight * spaceGridNumber, 'left', style));
       }); // 添加单位
 
       if (obj.rightYScalevalue.unit) {
@@ -4575,7 +4344,7 @@ var TimeScaleValue_component = Object(componentNormalizer["a" /* default */])(
     },
     leftScaleValue: function leftScaleValue(obj) {
       var _obj$leftYScalevalue,
-          _this4 = this;
+          _this3 = this;
 
       var _this$propItems2 = this.propItems,
           endY = _this$propItems2.endY,
@@ -4592,7 +4361,7 @@ var TimeScaleValue_component = Object(componentNormalizer["a" /* default */])(
       var originX = this.propItems.originX;
       var textList = [];
       obj.leftYScalevalue.list.forEach(function (item, index) {
-        textList.push(_this4.createText(item, originX - listMarginRight, endY - index * yCellHeight * spaceGridNumber, 'right', style));
+        textList.push(_this3.createText(item, originX - listMarginRight, endY - index * yCellHeight * spaceGridNumber, 'right', style));
       }); // 添加标题和单位
 
       var txt = '';
@@ -4636,8 +4405,8 @@ var TimeScaleValue_component = Object(componentNormalizer["a" /* default */])(
 
 var FabricScaleValue_component = Object(componentNormalizer["a" /* default */])(
   fabric_chart_FabricScaleValuevue_type_script_lang_js_,
-  FabricScaleValuevue_type_template_id_e702a32a_render,
-  FabricScaleValuevue_type_template_id_e702a32a_staticRenderFns,
+  FabricScaleValuevue_type_template_id_9c461680_render,
+  FabricScaleValuevue_type_template_id_9c461680_staticRenderFns,
   false,
   null,
   null,
@@ -4646,12 +4415,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":"54b2b90d-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=template&id=229d2d58&
-var FabricLinesvue_type_template_id_229d2d58_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"line"},[(_vm.isRightVisible)?_c('MouseRightClick',{attrs:{"getContainer":_vm.getContainer,"nodeList":_vm.rightClickNode,"rightPos":_vm.rightPos},on:{"nodeClick":_vm.handleRightClick,"closeRight":function($event){_vm.isRightVisible = false}}}):_vm._e(),(_vm.isDropVisible)?_c('DropPopup',{attrs:{"val":_vm.dropVal,"dropPos":_vm.dropPos}}):_vm._e()],1)}
-var FabricLinesvue_type_template_id_229d2d58_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"832f7c18-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=c6adb3bc&
+var FabricLinesvue_type_template_id_c6adb3bc_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"line"},[(_vm.isRightVisible)?_c('MouseRightClick',{attrs:{"getContainer":_vm.getContainer,"nodeList":_vm.rightClickNode,"rightPos":_vm.rightPos},on:{"nodeClick":_vm.handleRightClick,"closeRight":function($event){_vm.isRightVisible = false}}}):_vm._e(),(_vm.isDropVisible)?_c('DropPopup',{attrs:{"val":_vm.dropVal,"dropPos":_vm.dropPos}}):_vm._e()],1)}
+var FabricLinesvue_type_template_id_c6adb3bc_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=template&id=229d2d58&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=template&id=c6adb3bc&
 
 // 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&
 
@@ -4727,26 +4496,7 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
       };
     }
   },
-  watch: {// linesObj: {
-    //   handler(value) {
-    //     if (value) {
-    //       if (this.lines.length) {
-    //         this.removeLines();
-    //       }
-    //       this.getLineList(this.linesObj.list);
-    //       this.createLine();
-    //     }
-    //   },
-    //   deep: true
-    // },
-  },
-  mounted: function mounted() {
-    var _this = this;
-
-    this.$nextTick(function () {
-      _this.init();
-    });
-  },
+  mounted: function mounted() {},
   methods: {
     init: function init() {
       this.getLineList(this.linesObj.list);
@@ -4754,7 +4504,7 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
       this.eventStyle.evented && this.createEvent();
     },
     createEvent: function createEvent() {
-      var _this2 = this;
+      var _this = this;
 
       this.canvas.on('mouse:up', function (event) {
         if (event.button === 3) {
@@ -4762,14 +4512,14 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
               x = _event$pointer.x,
               y = _event$pointer.y;
 
-          var _this2$$propItems = _this2.$propItems(),
-              originX = _this2$$propItems.originX,
-              endX = _this2$$propItems.endX,
-              endYTop = _this2$$propItems.endYTop;
+          var _this$$propItems = _this.$propItems(),
+              originX = _this$$propItems.originX,
+              endX = _this$$propItems.endX,
+              endYTop = _this$$propItems.endYTop;
 
           if (!(x < originX || x > endX || y < 0 || y > endYTop)) {
-            _this2.activeEvent = event;
-            document.querySelector('.upper-canvas').addEventListener('contextmenu', _this2.addEventListenerContextmenu, true);
+            _this.activeEvent = event;
+            document.querySelector('.upper-canvas').addEventListener('contextmenu', _this.addEventListenerContextmenu, true);
           }
         }
       });
@@ -4783,10 +4533,10 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
       var x = event.offsetX;
       var y = event.offsetY;
 
-      var _this$$propItems = this.$propItems(),
-          originX = _this$$propItems.originX,
-          endX = _this$$propItems.endX,
-          endYTop = _this$$propItems.endYTop;
+      var _this$$propItems2 = this.$propItems(),
+          originX = _this$$propItems2.originX,
+          endX = _this$$propItems2.endX,
+          endYTop = _this$$propItems2.endYTop;
 
       if (!(x < originX || x > endX || y < 0 || y > endYTop)) {
         this.openRightModal(this.activeEvent);
@@ -4796,7 +4546,7 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
     },
     // 打开右键菜单
     openRightModal: function openRightModal(event) {
-      var _this3 = this;
+      var _this2 = this;
 
       this.rightPos = {
         clientX: event.e.clientX || event.e.pageX,
@@ -4807,9 +4557,9 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
       var id = target ? target.id : '';
       this.$nextTick(function () {
         if (id && id.includes('_lineGroup_')) {
-          _this3._currentPoint = target || '';
-          _this3.rightClickNode = Object.freeze(FabricLinesvue_type_script_lang_js_rightClickNode.slice());
-          _this3.isRightVisible = true;
+          _this2._currentPoint = target || '';
+          _this2.rightClickNode = Object.freeze(FabricLinesvue_type_script_lang_js_rightClickNode.slice());
+          _this2.isRightVisible = true;
         }
       });
     },
@@ -4828,29 +4578,29 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
     },
     // 递归返回一维数据
     getLineList: function getLineList(list) {
-      var _this4 = this;
+      var _this3 = this;
 
       list.forEach(function (item) {
         var _item$children;
 
         if (item !== null && item !== void 0 && (_item$children = item.children) !== null && _item$children !== void 0 && _item$children.length) {
-          _this4.getLineList(item.children);
+          _this3.getLineList(item.children);
         } else {
           var obj = JSON.parse(JSON.stringify(item));
 
-          _this4.lines.push(obj);
+          _this3.lines.push(obj);
         }
       });
     },
     createLine: function createLine() {
-      var _this5 = this;
+      var _this4 = this;
 
       this.lines.forEach(function (line, i) {
-        _this5.drawLineData(line, i);
+        _this4.drawLineData(line, i);
       });
     },
     drawLineData: function drawLineData(line, i) {
-      var _this6 = this,
+      var _this5 = this,
           _this$canvas;
 
       var lineList = line.lineList || [];
@@ -4873,9 +4623,9 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
         var startMinute = new Date(item[0]).getTime();
         var endMinute = item[1] ? new Date(item[1]).getTime() : '';
 
-        var x1 = _this6.cumputedX(item[0]);
+        var x1 = _this5.cumputedX(item[0]);
 
-        var x2 = _this6.cumputedX(item[1]); // 数字文字
+        var x2 = _this5.cumputedX(item[1]); // 数字文字
 
 
         var textObj = item[3] || {};
@@ -4884,7 +4634,7 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
         var leftLine;
 
         if (x1 && x1 >= originX && x1 <= endX) {
-          leftLine = _this6.drawGroup(x1, x2, y1 + spaceHeight, y2 - spaceHeight, i, j, {
+          leftLine = _this5.drawGroup(x1, x2, y1 + spaceHeight, y2 - spaceHeight, i, j, {
             position: 'left'
           });
           lineItemList.push(leftLine);
@@ -4906,7 +4656,7 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
         var centerLine;
 
         if (item[1] && !(endMinute >= maxMinute && startMinute >= maxMinute) && !(endMinute <= minMinute && startMinute <= minMinute)) {
-          centerLine = _this6.drawLine([x1, y1 + yCellHeightTop / 2, x2, y1 + yCellHeightTop / 2], Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, _this6.linesObj.dataLineStyle), {}, {
+          centerLine = _this5.drawLine([x1, y1 + yCellHeightTop / 2, x2, y1 + yCellHeightTop / 2], Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, _this5.linesObj.dataLineStyle), {}, {
             selectable: false,
             evented: false,
             id: '_lineGroup_' + new Date().getTime(),
@@ -4914,7 +4664,7 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
           }));
           lineItemList.push(centerLine); // 添加透明矩形，便于选择横线右键删除
 
-          var centerRect = new _this6.fabric.Rect({
+          var centerRect = new _this5.fabric.Rect({
             id: '_lineGroup_' + new Date().getTime(),
             fill: 'transparent',
             width: x2 - x1 - 20,
@@ -4931,7 +4681,7 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
           centerRect.lockMovementX = centerRect.lockMovementY = true;
           centerRect.hasControls = centerRect.hasBorders = false;
 
-          _this6.hoverEvent(centerRect, {
+          _this5.hoverEvent(centerRect, {
             textObj: textObj,
             startTime: item[0],
             endTime: item[1]
@@ -4945,7 +4695,7 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
         var rightLine;
 
         if (item[1] && endMinute <= maxMinute && endMinute >= minMinute) {
-          rightLine = _this6.drawGroup(x1, x2, y1 + spaceHeight, y2 - spaceHeight, i, j, {
+          rightLine = _this5.drawGroup(x1, x2, y1 + spaceHeight, y2 - spaceHeight, i, j, {
             position: 'right'
           });
           lineItemList.push(rightLine);
@@ -4954,23 +4704,23 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
 
         var textTop = x2 ? (y1 + y2) / 2 : y1 + yCellHeightTop / 2;
         var textLimitRight;
-        var text = endMinute === '' && leftLine || item[1] && !(x1 === originX && x2 === originX) && !(x1 === endX && x2 === endX) ? _this6.drawLineText(textArr.concat([textContent]), textTop, i, j, centerLine, x1, x2) : null; // 文字内容居右侧竖线且超出当前线段右边界则移除
+        var text = endMinute === '' && leftLine || item[1] && !(x1 === originX && x2 === originX) && !(x1 === endX && x2 === endX) ? _this5.drawLineText(textArr.concat([textContent]), textTop, i, j, centerLine, x1, x2) : null; // 文字内容居右侧竖线且超出当前线段右边界则移除
 
         if (text) {
           var _lineList;
 
-          textLimitRight = (_lineList = lineList[j + 1]) !== null && _lineList !== void 0 && _lineList[0] && _this6.cumputedX(lineList[j + 1][0]) <= endX ? _this6.cumputedX(lineList[j + 1][0]) : endX;
+          textLimitRight = (_lineList = lineList[j + 1]) !== null && _lineList !== void 0 && _lineList[0] && _this5.cumputedX(lineList[j + 1][0]) <= endX ? _this5.cumputedX(lineList[j + 1][0]) : endX;
 
           if (text.originX === 'left' && text.left + text.width + 2 >= textLimitRight) {
             textLimitRight !== endX && textArr.push(textContent);
 
-            _this6.canvas.remove(text);
+            _this5.canvas.remove(text);
 
             text = null;
           } else {
             textArr = [];
 
-            _this6.hoverEvent(text, {
+            _this5.hoverEvent(text, {
               textObj: textObj,
               startTime: item[0],
               endTime: item[1]
@@ -4992,10 +4742,10 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
 
           if (preItem1) {
             var preEndMinute = new Date(preItem1).getTime();
-            if (preEndMinute >= minMinute && preEndMinute < maxMinute) leftLimit.x1 = _this6.cumputedX(preItem1);
+            if (preEndMinute >= minMinute && preEndMinute < maxMinute) leftLimit.x1 = _this5.cumputedX(preItem1);
           } else {
             var preStartMinute = new Date(preItem0).getTime();
-            if (preStartMinute >= minMinute && preStartMinute < maxMinute) leftLimit.x1 = _this6.cumputedX(preItem0);
+            if (preStartMinute >= minMinute && preStartMinute < maxMinute) leftLimit.x1 = _this5.cumputedX(preItem0);
           }
         }
 
@@ -5010,11 +4760,11 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
           if (_preItem) {
             var _preStartMinute = new Date(_preItem).getTime();
 
-            if (_preStartMinute > minMinute && _preStartMinute <= maxMinute) rightLimt.x2 = _this6.cumputedX(_preItem);
+            if (_preStartMinute > minMinute && _preStartMinute <= maxMinute) rightLimt.x2 = _this5.cumputedX(_preItem);
           }
         }
 
-        _this6.lineEvent({
+        _this5.lineEvent({
           line: leftLine,
           line1: centerLine,
           text: text,
@@ -5026,7 +4776,7 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
           textLimitRight: textLimitRight
         });
 
-        _this6.lineEvent({
+        _this5.lineEvent({
           line: rightLine,
           line2: centerLine,
           text: text,
@@ -5039,9 +4789,8 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
         });
       });
 
-      (_this$canvas = this.canvas).add.apply(_this$canvas, lineItemList.concat(textList));
+      (_this$canvas = this.canvas).add.apply(_this$canvas, lineItemList.concat(textList)); // this.canvas.requestRenderAll();
 
-      this.canvas.requestRenderAll();
     },
     drawLineText: function drawLineText(textArr, top, i, j, centerLine, x1, x2) {
       // const value = textArr.map(v => {
@@ -5127,7 +4876,7 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
       }));
     },
     hoverEvent: function hoverEvent(point, attr) {
-      var _this7 = this;
+      var _this6 = this;
 
       var textObj = attr.textObj,
           startTime = attr.startTime,
@@ -5136,14 +4885,14 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
       endTime && (point.endTime = endTime);
       textObj && (point.textObj = textObj);
       point.on('mouseover', function () {
-        _this7.showDrapPopup(point);
+        _this6.showDrapPopup(point);
       });
       point.on('mouseout', function () {
-        _this7.isDropVisible = false;
+        _this6.isDropVisible = false;
       });
     },
     lineEvent: function lineEvent(attr) {
-      var _this8 = this;
+      var _this7 = this;
 
       var line = attr.line,
           line1 = attr.line1,
@@ -5171,27 +4920,26 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
         }); // 移动中 实时更新相关联的线的坐标
 
         line.on('moving', function () {
-          _this8.lineMoveLimit(line);
+          _this7.lineMoveLimit(line);
 
-          _this8.lineMoveUpdateLine(line);
+          _this7.lineMoveUpdateLine(line);
 
-          _this8.textUpdatePositionX(line);
+          _this7.textUpdatePositionX(line); // this.canvas.renderAll();
 
-          _this8.canvas.renderAll();
 
-          _this8.showDrapPopup(line);
+          _this7.showDrapPopup(line);
         });
         line.on('moved', function () {
           // const objBoundingBox = line.getBoundingRect();
           if (line && line.id.includes('_lineGroup_')) {
-            _this8.isDropVisible = false;
+            _this7.isDropVisible = false;
 
-            var _this8$updateData = _this8.updateData(line),
-                lineObj = _this8$updateData.lineObj;
+            var _this7$updateData = _this7.updateData(line),
+                lineObj = _this7$updateData.lineObj;
 
-            _this8.updateLine(line.rowIndex);
+            _this7.updateLine(line.rowIndex);
 
-            _this8.$emit('lineChange', {
+            _this7.$emit('lineChange', {
               ponits: {
                 x: line.left,
                 y: line.top
@@ -5287,1633 +5035,128 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
 
       return {
         lineObj: {
-          title: linesRow.title,
-          obj: linesRow.lineList[colIndex],
-          val: x
-        },
-        x: x
-      };
-    },
-    // 直线数组更新后 移除旧的直线并绘制新的直线，处理拖动限制不能更新的问题
-    updateLine: function updateLine(rowIndex) {
-      var _this9 = this;
-
-      this.canvas.forEachObject(function (obj) {
-        if (obj.rowIndex === rowIndex) {
-          _this9.canvas.remove(obj);
-        }
-      });
-      this.drawLineData(this.lines[rowIndex], rowIndex);
-    },
-    // 移除头部表格所有线条数字数据
-    removeLines: function removeLines() {
-      var _this10 = this;
-
-      this.canvas.forEachObject(function (obj) {
-        if (obj.id && obj.id.includes('_lineGroup_')) {
-          _this10.canvas.remove(obj);
-        }
-      });
-      this.lines = [];
-    },
-    drawLine: function drawLine(lines, others) {
-      var line = new this.fabric.Line(lines, Object(objectSpread2["a" /* default */])({
-        objectCaching: false
-      }, others));
-      return line;
-    },
-    lineMoveLimit: function lineMoveLimit(line) {
-      line.setCoords(); // 需调用setCoords()才能重新计算控制位置(改变Object状态)
-
-      if (line.left < line.limitX.x1) {
-        line.set('left', line.limitX.x1);
-      }
-
-      if (line.left > line.limitX.x2) {
-        line.set('left', line.limitX.x2);
-      }
-    },
-    lineMoveUpdateLine: function lineMoveUpdateLine(line) {
-      if (line.line1) {
-        line.line1.setCoords();
-        line.line1.set({
-          x1: line.left
-        });
-      }
-
-      if (line.line2) {
-        line.line2.setCoords();
-        line.line2.set({
-          x2: line.left
-        });
-      }
-    },
-    textUpdatePositionX: function textUpdatePositionX(line) {
-      var text = line.text || null;
-
-      if (text) {
-        // 如果line2存在说明当前拖动的是右边手柄，line1存在则是左边手柄，都不存在说明不存在中间线
-        var centerLine = line.line1 || line.line2 || null;
-        var left = line.left;
-
-        var _limitWidth = text.width + 2;
-
-        var originX = text.originX;
-        var v;
-
-        if ((centerLine === null || centerLine === void 0 ? void 0 : centerLine.x2) - (centerLine === null || centerLine === void 0 ? void 0 : centerLine.x1) > _limitWidth) {
-          v = left + centerLine.width / 2 * (line.line2 ? -1 : 1);
-          originX = 'center';
-        } else {
-          v = this.textMarginLeft + (centerLine ? centerLine.x2 : left);
-          originX = 'left'; // 移动到最右边界时候文字超出当前线段可拖动的右边界的情况
-
-          if (line.textLimitRight && v + _limitWidth > line.textLimitRight) {
-            v = this.propItems.endX + 100; // 此值随便设置，只要达到隐藏效果即可
-          }
-        }
-
-        text.setCoords();
-        text.set({
-          left: v,
-          originX: originX
-        });
-      } // 拖动左侧竖线时需要更改上一线段文字的位置，以防止文字被遮挡
-
-
-      var preText = line.preText || null;
-      if (!preText) return;
-      var limitWidth = preText.width + 2;
-
-      if (preText.originX === 'left' && preText.left + limitWidth > line.left) {
-        var _v = this.propItems.endX + 100; // 此值随便设置，只要达到隐藏效果即可
-
-
-        preText.setCoords();
-        preText.set({
-          left: _v
-        });
-      }
-    },
-    repaintLine: function repaintLine() {
-      if (this.lines.length) {
-        this.removeLines();
-      }
-
-      this.getLineList(this.linesObj.list);
-      this.createLine();
-    }
-  },
-  beforeDestroy: function beforeDestroy() {}
-});
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=script&lang=js&
- /* harmony default export */ var fabric_chart_FabricLinesvue_type_script_lang_js_ = (FabricLinesvue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricLines.vue
-
-
-
-
-
-/* normalize component */
-
-var FabricLines_component = Object(componentNormalizer["a" /* default */])(
-  fabric_chart_FabricLinesvue_type_script_lang_js_,
-  FabricLinesvue_type_template_id_229d2d58_render,
-  FabricLinesvue_type_template_id_229d2d58_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* harmony default export */ var FabricLines = (FabricLines_component.exports);
-// 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-chart2/FabricTop.vue?vue&type=script&lang=js&
-
-
-
-
-
-
-
-/* harmony default export */ var FabricTopvue_type_script_lang_js_ = ({
-  name: 'fabric-top2',
-  mixins: [fabricCommon, draw],
-  props: {
-    templateData: {
-      type: Object,
-      required: true
-    }
-  },
-  data: function data() {
-    return {};
-  },
-  mounted: function mounted() {
-    var _this = this;
-
-    this.$nextTick(function () {
-      _this.init();
-    });
-  },
-  computed: {
-    girdLineStyle: function girdLineStyle() {
-      return Object.assign({}, defaultVaule.borderStyle, this.templateData.borderStyle || {});
-    }
-  },
-  methods: {
-    init: function init() {
-      this.drawTop(this.templateData.top);
-      this.canvas.renderAll();
-    },
-    drawTop: function drawTop(top) {
-      var list = []; // 日期
-
-      this.drawTopDate(top, list); // 上午/下午
-
-      this.drawTopDay(top, list); // 时间刻度
-
-      this.drawTopTime(top, list);
-      var group = list.length > 0 ? new this.fabric.Group([].concat(list), Object(objectSpread2["a" /* default */])({}, defaultVaule.style)) : null;
-      group && group.sendToBack(); // 向下跳底层
-
-      group && this.canvas.add(group);
-    },
-    drawTopTime: function drawTopTime(top, list) {
-      var _top$date,
-          _this2 = this;
-
-      var _this$propItems = this.propItems,
-          originX = _this$propItems.originX,
-          originY = _this$propItems.originY,
-          xCellWidth = _this$propItems.xCellWidth,
-          table = _this$propItems.table;
-      var dateHeight = ((_top$date = top.date) === null || _top$date === void 0 ? void 0 : _top$date.height) || 0;
-      var dayHeight = top.dayHeight || 0;
-      var height = originY - dateHeight - dayHeight;
-      var titleHeight = dayHeight + height; // 标题
-
-      var title = this.drawTextGroup(Object(objectSpread2["a" /* default */])({
-        width: originX,
-        height: titleHeight
-      }, defaultVaule.rectStyle), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
-        text: String(top.xScalevalue.title)
-      }, defaultVaule.textStyle), top.textGroupStyle), {
-        left: 0,
-        top: dateHeight
-      });
-      list.push(title); // 时间列表
-
-      var timeList = [];
-
-      for (var j = 0; j < table.mainXCell; j++) {
-        timeList.push(top.xScalevalue.list);
-      }
-
-      timeList.flat().forEach(function (v, i) {
-        var left = originX + i * xCellWidth;
-
-        var textGroup = _this2.drawTextGroup({
-          width: xCellWidth,
-          height: height
-        }, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
-          text: String(v)
-        }, defaultVaule.textStyle), top.textGroupStyle), {
-          left: left,
-          top: dateHeight + dayHeight
-        });
-
-        list.push(textGroup);
-      });
-    },
-    drawTopDay: function drawTopDay(top, list) {
-      if (!top.dayHeight) return false;
-      var _this$propItems2 = this.propItems,
-          originX = _this$propItems2.originX,
-          xCellWidth = _this$propItems2.xCellWidth,
-          gridXNumber = _this$propItems2.gridXNumber,
-          table = _this$propItems2.table;
-      var height = top.dayHeight; // 上午下午列表
-
-      var width = xCellWidth * table.subSecondXCell;
-      var dayList = gridXNumber / table.subSecondXCell;
-
-      for (var i = 0; i < dayList; i++) {
-        var left = originX + i * width;
-        var value = i % 2 === 0 ? '上午' : '下午';
-        var textGroup = this.drawTextGroup({
-          width: width,
-          height: height
-        }, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
-          text: String(value)
-        }, defaultVaule.textStyle), top.textGroupStyle), {
-          left: left,
-          top: top.date.height || 0
-        });
-        list.push(textGroup);
-      }
-    },
-    drawTopDate: function drawTopDate(top, list) {
-      var _this3 = this;
-
-      if (!top.date.height) return false;
-      var _this$propItems3 = this.propItems,
-          originX = _this$propItems3.originX,
-          xCellWidth = _this$propItems3.xCellWidth,
-          table = _this$propItems3.table;
-      var height = top.date.height; // 标题
-
-      var title = this.drawTextGroup(Object(objectSpread2["a" /* default */])({
-        width: originX,
-        height: height
-      }, defaultVaule.rectStyle), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
-        text: String(top.date.title)
-      }, defaultVaule.textStyle), top.textGroupStyle), {
-        left: 0,
-        top: 0
-      });
-      list.push(title); // 日期列表
-
-      var width = xCellWidth * table.subXCell;
-      top.date.list.forEach(function (v, i) {
-        var left = originX + i * width;
-
-        var textGroup = _this3.drawTextGroup({
-          width: width,
-          height: height
-        }, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
-          text: String(v)
-        }, defaultVaule.textStyle), top.textGroupStyle), {
-          left: left,
-          top: 0
-        });
-
-        list.push(textGroup);
-      });
-    }
-  },
-  render: function render(h) {
-    return this.$slots.default ? h('div', this.$slots.default) : undefined;
-  }
-});
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart2/FabricTop.vue?vue&type=script&lang=js&
- /* harmony default export */ var fabric_chart2_FabricTopvue_type_script_lang_js_ = (FabricTopvue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart2/FabricTop.vue
-var FabricTop_render, FabricTop_staticRenderFns
-
-
-
-
-/* normalize component */
-
-var FabricTop_component = Object(componentNormalizer["a" /* default */])(
-  fabric_chart2_FabricTopvue_type_script_lang_js_,
-  FabricTop_render,
-  FabricTop_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* harmony default export */ var FabricTop = (FabricTop_component.exports);
-// 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-chart2/FabricLeft.vue?vue&type=script&lang=js&
-
-
-
-
-
-
-/* harmony default export */ var FabricLeftvue_type_script_lang_js_ = ({
-  name: 'fabric-left2',
-  mixins: [fabricCommon],
-  props: {
-    templateData: {
-      type: Object,
-      required: true
-    }
-  },
-  data: function data() {
-    return {};
-  },
-  computed: {
-    defaultTextStyle: function defaultTextStyle() {
-      return Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.style), defaultVaule.textStyle), {}, {
-        centeredRotation: true,
-        originX: 'center',
-        originY: 'center'
-      });
-    }
-  },
-  mounted: function mounted() {
-    var _this = this;
-
-    this.$nextTick(function () {
-      _this.init();
-    });
-  },
-  methods: {
-    init: function init() {
-      this.leftScaleValue(this.templateData.left);
-      this.canvas.renderAll();
-    },
-    leftScaleValue: function leftScaleValue(left) {
-      var _this2 = this;
-
-      var groupList = [];
-      var _this$propItems = this.propItems,
-          originX = _this$propItems.originX,
-          originY = _this$propItems.originY,
-          endY = _this$propItems.endY,
-          yCellHeight = _this$propItems.yCellHeight;
-      var column = left.leftYScalevalue.length;
-      var colWidth = originX / column;
-      var residue = originX % column;
-      var firstColWidth = colWidth + residue;
-      left.leftYScalevalue.forEach(function (item, index) {
-        var list = []; // 刻度外框
-
-        var rectWidth = index === 0 ? firstColWidth : colWidth;
-        var rectLeft = index === 0 ? 0 : firstColWidth + (index - 1) * colWidth;
-        var line = index > 0 ? new _this2.fabric.Line([rectLeft, originY, rectLeft, endY], Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.style), defaultVaule.borderStyle)) : null;
-        line && list.push(line);
-        var leftVal = rectLeft + rectWidth / 2; // 刻度列表
-
-        item.list.forEach(function (v, i) {
-          var top = endY - i * yCellHeight * left.spaceGridNumber;
-
-          var text = _this2.createText(v, leftVal, i === 0 ? top - 5 : top, 'center', item.style);
-
-          list.push(text);
-        }); // 添加标题和单位
-
-        var title = item.name || '';
-        if (item.unit) title += '\n' + item.unit;
-        title && list.push(_this2.createText(title, leftVal, originY + yCellHeight * left.spaceGridNumber / 2, 'center', Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, item.style), {}, {
-          textAlign: 'center'
-        })));
-        var group = new _this2.fabric.Group(list, defaultVaule.style);
-        groupList.push(group);
-      }); // 外框
-
-      groupList.push(new this.fabric.Rect(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.style), defaultVaule.rectStyle), {}, {
-        width: originX,
-        height: endY - originY,
-        left: 0,
-        top: originY
-      })));
-      var group = groupList.length > 0 ? new this.fabric.Group([].concat(groupList), Object(objectSpread2["a" /* default */])({}, defaultVaule.style)) : null;
-      group && group.sendToBack(); // 向下跳底层
-
-      group && this.canvas.add(group);
-    },
-    createText: function createText(text, left, top, originX, style) {
-      return new this.fabric.Text(String(text), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, this.defaultTextStyle), {}, {
-        left: left,
-        top: top,
-        originX: originX
-      }, style));
-    }
-  },
-  render: function render(h) {
-    return this.$slots.default ? h('div', this.$slots.default) : undefined;
-  }
-});
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart2/FabricLeft.vue?vue&type=script&lang=js&
- /* harmony default export */ var fabric_chart2_FabricLeftvue_type_script_lang_js_ = (FabricLeftvue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart2/FabricLeft.vue
-var FabricLeft_render, FabricLeft_staticRenderFns
-
-
-
-
-/* normalize component */
-
-var FabricLeft_component = Object(componentNormalizer["a" /* default */])(
-  fabric_chart2_FabricLeftvue_type_script_lang_js_,
-  FabricLeft_render,
-  FabricLeft_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* harmony default export */ var FabricLeft = (FabricLeft_component.exports);
-// 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-chart2/FabricRight.vue?vue&type=script&lang=js&
-
-
-
-
-
-
-
-
-
-
-/* harmony default export */ var FabricRightvue_type_script_lang_js_ = ({
-  name: 'fabric-right2',
-  mixins: [fabricCommon],
-  props: {
-    templateData: {
-      type: Object,
-      required: true
-    }
-  },
-  data: function data() {
-    return {};
-  },
-  computed: {
-    defaultTextStyle: function defaultTextStyle() {
-      return Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.style), defaultVaule.textStyle), {}, {
-        centeredRotation: true,
-        originX: 'center',
-        originY: 'center'
-      });
-    }
-  },
-  mounted: function mounted() {
-    var _this = this;
-
-    this.$nextTick(function () {
-      _this.init();
-    });
-  },
-  methods: {
-    init: function init() {
-      this.rightScaleValue(this.templateData.right || null);
-      this.canvas.renderAll();
-    },
-    rightScaleValue: function rightScaleValue(right) {
-      var _this2 = this;
-
-      var _this$propItems = this.propItems,
-          endX = _this$propItems.endX,
-          endY = _this$propItems.endY,
-          centigradeYCell = _this$propItems.centigradeYCell,
-          canvasWidth = _this$propItems.canvasWidth,
-          canvasHeight = _this$propItems.canvasHeight;
-
-      if (!right) {
-        this.canvas.add(new this.fabric.Line([canvasWidth - 1, 0, canvasWidth - 1, canvasHeight], defaultVaule.borderStyle));
-        return false;
-      }
-
-      var list = []; // 华氏度外框
-
-      list.push(new this.fabric.Rect(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.style), defaultVaule.rectStyle), {}, {
-        width: canvasWidth - endX - 1,
-        height: canvasHeight - 1,
-        left: endX,
-        top: 0
-      }))); // 华氏度列表，目前是整数列表（33℃对应91℉，所以存在误差），如果是正对应的如33℃对应91.4℉则不需要计算difVal和spaceHVaule和spaceHVaule0
-
-      var difVal = 6;
-      var spaceScaleNumber = right.rightYScalevalue.spaceScaleNumber || 5;
-      var mainScaleWidth = 9;
-      var subScaleWidth = 5;
-      var cList = this.templateData.left.leftYScalevalue.find(function (v) {
-        return v.type === 'centigrade';
-      }).list; // 左侧摄氏度温度list
-
-      var minC = Math.min.apply(Math, Object(toConsumableArray["a" /* default */])(cList)); // 左侧温度刻度最小值
-
-      var h1 = right.rightYScalevalue.list[1];
-      var h0 = right.rightYScalevalue.list[0];
-      var c1 = 5 * (h1 - 32) / 9;
-      var c0 = 5 * (h0 - 32) / 9;
-      var top1 = endY - (c1 - minC) * centigradeYCell - difVal;
-      var top0 = endY - (c0 - minC) * centigradeYCell - difVal;
-      var spaceHVaule = (top0 - top1) / spaceScaleNumber; // 每华氏度之间的间隔高度值
-
-      var endTop; // 记录最上一个刻度数的高度值，用于计算单位的高度
-
-      right.rightYScalevalue.list.forEach(function (v, i) {
-        var c = 5 * (v - 32) / 9; // 华氏转换为摄氏，此为固定公式
-
-        var top = endY - (c - minC) * centigradeYCell - difVal; // 存在6px的误差，因为比如34℃=93.2华氏度而不是93华氏度
-
-        if (i === right.rightYScalevalue.list.length - 1) endTop = top;
-
-        var text = _this2.createText("".concat(v, "\xB0"), endX + mainScaleWidth, i === 0 ? endY - 5 : top, 'left', right.rightYScalevalue.style);
-
-        list.push(text); // 刻度横线
-
-        var spaceHVaule0 = (endY - top1) / spaceScaleNumber; // 第一个-每华氏度之间的间隔高度值
-
-        for (var k = 0; k < spaceScaleNumber; k++) {
-          var scaleTop = i === 0 ? endY - k * spaceHVaule0 : top - k * spaceHVaule;
-          var line = new _this2.fabric.Line([endX, scaleTop, k > 0 ? endX + subScaleWidth : endX + mainScaleWidth, scaleTop], Object(objectSpread2["a" /* default */])({}, defaultVaule.borderStyle));
-          list.push(line);
-        }
-      }); // 单位
-
-      var width = canvasWidth - endX;
-      var unit = right.rightYScalevalue.unit ? this.createText(right.rightYScalevalue.unit.split('').join('\n'), endX + width / 2, endTop / 2, 'center', right.rightYScalevalue.style) : null;
-      unit && list.push(unit);
-      var group = list.length > 0 ? new this.fabric.Group([].concat(list), Object(objectSpread2["a" /* default */])({}, defaultVaule.style)) : null;
-      group && group.sendToBack(); // 向下跳底层
-
-      group && this.canvas.add(group);
-    },
-    createText: function createText(text, left, top, originX, style) {
-      return new this.fabric.Text(String(text), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, this.defaultTextStyle), {}, {
-        left: left,
-        top: top,
-        originX: originX
-      }, style));
-    }
-  },
-  render: function render(h) {
-    return this.$slots.default ? h('div', this.$slots.default) : undefined;
-  }
-});
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart2/FabricRight.vue?vue&type=script&lang=js&
- /* harmony default export */ var fabric_chart2_FabricRightvue_type_script_lang_js_ = (FabricRightvue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart2/FabricRight.vue
-var FabricRight_render, FabricRight_staticRenderFns
-
-
-
-
-/* normalize component */
-
-var FabricRight_component = Object(componentNormalizer["a" /* default */])(
-  fabric_chart2_FabricRightvue_type_script_lang_js_,
-  FabricRight_render,
-  FabricRight_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* harmony default export */ var FabricRight = (FabricRight_component.exports);
-// 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-chart2/FabricBottom.vue?vue&type=script&lang=js&
-
-
-
-
-
-
-
-/* harmony default export */ var FabricBottomvue_type_script_lang_js_ = ({
-  name: 'fabric-bottom2',
-  mixins: [fabricCommon, draw],
-  props: {
-    templateData: {
-      type: Object,
-      required: true
-    }
-  },
-  data: function data() {
-    return {};
-  },
-  mounted: function mounted() {
-    var _this = this;
-
-    this.$nextTick(function () {
-      _this.init();
-    });
-  },
-  computed: {
-    girdLineStyle: function girdLineStyle() {
-      return Object.assign({}, defaultVaule.borderStyle, this.templateData.borderStyle || {});
-    }
-  },
-  methods: {
-    init: function init() {
-      this.drawBottom(this.templateData.bottom || null);
-      this.canvas.renderAll();
-    },
-    drawBottom: function drawBottom(bottom) {
-      var _this2 = this;
-
-      var _this$propItems = this.propItems,
-          xScaleList = _this$propItems.xScaleList,
-          xScaleCell = _this$propItems.xScaleCell,
-          originX = _this$propItems.originX,
-          endX = _this$propItems.endX,
-          endY = _this$propItems.endY,
-          xCellWidth = _this$propItems.xCellWidth,
-          canvasHeight = _this$propItems.canvasHeight;
-
-      if (!bottom) {
-        this.canvas.add(new this.fabric.Line([0, canvasHeight - 1, endX, canvasHeight - 1], defaultVaule.borderStyle));
-        return false;
-      }
-
-      var height = canvasHeight - endY;
-      var list = [];
-      var flag = true; // 定义呼吸数值显示为靠上还是靠下
-      // 数据列表
-
-      xScaleList.forEach(function (item, index) {
-        var left = originX + index * xCellWidth;
-        var text = '';
-        bottom.list.forEach(function (v, i) {
-          var time = new Date(v.time).getTime();
-          if (time >= item && time < item + xScaleCell) text = v.value;
-        });
-        var style = flag ? {
-          top: -(height / 2 - 10)
-        } : {
-          top: height / 2 - 10
-        };
-        if (text) flag = !flag;
-
-        var group = _this2.drawTextGroup(Object(objectSpread2["a" /* default */])({
-          width: xCellWidth,
-          height: height
-        }, defaultVaule.rectStyle), Object.assign({}, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
-          text: String(text)
-        }, defaultVaule.textStyle), top.textGroupStyle), text ? style : {}), {
-          left: left,
-          top: endY
-        });
-
-        list.push(group);
-      }); // 底部外框和标题名称
-
-      var titleGroup = this.drawTextGroup(Object(objectSpread2["a" /* default */])({
-        width: endX,
-        height: height - 1
-      }, defaultVaule.rectStyle), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
-        text: String(bottom.name + bottom.unit)
-      }, defaultVaule.textStyle), top.textGroupStyle), {}, {
-        left: -((endX - originX) / 2)
-      }), {
-        left: 0,
-        top: endY
-      });
-      list.push(titleGroup);
-      var group = list.length > 0 ? new this.fabric.Group([].concat(list), Object(objectSpread2["a" /* default */])({}, defaultVaule.style)) : null;
-      group && group.sendToBack(); // 向下跳底层
-
-      group && this.canvas.add(group);
-    }
-  },
-  render: function render(h) {
-    return this.$slots.default ? h('div', this.$slots.default) : undefined;
-  }
-});
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart2/FabricBottom.vue?vue&type=script&lang=js&
- /* harmony default export */ var fabric_chart2_FabricBottomvue_type_script_lang_js_ = (FabricBottomvue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart2/FabricBottom.vue
-var FabricBottom_render, FabricBottom_staticRenderFns
-
-
-
-
-/* normalize component */
-
-var FabricBottom_component = Object(componentNormalizer["a" /* default */])(
-  fabric_chart2_FabricBottomvue_type_script_lang_js_,
-  FabricBottom_render,
-  FabricBottom_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* harmony default export */ var FabricBottom = (FabricBottom_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"54b2b90d-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart2/FabricCenter.vue?vue&type=template&id=4d90e644&
-var FabricCentervue_type_template_id_4d90e644_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"poly-line"},[(_vm.isRightVisible)?_c('MouseRightClick',{attrs:{"getContainer":_vm.getContainer,"nodeList":_vm.rightClickNode,"rightPos":_vm.rightPos},on:{"nodeClick":_vm.handleRightClick,"closeRight":function($event){_vm.isRightVisible = false}}}):_vm._e(),(_vm.isDropVisible)?_c('DropPopup',{attrs:{"val":_vm.dropVal,"dropPos":_vm.dropPos}}):_vm._e()],1)}
-var FabricCentervue_type_template_id_4d90e644_staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart2/FabricCenter.vue?vue&type=template&id=4d90e644&
-
-// 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-chart2/FabricCenter.vue?vue&type=script&lang=js&
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-
-
-var FabricCentervue_type_script_lang_js_rightClickNode = [{
-  name: '新增节点',
-  type: 'add'
-}, {
-  name: '删除节点',
-  type: 'delete'
-}];
-/* harmony default export */ var FabricCentervue_type_script_lang_js_ = ({
-  name: 'fabric-center2',
-  mixins: [fabricCommon, draw, eventCommon],
-  props: {
-    other: {
-      type: Object,
-      default: function _default() {}
-    },
-    polyline: {
-      type: Array,
-      required: true
-    }
-  },
-  components: {
-    MouseRightClick: MouseRightClick,
-    DropPopup: DropPopup
-  },
-  data: function data() {
-    return {
-      polylineList: [],
-      isDropVisible: false,
-      dropVal: {},
-      dropPos: {
-        clientX: 0,
-        clientY: 0
-      },
-      isRightVisible: false,
-      rightPos: {
-        clientX: 0,
-        clientY: 0
-      },
-      rightClickNode: [],
-      activeEvent: null // 当前可右键活动的对象
-
-    };
-  },
-  watch: {
-    polyline: {
-      handler: function handler(value) {
-        if (value) {
-          this.repaintPolyline();
-        }
-      },
-      deep: true
-    },
-    polylineList: function polylineList(value) {
-      var _this = this;
-
-      if (value) {
-        this.polylineList.forEach(function (polylineType, index) {
-          _this.createPolyline(polylineType, polylineType.type);
-        });
-      }
-    }
-  },
-  created: function created() {},
-  mounted: function mounted() {
-    var _this2 = this;
-
-    this.$nextTick(function () {
-      _this2.init();
-    });
-  },
-  computed: {
-    eventStyle: function eventStyle() {
-      return this.propItems.eventStyle;
-    }
-  },
-  methods: {
-    init: function init() {
-      this.drawOther(this.other);
-      this.eventStyle.evented && this.createEvent();
-      this.polylineList = JSON.parse(JSON.stringify(this.polyline));
-    },
-    getContainer: function getContainer() {
-      return this.$el;
-    },
-    createEvent: function createEvent() {
-      var _this3 = this;
-
-      this.canvas.on('mouse:up', function (event) {
-        if (event.button === 3) {
-          var _event$pointer = event.pointer,
-              x = _event$pointer.x,
-              y = _event$pointer.y;
-
-          var _this3$$propItems = _this3.$propItems(),
-              originX = _this3$$propItems.originX,
-              originY = _this3$$propItems.originY,
-              endX = _this3$$propItems.endX,
-              endY = _this3$$propItems.endY;
-
-          if (!(x < originX || x > endX || y < originY || y > endY)) {
-            _this3.activeEvent = event;
-            document.querySelector('.upper-canvas').addEventListener('contextmenu', _this3.addEventListenerContextmenu, true);
-          }
-        }
-      });
-    },
-    createPolyline: function createPolyline(polylineType, type) {
-      var _this4 = this;
-
-      polylineType.dataList.forEach(function (item, index) {
-        _this4.drawPolyline(item, index, polylineType, type);
-      });
-      var data = this.getShadowData(polylineType, type);
-      (data === null || data === void 0 ? void 0 : data.length) && this.drawShadow(data, polylineType.shadowStyle);
-    },
-    // 画出阴影线段
-    drawShadow: function drawShadow(data, shadowStyle) {
-      var _this5 = this,
-          _this$canvas;
-
-      var canvasHeight = this.propItems.canvasHeight;
-      var lines = [];
-      data.forEach(function (v) {
-        var line1 = _this5.computeShadow(v.line1, shadowStyle.moveMode);
-
-        var line2 = _this5.computeShadow(v.line2, shadowStyle.moveMode);
-
-        var maxLine = line1.length >= line2.length ? line1 : line2;
-        var minLine = line1.length < line2.length ? line1 : line2; // 如果存在两个数组长度不相等，则节点多的数组多余节点的阴影线段只存在节点多的线段组上，而没有与长度小的线段组相交
-
-        var i = 0;
-        maxLine.forEach(function (k, j) {
-          if (minLine[j]) {
-            var line = _this5.drawLine([k.x, canvasHeight - k.y, minLine[j].x, canvasHeight - minLine[j].y], Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.style), shadowStyle));
-
-            lines.push(line);
-          } else {
-            if (i % 2 === 0 && maxLine[j + 1]) {
-              var _line = _this5.drawLine([k.x, canvasHeight - k.y, maxLine[j + 1].x, canvasHeight - maxLine[j + 1].y], Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.style), shadowStyle));
-
-              lines.push(_line);
-            }
-
-            i++;
-          }
-        });
-      });
-
-      (_this$canvas = this.canvas).add.apply(_this$canvas, lines);
-
-      this.canvas.renderAll();
-    },
-
-    /**
-     * @description: 计算阴影线段坐标数组
-     * @param {*} lineGroup
-     * @param {*} moveMode
-     * @return {*}
-     */
-    computeShadow: function computeShadow(lineGroup, moveMode) {
-      var canvasWidth = this.propItems.canvasWidth; // 结果坐标集合
-
-      var resultArr = [];
-      if (lineGroup.length < 2) return;
-      var beginPoint = lineGroup[0];
-      var endPoint = lineGroup[lineGroup.length - 1];
-      var b = beginPoint.y + beginPoint.x; // y = b - x;(斜率k的值为-1)
-      // const count = Math.round((endPoint.x - beginPoint.x) / moveMode);
-
-      var count = Math.round(canvasWidth / moveMode);
-
-      for (var i = 0; i < count; i++) {
-        for (var j = 0; j < lineGroup.length; j++) {
-          if (lineGroup[j + 1]) {
-            var point1 = lineGroup[j];
-            var point2 = lineGroup[j + 1];
-            var point11 = {
-              x: 0,
-              y: b + moveMode * i
-            };
-            var point22 = {
-              x: endPoint.x,
-              y: b + moveMode * i - endPoint.x
-            };
-            var intersectPoint = this.getIntersectPoint(point1, point2, point11, point22);
-            intersectPoint && resultArr.push(intersectPoint);
-          }
-        }
-      }
-
-      return resultArr;
-    },
-    // 获取两个线段相交的点的坐标，ab一个线段，cd一个线段
-    getIntersectPoint: function getIntersectPoint(a, b, c, d) {
-      // 三角形abc 面积的2倍
-      var area_abc = (a.x - c.x) * (b.y - c.y) - (a.y - c.y) * (b.x - c.x); // 三角形abd 面积的2倍
-
-      var area_abd = (a.x - d.x) * (b.y - d.y) - (a.y - d.y) * (b.x - d.x); // 面积符号相同则两点在线段同侧,不相交 (对点在线段上的情况,本例当作不相交处理);
-
-      if (area_abc * area_abd >= 0) {
-        return false;
-      } // 三角形cda 面积的2倍
-
-
-      var area_cda = (c.x - a.x) * (d.y - a.y) - (c.y - a.y) * (d.x - a.x); // 三角形cdb 面积的2倍
-      // 注意: 这里有一个小优化.不需要再用公式计算面积,而是通过已知的三个面积加减得出.
-
-      var area_cdb = area_cda + area_abc - area_abd;
-
-      if (area_cda * area_cdb >= 0) {
-        return false;
-      } // 计算交点坐标
-
-
-      var t = area_cda / (area_abd - area_abc);
-      var dx = t * (b.x - a.x),
-          dy = t * (b.y - a.y);
-      return {
-        x: a.x + dx,
-        y: a.y + dy
-      };
-    },
-
-    /**
-     * @description: 获取阴影部分所有点的数组
-     * @param {*} polylineType 折线数据，leftYScalevalue
-     * @param {*} type 类型，呼吸还是心率等
-     * @return {*} 返回一个数组，数组中每一个对象{line1, line2}即表示一块阴影，eg: [{line1, line2}, {line1, line2}]
-     */
-    getShadowData: function getShadowData(polylineType, type) {
-      var _this6 = this;
-
-      // 说明，次方法待完善，存在阴影部分上下线段的节点个数不同的情况和时间不等值也不等的节点的情况（拖动节点后就会出现了。）
-      var dataList = polylineType.dataList;
-      var canvasHeight = this.propItems.canvasHeight;
-      var data = [];
-
-      if (type === 'pulse' && dataList.length > 1) {
-        dataList.forEach(function (v, i) {
-          if (i === 0) {
-            var line1 = [];
-            var line2 = [];
-            var list = v.list.flat();
-            var list2 = dataList[1].list.flat();
-            list.forEach(function (k, j) {
-              if (k.time === list2[j].time && k.value !== list2[j].value) {
-                line1.push({
-                  x: _this6.cumputedX(k.time),
-                  y: canvasHeight - _this6.cumputedY(polylineType, k.value, type)
-                });
-                line2.push({
-                  x: _this6.cumputedX(k.time),
-                  y: canvasHeight - _this6.cumputedY(polylineType, list2[j].value, type)
-                });
-
-                if (list[j - 1] && line1.length === 1) {
-                  var obj = {
-                    x: _this6.cumputedX(list[j - 1].time),
-                    y: canvasHeight - _this6.cumputedY(polylineType, list[j - 1].value, type)
-                  };
-                  line1.unshift(obj);
-                  line2.unshift(obj);
-                }
-
-                if (list[j + 1] && list[j + 1].time === list2[j + 1].time && list[j + 1].value === list2[j + 1].value) {
-                  var _obj = {
-                    x: _this6.cumputedX(list[j + 1].time),
-                    y: canvasHeight - _this6.cumputedY(polylineType, list[j + 1].value, type)
-                  };
-                  line1.push(_obj);
-                  line2.push(_obj);
-                }
-              } else {
-                line1.length && line2.length && data.push({
-                  line1: line1,
-                  line2: line2
-                });
-                line1 = [];
-                line2 = [];
-              }
-            });
-          }
-        });
-      }
-
-      return data;
-    },
-    drawPolyline: function drawPolyline(polyline, polylineIndex, polylineType, type) {
-      var _this7 = this;
-
-      var pointAttr = polyline.pointAttr;
-      this._iconClassName = polyline.type === 'img' && pointAttr.iconClassName ? pointAttr.iconClassName : '';
-      var list = polyline.list;
-      var pointList = [];
-      var lineList = [];
-      var otherList = [];
-      var otherAsyncList = [];
-      var _this$propItems = this.propItems,
-          xScaleList = _this$propItems.xScaleList,
-          yCellHeight = _this$propItems.yCellHeight;
-      var minTime = Math.min.apply(Math, Object(toConsumableArray["a" /* default */])(xScaleList));
-      var maxTime = Math.max.apply(Math, Object(toConsumableArray["a" /* default */])(xScaleList));
-      list.forEach(function (v, i) {
-        // 当前点
-        var points = null;
-
-        if (v.time && v.value) {
-          var x = _this7.cumputedX(v.time);
-
-          var y = _this7.cumputedY(polylineType, v.value, type);
-
-          var time = new Date(v.time).getTime();
-          if (time >= minTime && time <= maxTime) points = [x, y];
-        } // 下一个点
-
-
-        var nextPoints = list[i + 1];
-        var nextPoint = null;
-
-        if (nextPoints !== null && nextPoints !== void 0 && nextPoints.time && nextPoints !== null && nextPoints !== void 0 && nextPoints.value) {
-          var nextX = _this7.cumputedX(nextPoints.time);
-
-          var nextY = _this7.cumputedY(polylineType, nextPoints.value, type);
-
-          var nextTime = new Date(nextPoints.time).getTime();
-          if (nextTime > minTime && nextTime <= maxTime) nextPoint = [nextX, nextY];
-        }
-
-        var pointOthers = Object(objectSpread2["a" /* default */])({
-          type: type,
-          polylineIndex: polylineIndex,
-          pointIndex: i
-        }, pointAttr); // 其他标志
-
-
-        var coolLine, coolPoint, noRiseText, arrowGroup, verifiedText;
-
-        if (points && type === 'centigrade') {
-          // 体温不升
-          if (v.noRise) {
-            var noRiseStyle = polyline.noRiseStyle; // 文字形式
-
-            if (v.noRise.text) {
-              noRiseText = _this7.drawText(v.noRise.text.split('').join('\n'), points[0], points[1] + 5, Object(objectSpread2["a" /* default */])({
-                polylineIndex: polylineIndex,
-                pointIndex: i,
-                originX: 'center'
-              }, noRiseStyle));
-              otherList.push(noRiseText);
-            } else {
-              // 下箭头形式
-              var top = points[1] + yCellHeight * 2;
-
-              var arrowLine = _this7.drawLine([].concat(Object(toConsumableArray["a" /* default */])(points), [points[0], top]), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
-                polylineIndex: polylineIndex,
-                lineIndex: i
-              }, polyline.lineAttr), {}, {
-                stroke: noRiseStyle.fill
-              }));
-
-              var arrow = _this7.drawText('v', points[0] + 0.5, top + 3, Object(objectSpread2["a" /* default */])({
-                polylineIndex: polylineIndex,
-                pointIndex: i,
-                originX: 'center',
-                originY: 'bottom',
-                fontSize: 16
-              }, noRiseStyle)); // 加0.5会虚，不加箭头没有完全对称，top值同理
-
-
-              arrowGroup = new _this7.fabric.Group([arrowLine, arrow], Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.style), {}, {
-                originX: 'center',
-                originY: 'top'
-              }));
-              otherList.push(arrowGroup);
-            }
-          } // 体温已核实
-
-
-          if (v.verified) {
-            var verifiedStyle = polyline.verifiedStyle;
-            verifiedText = _this7.drawText('v', points[0], points[1] - 5, Object(objectSpread2["a" /* default */])({
-              polylineIndex: polylineIndex,
-              pointIndex: i,
-              originX: 'center',
-              originY: 'bottom'
-            }, verifiedStyle));
-            otherList.push(verifiedText);
-          } // 物理降温
-
-
-          if (v.cooling) {
-            var coolingStyle = polyline.coolingStyle;
-
-            var coolingLineStyle = Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, polyline.lineAttr), {}, {
-              stroke: coolingStyle.stroke,
-              strokeDashArray: [3, 3]
-            });
-
-            var coolY = _this7.cumputedY(polylineType, v.cooling, type);
-
-            coolLine = _this7.drawLine([].concat(Object(toConsumableArray["a" /* default */])(points), [points[0], coolY]), Object(objectSpread2["a" /* default */])({
-              polylineIndex: polylineIndex,
-              lineIndex: i
-            }, coolingLineStyle));
-            var otherObj = Object.assign({}, pointOthers, coolingStyle, {
-              isCooling: true
-            });
-            var lineObj = {
-              line1: coolLine,
-              line2: null,
-              line3: null,
-              noRiseText: noRiseText,
-              arrowGroup: arrowGroup,
-              verifiedText: verifiedText
-            };
-            coolPoint = _this7.drawPoint(points[0], coolY, lineObj, 'circle', otherObj);
-            otherList.push(coolLine);
-            otherAsyncList.push(coolPoint);
-          }
-        }
-
-        var line;
-        var point;
-        var previousLine;
-        line = points && nextPoint ? _this7.drawLine([].concat(Object(toConsumableArray["a" /* default */])(points), Object(toConsumableArray["a" /* default */])(nextPoint)), Object(objectSpread2["a" /* default */])({
-          polylineIndex: polylineIndex,
-          lineIndex: i
-        }, polyline.lineAttr)) : null;
-        previousLine = lineList[i - 1];
-
-        if (previousLine) {
-          var _lineObj = {
-            line1: previousLine,
-            line2: line,
-            line3: coolLine,
-            noRiseText: noRiseText,
-            arrowGroup: arrowGroup,
-            verifiedText: verifiedText
-          };
-          point = points && _this7.drawPoint(previousLine.get('x2'), previousLine.get('y2'), _lineObj, polyline.type, pointOthers);
-        } else {
-          if (points) {
-            var _lineObj2 = {
-              line1: null,
-              line2: line,
-              line3: coolLine,
-              noRiseText: noRiseText,
-              arrowGroup: arrowGroup,
-              verifiedText: verifiedText
-            };
-            point = _this7.drawPoint.apply(_this7, Object(toConsumableArray["a" /* default */])(points).concat([_lineObj2, polyline.type, pointOthers]));
-          }
-        }
-
-        lineList.push(line);
-        point && pointList.push(point);
-      });
-      Promise.all(pointList).then(function (res) {
-        lineList = lineList.filter(function (v) {
-          return v;
-        });
-        var prevPoint = null;
-        res = res.filter(function (v) {
-          if (v && prevPoint) {
-            prevPoint.nextPoint = v; // 记录下一个点 id
-
-            v.prevPoint = prevPoint;
-          }
-
-          prevPoint = v || prevPoint;
-          return v;
-        });
-        Promise.all(otherAsyncList).then(function (r) {
-          var _this7$canvas;
-
-          (_this7$canvas = _this7.canvas).add.apply(_this7$canvas, Object(toConsumableArray["a" /* default */])(lineList).concat(Object(toConsumableArray["a" /* default */])(res), otherList, Object(toConsumableArray["a" /* default */])(r)));
-
-          _this7.canvas.requestRenderAll();
-        });
-      });
-    },
-
-    /**
-     * 绘制折线点
-     * @param {left, top} 折线点坐标
-     * @param {lineObj} 与折线点关联的对象
-     * @param {type} 折线点类型
-     * @param {others} 参数 polylineIndex | pointIndex | ...polyline.pointAttr
-     */
-    drawPoint: function drawPoint(left, top, lineObj, type, others) {
-      var _this8 = this;
-
-      return Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-        var pointId, ele, point;
-        return regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                pointId = "".concat(others.type, "_").concat(others.polylineIndex, "_").concat(others.pointIndex, "_polylinePoint_").concat(new Date().getTime());
-                _context.t0 = _this8._iconClassName;
-
-                if (!_context.t0) {
-                  _context.next = 6;
-                  break;
-                }
-
-                _context.next = 5;
-                return _this8.createImage(_this8._iconClassName, others);
-
-              case 5:
-                _context.t0 = _context.sent;
-
-              case 6:
-                ele = _context.t0;
-                _context.next = 9;
-                return _this8.createPoint(type, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
-                  id: pointId,
-                  left: left,
-                  top: top,
-                  ele: ele || ''
-                }, defaultVaule.pointStyle), others), _this8.propItems.eventStyle));
-
-              case 9:
-                point = _context.sent;
-                point.hasControls = point.hasBorders = false;
-                lineObj.line1 && (point.line1 = lineObj.line1);
-                lineObj.line2 && (point.line2 = lineObj.line2);
-                lineObj.line3 && (point.line3 = lineObj.line3);
-                lineObj.noRiseText && (point.noRiseText = lineObj.noRiseText);
-                lineObj.arrowGroup && (point.arrowGroup = lineObj.arrowGroup);
-                lineObj.verifiedText && (point.verifiedText = lineObj.verifiedText);
-                point.on('mouseover', function () {
-                  _this8.showDrapPopup(point);
-                });
-                point.on('mouseout', function () {
-                  _this8.isDropVisible = false;
-                }); // 折线点移动中 实时更新相关联的线的坐标
-
-                point.on('moving', function () {
-                  _this8.pointMoveLimit(point);
-
-                  _this8.pointMoveUpdateLine(point);
-
-                  _this8.canvas.renderAll();
-
-                  _this8.showDrapPopup(point);
-                }); // 折线点停止拖拽后 更新polylineList中对应的坐标
-
-                point.on('moved', function () {
-                  if (point && point.id.includes('_polylinePoint_')) {
-                    _this8.isDropVisible = false;
-
-                    var data = _this8.getValue(point);
-
-                    _this8.$emit('pointChange', data);
-                  }
-                });
-                return _context.abrupt("return", point);
-
-              case 22:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee);
-      }))();
-    },
-    showDrapPopup: function showDrapPopup(point) {
-      this.isDropVisible = true;
-      this.dropPos = {
-        left: point.left,
-        top: point.top
-      };
-
-      var _this$getValue = this.getValue(point),
-          value = _this$getValue.value,
-          title = _this$getValue.title;
-
-      this.dropVal = {
-        title: title,
-        list: [{
-          id: '11',
-          name: '时间',
-          value: value.time
-        }, {
-          id: '22',
-          name: '值',
-          value: Math.round(value.value)
-        }]
-      };
-    },
-    // 折线点移动时 setCoords()方法手动更新相关联的线坐标
-    pointMoveUpdateLine: function pointMoveUpdateLine(point) {
-      if (point.line1) {
-        point.line1.setCoords();
-        point.line1.set({
-          x2: point.left,
-          y2: point.top
-        });
-      }
-
-      if (point.line2) {
-        point.line2.setCoords();
-        point.line2.set({
-          x1: point.left,
-          y1: point.top
-        });
-      }
-
-      if (point.line3) {
-        point.line3.setCoords();
-        point.line3.set({
-          x1: point.left,
-          y1: point.top
-        });
-      }
-
-      if (point.noRiseText) {
-        point.noRiseText.setCoords();
-        point.noRiseText.set({
-          left: point.left,
-          top: point.top + 5
-        });
-      }
+          title: linesRow.title,
+          obj: linesRow.lineList[colIndex],
+          val: x
+        },
+        x: x
+      };
+    },
+    // 直线数组更新后 移除旧的直线并绘制新的直线，处理拖动限制不能更新的问题
+    updateLine: function updateLine(rowIndex) {
+      var _this8 = this;
 
-      if (point.arrowGroup) {
-        point.arrowGroup.setCoords();
-        point.arrowGroup.set({
-          left: point.left,
-          top: point.top
-        });
-      }
+      this.canvas.forEachObject(function (obj) {
+        if (obj.rowIndex === rowIndex) {
+          _this8.canvas.remove(obj);
+        }
+      });
+      this.drawLineData(this.lines[rowIndex], rowIndex);
+    },
+    // 移除头部表格所有线条数字数据
+    removeLines: function removeLines() {
+      var _this9 = this;
 
-      if (point.verifiedText) {
-        point.verifiedText.setCoords();
-        point.verifiedText.set({
-          left: point.left,
-          top: point.top - 5
-        });
-      }
+      this.canvas.forEachObject(function (obj) {
+        if (obj.id && obj.id.includes('_lineGroup_')) {
+          _this9.canvas.remove(obj);
+        }
+      });
+      this.lines = [];
     },
     drawLine: function drawLine(lines, others) {
-      var lineId = "".concat(others.polylineIndex, "_").concat(others.pointIndex, "_polylineLine_").concat(new Date().getTime());
       var line = new this.fabric.Line(lines, Object(objectSpread2["a" /* default */])({
-        id: lineId,
-        hoverCursor: 'pointer',
-        objectCaching: false,
-        selectable: false,
-        evented: false
+        objectCaching: false
       }, others));
       return line;
     },
-    drawText: function drawText(value, left, top, others) {
-      var id = "".concat(others.polylineIndex, "_").concat(others.pointIndex, "_polylineText_").concat(new Date().getTime());
-      var text = new this.fabric.Text(String(value), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
-        id: id,
-        originX: others.originX || 'left',
-        originY: others.originY || 'top',
-        left: left,
-        top: top
-      }, defaultVaule.style), defaultVaule.textStyle), others));
-      return text;
-    },
-    cumputedX: function cumputedX(value) {
-      var _this$propItems2 = this.propItems,
-          xScaleList = _this$propItems2.xScaleList,
-          xScaleCell = _this$propItems2.xScaleCell,
-          originX = _this$propItems2.originX,
-          xCellWidth = _this$propItems2.xCellWidth;
-      var time = new Date(value).getTime();
-      var minScale = Math.min.apply(Math, Object(toConsumableArray["a" /* default */])(xScaleList));
-      var i = Math.floor((time - minScale) / xScaleCell);
-      return originX + xCellWidth * i + xCellWidth / 2;
-    },
-    cumputedY: function cumputedY(polylineType, value, type) {
-      var yScaleCell = this.propItems["".concat(type, "YCell")];
-      var yCellUnit = value - Math.min.apply(Math, Object(toConsumableArray["a" /* default */])(polylineType.list));
-      return this.propItems.endY - yScaleCell * yCellUnit;
-    },
-    getXValue: function getXValue(left) {
-      var _this$propItems3 = this.propItems,
-          xScaleList = _this$propItems3.xScaleList,
-          xScaleCell = _this$propItems3.xScaleCell,
-          xCellWidth = _this$propItems3.xCellWidth,
-          originX = _this$propItems3.originX;
-      var minScale = Math.min.apply(Math, Object(toConsumableArray["a" /* default */])(xScaleList));
-      var time = minScale + (left - originX) / xCellWidth * xScaleCell;
-      var d = new Date(time);
-      var month = "00".concat(d.getMonth() + 1).slice(-2);
-      var day = "00".concat(d.getDate()).slice(-2);
-      var date = "".concat(d.getFullYear(), "-").concat(month, "-").concat(day, " ").concat(d.getHours(), ":00");
-      return date;
-    },
-    getYValue: function getYValue(type, top) {
-      var _this$polyline$find;
+    lineMoveLimit: function lineMoveLimit(line) {
+      line.setCoords(); // 需调用setCoords()才能重新计算控制位置(改变Object状态)
 
-      var yScaleCell = this.propItems["".concat(type, "YCell")];
-      var list = ((_this$polyline$find = this.polyline.find(function (v) {
-        return v.type === type;
-      })) === null || _this$polyline$find === void 0 ? void 0 : _this$polyline$find.list) || [];
-      var minVal = list.length ? Math.min.apply(Math, Object(toConsumableArray["a" /* default */])(list)) : 0;
-      var y = (this.propItems.endY - top) / yScaleCell + minVal;
-      return y;
-    },
-    getValue: function getValue(point) {
-      var _this9 = this;
+      if (line.left < line.limitX.x1) {
+        line.set('left', line.limitX.x1);
+      }
 
-      if (point.id) {
-        var _data$dataList, _data$dataList$polyli, _data$dataList2, _data$dataList2$polyl, _data$dataList2$polyl2, _data$dataList2$polyl3;
-
-        var polylineIndex = point.polylineIndex,
-            pointIndex = point.pointIndex,
-            type = point.type,
-            left = point.left,
-            top = point.top;
-        var data = this.polylineList.find(function (v) {
-          return v.type === type;
+      if (line.left > line.limitX.x2) {
+        line.set('left', line.limitX.x2);
+      }
+    },
+    lineMoveUpdateLine: function lineMoveUpdateLine(line) {
+      if (line.line1) {
+        line.line1.setCoords();
+        line.line1.set({
+          x1: line.left
         });
-        var title = (data === null || data === void 0 ? void 0 : (_data$dataList = data.dataList) === null || _data$dataList === void 0 ? void 0 : (_data$dataList$polyli = _data$dataList[polylineIndex]) === null || _data$dataList$polyli === void 0 ? void 0 : _data$dataList$polyli.title) || ''; // const obj = this.getListIndexValue(data?.dataList?.[polylineIndex]?.list, pointIndex);
+      }
 
-        var obj = {
-          data: (data === null || data === void 0 ? void 0 : (_data$dataList2 = data.dataList) === null || _data$dataList2 === void 0 ? void 0 : (_data$dataList2$polyl = _data$dataList2[polylineIndex]) === null || _data$dataList2$polyl === void 0 ? void 0 : (_data$dataList2$polyl2 = _data$dataList2$polyl.list) === null || _data$dataList2$polyl2 === void 0 ? void 0 : (_data$dataList2$polyl3 = _data$dataList2$polyl2[pointIndex]) === null || _data$dataList2$polyl3 === void 0 ? void 0 : _data$dataList2$polyl3.data) || '',
-          value: {}
-        };
-        obj.value.time = this.getXValue(left);
-        obj.value.value = this.getYValue(type, top);
-        return Object(objectSpread2["a" /* default */])({
-          title: title,
-          type: type,
-          dataIndex: polylineIndex,
-          pointIndex: pointIndex
-        }, obj);
-      } else {
-        var x = this.getXValue(point.left);
-        var valueList = this.polylineList.map(function (v) {
-          return {
-            type: v.type,
-            value: _this9.getYValue(v.type, point.top)
-          };
+      if (line.line2) {
+        line.line2.setCoords();
+        line.line2.set({
+          x2: line.left
         });
-        return {
-          x: x,
-          valueList: valueList
-        };
       }
     },
-    drawOther: function drawOther(other) {
-      var _this10 = this;
-
-      var originY = this.propItems.originY;
-      if (!other || !other.list) return false;
-      var list = []; // 数据列表
+    textUpdatePositionX: function textUpdatePositionX(line) {
+      var text = line.text || null;
 
-      other.list.forEach(function (arr) {
-        arr.dataList.forEach(function (v, i) {
-          var text = new _this10.fabric.Text(String(v[1].split('').join('\n')), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
-            originX: 'center',
-            top: originY,
-            left: _this10.cumputedX(v[0]),
-            textAlign: 'center'
-          }, defaultVaule.style), arr.style));
-          list.push(text);
-        });
-      });
-      var group = list.length > 0 ? new this.fabric.Group([].concat(list), Object(objectSpread2["a" /* default */])({}, defaultVaule.style)) : null;
-      group && group.sendToBack(); // 向下跳底层
+      if (text) {
+        // 如果line2存在说明当前拖动的是右边手柄，line1存在则是左边手柄，都不存在说明不存在中间线
+        var centerLine = line.line1 || line.line2 || null;
+        var left = line.left;
 
-      group && this.canvas.add(group);
-      this.canvas.renderAll();
-    },
-    // 关闭右键菜单，打开添加节点弹窗表单
-    handleRightClick: function handleRightClick(_ref) {
-      var type = _ref.type;
-      this.isRightVisible = false;
-      var point = this._currentPoint;
-      this._currentPoint = '';
-      var _this$_active = this._active,
-          left = _this$_active.left,
-          top = _this$_active.top;
-      var data = point ? this.getValue(point) : this.getValue({
-        left: left,
-        top: top
-      });
-      this.$emit('pointOperation', type, data);
-    },
-    // 打开右键菜单
-    openRightModal: function openRightModal(event) {
-      var _this11 = this;
+        var _limitWidth = text.width + 2;
 
-      if (!this.propItems.eventStyle.evented) {
-        return;
-      }
+        var originX = text.originX;
+        var v;
 
-      this.rightPos = {
-        clientX: event.e.clientX || event.e.pageX,
-        clientY: event.e.clientY || event.e.pageY
-      };
-      this.isRightVisible = false;
-      var target = event.target;
-      var id = target ? target.id : '';
-      var nextId = target ? target.nextId : '';
-      this.$nextTick(function () {
-        if (id && id.includes('_polylinePoint_')) {
-          _this11._currentPoint = target;
-          _this11.rightClickNode = Object.freeze(FabricCentervue_type_script_lang_js_rightClickNode.slice());
+        if ((centerLine === null || centerLine === void 0 ? void 0 : centerLine.x2) - (centerLine === null || centerLine === void 0 ? void 0 : centerLine.x1) > _limitWidth) {
+          v = left + centerLine.width / 2 * (line.line2 ? -1 : 1);
+          originX = 'center';
         } else {
-          _this11._currentPoint = '';
-          _this11.rightClickNode = Object.freeze(FabricCentervue_type_script_lang_js_rightClickNode.slice(0, 1));
-        }
+          v = this.textMarginLeft + (centerLine ? centerLine.x2 : left);
+          originX = 'left'; // 移动到最右边界时候文字超出当前线段可拖动的右边界的情况
 
-        _this11.isRightVisible = true;
-      });
-    },
-    removePolyline: function removePolyline(id) {
-      var _this12 = this;
+          if (line.textLimitRight && v + _limitWidth > line.textLimitRight) {
+            v = this.propItems.endX + 100; // 此值随便设置，只要达到隐藏效果即可
+          }
+        }
 
-      if (id) {
-        var point = this.canvas.getObjects().find(function (item) {
-          return item.id === id;
+        text.setCoords();
+        text.set({
+          left: v,
+          originX: originX
         });
+      } // 拖动左侧竖线时需要更改上一线段文字的位置，以防止文字被遮挡
 
-        if (point) {
-          this.canvas.remove(point);
-          point.line1 && this.canvas.remove(point.line1);
-          point.line3 && this.canvas.remove(point.line3);
-          point.noRiseText && this.canvas.remove(point.noRiseText);
-          point.arrowGroup && this.canvas.remove(point.arrowGroup);
-          point.verifiedText && this.canvas.remove(point.verifiedText);
-        }
 
-        return;
-      }
+      var preText = line.preText || null;
+      if (!preText) return;
+      var limitWidth = preText.width + 2;
 
-      this.canvas.forEachObject(function (obj) {
-        if (obj.id && /_polyline(Point|Line|Text)_/.test(obj.id)) {
-          _this12.canvas.remove(obj);
-        }
-      });
+      if (preText.originX === 'left' && preText.left + limitWidth > line.left) {
+        var _v = this.propItems.endX + 100; // 此值随便设置，只要达到隐藏效果即可
+
+
+        preText.setCoords();
+        preText.set({
+          left: _v
+        });
+      }
     },
-    repaintPolyline: function repaintPolyline() {
-      if (this.polylineList.length) {
-        this.removePolyline();
+    repaintLine: function repaintLine() {
+      if (this.lines.length) {
+        this.removeLines();
       }
 
-      this.polylineList = JSON.parse(JSON.stringify(this.polyline));
+      this.getLineList(this.linesObj.list);
+      this.createLine();
     }
-  }
+  },
+  beforeDestroy: function beforeDestroy() {}
 });
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart2/FabricCenter.vue?vue&type=script&lang=js&
- /* harmony default export */ var fabric_chart2_FabricCentervue_type_script_lang_js_ = (FabricCentervue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart2/FabricCenter.vue
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=script&lang=js&
+ /* harmony default export */ var fabric_chart_FabricLinesvue_type_script_lang_js_ = (FabricLinesvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricLines.vue
 
 
 
@@ -6921,10 +5164,10 @@ var FabricCentervue_type_script_lang_js_rightClickNode = [{
 
 /* normalize component */
 
-var FabricCenter_component = Object(componentNormalizer["a" /* default */])(
-  fabric_chart2_FabricCentervue_type_script_lang_js_,
-  FabricCentervue_type_template_id_4d90e644_render,
-  FabricCentervue_type_template_id_4d90e644_staticRenderFns,
+var FabricLines_component = Object(componentNormalizer["a" /* default */])(
+  fabric_chart_FabricLinesvue_type_script_lang_js_,
+  FabricLinesvue_type_template_id_c6adb3bc_render,
+  FabricLinesvue_type_template_id_c6adb3bc_staticRenderFns,
   false,
   null,
   null,
@@ -6932,20 +5175,9 @@ var FabricCenter_component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* harmony default export */ var FabricCenter = (FabricCenter_component.exports);
+/* harmony default export */ var FabricLines = (FabricLines_component.exports);
 // 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/FabricChart.vue?vue&type=script&lang=js&
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 //
 //
 //
@@ -6972,20 +5204,9 @@ var FabricCenter_component = Object(componentNormalizer["a" /* default */])(
 
 
 
-
-
-
-
-
-
 /* harmony default export */ var FabricChartvue_type_script_lang_js_ = (Object(create["a" /* default */])({
   name: 'fabric-chart',
   props: {
-    id: {
-      type: String,
-      required: false,
-      default: 'c-fabric-canvas'
-    },
     templateData: {
       type: Object,
       required: true
@@ -6993,17 +5214,11 @@ var FabricCenter_component = Object(componentNormalizer["a" /* default */])(
   },
   components: {
     FabricCanvas: FabricCanvas,
-    FabricCanvas2: fabric_chart2_FabricCanvas,
     FabricGrid: FabricGrid,
     FabricTextGroup: FabricTextGroup,
     FabricPolylines: FabricPolylines,
     FabricScaleValue: FabricScaleValue,
-    FabricLines: FabricLines,
-    FabricTop2: FabricTop,
-    FabricLeft2: FabricLeft,
-    FabricRight2: FabricRight,
-    FabricBottom2: FabricBottom,
-    FabricCenter2: FabricCenter
+    FabricLines: FabricLines
   },
   computed: {
     polylines: function polylines() {
@@ -7118,8 +5333,8 @@ var FabricCenter_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=cb500674&lang=less&scoped=true&
-var FabricChartvue_type_style_index_0_id_cb500674_lang_less_scoped_true_ = __webpack_require__("26a0");
+// EXTERNAL MODULE: ./packages/fabric-chart/src/FabricChart.vue?vue&type=style&index=0&id=3a1ac827&lang=less&scoped=true&
+var FabricChartvue_type_style_index_0_id_3a1ac827_lang_less_scoped_true_ = __webpack_require__("6945");
 
 // CONCATENATED MODULE: ./packages/fabric-chart/src/FabricChart.vue
 
@@ -7136,7 +5351,7 @@ var FabricChart_component = Object(componentNormalizer["a" /* default */])(
   staticRenderFns,
   false,
   null,
-  "cb500674",
+  "3a1ac827",
   null
   
 )
@@ -7492,17 +5707,6 @@ module.exports = function (CONSTRUCTOR_NAME) {
 };
 
 
-/***/ }),
-
-/***/ "26a0":
-/***/ (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_cb500674_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("bb2d");
-/* 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_cb500674_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_cb500674_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "2871":
@@ -8478,6 +6682,17 @@ module.exports = require("core-js/modules/es.string.replace.js");
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "6945":
+/***/ (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_3a1ac827_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0ebb");
+/* 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_3a1ac827_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_3a1ac827_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "69f3":
@@ -9025,13 +7240,6 @@ module.exports = require("core-js/modules/es.object.to-string.js");
 
 /***/ }),
 
-/***/ "98a5":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "9b22":
 /***/ (function(module, exports) {
 
@@ -9267,6 +7475,13 @@ module.exports = {
 };
 
 
+/***/ }),
+
+/***/ "b4ea":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "b575":
@@ -9384,13 +7599,6 @@ module.exports = function (name) {
 };
 
 
-/***/ }),
-
-/***/ "bb2d":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "be94":
@@ -9754,13 +7962,6 @@ module.exports = USE_SYMBOL_AS_UID ? function (it) {
 };
 
 
-/***/ }),
-
-/***/ "da6e":
-/***/ (function(module, exports) {
-
-module.exports = require("core-js/modules/es.array.flat.js");
-
 /***/ }),
 
 /***/ "da84":
@@ -9920,17 +8121,6 @@ module.exports = function (target, src, options) {
 };
 
 
-/***/ }),
-
-/***/ "e350":
-/***/ (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_TimeScaleValue_vue_vue_type_style_index_0_id_a10b6e3e_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("98a5");
-/* 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_TimeScaleValue_vue_vue_type_style_index_0_id_a10b6e3e_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_TimeScaleValue_vue_vue_type_style_index_0_id_a10b6e3e_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "e667":
@@ -10480,13 +8670,6 @@ module.exports = function (key) {
 };
 
 
-/***/ }),
-
-/***/ "f906":
-/***/ (function(module, exports) {
-
-module.exports = require("vxe-table");
-
 /***/ }),
 
 /***/ "f989":