From 649fa398aeddb608ffdf3aafb0c9d19048a43d45 Mon Sep 17 00:00:00 2001 From: w1301625107 <1301625107@qq.com> Date: Mon, 19 Jul 2021 19:14:54 +0800 Subject: [PATCH] =?UTF-8?q?other:=E6=9B=B4=E6=96=B0demo?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 17 +++ demo/js/app.js | 198 +++++++++++++++++--------- dist/v-gantt-chart.common.js | 101 ++++++++----- dist/v-gantt-chart.umd.js | 101 ++++++++----- dist/v-gantt-chart.umd.min.js | 2 +- package.json | 2 +- prettier.config.js | 6 + src/components/time-line/index.vue | 2 +- src/demo/App.vue | 7 +- src/demo/components/test-markline.vue | 46 ++++++ src/main.js | 2 +- 11 files changed, 337 insertions(+), 147 deletions(-) create mode 100644 prettier.config.js create mode 100644 src/demo/components/test-markline.vue diff --git a/README.md b/README.md index 41d8639..d1e1afe 100644 --- a/README.md +++ b/README.md @@ -320,6 +320,20 @@ export default { ``` +### markline 时间标记线slot +```html + +``` + +`markLineTime` 为 传人的`timelines`的每一个值 + +`getPosition(day:string):number` +计算当前时间的偏移值，参数为day,返回偏移值 + + ### title 标题slot ```html @@ -489,6 +503,9 @@ yarn serve ## Update +1.6.0 +- 添加markline slot 支持 + 1.5.2 - 修复文档中的错误的默认值 - 修改导出的内容，支持页面单独引入 diff --git a/demo/js/app.js b/demo/js/app.js index 6308b11..79cfa75 100644 --- a/demo/js/app.js +++ b/demo/js/app.js @@ -199,7 +199,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var dayjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! dayjs */ \"./node_modules/dayjs/dayjs.min.js\");\n/* harmony import */ var dayjs__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(dayjs__WEBPACK_IMPORTED_MODULE_0__);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"MarkLine\",\n props: {\n markLineTime: {\n validator: function validator(date) {\n return dayjs__WEBPACK_IMPORTED_MODULE_0___default()(date).isValid();\n }\n },\n color: {\n type: String,\n default: \"#0ca30a\"\n },\n getPositonOffset: {\n type: Function,\n required: true\n }\n },\n data: function data() {\n return {\n visible: false,\n dayjs: dayjs__WEBPACK_IMPORTED_MODULE_0___default.a\n };\n },\n methods: {\n getPosition: function getPosition() {\n if (this.markLineTime == null) {\n this.visible = false;\n return 0;\n } else {\n this.visible = true;\n return this.getPositonOffset(this.markLineTime);\n }\n }\n }\n});\n\n//# sourceURL=webpack:///./src/components/mark-line/index.vue?./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var dayjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! dayjs */ \"./node_modules/dayjs/dayjs.min.js\");\n/* harmony import */ var dayjs__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(dayjs__WEBPACK_IMPORTED_MODULE_0__);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"MarkLine\",\n props: {\n markLineTime: {\n validator: function validator(date) {\n return dayjs__WEBPACK_IMPORTED_MODULE_0___default()(date).isValid();\n }\n },\n color: {\n type: String,\n default: \"#0ca30a\"\n },\n getPositonOffset: {\n type: Function,\n required: true\n }\n },\n data: function data() {\n return {\n dayjs: dayjs__WEBPACK_IMPORTED_MODULE_0___default.a\n };\n },\n computed: {\n visible: function visible() {\n return this.markLineTime == null ? false : true;\n }\n },\n methods: {\n getPosition: function getPosition() {\n if (this.markLineTime == null) {\n return 0;\n } else {\n return this.getPositonOffset(this.markLineTime);\n }\n }\n },\n // eslint-disable-next-line\n render: function render(h) {\n var visible = this.visible,\n getPosition = this.getPosition,\n color = this.color,\n markLineTime = this.markLineTime;\n\n if (!visible) {\n return null;\n }\n\n var vnode = this.$scopedSlots.default && this.$scopedSlots.default({\n markLineTime: markLineTime,\n getPosition: getPosition\n });\n var px = getPosition();\n return !vnode ? h(\"div\", {\n \"class\": \"gantt-markline\",\n \"style\": {\n \"background-color\": color,\n left: px + \"px\"\n }\n }, [h(\"div\", {\n \"class\": \"gantt-markline-label\",\n \"style\": {\n \"background-color\": color\n }\n }, [dayjs__WEBPACK_IMPORTED_MODULE_0___default()(markLineTime).format(\"HH:mm:ss\")])]) : vnode;\n }\n});\n\n//# sourceURL=webpack:///./src/components/mark-line/index.vue?./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), @@ -223,7 +223,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_array_map__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.map */ \"./node_modules/core-js/modules/es.array.map.js\");\n/* harmony import */ var core_js_modules_es_array_map__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_object_to_string__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.object.to-string */ \"./node_modules/core-js/modules/es.object.to-string.js\");\n/* harmony import */ var core_js_modules_es_object_to_string__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_parse_int__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.parse-int */ \"./node_modules/core-js/modules/es.parse-int.js\");\n/* harmony import */ var core_js_modules_es_parse_int__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_parse_int__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_regexp_to_string__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.regexp.to-string */ \"./node_modules/core-js/modules/es.regexp.to-string.js\");\n/* harmony import */ var core_js_modules_es_regexp_to_string__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_to_string__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_string_split__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.string.split */ \"./node_modules/core-js/modules/es.string.split.js\");\n/* harmony import */ var core_js_modules_es_string_split__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_split__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _components_test_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/test.vue */ \"./src/demo/components/test.vue\");\n/* harmony import */ var _components_test_left_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components/test-left.vue */ \"./src/demo/components/test-left.vue\");\n/* harmony import */ var _components_test_timeline_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components/test-timeline.vue */ \"./src/demo/components/test-timeline.vue\");\n/* harmony import */ var _mock_index_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./mock/index.js */ \"./src/demo/mock/index.js\");\n/* harmony import */ var dayjs__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! dayjs */ \"./node_modules/dayjs/dayjs.min.js\");\n/* harmony import */ var dayjs__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(dayjs__WEBPACK_IMPORTED_MODULE_9__);\n\n\n\n\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\nvar scaleList = \"1,2,3,4,5,6,10,12,15,20,30,60,120,180,240,360,720,1440,2880,4320\".split(\",\").map(function (n) {\n var value = parseInt(n);\n var label;\n\n if (value < 60) {\n label = value + 'minute';\n } else if (value >= 60 && value < 1440) {\n label = value / 60 + 'hour';\n } else {\n label = value / 1440 + 'day';\n }\n\n return {\n value: value,\n label: label\n };\n});\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"App\",\n components: {\n Test: _components_test_vue__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n TestLeft: _components_test_left_vue__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n TestTimeline: _components_test_timeline_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"]\n },\n data: function data() {\n return {\n timeLines: [{\n time: dayjs__WEBPACK_IMPORTED_MODULE_9___default()().add(2, \"hour\").toString()\n }, {\n time: dayjs__WEBPACK_IMPORTED_MODULE_9___default()().add(5, \"hour\").toString(),\n color: \"#747e80\"\n }],\n currentTime: dayjs__WEBPACK_IMPORTED_MODULE_9___default()(),\n cellWidth: 100,\n cellHeight: 30,\n titleHeight: 40,\n titleWidth: 250,\n scale: 60,\n times: [dayjs__WEBPACK_IMPORTED_MODULE_9___default()().subtract(5, \"hour\").toString(), dayjs__WEBPACK_IMPORTED_MODULE_9___default()().add(29, \"day\").add(2, \"hour\").toString()],\n rowNum: 100,\n colNum: 10,\n datasA: [],\n datasB: [],\n dataKey: \"id\",\n scaleList: scaleList,\n scrollToTime: dayjs__WEBPACK_IMPORTED_MODULE_9___default()().add(1, \"day\").toString(),\n scrollToPostion: {\n x: 10000,\n y: 10000\n },\n hideHeader: false,\n hideSecondGantt: false,\n arrayKeys: [\"gtArray\", \"error\"],\n scrollToY: 0,\n positionB: {},\n positionA: {}\n };\n },\n watch: {\n rowNum: \"updateData\",\n colNum: \"updateData\",\n times: \"updateData\",\n scrollToY: function scrollToY(val) {\n this.positionA = {\n x: val\n };\n }\n },\n mounted: function mounted() {\n this.updateData();\n },\n methods: {\n updateData: function updateData() {\n this.datasA = Object(_mock_index_js__WEBPACK_IMPORTED_MODULE_8__[\"mockDatas\"])(this.rowNum, this.colNum, this.times);\n this.datasB = Object(_mock_index_js__WEBPACK_IMPORTED_MODULE_8__[\"mockDatas\"])(this.rowNum, this.colNum, this.times);\n },\n updateTimeLines: function updateTimeLines(timeA, timeB) {\n this.timeLines = [{\n time: timeA\n }, {\n time: timeB,\n color: \"#747e80\"\n }];\n },\n scrollLeftA: function scrollLeftA(val) {\n this.positionB = {\n x: val\n };\n },\n scrollLeftB: function scrollLeftB(val) {\n this.positionA = {\n x: val\n };\n }\n }\n});\n\n//# sourceURL=webpack:///./src/demo/App.vue?./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_array_map__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.map */ \"./node_modules/core-js/modules/es.array.map.js\");\n/* harmony import */ var core_js_modules_es_array_map__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_object_to_string__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.object.to-string */ \"./node_modules/core-js/modules/es.object.to-string.js\");\n/* harmony import */ var core_js_modules_es_object_to_string__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_parse_int__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.parse-int */ \"./node_modules/core-js/modules/es.parse-int.js\");\n/* harmony import */ var core_js_modules_es_parse_int__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_parse_int__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_regexp_to_string__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.regexp.to-string */ \"./node_modules/core-js/modules/es.regexp.to-string.js\");\n/* harmony import */ var core_js_modules_es_regexp_to_string__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_to_string__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_string_split__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.string.split */ \"./node_modules/core-js/modules/es.string.split.js\");\n/* harmony import */ var core_js_modules_es_string_split__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_split__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _components_test_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/test.vue */ \"./src/demo/components/test.vue\");\n/* harmony import */ var _components_test_left_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components/test-left.vue */ \"./src/demo/components/test-left.vue\");\n/* harmony import */ var _components_test_timeline_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components/test-timeline.vue */ \"./src/demo/components/test-timeline.vue\");\n/* harmony import */ var _components_test_markline_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./components/test-markline.vue */ \"./src/demo/components/test-markline.vue\");\n/* harmony import */ var _mock_index_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./mock/index.js */ \"./src/demo/mock/index.js\");\n/* harmony import */ var dayjs__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! dayjs */ \"./node_modules/dayjs/dayjs.min.js\");\n/* harmony import */ var dayjs__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(dayjs__WEBPACK_IMPORTED_MODULE_10__);\n\n\n\n\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\nvar scaleList = \"1,2,3,4,5,6,10,12,15,20,30,60,120,180,240,360,720,1440,2880,4320\".split(\",\").map(function (n) {\n var value = parseInt(n);\n var label;\n\n if (value < 60) {\n label = value + 'minute';\n } else if (value >= 60 && value < 1440) {\n label = value / 60 + 'hour';\n } else {\n label = value / 1440 + 'day';\n }\n\n return {\n value: value,\n label: label\n };\n});\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"App\",\n components: {\n Test: _components_test_vue__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n TestLeft: _components_test_left_vue__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n TestTimeline: _components_test_timeline_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n TestMarkline: _components_test_markline_vue__WEBPACK_IMPORTED_MODULE_8__[\"default\"]\n },\n data: function data() {\n return {\n timeLines: [{\n time: dayjs__WEBPACK_IMPORTED_MODULE_10___default()().add(2, \"hour\").toString()\n }, {\n time: dayjs__WEBPACK_IMPORTED_MODULE_10___default()().add(5, \"hour\").toString(),\n color: \"#747e80\"\n }],\n currentTime: dayjs__WEBPACK_IMPORTED_MODULE_10___default()(),\n cellWidth: 100,\n cellHeight: 30,\n titleHeight: 40,\n titleWidth: 250,\n scale: 60,\n times: [dayjs__WEBPACK_IMPORTED_MODULE_10___default()().subtract(5, \"hour\").toString(), dayjs__WEBPACK_IMPORTED_MODULE_10___default()().add(29, \"day\").add(2, \"hour\").toString()],\n rowNum: 100,\n colNum: 10,\n datasA: [],\n datasB: [],\n dataKey: \"id\",\n scaleList: scaleList,\n scrollToTime: dayjs__WEBPACK_IMPORTED_MODULE_10___default()().add(1, \"day\").toString(),\n scrollToPostion: {\n x: 10000,\n y: 10000\n },\n hideHeader: false,\n hideSecondGantt: false,\n arrayKeys: [\"gtArray\", \"error\"],\n scrollToY: 0,\n positionB: {},\n positionA: {}\n };\n },\n watch: {\n rowNum: \"updateData\",\n colNum: \"updateData\",\n times: \"updateData\",\n scrollToY: function scrollToY(val) {\n this.positionA = {\n x: val\n };\n }\n },\n mounted: function mounted() {\n this.updateData();\n },\n methods: {\n updateData: function updateData() {\n this.datasA = Object(_mock_index_js__WEBPACK_IMPORTED_MODULE_9__[\"mockDatas\"])(this.rowNum, this.colNum, this.times);\n this.datasB = Object(_mock_index_js__WEBPACK_IMPORTED_MODULE_9__[\"mockDatas\"])(this.rowNum, this.colNum, this.times);\n },\n updateTimeLines: function updateTimeLines(timeA, timeB) {\n this.timeLines = [{\n time: timeA\n }, {\n time: timeB,\n color: \"#747e80\"\n }];\n },\n scrollLeftA: function scrollLeftA(val) {\n this.positionB = {\n x: val\n };\n },\n scrollLeftB: function scrollLeftB(val) {\n this.positionA = {\n x: val\n };\n }\n }\n});\n\n//# sourceURL=webpack:///./src/demo/App.vue?./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), @@ -239,6 +239,18 @@ eval("__webpack_require__.r(__webpack_exports__);\n//\n//\n//\n//\n//\n//\n//\n/ /***/ }), +/***/ "./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/demo/components/test-markline.vue?vue&type=script&lang=js&": +/*!***************************************************************************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/demo/components/test-markline.vue?vue&type=script&lang=js& ***! + \***************************************************************************************************************************************************************************************************************************************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var dayjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! dayjs */ \"./node_modules/dayjs/dayjs.min.js\");\n/* harmony import */ var dayjs__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(dayjs__WEBPACK_IMPORTED_MODULE_0__);\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"TestMarkLine\",\n props: ['getPosition', 'markLineTime'],\n data: function data() {\n return {\n dayjs: dayjs__WEBPACK_IMPORTED_MODULE_0___default.a\n };\n }\n});\n\n//# sourceURL=webpack:///./src/demo/components/test-markline.vue?./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); + +/***/ }), + /***/ "./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/demo/components/test-timeline.vue?vue&type=script&lang=js&": /*!***************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/demo/components/test-timeline.vue?vue&type=script&lang=js& ***! @@ -271,127 +283,127 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_array_concat__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.concat */ \"./node_modules/core-js/modules/es.array.concat.js\");\n/* harmony import */ var core_js_modules_es_array_concat__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_array_includes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.array.includes */ \"./node_modules/core-js/modules/es.array.includes.js\");\n/* harmony import */ var core_js_modules_es_array_includes__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_number_constructor__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.number.constructor */ \"./node_modules/core-js/modules/es.number.constructor.js\");\n/* harmony import */ var core_js_modules_es_number_constructor__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_number_is_nan__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.number.is-nan */ \"./node_modules/core-js/modules/es.number.is-nan.js\");\n/* harmony import */ var core_js_modules_es_number_is_nan__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_is_nan__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_number_parse_float__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.number.parse-float */ \"./node_modules/core-js/modules/es.number.parse-float.js\");\n/* harmony import */ var core_js_modules_es_number_parse_float__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_parse_float__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var core_js_modules_es_object_to_string__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.object.to-string */ \"./node_modules/core-js/modules/es.object.to-string.js\");\n/* harmony import */ var core_js_modules_es_object_to_string__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var core_js_modules_es_regexp_to_string__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.regexp.to-string */ \"./node_modules/core-js/modules/es.regexp.to-string.js\");\n/* harmony import */ var core_js_modules_es_regexp_to_string__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_to_string__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var core_js_modules_es_string_includes__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.string.includes */ \"./node_modules/core-js/modules/es.string.includes.js\");\n/* harmony import */ var core_js_modules_es_string_includes__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var core_js_modules_web_dom_collections_for_each__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each */ \"./node_modules/core-js/modules/web.dom-collections.for-each.js\");\n/* harmony import */ var core_js_modules_web_dom_collections_for_each__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var dayjs__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! dayjs */ \"./node_modules/dayjs/dayjs.min.js\");\n/* harmony import */ var dayjs__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(dayjs__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! resize-observer-polyfill */ \"./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js\");\n/* harmony import */ var _utils_timeLineUtils_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./utils/timeLineUtils.js */ \"./src/utils/timeLineUtils.js\");\n/* harmony import */ var _utils_tool_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./utils/tool.js */ \"./src/utils/tool.js\");\n/* harmony import */ var _utils_gtUtils_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./utils/gtUtils.js */ \"./src/utils/gtUtils.js\");\n/* harmony import */ var _utils_throttle_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./utils/throttle.js */ \"./src/utils/throttle.js\");\n/* harmony import */ var _components_time_line_index_vue__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./components/time-line/index.vue */ \"./src/components/time-line/index.vue\");\n/* harmony import */ var _components_mark_line_current_time_vue__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./components/mark-line/current-time.vue */ \"./src/components/mark-line/current-time.vue\");\n/* harmony import */ var _components_left_bar_index_vue__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./components/left-bar/index.vue */ \"./src/components/left-bar/index.vue\");\n/* harmony import */ var _components_blocks_index_vue__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./components/blocks/index.vue */ \"./src/components/blocks/index.vue\");\n/* harmony import */ var _components_mark_line_index_vue__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./components/mark-line/index.vue */ \"./src/components/mark-line/index.vue\");\n\n\n\n\n\n\n\n\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"Gantt\",\n components: {\n Timeline: _components_time_line_index_vue__WEBPACK_IMPORTED_MODULE_15__[\"default\"],\n LeftBar: _components_left_bar_index_vue__WEBPACK_IMPORTED_MODULE_17__[\"default\"],\n Blocks: _components_blocks_index_vue__WEBPACK_IMPORTED_MODULE_18__[\"default\"],\n MarkLine: _components_mark_line_index_vue__WEBPACK_IMPORTED_MODULE_19__[\"default\"],\n CurrentTime: _components_mark_line_current_time_vue__WEBPACK_IMPORTED_MODULE_16__[\"default\"]\n },\n props: {\n startTime: {\n default: function _default() {\n return dayjs__WEBPACK_IMPORTED_MODULE_9___default()();\n },\n validator: function validator(date) {\n var ok = dayjs__WEBPACK_IMPORTED_MODULE_9___default()(date).isValid();\n if (!ok) Object(_utils_tool_js__WEBPACK_IMPORTED_MODULE_12__[\"warn\"])(\"\\u975E\\u6CD5\\u7684\\u5F00\\u59CB\\u65F6\\u95F4 \".concat(date));\n return ok;\n }\n },\n endTime: {\n default: function _default() {\n return dayjs__WEBPACK_IMPORTED_MODULE_9___default()();\n },\n validator: function validator(date) {\n var ok = dayjs__WEBPACK_IMPORTED_MODULE_9___default()(date).isValid();\n if (!ok) Object(_utils_tool_js__WEBPACK_IMPORTED_MODULE_12__[\"warn\"])(\"\\u975E\\u6CD5\\u7684\\u7ED3\\u675F\\u65F6\\u95F4 \".concat(date));\n return ok;\n }\n },\n enableGrab: {\n type: Boolean,\n default: true\n },\n cellWidth: {\n type: Number,\n default: 50\n },\n cellHeight: {\n type: Number,\n default: 20\n },\n titleHeight: {\n type: Number,\n default: 40\n },\n titleWidth: {\n type: Number,\n default: 200\n },\n scale: {\n type: Number,\n default: 60,\n validator: function validator(value) {\n return _utils_timeLineUtils_js__WEBPACK_IMPORTED_MODULE_11__[\"scaleList\"].includes(value) || Object(_utils_timeLineUtils_js__WEBPACK_IMPORTED_MODULE_11__[\"isDayScale\"])(value);\n }\n },\n datas: {\n type: Array,\n default: function _default() {\n return [];\n }\n },\n dataKey: {\n type: String,\n default: undefined\n },\n itemKey: {\n type: String,\n default: undefined\n },\n arrayKeys: {\n type: Array,\n default: function _default() {\n return [];\n }\n },\n showCurrentTime: {\n type: Boolean,\n default: false\n },\n timeLines: {\n type: Array\n },\n scrollToTime: {\n validator: function validator(date) {\n return dayjs__WEBPACK_IMPORTED_MODULE_9___default()(date).isValid();\n }\n },\n scrollToPostion: {\n validator: function validator(obj) {\n var validX = Object(_utils_tool_js__WEBPACK_IMPORTED_MODULE_12__[\"isDef\"])(obj.x) ? !Number.isNaN(obj.x) : true;\n var validY = Object(_utils_tool_js__WEBPACK_IMPORTED_MODULE_12__[\"isDef\"])(obj.y) ? !Number.isNaN(obj.y) : true;\n\n if (!validX && !validY) {\n Object(_utils_tool_js__WEBPACK_IMPORTED_MODULE_12__[\"warn\"])(\"scrollToPostion x或y 有值为非Number类型\");\n return false;\n }\n\n return true;\n }\n },\n hideHeader: {\n type: Boolean,\n default: false\n },\n hideXScrollBar: {\n type: Boolean,\n default: false\n },\n hideYScrollBar: {\n type: Boolean,\n default: false\n },\n customGenerateBlocks: {\n type: Boolean,\n default: false\n },\n timeRangeCorrection: {\n type: Boolean,\n default: true\n },\n preload: {\n type: Number\n }\n },\n data: function data() {\n return {\n //缓存节点\n selector: {\n gantt_leftbar: {},\n gantt_table: {},\n gantt_scroll_y: {},\n gantt_timeline: {},\n gantt_scroll_x: {},\n gantt_markArea: {}\n },\n scrollTop: 0,\n scrollLeft: 0,\n //block 区域需要渲染的范围\n //先渲染出空框架，在mounted后再得到真实的渲染范围，然后在根据范围渲染数据，比之前设置一个默认高度宽度，额外的渲染浪费更少了\n heightOfBlocksWrapper: 0,\n widthOfBlocksWrapper: 0,\n scrollBarWitdh: 17,\n dayjs: dayjs__WEBPACK_IMPORTED_MODULE_9___default.a,\n noop: _utils_tool_js__WEBPACK_IMPORTED_MODULE_12__[\"noop\"],\n preTouchPosition: {\n x: 0,\n y: 0\n }\n };\n },\n computed: {\n start: function start() {\n return dayjs__WEBPACK_IMPORTED_MODULE_9___default()(this.startTime);\n },\n end: function end() {\n var start = this.start,\n widthOfBlocksWrapper = this.widthOfBlocksWrapper,\n scale = this.scale,\n cellWidth = this.cellWidth,\n timeRangeCorrection = this.timeRangeCorrection;\n var end = dayjs__WEBPACK_IMPORTED_MODULE_9___default()(this.endTime);\n var totalWidth = Object(_utils_timeLineUtils_js__WEBPACK_IMPORTED_MODULE_11__[\"calcScalesAbout2Times\"])(start, end, scale) * cellWidth; // 时间纠正和补偿\n\n if (timeRangeCorrection && (start.isAfter(end) || totalWidth <= widthOfBlocksWrapper)) {\n end = Object(_utils_timeLineUtils_js__WEBPACK_IMPORTED_MODULE_11__[\"getBeginTimeOfTimeLine\"])(start, scale).add(widthOfBlocksWrapper / cellWidth * scale, \"minute\");\n }\n\n return end;\n },\n totalWidth: function totalWidth() {\n var cellWidth = this.cellWidth,\n totalScales = this.totalScales;\n return cellWidth * totalScales;\n },\n totalScales: function totalScales() {\n var start = this.start,\n end = this.end,\n scale = this.scale;\n return Object(_utils_timeLineUtils_js__WEBPACK_IMPORTED_MODULE_11__[\"calcScalesAbout2Times\"])(start, end, scale);\n },\n totalHeight: function totalHeight() {\n var datas = this.datas,\n cellHeight = this.cellHeight;\n return datas.length * cellHeight;\n },\n beginTimeOfTimeLine: function beginTimeOfTimeLine() {\n var value = Object(_utils_timeLineUtils_js__WEBPACK_IMPORTED_MODULE_11__[\"getBeginTimeOfTimeLine\"])(this.start, this.scale);\n return value;\n },\n beginTimeOfTimeLineToString: function beginTimeOfTimeLineToString() {\n return this.beginTimeOfTimeLine.toString();\n },\n avialableScrollLeft: function avialableScrollLeft() {\n // 不减这个1，滚动到时间轴尽头后继续滚动会慢慢的溢出\n var totalWidth = this.totalWidth,\n widthOfBlocksWrapper = this.widthOfBlocksWrapper;\n return totalWidth - widthOfBlocksWrapper - 1;\n },\n avialableScrollTop: function avialableScrollTop() {\n var totalHeight = this.totalHeight,\n heightOfBlocksWrapper = this.heightOfBlocksWrapper;\n return totalHeight - heightOfBlocksWrapper - 1;\n },\n scrollXBarHeight: function scrollXBarHeight() {\n return this.hideXScrollBar ? 0 : this.scrollBarWitdh;\n },\n scrollYBarWidth: function scrollYBarWidth() {\n return this.hideYScrollBar ? 0 : this.scrollBarWitdh;\n },\n actualHeaderHeight: function actualHeaderHeight() {\n return this.hideHeader ? 0 : this.titleHeight;\n },\n startTimeOfRenderArea: function startTimeOfRenderArea() {\n if (this.heightOfBlocksWrapper === 0) {\n return;\n }\n\n var beginTimeOfTimeLine = this.beginTimeOfTimeLine,\n scrollLeft = this.scrollLeft,\n cellWidth = this.cellWidth,\n scale = this.scale;\n return beginTimeOfTimeLine.add(scrollLeft / cellWidth * scale, \"minute\").toDate().getTime();\n },\n endTimeOfRenderArea: function endTimeOfRenderArea() {\n if (this.heightOfBlocksWrapper === 0) {\n return;\n }\n\n var beginTimeOfTimeLine = this.beginTimeOfTimeLine,\n scrollLeft = this.scrollLeft,\n cellWidth = this.cellWidth,\n scale = this.scale,\n widthOfBlocksWrapper = this.widthOfBlocksWrapper,\n totalWidth = this.totalWidth;\n var renderWidth = totalWidth < widthOfBlocksWrapper ? totalWidth : widthOfBlocksWrapper;\n return beginTimeOfTimeLine.add((scrollLeft + renderWidth) / cellWidth * scale, \"minute\").toDate().getTime();\n }\n },\n watch: {\n scrollToTime: {\n handler: function handler(newV) {\n this.scrollToTimehandle(newV);\n },\n immediate: true\n },\n scrollToPostion: {\n handler: function handler(newV) {\n this.scrollToPostionHandle(newV);\n },\n immediate: true\n }\n },\n mounted: function mounted() {\n var _this = this;\n\n this.cacheSelector(); // 计算准确的渲染区域范围\n\n var observeContainer = Object(_utils_throttle_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"])(function (entries) {\n entries.forEach(function (entry) {\n var cr = entry.contentRect;\n _this.heightOfBlocksWrapper = cr.height;\n _this.widthOfBlocksWrapper = cr.width;\n });\n });\n var observer = new resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_10__[\"default\"](observeContainer);\n observer.observe(this.$refs.blocksWrapper);\n this.$once(\"hook:beforeDestroy\", function () {\n observer.disconnect();\n\n _this.releaseSelector();\n });\n },\n methods: {\n scrollToTimehandle: function scrollToTimehandle(newV) {\n if (!newV) {\n return;\n }\n\n var start = this.start,\n end = this.end;\n var time = dayjs__WEBPACK_IMPORTED_MODULE_9___default()(newV);\n\n if (!(time.isAfter(start) && time.isBefore(end))) {\n Object(_utils_tool_js__WEBPACK_IMPORTED_MODULE_12__[\"warn\"])(\"\\u5F53\\u524D\\u6EDA\\u52A8\\u81F3\".concat(newV, \"\\u4E0D\\u5728\").concat(start, \"\\u548C\").concat(end, \"\\u7684\\u8303\\u56F4\\u4E4B\\u5185\"));\n return;\n }\n\n var offset = this.getPositonOffset(newV);\n this.$nextTick(this.manualScroll(offset));\n },\n scrollToPostionHandle: function scrollToPostionHandle(newV) {\n if (!newV) {\n return;\n }\n\n var x = Number.parseFloat(newV.x);\n var y = Number.parseFloat(newV.y);\n\n if (!Number.isNaN(x) && x !== this.scrollLeft) {\n this.$nextTick(this.manualScroll(x));\n }\n\n if (!Number.isNaN(y) && y !== this.scrollTop) {\n this.$nextTick(this.manualScroll(undefined, y));\n }\n },\n mouseDownHandle: function mouseDownHandle() {\n this.$refs.blocksWrapper.style.cursor = \"grabbing\";\n this.$refs.blocksWrapper.addEventListener(\"mousemove\", this.mouseMoveHandle);\n },\n mouseMoveHandle: function mouseMoveHandle(e) {\n var movementX = e.movementX,\n movementY = e.movementY;\n this.wheelHandle({\n deltaX: -movementX,\n deltaY: -movementY\n });\n },\n mouseUpHandle: function mouseUpHandle() {\n this.$refs.blocksWrapper.style.cursor = \"default\";\n this.$refs.blocksWrapper.removeEventListener(\"mousemove\", this.mouseMoveHandle);\n },\n touchMoveHandle: function touchMoveHandle(e) {\n var finger = e.touches[0];\n this.wheelHandle({\n deltaX: this.preTouchPosition.x - finger.screenX,\n deltaY: this.preTouchPosition.y - finger.screenY\n });\n this.preTouchPosition.x = finger.screenX;\n this.preTouchPosition.y = finger.screenY;\n },\n touchStartHandle: function touchStartHandle(e) {\n var finger = e.touches[0];\n this.preTouchPosition.x = finger.screenX;\n this.preTouchPosition.y = finger.screenY;\n },\n touchEndHandle: function touchEndHandle() {\n this.preTouchPosition.x = 0;\n this.preTouchPosition.y = 0;\n },\n getWidthAbout2Times: function getWidthAbout2Times(start, end) {\n var options = {\n scale: this.scale,\n cellWidth: this.cellWidth\n };\n return Object(_utils_gtUtils_js__WEBPACK_IMPORTED_MODULE_13__[\"getWidthAbout2Times\"])(start, end, options);\n },\n\n /**\n * 为时间线计算偏移\n */\n getPositonOffset: function getPositonOffset(date) {\n var options = {\n scale: this.scale,\n cellWidth: this.cellWidth\n };\n return Object(_utils_gtUtils_js__WEBPACK_IMPORTED_MODULE_13__[\"getPositonOffset\"])(date, this.beginTimeOfTimeLineToString, options);\n },\n //缓存节点\n cacheSelector: function cacheSelector() {\n this.selector.gantt_leftbar = this.$refs.leftbarWrapper;\n this.selector.gantt_table = this.$refs.blocksWrapper;\n this.selector.gantt_scroll_y = this.$refs.scrollYBar;\n this.selector.gantt_timeline = this.$refs.headerTimeline;\n this.selector.gantt_scroll_x = this.$refs.scrollXBar;\n this.selector.gantt_markArea = this.$refs.marklineArea;\n },\n releaseSelector: function releaseSelector() {\n var key;\n\n for (key in this.selector) {\n this.selector[key] = null;\n }\n },\n wheelHandle: function wheelHandle(event) {\n var deltaX = event.deltaX,\n deltaY = event.deltaY;\n var scrollTop = this.scrollTop,\n scrollLeft = this.scrollLeft,\n avialableScrollLeft = this.avialableScrollLeft,\n avialableScrollTop = this.avialableScrollTop;\n\n if (deltaY !== 0) {\n if (scrollTop + deltaY >= avialableScrollTop && scrollTop !== avialableScrollTop) {\n this.manualScroll(undefined, avialableScrollTop);\n } else if (scrollTop + deltaY < 0 && scrollTop !== 0\n /*滚动为0限制*/\n ) {\n this.manualScroll(undefined, 0);\n } else {\n this.manualScroll(undefined, scrollTop + deltaY);\n }\n }\n\n if (deltaX !== 0) {\n if (scrollLeft + deltaX >= avialableScrollLeft && scrollLeft !== avialableScrollLeft) {\n this.manualScroll(avialableScrollLeft);\n } else if (scrollLeft + deltaX < 0 && scrollLeft !== 0\n /*滚动为0限制*/\n ) {\n this.manualScroll(0);\n } else {\n this.manualScroll(scrollLeft + deltaX);\n }\n }\n },\n manualScroll: function manualScroll(x, y) {\n if (x != undefined) {\n this.selector.gantt_scroll_x.scrollLeft = x;\n }\n\n if (y != undefined) {\n this.selector.gantt_scroll_y.scrollTop = y;\n }\n },\n //同步fixleft和block的滚动\n syncScrollY: function syncScrollY(event) {\n var _this$selector = this.selector,\n gantt_leftbar = _this$selector.gantt_leftbar,\n gantt_table = _this$selector.gantt_table;\n var topValue = event.target.scrollTop;\n this.scrollTop = gantt_table.scrollTop = gantt_leftbar.scrollTop = topValue;\n this.$emit(\"scrollTop\", topValue);\n },\n syncScrollX: function syncScrollX(event) {\n var _this$selector2 = this.selector,\n gantt_table = _this$selector2.gantt_table,\n gantt_timeline = _this$selector2.gantt_timeline,\n gantt_markArea = _this$selector2.gantt_markArea;\n var leftValue = event.target.scrollLeft;\n this.scrollLeft = gantt_timeline.scrollLeft = gantt_table.scrollLeft = leftValue;\n gantt_markArea.style.left = -leftValue + \"px\";\n this.$emit(\"scrollLeft\", leftValue);\n }\n }\n});\n\n//# sourceURL=webpack:///./src/gantt.vue?./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_array_concat__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.concat */ \"./node_modules/core-js/modules/es.array.concat.js\");\n/* harmony import */ var core_js_modules_es_array_concat__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es_array_includes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.array.includes */ \"./node_modules/core-js/modules/es.array.includes.js\");\n/* harmony import */ var core_js_modules_es_array_includes__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es_number_constructor__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.number.constructor */ \"./node_modules/core-js/modules/es.number.constructor.js\");\n/* harmony import */ var core_js_modules_es_number_constructor__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es_number_is_nan__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.number.is-nan */ \"./node_modules/core-js/modules/es.number.is-nan.js\");\n/* harmony import */ var core_js_modules_es_number_is_nan__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_is_nan__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var core_js_modules_es_number_parse_float__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.number.parse-float */ \"./node_modules/core-js/modules/es.number.parse-float.js\");\n/* harmony import */ var core_js_modules_es_number_parse_float__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_parse_float__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var core_js_modules_es_object_to_string__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.object.to-string */ \"./node_modules/core-js/modules/es.object.to-string.js\");\n/* harmony import */ var core_js_modules_es_object_to_string__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var core_js_modules_es_regexp_to_string__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.regexp.to-string */ \"./node_modules/core-js/modules/es.regexp.to-string.js\");\n/* harmony import */ var core_js_modules_es_regexp_to_string__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_to_string__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var core_js_modules_es_string_includes__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.string.includes */ \"./node_modules/core-js/modules/es.string.includes.js\");\n/* harmony import */ var core_js_modules_es_string_includes__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var core_js_modules_web_dom_collections_for_each__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each */ \"./node_modules/core-js/modules/web.dom-collections.for-each.js\");\n/* harmony import */ var core_js_modules_web_dom_collections_for_each__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var dayjs__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! dayjs */ \"./node_modules/dayjs/dayjs.min.js\");\n/* harmony import */ var dayjs__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(dayjs__WEBPACK_IMPORTED_MODULE_9__);\n/* harmony import */ var resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! resize-observer-polyfill */ \"./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js\");\n/* harmony import */ var _utils_timeLineUtils_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./utils/timeLineUtils.js */ \"./src/utils/timeLineUtils.js\");\n/* harmony import */ var _utils_tool_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./utils/tool.js */ \"./src/utils/tool.js\");\n/* harmony import */ var _utils_gtUtils_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./utils/gtUtils.js */ \"./src/utils/gtUtils.js\");\n/* harmony import */ var _utils_throttle_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./utils/throttle.js */ \"./src/utils/throttle.js\");\n/* harmony import */ var _components_time_line_index_vue__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./components/time-line/index.vue */ \"./src/components/time-line/index.vue\");\n/* harmony import */ var _components_mark_line_current_time_vue__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./components/mark-line/current-time.vue */ \"./src/components/mark-line/current-time.vue\");\n/* harmony import */ var _components_left_bar_index_vue__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./components/left-bar/index.vue */ \"./src/components/left-bar/index.vue\");\n/* harmony import */ var _components_blocks_index_vue__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./components/blocks/index.vue */ \"./src/components/blocks/index.vue\");\n/* harmony import */ var _components_mark_line_index_vue__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./components/mark-line/index.vue */ \"./src/components/mark-line/index.vue\");\n\n\n\n\n\n\n\n\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"Gantt\",\n components: {\n Timeline: _components_time_line_index_vue__WEBPACK_IMPORTED_MODULE_15__[\"default\"],\n LeftBar: _components_left_bar_index_vue__WEBPACK_IMPORTED_MODULE_17__[\"default\"],\n Blocks: _components_blocks_index_vue__WEBPACK_IMPORTED_MODULE_18__[\"default\"],\n MarkLine: _components_mark_line_index_vue__WEBPACK_IMPORTED_MODULE_19__[\"default\"],\n CurrentTime: _components_mark_line_current_time_vue__WEBPACK_IMPORTED_MODULE_16__[\"default\"]\n },\n props: {\n startTime: {\n default: function _default() {\n return dayjs__WEBPACK_IMPORTED_MODULE_9___default()();\n },\n validator: function validator(date) {\n var ok = dayjs__WEBPACK_IMPORTED_MODULE_9___default()(date).isValid();\n if (!ok) Object(_utils_tool_js__WEBPACK_IMPORTED_MODULE_12__[\"warn\"])(\"\\u975E\\u6CD5\\u7684\\u5F00\\u59CB\\u65F6\\u95F4 \".concat(date));\n return ok;\n }\n },\n endTime: {\n default: function _default() {\n return dayjs__WEBPACK_IMPORTED_MODULE_9___default()();\n },\n validator: function validator(date) {\n var ok = dayjs__WEBPACK_IMPORTED_MODULE_9___default()(date).isValid();\n if (!ok) Object(_utils_tool_js__WEBPACK_IMPORTED_MODULE_12__[\"warn\"])(\"\\u975E\\u6CD5\\u7684\\u7ED3\\u675F\\u65F6\\u95F4 \".concat(date));\n return ok;\n }\n },\n enableGrab: {\n type: Boolean,\n default: true\n },\n cellWidth: {\n type: Number,\n default: 50\n },\n cellHeight: {\n type: Number,\n default: 20\n },\n titleHeight: {\n type: Number,\n default: 40\n },\n titleWidth: {\n type: Number,\n default: 200\n },\n scale: {\n type: Number,\n default: 60,\n validator: function validator(value) {\n return _utils_timeLineUtils_js__WEBPACK_IMPORTED_MODULE_11__[\"scaleList\"].includes(value) || Object(_utils_timeLineUtils_js__WEBPACK_IMPORTED_MODULE_11__[\"isDayScale\"])(value);\n }\n },\n datas: {\n type: Array,\n default: function _default() {\n return [];\n }\n },\n dataKey: {\n type: String,\n default: undefined\n },\n itemKey: {\n type: String,\n default: undefined\n },\n arrayKeys: {\n type: Array,\n default: function _default() {\n return [];\n }\n },\n showCurrentTime: {\n type: Boolean,\n default: false\n },\n timeLines: {\n type: Array\n },\n scrollToTime: {\n validator: function validator(date) {\n return dayjs__WEBPACK_IMPORTED_MODULE_9___default()(date).isValid();\n }\n },\n scrollToPostion: {\n validator: function validator(obj) {\n var validX = Object(_utils_tool_js__WEBPACK_IMPORTED_MODULE_12__[\"isDef\"])(obj.x) ? !Number.isNaN(obj.x) : true;\n var validY = Object(_utils_tool_js__WEBPACK_IMPORTED_MODULE_12__[\"isDef\"])(obj.y) ? !Number.isNaN(obj.y) : true;\n\n if (!validX && !validY) {\n Object(_utils_tool_js__WEBPACK_IMPORTED_MODULE_12__[\"warn\"])(\"scrollToPostion x或y 有值为非Number类型\");\n return false;\n }\n\n return true;\n }\n },\n hideHeader: {\n type: Boolean,\n default: false\n },\n hideXScrollBar: {\n type: Boolean,\n default: false\n },\n hideYScrollBar: {\n type: Boolean,\n default: false\n },\n customGenerateBlocks: {\n type: Boolean,\n default: false\n },\n timeRangeCorrection: {\n type: Boolean,\n default: true\n },\n preload: {\n type: Number\n }\n },\n data: function data() {\n return {\n //缓存节点\n selector: {\n gantt_leftbar: {},\n gantt_table: {},\n gantt_scroll_y: {},\n gantt_timeline: {},\n gantt_scroll_x: {},\n gantt_markArea: {}\n },\n scrollTop: 0,\n scrollLeft: 0,\n //block 区域需要渲染的范围\n //先渲染出空框架，在mounted后再得到真实的渲染范围，然后在根据范围渲染数据，比之前设置一个默认高度宽度，额外的渲染浪费更少了\n heightOfBlocksWrapper: 0,\n widthOfBlocksWrapper: 0,\n scrollBarWitdh: 17,\n dayjs: dayjs__WEBPACK_IMPORTED_MODULE_9___default.a,\n noop: _utils_tool_js__WEBPACK_IMPORTED_MODULE_12__[\"noop\"],\n preTouchPosition: {\n x: 0,\n y: 0\n }\n };\n },\n computed: {\n start: function start() {\n return dayjs__WEBPACK_IMPORTED_MODULE_9___default()(this.startTime);\n },\n end: function end() {\n var start = this.start,\n widthOfBlocksWrapper = this.widthOfBlocksWrapper,\n scale = this.scale,\n cellWidth = this.cellWidth,\n timeRangeCorrection = this.timeRangeCorrection;\n var end = dayjs__WEBPACK_IMPORTED_MODULE_9___default()(this.endTime);\n var totalWidth = Object(_utils_timeLineUtils_js__WEBPACK_IMPORTED_MODULE_11__[\"calcScalesAbout2Times\"])(start, end, scale) * cellWidth; // 时间纠正和补偿\n\n if (timeRangeCorrection && (start.isAfter(end) || totalWidth <= widthOfBlocksWrapper)) {\n end = Object(_utils_timeLineUtils_js__WEBPACK_IMPORTED_MODULE_11__[\"getBeginTimeOfTimeLine\"])(start, scale).add(widthOfBlocksWrapper / cellWidth * scale, \"minute\");\n }\n\n return end;\n },\n totalWidth: function totalWidth() {\n var cellWidth = this.cellWidth,\n totalScales = this.totalScales;\n return cellWidth * totalScales;\n },\n totalScales: function totalScales() {\n var start = this.start,\n end = this.end,\n scale = this.scale;\n return Object(_utils_timeLineUtils_js__WEBPACK_IMPORTED_MODULE_11__[\"calcScalesAbout2Times\"])(start, end, scale);\n },\n totalHeight: function totalHeight() {\n var datas = this.datas,\n cellHeight = this.cellHeight;\n return datas.length * cellHeight;\n },\n beginTimeOfTimeLine: function beginTimeOfTimeLine() {\n var value = Object(_utils_timeLineUtils_js__WEBPACK_IMPORTED_MODULE_11__[\"getBeginTimeOfTimeLine\"])(this.start, this.scale);\n return value;\n },\n beginTimeOfTimeLineToString: function beginTimeOfTimeLineToString() {\n return this.beginTimeOfTimeLine.toString();\n },\n avialableScrollLeft: function avialableScrollLeft() {\n // 不减这个1，滚动到时间轴尽头后继续滚动会慢慢的溢出\n var totalWidth = this.totalWidth,\n widthOfBlocksWrapper = this.widthOfBlocksWrapper;\n return totalWidth - widthOfBlocksWrapper - 1;\n },\n avialableScrollTop: function avialableScrollTop() {\n var totalHeight = this.totalHeight,\n heightOfBlocksWrapper = this.heightOfBlocksWrapper;\n return totalHeight - heightOfBlocksWrapper - 1;\n },\n scrollXBarHeight: function scrollXBarHeight() {\n return this.hideXScrollBar ? 0 : this.scrollBarWitdh;\n },\n scrollYBarWidth: function scrollYBarWidth() {\n return this.hideYScrollBar ? 0 : this.scrollBarWitdh;\n },\n actualHeaderHeight: function actualHeaderHeight() {\n return this.hideHeader ? 0 : this.titleHeight;\n },\n startTimeOfRenderArea: function startTimeOfRenderArea() {\n if (this.heightOfBlocksWrapper === 0) {\n return;\n }\n\n var beginTimeOfTimeLine = this.beginTimeOfTimeLine,\n scrollLeft = this.scrollLeft,\n cellWidth = this.cellWidth,\n scale = this.scale;\n return beginTimeOfTimeLine.add(scrollLeft / cellWidth * scale, \"minute\").toDate().getTime();\n },\n endTimeOfRenderArea: function endTimeOfRenderArea() {\n if (this.heightOfBlocksWrapper === 0) {\n return;\n }\n\n var beginTimeOfTimeLine = this.beginTimeOfTimeLine,\n scrollLeft = this.scrollLeft,\n cellWidth = this.cellWidth,\n scale = this.scale,\n widthOfBlocksWrapper = this.widthOfBlocksWrapper,\n totalWidth = this.totalWidth;\n var renderWidth = totalWidth < widthOfBlocksWrapper ? totalWidth : widthOfBlocksWrapper;\n return beginTimeOfTimeLine.add((scrollLeft + renderWidth) / cellWidth * scale, \"minute\").toDate().getTime();\n }\n },\n watch: {\n scrollToTime: {\n handler: function handler(newV) {\n this.scrollToTimehandle(newV);\n },\n immediate: true\n },\n scrollToPostion: {\n handler: function handler(newV) {\n this.scrollToPostionHandle(newV);\n },\n immediate: true\n }\n },\n mounted: function mounted() {\n var _this = this;\n\n this.cacheSelector(); // 计算准确的渲染区域范围\n\n var observeContainer = Object(_utils_throttle_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"])(function (entries) {\n entries.forEach(function (entry) {\n var cr = entry.contentRect;\n _this.heightOfBlocksWrapper = cr.height;\n _this.widthOfBlocksWrapper = cr.width;\n });\n });\n var observer = new resize_observer_polyfill__WEBPACK_IMPORTED_MODULE_10__[\"default\"](observeContainer);\n observer.observe(this.$refs.blocksWrapper);\n this.$once(\"hook:beforeDestroy\", function () {\n observer.disconnect();\n\n _this.releaseSelector();\n });\n },\n methods: {\n scrollToTimehandle: function scrollToTimehandle(newV) {\n if (!newV) {\n return;\n }\n\n var start = this.start,\n end = this.end;\n var time = dayjs__WEBPACK_IMPORTED_MODULE_9___default()(newV);\n\n if (!(time.isAfter(start) && time.isBefore(end))) {\n Object(_utils_tool_js__WEBPACK_IMPORTED_MODULE_12__[\"warn\"])(\"\\u5F53\\u524D\\u6EDA\\u52A8\\u81F3\".concat(newV, \"\\u4E0D\\u5728\").concat(start, \"\\u548C\").concat(end, \"\\u7684\\u8303\\u56F4\\u4E4B\\u5185\"));\n return;\n }\n\n var offset = this.getPositonOffset(newV);\n this.$nextTick(this.manualScroll(offset));\n },\n scrollToPostionHandle: function scrollToPostionHandle(newV) {\n if (!newV) {\n return;\n }\n\n var x = Number.parseFloat(newV.x);\n var y = Number.parseFloat(newV.y);\n\n if (!Number.isNaN(x) && x !== this.scrollLeft) {\n this.$nextTick(this.manualScroll(x));\n }\n\n if (!Number.isNaN(y) && y !== this.scrollTop) {\n this.$nextTick(this.manualScroll(undefined, y));\n }\n },\n mouseDownHandle: function mouseDownHandle() {\n this.$refs.blocksWrapper.style.cursor = \"grabbing\";\n this.$refs.blocksWrapper.addEventListener(\"mousemove\", this.mouseMoveHandle);\n },\n mouseMoveHandle: function mouseMoveHandle(e) {\n var movementX = e.movementX,\n movementY = e.movementY;\n this.wheelHandle({\n deltaX: -movementX,\n deltaY: -movementY\n });\n },\n mouseUpHandle: function mouseUpHandle() {\n this.$refs.blocksWrapper.style.cursor = \"default\";\n this.$refs.blocksWrapper.removeEventListener(\"mousemove\", this.mouseMoveHandle);\n },\n touchMoveHandle: function touchMoveHandle(e) {\n var finger = e.touches[0];\n this.wheelHandle({\n deltaX: this.preTouchPosition.x - finger.screenX,\n deltaY: this.preTouchPosition.y - finger.screenY\n });\n this.preTouchPosition.x = finger.screenX;\n this.preTouchPosition.y = finger.screenY;\n },\n touchStartHandle: function touchStartHandle(e) {\n var finger = e.touches[0];\n this.preTouchPosition.x = finger.screenX;\n this.preTouchPosition.y = finger.screenY;\n },\n touchEndHandle: function touchEndHandle() {\n this.preTouchPosition.x = 0;\n this.preTouchPosition.y = 0;\n },\n getWidthAbout2Times: function getWidthAbout2Times(start, end) {\n var options = {\n scale: this.scale,\n cellWidth: this.cellWidth\n };\n return Object(_utils_gtUtils_js__WEBPACK_IMPORTED_MODULE_13__[\"getWidthAbout2Times\"])(start, end, options);\n },\n\n /**\n * 为时间线计算偏移\n */\n getPositonOffset: function getPositonOffset(date) {\n var options = {\n scale: this.scale,\n cellWidth: this.cellWidth\n };\n return Object(_utils_gtUtils_js__WEBPACK_IMPORTED_MODULE_13__[\"getPositonOffset\"])(date, this.beginTimeOfTimeLineToString, options);\n },\n //缓存节点\n cacheSelector: function cacheSelector() {\n this.selector.gantt_leftbar = this.$refs.leftbarWrapper;\n this.selector.gantt_table = this.$refs.blocksWrapper;\n this.selector.gantt_scroll_y = this.$refs.scrollYBar;\n this.selector.gantt_timeline = this.$refs.headerTimeline;\n this.selector.gantt_scroll_x = this.$refs.scrollXBar;\n this.selector.gantt_markArea = this.$refs.marklineArea;\n },\n releaseSelector: function releaseSelector() {\n var key;\n\n for (key in this.selector) {\n this.selector[key] = null;\n }\n },\n wheelHandle: function wheelHandle(event) {\n var deltaX = event.deltaX,\n deltaY = event.deltaY;\n var scrollTop = this.scrollTop,\n scrollLeft = this.scrollLeft,\n avialableScrollLeft = this.avialableScrollLeft,\n avialableScrollTop = this.avialableScrollTop;\n\n if (deltaY !== 0) {\n if (scrollTop + deltaY >= avialableScrollTop && scrollTop !== avialableScrollTop) {\n this.manualScroll(undefined, avialableScrollTop);\n } else if (scrollTop + deltaY < 0 && scrollTop !== 0\n /*滚动为0限制*/\n ) {\n this.manualScroll(undefined, 0);\n } else {\n this.manualScroll(undefined, scrollTop + deltaY);\n }\n }\n\n if (deltaX !== 0) {\n if (scrollLeft + deltaX >= avialableScrollLeft && scrollLeft !== avialableScrollLeft) {\n this.manualScroll(avialableScrollLeft);\n } else if (scrollLeft + deltaX < 0 && scrollLeft !== 0\n /*滚动为0限制*/\n ) {\n this.manualScroll(0);\n } else {\n this.manualScroll(scrollLeft + deltaX);\n }\n }\n },\n manualScroll: function manualScroll(x, y) {\n if (x != undefined) {\n this.selector.gantt_scroll_x.scrollLeft = x;\n }\n\n if (y != undefined) {\n this.selector.gantt_scroll_y.scrollTop = y;\n }\n },\n //同步fixleft和block的滚动\n syncScrollY: function syncScrollY(event) {\n var _this$selector = this.selector,\n gantt_leftbar = _this$selector.gantt_leftbar,\n gantt_table = _this$selector.gantt_table;\n var topValue = event.target.scrollTop;\n this.scrollTop = gantt_table.scrollTop = gantt_leftbar.scrollTop = topValue;\n this.$emit(\"scrollTop\", topValue);\n },\n syncScrollX: function syncScrollX(event) {\n var _this$selector2 = this.selector,\n gantt_table = _this$selector2.gantt_table,\n gantt_timeline = _this$selector2.gantt_timeline,\n gantt_markArea = _this$selector2.gantt_markArea;\n var leftValue = event.target.scrollLeft;\n this.scrollLeft = gantt_timeline.scrollLeft = gantt_table.scrollLeft = leftValue;\n gantt_markArea.style.left = -leftValue + \"px\";\n this.$emit(\"scrollLeft\", leftValue);\n }\n }\n});\n\n//# sourceURL=webpack:///./src/gantt.vue?./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); /***/ }), -/***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"723f942c-vue-loader-template\"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/blocks/index.vue?vue&type=template&id=8900bace&": +/***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"f868200e-vue-loader-template\"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/blocks/index.vue?vue&type=template&id=8900bace&": /*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ - !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"723f942c-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!./src/components/blocks/index.vue?vue&type=template&id=8900bace& ***! + !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f868200e-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!./src/components/blocks/index.vue?vue&type=template&id=8900bace& ***! \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: render, staticRenderFns */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n { staticClass: \"gantt-blocks\", style: _vm.blocksStyle },\n [\n _c(\"div\", {\n staticClass: \"gantt-block gantt-block-top-space\",\n style: { height: _vm.topSpace + \"px\" }\n }),\n _vm._l(_vm.showDatas, function(data, index) {\n return _c(\n \"div\",\n {\n key: _vm.dataKey ? data[_vm.dataKey] : index,\n staticClass: \"gantt-block\",\n style: { height: _vm.cellHeight + \"px\" }\n },\n [\n !_vm.customGenerateBlocks\n ? [\n _vm._l(_vm.concatArray(data), function(item, index) {\n return [\n _vm.isInRenderingTimeRangeOrIsAcrossRenderingTimeRange(\n item.start,\n item.end\n )\n ? _c(\n \"div\",\n {\n key: _vm.itemKey ? item[_vm.itemKey] : index,\n staticClass: \"gantt-block-item\",\n style: {\n left: _vm.getPosition(item) + \"px\",\n width: _vm.getWidth(item) + \"px\"\n }\n },\n [\n _vm._t(\n \"default\",\n [\n _c(\n \"div\",\n { staticClass: \"gantt-block-defaultBlock\" },\n [_vm._v(\"need slot\")]\n )\n ],\n { data: data, item: item }\n )\n ],\n 2\n )\n : _vm._e()\n ]\n })\n ]\n : [\n _vm._t(\"default\", [_vm._v(\"need slot \")], {\n data: data,\n getPositonOffset: _vm.getPositonOffset,\n getWidthAbout2Times: _vm.getWidthAbout2Times,\n isInRenderingTimeRange: _vm.isInRenderingTimeRange,\n isAcrossRenderingTimeRange: _vm.isAcrossRenderingTimeRange\n })\n ]\n ],\n 2\n )\n })\n ],\n 2\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/blocks/index.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22723f942c-vue-loader-template%22%7D!./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"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n { staticClass: \"gantt-blocks\", style: _vm.blocksStyle },\n [\n _c(\"div\", {\n staticClass: \"gantt-block gantt-block-top-space\",\n style: { height: _vm.topSpace + \"px\" }\n }),\n _vm._l(_vm.showDatas, function(data, index) {\n return _c(\n \"div\",\n {\n key: _vm.dataKey ? data[_vm.dataKey] : index,\n staticClass: \"gantt-block\",\n style: { height: _vm.cellHeight + \"px\" }\n },\n [\n !_vm.customGenerateBlocks\n ? [\n _vm._l(_vm.concatArray(data), function(item, index) {\n return [\n _vm.isInRenderingTimeRangeOrIsAcrossRenderingTimeRange(\n item.start,\n item.end\n )\n ? _c(\n \"div\",\n {\n key: _vm.itemKey ? item[_vm.itemKey] : index,\n staticClass: \"gantt-block-item\",\n style: {\n left: _vm.getPosition(item) + \"px\",\n width: _vm.getWidth(item) + \"px\"\n }\n },\n [\n _vm._t(\n \"default\",\n [\n _c(\n \"div\",\n { staticClass: \"gantt-block-defaultBlock\" },\n [_vm._v(\"need slot\")]\n )\n ],\n { data: data, item: item }\n )\n ],\n 2\n )\n : _vm._e()\n ]\n })\n ]\n : [\n _vm._t(\"default\", [_vm._v(\"need slot \")], {\n data: data,\n getPositonOffset: _vm.getPositonOffset,\n getWidthAbout2Times: _vm.getWidthAbout2Times,\n isInRenderingTimeRange: _vm.isInRenderingTimeRange,\n isAcrossRenderingTimeRange: _vm.isAcrossRenderingTimeRange\n })\n ]\n ],\n 2\n )\n })\n ],\n 2\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/blocks/index.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22f868200e-vue-loader-template%22%7D!./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"); /***/ }), -/***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"723f942c-vue-loader-template\"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/left-bar/index.vue?vue&type=template&id=38fabfa0&": +/***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"f868200e-vue-loader-template\"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/left-bar/index.vue?vue&type=template&id=38fabfa0&": /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ - !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"723f942c-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!./src/components/left-bar/index.vue?vue&type=template&id=38fabfa0& ***! + !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f868200e-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!./src/components/left-bar/index.vue?vue&type=template&id=38fabfa0& ***! \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: render, staticRenderFns */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n { staticClass: \"gantt-leftbar\" },\n [\n _c(\"div\", {\n staticClass: \"gantt-leftbar-item gantt-block-top-space\",\n style: { height: _vm.topSpace + \"px\" }\n }),\n _vm._l(_vm.showDatas, function(data, index) {\n return _c(\n \"div\",\n {\n key: _vm.dataKey ? data[_vm.dataKey] : index,\n staticClass: \"gantt-leftbar-item\",\n style: _vm.cellHeightStyle\n },\n [\n _vm._t(\n \"default\",\n [\n _c(\"div\", { staticClass: \"gantt-leftbar-defalutItem\" }, [\n _vm._v(\"need slot\")\n ])\n ],\n { data: data }\n )\n ],\n 2\n )\n })\n ],\n 2\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/left-bar/index.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22723f942c-vue-loader-template%22%7D!./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"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n { staticClass: \"gantt-leftbar\" },\n [\n _c(\"div\", {\n staticClass: \"gantt-leftbar-item gantt-block-top-space\",\n style: { height: _vm.topSpace + \"px\" }\n }),\n _vm._l(_vm.showDatas, function(data, index) {\n return _c(\n \"div\",\n {\n key: _vm.dataKey ? data[_vm.dataKey] : index,\n staticClass: \"gantt-leftbar-item\",\n style: _vm.cellHeightStyle\n },\n [\n _vm._t(\n \"default\",\n [\n _c(\"div\", { staticClass: \"gantt-leftbar-defalutItem\" }, [\n _vm._v(\"need slot\")\n ])\n ],\n { data: data }\n )\n ],\n 2\n )\n })\n ],\n 2\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/left-bar/index.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22f868200e-vue-loader-template%22%7D!./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"); /***/ }), -/***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"723f942c-vue-loader-template\"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/mark-line/current-time.vue?vue&type=template&id=7b0461ec&": +/***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"f868200e-vue-loader-template\"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/mark-line/current-time.vue?vue&type=template&id=7b0461ec&": /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ - !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"723f942c-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!./src/components/mark-line/current-time.vue?vue&type=template&id=7b0461ec& ***! + !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f868200e-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!./src/components/mark-line/current-time.vue?vue&type=template&id=7b0461ec& ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: render, staticRenderFns */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"mark-line\", {\n attrs: {\n markLineTime: _vm.currentTime,\n getPositonOffset: _vm.getPositonOffset,\n color: \"rgba(255,0,0,.4)\"\n }\n })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/mark-line/current-time.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22723f942c-vue-loader-template%22%7D!./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"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"mark-line\", {\n attrs: {\n markLineTime: _vm.currentTime,\n getPositonOffset: _vm.getPositonOffset,\n color: \"rgba(255,0,0,.4)\"\n }\n })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/mark-line/current-time.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22f868200e-vue-loader-template%22%7D!./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"); /***/ }), -/***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"723f942c-vue-loader-template\"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/mark-line/index.vue?vue&type=template&id=e97eced2&": +/***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"f868200e-vue-loader-template\"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/time-line/index.vue?vue&type=template&id=72bbcc97&": /*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ - !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"723f942c-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!./src/components/mark-line/index.vue?vue&type=template&id=e97eced2& ***! + !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f868200e-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!./src/components/time-line/index.vue?vue&type=template&id=72bbcc97& ***! \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: render, staticRenderFns */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.visible,\n expression: \"visible\"\n }\n ],\n staticClass: \"gantt-markline\",\n style: { \"background-color\": _vm.color, left: _vm.getPosition() + \"px\" }\n },\n [\n _c(\n \"div\",\n {\n staticClass: \"gantt-markline-label\",\n style: { \"background-color\": _vm.color }\n },\n [\n _vm._v(\n \" \" + _vm._s(_vm.dayjs(_vm.markLineTime).format(\"HH:mm:ss\")) + \" \"\n )\n ]\n )\n ]\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/mark-line/index.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22723f942c-vue-loader-template%22%7D!./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"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n {\n staticClass: \"gantt-timeline\",\n style: { \"margin-left\": -_vm.cellWidth / 2 + \"px\" }\n },\n [\n _vm.lazy\n ? _c(\"div\", {\n staticClass: \"gantt-timeline-padding_block\",\n style: { width: _vm.paddingWidth + \"px\" }\n })\n : _vm._e(),\n _vm._l(_vm.allDayBlocks, function(day, index) {\n return [\n !_vm.lazy || _vm.isInRenderingDayRange(day)\n ? _c(\n \"div\",\n {\n key: index,\n staticClass: \"gantt-timeline-block\",\n style: {\n width: _vm.getTimeScales(day).length * _vm.cellWidth + \"px\"\n }\n },\n [\n _vm._t(\n \"default\",\n [\n _c(\n \"div\",\n {\n staticClass: \"gantt-timeline-day \",\n style: _vm.heightStyle\n },\n [_vm._v(\" \" + _vm._s(day.format(\"MM/DD\")) + \" \")]\n ),\n !_vm.isDayScale\n ? _c(\n \"div\",\n {\n staticClass: \"gantt-timeline-scale \",\n style: _vm.heightStyle\n },\n _vm._l(_vm.getTimeScales(day), function(\n time,\n index\n ) {\n return _c(\n \"div\",\n { key: index, style: _vm.cellWidthStyle },\n [\n _vm._v(\n \" \" +\n _vm._s(\n _vm.scale >= 60\n ? time.format(\"HH\")\n : time.format(\"HH:mm\")\n ) +\n \" \"\n )\n ]\n )\n }),\n 0\n )\n : _vm._e()\n ],\n { day: day, getTimeScales: _vm.getTimeScales }\n )\n ],\n 2\n )\n : _vm._e()\n ]\n })\n ],\n 2\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/time-line/index.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22f868200e-vue-loader-template%22%7D!./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"); /***/ }), -/***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"723f942c-vue-loader-template\"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/components/time-line/index.vue?vue&type=template&id=72bbcc97&": -/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ - !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"723f942c-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!./src/components/time-line/index.vue?vue&type=template&id=72bbcc97& ***! - \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ +/***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"f868200e-vue-loader-template\"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/demo/App.vue?vue&type=template&id=3c377a2e&scoped=true&": +/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f868200e-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!./src/demo/App.vue?vue&type=template&id=3c377a2e&scoped=true& ***! + \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: render, staticRenderFns */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n {\n staticClass: \"gantt-timeline\",\n style: { \"margin-left\": -_vm.cellWidth / 2 + \"px\" }\n },\n [\n _vm.lazy\n ? _c(\"div\", {\n staticClass: \"gantt-timeline-padding_block\",\n style: { width: _vm.paddingWidth + \"px\" }\n })\n : _vm._e(),\n _vm._l(_vm.allDayBlocks, function(day, index) {\n return [\n !_vm.lazy || _vm.isInRenderingDayRange(day)\n ? _c(\n \"div\",\n {\n key: index,\n staticClass: \"gantt-timeline-block\",\n style: {\n width: _vm.getTimeScales(day).length * _vm.cellWidth + \"px\"\n }\n },\n [\n _vm._t(\n \"default\",\n [\n _c(\n \"div\",\n {\n staticClass: \"gantt-timeline-day \",\n style: _vm.heightStyle\n },\n [_vm._v(\" \" + _vm._s(day.format(\"MM/DD\")) + \" \")]\n ),\n !_vm.isDayScale\n ? _c(\n \"div\",\n {\n staticClass: \"gantt-timeline-scale \",\n style: _vm.heightStyle\n },\n _vm._l(_vm.getTimeScales(day), function(\n time,\n index\n ) {\n return _c(\n \"div\",\n { key: index, style: _vm.cellWidthStyle },\n [\n _vm._v(\n \" \" +\n _vm._s(\n _vm.scale >= 60\n ? time.format(\"HH\")\n : time.format(\"HH:mm\")\n ) +\n \" \"\n )\n ]\n )\n }),\n 0\n )\n : _vm._e()\n ],\n { day: day, getTimeScales: _vm.getTimeScales }\n )\n ],\n 2\n )\n : _vm._e()\n ]\n })\n ],\n 2\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/components/time-line/index.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22723f942c-vue-loader-template%22%7D!./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"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { attrs: { id: \"app\" } }, [\n _c(\n \"header\",\n { staticClass: \"top-bar\" },\n [\n _c(\n \"el-form\",\n { attrs: { inline: true, size: \"small\" } },\n [\n _c(\n \"el-form-item\",\n { attrs: { label: \"Vue-Gantt-Chart\" } },\n [\n _c(\"el-date-picker\", {\n staticStyle: { width: \"300px\" },\n attrs: {\n size: \"small\",\n type: \"datetimerange\",\n \"range-separator\": \"至\",\n \"start-placeholder\": \"开始日期\",\n \"end-placeholder\": \"结束日期\"\n },\n model: {\n value: _vm.times,\n callback: function($$v) {\n _vm.times = $$v\n },\n expression: \"times\"\n }\n })\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n { attrs: { label: \"行数\" } },\n [\n _c(\"el-input\", {\n staticStyle: { width: \"60px\" },\n attrs: { size: \"small\", placeholder: \"\" },\n model: {\n value: _vm.rowNum,\n callback: function($$v) {\n _vm.rowNum = _vm._n($$v)\n },\n expression: \"rowNum\"\n }\n })\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n { attrs: { label: \"块数\" } },\n [\n _c(\"el-input\", {\n staticStyle: { width: \"60px\" },\n attrs: { size: \"small\", placeholder: \"\" },\n model: {\n value: _vm.colNum,\n callback: function($$v) {\n _vm.colNum = _vm._n($$v)\n },\n expression: \"colNum\"\n }\n })\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n { attrs: { label: \"cellHeight\" } },\n [\n _c(\"el-slider\", {\n staticStyle: { width: \"60px\" },\n attrs: { min: 20, max: 100, size: \"small\" },\n model: {\n value: _vm.cellHeight,\n callback: function($$v) {\n _vm.cellHeight = $$v\n },\n expression: \"cellHeight\"\n }\n })\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n { attrs: { label: \"cellWidth\" } },\n [\n _c(\"el-slider\", {\n staticStyle: { width: \"60px\" },\n attrs: { min: 20, max: 100, size: \"small\" },\n model: {\n value: _vm.cellWidth,\n callback: function($$v) {\n _vm.cellWidth = $$v\n },\n expression: \"cellWidth\"\n }\n })\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n { attrs: { label: \"scale\" } },\n [\n _c(\n \"el-select\",\n {\n staticStyle: { width: \"80px\" },\n attrs: { placeholder: \"\", size: \"small\" },\n model: {\n value: _vm.scale,\n callback: function($$v) {\n _vm.scale = $$v\n },\n expression: \"scale\"\n }\n },\n _vm._l(_vm.scaleList, function(item) {\n return _c(\"el-option\", {\n key: item.value,\n attrs: { label: item.label, value: item.value }\n })\n }),\n 1\n )\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n [\n _c(\n \"el-checkbox\",\n {\n model: {\n value: _vm.hideHeader,\n callback: function($$v) {\n _vm.hideHeader = $$v\n },\n expression: \"hideHeader\"\n }\n },\n [_vm._v(\"hideHeader\")]\n )\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n [\n _c(\n \"el-checkbox\",\n {\n model: {\n value: _vm.hideSecondGantt,\n callback: function($$v) {\n _vm.hideSecondGantt = $$v\n },\n expression: \"hideSecondGantt\"\n }\n },\n [_vm._v(\"hideSecondGantt\")]\n )\n ],\n 1\n )\n ],\n 1\n )\n ],\n 1\n ),\n _c(\n \"div\",\n { staticClass: \"container\" },\n [\n _c(\"v-gantt-chart\", {\n attrs: {\n startTime: _vm.times[0],\n endTime: _vm.times[1],\n cellWidth: _vm.cellWidth,\n cellHeight: _vm.cellHeight,\n timeLines: _vm.timeLines,\n titleHeight: _vm.titleHeight,\n scale: _vm.scale,\n titleWidth: _vm.titleWidth,\n showCurrentTime: \"\",\n hideHeader: _vm.hideHeader,\n dataKey: _vm.dataKey,\n arrayKeys: _vm.arrayKeys,\n scrollToPostion: _vm.positionA,\n datas: _vm.datasA\n },\n on: { scrollLeft: _vm.scrollLeftA },\n scopedSlots: _vm._u([\n {\n key: \"block\",\n fn: function(ref) {\n var data = ref.data\n var item = ref.item\n return [\n _c(\"Test\", {\n attrs: {\n data: data,\n updateTimeLines: _vm.updateTimeLines,\n cellHeight: _vm.cellHeight,\n currentTime: _vm.currentTime,\n item: item\n }\n })\n ]\n }\n },\n {\n key: \"left\",\n fn: function(ref) {\n var data = ref.data\n return [_c(\"TestLeft\", { attrs: { data: data } })]\n }\n },\n {\n key: \"title\",\n fn: function() {\n return [_vm._v(\"铁胆火车侠日程表 \")]\n },\n proxy: true\n }\n ])\n }),\n !_vm.hideSecondGantt\n ? _c(\"v-gantt-chart\", {\n attrs: {\n startTime: _vm.times[0],\n endTime: _vm.times[1],\n cellWidth: _vm.cellWidth,\n cellHeight: _vm.cellHeight,\n timeLines: _vm.timeLines,\n titleHeight: _vm.titleHeight,\n scale: _vm.scale,\n titleWidth: _vm.titleWidth,\n showCurrentTime: \"\",\n hideHeader: \"\",\n dataKey: _vm.dataKey,\n arrayKeys: _vm.arrayKeys,\n scrollToPostion: _vm.positionB,\n customGenerateBlocks: \"\",\n datas: _vm.datasB\n },\n on: { scrollLeft: _vm.scrollLeftB },\n scopedSlots: _vm._u(\n [\n {\n key: \"block\",\n fn: function(ref) {\n var data = ref.data\n var getPositonOffset = ref.getPositonOffset\n var getWidthAbout2Times = ref.getWidthAbout2Times\n var isInRenderingTimeRange = ref.isInRenderingTimeRange\n var startTimeOfRenderArea = ref.startTimeOfRenderArea\n var endTimeOfRenderArea = ref.endTimeOfRenderArea\n var isAcrossRenderingTimeRange =\n ref.isAcrossRenderingTimeRange\n return _vm._l(data.gtArray, function(item, index) {\n return isInRenderingTimeRange(item.start) ||\n isInRenderingTimeRange(item.end) ||\n isAcrossRenderingTimeRange(item.start, item.end)\n ? _c(\n \"div\",\n {\n key: item.id,\n staticClass: \"gantt-block-item\",\n style: {\n left: getPositonOffset(item.start) + \"px\",\n width:\n getWidthAbout2Times(item.start, item.end) +\n \"px\"\n }\n },\n [\n _c(\"Test\", {\n attrs: {\n data: data,\n updateTimeLines: _vm.updateTimeLines,\n cellHeight: _vm.cellHeight,\n currentTime: _vm.currentTime,\n item: item\n }\n })\n ],\n 1\n )\n : _vm._e()\n })\n }\n },\n {\n key: \"left\",\n fn: function(ref) {\n var data = ref.data\n return [_c(\"TestLeft\", { attrs: { data: data } })]\n }\n },\n {\n key: \"title\",\n fn: function() {\n return [_vm._v(\" 铁胆火车侠日程表 \")]\n },\n proxy: true\n },\n {\n key: \"markLine\",\n fn: function(ref) {\n var markLineTime = ref.markLineTime\n var getPosition = ref.getPosition\n return [\n _c(\"TestMarkline\", {\n attrs: {\n markLineTime: markLineTime,\n getPosition: getPosition\n }\n })\n ]\n }\n }\n ],\n null,\n false,\n 152180038\n )\n })\n : _vm._e()\n ],\n 1\n ),\n _vm._m(0)\n ])\n}\nvar staticRenderFns = [\n function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"footer\", { staticClass: \"main-footer\" }, [\n _vm._v(\" MIT ©wuchouchou\"),\n _c(\"span\", { staticStyle: { float: \"right\" } }, [\n _vm._v(\"注:该demo由两个甘特组件组合而成\")\n ])\n ])\n }\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/demo/App.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22f868200e-vue-loader-template%22%7D!./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"); /***/ }), -/***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"723f942c-vue-loader-template\"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/demo/App.vue?vue&type=template&id=3c377a2e&scoped=true&": -/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ - !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"723f942c-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!./src/demo/App.vue?vue&type=template&id=3c377a2e&scoped=true& ***! - \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ +/***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"f868200e-vue-loader-template\"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/demo/components/test-left.vue?vue&type=template&id=70a9414c&scoped=true&": +/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f868200e-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!./src/demo/components/test-left.vue?vue&type=template&id=70a9414c&scoped=true& ***! + \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: render, staticRenderFns */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { attrs: { id: \"app\" } }, [\n _c(\n \"header\",\n { staticClass: \"top-bar\" },\n [\n _c(\n \"el-form\",\n { attrs: { inline: true, size: \"small\" } },\n [\n _c(\n \"el-form-item\",\n { attrs: { label: \"Vue-Gantt-Chart\" } },\n [\n _c(\"el-date-picker\", {\n staticStyle: { width: \"300px\" },\n attrs: {\n size: \"small\",\n type: \"datetimerange\",\n \"range-separator\": \"至\",\n \"start-placeholder\": \"开始日期\",\n \"end-placeholder\": \"结束日期\"\n },\n model: {\n value: _vm.times,\n callback: function($$v) {\n _vm.times = $$v\n },\n expression: \"times\"\n }\n })\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n { attrs: { label: \"行数\" } },\n [\n _c(\"el-input\", {\n staticStyle: { width: \"60px\" },\n attrs: { size: \"small\", placeholder: \"\" },\n model: {\n value: _vm.rowNum,\n callback: function($$v) {\n _vm.rowNum = _vm._n($$v)\n },\n expression: \"rowNum\"\n }\n })\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n { attrs: { label: \"块数\" } },\n [\n _c(\"el-input\", {\n staticStyle: { width: \"60px\" },\n attrs: { size: \"small\", placeholder: \"\" },\n model: {\n value: _vm.colNum,\n callback: function($$v) {\n _vm.colNum = _vm._n($$v)\n },\n expression: \"colNum\"\n }\n })\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n { attrs: { label: \"cellHeight\" } },\n [\n _c(\"el-slider\", {\n staticStyle: { width: \"60px\" },\n attrs: { min: 20, max: 100, size: \"small\" },\n model: {\n value: _vm.cellHeight,\n callback: function($$v) {\n _vm.cellHeight = $$v\n },\n expression: \"cellHeight\"\n }\n })\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n { attrs: { label: \"cellWidth\" } },\n [\n _c(\"el-slider\", {\n staticStyle: { width: \"60px\" },\n attrs: { min: 20, max: 100, size: \"small\" },\n model: {\n value: _vm.cellWidth,\n callback: function($$v) {\n _vm.cellWidth = $$v\n },\n expression: \"cellWidth\"\n }\n })\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n { attrs: { label: \"scale\" } },\n [\n _c(\n \"el-select\",\n {\n staticStyle: { width: \"80px\" },\n attrs: { placeholder: \"\", size: \"small\" },\n model: {\n value: _vm.scale,\n callback: function($$v) {\n _vm.scale = $$v\n },\n expression: \"scale\"\n }\n },\n _vm._l(_vm.scaleList, function(item) {\n return _c(\"el-option\", {\n key: item.value,\n attrs: { label: item.label, value: item.value }\n })\n }),\n 1\n )\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n [\n _c(\n \"el-checkbox\",\n {\n model: {\n value: _vm.hideHeader,\n callback: function($$v) {\n _vm.hideHeader = $$v\n },\n expression: \"hideHeader\"\n }\n },\n [_vm._v(\"hideHeader\")]\n )\n ],\n 1\n ),\n _c(\n \"el-form-item\",\n [\n _c(\n \"el-checkbox\",\n {\n model: {\n value: _vm.hideSecondGantt,\n callback: function($$v) {\n _vm.hideSecondGantt = $$v\n },\n expression: \"hideSecondGantt\"\n }\n },\n [_vm._v(\"hideSecondGantt\")]\n )\n ],\n 1\n )\n ],\n 1\n )\n ],\n 1\n ),\n _c(\n \"div\",\n { staticClass: \"container\" },\n [\n _c(\"v-gantt-chart\", {\n attrs: {\n startTime: _vm.times[0],\n endTime: _vm.times[1],\n cellWidth: _vm.cellWidth,\n cellHeight: _vm.cellHeight,\n timeLines: _vm.timeLines,\n titleHeight: _vm.titleHeight,\n scale: _vm.scale,\n titleWidth: _vm.titleWidth,\n showCurrentTime: \"\",\n hideHeader: _vm.hideHeader,\n dataKey: _vm.dataKey,\n arrayKeys: _vm.arrayKeys,\n scrollToPostion: _vm.positionA,\n datas: _vm.datasA\n },\n on: { scrollLeft: _vm.scrollLeftA },\n scopedSlots: _vm._u([\n {\n key: \"block\",\n fn: function(ref) {\n var data = ref.data\n var item = ref.item\n return [\n _c(\"Test\", {\n attrs: {\n data: data,\n updateTimeLines: _vm.updateTimeLines,\n cellHeight: _vm.cellHeight,\n currentTime: _vm.currentTime,\n item: item\n }\n })\n ]\n }\n },\n {\n key: \"left\",\n fn: function(ref) {\n var data = ref.data\n return [_c(\"TestLeft\", { attrs: { data: data } })]\n }\n },\n {\n key: \"title\",\n fn: function() {\n return [_vm._v(\"铁胆火车侠日程表 \")]\n },\n proxy: true\n }\n ])\n }),\n !_vm.hideSecondGantt\n ? _c(\"v-gantt-chart\", {\n attrs: {\n startTime: _vm.times[0],\n endTime: _vm.times[1],\n cellWidth: _vm.cellWidth,\n cellHeight: _vm.cellHeight,\n timeLines: _vm.timeLines,\n titleHeight: _vm.titleHeight,\n scale: _vm.scale,\n titleWidth: _vm.titleWidth,\n showCurrentTime: \"\",\n hideHeader: \"\",\n dataKey: _vm.dataKey,\n arrayKeys: _vm.arrayKeys,\n scrollToPostion: _vm.positionB,\n customGenerateBlocks: \"\",\n datas: _vm.datasB\n },\n on: { scrollLeft: _vm.scrollLeftB },\n scopedSlots: _vm._u(\n [\n {\n key: \"block\",\n fn: function(ref) {\n var data = ref.data\n var getPositonOffset = ref.getPositonOffset\n var getWidthAbout2Times = ref.getWidthAbout2Times\n var isInRenderingTimeRange = ref.isInRenderingTimeRange\n var startTimeOfRenderArea = ref.startTimeOfRenderArea\n var endTimeOfRenderArea = ref.endTimeOfRenderArea\n var isAcrossRenderingTimeRange =\n ref.isAcrossRenderingTimeRange\n return _vm._l(data.gtArray, function(item, index) {\n return isInRenderingTimeRange(item.start) ||\n isInRenderingTimeRange(item.end) ||\n isAcrossRenderingTimeRange(item.start, item.end)\n ? _c(\n \"div\",\n {\n key: item.id,\n staticClass: \"gantt-block-item\",\n style: {\n left: getPositonOffset(item.start) + \"px\",\n width:\n getWidthAbout2Times(item.start, item.end) +\n \"px\"\n }\n },\n [\n _c(\"Test\", {\n attrs: {\n data: data,\n updateTimeLines: _vm.updateTimeLines,\n cellHeight: _vm.cellHeight,\n currentTime: _vm.currentTime,\n item: item\n }\n })\n ],\n 1\n )\n : _vm._e()\n })\n }\n },\n {\n key: \"left\",\n fn: function(ref) {\n var data = ref.data\n return [_c(\"TestLeft\", { attrs: { data: data } })]\n }\n },\n {\n key: \"title\",\n fn: function() {\n return [_vm._v(\" 铁胆火车侠日程表 \")]\n },\n proxy: true\n }\n ],\n null,\n false,\n 2076741516\n )\n })\n : _vm._e()\n ],\n 1\n ),\n _vm._m(0)\n ])\n}\nvar staticRenderFns = [\n function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"footer\", { staticClass: \"main-footer\" }, [\n _vm._v(\" MIT ©wuchouchou\"),\n _c(\"span\", { staticStyle: { float: \"right\" } }, [\n _vm._v(\"注:该demo由两个甘特组件组合而成\")\n ])\n ])\n }\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/demo/App.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22723f942c-vue-loader-template%22%7D!./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"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n { staticClass: \"name\", style: { background: _vm.data.colorPair.light } },\n [\n _c(\"div\", {\n staticClass: \"colorBar\",\n style: { background: _vm.data.colorPair.dark }\n }),\n _c(\"div\", { staticClass: \"type\" }, [_vm._v(_vm._s(_vm.data.type))]),\n _c(\"div\", { staticClass: \"carId\" }, [\n _vm._v(_vm._s(_vm.data.name) + _vm._s(_vm.data.id))\n ]),\n _c(\"div\", { staticClass: \"speed\" }, [\n _vm._v(_vm._s(_vm.data.speed) + \"km/s\")\n ])\n ]\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/demo/components/test-left.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22f868200e-vue-loader-template%22%7D!./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"); /***/ }), -/***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"723f942c-vue-loader-template\"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/demo/components/test-left.vue?vue&type=template&id=70a9414c&scoped=true&": -/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ - !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"723f942c-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!./src/demo/components/test-left.vue?vue&type=template&id=70a9414c&scoped=true& ***! - \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ +/***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"f868200e-vue-loader-template\"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/demo/components/test-markline.vue?vue&type=template&id=2b16c3f4&scoped=true&": +/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f868200e-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!./src/demo/components/test-markline.vue?vue&type=template&id=2b16c3f4&scoped=true& ***! + \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: render, staticRenderFns */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n { staticClass: \"name\", style: { background: _vm.data.colorPair.light } },\n [\n _c(\"div\", {\n staticClass: \"colorBar\",\n style: { background: _vm.data.colorPair.dark }\n }),\n _c(\"div\", { staticClass: \"type\" }, [_vm._v(_vm._s(_vm.data.type))]),\n _c(\"div\", { staticClass: \"carId\" }, [\n _vm._v(_vm._s(_vm.data.name) + _vm._s(_vm.data.id))\n ]),\n _c(\"div\", { staticClass: \"speed\" }, [\n _vm._v(_vm._s(_vm.data.speed) + \"km/s\")\n ])\n ]\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/demo/components/test-left.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22723f942c-vue-loader-template%22%7D!./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"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n { staticClass: \"markline\", style: { left: _vm.getPosition() + \"px\" } },\n [\n _c(\"div\", { staticClass: \"markline-label\" }, [\n _vm._v(\n \" 自定义\" +\n _vm._s(_vm.dayjs(_vm.markLineTime).format(\"HH:mm:ss\")) +\n \" \"\n )\n ])\n ]\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/demo/components/test-markline.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22f868200e-vue-loader-template%22%7D!./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"); /***/ }), -/***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"723f942c-vue-loader-template\"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/demo/components/test-timeline.vue?vue&type=template&id=ef282bf4&scoped=true&": +/***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"f868200e-vue-loader-template\"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/demo/components/test-timeline.vue?vue&type=template&id=ef282bf4&scoped=true&": /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ - !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"723f942c-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!./src/demo/components/test-timeline.vue?vue&type=template&id=ef282bf4&scoped=true& ***! + !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f868200e-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!./src/demo/components/test-timeline.vue?vue&type=template&id=ef282bf4&scoped=true& ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: render, staticRenderFns */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n { staticClass: \"test\" },\n _vm._l(_vm.getTimeScales(_vm.day), function(i) {\n return _c(\"span\", [_vm._v(\" \" + _vm._s(i.format(\"HH:mm\")))])\n }),\n 0\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/demo/components/test-timeline.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22723f942c-vue-loader-template%22%7D!./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"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n { staticClass: \"test\" },\n _vm._l(_vm.getTimeScales(_vm.day), function(i) {\n return _c(\"span\", [_vm._v(\" \" + _vm._s(i.format(\"HH:mm\")))])\n }),\n 0\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/demo/components/test-timeline.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22f868200e-vue-loader-template%22%7D!./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"); /***/ }), -/***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"723f942c-vue-loader-template\"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/demo/components/test.vue?vue&type=template&id=f5dee8d0&scoped=true&": +/***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"f868200e-vue-loader-template\"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/demo/components/test.vue?vue&type=template&id=f5dee8d0&scoped=true&": /*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ - !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"723f942c-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!./src/demo/components/test.vue?vue&type=template&id=f5dee8d0&scoped=true& ***! + !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f868200e-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!./src/demo/components/test.vue?vue&type=template&id=f5dee8d0&scoped=true& ***! \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: render, staticRenderFns */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"el-popover\",\n { attrs: { placement: \"bottom\", trigger: \"hover\" } },\n [\n _c(\n \"div\",\n {\n staticClass: \"plan\",\n style: {\n \"background-color\": _vm.statusColor,\n \"margin-top\": 0.1 * _vm.cellHeight + \"px\"\n },\n attrs: { slot: \"reference\" },\n on: { click: _vm.onClick },\n slot: \"reference\"\n },\n [\n _c(\"div\", { staticClass: \"runTime\" }, [\n _c(\"span\", [_vm._v(\"S:\" + _vm._s(_vm.startToString))]),\n _c(\"span\", [_vm._v(\"E:\" + _vm._s(_vm.endToString))])\n ]),\n _c(\"div\", { staticClass: \"middle\" }, [\n _vm._v(\"编号\" + _vm._s(_vm.item.id))\n ])\n ]\n ),\n _c(\"div\", { staticClass: \"detail\" }, [\n _c(\"span\", { staticClass: \"header\" }, [\n _vm._v(\n _vm._s(_vm.data.type) + _vm._s(_vm.data.name) + _vm._s(_vm.data.id)\n )\n ]),\n _c(\"ul\", [\n _c(\"li\", [\n _c(\"span\", [_vm._v(\"发车时间：\")]),\n _c(\"span\", [_vm._v(_vm._s(_vm.startToString))])\n ]),\n _c(\"li\", [\n _c(\"span\", [_vm._v(\"到站时间：\")]),\n _c(\"span\", [_vm._v(_vm._s(_vm.endToString))])\n ]),\n _c(\"li\", [\n _c(\"span\", [_vm._v(\"载员：\")]),\n _c(\"span\", [_vm._v(_vm._s(_vm.item.passenger))])\n ]),\n _c(\"li\", [\n _c(\"span\", [_vm._v(\"编号：\")]),\n _c(\"span\", [_vm._v(_vm._s(_vm.item.id))])\n ])\n ])\n ])\n ]\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/demo/components/test.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22723f942c-vue-loader-template%22%7D!./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"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"el-popover\",\n { attrs: { placement: \"bottom\", trigger: \"hover\" } },\n [\n _c(\n \"div\",\n {\n staticClass: \"plan\",\n style: {\n \"background-color\": _vm.statusColor,\n \"margin-top\": 0.1 * _vm.cellHeight + \"px\"\n },\n attrs: { slot: \"reference\" },\n on: { click: _vm.onClick },\n slot: \"reference\"\n },\n [\n _c(\"div\", { staticClass: \"runTime\" }, [\n _c(\"span\", [_vm._v(\"S:\" + _vm._s(_vm.startToString))]),\n _c(\"span\", [_vm._v(\"E:\" + _vm._s(_vm.endToString))])\n ]),\n _c(\"div\", { staticClass: \"middle\" }, [\n _vm._v(\"编号\" + _vm._s(_vm.item.id))\n ])\n ]\n ),\n _c(\"div\", { staticClass: \"detail\" }, [\n _c(\"span\", { staticClass: \"header\" }, [\n _vm._v(\n _vm._s(_vm.data.type) + _vm._s(_vm.data.name) + _vm._s(_vm.data.id)\n )\n ]),\n _c(\"ul\", [\n _c(\"li\", [\n _c(\"span\", [_vm._v(\"发车时间：\")]),\n _c(\"span\", [_vm._v(_vm._s(_vm.startToString))])\n ]),\n _c(\"li\", [\n _c(\"span\", [_vm._v(\"到站时间：\")]),\n _c(\"span\", [_vm._v(_vm._s(_vm.endToString))])\n ]),\n _c(\"li\", [\n _c(\"span\", [_vm._v(\"载员：\")]),\n _c(\"span\", [_vm._v(_vm._s(_vm.item.passenger))])\n ]),\n _c(\"li\", [\n _c(\"span\", [_vm._v(\"编号：\")]),\n _c(\"span\", [_vm._v(_vm._s(_vm.item.id))])\n ])\n ])\n ])\n ]\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/demo/components/test.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22f868200e-vue-loader-template%22%7D!./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"); /***/ }), -/***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"723f942c-vue-loader-template\"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/gantt.vue?vue&type=template&id=3669ab6a&": +/***/ "./node_modules/cache-loader/dist/cjs.js?{\"cacheDirectory\":\"node_modules/.cache/vue-loader\",\"cacheIdentifier\":\"f868200e-vue-loader-template\"}!./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/gantt.vue?vue&type=template&id=3669ab6a&": /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ - !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"723f942c-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!./src/gantt.vue?vue&type=template&id=3669ab6a& ***! + !*** ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"f868200e-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!./src/gantt.vue?vue&type=template&id=3669ab6a& ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /*! exports provided: render, staticRenderFns */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n {\n staticClass: \"gantt-chart\",\n on: {\n \"&wheel\": function($event) {\n return _vm.wheelHandle($event)\n },\n \"&touchstart\": function($event) {\n return _vm.touchStartHandle($event)\n },\n \"&touchmove\": function($event) {\n return _vm.touchMoveHandle($event)\n },\n \"&touchend\": function($event) {\n return _vm.touchEndHandle($event)\n }\n }\n },\n [\n _c(\n \"div\",\n {\n staticClass: \"gantt-container\",\n style: {\n height: \"calc(100% - \" + _vm.scrollXBarHeight + \"px)\",\n width: \"calc(100% - \" + _vm.scrollYBarWidth + \"px)\"\n }\n },\n [\n _c(\n \"div\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: !_vm.hideHeader,\n expression: \"!hideHeader\"\n }\n ],\n staticClass: \"gantt-header\",\n style: { width: \"calc(100% + \" + _vm.scrollYBarWidth + \"px)\" }\n },\n [\n _c(\n \"div\",\n {\n staticClass: \"gantt-header-title\",\n style: {\n \"line-height\": _vm.titleHeight + \"px\",\n height: _vm.titleHeight + \"px\",\n width: _vm.titleWidth + \"px\"\n }\n },\n [_vm._t(\"title\", [_vm._v(\"welcome v-gantt-chart\")])],\n 2\n ),\n _c(\n \"div\",\n { ref: \"headerTimeline\", staticClass: \"gantt-header-timeline\" },\n [\n _c(\n \"div\",\n {\n staticClass: \"gantt-timeline-wrapper\",\n style: {\n width: _vm.totalWidth + _vm.scrollYBarWidth + \"px\"\n }\n },\n [\n _c(\"timeline\", {\n attrs: {\n start: _vm.start,\n end: _vm.end,\n cellWidth: _vm.cellWidth,\n titleHeight: _vm.titleHeight,\n scale: _vm.scale,\n startTimeOfRenderArea: _vm.dayjs(\n _vm.startTimeOfRenderArea\n ),\n endTimeOfRenderArea: _vm.dayjs(\n _vm.endTimeOfRenderArea\n ),\n getPositonOffset: _vm.getPositonOffset\n },\n scopedSlots: _vm._u(\n [\n {\n key: \"default\",\n fn: function(ref) {\n var day = ref.day\n var getTimeScales = ref.getTimeScales\n return [\n _vm._t(\"timeline\", null, {\n day: day,\n getTimeScales: getTimeScales\n })\n ]\n }\n }\n ],\n null,\n true\n )\n })\n ],\n 1\n )\n ]\n )\n ]\n ),\n _c(\n \"div\",\n {\n staticClass: \"gantt-body\",\n style: { height: \"calc(100% - \" + _vm.actualHeaderHeight + \"px)\" }\n },\n [\n _c(\"div\", { staticClass: \"gantt-table\" }, [\n _c(\n \"div\",\n {\n ref: \"marklineArea\",\n staticClass: \"gantt-markline-area\",\n style: { marginLeft: _vm.titleWidth + \"px\" }\n },\n [\n _vm.showCurrentTime\n ? _c(\"CurrentTime\", {\n attrs: { getPositonOffset: _vm.getPositonOffset }\n })\n : _vm._e(),\n _vm._l(_vm.timeLines, function(times, index) {\n return _c(\"mark-line\", {\n key: index,\n attrs: {\n markLineTime: times.time,\n getPositonOffset: _vm.getPositonOffset,\n color: times.color\n }\n })\n })\n ],\n 2\n ),\n _c(\n \"div\",\n {\n ref: \"leftbarWrapper\",\n staticClass: \"gantt-leftbar-wrapper\",\n style: {\n width: _vm.titleWidth + \"px\",\n height: \"calc(100% + \" + _vm.scrollXBarHeight + \"px)\"\n }\n },\n [\n _c(\"LeftBar\", {\n style: {\n height: _vm.totalHeight + _vm.scrollXBarHeight + \"px\"\n },\n attrs: {\n datas: _vm.datas,\n dataKey: _vm.dataKey,\n scrollTop: _vm.scrollTop,\n heightOfBlocksWrapper: _vm.heightOfBlocksWrapper,\n cellHeight: _vm.cellHeight,\n preload: _vm.preload\n },\n scopedSlots: _vm._u(\n [\n {\n key: \"default\",\n fn: function(ref) {\n var data = ref.data\n return [_vm._t(\"left\", null, { data: data })]\n }\n }\n ],\n null,\n true\n )\n })\n ],\n 1\n ),\n _c(\n \"div\",\n {\n ref: \"blocksWrapper\",\n staticClass: \"gantt-blocks-wrapper\",\n on: {\n mousedown: function(e) {\n return _vm.enableGrab\n ? _vm.mouseDownHandle(e)\n : _vm.noop\n },\n mouseup: function(e) {\n return _vm.enableGrab ? _vm.mouseUpHandle(e) : _vm.noop\n }\n }\n },\n [\n _c(\"blocks\", {\n style: { width: _vm.totalWidth + \"px\" },\n attrs: {\n scrollTop: _vm.scrollTop,\n scrollLeft: _vm.scrollLeft,\n heightOfBlocksWrapper: _vm.heightOfBlocksWrapper,\n widthOfBlocksWrapper: _vm.widthOfBlocksWrapper,\n arrayKeys: _vm.arrayKeys,\n itemKey: _vm.itemKey,\n dataKey: _vm.dataKey,\n datas: _vm.datas,\n cellWidth: _vm.cellWidth,\n cellHeight: _vm.cellHeight,\n scale: _vm.scale,\n getPositonOffset: _vm.getPositonOffset,\n getWidthAbout2Times: _vm.getWidthAbout2Times,\n customGenerateBlocks: _vm.customGenerateBlocks,\n startTimeOfRenderArea: _vm.startTimeOfRenderArea,\n endTimeOfRenderArea: _vm.endTimeOfRenderArea,\n preload: _vm.preload\n },\n scopedSlots: _vm._u(\n [\n !_vm.customGenerateBlocks\n ? {\n key: \"default\",\n fn: function(ref) {\n var data = ref.data\n var item = ref.item\n return [\n _vm._t(\"block\", null, {\n data: data,\n item: item\n })\n ]\n }\n }\n : {\n key: \"default\",\n fn: function(ref) {\n var data = ref.data\n var getPositonOffset = ref.getPositonOffset\n var getWidthAbout2Times =\n ref.getWidthAbout2Times\n var isInRenderingTimeRange =\n ref.isInRenderingTimeRange\n var isAcrossRenderingTimeRange =\n ref.isAcrossRenderingTimeRange\n return [\n _vm._t(\"block\", null, {\n data: data,\n getPositonOffset: getPositonOffset,\n getWidthAbout2Times: getWidthAbout2Times,\n isInRenderingTimeRange: isInRenderingTimeRange,\n isAcrossRenderingTimeRange: isAcrossRenderingTimeRange,\n startTimeOfRenderArea:\n _vm.startTimeOfRenderArea,\n endTimeOfRenderArea:\n _vm.endTimeOfRenderArea\n })\n ]\n }\n }\n ],\n null,\n true\n )\n })\n ],\n 1\n )\n ])\n ]\n )\n ]\n ),\n _c(\n \"div\",\n {\n ref: \"scrollYBar\",\n staticClass: \"gantt-scroll-y\",\n style: {\n width: _vm.scrollYBarWidth + \"px\",\n height: \"calc(100% - \" + _vm.actualHeaderHeight + \"px\",\n marginTop: _vm.actualHeaderHeight + \"px\"\n },\n on: {\n \"&scroll\": function($event) {\n return _vm.syncScrollY($event)\n }\n }\n },\n [_c(\"div\", { style: { height: _vm.totalHeight + \"px\" } })]\n ),\n _c(\n \"div\",\n {\n ref: \"scrollXBar\",\n staticClass: \"gantt-scroll-x\",\n style: {\n height: _vm.scrollXBarHeight + \"px\",\n width: \"calc(100% - \" + _vm.titleWidth + \"px )\",\n marginLeft: _vm.titleWidth + \"px\"\n },\n on: {\n \"&scroll\": function($event) {\n return _vm.syncScrollX($event)\n }\n }\n },\n [_c(\"div\", { style: { width: _vm.totalWidth + \"px\" } })]\n )\n ]\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/gantt.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22723f942c-vue-loader-template%22%7D!./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"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n {\n staticClass: \"gantt-chart\",\n on: {\n \"&wheel\": function($event) {\n return _vm.wheelHandle($event)\n },\n \"&touchstart\": function($event) {\n return _vm.touchStartHandle($event)\n },\n \"&touchmove\": function($event) {\n return _vm.touchMoveHandle($event)\n },\n \"&touchend\": function($event) {\n return _vm.touchEndHandle($event)\n }\n }\n },\n [\n _c(\n \"div\",\n {\n staticClass: \"gantt-container\",\n style: {\n height: \"calc(100% - \" + _vm.scrollXBarHeight + \"px)\",\n width: \"calc(100% - \" + _vm.scrollYBarWidth + \"px)\"\n }\n },\n [\n _c(\n \"div\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: !_vm.hideHeader,\n expression: \"!hideHeader\"\n }\n ],\n staticClass: \"gantt-header\",\n style: { width: \"calc(100% + \" + _vm.scrollYBarWidth + \"px)\" }\n },\n [\n _c(\n \"div\",\n {\n staticClass: \"gantt-header-title\",\n style: {\n \"line-height\": _vm.titleHeight + \"px\",\n height: _vm.titleHeight + \"px\",\n width: _vm.titleWidth + \"px\"\n }\n },\n [_vm._t(\"title\", [_vm._v(\"welcome v-gantt-chart\")])],\n 2\n ),\n _c(\n \"div\",\n { ref: \"headerTimeline\", staticClass: \"gantt-header-timeline\" },\n [\n _c(\n \"div\",\n {\n staticClass: \"gantt-timeline-wrapper\",\n style: {\n width: _vm.totalWidth + _vm.scrollYBarWidth + \"px\"\n }\n },\n [\n _c(\"timeline\", {\n attrs: {\n start: _vm.start,\n end: _vm.end,\n cellWidth: _vm.cellWidth,\n titleHeight: _vm.titleHeight,\n scale: _vm.scale,\n startTimeOfRenderArea: _vm.dayjs(\n _vm.startTimeOfRenderArea\n ),\n endTimeOfRenderArea: _vm.dayjs(\n _vm.endTimeOfRenderArea\n ),\n getPositonOffset: _vm.getPositonOffset\n },\n scopedSlots: _vm._u(\n [\n {\n key: \"default\",\n fn: function(ref) {\n var day = ref.day\n var getTimeScales = ref.getTimeScales\n return [\n _vm._t(\"timeline\", null, {\n day: day,\n getTimeScales: getTimeScales\n })\n ]\n }\n }\n ],\n null,\n true\n )\n })\n ],\n 1\n )\n ]\n )\n ]\n ),\n _c(\n \"div\",\n {\n staticClass: \"gantt-body\",\n style: { height: \"calc(100% - \" + _vm.actualHeaderHeight + \"px)\" }\n },\n [\n _c(\"div\", { staticClass: \"gantt-table\" }, [\n _c(\n \"div\",\n {\n ref: \"marklineArea\",\n staticClass: \"gantt-markline-area\",\n style: { marginLeft: _vm.titleWidth + \"px\" }\n },\n [\n _vm.showCurrentTime\n ? _c(\"CurrentTime\", {\n attrs: { getPositonOffset: _vm.getPositonOffset }\n })\n : _vm._e(),\n _vm._l(_vm.timeLines, function(times, index) {\n return _c(\"mark-line\", {\n key: index,\n attrs: {\n markLineTime: times.time,\n getPositonOffset: _vm.getPositonOffset,\n color: times.color\n },\n scopedSlots: _vm._u(\n [\n {\n key: \"default\",\n fn: function(ref) {\n var markLineTime = ref.markLineTime\n var getPosition = ref.getPosition\n return [\n _vm._t(\"markLine\", null, {\n markLineTime: markLineTime,\n getPosition: getPosition\n })\n ]\n }\n }\n ],\n null,\n true\n )\n })\n })\n ],\n 2\n ),\n _c(\n \"div\",\n {\n ref: \"leftbarWrapper\",\n staticClass: \"gantt-leftbar-wrapper\",\n style: {\n width: _vm.titleWidth + \"px\",\n height: \"calc(100% + \" + _vm.scrollXBarHeight + \"px)\"\n }\n },\n [\n _c(\"LeftBar\", {\n style: {\n height: _vm.totalHeight + _vm.scrollXBarHeight + \"px\"\n },\n attrs: {\n datas: _vm.datas,\n dataKey: _vm.dataKey,\n scrollTop: _vm.scrollTop,\n heightOfBlocksWrapper: _vm.heightOfBlocksWrapper,\n cellHeight: _vm.cellHeight,\n preload: _vm.preload\n },\n scopedSlots: _vm._u(\n [\n {\n key: \"default\",\n fn: function(ref) {\n var data = ref.data\n return [_vm._t(\"left\", null, { data: data })]\n }\n }\n ],\n null,\n true\n )\n })\n ],\n 1\n ),\n _c(\n \"div\",\n {\n ref: \"blocksWrapper\",\n staticClass: \"gantt-blocks-wrapper\",\n on: {\n mousedown: function(e) {\n return _vm.enableGrab\n ? _vm.mouseDownHandle(e)\n : _vm.noop\n },\n mouseup: function(e) {\n return _vm.enableGrab ? _vm.mouseUpHandle(e) : _vm.noop\n }\n }\n },\n [\n _c(\"blocks\", {\n style: { width: _vm.totalWidth + \"px\" },\n attrs: {\n scrollTop: _vm.scrollTop,\n scrollLeft: _vm.scrollLeft,\n heightOfBlocksWrapper: _vm.heightOfBlocksWrapper,\n widthOfBlocksWrapper: _vm.widthOfBlocksWrapper,\n arrayKeys: _vm.arrayKeys,\n itemKey: _vm.itemKey,\n dataKey: _vm.dataKey,\n datas: _vm.datas,\n cellWidth: _vm.cellWidth,\n cellHeight: _vm.cellHeight,\n scale: _vm.scale,\n getPositonOffset: _vm.getPositonOffset,\n getWidthAbout2Times: _vm.getWidthAbout2Times,\n customGenerateBlocks: _vm.customGenerateBlocks,\n startTimeOfRenderArea: _vm.startTimeOfRenderArea,\n endTimeOfRenderArea: _vm.endTimeOfRenderArea,\n preload: _vm.preload\n },\n scopedSlots: _vm._u(\n [\n !_vm.customGenerateBlocks\n ? {\n key: \"default\",\n fn: function(ref) {\n var data = ref.data\n var item = ref.item\n return [\n _vm._t(\"block\", null, {\n data: data,\n item: item\n })\n ]\n }\n }\n : {\n key: \"default\",\n fn: function(ref) {\n var data = ref.data\n var getPositonOffset = ref.getPositonOffset\n var getWidthAbout2Times =\n ref.getWidthAbout2Times\n var isInRenderingTimeRange =\n ref.isInRenderingTimeRange\n var isAcrossRenderingTimeRange =\n ref.isAcrossRenderingTimeRange\n return [\n _vm._t(\"block\", null, {\n data: data,\n getPositonOffset: getPositonOffset,\n getWidthAbout2Times: getWidthAbout2Times,\n isInRenderingTimeRange: isInRenderingTimeRange,\n isAcrossRenderingTimeRange: isAcrossRenderingTimeRange,\n startTimeOfRenderArea:\n _vm.startTimeOfRenderArea,\n endTimeOfRenderArea:\n _vm.endTimeOfRenderArea\n })\n ]\n }\n }\n ],\n null,\n true\n )\n })\n ],\n 1\n )\n ])\n ]\n )\n ]\n ),\n _c(\n \"div\",\n {\n ref: \"scrollYBar\",\n staticClass: \"gantt-scroll-y\",\n style: {\n width: _vm.scrollYBarWidth + \"px\",\n height: \"calc(100% - \" + _vm.actualHeaderHeight + \"px\",\n marginTop: _vm.actualHeaderHeight + \"px\"\n },\n on: {\n \"&scroll\": function($event) {\n return _vm.syncScrollY($event)\n }\n }\n },\n [_c(\"div\", { style: { height: _vm.totalHeight + \"px\" } })]\n ),\n _c(\n \"div\",\n {\n ref: \"scrollXBar\",\n staticClass: \"gantt-scroll-x\",\n style: {\n height: _vm.scrollXBarHeight + \"px\",\n width: \"calc(100% - \" + _vm.titleWidth + \"px )\",\n marginLeft: _vm.titleWidth + \"px\"\n },\n on: {\n \"&scroll\": function($event) {\n return _vm.syncScrollX($event)\n }\n }\n },\n [_c(\"div\", { style: { width: _vm.totalWidth + \"px\" } })]\n )\n ]\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack:///./src/gantt.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22f868200e-vue-loader-template%22%7D!./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"); /***/ }), @@ -417,6 +429,17 @@ eval("exports = module.exports = __webpack_require__(/*! ../../../node_modules/c /***/ }), +/***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/demo/components/test-markline.vue?vue&type=style&index=0&id=2b16c3f4&lang=scss&scoped=true&": +/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/demo/components/test-markline.vue?vue&type=style&index=0&id=2b16c3f4&lang=scss&scoped=true& ***! + \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ +/*! no static exports found */ +/***/ (function(module, exports, __webpack_require__) { + +eval("exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\")(false);\n// Module\nexports.push([module.i, \".markline[data-v-2b16c3f4] {\\n position: absolute;\\n z-index: 100;\\n width: 2px;\\n height: 100vh;\\n background: #747e80;\\n}\\n.markline-label[data-v-2b16c3f4] {\\n padding: 3px;\\n width: 6rem;\\n margin-left: -3rem;\\n margin-top: 5rem;\\n color: #fff;\\n background: #747e80;\\n text-align: center;\\n border-radius: 5px;\\n font-size: 0.7rem;\\n}\", \"\"]);\n\n\n//# sourceURL=webpack:///./src/demo/components/test-markline.vue?./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options"); + +/***/ }), + /***/ "./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/demo/components/test-timeline.vue?vue&type=style&index=0&id=ef282bf4&lang=scss&scoped=true&": /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/demo/components/test-timeline.vue?vue&type=style&index=0&id=ef282bf4&lang=scss&scoped=true& ***! @@ -472,6 +495,17 @@ eval("// style-loader: Adds some css to the DOM by adding a \ No newline at end of file diff --git a/src/main.js b/src/main.js index bfcbd7a..ce81550 100644 --- a/src/main.js +++ b/src/main.js @@ -34,5 +34,5 @@ Vue.use(Option); Vue.use(Checkbox); new Vue({ - render: h => h(App) + render: (h) => h(App) }).$mount("#app");