@supermapgis/vue-iclient-leaflet 11.2.0

package/lib/time-line/index.js

@@ -0,0 +1,654 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "lib/leaflet/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 450);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = require("@babel/runtime/helpers/interopRequireDefault");
+
+/***/ }),
+
+/***/ 1:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
+/* globals __VUE_SSR_CONTEXT__ */
+
+// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
+// This module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle.
+
+function normalizeComponent(
+  scriptExports,
+  render,
+  staticRenderFns,
+  functionalTemplate,
+  injectStyles,
+  scopeId,
+  moduleIdentifier /* server only */,
+  shadowMode /* vue-cli only */
+) {
+  // Vue.extend constructor export interop
+  var options =
+    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
+
+  // render functions
+  if (render) {
+    options.render = render
+    options.staticRenderFns = staticRenderFns
+    options._compiled = true
+  }
+
+  // functional template
+  if (functionalTemplate) {
+    options.functional = true
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = 'data-v-' + scopeId
+  }
+
+  var hook
+  if (moduleIdentifier) {
+    // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
+    }
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = shadowMode
+      ? function () {
+          injectStyles.call(
+            this,
+            (options.functional ? this.parent : this).$root.$options.shadowRoot
+          )
+        }
+      : injectStyles
+  }
+
+  if (hook) {
+    if (options.functional) {
+      // for template-only hot-reload because in that case the render fn doesn't
+      // go through the normalizer
+      options._injectStyles = hook
+      // register for functional component in vue file
+      var originalRender = options.render
+      options.render = function renderWithStyleInjection(h, context) {
+        hook.call(context)
+        return originalRender(h, context)
+      }
+    } else {
+      // inject component registration as beforeCreate hook
+      var existing = options.beforeCreate
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
+    }
+  }
+
+  return {
+    exports: scriptExports,
+    options: options
+  }
+}
+
+
+/***/ }),
+
+/***/ 11:
+/***/ (function(module, exports) {
+
+module.exports = require("vue-property-decorator");
+
+/***/ }),
+
+/***/ 14:
+/***/ (function(module, exports) {
+
+module.exports = require("@babel/runtime/helpers/createClass");
+
+/***/ }),
+
+/***/ 197:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_node_modules_ts_loader_index_js_ref_0_1_node_modules_vue_loader_lib_index_js_vue_loader_options_TimeLine_vue_vue_type_script_lang_ts___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(198);
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_node_modules_ts_loader_index_js_ref_0_1_node_modules_vue_loader_lib_index_js_vue_loader_options_TimeLine_vue_vue_type_script_lang_ts___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_babel_loader_lib_index_js_node_modules_ts_loader_index_js_ref_0_1_node_modules_vue_loader_lib_index_js_vue_loader_options_TimeLine_vue_vue_type_script_lang_ts___WEBPACK_IMPORTED_MODULE_0__);
+/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _node_modules_babel_loader_lib_index_js_node_modules_ts_loader_index_js_ref_0_1_node_modules_vue_loader_lib_index_js_vue_loader_options_TimeLine_vue_vue_type_script_lang_ts___WEBPACK_IMPORTED_MODULE_0__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _node_modules_babel_loader_lib_index_js_node_modules_ts_loader_index_js_ref_0_1_node_modules_vue_loader_lib_index_js_vue_loader_options_TimeLine_vue_vue_type_script_lang_ts___WEBPACK_IMPORTED_MODULE_0__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_node_modules_ts_loader_index_js_ref_0_1_node_modules_vue_loader_lib_index_js_vue_loader_options_TimeLine_vue_vue_type_script_lang_ts___WEBPACK_IMPORTED_MODULE_0___default.a); 
+
+/***/ }),
+
+/***/ 198:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var _interopRequireDefault = __webpack_require__(0);
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _createClass2 = _interopRequireDefault(__webpack_require__(14));
+
+var _inheritsLoose2 = _interopRequireDefault(__webpack_require__(6));
+
+var _Theme = _interopRequireDefault(__webpack_require__(2));
+
+var _vueEcharts = _interopRequireDefault(__webpack_require__(57));
+
+var _vuePropertyDecorator = __webpack_require__(11);
+
+var _lodash = _interopRequireDefault(__webpack_require__(21));
+
+var __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
+  var c = arguments.length,
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+var ThemeStyleName = ['primaryColor', 'avatarBackground', 'hoverColor', 'tooltipColor', 'tooltipBackground', 'shadowColor', 'sliderRailBackgroundColor'];
+
+var SmTimeLine = /*#__PURE__*/function (_Mixins) {
+  (0, _inheritsLoose2.default)(SmTimeLine, _Mixins);
+
+  function SmTimeLine() {
+    var _this;
+
+    _this = _Mixins.apply(this, arguments) || this;
+    _this.chartId = (0, _lodash.default)("TimeLine-");
+    _this.timer = null;
+    _this.playState = false;
+    _this.hoverColor = '#e5666f';
+    _this.tooltipColor = 'rgba(255, 255, 255, 0.85)';
+    _this.primaryColor = '#e14d57';
+    _this.avatarBackground = '#fff';
+    _this.tooltipBackground = '#535353';
+    _this.shadowColor = 'rgba(0, 0, 0, 0.35)';
+    _this.sliderRailBackgroundColor = 'rgba(255, 255, 255, 0.25)';
+    _this.themeStyleName = ThemeStyleName;
+    return _this;
+  }
+
+  var _proto = SmTimeLine.prototype;
+
+  _proto.timelineChange = function timelineChange(val) {
+    if (typeof this.nextEnable === 'boolean') {
+      this.nextStep();
+    }
+
+    return val;
+  };
+
+  _proto.timelineplaychanged = function timelineplaychanged(val) {
+    this.playState = val.playState;
+    return val;
+  };
+
+  _proto.setPlayState = function setPlayState(status) {
+    if (this.$refs[this.chartId]) {
+      this.$refs[this.chartId].chart.dispatchAction({
+        type: 'timelinePlayChange',
+        playState: status
+      });
+    }
+  };
+
+  _proto.nextStep = function nextStep() {
+    var _this2 = this;
+
+    if (this.timer) {
+      clearInterval(this.timer);
+    }
+
+    var playState = this.playState;
+    this.setPlayState(false);
+    this.timer = setInterval(function () {
+      if (_this2.nextEnable) {
+        clearInterval(_this2.timer);
+        _this2.timer = null;
+
+        if (playState) {
+          setTimeout(function () {
+            _this2.setPlayState(true);
+          }, Number(_this2.playInterval));
+        }
+      }
+    }, 100);
+  };
+
+  (0, _createClass2.default)(SmTimeLine, [{
+    key: "color",
+    get: function get() {
+      return this.getColor(0);
+    }
+  }, {
+    key: "options",
+    get: function get() {
+      var options = {
+        baseOption: {
+          timeline: {
+            axisType: 'category',
+            autoPlay: this.autoPlay,
+            playInterval: this.playInterval,
+            data: this.data,
+            currentIndex: this.currentIndex,
+            label: Object.assign({
+              color: this.getTextColor,
+              fontSize: 12,
+              position: 15
+            }, this.label),
+            lineStyle: Object.assign({
+              color: this.sliderRailBackgroundColor
+            }, this.lineStyle),
+            itemStyle: Object.assign({
+              itemSize: 13,
+              color: this.checkpointStyle && this.checkpointStyle.borderColor || this.avatarBackground,
+              borderColor: this.checkpointStyle && this.checkpointStyle.color || this.primaryColor,
+              borderWidth: 2
+            }, this.itemStyle),
+            controlStyle: Object.assign({
+              itemSize: 19,
+              itemGap: 10,
+              color: this.primaryColor,
+              borderColor: this.primaryColor,
+              borderWidth: 0,
+              opacity: 1,
+              shadowBlur: 0,
+              prevIcon: 'M16.9695,5.115 L16.9695,3.306 C16.9692323,3.23442582 16.9282399,3.16924789 16.8638436,3.13800611 C16.7994472,3.10676433 16.7228823,3.11490949 16.6665,3.159 L6.1005,11.409 C5.91865188,11.5505304 5.81230143,11.7680665 5.81230143,11.9985 C5.81230143,12.2289335 5.91865188,12.4464696 6.1005,12.588 L16.6665,20.841 C16.7228012,20.8856152 16.7997611,20.8938213 16.864204,20.8620808 C16.9286469,20.8303403 16.9690514,20.7643278 16.968,20.6925 L16.968,18.882 C16.9677279,18.7669965 16.9153205,18.6583202 16.8255,18.5865 L8.388,12 L16.8255,5.412 C16.9153205,5.34017977 16.9677279,5.23150348 16.968,5.1165 L16.9695,5.115 Z',
+              nextIcon: 'M172.373333 120.32V17.408A10.638222 10.638222 0 0 1 189.667556 9.045333L790.755556 478.378667a42.496 42.496 0 0 1 0 67.072L189.610667 1014.954667a10.581333 10.581333 0 0 1-17.180445-8.476445v-102.968889a21.617778 21.617778 0 0 1 8.078222-16.782222L660.593778 512 180.565333 137.216a21.617778 21.617778 0 0 1-8.078222-16.782222L172.373333 120.32z',
+              stopIcon: 'M10.0875,7.983 C9.66,7.983 9.312,8.2815 9.312,8.652 L9.312,15.348 C9.312,15.717 9.6585,16.017 10.0875,16.017 C10.515,16.017 10.8615,15.717 10.8615,15.348 L10.8615,8.652 C10.8615,8.2815 10.5135,7.983 10.0875,7.983 Z M13.9365,7.983 C13.509,7.983 13.1625,8.2815 13.1625,8.652 L13.1625,15.348 C13.1625,15.717 13.5075,16.017 13.9365,16.017 C14.3655,16.017 14.712,15.717 14.712,15.348 L14.712,8.652 C14.712,8.2815 14.364,7.983 13.9365,7.983 Z M12.012,1.5465 C6.2475,1.5465 1.5585,6.2355 1.5585,12 C1.5585,17.7645 6.2475,22.4535 12.012,22.4535 C17.7765,22.4535 22.4655,17.7645 22.4655,12 C22.4655,6.2355 17.7765,1.5465 12.012,1.5465 Z M12.012,20.9535 C7.0755,20.9535 3.0585,16.9365 3.0585,12 C3.0585,7.0635 7.0755,3.0465 12.012,3.0465 C16.9485,3.0465 20.9655,7.0635 20.9655,12 C20.9655,16.9365 16.9485,20.9535 12.012,20.9535 Z',
+              playIcon: 'M12.657,1.6635 C6.8925,1.6635 2.2035,6.3525 2.2035,12.117 C2.2035,17.8815 6.8925,22.5705 12.657,22.5705 C18.4215,22.5705 23.1105,17.8815 23.1105,12.117 C23.1105,6.3525 18.4215,1.6635 12.657,1.6635 Z M12.657,21.0705 C7.7205,21.0705 3.7035,17.0535 3.7035,12.117 C3.7035,7.1805 7.7205,3.1635 12.657,3.1635 C17.5935,3.1635 21.6105,7.1805 21.6105,12.117 C21.6105,17.0535 17.5935,21.0705 12.657,21.0705 Z M9.777,15.09 C9.777,15.915 10.362,16.2525 11.076,15.84 L16.2225,12.8685 C16.938,12.456 16.938,11.781 16.2225,11.3685 L11.076,8.3955 C10.3605,7.983 9.777,8.3205 9.777,9.1455 L9.777,15.09 Z'
+            }, this.controlStyle),
+            checkpointStyle: Object.assign({
+              color: this.primaryColor,
+              borderColor: this.avatarBackground,
+              borderWidth: 2,
+              symbolSize: 13
+            }, this.checkpointStyle),
+            emphasis: Object.assign({
+              label: {},
+              itemStyle: {},
+              controlStyle: {}
+            }, this.emphasis || {}),
+            padding: 0,
+            left: this.left,
+            right: this.right,
+            top: this.top,
+            bottom: this.bottom
+          },
+          tooltip: {
+            position: function position(point, params, dom, rect, size) {
+              return [point[0] - size.contentSize[0] / 2, '-15'];
+            },
+            backgroundColor: this.tooltipBackground,
+            textStyle: {
+              color: this.tooltipColor,
+              fontFamily: 'MicrosoftYaHei',
+              fontSize: 14
+            },
+            padding: [6, 8],
+            extraCssText: "0px 2px 7px 0px " + this.shadowColor
+          }
+        }
+      };
+      var _options$baseOption$t = options.baseOption.timeline,
+          label = _options$baseOption$t.label,
+          itemStyle = _options$baseOption$t.itemStyle,
+          controlStyle = _options$baseOption$t.controlStyle;
+      var emphasisStyle = Object.assign({
+        label: {},
+        itemStyle: {},
+        controlStyle: {}
+      }, this.emphasis || {});
+      options.baseOption.timeline.emphasis.label = Object.assign({}, label, Object.assign({
+        color: this.hoverColor
+      }, emphasisStyle.label));
+      options.baseOption.timeline.emphasis.itemStyle = Object.assign({}, Object.assign(Object.assign({}, itemStyle), {
+        color: itemStyle.borderColor,
+        borderColor: itemStyle.color
+      }), emphasisStyle.itemStyle);
+      options.baseOption.timeline.emphasis.controlStyle = Object.assign({}, controlStyle, emphasisStyle.controlStyle);
+      return Object.assign({}, options);
+    }
+  }]);
+  return SmTimeLine;
+}((0, _vuePropertyDecorator.Mixins)(_Theme.default));
+
+__decorate([(0, _vuePropertyDecorator.Prop)({
+  default: false
+})], SmTimeLine.prototype, "autoPlay", void 0);
+
+__decorate([(0, _vuePropertyDecorator.Prop)({
+  default: true
+})], SmTimeLine.prototype, "loop", void 0);
+
+__decorate([(0, _vuePropertyDecorator.Prop)({
+  default: 3000
+})], SmTimeLine.prototype, "playInterval", void 0);
+
+__decorate([(0, _vuePropertyDecorator.Prop)({
+  default: 0
+})], SmTimeLine.prototype, "currentIndex", void 0);
+
+__decorate([(0, _vuePropertyDecorator.Prop)({
+  default: 'auto'
+})], SmTimeLine.prototype, "left", void 0);
+
+__decorate([(0, _vuePropertyDecorator.Prop)({
+  default: 'auto'
+})], SmTimeLine.prototype, "right", void 0);
+
+__decorate([(0, _vuePropertyDecorator.Prop)({
+  default: 'auto'
+})], SmTimeLine.prototype, "top", void 0);
+
+__decorate([(0, _vuePropertyDecorator.Prop)({
+  default: 'auto'
+})], SmTimeLine.prototype, "bottom", void 0);
+
+__decorate([(0, _vuePropertyDecorator.Prop)({
+  default: function _default() {
+    return [];
+  }
+})], SmTimeLine.prototype, "data", void 0);
+
+__decorate([(0, _vuePropertyDecorator.Prop)({
+  default: function _default() {
+    return {};
+  }
+})], SmTimeLine.prototype, "label", void 0);
+
+__decorate([(0, _vuePropertyDecorator.Prop)({
+  default: function _default() {
+    return {};
+  }
+})], SmTimeLine.prototype, "lineStyle", void 0);
+
+__decorate([(0, _vuePropertyDecorator.Prop)({
+  default: function _default() {
+    return {};
+  }
+})], SmTimeLine.prototype, "itemStyle", void 0);
+
+__decorate([(0, _vuePropertyDecorator.Prop)({
+  default: function _default() {
+    return {
+      label: {}
+    };
+  }
+})], SmTimeLine.prototype, "emphasis", void 0);
+
+__decorate([(0, _vuePropertyDecorator.Prop)({
+  default: function _default() {
+    return {};
+  }
+})], SmTimeLine.prototype, "checkpointStyle", void 0);
+
+__decorate([(0, _vuePropertyDecorator.Prop)({
+  default: function _default() {
+    return {};
+  }
+})], SmTimeLine.prototype, "controlStyle", void 0);
+
+__decorate([(0, _vuePropertyDecorator.Prop)()], SmTimeLine.prototype, "nextEnable", void 0);
+
+__decorate([(0, _vuePropertyDecorator.Emit)('timelinechanged')], SmTimeLine.prototype, "timelineChange", null);
+
+__decorate([(0, _vuePropertyDecorator.Emit)('timelineplaychanged')], SmTimeLine.prototype, "timelineplaychanged", null);
+
+SmTimeLine = __decorate([(0, _vuePropertyDecorator.Component)({
+  name: 'SmTimeLine',
+  components: {
+    'v-chart': _vueEcharts.default
+  }
+})], SmTimeLine);
+
+var _default2 = exports.default = SmTimeLine;
+
+/***/ }),
+
+/***/ 2:
+/***/ (function(module, exports) {
+
+module.exports = require("@supermapgis/vue-iclient-leaflet/lib/_mixin/Theme.js");
+
+/***/ }),
+
+/***/ 21:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash.uniqueid");
+
+/***/ }),
+
+/***/ 271:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, "a", function() { return /* reexport */ render; });
+__webpack_require__.d(__webpack_exports__, "b", function() { return /* reexport */ staticRenderFns; });
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/common/time-line/TimeLine.vue?vue&type=template&id=dd1483b0&
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    { staticClass: "sm-component-time-line", style: [_vm.getBackgroundStyle] },
+    [
+      _c("v-chart", {
+        ref: _vm.chartId,
+        style: { width: "100%", height: "100%" },
+        attrs: { id: _vm.chartId, options: _vm.options, autoresize: true },
+        on: {
+          timelinechanged: _vm.timelineChange,
+          timelineplaychanged: _vm.timelineplaychanged,
+        },
+      }),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+// CONCATENATED MODULE: ./src/common/time-line/TimeLine.vue?vue&type=template&id=dd1483b0&
+
+
+/***/ }),
+
+/***/ 3:
+/***/ (function(module, exports) {
+
+module.exports = require("@supermapgis/vue-iclient-leaflet/lib/init.js");
+
+/***/ }),
+
+/***/ 450:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var _interopRequireDefault = __webpack_require__(0);
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _TimeLine = _interopRequireDefault(__webpack_require__(451));
+
+var _init = _interopRequireDefault(__webpack_require__(3));
+
+_TimeLine.default.install = function (Vue, opts) {
+  (0, _init.default)(Vue, opts);
+  Vue.component(_TimeLine.default.options ? _TimeLine.default.options.name : _TimeLine.default.name, _TimeLine.default);
+};
+
+var _default = exports.default = _TimeLine.default;
+
+/***/ }),
+
+/***/ 451:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _TimeLine_vue_vue_type_template_id_dd1483b0___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(271);
+/* harmony import */ var _TimeLine_vue_vue_type_script_lang_ts___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(197);
+/* harmony reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in _TimeLine_vue_vue_type_script_lang_ts___WEBPACK_IMPORTED_MODULE_1__) if(["default"].indexOf(__WEBPACK_IMPORT_KEY__) < 0) (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return _TimeLine_vue_vue_type_script_lang_ts___WEBPACK_IMPORTED_MODULE_1__[key]; }) }(__WEBPACK_IMPORT_KEY__));
+/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1);
+
+
+
+
+
+/* normalize component */
+
+var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])(
+  _TimeLine_vue_vue_type_script_lang_ts___WEBPACK_IMPORTED_MODULE_1__["default"],
+  _TimeLine_vue_vue_type_template_id_dd1483b0___WEBPACK_IMPORTED_MODULE_0__[/* render */ "a"],
+  _TimeLine_vue_vue_type_template_id_dd1483b0___WEBPACK_IMPORTED_MODULE_0__[/* staticRenderFns */ "b"],
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ __webpack_exports__["default"] = (component.exports);
+
+/***/ }),
+
+/***/ 57:
+/***/ (function(module, exports) {
+
+module.exports = require("vue-echarts");
+
+/***/ }),
+
+/***/ 6:
+/***/ (function(module, exports) {
+
+module.exports = require("@babel/runtime/helpers/inheritsLoose");
+
+/***/ })
+
+/******/ });

package/lib/time-line/style/css.js

@@ -0,0 +1,7 @@
+"use strict";
+
+require("@supermapgis/vue-iclient-leaflet/lib/_assets/iconfont/icon-sm-components.css");
+
+require("@supermapgis/vue-iclient-leaflet/lib/_utils/style/common/common.css");
+
+require("./time-line.css");

package/lib/time-line/style/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+require("@supermapgis/vue-iclient-leaflet/lib/_assets/iconfont/icon-sm-components.css");
+
+require("@supermapgis/vue-iclient-leaflet/lib/_utils/style/common/common.css");
+
+require("./time-line.css");

package/lib/time-line/style/time-line.css

@@ -0,0 +1 @@
+.sm-component-time-line{width:578px;height:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:auto;cursor:pointer}