cnhis-design-vue 0.1.32 → 0.1.36

package/lib/cui.umd.js

@@ -62590,6 +62590,20 @@ module.exports = exports;
 
 }));
 
+/***/ }),
+
+/***/ "6d12":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("a1a8");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".c-fabric-chart[data-v-3bab1499]{position:relative}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "6d2f":
@@ -167832,6 +167846,22 @@ module.exports = { "default": __webpack_require__("9b21"), __esModule: true };
 
 /***/ }),
 
+/***/ "ae0b":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("6d12");
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("5925").default
+var update = add("9b703a60", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
 /***/ "ae93":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -175204,17 +175234,6 @@ return arrayTreeFilter;
 })));
 
 
-/***/ }),
-
-/***/ "b8b9":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_3_6_0_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_4_1_0_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_FabricChart_vue_vue_type_style_index_0_id_6ad9fd30_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("ef6f");
-/* harmony import */ var _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_3_6_0_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_4_1_0_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_FabricChart_vue_vue_type_style_index_0_id_6ad9fd30_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_3_6_0_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_4_1_0_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_FabricChart_vue_vue_type_style_index_0_id_6ad9fd30_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "b8e7":
@@ -175643,20 +175662,6 @@ function range (start, stop, step) {
 module.exports = range
 
 
-/***/ }),
-
-/***/ "ba5e":
-/***/ (function(module, exports, __webpack_require__) {
-
-// Imports
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("a1a8");
-exports = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-exports.push([module.i, ".c-fabric-chart[data-v-6ad9fd30]{position:relative}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "ba9f":
@@ -193319,6 +193324,17 @@ $({ target: 'Array', proto: true }, {
 addToUnscopables('fill');
 
 
+/***/ }),
+
+/***/ "cb41":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_3_6_0_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_4_1_0_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_FabricChart_vue_vue_type_style_index_0_id_3bab1499_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("ae0b");
+/* harmony import */ var _node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_3_6_0_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_4_1_0_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_FabricChart_vue_vue_type_style_index_0_id_3bab1499_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_4_1_3_vue_style_loader_index_js_ref_10_oneOf_1_0_node_modules_css_loader_3_6_0_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_15_9_8_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_postcss_loader_3_0_0_postcss_loader_src_index_js_ref_10_oneOf_1_3_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_4_node_modules_cache_loader_4_1_0_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_15_9_8_vue_loader_lib_index_js_vue_loader_options_FabricChart_vue_vue_type_style_index_0_id_3bab1499_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "cb44":
@@ -207774,22 +207790,6 @@ var isRegExp = helperCreateInInObjectString('RegExp')
 module.exports = isRegExp
 
 
-/***/ }),
-
-/***/ "ef6f":
-/***/ (function(module, exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__("ba5e");
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("5925").default
-var update = add("f6678db0", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "ef86":
@@ -267997,19 +267997,19 @@ BigTable.install = function (Vue) {
 
 
 /* harmony default export */ var packages_table = (BigTable);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4214fed6-vue-loader-template"}!./node_modules/_vue-loader@15.9.8@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.8@vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/FabricChart.vue?vue&type=template&id=6ad9fd30&scoped=true&
-var FabricChartvue_type_template_id_6ad9fd30_scoped_true_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))]:[_c('fabric-text-group',_vm._g({attrs:{"templateData":_vm.templateData}},_vm.$listeners)),_c('fabric-grid'),_c('fabric-scale-value',{attrs:{"templateData":_vm.templateData}}),_c('fabric-lines',_vm._g({ref:"lines",attrs:{"linesObj":_vm.templateData.top}},_vm.$listeners)),_c('fabric-polylines',_vm._g({ref:"polylines",attrs:{"polyline":_vm.polylines,"other":_vm.templateData.left.other || {}},on:{"pointOperation":_vm.pointOperation}},_vm.$listeners))]],2):_vm._e()],1)}
-var FabricChartvue_type_template_id_6ad9fd30_scoped_true_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4214fed6-vue-loader-template"}!./node_modules/_vue-loader@15.9.8@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.8@vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/FabricChart.vue?vue&type=template&id=3bab1499&scoped=true&
+var FabricChartvue_type_template_id_3bab1499_scoped_true_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,"other":_vm.templateData.other}},_vm.$listeners)):_vm._e(),_c('fabric-grid'),(_vm.hasTable)?_c('fabric-scale-value',{attrs:{"templateData":_vm.templateData}}):_vm._e(),(_vm.hasTopTable)?_c('fabric-lines',_vm._g({ref:"lines",attrs:{"linesObj":_vm.templateData.top}},_vm.$listeners)):_vm._e(),(_vm.hasTable)?_c('fabric-polylines',_vm._g({ref:"polylines",attrs:{"polyline":_vm.polylines,"other":_vm.templateData.left.other || {}},on:{"pointOperation":_vm.pointOperation}},_vm.$listeners)):_vm._e()]],2):_vm._e()],1)}
+var FabricChartvue_type_template_id_3bab1499_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/FabricChart.vue?vue&type=template&id=6ad9fd30&scoped=true&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/FabricChart.vue?vue&type=template&id=3bab1499&scoped=true&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4214fed6-vue-loader-template"}!./node_modules/_vue-loader@15.9.8@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.8@vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricCanvas.vue?vue&type=template&id=34a186be&
-var FabricCanvasvue_type_template_id_34a186be_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_34a186be_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4214fed6-vue-loader-template"}!./node_modules/_vue-loader@15.9.8@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.8@vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricCanvas.vue?vue&type=template&id=5bce0101&
+var FabricCanvasvue_type_template_id_5bce0101_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_5bce0101_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricCanvas.vue?vue&type=template&id=34a186be&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricCanvas.vue?vue&type=template&id=5bce0101&
 
 // EXTERNAL MODULE: ./node_modules/fabric/dist/fabric.js
 var fabric = __webpack_require__("7a94");
@@ -268030,6 +268030,14 @@ var fabric = __webpack_require__("7a94");
 //
 //
 
+var topSpaceHeight = 10; // templateData.top.spaceHeight
+
+var topSpaceGridNumber = 3; // templateData.top.xScalevalue.spaceGridNumber
+
+var leftSpaceGridNumber = 2; // templateData.left.leftYScalevalue.spaceGridNumber
+
+var rightSpaceGridNumber = 2; // templateData.right.rightYScalevalue.spaceGridNumber
+
 /* harmony default export */ var FabricCanvasvue_type_script_lang_js_ = ({
   name: 'FabricCanvas',
   props: {
@@ -268103,14 +268111,23 @@ var fabric = __webpack_require__("7a94");
       }
     };
   },
-  //   created() {
-  //     if (!this.templateData.top) {
-  //       throw ('缺少顶部数据对象, 无法生成水平方向刻度');
-  //     }
-  //     if (!this.templateData.left) {
-  //       throw ('缺少左侧数据对象, 无法生成垂直方向刻度');
-  //     }
-  //   },
+  created: function created() {
+    if (!this.templateData.top) {
+      try {
+        throw new Error('缺少顶部数据对象, 无法生成水平方向刻度');
+      } catch (error) {
+        console.warn(error);
+      }
+    }
+
+    if (!this.templateData.left || !this.templateData.right) {
+      try {
+        throw new Error('缺少左/右侧数据对象, 无法生成垂直方向刻度');
+      } catch (error) {
+        console.warn(error);
+      }
+    }
+  },
   computed: {
     canvasWidth: function canvasWidth() {
       // 画布宽度
@@ -268121,67 +268138,41 @@ var fabric = __webpack_require__("7a94");
       return this.templateData.canvasHeight;
     },
     treeTableminCellWidth: function treeTableminCellWidth() {
-      var _this$templateData$to;
+      var _this$templateData$to, _this$templateData$le;
 
-      return ((_this$templateData$to = this.templateData.top) === null || _this$templateData$to === void 0 ? void 0 : _this$templateData$to.treeTableminCellWidth) || 20;
+      return ((_this$templateData$to = this.templateData.top) === null || _this$templateData$to === void 0 ? void 0 : _this$templateData$to.treeTableminCellWidth) || ((_this$templateData$le = this.templateData.left) === null || _this$templateData$le === void 0 ? void 0 : _this$templateData$le.titleWidth) || 20;
     },
     gridXNumber: function gridXNumber() {
+      var _this$templateData$to2, _this$templateData$to3, _this$templateData$to4, _this$templateData$to5, _this$templateData$to6;
+
       // 网格水平方向总数    如果设置了默认值就直接取用
       if (this.templateData.table.mainXCell && this.templateData.table.subXCell) {
         return this.templateData.table.mainXCell * this.templateData.table.subXCell;
       } // 如果没设置 就从顶部列表内自己计算一下 list遍历后将每一项完全展开后的数组长度存入topListLength取出最大值即可
-      // const topLenList = [];
-      // this.templateData.top.list.forEach(item => topLenList.push(item.flat(Infinity).length));
-      // return Math.max(...topLenList);
 
 
-      var spaceGridNumber = this.templateData.top.xScalevalue.spaceGridNumber || 3;
-      return this.templateData.top.xScalevalue.list.length * spaceGridNumber;
+      var spaceGridNumber = ((_this$templateData$to2 = this.templateData.top) === null || _this$templateData$to2 === void 0 ? void 0 : (_this$templateData$to3 = _this$templateData$to2.xScalevalue) === null || _this$templateData$to3 === void 0 ? void 0 : _this$templateData$to3.spaceGridNumber) || topSpaceGridNumber;
+      return (((_this$templateData$to4 = this.templateData.top) === null || _this$templateData$to4 === void 0 ? void 0 : (_this$templateData$to5 = _this$templateData$to4.xScalevalue) === null || _this$templateData$to5 === void 0 ? void 0 : (_this$templateData$to6 = _this$templateData$to5.list) === null || _this$templateData$to6 === void 0 ? void 0 : _this$templateData$to6.length) || 1) * spaceGridNumber;
     },
     gridYNumber: function gridYNumber() {
       // 网格垂直方向总数
-      // if (this.templateData.table.mainYCell && this.templateData.table.subYCell) {
-      return this.templateData.table.mainYCell * this.templateData.table.subYCell; // }
-      // const leftLenList = [];
-      // this.templateData.left.list.forEach(item => {
-      //   if (isObject(item)) {
-      //     // 当前列内没有上下区分 左右区分针对item.list遍历即可 占用列数 => item.list.length 示例: 温度: 摄氏度 华氏度
-      //     leftLenList.push(item.list.length);
-      //   } else if (Array.isArray(item)) {
-      //     // 当前列内有上下之分 列数暂时默认 +1  ----- 若有更复杂情况（上下列中含有左右列的情况）可以改为递归形式
-      //     let len = 0;
-      //     item.forEach(v => (len += v.list.length));
-      //     leftLenList.push(len);
-      //   }
-      // });
-      // return Math.max(...leftLenList);
+      return this.templateData.table.mainYCell * this.templateData.table.subYCell;
     },
     originX: function originX() {
+      var _this$templateData$to7, _this$templateData$le2;
+
       // 网格左侧起始坐标 X, 也是整个区域左侧列表坐标最大坐标值 取出初始化后网格区域水平方向多出的余数 添加到左栏宽度上
-      // let columns = 0;
-      // this.templateData.left.list.forEach(item => {
-      //   if (isObject(item)) { // 当前列内没有上下区分 左右区分针对item.list遍历即可 占用列数 => item.list.length 示例: 温度: 摄氏度 华氏度
-      //     columns += item.list.length;
-      //   } else if (Array.isArray(item)) { // 当前列内有上下之分 列数暂时默认 +1  ----- 若有更复杂情况（上下列中含有左右列的情况）可以改为递归形式
-      //     columns += 1;
-      //   }
-      // })
-      // const originX = this.templateData.left.width * columns;
-      // const residue = (this.endX - originX) % this.gridXNumber;
-      var originX = this.templateData.top.treeTableWidth;
+      var originX = ((_this$templateData$to7 = this.templateData.top) === null || _this$templateData$to7 === void 0 ? void 0 : _this$templateData$to7.treeTableWidth) || ((_this$templateData$le2 = this.templateData.left) === null || _this$templateData$le2 === void 0 ? void 0 : _this$templateData$le2.width) || 200;
       var residue = (this.endX - originX) % this.gridXNumber;
       return originX + residue;
     },
     originY: function originY() {
+      var _this$templateData$to8;
+
       // 顶部列表高度 网格不需要的高度放到顶部，因为底部不一定存在列表
-      // const height = this.templateData.top.height ? this.templateData.top.height : 30;
-      // const topheight = this.templateData.top.list.length * height;
-      // // const residue = (this.canvasHeight - topheight - this.endY) % this.gridYNumber; // 此处算法不对，会导致后面高度值计算出小数，造成表格重影
-      // const residue = (this.endY - topheight) % this.gridYNumber;
-      // return topheight + residue;
       var topHeight = this.endYTop;
       var residue = (this.endY - topHeight) % this.gridYNumber;
-      return topHeight + residue + this.templateData.top.spaceHeight;
+      return topHeight + residue + (((_this$templateData$to8 = this.templateData.top) === null || _this$templateData$to8 === void 0 ? void 0 : _this$templateData$to8.spaceHeight) || topSpaceHeight);
     },
     endX: function endX() {
       // 网格区域水平方向最大坐标值, 也是整个画布右侧列表坐标起始值，网格右下角x轴坐标值
@@ -268203,21 +268194,27 @@ var fabric = __webpack_require__("7a94");
       return (this.endY - this.originY) / this.gridYNumber;
     },
     spaceHeight: function spaceHeight() {
+      var _this$templateData$to9;
+
       // 头部表格底部空白位置的高，用于显示x轴时间点
       var topHeight = this.endYTop;
       var residue = (this.endY - topHeight) % this.gridYNumber;
-      return residue + this.templateData.top.spaceHeight;
+      return residue + (((_this$templateData$to9 = this.templateData.top) === null || _this$templateData$to9 === void 0 ? void 0 : _this$templateData$to9.spaceHeight) || topSpaceHeight);
     },
     yCellHeightTop: function yCellHeightTop() {
+      var _this$templateData$to10;
+
       // 头部表格垂直方向网格高度
-      return this.templateData.top.treeTableminCellHeight;
+      return ((_this$templateData$to10 = this.templateData.top) === null || _this$templateData$to10 === void 0 ? void 0 : _this$templateData$to10.treeTableminCellHeight) || 20;
     },
     endYTop: function endYTop() {
       return this.gridYnumberTop * this.yCellHeightTop;
     },
     // 转换为时间戳的x轴时间列表
     xScaleList: function xScaleList() {
-      var list = this.templateData.top.xScalevalue.list;
+      var _this$templateData$to11, _this$templateData$to12;
+
+      var list = ((_this$templateData$to11 = this.templateData.top) === null || _this$templateData$to11 === void 0 ? void 0 : (_this$templateData$to12 = _this$templateData$to11.xScalevalue) === null || _this$templateData$to12 === void 0 ? void 0 : _this$templateData$to12.list) || [];
       return list.map(function (item) {
         return new Date(item).getTime();
       });
@@ -268255,13 +268252,17 @@ var fabric = __webpack_require__("7a94");
     // },
     // y轴每mmHg的脉搏/血压的高度值
     yScaleCellLeft: function yScaleCellLeft() {
-      var list = this.templateData.left.leftYScalevalue.list;
-      return this.yCellHeight / ((parseInt(list[1]) - parseInt(list[0])) / this.templateData.left.leftYScalevalue.spaceGridNumber);
+      var _this$templateData$le3, _this$templateData$le4, _this$templateData$le5, _this$templateData$le6;
+
+      var list = ((_this$templateData$le3 = this.templateData.left) === null || _this$templateData$le3 === void 0 ? void 0 : (_this$templateData$le4 = _this$templateData$le3.leftYScalevalue) === null || _this$templateData$le4 === void 0 ? void 0 : _this$templateData$le4.list) || [];
+      return list !== null && list !== void 0 && list.length ? this.yCellHeight / ((parseInt(list[1]) - parseInt(list[0])) / (((_this$templateData$le5 = this.templateData.left) === null || _this$templateData$le5 === void 0 ? void 0 : (_this$templateData$le6 = _this$templateData$le5.leftYScalevalue) === null || _this$templateData$le6 === void 0 ? void 0 : _this$templateData$le6.spaceGridNumber) || leftSpaceGridNumber)) : 10;
     },
     // y轴每摄氏度的高度值
     yScaleCellRight: function yScaleCellRight() {
-      var list = this.templateData.right.rightYScalevalue.list;
-      return this.yCellHeight / ((parseInt(list[1]) - parseInt(list[0])) / this.templateData.right.rightYScalevalue.spaceGridNumber);
+      var _this$templateData$ri, _this$templateData$ri2, _this$templateData$ri3, _this$templateData$ri4;
+
+      var list = ((_this$templateData$ri = this.templateData.right) === null || _this$templateData$ri === void 0 ? void 0 : (_this$templateData$ri2 = _this$templateData$ri.rightYScalevalue) === null || _this$templateData$ri2 === void 0 ? void 0 : _this$templateData$ri2.list) || [];
+      return list !== null && list !== void 0 && list.length ? this.yCellHeight / ((parseInt(list[1]) - parseInt(list[0])) / (((_this$templateData$ri3 = this.templateData.right) === null || _this$templateData$ri3 === void 0 ? void 0 : (_this$templateData$ri4 = _this$templateData$ri3.rightYScalevalue) === null || _this$templateData$ri4 === void 0 ? void 0 : _this$templateData$ri4.spaceGridNumber) || rightSpaceGridNumber)) : 10;
     },
     eventStyle: function eventStyle() {
       var _this$templateData$ta;
@@ -268277,17 +268278,24 @@ var fabric = __webpack_require__("7a94");
   },
   methods: {
     init: function init() {
+      var _this$templateData$to13, _this$templateData$to14;
+
       this.canvas = new this.fabric.Canvas('c-fabric-canvas', objectSpread2_objectSpread2({
         width: this.templateData.canvasWidth,
         height: this.templateData.canvasHeight
       }, this.canvasAttr));
-      this.getGridYnumberTop(this.templateData.top.list);
-      this.treeList = this.setTreeStyle(this.templateData.top.list);
+
+      if ((_this$templateData$to13 = this.templateData.top) !== null && _this$templateData$to13 !== void 0 && (_this$templateData$to14 = _this$templateData$to13.list) !== null && _this$templateData$to14 !== void 0 && _this$templateData$to14.length) {
+        this.getGridYnumberTop(this.templateData.top.list);
+        this.treeList = this.setTreeStyle(this.templateData.top.list);
+      }
     },
     getGridYnumberTop: function getGridYnumberTop(list) {
       // 头部表格垂直方向网格总数
       for (var i = 0; i < list.length; i++) {
-        if (list[i].children && Array.isArray(list[i].children) && list[i].children.length > 0) {
+        var _list$i$children;
+
+        if ((_list$i$children = list[i].children) !== null && _list$i$children !== void 0 && _list$i$children.length) {
           this.getGridYnumberTop(list[i].children);
         } else {
           this.gridYnumberTop++;
@@ -268304,28 +268312,33 @@ var fabric = __webpack_require__("7a94");
     setTreeStyle: function setTreeStyle(list) {
       var levelCol = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
       var arr = [];
+      var _this$templateData$to15 = this.templateData.top,
+          treeTableminCellWidth = _this$templateData$to15.treeTableminCellWidth,
+          treeTableminCellHeight = _this$templateData$to15.treeTableminCellHeight;
 
       for (var i = 0; i < list.length; i++) {
+        var _list$i$children2;
+
         var obj = {};
-        obj.title = list[i].title || '';
-        obj.left = levelCol * this.templateData.top.treeTableminCellWidth;
-        obj.top = this.levelRow * this.templateData.top.treeTableminCellHeight;
+        Object.assign(obj, {
+          title: list[i].title || '',
+          left: levelCol * treeTableminCellWidth,
+          top: this.levelRow * treeTableminCellHeight
+        });
         this.levelRow++;
 
-        if (list[i].children && Array.isArray(list[i].children) && list[i].children.length > 0) {
+        if ((_list$i$children2 = list[i].children) !== null && _list$i$children2 !== void 0 && _list$i$children2.length) {
+          this.levelRow--;
           obj.title = obj.title.split('').join('\n'); // 如果有子级则文字竖形排列
 
-          this.levelRow--;
-          obj.width = this.templateData.top.treeTableminCellWidth;
+          obj.width = treeTableminCellWidth;
           obj.children = this.setTreeStyle(list[i].children, levelCol + 1);
           obj.subSize = this.getChildrenSize(list[i].children);
-          obj.height = obj.subSize * this.templateData.top.treeTableminCellHeight;
+          obj.height = obj.subSize * treeTableminCellHeight;
         } else {
           obj.width = this.originX - obj.left;
-          obj.height = this.templateData.top.treeTableminCellHeight;
-          obj.data = list[i].data;
-          obj.lineList = _toConsumableArray(list[i].lineList);
-          obj.type = list[i].type;
+          obj.height = treeTableminCellHeight;
+          obj.lineList = JSON.parse(JSON.stringify(list[i].lineList));
         }
 
         arr.push(obj);
@@ -268337,7 +268350,9 @@ var fabric = __webpack_require__("7a94");
       var subSize = 0;
 
       for (var i = 0; i < list.length; i++) {
-        if (list[i].children && Array.isArray(list[i].children) && list[i].children.length > 0) {
+        var _list$i$children3;
+
+        if ((_list$i$children3 = list[i].children) !== null && _list$i$children3 !== void 0 && _list$i$children3.length) {
           subSize += this.getChildrenSize(list[i].children);
         } else {
           subSize += 1;
@@ -268375,8 +268390,8 @@ var fabric = __webpack_require__("7a94");
 
 var FabricCanvas_component = normalizeComponent(
   fabric_chart_FabricCanvasvue_type_script_lang_js_,
-  FabricCanvasvue_type_template_id_34a186be_render,
-  FabricCanvasvue_type_template_id_34a186be_staticRenderFns,
+  FabricCanvasvue_type_template_id_5bce0101_render,
+  FabricCanvasvue_type_template_id_5bce0101_staticRenderFns,
   false,
   null,
   null,
@@ -268625,12 +268640,12 @@ var fabric_chart2_FabricCanvas_component = normalizeComponent(
 )
 
 /* harmony default export */ var fabric_chart2_FabricCanvas = (fabric_chart2_FabricCanvas_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4214fed6-vue-loader-template"}!./node_modules/_vue-loader@15.9.8@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.8@vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricPolylines.vue?vue&type=template&id=02c79c3f&
-var FabricPolylinesvue_type_template_id_02c79c3f_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 FabricPolylinesvue_type_template_id_02c79c3f_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4214fed6-vue-loader-template"}!./node_modules/_vue-loader@15.9.8@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.8@vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricPolylines.vue?vue&type=template&id=77eb0f8b&
+var FabricPolylinesvue_type_template_id_77eb0f8b_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 FabricPolylinesvue_type_template_id_77eb0f8b_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricPolylines.vue?vue&type=template&id=02c79c3f&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricPolylines.vue?vue&type=template&id=77eb0f8b&
 
 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
 function _arrayWithHoles(arr) {
@@ -268685,6 +268700,9 @@ function _nonIterableRest() {
 function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.fill.js
+var es_array_fill = __webpack_require__("cb29");
+
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.freeze.js
 var es_object_freeze = __webpack_require__("dca8");
 
@@ -268743,11 +268761,9 @@ var es_object_freeze = __webpack_require__("dca8");
         var index = xScaleCellList.findIndex(function (v) {
           return v.x >= left;
         });
-
-        if (index > -1) {
-          var obj = xScaleCellList[index - 1];
-          time = obj.time + (left - obj.x) * obj.xScaleTime;
-        }
+        !~index && (index = xScaleCellList.length);
+        var obj = xScaleCellList[index - 1];
+        time = obj.time + (left - obj.x) * obj.xScaleTime;
       }
 
       var d = new Date(time);
@@ -269115,7 +269131,8 @@ var type_isObject = function isObject(obj) {
   methods: {
     // 折线点移动限制 目前仅限制不能移动出画布
     pointMoveLimit: function pointMoveLimit(point) {
-      point.setCoords(); // const objBoundingBox = point.getBoundingRect(); // 此方式会导致结果不精准，应该用point的top值判断
+      point.setCoords(); // 需调用setCoords()才能重新计算控制位置(改变Object状态)
+      // const objBoundingBox = point.getBoundingRect(); // 此方式会导致结果不精准，应该用point的top值判断
 
       var leftLimit = point.prevPoint ? point.prevPoint.get('left') : this.propItems.originX;
       var rightLimit = point.nextPoint ? point.nextPoint.get('left') : this.propItems.endX;
@@ -269135,8 +269152,9 @@ var type_isObject = function isObject(obj) {
       if (point.left > rightLimit) {
         point.set('left', rightLimit);
       }
-
-      point.setCoords();
+    },
+    getContainer: function getContainer() {
+      return this.$el;
     },
 
     /**
@@ -269455,6 +269473,7 @@ var defaultVaule_data = {
 
 
 
+
 
 
 //
@@ -269553,9 +269572,6 @@ var rightClickNode = [{
     });
   },
   methods: {
-    getContainer: function getContainer() {
-      return this.$el;
-    },
     createEvent: function createEvent() {
       var _this2 = this;
 
@@ -269736,9 +269752,10 @@ var rightClickNode = [{
       };
       leftTitleList.forEach( /*#__PURE__*/function () {
         var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(v, i) {
-          var _v$pointAttr;
+          var _v$pointAttr2;
+
+          var baseTop, top, left, pointId, _v$pointAttr, _v$pointAttr$fill, fillColor, stroke, text, isOriginXCenter, iconLeft, option, ele, icon, originTop, cloneIconId;
 
-          var baseTop, top, left, pointId, text, isOriginXCenter, iconLeft, option, ele, icon, originTop, cloneIconId;
           return regeneratorRuntime.wrap(function _callee$(_context) {
             while (1) {
               switch (_context.prev = _context.next) {
@@ -269747,9 +269764,10 @@ var rightClickNode = [{
                   top = baseTop - i * lableLineHeight;
                   left = lableMargin[0] + treeTableminCellWidth;
                   pointId = "".concat(v.polylineTypeId, "_").concat(v.polylineIndex, "_-1_polylinePoint_'").concat(new Date().getTime(), "_isTitle");
+                  _v$pointAttr = v.pointAttr, _v$pointAttr$fill = _v$pointAttr.fill, fillColor = _v$pointAttr$fill === void 0 ? '#000' : _v$pointAttr$fill, stroke = _v$pointAttr.stroke;
                   text = new _this5.fabric.Text(String(v.title), objectSpread2_objectSpread2(objectSpread2_objectSpread2({
                     fontSize: style.fontSize,
-                    fill: v.pointAttr.stroke || '#000',
+                    fill: fillColor && stroke ? stroke : fillColor,
                     left: left,
                     top: top,
                     originY: 'center'
@@ -269773,24 +269791,24 @@ var rightClickNode = [{
                     rightLimit: v.rightLimit || ''
                   });
 
-                  if (!(v.type === 'img' && (_v$pointAttr = v.pointAttr) !== null && _v$pointAttr !== void 0 && _v$pointAttr.iconClassName)) {
-                    _context.next = 12;
+                  if (!(v.type === 'img' && (_v$pointAttr2 = v.pointAttr) !== null && _v$pointAttr2 !== void 0 && _v$pointAttr2.iconClassName)) {
+                    _context.next = 13;
                     break;
                   }
 
-                  _context.next = 11;
+                  _context.next = 12;
                   return _this5.createImage(v.pointAttr.iconClassName, v.pointAttr);
 
-                case 11:
+                case 12:
                   ele = _context.sent;
 
-                case 12:
-                  _context.next = 14;
+                case 13:
+                  _context.next = 15;
                   return _this5.createPoint(v.type, objectSpread2_objectSpread2({
                     ele: ele || ''
                   }, option));
 
-                case 14:
+                case 15:
                   icon = _context.sent;
                   icon.hasControls = icon.hasBorders = false;
                   originTop = top;
@@ -269862,7 +269880,7 @@ var rightClickNode = [{
 
                   _this5.canvas.requestRenderAll();
 
-                case 21:
+                case 22:
                 case "end":
                   return _context.stop();
               }
@@ -270394,12 +270412,12 @@ var rightClickNode = [{
         if (id && id.includes('_polylinePoint_')) {
           _this10._currentPointId = id;
           _this10.rightClickNode = Object.freeze(rightClickNode.slice());
-        } else {
+          _this10.isRightVisible = true;
+        } else if (!id) {
           _this10._currentPointId = '';
           _this10.rightClickNode = Object.freeze(rightClickNode.slice(0, 1));
+          _this10.isRightVisible = true;
         }
-
-        _this10.isRightVisible = true;
       });
     },
     // 关闭右键菜单，打开添加节点弹窗表单
@@ -270533,8 +270551,8 @@ var rightClickNode = [{
 
 var FabricPolylines_component = normalizeComponent(
   fabric_chart_FabricPolylinesvue_type_script_lang_js_,
-  FabricPolylinesvue_type_template_id_02c79c3f_render,
-  FabricPolylinesvue_type_template_id_02c79c3f_staticRenderFns,
+  FabricPolylinesvue_type_template_id_77eb0f8b_render,
+  FabricPolylinesvue_type_template_id_77eb0f8b_staticRenderFns,
   false,
   null,
   null,
@@ -270638,12 +270656,12 @@ var FabricGrid_component = normalizeComponent(
 )
 
 /* harmony default export */ var FabricGrid = (FabricGrid_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4214fed6-vue-loader-template"}!./node_modules/_vue-loader@15.9.8@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.8@vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricTextGroup.vue?vue&type=template&id=f017a42a&
-var FabricTextGroupvue_type_template_id_f017a42a_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"text-group"},[(_vm.isDropVisible)?_c('DropPopup',{attrs:{"val":_vm.dropVal,"dropPos":_vm.dropPos}}):_vm._e()],1)}
-var FabricTextGroupvue_type_template_id_f017a42a_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4214fed6-vue-loader-template"}!./node_modules/_vue-loader@15.9.8@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.8@vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricTextGroup.vue?vue&type=template&id=e1c6fb02&
+var FabricTextGroupvue_type_template_id_e1c6fb02_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_e1c6fb02_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricTextGroup.vue?vue&type=template&id=f017a42a&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricTextGroup.vue?vue&type=template&id=e1c6fb02&
 
 // 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@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.8@vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricTextGroup.vue?vue&type=script&lang=js&
 
@@ -270657,6 +270675,12 @@ var FabricTextGroupvue_type_template_id_f017a42a_staticRenderFns = []
 
 
 
+
+
+
+
+
+//
 //
 //
 //
@@ -270667,35 +270691,44 @@ var FabricTextGroupvue_type_template_id_f017a42a_staticRenderFns = []
 
 
 
+
+
+var FabricTextGroupvue_type_script_lang_js_rightClickNode = [{
+  name: '修改',
+  type: 'edit'
+}, {
+  name: '删除',
+  type: 'delete'
+}];
 /* harmony default export */ var FabricTextGroupvue_type_script_lang_js_ = ({
   name: 'fabric-text-group',
   components: {
-    DropPopup: DropPopup
+    DropPopup: DropPopup,
+    MouseRightClick: MouseRightClick
   },
-  mixins: [fabricCommon, draw],
+  mixins: [fabricCommon, draw, polylineCommon],
   props: {
     templateData: {
       type: Object,
       required: true
-    } // bottom: {
-    //   type: Object,
-    //   default: () => {}
-    // }
-
+    },
+    other: {
+      type: Object,
+      default: function _default() {}
+    }
+  },
+  watch: {
+    other: {
+      handler: function handler(value) {
+        if (value) {
+          this.removeOther();
+          this.drawTextDataGroup(value);
+          this.canvas.renderAll();
+        }
+      },
+      deep: true
+    }
   },
-  // watch: {
-  //   bottom: {
-  //     handler(value) {
-  //       if (value) {
-  //         if (value) {
-  //           this.removeMark();
-  //           this.drawBottomTextDataGroup(value);
-  //         }
-  //       }
-  //     },
-  //     deep: true
-  //   }
-  // },
   data: function data() {
     return {
       leftStartX: 0,
@@ -270704,7 +270737,15 @@ var FabricTextGroupvue_type_template_id_f017a42a_staticRenderFns = []
       dropPos: {
         clientX: 0,
         clientY: 0
-      }
+      },
+      isRightVisible: false,
+      rightPos: {
+        clientX: 0,
+        clientY: 0
+      },
+      rightClickNode: [],
+      activeEvent: null // 当前可右键活动的对象
+
     };
   },
   mounted: function mounted() {
@@ -270730,38 +270771,106 @@ var FabricTextGroupvue_type_template_id_f017a42a_staticRenderFns = []
       this.canvas.add(this.drawLine([0, this.propItems.canvasHeight - 1, this.propItems.endX, this.propItems.canvasHeight - 1], objectSpread2_objectSpread2({}, this.girdLineStyle))); // 左侧边框线
 
       this.canvas.add(this.drawLine([0, 0, 0, this.propItems.canvasHeight], objectSpread2_objectSpread2({}, this.girdLineStyle)));
-      this.topTreeTextGroup(this.propItems.treeList);
-      this.drawLeftScaleGroup(this.templateData);
-      this.drawTextDataGroup(this.templateData.other);
-      this.drawBottomTextDataGroup(this.templateData.bottom);
+      this.propItems.treeList.length > 0 && this.topTreeTextGroup(this.propItems.treeList);
+      this.templateData.left && this.drawLeftScaleGroup(this.templateData.left);
+      this.templateData.other && this.drawTextDataGroup(this.templateData.other);
+      this.templateData.bottom && this.drawBottomTextDataGroup(this.templateData.bottom);
+      this.createEvent();
       this.canvas.renderAll();
     },
-    topTreeTextGroup: function topTreeTextGroup(list) {
+    createEvent: function createEvent() {
       var _this2 = 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 _this2$$propItems = _this2.$propItems(),
+              originX = _this2$$propItems.originX,
+              originY = _this2$$propItems.originY,
+              endX = _this2$$propItems.endX,
+              endY = _this2$$propItems.endY;
+
+          if (!(x < originX || x > endX || y < originY || y > endY)) {
+            _this2.activeEvent = event;
+            document.querySelector('.upper-canvas').addEventListener('contextmenu', _this2.addEventListenerContextmenu, true);
+          }
+        }
+      });
+    },
+    // 打开右键菜单
+    openRightModal: function openRightModal(event) {
+      var _this3 = this;
+
+      if (!this.propItems.eventStyle.evented) {
+        return;
+      }
+
+      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 : '';
+      this.$nextTick(function () {
+        if (id && id.includes('_other')) {
+          _this3._currentPoint = target || '';
+          _this3.rightClickNode = Object.freeze(FabricTextGroupvue_type_script_lang_js_rightClickNode.slice());
+          _this3.isRightVisible = true;
+        }
+      });
+    },
+    // 关闭右键菜单，打开添加节点弹窗表单
+    handleRightClick: function handleRightClick(_ref) {
+      var type = _ref.type;
+      this.isRightVisible = false;
+      var text = this._currentPoint;
+      this._currentPoint = '';
+      var obj = {
+        type: text.type,
+        index: text.index,
+        dataIndex: text.dataIndex
+      };
+      this.$emit("".concat(type, "Other"), obj);
+    },
+    removeOther: function removeOther() {
+      var _this4 = this;
+
+      this.canvas.forEachObject(function (obj) {
+        if (obj.id && obj.id.includes('_other')) {
+          _this4.canvas.remove(obj);
+        }
+      });
+    },
+    topTreeTextGroup: function topTreeTextGroup(list) {
+      var _this5 = this;
+
       list.forEach(function (item) {
         if (item.children && Array.isArray(item.children) && item.children.length > 0) {
-          _this2.canvas.add(_this2.drawTextGroup({
+          _this5.canvas.add(_this5.drawTextGroup({
             width: item.width,
             height: item.height,
             strokeWidth: 1
           }, objectSpread2_objectSpread2({
             text: String(item.title)
-          }, _this2.templateData.top.treeTableTextStyle || {}), {
+          }, _this5.templateData.top.treeTableTextStyle || {}), {
             left: item.left,
             top: item.top
           }));
 
-          _this2.topTreeTextGroup(item.children);
+          _this5.topTreeTextGroup(item.children);
         } else {
           // 此处的文本text的中心源的定位由于draw.js中封装反向的，所以此时文本需要向左排列originX值应为right
-          _this2.canvas.add(_this2.drawTextGroup({
+          _this5.canvas.add(_this5.drawTextGroup({
             width: item.width,
             height: item.height,
             strokeWidth: 1
           }, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
             text: String(item.title)
-          }, _this2.templateData.top.treeTableTextStyle || {}), {}, {
+          }, _this5.templateData.top.treeTableTextStyle || {}), {}, {
             originX: 'right',
             left: -Math.floor(item.width / 2) + 5
           }), {
@@ -270782,22 +270891,32 @@ var FabricTextGroupvue_type_template_id_f017a42a_staticRenderFns = []
       }
     },
     drawTextDataGroupColList: function drawTextDataGroupColList(colList) {
-      var _this3 = this,
+      var _this6 = this,
           _this$canvas;
 
+      var _this$propItems = this.propItems,
+          originY = _this$propItems.originY,
+          eventStyle = _this$propItems.eventStyle;
       var textList = [];
       colList.forEach(function (item, index) {
-        var baseTop = _this3.propItems.originY + (item.marginTop || 10);
+        var baseTop = originY + (item.marginTop || 10);
 
-        if (_this3.isLimit(item.scalevalue)) {
+        if (_this6.isLimit(item.scalevalue)) {
           item.dataList.forEach(function (v, i) {
             var top = baseTop + i * (item.lineHeight || 15);
-            var text = new _this3.fabric.Text(String(v), objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, defaultVaule.style), defaultVaule.textStyle), item.style), {}, {
+            var text = new _this6.fabric.Text(String(v.value), objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, defaultVaule.style), defaultVaule.textStyle), item.style), {}, {
               originX: 'left',
               originY: 'center',
-              left: _this3.cumputedX(item.scalevalue),
-              top: top
-            }));
+              left: _this6.cumputedX(item.scalevalue),
+              top: top,
+              lockMovementX: true,
+              lockMovementY: true,
+              dataIndex: index,
+              index: i,
+              type: 'colList',
+              id: "".concat(index, "_").concat(i, "_other_").concat(Date.now())
+            }, eventStyle));
+            text.hasControls = text.hasBorders = false;
             textList.push(text);
           });
         }
@@ -270806,37 +270925,46 @@ var FabricTextGroupvue_type_template_id_f017a42a_staticRenderFns = []
       (_this$canvas = this.canvas).add.apply(_this$canvas, textList);
     },
     drawTextDataGroupList: function drawTextDataGroupList(list) {
-      var _this4 = this,
+      var _this7 = this,
           _this$canvas2;
 
       var textList = [];
-      var _this$propItems = this.propItems,
-          originX = _this$propItems.originX,
-          originY = _this$propItems.originY;
+      var _this$propItems2 = this.propItems,
+          originX = _this$propItems2.originX,
+          originY = _this$propItems2.originY,
+          eventStyle = _this$propItems2.eventStyle;
       var top = originY + 10;
-      list.forEach(function (item, i) {
-        var marginLeft = _this4.templateData.left.leftYScalevalue.spaceGridNumber || 3;
+      list.forEach(function (item, index) {
+        var marginLeft = _this7.templateData.left.leftYScalevalue.spaceGridNumber || 3;
         var left = originX - marginLeft * 4; // 默认减去4倍的左边距，防止最左边的数据与名称显示重合了
 
-        if (list[i - 1]) {
+        if (list[index - 1]) {
           top += item.lineHeight || 15;
         }
 
-        var title = new _this4.fabric.Text(String(item.title), objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, defaultVaule.style), defaultVaule.textStyle), item.style), {}, {
+        var title = new _this7.fabric.Text(String(item.title), objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, defaultVaule.style), defaultVaule.textStyle), item.style), {}, {
           originX: 'right',
           originY: 'center',
           left: left,
-          top: top
+          top: top,
+          id: "".concat(index, "_other_").concat(Date.now())
         }));
         textList.push(title);
-        item.dataList.forEach(function (v) {
-          if (_this4.isLimit(v[0])) {
-            var text = new _this4.fabric.Text(String(v[1]), objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, defaultVaule.style), defaultVaule.textStyle), item.style), {}, {
+        item.dataList.forEach(function (v, i) {
+          if (_this7.isLimit(v.time)) {
+            var text = new _this7.fabric.Text(String(v.value), objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, defaultVaule.style), defaultVaule.textStyle), item.style), {}, {
               originX: 'center',
               originY: 'center',
-              left: _this4.cumputedX(v[0]),
-              top: top
-            }));
+              left: _this7.cumputedX(v.time),
+              top: top,
+              lockMovementX: true,
+              lockMovementY: true,
+              dataIndex: index,
+              index: i,
+              type: 'list',
+              id: "".concat(index, "_").concat(i, "_other_").concat(Date.now())
+            }, eventStyle));
+            text.hasControls = text.hasBorders = false;
             textList.push(text);
           }
         });
@@ -270853,82 +270981,95 @@ var FabricTextGroupvue_type_template_id_f017a42a_staticRenderFns = []
       return time >= minTime && time <= maxTime;
     },
     removeMark: function removeMark() {
-      var _this5 = this;
+      var _this8 = this;
 
       this.canvas.forEachObject(function (obj) {
         if (obj.type && obj.type === 'mark') {
-          _this5.canvas.remove(obj);
+          _this8.canvas.remove(obj);
         }
       });
     },
     // 底部标记
     drawBottomTextDataGroup: function drawBottomTextDataGroup(obj) {
-      var _this6 = this,
+      var _obj$iconStyle,
+          _this9 = this,
           _this$canvas3;
 
       if (!obj.list) {
         return;
       }
 
-      var _this$propItems2 = this.propItems,
-          originX = _this$propItems2.originX,
-          endY = _this$propItems2.endY,
-          canvasHeight = _this$propItems2.canvasHeight,
-          eventStyle = _this$propItems2.eventStyle;
+      var _this$propItems3 = this.propItems,
+          originX = _this$propItems3.originX,
+          endY = _this$propItems3.endY,
+          canvasHeight = _this$propItems3.canvasHeight,
+          eventStyle = _this$propItems3.eventStyle;
       var textList = [];
       var marginLeft = this.templateData.left.leftYScalevalue.spaceGridNumber || 3;
       var left = originX - marginLeft * 4; // 默认减去4倍的左边距，防止最左边的数据与名称显示重合了
 
       var title = new this.fabric.Text(String(obj.title), objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, defaultVaule.style), defaultVaule.textStyle), obj.style), {}, {
         originX: 'right',
-        originY: 'bottom',
+        originY: 'center',
         left: left,
-        top: canvasHeight - 20,
+        top: endY + (canvasHeight - endY) / 2,
         type: 'mark'
       }));
       textList.push(title);
-      var baseY = endY + 10; // 目前固定10像素的下边距
+      var baseY = endY + 2; // 目前固定10像素的下边距
+
+      var baseYLimit = endY - 2; // 目前固定10像素的上边距
 
-      var baseYLimit = endY - 10; // 目前固定10像素的上边距
+      var lineHeight = ((_obj$iconStyle = obj.iconStyle) === null || _obj$iconStyle === void 0 ? void 0 : _obj$iconStyle.height) && obj.iconStyle.height + 2 || 14; // 标志点的line-height值
 
       obj.list.forEach(function (item, index) {
-        var limitIndex = -1;
+        var limitIndex = -1; // 标志点是否往上排列的标志，大于-1则表示需要往上排列
+
+        var y = baseY;
 
-        var x = _this6.cumputedX(item[0]);
+        var x = _this9.cumputedX(item[0]);
 
-        if (_this6.isLimit(item[0])) {
+        if (_this9.isLimit(item[0])) {
           item[1].forEach( /*#__PURE__*/function () {
-            var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(v, i) {
-              var y, option, ele, img, text;
+            var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(v, i) {
+              var common, option, ele, img, text;
               return regeneratorRuntime.wrap(function _callee$(_context) {
                 while (1) {
                   switch (_context.prev = _context.next) {
                     case 0:
-                      y = baseY + i * 14; // 目前固定14像素的line-height
+                      if (!~limitIndex) {
+                        y += i === 0 ? lineHeight / 2 : lineHeight;
 
-                      if (y + 7 > endY + obj.height) {
-                        limitIndex++;
-                        y = baseYLimit - limitIndex * 14;
-                      }
+                        if (y >= canvasHeight - lineHeight / 2) {
+                          limitIndex++;
 
-                      if (!(_this6.isObject(v) && !v.value)) {
-                        _context.next = 17;
-                        break;
+                          if (limitIndex === 0) {
+                            y = baseYLimit;
+                            y -= lineHeight / 2;
+                          }
+                        }
+                      } else {
+                        y -= lineHeight;
                       }
 
-                      option = Object.assign({}, obj.iconStyle || {}, v || {}, objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, defaultVaule.style), {}, {
+                      common = {
                         left: x,
                         top: y,
                         originX: 'center',
-                        // lockMovementY: true, // 锁定Y轴，即只能x轴方向移动
+                        originY: 'center',
                         data: v.data || {},
                         other: v.other || {},
                         time: item[0],
                         name: v.name,
-                        // listIndex: index,
-                        // index: i,
                         type: 'mark'
-                      }, eventStyle));
+                      };
+
+                      if (!(_this9.isObject(v) && !v.value)) {
+                        _context.next = 17;
+                        break;
+                      }
+
+                      option = Object.assign({}, obj.iconStyle || {}, v || {}, objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, defaultVaule.style), common), eventStyle));
 
                       if (!(v !== null && v !== void 0 && v.iconClassName)) {
                         _context.next = 8;
@@ -270936,14 +271077,14 @@ var FabricTextGroupvue_type_template_id_f017a42a_staticRenderFns = []
                       }
 
                       _context.next = 7;
-                      return _this6.createImage(v.iconClassName, v);
+                      return _this9.createImage(v.iconClassName, v);
 
                     case 7:
                       ele = _context.sent;
 
                     case 8:
                       _context.next = 10;
-                      return _this6.createPoint(v !== null && v !== void 0 && v.url || v !== null && v !== void 0 && v.iconClassName ? 'img' : v.type, objectSpread2_objectSpread2({
+                      return _this9.createPoint(v !== null && v !== void 0 && v.url || v !== null && v !== void 0 && v.iconClassName ? 'img' : v.type, objectSpread2_objectSpread2({
                         ele: ele || ''
                       }, option));
 
@@ -270951,33 +271092,21 @@ var FabricTextGroupvue_type_template_id_f017a42a_staticRenderFns = []
                       img = _context.sent;
                       img.hasControls = img.hasBorders = false;
 
-                      _this6.pointEvent(img);
+                      _this9.pointEvent(img);
 
-                      _this6.canvas.add(img);
+                      _this9.canvas.add(img);
 
-                      _this6.canvas.requestRenderAll();
+                      _this9.canvas.requestRenderAll();
 
                       _context.next = 21;
                       break;
 
                     case 17:
-                      text = new _this6.fabric.Text(String(v.value), objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, defaultVaule.textStyle), obj.style), {}, {
-                        originX: 'center',
-                        left: x,
-                        top: y,
-                        // lockMovementY: true, // 锁定Y轴，即只能x轴方向移动
-                        time: item[0],
-                        name: v.name,
-                        data: v.data || {},
-                        other: v.other || {},
-                        // listIndex: index,
-                        // index: i,
-                        type: 'mark'
-                      }, eventStyle));
+                      text = new _this9.fabric.Text(String(v.value), objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, defaultVaule.textStyle), obj.style), common), eventStyle));
                       text.hasControls = text.hasBorders = false;
                       textList.push(text);
 
-                      _this6.pointEvent(text);
+                      _this9.pointEvent(text);
 
                     case 21:
                     case "end":
@@ -270988,7 +271117,7 @@ var FabricTextGroupvue_type_template_id_f017a42a_staticRenderFns = []
             }));
 
             return function (_x, _x2) {
-              return _ref.apply(this, arguments);
+              return _ref2.apply(this, arguments);
             };
           }());
         }
@@ -270997,44 +271126,42 @@ var FabricTextGroupvue_type_template_id_f017a42a_staticRenderFns = []
       (_this$canvas3 = this.canvas).add.apply(_this$canvas3, textList);
     },
     pointEvent: function pointEvent(point) {
-      var _this7 = this;
+      var _this10 = this;
 
       point.on('mouseover', function () {
-        _this7.showDrapPopup(point, true);
+        _this10.showDrapPopup(point, true);
       });
       point.on('mouseout', function () {
-        _this7.isDropVisible = false;
+        _this10.isDropVisible = false;
       }); // 移动中 实时更新相关联的线的坐标
 
       point.on('moving', function () {
-        _this7.moveLimit(point);
+        _this10.moveLimit(point);
 
-        _this7.canvas.renderAll();
+        _this10.canvas.renderAll();
 
-        _this7.showDrapPopup(point);
+        _this10.showDrapPopup(point);
       });
       point.on('moved', function () {
-        _this7.isDropVisible = false;
+        _this10.isDropVisible = false;
         var value = {
           data: point.data,
           oldVal: point.time,
-          newVal: _this7.getXValue(point.left) // listIndex: point.listIndex,
-          // index: point.index
-
+          newVal: _this10.getXValue(point.left)
         };
 
-        _this7.$emit('markChange', value);
+        _this10.$emit('markChange', value);
       });
     },
     moveLimit: function moveLimit(point) {
       var _point$other;
 
       point.setCoords();
-      var _this$propItems3 = this.propItems,
-          originX = _this$propItems3.originX,
-          endX = _this$propItems3.endX,
-          originY = _this$propItems3.originY,
-          canvasHeight = _this$propItems3.canvasHeight;
+      var _this$propItems4 = this.propItems,
+          originX = _this$propItems4.originX,
+          endX = _this$propItems4.endX,
+          originY = _this$propItems4.originY,
+          canvasHeight = _this$propItems4.canvasHeight;
       var bottom = this.templateData.bottom; // 如果是起始标记，如入手术室时间
 
       if ((_point$other = point.other) !== null && _point$other !== void 0 && _point$other.isStart) {
@@ -271104,8 +271231,6 @@ var FabricTextGroupvue_type_template_id_f017a42a_staticRenderFns = []
       if (point.top < originY) {
         point.set('top', originY);
       }
-
-      point.setCoords();
     },
     showDrapPopup: function showDrapPopup(point) {
       var _point$other4;
@@ -271126,16 +271251,17 @@ var FabricTextGroupvue_type_template_id_f017a42a_staticRenderFns = []
         }]
       };
     },
-    drawLeftScaleGroup: function drawLeftScaleGroup(templateData) {
-      this.drawLeftTitle(templateData);
-      var _this$propItems4 = this.propItems,
-          canvasHeight = _this$propItems4.canvasHeight,
-          originX = _this$propItems4.originX,
-          originY = _this$propItems4.originY;
+    drawLeftScaleGroup: function drawLeftScaleGroup(dataLeft) {
+      this.drawLeftTitle(dataLeft);
+      var _this$propItems5 = this.propItems,
+          canvasHeight = _this$propItems5.canvasHeight,
+          originX = _this$propItems5.originX,
+          originY = _this$propItems5.originY,
+          treeTableminCellWidth = _this$propItems5.treeTableminCellWidth;
       var rect = new this.fabric.Rect(objectSpread2_objectSpread2(objectSpread2_objectSpread2(objectSpread2_objectSpread2({
-        left: templateData.top.treeTableminCellWidth,
+        left: treeTableminCellWidth,
         top: originY,
-        width: originX - templateData.top.treeTableminCellWidth,
+        width: originX - treeTableminCellWidth,
         height: canvasHeight - originY
       }, defaultVaule.rectStyle), defaultVaule.style), {}, {
         originX: 'left',
@@ -271145,14 +271271,14 @@ var FabricTextGroupvue_type_template_id_f017a42a_staticRenderFns = []
 
       this.canvas.add(rect);
     },
-    drawLeftTitle: function drawLeftTitle(templateData) {
-      if (templateData.left.title) {
+    drawLeftTitle: function drawLeftTitle(dataLeft) {
+      if (dataLeft.title) {
         this.canvas.add(this.drawTextGroup({
-          width: templateData.top.treeTableminCellWidth,
+          width: this.propItems.treeTableminCellWidth,
           height: this.propItems.canvasHeight - this.propItems.originY
         }, objectSpread2_objectSpread2(objectSpread2_objectSpread2({
-          text: String(templateData.left.title.split('').join('\n'))
-        }, defaultVaule.textStyle), templateData.left.titleStyle), {
+          text: String(dataLeft.title.split('').join('\n'))
+        }, defaultVaule.textStyle), dataLeft.titleStyle), {
           left: 0,
           top: this.propItems.originY
         }));
@@ -271175,8 +271301,8 @@ var FabricTextGroupvue_type_template_id_f017a42a_staticRenderFns = []
 
 var FabricTextGroup_component = normalizeComponent(
   fabric_chart_FabricTextGroupvue_type_script_lang_js_,
-  FabricTextGroupvue_type_template_id_f017a42a_render,
-  FabricTextGroupvue_type_template_id_f017a42a_staticRenderFns,
+  FabricTextGroupvue_type_template_id_e1c6fb02_render,
+  FabricTextGroupvue_type_template_id_e1c6fb02_staticRenderFns,
   false,
   null,
   null,
@@ -271347,12 +271473,12 @@ var FabricScaleValue_component = normalizeComponent(
 )
 
 /* harmony default export */ var FabricScaleValue = (FabricScaleValue_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4214fed6-vue-loader-template"}!./node_modules/_vue-loader@15.9.8@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.8@vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=template&id=219caefc&
-var FabricLinesvue_type_template_id_219caefc_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_219caefc_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4214fed6-vue-loader-template"}!./node_modules/_vue-loader@15.9.8@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.8@vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=template&id=efbd9346&
+var FabricLinesvue_type_template_id_efbd9346_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_efbd9346_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=template&id=219caefc&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=template&id=efbd9346&
 
 // 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@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.8@vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=script&lang=js&
 
@@ -271364,6 +271490,8 @@ var FabricLinesvue_type_template_id_219caefc_staticRenderFns = []
 
 
 
+
+
 //
 //
 //
@@ -271377,10 +271505,10 @@ var FabricLinesvue_type_template_id_219caefc_staticRenderFns = []
 
 
 var FabricLinesvue_type_script_lang_js_rightClickNode = [{
-  name: '新增节点',
-  type: 'add'
+  name: '修改',
+  type: 'edit'
 }, {
-  name: '删除节点',
+  name: '删除',
   type: 'delete'
 }];
 /* harmony default export */ var FabricLinesvue_type_script_lang_js_ = ({
@@ -271437,9 +271565,6 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
     });
   },
   methods: {
-    getContainer: function getContainer() {
-      return this.$el;
-    },
     init: function init() {
       this.getLineList(this.linesObj.list);
       this.createLine();
@@ -271504,7 +271629,7 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
       this.$nextTick(function () {
         if (id && id.includes('_lineGroup_')) {
           _this3._currentPoint = target || '';
-          _this3.rightClickNode = Object.freeze(FabricLinesvue_type_script_lang_js_rightClickNode.slice(1));
+          _this3.rightClickNode = Object.freeze(FabricLinesvue_type_script_lang_js_rightClickNode.slice());
           _this3.isRightVisible = true;
         }
       });
@@ -271517,9 +271642,10 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
       this._currentPoint = '';
 
       var _this$updateData = this.updateData(line, true),
-          lineObj = _this$updateData.lineObj;
+          lineObj = _this$updateData.lineObj; // editLine:编辑 deleteLine:删除
+
 
-      this.$emit('deleteLine', lineObj);
+      this.$emit("".concat(type, "Line"), lineObj);
     },
     // 递归返回一维数据
     getLineList: function getLineList(list) {
@@ -271546,6 +271672,7 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
       var _this6 = this,
           _this$canvas;
 
+      var lineList = line.lineList || [];
       var _this$propItems = this.propItems,
           originX = _this$propItems.originX,
           endX = _this$propItems.endX,
@@ -271557,7 +271684,10 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
       var lineItemList = [];
       var y1 = i * yCellHeightTop;
       var y2 = yCellHeightTop * (i + 1);
-      line.lineList.forEach(function (item, j) {
+      var textArr = []; // 用于存放多个线段的文字内容，显示格式为：第一段线的文字—第二段线的文字
+
+      var textList = [];
+      lineList.forEach(function (item, j) {
         if (!item[0] || type_isObject(item[0])) return;
         var startMinute = new Date(item[0]).getTime();
         var endMinute = item[1] ? new Date(item[1]).getTime() : '';
@@ -271567,7 +271697,8 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
         var x2 = _this6.cumputedX(item[1]); // 数字文字
 
 
-        var textObj = item[3] || {}; // 左边手柄竖线
+        var textObj = item[3] || {};
+        var textContent = textObj.content || ''; // 左边手柄竖线
 
         var leftLine;
 
@@ -271641,19 +271772,30 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
 
 
         var textTop = x2 ? (y1 + y2) / 2 : y1 + yCellHeightTop / 2;
-        var text = endMinute === '' && leftLine || item[1] && !(x1 === originX && x2 === originX) && !(x1 === endX && x2 === endX) ? _this6.drawLineText(textObj, textTop, i, j, centerLine, x1, x2) : null; // 文字内容超出则移除
+        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; // 文字内容居右侧竖线且超出当前线段右边界则移除
 
         if (text) {
-          if (text.left + text.width <= endX) {
+          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;
+
+          if (text.originX === 'left' && text.left + text.width + 2 >= textLimitRight) {
+            textLimitRight !== endX && textArr.push(textContent);
+
+            _this6.canvas.remove(text);
+
+            text = null;
+          } else {
+            textArr = [];
+
             _this6.hoverEvent(text, {
               textObj: textObj,
               startTime: item[0],
               endTime: item[1]
             });
 
-            lineItemList.push(text);
-          } else {
-            _this6.canvas.remove(text);
+            textList.push(text);
           }
         } // 设置拖动限制值
 
@@ -271662,10 +271804,10 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
         leftLimit.x2 = x2 ? x2 : endX;
         leftLimit.x1 = originX;
 
-        if (line.lineList[j - 1]) {
-          var _line$lineList = _slicedToArray(line.lineList[j - 1], 2),
-              preItem0 = _line$lineList[0],
-              preItem1 = _line$lineList[1];
+        if (lineList[j - 1]) {
+          var _lineList2 = _slicedToArray(lineList[j - 1], 2),
+              preItem0 = _lineList2[0],
+              preItem1 = _lineList2[1];
 
           if (preItem1) {
             var preEndMinute = new Date(preItem1).getTime();
@@ -271680,9 +271822,9 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
         rightLimt.x1 = x2 ? x1 : originX;
         rightLimt.x2 = endX;
 
-        if (line.lineList[j + 1]) {
-          var _line$lineList2 = _slicedToArray(line.lineList[j + 1], 1),
-              _preItem = _line$lineList2[0];
+        if (lineList[j + 1]) {
+          var _lineList3 = _slicedToArray(lineList[j + 1], 1),
+              _preItem = _lineList3[0];
 
           if (_preItem) {
             var _preStartMinute = new Date(_preItem).getTime();
@@ -271698,7 +271840,9 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
           textObj: textObj,
           limitX: leftLimit,
           startTime: item[0],
-          endTime: item[1]
+          endTime: item[1],
+          preText: textList[text ? textList.length - 2 : textList.length - 1] || null,
+          textLimitRight: textLimitRight
         });
 
         _this6.lineEvent({
@@ -271708,19 +271852,26 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
           textObj: textObj,
           limitX: rightLimt,
           startTime: item[0],
-          endTime: item[1]
+          endTime: item[1],
+          preText: null,
+          textLimitRight: rightLimt.x2
         });
       });
 
-      (_this$canvas = this.canvas).add.apply(_this$canvas, lineItemList);
+      (_this$canvas = this.canvas).add.apply(_this$canvas, lineItemList.concat(textList));
 
       this.canvas.requestRenderAll();
     },
-    drawLineText: function drawLineText(obj, top, i, j, centerLine, x1, x2) {
-      var channel = obj.channel ? "(".concat(obj.channel, ")") : '';
-      var consistence = obj.consistence ? "(".concat(obj.consistence, ")") : '';
-      var total = obj.total ? "(".concat(obj.total, ")") : '';
-      var value = "".concat(obj.currentSpeed || '').concat(channel).concat(consistence).concat(total);
+    drawLineText: function drawLineText(textArr, top, i, j, centerLine, x1, x2) {
+      // const value = textArr.map(v => {
+      //   const channel = v.channel ? `(${v.channel})` : '';
+      //   const consistence = v.consistence ? `(${v.consistence})` : '';
+      //   const total = v.total ? `(${v.total})` : '';
+      //   return `${v.currentSpeed || ''}${channel}${consistence}${total}`
+      // }).join('—');
+      var value = textArr.filter(function (v) {
+        return v !== '';
+      }).join('—');
       if (value === '') return null;
       var text = new this.fabric.Text(value, objectSpread2_objectSpread2({
         top: top,
@@ -271826,7 +271977,9 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
           textObj = attr.textObj,
           limitX = attr.limitX,
           startTime = attr.startTime,
-          endTime = attr.endTime;
+          endTime = attr.endTime,
+          preText = attr.preText,
+          textLimitRight = attr.textLimitRight;
 
       if (line) {
         line.hasControls = line.hasBorders = false;
@@ -271834,6 +271987,8 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
         line2 && (line.line2 = line2);
         text && (line.text = text);
         line.limitX = limitX;
+        preText && (line.preText = preText);
+        textLimitRight && (line.textLimitRight = textLimitRight);
         this.hoverEvent(line, {
           textObj: textObj,
           startTime: startTime,
@@ -271993,18 +272148,15 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
       return line;
     },
     lineMoveLimit: function lineMoveLimit(line) {
-      line.setCoords();
-      var objBoundingBox = line.getBoundingRect();
+      line.setCoords(); // 需调用setCoords()才能重新计算控制位置(改变Object状态)
 
-      if (objBoundingBox.left < line.limitX.x1) {
+      if (line.left < line.limitX.x1) {
         line.set('left', line.limitX.x1);
       }
 
-      if (objBoundingBox.left > line.limitX.x2) {
+      if (line.left > line.limitX.x2) {
         line.set('left', line.limitX.x2);
       }
-
-      line.setCoords();
     },
     lineMoveUpdateLine: function lineMoveUpdateLine(line) {
       if (line.line1) {
@@ -272023,27 +272175,50 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
     },
     textUpdatePositionX: function textUpdatePositionX(line) {
       var text = line.text || null;
-      if (!text) return; // 如果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 (text) {
+        // 如果line2存在说明当前拖动的是右边手柄，line1存在则是左边手柄，都不存在说明不存在中间线
+        var centerLine = line.line1 || line.line2 || null;
+        var left = line.left;
 
-      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';
-      }
+        var _limitWidth = text.width + 2;
 
-      text.setCoords();
-      text.set({
-        left: v,
-        originX: originX
-      });
+        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) {
@@ -272068,8 +272243,8 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
 
 var FabricLines_component = normalizeComponent(
   fabric_chart_FabricLinesvue_type_script_lang_js_,
-  FabricLinesvue_type_template_id_219caefc_render,
-  FabricLinesvue_type_template_id_219caefc_staticRenderFns,
+  FabricLinesvue_type_template_id_efbd9346_render,
+  FabricLinesvue_type_template_id_efbd9346_staticRenderFns,
   false,
   null,
   null,
@@ -272680,9 +272855,6 @@ var FabricCentervue_type_template_id_6617dc6c_staticRenderFns = []
 
 // CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart2/FabricCenter.vue?vue&type=template&id=6617dc6c&
 
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.fill.js
-var es_array_fill = __webpack_require__("cb29");
-
 // 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@4.1.0@cache-loader/dist/cjs.js??ref--0-0!./node_modules/_vue-loader@15.9.8@vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart2/FabricCenter.vue?vue&type=script&lang=js&
 
 
@@ -273402,6 +273574,9 @@ var FabricCenter_component = normalizeComponent(
 //
 //
 //
+//
+//
+//
 
 /**
  * @author lujiafu
@@ -273451,25 +273626,46 @@ var FabricCenter_component = normalizeComponent(
   },
   computed: {
     polylines: function polylines() {
-      var _this$templateData, _this$templateData2;
+      var _this$templateData, _this$templateData$ri, _this$templateData$ri2, _this$templateData$ri3, _this$templateData2, _this$templateData2$l, _this$templateData2$l2, _this$templateData2$l3;
 
       var list = [];
 
-      if ((_this$templateData = this.templateData) !== null && _this$templateData !== void 0 && _this$templateData.right && this.templateData.right.rightYScalevalue && Array.isArray(this.templateData.right.rightYScalevalue.dataList)) {
-        var position = this.templateData.right.position;
+      if ((_this$templateData = this.templateData) !== null && _this$templateData !== void 0 && (_this$templateData$ri = _this$templateData.right) !== null && _this$templateData$ri !== void 0 && (_this$templateData$ri2 = _this$templateData$ri.rightYScalevalue) !== null && _this$templateData$ri2 !== void 0 && (_this$templateData$ri3 = _this$templateData$ri2.dataList) !== null && _this$templateData$ri3 !== void 0 && _this$templateData$ri3.length) {
+        var _this$templateData$ri4 = this.templateData.right,
+            position = _this$templateData$ri4.position,
+            rightYScalevalue = _this$templateData$ri4.rightYScalevalue;
         list.push(objectSpread2_objectSpread2({
           position: position
-        }, this.templateData.right.rightYScalevalue));
+        }, rightYScalevalue));
       }
 
-      if ((_this$templateData2 = this.templateData) !== null && _this$templateData2 !== void 0 && _this$templateData2.left && this.templateData.left.leftYScalevalue && Array.isArray(this.templateData.left.leftYScalevalue.dataList)) {
-        var _position = this.templateData.left.position;
+      if ((_this$templateData2 = this.templateData) !== null && _this$templateData2 !== void 0 && (_this$templateData2$l = _this$templateData2.left) !== null && _this$templateData2$l !== void 0 && (_this$templateData2$l2 = _this$templateData2$l.leftYScalevalue) !== null && _this$templateData2$l2 !== void 0 && (_this$templateData2$l3 = _this$templateData2$l2.dataList) !== null && _this$templateData2$l3 !== void 0 && _this$templateData2$l3.length) {
+        var _this$templateData$le = this.templateData.left,
+            _position = _this$templateData$le.position,
+            leftYScalevalue = _this$templateData$le.leftYScalevalue;
         list.push(objectSpread2_objectSpread2({
           position: _position
-        }, this.templateData.left.leftYScalevalue));
+        }, leftYScalevalue));
       }
 
       return list;
+    },
+    hasTopTable: function hasTopTable() {
+      var _this$templateData$to, _this$templateData$to2;
+
+      return ((_this$templateData$to = this.templateData.top) === null || _this$templateData$to === void 0 ? void 0 : (_this$templateData$to2 = _this$templateData$to.list) === null || _this$templateData$to2 === void 0 ? void 0 : _this$templateData$to2.length) > 0;
+    },
+    hasTable: function hasTable() {
+      var _this$templateData$le2, _this$templateData$le3, _this$templateData$le4, _this$templateData$ri5, _this$templateData$ri6, _this$templateData$ri7;
+
+      var hasLeft = ((_this$templateData$le2 = this.templateData.left) === null || _this$templateData$le2 === void 0 ? void 0 : (_this$templateData$le3 = _this$templateData$le2.leftYScalevalue) === null || _this$templateData$le3 === void 0 ? void 0 : (_this$templateData$le4 = _this$templateData$le3.list) === null || _this$templateData$le4 === void 0 ? void 0 : _this$templateData$le4.length) > 0;
+      var hasRight = ((_this$templateData$ri5 = this.templateData.right) === null || _this$templateData$ri5 === void 0 ? void 0 : (_this$templateData$ri6 = _this$templateData$ri5.rightYScalevalue) === null || _this$templateData$ri6 === void 0 ? void 0 : (_this$templateData$ri7 = _this$templateData$ri6.list) === null || _this$templateData$ri7 === void 0 ? void 0 : _this$templateData$ri7.length) > 0;
+      return this.hasXScalevalue && hasLeft && hasRight;
+    },
+    hasXScalevalue: function hasXScalevalue() {
+      var _this$templateData$to3, _this$templateData$to4, _this$templateData$to5;
+
+      return ((_this$templateData$to3 = this.templateData.top) === null || _this$templateData$to3 === void 0 ? void 0 : (_this$templateData$to4 = _this$templateData$to3.xScalevalue) === null || _this$templateData$to4 === void 0 ? void 0 : (_this$templateData$to5 = _this$templateData$to4.list) === null || _this$templateData$to5 === void 0 ? void 0 : _this$templateData$to5.length) > 0;
     }
   },
   data: function data() {
@@ -273537,8 +273733,8 @@ var FabricCenter_component = normalizeComponent(
 }));
 // 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=6ad9fd30&lang=less&scoped=true&
-var FabricChartvue_type_style_index_0_id_6ad9fd30_lang_less_scoped_true_ = __webpack_require__("b8b9");
+// EXTERNAL MODULE: ./packages/fabric-chart/src/FabricChart.vue?vue&type=style&index=0&id=3bab1499&lang=less&scoped=true&
+var FabricChartvue_type_style_index_0_id_3bab1499_lang_less_scoped_true_ = __webpack_require__("cb41");
 
 // CONCATENATED MODULE: ./packages/fabric-chart/src/FabricChart.vue
 
@@ -273551,11 +273747,11 @@ var FabricChartvue_type_style_index_0_id_6ad9fd30_lang_less_scoped_true_ = __web
 
 var FabricChart_component = normalizeComponent(
   src_FabricChartvue_type_script_lang_js_,
-  FabricChartvue_type_template_id_6ad9fd30_scoped_true_render,
-  FabricChartvue_type_template_id_6ad9fd30_scoped_true_staticRenderFns,
+  FabricChartvue_type_template_id_3bab1499_scoped_true_render,
+  FabricChartvue_type_template_id_3bab1499_scoped_true_staticRenderFns,
   false,
   null,
-  "6ad9fd30",
+  "3bab1499",
   null
   
 )