cnhis-design-vue 2.1.58 → 2.1.59

package/es/fabric-chart/index.js

@@ -107,17 +107,6 @@ module.exports = String(test) === '[object z]';
 
 module.exports = require("core-js/modules/es.object.freeze.js");
 
-/***/ }),
-
-/***/ "0364":
-/***/ (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_184c584a_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("b4ea");
-/* 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_184c584a_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_184c584a_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "0366":
@@ -306,7 +295,7 @@ var es_promise_finally = __webpack_require__("a79d");
 // EXTERNAL MODULE: external "core-js/modules/es.function.name.js"
 var es_function_name_js_ = __webpack_require__("db0a");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5ce1a2d2-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&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"32ef1700-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)}
 var staticRenderFns = []
 
@@ -319,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":"5ce1a2d2-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=4723a7b2&
-var FabricCanvasvue_type_template_id_4723a7b2_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_4723a7b2_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"32ef1700-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=42503925&
+var FabricCanvasvue_type_template_id_42503925_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_42503925_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricCanvas.vue?vue&type=template&id=4723a7b2&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricCanvas.vue?vue&type=template&id=42503925&
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js + 3 modules
 var toConsumableArray = __webpack_require__("2909");
@@ -335,6 +324,9 @@ var es_array_map_js_ = __webpack_require__("4391");
 // EXTERNAL MODULE: external "core-js/modules/web.dom-collections.for-each.js"
 var web_dom_collections_for_each_js_ = __webpack_require__("13e3");
 
+// EXTERNAL MODULE: external "core-js/modules/es.array.find.js"
+var es_array_find_js_ = __webpack_require__("0d58");
+
 // EXTERNAL MODULE: external "core-js/modules/es.reflect.delete-property.js"
 var es_reflect_delete_property_js_ = __webpack_require__("a32b");
 
@@ -394,7 +386,7 @@ var defaultVaule_data = {
     originX: 'center',
     originY: 'center'
   },
-  topSpaceHeight: 10,
+  topSpaceHeight: 20,
   // templateData.top.spaceHeight
   topSpaceGridNumber: 3,
   // templateData.top.xScalevalue.spaceGridNumber
@@ -439,6 +431,7 @@ var vexutils_default = /*#__PURE__*/__webpack_require__.n(vexutils_);
 
 
 
+
 //
 //
 //
@@ -508,8 +501,10 @@ var vexutils_default = /*#__PURE__*/__webpack_require__.n(vexutils_);
           yCellHeight: _this.yCellHeight,
           table: Object(objectSpread2["a" /* default */])({}, _this.templateData.table),
           spaceHeight: _this.spaceHeight,
+          originYTime: _this.originYTime,
           gridYnumberTop: _this.gridYnumberTop,
           yCellHeightTop: _this.yCellHeightTop,
+          originYTop: _this.originYTop,
           endYTop: _this.endYTop,
           treeList: _this.treeList,
           xScaleList: _this.xScaleList,
@@ -540,6 +535,14 @@ var vexutils_default = /*#__PURE__*/__webpack_require__.n(vexutils_);
         console.warn(error);
       }
     }
+
+    this.throttleEvent = vexutils_default.a.throttle(function (event, componentInstance) {
+      var _componentInstance$ev = componentInstance.eventStyle,
+          eventStyle = _componentInstance$ev === void 0 ? null : _componentInstance$ev,
+          _componentInstance$ha = componentInstance.handleMoving,
+          handleMoving = _componentInstance$ha === void 0 ? null : _componentInstance$ha;
+      eventStyle.evented && (handleMoving === null || handleMoving === void 0 ? void 0 : handleMoving(event));
+    }, 50);
   },
   computed: {
     canvasWidth: function canvasWidth() {
@@ -585,12 +588,8 @@ var vexutils_default = /*#__PURE__*/__webpack_require__.n(vexutils_);
       return originX + residue;
     },
     originY: function originY() {
-      var _this$templateData$to9;
-
-      // 顶部列表高度 网格不需要的高度放到顶部，因为底部不一定存在列表
-      var topHeight = this.endYTop;
-      var residue = (this.endY - topHeight) % this.gridYNumber;
-      return topHeight + residue + (((_this$templateData$to9 = this.templateData.top) === null || _this$templateData$to9 === void 0 ? void 0 : _this$templateData$to9.spaceHeight) || defaultVaule.topSpaceHeight);
+      // 主网格起始高度值
+      return this.spaceHeight + (this.endYTop - this.originYTop);
     },
     endX: function endX() {
       var _this$templateData$ri, _this$templateData$ri2;
@@ -614,21 +613,32 @@ var vexutils_default = /*#__PURE__*/__webpack_require__.n(vexutils_);
       return (this.endY - this.originY) / this.gridYNumber;
     },
     spaceHeight: function spaceHeight() {
-      var _this$templateData$to10;
+      var _this$templateData$to9;
 
       // 头部表格底部空白位置的高，用于显示x轴时间点
-      var topHeight = this.endYTop;
-      var residue = (this.endY - topHeight) % this.gridYNumber;
-      return residue + (((_this$templateData$to10 = this.templateData.top) === null || _this$templateData$to10 === void 0 ? void 0 : _this$templateData$to10.spaceHeight) || defaultVaule.topSpaceHeight);
+      return ((_this$templateData$to9 = this.templateData.top) === null || _this$templateData$to9 === void 0 ? void 0 : _this$templateData$to9.spaceHeight) || defaultVaule.topSpaceHeight;
+    },
+    originYTime: function originYTime() {
+      return this.originYTop > 0 ? 0 : this.endYTop;
     },
     yCellHeightTop: function yCellHeightTop() {
-      var _this$templateData$to11;
+      var _this$templateData$to10;
 
       // 头部表格垂直方向网格高度
-      return ((_this$templateData$to11 = this.templateData.top) === null || _this$templateData$to11 === void 0 ? void 0 : _this$templateData$to11.treeTableminCellHeight) || 20;
+      return ((_this$templateData$to10 = this.templateData.top) === null || _this$templateData$to10 === void 0 ? void 0 : _this$templateData$to10.treeTableminCellHeight) || 20;
     },
     endYTop: function endYTop() {
-      return this.gridYnumberTop * this.yCellHeightTop;
+      var endYTop = this.gridYnumberTop * this.yCellHeightTop;
+      return this.originYTop + endYTop;
+    },
+    originYTop: function originYTop() {
+      var _this$templateData$to11;
+
+      var _ref = ((_this$templateData$to11 = this.templateData.top) === null || _this$templateData$to11 === void 0 ? void 0 : _this$templateData$to11.xScalevalue) || {},
+          _ref$layout = _ref.layout,
+          layout = _ref$layout === void 0 ? 'center' : _ref$layout;
+
+      return layout === 'center' ? 0 : this.spaceHeight;
     },
     // 转换为时间戳的x轴时间列表
     xScaleList: function xScaleList() {
@@ -695,6 +705,21 @@ var vexutils_default = /*#__PURE__*/__webpack_require__.n(vexutils_);
         connect: false,
         lockMovementX: false
       };
+    },
+    fabricLinesInstances: function fabricLinesInstances() {
+      var _this$$slots$default$;
+
+      return (_this$$slots$default$ = this.$slots.default.find(function (VNode) {
+        return /lines/.test(VNode.tag);
+      })) === null || _this$$slots$default$ === void 0 ? void 0 : _this$$slots$default$.componentInstance;
+    },
+    fabricPolylinesInstances: function fabricPolylinesInstances() {
+      var _this$$slots$default$2;
+
+      // return this.$slots.default.filter(VNode => /(polylines)|(lines)/.test(VNode.tag));
+      return (_this$$slots$default$2 = this.$slots.default.find(function (VNode) {
+        return /polylines/.test(VNode.tag);
+      })) === null || _this$$slots$default$2 === void 0 ? void 0 : _this$$slots$default$2.componentInstance;
     }
   },
   mounted: function mounted() {
@@ -702,7 +727,9 @@ var vexutils_default = /*#__PURE__*/__webpack_require__.n(vexutils_);
   },
   methods: {
     init: function init() {
-      var _this$templateData$to14, _this$templateData$to15;
+      var _this$templateData$to14,
+          _this$templateData$to15,
+          _this3 = this;
 
       this.canvas = new this.fabric.Canvas(this.id, Object(objectSpread2["a" /* default */])({
         width: this.templateData.canvasWidth,
@@ -713,6 +740,34 @@ var vexutils_default = /*#__PURE__*/__webpack_require__.n(vexutils_);
         this.getGridYnumberTop(this.templateData.top.list);
         this.treeList = this.setTreeStyle(vexutils_default.a.clone(this.templateData.top.list, true));
       }
+
+      this.canvas.on('mouse:move', function (event) {
+        var target = event.target,
+            pointer = event.pointer;
+        var x = pointer.x,
+            y = pointer.y;
+        var originX = _this3.originX,
+            endX = _this3.endX,
+            originY = _this3.originY,
+            endY = _this3.endY,
+            originYTop = _this3.originYTop,
+            endYTop = _this3.endYTop;
+
+        if (x > originX && x < endX && y > originYTop && y < endYTop && !target) {
+          var _this3$throttleEvent;
+
+          (_this3$throttleEvent = _this3.throttleEvent) === null || _this3$throttleEvent === void 0 ? void 0 : _this3$throttleEvent.call(_this3, event, _this3.fabricLinesInstances);
+          _this3.fabricPolylinesInstances.isDropVisible = false;
+        } else if (x > originX && x < endX && y > originY && y < endY && !target) {
+          var _this3$throttleEvent2;
+
+          (_this3$throttleEvent2 = _this3.throttleEvent) === null || _this3$throttleEvent2 === void 0 ? void 0 : _this3$throttleEvent2.call(_this3, event, _this3.fabricPolylinesInstances);
+          _this3.fabricLinesInstances.isDropVisible = false;
+        } else if (x <= originX || x >= endX || y <= originYTop || y >= endY) {
+          _this3.fabricPolylinesInstances.isDropVisible = false;
+          _this3.fabricLinesInstances.isDropVisible = false;
+        }
+      });
     },
     getGridYnumberTop: function getGridYnumberTop(list) {
       // 头部表格垂直方向网格总数
@@ -762,7 +817,7 @@ var vexutils_default = /*#__PURE__*/__webpack_require__.n(vexutils_);
         Object.assign(obj, {
           title: node.title || '',
           left: levelCol * treeTableminCellWidth,
-          top: this.levelRow * treeTableminCellHeight,
+          top: this.levelRow * treeTableminCellHeight + this.originYTop,
           origin: node.origin
         });
         this.levelRow++;
@@ -828,8 +883,8 @@ var componentNormalizer = __webpack_require__("2877");
 
 var component = Object(componentNormalizer["a" /* default */])(
   fabric_chart_FabricCanvasvue_type_script_lang_js_,
-  FabricCanvasvue_type_template_id_4723a7b2_render,
-  FabricCanvasvue_type_template_id_4723a7b2_staticRenderFns,
+  FabricCanvasvue_type_template_id_42503925_render,
+  FabricCanvasvue_type_template_id_42503925_staticRenderFns,
   false,
   null,
   null,
@@ -838,12 +893,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":"5ce1a2d2-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=4d3666c6&
-var FabricPolylinesvue_type_template_id_4d3666c6_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_4d3666c6_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"32ef1700-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=03baa082&
+var FabricPolylinesvue_type_template_id_03baa082_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_03baa082_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricPolylines.vue?vue&type=template&id=4d3666c6&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricPolylines.vue?vue&type=template&id=03baa082&
 
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
 var asyncToGenerator = __webpack_require__("1da1");
@@ -863,9 +918,6 @@ 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.array.find.js"
-var es_array_find_js_ = __webpack_require__("0d58");
-
 // EXTERNAL MODULE: external "core-js/modules/es.string.replace.js"
 var es_string_replace_js_ = __webpack_require__("6378");
 
@@ -1382,7 +1434,29 @@ var type_isObject = function isObject(obj) {
 /* harmony default export */ var eventCommon = ({
   name: 'eventCommon',
   data: function data() {
-    return {};
+    return {
+      dropPointer: {
+        x: 0,
+        y: 0
+      },
+      dropTimer: null
+    };
+  },
+  watch: {
+    dropPointer: {
+      handler: function handler(value) {
+        var _this = this;
+
+        if (value) {
+          this.isDropVisible = true;
+          clearTimeout(this.dropTimer);
+          this.dropTimer = setTimeout(function () {
+            _this.isDropVisible = false;
+          }, 3000);
+        }
+      },
+      deep: true
+    }
   },
   mounted: function mounted() {
     if (this.eventStyle.evented) {
@@ -1391,6 +1465,23 @@ var type_isObject = function isObject(obj) {
     }
   },
   methods: {
+    movingShowPopup: function movingShowPopup(movingPopupContentList) {
+      var _this$dropPointer = this.dropPointer,
+          x = _this$dropPointer.x,
+          y = _this$dropPointer.y;
+      var yCellHeightTop = this.propItems.yCellHeightTop;
+      this.dropPos = {
+        left: x,
+        top: y,
+        margin: {
+          top: yCellHeightTop / 2
+        }
+      };
+      this.dropVal = {
+        title: '',
+        list: movingPopupContentList
+      };
+    },
     // 折线点移动限制 目前仅限制不能移动出画布
     pointMoveLimit: function pointMoveLimit(point) {
       var _point$prevPoint, _point$nextPoint;
@@ -1473,7 +1564,7 @@ var type_isObject = function isObject(obj) {
     }
   }
 });
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5ce1a2d2-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":"32ef1700-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 = []
 
@@ -1581,7 +1672,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":"5ce1a2d2-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":"32ef1700-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 = []
 
@@ -1722,11 +1813,11 @@ var DropPopup_component = Object(componentNormalizer["a" /* default */])(
 
 
 
-/**
- * @description: 递归遍历节点，设置颜色属性
- * @param {fabric.Object[]} pointArr
- * @param {string}} color
- * @return {*}
+/**
+ * @description: 递归遍历节点，设置颜色属性
+ * @param {fabric.Object[]} pointArr
+ * @param {string}} color
+ * @return {*}
  */
 
 function resetPointColor(pointArr, color) {
@@ -1915,6 +2006,24 @@ var rightClickNodeConnect = [{
         _this3.isSelectArea && _this3.createSelectArea(event, selectAreaOrigin);
       });
     },
+    handleMoving: function handleMoving(event) {
+      var pointer = event.pointer;
+      var x = pointer.x,
+          y = pointer.y;
+      this.dropPointer = Object(objectSpread2["a" /* default */])({}, pointer);
+      var left = this.getYValue('left', y);
+      var right = this.getYValue('right', y);
+      var movingPopupContentList = [{
+        id: '1',
+        name: '时间',
+        value: this.getXValue(x)
+      }, {
+        id: '2',
+        name: '值',
+        value: "".concat(this.formatValue('left', left), " / ").concat(this.formatValue('right', right), "\u2103")
+      }];
+      this.movingShowPopup(movingPopupContentList);
+    },
     // 获取选区内包含的节点
     getAreaPonits: function getAreaPonits(points) {
       var _this4 = this;
@@ -2315,13 +2424,13 @@ var rightClickNodeConnect = [{
 
     },
 
-    /**
-     * 绘制一条折线
-     * @param {polyline} 折线属性
-     * @param {polyline.type} 折线点形状 circle: 圆 | triangle: 三角
-     * @param {polyline.pointAttr} 参数 fill: 填充色 | stroke: 描边色 | strokeWidth: 宽度 | radius: 半径 | width: 宽度 | height: 高度
-     * @param {polyline.list} 折线点坐标数组
-     * @param {polylineIndex} 当前折线 index
+    /**
+     * 绘制一条折线
+     * @param {polyline} 折线属性
+     * @param {polyline.type} 折线点形状 circle: 圆 | triangle: 三角
+     * @param {polyline.pointAttr} 参数 fill: 填充色 | stroke: 描边色 | strokeWidth: 宽度 | radius: 半径 | width: 宽度 | height: 高度
+     * @param {polyline.list} 折线点坐标数组
+     * @param {polylineIndex} 当前折线 index
      */
     drawPolyline: function drawPolyline(polyline, polylineIndex, polylineType, polylineTypeId) {
       var _this9 = this;
@@ -2459,12 +2568,12 @@ var rightClickNodeConnect = [{
       return this.propItems.endY - yScaleCell * yCellUnit;
     },
 
-    /**
-     * 绘制折线点
-     * @param {left, top} 折线点坐标
-     * @param {line1, line2} 与折线点关联的线
-     * @param {type} 折线点类型
-     * @param {others} 参数 polylineIndex | pointIndex | ...polyline.pointAttr
+    /**
+     * 绘制折线点
+     * @param {left, top} 折线点坐标
+     * @param {line1, line2} 与折线点关联的线
+     * @param {type} 折线点类型
+     * @param {others} 参数 polylineIndex | pointIndex | ...polyline.pointAttr
      */
     drawPoint: function drawPoint(left, top, line1, line2, type, others, isInit) {
       var _this10 = this;
@@ -2760,10 +2869,10 @@ var rightClickNodeConnect = [{
       this.setLinePatch(point);
     },
 
-    /**
-     * @description: 拖动批量新增节点
-     * @param {*} point 拖动的最后一个节点
-     * @return {*}
+    /**
+     * @description: 拖动批量新增节点
+     * @param {*} point 拖动的最后一个节点
+     * @return {*}
      */
     addPoint: function addPoint(point) {
       var left = point.left,
@@ -3003,10 +3112,10 @@ var rightClickNodeConnect = [{
       return y;
     },
 
-    /**
-     * 绘制折线点
-     * @param {lines} 线坐标 [x1, y1, x2, y2]
-     * @param {others} 参数 polylineIndex | pointIndex | ...polyline.lineAttr
+    /**
+     * 绘制折线点
+     * @param {lines} 线坐标 [x1, y1, x2, y2]
+     * @param {others} 参数 polylineIndex | pointIndex | ...polyline.lineAttr
      */
     drawLine: function drawLine(lines, others) {
       var lineId = "".concat(others.lineIndex, "_").concat(others.polylineIndex, "_polylineLine_").concat(new Date().getTime());
@@ -3019,6 +3128,22 @@ var rightClickNodeConnect = [{
       }, others));
       return line;
     },
+    formatValue: function formatValue(position, y) {
+      if (position == 'right') {
+        if (y.toString().includes('.')) {
+          var _y$toString$split = y.toString().split('.'),
+              _y$toString$split2 = Object(slicedToArray["a" /* default */])(_y$toString$split, 2),
+              m = _y$toString$split2[0],
+              n = _y$toString$split2[1];
+
+          return parseFloat("".concat(m, ".").concat(n.slice(0, 1))) * 10 / 10;
+        }
+
+        return y;
+      } else {
+        return Math.round(y);
+      }
+    },
     showDrapPopup: function showDrapPopup(point) {
       this.isDropVisible = true;
       this.dropPos = {
@@ -3034,23 +3159,6 @@ var rightClickNodeConnect = [{
           y = _this$getValue4.y,
           data = _this$getValue4.data;
 
-      var getY = function getY(y) {
-        if ((data === null || data === void 0 ? void 0 : data.position) == 'right') {
-          if (y.toString().includes('.')) {
-            var _y$toString$split = y.toString().split('.'),
-                _y$toString$split2 = Object(slicedToArray["a" /* default */])(_y$toString$split, 2),
-                m = _y$toString$split2[0],
-                n = _y$toString$split2[1];
-
-            return parseFloat("".concat(m, ".").concat(n.slice(0, 1))) * 10 / 10;
-          }
-
-          return y;
-        } else {
-          return Math.round(y);
-        }
-      };
-
       this.dropVal = {
         title: data.title,
         list: [{
@@ -3060,7 +3168,7 @@ var rightClickNodeConnect = [{
         }, {
           id: '22',
           name: '值',
-          value: getY(y)
+          value: this.formatValue(data.position, y)
         }]
       };
     },
@@ -3299,8 +3407,8 @@ var rightClickNodeConnect = [{
 
 var FabricPolylines_component = Object(componentNormalizer["a" /* default */])(
   fabric_chart_FabricPolylinesvue_type_script_lang_js_,
-  FabricPolylinesvue_type_template_id_4d3666c6_render,
-  FabricPolylinesvue_type_template_id_4d3666c6_staticRenderFns,
+  FabricPolylinesvue_type_template_id_03baa082_render,
+  FabricPolylinesvue_type_template_id_03baa082_staticRenderFns,
   false,
   null,
   null,
@@ -3322,11 +3430,21 @@ var FabricPolylines_component = Object(componentNormalizer["a" /* default */])(
   },
   methods: {
     init: function init() {
-      // 主表格
-      this.createGrid(this.propItems.originY, this.propItems.endY, this.propItems.gridYNumber, this.propItems.yCellHeight); // 上方表格
-
-      if (!this.propItems.type) {
-        this.createGrid(0, this.propItems.endYTop, this.propItems.gridYnumberTop, this.propItems.yCellHeightTop);
+      var _this$propItems = this.propItems,
+          originY = _this$propItems.originY,
+          endY = _this$propItems.endY,
+          gridYNumber = _this$propItems.gridYNumber,
+          yCellHeight = _this$propItems.yCellHeight,
+          endYTop = _this$propItems.endYTop,
+          gridYnumberTop = _this$propItems.gridYnumberTop,
+          yCellHeightTop = _this$propItems.yCellHeightTop,
+          type = _this$propItems.type,
+          originYTop = _this$propItems.originYTop; // 主表格
+
+      this.createGrid(originY, endY, gridYNumber, yCellHeight); // 上方表格
+
+      if (!type) {
+        this.createGrid(originYTop, endYTop, gridYnumberTop, yCellHeightTop);
       }
     },
     createGrid: function createGrid(originY, endY, gridYNumber, yCellHeight) {
@@ -3396,12 +3514,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":"5ce1a2d2-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=44a2641e&
-var FabricTextGroupvue_type_template_id_44a2641e_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_44a2641e_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"32ef1700-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=5e213786&
+var FabricTextGroupvue_type_template_id_5e213786_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_5e213786_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricTextGroup.vue?vue&type=template&id=44a2641e&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricTextGroup.vue?vue&type=template&id=5e213786&
 
 // EXTERNAL MODULE: external "core-js/modules/es.array.sort.js"
 var es_array_sort_js_ = __webpack_require__("4c07");
@@ -3629,11 +3747,12 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
           yCellHeightTop = _this$propItems2.yCellHeightTop,
           topTotal = _this$propItems2.topTotal,
           endYTop = _this$propItems2.endYTop,
-          spaceHeight = _this$propItems2.spaceHeight;
+          spaceHeight = _this$propItems2.spaceHeight,
+          originYTop = _this$propItems2.originYTop;
       var textList = [];
       var left = endX + (canvasWidth - endX) / 2;
       topTotalList.forEach(function (v, i) {
-        var top = i * yCellHeightTop + yCellHeightTop / 2;
+        var top = i * yCellHeightTop + yCellHeightTop / 2 + originYTop;
         var text = v ? new _this5.fabric.Text(String(v), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.style), topTotal.style || defaultVaule.textStyle), {}, {
           left: left,
           top: top,
@@ -3650,7 +3769,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
         text: String(topTotal.title)
       }, topTotal.style || defaultVaule.textStyle), {
         left: endX,
-        top: endYTop
+        top: originYTop > 0 ? 0 : endYTop
       });
 
       (_this$canvas = this.canvas).add.apply(_this$canvas, textList.concat([title]));
@@ -3739,57 +3858,110 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
       (_this$canvas2 = this.canvas).add.apply(_this$canvas2, textList);
     },
     drawTextDataGroupList: function drawTextDataGroupList(list) {
-      var _this8 = this,
-          _this$canvas3;
+      var _this8 = this;
 
-      var textList = [];
-      var _this$propItems3 = this.propItems,
-          originX = _this$propItems3.originX,
-          originY = _this$propItems3.originY;
-      var top = originY + 10;
-      list.forEach(function (item, index) {
-        var _item$titleStyle;
+      return Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+        var _this8$canvas;
 
-        var marginLeft = ((_item$titleStyle = item.titleStyle) === null || _item$titleStyle === void 0 ? void 0 : _item$titleStyle.marginLeft) || 8;
-        var left = originX - marginLeft; // 防止最左边的数据与名称显示重合了
+        var textList, _this8$propItems, originX, originY, top, index, len, _item$titleStyle, item, marginLeft, left, title, _ref2, _ref2$icon, _icon, dataList, i, _len, v, icon, text;
 
-        if (list[index - 1]) {
-          top += item.lineHeight || 15;
-        }
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                textList = [];
+                _this8$propItems = _this8.propItems, originX = _this8$propItems.originX, originY = _this8$propItems.originY;
+                top = originY + 10;
+                index = 0, len = list.length;
 
-        var title = new _this8.fabric.Text(String(item.title), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.style), defaultVaule.textStyle), item.style), item.titleStyle || {}), {}, {
-          originX: 'right',
-          originY: 'center',
-          left: left,
-          top: top,
-          id: "".concat(index, "_other_").concat(Date.now())
-        }));
-        textList.push(title);
-        item.dataList.forEach(function (v, i) {
-          if (_this8.isLimit(v.time)) {
-            var text = new _this8.fabric.Text(String(v.value), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.style), defaultVaule.textStyle), item.style), {}, {
-              originX: 'center',
-              originY: 'center',
-              left: _this8.cumputedX(v.time),
-              top: top,
-              lockMovementX: true,
-              lockMovementY: true,
-              dataIndex: index,
-              index: i,
-              type: 'list',
-              id: "".concat(index, "_").concat(i, "_other_").concat(Date.now()),
-              name: v.value
-            }, _this8.eventStyle));
-            text.hasControls = text.hasBorders = false;
+              case 4:
+                if (!(index < len)) {
+                  _context.next = 29;
+                  break;
+                }
 
-            _this8.setPopup(text);
+                item = list[index];
+                marginLeft = ((_item$titleStyle = item.titleStyle) === null || _item$titleStyle === void 0 ? void 0 : _item$titleStyle.marginLeft) || 8;
+                left = originX - marginLeft; // 防止最左边的数据与名称显示重合了
 
-            textList.push(text);
-          }
-        });
-      });
+                if (list[index - 1]) {
+                  top += item.lineHeight || 15;
+                }
+
+                title = new _this8.fabric.Text(String(item.title), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.style), defaultVaule.textStyle), item.style), item.titleStyle || {}), {}, {
+                  originX: 'right',
+                  originY: 'center',
+                  left: left,
+                  top: top,
+                  id: "".concat(index, "_other_").concat(Date.now())
+                }));
+                textList.push(title);
+                _ref2 = item || {}, _ref2$icon = _ref2.icon, _icon = _ref2$icon === void 0 ? {
+                  type: 'circle'
+                } : _ref2$icon, dataList = _ref2.dataList;
+                i = 0, _len = dataList.length;
+
+              case 13:
+                if (!(i < _len)) {
+                  _context.next = 26;
+                  break;
+                }
+
+                v = dataList[i];
 
-      (_this$canvas3 = this.canvas).add.apply(_this$canvas3, textList);
+                if (!_this8.isLimit(v.time)) {
+                  _context.next = 23;
+                  break;
+                }
+
+                _context.next = 18;
+                return _this8.createPoint(_icon.type, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
+                  left: _this8.cumputedX(v.time),
+                  top: top,
+                  originY: 'center'
+                }, _icon.style || {}), {}, {
+                  lockMovementX: true,
+                  lockMovementY: true
+                }, _this8.eventStyle));
+
+              case 18:
+                icon = _context.sent;
+                text = new _this8.fabric.Text(String(v.value), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.style), defaultVaule.textStyle), item.style), {}, {
+                  originY: 'center',
+                  left: icon.left + icon.width,
+                  top: top,
+                  dataIndex: index,
+                  index: i,
+                  type: 'list',
+                  id: "".concat(index, "_").concat(i, "_other_").concat(Date.now()),
+                  name: v.value
+                }));
+                icon.hasControls = icon.hasBorders = false;
+
+                _this8.setPopup(icon);
+
+                textList.push(icon, text);
+
+              case 23:
+                i++;
+                _context.next = 13;
+                break;
+
+              case 26:
+                index++;
+                _context.next = 4;
+                break;
+
+              case 29:
+                (_this8$canvas = _this8.canvas).add.apply(_this8$canvas, textList);
+
+              case 30:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }))();
     },
     setPopup: function setPopup(point) {
       var _this9 = this;
@@ -3830,12 +4002,12 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
         return;
       }
 
-      var _this$propItems4 = this.propItems,
-          endX = _this$propItems4.endX,
-          originX = _this$propItems4.originX,
-          endY = _this$propItems4.endY,
-          canvasHeight = _this$propItems4.canvasHeight,
-          topTotal = _this$propItems4.topTotal;
+      var _this$propItems3 = this.propItems,
+          endX = _this$propItems3.endX,
+          originX = _this$propItems3.originX,
+          endY = _this$propItems3.endY,
+          canvasHeight = _this$propItems3.canvasHeight,
+          topTotal = _this$propItems3.topTotal;
       topTotal.width && this.canvas.add(this.drawLine([endX, endY - 1, endX, canvasHeight], Object(objectSpread2["a" /* default */])({}, this.defaultRectStyle))); // const textList = [];
 
       var marginLeft = this.templateData.left.leftYScalevalue.spaceGridNumber || defaultVaule.spaceGridNumber;
@@ -3897,12 +4069,12 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
 
         if (_this11.isLimit(item[0])) {
           item[1].forEach( /*#__PURE__*/function () {
-            var _ref2 = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee(v, i) {
+            var _ref3 = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(v, i) {
               var common, eventStyle, option, ele, img, _obj$seqStyle2, _obj$seqStyle3, circle, text, group, _text;
 
-              return regeneratorRuntime.wrap(function _callee$(_context) {
+              return regeneratorRuntime.wrap(function _callee2$(_context2) {
                 while (1) {
-                  switch (_context.prev = _context.next) {
+                  switch (_context2.prev = _context2.next) {
                     case 0:
                       common = {
                         left: x,
@@ -3920,7 +4092,7 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
                       } : {};
 
                       if (!(_this11.isObject(v) && !v.value)) {
-                        _context.next = 15;
+                        _context2.next = 15;
                         break;
                       }
 
@@ -3928,42 +4100,42 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
                       option = Object.assign({}, obj.iconStyle || {}, v || {}, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, common), eventStyle));
 
                       if (!(v !== null && v !== void 0 && v.iconClassName)) {
-                        _context.next = 9;
+                        _context2.next = 9;
                         break;
                       }
 
-                      _context.next = 8;
+                      _context2.next = 8;
                       return _this11.createImage(v.iconClassName, v);
 
                     case 8:
-                      ele = _context.sent;
+                      ele = _context2.sent;
 
                     case 9:
-                      _context.next = 11;
+                      _context2.next = 11;
                       return _this11.createPoint(v !== null && v !== void 0 && v.url || v !== null && v !== void 0 && v.iconClassName ? 'img' : v.type, Object(objectSpread2["a" /* default */])({
                         ele: ele || ''
                       }, option));
 
                     case 11:
-                      img = _context.sent;
+                      img = _context2.sent;
                       addCanvas(img);
-                      _context.next = 29;
+                      _context2.next = 29;
                       break;
 
                     case 15:
                       if (!v.value) {
-                        _context.next = 29;
+                        _context2.next = 29;
                         break;
                       }
 
                       if (!v.seq) {
-                        _context.next = 26;
+                        _context2.next = 26;
                         break;
                       }
 
                       common.top = setTop(lineHeightSeq, i, condition); // 标记增加序号
 
-                      _context.next = 20;
+                      _context2.next = 20;
                       return _this11.createPoint('circle', Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, common), {}, {
                         radius: 5,
                         strokeWidth: 1,
@@ -3972,11 +4144,11 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
                       }, ((_obj$seqStyle2 = obj.seqStyle) === null || _obj$seqStyle2 === void 0 ? void 0 : _obj$seqStyle2.circle) || {}));
 
                     case 20:
-                      circle = _context.sent;
+                      circle = _context2.sent;
                       text = new _this11.fabric.Text(String(v.value), Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, defaultVaule.textStyle), common), ((_obj$seqStyle3 = obj.seqStyle) === null || _obj$seqStyle3 === void 0 ? void 0 : _obj$seqStyle3.text) || {}));
                       group = new _this11.fabric.Group([circle, text], Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, common), eventStyle));
                       addCanvas(group);
-                      _context.next = 29;
+                      _context2.next = 29;
                       break;
 
                     case 26:
@@ -3986,14 +4158,14 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
 
                     case 29:
                     case "end":
-                      return _context.stop();
+                      return _context2.stop();
                   }
                 }
-              }, _callee);
+              }, _callee2);
             }));
 
             return function (_x, _x2) {
-              return _ref2.apply(this, arguments);
+              return _ref3.apply(this, arguments);
             };
           }());
         }
@@ -4027,11 +4199,11 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
       var _point$other;
 
       point.setCoords();
-      var _this$propItems5 = this.propItems,
-          originX = _this$propItems5.originX,
-          endX = _this$propItems5.endX,
-          originY = _this$propItems5.originY,
-          canvasHeight = _this$propItems5.canvasHeight;
+      var _this$propItems4 = this.propItems,
+          originX = _this$propItems4.originX,
+          endX = _this$propItems4.endX,
+          originY = _this$propItems4.originY,
+          canvasHeight = _this$propItems4.canvasHeight;
       var bottom = this.templateData.bottom; // 如果是起始标记，如入手术室时间
 
       if ((_point$other = point.other) !== null && _point$other !== void 0 && _point$other.isStart) {
@@ -4126,11 +4298,11 @@ var getTopTotalList = function getTopTotalList(tree, topTotalList) {
     },
     drawLeftScaleGroup: function drawLeftScaleGroup(dataLeft) {
       this.drawLeftTitle(dataLeft);
-      var _this$propItems6 = this.propItems,
-          canvasHeight = _this$propItems6.canvasHeight,
-          originX = _this$propItems6.originX,
-          originY = _this$propItems6.originY,
-          treeTableminCellWidth = _this$propItems6.treeTableminCellWidth;
+      var _this$propItems5 = this.propItems,
+          canvasHeight = _this$propItems5.canvasHeight,
+          originX = _this$propItems5.originX,
+          originY = _this$propItems5.originY,
+          treeTableminCellWidth = _this$propItems5.treeTableminCellWidth;
       var rect = new this.fabric.Rect(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
         left: treeTableminCellWidth,
         top: originY,
@@ -4174,8 +4346,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_44a2641e_render,
-  FabricTextGroupvue_type_template_id_44a2641e_staticRenderFns,
+  FabricTextGroupvue_type_template_id_5e213786_render,
+  FabricTextGroupvue_type_template_id_5e213786_staticRenderFns,
   false,
   null,
   null,
@@ -4184,19 +4356,19 @@ 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":"5ce1a2d2-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=9c461680&
-var FabricScaleValuevue_type_template_id_9c461680_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_9c461680_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"32ef1700-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=f880e596&
+var FabricScaleValuevue_type_template_id_f880e596_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_f880e596_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricScaleValue.vue?vue&type=template&id=9c461680&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricScaleValue.vue?vue&type=template&id=f880e596&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"5ce1a2d2-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=184c584a&scoped=true&
-var TimeScaleValuevue_type_template_id_184c584a_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_184c584a_scoped_true_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"32ef1700-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=3b20fb44&scoped=true&
+var TimeScaleValuevue_type_template_id_3b20fb44_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_3b20fb44_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/components/TimeScaleValue.vue?vue&type=template&id=184c584a&scoped=true&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/components/TimeScaleValue.vue?vue&type=template&id=3b20fb44&scoped=true&
 
 // 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&
 //
@@ -4288,17 +4460,14 @@ var TimeScaleValuevue_type_template_id_184c584a_scoped_true_staticRenderFns = []
     },
     scroll: function scroll() {
       if (this.cFabricChart) {
-        var _this$propItems2 = this.propItems,
-            originY = _this$propItems2.originY,
-            spaceHeight = _this$propItems2.spaceHeight;
+        var originYTime = this.propItems.originYTime;
         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;
-        this.isShow = top + newOriginY < popupTop ? true : false;
+        this.isShow = top + originYTime < popupTop ? true : false;
       }
     }
   },
@@ -4309,8 +4478,8 @@ var TimeScaleValuevue_type_template_id_184c584a_scoped_true_staticRenderFns = []
 });
 // 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=184c584a&lang=less&scoped=true&
-var TimeScaleValuevue_type_style_index_0_id_184c584a_lang_less_scoped_true_ = __webpack_require__("0364");
+// EXTERNAL MODULE: ./packages/fabric-chart/src/components/TimeScaleValue.vue?vue&type=style&index=0&id=3b20fb44&lang=less&scoped=true&
+var TimeScaleValuevue_type_style_index_0_id_3b20fb44_lang_less_scoped_true_ = __webpack_require__("562e5");
 
 // CONCATENATED MODULE: ./packages/fabric-chart/src/components/TimeScaleValue.vue
 
@@ -4323,11 +4492,11 @@ var TimeScaleValuevue_type_style_index_0_id_184c584a_lang_less_scoped_true_ = __
 
 var TimeScaleValue_component = Object(componentNormalizer["a" /* default */])(
   components_TimeScaleValuevue_type_script_lang_js_,
-  TimeScaleValuevue_type_template_id_184c584a_scoped_true_render,
-  TimeScaleValuevue_type_template_id_184c584a_scoped_true_staticRenderFns,
+  TimeScaleValuevue_type_template_id_3b20fb44_scoped_true_render,
+  TimeScaleValuevue_type_template_id_3b20fb44_scoped_true_staticRenderFns,
   false,
   null,
-  "184c584a",
+  "3b20fb44",
   null
   
 )
@@ -4388,13 +4557,14 @@ var TimeScaleValue_component = Object(componentNormalizer["a" /* default */])(
           originX = _this$propItems.originX,
           originY = _this$propItems.originY,
           xCellWidth = _this$propItems.xCellWidth,
+          originYTime = _this$propItems.originYTime,
           spaceHeight = _this$propItems.spaceHeight;
       var spaceGridNumber = obj.xScalevalue.spaceGridNumber || 3;
       var defaultSpaceMinute = obj.xScalevalue.defaultSpaceTime || 15;
       var defaultSpaceTime = defaultSpaceMinute * 60 * 1000;
       var style = obj.xScalevalue.style || {};
       var customStyle = obj.xScalevalue.customStyle || {};
-      var top = originY - Math.floor(spaceHeight / 2);
+      var top = originYTime + Math.floor(spaceHeight / 2);
       var textList = [];
       var list = obj.xScalevalue.list || [];
       list.reduce(function (pre, cur, i) {
@@ -4507,8 +4677,8 @@ var TimeScaleValue_component = Object(componentNormalizer["a" /* default */])(
 
 var FabricScaleValue_component = Object(componentNormalizer["a" /* default */])(
   fabric_chart_FabricScaleValuevue_type_script_lang_js_,
-  FabricScaleValuevue_type_template_id_9c461680_render,
-  FabricScaleValuevue_type_template_id_9c461680_staticRenderFns,
+  FabricScaleValuevue_type_template_id_f880e596_render,
+  FabricScaleValuevue_type_template_id_f880e596_staticRenderFns,
   false,
   null,
   null,
@@ -4517,12 +4687,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":"5ce1a2d2-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=983c9fd6&
-var FabricLinesvue_type_template_id_983c9fd6_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_983c9fd6_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"32ef1700-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=f554e3a2&
+var FabricLinesvue_type_template_id_f554e3a2_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_f554e3a2_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=template&id=983c9fd6&
+// CONCATENATED MODULE: ./packages/fabric-chart/src/fabric-chart/FabricLines.vue?vue&type=template&id=f554e3a2&
 
 // 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&
 
@@ -4536,6 +4706,8 @@ var FabricLinesvue_type_template_id_983c9fd6_staticRenderFns = []
 
 
 
+
+
 //
 //
 //
@@ -4549,6 +4721,7 @@ var FabricLinesvue_type_template_id_983c9fd6_staticRenderFns = []
 
 
 
+
 var FabricLinesvue_type_script_lang_js_rightClickNode = [{
   name: '修改',
   type: 'edit'
@@ -4566,7 +4739,7 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
 }];
 /* harmony default export */ var FabricLinesvue_type_script_lang_js_ = ({
   name: 'fabric-lines',
-  mixins: [fabricCommon, eventCommon],
+  mixins: [fabricCommon, eventCommon, draw],
   props: {
     linesObj: {
       type: Object,
@@ -4626,18 +4799,32 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
           var _this$$propItems = _this.$propItems(),
               originX = _this$$propItems.originX,
               endX = _this$$propItems.endX,
-              endYTop = _this$$propItems.endYTop;
+              endYTop = _this$$propItems.endYTop,
+              originYTop = _this$$propItems.originYTop;
 
-          if (!(x < 0 || x > endX || y < 0 || y > endYTop)) {
+          if (!(x < 0 || x > endX || y < originYTop || y > endYTop)) {
             _this.activeEvent = event;
             document.querySelector('.upper-canvas').addEventListener('contextmenu', _this.addEventListenerContextmenu, true);
           }
         }
       });
     },
+    handleMoving: function handleMoving(event) {
+      var pointer = event.pointer;
+      var _event$pointer2 = event.pointer,
+          x = _event$pointer2.x,
+          y = _event$pointer2.y;
+      this.dropPointer = Object(objectSpread2["a" /* default */])({}, pointer);
+      var movingPopupContentList = [{
+        id: '1',
+        name: '时间',
+        value: this.getXValue(x)
+      }];
+      this.movingShowPopup(movingPopupContentList);
+    },
 
-    /**
-     * 右键监听事件
+    /**
+     * 右键监听事件
      */
     addEventListenerContextmenu: function addEventListenerContextmenu(event) {
       event.preventDefault();
@@ -4647,9 +4834,10 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
       var _this$$propItems2 = this.$propItems(),
           originX = _this$$propItems2.originX,
           endX = _this$$propItems2.endX,
-          endYTop = _this$$propItems2.endYTop;
+          endYTop = _this$$propItems2.endYTop,
+          originYTop = _this$$propItems2.originYTop;
 
-      if (!(x < 0 || x > endX || y < 0 || y > endYTop)) {
+      if (!(x < 0 || x > endX || y < originYTop || y > endYTop)) {
         this.openRightModal(this.activeEvent);
       }
 
@@ -4752,199 +4940,247 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
       });
     },
     drawLineData: function drawLineData(line, i) {
-      var _this5 = this,
-          _this$canvas;
+      var _this5 = this;
 
-      var lineList = line.lineList || [];
-      var _this$propItems = this.propItems,
-          originX = _this$propItems.originX,
-          endX = _this$propItems.endX,
-          xScaleList = _this$propItems.xScaleList,
-          yCellHeightTop = _this$propItems.yCellHeightTop;
-      var spaceHeight = Math.round(yCellHeightTop / 6);
-      var minMinute = Math.min.apply(Math, Object(toConsumableArray["a" /* default */])(xScaleList));
-      var maxMinute = Math.max.apply(Math, Object(toConsumableArray["a" /* default */])(xScaleList));
-      var lineItemList = [];
-      var y1 = i * yCellHeightTop;
-      var y2 = yCellHeightTop * (i + 1);
-      var textArr = []; // 用于存放多个线段的文字内容，显示格式为：第一段线的文字—第二段线的文字
+      return Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+        var _this5$canvas;
 
-      var textList = [];
-      lineList.forEach(function (item, j) {
-        if (!item[0] || type_isObject(item[0])) return;
-        var startMinute = new Date(item[0]).getTime();
-        var endMinute = item[1] ? new Date(item[1]).getTime() : '';
+        var lineList, _this5$propItems, originX, endX, xScaleList, yCellHeightTop, originYTop, spaceHeight, minMinute, maxMinute, lineItemList, y1, y2, textArr, textList, j, len, item, startMinute, endMinute, x1, x2, textObj, textContent, leftLine, centerLine, centerRect, rightLine, textTop, textLimitRight, text, _lineList, leftLimit, _lineList2, preItem0, preItem1, preEndMinute, preStartMinute, rightLimt, _lineList3, _preItem, _preStartMinute;
+
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                lineList = line.lineList || [];
+                _this5$propItems = _this5.propItems, originX = _this5$propItems.originX, endX = _this5$propItems.endX, xScaleList = _this5$propItems.xScaleList, yCellHeightTop = _this5$propItems.yCellHeightTop, originYTop = _this5$propItems.originYTop;
+                spaceHeight = Math.round(yCellHeightTop / 6);
+                minMinute = Math.min.apply(Math, Object(toConsumableArray["a" /* default */])(xScaleList));
+                maxMinute = Math.max.apply(Math, Object(toConsumableArray["a" /* default */])(xScaleList));
+                lineItemList = [];
+                y1 = i * yCellHeightTop + originYTop;
+                y2 = yCellHeightTop * (i + 1) + originYTop;
+                textArr = []; // 用于存放多个线段的文字内容，显示格式为：第一段线的文字—第二段线的文字
+
+                textList = [];
+                j = 0, len = lineList.length;
 
-        var x1 = _this5.cumputedX(item[0]);
+              case 11:
+                if (!(j < len)) {
+                  _context.next = 57;
+                  break;
+                }
 
-        var x2 = _this5.cumputedX(item[1]); // 数字文字
+                item = lineList[j];
 
+                if (!(!item[0] || type_isObject(item[0]))) {
+                  _context.next = 15;
+                  break;
+                }
 
-        var textObj = item[3] || {};
-        var textContent = textObj.content || ''; // 左边手柄竖线
+                return _context.abrupt("return");
 
-        var leftLine;
+              case 15:
+                startMinute = new Date(item[0]).getTime();
+                endMinute = item[1] ? new Date(item[1]).getTime() : '';
+                x1 = _this5.cumputedX(item[0]);
+                x2 = _this5.cumputedX(item[1]); // 数字文字
 
-        if (x1 && x1 >= originX && x1 <= endX) {
-          leftLine = _this5.drawGroup(x1, x2, y1 + spaceHeight, y2 - spaceHeight, i, j, {
-            position: 'left'
-          });
-          lineItemList.push(leftLine);
-        } else if (x1 < originX) {
-          x1 = originX;
-        } else {
-          x1 = endX;
-        }
+                textObj = item[3] || {};
+                textContent = textObj.content || ''; // 左边手柄竖线
 
-        if (item[1] && x2 > endX) {
-          x2 = endX;
-        }
+                leftLine = void 0;
 
-        if (item[1] && x2 < originX) {
-          x2 = originX;
-        } // 中间横线
+                if (!(x1 && x1 >= originX && x1 <= endX)) {
+                  _context.next = 29;
+                  break;
+                }
 
+                _context.next = 25;
+                return _this5.drawGroup(x1, x2, y1 + spaceHeight, y2 - spaceHeight, i, j, {
+                  position: 'left',
+                  customIcon: !endMinute ? true : false
+                });
 
-        var centerLine;
+              case 25:
+                leftLine = _context.sent;
+                lineItemList.push(leftLine);
+                _context.next = 30;
+                break;
 
-        if (item[1] && !(endMinute >= maxMinute && startMinute >= maxMinute) && !(endMinute <= minMinute && startMinute <= minMinute)) {
-          centerLine = _this5.drawLine([x1, y1 + yCellHeightTop / 2, x2, y1 + yCellHeightTop / 2], Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, _this5.linesObj.dataLineStyle), {}, {
-            selectable: false,
-            evented: false,
-            id: '_lineGroup_' + new Date().getTime(),
-            rowIndex: i
-          }));
-          lineItemList.push(centerLine); // 添加透明矩形，便于选择横线右键删除
-
-          var centerRect = new _this5.fabric.Rect({
-            id: '_lineGroup_' + new Date().getTime(),
-            fill: 'transparent',
-            width: x2 - x1 - 20,
-            height: y2 - 2 * spaceHeight - y1,
-            left: x1 + (x2 - x1) / 2,
-            top: y1 + (y2 - y1) / 2,
-            selectable: true,
-            evented: true,
-            rowIndex: i,
-            colIndex: j,
-            originX: 'center',
-            originY: 'center'
-          });
-          centerRect.lockMovementX = centerRect.lockMovementY = true;
-          centerRect.hasControls = centerRect.hasBorders = false;
+              case 29:
+                if (x1 < originX) {
+                  x1 = originX;
+                } else {
+                  x1 = endX;
+                }
 
-          _this5.hoverEvent(centerRect, {
-            textObj: textObj,
-            startTime: item[0],
-            endTime: item[1]
-          });
+              case 30:
+                if (item[1] && x2 > endX) {
+                  x2 = endX;
+                }
 
-          lineItemList.push(centerRect);
-          leftLine && leftLine.bringToFront();
-        } // 右边手柄竖线
+                if (item[1] && x2 < originX) {
+                  x2 = originX;
+                } // 中间横线
 
 
-        var rightLine;
+                centerLine = void 0;
 
-        if (item[1] && endMinute <= maxMinute && endMinute >= minMinute) {
-          rightLine = _this5.drawGroup(x1, x2, y1 + spaceHeight, y2 - spaceHeight, i, j, {
-            position: 'right'
-          });
-          lineItemList.push(rightLine);
-        } // 文字内容
+                if (item[1] && !(endMinute >= maxMinute && startMinute >= maxMinute) && !(endMinute <= minMinute && startMinute <= minMinute)) {
+                  centerLine = _this5.drawLine([x1, y1 + yCellHeightTop / 2, x2, y1 + yCellHeightTop / 2], Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, _this5.linesObj.dataLineStyle), {}, {
+                    selectable: false,
+                    evented: false,
+                    id: '_lineGroup_' + new Date().getTime(),
+                    rowIndex: i
+                  }));
+                  lineItemList.push(centerLine); // 添加透明矩形，便于选择横线右键删除
+
+                  centerRect = new _this5.fabric.Rect({
+                    id: '_lineGroup_' + new Date().getTime(),
+                    fill: 'transparent',
+                    width: x2 - x1 - 20,
+                    height: y2 - 2 * spaceHeight - y1,
+                    left: x1 + (x2 - x1) / 2,
+                    top: y1 + (y2 - y1) / 2,
+                    selectable: true,
+                    evented: true,
+                    rowIndex: i,
+                    colIndex: j,
+                    originX: 'center',
+                    originY: 'center'
+                  });
+                  centerRect.lockMovementX = centerRect.lockMovementY = true;
+                  centerRect.hasControls = centerRect.hasBorders = false;
 
+                  _this5.hoverEvent(centerRect, {
+                    textObj: textObj,
+                    startTime: item[0],
+                    endTime: item[1]
+                  });
 
-        var textTop = x2 ? (y1 + y2) / 2 : y1 + yCellHeightTop / 2;
-        var textLimitRight;
-        var text = endMinute === '' && leftLine || item[1] && !(x1 === originX && x2 === originX) && !(x1 === endX && x2 === endX) ? _this5.drawLineText(textArr.concat([textContent]), textTop, i, j, centerLine, x1, x2) : null; // 文字内容居右侧竖线且超出当前线段右边界则移除
+                  lineItemList.push(centerRect);
+                  leftLine && leftLine.bringToFront();
+                } // 右边手柄竖线
 
-        if (text) {
-          var _lineList;
 
-          textLimitRight = (_lineList = lineList[j + 1]) !== null && _lineList !== void 0 && _lineList[0] && _this5.cumputedX(lineList[j + 1][0]) <= endX ? _this5.cumputedX(lineList[j + 1][0]) : endX;
+                rightLine = void 0;
 
-          if (text.originX === 'left' && text.left + text.width + 2 >= textLimitRight) {
-            textLimitRight !== endX && textArr.push(textContent);
+                if (!(item[1] && endMinute <= maxMinute && endMinute >= minMinute)) {
+                  _context.next = 40;
+                  break;
+                }
 
-            _this5.canvas.remove(text);
+                _context.next = 38;
+                return _this5.drawGroup(x1, x2, y1 + spaceHeight, y2 - spaceHeight, i, j, {
+                  position: 'right'
+                });
 
-            text = null;
-          } else {
-            textArr = [];
+              case 38:
+                rightLine = _context.sent;
+                lineItemList.push(rightLine);
 
-            _this5.hoverEvent(text, {
-              textObj: textObj,
-              startTime: item[0],
-              endTime: item[1]
-            });
+              case 40:
+                // 文字内容
+                textTop = x2 ? (y1 + y2) / 2 : y1 + yCellHeightTop / 2;
+                textLimitRight = void 0;
+                text = endMinute === '' && leftLine || item[1] && !(x1 === originX && x2 === originX) && !(x1 === endX && x2 === endX) ? _this5.drawLineText(textArr.concat([textContent]), textTop, i, j, centerLine, leftLine, x1, x2) : null; // 文字内容居右侧竖线且超出当前线段右边界则移除
 
-            textList.push(text);
-          }
-        } // 设置拖动限制值
+                if (text) {
+                  textLimitRight = (_lineList = lineList[j + 1]) !== null && _lineList !== void 0 && _lineList[0] && _this5.cumputedX(lineList[j + 1][0]) <= endX ? _this5.cumputedX(lineList[j + 1][0]) : endX;
 
+                  if (text.originX === 'left' && text.left + text.width + 2 >= textLimitRight) {
+                    textLimitRight !== endX && textArr.push(textContent);
 
-        var leftLimit = {};
-        leftLimit.x2 = x2 ? x2 : endX;
-        leftLimit.x1 = originX;
+                    _this5.canvas.remove(text);
 
-        if (lineList[j - 1]) {
-          var _lineList2 = Object(slicedToArray["a" /* default */])(lineList[j - 1], 2),
-              preItem0 = _lineList2[0],
-              preItem1 = _lineList2[1];
+                    text = null;
+                  } else {
+                    textArr = [];
 
-          if (preItem1) {
-            var preEndMinute = new Date(preItem1).getTime();
-            if (preEndMinute >= minMinute && preEndMinute < maxMinute) leftLimit.x1 = _this5.cumputedX(preItem1);
-          } else {
-            var preStartMinute = new Date(preItem0).getTime();
-            if (preStartMinute >= minMinute && preStartMinute < maxMinute) leftLimit.x1 = _this5.cumputedX(preItem0);
-          }
-        }
+                    _this5.hoverEvent(text, {
+                      textObj: textObj,
+                      startTime: item[0],
+                      endTime: item[1]
+                    });
 
-        var rightLimt = {};
-        rightLimt.x1 = x2 ? x1 : originX;
-        rightLimt.x2 = endX;
+                    textList.push(text);
+                  }
+                } // 设置拖动限制值
 
-        if (lineList[j + 1]) {
-          var _lineList3 = Object(slicedToArray["a" /* default */])(lineList[j + 1], 1),
-              _preItem = _lineList3[0];
 
-          if (_preItem) {
-            var _preStartMinute = new Date(_preItem).getTime();
+                leftLimit = {};
+                leftLimit.x2 = x2 ? x2 : endX;
+                leftLimit.x1 = originX;
 
-            if (_preStartMinute > minMinute && _preStartMinute <= maxMinute) rightLimt.x2 = _this5.cumputedX(_preItem);
-          }
-        }
+                if (lineList[j - 1]) {
+                  _lineList2 = Object(slicedToArray["a" /* default */])(lineList[j - 1], 2), preItem0 = _lineList2[0], preItem1 = _lineList2[1];
 
-        _this5.lineEvent({
-          line: leftLine,
-          line1: centerLine,
-          text: text,
-          textObj: textObj,
-          limitX: leftLimit,
-          startTime: item[0],
-          endTime: item[1],
-          preText: textList[text ? textList.length - 2 : textList.length - 1] || null,
-          textLimitRight: textLimitRight
-        });
+                  if (preItem1) {
+                    preEndMinute = new Date(preItem1).getTime();
+                    if (preEndMinute >= minMinute && preEndMinute < maxMinute) leftLimit.x1 = _this5.cumputedX(preItem1);
+                  } else {
+                    preStartMinute = new Date(preItem0).getTime();
+                    if (preStartMinute >= minMinute && preStartMinute < maxMinute) leftLimit.x1 = _this5.cumputedX(preItem0);
+                  }
+                }
 
-        _this5.lineEvent({
-          line: rightLine,
-          line2: centerLine,
-          text: text,
-          textObj: textObj,
-          limitX: rightLimt,
-          startTime: item[0],
-          endTime: item[1],
-          preText: null,
-          textLimitRight: rightLimt.x2
-        });
-      });
+                rightLimt = {};
+                rightLimt.x1 = x2 ? x1 : originX;
+                rightLimt.x2 = endX;
 
-      (_this$canvas = this.canvas).add.apply(_this$canvas, lineItemList.concat(textList)); // this.canvas.requestRenderAll();
+                if (lineList[j + 1]) {
+                  _lineList3 = Object(slicedToArray["a" /* default */])(lineList[j + 1], 1), _preItem = _lineList3[0];
 
+                  if (_preItem) {
+                    _preStartMinute = new Date(_preItem).getTime();
+                    if (_preStartMinute > minMinute && _preStartMinute <= maxMinute) rightLimt.x2 = _this5.cumputedX(_preItem);
+                  }
+                }
+
+                _this5.lineEvent({
+                  line: leftLine,
+                  line1: centerLine,
+                  text: text,
+                  textObj: textObj,
+                  limitX: leftLimit,
+                  startTime: item[0],
+                  endTime: item[1],
+                  preText: textList[text ? textList.length - 2 : textList.length - 1] || null,
+                  textLimitRight: textLimitRight
+                });
+
+                _this5.lineEvent({
+                  line: rightLine,
+                  line2: centerLine,
+                  text: text,
+                  textObj: textObj,
+                  limitX: rightLimt,
+                  startTime: item[0],
+                  endTime: item[1],
+                  preText: null,
+                  textLimitRight: rightLimt.x2
+                });
+
+              case 54:
+                j++;
+                _context.next = 11;
+                break;
+
+              case 57:
+                (_this5$canvas = _this5.canvas).add.apply(_this5$canvas, lineItemList.concat(textList)); // this.canvas.requestRenderAll();
+
+
+              case 58:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }))();
     },
-    drawLineText: function drawLineText(textArr, top, i, j, centerLine, x1, x2) {
+    drawLineText: function drawLineText(textArr, top, i, j, centerLine, leftLine, x1, x2) {
+      var _leftLine$width;
+
       // const value = textArr.map(v => {
       //   const channel = v.channel ? `(${v.channel})` : '';
       //   const consistence = v.consistence ? `(${v.consistence})` : '';
@@ -4970,7 +5206,7 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
       var limitWidth = text.width + 2; // 横线小于text文字的宽度则text显示在右侧
 
       var originX = !centerLine || x2 && x2 - x1 <= limitWidth ? 'left' : 'center';
-      var left = x2 && x2 - x1 > limitWidth ? (x1 + x2) / 2 : this.textMarginLeft + (x2 && x2 - x1 <= limitWidth ? x2 : x1);
+      var left = x2 && x2 - x1 > limitWidth ? (x1 + x2) / 2 : this.textMarginLeft + (x2 && x2 - x1 <= limitWidth ? x2 : x1 + ((_leftLine$width = leftLine === null || leftLine === void 0 ? void 0 : leftLine.width) !== null && _leftLine$width !== void 0 ? _leftLine$width : 0) / 3);
       text.set({
         originX: originX,
         left: left
@@ -4979,56 +5215,97 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
       return text;
     },
 
-    /**
-     * @description: 画-|-样式的组
-     * @param {*} x1 // |-|中左侧线的x轴坐标
-     * @param {*} x2 // |-|中右侧线的x轴坐标
-     * @param {*} y1 // |-|中竖线的顶部y轴坐标
-     * @param {*} y2 // |-|中竖线的底部y轴坐标
-     * @param {*} position // 定位当前线是左侧线还是右侧线
-     * @return {*}
+    /**
+     * @description: 画-|-样式的组
+     * @param {*} x1 // |-|中左侧线的x轴坐标
+     * @param {*} x2 // |-|中右侧线的x轴坐标
+     * @param {*} y1 // |-|中竖线的顶部y轴坐标
+     * @param {*} y2 // |-|中竖线的底部y轴坐标
+     * @param {*} position // 定位当前线是左侧线还是右侧线
+     * @return {*}
      */
     drawGroup: function drawGroup(x1, x2, y1, y2, i, j, others) {
-      var id = '_lineGroup_' + Date.now();
-      var point;
-      var left;
+      var _this6 = this;
 
-      if (others.position === 'left') {
-        point = [x1, y1, x1, y2];
-        left = x1 - this.propItems.xCellWidth / 2;
-      } else {
-        point = [x2, y1, x2, y2];
-        left = x2 - this.propItems.xCellWidth / 2;
-      }
+      return Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+        var id, point, left, position, customIcon, line, common, _customIcon, rect;
 
-      var line = this.drawLine(point, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, this.linesObj.dataLineStyle), {}, {
-        selectable: false,
-        evented: false
-      }));
-      var rect = new this.fabric.Rect({
-        width: this.propItems.xCellWidth,
-        height: y2 - y1,
-        fill: 'transparent',
-        left: left,
-        top: y1,
-        selectable: false,
-        evented: false
-      });
-      return new this.fabric.Group([line, rect], Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
-        selectable: true,
-        evented: true,
-        originX: 'center',
-        originY: 'center',
-        id: id,
-        rowIndex: i,
-        colIndex: j
-      }, this.eventStyle), others), {}, {
-        lockMovementY: true // 锁定Y轴，即只能x轴方向移动
+        return regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                id = '_lineGroup_' + Date.now();
+                position = others.position, customIcon = others.customIcon;
+
+                if (position === 'left') {
+                  point = [x1, y1, x1, y2];
+                  left = x1 - _this6.propItems.xCellWidth / 2;
+                } else {
+                  point = [x2, y1, x2, y2];
+                  left = x2 - _this6.propItems.xCellWidth / 2;
+                }
 
-      }));
+                common = {
+                  selectable: false,
+                  evented: false
+                };
+
+                if (!customIcon) {
+                  _context2.next = 11;
+                  break;
+                }
+
+                _customIcon = _this6.linesObj.customIcon || {
+                  type: 'circle'
+                };
+                _context2.next = 8;
+                return _this6.createPoint(_customIcon.type, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
+                  left: x1,
+                  top: y1 + (y2 - y1) / 2,
+                  originY: 'center'
+                }, _customIcon.style || {}), common));
+
+              case 8:
+                line = _context2.sent;
+                _context2.next = 12;
+                break;
+
+              case 11:
+                line = _this6.drawLine(point, Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({}, _this6.linesObj.dataLineStyle), common));
+
+              case 12:
+                rect = new _this6.fabric.Rect({
+                  width: _this6.propItems.xCellWidth,
+                  height: y2 - y1,
+                  fill: 'transparent',
+                  left: left,
+                  top: y1,
+                  selectable: false,
+                  evented: false
+                });
+                return _context2.abrupt("return", new _this6.fabric.Group([line, rect], Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])(Object(objectSpread2["a" /* default */])({
+                  selectable: true,
+                  evented: true,
+                  originX: 'center',
+                  originY: 'center',
+                  id: id,
+                  rowIndex: i,
+                  colIndex: j
+                }, _this6.eventStyle), others), {}, {
+                  lockMovementY: true // 锁定Y轴，即只能x轴方向移动
+
+                })));
+
+              case 14:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2);
+      }))();
     },
     hoverEvent: function hoverEvent(point, attr) {
-      var _this6 = this;
+      var _this7 = this;
 
       var textObj = attr.textObj,
           startTime = attr.startTime,
@@ -5037,14 +5314,14 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
       endTime && (point.endTime = endTime);
       textObj && (point.textObj = textObj);
       point.on('mouseover', function () {
-        _this6.showDrapPopup(point);
+        _this7.showDrapPopup(point);
       });
       point.on('mouseout', function () {
-        _this6.isDropVisible = false;
+        _this7.isDropVisible = false;
       });
     },
     lineEvent: function lineEvent(attr) {
-      var _this7 = this;
+      var _this8 = this;
 
       var line = attr.line,
           line1 = attr.line1,
@@ -5072,26 +5349,26 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
         }); // 移动中 实时更新相关联的线的坐标
 
         line.on('moving', function () {
-          _this7.lineMoveLimit(line);
+          _this8.lineMoveLimit(line);
 
-          _this7.lineMoveUpdateLine(line);
+          _this8.lineMoveUpdateLine(line);
 
-          _this7.textUpdatePositionX(line); // this.canvas.renderAll();
+          _this8.textUpdatePositionX(line); // this.canvas.renderAll();
 
 
-          _this7.showDrapPopup(line);
+          _this8.showDrapPopup(line);
         });
         line.on('moved', function () {
           // const objBoundingBox = line.getBoundingRect();
           if (line && line.id.includes('_lineGroup_')) {
-            _this7.isDropVisible = false;
+            _this8.isDropVisible = false;
 
-            var _this7$updateData = _this7.updateData(line),
-                lineObj = _this7$updateData.lineObj;
+            var _this8$updateData = _this8.updateData(line),
+                lineObj = _this8$updateData.lineObj;
 
-            _this7.updateLine(line.rowIndex);
+            _this8.updateLine(line.rowIndex);
 
-            _this7.$emit('lineChange', {
+            _this8.$emit('lineChange', {
               ponits: {
                 x: line.left,
                 y: line.top
@@ -5196,22 +5473,22 @@ var FabricLinesvue_type_script_lang_js_rightClickNode = [{
     },
     // 直线数组更新后 移除旧的直线并绘制新的直线，处理拖动限制不能更新的问题
     updateLine: function updateLine(rowIndex) {
-      var _this8 = this;
+      var _this9 = this;
 
       this.canvas.forEachObject(function (obj) {
         if (obj.rowIndex === rowIndex) {
-          _this8.canvas.remove(obj);
+          _this9.canvas.remove(obj);
         }
       });
       this.drawLineData(this.lines[rowIndex], rowIndex);
     },
     // 移除头部表格所有线条数字数据
     removeLines: function removeLines() {
-      var _this9 = this;
+      var _this10 = this;
 
       this.canvas.forEachObject(function (obj) {
         if (obj.id && obj.id.includes('_lineGroup_')) {
-          _this9.canvas.remove(obj);
+          _this10.canvas.remove(obj);
         }
       });
       this.lines = [];
@@ -5316,8 +5593,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_983c9fd6_render,
-  FabricLinesvue_type_template_id_983c9fd6_staticRenderFns,
+  FabricLinesvue_type_template_id_f554e3a2_render,
+  FabricLinesvue_type_template_id_f554e3a2_staticRenderFns,
   false,
   null,
   null,
@@ -6683,6 +6960,17 @@ function _objectSpread2(target) {
   return target;
 }
 
+/***/ }),
+
+/***/ "562e5":
+/***/ (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_3b20fb44_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("7278");
+/* 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_3b20fb44_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_3b20fb44_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "5692":
@@ -6988,6 +7276,13 @@ var TEMPLATE = String(String).split('String');
 });
 
 
+/***/ }),
+
+/***/ "7278":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "7418":
@@ -7632,13 +7927,6 @@ module.exports = {
 };
 
 
-/***/ }),
-
-/***/ "b4ea":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "b575":