cnhis-design-vue 2.1.144 → 2.1.146

package/es/fabric-chart/index.js

@@ -295,12 +295,12 @@ var es_promise_finally = __webpack_require__("a79d");
 // EXTERNAL MODULE: external "core-js/modules/es.function.name.js"
 var es_function_name_js_ = __webpack_require__("db0a");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"70f3d6c1-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":"8f89c644-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=4f0a8f90&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 = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/FabricChart.vue?vue&type=template&id=76395f46&scoped=true&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/FabricChart.vue?vue&type=template&id=4f0a8f90&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
 var objectSpread2 = __webpack_require__("5530");
@@ -308,12 +308,12 @@ var objectSpread2 = __webpack_require__("5530");
 // EXTERNAL MODULE: ./src/core/create.js
 var create = __webpack_require__("8aef");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"70f3d6c1-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 = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8f89c644-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=0743e24e&
+var FabricCanvasvue_type_template_id_0743e24e_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_0743e24e_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricCanvas.vue?vue&type=template&id=10e4f5d6&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricCanvas.vue?vue&type=template&id=0743e24e&
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js + 3 modules
 var toConsumableArray = __webpack_require__("2909");
@@ -532,8 +532,7 @@ var vexutils_default = /*#__PURE__*/__webpack_require__.n(vexutils_);
       } catch (error) {
         console.warn(error);
       }
-    } // if (!this.templateData.left || !this.templateData.right) {
-
+    }
 
     if (!this.templateData.left) {
       try {
@@ -962,8 +961,8 @@ var componentNormalizer = __webpack_require__("2877");
 
 var component = Object(componentNormalizer["a" /* default */])(
   fabric_chart_FabricCanvasvue_type_script_lang_js_,
-  FabricCanvasvue_type_template_id_10e4f5d6_render,
-  FabricCanvasvue_type_template_id_10e4f5d6_staticRenderFns,
+  FabricCanvasvue_type_template_id_0743e24e_render,
+  FabricCanvasvue_type_template_id_0743e24e_staticRenderFns,
   false,
   null,
   null,
@@ -972,12 +971,12 @@ var component = Object(componentNormalizer["a" /* default */])(
 )
 
 /* harmony default export */ var FabricCanvas = (component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"70f3d6c1-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=56585a2b&
-var FabricPolylinesvue_type_template_id_56585a2b_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_56585a2b_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8f89c644-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=75a38c46&
+var FabricPolylinesvue_type_template_id_75a38c46_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_75a38c46_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricPolylines.vue?vue&type=template&id=56585a2b&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricPolylines.vue?vue&type=template&id=75a38c46&
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
 var asyncToGenerator = __webpack_require__("1da1");
@@ -1133,13 +1132,6 @@ var es_object_freeze_js_ = __webpack_require__("030b");
           endX = _this$propItems3.endX,
           endY = _this$propItems3.endY;
       return x >= originX && x <= endX && y >= originY && y <= endY;
-    },
-    isTopTreeAndGridLimit: function isTopTreeAndGridLimit(x, y) {
-      var _this$propItems4 = this.propItems,
-          endX = _this$propItems4.endX,
-          endYTop = _this$propItems4.endYTop,
-          originYTop = _this$propItems4.originYTop;
-      return x >= 0 && x <= endX && y >= originYTop && y <= endYTop;
     }
   }
 });
@@ -1154,6 +1146,10 @@ var es_number_constructor_js_ = __webpack_require__("f989");
 
 
 
+
+
+
+
 var utils_isNumber = function isNumber(num) {
   return typeof num === 'number' && Number.isFinite(num);
 };
@@ -1240,6 +1236,17 @@ function sortByTime() {
   });
   return list;
 }
+function getUuid() {
+  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+    var r = Math.random() * 16 | 0,
+        v = c == 'x' ? r : r & 0x3 | 0x8;
+    return v.toString(16);
+  });
+}
+function toReversed(arr) {
+  var copyArr = vexutils_default.a.clone(arr, true);
+  return copyArr.reverse();
+}
 // CONCATENATED MODULE: ./packages/fabric-chart/src/mixins/draw.js
 
 
@@ -1855,7 +1862,7 @@ function sortByTime() {
     }
   }
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"70f3d6c1-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":"8f89c644-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 +1970,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":"70f3d6c1-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":"8f89c644-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 = []
 
@@ -2115,6 +2122,7 @@ var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
 
 
 
+
 /**
  * @description: 递归遍历节点，设置颜色属性
  * @param {fabric.Object[]} pointArr
@@ -3678,9 +3686,11 @@ var rightClickNodeConnect = [{
             return l + n > left && l > originLeft;
           });
         } else {
-          var idx = polylineObj === null || polylineObj === void 0 ? void 0 : polylineObj.pointerList.toReversed().findIndex(function (l) {
+          var _polylineObj$pointerL;
+
+          var idx = polylineObj !== null && polylineObj !== void 0 && (_polylineObj$pointerL = polylineObj.pointerList) !== null && _polylineObj$pointerL !== void 0 && _polylineObj$pointerL.length ? toReversed(polylineObj === null || polylineObj === void 0 ? void 0 : polylineObj.pointerList).findIndex(function (l) {
             return l - n < left && l < originLeft;
-          });
+          }) : -1;
           this._concatIndex = !~idx ? -1 : (polylineObj === null || polylineObj === void 0 ? void 0 : polylineObj.pointerList.length) - 1 - idx;
         }
 
@@ -3733,7 +3743,7 @@ var rightClickNodeConnect = [{
 
       if (startLength > 0) {
         if (isRight) {
-          this.removeLeftClonePoint(originLeft);
+          this.removeLeftClonePoint(originLeft - this.spaceWidth);
           this.addPointList = this.addPointList.filter(function (v) {
             return v.left >= originLeft;
           });
@@ -3757,7 +3767,7 @@ var rightClickNodeConnect = [{
             }
           }
         } else {
-          this.removePolyline('increasePointBatch', originLeft);
+          this.removePolyline('increasePointBatch', originLeft + this.spaceWidth);
           this.addPointList = this.addPointList.filter(function (v) {
             return v.left <= originLeft;
           });
@@ -4006,16 +4016,39 @@ var rightClickNodeConnect = [{
               _this19.rightClickNode.push(item);
             }
           });
+
+          _this19.addExtraMenu();
+
           _this19.isRightVisible = true;
         }
       });
     },
+    addExtraMenu: function addExtraMenu() {
+      var _this$propItems$table,
+          _this20 = this;
+
+      var _ref6 = ((_this$propItems$table = this.propItems.table) === null || _this$propItems$table === void 0 ? void 0 : _this$propItems$table.extraMenuConfig) || {},
+          menuList = _ref6.menuList;
+
+      if (Array.isArray(menuList) && menuList.length > 0) {
+        menuList.forEach(function (item) {
+          _this20.rightClickNode.push({
+            name: item.label,
+            type: item.key || getUuid(),
+            extra: true,
+            origin: item
+          });
+        });
+      }
+    },
     // 关闭右键菜单，打开添加节点弹窗表单
-    handleRightClick: function handleRightClick(_ref6) {
+    handleRightClick: function handleRightClick(_ref7) {
       var _this$_currentPoint;
 
-      var type = _ref6.type,
-          name = _ref6.name;
+      var type = _ref7.type,
+          name = _ref7.name,
+          extra = _ref7.extra,
+          origin = _ref7.origin;
       this.isRightVisible = false;
       var _this$_active = this._active,
           left = _this$_active.left,
@@ -4025,6 +4058,17 @@ var rightClickNodeConnect = [{
         top: top
       });
 
+      if (extra) {
+        var _this$propItems$table2;
+
+        var _ref8 = ((_this$propItems$table2 = this.propItems.table) === null || _this$propItems$table2 === void 0 ? void 0 : _this$propItems$table2.extraMenuConfig) || {},
+            click = _ref8.click;
+
+        if (!vexutils_default.a.isFunction(click)) return;
+        click(data, origin);
+        return;
+      }
+
       if (type == 'add') {
         if (name.includes('左')) {
           data.range = {
@@ -4073,16 +4117,16 @@ var rightClickNodeConnect = [{
     // 将当条线段以及点层级置顶
     // 线段不能先置顶，会挡住其他线段上的点
     pointToFront: function pointToFront(point) {
-      var _this20 = this;
+      var _this21 = this;
 
       this.canvas.forEachObject(function (obj) {
-        if (_this20.isOnePolyLine(obj, point.polylineTypeId, point.polylineIndex)) {
-          _this20.canvas.bringToFront(obj);
+        if (_this21.isOnePolyLine(obj, point.polylineTypeId, point.polylineIndex)) {
+          _this21.canvas.bringToFront(obj);
         }
       });
     },
     removePolyline: function removePolyline(id, left, position, polylineIndex) {
-      var _this21 = this;
+      var _this22 = this;
 
       // 根据id或者idClone删除
       if (id) {
@@ -4091,9 +4135,9 @@ var rightClickNodeConnect = [{
         if (pointId === 'idClone') {
           this.addPointObjList.forEach(function (obj) {
             if (obj.left >= left) {
-              _this21.canvas.remove(obj);
+              _this22.canvas.remove(obj);
 
-              obj.line1 && _this21.canvas.remove(obj.line1);
+              obj.line1 && _this22.canvas.remove(obj.line1);
             }
           });
           this.addPointObjList = this.addPointObjList.filter(function (obj) {
@@ -4107,9 +4151,9 @@ var rightClickNodeConnect = [{
           if (point && point.length > 0) {
             point.forEach(function (v) {
               if (!left) {
-                _this21.canvas.remove(v);
+                _this22.canvas.remove(v);
 
-                v.line1 && _this21.canvas.remove(v.line1);
+                v.line1 && _this22.canvas.remove(v.line1);
               }
             });
           }
@@ -4124,12 +4168,12 @@ var rightClickNodeConnect = [{
           return v.position === position;
         });
         this.canvas.forEachObject(function (obj) {
-          if (_this21.isOnePolyLine(obj, polylineTypeId, polylineIndex)) {
-            obj.text && _this21.canvas.remove(obj.text);
-            obj.line1 && _this21.canvas.remove(obj.line1);
-            obj.line2 && _this21.canvas.remove(obj.line2);
+          if (_this22.isOnePolyLine(obj, polylineTypeId, polylineIndex)) {
+            obj.text && _this22.canvas.remove(obj.text);
+            obj.line1 && _this22.canvas.remove(obj.line1);
+            obj.line2 && _this22.canvas.remove(obj.line2);
 
-            _this21.canvas.remove(obj);
+            _this22.canvas.remove(obj);
           }
         });
         return;
@@ -4138,9 +4182,9 @@ var rightClickNodeConnect = [{
 
       this.canvas.forEachObject(function (obj) {
         if (obj.id && /_polyline(Point|Line)_/.test(obj.id) && !obj.id.includes('isTitle')) {
-          obj.text && _this21.canvas.remove(obj.text);
+          obj.text && _this22.canvas.remove(obj.text);
 
-          _this21.canvas.remove(obj);
+          _this22.canvas.remove(obj);
         }
       });
     },
@@ -4151,7 +4195,7 @@ var rightClickNodeConnect = [{
       }
     },
     repaintPolyline: function repaintPolyline(position, dadaIndex) {
-      var _this22 = this;
+      var _this23 = this;
 
       if (arguments.length < 2) {
         if (this.polyline.length) {
@@ -4161,7 +4205,7 @@ var rightClickNodeConnect = [{
         this.polylinePointList = [];
         this.flickerablePoints = [];
         this.polyline.forEach(function (polylineType, polylineTypeId) {
-          _this22.createPolyline(polylineType, polylineTypeId);
+          _this23.createPolyline(polylineType, polylineTypeId);
         });
         this.removeTitle();
         this.drawPolylineTitle();
@@ -4191,8 +4235,8 @@ var rightClickNodeConnect = [{
 
 var FabricPolylines_component = Object(componentNormalizer["a" /* default */])(
   fabric_chart_FabricPolylinesvue_type_script_lang_js_,
-  FabricPolylinesvue_type_template_id_56585a2b_render,
-  FabricPolylinesvue_type_template_id_56585a2b_staticRenderFns,
+  FabricPolylinesvue_type_template_id_75a38c46_render,
+  FabricPolylinesvue_type_template_id_75a38c46_staticRenderFns,
   false,
   null,
   null,
@@ -4298,7 +4342,7 @@ 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":"70f3d6c1-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&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8f89c644-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 = []
 
@@ -6011,14 +6055,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":"70f3d6c1-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":"8f89c644-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":"70f3d6c1-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":"8f89c644-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 = []
 
@@ -6402,12 +6446,12 @@ var FabricScaleValue_component = Object(componentNormalizer["a" /* default */])(
 )
 
 /* harmony default export */ var FabricScaleValue = (FabricScaleValue_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"70f3d6c1-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=template&id=74aef744&
-var FabricLinesvue_type_template_id_74aef744_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"line"},[_c('MouseRightClick',{directives:[{name:"show",rawName:"v-show",value:(_vm.isRightVisible),expression:"isRightVisible"}],attrs:{"getContainer":_vm.getContainer,"nodeList":_vm.rightClickNode,"rightPos":_vm.rightPos},on:{"nodeClick":_vm.handleRightClick,"closeRight":function($event){_vm.isRightVisible = false}}}),_c('DropPopup',{directives:[{name:"show",rawName:"v-show",value:(_vm.isDropVisible),expression:"isDropVisible"}],attrs:{"val":_vm.dropVal,"dropPos":_vm.dropPos}})],1)}
-var FabricLinesvue_type_template_id_74aef744_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"8f89c644-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=5e9abf5e&
+var FabricLinesvue_type_template_id_5e9abf5e_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_5e9abf5e_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=template&id=74aef744&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=template&id=5e9abf5e&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=script&lang=js&
 
@@ -6501,6 +6545,23 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
       this.createLine();
       this.eventStyle.evented && this.createEvent();
     },
+    isTopTreeAndGridLimit: function isTopTreeAndGridLimit(x, y) {
+      var _this$propItems = this.propItems,
+          endX = _this$propItems.endX,
+          endYTop = _this$propItems.endYTop,
+          originYTop = _this$propItems.originYTop;
+      return x >= 0 && x <= endX && y >= originYTop && y <= endYTop;
+    },
+    isGridLimit: function isGridLimit(_ref) {
+      var x = _ref.x,
+          y = _ref.y;
+      var _this$propItems2 = this.propItems,
+          originX = _this$propItems2.originX,
+          endX = _this$propItems2.endX,
+          endYTop = _this$propItems2.endYTop,
+          originYTop = _this$propItems2.originYTop;
+      return x >= originX && x <= endX && y >= originYTop && y <= endYTop;
+    },
     createEvent: function createEvent() {
       var _this = this;
 
@@ -6568,11 +6629,11 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
           _this2.rightClickNode = Object.freeze(FabricLinesvue_type_script_lang_js_rightClickNode.slice());
           _this2.isRightVisible = true;
         } else {
-          _this2.doContextmenuEvent(_this2.activeEvent.pointer);
+          _this2.doContextmenuEvent(id, _this2.activeEvent.pointer);
         }
       });
     },
-    doContextmenuEvent: function doContextmenuEvent(pointer) {
+    doContextmenuEvent: function doContextmenuEvent(id, pointer) {
       var x = pointer.x,
           y = pointer.y;
 
@@ -6581,10 +6642,20 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
 
       var _treeList = vexutils_default.a.clone(treeList, true);
 
-      var data;
+      var param = {
+        type: 'tree',
+        treeData: []
+      };
+      var isBlankGrid = !id && this.isGridLimit(pointer);
+
+      if (isBlankGrid) {
+        param.type = 'grid';
+        param.time = this.getXValue(x);
+        param.lineData = [];
+      }
+
       ergodicTree(_treeList);
-      data && this.$emit('rightClick', data);
-      data = null;
+      this.$emit('rightClick', param);
 
       function ergodicTree(tree) {
         for (var i = 0, len = tree.length; i < len; i++) {
@@ -6595,20 +6666,29 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
               height = _tree$i.height,
               _tree$i$children = _tree$i.children,
               children = _tree$i$children === void 0 ? [] : _tree$i$children,
-              origin = _tree$i.origin;
-
-          if (x >= left && x <= left + width && y >= top && y <= y + height) {
-            data = origin;
-          } else if (children.length) {
-            ergodicTree(children);
+              origin = _tree$i.origin,
+              _tree$i$lineList = _tree$i.lineList,
+              lineList = _tree$i$lineList === void 0 ? [] : _tree$i$lineList;
+
+          if (y >= top && y <= top + height) {
+            if (x >= left && x <= left + width) {
+              param.treeData = origin;
+              break;
+            } else if (children.length) {
+              ergodicTree(children);
+            } else if (isBlankGrid) {
+              param.treeData = origin;
+              param.lineData = lineList;
+              break;
+            }
           }
         }
       }
     },
     // 关闭右键菜单，打开添加节点弹窗表单
-    handleRightClick: function handleRightClick(_ref) {
-      var type = _ref.type,
-          subType = _ref.subType;
+    handleRightClick: function handleRightClick(_ref2) {
+      var type = _ref2.type,
+          subType = _ref2.subType;
       this.isRightVisible = false;
       var line = this._currentPoint;
       this._currentPoint = '';
@@ -6894,10 +6974,10 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
         }, _callee);
       }))();
     },
-    drawLineText: function drawLineText(textArr, top, i, j, x1, x2, _ref2) {
-      var leftLimit = _ref2.leftLimit,
-          rightLimit = _ref2.rightLimit,
-          y2 = _ref2.y2;
+    drawLineText: function drawLineText(textArr, top, i, j, x1, x2, _ref3) {
+      var leftLimit = _ref3.leftLimit,
+          rightLimit = _ref3.rightLimit,
+          y2 = _ref3.y2;
       var value = textArr.filter(function (v) {
         return v !== '';
       }).join('—');
@@ -6920,11 +7000,11 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
       return text;
     },
     setTextPosition: function setTextPosition(text, top, x1, x2, leftLimit, rightLimit, baseY) {
-      var _ref3;
+      var _ref4;
 
       var textWidth = text.width + 2; // 横线小于text文字的宽度则text显示在右侧
 
-      var centerLineWidth = (_ref3 = (x2 || x1) - x1) !== null && _ref3 !== void 0 ? _ref3 : 0;
+      var centerLineWidth = (_ref4 = (x2 || x1) - x1) !== null && _ref4 !== void 0 ? _ref4 : 0;
       var rightWidth = rightLimit.x2 - leftLimit.x2 || rightLimit.x2 - x1 || 0;
       var leftWidth = rightLimit.x1 - leftLimit.x1 || x1 - leftLimit.x1 || 0;
       var changeOptions = {
@@ -7351,8 +7431,8 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
 
 var FabricLines_component = Object(componentNormalizer["a" /* default */])(
   fabric_chart_FabricLinesvue_type_script_lang_js_,
-  FabricLinesvue_type_template_id_74aef744_render,
-  FabricLinesvue_type_template_id_74aef744_staticRenderFns,
+  FabricLinesvue_type_template_id_5e9abf5e_render,
+  FabricLinesvue_type_template_id_5e9abf5e_staticRenderFns,
   false,
   null,
   null,
@@ -7396,7 +7476,6 @@ var FabricLines_component = Object(componentNormalizer["a" /* default */])(
 
 
 
-
 /* harmony default export */ var FabricChartvue_type_script_lang_js_ = (Object(create["a" /* default */])({
   name: 'fabric-chart',
   props: {
@@ -7414,6 +7493,16 @@ var FabricLines_component = Object(componentNormalizer["a" /* default */])(
     FabricLines: FabricLines
   },
   computed: {
+    fabric: function fabric() {
+      var _this$$refs$canvasEle;
+
+      return (_this$$refs$canvasEle = this.$refs.canvasEle) === null || _this$$refs$canvasEle === void 0 ? void 0 : _this$$refs$canvasEle.fabric;
+    },
+    canvas: function canvas() {
+      var _this$$refs$canvasEle2;
+
+      return (_this$$refs$canvasEle2 = this.$refs.canvasEle) === null || _this$$refs$canvasEle2 === void 0 ? void 0 : _this$$refs$canvasEle2.canvas;
+    },
     polylines: function polylines() {
       var _this$templateData, _this$templateData$ri, _this$templateData$ri2, _this$templateData$ri3, _this$templateData2, _this$templateData2$l, _this$templateData2$l2, _this$templateData2$l3;
 
@@ -7467,6 +7556,12 @@ var FabricLines_component = Object(componentNormalizer["a" /* default */])(
     this.canvasWidth = "".concat(this.templateData.canvasWidth, "px") || false;
   },
   methods: {
+    computedX: function computedX() {
+      var _this$$refs$polylines, _this$$refs$polylines2;
+
+      if (!((_this$$refs$polylines = this.$refs.polylines) !== null && _this$$refs$polylines !== void 0 && _this$$refs$polylines.computedX)) return;
+      return (_this$$refs$polylines2 = this.$refs.polylines) === null || _this$$refs$polylines2 === void 0 ? void 0 : _this$$refs$polylines2.computedX.apply(_this$$refs$polylines2, arguments);
+    },
     setTimeRange: function setTimeRange(enabled) {
       this.$refs.polylines.timeRangeData.enabled = enabled;
     },
@@ -7491,13 +7586,13 @@ var FabricLines_component = Object(componentNormalizer["a" /* default */])(
     },
     repaintPolyline: function repaintPolyline(position, dadaIndex) {
       if (arguments.length > 1) {
-        var _this$$refs$polylines;
+        var _this$$refs$polylines3;
 
-        (_this$$refs$polylines = this.$refs.polylines) === null || _this$$refs$polylines === void 0 ? void 0 : _this$$refs$polylines.repaintPolyline(position, dadaIndex);
+        (_this$$refs$polylines3 = this.$refs.polylines) === null || _this$$refs$polylines3 === void 0 ? void 0 : _this$$refs$polylines3.repaintPolyline(position, dadaIndex);
       } else {
-        var _this$$refs$polylines2;
+        var _this$$refs$polylines4;
 
-        (_this$$refs$polylines2 = this.$refs.polylines) === null || _this$$refs$polylines2 === void 0 ? void 0 : _this$$refs$polylines2.repaintPolyline();
+        (_this$$refs$polylines4 = this.$refs.polylines) === null || _this$$refs$polylines4 === void 0 ? void 0 : _this$$refs$polylines4.repaintPolyline();
       }
     },
     repaintLine: function repaintLine() {
@@ -7534,8 +7629,8 @@ var FabricLines_component = Object(componentNormalizer["a" /* default */])(
 }));
 // CONCATENATED MODULE: ./packages/fabric-chart/src/FabricChart.vue?vue&type=script&lang=js&
  /* harmony default export */ var src_FabricChartvue_type_script_lang_js_ = (FabricChartvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./packages/fabric-chart/src/FabricChart.vue?vue&type=style&index=0&id=76395f46&lang=less&scoped=true&
-var FabricChartvue_type_style_index_0_id_76395f46_lang_less_scoped_true_ = __webpack_require__("7aca");
+// EXTERNAL MODULE: ./packages/fabric-chart/src/FabricChart.vue?vue&type=style&index=0&id=4f0a8f90&lang=less&scoped=true&
+var FabricChartvue_type_style_index_0_id_4f0a8f90_lang_less_scoped_true_ = __webpack_require__("8699");
 
 // CONCATENATED MODULE: ./packages/fabric-chart/src/FabricChart.vue
 
@@ -7552,7 +7647,7 @@ var FabricChart_component = Object(componentNormalizer["a" /* default */])(
   staticRenderFns,
   false,
   null,
-  "76395f46",
+  "4f0a8f90",
   null
   
 )
@@ -8509,6 +8604,13 @@ module.exports = function (a, b) {
 };
 
 
+/***/ }),
+
+/***/ "46bf":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "4840":
@@ -9079,17 +9181,6 @@ module.exports = [
 ];
 
 
-/***/ }),
-
-/***/ "7aca":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FabricChart_vue_vue_type_style_index_0_id_76395f46_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f074");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FabricChart_vue_vue_type_style_index_0_id_76395f46_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FabricChart_vue_vue_type_style_index_0_id_76395f46_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "7b0b":
@@ -9349,6 +9440,17 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ "8699":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FabricChart_vue_vue_type_style_index_0_id_4f0a8f90_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("46bf");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FabricChart_vue_vue_type_style_index_0_id_4f0a8f90_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FabricChart_vue_vue_type_style_index_0_id_4f0a8f90_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "8925":
@@ -10862,13 +10964,6 @@ module.exports.f = function (C) {
 };
 
 
-/***/ }),
-
-/***/ "f074":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "f3b8":