cnhis-design-vue 2.1.81 → 2.1.83

package/es/fabric-chart/index.js

@@ -240,13 +240,6 @@ module.exports = require("core-js/modules/es.array.find.js");
 
 /***/ }),
 
-/***/ "0ebb":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "13e3":
 /***/ (function(module, exports) {
 
@@ -295,12 +288,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":"4a43490a-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/FabricChart.vue?vue&type=template&id=3a1ac827&scoped=true&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"c-fabric-chart",style:({ width: _vm.canvasWidth })},[(_vm.rendercanvas)?_c('fabric-canvas',_vm._b({ref:"canvasEle",attrs:{"templateData":_vm.templateData}},'fabric-canvas',_vm.$attrs,false),[(_vm.hasXScalevalue)?_c('fabric-text-group',_vm._g({attrs:{"templateData":_vm.templateData}},_vm.$listeners)):_vm._e(),_c('fabric-grid'),(_vm.hasTable)?_c('fabric-scale-value',{attrs:{"templateData":_vm.templateData}}):_vm._e(),(_vm.hasTopTable)?_c('fabric-lines',_vm._g({ref:"lines",attrs:{"linesObj":_vm.templateData.top}},_vm.$listeners)):_vm._e(),(_vm.hasTable)?_c('fabric-polylines',_vm._g({ref:"polylines",attrs:{"polyline":_vm.polylines,"other":_vm.templateData.left.other || {}},on:{"pointOperation":_vm.pointOperation}},_vm.$listeners)):_vm._e()],1):_vm._e()],1)}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"79723172-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=7deeb371&scoped=true&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"c-fabric-chart",style:({ width: _vm.canvasWidth })},[(_vm.rendercanvas)?_c('fabric-canvas',_vm._b({ref:"canvasEle",attrs:{"templateData":_vm.templateData}},'fabric-canvas',_vm.$attrs,false),[(_vm.hasXScalevalue)?_c('fabric-text-group',_vm._g({attrs:{"templateData":_vm.templateData}},_vm.$listeners)):_vm._e(),_c('fabric-grid'),(_vm.hasTable)?_c('fabric-scale-value',{attrs:{"templateData":_vm.templateData}}):_vm._e(),(_vm.hasTopTable)?_c('fabric-lines',_vm._g({ref:"lines",attrs:{"linesObj":_vm.templateData.top}},_vm.$listeners)):_vm._e(),(_vm.hasTable)?_c('fabric-polylines',_vm._g({ref:"polylines",attrs:{"polyline":_vm.polylines,"other":_vm.templateData.left.other || {},"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=3a1ac827&scoped=true&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/FabricChart.vue?vue&type=template&id=7deeb371&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
 var objectSpread2 = __webpack_require__("5530");
@@ -308,12 +301,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":"4a43490a-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=eefa61bc&
-var FabricCanvasvue_type_template_id_eefa61bc_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_eefa61bc_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"79723172-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=e9259622&
+var FabricCanvasvue_type_template_id_e9259622_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_e9259622_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricCanvas.vue?vue&type=template&id=eefa61bc&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricCanvas.vue?vue&type=template&id=e9259622&
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js + 3 modules
 var toConsumableArray = __webpack_require__("2909");
@@ -866,6 +859,7 @@ var vexutils_default = /*#__PURE__*/__webpack_require__.n(vexutils_);
   },
   destroyed: function destroyed() {
     this.canvas.clear();
+    this.canvas.off();
     this.canvas = null; // this.canvas.dispose();
   }
 });
@@ -884,8 +878,8 @@ var componentNormalizer = __webpack_require__("2877");
 
 var component = Object(componentNormalizer["a" /* default */])(
   fabric_chart_FabricCanvasvue_type_script_lang_js_,
-  FabricCanvasvue_type_template_id_eefa61bc_render,
-  FabricCanvasvue_type_template_id_eefa61bc_staticRenderFns,
+  FabricCanvasvue_type_template_id_e9259622_render,
+  FabricCanvasvue_type_template_id_e9259622_staticRenderFns,
   false,
   null,
   null,
@@ -894,12 +888,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":"4a43490a-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=38a7afb4&
-var FabricPolylinesvue_type_template_id_38a7afb4_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_38a7afb4_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"79723172-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=608a5cc8&
+var FabricPolylinesvue_type_template_id_608a5cc8_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_608a5cc8_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricPolylines.vue?vue&type=template&id=38a7afb4&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricPolylines.vue?vue&type=template&id=608a5cc8&
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
 var asyncToGenerator = __webpack_require__("1da1");
@@ -919,6 +913,12 @@ var es_array_includes_js_ = __webpack_require__("85f7");
 // EXTERNAL MODULE: external "core-js/modules/es.string.includes.js"
 var es_string_includes_js_ = __webpack_require__("fd22");
 
+// EXTERNAL MODULE: external "core-js/modules/es.object.keys.js"
+var es_object_keys_js_ = __webpack_require__("ea64");
+
+// EXTERNAL MODULE: external "core-js/modules/es.array.sort.js"
+var es_array_sort_js_ = __webpack_require__("4c07");
+
 // EXTERNAL MODULE: external "core-js/modules/es.string.replace.js"
 var es_string_replace_js_ = __webpack_require__("6378");
 
@@ -1550,7 +1550,7 @@ var type_isObject = function isObject(obj) {
     }
   }
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4a43490a-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":"79723172-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 = []
 
@@ -1658,7 +1658,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":"4a43490a-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":"79723172-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 = []
 
@@ -1789,6 +1789,8 @@ var external_vue_default = /*#__PURE__*/__webpack_require__.n(external_vue_);
 
 
 
+
+
 
 
 
@@ -1883,6 +1885,9 @@ var rightClickNodeConnect = [{
     other: {
       type: Object,
       default: function _default() {}
+    },
+    timeRangeStyle: {
+      type: Object
     }
   },
   components: {
@@ -1918,8 +1923,15 @@ var rightClickNodeConnect = [{
       // 缓存折线项目节点
       isMovingToOtherTarget: false,
       interval: null,
-      flickerablePoints: [] // 记录需要闪烁的节点
-
+      flickerablePoints: [],
+      // 记录需要闪烁的节点
+      timeRangeData: {
+        enabled: false,
+        // 是否开启
+        line1: null,
+        line2: null,
+        rect: null
+      }
     };
   },
   computed: {
@@ -1963,6 +1975,19 @@ var rightClickNodeConnect = [{
 
       this.canvas.on('mouse:up', function (event) {
         if (event.button === 3) {
+          // 取消时间范围选区状态
+          if (_this4.timeRangeData.enabled) {
+            Object.keys(_this4.timeRangeData).forEach(function (key) {
+              if (['enabled'].includes(key)) _this4.timeRangeData[key] = false;
+
+              if (['line1', 'line2', 'rect'].includes(key)) {
+                _this4.timeRangeData[key] && _this4.canvas.remove(_this4.timeRangeData[key]);
+                _this4.timeRangeData[key] = null;
+              }
+            });
+            return;
+          }
+
           var _event$pointer = event.pointer,
               x = _event$pointer.x,
               y = _event$pointer.y;
@@ -1996,7 +2021,67 @@ var rightClickNodeConnect = [{
         top: 0
       };
       this.canvas.on('mouse:down', function (event) {
-        if (event.button === 1 && !event.target) {
+        if (event.button !== 1) return; // 处理时间范围选区
+
+        var _this4$timeRangeData = _this4.timeRangeData,
+            enabled = _this4$timeRangeData.enabled,
+            line1 = _this4$timeRangeData.line1,
+            line2 = _this4$timeRangeData.line2,
+            rect = _this4$timeRangeData.rect;
+        var _this4$propItems = _this4.propItems,
+            originY = _this4$propItems.originY,
+            endY = _this4$propItems.endY,
+            xScaleCellList = _this4$propItems.xScaleCellList;
+
+        if (enabled) {
+          var left = xScaleCellList.map(function (item) {
+            return item.x;
+          }).reduce(function (pre, curr) {
+            return Math.abs(pre - event.pointer.x) > Math.abs(curr - event.pointer.x) ? curr : pre;
+          });
+
+          if (line1 && !line1.__fixed) {
+            line1.__fixed = true;
+            line1.setCoords().set({
+              x1: left,
+              x2: left
+            });
+          } else if (line2 && !line2.__fixed) {
+            line2.__fixed = true;
+            line2.setCoords().set({
+              x1: left,
+              x2: left
+            });
+
+            var _sort = [line1.x1, line2.x1].sort(function (a, b) {
+              return a - b;
+            }),
+                _sort2 = Object(slicedToArray["a" /* default */])(_sort, 2),
+                startLeft = _sort2[0],
+                endLeft = _sort2[1];
+
+            _this4.timeRangeData.rect && _this4.canvas.remove(_this4.timeRangeData.rect);
+            _this4.timeRangeData.rect = new _this4.fabric.Rect(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.style), {}, {
+              fill: '#CAF982',
+              opacity: 0.4,
+              left: startLeft,
+              top: line1.y1,
+              width: endLeft - startLeft,
+              height: endY - originY
+            }, _this4.timeRangeStyle.rect || {}));
+
+            _this4.canvas.add(_this4.timeRangeData.rect);
+
+            _this4.$emit('timeRangeChange', {
+              start: _this4.getXValue(startLeft),
+              end: _this4.getXValue(endLeft)
+            });
+          }
+
+          return;
+        }
+
+        if (!event.target) {
           _this4.isSelectArea = true;
           selectAreaOrigin.left = event.pointer.x;
           selectAreaOrigin.top = event.pointer.y;
@@ -2004,6 +2089,8 @@ var rightClickNodeConnect = [{
       });
       this.canvas.on('mouse:move', function (event) {
         _this4.isSelectArea && _this4.createSelectArea(event, selectAreaOrigin);
+
+        _this4.setTimeRange(event.pointer);
       });
     },
     handleMoving: function handleMoving(event) {
@@ -2070,7 +2157,35 @@ var rightClickNodeConnect = [{
         height: event.pointer.y - selectAreaOrigin.top,
         ponits: [selectAreaOrigin.left, selectAreaOrigin.top, event.pointer.x, event.pointer.y]
       }));
-      this.canvas.add(this.selectArea); // this.canvas.renderAll();
+      this.canvas.add(this.selectArea);
+    },
+    createTimeRangeLine: function createTimeRangeLine(line, pointer) {
+      var _this$propItems2 = this.propItems,
+          originY = _this$propItems2.originY,
+          endY = _this$propItems2.endY;
+      var x = pointer.x,
+          y = pointer.y;
+      this.timeRangeData[line] && this.canvas.remove(this.timeRangeData[line]);
+      this.timeRangeData[line] = this.drawLine([x, originY, x, endY], Object(objectSpread2["a" /* default */])({
+        stroke: '#4b790287',
+        strokeWidth: 3
+      }, this.timeRangeStyle.line || {}));
+      this.canvas.add(this.timeRangeData[line]);
+    },
+    setTimeRange: function setTimeRange(pointer) {
+      var _this$timeRangeData = this.timeRangeData,
+          enabled = _this$timeRangeData.enabled,
+          line1 = _this$timeRangeData.line1,
+          line2 = _this$timeRangeData.line2;
+      var x = pointer.x,
+          y = pointer.y;
+      if (!enabled || !this.isGridLimit(x, y)) return; // 使用setCoords().set({ x1: x, x2: x })方法更改其坐标会产生很明显的卡顿现象，可能是canvas.on('mouse:move')抛出的事件节流了
+
+      if (!(line1 !== null && line1 !== void 0 && line1.__fixed)) {
+        this.createTimeRangeLine('line1', pointer);
+      } else if (!(line2 !== null && line2 !== void 0 && line2.__fixed)) {
+        this.createTimeRangeLine('line2', pointer);
+      }
     },
     // 每一个折线类别
     createPolyline: function createPolyline(polylineType, polylineTypeId) {
@@ -2085,13 +2200,13 @@ var rightClickNodeConnect = [{
       var _this7 = this,
           _this$other;
 
-      var _this$propItems2 = this.propItems,
-          canvasHeight = _this$propItems2.canvasHeight,
-          treeTableminCellWidth = _this$propItems2.treeTableminCellWidth,
-          originX = _this$propItems2.originX,
-          xScaleList = _this$propItems2.xScaleList,
-          xScaleCellList = _this$propItems2.xScaleCellList,
-          endX = _this$propItems2.endX;
+      var _this$propItems3 = this.propItems,
+          canvasHeight = _this$propItems3.canvasHeight,
+          treeTableminCellWidth = _this$propItems3.treeTableminCellWidth,
+          originX = _this$propItems3.originX,
+          xScaleList = _this$propItems3.xScaleList,
+          xScaleCellList = _this$propItems3.xScaleCellList,
+          endX = _this$propItems3.endX;
       var leftYScalevalue = this.polyline.find(function (v) {
         return v.position === 'left';
       });
@@ -2323,9 +2438,9 @@ var rightClickNodeConnect = [{
     // 点移动限制
     moveLimit: function moveLimit(point) {
       point.setCoords();
-      var _this$propItems3 = this.propItems,
-          treeTableminCellWidth = _this$propItems3.treeTableminCellWidth,
-          endX = _this$propItems3.endX;
+      var _this$propItems4 = this.propItems,
+          treeTableminCellWidth = _this$propItems4.treeTableminCellWidth,
+          endX = _this$propItems4.endX;
       var leftLimit = treeTableminCellWidth;
       var rightLimit = point.rightLimit || endX;
 
@@ -2397,9 +2512,9 @@ var rightClickNodeConnect = [{
           min = _ref3.min;
 
       if (!max && !min) return;
-      var _this$propItems4 = this.propItems,
-          originX = _this$propItems4.originX,
-          endX = _this$propItems4.endX;
+      var _this$propItems5 = this.propItems,
+          originX = _this$propItems5.originX,
+          endX = _this$propItems5.endX;
       var isMax = (max === null || max === void 0 ? void 0 : max.show) && (max === null || max === void 0 ? void 0 : max.value) && list.some(function (v) {
         return +v.value >= +max.value && _this10.isLimit(v.time);
       });
@@ -2465,9 +2580,9 @@ var rightClickNodeConnect = [{
     drawPolyline: function drawPolyline(polyline, polylineIndex, polylineType, polylineTypeId) {
       var _this11 = this;
 
-      var _this$propItems5 = this.propItems,
-          originY = _this$propItems5.originY,
-          endY = _this$propItems5.endY;
+      var _this$propItems6 = this.propItems,
+          originY = _this$propItems6.originY,
+          endY = _this$propItems6.endY;
       var pointAttr = polyline.pointAttr,
           lineAttr = polyline.lineAttr,
           _polyline$list = polyline.list,
@@ -3267,16 +3382,14 @@ var rightClickNodeConnect = [{
     // 折线点移动时 setCoords()方法手动更新相关联的线坐标
     pointMoveUpdateLine: function pointMoveUpdateLine(point) {
       if (point.line1) {
-        point.line1.setCoords();
-        point.line1.set({
+        point.line1.setCoords().set({
           x2: point.left,
           y2: point.top
         });
       }
 
       if (point.line2) {
-        point.line2.setCoords();
-        point.line2.set({
+        point.line2.setCoords().set({
           x1: point.left,
           y1: point.top
         });
@@ -3286,6 +3399,7 @@ var rightClickNodeConnect = [{
     openRightModal: function openRightModal() {
       var _this18 = this;
 
+      if (this.timeRangeData.enabled) return;
       var _this$activeEvent$e = this.activeEvent.e,
           clientX = _this$activeEvent$e.clientX,
           pageX = _this$activeEvent$e.pageX,
@@ -3509,8 +3623,8 @@ var rightClickNodeConnect = [{
 
 var FabricPolylines_component = Object(componentNormalizer["a" /* default */])(
   fabric_chart_FabricPolylinesvue_type_script_lang_js_,
-  FabricPolylinesvue_type_template_id_38a7afb4_render,
-  FabricPolylinesvue_type_template_id_38a7afb4_staticRenderFns,
+  FabricPolylinesvue_type_template_id_608a5cc8_render,
+  FabricPolylinesvue_type_template_id_608a5cc8_staticRenderFns,
   false,
   null,
   null,
@@ -3616,15 +3730,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":"4a43490a-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=1cd0ef35&
-var FabricTextGroupvue_type_template_id_1cd0ef35_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_1cd0ef35_staticRenderFns = []
-
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"79723172-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=e8297b70&
+var FabricTextGroupvue_type_template_id_e8297b70_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_e8297b70_staticRenderFns = []
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricTextGroup.vue?vue&type=template&id=1cd0ef35&
 
-// EXTERNAL MODULE: external "core-js/modules/es.array.sort.js"
-var es_array_sort_js_ = __webpack_require__("4c07");
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricTextGroup.vue?vue&type=template&id=e8297b70&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricTextGroup.vue?vue&type=script&lang=js&
 
@@ -3804,6 +3915,8 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
     openRightModal: function openRightModal() {
       var _this3 = this;
 
+      // 一下方法不会生效，因为，polylines组件中timeRangeData.enabled设置为false操作晚于当前操作，需换一种方式
+      // if (this.$parent.$children.find(children => /polylines/.test(children.$vnode.tag))?.componentInstance?.timeRangeData?.enabled) return;
       var _this$activeEvent$e = this.activeEvent.e,
           clientX = _this$activeEvent$e.clientX,
           pageX = _this$activeEvent$e.pageX,
@@ -4554,8 +4667,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_1cd0ef35_render,
-  FabricTextGroupvue_type_template_id_1cd0ef35_staticRenderFns,
+  FabricTextGroupvue_type_template_id_e8297b70_render,
+  FabricTextGroupvue_type_template_id_e8297b70_staticRenderFns,
   false,
   null,
   null,
@@ -4564,14 +4677,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":"4a43490a-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=0513fdc6&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"79723172-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=0513fdc6&
 var FabricScaleValuevue_type_template_id_0513fdc6_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_0513fdc6_staticRenderFns = []
 
 
 // CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricScaleValue.vue?vue&type=template&id=0513fdc6&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4a43490a-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/components/TimeScaleValue.vue?vue&type=template&id=3492877c&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"79723172-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/components/TimeScaleValue.vue?vue&type=template&id=3492877c&scoped=true&
 var TimeScaleValuevue_type_template_id_3492877c_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.isShow),expression:"isShow"}],staticClass:"c-time-scalevalue",style:({ '--left': _vm.popupStyle.left, '--top': _vm.popupStyle.top, '--height': _vm.popupStyle.height, '--width': _vm.popupStyle.width })},_vm._l((_vm.times),function(item,index){return _c('span',{directives:[{name:"show",rawName:"v-show",value:(index % 2 == 0),expression:"index % 2 == 0"}],key:item.left,staticClass:"c-time-scalevalue-list",style:({ left: ((item.left - item.width / 2) + "px"), '--font-size': _vm.popupStyle.fontSize })},[_vm._v(" "+_vm._s(item.time)+" ")])}),0)}
 var TimeScaleValuevue_type_template_id_3492877c_scoped_true_staticRenderFns = []
 
@@ -4953,7 +5066,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":"4a43490a-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=0f8342b1&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"79723172-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=0f8342b1&
 var FabricLinesvue_type_template_id_0f8342b1_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_0f8342b1_staticRenderFns = []
 
@@ -5921,6 +6034,14 @@ var FabricLines_component = Object(componentNormalizer["a" /* default */])(
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
 
 /**
  * @author lujiafu
@@ -6005,6 +6126,9 @@ var FabricLines_component = Object(componentNormalizer["a" /* default */])(
     this.canvasWidth = "".concat(this.templateData.canvasWidth, "px") || false;
   },
   methods: {
+    setTimeRange: function setTimeRange(enabled) {
+      this.$refs.polylines.timeRangeData.enabled = enabled;
+    },
     pointOperation: function pointOperation(type, value) {
       switch (type) {
         case 'add':
@@ -6064,8 +6188,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=3a1ac827&lang=less&scoped=true&
-var FabricChartvue_type_style_index_0_id_3a1ac827_lang_less_scoped_true_ = __webpack_require__("6945");
+// EXTERNAL MODULE: ./packages/fabric-chart/src/FabricChart.vue?vue&type=style&index=0&id=7deeb371&lang=less&scoped=true&
+var FabricChartvue_type_style_index_0_id_7deeb371_lang_less_scoped_true_ = __webpack_require__("b665");
 
 // CONCATENATED MODULE: ./packages/fabric-chart/src/FabricChart.vue
 
@@ -6082,7 +6206,7 @@ var FabricChart_component = Object(componentNormalizer["a" /* default */])(
   staticRenderFns,
   false,
   null,
-  "3a1ac827",
+  "7deeb371",
   null
   
 )
@@ -7413,17 +7537,6 @@ module.exports = require("core-js/modules/es.string.replace.js");
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "6945":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FabricChart_vue_vue_type_style_index_0_id_3a1ac827_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0ebb");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FabricChart_vue_vue_type_style_index_0_id_3a1ac827_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FabricChart_vue_vue_type_style_index_0_id_3a1ac827_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "69f3":
@@ -8238,6 +8351,13 @@ module.exports = {
 };
 
 
+/***/ }),
+
+/***/ "b41a":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "b575":
@@ -8355,6 +8475,17 @@ module.exports = function (name) {
 };
 
 
+/***/ }),
+
+/***/ "b665":
+/***/ (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_7deeb371_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("b41a");
+/* 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_7deeb371_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_7deeb371_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "be94":

package/es/fabric-chart/style.css

@@ -1 +1 @@
-li[data-v-25d4407a],ul[data-v-25d4407a]{margin:0;padding:0;list-style:none}.c-mouse-right-menu-popup[data-v-25d4407a]{position:fixed;display:flex;flex-direction:column;z-index:1001;background:#fff;box-shadow:0 2px 12px 0 rgba(56,56,56,.2);border:1px solid #e2e6ed;border-radius:2px;font-size:12px}.c-mouse-right-menu[data-v-25d4407a]{display:flex;flex-direction:column;overflow:hidden}.c-mouse-right-menu svg[data-v-25d4407a]{position:absolute;left:5px;top:8px;fill:#3d4757;stroke:#3d4757}.c-mouse-menu-item[data-v-25d4407a]{flex-shrink:0;flex-grow:1;padding:0 32px;height:36px;display:flex;align-items:center;white-space:nowrap;text-align:left;position:relative;cursor:pointer}.c-mouse-menu-item svg[data-v-25d4407a]{position:absolute;left:5px;top:8px;fill:#3d4757;stroke:#3d4757}.c-mouse-menu-item[data-v-25d4407a]:hover{background:#ecf5ff;color:#2d7aff}.c-mouse-menu-item:hover svg[data-v-25d4407a]{fill:#2d7aff;stroke:#2d7aff}.c-mouse-right-menu-line[data-v-25d4407a]{width:100%;height:1px;padding:0;background-color:#e2e6ed}.c-animation-in[data-v-25d4407a]{-webkit-animation:fadeScaleYIn-data-v-25d4407a .2s ease-in-out;animation:fadeScaleYIn-data-v-25d4407a .2s ease-in-out}.c-animation-out[data-v-25d4407a]{-webkit-animation:fadeScaleYOut-data-v-25d4407a .2s ease-in-out;animation:fadeScaleYOut-data-v-25d4407a .2s ease-in-out}@-webkit-keyframes fadeScaleYIn-data-v-25d4407a{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scaleX(1)}}@keyframes fadeScaleYIn-data-v-25d4407a{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scaleX(1)}}@-webkit-keyframes fadeScaleYOut-data-v-25d4407a{0%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleY(0)}}@keyframes fadeScaleYOut-data-v-25d4407a{0%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleY(0)}}li[data-v-c4db0ace],ul[data-v-c4db0ace]{margin:0;padding:0;list-style:none}.c-drop-popup[data-v-c4db0ace]{position:absolute;z-index:1001;background:#fff;box-shadow:0 2px 12px 0 rgba(56,56,56,.2);border:1px solid #e2e6ed;border-radius:2px;font-size:12px}.c-drop-popup-list[data-v-c4db0ace]{padding:8px 12px;display:flex;flex-flow:column nowrap;justify-content:center}.c-time-scalevalue[data-v-3492877c]{position:fixed;z-index:999;left:var(--left);top:var(--top);width:var(--width);height:var(--height);background:rgba(0,0,0,.6);color:#fff}.c-time-scalevalue-list[data-v-3492877c]{position:absolute;line-height:var(--height);transform-origin:center;font-size:var(--font-size)}.c-fabric-chart[data-v-3a1ac827]{position:relative}
+li[data-v-25d4407a],ul[data-v-25d4407a]{margin:0;padding:0;list-style:none}.c-mouse-right-menu-popup[data-v-25d4407a]{position:fixed;display:flex;flex-direction:column;z-index:1001;background:#fff;box-shadow:0 2px 12px 0 rgba(56,56,56,.2);border:1px solid #e2e6ed;border-radius:2px;font-size:12px}.c-mouse-right-menu[data-v-25d4407a]{display:flex;flex-direction:column;overflow:hidden}.c-mouse-right-menu svg[data-v-25d4407a]{position:absolute;left:5px;top:8px;fill:#3d4757;stroke:#3d4757}.c-mouse-menu-item[data-v-25d4407a]{flex-shrink:0;flex-grow:1;padding:0 32px;height:36px;display:flex;align-items:center;white-space:nowrap;text-align:left;position:relative;cursor:pointer}.c-mouse-menu-item svg[data-v-25d4407a]{position:absolute;left:5px;top:8px;fill:#3d4757;stroke:#3d4757}.c-mouse-menu-item[data-v-25d4407a]:hover{background:#ecf5ff;color:#2d7aff}.c-mouse-menu-item:hover svg[data-v-25d4407a]{fill:#2d7aff;stroke:#2d7aff}.c-mouse-right-menu-line[data-v-25d4407a]{width:100%;height:1px;padding:0;background-color:#e2e6ed}.c-animation-in[data-v-25d4407a]{-webkit-animation:fadeScaleYIn-data-v-25d4407a .2s ease-in-out;animation:fadeScaleYIn-data-v-25d4407a .2s ease-in-out}.c-animation-out[data-v-25d4407a]{-webkit-animation:fadeScaleYOut-data-v-25d4407a .2s ease-in-out;animation:fadeScaleYOut-data-v-25d4407a .2s ease-in-out}@-webkit-keyframes fadeScaleYIn-data-v-25d4407a{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scaleX(1)}}@keyframes fadeScaleYIn-data-v-25d4407a{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scaleX(1)}}@-webkit-keyframes fadeScaleYOut-data-v-25d4407a{0%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleY(0)}}@keyframes fadeScaleYOut-data-v-25d4407a{0%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleY(0)}}li[data-v-c4db0ace],ul[data-v-c4db0ace]{margin:0;padding:0;list-style:none}.c-drop-popup[data-v-c4db0ace]{position:absolute;z-index:1001;background:#fff;box-shadow:0 2px 12px 0 rgba(56,56,56,.2);border:1px solid #e2e6ed;border-radius:2px;font-size:12px}.c-drop-popup-list[data-v-c4db0ace]{padding:8px 12px;display:flex;flex-flow:column nowrap;justify-content:center}.c-time-scalevalue[data-v-3492877c]{position:fixed;z-index:999;left:var(--left);top:var(--top);width:var(--width);height:var(--height);background:rgba(0,0,0,.6);color:#fff}.c-time-scalevalue-list[data-v-3492877c]{position:absolute;line-height:var(--height);transform-origin:center;font-size:var(--font-size)}.c-fabric-chart[data-v-7deeb371]{position:relative}