cnhis-design-vue 2.1.140 → 2.1.143

package/es/fabric-chart/index.js

@@ -295,7 +295,7 @@ var es_promise_finally = __webpack_require__("a79d");
 // EXTERNAL MODULE: external "core-js/modules/es.function.name.js"
 var es_function_name_js_ = __webpack_require__("db0a");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ed0262d0-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/FabricChart.vue?vue&type=template&id=76395f46&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9441c33a-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/FabricChart.vue?vue&type=template&id=76395f46&scoped=true&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"c-fabric-chart",style:({ width: _vm.canvasWidth })},[(_vm.rendercanvas)?_c('fabric-canvas',_vm._b({ref:"canvasEle",attrs:{"templateData":_vm.templateData}},'fabric-canvas',_vm.$attrs,false),[_c('fabric-grid'),(_vm.hasXScalevalue)?_c('fabric-text-group',_vm._g({ref:"otherGroups",attrs:{"templateData":_vm.templateData}},_vm.$listeners)):_vm._e(),(_vm.hasTable)?_c('fabric-scale-value',{attrs:{"templateData":_vm.templateData}}):_vm._e(),(_vm.hasTopTable)?_c('fabric-lines',_vm._g({ref:"lines",attrs:{"linesObj":_vm.templateData.top}},_vm.$listeners)):_vm._e(),(_vm.hasTable)?_c('fabric-polylines',_vm._g({ref:"polylines",attrs:{"polyline":_vm.polylines,"other":_vm.templateData.left.other || {},"timeRangeStyle":_vm.templateData.timeRangeStyle || {}},on:{"pointOperation":_vm.pointOperation}},_vm.$listeners)):_vm._e()],1):_vm._e()],1)}
 var staticRenderFns = []
 
@@ -308,7 +308,7 @@ var objectSpread2 = __webpack_require__("5530");
 // EXTERNAL MODULE: ./src/core/create.js
 var create = __webpack_require__("8aef");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ed0262d0-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=10e4f5d6&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9441c33a-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=10e4f5d6&
 var FabricCanvasvue_type_template_id_10e4f5d6_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_10e4f5d6_staticRenderFns = []
 
@@ -972,7 +972,7 @@ var component = Object(componentNormalizer["a" /* default */])(
 )
 
 /* harmony default export */ var FabricCanvas = (component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ed0262d0-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=6769ab15&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9441c33a-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=6769ab15&
 var FabricPolylinesvue_type_template_id_6769ab15_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"poly-line"},[_c('MouseRightClick',{directives:[{name:"show",rawName:"v-show",value:(_vm.isRightVisible),expression:"isRightVisible"}],attrs:{"getContainer":_vm.getContainer,"nodeList":_vm.rightClickNode,"rightPos":_vm.rightPos},on:{"nodeClick":_vm.handleRightClick,"closeRight":function($event){_vm.isRightVisible = false}}}),_c('DropPopup',{directives:[{name:"show",rawName:"v-show",value:(_vm.isDropVisible),expression:"isDropVisible"}],attrs:{"val":_vm.dropVal,"dropPos":_vm.dropPos}})],1)}
 var FabricPolylinesvue_type_template_id_6769ab15_staticRenderFns = []
 
@@ -1855,7 +1855,7 @@ function sortByTime() {
     }
   }
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ed0262d0-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":"9441c33a-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 = []
 
@@ -1963,7 +1963,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":"ed0262d0-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":"9441c33a-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 = []
 
@@ -4164,12 +4164,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":"ed0262d0-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=4465a097&
-var FabricTextGroupvue_type_template_id_4465a097_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"text-group"},[_c('MouseRightClick',{directives:[{name:"show",rawName:"v-show",value:(_vm.isRightVisible),expression:"isRightVisible"}],attrs:{"getContainer":_vm.getContainer,"nodeList":_vm.rightClickNode,"rightPos":_vm.rightPos},on:{"nodeClick":_vm.handleRightClick,"closeRight":function($event){_vm.isRightVisible = false}}}),_c('DropPopup',{directives:[{name:"show",rawName:"v-show",value:(_vm.isDropVisible),expression:"isDropVisible"}],attrs:{"val":_vm.dropVal,"dropPos":_vm.dropPos}})],1)}
-var FabricTextGroupvue_type_template_id_4465a097_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9441c33a-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=adfb5518&
+var FabricTextGroupvue_type_template_id_adfb5518_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"text-group"},[_c('MouseRightClick',{directives:[{name:"show",rawName:"v-show",value:(_vm.isRightVisible),expression:"isRightVisible"}],attrs:{"getContainer":_vm.getContainer,"nodeList":_vm.rightClickNode,"rightPos":_vm.rightPos},on:{"nodeClick":_vm.handleRightClick,"closeRight":function($event){_vm.isRightVisible = false}}}),_c('DropPopup',{directives:[{name:"show",rawName:"v-show",value:(_vm.isDropVisible),expression:"isDropVisible"}],attrs:{"val":_vm.dropVal,"dropPos":_vm.dropPos}})],1)}
+var FabricTextGroupvue_type_template_id_adfb5518_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricTextGroup.vue?vue&type=template&id=4465a097&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricTextGroup.vue?vue&type=template&id=adfb5518&
 
 // EXTERNAL MODULE: external "core-js/modules/es.reflect.has.js"
 var es_reflect_has_js_ = __webpack_require__("bfdc");
@@ -4517,6 +4517,8 @@ var external_lodash_ = __webpack_require__("60bb");
 
 
 
+
+
 
 
 
@@ -4599,6 +4601,8 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
 
     this.markData = sortByTime(Object(external_lodash_["cloneDeep"])((_this$templateData$bo = this.templateData.bottom) === null || _this$templateData$bo === void 0 ? void 0 : _this$templateData$bo.list));
     this.markObjs = [];
+    this.otherListPointHeightRange = [];
+    this.inputObj = null;
     return {
       leftStartX: 0,
       isDropVisible: false,
@@ -4616,7 +4620,13 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
 
     };
   },
-  mounted: function mounted() {},
+  mounted: function mounted() {
+    var _this2 = this;
+
+    setTimeout(function () {
+      document.addEventListener('keydown', _this2.handleInputBoxEnterEvent, true);
+    });
+  },
   computed: {
     girdLineStyle: function girdLineStyle() {
       return Object.assign({}, defaultVaule.borderStyle, this.templateData.borderStyle || {});
@@ -4669,28 +4679,140 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
       this.canvas.add(this.drawLine([0, 0, 0, canvasHeight], Object(objectSpread2["a" /* default */])({}, this.girdLineStyle)));
     },
     createEvent: function createEvent() {
-      var _this2 = this;
+      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 button = event.button,
+            target = event.target,
+            pointer = event.pointer;
+        var x = pointer.x,
+            y = pointer.y;
 
-          if (_this2.isGridLimit(x, y)) {
-            _this2.activeEvent = event;
-            !_this2.isAddEventListenerContextmenu && _this2.canvas.wrapperEl.addEventListener('contextmenu', _this2.addEventListenerContextmenu, true);
-            _this2.isAddEventListenerContextmenu = true;
+        if (_this3.isGridLimit(x, y)) {
+          if (button === 3) {
+            _this3.activeEvent = event;
+            !_this3.isAddEventListenerContextmenu && _this3.canvas.wrapperEl.addEventListener('contextmenu', _this3.addEventListenerContextmenu, true);
+            _this3.isAddEventListenerContextmenu = true;
+          }
+
+          if (button === 1) {
+            var _this3$otherListPoint, _target$id;
+
+            if (!((_this3$otherListPoint = _this3.otherListPointHeightRange) !== null && _this3$otherListPoint !== void 0 && _this3$otherListPoint.length) || _this3.inputObj) return;
+            if (target !== null && target !== void 0 && target.id && (!(target !== null && target !== void 0 && (_target$id = target.id) !== null && _target$id !== void 0 && _target$id.includes('_other')) || (target === null || target === void 0 ? void 0 : target.type) !== 'list' || target.isTitle)) return;
+            var content = '';
+
+            if (target) {
+              if (target.moving) {
+                target.moving = false;
+                return;
+              } else {
+                var _target$origin, _target$origin$value;
+
+                content = (_target$origin = target.origin) === null || _target$origin === void 0 ? void 0 : (_target$origin$value = _target$origin.value) === null || _target$origin$value === void 0 ? void 0 : _target$origin$value.toString();
+              }
+            }
+
+            var item = _this3.otherListPointHeightRange.find(function (_ref) {
+              var y1 = _ref.y1,
+                  y2 = _ref.y2;
+              return y >= y1 && y <= y2;
+            });
+
+            if (Object(external_lodash_["isNumber"])(item === null || item === void 0 ? void 0 : item.dataIndex)) {
+              _this3.inputObj = new _this3.fabric.Textbox(content, {
+                left: x,
+                top: y,
+                width: 100,
+                height: 100,
+                fontSize: 18,
+                objectCaching: false,
+                hasControls: false,
+                borderColor: '#000',
+                editingBorderColor: '#000',
+                backgroundColor: '#fff',
+                fontFamily: '微软雅黑',
+                otherListPointHeightRangeItem: Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, item), {}, {
+                  left: x,
+                  target: target
+                })
+              });
+
+              _this3.canvas.add(_this3.inputObj).setActiveObject(_this3.inputObj);
+
+              _this3.inputObj.enterEditing();
+
+              if (content) {
+                _this3.inputObj.setSelectionEnd(content.length);
+              }
+            }
+          }
+        }
+      });
+      this.canvas.on('selection:cleared', function (_ref2) {
+        var deselected = _ref2.deselected;
+
+        if (deselected !== null && deselected !== void 0 && deselected.find(function (obj) {
+          return obj.otherListPointHeightRangeItem;
+        })) {
+          var _this3$inputObj = _this3.inputObj,
+              text = _this3$inputObj.text,
+              otherListPointHeightRangeItem = _this3$inputObj.otherListPointHeightRangeItem;
+          text = text.replace(/^\s+|\s+$/g, '');
+
+          _this3.canvas.remove(_this3.inputObj);
+
+          _this3.inputObj = null;
+          if (!text) return;
+          var dataList = otherListPointHeightRangeItem.dataList,
+              left = otherListPointHeightRangeItem.left,
+              target = otherListPointHeightRangeItem.target;
+
+          if (target) {
+            var _target$origin2;
+
+            var params = _this3.getOtherParams(target);
+
+            if (text == ((_target$origin2 = target.origin) === null || _target$origin2 === void 0 ? void 0 : _target$origin2.value)) return;
+
+            _this3.$emit('otherChange', Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, params), {}, {
+              data: Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, params.data), {}, {
+                value: text
+              })
+            }));
+          } else {
+            var index = dataList.findIndex(function (_left) {
+              return _left > left;
+            });
+
+            var _params = _this3.getOtherParams(otherListPointHeightRangeItem);
+
+            _this3.$emit('addOhter', Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, _params), {}, {
+              index: !~index ? dataList.length : index,
+              data: Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, _params.data), {}, {
+                value: text
+              })
+            }));
           }
         }
       });
       bus.$on('deleteOther', function (otherList) {
-        return _this2.$emit('deleteOther', otherList);
+        return _this3.$emit('deleteOther', otherList);
       });
     },
+    handleInputBoxEnterEvent: function handleInputBoxEnterEvent(e) {
+      if (!this.inputObj || ![13, 27].includes(e.keyCode)) return;
+
+      if (e.keyCode === 27) {
+        this.inputObj.text = '';
+      }
+
+      this.inputObj.exitEditing();
+      this.canvas.discardActiveObject(this.inputObj);
+    },
     // 打开右键菜单
     openRightModal: function openRightModal() {
-      var _this3 = this;
+      var _this4 = this;
 
       // 一下方法不会生效，因为，polylines组件中timeRangeData.enabled设置为false操作晚于当前操作，需换一种方式
       // if (this.$parent.$children.find(children => /polylines/.test(children.$vnode.tag))?.componentInstance?.timeRangeData?.enabled) return;
@@ -4708,31 +4830,31 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
       var id = (target === null || target === void 0 ? void 0 : 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;
+          _this4._currentPoint = target || '';
+          _this4.rightClickNode = Object.freeze(FabricTextGroupvue_type_script_lang_js_rightClickNode.slice());
+          _this4.isRightVisible = true;
         }
       });
     },
     // 关闭右键菜单，打开添加节点弹窗表单
-    handleRightClick: function handleRightClick(_ref) {
-      var type = _ref.type;
+    handleRightClick: function handleRightClick(_ref3) {
+      var type = _ref3.type;
       this.isRightVisible = false;
       var text = this._currentPoint;
       this._currentPoint = '';
       this.$emit("".concat(type, "Other"), this.getOtherParams(text, false));
     },
     removeOther: function removeOther() {
-      var _this4 = this;
+      var _this5 = this;
 
       this.canvas.forEachObject(function (obj) {
         if (obj.id && obj.id.includes('_other')) {
-          _this4.canvas.remove(obj);
+          _this5.canvas.remove(obj);
         }
       });
     },
     drawTopTotal: function drawTopTotal(topTotalList) {
-      var _this5 = this,
+      var _this6 = this,
           _this$canvas;
 
       var _this$propItems2 = this.propItems,
@@ -4752,7 +4874,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
         var _topTotal$divider;
 
         var top = i * yCellHeightTop + yCellHeightTopHalf + originYTop;
-        var text = v ? new _this5.fabric.Text(String(v), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.style), topTotal.style || defaultVaule.textStyle), {}, {
+        var text = v ? new _this6.fabric.Text(String(v), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.style), topTotal.style || defaultVaule.textStyle), {}, {
           left: left,
           top: top,
           originX: 'center',
@@ -4770,7 +4892,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
         if ((_topTotal$divider = topTotal.divider) !== null && _topTotal$divider !== void 0 && _topTotal$divider.show) {
           var dividerY = top + yCellHeightTopHalf;
 
-          var divider = _this5.drawLine([endX, dividerY, endX + totalWidth, dividerY], topTotal.divider.style);
+          var divider = _this6.drawLine([endX, dividerY, endX + totalWidth, dividerY], topTotal.divider.style);
 
           textList.push(divider);
         }
@@ -4789,33 +4911,33 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
       (_this$canvas = this.canvas).add.apply(_this$canvas, textList.concat([title]));
     },
     topTreeTextGroup: function topTreeTextGroup(list) {
-      var _this6 = this;
+      var _this7 = this;
 
       list.forEach(function (item) {
         var _item$children2;
 
         if (item !== null && item !== void 0 && (_item$children2 = item.children) !== null && _item$children2 !== void 0 && _item$children2.length) {
-          _this6.canvas.add(_this6.drawTextGroup({
+          _this7.canvas.add(_this7.drawTextGroup({
             width: item.width,
             height: item.height,
             strokeWidth: 1
           }, Object(objectSpread2["a" /* default */])({
             text: String(item.title)
-          }, _this6.templateData.top.treeTableTextStyle || {}), {
+          }, _this7.templateData.top.treeTableTextStyle || {}), {
             left: item.left,
             top: item.top
           }));
 
-          _this6.topTreeTextGroup(item.children);
+          _this7.topTreeTextGroup(item.children);
         } else {
           // 此处的文本text的中心源的定位由于draw.js中封装反向的，所以此时文本需要向左排列originX值应为right
-          _this6.canvas.add(_this6.drawTextGroup({
+          _this7.canvas.add(_this7.drawTextGroup({
             width: item.width,
             height: item.height,
             strokeWidth: 1
           }, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
             text: String(item.title)
-          }, _this6.templateData.top.treeTableTextStyle || {}), {}, {
+          }, _this7.templateData.top.treeTableTextStyle || {}), {}, {
             originX: 'right',
             left: -Math.floor(item.width / 2) + 5
           }), {
@@ -4836,7 +4958,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
       }
     },
     drawTextDataGroupColList: function drawTextDataGroupColList(colList) {
-      var _this7 = this,
+      var _this8 = this,
           _this$canvas2;
 
       var _this$propItems3 = this.propItems,
@@ -4846,14 +4968,14 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
       colList.forEach(function (item, index) {
         var baseTop = originY + (item.marginTop || 10);
 
-        if (_this7.isLimit(item.scalevalue)) {
+        if (_this8.isLimit(item.scalevalue)) {
           var textItemPoints = [];
 
-          var left = _this7.computedX(item.scalevalue);
+          var left = _this8.computedX(item.scalevalue);
 
           item.dataList.forEach(function (v, i) {
             var top = baseTop + i * (item.lineHeight || 15);
-            var text = new _this7.fabric.Text(String(v.value), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.style), defaultVaule.textStyle), item.style), {}, {
+            var text = new _this8.fabric.Text(String(v.value), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.style), defaultVaule.textStyle), item.style), {}, {
               originX: 'left',
               originY: 'center',
               left: left,
@@ -4868,10 +4990,10 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
               origin: Object(objectSpread2["a" /* default */])({
                 time: item.scalevalue
               }, v)
-            }, _this7.eventStyle));
+            }, _this8.eventStyle));
             textItemPoints.push(text);
 
-            _this7.pointOtherEvent(text);
+            _this8.pointOtherEvent(text);
 
             textList.push(text);
           });
@@ -4892,25 +5014,26 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
       (_this$canvas2 = this.canvas).add.apply(_this$canvas2, textList);
     },
     drawTextDataGroupList: function drawTextDataGroupList(list) {
-      var _this8 = this;
+      var _this9 = this;
 
       return Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-        var _this8$canvas;
+        var _this9$canvas;
 
-        var textList, _this8$propItems, originX, originY, top, index, len, _item$titleStyle, item, marginLeft, left, originOptions, title, _ref2, _ref2$icon, _icon, dataList, prevPoint, i, _len, v, commonOptions, _left2, icon, iconHalfWidth, text, groupObj;
+        var textList, _this9$propItems, originX, originY, top, index, len, _item$titleStyle, item, marginLeft, left, originOptions, title, _ref4, _ref4$icon, _icon, dataList, prevPoint, i, _len, v, commonOptions, _left2, icon, iconHalfWidth, text, groupObj;
 
         return regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
+                _this9.otherListPointHeightRange = [];
                 textList = [];
-                _this8$propItems = _this8.propItems, originX = _this8$propItems.originX, originY = _this8$propItems.originY;
+                _this9$propItems = _this9.propItems, originX = _this9$propItems.originX, originY = _this9$propItems.originY;
                 top = originY + 10;
                 index = 0, len = list.length;
 
-              case 4:
+              case 5:
                 if (!(index < len)) {
-                  _context.next = 43;
+                  _context.next = 45;
                   break;
                 }
 
@@ -4927,36 +5050,46 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
                   left: left,
                   top: top
                 };
-                title = new _this8.fabric.Text(String(item.title), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.style), defaultVaule.textStyle), item.style), item.titleStyle || {}), {}, {
+                title = new _this9.fabric.Text(String(item.title), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.style), defaultVaule.textStyle), item.style), item.titleStyle || {}), {}, {
                   originY: 'center',
                   id: "".concat(index, "_other_").concat(Date.now()),
                   dataIndex: index,
                   type: 'list',
                   hasControls: false,
                   hasBorders: false
-                }, originOptions), _this8.eventStyle), {}, {
-                  dataList: []
+                }, originOptions), _this9.eventStyle), {}, {
+                  dataList: [],
+                  isTitle: true
                 }));
 
-                _this8.setMovingEvent(title, originOptions);
+                _this9.setMovingEvent(title, originOptions);
 
                 textList.push(title);
-                _ref2 = item || {}, _ref2$icon = _ref2.icon, _icon = _ref2$icon === void 0 ? {
+
+                _this9.otherListPointHeightRange.push({
+                  type: 'list',
+                  dataIndex: index,
+                  dataList: title.dataList,
+                  y1: top - title.height / 2,
+                  y2: top + title.height / 2
+                });
+
+                _ref4 = item || {}, _ref4$icon = _ref4.icon, _icon = _ref4$icon === void 0 ? {
                   type: 'circle'
-                } : _ref2$icon, dataList = _ref2.dataList;
+                } : _ref4$icon, dataList = _ref4.dataList;
                 prevPoint = void 0;
                 i = 0, _len = dataList.length;
 
-              case 16:
+              case 18:
                 if (!(i < _len)) {
-                  _context.next = 40;
+                  _context.next = 42;
                   break;
                 }
 
                 v = dataList[i];
 
-                if (!_this8.isLimit(v.time)) {
-                  _context.next = 37;
+                if (!_this9.isLimit(v.time)) {
+                  _context.next = 39;
                   break;
                 }
 
@@ -4969,41 +5102,41 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
                   objectCaching: false,
                   origin: v
                 };
-                _left2 = _this8.computedX(v.time);
+                _left2 = _this9.computedX(v.time);
                 title.dataList.push(_left2);
 
                 if (!(!Reflect.has(_icon, 'show') || _icon.show)) {
-                  _context.next = 28;
+                  _context.next = 30;
                   break;
                 }
 
-                _context.next = 25;
-                return _this8.createPoint(_icon.type, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
+                _context.next = 27;
+                return _this9.createPoint(_icon.type, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
                   originX: 'center',
                   left: _left2
                 }, item.style), item.style ? {
                   stroke: item.style.fill
                 } : {}), _icon.style || {}), commonOptions));
 
-              case 25:
+              case 27:
                 _context.t0 = _context.sent;
-                _context.next = 29;
+                _context.next = 31;
                 break;
 
-              case 28:
+              case 30:
                 _context.t0 = null;
 
-              case 29:
+              case 31:
                 icon = _context.t0;
                 iconHalfWidth = icon ? icon.width / 2 : 0;
-                text = new _this8.fabric.Text(String(v.value), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.style), defaultVaule.textStyle), item.style), {}, {
+                text = new _this9.fabric.Text(String(v.value), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.style), defaultVaule.textStyle), item.style), {}, {
                   left: _left2 + iconHalfWidth,
                   name: v.value
                 }, commonOptions));
-                groupObj = new _this8.fabric.Group(icon ? [icon, text] : [text], Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
+                groupObj = new _this9.fabric.Group(icon ? [icon, text] : [text], Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
                   id: "".concat(index, "_").concat(i, "_other_").concat(Date.now()),
                   lockMovementY: true
-                }, commonOptions), _this8.eventStyle), {}, {
+                }, commonOptions), _this9.eventStyle), {}, {
                   realLeft: _left2,
                   iconHalfWidth: iconHalfWidth
                 }));
@@ -5015,24 +5148,24 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
 
                 prevPoint = groupObj;
 
-                _this8.pointOtherEvent(groupObj);
+                _this9.pointOtherEvent(groupObj);
 
                 textList.push(groupObj);
 
-              case 37:
+              case 39:
                 i++;
-                _context.next = 16;
+                _context.next = 18;
                 break;
 
-              case 40:
+              case 42:
                 index++;
-                _context.next = 4;
+                _context.next = 5;
                 break;
 
-              case 43:
-                (_this8$canvas = _this8.canvas).add.apply(_this8$canvas, textList);
+              case 45:
+                (_this9$canvas = _this9.canvas).add.apply(_this9$canvas, textList);
 
-              case 44:
+              case 46:
               case "end":
                 return _context.stop();
             }
@@ -5050,7 +5183,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
       }
     },
     setMovingEvent: function setMovingEvent(point) {
-      var _this9 = this;
+      var _this10 = this;
 
       var _this$propItems4 = this.propItems,
           originX = _this$propItems4.originX,
@@ -5068,28 +5201,28 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
         !point.isClone && point.clone(function (obj) {
           obj.set('originX', 'right');
 
-          _this9.canvas.add(obj);
+          _this10.canvas.add(obj);
 
           cloneObj = obj;
           point.isClone = true;
         });
 
         if (isLimit()) {
-          _this9.emitMouseoverTarget(point);
+          _this10.emitMouseoverTarget(point);
         } else {
-          _this9.emitMouseoverTarget();
+          _this10.emitMouseoverTarget();
         }
       });
       point.on('moved', function () {
-        _this9.canvas.remove(cloneObj);
+        _this10.canvas.remove(cloneObj);
 
         point.isClone = false;
 
-        _this9.removeOther();
+        _this10.removeOther();
 
-        _this9.drawTextDataGroup(_this9.templateData.other);
+        _this10.drawTextDataGroup(_this10.templateData.other);
 
-        _this9.emitMouseoverTarget();
+        _this10.emitMouseoverTarget();
 
         if (isLimit()) {
           var left = point.left,
@@ -5099,15 +5232,15 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
           }); // 使用定时器，是因为：防止上方移除重绘过慢新增完后再次触发移除重绘导致页面多次重绘节点
 
           setTimeout(function () {
-            _this9.$emit('addOhter', Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, _this9.getOtherParams(point)), {}, {
-              index: !~index ? dataList.length ? dataList.length - 1 : 0 : index
+            _this10.$emit('addOhter', Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, _this10.getOtherParams(point)), {}, {
+              index: !~index ? dataList.length : index
             }));
           });
         }
       });
     },
     pointOtherEvent: function pointOtherEvent(point) {
-      var _this10 = this;
+      var _this11 = this;
 
       point.hasControls = point.hasBorders = false;
       this.setPopup(point); // 移动中 实时更新相关联的线的坐标
@@ -5117,6 +5250,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
             endX = _this$propItems5.endX,
             originX = _this$propItems5.originX;
         point.on('moving', function () {
+          point.moving = true;
           point.setCoords();
           var prevPoint = point.prevPoint,
               nextPoint = point.nextPoint;
@@ -5142,12 +5276,12 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
             });
           }
 
-          _this10.showDrapPopup(point);
+          _this11.showDrapPopup(point);
         });
         point.on('moved', function () {
-          _this10.isDropVisible = false;
+          _this11.isDropVisible = false;
 
-          _this10.$emit('otherChange', _this10.getOtherParams(point));
+          _this11.$emit('otherChange', _this11.getOtherParams(point));
         });
       }
     },
@@ -5169,13 +5303,13 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
       };
     },
     setPopup: function setPopup(point) {
-      var _this11 = this;
+      var _this12 = this;
 
       point.on('mouseover', function () {
-        return _this11.emitMouseoverTarget(point);
+        return _this12.emitMouseoverTarget(point);
       });
       point.on('mouseout', function () {
-        return _this11.emitMouseoverTarget();
+        return _this12.emitMouseoverTarget();
       });
     },
     // 判断当前时间是否超出网格区域
@@ -5187,10 +5321,10 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
       return time >= minTime && time <= maxTime;
     },
     removeMark: function removeMark() {
-      var _this12 = this;
+      var _this13 = this;
 
       this.markObjs.forEach(function (obj) {
-        return _this12.canvas.remove(obj);
+        return _this13.canvas.remove(obj);
       });
     },
     drawTopTotalLineAndTitle: function drawTopTotalLineAndTitle() {
@@ -5226,7 +5360,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
     // 底部标记
     drawBottomTextDataGroup: function drawBottomTextDataGroup() {
       var _this$markData,
-          _this13 = this,
+          _this14 = this,
           _obj$style,
           _obj$iconStyle,
           _obj$seqStyle,
@@ -5245,7 +5379,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
 
       if (this.markObjs.length) {
         Object(toConsumableArray["a" /* default */])(this.markObjs).forEach(function (obj) {
-          return _this13.canvas.remove(obj);
+          return _this14.canvas.remove(obj);
         });
 
         this.markObjs = [];
@@ -5265,14 +5399,14 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
       var prevLeft = 0;
       var pointerObj = {};
       this.markData.forEach(function (item, index) {
-        var x = _this13.computedX(item[0]);
+        var x = _this14.computedX(item[0]);
 
-        if (_this13.isLimit(item[0])) {
+        if (_this14.isLimit(item[0])) {
           pointerObj["x_".concat(x)] = [];
           var pointList = [];
           var startTop = baseY;
           item[1].forEach( /*#__PURE__*/function () {
-            var _ref3 = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(v, i) {
+            var _ref5 = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(v, i) {
               var common, lineHeight, isShowDesc, _computedTop, topObj, _startTop, oldStartTop;
 
               return regeneratorRuntime.wrap(function _callee2$(_context2) {
@@ -5288,7 +5422,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
                         objectCaching: false
                       };
 
-                      if (_this13.isObject(v) && !v.value) {
+                      if (_this14.isObject(v) && !v.value) {
                         lineHeight = lineHeightImg;
                       } else if (v.value) {
                         if (v.seq) {
@@ -5302,10 +5436,10 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
                         isShowDesc = v.desc && obj.showDesc; // 错位显示处理
 
                         if (prevLeft && x - prevLeft <= xCellWidth) {
-                          pointerObj["x_".concat(prevLeft)].forEach(function (_ref4) {
-                            var _ref5 = Object(slicedToArray["a" /* default */])(_ref4, 2),
-                                y1 = _ref5[0],
-                                y2 = _ref5[1];
+                          pointerObj["x_".concat(prevLeft)].forEach(function (_ref6) {
+                            var _ref7 = Object(slicedToArray["a" /* default */])(_ref6, 2),
+                                y1 = _ref7[0],
+                                y2 = _ref7[1];
 
                             if (startTop + lineHeight + (isShowDesc ? lineHeightText : 0) >= endY + markHeight) {
                               startTop = baseYTop;
@@ -5324,7 +5458,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
                         _computedTop = computedTop(isShowDesc, startTop, lineHeight), topObj = _computedTop.topObj, _startTop = _computedTop.startTop, oldStartTop = _computedTop.oldStartTop;
                         startTop = _startTop;
                         pointerObj["x_".concat(x)].push([oldStartTop, startTop]);
-                        pointList.push(_this13.drawMarkPoint(v, common, obj, topObj, x));
+                        pointList.push(_this14.drawMarkPoint(v, common, obj, topObj, x));
                       }
 
                     case 3:
@@ -5336,16 +5470,16 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
             }));
 
             return function (_x, _x2) {
-              return _ref3.apply(this, arguments);
+              return _ref5.apply(this, arguments);
             };
           }());
           prevLeft = x;
           Promise.all(pointList).then(function (res) {
-            var _this13$markObjs, _this13$canvas;
+            var _this14$markObjs, _this14$canvas;
 
-            (_this13$markObjs = _this13.markObjs).push.apply(_this13$markObjs, Object(toConsumableArray["a" /* default */])(res));
+            (_this14$markObjs = _this14.markObjs).push.apply(_this14$markObjs, Object(toConsumableArray["a" /* default */])(res));
 
-            (_this13$canvas = _this13.canvas).add.apply(_this13$canvas, Object(toConsumableArray["a" /* default */])(res));
+            (_this14$canvas = _this14.canvas).add.apply(_this14$canvas, Object(toConsumableArray["a" /* default */])(res));
           });
         }
       });
@@ -5396,8 +5530,8 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
         };
       }
     },
-    drawMarkPoint: function drawMarkPoint(v, option, obj, _ref6, x) {
-      var _this14 = this;
+    drawMarkPoint: function drawMarkPoint(v, option, obj, _ref8, x) {
+      var _this15 = this;
 
       return Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
         var y1, y2, positionObj, point, eventStyle, ele, _obj$seqStyle2, _obj$seqStyle3, circle, text, descPoint;
@@ -5406,19 +5540,19 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
           while (1) {
             switch (_context3.prev = _context3.next) {
               case 0:
-                y1 = _ref6.y1, y2 = _ref6.y2;
+                y1 = _ref8.y1, y2 = _ref8.y2;
                 positionObj = {
                   left: x,
                   originX: 'center',
                   originY: 'center',
                   top: y2
                 };
-                eventStyle = !_this14.eventStyle.evented ? {
+                eventStyle = !_this15.eventStyle.evented ? {
                   lockMovementX: true,
                   lockMovementY: true
                 } : {};
 
-                if (!(_this14.isObject(v) && !v.value)) {
+                if (!(_this15.isObject(v) && !v.value)) {
                   _context3.next = 13;
                   break;
                 }
@@ -5429,14 +5563,14 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
                 }
 
                 _context3.next = 7;
-                return _this14.createImage(v.iconClassName, v);
+                return _this15.createImage(v.iconClassName, v);
 
               case 7:
                 ele = _context3.sent;
 
               case 8:
                 _context3.next = 10;
-                return _this14.createPoint(v !== null && v !== void 0 && v.url || v !== null && v !== void 0 && v.iconClassName ? 'img' : v.type, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
+                return _this15.createPoint(v !== null && v !== void 0 && v.url || v !== null && v !== void 0 && v.iconClassName ? 'img' : v.type, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
                   ele: ele || ''
                 }, positionObj), obj.iconStyle), v), option), eventStyle));
 
@@ -5457,7 +5591,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
                 }
 
                 _context3.next = 17;
-                return _this14.createPoint('circle', Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, positionObj), option), {}, {
+                return _this15.createPoint('circle', Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, positionObj), option), {}, {
                   radius: 5,
                   strokeWidth: 1,
                   stroke: '#000',
@@ -5466,9 +5600,9 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
 
               case 17:
                 circle = _context3.sent;
-                text = new _this14.fabric.Text(String(v.value), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.textStyle), positionObj), option), ((_obj$seqStyle3 = obj.seqStyle) === null || _obj$seqStyle3 === void 0 ? void 0 : _obj$seqStyle3.text) || {}));
+                text = new _this15.fabric.Text(String(v.value), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.textStyle), positionObj), option), ((_obj$seqStyle3 = obj.seqStyle) === null || _obj$seqStyle3 === void 0 ? void 0 : _obj$seqStyle3.text) || {}));
                 _context3.next = 21;
-                return new _this14.fabric.Group([circle, text], Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, positionObj), option), eventStyle));
+                return new _this15.fabric.Group([circle, text], Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, positionObj), option), eventStyle));
 
               case 21:
                 point = _context3.sent;
@@ -5477,7 +5611,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
 
               case 24:
                 _context3.next = 26;
-                return new _this14.fabric.Text(String(v.value), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.textStyle), obj.style), positionObj), option), eventStyle));
+                return new _this15.fabric.Text(String(v.value), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.textStyle), obj.style), positionObj), option), eventStyle));
 
               case 26:
                 point = _context3.sent;
@@ -5488,11 +5622,11 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
                   break;
                 }
 
-                descPoint = new _this14.fabric.Text(String(v.desc), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.textStyle), positionObj), option), obj.style), {}, {
+                descPoint = new _this15.fabric.Text(String(v.desc), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.textStyle), positionObj), option), obj.style), {}, {
                   top: y1
                 }));
                 _context3.next = 31;
-                return new _this14.fabric.Group([descPoint, point], Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, option), {}, {
+                return new _this15.fabric.Group([descPoint, point], Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, option), {}, {
                   left: x,
                   originX: 'center'
                 }, eventStyle));
@@ -5503,7 +5637,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
               case 32:
                 point.hasControls = point.hasBorders = false;
 
-                _this14.pointEvent(point);
+                _this15.pointEvent(point);
 
                 return _context3.abrupt("return", point);
 
@@ -5516,38 +5650,38 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
       }))();
     },
     pointEvent: function pointEvent(point) {
-      var _this15 = this;
+      var _this16 = this;
 
       this.setPopup(point); // 移动中 实时更新相关联的线的坐标
 
       if (this.eventStyle.evented) {
         point.on('moving', function () {
-          _this15.moveLimit(point); // this.canvas.renderAll();
+          _this16.moveLimit(point); // this.canvas.renderAll();
 
 
-          _this15.showDrapPopup(point);
+          _this16.showDrapPopup(point);
         });
         point.on('moved', function () {
-          _this15.isDropVisible = false;
+          _this16.isDropVisible = false;
           var value = {
             data: point.data,
             oldVal: point.time,
-            newVal: _this15.getXValue(point.left)
+            newVal: _this16.getXValue(point.left)
           };
 
-          _this15.$emit('markChange', value);
+          _this16.$emit('markChange', value);
 
-          _this15.updateMarkData(value);
+          _this16.updateMarkData(value);
 
-          _this15.drawBottomTextDataGroup();
+          _this16.drawBottomTextDataGroup();
 
-          _this15.canvas.discardActiveObject();
+          _this16.canvas.discardActiveObject();
         });
       }
     },
-    updateMarkData: function updateMarkData(_ref7) {
-      var data = _ref7.data,
-          newVal = _ref7.newVal;
+    updateMarkData: function updateMarkData(_ref9) {
+      var data = _ref9.data,
+          newVal = _ref9.newVal;
       var id = data.id;
       var listIndex, index;
       listIndex = this.markData.findIndex(function (v) {
@@ -5716,6 +5850,9 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
         }));
       }
     }
+  },
+  beforeDestroy: function beforeDestroy() {
+    document.removeEventListener('keydown', this.handleInputBoxEnterEvent);
   }
 });
 // CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricTextGroup.vue?vue&type=script&lang=js&
@@ -5730,8 +5867,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_4465a097_render,
-  FabricTextGroupvue_type_template_id_4465a097_staticRenderFns,
+  FabricTextGroupvue_type_template_id_adfb5518_render,
+  FabricTextGroupvue_type_template_id_adfb5518_staticRenderFns,
   false,
   null,
   null,
@@ -5740,14 +5877,14 @@ var FabricTextGroup_component = Object(componentNormalizer["a" /* default */])(
 )
 
 /* harmony default export */ var FabricTextGroup = (FabricTextGroup_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ed0262d0-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricScaleValue.vue?vue&type=template&id=68258044&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9441c33a-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricScaleValue.vue?vue&type=template&id=68258044&
 var FabricScaleValuevue_type_template_id_68258044_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.show)?_c('TimeScaleValue',{attrs:{"times":_vm.timeList,"templateData":_vm.templateData}}):_vm._e()}
 var FabricScaleValuevue_type_template_id_68258044_staticRenderFns = []
 
 
 // CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricScaleValue.vue?vue&type=template&id=68258044&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ed0262d0-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=0aa2f038&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9441c33a-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=0aa2f038&scoped=true&
 var TimeScaleValuevue_type_template_id_0aa2f038_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_0aa2f038_scoped_true_staticRenderFns = []
 
@@ -6131,7 +6268,7 @@ var FabricScaleValue_component = Object(componentNormalizer["a" /* default */])(
 )
 
 /* harmony default export */ var FabricScaleValue = (FabricScaleValue_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"ed0262d0-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=template&id=74aef744&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9441c33a-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=template&id=74aef744&
 var FabricLinesvue_type_template_id_74aef744_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"line"},[_c('MouseRightClick',{directives:[{name:"show",rawName:"v-show",value:(_vm.isRightVisible),expression:"isRightVisible"}],attrs:{"getContainer":_vm.getContainer,"nodeList":_vm.rightClickNode,"rightPos":_vm.rightPos},on:{"nodeClick":_vm.handleRightClick,"closeRight":function($event){_vm.isRightVisible = false}}}),_c('DropPopup',{directives:[{name:"show",rawName:"v-show",value:(_vm.isDropVisible),expression:"isDropVisible"}],attrs:{"val":_vm.dropVal,"dropPos":_vm.dropPos}})],1)}
 var FabricLinesvue_type_template_id_74aef744_staticRenderFns = []