cnhis-design-vue 2.0.17 → 2.0.19-beta.2

package/es/fabric-chart/index.js

@@ -299,7 +299,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":"d4cc4b90-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=4ba88400&scoped=true&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3ec6e651-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=4ba88400&scoped=true&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"c-fabric-chart",style:({'width': _vm.canvasWidth})},[(_vm.rendercanvas)?_c(("FabricCanvas" + (_vm.templateData.type || '')),{ref:"canvasEle",tag:"component",attrs:{"id":_vm.id,"templateData":_vm.templateData}},[(_vm.templateData.type)?[_c('fabric-grid'),_c('fabric-top2',{attrs:{"templateData":_vm.templateData}}),_c('fabric-left2',{attrs:{"templateData":_vm.templateData}}),_c('fabric-right2',{attrs:{"templateData":_vm.templateData}}),_c('fabric-bottom2',{attrs:{"templateData":_vm.templateData}}),_c('fabric-center2',_vm._g({attrs:{"other":_vm.templateData.other,"polyline":_vm.templateData.left.leftYScalevalue},on:{"pointOperation":_vm.pointOperation}},_vm.$listeners))]:[(_vm.hasXScalevalue)?_c('fabric-text-group',_vm._g({attrs:{"templateData":_vm.templateData}},_vm.$listeners)):_vm._e(),_c('fabric-grid'),(_vm.hasTable)?_c('fabric-scale-value',{attrs:{"templateData":_vm.templateData}}):_vm._e(),(_vm.hasTopTable)?_c('fabric-lines',_vm._g({ref:"lines",attrs:{"linesObj":_vm.templateData.top}},_vm.$listeners)):_vm._e(),(_vm.hasTable)?_c('fabric-polylines',_vm._g({ref:"polylines",attrs:{"polyline":_vm.polylines,"other":_vm.templateData.left.other || {}},on:{"pointOperation":_vm.pointOperation}},_vm.$listeners)):_vm._e()]],2):_vm._e()],1)}
 var staticRenderFns = []
 
@@ -312,7 +312,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":"d4cc4b90-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=e6f32df0&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3ec6e651-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=e6f32df0&
 var FabricCanvasvue_type_template_id_e6f32df0_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_e6f32df0_staticRenderFns = []
 
@@ -404,7 +404,9 @@ var defaultVaule_data = {
     // 线宽 默认 1
     strokeDashArray: [0, 0] // 实线设置 默认[0, 0]
 
-  }
+  },
+  bottomNumberLeftSpace: 10 // 底部标记的序号与标记之间的距离
+
 };
 /* harmony default export */ var defaultVaule = (defaultVaule_data);
 // 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/FabricCanvas.vue?vue&type=script&lang=js&
@@ -794,7 +796,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":"d4cc4b90-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart2/FabricCanvas.vue?vue&type=template&id=d9708486&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3ec6e651-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart2/FabricCanvas.vue?vue&type=template&id=d9708486&
 var FabricCanvasvue_type_template_id_d9708486_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('canvas',{attrs:{"id":_vm.id}}),_vm._t("default")],2)}
 var FabricCanvasvue_type_template_id_d9708486_staticRenderFns = []
 
@@ -1034,12 +1036,12 @@ var FabricCanvas_component = Object(componentNormalizer["a" /* default */])(
 )
 
 /* harmony default export */ var fabric_chart2_FabricCanvas = (FabricCanvas_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d4cc4b90-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=bebc6b74&
-var FabricPolylinesvue_type_template_id_bebc6b74_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"poly-line"},[(_vm.isRightVisible)?_c('MouseRightClick',{attrs:{"getContainer":_vm.getContainer,"nodeList":_vm.rightClickNode,"rightPos":_vm.rightPos},on:{"nodeClick":_vm.handleRightClick,"closeRight":function($event){_vm.isRightVisible = false}}}):_vm._e(),(_vm.isDropVisible)?_c('DropPopup',{attrs:{"val":_vm.dropVal,"dropPos":_vm.dropPos}}):_vm._e()],1)}
-var FabricPolylinesvue_type_template_id_bebc6b74_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3ec6e651-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=1031ec15&
+var FabricPolylinesvue_type_template_id_1031ec15_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"poly-line"},[(_vm.isRightVisible)?_c('MouseRightClick',{attrs:{"getContainer":_vm.getContainer,"nodeList":_vm.rightClickNode,"rightPos":_vm.rightPos},on:{"nodeClick":_vm.handleRightClick,"closeRight":function($event){_vm.isRightVisible = false}}}):_vm._e(),_c('DropPopup',{directives:[{name:"show",rawName:"v-show",value:(_vm.isDropVisible),expression:"isDropVisible"}],attrs:{"val":_vm.dropVal,"dropPos":_vm.dropPos}})],1)}
+var FabricPolylinesvue_type_template_id_1031ec15_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricPolylines.vue?vue&type=template&id=bebc6b74&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricPolylines.vue?vue&type=template&id=1031ec15&
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
 var arrayWithHoles = __webpack_require__("0d21");
@@ -1645,7 +1647,7 @@ var type_isObject = function isObject(obj) {
     }
   }
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d4cc4b90-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":"3ec6e651-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 = []
 
@@ -1753,7 +1755,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":"d4cc4b90-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":"3ec6e651-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 = []
 
@@ -2224,8 +2226,8 @@ var rightClickNodeConnect = [{
                     // 优化左侧图标太小不容易选中的问题
                     if (!icon.url && icon.scaleX == 1.8 && icon.scaleY == 1.8) {
                       icon.set({
-                        'scaleX': 1,
-                        'scaleY': 1
+                        scaleX: 1,
+                        scaleY: 1
                       });
 
                       _this5.canvas.renderAll();
@@ -2477,6 +2479,7 @@ var rightClickNodeConnect = [{
         var previousLine;
         line = points && nextPoint ? _this8.drawLine([].concat(Object(toConsumableArray["a" /* default */])(points), Object(toConsumableArray["a" /* default */])(nextPoint)), Object(objectSpread2["a" /* default */])({
           polylineIndex: polylineIndex,
+          polylineTypeId: polylineTypeId,
           lineIndex: index
         }, lineAttr)) : null;
         previousLine = lineList[index - 1];
@@ -2583,7 +2586,21 @@ var rightClickNodeConnect = [{
                 line1 && (point.line1 = line1);
                 line2 && (point.line2 = line2);
                 point.on('mouseover', function () {
-                  _this9.showDrapPopup(point);
+                  _this9.showDrapPopup(point); // 将当条线段以及点层级置顶
+                  // 线段不能先置顶，会挡住其他线段上的点
+                  // this.canvas.forEachObject(obj => {
+                  //   if (this.isOnePolyLine(obj, point.polylineTypeId, point.polylineIndex)) {
+                  //     obj.line1 && this.canvas.bringToFront(obj.line1);
+                  //     obj.line2 && this.canvas.bringToFront(obj.line2);
+                  //   }
+                  // });
+
+
+                  _this9.canvas.forEachObject(function (obj) {
+                    if (_this9.isOnePolyLine(obj, point.polylineTypeId, point.polylineIndex)) {
+                      _this9.canvas.bringToFront(obj);
+                    }
+                  });
                 });
                 point.on('mouseout', function () {
                   _this9.isDropVisible = false;
@@ -2959,18 +2976,26 @@ var rightClickNodeConnect = [{
       var lineId = "".concat(others.lineIndex, "_").concat(others.polylineIndex, "_polylineLine_").concat(new Date().getTime());
       var line = new this.fabric.Line(lines, Object(objectSpread2["a" /* default */])({
         id: lineId,
-        hoverCursor: 'pointer',
-        objectCaching: false,
+        hoverCursor: 'default',
+        // objectCaching: false,
         selectable: false,
         evented: false
-      }, others));
+      }, others)); // line.hasControls = line.hasBorders = false;
+      // line.on('mouseover', () => {
+      //   // 将当条线段以及点层级置顶
+      //   // 此处有问题，线段定位是斜角形成的整个矩形，会挡住其他点或线段的mouseover事件
+      // });
+
       return line;
     },
     showDrapPopup: function showDrapPopup(point) {
       this.isDropVisible = true;
       this.dropPos = {
         left: point.left,
-        top: point.top
+        top: point.top,
+        margin: {
+          top: this.propItems.yCellHeight
+        }
       };
 
       var _this$getValue3 = this.getValue(point),
@@ -3121,6 +3146,12 @@ var rightClickNodeConnect = [{
         data: value
       };
     },
+    isOnePolyLine: function isOnePolyLine(obj, polylineTypeId, polylineIndex) {
+      // 排除左侧标题
+      var isPolyLine = obj.polylineTypeId === polylineTypeId && obj.polylineIndex === polylineIndex;
+      if (obj.id && /_polyline(Point|Line)_/.test(obj.id) && !obj.id.includes('isTitle') && isPolyLine) return true;
+      return;
+    },
     removePolyline: function removePolyline(id, left, position, polylineIndex) {
       var _this13 = this;
 
@@ -3154,9 +3185,7 @@ var rightClickNodeConnect = [{
           return v.position === position;
         });
         this.canvas.forEachObject(function (obj) {
-          var isPolyLine = obj.polylineTypeId === polylineTypeId && obj.polylineIndex === polylineIndex;
-
-          if (obj.id && /_polyline(Point|Line)_/.test(obj.id) && !obj.id.includes('isTitle') && isPolyLine) {
+          if (_this13.isOnePolyLine(obj, polylineTypeId, polylineIndex)) {
             obj.text && _this13.canvas.remove(obj.text);
             obj.line1 && _this13.canvas.remove(obj.line1);
             obj.line2 && _this13.canvas.remove(obj.line2);
@@ -3217,8 +3246,8 @@ var rightClickNodeConnect = [{
 
 var FabricPolylines_component = Object(componentNormalizer["a" /* default */])(
   fabric_chart_FabricPolylinesvue_type_script_lang_js_,
-  FabricPolylinesvue_type_template_id_bebc6b74_render,
-  FabricPolylinesvue_type_template_id_bebc6b74_staticRenderFns,
+  FabricPolylinesvue_type_template_id_1031ec15_render,
+  FabricPolylinesvue_type_template_id_1031ec15_staticRenderFns,
   false,
   null,
   null,
@@ -3322,12 +3351,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":"d4cc4b90-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=3b0fc782&
-var FabricTextGroupvue_type_template_id_3b0fc782_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"text-group"},[(_vm.isRightVisible)?_c('MouseRightClick',{attrs:{"getContainer":_vm.getContainer,"nodeList":_vm.rightClickNode,"rightPos":_vm.rightPos},on:{"nodeClick":_vm.handleRightClick,"closeRight":function($event){_vm.isRightVisible = false}}}):_vm._e(),(_vm.isDropVisible)?_c('DropPopup',{attrs:{"val":_vm.dropVal,"dropPos":_vm.dropPos}}):_vm._e()],1)}
-var FabricTextGroupvue_type_template_id_3b0fc782_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3ec6e651-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=49888b2f&
+var FabricTextGroupvue_type_template_id_49888b2f_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"text-group"},[(_vm.isRightVisible)?_c('MouseRightClick',{attrs:{"getContainer":_vm.getContainer,"nodeList":_vm.rightClickNode,"rightPos":_vm.rightPos},on:{"nodeClick":_vm.handleRightClick,"closeRight":function($event){_vm.isRightVisible = false}}}):_vm._e(),(_vm.isDropVisible)?_c('DropPopup',{attrs:{"val":_vm.dropVal,"dropPos":_vm.dropPos}}):_vm._e()],1)}
+var FabricTextGroupvue_type_template_id_49888b2f_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricTextGroup.vue?vue&type=template&id=3b0fc782&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricTextGroup.vue?vue&type=template&id=49888b2f&
 
 // EXTERNAL MODULE: external "core-js/modules/es.array.sort.js"
 var es_array_sort_js_ = __webpack_require__("4c07");
@@ -3772,7 +3801,8 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
         if (_this10.isLimit(item[0])) {
           item[1].forEach( /*#__PURE__*/function () {
             var _ref2 = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee(v, i) {
-              var common, eventStyle, option, ele, img, text;
+              var common, eventStyle, _v$other, option, ele, img, _v$other2, _v$other2$number, _v$other3, _v$other3$number, text, _text;
+
               return regeneratorRuntime.wrap(function _callee$(_context) {
                 while (1) {
                   switch (_context.prev = _context.next) {
@@ -3809,7 +3839,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
                       } : {};
 
                       if (!(_this10.isObject(v) && !v.value)) {
-                        _context.next = 18;
+                        _context.next = 20;
                         break;
                       }
 
@@ -3834,28 +3864,42 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
 
                     case 11:
                       img = _context.sent;
+
+                      // 标记增加序号
+                      if ((_v$other = v.other) !== null && _v$other !== void 0 && _v$other.number) {
+                        text = new _this10.fabric.Text(String(((_v$other2 = v.other) === null || _v$other2 === void 0 ? void 0 : (_v$other2$number = _v$other2.number) === null || _v$other2$number === void 0 ? void 0 : _v$other2$number.value) || ''), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.textStyle), common), ((_v$other3 = v.other) === null || _v$other3 === void 0 ? void 0 : (_v$other3$number = _v$other3.number) === null || _v$other3$number === void 0 ? void 0 : _v$other3$number.style) || {}), {}, {
+                          originY: 'right',
+                          left: img.left - img.width * img.scale / 2 - defaultVaule.bottomNumberLeftSpace,
+                          selectable: false,
+                          evented: false
+                        }));
+                        img.number = text;
+                      }
+
                       img.hasControls = img.hasBorders = false;
 
                       _this10.pointEvent(img);
 
                       _this10.canvas.add(img);
 
+                      img.number && _this10.canvas.add(img.number);
+
                       _this10.canvas.requestRenderAll();
 
-                      _context.next = 23;
+                      _context.next = 25;
                       break;
 
-                    case 18:
-                      text = new _this10.fabric.Text(String(v.value), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.textStyle), obj.style), common), eventStyle));
-                      text.hasControls = text.hasBorders = false; // textList.push(text);
+                    case 20:
+                      _text = new _this10.fabric.Text(String(v.value), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.textStyle), obj.style), common), eventStyle));
+                      _text.hasControls = _text.hasBorders = false; // textList.push(text);
 
-                      _this10.pointEvent(text);
+                      _this10.pointEvent(_text);
 
-                      _this10.canvas.add(text);
+                      _this10.canvas.add(_text);
 
                       _this10.canvas.renderAll();
 
-                    case 23:
+                    case 25:
                     case "end":
                       return _context.stop();
                   }
@@ -3870,6 +3914,16 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
         }
       }); // this.canvas.add(...textList);
     },
+    // 标记移动时 setCoords()方法手动更新相关联的序号等坐标
+    updateNumber: function updateNumber(point) {
+      if (point.number) {
+        point.number.setCoords();
+        point.number.set({
+          left: point.left - point.width * point.scale / 2 - defaultVaule.bottomNumberLeftSpace,
+          top: point.top
+        });
+      }
+    },
     pointEvent: function pointEvent(point) {
       var _this11 = this;
 
@@ -3884,6 +3938,8 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
         point.on('moving', function () {
           _this11.moveLimit(point);
 
+          _this11.updateNumber(point);
+
           _this11.canvas.renderAll();
 
           _this11.showDrapPopup(point);
@@ -3986,7 +4042,10 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
       this.isDropVisible = true;
       this.dropPos = {
         left: point.left,
-        top: point.top
+        top: point.top,
+        margin: {
+          top: this.propItems.yCellHeight
+        }
       };
       var x = arguments.length > 1 && (_point$other4 = point.other) !== null && _point$other4 !== void 0 && _point$other4.viewTime ? point.other.viewTime : this.getXValue(point.left);
       this.dropVal = {
@@ -4048,8 +4107,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_3b0fc782_render,
-  FabricTextGroupvue_type_template_id_3b0fc782_staticRenderFns,
+  FabricTextGroupvue_type_template_id_49888b2f_render,
+  FabricTextGroupvue_type_template_id_49888b2f_staticRenderFns,
   false,
   null,
   null,
@@ -4058,17 +4117,180 @@ 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":"3ec6e651-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=5ae188c2&
+var FabricScaleValuevue_type_template_id_5ae188c2_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.templateData.top.xScalevalue.popupTop)?_c('TimeScaleValue',{attrs:{"times":_vm.timeList,"templateData":_vm.templateData}}):_vm._e()}
+var FabricScaleValuevue_type_template_id_5ae188c2_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricScaleValue.vue?vue&type=template&id=5ae188c2&
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3ec6e651-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=64942e54&scoped=true&
+var TimeScaleValuevue_type_template_id_64942e54_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_64942e54_scoped_true_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./packages/fabric-chart/src/components/TimeScaleValue.vue?vue&type=template&id=64942e54&scoped=true&
+
+// EXTERNAL MODULE: external "cnhis-design-vue/es/utils/vexutils"
+var vexutils_ = __webpack_require__("9715");
+var vexutils_default = /*#__PURE__*/__webpack_require__.n(vexutils_);
+
+// 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/components/TimeScaleValue.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+// import Vue from 'vue';
+// import DomPortal from 'vue-dom-portal';
+
+
+/* harmony default export */ var TimeScaleValuevue_type_script_lang_js_ = ({
+  mixins: [fabricCommon],
+  props: {
+    times: {
+      type: Array,
+      required: true
+    } // to: {
+    //   type: String,
+    //   default: 'body'
+    // }
+
+  },
+  // beforeCreate() {
+  //   Vue.use(DomPortal);
+  // },
+  data: function data() {
+    return {
+      cFabricChart: null,
+      scrollEvent: null,
+      top: 0,
+      popupStyle: {
+        width: '1000px',
+        height: '80px',
+        left: 0,
+        top: 0,
+        fontSize: '12px'
+      },
+      isShow: false
+    };
+  },
+  mounted: function mounted() {
+    var _this = this;
+
+    this.$nextTick(function () {
+      setTimeout(function () {
+        _this.init();
+      }, 0);
+    });
+  },
+  methods: {
+    init: function init() {
+      var _xScalevalue$style;
+
+      // this.to = this.templateData.top?.xScalevalue?.to || 'body';
+      var _ref = this.$attrs.templateData.top || {},
+          xScalevalue = _ref.xScalevalue;
+
+      var _this$propItems = this.propItems,
+          canvasWidth = _this$propItems.canvasWidth,
+          spaceHeight = _this$propItems.spaceHeight,
+          xCellWidth = _this$propItems.xCellWidth;
+      this.cFabricChart = document.querySelector('.c-fabric-chart'); // this.bodyHeight = document.body.getBoundingClientRect().height;
+
+      this.top = this.cFabricChart.getBoundingClientRect().top;
+      this.popupStyle = {
+        left: "".concat(this.cFabricChart.getBoundingClientRect().left, "px"),
+        top: "".concat((xScalevalue === null || xScalevalue === void 0 ? void 0 : xScalevalue.popupTop) || 0, "px"),
+        width: "".concat(canvasWidth, "px"),
+        height: "".concat(spaceHeight, "px"),
+        fontSize: "".concat(((_xScalevalue$style = xScalevalue.style) === null || _xScalevalue$style === void 0 ? void 0 : _xScalevalue$style.fontSize) || 12, "px")
+      }; // const spaceGridNumber = xScalevalue.spaceGridNumber || 3;
+      // this.marginLeft = `${xCellWidth * spaceGridNumber}px`;
+      // 节流的间隔时间不宜太大，因为实际top值不准，会造成判断条件不准确
+
+      this.scrollEvent = vexutils_default.a.throttle(this.scroll, 100);
+      window.addEventListener('scroll', this.scrollEvent, true);
+    },
+    scroll: function scroll() {
+      if (this.cFabricChart) {
+        var _this$propItems2 = this.propItems,
+            originY = _this$propItems2.originY,
+            spaceHeight = _this$propItems2.spaceHeight;
+        var top = this.cFabricChart.getBoundingClientRect().top;
+        var newOriginY = originY - spaceHeight;
+
+        var _ref2 = this.$attrs.templateData.top || {},
+            xScalevalue = _ref2.xScalevalue;
+
+        var popupTop = (xScalevalue === null || xScalevalue === void 0 ? void 0 : xScalevalue.popupTop) || 0;
+
+        if (top + newOriginY < popupTop) {
+          this.isShow = true;
+        } else {
+          this.isShow = false;
+        }
+      }
+    }
+  },
+  beforeDestroy: function beforeDestroy() {
+    window.removeEventListener('scroll', this.scroll, true);
+  }
+});
+// CONCATENATED MODULE: ./packages/fabric-chart/src/components/TimeScaleValue.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_TimeScaleValuevue_type_script_lang_js_ = (TimeScaleValuevue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./packages/fabric-chart/src/components/TimeScaleValue.vue?vue&type=style&index=0&id=64942e54&lang=less&scoped=true&
+var TimeScaleValuevue_type_style_index_0_id_64942e54_lang_less_scoped_true_ = __webpack_require__("c8fe");
+
+// CONCATENATED MODULE: ./packages/fabric-chart/src/components/TimeScaleValue.vue
+
+
+
+
+
+
+/* normalize component */
+
+var TimeScaleValue_component = Object(componentNormalizer["a" /* default */])(
+  components_TimeScaleValuevue_type_script_lang_js_,
+  TimeScaleValuevue_type_template_id_64942e54_scoped_true_render,
+  TimeScaleValuevue_type_template_id_64942e54_scoped_true_staticRenderFns,
+  false,
+  null,
+  "64942e54",
+  null
+  
+)
+
+/* harmony default export */ var TimeScaleValue = (TimeScaleValue_component.exports);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricScaleValue.vue?vue&type=script&lang=js&
 
 
 
 
 
+//
+//
+//
+//
+
 
 
 /* harmony default export */ var FabricScaleValuevue_type_script_lang_js_ = ({
   name: 'fabric-scale-value',
   mixins: [fabricCommon],
+  components: {
+    TimeScaleValue: TimeScaleValue
+  },
   props: {
     templateData: {
       type: Object,
@@ -4076,7 +4298,9 @@ var FabricTextGroup_component = Object(componentNormalizer["a" /* default */])(
     }
   },
   data: function data() {
-    return {};
+    return {
+      timeList: []
+    };
   },
   computed: {
     defaultTextStyle: function defaultTextStyle() {
@@ -4120,9 +4344,20 @@ var FabricTextGroup_component = Object(componentNormalizer["a" /* default */])(
       var list = obj.xScalevalue.list || [];
       list.reduce(function (pre, cur, i) {
         var newStyle = pre && new Date(cur).getTime() - new Date(pre).getTime() < defaultSpaceTime ? Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, style), customStyle) : style;
-        textList.push(_this2.createText(cur.slice(-5), originX + i * spaceGridNumber * xCellWidth, top, 'center', newStyle));
+
+        var text = _this2.createText(cur.slice(-5), originX + i * spaceGridNumber * xCellWidth, top, 'center', newStyle);
+
+        textList.push(text);
+
+        _this2.timeList.push({
+          time: cur.slice(-5),
+          left: originX + i * spaceGridNumber * xCellWidth,
+          width: text.width
+        });
+
         return cur;
       }, '');
+      console.log(textList);
       var group = new this.fabric.Group([].concat(textList), {
         evented: false,
         selectable: false
@@ -4193,15 +4428,12 @@ var FabricTextGroup_component = Object(componentNormalizer["a" /* default */])(
         originX: originX
       }));
     }
-  },
-  render: function render(h) {
-    return this.$slots.default ? h('div', this.$slots.default) : undefined;
   }
 });
 // CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricScaleValue.vue?vue&type=script&lang=js&
  /* harmony default export */ var fabric_chart_FabricScaleValuevue_type_script_lang_js_ = (FabricScaleValuevue_type_script_lang_js_); 
 // CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricScaleValue.vue
-var FabricScaleValue_render, FabricScaleValue_staticRenderFns
+
 
 
 
@@ -4210,8 +4442,8 @@ var FabricScaleValue_render, FabricScaleValue_staticRenderFns
 
 var FabricScaleValue_component = Object(componentNormalizer["a" /* default */])(
   fabric_chart_FabricScaleValuevue_type_script_lang_js_,
-  FabricScaleValue_render,
-  FabricScaleValue_staticRenderFns,
+  FabricScaleValuevue_type_template_id_5ae188c2_render,
+  FabricScaleValuevue_type_template_id_5ae188c2_staticRenderFns,
   false,
   null,
   null,
@@ -4220,7 +4452,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":"d4cc4b90-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=template&id=229d2d58&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3ec6e651-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=template&id=229d2d58&
 var FabricLinesvue_type_template_id_229d2d58_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"line"},[(_vm.isRightVisible)?_c('MouseRightClick',{attrs:{"getContainer":_vm.getContainer,"nodeList":_vm.rightClickNode,"rightPos":_vm.rightPos},on:{"nodeClick":_vm.handleRightClick,"closeRight":function($event){_vm.isRightVisible = false}}}):_vm._e(),(_vm.isDropVisible)?_c('DropPopup',{attrs:{"val":_vm.dropVal,"dropPos":_vm.dropPos}}):_vm._e()],1)}
 var FabricLinesvue_type_template_id_229d2d58_staticRenderFns = []
 
@@ -5595,7 +5827,7 @@ var FabricBottom_component = Object(componentNormalizer["a" /* default */])(
 )
 
 /* harmony default export */ var FabricBottom = (FabricBottom_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"d4cc4b90-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart2/FabricCenter.vue?vue&type=template&id=4d90e644&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3ec6e651-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./packages/fabric-chart/src/fabric-chart2/FabricCenter.vue?vue&type=template&id=4d90e644&
 var FabricCentervue_type_template_id_4d90e644_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"poly-line"},[(_vm.isRightVisible)?_c('MouseRightClick',{attrs:{"getContainer":_vm.getContainer,"nodeList":_vm.rightClickNode,"rightPos":_vm.rightPos},on:{"nodeClick":_vm.handleRightClick,"closeRight":function($event){_vm.isRightVisible = false}}}):_vm._e(),(_vm.isDropVisible)?_c('DropPopup',{attrs:{"val":_vm.dropVal,"dropPos":_vm.dropPos}}):_vm._e()],1)}
 var FabricCentervue_type_template_id_4d90e644_staticRenderFns = []
 
@@ -7087,6 +7319,13 @@ module.exports = function (CONSTRUCTOR_NAME) {
 };
 
 
+/***/ }),
+
+/***/ "2794":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "2871":
@@ -8573,6 +8812,13 @@ var POLYFILL = isForced.POLYFILL = 'P';
 module.exports = isForced;
 
 
+/***/ }),
+
+/***/ "9715":
+/***/ (function(module, exports) {
+
+module.exports = require("cnhis-design-vue/es/utils/vexutils");
+
 /***/ }),
 
 /***/ "97d3":
@@ -9038,6 +9284,17 @@ try {
 module.exports = g;
 
 
+/***/ }),
+
+/***/ "c8fe":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TimeScaleValue_vue_vue_type_style_index_0_id_64942e54_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("2794");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TimeScaleValue_vue_vue_type_style_index_0_id_64942e54_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_TimeScaleValue_vue_vue_type_style_index_0_id_64942e54_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "ca84":

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-fabric-chart[data-v-4ba88400]{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-64942e54]{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-64942e54]{position:absolute;line-height:var(--height);transform-origin:center;font-size:var(--font-size)}.c-fabric-chart[data-v-4ba88400]{position:relative}